修改样式

pull/480/head
liting 2024-04-14 17:34:36 +08:00
parent 53bdeff4b3
commit b054a9651d
2 changed files with 41 additions and 39 deletions

View File

@ -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 {

View File

@ -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>