@@ -2,13 +2,16 @@
<div>
<div class="title"><span>{{ $t('resourcesManagement.resQueue') }}</span></div>
<div class="tools-bar">
<div>
<div class="left" >
<el-select class="select" size="medium" v-model="selCluster" @change="selectChange">
<el-option v-for="item in clusterList" :key="item.k" :label="item.v" :value="item.k" />
</el-select>
<el-select class="select" size="medium" v-model="selQueueType" @change="selectChange">
<el-option v-for="item in queueTypeList" :key="item.k" :label="item.v" :value="item.k" />
</el-select>
<el-select class="select" size="medium" v-model="selQueueIsExclusiveType" @change="selectChange">
<el-option v-for="item in queueIsExclusiveTypeList" :key="item.k" :label="item.v" :value="item.k" />
</el-select>
<el-select class="select" size="medium" filterable v-model="selComputingCenter" @change="selectChange">
<el-option v-for="item in computingCenterList" :key="item.k" :label="item.v" :value="item.k" />
</el-select>
@@ -22,7 +25,7 @@
<el-option v-for="item in networkTypeList" :key="item.k" :label="item.v" :value="item.k" />
</el-select>
</div>
<div>
<div class="right" >
<el-button size="medium" icon="el-icon-refresh" @click="syncComputerNetwork" v-loading="syncLoading">
{{ $t('resourcesManagement.syncAiNetwork') }}</el-button>
<el-button type="primary" icon="el-icon-plus" size="medium" @click="showDialog('add')">
@@ -43,6 +46,14 @@
<el-table-column prop="QueueType" :label="$t('resourcesManagement.resQueueType')" align="center"
header-align="center" width="130">
</el-table-column>
<el-table-column prop="SceneTypeStr" :label="$t('resourcesManagement.sceneType')" align="center"
header-align="center" width="120">
<template slot-scope="scope">
<span :style="{ color: scope.row.IsQueueExclusive ? 'red' : '' }">
{{ scope.row.IsQueueExclusiveStr }}
</span>
</template>
</el-table-column>
<el-table-column prop="ClusterName" :label="$t('resourcesManagement.whichCluster')" align="center"
header-align="center">
<template slot-scope="scope">
@@ -114,6 +125,8 @@ export default {
clusterList: [{ k: '', v: this.$t('resourcesManagement.allCluster') }, ...CLUSTERS],
selQueueType: '',
queueTypeList: [{ k: '', v: this.$t('resourcesManagement.allResQueueType') }, { k: 'public', v: 'public' }, { k: 'exclusive', v: 'exclusive' }],
selQueueIsExclusiveType: '',
queueIsExclusiveTypeList: [{ k: '', v: this.$t('resourcesManagement.allSceneType') }, { k: 'public', v: this.$t('resourcesManagement.public') }, { k: 'exclusive', v: this.$t('resourcesManagement.exclusive') }],
selComputingCenter: '',
computingCenterList: [{ k: '', v: this.$t('resourcesManagement.allAiCenter') }],
selComputingType: '',
@@ -159,6 +172,7 @@ export default {
const params = {
cluster: this.selCluster,
queueType: this.selQueueType,
isQueueExclusive: this.selQueueIsExclusiveType ? this.selQueueIsExclusiveType == 'exclusive' ? 2 : 1 : '',
center: this.selComputingCenter,
resource: this.selComputingType,
card: this.selCardType,
@@ -176,6 +190,7 @@ export default {
return {
...item,
QueueCode: item.QueueCode || '--',
IsQueueExclusiveStr: getListValueWithKey(this.queueIsExclusiveTypeList.slice(1, Infinity), item.IsQueueExclusive ? 'exclusive' : 'public'),
ClusterName: getListValueWithKey(this.clusterList, item.Cluster),
ComputeResourceName: getListValueWithKey(this.computingTypeList, item.ComputeResource),
AccCardTypeName: getListValueWithKey(this.cardTypeList, item.AccCardType),
@@ -266,17 +281,22 @@ export default {
.tools-bar {
display: flex;
align-items: center;
align-items: flex-start;
;
justify-content: space-between;
margin-bottom: 10px;
.select {
margin-right: 10px;
margin-bottom: 10px;
/deep/ .el-input__inner {
border-radius: 0;
}
}
.right {
display: flex;
}
}
.table-container {