@@ -142,20 +142,44 @@ export default {
lazy: true,
lazyLoad: (node, resolve) => {
const { level } = node;
const framework = node.path[0];
const version = node.path[1];
const python = node.path[2];
getImageAvailabelFilter({ index: level, framework, version, python }).then(res => {
const path = node.path || [];
const framework = path[0];
const version = path[1];
const python = path[2];
getImageAvailabelFilter({
index: level,
framework,
version,
python,
compute_resource: this.configs.computerResouce,
recommend: this.dlgActiveName == 'first' ? true : undefined,
mine: this.dlgActiveName == 'second' ? true : undefined,
star: this.dlgActiveName == 'third' ? true : undefined,
}).then(res => {
if (res.data.code == 0) {
const nodes = (res.data.data).map(item => ({
value: item,
label: item ? item : 'None',
leaf: level >= (this.configs.computerResouce == 'GPU' ? 3 : 2)
}));
if (!nodes.length) {
node.config.leaf = true;
if (level == 0) {
let data = res.data.data || [];
if (data.indexOf('Other') >= 0) {
data = data.filter(item => item !== 'Other');
data.push('Other');
}
const nodes = data.map(item => ({
value: item,
label: item,
leaf: item == 'Other' ? true : false,
}));
resolve(nodes);
} else {
const nodes = (res.data.data).map(item => ({
value: item,
label: item ? item : 'None',
leaf: level >= (this.configs.computerResouce == 'GPU' ? 3 : 2)
}));
if (!nodes.length) {
node.config.leaf = true;
}
resolve(nodes);
}
resolve(nodes);
} else {
resolve([]);
}
@@ -212,6 +236,7 @@ export default {
dlgTabClick(tab, event) {
this.dlgTotal = 0;
this.dlgPage = 1;
this.resetDlgCascaderFilter();
this.searchImageData();
},
search() {
@@ -219,6 +244,11 @@ export default {
this.dlgPage = 1;
this.searchImageData();
},
resetDlgCascaderFilter() {
this.dlgCascaderFilter.value = [];
this.dlgCascaderFilter.options = [];
this.handleDlgCascaderFilterExpandChange([]);
},
handleDlgCascaderFilterVisibleChange() {
const popper = document.querySelector(`.${this.dlgCascaderFilter.popperClass}`);
if (popper && popper.querySelector('.popper-filter-title')) return;
@@ -243,7 +273,9 @@ export default {
},
handleDlgCascaderFilterExpandChange(value) {
const popper = document.querySelector(`.${this.dlgCascaderFilter.popperClass}`);
if (!popper) return;
const title = popper.querySelector('.popper-filter-title');
if (!title) return;
const items = title.querySelectorAll('.popper-filter-title-item');
items.forEach((item, index) => {
const style = item.style;
@@ -344,22 +376,7 @@ export default {
},
},
beforeMount() {
getImageAvailabelFilter({ index: 0 }).then(res => {
if (res.data.code == 0) {
let data = res.data.data || [];
if (data.indexOf('Other') >= 0) {
data = data.filter(item => item !== 'Other');
data.push('Other');
}
this.dlgCascaderFilter.options = data.map(item => ({
value: item,
label: item,
leaf: item == 'Other' ? true : false,
}));
}
}).catch(err => {
console.log(err);
})
this.resetDlgCascaderFilter();
},
mounted() { },
};