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

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

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