yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

修改样式

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Dialog/src/Dialog.vue
View File

@ -8,7 +8,7 @@ const slots = useSlots()
const props = defineProps({ const props = defineProps({
modelValue: propTypes.bool.def(false), modelValue: propTypes.bool.def(false),
title: propTypes.string.def('Dialog'), title: propTypes.string.def('Dialog'),
fullscreen: propTypes.bool.def(true), fullscreen: propTypes.bool.def(false),
width: propTypes.oneOfType([String, Number]).def('40%'), width: propTypes.oneOfType([String, Number]).def('40%'),
scroll: propTypes.bool.def(false), // 是否开启滚动条。如果是的话，按照 maxHeight 设置最大高度 scroll: propTypes.bool.def(false), // 是否开启滚动条。如果是的话，按照 maxHeight 设置最大高度
maxHeight: propTypes.oneOfType([String, Number]).def('400px') maxHeight: propTypes.oneOfType([String, Number]).def('400px')
@ -26,7 +26,7 @@ const getBindValue = computed(() => {
return obj return obj
}) })
const isFullscreen = ref(false) const isFullscreen = ref(true)
const toggleFull = () => { const toggleFull = () => {
isFullscreen.value = !unref(isFullscreen) isFullscreen.value = !unref(isFullscreen)
@ -89,7 +89,7 @@ const dialogStyle = computed(() => {
class="is-hover cursor-pointer" class="is-hover cursor-pointer"
icon="ep:close" icon="ep:close"
hover-color="var(--el-color-primary)" hover-color="var(--el-color-primary)"
color="var(--el-color-info)" color="#ffffff"
@click="close" @click="close"
/> />
</div> </div>
@ -122,6 +122,8 @@ const dialogStyle = computed(() => {
padding: 0; padding: 0;
margin-right: 0 !important; margin-right: 0 !important;
border-bottom: 1px solid var(--el-border-color); border-bottom: 1px solid var(--el-border-color);
background: #409eff;
color: #ffffff;
} }
&__body { &__body {

72
src/views/apply/apply/MainForm.vue
View File

@ -7,149 +7,149 @@
<legend>基本信息</legend> <legend>基本信息</legend>
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px" v-loading="formLoading"> <el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px" v-loading="formLoading">
<el-row :gutter="20"> <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-form-item label="编号" prop="number">
<el-input v-model="formData.number" placeholder="请输入编号" /> <el-input v-model="formData.number" placeholder="请输入编号" />
</el-form-item> </el-form-item>
</el-col> </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-form-item label="项目名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入项目名称" /> <el-input v-model="formData.name" placeholder="请输入项目名称" />
</el-form-item></el-col> </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-form-item label="所属技术领域" prop="technicalField">
<el-input v-model="formData.technicalField" placeholder="请输入所属技术领域" /> <el-input v-model="formData.technicalField" placeholder="请输入所属技术领域" />
</el-form-item></el-col> </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-form-item label="年度" prop="year">
<el-input v-model="formData.year" placeholder="请输入年度" /> <el-input v-model="formData.year" placeholder="请输入年度" />
</el-form-item></el-col> </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-form-item label="开始时间" prop="beginDate">
<el-date-picker v-model="formData.beginDate" type="date" value-format="x" placeholder="选择开始时间" style="width:100%"/> <el-date-picker v-model="formData.beginDate" type="date" value-format="x" placeholder="选择开始时间" style="width:100%"/>
</el-form-item></el-col> </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-form-item label="结束时间" prop="endData">
<el-date-picker v-model="formData.endData" type="date" value-format="x" placeholder="请输入结束时间" style="width:100%"/> <el-date-picker v-model="formData.endData" type="date" value-format="x" placeholder="请输入结束时间" style="width:100%"/>
</el-form-item></el-col> </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-form-item label="负责人Id" prop="directorId">
<el-input v-model="formData.directorId" placeholder="请输入负责人Id" /> <el-input v-model="formData.directorId" placeholder="请输入负责人Id" />
</el-form-item></el-col> </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-form-item label="负责人姓名" prop="director">
<el-input v-model="formData.director" placeholder="请输入负责人姓名" /> <el-input v-model="formData.director" placeholder="请输入负责人姓名" />
</el-form-item></el-col> </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-form-item label="负责人性别" prop="gender">
<el-input v-model="formData.gender" placeholder="请输入负责人性别" /> <el-input v-model="formData.gender" placeholder="请输入负责人性别" />
</el-form-item></el-col> </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-form-item label="年龄" prop="age">
<el-input v-model="formData.age" placeholder="请输入年龄" /> <el-input v-model="formData.age" placeholder="请输入年龄" />
</el-form-item></el-col> </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-form-item label="学历" prop="education">
<el-input v-model="formData.education" placeholder="请输入学历" /> <el-input v-model="formData.education" placeholder="请输入学历" />
</el-form-item></el-col> </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-form-item label="所学专业" prop="major">
<el-input v-model="formData.major" placeholder="请输入所学专业" /> <el-input v-model="formData.major" placeholder="请输入所学专业" />
</el-form-item></el-col> </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-form-item label="从事专业" prop="engagMajor">
<el-input v-model="formData.engagMajor" placeholder="请输入从事专业" /> <el-input v-model="formData.engagMajor" placeholder="请输入从事专业" />
</el-form-item></el-col> </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-form-item label="职务（职称）" prop="position">
<el-input v-model="formData.position" placeholder="请输入职务（职称）" /> <el-input v-model="formData.position" placeholder="请输入职务（职称）" />
</el-form-item></el-col> </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-form-item label="电话" prop="phoneNo">
<el-input v-model="formData.phoneNo" placeholder="请输入电话" /> <el-input v-model="formData.phoneNo" placeholder="请输入电话" />
</el-form-item></el-col> </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-form-item label="邮箱" prop="email">
<el-input v-model="formData.email" placeholder="请输入邮箱" /> <el-input v-model="formData.email" placeholder="请输入邮箱" />
</el-form-item></el-col> </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-form-item label="传真" prop="fax">
<el-input v-model="formData.fax" placeholder="请输入传真" /> <el-input v-model="formData.fax" placeholder="请输入传真" />
</el-form-item></el-col> </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-form-item label="邮编" prop="postalCode">
<el-input v-model="formData.postalCode" placeholder="请输入邮编" /> <el-input v-model="formData.postalCode" placeholder="请输入邮编" />
</el-form-item></el-col> </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-form-item label="通讯地址" prop="address">
<el-input v-model="formData.address" placeholder="请输入通讯地址" /> <el-input v-model="formData.address" placeholder="请输入通讯地址" />
</el-form-item></el-col> </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-form-item label="主要业绩" prop="achievement">
<el-input v-model="formData.achievement" placeholder="请输入主要业绩" /> <el-input v-model="formData.achievement" placeholder="请输入主要业绩" />
</el-form-item></el-col> </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-form-item label="主管部门ID" prop="competentDeptId">
<el-input v-model="formData.competentDeptId" placeholder="请输入主管部门ID" /> <el-input v-model="formData.competentDeptId" placeholder="请输入主管部门ID" />
</el-form-item></el-col> </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-form-item label="主管部门" prop="competentDeptName">
<el-input v-model="formData.competentDeptName" placeholder="请输入主管部门" /> <el-input v-model="formData.competentDeptName" placeholder="请输入主管部门" />
</el-form-item></el-col> </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-form-item label="主管工程师ID" prop="managerId">
<el-input v-model="formData.managerId" placeholder="请输入主管工程师ID" /> <el-input v-model="formData.managerId" placeholder="请输入主管工程师ID" />
</el-form-item></el-col> </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-form-item label="主管工程师" prop="managerName">
<el-input v-model="formData.managerName" placeholder="请输入主管工程师" /> <el-input v-model="formData.managerName" placeholder="请输入主管工程师" />
</el-form-item></el-col> </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-form-item label="维护单位名称" prop="maintenanceUnitName">
<el-input v-model="formData.maintenanceUnitName" placeholder="请输入维护单位名称" /> <el-input v-model="formData.maintenanceUnitName" placeholder="请输入维护单位名称" />
</el-form-item></el-col> </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-form-item label="维护单位ID" prop="maintenanceUnitId">
<el-input v-model="formData.maintenanceUnitId" placeholder="请输入维护单位ID" /> <el-input v-model="formData.maintenanceUnitId" placeholder="请输入维护单位ID" />
</el-form-item></el-col> </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-form-item label="承担单位名称" prop="undertakingUnitName">
<el-input v-model="formData.undertakingUnitName" placeholder="请输入承担单位名称" /> <el-input v-model="formData.undertakingUnitName" placeholder="请输入承担单位名称" />
</el-form-item></el-col> </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-form-item label="承担单位ID" prop="undertakingUnitId">
<el-input v-model="formData.undertakingUnitId" placeholder="请输入承担单位ID" /> <el-input v-model="formData.undertakingUnitId" placeholder="请输入承担单位ID" />
</el-form-item></el-col> </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-form-item label="审核单位名称" prop="reviewUnitName">
<el-input v-model="formData.reviewUnitName" placeholder="请输入审核单位名称" /> <el-input v-model="formData.reviewUnitName" placeholder="请输入审核单位名称" />
</el-form-item></el-col> </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-form-item label="审核单位ID" prop="reviewUnitId">
<el-input v-model="formData.reviewUnitId" placeholder="请输入审核单位ID" /> <el-input v-model="formData.reviewUnitId" placeholder="请输入审核单位ID" />
</el-form-item></el-col> </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-form-item label="状态" prop="state">
<el-input v-model="formData.state" placeholder="请输入状态" /> <el-input v-model="formData.state" placeholder="请输入状态" />
</el-form-item></el-col> </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-form-item label="创建人" prop="creator">
<el-input v-model="formData.creator" placeholder="请输入创建人" /> <el-input v-model="formData.creator" placeholder="请输入创建人" />
</el-form-item></el-col> </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-form-item label="创建时间" prop="createTime">
<el-date-picker v-model="formData.createTime" type="date" value-format="x" placeholder="选择创建时间" style="width:100%"/> <el-date-picker v-model="formData.createTime" type="date" value-format="x" placeholder="选择创建时间" style="width:100%"/>
</el-form-item></el-col> </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-form-item label="更新人" prop="updater">
<el-input v-model="formData.updater" placeholder="请输入更新人" /> <el-input v-model="formData.updater" placeholder="请输入更新人" />
</el-form-item></el-col> </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-form-item label="更新时间" prop="updateTime">
<el-date-picker v-model="formData.updateTime" type="date" value-format="x" placeholder="选择更新时间" style="width:100%"/> <el-date-picker v-model="formData.updateTime" type="date" value-format="x" placeholder="选择更新时间" style="width:100%"/>
</el-form-item></el-col> </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-form-item label="是否删除" prop="deleted">
<el-input v-model="formData.deleted" placeholder="请输入是否删除" /> <el-input v-model="formData.deleted" placeholder="请输入是否删除" />
</el-form-item> </el-form-item>