From 95605ca3f4a48f5af03017bd541c249dc32a7303 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E7=BF=94=E5=AE=87-=E6=97=85=E7=AE=A1=E5=AE=B6?=
 <153298343@qq.com>
Date: Tue, 13 Sep 2022 10:48:22 +0800
Subject: [PATCH] up

---
 package.json                                  |    1 +
 src/components/XyTable/index.vue              |   10 +-
 src/main.js                                   |    4 +
 src/views/budget/budgetList.vue               |    4 +
 src/views/budget/seeBudget.vue                |    4 +
 .../contract/components/contractSign.vue      |   20 +-
 .../contract/components/detailContract.vue    |   10 +
 .../contract/components/editorContract.vue    |   20 +-
 src/views/contract/contractList.vue           | 2626 +++++++++--------
 src/views/contract/seeContract.vue            | 2301 +++++++++------
 src/views/dashboard/index.vue                 |   15 +-
 src/views/finance/paymentRegistrationList.vue |   13 +-
 .../statisticalReport/budgetProgress.vue      |    4 +
 13 files changed, 2952 insertions(+), 2080 deletions(-)

diff --git a/package.json b/package.json
index c6ec39a..4d0d5f4 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "html2canvas": "^1.4.1",
     "js-cookie": "2.2.0",
     "less": "^3.13.1",
+    "moment": "^2.29.4",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
     "path-to-regexp": "2.4.0",
diff --git a/src/components/XyTable/index.vue b/src/components/XyTable/index.vue
index 312bedf..a346aed 100644
--- a/src/components/XyTable/index.vue
+++ b/src/components/XyTable/index.vue
@@ -63,7 +63,7 @@ export default {
         return { width: '100%', marginBottom: "20px"}
       }
     },
-    
+
     btnWidth:{
       type:Number,
       default:190
@@ -93,6 +93,9 @@ export default {
     selectClick(selection, row){
       this.$emit('select',selection, row)
     },
+    rowClick(selection, row){
+      this.$emit('rowClick',selection, row)
+    },
     cellClick(row, column, cell){
       this.$emit('cellClick',row, column, cell)
     },
@@ -117,7 +120,7 @@ export default {
   mounted() {
   },
   render(h) {
-    let {summaryMethod,cellClick,btnWidth,selectClick,height,createIndexRow,tableStyle,treeProps,showSummary,showHeader,$scopedSlots,showIndex,defaultExpandAll,headerCellStyle,headerRowStyle,rowStyle,cellStyle,indent,tableHeight,tableItem,list,deleteClick,editorClick} = this
+    let {summaryMethod,cellClick,btnWidth,selectClick,height,createIndexRow,tableStyle,treeProps,showSummary,showHeader,$scopedSlots,showIndex,defaultExpandAll,headerCellStyle,headerRowStyle,rowStyle,cellStyle,indent,tableHeight,tableItem,list,deleteClick,editorClick,rowClick} = this
     return (
       <div class="table-tree">
         { tableItem && tableItem.length>0 ?
@@ -140,7 +143,7 @@ export default {
             default-expand-all={defaultExpandAll}
             tree-props={treeProps}
             fit={true}
-            on={{['select']:selectClick,['cell-click']:cellClick}}>
+            on={{['select']:selectClick,['cell-click']:cellClick,['row-click']:rowClick}}>
             {
               //序号
               showIndex ? createIndexRow() : ''
@@ -285,4 +288,3 @@ export default {
 <style scoped lang="scss">
 
 </style>
-
diff --git a/src/main.js b/src/main.js
index c571d9f..c2ed041 100644
--- a/src/main.js
+++ b/src/main.js
@@ -43,6 +43,10 @@ Vue.component('xy-dialog',xyDialog)
 
 Vue.config.productionTip = false
 
+import moment from 'moment'
+
+Vue.prototype.$moment = moment;
+
 new Vue({
   el: '#app',
   router,
diff --git a/src/views/budget/budgetList.vue b/src/views/budget/budgetList.vue
index 235b0cc..91763e4 100644
--- a/src/views/budget/budgetList.vue
+++ b/src/views/budget/budgetList.vue
@@ -520,6 +520,10 @@ export default {
       })
     },
   },
+  created() {
+    
+    this.select.year=this.$moment().format('YYYY');
+  },
   mounted() {
     this.getTypes()
     this.getDepartment()
diff --git a/src/views/budget/seeBudget.vue b/src/views/budget/seeBudget.vue
index c5bf9eb..ea208c4 100644
--- a/src/views/budget/seeBudget.vue
+++ b/src/views/budget/seeBudget.vue
@@ -232,6 +232,10 @@ export default {
       })
     },
   },
+  created() {
+
+    this.select.year=this.$moment().format('YYYY');
+  },
   mounted() {
     this.getTypes()
     this.getDepartment()
diff --git a/src/views/contract/components/contractSign.vue b/src/views/contract/components/contractSign.vue
index 9b43390..62d6fa9 100644
--- a/src/views/contract/components/contractSign.vue
+++ b/src/views/contract/components/contractSign.vue
@@ -77,6 +77,19 @@
             <el-input-number :precision="2" :controls="false" placeholder="请填写质保金" v-model="form.guaranteeMoney" style="width: 300px;"/>
           </div>
         </div>
+      </template>
+      <template v-slot:date>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            
+              <span style="color: red;">*</span>
+              签订日期
+          </div>
+          <div class="xy-table-item-content">
+            <el-date-picker style="width: 300px;" value-format="yyyy-MM-dd" v-model="form.date" type="date">
+            </el-date-picker>
+          </div>
+        </div>
       </template>
       <template v-slot:guaranteeYear>
         <div class="xy-table-item">
@@ -174,11 +187,15 @@ export default {
         time:[],
         guaranteeMoney:'',
         guaranteeYear:'',
+        date:""
       },
       rules:{
         number:[
           {required:true,message:"必填"}
         ],
+        date:[
+          {required:true,message:"必填"}
+        ],
         supply:[
           {required:true,message:"必填"}
         ],
@@ -274,7 +291,8 @@ export default {
         guarantee_money:this.form.guaranteeMoney,
         guarantee_year:this.form.guaranteeYear,
         start_date:this.form.time[0],
-        end_date:this.form.time[1]
+        end_date:this.form.time[1],
+        date:this.form.date
       }).then(res=>{
         this.isShow = false
         Message({
diff --git a/src/views/contract/components/detailContract.vue b/src/views/contract/components/detailContract.vue
index 11e54bf..d0a9868 100644
--- a/src/views/contract/components/detailContract.vue
+++ b/src/views/contract/components/detailContract.vue
@@ -23,6 +23,16 @@
               <div class="base-info-item-content">{{detail.purchase_type.value}}</div>
             </div>
           </div>
+          <div style="display: flex;justify-content: space-between;">
+            <div class="base-info-item" style="flex-basis: 50%">
+              <div class="base-info-item-title">签订时间</div>
+              <div class="base-info-item-content">{{detail.date}}</div>
+            </div>
+            <div class="base-info-item" style="flex-basis: 50%">
+              <div class="base-info-item-title">服务时间</div>
+              <div class="base-info-item-content">{{detail.start_date}}至{{detail.end_date}}</div>
+            </div>
+          </div>
           <div class="base-info-item">
             <div class="base-info-item-title">项目预算</div>
             <div class="base-info-item-content">{{moneyFormat(detail.plan_price)}}</div>
diff --git a/src/views/contract/components/editorContract.vue b/src/views/contract/components/editorContract.vue
index 0f81ae5..40888d2 100644
--- a/src/views/contract/components/editorContract.vue
+++ b/src/views/contract/components/editorContract.vue
@@ -103,6 +103,16 @@
           </div>
         </div>
       </template>
+      <template v-slot:date>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">合同签订日期
+          </div>
+          <div class="xy-table-item-content">
+            <el-date-picker style="width: 300px;" value-format="yyyy-MM-dd" v-model="detail.date" type="date">
+            </el-date-picker>
+          </div>
+        </div>
+      </template>
 
       <template v-slot:req_status v-if="adminEdit">
         <div class="xy-table-item">
@@ -219,7 +229,7 @@
         }
       }
       return {
-        userList: ["liuxiangyu", "zhushulan","admin","jiangjiao"],
+        userList: ["liuxiangyu", "zhushulan", "admin", "jiangjiao"],
         user: null,
         adminEdit: false,
         isFocus: false,
@@ -414,7 +424,8 @@
           id: id
         })
         this.contrantId = res.id
-        this.detail = {
+        this.detail = {
+          date:res.date,
           req_status: res.req_status,
           purchase_status: res.purchase_status,
           join_status: res.join_status,
@@ -456,7 +467,8 @@
           req_status: this.detail.req_status,
           purchase_status: this.detail.purchase_status,
           join_status: this.detail.join_status,
-          invite_status: this.detail.invite_status,
+          invite_status: this.detail.invite_status,
+          date:this.detail.date,
           contract_plan_links: this.detail.plan.map(item => {
             return item.value
           })
@@ -474,7 +486,7 @@
     computed: {
 
     },
-    mounted() {
+    mounted() {
       let that = this;
       getInfo().then(response => {
         console.log(response)
diff --git a/src/views/contract/contractList.vue b/src/views/contract/contractList.vue
index fabdb66..0120ecf 100644
--- a/src/views/contract/contractList.vue
+++ b/src/views/contract/contractList.vue
@@ -1,1163 +1,1465 @@
-<template>
-  <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>
-              <Input v-model="select.keyword" clearable placeholder="关键字搜索" style="width: 200px"/>
-            </span>
-          </div>
-
-          <div>
-            <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>
-            </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>
-            </Select>
-          </div>
-
-          <div>
-            <span style="padding: 0 6px;word-break: keep-all;">
-            业务科室
-          </span>
-            <el-select v-model="select.department" clearable placeholder="业务科室选择" size="small" style="width: 160px;">
-              <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.purchaseModality" clearable placeholder="请选择采购形式" style="width:200px;">
-              <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.purchaseMethods" 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>
-            <InputNumber
-              v-model="select.priceMin"
-              :min="0"
-              placeholder="最小金额"
-              style="width: 100px;"/>
-            <span style="padding: 0 5px;">-</span>
-            <InputNumber
-              v-model="select.priceMax"
-              :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:200px;">
-              <Option v-for="item in [{label:'待签订',value:1},{label:'已签订',value:2}]" :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>
-          <!--          <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="">
-      <template v-slot:btns>
-        <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">
-                <Button class="slot-btns-item" size="small" type="primary"
-                        @click="$refs['paymentRegistration'].getContract(scope.row),$refs['paymentRegistration'].isShowPaymentRegistration = true">
-                  付款登记
-                </Button>
-              </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">
-                  签订合同
-                </Button>
-              </template>
-              <template v-if="scope.row.invite_status === 1 && scope.row.purchase_status === 3 && scope.row.purchase_way.remark === 'true'">
-                <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">
-                <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.remark === 'false' && scope.row.purchase_status === 3))) ">
-                <Button class="slot-btns-item" size="small" type="primary" @click="signProcess(scope.row)">合同会签</Button>
-              </template>
-              <template
-                v-if="scope.row.purchase_status === 1 && ((scope.row.req_status === 3 && scope.row.is_plan === 0)||scope.row.is_plan === 1)">
-                <Button class="slot-btns-item" size="small" type="primary" @click="buyProcess(scope.row)">采购流程</Button>
-              </template>
-
-              <Poptip trigger="hover" placement="bottom" transfer>
-                <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">删除
-                      </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>
-                  <template v-if="scope.row.status != 2">
-                    <Button class="slot-btns-item" size="small" type="primary"
-                            @click="$refs['editor'].isShowEditor = true,$refs['editor'].getDetail(scope.row.id)">编辑
-                    </Button>
-                  </template>
-                </div>
-              </Poptip>
-            </div>
-          </template>
-        </el-table-column>
-      </template>
-    </xy-table>
-
-    <div style="display: flex;justify-content: flex-end;">
-      <Page :total="total" show-elevator @on-change="pageChange"/>
-    </div>
-
-    <!--  新增合同  -->
-    <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>项目名称
-          </div>
-          <div class="xy-table-item-content">
-            <el-input v-model="form.name" placeholder="请填写项目名称" 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>项目类型
-          </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>
-          </div>
-        </div>
-      </template>
-      <template v-slot:methods>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <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>
-          </div>
-        </div>
-      </template>
-      <template v-slot:modality>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <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>
-          </div>
-        </div>
-      </template>
-      <template v-slot:price>
-        <div class="xy-table-item">
-          <div class="xy-table-item-label">
-            <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;"/>
-          </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>资金渠道
-          </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>
-          </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>
-          <div class="xy-table-item-content">
-            <el-switch v-model="form.isBudget"/>
-          </div>
-        </div>
-      </template>
-      <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>关联预算计划
-          </div>
-          <div class="xy-table-item-content">
-            <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>
-                </template>
-              </template>
-              <template v-else>
-                <div class="contract-add-plan-no-plan">请选择关联计划</div>
-              </template>
-            </div>
-          </div>
-        </div>
-      </template>
-    </xy-dialog>
-
-    <!--  新增表 预算计划  -->
-    <xy-dialog :is-show.sync="isShowPlan" :width="640" title="预算计划" @on-ok="planSelect">
-      <template v-slot:normalContent>
-        <Input v-model="planSearch" enter-button="搜 索" placeholder="搜索预算计划.." search @on-search="getBudgets"/>
-
-        <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="使用金额">
-              <template slot-scope="scope">
-                <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>
-      </template>
-
-      <template v-slot:footerContent>
-        <Button type="primary" @click="isShowPlan = false">确定</Button>
-      </template>
-    </xy-dialog>
-
-    <!--    编辑-->
-    <editor ref="editor" :is-show-editor.sync="isShowEditor" :money-way="moneyWay"
-            :purchase-type="purchaseType" :purchase-way="purchaseWay" @success="getContracts"></editor>
-
-    <!--    查看-->
-    <detail ref="detailContract"></detail>
-
-    <!--付款登记-->
-    <paymentRegistration ref="paymentRegistration"></paymentRegistration>
-
-    <!--    合同签订-->
-    <contractSign ref="contractSign" @signSuccess="getContracts"></contractSign>
-
-    <!--    查看付款计划-->
-    <contractPaymentRegistration ref="contractPaymentRegistration"></contractPaymentRegistration>
-  </div>
-</template>
-
-<script>
-
-import {getContract, addContrant, delContract} 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} from "@/utils"
-import {Message} from "element-ui";
-
-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";
-
-export default {
-  components: {
-    editor,
-    detail,
-    paymentRegistration,
-    contractSign,
-    contractPaymentRegistration
-  },
-  data() {
-    var planPass = (rule, value, callback) => {
-      if (this.form.isBudget) {
-        if (this.form.plan.length === 0) {
-          return callback(new Error('必选'))
-        } else {
-          callback()
-        }
-      } else {
-        callback()
-      }
-    }
-    return {
-      window: {
-        width: 0,
-        height: 0,
-        top: 0,
-        left: 0
-      },
-
-      //搜索
-      select: {
-        keyword: '',
-        showDatePicker: '',
-        pageIndex: 1,
-        startDate: "",
-        endDate: "",
-        type: "",
-        department: "",
-        purchaseModality: "",
-        purchaseMethods: "",
-        priceMin: null,
-        priceMax: null,
-        status: ""
-      },
-      type: [{label: '服务', value: 1}, {label: '货物', value: 2}, {label: '工程', value: 3}],
-      purchaseType: [],//购买形式
-      purchaseWay: [],//购买方式
-      moneyWay: [],//资金渠道
-      departments: [],//部门科室
-      list: [],//数据
-      total: 0,
-      //表格
-      table: [
-        {
-          label: "项目名称",
-          width: 380,
-          prop: 'name',
-          fixed: 'left',
-          align: 'left'
-        },
-        {
-          label: "采购形式",
-          width: 120,
-          prop: 'purchase_type.value'
-        },
-        {
-          label: "项目类型",
-          width: 120,
-          prop: 'type',
-          formatter: (cell, data, value) => {
-
-            switch (value) {
-              case 1:
-                return "服务"
-                break;
-              case 2:
-                return "货物"
-                break;
-              case 3:
-                return "工程"
-                break;
-              default:
-                return "未知"
-            }
-          }
-        },
-        {
-          label: "采购流程",
-          multiHd: [
-            {
-              label: "请示流程",
-              width: 140,
-              prop: 'req_status',
-              formatter: (cell, data, value) => {
-                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',
-              formatter: (cell, data, value) => {
-                switch (value) {
-                  case 1:
-                    return "待申请"
-                    break;
-                  case 2:
-                    return "流转中"
-                    break;
-                  case 3:
-                    return "已办结"
-                    break;
-                  default:
-                    return "异常"
-                    break;
-                }
-              }
-            },
-            {
-              label: "招标审核流程",
-              width: 145,
-              prop: 'invite_status',
-              formatter: (cell, data, value) => {
-                if(cell.purchase_way.remark === 'false'){
-                  return '无'
-                }
-                switch (value) {
-                  case 1:
-                    return "待申请"
-                    break;
-                  case 2:
-                    return "流转中"
-                    break;
-                  case 3:
-                    return "已办结"
-                    break;
-                  default:
-                    return "异常"
-                    break;
-                }
-              }
-            },
-            {
-              label: "合同会签流程",
-              width: 145,
-              prop: 'join_status',
-              formatter: (cell, data, value) => {
-                switch (value) {
-                  case 1:
-                    return "待申请"
-                    break;
-                  case 2:
-                    return "流转中"
-                    break;
-                  case 3:
-                    return "已办结"
-                    break;
-                  default:
-                    return "异常"
-                    break;
-                }
-              }
-            }
-          ]
-        },
-        {
-          label: "采购方式",
-          width: 120,
-          prop: "purchase_way.value"
-        },
-        {
-          label: "资金来源",
-          width: 120,
-          customFn: (row) => {
-            {
-              return row.money_way_detail.map(item => {
-                return (<div>{item.value}</div>)
-              })
-            }
-
-          }
-        },
-        {
-          label: '已申请金额(元)',
-          prop: 'apply_money_total',
-          width: 180,
-          align: 'right',
-          formatter: (cell, data, value) => {
-            return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-          }
-        },
-        {
-          label: '已付金额(元)',
-          prop: 'fund_log_total',
-          width: 180,
-          align: 'right',
-          formatter: (cell, data, value) => {
-            return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-          }
-        },
-        {
-          label: '支付占比',
-          width: 180,
-          customFn: (row) => {
-            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: 180,
-          prop: "plan_price",
-          align: 'right',
-          formatter: (v1, v2, value) => {
-            return value.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-          }
-        },
-        {
-          label: '合同签订价（元）',
-          width: 180,
-          prop: 'money',
-          align: 'right',
-          formatter: (cell, data, value) => {
-            return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-          }
-        },
-        {
-          label: "合同状态",
-          width: 120,
-          prop: "status",
-          formatter: (cell, data, value) => {
-            switch (value) {
-              case 1:
-                return "待签订"
-                break;
-              case 2:
-                return "已签订"
-                break;
-              default:
-                return "未知"
-            }
-          }
-        },
-        {
-          label: '付款计划',
-          prop: 'sign_plan_count',
-          width: 120,
-          formatter: (cell, data, value) => {
-            if (value == 0) return '暂无'
-            return value + '期'
-          }
-        },
-        {
-          label: "业务科室",
-          width: 140,
-          prop: 'department.name'
-        },
-        {
-          label: "经办人",
-          width: 140,
-          prop: 'admin.name'
-        },
-        {
-          label: "创建日期",
-          width: 160,
-          prop: 'created_at',
-          formatter: (cell, data, value) => {
-            return parseTime(new Date(value), "{y}-{m}-{d}")
-          }
-        }
-      ],
-      //总计
-      tableTotal: {
-        fundLogTotal: 0,
-        moneyTotal: 0,
-        planPriceTotal: 0
-      },
-
-      planTypes: [],
-      planTable: [
-        {
-          width: 36,
-          sortable: false,
-          type: 'selection'
-        },
-        {
-          label: "分类",
-          prop: 'type',
-          formatter: (cell, data, value) => {
-            let res = this.moneyWay.filter(item => {
-              return item.id === value
-            })
-            return res[0]?.value || '未知'
-          }
-        },
-        {
-          label: "名称",
-          prop: 'name',
-          align: 'left'
-        },
-        {
-          label: "计划金额",
-          prop: 'money',
-          align: 'right'
-        }
-      ],
-
-
-      //新增
-      isShowAdd: false,
-      form: {
-        name: "",
-        type: "",
-        methods: "",
-        modality: "",
-        price: "",
-        fundingChannels: [],
-        isBudget: true,
-        plan: []
-      },
-      plan: [],
-      rules: {
-        name: [
-          {required: true, message: "必填"}
-        ],
-        type: [
-          {required: true, message: "必选"}
-        ],
-        methods: [
-          {required: true, message: "必选"}
-        ],
-        modality: [
-          {required: true, message: "必选"}
-        ],
-        price: [
-          {required: true, message: "必填"},
-          {pattern: /^\d+(\.\d+)?$/, message: '必须为数字'}
-        ],
-        fundingChannels: [
-          {required: true, message: "必填"}
-        ],
-        plan: [
-          {validator: planPass, trigger: 'change'}
-        ]
-      },
-      isShowPlan: false,//新增中预算计划
-      plans: [],//预算数据
-      planSearch: '',
-      planTotal: 0,
-      plansPageIndex: 1,
-
-      isShowEditor: false,
-    }
-  },
-  methods: {
-    async getPlanTypes() {
-      const res = await getparameter({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
-      }
-      if (e <= (Number(row.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
-          }
-        })
-        return
-      }
-      Message({
-        type: 'warning',
-        message: '使用金额大于剩余预算'
-      })
-      row.useMoney = 0
-    },
-    //合计
-    summary(param) {
-      this.$nextTick(() => {
-        this.$refs['xyTable'].$children[0].doLayout()
-      })
-      const {columns, data} = param
-      const sums = []
-      columns.map((column, index) => {
-        if (index === 0) {
-          sums[index] = '总计'
-          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 === 'money') {
-          sums[index] = this.tableTotal.moneyTotal
-          return
-        }
-
-        // const values = data.map(item => Number(item[column.property]));
-        // if (!values.every(value => isNaN(value)) && (column.property === 'money' || column.property === 'plan_price'|| column.property === 'fund_log_total')) {
-        //
-        //   sums[index] = sums[index].toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-        // } else {
-        //   sums[index] = '';
-        // }
-      })
-
-      return sums
-    },
-    cellStyle({row, column, rowIndex, columnIndex}) {
-      if (column.property === 'req_status') {
-        if (row.is_plan === 1) {
-          return {'color': 'rgb(140,140,140)'}
-        }
-        switch (row.req_status) {
-          case 1:
-            return {'color': 'rgb(96,109,241)'}
-            break;
-          case 2:
-            return {'color': 'rgb(219,122,122)'}
-            break;
-          case 3:
-            return {'color': 'rgb(147,201,134)'}
-            break;
-          default:
-            return {'color': 'rgb(220,185,126)'}
-        }
-      }
-      if (column.property === 'purchase_status') {
-        switch (row.purchase_status) {
-          case 1:
-            return {'color': 'rgb(96,109,241)'}
-            break;
-          case 2:
-            return {'color': 'rgb(219,122,122)'}
-            break;
-          case 3:
-            return {'color': 'rgb(147,201,134)'}
-            break;
-          default:
-            return {'color': 'rgb(220,185,126)'}
-        }
-      }
-      if (column.property === 'invite_status') {
-        if(row.purchase_way.remark === 'false'){
-          return {'color': 'rgb(140,140,140)'}
-        }
-        switch (row.invite_status) {
-          case 1:
-            return {'color': 'rgb(96,109,241)'}
-            break;
-          case 2:
-            return {'color': 'rgb(219,122,122)'}
-            break;
-          case 3:
-            return {'color': 'rgb(147,201,134)'}
-            break;
-          default:
-            return {'color': 'rgb(220,185,126)'}
-        }
-      }
-      if (column.property === 'join_status') {
-        switch (row.join_status) {
-          case 1:
-            return {'color': 'rgb(96,109,241)'}
-            break;
-          case 2:
-            return {'color': 'rgb(219,122,122)'}
-            break;
-          case 3:
-            return {'color': 'rgb(147,201,134)'}
-            break;
-          default:
-            return {'color': 'rgb(220,185,126)'}
-        }
-      }
-    },
-
-    //点击付款计划查看
-    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 === 'fund_log_total') {
-        this.$router.push(`/contract/paymentRegistrationList?contractId=${row.id}`)
-      }
-    },
-    //招标文件审查
-    async bidding(row) {
-      let baseInfo = {
-        "项目名称": row?.name,
-        "项目预算（万元）": row?.plan_price / 10000
-      }
-      let res = await getOatoken()
-      let url = `${process.env.VUE_APP_OUT_URL}/admin/flow/create/27?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) {
-      let baseInfo = {
-        "项目名称": row?.name,
-        "采购形式": row?.purchase_type?.value,
-        "采购方式": row?.purchase_way?.value,
-        "项目类型": this.type.filter(item => {
-          return item.value === row.type
-        })[0]?.label,
-        "资金渠道": row?.money_way?.value,
-        "项目预算（万元）": row?.plan_price / 10000
-      }
-      let res = await getOatoken()
-      let url = `${process.env.VUE_APP_OUT_URL}/admin/flow/create/2?oatoken=${res.oatoken}&out_contract_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) {
-      let baseInfo = {
-        "合同名称": row?.name,
-        "执行部门": row?.carry_department,
-        "合同金额（万元）": row?.money / 10000,
-        //"承包商\\供应商":row.supply
-      }
-      let res = await getOatoken()
-      let url = `${process.env.VUE_APP_OUT_URL}/admin/flow/create/3?oatoken=${res.oatoken}&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', `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`)
-    },
-
-    //防抖
-    debounce(fn, delay = 500) {
-      let timer = null
-      return function _debounce() {
-        if (timer) clearTimeout(timer)
-        timer = setTimeout(() => {
-          fn()
-        }, delay)
-      }
-    },
-
-    //翻页
-    pageChange(e) {
-      this.select.pageIndex = e
-      this.getContracts()
-    },
-    planPageChange(e) {
-      this.plansPageIndex = e
-      this.getBudgets()
-    },
-    //日期选择
-    datePick(e) {
-      this.select.startDate = e[0]
-      this.select.endDate = e[1]
-    },
-
-    //获取预算计划
-    async getBudgets() {
-      let res = await getBudget({name: this.planSearch, page_size: 10, page: this.plansPageIndex})
-      this.plans = res.list.data
-      this.planTotal = res.list.total
-    },
-    //获取资金渠道
-    async getMoneyWay() {
-      this.moneyWay = (await getparameter({number: 'money_way'})).detail
-    },
-    //获取购买方式
-    async getPurchaseWay() {
-      this.purchaseWay = (await getparameter({number: 'purchase_way'})).detail
-    },
-    //获取科室
-    async getDepartment() {
-      this.departments = await listdeptNoAuth()
-    },
-    //获取购买形式列表
-    async getPurchaseType() {
-      this.purchaseType = (await getparameter({number: 'purchase_type'})).detail
-    },
-
-    //获取合同列表
-    async getContracts() {
-
-      const res = await getContract({
-        keyword: this.select.keyword,
-        page_size: 10,
-        page: this.select.pageIndex,
-        start_created_at: this.select.startDate,
-        end_created_at: this.select.endDate,
-        type: this.select.type,
-        department_id: this.select.department,
-        purchase_type_id: this.select.purchaseModality,
-        purchase_way_id: this.select.purchaseMethods,
-        start_plan_price: this.select.priceMin,
-        end_plan_price: this.select.priceMax,
-        status: this.select.status,
-        is_auth: 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.toggleSelection(this.form.plan.map(item => {
-        return item.value.plan_id
-      }))
-    },
-    //选择计划
-    selectPlan(sel, row) {
-      if (sel) {
-        //console.log(sel,row)
-        this.plan = sel.map(item => {
-          return {
-            label: item.name,
-            value: {
-              plan_id: item.id,
-              use_money: item.useMoney,
-              new_money: item.money
-            }
-          }
-        })
-      } else {
-        this.plan = []
-      }
-    },
-    //确认计划选择
-    planSelect() {
-      if (this.plan.length === 0) {
-        Message({
-          type: 'warning',
-          message: '选择计划不能为空'
-        })
-        return
-      }
-      for (let item of this.plan) {
-        console.log(item)
-        if (!item.value.use_money) {
-          Message({
-            type: 'warning',
-            message: '金额不能为空'
-          })
-          return
-        }
-      }
-      this.form.plan = this.plan
-      this.isShowPlan = false
-    },
-    //默认选择计划
-    toggleSelection(plans) {
-      if (plans) {
-        this.plans.filter(plan => {
-          if (plans.includes(plan.id)) {
-            plan.useMoney = this.form.plan[plans.indexOf(plan.id)].value.use_money
-            return true
-          }
-        }).map(row => {
-          this.$refs.planTable.toggleRowSelection(row)
-        })
-      } else {
-        this.$refs.planTable.clearSelection()
-      }
-    },
-    delPlan(val) {
-      this.form.plan.map((item, index) => {
-        if (item.value.plan_id === val.value.plan_id) {
-          this.form.plan.splice(index, 1)
-        }
-      })
-    },
-    //提交新建
-    submit() {
-      addContrant({
-        type: this.form.type,
-        is_plan: this.form.isBudget ? 1 : 0,
-        purchase_type_id: this.form.methods,
-        purchase_way_id: this.form.modality,
-        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
-        })
-      }).then(res => {
-        this.isShowAdd = false
-        Message({
-          type: 'success',
-          message: '操作成功'
-        })
-        this.$refs['addContract'].reset()
-        this.$refs['planTable'].clearSelection()
-        this.getContracts()
-      })
-    },
-
-    //删除合同
-    deleteContract(id) {
-      delContract({id}).then(res => {
-        Message({
-          type: 'success',
-          message: '操作成功'
-        })
-        this.getContracts()
-      })
-    },
-  },
-  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.getPurchaseType()
-    this.getContracts()
-    this.getDepartment()
-    this.getPurchaseWay()
-    this.getMoneyWay()
-    //页面激活后刷新合同列表
-    window.onfocus = () => {
-      this.getContracts()
-    }
-  },
-  destroyed() {
-    window.onfocus = null
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.selects {
-  display: flex;
-  flex-wrap: wrap;
-
-  & > div {
-    margin-bottom: 6px;
-  }
-}
-
-.selectTop {
-  margin-top: 10px;
-}
-
-.contract-add-plan {
-  min-height: 30px;
-  border: 1px solid #dcdee2;
-  border-radius: 4px;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  align-content: center;
-
-  padding: 0 8px;
-
-  &-no-plan {
-    height: 30px;
-    line-height: 30px;
-    color: #CDD0D5;
-  }
-}
-
-
-.slot-btns {
-  display: flex;
-  flex-wrap: wrap;
-  align-content: center;
-  justify-content: flex-start;
-
-  &-item {
-    margin: 0 6px 4px 0;
-  }
-}
-
-.xy-table-item-label {
-  width: 140px;
-}
-
-.xy-table-item-price {
-  position: relative;
-
-  &::after {
-    position: absolute;
-    right: 0;
-    top: 0;
-    content: '（元）'
-  }
-}
+<template>
+  <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>
+              <Input v-model="select.keyword" clearable placeholder="关键字搜索" style="width: 200px" />
+            </span>
+          </div>
+          <div>
+            <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" />
+            </span>
+          </div>
+          <div>
+            <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>
+            </span>
+          </div>
+          <div>
+            <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>
+            </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>
+            </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">
+              </el-option>
+            </el-select>
+          </div>
+
+          <div>
+            <span style="padding: 0 6px;word-break: keep-all;">
+              采购形式
+            </span>
+            <Select v-model="select.purchaseModality" 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.purchaseMethods" 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>
+            <InputNumber v-model="select.priceMin" :min="0" placeholder="最小金额" style="width: 100px;" />
+            <span style="padding: 0 5px;">-</span>
+            <InputNumber v-model="select.priceMax" :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 }}
+              </Option>
+            </Select>
+          </div>
+
+          <div>
+            <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 }}
+              </Option>
+            </Select>
+          </div>
+          <div>
+            <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 }}
+              </Option>
+            </Select>
+          </div>
+          <div>
+            <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 }}
+              </Option>
+            </Select>
+          </div>
+          <div>
+            <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 }}
+              </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>
+          <!--          <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="">
+      <template v-slot:btns>
+        <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">
+                <Button class="slot-btns-item" size="small" type="primary"
+                  @click="$refs['paymentRegistration'].getContract(scope.row),$refs['paymentRegistration'].isShowPaymentRegistration = true">
+                  付款登记
+                </Button>
+              </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">
+                  签订合同
+                </Button>
+              </template>
+              <template
+                v-if="scope.row.invite_status === 1 && scope.row.purchase_status === 3 && scope.row.purchase_way.remark === 'true'">
+                <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">
+                <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.remark === 'false' && scope.row.purchase_status === 3))) ">
+                <Button class="slot-btns-item" size="small" type="primary" @click="signProcess(scope.row)">合同会签</Button>
+              </template>
+              <template
+                v-if="scope.row.purchase_status === 1 && ((scope.row.req_status === 3 && scope.row.is_plan === 0)||scope.row.is_plan === 1)">
+                <Button class="slot-btns-item" size="small" type="primary" @click="buyProcess(scope.row)">采购流程</Button>
+              </template>
+
+              <Poptip trigger="hover" placement="bottom" transfer>
+                <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">删除
+                      </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>
+                  <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>
+                </div>
+              </Poptip>
+            </div>
+          </template>
+        </el-table-column>
+      </template>
+    </xy-table>
+
+    <div style="display: flex;justify-content: flex-end;">
+      <Page :total="total" show-elevator @on-change="pageChange" />
+    </div>
+
+    <!--  新增合同  -->
+    <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>项目名称
+          </div>
+          <div class="xy-table-item-content">
+            <el-input v-model="form.name" placeholder="请填写项目名称" 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>项目类型
+          </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>
+          </div>
+        </div>
+      </template>
+      <template v-slot:methods>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <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>
+          </div>
+        </div>
+      </template>
+      <template v-slot:modality>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <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>
+          </div>
+        </div>
+      </template>
+      <template v-slot:price>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <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;" />
+          </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>资金渠道
+          </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>
+          </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>
+          <div class="xy-table-item-content">
+            <el-switch v-model="form.isBudget" />
+          </div>
+        </div>
+      </template>
+      <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>关联预算计划
+          </div>
+          <div class="xy-table-item-content">
+            <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>
+                </template>
+              </template>
+              <template v-else>
+                <div class="contract-add-plan-no-plan">请选择关联计划</div>
+              </template>
+            </div>
+          </div>
+        </div>
+      </template>
+    </xy-dialog>
+
+
+
+    <!--  搜索使用 预算计划  -->
+    <xy-dialog :is-show.sync="isShowPlanForSearch" title="预算计划" :width="640" @on-ok="planSelectForSearch">
+      <template v-slot:normalContent>
+        <Input v-model="planSearch" search enter-button="搜 索" placeholder="搜索预算计划.." @on-search="getBudgets" />
+        <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>
+
+        <div style="display: flex;justify-content: flex-end;">
+          <Page :total="planTotal" show-elevator @on-change="planPageChange" />
+        </div>
+        <el-tag type="warning">点击行进行选择</el-tag>
+      </template>
+
+      <template v-slot:footerContent>
+        <Button type="primary" @click="confirmPlanForSearch">确定</Button>
+      </template>
+    </xy-dialog>
+
+    <!--  新增表 预算计划  -->
+    <xy-dialog :is-show.sync="isShowPlan" :width="640" title="预算计划" @on-ok="planSelect">
+      <template v-slot:normalContent>
+        <Input v-model="planSearch" enter-button="搜 索" placeholder="搜索预算计划.." search @on-search="getBudgets" />
+
+        <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="使用金额">
+              <template slot-scope="scope">
+                <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>
+      </template>
+
+      <template v-slot:footerContent>
+        <Button type="primary" @click="isShowPlan = false">确定</Button>
+      </template>
+    </xy-dialog>
+
+    <!--    编辑-->
+    <editor ref="editor" :is-show-editor.sync="isShowEditor" :money-way="moneyWay" :purchase-type="purchaseType"
+      :purchase-way="purchaseWay" @success="getContracts"></editor>
+
+    <!--    查看-->
+    <detail ref="detailContract"></detail>
+
+    <!--付款登记-->
+    <paymentRegistration ref="paymentRegistration"></paymentRegistration>
+
+    <!--    合同签订-->
+    <contractSign ref="contractSign" @signSuccess="getContracts"></contractSign>
+
+    <!--    查看付款计划-->
+    <contractPaymentRegistration ref="contractPaymentRegistration"></contractPaymentRegistration>
+  </div>
+</template>
+
+<script>
+  import {
+    getContract,
+    addContrant,
+    delContract
+  } 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
+  } from "@/utils"
+  import {
+    Message
+  } from "element-ui";import {
+    getInfo
+  } from '@/api/user.js'
+
+  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";
+
+  export default {
+    components: {
+      editor,
+      detail,
+      paymentRegistration,
+      contractSign,
+      contractPaymentRegistration
+    },
+    data() {
+      var planPass = (rule, value, callback) => {
+        if (this.form.isBudget) {
+          if (this.form.plan.length === 0) {
+            return callback(new Error('必选'))
+          } else {
+            callback()
+          }
+        } else {
+          callback()
+        }
+      }
+      return {
+        userList: ["liuxiangyu", "zhushulan", "admin", "jiangjiao"],
+        window: {
+          width: 0,
+          height: 0,
+          top: 0,
+          left: 0
+        },
+        hasEdit: false,
+        isShowPlanForSearch: false,
+        options: [{
+          value: "",
+          label: '全部'
+        }, {
+          value: 1,
+          label: '待申请'
+        }, {
+          value: 2,
+          label: '流转中'
+        }, {
+          value: 3,
+          label: '已办结'
+        }],
+
+        //搜索
+        select: {
+          keyword: '',
+          showDatePicker: '',
+          pageIndex: 1,
+          startDate: "",
+          endDate: "",
+          type: "",
+          department_id: "",
+          purchaseModality: "",
+          purchaseMethods: "",
+          priceMin: null,
+          priceMax: null,
+          status: "",
+          year: "",
+          plan_id: "",
+          plan_name: "请选择预算计划"
+        },
+        type: [{
+          label: '服务',
+          value: 1
+        }, {
+          label: '货物',
+          value: 2
+        }, {
+          label: '工程',
+          value: 3
+        }],
+        purchaseType: [], //购买形式
+        purchaseWay: [], //购买方式
+        moneyWay: [], //资金渠道
+        departments: [], //部门科室
+        list: [], //数据
+        total: 0,
+        //表格
+        table: [{
+            label: "项目名称",
+            width: 380,
+            prop: 'name',
+            fixed: 'left',
+            align: 'left'
+          },
+          {
+            label: "采购形式",
+            width: 120,
+            prop: 'purchase_type.value'
+          },
+          {
+            label: "项目类型",
+            width: 120,
+            prop: 'type',
+            formatter: (cell, data, value) => {
+
+              switch (value) {
+                case 1:
+                  return "服务"
+                  break;
+                case 2:
+                  return "货物"
+                  break;
+                case 3:
+                  return "工程"
+                  break;
+                default:
+                  return "未知"
+              }
+            }
+          },
+          {
+            label: "采购流程",
+            multiHd: [{
+                label: "请示流程",
+                width: 140,
+                prop: 'req_status',
+                formatter: (cell, data, value) => {
+                  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',
+                formatter: (cell, data, value) => {
+                  switch (value) {
+                    case 1:
+                      return "待申请"
+                      break;
+                    case 2:
+                      return "流转中"
+                      break;
+                    case 3:
+                      return "已办结"
+                      break;
+                    default:
+                      return "异常"
+                      break;
+                  }
+                }
+              },
+              {
+                label: "招标审核流程",
+                width: 145,
+                prop: 'invite_status',
+                formatter: (cell, data, value) => {
+                  if (cell.purchase_way.remark === 'false') {
+                    return '无'
+                  }
+                  switch (value) {
+                    case 1:
+                      return "待申请"
+                      break;
+                    case 2:
+                      return "流转中"
+                      break;
+                    case 3:
+                      return "已办结"
+                      break;
+                    default:
+                      return "异常"
+                      break;
+                  }
+                }
+              },
+              {
+                label: "合同会签流程",
+                width: 145,
+                prop: 'join_status',
+                formatter: (cell, data, value) => {
+                  switch (value) {
+                    case 1:
+                      return "待申请"
+                      break;
+                    case 2:
+                      return "流转中"
+                      break;
+                    case 3:
+                      return "已办结"
+                      break;
+                    default:
+                      return "异常"
+                      break;
+                  }
+                }
+              }
+            ]
+          },
+          {
+            label: "采购方式",
+            width: 120,
+            prop: "purchase_way.value"
+          },
+          {
+            label: "资金来源",
+            width: 120,
+            customFn: (row) => {
+              {
+                return row.money_way_detail.map(item => {
+                    return ( < div > {
+                        item.value
+                      } < /div>)
+                    })
+                }
+
+              }
+            },
+            {
+              label: "预算计划",
+              width: 320,
+              align: "left",
+              customFn: (row) => {
+                {
+                  return row.plans.map(item => {
+                      return ( < div > {
+                          item.name
+                        } < /div>)
+                      })
+                  }
+
+                }
+              },
+              {
+                label: '已申请金额(元)',
+                prop: 'apply_money_total',
+                width: 140,
+                align: 'right',
+                formatter: (cell, data, value) => {
+                  return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
+                }
+              },
+              {
+                label: '已付金额(元)',
+                prop: 'fund_log_total',
+                width: 140,
+                align: 'right',
+                formatter: (cell, data, value) => {
+                  return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
+                }
+              },
+              {
+                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
+                    } %
+                    <
+                    /div>
+                  )
+                }
+              },
+              {
+                label: "合同预算价(元)",
+                width: 140,
+                prop: "plan_price",
+                align: 'right',
+                formatter: (v1, v2, value) => {
+                  return value.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
+                }
+              },
+              {
+                label: '合同签订价(元)',
+                width: 140,
+                prop: 'money',
+                align: 'right',
+                formatter: (cell, data, value) => {
+                  return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
+                }
+              },
+              {
+                label: "合同状态",
+                width: 120,
+                prop: "status",
+                formatter: (cell, data, value) => {
+                  switch (value) {
+                    case 1:
+                      return "待签订"
+                      break;
+                    case 2:
+                      return "已签订"
+                      break;
+                    default:
+                      return "未知"
+                  }
+                }
+              },
+              {
+                label: "结算状态",
+                width: 120,
+                prop: "is_end",
+                formatter: (cell, data, value) => {
+                  return value === 0 ? "未结清" : "已结清";
+                }
+              },
+              {
+                label: '付款计划',
+                prop: 'sign_plan_count',
+                width: 120,
+                formatter: (cell, data, value) => {
+                  if (value == 0) return '暂无'
+                  return value + '期'
+                }
+              },
+              {
+                label: "业务科室",
+                width: 140,
+                prop: 'department.name'
+              },
+              {
+                label: "经办人",
+                width: 140,
+                prop: 'admin.name'
+              },
+              {
+                label: "签订日期",
+                width: 160,
+                prop: 'date',
+                formatter: (cell, data, value) => {
+                  if (value)
+                    return parseTime(new Date(value), "{y}-{m}-{d}")
+                }
+              },
+              {
+                label: "创建日期",
+                width: 160,
+                prop: 'created_at',
+                formatter: (cell, data, value) => {
+                  return parseTime(new Date(value), "{y}-{m}-{d}")
+                }
+              }
+            ],
+            //总计
+            tableTotal: {
+              fundLogTotal: 0,
+              moneyTotal: 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 || '未知'
+                }
+              },
+              {
+                label: "年份",
+                prop: 'year',
+                align: 'center'
+              },
+              {
+                label: "名称",
+                prop: 'name',
+                align: 'left'
+              },
+              {
+                label: "计划金额",
+                prop: 'money',
+                align: 'right'
+              }
+            ],
+            planTable: [{
+                width: 36,
+                sortable: false,
+                type: 'selection'
+              },
+              {
+                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'
+              },
+              {
+                label: "名称",
+                prop: 'name',
+                align: 'left'
+              },
+              {
+                label: "计划金额",
+                prop: 'money',
+                align: 'right'
+              }
+            ],
+
+
+            //新增
+            isShowAdd: false,
+            form: {
+              name: "",
+              type: "",
+              methods: "",
+              modality: "",
+              price: "",
+              fundingChannels: [],
+              isBudget: true,
+              plan: []
+            },
+            plan: [],
+            rules: {
+              name: [{
+                required: true,
+                message: "必填"
+              }],
+              type: [{
+                required: true,
+                message: "必选"
+              }],
+              methods: [{
+                required: true,
+                message: "必选"
+              }],
+              modality: [{
+                required: true,
+                message: "必选"
+              }],
+              price: [{
+                  required: true,
+                  message: "必填"
+                },
+                {
+                  pattern: /^\d+(\.\d+)?$/,
+                  message: '必须为数字'
+                }
+              ],
+              fundingChannels: [{
+                required: true,
+                message: "必填"
+              }],
+              plan: [{
+                validator: planPass,
+                trigger: 'change'
+              }]
+            },
+            isShowPlan: false, //新增中预算计划
+            plans: [], //预算数据
+            planSearch: '',
+            planTotal: 0,
+            plansPageIndex: 1,
+
+            isShowEditor: false,
+          }
+        },
+        methods: {
+          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)
+          },
+
+          //预算计划金额输入
+          planInput(e, row) {
+            if (!/^[0-9]+.?[0-9]*$/.test(e) && e) {
+              Message({
+                type: 'warning',
+                message: '金额格式错误'
+              })
+              row.useMoney = 0
+              return
+            }
+            if (e <= (Number(row.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
+                }
+              })
+              return
+            }
+            Message({
+              type: 'warning',
+              message: '使用金额大于剩余预算'
+            })
+            row.useMoney = 0
+          },
+          //合计
+          summary(param) {
+            this.$nextTick(() => {
+              this.$refs['xyTable'].$children[0].doLayout()
+            })
+            const {
+              columns,
+              data
+            } = param
+            const sums = []
+            columns.map((column, index) => {
+              if (index === 0) {
+                sums[index] = '总计'
+                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 === 'money') {
+                sums[index] = this.tableTotal.moneyTotal
+                return
+              }
+
+              // const values = data.map(item => Number(item[column.property]));
+              // if (!values.every(value => isNaN(value)) && (column.property === 'money' || column.property === 'plan_price'|| column.property === 'fund_log_total')) {
+              //
+              //   sums[index] = sums[index].toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
+              // } else {
+              //   sums[index] = '';
+              // }
+            })
+
+            return sums
+          },
+          cellStyle({
+            row,
+            column,
+            rowIndex,
+            columnIndex
+          }) {
+            if (column.property === 'req_status') {
+              if (row.is_plan === 1) {
+                return {
+                  'color': 'rgb(140,140,140)'
+                }
+              }
+              switch (row.req_status) {
+                case 1:
+                  return {
+                    'color': 'rgb(96,109,241)'
+                  }
+                  break;
+                case 2:
+                  return {
+                    'color': 'rgb(219,122,122)'
+                  }
+                  break;
+                case 3:
+                  return {
+                    'color': 'rgb(147,201,134)'
+                  }
+                  break;
+                default:
+                  return {
+                    'color': 'rgb(220,185,126)'
+                  }
+              }
+            }
+            if (column.property === 'purchase_status') {
+              switch (row.purchase_status) {
+                case 1:
+                  return {
+                    'color': 'rgb(96,109,241)'
+                  }
+                  break;
+                case 2:
+                  return {
+                    'color': 'rgb(219,122,122)'
+                  }
+                  break;
+                case 3:
+                  return {
+                    'color': 'rgb(147,201,134)'
+                  }
+                  break;
+                default:
+                  return {
+                    'color': 'rgb(220,185,126)'
+                  }
+              }
+            }
+            if (column.property === 'invite_status') {
+              if (row.purchase_way.remark === 'false') {
+                return {
+                  'color': 'rgb(140,140,140)'
+                }
+              }
+              switch (row.invite_status) {
+                case 1:
+                  return {
+                    'color': 'rgb(96,109,241)'
+                  }
+                  break;
+                case 2:
+                  return {
+                    'color': 'rgb(219,122,122)'
+                  }
+                  break;
+                case 3:
+                  return {
+                    'color': 'rgb(147,201,134)'
+                  }
+                  break;
+                default:
+                  return {
+                    'color': 'rgb(220,185,126)'
+                  }
+              }
+            }
+            if (column.property === 'join_status') {
+              switch (row.join_status) {
+                case 1:
+                  return {
+                    'color': 'rgb(96,109,241)'
+                  }
+                  break;
+                case 2:
+                  return {
+                    'color': 'rgb(219,122,122)'
+                  }
+                  break;
+                case 3:
+                  return {
+                    'color': 'rgb(147,201,134)'
+                  }
+                  break;
+                default:
+                  return {
+                    'color': 'rgb(220,185,126)'
+                  }
+              }
+            }
+          },
+          confirmPlanForSearch() {
+            this.isShowPlanForSearch = false;
+            this.getContracts();
+          },
+
+          //点击付款计划查看
+          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 === 'fund_log_total') {
+              this.$router.push(`/contract/paymentRegistrationList?contractId=${row.id}`)
+            }
+          },
+          //招标文件审查
+          async bidding(row) {
+            let baseInfo = {
+              "项目名称": row?.name,
+              "项目预算（万元）": row?.plan_price / 10000
+            }
+            let res = await getOatoken()
+            let url =
+              `${process.env.VUE_APP_OUT_URL}/admin/flow/create/27?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) {
+            let baseInfo = {
+              "项目名称": row?.name,
+              "采购形式": row?.purchase_type?.value,
+              "采购方式": row?.purchase_way?.value,
+              "项目类型": this.type.filter(item => {
+                return item.value === row.type
+              })[0]?.label,
+              "资金渠道": row?.money_way?.value,
+              "项目预算（万元）": row?.plan_price / 10000
+            }
+            let res = await getOatoken()
+            let url =
+              `${process.env.VUE_APP_OUT_URL}/admin/flow/create/2?oatoken=${res.oatoken}&out_contract_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) {
+            let baseInfo = {
+              "合同名称": row?.name,
+              "执行部门": row?.carry_department,
+              "合同金额（万元）": row?.money / 10000,
+              //"承包商\\供应商":row.supply
+            }
+            let res = await getOatoken()
+            let url =
+              `${process.env.VUE_APP_OUT_URL}/admin/flow/create/3?oatoken=${res.oatoken}&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',
+              `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
+            )
+          },
+
+          //防抖
+          debounce(fn, delay = 500) {
+            let timer = null
+            return function _debounce() {
+              if (timer) clearTimeout(timer)
+              timer = setTimeout(() => {
+                fn()
+              }, delay)
+            }
+          },
+
+          //翻页
+          pageChange(e) {
+            this.select.pageIndex = e
+            this.getContracts()
+          },
+          planPageChange(e) {
+            this.plansPageIndex = e
+            this.getBudgets()
+          },
+          //日期选择
+          datePick(e) {
+            this.select.startDate = e[0]
+            this.select.endDate = e[1]
+          },
+
+          //获取预算计划
+          async getBudgets() {
+            let res = await getBudget({
+              name: this.planSearch,
+              page_size: 10,
+              page: this.plansPageIndex
+            })
+            this.plans = res.list.data
+            this.planTotal = res.list.total
+          },
+          //获取资金渠道
+          async getMoneyWay() {
+            this.moneyWay = (await getparameter({
+              number: 'money_way'
+            })).detail
+          },
+          //获取购买方式
+          async getPurchaseWay() {
+            this.purchaseWay = (await getparameter({
+              number: 'purchase_way'
+            })).detail
+          },
+          //获取科室
+          async getDepartment() {
+            this.departments = await listdeptNoAuth()
+          },
+          //获取购买形式列表
+          async getPurchaseType() {
+            this.purchaseType = (await getparameter({
+              number: 'purchase_type'
+            })).detail
+          },
+
+          //获取合同列表
+          async getContracts() {
+
+            const res = await getContract({
+              page_size: 10,
+              page: this.select.pageIndex,
+              is_auth: 1,
+              ...this.select
+            })
+
+            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.toggleSelection(this.form.plan.map(item => {
+              return item.value.plan_id
+            }))
+          },
+          async showPlanForSearch() {
+            this.isShowPlanForSearch = true
+            await this.getBudgets();
+          },
+          //选择计划 搜索
+          selectPlanForSearch(sel) {
+            console.log(sel)
+            if (sel) {
+              this.select.plan_id = sel.id;
+              this.select.plan_name = sel.name;
+            } else {
+              this.select.plan_id = "";
+              this.select.plan_name = "";
+            }
+          },
+          //选择计划
+          selectPlan(sel, row) {
+            console.log(sel)
+            if (sel) {
+              this.plan = sel.map(item => {
+                return {
+                  label: item.name,
+                  value: {
+                    plan_id: item.id,
+                    use_money: item.useMoney,
+                    new_money: item.money
+                  }
+                }
+              })
+            } else {
+              this.plan = []
+            }
+          },
+          //确认计划选择
+          planSelect() {
+            if (this.plan.length === 0) {
+              Message({
+                type: 'warning',
+                message: '选择计划不能为空'
+              })
+              return
+            }
+            for (let item of this.plan) {
+              console.log(item)
+              if (!item.value.use_money) {
+                Message({
+                  type: 'warning',
+                  message: '金额不能为空'
+                })
+                return
+              }
+            }
+            this.form.plan = this.plan
+            this.isShowPlan = false
+          },
+
+          //确认计划选择搜索
+          planSelectForSearch() {
+            if (this.select.plan_id == "") {
+              Message({
+                type: 'warning',
+                message: '选择计划不能为空'
+              })
+              return
+            }
+            this.isShowPlanForSearch = false
+          },
+          //默认选择计划
+          toggleSelection(plans) {
+            if (plans) {
+              this.plans.filter(plan => {
+                if (plans.includes(plan.id)) {
+                  plan.useMoney = this.form.plan[plans.indexOf(plan.id)].value.use_money
+                  return true
+                }
+              }).map(row => {
+                this.$refs.planTable.toggleRowSelection(row)
+              })
+            } else {
+              this.$refs.planTable.clearSelection()
+            }
+          },
+          delPlan(val) {
+            this.form.plan.map((item, index) => {
+              if (item.value.plan_id === val.value.plan_id) {
+                this.form.plan.splice(index, 1)
+              }
+            })
+          },
+          //提交新建
+          submit() {
+            addContrant({
+              type: this.form.type,
+              is_plan: this.form.isBudget ? 1 : 0,
+              purchase_type_id: this.form.methods,
+              purchase_way_id: this.form.modality,
+              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
+              })
+            }).then(res => {
+              this.isShowAdd = false
+              Message({
+                type: 'success',
+                message: '操作成功'
+              })
+              this.$refs['addContract'].reset()
+              this.$refs['planTable'].clearSelection()
+              this.getContracts()
+            })
+          },
+
+          //删除合同
+          deleteContract(id) {
+            delContract({
+              id
+            }).then(res => {
+              Message({
+                type: 'success',
+                message: '操作成功'
+              })
+              this.getContracts()
+            })
+          },
+        },
+        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
+          let that = this;
+          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()
+          //页面激活后刷新合同列表
+          window.onfocus = () => {
+            this.getContracts()
+          }
+        },
+        destroyed() {
+          window.onfocus = null
+        }
+      }
+</script>
+
+<style lang="scss" scoped>
+  .selects {
+    display: flex;
+    flex-wrap: wrap;
+
+    &>div {
+      margin-bottom: 6px;
+    }
+  }
+
+  .selectTop {
+    margin-top: 10px;
+  }
+
+  .contract-add-plan {
+    min-height: 30px;
+    border: 1px solid #dcdee2;
+    border-radius: 4px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    align-content: center;
+
+    padding: 0 8px;
+
+    &-no-plan {
+      height: 30px;
+      line-height: 30px;
+      color: #CDD0D5;
+    }
+  }
+
+
+  .slot-btns {
+    display: flex;
+    flex-wrap: wrap;
+    align-content: center;
+    justify-content: flex-start;
+
+    &-item {
+      margin: 0 6px 4px 0;
+    }
+  }
+
+  .xy-table-item-label {
+    width: 140px;
+  }
+
+  .xy-table-item-price {
+    position: relative;
+
+    &::after {
+      position: absolute;
+      right: 0;
+      top: 0;
+      content: '（元）'
+    }
+  }
 </style>
diff --git a/src/views/contract/seeContract.vue b/src/views/contract/seeContract.vue
index 6ee5df8..49c6a0d 100644
--- a/src/views/contract/seeContract.vue
+++ b/src/views/contract/seeContract.vue
@@ -1,903 +1,1404 @@
-<template>
-  <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>
-              <Input v-model="select.keyword" clearable placeholder="关键字搜索" style="width: 200px"/>
-            </span>
-          </div>
-
-          <div>
-            <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>
-            </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>
-            </Select>
-          </div>
-
-          <div>
-            <span style="padding: 0 6px;word-break: keep-all;">
-            业务科室
-          </span>
-            <el-select v-model="select.department" clearable placeholder="业务科室选择" size="small" style="width: 160px;">
-              <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.purchaseModality" clearable placeholder="请选择采购形式" style="width:200px;">
-              <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.purchaseMethods" 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>
-            <InputNumber
-              v-model="select.priceMin"
-              :min="0"
-              placeholder="最小金额"
-              style="width: 100px;"/>
-            <span style="padding: 0 5px;">-</span>
-            <InputNumber
-              v-model="select.priceMax"
-              :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:200px;">
-              <Option v-for="item in [{label:'待签订',value:1},{label:'已签订',value:2}]" :key="item.value"
-                      :value="item.value">{{ item.label }}
-              </Option>
-            </Select>
-          </div>
-
-          <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"  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="">
-      <template v-slot:btns>
-        <el-table-column align="center" fixed="right" header-align="center" label="操作" width="100">
-          <template slot-scope="scope">
-            <div class="slot-btns">
+<template>
+  <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>
+              <Input v-model="select.keyword" clearable placeholder="关键字搜索" style="width: 200px" />
+            </span>
+          </div>
+          <div>
+            <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" />
+            </span>
+          </div>
+          <div>
+            <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>
+            </span>
+          </div>
+          <div>
+            <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>
+            </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>
+            </Select>
+          </div>
+
+          <div>
+            <span style="padding: 0 6px;word-break: keep-all;">
+              业务科室
+            </span>
+            <el-select v-model="select.department" 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.purchaseModality" 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.purchaseMethods" 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>
+            <InputNumber v-model="select.priceMin" :min="0" placeholder="最小金额" style="width: 100px;" />
+            <span style="padding: 0 5px;">-</span>
+            <InputNumber v-model="select.priceMax" :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 }}
+              </Option>
+            </Select>
+          </div>
+
+          <div>
+            <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 }}
+              </Option>
+            </Select>
+          </div>
+          <div>
+            <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 }}
+              </Option>
+            </Select>
+          </div>
+          <div>
+            <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 }}
+              </Option>
+            </Select>
+          </div>
+          <div>
+            <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 }}
+              </Option>
+            </Select>
+          </div>
+
+          <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"  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="">
+      <template v-slot:btns>
+        <el-table-column fixed="right" header-align="center" label="操作" width="200">
+          <template slot-scope="scope">
+            <div class="slot-btns">
+              
               <Button class="slot-btns-item" size="small" type="primary"
-                      @click="$refs['detailContract'].getDetail(scope.row.id),$refs['detailContract'].isShowDetail = true">
+                @click="$refs['detailContract'].getDetail(scope.row.id),$refs['detailContract'].isShowDetail = true">
                 查看
-              </Button>
-            </div>
-          </template>
-        </el-table-column>
-      </template>
-    </xy-table>
-
-    <div style="display: flex;justify-content: flex-end;">
-      <Page :total="total" show-elevator @on-change="pageChange"/>
-    </div>
-
-    <!--    查看-->
-    <detail ref="detailContract"></detail>
-
-    <!--    查看付款计划-->
-    <contractPaymentRegistration ref="contractPaymentRegistration"></contractPaymentRegistration>
-  </div>
-</template>
-
-<script>
-import {getContract, addContrant, delContract} 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} from "@/utils"
-import {Message} from "element-ui";
-
-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";
-import {login} from "@/api/user";
-
-export default {
-  components: {
-    editor,
-    detail,
-    paymentRegistration,
-    contractSign,
-    contractPaymentRegistration
-  },
-  data() {
-    var planPass = (rule, value, callback) => {
-      if (this.form.isBudget) {
-        if (this.form.plan.length === 0) {
-          return callback(new Error('必选'))
-        } else {
-          callback()
-        }
-      } else {
-        callback()
-      }
-    }
-    return {
-      window: {
-        width: 0,
-        height: 0,
-        top: 0,
-        left: 0
-      },
-
-      //搜索
-      select: {
-        keyword: '',
-        showDatePicker: '',
-        pageIndex: 1,
-        startDate: "",
-        endDate: "",
-        type: "",
-        department: "",
-        purchaseModality: "",
-        purchaseMethods: "",
-        priceMin: null,
-        priceMax: null,
-        status: ""
-      },
-      type: [{label: '服务', value: 1}, {label: '货物', value: 2}, {label: '工程', value: 3}],
-      purchaseType: [],//购买形式
-      purchaseWay: [],//购买方式
-      moneyWay: [],//资金渠道
-      departments: [],//部门科室
-      list: [],//数据
-      total: 0,
-      //表格
-      table: [
-        {
-          label: "项目名称",
-          width: 150,
-          prop: 'name',
-          fixed: 'left',
-          align: 'left'
-        },
-        {
-          label: "采购形式",
-          width: 120,
-          prop: 'purchase_type.value'
-        },
-        {
-          label: "项目类型",
-          width: 120,
-          prop: 'type',
-          formatter: (cell, data, value) => {
-
-            switch (value) {
-              case 1:
-                return "服务"
-                break;
-              case 2:
-                return "货物"
-                break;
-              case 3:
-                return "工程"
-                break;
-              default:
-                return "未知"
-            }
-          }
-        },
-        {
-          label: "采购流程",
-          multiHd: [
-            {
-              label: "请示流程",
-              width: 140,
-              prop: 'req_status',
-              formatter: (cell, data, value) => {
-                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',
-              formatter: (cell, data, value) => {
-                switch (value) {
-                  case 1:
-                    return "待申请"
-                    break;
-                  case 2:
-                    return "流转中"
-                    break;
-                  case 3:
-                    return "已办结"
-                    break;
-                  default:
-                    return "异常"
-                    break;
-                }
-              }
-            },
-            {
-              label: "招标审核流程",
-              width: 145,
-              prop: 'invite_status',
-              formatter: (cell, data, value) => {
-                if(cell.purchase_way.remark === 'false'){
-                  return '无'
-                }
-                switch (value) {
-                  case 1:
-                    return "待申请"
-                    break;
-                  case 2:
-                    return "流转中"
-                    break;
-                  case 3:
-                    return "已办结"
-                    break;
-                  default:
-                    return "异常"
-                    break;
-                }
-              }
-            },
-            {
-              label: "合同会签流程",
-              width: 145,
-              prop: 'join_status',
-              formatter: (cell, data, value) => {
-                switch (value) {
-                  case 1:
-                    return "待申请"
-                    break;
-                  case 2:
-                    return "流转中"
-                    break;
-                  case 3:
-                    return "已办结"
-                    break;
-                  default:
-                    return "异常"
-                    break;
-                }
-              }
-            }
-          ]
-        },
-        {
-          label: "采购方式",
-          width: 120,
-          prop: "purchase_way.value"
-        },
-        {
-          label: "资金来源",
-          width: 120,
-          customFn: (row) => {
-            {
-              return row.money_way_detail.map(item => {
-                return (<div>{item.value}</div>)
-              })
-            }
-
-          }
-        },
-        {
-          label: '已申请金额(元)',
-          prop: 'apply_money_total',
-          width: 180,
-          align: 'right',
-          formatter: (cell, data, value) => {
-            return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-          }
-        },
-        {
-          label: '已付金额(元)',
-          prop: 'fund_log_total',
-          width: 180,
-          align: 'right',
-          formatter: (cell, data, value) => {
-            return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-          }
-        },
-        {
-          label: '支付占比',
-          width: 180,
-          customFn: (row) => {
-            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: 180,
-          prop: "plan_price",
-          align: 'right',
-          formatter: (v1, v2, value) => {
-            return value.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-          }
-        },
-        {
-          label: '合同签订价（元）',
-          width: 180,
-          prop: 'money',
-          align: 'right',
-          formatter: (cell, data, value) => {
-            return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-          }
-        },
-        {
-          label: "合同状态",
-          width: 120,
-          prop: "status",
-          formatter: (cell, data, value) => {
-            switch (value) {
-              case 1:
-                return "待签订"
-                break;
-              case 2:
-                return "已签订"
-                break;
-              default:
-                return "未知"
-            }
-          }
-        },
-        {
-          label: '付款计划',
-          prop: 'sign_plan_count',
-          width: 120,
-          formatter: (cell, data, value) => {
-            if (value == 0) return '暂无'
-            return value + '期'
-          }
-        },
-        {
-          label: "业务科室",
-          width: 140,
-          prop: 'department.name'
-        },
-        {
-          label: "经办人",
-          width: 140,
-          prop: 'admin.name'
-        },
-        {
-          label: "创建日期",
-          width: 160,
-          prop: 'created_at',
-          formatter: (cell, data, value) => {
-            return parseTime(new Date(value), "{y}-{m}-{d}")
-          }
-        }
-      ],
-      //总计
-      tableTotal: {
-        fundLogTotal: 0,
-        moneyTotal: 0,
-        planPriceTotal: 0
-      },
-
-      planTable: [
-        {
-          width: 36,
-          sortable: false,
-          type: 'selection'
-        },
-        {
-          label: "分类",
-          prop: 'type',
-          formatter: (cell, data, value) => {
-            switch (value) {
-              case 1:
-                return "部门预算"
-                break;
-              case 2:
-                return "水务计划"
-                break;
-              case 3:
-                return '补助经费'
-                break
-              case 4:
-                return '其他'
-                break
-              default:
-                return "未知"
-            }
-          }
-        },
-        {
-          label: "名称",
-          prop: 'name',
-          align: 'left'
-        },
-        {
-          label: "计划金额",
-          prop: 'money',
-          align: 'right'
-        }
-      ],
-
-
-      //新增
-      isShowAdd: false,
-      form: {
-        name: "",
-        type: "",
-        methods: "",
-        modality: "",
-        price: "",
-        fundingChannels: [],
-        isBudget: true,
-        plan: []
-      },
-      rules: {
-        name: [
-          {required: true, message: "必填"}
-        ],
-        type: [
-          {required: true, message: "必选"}
-        ],
-        methods: [
-          {required: true, message: "必选"}
-        ],
-        modality: [
-          {required: true, message: "必选"}
-        ],
-        price: [
-          {required: true, message: "必填"},
-          {pattern: /^\d+(\.\d+)?$/, message: '必须为数字'}
-        ],
-        fundingChannels: [
-          {required: true, message: "必填"}
-        ],
-        plan: [
-          {validator: planPass, trigger: 'change'}
-        ]
-      },
-      isShowPlan: false,//新增中预算计划
-      plans: [],//预算数据
-      planSearch: '',
-      planTotal: 0,
-      plansPageIndex: 1,
-
-      isShowEditor: false,
-    }
-  },
-  methods: {
-    //预算计划金额输入
-    planInput(e, row) {
-      if (e <= (Number(row.money) - Number(row.use_money_total))) {
-        row.useMoney = e
-      } else {
-        Message({
-          type: 'warning',
-          message: '使用金额大于剩余预算'
-        })
-        row.useMoney = 0
-      }
-    },
-    //合计
-    summary(param) {
-      this.$nextTick(() => {
-        this.$refs['xyTable'].$children[0].doLayout()
-      })
-      const {columns, data} = param
-      const sums = []
-      columns.map((column, index) => {
-        if (index === 0) {
-          sums[index] = '总计'
-          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 === 'money') {
-          sums[index] = this.tableTotal.moneyTotal
-          return
-        }
-
-        // const values = data.map(item => Number(item[column.property]));
-        // if (!values.every(value => isNaN(value)) && (column.property === 'money' || column.property === 'plan_price'|| column.property === 'fund_log_total')) {
-        //
-        //   sums[index] = sums[index].toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
-        // } else {
-        //   sums[index] = '';
-        // }
-      })
-
-      return sums
-    },
-
-    cellStyle({row, column, rowIndex, columnIndex}) {
-      if (column.property === 'req_status') {
-        if (row.is_plan === 1) {
-          return {'color': 'rgb(140,140,140)'}
-        }
-        switch (row.req_status) {
-          case 1:
-            return {'color': 'rgb(96,109,241)'}
-            break;
-          case 2:
-            return {'color': 'rgb(219,122,122)'}
-            break;
-          case 3:
-            return {'color': 'rgb(147,201,134)'}
-            break;
-          default:
-            return {'color': 'rgb(220,185,126)'}
-        }
-      }
-      if (column.property === 'purchase_status') {
-        switch (row.purchase_status) {
-          case 1:
-            return {'color': 'rgb(96,109,241)'}
-            break;
-          case 2:
-            return {'color': 'rgb(219,122,122)'}
-            break;
-          case 3:
-            return {'color': 'rgb(147,201,134)'}
-            break;
-          default:
-            return {'color': 'rgb(220,185,126)'}
-        }
-      }
-      if (column.property === 'invite_status') {
-        if(row.purchase_way.remark === 'false'){
-          return {'color': 'rgb(140,140,140)'}
-        }
-        switch (row.invite_status) {
-          case 1:
-            return {'color': 'rgb(96,109,241)'}
-            break;
-          case 2:
-            return {'color': 'rgb(219,122,122)'}
-            break;
-          case 3:
-            return {'color': 'rgb(147,201,134)'}
-            break;
-          default:
-            return {'color': 'rgb(220,185,126)'}
-        }
-      }
-      if (column.property === 'join_status') {
-        switch (row.join_status) {
-          case 1:
-            return {'color': 'rgb(96,109,241)'}
-            break;
-          case 2:
-            return {'color': 'rgb(219,122,122)'}
-            break;
-          case 3:
-            return {'color': 'rgb(147,201,134)'}
-            break;
-          default:
-            return {'color': 'rgb(220,185,126)'}
-        }
-      }
-    },
-
-    //点击付款计划查看
-    showPaymentPlan(row, column, cell) {
-      //console.log(column)
-      if (column.property === 'sign_plan_count') {
-        this.$refs['contractPaymentRegistration'].getSignPlan(row.id)
-        this.$refs['contractPaymentRegistration'].isShow = true
-      }
-      if (column.property === 'fund_log_total') {
-        this.$router.push(`/contract/paymentRegistrationList?contractId=${row.id}`)
-      }
-    },
-    //招标文件审查
-    async bidding(row) {
-      let baseInfo = {
-        "项目名称": row?.name,
-        "项目预算（万元）": row?.plan_price
-      }
-      let res = await getOatoken()
-      let url = `${process.env.VUE_APP_OUT_URL}/admin/flow/create/27?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) {
-      let baseInfo = {
-        "项目名称": row?.name,
-        "采购形式": row?.purchase_type?.value,
-        "采购方式": row?.purchase_way?.value,
-        "项目类型": this.type.filter(item => {
-          return item.value === row.type
-        })[0]?.label,
-        "项目预算（万元）": row?.plan_price,
-        "资金渠道": row?.money_way?.value
-      }
-      let res = await getOatoken()
-      let url = `${process.env.VUE_APP_OUT_URL}/admin/flow/create/2?oatoken=${res.oatoken}&out_contract_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) {
-      let baseInfo = {
-        "合同名称": row?.name,
-        "执行部门": row?.carry_department,
-        "合同金额（万元）": row?.money,
-        //"承包商\\供应商":row.supply
-      }
-      let res = await getOatoken()
-      let url = `${process.env.VUE_APP_OUT_URL}/admin/flow/create/3?oatoken=${res.oatoken}&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', `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`)
-    },
-
-    //防抖
-    debounce(fn, delay = 500) {
-      let timer = null
-      return function _debounce() {
-        if (timer) clearTimeout(timer)
-        timer = setTimeout(() => {
-          fn()
-        }, delay)
-      }
-    },
-
-    //翻页
-    pageChange(e) {
-      this.select.pageIndex = e
-      this.getContracts()
-    },
-    planPageChange(e) {
-      this.plansPageIndex = e
-      this.getBudgets()
-    },
-    //日期选择
-    datePick(e) {
-      this.select.startDate = e[0]
-      this.select.endDate = e[1]
-    },
-
-    //获取预算计划
-    async getBudgets() {
-      let res = await getBudget({name: this.planSearch, page_size: 10, page: this.plansPageIndex})
-      this.plans = res.list.data
-      this.planTotal = res.list.total
-    },
-    //获取资金渠道
-    async getMoneyWay() {
-      this.moneyWay = (await getparameter({number: 'money_way'})).detail
-    },
-    //获取购买方式
-    async getPurchaseWay() {
-      this.purchaseWay = (await getparameter({number: 'purchase_way'})).detail
-    },
-    //获取科室
-    async getDepartment() {
-      this.departments = await listdeptNoAuth()
-    },
-    //获取购买形式列表
-    async getPurchaseType() {
-      this.purchaseType = (await getparameter({number: 'purchase_type'})).detail
-    },
-
-    //获取合同列表
-    async getContracts() {
-      const res = await getContract({
-        keyword: this.select.keyword,
-        page_size: 10,
-        page: this.select.pageIndex,
-        start_created_at: this.select.startDate,
-        end_created_at: this.select.endDate,
-        type: this.select.type,
-        department_id: this.select.department,
-        purchase_type_id: this.select.purchaseModality,
-        purchase_way_id: this.select.purchaseMethods,
-        start_plan_price: this.select.priceMin,
-        end_plan_price: this.select.priceMax,
-        status: this.select.status
-      })
-      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.toggleSelection(this.form.plan.map(item => {
-        return item.value.plan_id
-      }))
-    },
-    //选择计划
-    selectPlan(sel, row) {
-      if (sel) {
-        //console.log(sel,row)
-        this.form.plan = sel.map(item => {
-          return {
-            label: item.name,
-            value: {
-              plan_id: item.id,
-              use_money: item.useMoney,
-              new_money: item.money
-            }
-          }
-        })
-      } else {
-        this.form.plan = []
-      }
-    },
-    //默认选择计划
-    toggleSelection(plans) {
-      if (plans && plans.length > 0) {
-        this.plans.filter(plan => {
-          return plans.includes(plan.id)
-        }).map(row => {
-          this.$refs.planTable.toggleRowSelection(row)
-        })
-      } else {
-        this.$refs.planTable.clearSelection()
-      }
-    },
-    delPlan(val) {
-      this.form.plan.map((item, index) => {
-        if (item.value.plan_id === val.value.plan_id) {
-          this.form.plan.splice(index, 1)
-        }
-      })
-    },
-
-  },
-  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.getPurchaseType()
-    this.getContracts()
-    this.getDepartment()
-    this.getPurchaseWay()
-    this.getMoneyWay()
-
-    //页面激活后刷新合同列表
-    window.onfocus = () => {
-      this.getContracts()
-    }
-  },
-  destroyed() {
-    window.onfocus = null
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.selects {
-  display: flex;
-  flex-wrap: wrap;
-
-  & > div {
-    margin-bottom: 6px;
-  }
-}
-
-.selectTop {
-  margin-top: 10px;
-}
-
-.contract-add-plan {
-  min-height: 30px;
-  border: 1px solid #dcdee2;
-  border-radius: 4px;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  align-content: center;
-
-  padding: 0 8px;
-
-  &-no-plan {
-    height: 30px;
-    line-height: 30px;
-    color: #CDD0D5;
-  }
-}
-
-
-.slot-btns {
-  display: flex;
-  flex-wrap: wrap;
-  align-content: center;
-  justify-content: flex-start;
-
-  &-item {
-    margin: 0 6px 4px 0;
-  }
-}
-
-.xy-table-item-label {
-  width: 140px;
-}
-
-.xy-table-item-price {
-  position: relative;
-
-  &::after {
-    position: absolute;
-    right: 0;
-    top: 0;
-    content: '（元）'
-  }
-}
+              </Button>
+            </div>
+          </template>
+        </el-table-column>
+      </template>
+    </xy-table>
+
+    <div style="display: flex;justify-content: flex-end;">
+      <Page :total="total" show-elevator @on-change="pageChange" />
+    </div>
+
+    <!--  新增合同  -->
+    <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>项目名称
+          </div>
+          <div class="xy-table-item-content">
+            <el-input v-model="form.name" placeholder="请填写项目名称" 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>项目类型
+          </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>
+          </div>
+        </div>
+      </template>
+      <template v-slot:methods>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <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>
+          </div>
+        </div>
+      </template>
+      <template v-slot:modality>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <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>
+          </div>
+        </div>
+      </template>
+      <template v-slot:price>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <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;" />
+          </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>资金渠道
+          </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>
+          </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>
+          <div class="xy-table-item-content">
+            <el-switch v-model="form.isBudget" />
+          </div>
+        </div>
+      </template>
+      <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>关联预算计划
+          </div>
+          <div class="xy-table-item-content">
+            <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>
+                </template>
+              </template>
+              <template v-else>
+                <div class="contract-add-plan-no-plan">请选择关联计划</div>
+              </template>
+            </div>
+          </div>
+        </div>
+      </template>
+    </xy-dialog>
+
+
+
+    <!--  搜索使用 预算计划  -->
+    <xy-dialog :is-show.sync="isShowPlanForSearch" title="预算计划" :width="640" @on-ok="planSelectForSearch">
+      <template v-slot:normalContent>
+        <Input v-model="planSearch" search enter-button="搜 索" placeholder="搜索预算计划.." @on-search="getBudgets" />
+        <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>
+
+        <div style="display: flex;justify-content: flex-end;">
+          <Page :total="planTotal" show-elevator @on-change="planPageChange" />
+        </div>
+        <el-tag type="warning">点击行进行选择</el-tag>
+      </template>
+
+      <template v-slot:footerContent>
+        <Button type="primary" @click="confirmPlanForSearch">确定</Button>
+      </template>
+    </xy-dialog>
+
+    <!--  新增表 预算计划  -->
+    <xy-dialog :is-show.sync="isShowPlan" :width="640" title="预算计划" @on-ok="planSelect">
+      <template v-slot:normalContent>
+        <Input v-model="planSearch" enter-button="搜 索" placeholder="搜索预算计划.." search @on-search="getBudgets" />
+
+        <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="使用金额">
+              <template slot-scope="scope">
+                <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>
+      </template>
+
+      <template v-slot:footerContent>
+        <Button type="primary" @click="isShowPlan = false">确定</Button>
+      </template>
+    </xy-dialog>
+
+    <!--    编辑-->
+    <editor ref="editor" :is-show-editor.sync="isShowEditor" :money-way="moneyWay" :purchase-type="purchaseType"
+      :purchase-way="purchaseWay" @success="getContracts"></editor>
+
+    <!--    查看-->
+    <detail ref="detailContract"></detail>
+
+    <!--付款登记-->
+    <paymentRegistration ref="paymentRegistration"></paymentRegistration>
+
+    <!--    合同签订-->
+    <contractSign ref="contractSign" @signSuccess="getContracts"></contractSign>
+
+    <!--    查看付款计划-->
+    <contractPaymentRegistration ref="contractPaymentRegistration"></contractPaymentRegistration>
+  </div>
+</template>
+
+<script>
+  import {
+    getContract,
+    addContrant,
+    delContract
+  } 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
+  } from "@/utils"
+  import {
+    Message
+  } from "element-ui";
+
+  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";
+
+  export default {
+    components: {
+      editor,
+      detail,
+      paymentRegistration,
+      contractSign,
+      contractPaymentRegistration
+    },
+    data() {
+      var planPass = (rule, value, callback) => {
+        if (this.form.isBudget) {
+          if (this.form.plan.length === 0) {
+            return callback(new Error('必选'))
+          } else {
+            callback()
+          }
+        } else {
+          callback()
+        }
+      }
+      return {
+        window: {
+          width: 0,
+          height: 0,
+          top: 0,
+          left: 0
+        },
+        isShowPlanForSearch: false,
+        options: [{
+          value: "",
+          label: '全部'
+        }, {
+          value: 1,
+          label: '待申请'
+        }, {
+          value: 2,
+          label: '流转中'
+        }, {
+          value: 3,
+          label: '已办结'
+        }],
+
+        //搜索
+        select: {
+          keyword: '',
+          showDatePicker: '',
+          pageIndex: 1,
+          startDate: "",
+          endDate: "",
+          type: "",
+          department: "",
+          purchaseModality: "",
+          purchaseMethods: "",
+          priceMin: null,
+          priceMax: null,
+          status: "",
+          year: "",
+          plan_id: "",
+          plan_name: "请选择预算计划"
+        },
+        type: [{
+          label: '服务',
+          value: 1
+        }, {
+          label: '货物',
+          value: 2
+        }, {
+          label: '工程',
+          value: 3
+        }],
+        purchaseType: [], //购买形式
+        purchaseWay: [], //购买方式
+        moneyWay: [], //资金渠道
+        departments: [], //部门科室
+        list: [], //数据
+        total: 0,
+        //表格
+        table: [{
+            label: "项目名称",
+            width: 380,
+            prop: 'name',
+            fixed: 'left',
+            align: 'left'
+          },
+          {
+            label: "采购形式",
+            width: 120,
+            prop: 'purchase_type.value'
+          },
+          {
+            label: "项目类型",
+            width: 120,
+            prop: 'type',
+            formatter: (cell, data, value) => {
+
+              switch (value) {
+                case 1:
+                  return "服务"
+                  break;
+                case 2:
+                  return "货物"
+                  break;
+                case 3:
+                  return "工程"
+                  break;
+                default:
+                  return "未知"
+              }
+            }
+          },
+          {
+            label: "采购流程",
+            multiHd: [{
+                label: "请示流程",
+                width: 140,
+                prop: 'req_status',
+                formatter: (cell, data, value) => {
+                  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',
+                formatter: (cell, data, value) => {
+                  switch (value) {
+                    case 1:
+                      return "待申请"
+                      break;
+                    case 2:
+                      return "流转中"
+                      break;
+                    case 3:
+                      return "已办结"
+                      break;
+                    default:
+                      return "异常"
+                      break;
+                  }
+                }
+              },
+              {
+                label: "招标审核流程",
+                width: 145,
+                prop: 'invite_status',
+                formatter: (cell, data, value) => {
+                  if (cell.purchase_way.remark === 'false') {
+                    return '无'
+                  }
+                  switch (value) {
+                    case 1:
+                      return "待申请"
+                      break;
+                    case 2:
+                      return "流转中"
+                      break;
+                    case 3:
+                      return "已办结"
+                      break;
+                    default:
+                      return "异常"
+                      break;
+                  }
+                }
+              },
+              {
+                label: "合同会签流程",
+                width: 145,
+                prop: 'join_status',
+                formatter: (cell, data, value) => {
+                  switch (value) {
+                    case 1:
+                      return "待申请"
+                      break;
+                    case 2:
+                      return "流转中"
+                      break;
+                    case 3:
+                      return "已办结"
+                      break;
+                    default:
+                      return "异常"
+                      break;
+                  }
+                }
+              }
+            ]
+          },
+          {
+            label: "采购方式",
+            width: 120,
+            prop: "purchase_way.value"
+          },
+          {
+            label: "资金来源",
+            width: 120,
+            customFn: (row) => {
+              {
+                return row.money_way_detail.map(item => {
+                    return ( < div > {
+                        item.value
+                      } < /div>)
+                    })
+                }
+
+              }
+            },
+            {
+              label: "预算计划",
+              width: 320,
+              align: "left",
+              customFn: (row) => {
+                {
+                  return row.plans.map(item => {
+                      return ( < div > {
+                          item.name
+                        } < /div>)
+                      })
+                  }
+
+                }
+              },
+              {
+                label: '已申请金额(元)',
+                prop: 'apply_money_total',
+                width: 140,
+                align: 'right',
+                formatter: (cell, data, value) => {
+                  return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
+                }
+              },
+              {
+                label: '已付金额(元)',
+                prop: 'fund_log_total',
+                width: 140,
+                align: 'right',
+                formatter: (cell, data, value) => {
+                  return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
+                }
+              },
+              {
+                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
+                    } %
+                    <
+                    /div>
+                  )
+                }
+              },
+              {
+                label: "合同预算价(元)",
+                width: 140,
+                prop: "plan_price",
+                align: 'right',
+                formatter: (v1, v2, value) => {
+                  return value.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
+                }
+              },
+              {
+                label: '合同签订价(元)',
+                width: 140,
+                prop: 'money',
+                align: 'right',
+                formatter: (cell, data, value) => {
+                  return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
+                }
+              },
+              {
+                label: "合同状态",
+                width: 120,
+                prop: "status",
+                formatter: (cell, data, value) => {
+                  switch (value) {
+                    case 1:
+                      return "待签订"
+                      break;
+                    case 2:
+                      return "已签订"
+                      break;
+                    default:
+                      return "未知"
+                  }
+                }
+              },
+              {
+                label: "结算状态",
+                width: 120,
+                prop: "is_end",
+                formatter: (cell, data, value) => {
+                 return value===0?"未结清":"已结清";
+                }
+              },
+              {
+                label: '付款计划',
+                prop: 'sign_plan_count',
+                width: 120,
+                formatter: (cell, data, value) => {
+                  if (value == 0) return '暂无'
+                  return value + '期'
+                }
+              },
+              {
+                label: "业务科室",
+                width: 140,
+                prop: 'department.name'
+              },
+              {
+                label: "经办人",
+                width: 140,
+                prop: 'admin.name'
+              },
+              {
+                label: "签订日期",
+                width: 160,
+                prop: 'date',
+                formatter: (cell, data, value) => {
+                  if (value)
+                    return parseTime(new Date(value), "{y}-{m}-{d}")
+                }
+              },
+              {
+                label: "创建日期",
+                width: 160,
+                prop: 'created_at',
+                formatter: (cell, data, value) => {
+                  return parseTime(new Date(value), "{y}-{m}-{d}")
+                }
+              }
+            ],
+            //总计
+            tableTotal: {
+              fundLogTotal: 0,
+              moneyTotal: 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 || '未知'
+                }
+              },
+              {
+                label: "年份",
+                prop: 'year',
+                align: 'center'
+              },
+              {
+                label: "名称",
+                prop: 'name',
+                align: 'left'
+              },
+              {
+                label: "计划金额",
+                prop: 'money',
+                align: 'right'
+              }
+            ],
+            planTable: [{
+                width: 36,
+                sortable: false,
+                type: 'selection'
+              },
+              {
+                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'
+              },
+              {
+                label: "名称",
+                prop: 'name',
+                align: 'left'
+              },
+              {
+                label: "计划金额",
+                prop: 'money',
+                align: 'right'
+              }
+            ],
+
+
+            //新增
+            isShowAdd: false,
+            form: {
+              name: "",
+              type: "",
+              methods: "",
+              modality: "",
+              price: "",
+              fundingChannels: [],
+              isBudget: true,
+              plan: []
+            },
+            plan: [],
+            rules: {
+              name: [{
+                required: true,
+                message: "必填"
+              }],
+              type: [{
+                required: true,
+                message: "必选"
+              }],
+              methods: [{
+                required: true,
+                message: "必选"
+              }],
+              modality: [{
+                required: true,
+                message: "必选"
+              }],
+              price: [{
+                  required: true,
+                  message: "必填"
+                },
+                {
+                  pattern: /^\d+(\.\d+)?$/,
+                  message: '必须为数字'
+                }
+              ],
+              fundingChannels: [{
+                required: true,
+                message: "必填"
+              }],
+              plan: [{
+                validator: planPass,
+                trigger: 'change'
+              }]
+            },
+            isShowPlan: false, //新增中预算计划
+            plans: [], //预算数据
+            planSearch: '',
+            planTotal: 0,
+            plansPageIndex: 1,
+
+            isShowEditor: false,
+          }
+        },
+        methods: {
+          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)
+          },
+
+          //预算计划金额输入
+          planInput(e, row) {
+            if (!/^[0-9]+.?[0-9]*$/.test(e) && e) {
+              Message({
+                type: 'warning',
+                message: '金额格式错误'
+              })
+              row.useMoney = 0
+              return
+            }
+            if (e <= (Number(row.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
+                }
+              })
+              return
+            }
+            Message({
+              type: 'warning',
+              message: '使用金额大于剩余预算'
+            })
+            row.useMoney = 0
+          },
+          //合计
+          summary(param) {
+            this.$nextTick(() => {
+              this.$refs['xyTable'].$children[0].doLayout()
+            })
+            const {
+              columns,
+              data
+            } = param
+            const sums = []
+            columns.map((column, index) => {
+              if (index === 0) {
+                sums[index] = '总计'
+                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 === 'money') {
+                sums[index] = this.tableTotal.moneyTotal
+                return
+              }
+
+              // const values = data.map(item => Number(item[column.property]));
+              // if (!values.every(value => isNaN(value)) && (column.property === 'money' || column.property === 'plan_price'|| column.property === 'fund_log_total')) {
+              //
+              //   sums[index] = sums[index].toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
+              // } else {
+              //   sums[index] = '';
+              // }
+            })
+
+            return sums
+          },
+          cellStyle({
+            row,
+            column,
+            rowIndex,
+            columnIndex
+          }) {
+            if (column.property === 'req_status') {
+              if (row.is_plan === 1) {
+                return {
+                  'color': 'rgb(140,140,140)'
+                }
+              }
+              switch (row.req_status) {
+                case 1:
+                  return {
+                    'color': 'rgb(96,109,241)'
+                  }
+                  break;
+                case 2:
+                  return {
+                    'color': 'rgb(219,122,122)'
+                  }
+                  break;
+                case 3:
+                  return {
+                    'color': 'rgb(147,201,134)'
+                  }
+                  break;
+                default:
+                  return {
+                    'color': 'rgb(220,185,126)'
+                  }
+              }
+            }
+            if (column.property === 'purchase_status') {
+              switch (row.purchase_status) {
+                case 1:
+                  return {
+                    'color': 'rgb(96,109,241)'
+                  }
+                  break;
+                case 2:
+                  return {
+                    'color': 'rgb(219,122,122)'
+                  }
+                  break;
+                case 3:
+                  return {
+                    'color': 'rgb(147,201,134)'
+                  }
+                  break;
+                default:
+                  return {
+                    'color': 'rgb(220,185,126)'
+                  }
+              }
+            }
+            if (column.property === 'invite_status') {
+              if (row.purchase_way.remark === 'false') {
+                return {
+                  'color': 'rgb(140,140,140)'
+                }
+              }
+              switch (row.invite_status) {
+                case 1:
+                  return {
+                    'color': 'rgb(96,109,241)'
+                  }
+                  break;
+                case 2:
+                  return {
+                    'color': 'rgb(219,122,122)'
+                  }
+                  break;
+                case 3:
+                  return {
+                    'color': 'rgb(147,201,134)'
+                  }
+                  break;
+                default:
+                  return {
+                    'color': 'rgb(220,185,126)'
+                  }
+              }
+            }
+            if (column.property === 'join_status') {
+              switch (row.join_status) {
+                case 1:
+                  return {
+                    'color': 'rgb(96,109,241)'
+                  }
+                  break;
+                case 2:
+                  return {
+                    'color': 'rgb(219,122,122)'
+                  }
+                  break;
+                case 3:
+                  return {
+                    'color': 'rgb(147,201,134)'
+                  }
+                  break;
+                default:
+                  return {
+                    'color': 'rgb(220,185,126)'
+                  }
+              }
+            }
+          },
+          confirmPlanForSearch() {
+            this.isShowPlanForSearch = false;
+            this.getContracts();
+          },
+
+          //点击付款计划查看
+          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 === 'fund_log_total') {
+              this.$router.push(`/contract/paymentRegistrationList?contractId=${row.id}`)
+            }
+          },
+          //招标文件审查
+          async bidding(row) {
+            let baseInfo = {
+              "项目名称": row?.name,
+              "项目预算（万元）": row?.plan_price / 10000
+            }
+            let res = await getOatoken()
+            let url =
+              `${process.env.VUE_APP_OUT_URL}/admin/flow/create/27?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) {
+            let baseInfo = {
+              "项目名称": row?.name,
+              "采购形式": row?.purchase_type?.value,
+              "采购方式": row?.purchase_way?.value,
+              "项目类型": this.type.filter(item => {
+                return item.value === row.type
+              })[0]?.label,
+              "资金渠道": row?.money_way?.value,
+              "项目预算（万元）": row?.plan_price / 10000
+            }
+            let res = await getOatoken()
+            let url =
+              `${process.env.VUE_APP_OUT_URL}/admin/flow/create/2?oatoken=${res.oatoken}&out_contract_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) {
+            let baseInfo = {
+              "合同名称": row?.name,
+              "执行部门": row?.carry_department,
+              "合同金额（万元）": row?.money / 10000,
+              //"承包商\\供应商":row.supply
+            }
+            let res = await getOatoken()
+            let url =
+              `${process.env.VUE_APP_OUT_URL}/admin/flow/create/3?oatoken=${res.oatoken}&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',
+              `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
+            )
+          },
+
+          //防抖
+          debounce(fn, delay = 500) {
+            let timer = null
+            return function _debounce() {
+              if (timer) clearTimeout(timer)
+              timer = setTimeout(() => {
+                fn()
+              }, delay)
+            }
+          },
+
+          //翻页
+          pageChange(e) {
+            this.select.pageIndex = e
+            this.getContracts()
+          },
+          planPageChange(e) {
+            this.plansPageIndex = e
+            this.getBudgets()
+          },
+          //日期选择
+          datePick(e) {
+            this.select.startDate = e[0]
+            this.select.endDate = e[1]
+          },
+
+          //获取预算计划
+          async getBudgets() {
+            let res = await getBudget({
+              name: this.planSearch,
+              page_size: 10,
+              page: this.plansPageIndex
+            })
+            this.plans = res.list.data
+            this.planTotal = res.list.total
+          },
+          //获取资金渠道
+          async getMoneyWay() {
+            this.moneyWay = (await getparameter({
+              number: 'money_way'
+            })).detail
+          },
+          //获取购买方式
+          async getPurchaseWay() {
+            this.purchaseWay = (await getparameter({
+              number: 'purchase_way'
+            })).detail
+          },
+          //获取科室
+          async getDepartment() {
+            this.departments = await listdeptNoAuth()
+          },
+          //获取购买形式列表
+          async getPurchaseType() {
+            this.purchaseType = (await getparameter({
+              number: 'purchase_type'
+            })).detail
+          },
+
+          //获取合同列表
+          async getContracts() {
+
+            const res = await getContract({
+              page_size: 10,
+              page: this.select.pageIndex,
+              is_auth: 1,
+              ...this.select
+            })
+
+            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.toggleSelection(this.form.plan.map(item => {
+              return item.value.plan_id
+            }))
+          },
+          async showPlanForSearch() {
+            this.isShowPlanForSearch = true
+            await this.getBudgets();
+          },
+          //选择计划 搜索
+          selectPlanForSearch(sel) {
+            console.log(sel)
+            if (sel) {
+              this.select.plan_id = sel.id;
+              this.select.plan_name = sel.name;
+            } else {
+              this.select.plan_id = "";
+              this.select.plan_name = "";
+            }
+          },
+          //选择计划
+          selectPlan(sel, row) {
+            console.log(sel)
+            if (sel) {
+              this.plan = sel.map(item => {
+                return {
+                  label: item.name,
+                  value: {
+                    plan_id: item.id,
+                    use_money: item.useMoney,
+                    new_money: item.money
+                  }
+                }
+              })
+            } else {
+              this.plan = []
+            }
+          },
+          //确认计划选择
+          planSelect() {
+            if (this.plan.length === 0) {
+              Message({
+                type: 'warning',
+                message: '选择计划不能为空'
+              })
+              return
+            }
+            for (let item of this.plan) {
+              console.log(item)
+              if (!item.value.use_money) {
+                Message({
+                  type: 'warning',
+                  message: '金额不能为空'
+                })
+                return
+              }
+            }
+            this.form.plan = this.plan
+            this.isShowPlan = false
+          },
+
+          //确认计划选择搜索
+          planSelectForSearch() {
+            if (this.select.plan_id == "") {
+              Message({
+                type: 'warning',
+                message: '选择计划不能为空'
+              })
+              return
+            }
+            this.isShowPlanForSearch = false
+          },
+          //默认选择计划
+          toggleSelection(plans) {
+            if (plans) {
+              this.plans.filter(plan => {
+                if (plans.includes(plan.id)) {
+                  plan.useMoney = this.form.plan[plans.indexOf(plan.id)].value.use_money
+                  return true
+                }
+              }).map(row => {
+                this.$refs.planTable.toggleRowSelection(row)
+              })
+            } else {
+              this.$refs.planTable.clearSelection()
+            }
+          },
+          delPlan(val) {
+            this.form.plan.map((item, index) => {
+              if (item.value.plan_id === val.value.plan_id) {
+                this.form.plan.splice(index, 1)
+              }
+            })
+          },
+          //提交新建
+          submit() {
+            addContrant({
+              type: this.form.type,
+              is_plan: this.form.isBudget ? 1 : 0,
+              purchase_type_id: this.form.methods,
+              purchase_way_id: this.form.modality,
+              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
+              })
+            }).then(res => {
+              this.isShowAdd = false
+              Message({
+                type: 'success',
+                message: '操作成功'
+              })
+              this.$refs['addContract'].reset()
+              this.$refs['planTable'].clearSelection()
+              this.getContracts()
+            })
+          },
+
+          //删除合同
+          deleteContract(id) {
+            delContract({
+              id
+            }).then(res => {
+              Message({
+                type: 'success',
+                message: '操作成功'
+              })
+              this.getContracts()
+            })
+          },
+        },
+        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.getPurchaseType()
+          this.getContracts()
+          this.getDepartment()
+          this.getPurchaseWay()
+          this.getMoneyWay()
+          //页面激活后刷新合同列表
+          window.onfocus = () => {
+            this.getContracts()
+          }
+        },
+        destroyed() {
+          window.onfocus = null
+        }
+      }
+</script>
+
+<style lang="scss" scoped>
+  .selects {
+    display: flex;
+    flex-wrap: wrap;
+
+    &>div {
+      margin-bottom: 6px;
+    }
+  }
+
+  .selectTop {
+    margin-top: 10px;
+  }
+
+  .contract-add-plan {
+    min-height: 30px;
+    border: 1px solid #dcdee2;
+    border-radius: 4px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    align-content: center;
+
+    padding: 0 8px;
+
+    &-no-plan {
+      height: 30px;
+      line-height: 30px;
+      color: #CDD0D5;
+    }
+  }
+
+
+  .slot-btns {
+    display: flex;
+    flex-wrap: wrap;
+    align-content: center;
+    justify-content: flex-start;
+
+    &-item {
+      margin: 0 6px 4px 0;
+    }
+  }
+
+  .xy-table-item-label {
+    width: 140px;
+  }
+
+  .xy-table-item-price {
+    position: relative;
+
+    &::after {
+      position: absolute;
+      right: 0;
+      top: 0;
+      content: '（元）'
+    }
+  }
 </style>
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index e64dc08..8f36ad6 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -123,7 +123,7 @@ export default {
   data() {
     return {
       select:{
-year:'2022'
+year:''
       },
       statistic:'',
       department_id: [],
@@ -155,7 +155,7 @@ year:'2022'
         },
         {
           label:'合计金额(元)',
-          width: 140,
+          width: 120,
           align:'right',
           sortable:false,
           prop:'money_total',
@@ -165,7 +165,7 @@ year:'2022'
         },
         {
           label:'已使用(元)',
-          width: 140,
+          width: 120,
           align:'right',
           sortable:false,
           prop:'use_money_total',
@@ -176,12 +176,11 @@ year:'2022'
         {
           label:'进展情况',
           sortable:false,
-          minWidth: 220,
           align: 'left',
           customFn:(row)=>{
             return (
               <div>
-                <el-progress percentage={Number(((row.use_money_total/row.money_total)*100||0).toFixed(2))}> </el-progress>
+                <el-progress  percentage={Number(((row.use_money_total/row.money_total)*100||0).toFixed(2))}> </el-progress>
               </div>
             )
           }
@@ -231,8 +230,10 @@ year:'2022'
     }
   },
   created() {
-    this.getNotices()
-    this.getStatistic()
+    this.select.year=this.$moment().format('YYYY');
+    this.getNotices();
+
+    this.getStatistic();
 
     getInfo().then(response => {
       console.log(response)
diff --git a/src/views/finance/paymentRegistrationList.vue b/src/views/finance/paymentRegistrationList.vue
index 4b27ca5..9389517 100644
--- a/src/views/finance/paymentRegistrationList.vue
+++ b/src/views/finance/paymentRegistrationList.vue
@@ -12,7 +12,15 @@
         <span>
           <Input v-model="keyword" placeholder="请输入关键字" style="width: 180px"></Input>
         </span>
-
+
+            <span style="padding: 0 6px;word-break: keep-all;">
+              状态
+            </span>
+            <Select v-model="status" clearable placeholder="请选择" style="width:100px;">
+              <Option v-for="item in [{label:'待审核',value:0},{label:'已审核',value:1}]" :key="item.value"
+                :value="item.value">{{ item.label }}
+              </Option>
+            </Select>
         <Button type="primary"  style="margin-left: 10px" ghost>重置</Button>
         <Button type="primary"  style="margin-left: 10px" @click="getFundLogs">查询</Button>
       </slot>
@@ -53,6 +61,7 @@ export default {
   },
   data() {
     return {
+      status:0,
       keyword:'',
       selectDate:'',
       list:[],
@@ -124,7 +133,7 @@ export default {
     },
 
     async getFundLogs(){
-      const res = await getFundLog({page_size:10,page:this.pageIndex,keyword:this.keyword,date:this.selectDate})
+      const res = await getFundLog({page_size:10,page:this.pageIndex,keyword:this.keyword,date:this.selectDate,status:this.status})
       this.list = res.data
       this.total = res.total
     },
diff --git a/src/views/statisticalReport/budgetProgress.vue b/src/views/statisticalReport/budgetProgress.vue
index 5950367..6f8f449 100644
--- a/src/views/statisticalReport/budgetProgress.vue
+++ b/src/views/statisticalReport/budgetProgress.vue
@@ -177,6 +177,10 @@ export default {
       console.log(res)
     }
   },
+  created() {
+
+    this.select.year=this.$moment().format('YYYY');
+  },
  async mounted() {
     await this.getType()
     await this.getDepartment()