Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改全部的el-form-item内部控件为原生控件

Browse Source
This commit is contained in:
zhujiyan
2024-05-28 15:08:10 +08:00
parent 78954d2e11
commit f43427ad36
14 changed files with 314 additions and 429 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
src/views/pqs/supervise/plan/components/addForm.vue
View File

@@ -19,19 +19,16 @@
label-width="auto"
class="form-two"
>
<el-form-item label="计划名称：" prop="workPlanName">
<el-form-item for="-" label="计划名称：" prop="workPlanName">
<el-input v-model="form.workPlanName" autocomplete="off" placeholder="请输入计划名称" />
</el-form-item>
<el-form-item label="监督单位：" prop="supvOrgId">
<el-form-item for="-" label="监督单位：" prop="supvOrgId">
<Area ref="areaRef" v-model="form.supvOrgId" />
</el-form-item>
<el-form-item label="计划编制单位：" prop="planOrgId">
<el-form-item for="-" label="计划编制单位：" prop="planOrgId">
<Area ref="areaRef" v-model="form.planOrgId" />
</el-form-item>
<el-form-item label="监督类型：" prop="supvType">
<el-form-item for="-" label="监督类型：" prop="supvType">
<el-select v-model="form.supvType" clearable style="width: 100%" placeholder="请选择监督类型">
<el-option
v-for="item in supvTypeList"
@@ -41,8 +38,7 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="监督阶段：" prop="supvStage">
<el-form-item for="-" label="监督阶段：" prop="supvStage">
<el-select v-model="form.supvStage" clearable style="width: 100%" placeholder="请选择监督阶段">
<el-option
v-for="item in supvStageList"
@@ -52,8 +48,7 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="计划监督时间：" prop="planSupvDate">
<el-form-item for="-" label="计划监督时间：" prop="planSupvDate">
<el-date-picker
style="width: 100%"
v-model="form.planSupvDate"
@@ -63,8 +58,7 @@
placeholder="请选择计划监督时间"
/>
</el-form-item>
<el-form-item label="监督对象类型：" prop="supvObjType">
<el-form-item for="-" label="监督对象类型：" prop="supvObjType">
<el-select v-model="form.supvObjType" clearable style="width: 100%" placeholder="请选择监督对象类型">
<el-option
v-for="item in supvObjTypeList"
@@ -74,12 +68,10 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="监督对象名称：" prop="supvObjName">
<el-form-item for="-" label="监督对象名称：" prop="supvObjName">
<el-input v-model="form.supvObjName" autocomplete="off" placeholder="请输入监督对象名称" />
</el-form-item>
<el-form-item label="监督对象电压等级：" prop="supvObjName">
<el-form-item for="-" label="监督对象电压等级：" prop="supvObjName">
<el-select
v-model="form.objVoltageLevel"
clearable
@@ -94,8 +86,7 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="监督对象属性：" prop="objType">
<el-form-item for="-" label="监督对象属性：" prop="objType">
<el-select v-model="form.objType" clearable style="width: 100%" placeholder="请选择监督对象属性">
<el-option
v-for="item in objTypeList"
@@ -105,20 +96,16 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="监督对象属性名称：" prop="objTypeName">
<el-form-item for="-" label="监督对象属性名称：" prop="objTypeName">
<el-input v-model="form.objTypeName" autocomplete="off" placeholder="请输入监督对象属性名称" />
</el-form-item>
<el-form-item label="监督对象协议容量(MVA)：" prop="objCapacity">
<el-form-item for="-" label="监督对象协议容量(MVA)：" prop="objCapacity">
<el-input v-model="form.objCapacity" autocomplete="off" placeholder="请输入监督对象监督对象协议容量" />
</el-form-item>
<el-form-item label="监督对象关联电站：" prop="substationName">
<el-form-item for="-" label="监督对象关联电站：" prop="substationName">
<el-input v-model="form.substationName" autocomplete="off" placeholder="请输入监督对象关联电站" />
</el-form-item>
<el-form-item label="监督对象关联电站电压等级：" prop="substationVoltageLevel">
<el-form-item for="-" label="监督对象关联电站电压等级：" prop="substationVoltageLevel">
<el-select
v-model="form.substationVoltageLevel"
clearable
@@ -133,8 +120,7 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="实施状态：" prop="effectStatus">
<el-form-item for="-" label="实施状态：" prop="effectStatus">
<el-select v-model="form.effectStatus" clearable style="width: 100%" placeholder="请选择实施状态">
<el-option
v-for="item in effectStatusList"
@@ -144,8 +130,7 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="开始实施时间：">
<el-form-item for="-" label="开始实施时间：">
<el-date-picker
style="width: 100%"
v-model="form.effectStartTime"
@@ -155,8 +140,7 @@
placeholder="请选择开始实施时间"
/>
</el-form-item>
<el-form-item label="结束实施时间：">
<el-form-item for="-" label="结束实施时间：">
<el-date-picker
style="width: 100%"
v-model="form.effectEndTime"
@@ -166,8 +150,7 @@
placeholder="请选择结束实施时间"
/>
</el-form-item>
<el-form-item label="报告出具时间：">
<el-form-item for="-" label="报告出具时间：">
<el-date-picker
style="width: 100%"
v-model="form.reportIssueTime"
@@ -177,8 +160,7 @@
placeholder="请选择报告出具时间"
/>
</el-form-item>
<el-form-item label="电能质量问题发生时间：">
<el-form-item for="-" label="电能质量问题发生时间：">
<el-date-picker
style="width: 100%"
v-model="form.problemOcTime"
@@ -188,8 +170,7 @@
placeholder="请选择电能质量问题发生时间"
/>
</el-form-item>
<el-form-item label="实施人员：">
<el-form-item for="-" label="实施人员：">
<el-select v-model="form.effectUserId" clearable style="width: 100%" placeholder="请选择实施人员">
<el-option
v-for="item in effectUserIdList"
@@ -199,8 +180,7 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="计划状态：">
<el-form-item for="-" label="计划状态：">
<el-select v-model="form.planStatus" clearable style="width: 100%" placeholder="请选择计划状态">
<el-option
v-for="item in planStatusList"
@@ -210,8 +190,7 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="其他要求：">
<el-form-item for="-" label="其他要求：">
<el-input
v-model="form.otherRemark"
autocomplete="off"
@@ -219,8 +198,13 @@
style="width: 100%"
/>
</el-form-item>
<el-form-item v-if="false" label="盖章报告：" prop="informationSecurityTestReport">
<el-form-item
for="-"
v-if="false"
label="盖章报告："
class="uploadFile"
prop="informationSecurityTestReport"
>
<el-upload
v-model:file-list="form.informationSecurityTestReport"
ref="uploadRef"
@@ -237,8 +221,13 @@
</template>
</el-upload>
</el-form-item>
<el-form-item v-if="false" label="佐证材料：" prop="acceptanceInspectionReportSingle">
<el-form-item
for="-"
v-if="false"
label="佐证材料："
class="uploadFile"
prop="acceptanceInspectionReportSingle"
>
<el-upload
v-model:file-list="form.acceptanceInspectionReportSingle"
ref="uploadRef"
@@ -255,8 +244,13 @@
</template>
</el-upload>
</el-form-item>
<el-form-item v-if="false" label="计划变更材料：" prop="acceptanceInspectionReport">
<el-form-item
for="-"
v-if="false"
label="计划变更材料："
class="uploadFile"
prop="acceptanceInspectionReport"
>
<el-upload
v-model:file-list="form.acceptanceInspectionReport"
ref="uploadRef"
@@ -273,8 +267,14 @@
</template>
</el-upload>
</el-form-item>
<el-form-item v-if="false" label="告预警单材料：" prop="typeExperimentReport" :show-message="false">
<el-form-item
for="-"
v-if="false"
label="告预警单材料："
class="uploadFile"
prop="typeExperimentReport"
:show-message="false"
>
<el-upload
v-model:file-list="form.typeExperimentReport"
ref="uploadRef"
@@ -291,8 +291,13 @@
</template>
</el-upload>
</el-form-item>
<el-form-item v-if="false" label="告预警单反馈材料：" prop="factoryInspectionReport">
<el-form-item
for="-"
v-if="false"
label="告预警单反馈材料："
class="uploadFile"
prop="factoryInspectionReport"
>
<el-upload
v-model:file-list="form.factoryInspectionReport"
ref="uploadRef"
@@ -309,8 +314,14 @@
</template>
</el-upload>
</el-form-item>
<el-form-item v-if="false" label="评估报告：" prop="performanceTestReport" :show-message="false">
<el-form-item
for="-"
v-if="false"
label="评估报告："
class="uploadFile"
prop="performanceTestReport"
:show-message="false"
>
<el-upload
v-model:file-list="form.performanceTestReport"
ref="uploadRef"
@@ -418,7 +429,6 @@ const resetForm = () => {
}
//初始化数据
resetForm()
//定义校验规则
const rules = ref({
//基础信息
@@ -550,7 +560,6 @@ const close = () => {
onMounted(() => {
console.log()
})
// 上传报告
const uploadRef = ref()
const handleExceed: UploadProps['onExceed'] = files => {
@@ -604,7 +613,6 @@ const choose = (e: any) => {
}
})
}
//设置监督类型时间选择范围不能<今天
const disabledDate = time => {
return time.getTime() < Date.now() - 8.64e7 // 8.64e7 毫秒数代表一天
@@ -653,7 +661,6 @@ const confirmForm = () => {
// type: 'warning'
// })
// }
//提交终端信息
// confirmFormData = {
// ...confirmFormData,
@@ -690,5 +697,4 @@ defineExpose({ open })
.dialog-footer {
padding: 10px;
}
</style>