const App = {
|
mixins: [sharedMixin],/////共用的方法/////
|
data() {
|
return {
|
Add_form: {
|
father_id: 0,
|
langs: [],
|
},
|
Add_title: "添加菜单",
|
dialogVisible_menu: false,
|
ifsubmit: false,
|
list: [],
|
|
langs: [],
|
active: 0,
|
lang_1: '',///当前语言/////
|
loadingTran: false,///翻译加载中/////
|
|
|
};
|
},
|
mounted() {
|
Promise.all([
|
this.getLanguageList(),
|
|
]).then(() => {
|
this.index();
|
}).catch((error) => {
|
});
|
},
|
created() { },
|
methods: {
|
async handChange(data) {
|
let lang_last = this.lang_1;///当前语言保存到 lang_last中/////
|
this.lang_1 = data//更新当前语言
|
const index = this.languages.list.findIndex((item) => item.symbol === data);
|
this.active = index;///更新当前语言索引
|
|
//数组存储
|
if (lang_last != "") {
|
let arr = {
|
'lang': lang_last,
|
'title': this.Add_form.title,
|
}
|
let array = this.pushArr(this.langs, lang_last, arr);
|
this.langs = array;
|
}
|
//输入初始化
|
let arr2 = {
|
'lang': data,
|
'title': "",
|
}
|
Object.keys(this.langs).forEach((key) => {
|
if (this.langs[key]['lang'] == data) {
|
arr2 = this.langs[key];
|
}
|
})
|
|
|
if (lang_last != "") {
|
Object.keys(arr2).forEach((key) => {
|
this.Add_form[key] = arr2[key]
|
})
|
}
|
this.Add_form.langs = this.langs;
|
},
|
async handTranslation(field) {
|
|
//查询首个语言是否填写
|
let exists = false;
|
let langs_key = 0;
|
|
Object.keys(this.langs).forEach((key) => {
|
if (this.langs[key]['lang'] == this.languages.list[0]['symbol']) {
|
if (this.langs[key][field] != "") {
|
exists = true;
|
langs_key = parseInt(key);
|
}
|
}
|
})
|
if (!exists) {
|
that.$message({
|
message: '首个语言必填',
|
type: 'error',
|
duration: 1500,
|
center: true
|
});
|
}
|
const qArray = [this.langs[langs_key][field]]
|
|
this.loadingTran = true;
|
const res = await this.translation({
|
qArray: qArray,
|
from: this.languages.list[0]['trans_symbol'],
|
to: this.languages.list[this.active]['trans_symbol']
|
})
|
this.Add_form[field] = res[0]['translation'];
|
this.loadingTran = false;
|
},
|
async translation(params) {
|
return new Promise((resolve, reject) => {
|
let url = "/admin/translation/trans.html";
|
postRequest(url, params).then(res => {
|
if (res.data.code == 200) {
|
resolve(res.data);
|
} else {
|
reject(res.data);
|
}
|
});
|
});
|
|
},
|
pushArr(arr, lang, params) {
|
let result = false;
|
Object.keys(arr).forEach((key) => {
|
if (arr[key]['lang'] == lang) {
|
arr[key] = params;
|
result = true;
|
}
|
})
|
|
if (!result) {
|
arr.push(params);
|
}
|
return arr;
|
},
|
index() {
|
let that = this;
|
let url = "/admin/" + viewPath + "/index.html"
|
postRequest(url, {}).then(res => {
|
if (res.data.code == 200) {
|
that.list = res.data.list;
|
}
|
});
|
},
|
updateShowMenu(row) {
|
var { id, show_menu } = row;
|
let url = "/admin/" + viewPath + "/updateShowMenu.html"
|
postRequest(url, { id: id, show_menu: show_menu }).then(res => {
|
if (res.data.code != 200) {
|
row.show_menu = show_menu == 1 ? 0 : 1;//修改失败，恢复状态
|
}
|
});
|
},
|
Add() {
|
this.active = 0;
|
this.Add_title = "添加菜单";
|
this.Add_form = {
|
father_id: 0,
|
langs: [],
|
}
|
this.languages.symbol = this.languages.list[0]['symbol'];
|
this.lang_1 = this.languages.symbol
|
this.dialogVisible_menu = true;
|
|
},
|
Edit(row) {
|
var { id } = row;
|
let url = "/admin/" + viewPath + "/getMenuDetail.html";
|
postRequest(url, { id: id }).then(res => {
|
if (res.data.code == 200) {
|
this.active = 0;
|
this.Add_title = "编辑菜单";
|
this.Add_form = res.data.info;
|
this.languages.symbol = this.languages.list[0]['symbol'];
|
this.lang_1 = this.languages.symbol
|
this.langs = row.langs
|
this.dialogVisible_menu = true;
|
}
|
else {
|
that.$message({
|
message: res.data.message,
|
type: 'error',
|
duration: 1500,
|
center: true
|
});
|
}
|
});
|
|
|
|
},
|
/////保存菜单/////
|
saveMenu() {
|
var that = this;
|
|
//数组存储
|
let arr = {
|
'lang': this.languages.symbol,
|
'title': this.Add_form.title,
|
}
|
|
//数组更新
|
let array = this.pushArr(this.langs, this.languages.symbol, arr);
|
this.langs = array;
|
|
//查询首个语言是否填写
|
let exists = false;
|
let langs_key = 0;
|
Object.keys(this.langs).forEach((key) => {
|
if (this.langs[key]['lang'] == this.languages.list[0]['symbol']) {
|
if (this.langs[key]['title'] != "") {
|
exists = true;
|
langs_key = parseInt(key);
|
}
|
}
|
})
|
if (!exists) {
|
that.$message({
|
message: '首个语言必填',
|
type: 'error',
|
duration: 1500,
|
center: true
|
});
|
}
|
|
//输入初始化
|
let arr2 = this.langs[langs_key];
|
Object.keys(arr2).forEach((key) => {
|
this.Add_form[key] = arr2[key]
|
})
|
this.Add_form.langs = this.langs;
|
if (that.ifsubmit) {
|
return false;
|
}
|
that.ifsubmit = true;
|
let url = "/admin/" + viewPath + "/saveMenu.html";
|
postRequest(url, that.Add_form).then(res => {
|
if (res.data.code == 200) {
|
that.$message({
|
message: res.data.message,
|
type: 'success',
|
duration: 1000,
|
center: true,
|
onClose: function () {
|
that.ifsubmit = false;
|
that.dialogVisible_menu = false;
|
that.index();
|
|
}
|
});
|
}
|
else {
|
that.ifsubmit = false;
|
that.$message({
|
message: res.data.message,
|
type: 'error',
|
duration: 1500,
|
center: true
|
});
|
}
|
});
|
},
|
|
}
|
};
|
const app = Vue.createApp(App);
|
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
app.component(key, component)
|
}
|
app.use(ElementPlus, {
|
locale: ElementPlusLocaleZhCn,
|
});
|
app.mount("#vue_item");
|
