From 22d85008581019cf0f6b2640bb0603e6082f6a9f Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期五, 21 二月 2025 10:42:30 +0800
Subject: [PATCH] 万元

---
 src/views/projectEngineering/projectLibrary/component/investmentFunds.vue |  169 ++++++++++++++++++++++++++++++++++---------------------
 1 files changed, 104 insertions(+), 65 deletions(-)

diff --git a/src/views/projectEngineering/projectLibrary/component/investmentFunds.vue b/src/views/projectEngineering/projectLibrary/component/investmentFunds.vue
index 9896aa8..f628d84 100644
--- a/src/views/projectEngineering/projectLibrary/component/investmentFunds.vue
+++ b/src/views/projectEngineering/projectLibrary/component/investmentFunds.vue
@@ -5,184 +5,209 @@
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="椤圭洰鎬绘姇璧勯" label-width="130px" prop="fundsType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.totalInvestment" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.totalInvestment" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="椤圭洰鏈噾" label-width="130px" prop="investmentType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.principal" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.principal" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="18">
           <el-form-item label="涓�銆佹斂搴滄姇璧�" label-width="130px" prop="projectType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.governmentInvestmentTotal" class="item" clearable
+            <el-input v-model.trim="investmentFundsForm.governmentInvestmentTotal" class="item" clearable style="width: 90%"
                       maxlength="255" placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="18">
           <el-form-item label="锛堜竴锛変腑澶姇璧�" label-width="130px" prop="projectType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.centralInvestmentTotal" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.centralInvestmentTotal" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="1.涓ぎ棰勭畻鎶曡祫" label-width="130px" prop="fundsType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.centralBudgetInvestment" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.centralBudgetInvestment" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="2.涓ぎ璐㈡斂" label-width="130px" prop="investmentType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.centralFiscalInvestment" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.centralFiscalInvestment" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item class="items" label="3.涓ぎ涓撻」鍊哄埜绛归泦鐨勪笓椤瑰缓璁捐祫閲�" label-width="130px" prop="investmentType"
                         style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.centralSpecialBondInvestment" class="item" clearable
+            <el-input v-model.trim="investmentFundsForm.centralSpecialBondInvestment" class="item" clearable style="width: 90%"
                       maxlength="255" placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="18">
           <el-form-item label="4.涓ぎ涓撻」寤鸿鍩洪噾" label-width="130px" prop="engineering" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.centralSpecialFundInvestment" class="item" clearable
+            <el-input v-model.trim="investmentFundsForm.centralSpecialFundInvestment" class="item" clearable style="width: 90%"
                       maxlength="255" placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="18">
           <el-form-item label="锛堜簩锛夌渷绾ф姇璧�" label-width="130px" prop="engineering" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.provincialInvestmentTotal" class="item" clearable
+            <el-input v-model.trim="investmentFundsForm.provincialInvestmentTotal" class="item" clearable style="width: 90%"
                       maxlength="255" placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="1.鐪侀绠楀唴鎶曡祫" label-width="130px" prop="fundsType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.provincialBudgetInvestment" class="item" clearable
+            <el-input v-model.trim="investmentFundsForm.provincialBudgetInvestment" class="item" clearable style="width: 90%"
                       maxlength="255" placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="2.鐪佽储鏀挎�у缓璁炬姇璧�" label-width="130px" prop="investmentType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.provincialFiscalInvestment" class="item" clearable
+            <el-input v-model.trim="investmentFundsForm.provincialFiscalInvestment" class="item" clearable style="width: 90%"
                       maxlength="255" placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="3.鐪佷笓椤瑰缓璁捐祫閲�" label-width="130px" prop="investmentType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.provincialSpecialFundInvestment" class="item" clearable
+            <el-input v-model.trim="investmentFundsForm.provincialSpecialFundInvestment" class="item" clearable style="width: 90%"
                       maxlength="255" placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="18">
           <el-form-item label="锛堜笁锛夊競(宸�)鎶曡祫" label-width="130px" prop="engineering" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.cityInvestmentTotal" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.cityInvestmentTotal" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="1.甯�(宸�)棰勭畻鍐呮姇璧�" label-width="130px" prop="fundsType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.cityBudgetInvestment" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.cityBudgetInvestment" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="2.甯�(宸�)璐㈡斂鎬ф姇璧�" label-width="130px" prop="investmentType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.cityFiscalInvestment" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.cityFiscalInvestment" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="3.甯�(宸�)涓撻」璧勯噾" label-width="130px" prop="investmentType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.citySpecialFundInvestment" class="item" clearable
+            <el-input v-model.trim="investmentFundsForm.citySpecialFundInvestment" class="item" clearable style="width: 90%"
                       maxlength="255" placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="18">
           <el-form-item label="锛堝洓锛夊幙(甯傘�佸尯)鎶曡祫" label-width="130px" prop="engineering" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.countyInvestmentTotal" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.countyInvestmentTotal" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="6">
           <el-form-item label="1.鍖�(鍘�)棰勭畻鍐呮姇璧�" label-width="130px" prop="fundsType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.countyBudgetInvestment" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.countyBudgetInvestment" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item class="items" label="2.鍖猴紙鍘匡級璐㈡斂鎬у缓璁捐祫閲�" label-width="130px" prop="investmentType"
                         style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.countyFiscalInvestment" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.countyFiscalInvestment" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
           <el-form-item label="3.鍖�(鍘�)涓撻」璧勯噾" label-width="130px" prop="investmentType" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.countySpecialFundInvestment" class="item" clearable
+            <el-input v-model.trim="investmentFundsForm.countySpecialFundInvestment" class="item" clearable style="width: 90%"
                       maxlength="255" placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="18">
           <el-form-item label="浜屻�佸浗鍐呰捶娆�" label-width="130px" prop="engineering" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.domesticLoanTotal" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.domesticLoanTotal" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="18">
           <el-form-item label="閾惰璐锋" label-width="130px" prop="engineering" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.bankLoan" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.bankLoan" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="18">
           <el-form-item label="涓夈�佸鍟嗘姇璧�" label-width="130px" prop="engineering" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.foreignInvestmentTotal" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.foreignInvestmentTotal" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="18">
           <el-form-item label="鍥涖�佷紒涓氳嚜绛�" label-width="130px" prop="engineering" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.enterpriseSelfRaisedTotal" class="item" clearable
+            <el-input v-model.trim="investmentFundsForm.enterpriseSelfRaisedTotal" class="item" clearable style="width: 90%"
                       maxlength="255" placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="20">
         <el-col :span="18">
           <el-form-item label="浜斻�佸叾浠栨姇璧�" label-width="130px" prop="engineering" style="width: 100%">
-            <el-input v-model.trim="investmentFundsForm.otherInvestmentTotal" class="item" clearable maxlength="255"
+            <el-input v-model.trim="investmentFundsForm.otherInvestmentTotal" class="item" clearable maxlength="255" style="width: 90%"
                       placeholder="璇疯緭鍏�"/>
+            <span class="money">涓囧厓</span>
           </el-form-item>
         </el-col>
       </el-row>
@@ -197,6 +222,7 @@
   editProjectInvestmentFunding,
   getProjectInvestmentFundingById
 } from "@/api/projectEngineering/projectInvestmentFunding";
+import {editProject} from "@/api/projectEngineering/projectInfo";
 
 export default {
   name: 'InvestmentFundsForm',
@@ -205,45 +231,45 @@
       type: Boolean,
       default: false,
       required: true
-    }
+    },
   },
   data() {
     return {
       projectForm: {},
       investmentFundsForm: {
-        id: '',
-        projectId: '',
-        totalInvestment: '',
-        principal: '',
-        governmentInvestmentTotal: '',
-        centralInvestmentTotal: '',
-        centralBudgetInvestment: '',
-        centralFiscalInvestment: '',
-        centralSpecialBondInvestment: '',
-        centralSpecialFundInvestment: '',
-        provincialInvestmentTotal: '',
-        provincialBudgetInvestment: '',
-        provincialFiscalInvestment: '',
-        provincialSpecialFundInvestment: '',
-        cityInvestmentTotal: '',
-        cityBudgetInvestment: '',
-        cityFiscalInvestment: '',
-        citySpecialFundInvestment: '',
-        countyInvestmentTotal: '',
-        countyBudgetInvestment: '',
-        countyFiscalInvestment: '',
-        countySpecialFundInvestment: '',
-        domesticLoanTotal: '',
-        bankLoan: '',
-        foreignInvestmentTotal: '',
-        enterpriseSelfRaisedTotal: '',
-        otherInvestmentTotal: ''
+        // id: '',
+        // projectId: '',
+        // totalInvestment: '',
+        // principal: '',
+        // governmentInvestmentTotal: '',
+        // centralInvestmentTotal: '',
+        // centralBudgetInvestment: '',
+        // centralFiscalInvestment: '',
+        // centralSpecialBondInvestment: '',
+        // centralSpecialFundInvestment: '',
+        // provincialInvestmentTotal: '',
+        // provincialBudgetInvestment: '',
+        // provincialFiscalInvestment: '',
+        // provincialSpecialFundInvestment: '',
+        // cityInvestmentTotal: '',
+        // cityBudgetInvestment: '',
+        // cityFiscalInvestment: '',
+        // citySpecialFundInvestment: '',
+        // countyInvestmentTotal: '',
+        // countyBudgetInvestment: '',
+        // countyFiscalInvestment: '',
+        // countySpecialFundInvestment: '',
+        // domesticLoanTotal: '',
+        // bankLoan: '',
+        // foreignInvestmentTotal: '',
+        // enterpriseSelfRaisedTotal: '',
+        // otherInvestmentTotal: ''
       }
     };
   },
   methods: {
     getInvestmentFunds() {
-      getProjectInvestmentFundingById(this.investmentForm.projectId ).then(res => {
+      getProjectInvestmentFundingById(this.$route.query.projectId).then(res => {
         this.investmentFundsForm = res.data;
       });
     },
@@ -252,7 +278,7 @@
         this.$message.error("璇峰厛淇濆瓨鎶曡祫绠$悊鍩烘湰淇℃伅")
       } else {
         this.investmentFundsForm.projectId = this.projectForm.id;
-        if (this.investmentFundsForm.id != null) {
+        if (this.investmentFundsForm.id) {
           editProjectInvestmentFunding(this.investmentFundsForm).then(response => {
             this.$modal.msgSuccess("淇敼鎴愬姛");
             //璺宠浆鍒颁笅涓粍浠�
@@ -270,26 +296,35 @@
     },
   },
   mounted() {
-    this.investmentFundsForm.id = this.$route.query.projectId;
-    const investmentFundsForm = Cookies.get("investmentFundsForm");
-    const projectForm = Cookies.get("projectForm");
+    const investmentFundsForm = localStorage.getItem("investmentFundsForm");
+    const projectForm = localStorage.getItem("projectForm");
 
-    const parsedInvestmentForm = investmentFundsForm ? JSON.parse(investmentFundsForm) : null;
+    const parsedInvestmentFundsForm = investmentFundsForm ? JSON.parse(investmentFundsForm) : null;
     const parsedProjectForm = projectForm ? JSON.parse(projectForm) : null;
-    if (parsedInvestmentForm) {
-      this.investmentFundsForm = parsedInvestmentForm
+    if (parsedInvestmentFundsForm) {
+      this.investmentFundsForm = parsedInvestmentFundsForm
     }
-    if (parsedProjectForm){
+    if (parsedProjectForm) {
       this.projectForm = parsedProjectForm
     }
     // 濡傛灉璺敱瀛樺湪id涓旀病鏈夌紦瀛�,瑙嗕负缂栬緫鎴栨煡鐪嬶紝璋冪敤api
-    if (this.investmentFundsForm.projectId && !parsedInvestmentForm) {
+    if (this.$route.query.projectId&& !parsedInvestmentFundsForm) {
       this.getInvestmentFunds();
     }
+
+    this.investmentFundsForm.projectId = this.projectForm.id;
   },
   beforeDestroy() {
-    Cookies.set("investmentFundsForm", JSON.stringify(this.investmentFundsForm));
+    if(Object.keys(this.investmentFundsForm).length !==0) localStorage.setItem("investmentFundsForm", JSON.stringify(this.investmentFundsForm));
   },
+  watch: {
+    investmentFundsForm: {
+      deep: true,
+      handler(newVal) {
+        this.$emit('investmentFundsForm', newVal)
+      }
+    }
+  }
 }
 </script>
 
@@ -321,7 +356,11 @@
     width: 20px;
   }
 }
-
+.money {
+  font-size: 12px;
+  margin-left: 2px;
+  color: #909399;
+}
 .items {
   ::v-deep .el-form-item__label {
     line-height: 16px;

--
Gitblit v1.8.0