新增计划金额显示

src/views/ProcessApprovalSubPage/planFileApproval.vue

@@ -6,9 +6,21 @@
   >
   <el-divider content-position="left">项目名称： {{ dataTo.record.projectName }} </el-divider>
   <BasicForm @register="registerApprovalMoneyForm" v-if="taskName == '立项审批'" />
+  <div v-if="showMoneyForm">
+    <el-divider content-position="left">计划金额</el-divider>
+    <BasicForm @register="registerContractMoneyFormShow" />
+    <el-divider content-position="left">实际金额</el-divider>
+  </div>
+
   <BasicForm @register="registerContractMoneyForm" v-if="showMoneyForm || taskName == '合同签订'" />
   <div v-if="taskName == '合同签订'">
-    <ContractPay :projectid="pjid" :isModify="resButton.isEdit" :isEdit="resButton.isEdit" v-if="pjid" ref="contractRef" />
+    <ContractPay
+      :projectid="pjid"
+      :isModify="resButton.isEdit"
+      :isEdit="resButton.isEdit"
+      v-if="pjid"
+      ref="contractRef"
+    />
   </div>
   <el-divider content-position="left">项目计划详情</el-divider>
   <BasicTable @register="registerplaninfoTable"> </BasicTable>
@@ -200,6 +212,13 @@
     disabled: true,
     wrapperCol: { style: { width: 'auto' } },
   });
+  const [registerContractMoneyFormShow, { setFieldsValue: setContractMoneyFieldsValueShow }] =
+    useForm({
+      schemas: ContractMoneyFormSchemas,
+      showActionButtonGroup: false,
+      disabled: true,
+      wrapperCol: { style: { width: 'auto' } },
+    });
   let dataTo = defineProps(['record']);
   const emit = defineEmits(['close']);
   console.log('routerouterouteroute', dataTo.record);
@@ -287,6 +306,14 @@
       });
       if (contract.realList != null && contract.realList.length > 0) {
         showMoneyForm.value = true;
+        setContractMoneyFieldsValueShow({
+          contractTotalMoney: contract.planList[0].totalMoney,
+          contractCentralMoney: contract.planList[0].centralMoney,
+          contractProvincialMoney: contract.planList[0].provincialMoney,
+          contractCityMoney: contract.planList[0].cityMoney,
+          contractCountyMoney: contract.planList[0].countyMoney,
+          contractSelfMoney: contract.planList[0].selfMoney,
+        });
         setContractMoneyFieldsValue({
           contractTotalMoney: contract.realList[0].totalMoney,
           contractCentralMoney: contract.realList[0].centralMoney,

src/views/projectLib/projectContract/ContractPay.vue

@@ -127,11 +127,11 @@ const bbb = ({ schema, formModel, formActionType }) => {
     style: { width: '90%' },
     onChange: async (value, option) => {
       // formModel.manageContactor = undefined; //  reset city value
-      const { updateSchema, setFieldsValue, getFieldsValue } = formActionType;
-      let percentage = value / resMoney.value[schema.field.replace(/\d/g, '')] * 100
-      console.log("percentage", percentage.toFixed(0))
-      schema.suffix = percentage.toFixed(0) + "%"
-      updateSchema(schema)
+      // const { updateSchema, setFieldsValue, getFieldsValue } = formActionType;
+      // let percentage = value / resMoney.value[schema.field.replace(/\d/g, '')] * 100
+      // console.log("percentage", percentage.toFixed(0))
+      // schema.suffix = percentage.toFixed(0) + "%"
+      // updateSchema(schema)
     },
   };
 }

src/views/projectLib/projectPlan/addPlanFile.vue

@@ -5,7 +5,12 @@
         <el-button slot="trigger" type="primary">下载模板</el-button>
     </div> -->
   <BasicForm @register="registerApprovalMoneyForm" v-if="dataTo.taskName == '立项审批'" />
-  <BasicForm @register="registerContractMoneyForm" v-if="showMoneyForm||dataTo.taskName == '合同签订'" />
+  <div v-if="showMoneyForm">
+    <el-divider content-position="left">计划金额</el-divider>
+    <BasicForm @register="registerContractMoneyFormShow" />
+    <el-divider content-position="left">实际金额</el-divider>
+  </div>  <BasicForm @register="registerContractMoneyForm" v-if="showMoneyForm||dataTo.taskName == '合同签订'" />
+
   <div v-if="dataTo.taskName == '合同签订'">
     <ContractPay :projectid="projectId" :isModify="false" v-if="projectId" ref="contractRef" />
   </div>
@@ -166,7 +171,17 @@
     // labelCol: { style: { width: '120px' } },
     wrapperCol: { style: { width: 'auto' } },
   });
-
+  const [
+    registerContractMoneyFormShow,
+    {
+      setFieldsValue: setContractMoneyFieldsValueShow,
+    },
+  ] = useForm({
+    schemas: ContractMoneyFormSchemas,
+    showActionButtonGroup: false,
+    disabled: true,
+    wrapperCol: { style: { width: 'auto' } },
+  });
   let fileList = reactive<Array<any>>([]);
   let projectId = ref('');
   let contractRef = ref();
@@ -203,6 +218,14 @@
     });
     if (contract.planList != null && contract.planList.length > 0) {
       showMoneyForm.value = true;
+      setContractMoneyFieldsValueShow({
+        contractTotalMoney: contract.planList[0].totalMoney,
+        contractCentralMoney: contract.planList[0].centralMoney,
+        contractProvincialMoney: contract.planList[0].provincialMoney,
+        contractCityMoney: contract.planList[0].cityMoney,
+        contractCountyMoney: contract.planList[0].countyMoney,
+        contractSelfMoney: contract.planList[0].selfMoney,
+      });
     }
   });