From 8b8ca090fff0f9e75ccecb33a9ac656faaaf5752 Mon Sep 17 00:00:00 2001
From: xy <271556543@qq.com>
Date: Mon, 24 Apr 2023 17:25:24 +0800
Subject: [PATCH] 2023-4-24

---
 src/components/XyTable/index.vue              |    4 +-
 .../contract/components/detailContract.vue    |   99 +-
 .../components/paymentRegistration.vue        |  717 ++---
 src/views/contract/contractList.vue           | 2361 ++++++++++-------
 4 files changed, 1901 insertions(+), 1280 deletions(-)

diff --git a/src/components/XyTable/index.vue b/src/components/XyTable/index.vue
index 2354844..eb1c577 100644
--- a/src/components/XyTable/index.vue
+++ b/src/components/XyTable/index.vue
@@ -136,7 +136,9 @@ export default {
     toggleRowExpansion(row,expanded){
       this.$refs['table'].toggleRowExpansion(row,expanded)
     },
-
+    getSelection(){
+      return this.$refs.table?.store?.states?.selection ?? []
+    },
   },
   created() {
     this.initLoad()
diff --git a/src/views/contract/components/detailContract.vue b/src/views/contract/components/detailContract.vue
index 6a9f852..2c998c2 100644
--- a/src/views/contract/components/detailContract.vue
+++ b/src/views/contract/components/detailContract.vue
@@ -201,43 +201,43 @@
           >
           </xy-table>
         </div>
-<!--        <div class="related-processes">-->
-<!--          <div class="related-processes-title">相关流程进展查看</div>-->
-<!--          <div class="related-processes-item">-->
-<!--            <div-->
-<!--              @click="toOutDetail('caigou')"-->
-<!--              :style="{ color: detail.purchase_last_flow_id ? 'green' : 'red' }"-->
-<!--            >-->
-<!--              采购流程查看-->
-<!--            </div>-->
-<!--            <div-->
-<!--              @click="toOutDetail('hetong')"-->
-<!--              :style="{ color: detail.join_last_flow_id ? 'green' : 'red' }"-->
-<!--            >-->
-<!--              合同会签流程查看-->
-<!--            </div>-->
-<!--            <template-->
-<!--              v-if="-->
-<!--                detail.purchase_way && detail.purchase_way.remark === 'true'-->
-<!--              "-->
-<!--            >-->
-<!--              <div-->
-<!--                @click="seeBidding"-->
-<!--                :style="{ color: detail.invite_last_flow_id ? 'green' : 'red' }"-->
-<!--              >-->
-<!--                招标审批流程查看-->
-<!--              </div>-->
-<!--            </template>-->
-<!--            <template v-if="detail.is_plan != 1">-->
-<!--              <div-->
-<!--                @click="seeAskProcess"-->
-<!--                :style="{ color: detail.req_last_flow_id ? 'green' : 'red' }"-->
-<!--              >-->
-<!--                请示流程查看-->
-<!--              </div>-->
-<!--            </template>-->
-<!--          </div>-->
-<!--        </div>-->
+        <!--        <div class="related-processes">-->
+        <!--          <div class="related-processes-title">相关流程进展查看</div>-->
+        <!--          <div class="related-processes-item">-->
+        <!--            <div-->
+        <!--              @click="toOutDetail('caigou')"-->
+        <!--              :style="{ color: detail.purchase_last_flow_id ? 'green' : 'red' }"-->
+        <!--            >-->
+        <!--              采购流程查看-->
+        <!--            </div>-->
+        <!--            <div-->
+        <!--              @click="toOutDetail('hetong')"-->
+        <!--              :style="{ color: detail.join_last_flow_id ? 'green' : 'red' }"-->
+        <!--            >-->
+        <!--              合同会签流程查看-->
+        <!--            </div>-->
+        <!--            <template-->
+        <!--              v-if="-->
+        <!--                detail.purchase_way && detail.purchase_way.remark === 'true'-->
+        <!--              "-->
+        <!--            >-->
+        <!--              <div-->
+        <!--                @click="seeBidding"-->
+        <!--                :style="{ color: detail.invite_last_flow_id ? 'green' : 'red' }"-->
+        <!--              >-->
+        <!--                招标审批流程查看-->
+        <!--              </div>-->
+        <!--            </template>-->
+        <!--            <template v-if="detail.is_plan != 1">-->
+        <!--              <div-->
+        <!--                @click="seeAskProcess"-->
+        <!--                :style="{ color: detail.req_last_flow_id ? 'green' : 'red' }"-->
+        <!--              >-->
+        <!--                请示流程查看-->
+        <!--              </div>-->
+        <!--            </template>-->
+        <!--          </div>-->
+        <!--        </div>-->
         <div class="journal">
           <div class="journal-title">日志</div>
           <xy-table
@@ -252,7 +252,6 @@
           </xy-table>
         </div>
       </template>
-
     </xy-dialog>
 
     <detailContractSign
@@ -578,15 +577,15 @@ export default {
     },
     statusFormat() {
       return function (status) {
-        if(status === 'end') {
-          return "已办结"
+        if (status === "end") {
+          return "已办结";
         }
-        if(Number(status)) {
-          return "进行中"
+        if (Number(status)) {
+          return "进行中";
         }
-        return "待办理"
-      }
-    }
+        return "待办理";
+      };
+    },
   },
   watch: {
     isShowDetail(val) {
@@ -601,11 +600,9 @@ export default {
             this.outCaigouDetail = res;
           }
         );
-        getOutDetail({ tbname: "pay", out_pay_id: this.id }).then(
-          (res) => {
-            this.outPayDetail = res;
-          }
-        );
+        getOutDetail({ tbname: "pay", out_pay_id: this.id }).then((res) => {
+          this.outPayDetail = res;
+        });
       }
     },
   },
@@ -617,7 +614,7 @@ export default {
   },
   created() {
     this.getPlanTypes();
-  }
+  },
 };
 </script>
 
diff --git a/src/views/contract/components/paymentRegistration.vue b/src/views/contract/components/paymentRegistration.vue
index f2d7fad..9fc4fa6 100644
--- a/src/views/contract/components/paymentRegistration.vue
+++ b/src/views/contract/components/paymentRegistration.vue
@@ -1,49 +1,80 @@
 <template>
   <div>
     <!--    付款登记-->
-    <xy-dialog title="付款登记" :is-show.sync="isShowPaymentRegistration" type="form" class="payment-registration"
-      :form="paymentRegistrationForm" :rules="paymentRegistrationRules" @submit="submit" ref="paymentRegistration">
+    <xy-dialog
+      title="付款登记"
+      :is-show.sync="isShowPaymentRegistration"
+      type="form"
+      class="payment-registration"
+      :form="paymentRegistrationForm"
+      :rules="paymentRegistrationRules"
+      @submit="submit"
+      ref="paymentRegistration"
+    >
       <template v-slot:extraFormTop>
         <div class="payment-registration-row">
           <div class="payment-registration-row-title">受款单位</div>
-          <div class="payment-registration-row-content">{{contract.supply}}</div>
+          <div class="payment-registration-row-content">
+            {{ contract.supply }}
+          </div>
         </div>
         <div class="payment-registration-row">
           <div class="payment-registration-row-title">合同名称</div>
-          <div class="payment-registration-row-content">{{contract.name}}</div>
+          <div class="payment-registration-row-content">
+            {{ contract.name }}
+          </div>
         </div>
         <div class="payment-registration-row">
           <div class="payment-registration-row-title">合同金额</div>
-          <div class="payment-registration-row-content">{{priceFormat(contract.money)}} （元）</div>
+          <div class="payment-registration-row-content">
+            {{ priceFormat(contract.money) }} （元）
+          </div>
         </div>
         <div style="display: flex">
           <div class="payment-registration-row">
             <div class="payment-registration-row-title">已申请金额</div>
-            <div class="payment-registration-row-content">{{totalApplyMoney()}} （元）</div>
+            <div class="payment-registration-row-content">
+              {{ totalApplyMoney() }} （元）
+            </div>
           </div>
           <div class="payment-registration-row">
             <div class="payment-registration-row-title">已申请笔数</div>
-            <div class="payment-registration-row-content">{{payment.length}}</div>
+            <div class="payment-registration-row-content">
+              {{ payment.length }}
+            </div>
           </div>
         </div>
         <div style="display: flex">
           <div class="payment-registration-row">
             <div class="payment-registration-row-title">已付金额</div>
-            <div class="payment-registration-row-content">{{totalMoney()}} （元）</div>
+            <div class="payment-registration-row-content">
+              {{ totalMoney() }} （元）
+            </div>
           </div>
           <div class="payment-registration-row">
             <div class="payment-registration-row-title">支付占比</div>
-            <div class="payment-registration-row-content">{{percentPay()}}%</div>
+            <div class="payment-registration-row-content">
+              {{ percentPay() }}%
+            </div>
           </div>
           <div class="payment-registration-row">
             <div class="payment-registration-row-title">已付笔数</div>
-            <div class="payment-registration-row-content">{{actNumsTotal()}}</div>
-            <div class="payment-registration-row-content" style="color: #ff0000;padding-left: 16px;cursor: pointer;">
+            <div class="payment-registration-row-content">
+              {{ actNumsTotal() }}
+            </div>
+            <div
+              class="payment-registration-row-content"
+              style="color: #ff0000; padding-left: 16px; cursor: pointer"
+            >
               <Poptip :transfer="true">
                 <div>点击查看列表</div>
                 <template v-slot:content>
-                  <template v-if="payment&&payment.length>0">
-                    <xy-table :height="200" :list="payment" :table-item="payTable">
+                  <template v-if="payment && payment.length > 0">
+                    <xy-table
+                      :height="200"
+                      :list="payment"
+                      :table-item="payTable"
+                    >
                       <template v-slot:btns>
                         <p></p>
                       </template>
@@ -61,55 +92,88 @@
       <template v-slot:applyMoney>
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>申请付款金额
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >申请付款金额
           </div>
           <div class="xy-table-item-content xy-table-item-price">
-            <el-input clearable placeholder="请填写付款金额" v-model="paymentRegistrationForm.applyMoney"
-              style="width: 150px;" />
+            <el-input
+              clearable
+              placeholder="请填写付款金额"
+              v-model="paymentRegistrationForm.applyMoney"
+              style="width: 150px"
+            />
           </div>
         </div>
       </template>
 
       <template v-slot:audit_money>
         <div class="xy-table-item">
-          <div class="xy-table-item-label">审计金额
-          </div>
+          <div class="xy-table-item-label">审计金额</div>
           <div class="xy-table-item-content xy-table-item-price">
-            <el-input clearable placeholder="请填写审计金额" v-model="form.audit_money" style="width: 150px;" />
+            <el-input
+              clearable
+              placeholder="请填写审计金额"
+              v-model="form.audit_money"
+              style="width: 150px"
+            />
           </div>
         </div>
       </template>
       <template v-slot:deductionMoney>
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>本期扣款金额
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >本期扣款金额
           </div>
           <div class="xy-table-item-content xy-table-item-price">
-            <el-input clearable placeholder="请填写扣款金额" v-model="paymentRegistrationForm.deductionMoney"
-              style="width: 150px;" />
+            <el-input
+              clearable
+              placeholder="请填写扣款金额"
+              v-model="paymentRegistrationForm.deductionMoney"
+              style="width: 150px"
+            />
           </div>
         </div>
       </template>
 
       <template v-slot:remark>
         <div class="xy-table-item">
-          <div class="xy-table-item-label">备注
-          </div>
+          <div class="xy-table-item-label">备注</div>
           <div class="xy-table-item-content">
-            <el-input type="textarea" clearable placeholder="进度款日期：2022.6.8-2022.7.7"
-              v-model="paymentRegistrationForm.remark" style="width: 300px;" />
+            <el-input
+              type="textarea"
+              clearable
+              placeholder="进度款日期：2022.6.8-2022.7.7"
+              v-model="paymentRegistrationForm.remark"
+              style="width: 300px"
+            />
           </div>
         </div>
       </template>
       <template v-slot:type>
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>款项类型
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >款项类型
           </div>
           <div class="xy-table-item-content">
-            <el-select placeholder="选择款项类型或直接录入其他类型" v-model="paymentRegistrationForm.type" style="width: 150px;"
-              filterable allow-create clearable>
-              <el-option v-for="item in paymentType" :key="item" :label="item" :value="item">
+            <el-select
+              placeholder="选择款项类型或直接录入其他类型"
+              v-model="paymentRegistrationForm.type"
+              style="width: 150px"
+              filterable
+              allow-create
+              clearable
+            >
+              <el-option
+                v-for="item in paymentType"
+                :key="item"
+                :label="item"
+                :value="item"
+              >
               </el-option>
             </el-select>
           </div>
@@ -118,7 +182,9 @@
       <template v-slot:isLast>
         <div class="xy-table-item">
           <div class="xy-table-item-label" style="width: 200px">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>是否为最后一笔
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >是否为最后一笔
           </div>
           <div class="xy-table-item-content">
             <el-switch v-model="paymentRegistrationForm.isLast" />
@@ -127,19 +193,35 @@
         </div>
       </template>
       <template v-slot:extraFormBottom v-if="false">
-        <Input search enter-button="搜 索" placeholder="搜索预算计划.." v-model="searchContent" @on-search="getBudgets" />
-        <xy-table :list="plans" :show-index="false" :table-item="planTable" :height="310" style="margin-top: 10px;"
-          ref="planTable" @select="selectPlan">
+        <Input
+          search
+          enter-button="搜 索"
+          placeholder="搜索预算计划.."
+          v-model="searchContent"
+          @on-search="getBudgets"
+        />
+        <xy-table
+          :list="plans"
+          :show-index="false"
+          :table-item="planTable"
+          :height="310"
+          style="margin-top: 10px"
+          ref="planTable"
+          @select="selectPlan"
+        >
           <template v-slot:btns>
             <el-table-column label="使用金额" header-align="center">
               <template slot-scope="scope">
-                <Input :value="scope.row.useMoney" @input="(e)=>scope.row.useMoney = e" />
+                <Input
+                  :value="scope.row.useMoney"
+                  @input="(e) => (scope.row.useMoney = e)"
+                />
               </template>
             </el-table-column>
           </template>
         </xy-table>
 
-        <div style="display: flex;justify-content: flex-end;">
+        <div style="display: flex; justify-content: flex-end">
           <Page :total="planTotal" show-elevator @on-change="pageChange" />
         </div>
       </template>
@@ -148,331 +230,326 @@
 </template>
 
 <script>
-  import {
-    getparameter
-  } from "@/api/system/dictionary"
-  import {
-    getFundLog,
-    addFundLog
-  } from "@/api/paymentRegistration/fundLog"
-  import {
-    getBudget
-  } from "@/api/budget/budget";
-  import {
-    detailContract,
-    editorContract
-  } from "@/api/contract/contract";
-  import {
-    Message
-  } from "element-ui";
-  import {
-    parseTime
-  } from "@/utils";
+import { getparameter } from "@/api/system/dictionary";
+import { getFundLog, addFundLog } from "@/api/paymentRegistration/fundLog";
+import { getBudget } from "@/api/budget/budget";
+import { detailContract, editorContract } from "@/api/contract/contract";
+import { Message } from "element-ui";
+import { parseTime } from "@/utils";
 
-  export default {
-    data() {
-      return {
-        searchContent: "",
-        planTotal: 0,
-        pageIndex: 1,
-        //付款登记
-        plans: [],
-        planTypes: [],
-        contract: {},
-        payment: [], //合同关联的付款登记
-        payTable: [{
-            label: '申请金额',
-            prop: 'apply_money',
-            sortable: false,
-            width: 160,
-            align: 'right'
+export default {
+  data() {
+    return {
+      searchContent: "",
+      planTotal: 0,
+      pageIndex: 1,
+      //付款登记
+      plans: [],
+      planTypes: [],
+      contract: {},
+      payment: [], //合同关联的付款登记
+      payTable: [
+        {
+          label: "申请金额",
+          prop: "apply_money",
+          sortable: false,
+          width: 160,
+          align: "right",
+        },
+        {
+          label: "已付金额",
+          prop: "act_money",
+          sortable: false,
+          width: 160,
+          align: "right",
+        },
+        {
+          label: "时间",
+          prop: "created_at",
+          sortable: false,
+          width: 120,
+          formatter: (t1, t2, value) => {
+            return parseTime(new Date(value), "{y}-{m}-{d}");
           },
+        },
+      ],
+      paymentType: ["进度款", "结算款", "质保金"],
+      isShowPaymentRegistration: false,
+      paymentRegistrationForm: {
+        applyMoney: "",
+        deductionMoney: "",
+        audit_money: "",
+        type: "",
+        isLast: false,
+        plan: [],
+        remark: "",
+      },
+      form: {
+        audit_money: 0,
+      },
+      paymentRegistrationRules: {
+        applyMoney: [
           {
-            label: '已付金额',
-            prop: 'act_money',
-            sortable: false,
-            width: 160,
-            align: 'right'
+            required: true,
+            message: "必填",
           },
           {
-            label: '时间',
-            prop: 'created_at',
-            sortable: false,
-            width: 120,
-            formatter: (t1, t2, value) => {
-              return parseTime(new Date(value), '{y}-{m}-{d}')
-            }
-          }
+            pattern: /^\d+(\.\d+)?$/,
+            message: "必须为数字",
+          },
         ],
-        paymentType: ["进度款", "结算款", "质保金"],
-        isShowPaymentRegistration: false,
-        paymentRegistrationForm: {
-          applyMoney: "",
-          deductionMoney: "",
-          audit_money: "",
-          type: "",
-          isLast: false,
-          plan: [],
-          remark: ""
-        },
-        form: {
-          audit_money: 0
-        },
-        paymentRegistrationRules: {
-          applyMoney: [{
-              required: true,
-              message: "必填"
-            },
-            {
-              pattern: /^\d+(\.\d+)?$/,
-              message: '必须为数字'
-            }
-          ],
-          deductionMoney: [{
-              required: true,
-              message: "必填"
-            },
-            {
-              pattern: /^\d+(\.\d+)?$/,
-              message: '必须为数字'
-            }
-          ],
-          type: [{
+        deductionMoney: [
+          {
             required: true,
-            message: "必选"
-          }]
-        },
-        planTable: [{
-            sortable: false,
-            width: 36,
-            type: 'selection'
+            message: "必填",
           },
           {
-            label: "分类",
-            prop: 'type',
-            formatter: (cell, data, value) => {
-              let res = this.planTypes.filter(item => {
-                return item.id === value
-              })
-              return res[0]?.value || '未知'
-            }
+            pattern: /^\d+(\.\d+)?$/,
+            message: "必须为数字",
           },
+        ],
+        type: [
           {
-            label: "名称",
-            prop: 'name',
-            align: 'left'
+            required: true,
+            message: "必选",
           },
-          {
-            label: "计划金额",
-            prop: 'money',
-            align: 'right'
-          }
         ],
-      }
-    },
-    methods: {
-      async getPlanTypes() {
-        const res = await getparameter({
-          number: 'money_way'
-        })
-        this.planTypes = res.detail
       },
+      planTable: [
+        {
+          sortable: false,
+          width: 36,
+          type: "selection",
+        },
+        {
+          label: "分类",
+          prop: "type",
+          formatter: (cell, data, value) => {
+            let res = this.planTypes.filter((item) => {
+              return item.id === value;
+            });
+            return res[0]?.value || "未知";
+          },
+        },
+        {
+          label: "名称",
+          prop: "name",
+          align: "left",
+        },
+        {
+          label: "计划金额",
+          prop: "money",
+          align: "right",
+        },
+      ],
+    };
+  },
+  methods: {
+    async getPlanTypes() {
+      const res = await getparameter({
+        number: "money_way",
+      });
+      this.planTypes = res.detail;
+    },
 
-      //翻页
-      pageChange(e) {
-        this.pageIndex = e
-        this.getBudgets()
-      },
+    //翻页
+    pageChange(e) {
+      this.pageIndex = e;
+      this.getBudgets();
+    },
 
-      //合计申请金额
-      totalApplyMoney() {
-        let total = 0.00
-        this.payment.map(item => {
-          total += Number(item.apply_money)
-        })
-        return total.toFixed(2)
-      },
-      //合计金额
-      totalMoney() {
-        let total = 0.00
-        this.payment.map(item => {
-          total += Number(item.act_money)
-        })
-        return total.toFixed(2)
-      },
-      //已付笔数
-      actNumsTotal() {
-        let total = 0
-        this.payment.map(item => {
-          if (Number(item.act_money)) {
-            total++
-          }
-        })
-        return total
-      },
-      //支付占比
-      percentPay() {
-        let total = this.totalMoney()
-        return ((total / this.contract.money) * 100).toFixed(2) || 0
-      },
+    //合计申请金额
+    totalApplyMoney() {
+      let total = 0.0;
+      this.payment.map((item) => {
+        total += Number(item.apply_money);
+      });
+      return total.toFixed(2);
+    },
+    //合计金额
+    totalMoney() {
+      let total = 0.0;
+      this.payment.map((item) => {
+        total += Number(item.act_money);
+      });
+      return total.toFixed(2);
+    },
+    //已付笔数
+    actNumsTotal() {
+      let total = 0;
+      this.payment.map((item) => {
+        if (Number(item.act_money)) {
+          total++;
+        }
+      });
+      return total;
+    },
+    //支付占比
+    percentPay() {
+      let total = this.totalMoney();
+      return ((total / this.contract.money) * 100).toFixed(2) || 0;
+    },
 
-      //获取合同信息
-      async getContract(info) {
-        this.contract = await detailContract({
-          id: info.id
-        });
-        
-        this.paymentRegistrationForm.plan = this.contract.plans.map(item => {
-          return {
-            plan_id: item.id,
-            use_money: item.useMoney,
-            new_money: item.money,
-          }
-        });
+    //获取合同信息
+    async getContract(info) {
+      this.contract = await detailContract({
+        id: info.id,
+      });
 
-        this.form.audit_money = this.contract.audit_money;
+      this.paymentRegistrationForm.plan = this.contract.plans.map((item) => {
+        return {
+          plan_id: item.id,
+          use_money: item.useMoney,
+          new_money: item.money,
+        };
+      });
 
-        const res = await getFundLog({
-          contract_id: this.contract.id
-        })
+      this.form.audit_money = this.contract.audit_money;
 
-        this.payment = res.data
-      },
+      const res = await getFundLog({
+        contract_id: this.contract.id,
+      });
 
-      submit() {
-        let data = {
-          contract_id: this.contract.id,
-          apply_money: this.paymentRegistrationForm.applyMoney,
-          discount_money: this.paymentRegistrationForm.deductionMoney,
-          type: this.paymentRegistrationForm.type,
-          is_end: this.paymentRegistrationForm.isLast ? 1 : 0,
-          remark: this.paymentRegistrationForm.remark,
-          audit_money: this.paymentRegistrationForm.audit_money
-        }
-        addFundLog(data).then(res => {
-          this.isShowPaymentRegistration = false
-          //付款申请后同时更新一下合同中审计金额
-          editorContract({
-            id: this.contract.id,
-            audit_money: this.form.audit_money
-          }).then(r => {
-            Message({
-              type: 'success',
-              message: "操作成功"
-            })
+      this.payment = res.data;
+    },
+
+    submit() {
+      let data = {
+        contract_id: this.contract.id,
+        apply_money: this.paymentRegistrationForm.applyMoney,
+        discount_money: this.paymentRegistrationForm.deductionMoney,
+        type: this.paymentRegistrationForm.type,
+        is_end: this.paymentRegistrationForm.isLast ? 1 : 0,
+        remark: this.paymentRegistrationForm.remark,
+        audit_money: this.paymentRegistrationForm.audit_money,
+      };
+      addFundLog(data).then((res) => {
+        this.isShowPaymentRegistration = false;
+        //付款申请后同时更新一下合同中审计金额
+        editorContract({
+          id: this.contract.id,
+          audit_money: this.form.audit_money,
+        }).then((r) => {
+          Message({
+            type: "success",
+            message: "操作成功",
           });
-          this.$refs['paymentRegistration'].reset()
-        })
-      },
+        });
+        this.$refs["paymentRegistration"].reset();
+      });
+    },
 
-      //计划
-      //获取预算计划
-      async getBudgets() {
-        let res = await getBudget({
-          name: this.searchContent,
-          page_size: 10,
-          page: this.pageIndex
-        })
-        this.plans = res.list.data
-        this.planTotal = res.list.total
+    //计划
+    //获取预算计划
+    async getBudgets() {
+      let res = await getBudget({
+        name: this.searchContent,
+        page_size: 10,
+        page: this.pageIndex,
+      });
+      this.plans = res.list.data;
+      this.planTotal = res.list.total;
 
-        // this.toggleSelection(this.paymentRegistrationForm.plan.map(item => {
-        //   return item.plan_id
-        // }))
-      },
-      planPageChange(e) {
-        this.plansPageIndex = e
-        this.getBudgets()
-      },
-      selectPlan(sel, row) {
-        if (sel) {
-          this.paymentRegistrationForm.plan = sel.map(item => {
-            return {
-              plan_id: item.id,
-              use_money: item.useMoney,
-              new_money: item.money
-            }
+      // this.toggleSelection(this.paymentRegistrationForm.plan.map(item => {
+      //   return item.plan_id
+      // }))
+    },
+    planPageChange(e) {
+      this.plansPageIndex = e;
+      this.getBudgets();
+    },
+    selectPlan(sel, row) {
+      if (sel) {
+        this.paymentRegistrationForm.plan = sel.map((item) => {
+          return {
+            plan_id: item.id,
+            use_money: item.useMoney,
+            new_money: item.money,
+          };
+        });
+      } else {
+        this.paymentRegistrationForm.plan = [];
+      }
+    },
+    toggleSelection(e) {
+      if (!e) {
+        return;
+      }
+      let plans = this.paymentRegistrationForm.plan.map((item) => {
+        return item.plan_id;
+      });
+      if (plans) {
+        this.plans
+          .filter((plan) => {
+            return plans.includes(plan.id);
           })
-        } else {
-          this.paymentRegistrationForm.plan = []
-        }
-      },
-      toggleSelection(e) {
-        if (!e) {
-          return
-        }
-        let plans = this.paymentRegistrationForm.plan.map(item => {
-          return item.plan_id
-        })
-        if (plans) {
-          this.plans.filter(plan => {
-            return plans.includes(plan.id)
-          }).map(row => {
+          .map((row) => {
             this.$nextTick(() => {
-              this.$refs['planTable'].toggleRowSelection(row);
-            })
-          })
-        } else {
-          this.$refs['planTable'].clearSelection();
-        }
-      },
-    },
-    computed: {
-      priceFormat() {
-        return function(price) {
-          return Number(price).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-        }
+              this.$refs["planTable"].toggleRowSelection(row);
+            });
+          });
+      } else {
+        this.$refs["planTable"].clearSelection();
       }
     },
-    watch: {
-      isShowPaymentRegistration(newVal) {
-        if (newVal) {
-          this.getBudgets()
-        }
+  },
+  computed: {
+    priceFormat() {
+      return function (price) {
+        return Number(price)
+          .toFixed(2)
+          .replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
+      };
+    },
+  },
+  watch: {
+    isShowPaymentRegistration(newVal) {
+      if (newVal) {
+        this.getBudgets();
       }
     },
-    mounted() {
-      this.getPlanTypes()
-    }
-  }
+  },
+  mounted() {
+    this.getPlanTypes();
+  },
+};
 </script>
 
 <style scoped lang="scss">
-  .payment-registration {
-
-    &-row {
-      display: flex;
-
-      padding: 6px 0;
+.payment-registration {
+  &-row {
+    display: flex;
 
-      &-title {
+    padding: 6px 0;
 
-        padding: 0 10px;
-      }
+    &-title {
+      padding: 0 10px;
+    }
 
-      &-content {}
+    &-content {
     }
   }
+}
 
-  .xy-table-item-label {
-    width: 140px;
-  }
+.xy-table-item-label {
+  width: 140px;
+}
 
-  .xy-table-item-price {
-    position: relative;
+.xy-table-item-price {
+  position: relative;
 
-    &::after {
-      z-index: 1;
-      position: absolute;
-      right: 0;
-      top: 0;
-      content: '（元）'
-    }
+  &::after {
+    z-index: 1;
+    position: absolute;
+    right: 0;
+    top: 0;
+    content: "（元）";
+  }
 
-    ::v-deep .el-input__clear {
-      position: relative;
-      right: 30px;
-      z-index: 2;
-    }
+  ::v-deep .el-input__clear {
+    position: relative;
+    right: 30px;
+    z-index: 2;
   }
+}
 </style>
diff --git a/src/views/contract/contractList.vue b/src/views/contract/contractList.vue
index 8057163..76f3045 100644
--- a/src/views/contract/contractList.vue
+++ b/src/views/contract/contractList.vue
@@ -1,216 +1,442 @@
 <template>
-  <div ref="contractList" style="padding: 0 20px;">
-    <lx-header icon="md-apps" style="margin-bottom: 10px; border: 0px; margin-top: 15px" text="合同列表">
+  <div ref="contractList" style="padding: 0 20px">
+    <lx-header
+      icon="md-apps"
+      style="margin-bottom: 10px; border: 0px; margin-top: 15px"
+      text="合同列表"
+    >
       <div slot="content"></div>
       <slot>
         <div class="selects">
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">关键字</span>
+            <span style="padding: 0 6px; word-break: keep-all">关键字</span>
             <span>
-              <Input v-model="select.keyword" clearable placeholder="关键字搜索" style="width: 200px"/>
+              <Input
+                v-model="select.keyword"
+                clearable
+                placeholder="关键字搜索"
+                style="width: 200px"
+              />
             </span>
           </div>
 
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">服务商/供应商</span>
+            <span style="padding: 0 6px; word-break: keep-all"
+              >服务商/供应商</span
+            >
             <span>
-              <Input v-model="select.supply" clearable placeholder="请输入服务商/供应商" style="width: 200px"/>
+              <Input
+                v-model="select.supply"
+                clearable
+                placeholder="请输入服务商/供应商"
+                style="width: 200px"
+              />
             </span>
           </div>
 
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">预算计划</span>
+            <span style="padding: 0 6px; word-break: keep-all">预算计划</span>
 
             <span>
-              <Input v-model="select.plan_name" clearable placeholder="请选择预算计划" @on-focus="showPlanForSearch"
-                     style="width: 200px" @on-clear="clearSelectForSearch"/>
+              <Input
+                v-model="select.plan_name"
+                clearable
+                placeholder="请选择预算计划"
+                @on-focus="showPlanForSearch"
+                style="width: 200px"
+                @on-clear="clearSelectForSearch"
+              />
             </span>
           </div>
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">签订年份</span>
+            <span style="padding: 0 6px; word-break: keep-all">签订年份</span>
             <span>
-              <DatePicker :value="select.year" placeholder="选择年份" placement="bottom" style="width: 90px;"
-                          type="year"
-                          @on-change="(e)=>select.year = e"></DatePicker>
+              <DatePicker
+                :value="select.year"
+                placeholder="选择年份"
+                placement="bottom"
+                style="width: 90px"
+                type="year"
+                @on-change="(e) => (select.year = e)"
+              ></DatePicker>
             </span>
           </div>
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">创建日期</span>
+            <span style="padding: 0 6px; word-break: keep-all">创建日期</span>
             <span>
-              <DatePicker v-model="select.showDatePicker" clearable placeholder="请选择日期" placement="bottom-start"
-                          style="width: 200px" type="daterange" @on-change="datePick"></DatePicker>
+              <DatePicker
+                v-model="select.showDatePicker"
+                clearable
+                placeholder="请选择日期"
+                placement="bottom-start"
+                style="width: 200px"
+                type="daterange"
+                @on-change="datePick"
+              ></DatePicker>
             </span>
           </div>
 
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">
-              项目类型
-            </span>
-            <Select v-model="select.type" clearable placeholder="请选择项目类型" style="width:140px;">
-              <Option v-for="item in type" :key="item.value" :value="item.value">{{ item.label }}</Option>
+            <span style="padding: 0 6px; word-break: keep-all"> 项目类型 </span>
+            <Select
+              v-model="select.type"
+              clearable
+              placeholder="请选择项目类型"
+              style="width: 140px"
+            >
+              <Option
+                v-for="item in type"
+                :key="item.value"
+                :value="item.value"
+                >{{ item.label }}</Option
+              >
             </Select>
           </div>
 
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">
-              业务科室
-            </span>
-            <el-select v-model="select.department_id" clearable placeholder="业务科室选择" size="small"
-                       style="width: 120px;">
-              <el-option v-for="item in departments" :key="item.id" :label="item.name" :value="item.id">
+            <span style="padding: 0 6px; word-break: keep-all"> 业务科室 </span>
+            <el-select
+              v-model="select.department_id"
+              clearable
+              placeholder="业务科室选择"
+              size="small"
+              style="width: 120px"
+            >
+              <el-option
+                v-for="item in departments"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
               </el-option>
             </el-select>
           </div>
 
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">
-              采购形式
-            </span>
-            <Select v-model="select.purchase_type_id" clearable placeholder="请选择采购形式" style="width:140px;">
-              <Option v-for="item in purchaseType" :key="item.id" :value="item.id">{{ item.value }}</Option>
+            <span style="padding: 0 6px; word-break: keep-all"> 采购形式 </span>
+            <Select
+              v-model="select.purchase_type_id"
+              clearable
+              placeholder="请选择采购形式"
+              style="width: 140px"
+            >
+              <Option
+                v-for="item in purchaseType"
+                :key="item.id"
+                :value="item.id"
+                >{{ item.value }}</Option
+              >
             </Select>
           </div>
 
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">
-              采购方式
-            </span>
-            <Select v-model="select.purchase_way_id" clearable placeholder="请选择采购方式" style="width:200px;">
-              <Option v-for="item in purchaseWay" :key="item.id" :value="item.id">{{ item.value }}</Option>
+            <span style="padding: 0 6px; word-break: keep-all"> 采购方式 </span>
+            <Select
+              v-model="select.purchase_way_id"
+              clearable
+              placeholder="请选择采购方式"
+              style="width: 200px"
+            >
+              <Option
+                v-for="item in purchaseWay"
+                :key="item.id"
+                :value="item.id"
+                >{{ item.value }}</Option
+              >
             </Select>
           </div>
 
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">
-              预算金额
-            </span>
-            <el-input-number size="small" :controls="false" v-model="select.start_plan_price" :min="0" placeholder="最小金额" style="width: 100px;"/>
-            <span style="padding: 0 5px;">-</span>
-            <el-input-number size="small" :controls="false" v-model="select.end_plan_price" :min="0" placeholder="最大金额" style="width: 100px;"/>
+            <span style="padding: 0 6px; word-break: keep-all"> 预算金额 </span>
+            <el-input-number
+              size="small"
+              :controls="false"
+              v-model="select.start_plan_price"
+              :min="0"
+              placeholder="最小金额"
+              style="width: 100px"
+            />
+            <span style="padding: 0 5px">-</span>
+            <el-input-number
+              size="small"
+              :controls="false"
+              v-model="select.end_plan_price"
+              :min="0"
+              placeholder="最大金额"
+              style="width: 100px"
+            />
           </div>
 
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">
-              合同状态
-            </span>
-            <Select v-model="select.status" clearable placeholder="请选择" style="width:100px;">
-              <Option v-for="item in [{label:'待签订',value:1},{label:'已签订',value:2}]" :key="item.value"
-                      :value="item.value">{{ item.label }}
+            <span style="padding: 0 6px; word-break: keep-all"> 合同状态 </span>
+            <Select
+              v-model="select.status"
+              clearable
+              placeholder="请选择"
+              style="width: 100px"
+            >
+              <Option
+                v-for="item in [
+                  { label: '待签订', value: 1 },
+                  { label: '已签订', value: 2 },
+                ]"
+                :key="item.value"
+                :value="item.value"
+                >{{ item.label }}
               </Option>
             </Select>
           </div>
 
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">
+            <span style="padding: 0 6px; word-break: keep-all">
               招标流程状态
             </span>
 
-            <Select v-model="select.invite_status" clearable placeholder="请选择" style="width:100px;">
-              <Option v-for="item in options" :key="item.value" :value="item.value">{{ item.label }}
+            <Select
+              v-model="select.invite_status"
+              clearable
+              placeholder="请选择"
+              style="width: 100px"
+            >
+              <Option
+                v-for="item in options"
+                :key="item.value"
+                :value="item.value"
+                >{{ item.label }}
               </Option>
             </Select>
           </div>
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">
+            <span style="padding: 0 6px; word-break: keep-all">
               采购流程状态
             </span>
 
-            <Select v-model="select.purchase_status" clearable placeholder="请选择" style="width:100px;">
-              <Option v-for="item in options" :key="item.value" :value="item.value">{{ item.label }}
+            <Select
+              v-model="select.purchase_status"
+              clearable
+              placeholder="请选择"
+              style="width: 100px"
+            >
+              <Option
+                v-for="item in options"
+                :key="item.value"
+                :value="item.value"
+                >{{ item.label }}
               </Option>
             </Select>
           </div>
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">
+            <span style="padding: 0 6px; word-break: keep-all">
               合同会签状态
             </span>
 
-            <Select v-model="select.join_status" clearable placeholder="请选择" style="width:100px;">
-              <Option v-for="item in options" :key="item.value" :value="item.value">{{ item.label }}
+            <Select
+              v-model="select.join_status"
+              clearable
+              placeholder="请选择"
+              style="width: 100px"
+            >
+              <Option
+                v-for="item in options"
+                :key="item.value"
+                :value="item.value"
+                >{{ item.label }}
               </Option>
             </Select>
           </div>
           <div>
-            <span style="padding: 0 6px;word-break: keep-all;">
+            <span style="padding: 0 6px; word-break: keep-all">
               请示流程状态
             </span>
-            <Select v-model="select.req_status" clearable placeholder="请选择" style="width:100px;">
-              <Option v-for="item in options" :key="item.value" :value="item.value">{{ item.label }}
+            <Select
+              v-model="select.req_status"
+              clearable
+              placeholder="请选择"
+              style="width: 100px"
+            >
+              <Option
+                v-for="item in options"
+                :key="item.value"
+                :value="item.value"
+                >{{ item.label }}
               </Option>
             </Select>
           </div>
 
-          <Button style="margin-left: 10px" type="primary" @click="isShowAdd = true">新增</Button>
-          <Button style="margin-left: 10px" type="primary" @click="getContracts">查询</Button>
-          <Button ghost style="margin-left: 10px" type="primary"
-                  @click=" select = {showDatePicker:'',ageIndex:1,startDate:'',endDate:'',type:'',department:'',purchaseModality:'',purchaseMethods:'',priceMin:null,priceMax:null,status:''}">
+          <Button
+            style="margin-left: 10px"
+            type="primary"
+            @click="isShowAdd = true"
+            >新增</Button
+          >
+          <Button style="margin-left: 10px" type="primary" @click="getContracts"
+            >查询</Button
+          >
+          <Button
+            ghost
+            style="margin-left: 10px"
+            type="primary"
+            @click="
+              select = {
+                showDatePicker: '',
+                ageIndex: 1,
+                startDate: '',
+                endDate: '',
+                type: '',
+                department: '',
+                purchaseModality: '',
+                purchaseMethods: '',
+                priceMin: null,
+                priceMax: null,
+                status: '',
+              }
+            "
+          >
             重置
           </Button>
-          <Button type="primary" @click="toExport()" style="margin-left: 10px">导出</Button>
+          <Button type="primary" @click="toExport()" style="margin-left: 10px"
+            >导出</Button
+          >
           <!--          <Button type="primary"  style="margin-left: 10px">导出</Button>-->
         </div>
       </slot>
     </lx-header>
 
-    <xy-table ref="xyTable" :cell-style="cellStyle" :list="list" :show-summary="true" :summary-method="summary"
-              :table-item="table" @cellClick="showPaymentPlan" @delete="(row)=>deleteContract(row.id)" @editor="">
+    <xy-table
+      ref="xyTable"
+      :cell-style="cellStyle"
+      :list="list"
+      :show-summary="true"
+      :summary-method="summary"
+      :table-item="table"
+      @cellClick="showPaymentPlan"
+      @delete="(row) => deleteContract(row.id)"
+      @editor=""
+    >
       <template v-slot:btns>
-        <el-table-column fixed="right" header-align="center" label="操作" width="200">
+        <el-table-column
+          fixed="right"
+          header-align="center"
+          label="操作"
+          width="200"
+        >
           <template slot-scope="scope">
             <div class="slot-btns">
-              <template v-if="scope.row.status === 2&&scope.row.is_end===0">
-                <template v-if="scope.row.is_assurance==1">
+              <template v-if="scope.row.status === 2 && scope.row.is_end === 0">
+                <template v-if="scope.row.is_assurance == 1">
                   <!-- 如果是 履约文件-->
-                  <template v-if="scope.row.assurance_status==1">
+                  <template v-if="scope.row.assurance_status == 1">
                     <!-- 那么必须财务审核通过-->
-                    <Button class="slot-btns-item"
-                            size="small"
-                            type="primary"
-                            @click="paying(scope.row)">
-<!--                            @click="$refs['paymentRegistration'].getContract(scope.row),$refs['paymentRegistration'].isShowPaymentRegistration = true"-->
+                    <Button
+                      class="slot-btns-item"
+                      size="small"
+                      type="primary"
+                      @click="paying(scope.row)"
+                    >
+                      <!--                            @click="$refs['paymentRegistration'].getContract(scope.row),$refs['paymentRegistration'].isShowPaymentRegistration = true"-->
 
                       付款登记
                     </Button>
                   </template>
                 </template>
                 <template v-else>
-                  <Button class="slot-btns-item"
-                          size="small"
-                          type="primary"
-                          @click="paying(scope.row)">
-
-<!--                          @click="$refs['paymentRegistration'].getContract(scope.row),$refs['paymentRegistration'].isShowPaymentRegistration = true"-->
+                  <Button
+                    class="slot-btns-item"
+                    size="small"
+                    type="primary"
+                    @click="paying(scope.row)"
+                  >
+                    <!--                          @click="$refs['paymentRegistration'].getContract(scope.row),$refs['paymentRegistration'].isShowPaymentRegistration = true"-->
                     付款登记
                   </Button>
                 </template>
               </template>
 
-              <template v-if="scope.row.status === 1 && scope.row.join_status === 3">
-                <Button class="slot-btns-item" size="small" type="primary"
-                        @click="$refs['contractSign'].isShow = true,$refs['contractSign'].contractId = scope.row.id">
+              <template
+                v-if="scope.row.status === 1 && scope.row.join_status === 3"
+              >
+                <Button
+                  class="slot-btns-item"
+                  size="small"
+                  type="primary"
+                  @click="
+                    ($refs['contractSign'].isShow = true),
+                      ($refs['contractSign'].contractId = scope.row.id)
+                  "
+                >
                   签订合同
                 </Button>
               </template>
               <template
-                v-if="scope.row.invite_status === 1 && scope.row.purchase_status === 3 && (scope.row.purchase_way ? scope.row.purchase_way.remark === 'true' : false) && !scope.row.is_substitute">
-                <Button class="slot-btns-item" size="small" type="primary" @click="bidding(scope.row)">招标审查</Button>
+                v-if="
+                  scope.row.invite_status === 1 &&
+                  scope.row.purchase_status === 3 &&
+                  (scope.row.purchase_way
+                    ? scope.row.purchase_way.remark === 'true'
+                    : false) &&
+                  !scope.row.is_substitute
+                "
+              >
+                <Button
+                  class="slot-btns-item"
+                  size="small"
+                  type="primary"
+                  @click="bidding(scope.row)"
+                  >招标审查</Button
+                >
               </template>
               <!--              <Button class="slot-btns-item" type="primary" size="small">附件管理</Button>-->
-              <template v-if="scope.row.req_status === 1 && scope.row.is_plan === 0 && !scope.row.is_substitute">
-                <Button class="slot-btns-item" size="small" type="primary" @click="askProcess(scope.row)">请示流程
+              <template
+                v-if="
+                  scope.row.req_status === 1 &&
+                  scope.row.is_plan === 0 &&
+                  !scope.row.is_substitute
+                "
+              >
+                <Button
+                  class="slot-btns-item"
+                  size="small"
+                  type="primary"
+                  @click="askProcess(scope.row)"
+                  >请示流程
                 </Button>
               </template>
 
-             <!--不需要走采购流程那么直接就是会签，如果采购方式不需要招标的也是直接会签-->
+              <!--不需要走采购流程那么直接就是会签，如果采购方式不需要招标的也是直接会签-->
               <template
-                v-if="(scope.row.join_status === 1 && ((scope.row.invite_status === 3)||((scope.row.purchase_way ? scope.row.purchase_way.remark === 'false' : false) && scope.row.purchase_status === 3)) || ( scope.row.is_substitute && scope.row.join_status === 1) ) ">
-
-                <Button class="slot-btns-item" size="small" type="primary" @click="signProcess(scope.row)">合同会签
+                v-if="
+                  (scope.row.join_status === 1 &&
+                    (scope.row.invite_status === 3 ||
+                      ((scope.row.purchase_way
+                        ? scope.row.purchase_way.remark === 'false'
+                        : false) &&
+                        scope.row.purchase_status === 3))) ||
+                  (scope.row.is_substitute && scope.row.join_status === 1)
+                "
+              >
+                <Button
+                  class="slot-btns-item"
+                  size="small"
+                  type="primary"
+                  @click="signProcess(scope.row)"
+                  >合同会签
                 </Button>
               </template>
               <template
-                v-if="scope.row.is_simple !== 1 && scope.row.purchase_status === 1 && ((scope.row.req_status === 3 && scope.row.is_plan === 0)||scope.row.is_plan === 1)&& !scope.row.is_substitute ">
-                <Button class="slot-btns-item" size="small" type="primary" @click="buyProcess(scope.row)">采购流程
+                v-if="
+                  scope.row.is_simple !== 1 &&
+                  scope.row.purchase_status === 1 &&
+                  ((scope.row.req_status === 3 && scope.row.is_plan === 0) ||
+                    scope.row.is_plan === 1) &&
+                  !scope.row.is_substitute
+                "
+              >
+                <Button
+                  class="slot-btns-item"
+                  size="small"
+                  type="primary"
+                  @click="buyProcess(scope.row)"
+                  >采购流程
                 </Button>
               </template>
 
@@ -218,25 +444,65 @@
                 <Button ghost size="small" type="primary">更多</Button>
                 <div slot="content">
                   <template
-                    v-if="!(scope.row.req_status != 1 || scope.row.join_status != 1 || scope.row.invite_status != 1 || scope.row.purchase_status != 1 || scope.row.status === 2)">
-                    <Poptip :transfer="true" confirm placement="bottom" title="确认要删除吗"
-                            @on-ok="()=>deleteContract(scope.row.id)">
-                      <i-button class="slot-btns-item" ghost size="small" type="error">删除
+                    v-if="
+                      !(
+                        scope.row.req_status != 1 ||
+                        scope.row.join_status != 1 ||
+                        scope.row.invite_status != 1 ||
+                        scope.row.purchase_status != 1 ||
+                        scope.row.status === 2
+                      )
+                    "
+                  >
+                    <Poptip
+                      :transfer="true"
+                      confirm
+                      placement="bottom"
+                      title="确认要删除吗"
+                      @on-ok="() => deleteContract(scope.row.id)"
+                    >
+                      <i-button
+                        class="slot-btns-item"
+                        ghost
+                        size="small"
+                        type="error"
+                        >删除
                       </i-button>
                     </Poptip>
                   </template>
-                  <Button class="slot-btns-item" size="small" type="primary"
-                          @click="$refs['detailContract'].getDetail(scope.row.id),$refs['detailContract'].isShowDetail = true">
+                  <Button
+                    class="slot-btns-item"
+                    size="small"
+                    type="primary"
+                    @click="
+                      $refs['detailContract'].getDetail(scope.row.id),
+                        ($refs['detailContract'].isShowDetail = true)
+                    "
+                  >
                     查看
                   </Button>
-                  <template v-if="scope.row.status != 2||hasEdit">
-                    <Button class="slot-btns-item" size="small" type="primary"
-                            @click="$refs['editor'].isShowEditor = true,$refs['editor'].getDetail(scope.row.id)">编辑
+                  <template v-if="scope.row.status != 2 || hasEdit">
+                    <Button
+                      class="slot-btns-item"
+                      size="small"
+                      type="primary"
+                      @click="
+                        ($refs['editor'].isShowEditor = true),
+                          $refs['editor'].getDetail(scope.row.id)
+                      "
+                      >编辑
                     </Button>
                   </template>
-                  <template v-if="hasEdit&&scope.row.status === 2">
-                    <Button class="slot-btns-item" size="small" type="primary"
-                            @click="$refs['contractSign'].contractId = scope.row.id,$refs['contractSign'].isShow = true">
+                  <template v-if="hasEdit && scope.row.status === 2">
+                    <Button
+                      class="slot-btns-item"
+                      size="small"
+                      type="primary"
+                      @click="
+                        ($refs['contractSign'].contractId = scope.row.id),
+                          ($refs['contractSign'].isShow = true)
+                      "
+                    >
                       签订修改
                     </Button>
                   </template>
@@ -248,65 +514,128 @@
       </template>
     </xy-table>
 
-    <div style="display: flex;justify-content: flex-end;">
-      <Page :total="total" show-elevator @on-change="pageChange" show-sizer @on-page-size-change="pageSizeChange"/>
+    <div style="display: flex; justify-content: flex-end">
+      <Page
+        :total="total"
+        show-elevator
+        @on-change="pageChange"
+        show-sizer
+        @on-page-size-change="pageSizeChange"
+      />
     </div>
 
     <!--  新增合同  -->
-    <xy-dialog ref="addContract" :form="form" :is-show.sync="isShowAdd" :rules="rules" title="新增合同" type="form"
-               @submit="submit">
+    <xy-dialog
+      ref="addContract"
+      :form="form"
+      :is-show.sync="isShowAdd"
+      :rules="rules"
+      title="新增合同"
+      type="form"
+      @submit="submit"
+    >
       <template v-slot:name>
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>项目名称
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >项目名称
           </div>
           <div class="xy-table-item-content">
-            <el-input v-model="form.name" @change="checkName" placeholder="请填写项目名称" style="width: 300px;"/>
+            <el-input
+              v-model="form.name"
+              @change="checkName"
+              placeholder="请填写项目名称"
+              style="width: 300px"
+            />
           </div>
         </div>
       </template>
       <template v-slot:is_simple>
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*是否为简易流程</span>
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*是否为简易流程</span
+            >
           </div>
           <div class="xy-table-item-content">
-            <div style="display:flex;width: 300px;align-items: center;">
-              <el-switch v-model="form.is_simple" active-text="是" inactive-text="否" :active-value="1" :inactive-value="0"/>
-              <div style="flex: 1;text-align: right;">（水电煤、报刊订阅、网络通讯、车辆使用等费用付款）</div>
+            <div style="display: flex; width: 300px; align-items: center">
+              <el-switch
+                v-model="form.is_simple"
+                active-text="是"
+                inactive-text="否"
+                :active-value="1"
+                :inactive-value="0"
+              />
+              <div style="flex: 1; text-align: right">
+                （水电煤、报刊订阅、网络通讯、车辆使用等费用付款）
+              </div>
             </div>
           </div>
-
         </div>
       </template>
       <template v-slot:supply v-if="form.is_simple">
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;font-size: 11px;">*</span>承包商/供货商
+            <span
+              style="
+                color: red;
+                font-weight: 600;
+                padding-right: 4px;
+                font-size: 11px;
+              "
+              >*</span
+            >承包商/供货商
           </div>
           <div class="xy-table-item-content">
-            <el-input v-model="form.supply" placeholder="请填写承包商/供货商" style="width: 300px;"/>
+            <el-input
+              v-model="form.supply"
+              placeholder="请填写承包商/供货商"
+              style="width: 300px"
+            />
           </div>
         </div>
       </template>
       <template v-slot:money v-if="form.is_simple">
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;font-size: 11px;">*</span>合同金额
+            <span
+              style="
+                color: red;
+                font-weight: 600;
+                padding-right: 4px;
+                font-size: 11px;
+              "
+              >*</span
+            >合同金额
           </div>
           <div class="xy-table-item-content">
-            <el-input v-model="form.money" placeholder="请填写合同金额" style="width: 300px;"/>
+            <el-input
+              v-model="form.money"
+              placeholder="请填写合同金额"
+              style="width: 300px"
+            />
           </div>
         </div>
       </template>
       <template v-slot:type v-if="!form.is_simple">
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>项目类型
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >项目类型
           </div>
           <div class="xy-table-item-content">
-            <el-select v-model="form.type" placeholder="请选择项目类型" style="width: 300px;">
-              <el-option v-for="item in type" :label="item.label" :value="item.value"></el-option>
+            <el-select
+              v-model="form.type"
+              placeholder="请选择项目类型"
+              style="width: 300px"
+            >
+              <el-option
+                v-for="item in type"
+                :label="item.label"
+                :value="item.value"
+              ></el-option>
             </el-select>
           </div>
         </div>
@@ -314,11 +643,21 @@
       <template v-slot:methods v-if="!form.is_simple">
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>采购形式
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >采购形式
           </div>
           <div class="xy-table-item-content">
-            <el-select v-model="form.methods" placeholder="请选择采购形式" style="width: 300px;">
-              <el-option v-for="item in purchaseType" :label="item.value" :value="item.id"></el-option>
+            <el-select
+              v-model="form.methods"
+              placeholder="请选择采购形式"
+              style="width: 300px"
+            >
+              <el-option
+                v-for="item in purchaseType"
+                :label="item.value"
+                :value="item.id"
+              ></el-option>
             </el-select>
           </div>
         </div>
@@ -326,11 +665,21 @@
       <template v-slot:modality v-if="!form.is_simple">
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>采购类型
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >采购类型
           </div>
           <div class="xy-table-item-content">
-            <el-select v-model="form.modality" placeholder="请选择采购类型" style="width: 300px;">
-              <el-option v-for="item in purchaseWay" :label="item.value" :value="item.id"></el-option>
+            <el-select
+              v-model="form.modality"
+              placeholder="请选择采购类型"
+              style="width: 300px"
+            >
+              <el-option
+                v-for="item in purchaseWay"
+                :label="item.value"
+                :value="item.id"
+              ></el-option>
             </el-select>
           </div>
         </div>
@@ -338,82 +687,135 @@
       <template v-slot:price v-if="!form.is_simple">
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>合同预算价
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >合同预算价
           </div>
           <div class="xy-table-item-content xy-table-item-price">
-            <el-input v-model="form.price" placeholder="请填写合同预算价" style="width: 300px;"/>
+            <el-input
+              v-model="form.price"
+              placeholder="请填写合同预算价"
+              style="width: 300px"
+            />
           </div>
         </div>
       </template>
       <template v-slot:fundingChannels>
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>资金渠道
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >资金渠道
           </div>
           <div class="xy-table-item-content">
-            <el-select v-model="form.fundingChannels" multiple placeholder="请选择资金渠道" style="width: 300px;">
-              <el-option v-for="item in moneyWay" :label="item.value" :value="item.id"></el-option>
+            <el-select
+              v-model="form.fundingChannels"
+              multiple
+              placeholder="请选择资金渠道"
+              style="width: 300px"
+            >
+              <el-option
+                v-for="item in moneyWay"
+                :label="item.value"
+                :value="item.id"
+              ></el-option>
             </el-select>
           </div>
         </div>
       </template>
       <template v-slot:isBudget>
         <div class="xy-table-item">
-          <div class="xy-table-item-label" style="width: 200px;">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>是否为预算内确定项目
+          <div class="xy-table-item-label" style="width: 200px">
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >是否为预算内确定项目
           </div>
           <div class="xy-table-item-content">
-            <el-switch v-model="form.isBudget"/>
+            <el-switch v-model="form.isBudget" />
           </div>
         </div>
       </template>
       <template v-slot:is_substitute v-if="!form.is_simple">
         <div class="xy-table-item">
-          <div class="xy-table-item-label" style="width: 200px;">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>是否为代建项目
+          <div class="xy-table-item-label" style="width: 200px">
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >是否为代建项目
           </div>
           <div class="xy-table-item-content">
-            <el-switch v-model="form.is_substitute" active-text="是" inactive-text="否" :active-value="1"
-                       :inactive-value="0"/>
+            <el-switch
+              v-model="form.is_substitute"
+              active-text="是"
+              inactive-text="否"
+              :active-value="1"
+              :inactive-value="0"
+            />
           </div>
         </div>
       </template>
       <template v-slot:is_framework>
         <div class="xy-table-item">
-          <div class="xy-table-item-label" style="width: 200px;">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>是否框架协议
+          <div class="xy-table-item-label" style="width: 200px">
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >是否框架协议
           </div>
           <div class="xy-table-item-content">
-            <el-switch v-model="form.is_framework" active-text="是" inactive-text="否" :active-value="1"
-                       :inactive-value="0"/>
+            <el-switch
+              v-model="form.is_framework"
+              active-text="是"
+              inactive-text="否"
+              :active-value="1"
+              :inactive-value="0"
+            />
           </div>
         </div>
       </template>
       <template v-slot:use_framework_buy>
         <div class="xy-table-item">
-          <div class="xy-table-item-label" style="width: 200px;">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>是否使用框架协议内的采购
+          <div class="xy-table-item-label" style="width: 200px">
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >是否使用框架协议内的采购
           </div>
           <div class="xy-table-item-content">
-            <el-switch v-model="form.use_framework_buy" active-text="是" inactive-text="否" :active-value="1"
-                       :inactive-value="0"/>
+            <el-switch
+              v-model="form.use_framework_buy"
+              active-text="是"
+              inactive-text="否"
+              :active-value="1"
+              :inactive-value="0"
+            />
           </div>
         </div>
       </template>
       <template v-slot:contract_to_contracts>
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>关联的框架协议合同
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >关联的框架协议合同
           </div>
           <div class="xy-table-item-content">
-            <div class="contract-add-plan" style="width: 300px;" @click="isShowContractToContracts = true">
+            <div
+              class="contract-add-plan"
+              style="width: 300px"
+              @click="isShowContractToContracts = true"
+            >
               <template v-if="selections.length > 0">
                 <template v-for="item in selections">
-                  <Tag closable color="primary" @on-close="delSelections(item)">{{ item.name }}</Tag>
+                  <Tag
+                    closable
+                    color="primary"
+                    @on-close="delSelections(item)"
+                    >{{ item.name }}</Tag
+                  >
                 </template>
               </template>
               <template v-else>
-                <div class="contract-add-plan-no-plan">请选择关联的框架协议合同</div>
+                <div class="contract-add-plan-no-plan">
+                  请选择关联的框架协议合同
+                </div>
               </template>
             </div>
           </div>
@@ -422,13 +824,21 @@
       <template v-slot:plan>
         <div class="xy-table-item">
           <div class="xy-table-item-label">
-            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>关联预算计划
+            <span style="color: red; font-weight: 600; padding-right: 4px"
+              >*</span
+            >关联预算计划
           </div>
           <div class="xy-table-item-content">
-            <div class="contract-add-plan" style="width: 300px;" @click="showPlan">
+            <div
+              class="contract-add-plan"
+              style="width: 300px"
+              @click="showPlan"
+            >
               <template v-if="form.plan.length > 0">
                 <template v-for="item in form.plan">
-                  <Tag closable color="primary" @on-close="delPlan(item)">{{ item.label }}</Tag>
+                  <Tag closable color="primary" @on-close="delPlan(item)">{{
+                    item.label
+                  }}</Tag>
                 </template>
               </template>
               <template v-else>
@@ -440,26 +850,52 @@
       </template>
     </xy-dialog>
 
-
     <!--  搜索使用 预算计划  -->
-    <xy-dialog :is-show.sync="isShowPlanForSearch" title="预算计划" :width="720" @on-ok="planSelectForSearch">
+    <xy-dialog
+      :is-show.sync="isShowPlanForSearch"
+      title="预算计划"
+      :width="720"
+      @on-ok="planSelectForSearch"
+    >
       <template>
-        <Input v-model="planSearch.name" search enter-button="搜 索" placeholder="搜索预算计划.."
-               @on-search="searchBudgets"/>
-        <div style="margin: 10px 0;display: flex;justify-content: space-between;
-    align-items: center;">
-          <div>已选择：<span style="margin-right:10px">{{ select.plan_name }}</span></div>
-          <el-link type="success" @click="clearSelectForSearch">清空选择</el-link>
-
+        <Input
+          v-model="planSearch.name"
+          search
+          enter-button="搜 索"
+          placeholder="搜索预算计划.."
+          @on-search="searchBudgets"
+        />
+        <div
+          style="
+            margin: 10px 0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+          "
+        >
+          <div>
+            已选择：<span style="margin-right: 10px">{{
+              select.plan_name
+            }}</span>
+          </div>
+          <el-link type="success" @click="clearSelectForSearch"
+            >清空选择</el-link
+          >
         </div>
-        <xy-table :list="plans" @rowClick="selectPlanForSearch" :show-index="false" :table-item="planTableSearch"
-                  :height="310" style="margin-top: 10px;" ref="singlePlanTable">
-          <template v-slot:btns>
-          </template>
+        <xy-table
+          :list="plans"
+          @rowClick="selectPlanForSearch"
+          :show-index="false"
+          :table-item="planTableSearch"
+          :height="310"
+          style="margin-top: 10px"
+          ref="singlePlanTable"
+        >
+          <template v-slot:btns> </template>
         </xy-table>
 
-        <div style="display: flex;justify-content: flex-end;">
-          <Page :total="planTotal" show-elevator @on-change="planPageChange"/>
+        <div style="display: flex; justify-content: flex-end">
+          <Page :total="planTotal" show-elevator @on-change="planPageChange" />
         </div>
         <el-tag type="warning">点击行进行选择</el-tag>
       </template>
@@ -470,30 +906,65 @@
     </xy-dialog>
 
     <!--  新增表 预算计划  -->
-    <xy-dialog :is-show.sync="isShowPlan" :width="720" title="预算计划" @on-ok="planSelect">
+    <xy-dialog
+      :is-show.sync="isShowPlan"
+      :width="720"
+      title="预算计划"
+      @on-ok="planSelect"
+    >
       <template>
-        <div style="display: flex;">
-          <el-select placeholder="科室选择" clearable size="small" v-model="planSearch.plan_department_id"
-                     style="width: 160px;">
-            <el-option v-for="item in departments" :label="item.name" :value="item.id" :key="item.id">
+        <div style="display: flex">
+          <el-select
+            placeholder="科室选择"
+            clearable
+            size="small"
+            v-model="planSearch.plan_department_id"
+            style="width: 160px"
+          >
+            <el-option
+              v-for="item in departments"
+              :label="item.name"
+              :value="item.id"
+              :key="item.id"
+            >
             </el-option>
           </el-select>
-          <Input v-model="planSearch.name" enter-button="搜 索" placeholder="搜索预算计划.." search
-                 @on-search="searchBudgets"/>
+          <Input
+            v-model="planSearch.name"
+            enter-button="搜 索"
+            placeholder="搜索预算计划.."
+            search
+            @on-search="searchBudgets"
+          />
         </div>
-        <xy-table ref="planTable" :height="300" :list="plans" :show-index="false" :table-item="planTable"
-                  style="margin-top: 10px;" @select="selectPlan">
+        <xy-table
+          ref="planTable"
+          :height="300"
+          :list="plans"
+          :show-index="false"
+          :table-item="planTable"
+          style="margin-top: 10px"
+          @select="selectPlan"
+        >
           <template v-slot:btns>
-            <el-table-column header-align="center" label="使用金额" fixed="right" width="140">
+            <el-table-column
+              header-align="center"
+              label="使用金额"
+              fixed="right"
+              width="140"
+            >
               <template slot-scope="scope">
-                <Input :value="scope.row.useMoney" @input="planInput($event,scope.row)"/>
+                <Input
+                  :value="scope.row.useMoney"
+                  @input="planInput($event, scope.row)"
+                />
               </template>
             </el-table-column>
           </template>
         </xy-table>
 
-        <div style="display: flex;justify-content: flex-end;">
-          <Page :total="planTotal" show-elevator @on-change="planPageChange"/>
+        <div style="display: flex; justify-content: flex-end">
+          <Page :total="planTotal" show-elevator @on-change="planPageChange" />
         </div>
       </template>
 
@@ -502,9 +973,14 @@
       </template>
     </xy-dialog>
 
-<!--    新增表 框架合同-->
-    <el-dialog title="框架协议" :visible.sync="isShowContractToContracts" width="54%">
+    <!--    新增表 框架合同-->
+    <el-dialog
+      title="框架协议"
+      :visible.sync="isShowContractToContracts"
+      width="54%"
+    >
       <Table
+        ref="contractTable"
         :data="contractList"
         :columns="contractTable"
         :loading="loading"
@@ -513,25 +989,37 @@
         @on-selection-change="selectionChange"
       ></Table>
       <div style="display: flex; justify-content: center; margin: 10px 0">
-        <Page :total="contractTotal"
-              size="small"
-              show-elevator
-              show-total
-              @on-change="e => {
-                contractSelect.page = e;
-                getContracts();
-              }"/>
+        <Page
+          :total="contractTotal"
+          size="small"
+          show-elevator
+          show-total
+          @on-change="
+            (e) => {
+              contractSelect.page = e;
+              getContracts();
+            }
+          "
+        />
       </div>
 
       <span slot="footer" class="dialog-footer">
         <el-button @click="isShowContractToContracts = false">取 消</el-button>
-        <el-button type="primary" @click="isShowContractToContracts = false">确 定</el-button>
+        <el-button type="primary" @click="isShowContractToContracts = false"
+          >确 定</el-button
+        >
       </span>
     </el-dialog>
 
     <!--    编辑-->
-    <editor ref="editor" :is-show-editor.sync="isShowEditor" :money-way="moneyWay" :purchase-type="purchaseType"
-            :purchase-way="purchaseWay" @success="getContracts"></editor>
+    <editor
+      ref="editor"
+      :is-show-editor.sync="isShowEditor"
+      :money-way="moneyWay"
+      :purchase-type="purchaseType"
+      :purchase-way="purchaseWay"
+      @success="getContracts"
+    ></editor>
 
     <!--    查看-->
     <detail ref="detailContract"></detail>
@@ -543,7 +1031,9 @@
     <contractSign ref="contractSign" @signSuccess="getContracts"></contractSign>
 
     <!--    查看付款计划-->
-    <contractPaymentRegistration ref="contractPaymentRegistration"></contractPaymentRegistration>
+    <contractPaymentRegistration
+      ref="contractPaymentRegistration"
+    ></contractPaymentRegistration>
   </div>
 </template>
 
@@ -553,35 +1043,19 @@ import {
   addContrant,
   delContract,
   checkContractName,
-  updateStatus
-} from "@/api/contract/contract"
-import {
-  getparameter
-} from "@/api/system/dictionary"
-import {
-  listdeptNoAuth
-} from "@/api/system/department";
-import {
-  getBudget
-} from "@/api/budget/budget"
-import {
-  getOatoken
-} from "@/api/oatoken"
-import {
-  parseTime, resetSelect
-} from '@/utils'
-import {
-  Message
-} from "element-ui";
-import {
-  getInfo
-} from '@/api/user.js'
-import {
-  getToken
-} from '@/utils/auth'
-import { getOutDetail } from "@/api/out"
-import editor from "./components/editorContract"
-import detail from "./components/detailContract"
+  updateStatus,
+} from "@/api/contract/contract";
+import { getparameter } from "@/api/system/dictionary";
+import { listdeptNoAuth } from "@/api/system/department";
+import { getBudget } from "@/api/budget/budget";
+import { getOatoken } from "@/api/oatoken";
+import { parseTime, resetSelect } from "@/utils";
+import { Message } from "element-ui";
+import { getInfo } from "@/api/user.js";
+import { getToken } from "@/utils/auth";
+import { getOutDetail } from "@/api/out";
+import editor from "./components/editorContract";
+import detail from "./components/detailContract";
 import paymentRegistration from "./components/paymentRegistration";
 import contractSign from "@/views/contract/components/contractSign";
 import contractPaymentRegistration from "@/views/contract/components/contractPaymentRegistration";
@@ -592,94 +1066,94 @@ export default {
     detail,
     paymentRegistration,
     contractSign,
-    contractPaymentRegistration
+    contractPaymentRegistration,
   },
   data() {
     var planPass = (rule, value, callback) => {
       if (this.form.isBudget) {
         if (this.form.plan.length === 0) {
-          callback(new Error('必选'))
+          callback(new Error("必选"));
         } else {
-          callback()
+          callback();
         }
       } else {
-        callback()
+        callback();
       }
-    }
-    var supplyPass = (rule,value,callback) => {
-      if(this.form.is_simple){
-        if(value === ''){
-          callback(new Error('必填'))
-        }else{
-          callback()
+    };
+    var supplyPass = (rule, value, callback) => {
+      if (this.form.is_simple) {
+        if (value === "") {
+          callback(new Error("必填"));
+        } else {
+          callback();
         }
-      }else{
-        callback()
+      } else {
+        callback();
       }
-    }
-    var moneyPass = (rule,value,callback) => {
-      if(this.form.is_simple){
-        if(value === ''){
-          callback(new Error('必填'))
-        }else{
-          if(/^\d+(\.\d+)?$/.test(value)){
-            callback()
-          }else{
-            callback(new Error('必须为数字'))
+    };
+    var moneyPass = (rule, value, callback) => {
+      if (this.form.is_simple) {
+        if (value === "") {
+          callback(new Error("必填"));
+        } else {
+          if (/^\d+(\.\d+)?$/.test(value)) {
+            callback();
+          } else {
+            callback(new Error("必须为数字"));
           }
         }
-      }else{
-        callback()
+      } else {
+        callback();
       }
-    }
-    var typePass = (rule,value,callback) => {
-      if(!this.form.is_simple){
-        if(value === ''){
-           callback(new Error('必填'))
-        }else{
-          callback()
+    };
+    var typePass = (rule, value, callback) => {
+      if (!this.form.is_simple) {
+        if (value === "") {
+          callback(new Error("必填"));
+        } else {
+          callback();
         }
-      }else{
-        callback()
+      } else {
+        callback();
       }
-    }
-    var methodsPass = (rule,value,callback) => {
-      if(!this.form.is_simple){
-        if(value === ''){
-           callback(new Error('必填'))
-        }else{
-          callback()
+    };
+    var methodsPass = (rule, value, callback) => {
+      if (!this.form.is_simple) {
+        if (value === "") {
+          callback(new Error("必填"));
+        } else {
+          callback();
         }
-      }else{
-        callback()
+      } else {
+        callback();
       }
-    }
-    var modalityPass = (rule,value,callback) => {
-      if(!this.form.is_simple){
-        if(value === ''){
-           callback(new Error('必填'))
-        }else{
-          callback()
+    };
+    var modalityPass = (rule, value, callback) => {
+      if (!this.form.is_simple) {
+        if (value === "") {
+          callback(new Error("必填"));
+        } else {
+          callback();
         }
-      }else{
-        callback()
+      } else {
+        callback();
       }
-    }
-    var pricePass = (rule,value,callback) => {
-      if(!this.form.is_simple){
-        if(value === ''){
-           callback(new Error('必填'))
-        }else{
-          if(/^\d+(\.\d+)?$/.test(value)){
-            callback()
-          }else{
-            callback(new Error('必须为数字'))
+    };
+    var pricePass = (rule, value, callback) => {
+      if (!this.form.is_simple) {
+        if (value === "") {
+          callback(new Error("必填"));
+        } else {
+          if (/^\d+(\.\d+)?$/.test(value)) {
+            callback();
+          } else {
+            callback(new Error("必须为数字"));
           }
         }
-      }else{
-        callback()
+      } else {
+        callback();
       }
-    }
+    };
 
     return {
       userList: ["liuxiangyu", "zhushulan", "admin", "jiangjiao"],
@@ -688,28 +1162,33 @@ export default {
         width: 0,
         height: 0,
         top: 0,
-        left: 0
+        left: 0,
       },
       hasEdit: false,
       isShowPlanForSearch: false,
-      options: [{
-        value: "",
-        label: '全部'
-      }, {
-        value: 1,
-        label: '待申请'
-      }, {
-        value: 2,
-        label: '流转中'
-      }, {
-        value: 3,
-        label: '已办结'
-      }],
+      options: [
+        {
+          value: "",
+          label: "全部",
+        },
+        {
+          value: 1,
+          label: "待申请",
+        },
+        {
+          value: 2,
+          label: "流转中",
+        },
+        {
+          value: 3,
+          label: "已办结",
+        },
+      ],
 
       //搜索
       select: {
-        keyword: '',
-        showDatePicker: '',
+        keyword: "",
+        showDatePicker: "",
         pageIndex: 1,
         pageSize: 10,
         startDate: "",
@@ -725,18 +1204,22 @@ export default {
         plan_id: "",
         plan_name: "请选择预算计划",
         start_plan_price: undefined,
-        end_plan_price: undefined
+        end_plan_price: undefined,
       },
-      type: [{
-        label: '服务',
-        value: 1
-      }, {
-        label: '货物',
-        value: 2
-      }, {
-        label: '工程',
-        value: 3
-      }],
+      type: [
+        {
+          label: "服务",
+          value: 1,
+        },
+        {
+          label: "货物",
+          value: 2,
+        },
+        {
+          label: "工程",
+          value: 3,
+        },
+      ],
       purchaseType: [], //购买形式
       purchaseWay: [], //购买方式
       moneyWay: [], //资金渠道
@@ -744,169 +1227,167 @@ export default {
       list: [], //数据
       total: 0,
       //表格
-      table: [{
-        label: "项目名称",
-        width: 380,
-        prop: 'name',
-        fixed: 'left',
-        align: 'left'
-      },
+      table: [
+        {
+          label: "项目名称",
+          width: 380,
+          prop: "name",
+          fixed: "left",
+          align: "left",
+        },
         {
           label: "采购形式",
           width: 120,
-          prop: 'purchase_type.value',
-          formatter:(cell, data, value) => {
-            return value ? value : '无'
-          }
+          prop: "purchase_type.value",
+          formatter: (cell, data, value) => {
+            return value ? value : "无";
+          },
         },
         {
           label: "项目类型",
           width: 120,
-          prop: 'type',
+          prop: "type",
           formatter: (cell, data, value) => {
-
             switch (value) {
               case 1:
-                return "服务"
+                return "服务";
                 break;
               case 2:
-                return "货物"
+                return "货物";
                 break;
               case 3:
-                return "工程"
+                return "工程";
                 break;
               default:
-                return "无"
+                return "无";
             }
-          }
+          },
         },
         {
           label: "采购流程",
-          multiHd: [{
-            label: "请示流程",
-            width: 140,
-            prop: 'req_status',
-            formatter: (cell, data, value) => {
-              if (cell.is_substitute) {
-                return '无'
-              }
-              if (cell.is_plan === 1) {
-                return '无'
-              }
-              switch (value) {
-                case 1:
-                  return "待申请"
-                  break;
-                case 2:
-                  return "流转中"
-                  break;
-                case 3:
-                  return "已办结"
-                  break;
-                default:
-                  return "异常"
-                  break;
-              }
-            }
-          },
+          multiHd: [
+            {
+              label: "请示流程",
+              width: 140,
+              prop: "req_status",
+              formatter: (cell, data, value) => {
+                if (cell.is_substitute) {
+                  return "无";
+                }
+                if (cell.is_plan === 1) {
+                  return "无";
+                }
+                switch (value) {
+                  case 1:
+                    return "待申请";
+                    break;
+                  case 2:
+                    return "流转中";
+                    break;
+                  case 3:
+                    return "已办结";
+                    break;
+                  default:
+                    return "异常";
+                    break;
+                }
+              },
+            },
             {
               label: "采购业务审批流程",
               width: 158,
-              prop: 'purchase_status',
+              prop: "purchase_status",
               formatter: (cell, data, value) => {
                 if (cell.is_substitute || cell.is_simple) {
-                  return '无'
+                  return "无";
                 }
                 switch (value) {
                   case 1:
-                    return "待申请"
+                    return "待申请";
                     break;
                   case 2:
-                    return "流转中"
+                    return "流转中";
                     break;
                   case 3:
-                    return "已办结"
+                    return "已办结";
                     break;
                   default:
-                    return "异常"
+                    return "异常";
                     break;
                 }
-              }
+              },
             },
             {
               label: "招标审核流程",
               width: 145,
-              prop: 'invite_status',
+              prop: "invite_status",
               formatter: (cell, data, value) => {
                 if (cell.is_substitute || cell.is_simple) {
-                  return '无'
+                  return "无";
                 }
-                if (cell.purchase_way?.remark === 'false') {
-                  return '无'
+                if (cell.purchase_way?.remark === "false") {
+                  return "无";
                 }
                 switch (value) {
                   case 1:
-                    return "待申请"
+                    return "待申请";
                     break;
                   case 2:
-                    return "流转中"
+                    return "流转中";
                     break;
                   case 3:
-                    return "已办结"
+                    return "已办结";
                     break;
                   default:
-                    return "异常"
+                    return "异常";
                     break;
                 }
-              }
+              },
             },
             {
               label: "合同会签流程",
               width: 145,
-              prop: 'join_status',
+              prop: "join_status",
               formatter: (cell, data, value) => {
-                if(cell.is_simple){
-                  return "无"
+                if (cell.is_simple) {
+                  return "无";
                 }
                 switch (value) {
                   case 1:
-                    return "待申请"
+                    return "待申请";
                     break;
                   case 2:
-                    return "流转中"
+                    return "流转中";
                     break;
                   case 3:
-                    return "已办结"
+                    return "已办结";
                     break;
                   default:
-                    return "异常"
+                    return "异常";
                     break;
                 }
-              }
-            }
-          ]
+              },
+            },
+          ],
         },
         {
           label: "采购方式",
           width: 120,
           prop: "purchase_way.value",
-          formatter:(cell,data,value) => {
-            return value ? value : "无"
-          }
+          formatter: (cell, data, value) => {
+            return value ? value : "无";
+          },
         },
         {
           label: "资金来源",
           width: 120,
           customFn: (row) => {
             {
-              return row.money_way_detail.map(item => {
-                return (< div> {
-                  item.value
-                } < /div>)
-              })
+              return row.money_way_detail.map((item) => {
+                return <div> {item.value} </div>;
+              });
             }
-
-          }
+          },
         },
         {
           label: "预算计划",
@@ -914,69 +1395,78 @@ export default {
           align: "left",
           customFn: (row) => {
             {
-              return row.plans.map(item => {
-                return (< div> [{
-                  item.year
-                }] - {
-                  item.name
-                } < /div>)
-              })
+              return row.plans.map((item) => {
+                return (
+                  <div>
+                    {" "}
+                    [{item.year}] - {item.name}{" "}
+                  </div>
+                );
+              });
             }
-
-          }
+          },
         },
         {
-          label: '已申请金额(元)',
-          prop: 'apply_money_total',
+          label: "已申请金额(元)",
+          prop: "apply_money_total",
           width: 140,
-          align: 'right',
+          align: "right",
           formatter: (cell, data, value) => {
-            return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-          }
+            return Number(value)
+              .toFixed(2)
+              .replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
+          },
         },
         {
-          label: '已付金额(元)',
-          prop: 'fund_log_total',
+          label: "已付金额(元)",
+          prop: "fund_log_total",
           width: 140,
-          align: 'right',
+          align: "right",
           formatter: (cell, data, value) => {
-            return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-          }
+            return Number(value)
+              .toFixed(2)
+              .replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
+          },
         },
         {
-          label: '支付占比',
+          label: "支付占比",
           width: 140,
           customFn: (row) => {
-            let per = ((((row.fund_log_total) / row.money) || 0) * 100)?.toFixed(2) || 0
-            return (<
-                div style={
-                {
-                  'color': per > 110 ? 'red' : 'green'
-                }
-              }> {
-                per
-              } %
+            let per =
+              ((row.fund_log_total / row.money || 0) * 100)?.toFixed(2) || 0;
+            return (
+              <div
+                style={{
+                  color: per > 110 ? "red" : "green",
+                }}
+              >
+                {" "}
+                {per} %
               </div>
-            )
-          }
+            );
+          },
         },
         {
           label: "合同预算价(元)",
           width: 140,
           prop: "plan_price",
-          align: 'right',
+          align: "right",
           formatter: (v1, v2, value) => {
-            return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-          }
+            return Number(value)
+              .toFixed(2)
+              .replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
+          },
         },
         {
-          label: '合同签订价(元)',
+          label: "合同签订价(元)",
           width: 140,
-          prop: 'money',
-          align: 'right',
+          prop: "money",
+          align: "right",
           formatter: (cell, data, value) => {
-            return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-          }
+            return Number(value)
+              .toFixed(2)
+              .replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
+          },
         },
         {
           label: "合同状态",
@@ -985,15 +1475,15 @@ export default {
           formatter: (cell, data, value) => {
             switch (value) {
               case 1:
-                return "待签订"
+                return "待签订";
                 break;
               case 2:
-                return "已签订"
+                return "已签订";
                 break;
               default:
-                return "未知"
+                return "未知";
             }
-          }
+          },
         },
         {
           label: "结算状态",
@@ -1001,164 +1491,164 @@ export default {
           prop: "is_end",
           formatter: (cell, data, value) => {
             return value === 0 ? "未结清" : "已结清";
-          }
+          },
         },
         {
-          label: '付款计划',
-          prop: 'sign_plan_count',
+          label: "付款计划",
+          prop: "sign_plan_count",
           width: 120,
           formatter: (cell, data, value) => {
-            if (value == 0) return '暂无'
-            return value + '期'
-          }
+            if (value == 0) return "暂无";
+            return value + "期";
+          },
         },
         {
           label: "供应商/服务商",
           width: 220,
-          prop: 'supply',
-          align: "left"
+          prop: "supply",
+          align: "left",
         },
         {
           label: "业务科室",
           width: 140,
-          prop: 'department.name'
+          prop: "department.name",
         },
         {
           label: "经办人",
           width: 140,
-          prop: 'admin.name'
+          prop: "admin.name",
         },
         {
           label: "签订日期",
           width: 160,
-          prop: 'date',
+          prop: "date",
           formatter: (cell, data, value) => {
-            if (value)
-              return parseTime(new Date(value), "{y}-{m}-{d}")
-          }
+            if (value) return parseTime(new Date(value), "{y}-{m}-{d}");
+          },
         },
         {
           label: "创建日期",
           width: 160,
-          prop: 'created_at',
+          prop: "created_at",
           formatter: (cell, data, value) => {
-            return parseTime(new Date(value), "{y}-{m}-{d}")
-          }
-        }
+            return parseTime(new Date(value), "{y}-{m}-{d}");
+          },
+        },
       ],
       //总计
       tableTotal: {
         fundLogTotal: 0,
         moneyTotal: 0,
-        planPriceTotal: 0
+        planPriceTotal: 0,
       },
 
       planTypes: [],
-      planTableSearch: [{
-        label: "分类",
-        prop: 'type',
-        formatter: (cell, data, value) => {
-          let res = this.moneyWay.filter(item => {
-            return item.id === value
-          })
-          return res[0]?.value || '未知'
-        }
-      },
+      planTableSearch: [
+        {
+          label: "分类",
+          prop: "type",
+          formatter: (cell, data, value) => {
+            let res = this.moneyWay.filter((item) => {
+              return item.id === value;
+            });
+            return res[0]?.value || "未知";
+          },
+        },
         {
           label: "年份",
-          prop: 'year',
-          align: 'center'
+          prop: "year",
+          align: "center",
         },
         {
           label: "名称",
-          prop: 'name',
-          align: 'left'
+          prop: "name",
+          align: "left",
         },
 
         {
           label: "计划金额",
-          prop: 'money',
-          align: 'right',
+          prop: "money",
+          align: "right",
           width: 120,
           customFn: (row) => {
             let m1 = row.money;
             let m2 = row.update_money;
 
             return m2 == 0 ? m1 : m2;
-          }
-        }
+          },
+        },
       ],
-      planTable: [{
-        width: 40,
-        sortable: false,
-        type: 'selection',
-        fixed: "left"
-      },
+      planTable: [
+        {
+          width: 40,
+          sortable: false,
+          type: "selection",
+          fixed: "left",
+        },
         {
           label: "分类",
-          prop: 'type',
+          prop: "type",
           formatter: (cell, data, value) => {
-            let res = this.moneyWay.filter(item => {
-              return item.id === value
-            })
-            return res[0]?.value || '未知'
+            let res = this.moneyWay.filter((item) => {
+              return item.id === value;
+            });
+            return res[0]?.value || "未知";
           },
           width: 100,
-          fixed: "left"
+          fixed: "left",
         },
 
         {
           label: "科室",
-          prop: 'plan_department.name',
+          prop: "plan_department.name",
           width: 100,
-          align: 'center'
+          align: "center",
         },
         {
           label: "年份",
-          prop: 'year',
+          prop: "year",
           width: 80,
-          align: 'center'
+          align: "center",
         },
         {
           label: "隶属",
-          prop: 'pid_info.name',
+          prop: "pid_info.name",
           width: 180,
-          align: 'left'
+          align: "left",
         },
         {
           label: "名称",
-          prop: 'name',
+          prop: "name",
           width: 320,
-          align: 'left'
+          align: "left",
         },
         {
           label: "计划金额",
-          prop: 'money',
-          align: 'right',
+          prop: "money",
+          align: "right",
           width: 120,
           customFn: (row) => {
             let m1 = row.money;
             let m2 = row.update_money;
 
             return m2 == 0 ? m1 : m2;
-          }
+          },
         },
         {
           label: "已用金额",
-          prop: 'use_money_total',
+          prop: "use_money_total",
           width: 120,
-          align: 'right'
+          align: "right",
         },
       ],
 
-
       //新增
       isShowAdd: false,
       form: {
         name: "",
-        is_simple:0,
+        is_simple: 0,
         supply: "",
-        money:0,
+        money: 0,
         type: "",
         methods: "",
         modality: "",
@@ -1173,61 +1663,67 @@ export default {
       },
       plan: [],
       rules: {
-        name: [{
-          required: true,
-          message: "必填"
-        }],
-        supply:[
+        name: [
           {
-            validator:supplyPass,
-            trigger: 'change'
-          }
+            required: true,
+            message: "必填",
+          },
         ],
-        money:[
+        supply: [
           {
-            validator:moneyPass,
-            trigger: 'change'
-          }
+            validator: supplyPass,
+            trigger: "change",
+          },
         ],
-        type:[
+        money: [
+          {
+            validator: moneyPass,
+            trigger: "change",
+          },
+        ],
+        type: [
           {
             validator: typePass,
-            trigger: 'change'
-          }
+            trigger: "change",
+          },
         ],
-        methods:[
+        methods: [
           {
-            validator:methodsPass,
-            trigger: 'change'
-          }
+            validator: methodsPass,
+            trigger: "change",
+          },
         ],
-        modality:[
+        modality: [
           {
-            validator:modalityPass,
-            trigger: 'change'
-          }
+            validator: modalityPass,
+            trigger: "change",
+          },
         ],
-        price:[
+        price: [
           {
-            validator:pricePass,
-            trigger: 'change'
-          }
+            validator: pricePass,
+            trigger: "change",
+          },
         ],
 
-        fundingChannels: [{
-          required: true,
-          message: "必填"
-        }],
-        plan: [{
-          validator: planPass,
-          trigger: 'change'
-        }]
+        fundingChannels: [
+          {
+            required: true,
+            message: "必填",
+          },
+        ],
+        plan: [
+          {
+            validator: planPass,
+            trigger: "change",
+          },
+        ],
       },
       isShowPlan: false, //新增中预算计划
       plans: [], //预算数据
       planSearch: {
         name: "",
-        plan_department_id: ""
+        plan_department_id: "",
       },
       planTotal: 0,
       plansPageIndex: 1,
@@ -1237,7 +1733,7 @@ export default {
       isShowContractToContracts: false,
       contractSelect: {
         page: 1,
-        page_size: 10
+        page_size: 10,
       },
       contractTotal: 0,
       contractList: [],
@@ -1257,35 +1753,57 @@ export default {
         {
           title: "采购形势",
           width: 120,
-          render: (h,{row}) => {
-            return h('span',{},row.purchase_type?.value || "无")
-          }
+          render: (h, { row }) => {
+            return h("span", {}, row.purchase_type?.value || "无");
+          },
         },
         {
           title: "项目类型",
           width: 120,
-          render: (h,{row}) => {
+          render: (h, { row }) => {
             let map = new Map([
-              [1,"服务"],
-              [2,"货物"],
-              [3,"工程"]
-            ])
-            return h('span',{},map.get(row.type))
-          }
+              [1, "服务"],
+              [2, "货物"],
+              [3, "工程"],
+            ]);
+            return h("span", {}, map.get(row.type));
+          },
         },
         {
           title: "采购方式",
           width: 120,
-          render: (h,{row}) => {
-            return h('span',{},row.purchase_way?.value || "无")
-          }
-        }
+          render: (h, { row }) => {
+            return h("span", {}, row.purchase_way?.value || "无");
+          },
+        },
+        {
+          title: "使用金额（元）",
+          width: 140,
+          render: (h, { row, index }) => {
+            return h("el-input-number", {
+              props: {
+                controls: false,
+                size: "small",
+                precision: 2,
+                value: row._usemoney,
+              },
+              on: {
+                ["input"]: (e) => {
+                  row._usemoney = e;
+                  this.contractList[index]._usemoney = e;
+                },
+              },
+              style: {
+                width: "100px",
+              },
+            });
+          },
+        },
       ],
       selections: [], //已选择的框架合同
 
-
       isShowEditor: false,
-    }
+    };
   },
   methods: {
     toExport() {
@@ -1295,70 +1813,69 @@ export default {
     clearSelectForSearch() {
       this.select.plan_id = "";
       this.select.plan_name = "请选择预算计划";
-
     },
     async getPlanTypes() {
       const res = await getparameter({
-        number: 'money_way'
-      })
-      this.planTypes = res.detail
-      console.log(this.planTypes)
+        number: "money_way",
+      });
+      this.planTypes = res.detail;
+      console.log(this.planTypes);
     },
 
     //预算计划金额输入
     planInput(e, row) {
       if (!/^[0-9]+.?[0-9]*$/.test(e) && e) {
         Message({
-          type: 'warning',
-          message: '金额格式错误'
-        })
-        row.useMoney = 0
-        return
+          type: "warning",
+          message: "金额格式错误",
+        });
+        row.useMoney = 0;
+        return;
       }
-      let money = Number(row.update_money) == 0 ? Number(row.money) : Number(row.update_money);
-      console.log(e, money, row.use_money_total)
-      console.log(e <= (money - Number(row.use_money_total)))
-      if (e <= (money - Number(row.use_money_total))) {
-        row.useMoney = e
-        this.plan.forEach(item => {
+      let money =
+        Number(row.update_money) == 0
+          ? Number(row.money)
+          : Number(row.update_money);
+      console.log(e, money, row.use_money_total);
+      console.log(e <= money - Number(row.use_money_total));
+      if (e <= money - Number(row.use_money_total)) {
+        row.useMoney = e;
+        this.plan.forEach((item) => {
           if (item.value.plan_id == row.id) {
-            item.value.use_money = e
+            item.value.use_money = e;
           }
-        })
-        return
+        });
+        return;
       }
       Message({
-        type: 'warning',
-        message: '使用金额大于剩余预算'
-      })
-      row.useMoney = 0
+        type: "warning",
+        message: "使用金额大于剩余预算",
+      });
+      row.useMoney = 0;
     },
     //合计
     summary(param) {
       this.$nextTick(() => {
-        this.$refs['xyTable'].$children[0].doLayout()
-      })
-      const {
-        columns,
-        data
-      } = param
-      const sums = []
+        this.$refs["xyTable"].$children[0].doLayout();
+      });
+      const { columns, data } = param;
+      const sums = [];
       columns.map((column, index) => {
         if (index === 0) {
-          sums[index] = '总计'
-          return
+          sums[index] = "总计";
+          return;
         }
-        if (column.property === 'fund_log_total') {
-          sums[index] = this.tableTotal.fundLogTotal
-          return
+        if (column.property === "fund_log_total") {
+          sums[index] = this.tableTotal.fundLogTotal;
+          return;
         }
-        if (column.property === 'plan_price') {
-          sums[index] = this.tableTotal.planPriceTotal
-          return
+        if (column.property === "plan_price") {
+          sums[index] = this.tableTotal.planPriceTotal;
+          return;
         }
-        if (column.property === 'money') {
-          sums[index] = this.tableTotal.moneyTotal
-          return
+        if (column.property === "money") {
+          sums[index] = this.tableTotal.moneyTotal;
+          return;
         }
 
         // const values = data.map(item => Number(item[column.property]));
@@ -1368,134 +1885,133 @@ export default {
         // } else {
         //   sums[index] = '';
         // }
-      })
+      });
 
-      return sums
+      return sums;
     },
-    cellStyle({
-                row,
-                column,
-                rowIndex,
-                columnIndex
-              }) {
-      if (column.property === 'req_status') {
+    cellStyle({ row, column, rowIndex, columnIndex }) {
+      if (column.property === "req_status") {
         if (row.is_plan || row.is_substitute || row.is_simple) {
           return {
-            'color': 'rgb(140,140,140)'
-          }
+            color: "rgb(140,140,140)",
+          };
         }
         switch (row.req_status) {
           case 1:
             return {
-              'color': 'rgb(96,109,241)'
-            }
+              color: "rgb(96,109,241)",
+            };
             break;
           case 2:
             return {
-              'color': 'rgb(219,122,122)'
-            }
+              color: "rgb(219,122,122)",
+            };
             break;
           case 3:
             return {
-              'color': 'rgb(147,201,134)'
-            }
+              color: "rgb(147,201,134)",
+            };
             break;
           default:
             return {
-              'color': 'rgb(220,185,126)'
-            }
+              color: "rgb(220,185,126)",
+            };
         }
       }
-      if (column.property === 'purchase_status') {
+      if (column.property === "purchase_status") {
         if (row.is_substitute || row.is_simple) {
           return {
-            'color': 'rgb(140,140,140)'
-          }
+            color: "rgb(140,140,140)",
+          };
         }
         switch (row.purchase_status) {
           case 1:
             return {
-              'color': 'rgb(96,109,241)'
-            }
+              color: "rgb(96,109,241)",
+            };
             break;
           case 2:
             return {
-              'color': 'rgb(219,122,122)'
-            }
+              color: "rgb(219,122,122)",
+            };
             break;
           case 3:
             return {
-              'color': 'rgb(147,201,134)'
-            }
+              color: "rgb(147,201,134)",
+            };
             break;
           default:
             return {
-              'color': 'rgb(220,185,126)'
-            }
+              color: "rgb(220,185,126)",
+            };
         }
       }
-      if (column.property === 'invite_status') {
-        if (row.purchase_way?.remark === 'false' || row.is_substitute || row.is_simple) {
+      if (column.property === "invite_status") {
+        if (
+          row.purchase_way?.remark === "false" ||
+          row.is_substitute ||
+          row.is_simple
+        ) {
           return {
-            'color': 'rgb(140,140,140)'
-          }
+            color: "rgb(140,140,140)",
+          };
         }
         switch (row.invite_status) {
           case 1:
             return {
-              'color': 'rgb(96,109,241)'
-            }
+              color: "rgb(96,109,241)",
+            };
             break;
           case 2:
             return {
-              'color': 'rgb(219,122,122)'
-            }
+              color: "rgb(219,122,122)",
+            };
             break;
           case 3:
             return {
-              'color': 'rgb(147,201,134)'
-            }
+              color: "rgb(147,201,134)",
+            };
             break;
           default:
             return {
-              'color': 'rgb(220,185,126)'
-            }
+              color: "rgb(220,185,126)",
+            };
         }
       }
-      if (column.property === 'join_status') {
-        if(row.is_simple){
+      if (column.property === "join_status") {
+        if (row.is_simple) {
           return {
-            'color': 'rgb(140,140,140)'
-          }
+            color: "rgb(140,140,140)",
+          };
         }
         switch (row.join_status) {
           case 1:
             return {
-              'color': 'rgb(96,109,241)'
-            }
+              color: "rgb(96,109,241)",
+            };
             break;
           case 2:
             return {
-              'color': 'rgb(219,122,122)'
-            }
+              color: "rgb(219,122,122)",
+            };
             break;
           case 3:
             return {
-              'color': 'rgb(147,201,134)'
-            }
+              color: "rgb(147,201,134)",
+            };
             break;
           default:
             return {
-              'color': 'rgb(220,185,126)'
-            }
+              color: "rgb(220,185,126)",
+            };
         }
       }
     },
     //y验证合同的名称是否存在重复
     checkName(e) {
-      checkContractName({name: e}).then(res => {
+      checkContractName({ name: e }).then((res) => {
         console.log(res);
-      })
+      });
     },
     confirmPlanForSearch() {
       this.isShowPlanForSearch = false;
@@ -1503,123 +2019,146 @@ export default {
     },
 
     //
-    setNowContract(contract,tbname) {
+    setNowContract(contract, tbname) {
       this.nowContract = {
         tbname,
-        ...contract
-      }
+        ...contract,
+      };
     },
     //点击付款计划查看
     showPaymentPlan(row, column, cell) {
-      if (column.property === 'sign_plan_count') {
-        this.$refs['contractPaymentRegistration'].getSignPlan(row.id)
-        row.status === 2 ? this.$refs['contractPaymentRegistration'].isSign = true : this.$refs[
-          'contractPaymentRegistration'].isSign = false
-        this.$refs['contractPaymentRegistration'].isShow = true
+      if (column.property === "sign_plan_count") {
+        this.$refs["contractPaymentRegistration"].getSignPlan(row.id);
+        row.status === 2
+          ? (this.$refs["contractPaymentRegistration"].isSign = true)
+          : (this.$refs["contractPaymentRegistration"].isSign = false);
+        this.$refs["contractPaymentRegistration"].isShow = true;
       }
-      if (column.property === 'fund_log_total') {
-        this.$router.push(`/contract/paymentRegistrationList?contractId=${row.id}`)
+      if (column.property === "fund_log_total") {
+        this.$router.push(
+          `/contract/paymentRegistrationList?contractId=${row.id}`
+        );
       }
     },
     //招标文件审查
     async bidding(row) {
       let baseInfo = {
-        "项目名称": row?.name,
-        "项目预算（元）": row?.plan_price
-      }
+        项目名称: row?.name,
+        "项目预算（元）": row?.plan_price,
+      };
       //let res = await getOatoken()
-      let url =
-        `${process.env.VUE_APP_OUT_OLD}?s=/flow/add/modid/8&oatoken=${res.oatoken}&out_contract_id=${row.id}&contract_json=${JSON.stringify(baseInfo)}`
-      let bidding = window.open(url, 'bidding',
+      let url = `${process.env.VUE_APP_OUT_OLD}?s=/flow/add/modid/8&oatoken=${
+        res.oatoken
+      }&out_contract_id=${row.id}&contract_json=${JSON.stringify(baseInfo)}`;
+      let bidding = window.open(
+        url,
+        "bidding",
         `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
-      )
+      );
     },
 
     //采购流程
     async buyProcess(row) {
-      this.setNowContract(row,'caigou')
+      this.setNowContract(row, "caigou");
       let baseInfo = {
-        "title": row?.name,
+        title: row?.name,
         //"采购形式": row?.purchase_type?.value,
-        "iszhengfucaigou": row.purchase_type.value === "政府采购" ? "政府采购" : "否",
-        "out_caigou_id": row.id,
-        "type": this.type.filter(item => {
-          return item.value === row.type
+        iszhengfucaigou:
+          row.purchase_type.value === "政府采购" ? "政府采购" : "否",
+        out_caigou_id: row.id,
+        type: this.type.filter((item) => {
+          return item.value === row.type;
         })[0]?.label,
-        "yusuan": row?.plan_price.toString(),
-        "zijinlaiyuan":row.money_way_detail.reduce((prev,cur,index) => {
-          if(index === 0) {
-            return cur.value
-          }else{
-            return prev + "," + cur.value
+        yusuan: row?.plan_price.toString(),
+        zijinlaiyuan: row.money_way_detail.reduce((prev, cur, index) => {
+          if (index === 0) {
+            return cur.value;
+          } else {
+            return prev + "," + cur.value;
           }
-        },"")
-      }
-     // let res = await getOatoken()
-      let url =
-        `${process.env.VUE_APP_OUT_OLD}?s=/flow/add/modid/8&id=${this.$store.state.user.userId}&username=${this.$store.state.user.username}&out_caigou_id=${row.id}&contract_json=${JSON.stringify(baseInfo)}`
-      let buyProcess = window.open(url, 'buyProcess',
+        }, ""),
+      };
+      // let res = await getOatoken()
+      let url = `${process.env.VUE_APP_OUT_OLD}?s=/flow/add/modid/8&id=${
+        this.$store.state.user.userId
+      }&username=${this.$store.state.user.username}&out_caigou_id=${
+        row.id
+      }&contract_json=${JSON.stringify(baseInfo)}`;
+      let buyProcess = window.open(
+        url,
+        "buyProcess",
         `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
-      )
+      );
     },
     //会签流程
     async signProcess(row) {
-      this.setNowContract(row,'hetong')
+      this.setNowContract(row, "hetong");
       let baseInfo = {
-        "title": row?.name,
-        "执行部门": row?.carry_department,
-        "total": row?.money,
-        "out_contract_id": row.id,
+        title: row?.name,
+        执行部门: row?.carry_department,
+        total: row?.money,
+        out_contract_id: row.id,
         //"承包商\\供应商":row.supply
-      }
-    //  let res = await getOatoken()
-      let url =
-        `${process.env.VUE_APP_OUT_OLD}?s=/flow/add/modid/9&id=${this.$store.state.user.userId}&username=${this.$store.state.user.username}&out_contract_id=${row.id}&contract_json=${JSON.stringify(baseInfo)}`
-      let signProcess = window.open(url, 'signProcess',
+      };
+      //  let res = await getOatoken()
+      let url = `${process.env.VUE_APP_OUT_OLD}?s=/flow/add/modid/9&id=${
+        this.$store.state.user.userId
+      }&username=${this.$store.state.user.username}&out_contract_id=${
+        row.id
+      }&contract_json=${JSON.stringify(baseInfo)}`;
+      let signProcess = window.open(
+        url,
+        "signProcess",
         `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
-      )
+      );
     },
     //付款流程
     async paying(row) {
-     // this.setNowContract(row,'pay')
+      // this.setNowContract(row,'pay')
       let baseInfo = {
-        "title": row?.name,
-        "type": this.type.filter(item => {
-          return item.value === row.type
+        title: row?.name,
+        type: this.type.filter((item) => {
+          return item.value === row.type;
         })[0]?.label,
-        "hetongbianhao": row?.number,
-        "out_pay_id": row.id,
+        hetongbianhao: row?.number,
+        out_pay_id: row.id,
         //"承包商\\供应商":row.supply
-      }
-      let url =
-        `${process.env.VUE_APP_OUT_OLD}?s=/flow/add/modid/24&id=${this.$store.state.user.userId}&username=${this.$store.state.user.username}&out_contract_id=${row.id}&contract_json=${JSON.stringify(baseInfo)}`
-      let signProcess = window.open(url, 'signProcess',
+      };
+      let url = `${process.env.VUE_APP_OUT_OLD}?s=/flow/add/modid/24&id=${
+        this.$store.state.user.userId
+      }&username=${this.$store.state.user.username}&out_contract_id=${
+        row.id
+      }&contract_json=${JSON.stringify(baseInfo)}`;
+      let signProcess = window.open(
+        url,
+        "signProcess",
         `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
-      )
+      );
     },
     //请示流程
     async askProcess(row) {
-      let res = await getOatoken()
-      let url =
-        `${process.env.VUE_APP_OUT_URL}/admin/flow/create/17?oatoken=${res.oatoken}&out_contract_id=${row.id}`
-      let askProcess = window.open(url, 'askProcess',
+      let res = await getOatoken();
+      let url = `${process.env.VUE_APP_OUT_URL}/admin/flow/create/17?oatoken=${res.oatoken}&out_contract_id=${row.id}`;
+      let askProcess = window.open(
+        url,
+        "askProcess",
         `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
-      )
+      );
     },
 
     //翻页
     pageChange(e) {
-      this.select.pageIndex = e
-      this.getContracts()
+      this.select.pageIndex = e;
+      this.getContracts();
     },
     planPageChange(e) {
-      this.plansPageIndex = e
-      this.getBudgets()
+      this.plansPageIndex = e;
+      this.getBudgets();
     },
     //日期选择
     datePick(e) {
-      this.select.start_created_at = e[0]
-      this.select.end_created_at = e[1]
+      this.select.start_created_at = e[0];
+      this.select.end_created_at = e[1];
     },
 
     //获取预算计划
@@ -1629,27 +2168,34 @@ export default {
         page_size: 10,
         page: this.plansPageIndex,
         plan_department_id: this.planSearch.plan_department_id,
-        top_pid: 1
-      })
-      this.plans = res.list.data
+        top_pid: 1,
+      });
+      this.plans = res.list.data;
 
       this.planTotal = res.list.total;
 
-      this.toggleSelection(this.plan.map(item => {
-        return item.value.plan_id
-      }), 1)
+      this.toggleSelection(
+        this.plan.map((item) => {
+          return item.value.plan_id;
+        }),
+        1
+      );
     },
     //获取资金渠道
     async getMoneyWay() {
-      this.moneyWay = (await getparameter({
-        number: 'money_way'
-      })).detail
+      this.moneyWay = (
+        await getparameter({
+          number: "money_way",
+        })
+      ).detail;
     },
     //获取购买方式
     async getPurchaseWay() {
-      this.purchaseWay = (await getparameter({
-        number: 'purchase_way'
-      })).detail
+      this.purchaseWay = (
+        await getparameter({
+          number: "purchase_way",
+        })
+      ).detail;
     }, //计划搜索
     searchBudgets() {
       this.plansPageIndex = 1;
@@ -1657,65 +2203,67 @@ export default {
     },
     //获取科室
     async getDepartment() {
-      this.departments = await listdeptNoAuth()
+      this.departments = await listdeptNoAuth();
     },
     //获取购买形式列表
     async getPurchaseType() {
-      this.purchaseType = (await getparameter({
-        number: 'purchase_type'
-      })).detail
+      this.purchaseType = (
+        await getparameter({
+          number: "purchase_type",
+        })
+      ).detail;
     },
     pageSizeChange(e) {
-
       this.select.pageSize = e;
       this.select.pageIndex = 1;
       this.getContracts();
     },
     //获取合同列表
     async getContracts(is_export) {
-
       const res = await getContract({
         page_size: this.select.pageSize,
         page: this.select.pageIndex,
         is_auth: 1,
-        ...this.select
-      })
+        ...this.select,
+      });
 
       let tokens = getToken();
       if (is_export && this.select.is_export == 1) {
-        var url = "/api/admin/contract/index?is_auth=1&token=" + tokens
+        var url = "/api/admin/contract/index?is_auth=1&token=" + tokens;
         Object.keys(this.select).map((key, item) => {
           url += "&" + key + "=" + this.select[key];
         });
         url = location.host + url;
-        console.log(url)
-        window.open("http://" + url, '_blank')
-        this.select.is_export = 0
+        console.log(url);
+        window.open("http://" + url, "_blank");
+        this.select.is_export = 0;
         return;
       }
 
-      this.list = res.list.data
-      this.total = res.list.total
-      this.tableTotal.fundLogTotal = res.fund_log_total
-      this.tableTotal.moneyTotal = Number(res.money_total).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-      this.tableTotal.planPriceTotal = Number(res.plan_price_total).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g,
-        '$1,')
+      this.list = res.list.data;
+      this.total = res.list.total;
+      this.tableTotal.fundLogTotal = res.fund_log_total;
+      this.tableTotal.moneyTotal = Number(res.money_total)
+        .toFixed(2)
+        .replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
+      this.tableTotal.planPriceTotal = Number(res.plan_price_total)
+        .toFixed(2)
+        .replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
     },
 
-
     //新建合同
     //显示
     async showPlan() {
-      this.isShowPlan = true
-      await this.getBudgets()
+      this.isShowPlan = true;
+      await this.getBudgets();
     },
     async showPlanForSearch() {
-      this.isShowPlanForSearch = true
+      this.isShowPlanForSearch = true;
       await this.getBudgets();
     },
     //选择计划 搜索
     selectPlanForSearch(sel) {
-      console.log(sel)
+      console.log(sel);
       if (sel) {
         this.select.plan_id = sel.id;
         this.select.plan_name = sel.name;
@@ -1726,113 +2274,117 @@ export default {
     },
     //选择计划
     selectPlan(sel, row) {
-      console.log(sel)
+      console.log(sel);
       if (sel) {
-        let select = sel.map(item => {
+        let select = sel.map((item) => {
           return {
             label: item.name,
             value: {
               plan_id: item.id,
               use_money: item.useMoney,
-              new_money: item.money
-            }
-          }
-        })
-
+              new_money: item.money,
+            },
+          };
+        });
 
         //说明被删除了
-        if (sel.filter(plan => {
-          return plan.id == row.id
-        }).length == 0) {
+        if (
+          sel.filter((plan) => {
+            return plan.id == row.id;
+          }).length == 0
+        ) {
           this.delPlan({
             value: {
-              plan_id: row.id
-            }
-          })
+              plan_id: row.id,
+            },
+          });
         }
         let _plan = JSON.parse(JSON.stringify(this.plan));
 
         var _select = [];
-        select.map(item => {
-          if (_plan.filter(plan => {
-            return plan.value.plan_id == item.value.plan_id
-          }).length == 0) {
-            _select.push(item)
+        select.map((item) => {
+          if (
+            _plan.filter((plan) => {
+              return plan.value.plan_id == item.value.plan_id;
+            }).length == 0
+          ) {
+            _select.push(item);
           }
         });
 
-        this.plan = [..._plan, ..._select]
+        this.plan = [..._plan, ..._select];
       } else {
-        this.plan = []
+        this.plan = [];
       }
     },
     //确认计划选择
     planSelect() {
       if (this.plan.length === 0) {
         Message({
-          type: 'warning',
-          message: '选择计划不能为空'
-        })
-        return
+          type: "warning",
+          message: "选择计划不能为空",
+        });
+        return;
       }
       for (let item of this.plan) {
-        console.log(item)
+        console.log(item);
         if (!item.value.use_money) {
           Message({
-            type: 'warning',
-            message: '金额不能为空'
-          })
-          return
+            type: "warning",
+            message: "金额不能为空",
+          });
+          return;
         }
       }
-      this.form.plan = this.plan
-      this.isShowPlan = false
+      this.form.plan = this.plan;
+      this.isShowPlan = false;
     },
 
     delPlan(val) {
       this.form.plan.map((item, index) => {
         if (item.value.plan_id === val.value.plan_id) {
-          this.form.plan.splice(index, 1)
+          this.form.plan.splice(index, 1);
         }
-      })
+      });
       this.plan.map((item, index) => {
         if (item.value.plan_id === val.value.plan_id) {
-          this.plan.splice(index, 1)
+          this.plan.splice(index, 1);
         }
-      })
+      });
     },
     delSelections(val) {
       this.selections.map((item, index) => {
         if (item.id === val.id) {
-          this.selections.splice(index, 1)
+          this.selections.splice(index, 1);
         }
-      })
+      });
     },
     //确认计划选择搜索
     planSelectForSearch() {
       if (this.select.plan_id == "") {
         Message({
-          type: 'warning',
-          message: '选择计划不能为空'
-        })
-        return
+          type: "warning",
+          message: "选择计划不能为空",
+        });
+        return;
       }
-      this.isShowPlanForSearch = false
+      this.isShowPlanForSearch = false;
     },
     //默认选择计划
     toggleSelection(plans, type) {
-
       if (plans) {
-        this.plans.filter(plan => {
-          if (plans.includes(plan.id)) {
-            plan.useMoney = this.plan[plans.indexOf(plan.id)].value.use_money
-            return true
-          }
-        }).map(row => {
-          this.$refs.planTable.toggleRowSelection(row)
-        })
+        this.plans
+          .filter((plan) => {
+            if (plans.includes(plan.id)) {
+              plan.useMoney = this.plan[plans.indexOf(plan.id)].value.use_money;
+              return true;
+            }
+          })
+          .map((row) => {
+            this.$refs.planTable.toggleRowSelection(row);
+          });
       } else {
-        this.$refs.planTable.clearSelection()
+        this.$refs.planTable.clearSelection();
       }
     },
     //提交新建
@@ -1845,147 +2397,142 @@ export default {
         money_way_id: `${this.form.fundingChannels.toString()}`,
         plan_price: this.form.price,
         name: this.form.name,
-        contract_plan_links: this.form.plan.map(item => {
-          return item.value
+        contract_plan_links: this.form.plan.map((item) => {
+          return item.value;
         }),
         is_substitute: this.form.is_substitute,
-        is_simple:this.form.is_simple,
-        supply:this.form.supply,
-        money:this.form?.money,
-        status:this.form?.is_simple ? 2 : 1,
-      }).then(res => {
-        this.isShowAdd = false
+        is_simple: this.form.is_simple,
+        supply: this.form.supply,
+        money: this.form?.money,
+        status: this.form?.is_simple ? 2 : 1,
+      }).then((res) => {
+        this.isShowAdd = false;
         Message({
-          type: 'success',
-          message: '操作成功'
-        })
+          type: "success",
+          message: "操作成功",
+        });
         this.selections = [];
-        this.$refs['addContract'].reset()
-        this.$refs['planTable'].clearSelection()
-        this.getContracts()
-      })
+        this.$refs["addContract"].reset();
+        this.$refs["planTable"].clearSelection();
+        this.getContracts();
+      });
     },
 
     //删除合同
     deleteContract(id) {
       delContract({
-        id
-      }).then(res => {
+        id,
+      }).then((res) => {
         Message({
-          type: 'success',
-          message: '操作成功'
-        })
-        this.getContracts()
-      })
+          type: "success",
+          message: "操作成功",
+        });
+        this.getContracts();
+      });
     },
 
-
-
     //框架合同
     async getContractToContracts() {
-      const res = await getContract(this.contractSelect)
-      let selectedIds = this.selections.map(i => i.id)
-      this.contractList = res.list.data.map(item => {
+      const res = await getContract(this.contractSelect);
+      this.contractList = res.list.data.map((item) => {
         return {
           ...item,
-          _checked: !!selectedIds.find(i => i === item.id),
-        }
-      })
-      this.contractTotal = res.list.total
+          _checked: !!this.selections.find((i) => i.id === item.id),
+          _usemoney:
+            this.selections.find((i) => i.id === item.id)?._usemoney || 0,
+        };
+      });
+      this.contractTotal = res.list.total;
     },
     selectionChange(selection) {
-      this.selections = Array.from(
-        new Set(
-          selection
-        )
-      );
+      console.log(this.$refs["contractTable"]);
+      this.selections = Array.from(new Set(selection));
     },
   },
   watch: {
     isShowContractToContracts(val) {
-      if(val){
+      if (val) {
         this.getContractToContracts();
-      }else{
+      } else {
         resetSelect(this.contractSelect);
         this.contractList = [];
         this.contractTotal = 0;
       }
-    }
+    },
   },
   mounted() {
-    this.window.width = screen.availWidth * 0.95
-    this.window.height = screen.availHeight * 0.95
-    this.window.top = (window.screen.height - 30 - this.window.height) / 2
-    this.window.left = (window.screen.width - 10 - this.window.width) / 2
+    this.window.width = screen.availWidth * 0.95;
+    this.window.height = screen.availHeight * 0.95;
+    this.window.top = (window.screen.height - 30 - this.window.height) / 2;
+    this.window.left = (window.screen.width - 10 - this.window.width) / 2;
     let that = this;
-    getInfo().then(response => {
-      console.log(response)
-      this.user = response;
+    getInfo()
+      .then((response) => {
+        console.log(response);
+        this.user = response;
 
-      if (that.userList.indexOf(response.username) != -1) {
-
-        that.hasEdit = true;
-      }
-
-    }).catch(error => {
-    })
-    this.getPurchaseType()
-    this.getContracts()
-    this.getDepartment()
-    this.getPurchaseWay()
-    this.getMoneyWay()
+        if (that.userList.indexOf(response.username) != -1) {
+          that.hasEdit = true;
+        }
+      })
+      .catch((error) => {});
+    this.getPurchaseType();
+    this.getContracts();
+    this.getDepartment();
+    this.getPurchaseWay();
+    this.getMoneyWay();
     //页面激活后刷新合同列表
     window.onfocus = async () => {
-      if(this.nowContract?.tbname && this.nowContract?.id) {
-        let select = {}
-        select['tbname'] = this.nowContract.tbname;
-        switch (this.nowContract.tbname){
+      if (this.nowContract?.tbname && this.nowContract?.id) {
+        let select = {};
+        select["tbname"] = this.nowContract.tbname;
+        switch (this.nowContract.tbname) {
           case "caigou":
-            select['out_caigou_id'] = this.nowContract.id;
+            select["out_caigou_id"] = this.nowContract.id;
             break;
           case "hetong":
-            select['out_contract_id'] = this.nowContract.id;
+            select["out_contract_id"] = this.nowContract.id;
             break;
         }
-        const res = await getOutDetail(select)
+        const res = await getOutDetail(select);
         let flowIdMap = new Map([
-          ['caigou',8],
-          ['hetong',9]
-        ])
+          ["caigou", 8],
+          ["hetong", 9],
+        ]);
         let flowTypeMap = new Map([
-          ['caigou',2],
-          ['hetong',3]
-        ])
+          ["caigou", 2],
+          ["hetong", 3],
+        ]);
         let getStatus = (status) => {
-          if(status === 'end') {
-            return 1
+          if (status === "end") {
+            return 1;
           }
-          if(Number(status)){
-            return 0
+          if (Number(status)) {
+            return 0;
           }
-          return -1
-        }
+          return -1;
+        };
         await updateStatus({
           flow_id: flowIdMap.get(this.nowContract.tbname),
           flow_type: flowTypeMap.get(this.nowContract.tbname),
           out_contract_id: this.nowContract.id,
-          status: getStatus(res.flow?.current_step)
-        })
-        await this.getContracts()
+          status: getStatus(res.flow?.current_step),
+        });
+        await this.getContracts();
       }
-    }
+    };
   },
   created() {
-    iframe = document.createElement('iframe');
-    iframe.src = `${process.env.VUE_APP_OUT_OLD}/login/oss_login?id=${this.$store.state.user.userId}&username=${this.$store.state.user.username}`
-    iframe.style.display = 'none'
+    iframe = document.createElement("iframe");
+    iframe.src = `${process.env.VUE_APP_OUT_OLD}/login/oss_login?id=${this.$store.state.user.userId}&username=${this.$store.state.user.username}`;
+    iframe.style.display = "none";
     document.body.appendChild(iframe);
   },
   destroyed() {
-    window.onfocus = null
+    window.onfocus = null;
     document.body.removeChild(iframe);
-  }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
@@ -2016,11 +2563,10 @@ export default {
   &-no-plan {
     height: 30px;
     line-height: 30px;
-    color: #CDD0D5;
+    color: #cdd0d5;
   }
 }
 
-
 .slot-btns {
   display: flex;
   flex-wrap: wrap;
@@ -2043,8 +2589,7 @@ export default {
     position: absolute;
     right: 0;
     top: 0;
-    content: '（元）'
+    content: "（元）";
   }
 }
-
 </style>