2021-07-31 22:23:07 +08:00
|
|
|
// 单个集群选择
|
2020-12-16 15:49:15 +08:00
|
|
|
Vue.component("cluster-selector", {
|
2021-08-31 17:24:30 +08:00
|
|
|
props: ["v-cluster-id"],
|
2020-12-16 15:49:15 +08:00
|
|
|
mounted: function () {
|
|
|
|
|
let that = this
|
|
|
|
|
|
|
|
|
|
Tea.action("/clusters/options")
|
|
|
|
|
.post()
|
|
|
|
|
.success(function (resp) {
|
|
|
|
|
that.clusters = resp.data.clusters
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
data: function () {
|
|
|
|
|
let clusterId = this.vClusterId
|
|
|
|
|
if (clusterId == null) {
|
|
|
|
|
clusterId = 0
|
|
|
|
|
}
|
|
|
|
|
return {
|
|
|
|
|
clusters: [],
|
|
|
|
|
clusterId: clusterId
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
template: `<div>
|
2021-08-31 17:24:30 +08:00
|
|
|
<select class="ui dropdown" style="max-width: 10em" name="clusterId" v-model="clusterId">
|
2020-12-16 15:49:15 +08:00
|
|
|
<option value="0">[选择集群]</option>
|
|
|
|
|
<option v-for="cluster in clusters" :value="cluster.id">{{cluster.name}}</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>`
|
|
|
|
|
})
|
