优化级联选择通道页面添加方式

648540858

2022-01-17 fa346513db53567f6fb610b18889afc2ebbb1670

 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">
@@ -75,7 +82,7 @@
            count: 10,
            total: 0,
            eventEnanle: false,
            winHeight: window.innerHeight - 350,
            winHeight: window.innerHeight - 400,

        };
    },
@@ -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;