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