修改样式
parent
53bdeff4b3
commit
b054a9651d
|
|
@ -8,7 +8,7 @@ const slots = useSlots()
|
|||
const props = defineProps({
|
||||
modelValue: propTypes.bool.def(false),
|
||||
title: propTypes.string.def('Dialog'),
|
||||
fullscreen: propTypes.bool.def(true),
|
||||
fullscreen: propTypes.bool.def(false),
|
||||
width: propTypes.oneOfType([String, Number]).def('40%'),
|
||||
scroll: propTypes.bool.def(false), // 是否开启滚动条。如果是的话,按照 maxHeight 设置最大高度
|
||||
maxHeight: propTypes.oneOfType([String, Number]).def('400px')
|
||||
|
|
@ -26,7 +26,7 @@ const getBindValue = computed(() => {
|
|||
return obj
|
||||
})
|
||||
|
||||
const isFullscreen = ref(false)
|
||||
const isFullscreen = ref(true)
|
||||
|
||||
const toggleFull = () => {
|
||||
isFullscreen.value = !unref(isFullscreen)
|
||||
|
|
@ -89,7 +89,7 @@ const dialogStyle = computed(() => {
|
|||
class="is-hover cursor-pointer"
|
||||
icon="ep:close"
|
||||
hover-color="var(--el-color-primary)"
|
||||
color="var(--el-color-info)"
|
||||
color="#ffffff"
|
||||
@click="close"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -122,6 +122,8 @@ const dialogStyle = computed(() => {
|
|||
padding: 0;
|
||||
margin-right: 0 !important;
|
||||
border-bottom: 1px solid var(--el-border-color);
|
||||
background: #409eff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
&__body {
|
||||
|
|
|
|||
|
|
@ -7,149 +7,149 @@
|
|||
<legend>基本信息</legend>
|
||||
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px" v-loading="formLoading">
|
||||
<el-row :gutter="20">
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
|
||||
<el-form-item label="编号" prop="number">
|
||||
<el-input v-model="formData.number" placeholder="请输入编号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="项目名称" prop="name">
|
||||
<el-input v-model="formData.name" placeholder="请输入项目名称" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="所属技术领域" prop="technicalField">
|
||||
<el-input v-model="formData.technicalField" placeholder="请输入所属技术领域" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="年度" prop="year">
|
||||
<el-input v-model="formData.year" placeholder="请输入年度" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="开始时间" prop="beginDate">
|
||||
<el-date-picker v-model="formData.beginDate" type="date" value-format="x" placeholder="选择开始时间" style="width:100%"/>
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="结束时间" prop="endData">
|
||||
<el-date-picker v-model="formData.endData" type="date" value-format="x" placeholder="请输入结束时间" style="width:100%"/>
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="负责人Id" prop="directorId">
|
||||
<el-input v-model="formData.directorId" placeholder="请输入负责人Id" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="负责人姓名" prop="director">
|
||||
<el-input v-model="formData.director" placeholder="请输入负责人姓名" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="负责人性别" prop="gender">
|
||||
<el-input v-model="formData.gender" placeholder="请输入负责人性别" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="年龄" prop="age">
|
||||
<el-input v-model="formData.age" placeholder="请输入年龄" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="学历" prop="education">
|
||||
<el-input v-model="formData.education" placeholder="请输入学历" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="所学专业" prop="major">
|
||||
<el-input v-model="formData.major" placeholder="请输入所学专业" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="从事专业" prop="engagMajor">
|
||||
<el-input v-model="formData.engagMajor" placeholder="请输入从事专业" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="职务(职称)" prop="position">
|
||||
<el-input v-model="formData.position" placeholder="请输入职务(职称)" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="电话" prop="phoneNo">
|
||||
<el-input v-model="formData.phoneNo" placeholder="请输入电话" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="邮箱" prop="email">
|
||||
<el-input v-model="formData.email" placeholder="请输入邮箱" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="传真" prop="fax">
|
||||
<el-input v-model="formData.fax" placeholder="请输入传真" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="邮编" prop="postalCode">
|
||||
<el-input v-model="formData.postalCode" placeholder="请输入邮编" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="通讯地址" prop="address">
|
||||
<el-input v-model="formData.address" placeholder="请输入通讯地址" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="主要业绩" prop="achievement">
|
||||
<el-input v-model="formData.achievement" placeholder="请输入主要业绩" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="主管部门ID" prop="competentDeptId">
|
||||
<el-input v-model="formData.competentDeptId" placeholder="请输入主管部门ID" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="主管部门" prop="competentDeptName">
|
||||
<el-input v-model="formData.competentDeptName" placeholder="请输入主管部门" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="主管工程师ID" prop="managerId">
|
||||
<el-input v-model="formData.managerId" placeholder="请输入主管工程师ID" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="主管工程师" prop="managerName">
|
||||
<el-input v-model="formData.managerName" placeholder="请输入主管工程师" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="维护单位名称" prop="maintenanceUnitName">
|
||||
<el-input v-model="formData.maintenanceUnitName" placeholder="请输入维护单位名称" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="维护单位ID" prop="maintenanceUnitId">
|
||||
<el-input v-model="formData.maintenanceUnitId" placeholder="请输入维护单位ID" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="承担单位名称" prop="undertakingUnitName">
|
||||
<el-input v-model="formData.undertakingUnitName" placeholder="请输入承担单位名称" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="承担单位ID" prop="undertakingUnitId">
|
||||
<el-input v-model="formData.undertakingUnitId" placeholder="请输入承担单位ID" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="审核单位名称" prop="reviewUnitName">
|
||||
<el-input v-model="formData.reviewUnitName" placeholder="请输入审核单位名称" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="审核单位ID" prop="reviewUnitId">
|
||||
<el-input v-model="formData.reviewUnitId" placeholder="请输入审核单位ID" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="状态" prop="state">
|
||||
<el-input v-model="formData.state" placeholder="请输入状态" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="创建人" prop="creator">
|
||||
<el-input v-model="formData.creator" placeholder="请输入创建人" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="创建时间" prop="createTime">
|
||||
<el-date-picker v-model="formData.createTime" type="date" value-format="x" placeholder="选择创建时间" style="width:100%"/>
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="更新人" prop="updater">
|
||||
<el-input v-model="formData.updater" placeholder="请输入更新人" />
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="更新时间" prop="updateTime">
|
||||
<el-date-picker v-model="formData.updateTime" type="date" value-format="x" placeholder="选择更新时间" style="width:100%"/>
|
||||
</el-form-item></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12">
|
||||
<el-col :xs="24" :sm="12" :md="8" :lg="6">
|
||||
<el-form-item label="是否删除" prop="deleted">
|
||||
<el-input v-model="formData.deleted" placeholder="请输入是否删除" />
|
||||
</el-form-item>
|
||||
|
|
|
|||
Loading…
Reference in New Issue