From fa346513db53567f6fb610b18889afc2ebbb1670 Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: 星期一, 17 一月 2022 16:46:28 +0800
Subject: [PATCH] 优化级联选择通道页面添加方式

---
 web_src/src/components/dialog/chooseChannelForGb.vue |   55 ++++++++++++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 50 insertions(+), 5 deletions(-)

diff --git a/web_src/src/components/dialog/chooseChannelForGb.vue b/web_src/src/components/dialog/chooseChannelForGb.vue
index 742b3de..6c22a87 100644
--- a/web_src/src/components/dialog/chooseChannelForGb.vue
+++ b/web_src/src/components/dialog/chooseChannelForGb.vue
@@ -21,10 +21,9 @@
             <el-option label="绂荤嚎" value="false"></el-option>
         </el-select>
 
-        <el-checkbox @change="shareAllCheckedChange">鍏ㄩ儴鍏变韩</el-checkbox>
+<!--        <el-checkbox @change="shareAllCheckedChange">鍏ㄩ儴鍏变韩</el-checkbox>-->
     </div>
-    <el-table ref="gbChannelsTable" :data="gbChannels" border style="width: 100%" @selection-change="checkedChange" :height="winHeight">
-        <el-table-column type="selection" width="55" align="center" fixed > </el-table-column>
+    <el-table ref="gbChannelsTable" :data="gbChannels" border style="width: 100%" :height="winHeight">
         <el-table-column prop="channelId" label="閫氶亾缂栧彿" width="210">
         </el-table-column>
         <el-table-column prop="name" label="閫氶亾鍚嶇О" show-overflow-tooltip>
@@ -39,6 +38,14 @@
             </template>
         </el-table-column>
         <el-table-column prop="manufacturer" label="鍘傚" align="center">
+        </el-table-column>
+        <el-table-column label="鎿嶄綔" width="100" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-button-group>
+              <el-button size="mini" icon="el-icon-plus" v-if="!scope.row.platformId" @click="add(scope.row)">娣诲姞</el-button>
+              <el-button size="mini" icon="el-icon-delete" v-if="scope.row.platformId" type="danger" @click="remove(scope.row)">绉婚櫎</el-button>
+            </el-button-group>
+          </template>
         </el-table-column>
     </el-table>
     <el-pagination style="float: right;margin-top: 1rem;" @size-change="handleSizeChange" @current-change="currentChange" :current-page="currentPage" :page-size="count" :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next" :total="total">
@@ -108,6 +115,45 @@
         //     return false;
         //   }
         // },
+        add: function (row) {
+          console.log(row)
+          row.catalogId = this.catalogId
+          row.platformId = this.platformId
+          this.$axios({
+            method:"post",
+            url:"/api/platform/update_channel_for_gb",
+            data:{
+              platformId:  this.platformId,
+              channelReduces: [row],
+              catalogId: this.catalogId
+            }
+          }).then((res)=>{
+            console.log("淇濆瓨鎴愬姛")
+            if(this.updateChoosedCallback)this.updateChoosedCallback(this.catalogId)
+          }).catch(function (error) {
+            console.log(error);
+          });
+        },
+        remove: function (row) {
+          console.log(row)
+
+          this.$axios({
+            method:"delete",
+            url:"/api/platform/del_channel_for_gb",
+            data:{
+              platformId:  this.platformId,
+              channelReduces: [row]
+            }
+          }).then((res)=>{
+            console.log("绉婚櫎鎴愬姛")
+            let nodeIds = new Array();
+            if(this.updateChoosedCallback)this.updateChoosedCallback(row.catalogId)
+            row.platformId = null;
+            row.catalogId = null
+          }).catch(function (error) {
+            console.log(error);
+          });
+        },
         checkedChange: function (val) {
             let that = this;
             if (!that.eventEnanle) {
@@ -182,10 +228,9 @@
                     console.log(error);
                 });
             }
-
         },
         shareAllCheckedChange: function (val) {
-            this.chooseChanage(null, val)
+
         },
         getChannelList: function () {
             let that = this;

--
Gitblit v1.8.0