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

优化代码

Browse Source
This commit is contained in:
GGJ
2024-05-14 19:07:02 +08:00
parent 14288e46b9
commit 52a1acf32a
1 changed files with 93 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,11 +10,18 @@
draggable
>
<!-- 用户档案录入 新建1 -->
<el-form :model="form" class=“form-two” :validate-on-rule-change="false" :rules="rules"
:scroll-to-error="true" ref="ruleFormRef">
<el-form
:model="form"
class="“form-two”"
:validate-on-rule-change="false"
:rules="rules"
:scroll-to-error="true"
ref="ruleFormRef"
label-width="120px"
>
<el-row>
<el-col :span="12">
<el-form-item label="填报人：" :label-width="formLabelWidth" prop="reporter">
<el-form-item label="填报人：" prop="reporter">
<el-input
v-model="form.reporter"
autocomplete="off"
@@ -24,7 +31,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="填报日期：" :label-width="formLabelWidth" prop="reportDate">
<el-form-item label="填报日期：" prop="reportDate">
<el-date-picker
:disabled="true"
style="width: 100%"
@@ -37,14 +44,14 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="填报部门：" :label-width="formLabelWidth" prop="orgId">
<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="工程预期投产日期："
:label-width="formLabelWidth"
prop="expectedProductionDate"
class="label_over_warp"
>
@@ -63,7 +70,7 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="用户性质：" :label-width="formLabelWidth" prop="userType">
<el-form-item label="用户性质：" prop="userType">
<el-select v-model="form.userType" placeholder="请选择用户性质" @change="changeUserType()">
<el-option
v-for="(item, index) in userTypeList"
@@ -75,7 +82,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属地市：" :label-width="formLabelWidth" prop="city">
<el-form-item label="所属地市：" prop="city">
<el-select
v-model="form.city"
clearable
@@ -94,7 +101,7 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="归口管理部门：" :label-width="formLabelWidth" prop="responsibleDepartment">
<el-form-item label="归口管理部门：" prop="responsibleDepartment">
<el-input
v-model="form.responsibleDepartment"
autocomplete="off"
@@ -104,7 +111,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="工程名称：" :label-width="formLabelWidth" prop="projectName">
<el-form-item label="工程名称：" prop="projectName">
<el-input
v-model="form.projectName"
autocomplete="off"
@@ -116,7 +123,7 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="用户状态：" :label-width="formLabelWidth" prop="userStatus">
<el-form-item label="用户状态：" prop="userStatus">
<el-select
v-model="form.userStatus"
placeholder="请选择用户状态"
@@ -133,7 +140,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="变电站：" :label-width="formLabelWidth" prop="substation">
<el-form-item label="变电站：" prop="substation">
<el-input
v-model="form.substation"
autocomplete="off"
@@ -145,7 +152,7 @@
</el-row>
<el-row v-if="form.userType == '0' || form.userType == '1'">
<el-col :span="12">
<el-form-item label="用户协议容量：" :label-width="formLabelWidth" prop="agreementCapacity">
<el-form-item label="用户协议容量：" prop="agreementCapacity">
<el-input
v-model="form.agreementCapacity"
autocomplete="off"
@@ -157,7 +164,7 @@
<el-col :span="12">
<el-form-item
label="非线性设备类型："
:label-width="formLabelWidth"
class="label_over_warp"
prop="nonlinearDeviceType"
>
@@ -174,14 +181,14 @@
v-model="form.nonlinearDeviceType"
:data="nonlinearDeviceTypeList"
:render-after-expand="false"
style="width: 240px"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="电压等级：" :label-width="formLabelWidth" prop="voltageLevel">
<el-form-item label="电压等级：" prop="voltageLevel">
<el-select
v-model="form.voltageLevel"
placeholder="请选择电压等级"
@@ -198,7 +205,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="预测评估单位：" :label-width="formLabelWidth" prop="evaluationDept">
<el-form-item label="预测评估单位：" prop="evaluationDept">
<el-select
v-model="form.evaluationDept"
placeholder="请选择预测评估单位"
@@ -216,7 +223,7 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="是否需要治理：" :label-width="formLabelWidth" prop="needGovernance">
<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>
@@ -226,7 +233,7 @@
<el-col :span="12">
<el-form-item
label="是否开展背景测试："
:label-width="formLabelWidth"
prop="backgroundTestPerformed"
class="label_over_warp"
>
@@ -240,7 +247,7 @@
<el-row v-if="form.userType != '0' && form.userType != '1'">
<el-col :span="12">
<el-form-item label="评估类型：" :label-width="formLabelWidth" prop="evaluationType">
<el-form-item label="评估类型：" prop="evaluationType">
<el-select
v-model="form.evaluationType"
placeholder="请选择评估类型"
@@ -256,7 +263,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="PCC点：" :label-width="formLabelWidth" prop="pccPoint">
<el-form-item label="PCC点：" prop="pccPoint">
<el-input
v-model="form.pccPoint"
autocomplete="off"
@@ -268,7 +275,7 @@
</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="基准短路容量：" :label-width="formLabelWidth" prop="baseShortCircuitCapacity">
<el-form-item label="基准短路容量：" prop="baseShortCircuitCapacity">
<el-input
v-model="form.baseShortCircuitCapacity"
placeholder="请输入基准短路容量"
@@ -281,7 +288,7 @@
<el-col :span="12">
<el-form-item
label="系统最小短路容量："
:label-width="formLabelWidth"
class="label_over_warp"
prop="minShortCircuitCapacity"
>
@@ -300,7 +307,7 @@
<el-col :span="12">
<el-form-item
label="PCC供电设备容量："
:label-width="formLabelWidth"
class="label_over_warp"
prop="pccEquipmentCapacity"
>
@@ -316,7 +323,7 @@
<el-col :span="12">
<el-form-item
label="用户用电协议容量："
:label-width="formLabelWidth"
class="label_over_warp"
prop="userAgreementCapacity"
>
@@ -334,7 +341,7 @@
<el-row v-if="form.userType == '6'">
<el-col :span="12">
<el-form-item label="行业：" :label-width="formLabelWidth" prop="industry">
<el-form-item label="行业：" prop="industry">
<el-select v-model="form.industry" placeholder="请选择行业" :disabled="openType == 'detail'">
<el-option
v-for="(item, index) in industryList"
@@ -346,7 +353,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="敏感装置名称：" prop="deviceName" :label-width="formLabelWidth">
<el-form-item label="敏感装置名称：" prop="deviceName" >
<el-input
v-model="form.deviceName"
autocomplete="off"
@@ -358,7 +365,7 @@
</el-row>
<el-row v-if="form.userType == '6'">
<el-col :span="12">
<el-form-item label="供电电源数量：" prop="powerSupplyCount" :label-width="formLabelWidth">
<el-form-item label="供电电源数量：" prop="powerSupplyCount" >
<el-input-number
style="width: 100%"
v-model="form.powerSupplyCount"
@@ -372,7 +379,7 @@
<el-form-item
label="敏感电能质量指标："
prop="energyQualityIndex"
:label-width="formLabelWidth"
class="label_over_warp"
>
<el-select
@@ -398,7 +405,7 @@
<el-form-item
label="非线性负荷类型："
prop="nonlinearLoadType"
:label-width="formLabelWidth"
class="label_over_warp"
>
<el-tree-select
@@ -414,7 +421,7 @@
v-model="form.nonlinearLoadType"
:data="nonlinearDeviceTypeList"
:render-after-expand="false"
style="width: 240px"
/>
</el-form-item>
</el-col>
@@ -422,7 +429,7 @@
<el-form-item
label="是否开展抗扰度测试："
prop="antiInterferenceTest"
:label-width="formLabelWidth"
class="label_over_warp"
>
<el-radio-group v-model="form.antiInterferenceTest" :disabled="openType == 'detail'">
@@ -435,7 +442,7 @@
<el-form-item
label="预测评估评审单位："
prop="evaluationChekDept"
:label-width="formLabelWidth"
class="label_over_warp"
>
<el-input
@@ -449,7 +456,7 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="预测评估结论：" prop="evaluationConclusion" :label-width="formLabelWidth">
<el-form-item label="预测评估结论：" prop="evaluationConclusion" >
<el-input
v-model="form.evaluationConclusion"
autocomplete="off"
@@ -460,7 +467,7 @@
</el-col>
<el-col :span="12" class="required_position">
<span class="required_icon">*</span>
<el-form-item label="可研报告：" prop="feasibilityReport" :label-width="formLabelWidth">
<el-form-item label="可研报告：" prop="feasibilityReport" >
<el-upload
v-model:file-list="form.feasibilityReport"
ref="uploadRef"
@@ -485,7 +492,7 @@
<el-form-item
label="项目初步设计说明书："
prop="preliminaryDesignDescription"
:label-width="formLabelWidth"
class="label_over_warp"
>
<el-upload
@@ -510,7 +517,7 @@
<el-form-item
label="预测评估报告："
prop="predictionEvaluationReport"
:label-width="formLabelWidth"
>
<el-upload
v-model:file-list="form.predictionEvaluationReport"
@@ -536,7 +543,7 @@
<el-form-item
label="预测评估评审意见报告："
prop="predictionEvaluationReviewOpinions"
:label-width="formLabelWidth"
class="label_over_warp"
>
<el-upload
@@ -558,7 +565,7 @@
</el-col>
<el-col :span="12" class="required_position">
<span class="required_icon" style="color: #fff">*</span>
<el-form-item label="其他附件：" prop="additionalAttachments" :label-width="formLabelWidth">
<el-form-item label="其他附件：" prop="additionalAttachments" >
<el-upload
v-model:file-list="form.additionalAttachments"
ref="uploadRef"
@@ -582,7 +589,7 @@
<span class="required_icon">*</span>
<el-form-item
label="用户接入变电站主接线示意图："
:label-width="formLabelWidth"
class="label_over_warp"
prop="substationMainWiringDiagram"
>
@@ -607,7 +614,7 @@
<span class="required_icon">*</span>
<el-form-item
label="主要敏感设备清单："
:label-width="formLabelWidth"
class="label_over_warp"
prop="sensitiveDevices"
>
@@ -635,7 +642,7 @@
<el-form-item
label="抗扰度测试报告："
prop="antiInterferenceReport"
:label-width="formLabelWidth"
class="label_over_warp"
>
<el-upload
@@ -660,7 +667,7 @@
<el-form-item
label="背景电能质量测试报告："
prop="powerQualityReport"
:label-width="formLabelWidth"
class="label_over_warp"
>
<el-upload
@@ -697,6 +704,9 @@ import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
import { genFileId, ElMessage } from 'element-plus'
import { useDictData } from '@/stores/dictData'
import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
import { useAdminInfo } from '@/stores/adminInfo'
import { queryByAllCode } from '@/api/system-boot/dictTree'
import { uploadFile } from '@/api/system-boot/file'
// import moment from 'moment'
import { submitFormData } from '@/api/supervise/interfere/index'
defineProps({
@@ -708,7 +718,7 @@ defineProps({
const emits = defineEmits(['onSubmit'])
const dictData = useDictData()
const dialogFormVisible = ref(false)
const formLabelWidth = '120px'
const form: any = ref({})
const ruleFormRef: any = ref(null)
//字典获取所属地市
@@ -1363,9 +1373,7 @@ onMounted(() => {
console.log()
})
const changeUserType = value => {
}
const changeUserType = value => {}
// 上传报告
const uploadRef = ref()
const handleExceed: UploadProps['onExceed'] = files => {
@@ -1674,4 +1682,8 @@ defineExpose({ open })
margin-left: 10px;
}
}
:deep(.el-upload-list__item-file-name) {
width: 250px;
text-align: left;
}
</style>