old mode 100644
new mode 100755
| | |
| | | empty-text="未知节点" |
| | | node-key="id" |
| | | default-expand-all |
| | | :highlight-current="true" |
| | | :highlight-current="false" |
| | | :expand-on-click-node="false" |
| | | :props="props" |
| | | :load="loadNode" |
| | | @node-contextmenu="contextmenuEventHandler" |
| | | @node-click="nodeClickHandler" |
| | | lazy> |
| | | <span class="custom-tree-node" slot-scope="{ node, data }" style="width: 100%"> |
| | | <el-radio v-if="node.data.type === 0" style="margin-right: 0" v-model="chooseId" :label="node.data.id">{{''}}</el-radio> |
| | | <el-radio v-if="node.data.type === 0 || node.data.type === -1" style="margin-right: 0" v-model="chooseId" :label="node.data.id">{{''}}</el-radio> |
| | | <span v-if="node.data.type === -1 && node.level === 1" style="font-size: 12px" class="iconfont icon-ziyuan"></span> |
| | | <span v-if="node.data.type === 0 && node.level === 1" class="el-icon-s-home"></span> |
| | | <span v-if="node.data.type === 0 && node.level > 1" class="el-icon-folder-opened"></span> |
| | | <span v-if="node.data.type === 1" class="iconfont icon-shexiangtou"></span> |
| | | <span v-if="node.data.type === 2" class="iconfont icon-zhibo"></span> |
| | | <span style="padding-left: 1px">{{ node.label }}</span> |
| | | <span style=" padding-left: 1px">{{ node.label }}</span> |
| | | <span> |
| | | <i style="margin-left: 5rem; color: #9d9d9d; padding-right: 20px" v-if="node.data.id === defaultCatalogIdSign">默认</i> |
| | | </span> |
| | | </span> |
| | | </el-tree> |
| | | </div> |
| | | <catalogEdit ref="catalogEdit" :platformId="platformId"></catalogEdit> |
| | | <catalogEdit ref="catalogEdit" :platformId="platformId" :platformDeviceId="platformDeviceId"></catalogEdit> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import catalogEdit from './catalogEdit.vue' |
| | | export default { |
| | | name: 'chooseChannelForCatalog', |
| | | props: ['platformId', 'platformName', 'defaultCatalogId', 'catalogIdChange'], |
| | | props: ['platformId', 'platformDeviceId', 'platformName', 'defaultCatalogId', 'catalogIdChange'], |
| | | created() { |
| | | this.chooseId = this.defaultCatalogId; |
| | | this.defaultCatalogIdSign = this.defaultCatalogId; |
| | | this.initData(); |
| | | setTimeout(()=>{ |
| | | if (this.catalogIdChange)this.catalogIdChange(this.defaultCatalogId); |
| | | if (this.catalogIdChange)this.catalogIdChange(this.defaultCatalogId, this.platformName); |
| | | }, 100) |
| | | |
| | | }, |
| | |
| | | defaultCatalogIdSign: null, |
| | | chooseNode: null, |
| | | chooseId: "", |
| | | chooseName: "", |
| | | catalogTree: null, |
| | | contextmenuShow: false |
| | | |
| | |
| | | platformId(newData, oldData){ |
| | | console.log(newData) |
| | | this.initData() |
| | | }, |
| | | chooseId(newData, oldData){ |
| | | console.log("发送: " + newData) |
| | | if (this.catalogIdChange)this.catalogIdChange(newData); |
| | | }, |
| | | }, |
| | | methods: { |
| | |
| | | platformId: that.platformId, |
| | | parentId: parentId |
| | | } |
| | | }) |
| | | .then((res)=> { |
| | | }).then((res)=> { |
| | | if (res.data.code === 0) { |
| | | if (typeof(callback) === 'function') { |
| | | callback(res.data.data) |
| | |
| | | }, |
| | | addCatalog: function (parentId, node){ |
| | | let that = this; |
| | | console.log(this.platformId) |
| | | console.log(parentId) |
| | | // 打开添加弹窗 |
| | | that.$refs.catalogEdit.openDialog(false, null, null, parentId, ()=>{ |
| | | that.$refs.catalogEdit.openDialog(false, null, null, parentId, node.level, ()=>{ |
| | | node.loaded = false |
| | | node.expand(); |
| | | }); |
| | |
| | | editCatalog: function (data, node){ |
| | | let that = this; |
| | | // 打开添加弹窗 |
| | | that.$refs.catalogEdit.openDialog(true, data.id, data.name, data.parentId, (data)=>{ |
| | | that.$refs.catalogEdit.openDialog(true, data.id, data.name, data.parentId, (newData)=>{ |
| | | node.parent.loaded = false |
| | | node.parent.expand(); |
| | | if (data.id === this.chooseId && newData.name !== data.name) { |
| | | if (this.catalogIdChange)this.catalogIdChange(this.chooseId, newData.name); |
| | | } |
| | | }); |
| | | |
| | | }, |
| | |
| | | id: id, |
| | | platformId: this.platformId, |
| | | } |
| | | }) |
| | | .then((res) => { |
| | | }).then((res) => { |
| | | if (res.data.code === 0) { |
| | | console.log("移除成功") |
| | | node.parent.loaded = false |
| | |
| | | platformId: this.platformId, |
| | | catalogId: id, |
| | | } |
| | | }) |
| | | .then((res)=> { |
| | | }).then((res)=> { |
| | | if (res.data.code === 0) { |
| | | this.defaultCatalogIdSign = id; |
| | | } |
| | |
| | | }); |
| | | }, |
| | | loadNode: function(node, resolve){ |
| | | console.log("this.platformDeviceId: " + this.platformDeviceId) |
| | | if (node.level === 0) { |
| | | resolve([{ |
| | | name: this.platformName, |
| | | id: this.platformId, |
| | | type: 0 |
| | | }]); |
| | | resolve([ |
| | | { |
| | | name: "未分配", |
| | | id: null, |
| | | type: -1 |
| | | },{ |
| | | name: this.platformName, |
| | | id: this.platformDeviceId, |
| | | type: 0 |
| | | } |
| | | ]); |
| | | } |
| | | if (node.level >= 1){ |
| | | this.getCatalog(node.data.id, resolve) |
| | |
| | | |
| | | return false; |
| | | }, |
| | | nodeClickHandler: function (data, node, tree){ |
| | | console.log(data) |
| | | console.log(node) |
| | | this.chooseId = data.id; |
| | | this.chooseName = data.name; |
| | | if (this.catalogIdChange)this.catalogIdChange(this.chooseId, this.chooseName); |
| | | } |
| | | } |
| | | }; |
| | | </script> |