<template> <div class="water-analysis-page"> <div class="top"> <el-form label-width="auto" :rules="projectEstimateRules" inline ref="ruleForm" :model="FormList" :disabled="typeList.type == 1"> <div v-for="i in typeList.monitorDynamicTableTitleList" style="display: flex; flex-direction: column"> <el-form-item :label="i.value + ':'" :prop="i.key" :disabled="typeList.type == 1 || typeList.type == 2"> <el-input-number style="width: 300px" v-if="i.key == 'zssUseCount'" :placeholder="i.value" :min="0" :precision="2" :step="0.1" :max="FormList.zssTotalCount" @change="trsyAreaChange" v-model="FormList[i.key]" > <template #append> k㎡ </template> </el-input-number> <el-input-number style="width: 300px" v-else-if="i.key == 'zssTotalCount'" :placeholder="i.value" :min="0" :precision="2" :step="0.1" v-model="FormList[i.key]" > <template #append> k㎡ </template> </el-input-number> <ImageFileUpload v-else-if="i.key == 'attachFileList'" v-model:saveFileArr="fileSaveRequestList" :listType="'text'" :refType="'ZSSLYL'" /> <div v-else-if="i.key == 'allRealValue'"> {{ typeList.allRealValue }} </div> <div v-else-if="i.key == 'zssTargetAreaCount'"> {{ ((FormList.zssTotalCount * itemTarget) / 100 || 0).toFixed(2) }} </div> <div v-else-if="i.key == 'itemTarget'"> {{ itemTarget || 0 }} </div> <div v-else-if="i.key == 'standardFlag'"> <el-tag v-if="typeList.data.standardFlag === ''" type="warning">未填报</el-tag> <el-tag v-else-if="typeList.data.standardFlag === '102'" type="warning">无法评价</el-tag> <el-tag v-else :type="typeList.data.standardFlag === '1' ? 'success' : 'error'">{{ typeList.data.standardFlag === '1' ? '达标' : '未达标' }}</el-tag> </div> <div v-else> {{ FormList[i.key] }} </div> </el-form-item> </div> </el-form> </div> </div> </template> <script setup> import { projectInfoEdit } from '@/api/spongePerformance/naturalWaterArea'; import { getToken } from '@/utils/auth'; import { projectEstimateRules } from '@/utils/rules'; import { projectEstimateForm } from '@/utils/form'; import { ElMessage, ElMessageBox } from 'element-plus'; const { proxy } = getCurrentInstance(); // const { fund_source } = proxy.useDict('fund_source'); const uploadHeader = ref({ Authorization: 'Bearer ' + getToken(), }); const { typeList } = defineProps(['typeList']); const emits = defineEmits(); defineExpose({ submit, closed, resetFiled }); const IsStandFlag1 = ref(-1); const IsStandText = ref(''); const fileSaveRequestList = ref([]); let FormList = ref({ projectNo: '' }); const itemTarget = computed(() => { return typeList.data?.itemDataTypePerformanceEvaluateItemList[0]?.itemTarget || 0; }); const fileList1 = ref([]); function handlePreview(file) { return ElMessageBox.confirm(`下载此文件: ${file.name}?`).then( () => window.open(file.url), () => false ); } function beforeRemove(file) { return true; } function submit() { proxy.$refs.ruleForm.validate(valid => { if (valid) { FormList.value.zzsUseRate = (((FormList.value.zssUseCount * 1) / FormList.value.zssTotalCount) * 100 || 0).toFixed(2); let ar = typeList.data.itemDataTypePerformanceEvaluateItemList; let arr1 = typeList.data; if (ar.length > 0) { ar[0].standardFlag = typeList.data.standardFlag; ar[0].realValue = typeList.data.zzsUseRate; if (typeList.data.standardFlag == '1') { ar[0].realScore = ar[0].itemScore; } else { ar[0].realScore = 0; } } else { ar.push({ standardFlag: typeList.data.standardFlag, realScore: IsStandFlag1.value > 0 ? arr1.zssUseCount || 0 : 0, }); } typeList.data.itemDataTypePerformanceEvaluateItemList = ar; FormList.value = { fileSaveRequestList: fileSaveRequestList.value, ...typeList.data, itemDataType: 'ZSSLYL', }; projectInfoEdit(FormList.value).then(({ code }) => { if (code == 200) { emits('onModalClose'); } }); } }); } function loadProjerctListData() { FormList.value = typeList.data; fileSaveRequestList.value = typeList.fileList1; IsStandFlag1.value = typeList.data.zssUseCount * 1 - (((itemTarget.value * typeList.allRealValue) / 100).toFixed(3) || 0); proxy.$refs.ruleForm.resetFields(); } function resetFiled() { proxy.$refs.ruleForm.resetFields(); fileSaveRequestList.value = []; } function closed() { emits('onModalClose'); } function trsyAreaChange(v) { FormList.value.zzsUseRate = (((v * 1) / FormList.value.zssTotalCount) * 100 || 0).toFixed(2); let st = FormList.value.zzsUseRate - itemTarget.value; if (st >= 0) { IsStandFlag1.value = 1; typeList.data.standardFlag = '1'; } else { IsStandFlag1.value = 0; typeList.data.standardFlag = '0'; } } onMounted(() => { loadProjerctListData(); }); </script> <style lang="scss" scoped> .water-analysis-page { padding: 20px; } </style>