mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-06 23:00:25 +08:00
50 lines
1.3 KiB
JavaScript
50 lines
1.3 KiB
JavaScript
|
Vue.component("node-group-selector", {
|
||
|
|
props: ["v-cluster-id", "v-group"],
|
||
|
|
mounted: function () {
|
||
|
|
let that = this
|
||
|
|
Tea.action("/clusters/cluster/groups/options")
|
||
|
|
.post()
|
||
|
|
.params({
|
||
|
|
clusterId: this.vClusterId
|
||
|
|
})
|
||
|
|
.success(function (resp) {
|
||
|
|
|
||
|
|
})
|
||
|
|
},
|
||
|
|
data: function () {
|
||
|
|
return {
|
||
|
|
groups: [],
|
||
|
|
selectedGroup: this.vGroup,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
selectGroup: function () {
|
||
|
|
let that = this
|
||
|
|
teaweb.popup("/clusters/cluster/groups/selectPopup?clusterId=" + this.vClusterId, {
|
||
|
|
callback: function (resp) {
|
||
|
|
that.selectedGroup = resp.data.group
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
addGroup: function () {
|
||
|
|
let that = this
|
||
|
|
teaweb.popup("/clusters/cluster/groups/createPopup?clusterId=" + this.vClusterId, {
|
||
|
|
callback: function (resp) {
|
||
|
|
that.selectedGroup = resp.data.group
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
removeGroup: function () {
|
||
|
|
this.selectedGroup = null
|
||
|
|
}
|
||
|
|
},
|
||
|
|
template: `<div>
|
||
|
|
<div class="ui label tiny" v-if="selectedGroup != null">
|
||
|
|
<input type="hidden" name="groupId" :value="selectedGroup.id"/>
|
||
|
|
{{selectedGroup.name}} <a href="" title="删除" @click.prevent="removeGroup()"><i class="icon remove"></i></a>
|
||
|
|
</div>
|
||
|
|
<div v-if="selectedGroup == null">
|
||
|
|
<a href="" @click.prevent="selectGroup()">[选择分组]</a> <a href="" @click.prevent="addGroup()">[添加分组]</a>
|
||
|
|
</div>
|
||
|
|
</div>`
|
||
|
|
})
|