648540858
3 years ago
20 changed files with 606 additions and 350 deletions
@ -0,0 +1,161 @@ |
|||||
|
<template> |
||||
|
<div id="getCatalog" > |
||||
|
|
||||
|
<el-dialog title="选择要添加到的节点" v-if="showDialog" width="50%" :append-to-body="true" :close-on-click-modal="false" :visible.sync="showDialog" :destroy-on-close="true" @close="close()" center> |
||||
|
<div> |
||||
|
<el-tree class="el-scrollbar" |
||||
|
ref="tree" |
||||
|
id="catalogTree" |
||||
|
empty-text="未知节点" |
||||
|
node-key="id" |
||||
|
default-expand-all |
||||
|
:highlight-current="false" |
||||
|
:expand-on-click-node="false" |
||||
|
:props="props" |
||||
|
:load="loadNode" |
||||
|
@node-click="nodeClickHandler" |
||||
|
lazy> |
||||
|
<span class="custom-tree-node" slot-scope="{ node, data }" style="width: 100%"> |
||||
|
<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> |
||||
|
<i style="margin-left: 5rem; color: #9d9d9d; padding-right: 20px" v-if="node.data.id === defaultCatalogIdSign">默认</i> |
||||
|
</span> |
||||
|
</span> |
||||
|
</el-tree> |
||||
|
</div> |
||||
|
<div style="float: right; height: 13rem"> |
||||
|
<el-button type="primary" size="mini" @click="submit()" >确认</el-button> |
||||
|
<el-button @click="close()" size="mini">取消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
export default { |
||||
|
name: 'getCatalog', |
||||
|
beforeCreate(){ |
||||
|
|
||||
|
}, |
||||
|
created() { |
||||
|
this.chooseId = this.defaultCatalogId; |
||||
|
this.defaultCatalogIdSign = this.defaultCatalogId; |
||||
|
this.initData(); |
||||
|
setTimeout(()=>{ |
||||
|
if (this.catalogIdChange)this.catalogIdChange(this.defaultCatalogId); |
||||
|
}, 100) |
||||
|
|
||||
|
}, |
||||
|
props: ['platformId'], |
||||
|
data() { |
||||
|
return { |
||||
|
props: { |
||||
|
label: 'name', |
||||
|
children: 'children', |
||||
|
isLeaf: 'leaf' |
||||
|
}, |
||||
|
platformName: null, |
||||
|
defaultCatalogId: null, |
||||
|
catalogIdResult: null, |
||||
|
showDialog: false, |
||||
|
defaultCatalogIdSign: null, |
||||
|
chooseNode: null, |
||||
|
chooseId: "", |
||||
|
catalogTree: null, |
||||
|
contextmenuShow: false, |
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
methods: { |
||||
|
openDialog(catalogIdResult) { |
||||
|
this.showDialog = true |
||||
|
this.catalogIdResult = catalogIdResult |
||||
|
}, |
||||
|
initData: function () { |
||||
|
this.getCatalog(); |
||||
|
}, |
||||
|
|
||||
|
getCatalog: function(parentId, callback) { |
||||
|
let that = this; |
||||
|
this.$axios({ |
||||
|
method:"get", |
||||
|
url:`/api/platform/catalog`, |
||||
|
params: { |
||||
|
platformId: that.platformId, |
||||
|
parentId: parentId |
||||
|
} |
||||
|
}) |
||||
|
.then((res)=> { |
||||
|
if (res.data.code === 0) { |
||||
|
if (typeof(callback) === 'function') { |
||||
|
callback(res.data.data) |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
.catch(function (error) { |
||||
|
console.log(error); |
||||
|
}); |
||||
|
|
||||
|
}, |
||||
|
loadNode: function(node, resolve){ |
||||
|
|
||||
|
|
||||
|
|
||||
|
if (node.level === 0) { |
||||
|
this.$axios({ |
||||
|
method:"get", |
||||
|
url:`/api/platform/info/` + this.platformId, |
||||
|
}) |
||||
|
.then((res)=> { |
||||
|
if (res.data.code === 0) { |
||||
|
this.platformName = res.data.data.name; |
||||
|
this.defaultCatalogId = res.data.data.catalogId; |
||||
|
resolve([ |
||||
|
{ |
||||
|
name: "未分配", |
||||
|
id: null, |
||||
|
type: -1 |
||||
|
},{ |
||||
|
name: this.platformName, |
||||
|
id: this.platformId, |
||||
|
type: 0 |
||||
|
} |
||||
|
]); |
||||
|
} |
||||
|
}) |
||||
|
.catch(function (error) { |
||||
|
console.log(error); |
||||
|
}); |
||||
|
} |
||||
|
if (node.level >= 1){ |
||||
|
this.getCatalog(node.data.id, resolve) |
||||
|
} |
||||
|
}, |
||||
|
nodeClickHandler: function (data, node, tree){ |
||||
|
this.chooseId = data.id; |
||||
|
}, |
||||
|
close: function() { |
||||
|
this.showDialog = false; |
||||
|
}, |
||||
|
submit: function() { |
||||
|
if (this.catalogIdResult)this.catalogIdResult(this.chooseId) |
||||
|
this.showDialog = false; |
||||
|
}, |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
#catalogTree{ |
||||
|
display: inline-block; |
||||
|
} |
||||
|
</style> |
||||
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
Loading…
Reference in new issue