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/chooseChannelForStream.vue | 52 +++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 47 insertions(+), 5 deletions(-)
diff --git a/web_src/src/components/dialog/chooseChannelForStream.vue b/web_src/src/components/dialog/chooseChannelForStream.vue
index 3cc5f3c..931083a 100644
--- a/web_src/src/components/dialog/chooseChannelForStream.vue
+++ b/web_src/src/components/dialog/chooseChannelForStream.vue
@@ -1,7 +1,6 @@
<template>
<div id="chooseChannelFoStream" >
- <el-table ref="gbStreamsTable" :data="gbStreams" border style="width: 100%" @selection-change="checkedChanage" :height="winHeight">
- <el-table-column type="selection" width="55" align="center" fixed > </el-table-column>
+ <el-table ref="gbStreamsTable" :data="gbStreams" border style="width: 100%" :height="winHeight">
<el-table-column prop="name" label="鍚嶇О" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="app" label="搴旂敤鍚�" show-overflow-tooltip>
@@ -18,6 +17,14 @@
</div>
</template>
</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">
</el-pagination>
@@ -82,14 +89,49 @@
console.log(val)
console.log(row)
},
+ add: function (row) {
+ console.log(row)
+ row.catalogId = this.catalogId
+ row.platformId = this.platformId
+ this.$axios({
+ method:"post",
+ url:"/api/gbStream/add",
+ data:{
+ platformId: this.platformId,
+ catalogId: this.catalogId,
+ gbStreams: [row],
+ }
+ }).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/gbStream/del",
+ data:{
+ platformId: this.platformId,
+ gbStreams: [row],
+ }
+ }).then((res)=>{
+ console.log("绉婚櫎鎴愬姛")
+ if(this.updateChoosedCallback)this.updateChoosedCallback(row.catalogId)
+ row.platformId = null;
+ row.catalogId = null
+ }).catch(function (error) {
+ console.log(error);
+ });
+ },
checkedChanage: function (val) {
var that = this;
if (!that.eventEnanle) {
return;
}
- var tabelData = JSON.parse(JSON.stringify(this.$refs.gbStreamsTable.data));
- console.log("checkedChanage")
- console.log(val)
var newData = {};
var addData = [];
--
Gitblit v1.8.0