From 036f2b32359a8c2c97693b7a8c1d27cae0a5415a Mon Sep 17 00:00:00 2001
From: "271556543@qq.com" <271556543@qq.com>
Date: Wed, 20 Jul 2022 14:56:55 +0800
Subject: [PATCH] 2022.7.20

---
 src/components/XyDialog/index.vue   |  49 +++---
 src/components/XyTable/index.vue    |  18 ++-
 src/views/budget/budgetList.vue     |  18 ++-
 src/views/contract/contractList.vue | 243 +++++++++++++++++++++++-----
 4 files changed, 253 insertions(+), 75 deletions(-)

diff --git a/src/components/XyDialog/index.vue b/src/components/XyDialog/index.vue
index de588ec..cc40bd1 100644
--- a/src/components/XyDialog/index.vue
+++ b/src/components/XyDialog/index.vue
@@ -8,7 +8,7 @@ export default {
     },
     width:{
       type:Number,
-      default:600
+      default:60
     },
     isShow:{
       type:Boolean,
@@ -82,8 +82,8 @@ export default {
     const {footerRender,width,type,$scopedSlots,rules,form,showChange,isShow,title} = this
     return (
       <Modal
+        class-name={'vertical-center-modal'}
         width={width}
-        draggable={true}
         title={title}
         value={isShow}
         on={{['on-visible-change']:showChange}}
@@ -92,29 +92,12 @@ export default {
             if(type === "form"){
               let formItems = []
               Object.keys(form).map((key)=>{
-                if(typeof form[key] === "object"){
-                  formItems.push(
-                    <div style={{'display':'flex','flex-wrap':'wrap'}}>
-                      {
-                        Object.keys(form[key]).map((key1)=>{
-                          return (
-                            <el-form-item
-                              prop={key1}>
-                              {eval(`{$scopedSlots.${key1} ? $scopedSlots.${key1}() : ''}`)}
-                            </el-form-item>
-                          )
-                        })
-                      }
-                    </div>
-                  )
-                }else{
-                  formItems.push(
-                    <el-form-item
-                      prop={key}>
-                      {eval(`{$scopedSlots.${key} ? $scopedSlots.${key}() : ''}`)}
-                    </el-form-item>
-                  )
-                }
+                formItems.push(
+                  <el-form-item
+                    prop={key}>
+                    {eval(`{$scopedSlots.${key} ? $scopedSlots.${key}() : ''}`)}
+                  </el-form-item>
+                )
               })
               return (
                 <el-form
@@ -157,6 +140,20 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
+<style lang="scss">
+.vertical-center-modal{
+  display: flex;
+  align-items: center;
+  justify-content: center;
 
+  .ivu-modal{
+    top: 0;
+  }
+}
+.ivu-modal-body{
+  height: 70vh !important;
+  min-height: 400px;
+  overflow-y: scroll;
+
+}
 </style>
diff --git a/src/components/XyTable/index.vue b/src/components/XyTable/index.vue
index eb9a361..cb52b2a 100644
--- a/src/components/XyTable/index.vue
+++ b/src/components/XyTable/index.vue
@@ -207,12 +207,18 @@ export default {
                     default( scope ){
                       return (
                         <div>
-                          <i-button
-                            type="error"
-                            size="small"
-                            style="margin-left: 10px;"
-                            ghost
-                            onClick={()=>deleteClick(scope.row)}>删除</i-button>
+                          <Poptip
+                            transfer={true}
+                            confirm
+                            title="确认要删除吗"
+                            on={{['on-ok']:()=>deleteClick(scope.row)}}>
+                            <i-button
+                              type="error"
+                              size="small"
+                              style="margin-left: 10px;"
+                              ghost>删除</i-button>
+                          </Poptip>
+
                           <i-button
                             type="primary"
                             size="small"
diff --git a/src/views/budget/budgetList.vue b/src/views/budget/budgetList.vue
index f307111..ce70c66 100644
--- a/src/views/budget/budgetList.vue
+++ b/src/views/budget/budgetList.vue
@@ -50,7 +50,7 @@
         <Row>
           <Col span="5"><span style="color: red;font-weight: 600;padding-right: 4px;">*</span>项目名称</Col>
           <Col>
-            <Input placeholder="请填写项目名称" v-model="form.name" style="width: 300px;"/>
+            <Input placeholder="请填写项目名称" v-model="form.name" style="width: 100%;"/>
           </Col>
         </Row>
       </template>
@@ -112,7 +112,7 @@
       </template>
     </xy-dialog>
 
-    <xy-dialog title="详情" type="form" :is-show.sync="isShowEditor" :form="editorForm" :rules="rules">
+    <xy-dialog title="编辑" type="form" :is-show.sync="isShowEditor" :form="editorForm" :rules="rules">
       <template v-slot:name>
         <Row>
           <Col span="5"><span style="color: red;font-weight: 600;padding-right: 4px;">*</span>项目名称</Col>
@@ -257,13 +257,12 @@ export default {
         },
         {
           label: "相关科室",
-          prop:'plan_department_id',
+          prop:'plan_department.name',
           width: 180
         },
         {
           label:"描述",
           prop:'content',
-          width: 240,
           align:'left'
         },
         {
@@ -345,7 +344,15 @@ export default {
 
     //修改
     editorTable(){
-      editorBudget(this.editorForm).then(res=>{
+      editorBudget({
+        id:this.editorForm.id,
+        type:this.editorForm.type,
+        year:this.editorForm.year,
+        content:this.editorForm.content,
+        money:this.editorForm.money,
+        remark:this.editorForm.remark,
+        plan_department_id:this.editorForm.department
+      }).then(res=>{
         this.isShowEditor = false
         Message({
           message:'操作成功',
@@ -359,6 +366,7 @@ export default {
       detailBudget({id:row.id}).then(res=>{
         this.editorForm =
           {
+            id:res.id,
             name:res.name,
             type:res.type,
             department:res.plan_department_id,
diff --git a/src/views/contract/contractList.vue b/src/views/contract/contractList.vue
index b15f577..8ef1c3f 100644
--- a/src/views/contract/contractList.vue
+++ b/src/views/contract/contractList.vue
@@ -7,7 +7,7 @@
           <div>
             <span style="padding: 0 6px;word-break: keep-all;">创建日期</span>
             <span>
-              <DatePicker placeholder="请选择日期" type="daterange" placement="bottom-start" style="width: 180px"></DatePicker>
+              <DatePicker placeholder="请选择日期" type="daterange" placement="bottom-start" style="width: 200px" @on-change="datePick"></DatePicker>
             </span>
           </div>
 
@@ -15,7 +15,7 @@
             <span style="padding: 0 6px;word-break: keep-all;">
             合同类型
             </span>
-            <Select placeholder="请选择类型" v-model="select.type" style="width:120px;">
+            <Select placeholder="请选择类型" v-model="select.type" style="width:120px;" clearable>
               <Option v-for="item in [{label:'服务',value:1},{label:'货品',value:2},{label:'工程',value:3}]" :value="item.value" :key="item.value">{{ item.label }}</Option>
             </Select>
           </div>
@@ -24,16 +24,22 @@
             <span style="padding: 0 6px;word-break: keep-all;">
             科室
           </span>
-            <Select placeholder="请选择科室" v-model="select.department" style="width:200px;">
-              <Option v-for="item in departments" :value="item.id" :key="item.id">{{ item.name }}</Option>
-            </Select>
+            <el-cascader
+              placeholder="选择科室"
+              size="small"
+              :value="select.department"
+              style="width: 160px;"
+              :options="departments"
+              :props="{ checkStrictly: true, label: 'name', value: 'id' }"
+              clearable
+              @change="e => select.department = e[e.length-1] || ''"/>
           </div>
 
           <div>
             <span style="padding: 0 6px;word-break: keep-all;">
             采购形式
           </span>
-            <Select placeholder="请选择采购形式" v-model="select.purchaseModality" style="width:200px;">
+            <Select clearable placeholder="请选择采购形式" v-model="select.purchaseModality" style="width:200px;">
               <Option v-for="item in purchaseType" :value="item.id" :key="item.id">{{ item.value }}</Option>
             </Select>
           </div>
@@ -42,7 +48,7 @@
             <span style="padding: 0 6px;word-break: keep-all;">
             采购方式
           </span>
-            <Select placeholder="请选择采购方式" v-model="select.purchaseMethods" style="width:200px;">
+            <Select clearable placeholder="请选择采购方式" v-model="select.purchaseMethods" style="width:200px;">
               <Option v-for="item in purchaseWay" :value="item.id" :key="item.id">{{ item.value }}</Option>
             </Select>
           </div>
@@ -54,7 +60,6 @@
             <InputNumber
               placeholder="最小金额"
               :min="0"
-              :max="select.priceMax"
               v-model="select.priceMin"
               :formatter="value => `￥${value}`.replace(/B(?=(d{3})+(?!d))/g, ',')"
               :parser="value => value.replace(/$s?|(,*)/g, '')"/>
@@ -62,7 +67,6 @@
             <InputNumber
               placeholder="最大金额"
               :max="Number.MAX_VALUE"
-              :min="select.priceMin"
               v-model="select.priceMax"
               :formatter="value => `￥${value}`.replace(/B(?=(d{3})+(?!d))/g, ',')"
               :parser="value => value.replace(/$s?|(,*)/g, '')"/>
@@ -70,17 +74,18 @@
 
           <Button type="primary"  style="margin-left: 10px" @click="isShowPaymentRegistration = true">付款登记</Button>
           <Button type="primary"  style="margin-left: 10px" @click="isShowAdd = true">新增</Button>
-          <Button type="primary"  style="margin-left: 10px">查询</Button>
-          <Button type="primary"  style="margin-left: 10px" ghost>重置</Button>
+          <Button type="primary"  style="margin-left: 10px" @click="getContracts">查询</Button>
+          <Button type="primary"  style="margin-left: 10px" ghost
+                  @click=" select = {pageIndex: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 :table-item="table" :list="[{}]" @detailClick="isShowDetail = true"></xy-table>
+    <xy-table :table-item="table" :list="list" @delete="(row)=>deleteContract(row.id)"></xy-table>
 
     <div style="display: flex;justify-content: flex-end;">
-      <Page :total="20" show-elevator />
+      <Page :total="total" show-elevator @on-change="pageChange"/>
     </div>
 
 <!--    合同详情-->
@@ -166,7 +171,7 @@
     </xy-dialog>
 
 <!--  新增合同  -->
-    <xy-dialog :is-show.sync="isShowAdd" title="新增合同" type="form" :form="form" :rules="rules" @submit="submit">
+    <xy-dialog :is-show.sync="isShowAdd" title="新增合同" type="form" :form="form" :rules="rules" @submit="submit" ref="addContract">
       <template v-slot:name>
         <Row>
           <Col span="5"><span style="font-weight: 600;padding-right: 4px;color: red;">*</span>项目名称</Col>
@@ -235,8 +240,17 @@
       <template v-if="form.isBudget" v-slot:plan>
         <Row>
           <Col span="5"><span style="font-weight: 600;padding-right: 4px;color: red;">*</span>关联预算计划</Col>
-          <Col>
-            <Input placeholder="请选择关联预算计划" v-model="form.plan" style="width: 300px;" icon="ios-arrow-down" readonly @on-focus="isShowPlan = true,getBudgets()"></Input>
+          <Col style="margin: auto 0;">
+            <div class="contract-add-plan" style="width: 300px;" @click="isShowPlan = true,getBudgets()">
+              <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>
           </Col>
         </Row>
       </template>
@@ -245,23 +259,25 @@
 <!--  新增表 预算计划  -->
     <xy-dialog :is-show.sync="isShowPlan" title="预算计划" :width="640">
       <template v-slot:normalContent>
-        <Input search enter-button="搜 索" placeholder="搜索预算计划.." @on-search="(value)=>(getBudgets({name:value}))"/>
+        <Input v-model="planSearch" search enter-button="搜 索" placeholder="搜索预算计划.." @on-search="getBudgets"/>
 
         <xy-table :list="plans" :show-index="false" :table-item="planTable" :height="240" style="margin-top: 10px;">
           <template v-slot:btns>
             <el-table-column label="使用金额" header-align="center">
-              <Input />
+              <template slot-scope="scope">
+                <Input :value="scope.row.useMoney ? scope.row.useMoney: scope.row.money" @input="(e)=>scope.row.useMoney = e"/>
+              </template>
             </el-table-column>
           </template>
         </xy-table>
 
         <div style="display: flex;justify-content: flex-end;">
-          <Page :total="20" show-elevator />
+          <Page :total="planTotal" show-elevator @on-change="planPageChange"/>
         </div>
       </template>
 
       <template v-slot:footerContent>
-        <Button type="primary">确定</Button>
+        <Button type="primary" @click="isShowPlan = false">确定</Button>
       </template>
     </xy-dialog>
 
@@ -348,6 +364,8 @@ import {getContract,addContrant,delContract,detailContract} from "@/api/contract
 import {getparameter} from "@/api/system/dictionary"
 import {listdept} from "@/api/system/department";
 import {getBudget} from "@/api/budget/budget"
+import {parseTime} from "@/utils"
+import {Message} from "element-ui";
 export default {
   data() {
     var planPass = (rule, value, callback) => {
@@ -364,6 +382,7 @@ export default {
     return {
       //搜索
       select:{
+        pageIndex:1,
         startDate:"",
         endDate:"",
         type:"",
@@ -378,35 +397,72 @@ export default {
       purchaseWay:[],//购买方式
       moneyWay:[],//资金渠道
       departments:[],//部门科室
+      list:[],//数据
+      total:0,
       //表格
       table:[
         {
           label:"项目名称",
-          width: 160
+          width: 160,
+          prop:'name'
         },
         {
-          label:"采购形势",
-          width: 160
+          label:"采购形式",
+          width: 160,
+          prop:'purchase_type.value'
         },
         {
           label:"项目类型",
-          width: 160
+          width: 160,
+          prop:'type',
+          formatter:(cell,data,value)=>{
+            switch (value){
+              case 1:
+                return "服务"
+                break;
+              case 2:
+                return "货品"
+                break;
+              case 3:
+                return "工程"
+                break;
+              default:
+                return "未知"
+            }
+          }
         },
         {
           label:"采购方式",
-          width: 160
+          width: 160,
+          prop:"purchase_way.value"
         },
         {
           label:"资金来源",
-          width: 160
+          width: 160,
+          prop:"money_way.value"
         },
         {
           label:"项目预算(万元)",
-          width: 200
+          width: 200,
+          prop:"plan_price",
+          align:'right'
         },
         {
           label:"合同状态",
-          width: 160
+          width: 160,
+          prop:"status",
+          formatter:(cell,data,value)=>{
+            switch (value){
+              case 1:
+                return "待签订"
+                break;
+              case 2:
+                return "已签订"
+                break;
+              default:
+                return "未知"
+            }
+          }
         },
         {
           label:"采购流程",
@@ -431,7 +487,8 @@ export default {
         },
         {
           label:"创建科室",
-          width: 200
+          width: 200,
+          prop:'carry_department'
         },
         {
           label:"创建人",
@@ -439,7 +496,11 @@ export default {
         },
         {
           label:"创建信息",
-          width: 200
+          width: 200,
+          prop:'created_at',
+          formatter:(cell,data,value)=>{
+            return parseTime(new Date(value))
+          }
         }
       ],
 
@@ -519,10 +580,10 @@ export default {
         {
           sortable:false,
           width:36,
-          customFn:()=>{
+          customFn:(row)=>{
             return (
               <div>
-                <Checkbox></Checkbox>
+                <Checkbox on={{['on-change']:(e)=>this.selectPlan(e,row)}}></Checkbox>
               </div>
             )
           }
@@ -566,7 +627,7 @@ export default {
         price:"",
         fundingChannels:"",
         isBudget:true,
-        plan:''
+        plan:[]
       },
       rules:{
         name:[
@@ -593,13 +654,32 @@ export default {
       },
       isShowPlan:false,//新增中预算计划
       plans:[],//预算数据
+      planSearch:'',
+      planTotal:0,
       plansPageIndex:1,
     }
   },
   methods: {
+    //翻页
+    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(params){
-      this.plans = (await getBudget(params ?? {page_size:10,page:this.plansPageIndex})).data
+    async getBudgets(){
+      let res = await getBudget({name:this.planSearch,page_size:10,page:this.plansPageIndex})
+      this.plans = res.data
+      this.planTotal = res.total
     },
     //获取资金渠道
     async getMoneyWay(){
@@ -619,15 +699,85 @@ export default {
     },
 
     //获取合同列表
-    getContracts(){
-      getContract().then((res)=>{
-        console.log(res)
+    async getContracts(){
+      const res = await getContract({
+        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
       })
+      console.log(res)
+      this.list = res.data
+      this.total = res.total
     },
 
     //新建合同
+    //选择计划
+    selectPlan(e,row){
+      if(e){
+        this.form.plan.push({
+          label:row.name,
+          value:{
+            plan_id:row.id,
+            use_money:row.useMoney ?? row.money,
+            new_money:row.money
+          }
+        })
+      }else{
+        this.form.plan.map((item,index)=>{
+          if(item.value.plan_id === row.id){
+            this.form.plan.splice(index,1)
+          }
+        })
+      }
+    },
+    delPlan(val){
+      this.form.plan.map((item,index)=>{
+        if(item.value.plan_id === val.value.plan_id){
+          this.form.plan.splice(index,1)
+        }
+      })
+    },
+    //提交新建
     submit(){
       console.log(this.form)
+      addContrant({
+        type:this.form.type,
+        is_plan:this.form.isBudget,
+        purchase_type_id:this.form.methods,
+        purchase_way_id:this.form.modality,
+        money_way_id:this.form.fundingChannels,
+        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.getContracts()
+      })
+    },
+
+    //删除合同
+    deleteContract(id){
+      delContract({id}).then(res=>{
+        Message({
+          type:'success',
+          message:'操作成功'
+        })
+        this.getContracts()
+      })
     }
   },
   mounted() {
@@ -653,6 +803,23 @@ export default {
     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;
+    }
+  }
+
   .payment-registration{
 
     &-row{