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

未建档用户档案录入管理-新增弹框label修改

Browse Source
This commit is contained in:
zhujiyan
2024-05-24 13:31:08 +08:00
parent 542492d56f
commit 7ba1624b13
1 changed files with 514 additions and 721 deletions
Download Patch File Download Diff File Expand all files Collapse all files

367
src/views/pqs/supervise/interfere/components/undocumented/addForm.vue
View File

@@ -2,8 +2,7 @@
<el-dialog
v-model="dialogFormVisible"
title="用户档案录入"
width="55%"
height="400"
width="65%"
:append-to-body="true"
:before-close="close"
:close-on-click-modal="false"
@@ -12,25 +11,17 @@
<!-- 用户档案录入 新建1 -->
<el-form
:model="form"
class="“form-two”"
class="form-two"
:validate-on-rule-change="false"
:rules="rules"
:scroll-to-error="true"
ref="ruleFormRef"
label-width="120px"
label-width="auto"
>
<el-row>
<el-col :span="12">
<el-form-item label="填报人：" prop="reporter">
<el-input
v-model="form.reporter"
autocomplete="off"
:disabled="true"
place-holder="请输入填报人"
/>
<el-input v-model="form.reporter" autocomplete="off" :disabled="true" place-holder="请输入填报人" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="填报日期：" prop="reportDate">
<el-date-picker
:disabled="true"
@@ -40,21 +31,12 @@
placeholder="请选择填报日期"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="填报部门：" prop="orgId">
<el-input v-model="form.orgId" :disabled="true" autocomplete="off" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="工程预期投产日期："
prop="expectedProductionDate"
class="label_over_warp"
>
<el-form-item label="工程预期投产日期：" prop="expectedProductionDate">
<el-date-picker
style="width: 100%"
v-model="form.expectedProductionDate"
@@ -66,10 +48,7 @@
:disabled="openType == 'detail'"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="用户性质：" prop="userType">
<el-select v-model="form.userType" placeholder="请选择用户性质" @change="changeUserType()">
<el-option
@@ -80,15 +59,9 @@
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属地市：" prop="city">
<el-select
v-model="form.city"
clearable
placeholder="请选择所属地市"
:disabled="openType == 'detail'"
>
<el-select v-model="form.city" clearable placeholder="请选择所属地市" :disabled="openType == 'detail'">
<el-option
v-for="item in areaOptionList"
:key="item.id"
@@ -97,10 +70,7 @@
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="归口管理部门：" prop="responsibleDepartment">
<el-input
v-model="form.responsibleDepartment"
@@ -109,8 +79,7 @@
:disabled="openType == 'detail'"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="工程名称：" prop="projectName">
<el-input
v-model="form.projectName"
@@ -119,16 +88,9 @@
:disabled="openType == 'detail'"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="用户状态：" prop="userStatus">
<el-select
v-model="form.userStatus"
placeholder="请选择用户状态"
:disabled="openType == 'detail'"
>
<el-select v-model="form.userStatus" placeholder="请选择用户状态" :disabled="openType == 'detail'">
<el-option
v-for="(item, index) in userStateList"
:label="item.label"
@@ -138,8 +100,7 @@
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="变电站：" prop="substation">
<el-input
v-model="form.substation"
@@ -148,11 +109,12 @@
:disabled="openType == 'detail'"
/>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="form.userType == '0' || form.userType == '1'">
<el-col :span="12">
<el-form-item label="用户协议容量：" prop="agreementCapacity">
<el-form-item
v-if="form.userType == '0' || form.userType == '1'"
label="用户协议容量："
prop="agreementCapacity"
>
<el-input
v-model="form.agreementCapacity"
autocomplete="off"
@@ -160,12 +122,10 @@
:disabled="openType == 'detail'"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="非线性设备类型："
class="label_over_warp"
<el-form-item
v-if="form.userType == '0' || form.userType == '1'"
label="非线性设备类型："
prop="nonlinearDeviceType"
>
<el-tree-select
@@ -181,13 +141,9 @@
v-model="form.nonlinearDeviceType"
:data="nonlinearDeviceTypeList"
:render-after-expand="false"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="电压等级：" prop="voltageLevel">
<el-select
v-model="form.voltageLevel"
@@ -203,8 +159,7 @@
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="预测评估单位：" prop="evaluationDept">
<el-select
v-model="form.evaluationDept"
@@ -219,40 +174,23 @@
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="是否需要治理：" prop="needGovernance">
<el-radio-group v-model="form.needGovernance" :disabled="openType == 'detail'">
<el-radio :value="1">是</el-radio>
<el-radio :value="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="是否开展背景测试："
prop="backgroundTestPerformed"
class="label_over_warp"
>
<el-form-item label="是否开展背景测试：" prop="backgroundTestPerformed">
<el-radio-group v-model="form.backgroundTestPerformed" :disabled="openType == 'detail'">
<el-radio :value="1">是</el-radio>
<el-radio :value="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="form.userType != '0' && form.userType != '1'">
<el-col :span="12">
<el-form-item label="评估类型：" prop="evaluationType">
<el-select
v-model="form.evaluationType"
placeholder="请选择评估类型"
:disabled="openType == 'detail'"
>
<el-form-item v-if="form.userType != '0' && form.userType != '1'" label="评估类型：" prop="evaluationType">
<el-select v-model="form.evaluationType" placeholder="请选择评估类型" :disabled="openType == 'detail'">
<el-option
v-for="(item, index) in evaluationTypeList"
:key="indedx"
@@ -261,9 +199,8 @@
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="PCC点：" prop="pccPoint">
<el-form-item v-if="form.userType != '0' && form.userType != '1'" label="PCC点：" prop="pccPoint">
<el-input
v-model="form.pccPoint"
autocomplete="off"
@@ -271,11 +208,12 @@
:disabled="openType == 'detail'"
/>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="form.userType == '2' || form.userType == '3' || form.userType == '4' || form.userType == '5'">
<el-col :span="12">
<el-form-item label="基准短路容量：" prop="baseShortCircuitCapacity">
<el-form-item
v-if="form.userType == '2' || form.userType == '3' || form.userType == '4' || form.userType == '5'"
label="基准短路容量："
prop="baseShortCircuitCapacity"
>
<el-input
v-model="form.baseShortCircuitCapacity"
placeholder="请输入基准短路容量"
@@ -284,12 +222,10 @@
<template #append>MVA</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="系统最小短路容量："
class="label_over_warp"
<el-form-item
v-if="form.userType == '2' || form.userType == '3' || form.userType == '4' || form.userType == '5'"
label="系统最小短路容量："
prop="minShortCircuitCapacity"
>
<el-input
@@ -301,14 +237,10 @@
<template #append>MVA</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="form.userType == '2' || form.userType == '3' || form.userType == '4' || form.userType == '5'">
<el-col :span="12">
<el-form-item
label="PCC供电设备容量："
class="label_over_warp"
<el-form-item
v-if="form.userType == '2' || form.userType == '3' || form.userType == '4' || form.userType == '5'"
label="PCC供电设备容量："
prop="pccEquipmentCapacity"
>
<el-input
@@ -319,12 +251,10 @@
<template #append>MVA</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="用户用电协议容量："
class="label_over_warp"
<el-form-item
v-if="form.userType == '2' || form.userType == '3' || form.userType == '4' || form.userType == '5'"
label="用户用电协议容量："
prop="userAgreementCapacity"
>
<el-input
@@ -336,24 +266,14 @@
<template #append>MVA</template>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="form.userType == '6'">
<el-col :span="12">
<el-form-item label="行业：" prop="industry">
<el-form-item v-if="form.userType == '6'" label="行业：" prop="industry">
<el-select v-model="form.industry" placeholder="请选择行业" :disabled="openType == 'detail'">
<el-option
v-for="(item, index) in industryList"
:label="item.name"
:value="item.id"
:key="index"
/>
<el-option v-for="(item, index) in industryList" :label="item.name" :value="item.id" :key="index" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="敏感装置名称：" prop="deviceName" >
<el-form-item v-if="form.userType == '6'" label="敏感装置名称：" prop="deviceName">
<el-input
v-model="form.deviceName"
autocomplete="off"
@@ -361,11 +281,8 @@
:disabled="openType == 'detail'"
/>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="form.userType == '6'">
<el-col :span="12">
<el-form-item label="供电电源数量：" prop="powerSupplyCount" >
<el-form-item v-if="form.userType == '6'" label="供电电源数量：" prop="powerSupplyCount">
<el-input-number
style="width: 100%"
v-model="form.powerSupplyCount"
@@ -374,14 +291,8 @@
:disabled="openType == 'detail'"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="敏感电能质量指标："
prop="energyQualityIndex"
class="label_over_warp"
>
<el-form-item v-if="form.userType == '6'" label="敏感电能质量指标：" prop="energyQualityIndex">
<el-select
v-model="form.energyQualityIndex"
placeholder="请选择敏感电能质量指标"
@@ -395,18 +306,11 @@
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col
:span="12"
v-if="form.userType == '2' || form.userType == '3' || form.userType == '4' || form.userType == '5'"
>
<el-form-item
v-if="form.userType == '2' || form.userType == '3' || form.userType == '4' || form.userType == '5'"
label="非线性负荷类型："
prop="nonlinearLoadType"
class="label_over_warp"
>
<el-tree-select
accordion
@@ -421,29 +325,20 @@
v-model="form.nonlinearLoadType"
:data="nonlinearDeviceTypeList"
:render-after-expand="false"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="form.userType == '6'">
<el-form-item
label="是否开展抗扰度测试："
prop="antiInterferenceTest"
class="label_over_warp"
>
<el-form-item v-if="form.userType == '6'" label="是否开展抗扰度测试：" prop="antiInterferenceTest">
<el-radio-group v-model="form.antiInterferenceTest" :disabled="openType == 'detail'">
<el-radio :value="1">是</el-radio>
<el-radio :value="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12" v-if="form.userType != '0' && form.userType != '1'">
<el-form-item
v-if="form.userType != '0' && form.userType != '1'"
label="预测评估评审单位："
prop="evaluationChekDept"
class="label_over_warp"
>
<el-input
v-model="form.evaluationChekDept"
@@ -452,10 +347,7 @@
:disabled="openType == 'detail'"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="预测评估结论：" prop="evaluationConclusion">
<el-input
v-model="form.evaluationConclusion"
@@ -464,9 +356,7 @@
:disabled="openType == 'detail'"
/>
</el-form-item>
</el-col>
<el-col :span="12" class="required_position">
<span class="required_icon">*</span>
<el-form-item label="可研报告：" prop="feasibilityReport">
<el-upload
v-model:file-list="form.feasibilityReport"
@@ -484,17 +374,8 @@
</template>
</el-upload>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12" class="required_position">
<span class="required_icon">*</span>
<el-form-item
label="项目初步设计说明书："
prop="preliminaryDesignDescription"
class="label_over_warp"
>
<el-form-item label="项目初步设计说明书：" prop="preliminaryDesignDescription">
<el-upload
v-model:file-list="form.preliminaryDesignDescription"
ref="uploadRef"
@@ -511,14 +392,8 @@
</template>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="12" class="required_position">
<span class="required_icon">*</span>
<el-form-item
label="预测评估报告："
prop="predictionEvaluationReport"
>
<el-form-item label="预测评估报告：" prop="predictionEvaluationReport">
<el-upload
v-model:file-list="form.predictionEvaluationReport"
ref="uploadRef"
@@ -535,17 +410,8 @@
</template>
</el-upload>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12" class="required_position">
<span class="required_icon">*</span>
<el-form-item
label="预测评估评审意见报告："
prop="predictionEvaluationReviewOpinions"
class="label_over_warp"
>
<el-form-item label="预测评估评审意见报告：" prop="predictionEvaluationReviewOpinions">
<el-upload
v-model:file-list="form.predictionEvaluationReviewOpinions"
ref="uploadRef"
@@ -562,9 +428,7 @@
</template>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="12" class="required_position">
<span class="required_icon" style="color: #fff">*</span>
<el-form-item label="其他附件：" prop="additionalAttachments">
<el-upload
v-model:file-list="form.additionalAttachments"
@@ -582,15 +446,10 @@
</template>
</el-upload>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12" class="required_position" v-if="form.userType != '0' && form.userType != '1'">
<span class="required_icon">*</span>
<el-form-item
label="用户接入变电站主接线示意图："
class="label_over_warp"
<el-form-item
v-if="form.userType != '0' && form.userType != '1'"
label="用户接入变电站主接线示意图："
prop="substationMainWiringDiagram"
>
<el-upload
@@ -609,15 +468,8 @@
</template>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="12" class="required_position" v-if="form.userType == '6'">
<span class="required_icon">*</span>
<el-form-item
label="主要敏感设备清单："
class="label_over_warp"
prop="sensitiveDevices"
>
<el-form-item label="主要敏感设备清单：" v-if="form.userType == '6'" prop="sensitiveDevices">
<el-upload
v-model:file-list="form.sensitiveDevices"
ref="uploadRef"
@@ -634,17 +486,8 @@
</template>
</el-upload>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="form.userType == '6'" class="required_position">
<span class="required_icon">*</span>
<el-col :span="12">
<el-form-item
label="抗扰度测试报告："
prop="antiInterferenceReport"
class="label_over_warp"
>
<el-form-item v-if="form.userType == '6'" label="抗扰度测试报告：" prop="antiInterferenceReport">
<el-upload
v-model:file-list="form.antiInterferenceReport"
ref="uploadRef"
@@ -661,15 +504,8 @@
</template>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="12" class="required_position">
<span class="required_icon">*</span>
<el-form-item
label="背景电能质量测试报告："
prop="powerQualityReport"
class="label_over_warp"
>
<el-form-item label="背景电能质量测试报告：" prop="powerQualityReport">
<el-upload
v-model:file-list="form.powerQualityReport"
ref="uploadRef"
@@ -686,8 +522,6 @@
</template>
</el-upload>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<div class="dialog-footer">
@@ -1173,72 +1007,63 @@ const rules = ref({
trigger: 'blur'
}
],
//先取消必填，提交时候校验
substationMainWiringDiagram: [
{
required: false,
required: true,
message: '请上传用户接入变电站主接线示意图',
trigger: 'change'
}
],
//先取消必填，提交时候校验
sensitiveDevices: [
{
required: false,
required: true,
message: '请上传主要敏感设备清单',
trigger: 'change'
}
],
//先取消必填，提交时候校验
antiInterferenceReport: [
{
required: false,
required: true,
message: '请上传抗扰度测试报告',
trigger: 'change'
}
],
//先取消必填，提交时候校验
powerQualityReport: [
{
required: false,
required: true,
message: '请上传背景电能质量测试报告',
trigger: 'change'
}
],
//先取消必填，提交时候校验
feasibilityReport: [
{
required: false,
required: true,
message: '请上传可研报告',
trigger: 'blur'
}
],
//先取消必填，提交时候校验
preliminaryDesignDescription: [
{
required: false,
required: true,
message: '请上传项目初步设计说明书',
trigger: 'blur'
}
],
//先取消必填，提交时候校验
predictionEvaluationReport: [
{
required: false,
required: true,
message: '请上传预测评估报告',
trigger: 'blur'
}
],
//先取消必填，提交时候校验
predictionEvaluationReviewOpinions: [
{
required: false,
required: true,
message: '请上传预测评估评审意见报告',
trigger: 'blur'
}
],
//先取消必填，提交时候校验
additionalAttachments: [
{
required: false,
@@ -1629,25 +1454,8 @@ defineExpose({ open })
</script>
<style lang="scss" scoped>
.el-form {
width: 96%;
height: 400px;
margin: 0 auto;
overflow-y: auto;
padding-top: 20px;
}
/* 调整标签的换行行为 */
.label_over_warp::v-deep .el-form-item__label {
white-space: pre-line !important;
line-height: 16px !important;
}
.el-form-item {
padding: 0 20px;
height: auto !important;
}
::v-deep .el-form-item__label {
justify-content: flex-start !important;
}
.form-label-left-align {
text-align: left;
}
@@ -1663,22 +1471,7 @@ defineExpose({ open })
top: 20% !important;
left: 50% !important;
}
::v-deep .required_position {
position: relative;
.required_icon {
position: absolute;
// left: 20px;
margin-top: 8px;
color: #f56c6c;
margin-left: 20px;
}
.required_text {
// padding-left: 20px;
}
.el-form-item__label {
margin-left: 10px;
}
}
:deep(.el-upload-list__item-file-name) {
width: 250px;
text-align: left;