From 9ff778ee0ac47eb9219d838b1107ab5ce7628bc4 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: Wed, 7 Sep 2022 14:41:14 +0800
Subject: [PATCH] up

---
 .../contract/components/editorContract.vue    | 975 ++++++++++--------
 src/views/contract/contractList.vue           |   2 +-
 2 files changed, 550 insertions(+), 427 deletions(-)

diff --git a/src/views/contract/components/editorContract.vue b/src/views/contract/components/editorContract.vue
index 67022c9..9ac7cae 100644
--- a/src/views/contract/components/editorContract.vue
+++ b/src/views/contract/components/editorContract.vue
@@ -1,427 +1,550 @@
-<template>
-  <div>
-    <!--    编辑-->
-    <xy-dialog :is-show.sync="isShowEditor" title="合同编辑" type="form" :form="detail" :rules="rules" @submit="editor" ref="addContract">
-      <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 clearable placeholder="请填写项目名称" v-model="detail.name" 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 clearable placeholder="请选择项目类型" v-model="detail.type" style="width: 300px;">
-              <el-option v-for="item in [{label:'服务',value:1},{label:'货物',value:2},{label:'工程',value:3}]" :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 clearable placeholder="请选择采购形式" v-model="detail.methods" 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 clearable placeholder="请选择采购方式" v-model="detail.modality" 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 clearable placeholder="请填写合同预算价" v-model="detail.price" 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 multiple clearable placeholder="请选择资金渠道" v-model="detail.fundingChannels" style="width: 300px;">
-              <el-option v-for="item in moneyWay" :value="item.id" :label="item.value"></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="detail.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="isShowPlan = true,getBudgets()">
-              <template v-if="detail.plan.length > 0">
-                <template v-for="item in detail.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" title="预算计划" :width="640" @on-ok="planSelect">
-      <template v-slot:normalContent>
-        <Input v-model="planSearch" search enter-button="搜 索" placeholder="搜索预算计划.." @on-search="getBudgets"/>
-
-        <xy-table :list="plans" :show-index="false" :table-item="planTable" :height="310" style="margin-top: 10px;" ref="editorPlanTable" @select="selectPlan">
-          <template v-slot:btns>
-            <el-table-column label="使用金额" header-align="center">
-              <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>
-  </div>
-</template>
-
-<script>
-import {editorContract,detailContract} from "@/api/contract/contract";
-import {getBudget} from "@/api/budget/budget";
-import {Message} from 'element-ui'
-export default {
-  props:{
-    purchaseType:Array,
-    moneyWay:Array,
-    purchaseWay:Array
-  },
-  data() {
-    var planPass = (rule, value, callback) => {
-      if(this.detail.isBudget){
-        if(this.detail.plan.length === 0){
-          return callback(new Error('必选'))
-        }else{
-          callback()
-        }
-      }else{
-        callback()
-      }
-    }
-    return {
-      isFocus:false,
-      contrantId:'',
-      isShowEditor:false,
-      isShowPlan:false,
-      detail:{},
-      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}
-        ]
-      },
-      plans:[],
-      planSearch:'',
-      planTable:[
-        {
-          sortable:false,
-          width:36,
-          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'
-        }
-      ],
-      planTotal:0,
-
-    }
-  },
-  methods: {
-    //预算计划金额输入
-    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
-    },
-    //确认计划选择
-    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.detail.plan = this.plan
-      this.isShowPlan = false
-    },
-    //选择计划
-    selectPlan(sel,row){
-      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 = []
-      }
-    },
-    delPlan(val){
-      this.detail.plan.map((item,index)=>{
-        if(item.value.plan_id === val.value.plan_id){
-          this.detail.plan.splice(index,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
-
-      this.toggleSelection(this.detail.plan.map(item => {
-        return item.value.plan_id
-      }))
-    },
-    planPageChange(e){
-      this.plansPageIndex = e
-      this.getBudgets()
-    },
-    //默认选择计划
-    toggleSelection(plans) {
-      if (plans) {
-        this.plans.filter(plan => {
-          if(plans.includes(plan.id)){
-            plan.useMoney = this.detail.plan[plans.indexOf(plan.id)].value.use_money
-            return true
-          }
-        }).map(row => {
-          this.$refs.editorPlanTable.toggleRowSelection(row)
-        })
-      } else {
-        this.$refs.editorPlanTable.clearSelection()
-      }
-    },
-    async getDetail(id){
-      let res = await detailContract({id:id})
-      this.contrantId = res.id
-      this.detail = {
-        name:res.name,
-        type:res.type,
-        methods:res.purchase_type_id,
-        modality:res.purchase_way_id,
-        fundingChannels:res.money_way_id.split(',').map(item =>{return Number(item)}),
-        price:res.plan_price,
-        isBudget:res.is_plan === 1 ? true : false,
-        plan:res.plans.map(item=>{
-          return {
-            label:item.name,
-            value:{
-              plan_id:item.id,
-              use_money:res.plan_link.filter(item1 => {
-                return item1.plan_id === item.id
-              })[0].use_money,
-              new_money:item.money
-            }
-          }
-        })
-      }
-      this.plan = this.detail.plan
-    },
-    editor(){
-      editorContract({
-        id:this.contrantId,
-        type:this.detail.type,
-        is_plan:this.detail.isBudget ? 1 : 0,
-        purchase_type_id:this.detail.methods,
-        purchase_way_id:this.detail.modality,
-        money_way_id:this.detail.fundingChannels.toString(),
-        plan_price:this.detail.price,
-        name:this.detail.name,
-        contract_plan_links:this.detail.plan.map(item=>{
-          return item.value
-        })
-      }).then(res=>{
-        this.isShowEditor = false
-        Message({
-          type:'success',
-          message:"操作成功"
-        })
-        this.$emit('success')
-      })
-    },
-
-  },
-  computed:{
-
-  },
-  mounted() {
-
-  },
-}
-</script>
-
-<style scoped lang="scss">
-.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;
-  }
-}
-
-.xy-table-item-label{
-  width: 140px;
-}
-.xy-table-item-price{
-  position: relative;
-  &::after{
-    z-index: 1;
-    position: absolute;
-    right: 0;
-    top: 0;
-    content:'（元）'
-  }
-  ::v-deep .el-input__clear{
-    position: relative;
-    right: 30px;
-    z-index: 2;
-  }
-}
-.xy-table-item-price-wan{
-  position: relative;
-  &::after{
-    position: absolute;
-    right: 0;
-    top: 0;
-    content:'（万元）'
-  }
-  ::v-deep .el-input__clear{
-    position: relative;
-    right: 46px;
-    z-index: 2;
-  }
-}
+<template>
+  <div>
+    <!--    编辑-->
+    <xy-dialog :is-show.sync="isShowEditor" title="合同编辑" type="form" :form="detail" :rules="rules" @submit="editor"
+      ref="addContract">
+
+      <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 clearable placeholder="请填写项目名称" v-model="detail.name" 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 clearable placeholder="请选择项目类型" v-model="detail.type" style="width: 300px;">
+              <el-option v-for="item in [{label:'服务',value:1},{label:'货物',value:2},{label:'工程',value:3}]"
+                :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 clearable placeholder="请选择采购形式" v-model="detail.methods" 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 clearable placeholder="请选择采购方式" v-model="detail.modality" 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 clearable placeholder="请填写合同预算价" v-model="detail.price" 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 multiple clearable placeholder="请选择资金渠道" v-model="detail.fundingChannels" style="width: 300px;">
+              <el-option v-for="item in moneyWay" :value="item.id" :label="item.value"></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="detail.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="isShowPlan = true,getBudgets()">
+              <template v-if="detail.plan.length > 0">
+                <template v-for="item in detail.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>
+
+      <template v-slot:req_status v-if="adminEdit">
+        <div class="xy-table-item">
+          <div class="xy-table-item-label" style="width: 200px">请示流程
+          </div>
+          <div class="xy-table-item-content">
+            <el-select v-model="detail.req_status" placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+      </template>
+      <template v-slot:purchase_status v-if="adminEdit">
+        <div class="xy-table-item">
+          <div class="xy-table-item-label" style="width: 200px">采购流程
+          </div>
+          <div class="xy-table-item-content">
+            <el-select v-model="detail.purchase_status" placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+      </template>
+      <template v-slot:invite_status v-if="adminEdit">
+        <div class="xy-table-item">
+          <div class="xy-table-item-label" style="width: 200px">招标流程
+          </div>
+          <div class="xy-table-item-content">
+            <el-select v-model="detail.invite_status" placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+      </template>
+      <template v-slot:join_status v-if="adminEdit">
+        <div class="xy-table-item">
+          <div class="xy-table-item-label" style="width: 200px">
+            合同会签流程
+          </div>
+          <div class="xy-table-item-content">
+            <el-select v-model="detail.join_status" placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+      </template>
+
+
+    </xy-dialog>
+
+    <!--  编辑中 预算计划  -->
+    <xy-dialog :is-show.sync="isShowPlan" title="预算计划" :width="640" @on-ok="planSelect">
+      <template v-slot:normalContent>
+        <Input v-model="planSearch" search enter-button="搜 索" placeholder="搜索预算计划.." @on-search="getBudgets" />
+
+        <xy-table :list="plans" :show-index="false" :table-item="planTable" :height="310" style="margin-top: 10px;"
+          ref="editorPlanTable" @select="selectPlan">
+          <template v-slot:btns>
+            <el-table-column label="使用金额" header-align="center">
+              <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>
+  </div>
+</template>
+
+<script>
+  import {
+    editorContract,
+    detailContract
+  } from "@/api/contract/contract";
+  import {
+    getBudget
+  } from "@/api/budget/budget";
+
+  import {
+    getInfo
+  } from '@/api/user.js'
+  import {
+    Message
+  } from 'element-ui'
+  export default {
+    props: {
+      purchaseType: Array,
+      moneyWay: Array,
+      purchaseWay: Array
+    },
+    data() {
+      var planPass = (rule, value, callback) => {
+        if (this.detail.isBudget) {
+          if (this.detail.plan.length === 0) {
+            return callback(new Error('必选'))
+          } else {
+            callback()
+          }
+        } else {
+          callback()
+        }
+      }
+      return {
+        userList: ["liuxiangyu", "zhushulan","admin"],
+        user: null,
+        adminEdit: false,
+        isFocus: false,
+        contrantId: '',
+        isShowEditor: false,
+        isShowPlan: false,
+        detail: {},
+        plan: [],
+        options: [{
+          value: 1,
+          label: '待申请'
+        }, {
+          value: 2,
+          label: '流转中'
+        }, {
+          value: 3,
+          label: '已办结'
+        }],
+        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
+          }]
+        },
+        plans: [],
+        planSearch: '',
+        planTable: [{
+            sortable: false,
+            width: 36,
+            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'
+          }
+        ],
+        planTotal: 0,
+
+      }
+    },
+    methods: {
+      //预算计划金额输入
+      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
+      },
+      //确认计划选择
+      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.detail.plan = this.plan
+        this.isShowPlan = false
+      },
+      //选择计划
+      selectPlan(sel, row) {
+        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 = []
+        }
+      },
+      delPlan(val) {
+        this.detail.plan.map((item, index) => {
+          if (item.value.plan_id === val.value.plan_id) {
+            this.detail.plan.splice(index, 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
+
+        this.toggleSelection(this.detail.plan.map(item => {
+          return item.value.plan_id
+        }))
+      },
+      planPageChange(e) {
+        this.plansPageIndex = e
+        this.getBudgets()
+      },
+      //默认选择计划
+      toggleSelection(plans) {
+        if (plans) {
+          this.plans.filter(plan => {
+            if (plans.includes(plan.id)) {
+              plan.useMoney = this.detail.plan[plans.indexOf(plan.id)].value.use_money
+              return true
+            }
+          }).map(row => {
+            this.$refs.editorPlanTable.toggleRowSelection(row)
+          })
+        } else {
+          this.$refs.editorPlanTable.clearSelection()
+        }
+      },
+      async getDetail(id) {
+        let res = await detailContract({
+          id: id
+        })
+        this.contrantId = res.id
+        this.detail = {
+          req_status: res.req_status,
+          purchase_status: res.purchase_status,
+          join_status: res.join_status,
+          invite_status: res.invite_status,
+          name: res.name,
+          type: res.type,
+          methods: res.purchase_type_id,
+          modality: res.purchase_way_id,
+          fundingChannels: res.money_way_id.split(',').map(item => {
+            return Number(item)
+          }),
+          price: res.plan_price,
+          isBudget: res.is_plan === 1 ? true : false,
+          plan: res.plans.map(item => {
+            return {
+              label: item.name,
+              value: {
+                plan_id: item.id,
+                use_money: res.plan_link.filter(item1 => {
+                  return item1.plan_id === item.id
+                })[0].use_money,
+                new_money: item.money
+              }
+            }
+          })
+        }
+        this.plan = this.detail.plan
+      },
+      editor() {
+        editorContract({
+          id: this.contrantId,
+          type: this.detail.type,
+          is_plan: this.detail.isBudget ? 1 : 0,
+          purchase_type_id: this.detail.methods,
+          purchase_way_id: this.detail.modality,
+          money_way_id: this.detail.fundingChannels.toString(),
+          plan_price: this.detail.price,
+          name: this.detail.name,
+          req_status: this.detail.req_status,
+          purchase_status: this.detail.purchase_status,
+          join_status: this.detail.join_status,
+          invite_status: this.detail.invite_status,
+          contract_plan_links: this.detail.plan.map(item => {
+            return item.value
+          })
+        }).then(res => {
+          this.isShowEditor = false
+          Message({
+            type: 'success',
+            message: "操作成功"
+          })
+          this.$emit('success')
+        })
+      },
+
+    },
+    computed: {
+
+    },
+    mounted() {
+      let that = this;
+      getInfo().then(response => {
+        console.log(response)
+        this.user = response;
+
+        if (that.userList.indexOf(response.username) != -1) {
+
+          that.adminEdit = true;
+        }
+
+      }).catch(error => {})
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .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;
+    }
+  }
+
+  .xy-table-item-label {
+    width: 140px;
+  }
+
+  .xy-table-item-price {
+    position: relative;
+
+    &::after {
+      z-index: 1;
+      position: absolute;
+      right: 0;
+      top: 0;
+      content: '（元）'
+    }
+
+    ::v-deep .el-input__clear {
+      position: relative;
+      right: 30px;
+      z-index: 2;
+    }
+  }
+
+  .xy-table-item-price-wan {
+    position: relative;
+
+    &::after {
+      position: absolute;
+      right: 0;
+      top: 0;
+      content: '（万元）'
+    }
+
+    ::v-deep .el-input__clear {
+      position: relative;
+      right: 46px;
+      z-index: 2;
+    }
+  }
 </style>
diff --git a/src/views/contract/contractList.vue b/src/views/contract/contractList.vue
index 61767b1..fabdb66 100644
--- a/src/views/contract/contractList.vue
+++ b/src/views/contract/contractList.vue
@@ -384,7 +384,7 @@ export default {
       table: [
         {
           label: "项目名称",
-          width: 150,
+          width: 380,
           prop: 'name',
           fixed: 'left',
           align: 'left'