src/components/RightToolbar/index.vue
@@ -7,14 +7,14 @@
      <el-tooltip class="item" effect="dark" content="刷新" placement="top">
        <el-button size="mini" circle icon="el-icon-refresh" @click="refresh()" />
      </el-tooltip>
      <el-tooltip class="item" effect="dark" content="自定义列" placement="top">
      <el-tooltip v-show="$route.path.includes('point')" class="item" effect="dark" content="自定义列" placement="top">
        <el-button size="mini" circle icon="el-icon-collection-tag" @click="addDynamicColumn()" />
      </el-tooltip>
      <el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns">
        <el-button size="mini" circle icon="el-icon-menu" @click="showColumn()" v-if="showColumnsType == 'transfer'"/>
        <el-dropdown trigger="click" :hide-on-click="false" style="padding-left: 12px" v-if="showColumnsType == 'checkbox'">
          <el-button size="mini" circle icon="el-icon-menu" />
          <el-dropdown-menu slot="dropdown">
          <el-dropdown-menu slot="dropdown" style="max-height: 650px;overflow-y: auto">
            <template v-for="item in columns">
              <el-dropdown-item :key="item.key">
                <el-checkbox :checked="item.visible" @change="checkboxChange($event, item.label)" :label="item.label" />
@@ -77,6 +77,7 @@
      title: "显示/隐藏",
      // 是否显示弹出层
      open: false,
      tableKey: 0,
    };
  },
  props: {
@@ -115,7 +116,9 @@
    }
  },
  created() {
    this.getDyColumn()
    if (this.$route.path.includes("point")) {
      this.getDyColumn()
    }
    if (this.showColumnsType == 'transfer') {
      // 显隐列初始默认隐藏列
      for (let item in this.columns) {
@@ -127,22 +130,22 @@
  },
  methods: {
    getDyColumn() {
      if (this.$route.path.concat("equipment")) {
        // 查询动态列
        let params = {
          tableName: 't_monitor'
        }
        getDynamicColumnList(params).then(res => {
          this.dynamicColumnList = res.data
        })
      // 查询动态列
      let params = {
        tableName: 't_yw_point'
      }
      getDynamicColumnList(params).then(res => {
        this.dynamicColumnList = res.data
      })
    },
    addDynamicColumn() {
      this.getDyColumn()
      this.showDynamicColumn = true
    },
    saveColumns() {
      editDynamicColumn(this.dynamicColumnList).then(res => {
        this.$message.success("保存成功")
        this.$emit('refreshHeader');
        this.showDynamicColumn = false
      })
    },
@@ -153,14 +156,15 @@
      })
    },
    delColumn(id, index) {
      if (! id) {
        this.dynamicColumnList.splice(index, 1)
        return
      if(id) {
        deleteDynamicColumnById(id).then(res => {
          this.$message.success("删除成功")
          this.getDyColumn();
          this.$emit('refreshHeader');
        })
      }else {
        this.dynamicColumnList.splice(index,1)
      }
      deleteDynamicColumnById(id).then(res => {
        this.$message.success("删除成功")
        this.getDyColumn();
      })
    },
    dynamicColumnClose() {
      this.showDynamicColumn = false