修改全部的el-form-item内部控件为原生控件
This commit is contained in:
zhujiyan
@@ -16,211 +16,128 @@
|
||||
:scroll-to-error="true"
|
||||
:rules="rules"
|
||||
ref="ruleFormRef"
|
||||
:disabled="openType!='add'"
|
||||
:disabled="openType != 'add'"
|
||||
label-width="auto"
|
||||
class="form-two"
|
||||
>
|
||||
|
||||
|
||||
<el-form-item label="责任单位：" prop="dutyOrgId">
|
||||
<Area ref="areaRef" v-model="form.dutyOrgId" />
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
<el-form-item label="监测点类型：" prop="monitorType">
|
||||
<el-select
|
||||
v-model="form.monitorType"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择监测点类型"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in monitorTypeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
|
||||
<el-form-item label="是否发布预警：" prop="ifReleaseWarning">
|
||||
<el-select
|
||||
v-model="form.ifReleaseWarning"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择是否发布预警"
|
||||
>
|
||||
<el-option label="是" value="1"></el-option>
|
||||
<el-option label="否" value="0"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
<el-form-item label="计划整改时间：" prop="planRectificationTime">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.planRectificationTime"
|
||||
type="datetime"
|
||||
format="YYYY-MM-DD hh:mm:ss"
|
||||
value-format="YYYY-MM-DD hh:mm:ss"
|
||||
placeholder="请选择计划整改时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
|
||||
<el-form-item label="整改情况：" prop="rectificationStatus">
|
||||
<el-select
|
||||
v-model="form.rectificationStatus"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择整改情况"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in rectificationStatusList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
<el-form-item label="整改时间：" prop="rectificationTime">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.rectificationTime"
|
||||
type="datetime"
|
||||
format="YYYY-MM-DD hh:mm:ss"
|
||||
value-format="YYYY-MM-DD hh:mm:ss"
|
||||
placeholder="请选择整改时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
|
||||
<el-form-item label="监督标准：" prop="supvStandard">
|
||||
<el-input v-model="form.supvStandard" autocomplete="off" placeholder="请输入监督标准" />
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item label="监督标准序号：" prop="supvStandardSort">
|
||||
<el-input v-model="form.supvStandardSort" autocomplete="off" placeholder="请输入监督标准序号" />
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
|
||||
<el-form-item label="标准出处：" prop="supvResouce">
|
||||
<el-input v-model="form.supvResouce" autocomplete="off" placeholder="请输入标准出处" />
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item label="问题等级：" prop="problemLevel">
|
||||
<el-select
|
||||
v-model="form.problemLevel"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择问题等级"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in problemLevelList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
|
||||
<el-form-item label="问题类型：" prop="problemType">
|
||||
<el-select
|
||||
v-model="form.problemType"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择问题类型"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in problemTypeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
<el-form-item label="问题简要描述：" prop="simpleProblemDesc">
|
||||
<el-input
|
||||
v-model="form.simpleProblemDesc"
|
||||
autocomplete="off"
|
||||
placeholder="请输入问题简要描述"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
|
||||
<el-form-item label="问题描述：" prop="problemDesc">
|
||||
<el-input v-model="form.problemDesc" autocomplete="off" placeholder="请输入问题描述" />
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
<el-form-item label="问题发现时间：" prop="discoveryTime">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.discoveryTime"
|
||||
type="datetime"
|
||||
format="YYYY-MM-DD hh:mm:ss"
|
||||
value-format="YYYY-MM-DD hh:mm:ss"
|
||||
placeholder="问题发现时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
|
||||
<el-form-item label="定级依据：" prop="problemLevelReason">
|
||||
<el-input v-model="form.problemLevelReason" autocomplete="off" placeholder="请输入定级依据" />
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
<el-form-item label="整改方案：" prop="rectificationProgramme">
|
||||
<el-input
|
||||
v-model="form.rectificationProgramme"
|
||||
autocomplete="off"
|
||||
placeholder="请输入整改方案"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
|
||||
<el-form-item label="整改措施：" prop="rectificationMeasure">
|
||||
<el-input v-model="form.rectificationMeasure" autocomplete="off" placeholder="请输入整改措施" />
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item label="备注：">
|
||||
<el-input v-model="form.remark" autocomplete="off" placeholder="请输入备注" />
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item for="-" label="责任单位：" prop="dutyOrgId">
|
||||
<Area ref="areaRef" v-model="form.dutyOrgId" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监测点类型：" prop="monitorType">
|
||||
<el-select v-model="form.monitorType" clearable style="width: 100%" placeholder="请选择监测点类型">
|
||||
<el-option
|
||||
v-for="item in monitorTypeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="是否发布预警：" prop="ifReleaseWarning">
|
||||
<el-select
|
||||
v-model="form.ifReleaseWarning"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择是否发布预警"
|
||||
>
|
||||
<el-option label="是" value="1"></el-option>
|
||||
<el-option label="否" value="0"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="计划整改时间：" prop="planRectificationTime">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.planRectificationTime"
|
||||
type="datetime"
|
||||
format="YYYY-MM-DD hh:mm:ss"
|
||||
value-format="YYYY-MM-DD hh:mm:ss"
|
||||
placeholder="请选择计划整改时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="整改情况：" prop="rectificationStatus">
|
||||
<el-select
|
||||
v-model="form.rectificationStatus"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择整改情况"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in rectificationStatusList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="整改时间：" prop="rectificationTime">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.rectificationTime"
|
||||
type="datetime"
|
||||
format="YYYY-MM-DD hh:mm:ss"
|
||||
value-format="YYYY-MM-DD hh:mm:ss"
|
||||
placeholder="请选择整改时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督标准：" prop="supvStandard">
|
||||
<el-input v-model="form.supvStandard" autocomplete="off" placeholder="请输入监督标准" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="监督标准序号：" prop="supvStandardSort">
|
||||
<el-input v-model="form.supvStandardSort" autocomplete="off" placeholder="请输入监督标准序号" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="标准出处：" prop="supvResouce">
|
||||
<el-input v-model="form.supvResouce" autocomplete="off" placeholder="请输入标准出处" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="问题等级：" prop="problemLevel">
|
||||
<el-select v-model="form.problemLevel" clearable style="width: 100%" placeholder="请选择问题等级">
|
||||
<el-option
|
||||
v-for="item in problemLevelList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="问题类型：" prop="problemType">
|
||||
<el-select v-model="form.problemType" clearable style="width: 100%" placeholder="请选择问题类型">
|
||||
<el-option
|
||||
v-for="item in problemTypeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="问题简要描述：" prop="simpleProblemDesc">
|
||||
<el-input v-model="form.simpleProblemDesc" autocomplete="off" placeholder="请输入问题简要描述" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="问题描述：" prop="problemDesc">
|
||||
<el-input v-model="form.problemDesc" autocomplete="off" placeholder="请输入问题描述" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="问题发现时间：" prop="discoveryTime">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.discoveryTime"
|
||||
type="datetime"
|
||||
format="YYYY-MM-DD hh:mm:ss"
|
||||
value-format="YYYY-MM-DD hh:mm:ss"
|
||||
placeholder="问题发现时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="定级依据：" prop="problemLevelReason">
|
||||
<el-input v-model="form.problemLevelReason" autocomplete="off" placeholder="请输入定级依据" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="整改方案：" prop="rectificationProgramme">
|
||||
<el-input v-model="form.rectificationProgramme" autocomplete="off" placeholder="请输入整改方案" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="整改措施：" prop="rectificationMeasure">
|
||||
<el-input v-model="form.rectificationMeasure" autocomplete="off" placeholder="请输入整改措施" />
|
||||
</el-form-item>
|
||||
<el-form-item for="-" label="备注：">
|
||||
<el-input v-model="form.remark" autocomplete="off" placeholder="请输入备注" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer v-if="openType!='detail'">
|
||||
<template #footer v-if="openType != 'detail'">
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="close()">取消</el-button>
|
||||
<el-button type="primary" @click="confirmForm()">确定</el-button>
|
||||
@@ -262,7 +179,6 @@ const problemTypeList = dictData.getBasicData('problem_type')
|
||||
const rectificationStatusList = dictData.getBasicData('rectification_type')
|
||||
//字典问题等级
|
||||
const problemLevelList = dictData.getBasicData('problem_level_type')
|
||||
|
||||
const resetForm = () => {
|
||||
form.value = {
|
||||
discoveryTime: '', //问题发现时间
|
||||
@@ -433,7 +349,7 @@ watch(
|
||||
immediate: true
|
||||
}
|
||||
)
|
||||
const openType:any=ref('')
|
||||
const openType: any = ref('')
|
||||
const open = (row: any, val: any) => {
|
||||
//详情（后面做编辑，再修改判断条件）
|
||||
if (val == 'detail') {
|
||||
@@ -443,12 +359,12 @@ const open = (row: any, val: any) => {
|
||||
}
|
||||
}
|
||||
title.value = '技术计划监督实施问题详情'
|
||||
openType.value='detail'
|
||||
openType.value = 'detail'
|
||||
}
|
||||
//新增
|
||||
else if ( val == 'add') {
|
||||
else if (val == 'add') {
|
||||
title.value = '技术计划监督实施问题新增'
|
||||
openType.value='add'
|
||||
openType.value = 'add'
|
||||
nextTick(() => {
|
||||
ruleFormRef.value.resetFields()
|
||||
resetForm()
|
||||
@@ -467,7 +383,6 @@ const close = () => {
|
||||
onMounted(() => {
|
||||
console.log()
|
||||
})
|
||||
|
||||
//设置监督类型时间选择范围不能<今天
|
||||
const disabledDate = time => {
|
||||
return time.getTime() < Date.now() - 8.64e7 // 8.64e7 毫秒数代表一天
|
||||
@@ -501,11 +416,8 @@ defineExpose({ open })
|
||||
max-height: calc(100% - 30px);
|
||||
}
|
||||
.el-form {
|
||||
|
||||
}
|
||||
.dialog-footer {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user