| | |
| | | <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" /> |
| | |
| | | title: "显示/隐藏", |
| | | // 是否显示弹出层 |
| | | open: false, |
| | | tableKey: 0, |
| | | }; |
| | | }, |
| | | props: { |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | this.getDyColumn() |
| | | if (this.$route.path.includes("point")) { |
| | | this.getDyColumn() |
| | | } |
| | | if (this.showColumnsType == 'transfer') { |
| | | // 显隐列初始默认隐藏列 |
| | | for (let item in this.columns) { |
| | |
| | | }, |
| | | 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 |
| | | }) |
| | | }, |
| | |
| | | }) |
| | | }, |
| | | 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 |