From 508cb5758c069b6537a88614b21a44c47a2bf679 Mon Sep 17 00:00:00 2001
From: caoyizhong <1270296080@qq.com>
Date: Thu, 1 Jun 2023 11:58:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=A2=E6=88=B7=E5=8E=86?=
 =?UTF-8?q?=E5=8F=B2=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/basicdata/basicClient.js              |  8 +++
 src/option/basicdata/basicClient.js           |  6 +-
 src/views/basicdata/brand/basicClient.vue     | 67 ++++++++++++++++++-
 .../brand/basicHistoricalContract.vue         | 16 ++++-
 4 files changed, 94 insertions(+), 3 deletions(-)

diff --git a/src/api/basicdata/basicClient.js b/src/api/basicdata/basicClient.js
index 26d752f6..3c487d61 100644
--- a/src/api/basicdata/basicClient.js
+++ b/src/api/basicdata/basicClient.js
@@ -48,6 +48,14 @@ export const update = (row) => {
   })
 }
 
+export const updateCargoControl = (row) => {
+  return request({
+    url: '/api/logpm-basicdata/basicdataClient/update',
+    method: 'post',
+    data: row
+  })
+}
+
 export const selectName = (current, size, params) => {
   return request({
     url: '/api/logpm-basicdata/basicdataClient/page',
diff --git a/src/option/basicdata/basicClient.js b/src/option/basicdata/basicClient.js
index 49077d20..e0c15fb5 100644
--- a/src/option/basicdata/basicClient.js
+++ b/src/option/basicdata/basicClient.js
@@ -115,7 +115,11 @@ export default {
     // },
     {
       label: "合同附件",
-      prop: "leaseAccessories",
+      prop: "fileName",
+    },
+    {
+      label: "控货",
+      prop: "cargoControl",
     },
     {
       label: "合同开始时间",
diff --git a/src/views/basicdata/brand/basicClient.vue b/src/views/basicdata/brand/basicClient.vue
index 3ad6e816..ff751e9c 100644
--- a/src/views/basicdata/brand/basicClient.vue
+++ b/src/views/basicdata/brand/basicClient.vue
@@ -99,6 +99,20 @@
                              :width="item.width"
                              show-overflow-tooltip
                              :key="index" align="center">
+<!--              <template slot-scope="{item}" v-if="item.prop === 'fileName'">-->
+                <template #default="{row,$index}" v-if="item.prop === 'fileName'">
+                    <el-link  target="_blank" @click="downloadLink(row)">{{row.fileName}}</el-link>
+              </template>
+              <!--                <el-link href="https://element.eleme.io" target="_blank" v-if="item.prop === 'fileName'">{{scope}}</el-link>-->
+              <template #default="{row,$index}" v-if="item.prop === 'cargoControl'" >
+                <el-switch
+                           v-model="row.cargoControl"
+                           active-text="开"
+                           inactive-text="关"
+                           @click="makeCargo(row)"
+                >
+                </el-switch>
+              </template>
             </el-table-column>
           </template>
           <!-- 操作栏模块 -->
@@ -261,7 +275,7 @@
 </template>
 
 <script >
-import {getList, getDetail, add, update, remove} from "@/api/basicdata/basicClient";
+import {getList, getDetail, add, update, updateCargoControl} from "@/api/basicdata/basicClient";
 import option from "@/option/basicdata/basicClient";
 import {mapGetters} from "vuex";
 import BasicShopSub from "@/views/basicdata/brand/basicShopSub.vue";
@@ -410,8 +424,57 @@ export default {
     }
   },
   methods: {
+    //打开文件
+    downloadLink(row){
+      console.log(">>>>>",row);
+    },
+    //控制控货
+    makeCargo(row){
+      console.log("控货操作！！",row);
+      let r = {
+        id : row.id,
+        cargoControl: row.cargoControl
+      }
+      this.$confirm(`确定要修改${row.clientName}的控货状态吗？`, {
+        type: "warning",
+        //beforeClose 阻止关闭弹窗
+        beforeClose: async (action, instance, done) => {
+          //下面这行代码就是弹出的确认删除和取消删除
+          if (action === "confirm") {
+            // 调取接口
+            updateCargoControl(r).then(res => {
+              console.log(res);
+              if(res.statusText == 'OK' ){
+                this.onLoad(this.page);
+                this.$message({
+                  type: "success",
+                  message: "操作成功!"
+                });
+                done();
+              }else{
+                this.$message({
+                  type: "warning",
+                  message: "操作失败!"
+                });
+              }
+
+            });
+          }else {
+            //点击其他地方时就相当于点击了false
+            //done 关闭窗口
+            done();
+          }
+        }
+      });
+
+
+
+
+
+    },
     uploadSuccess(fileList) {
       console.log("123123123",fileList);
+      // this.form.fileName =
       // this.$set(row, 'imageCos', fileList);
       if(this.title == '编辑'){
         this.bianji = true;
@@ -493,6 +556,7 @@ export default {
           let li = [];
           this.fileList.forEach(it => {
             li.push( it.url);
+
           })
           this.form.leaseAccessories  = li.length > 0 ? li.join(",") : null ;
         }else{
@@ -503,6 +567,7 @@ export default {
           let li = [];
           this.fileList.forEach(it => {
             li.push( it.response.data.link);
+            this.form.fileName = it.response.data.originalName;
           })
           this.form.leaseAccessories  = li.length > 0 ? li.join(",") : null ;
         }else{
diff --git a/src/views/basicdata/brand/basicHistoricalContract.vue b/src/views/basicdata/brand/basicHistoricalContract.vue
index 1be8dcb2..5e4543b7 100644
--- a/src/views/basicdata/brand/basicHistoricalContract.vue
+++ b/src/views/basicdata/brand/basicHistoricalContract.vue
@@ -5,7 +5,7 @@
         <!-- 查询模块 -->
         <el-form :inline="true" :model="query">
           <el-form-item label="客户名称:">
-            <el-input v-model="query.clientId" placeholder="请输入客户名称"></el-input>
+            <el-input v-model="query.clientName" placeholder="请输入客户名称"></el-input>
           </el-form-item>
           <el-form-item label="合同时间:">
 <!--            <el-input v-model="query.contractStartTime" placeholder="请输入合同开始时间"></el-input>-->
@@ -215,8 +215,21 @@ export default {
       ]
     }
   },
+  watch:{
+    // '$route.query.id': {
+    //   handler: function(val, oldVal){
+    //     console.log(val);
+    //
+    //     console.log(" this.$route.query.id", this.$route.query.id);
+    //   },
+    //   // 深度观察监听
+    //   deep: true
+    // }
+  },
   mounted () {
     this.init();
+    console.log(" this.$route.query.id", this.$route.query.id);
+
     this.onLoad(this.page);
   },
   computed: {
@@ -352,6 +365,7 @@ export default {
         this.query.contractStartTime  = this.dataShi[0];
         this.query.contractEntTime =  this.dataShi[1];
       }
+      this.query.clientId = this.$route.query.id;
       getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
         const data = res.data.data;
         this.page.total = data.total;