moliparty/peko-admin-web
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改VIP特权展示多语言

Browse Source
This commit is contained in:
liaozetao
2024-04-18 11:25:12 +08:00
parent 2276c55e2b
commit 4e7d8bba3e
1 changed files with 159 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

171
src/views/vip/VipAuthManageView.vue
View File

@@ -32,7 +32,6 @@
<div class="modal-body">
<form class="form-horizontal" id="addForm">
<input type="hidden" name="id" id="id" />
<div class="form-group">
<label for="modal_seq" class="col-sm-3 control-label">排序<font color="red">*</font>:</label>
<div class="col-sm-9">
@@ -50,6 +49,24 @@
</div>
</div>
<div class="form-group">
<label for="ar_modal_authName" class="col-sm-3 control-label">阿语特权名称<font color="red">*</font>
:</label>
<div class="col-sm-9">
<input type="text" class="form-control validate[required]" name="authName"
id="ar_modal_authName">
</div>
</div>
<div class="form-group">
<label for="en_modal_authName" class="col-sm-3 control-label">英语特权名称<font color="red">*</font>
:</label>
<div class="col-sm-9">
<input type="text" class="form-control validate[required]" name="authName"
id="en_modal_authName">
</div>
</div>
<div class="form-group">
<label for="modal_authDesc" class="col-sm-3 control-label">短描述<font color="red">*</font>
:</label>
@@ -59,6 +76,24 @@
</div>
</div>
<div class="form-group">
<label for="ar_modal_authDesc" class="col-sm-3 control-label">阿语短描述<font color="red">*</font>
:</label>
<div class="col-sm-9">
<input type="text" class="form-control validate[required]" name="authDesc"
id="ar_modal_authDesc">
</div>
</div>
<div class="form-group">
<label for="en_modal_authDesc" class="col-sm-3 control-label">英语短描述<font color="red">*</font>
:</label>
<div class="col-sm-9">
<input type="text" class="form-control validate[required]" name="authDesc"
id="en_modal_authDesc">
</div>
</div>
<div class="form-group">
<label for="modal_authIntro" class="col-sm-3 control-label">长描述<font color="red">*</font>
:</label>
@@ -68,6 +103,24 @@
</div>
</div>
<div class="form-group">
<label for="ar_modal_authIntro" class="col-sm-3 control-label">阿语长描述<font color="red">*</font>
:</label>
<div class="col-sm-9">
<input type="text" class="form-control validate[required]" name="authIntro"
id="ar_modal_authIntro">
</div>
</div>
<div class="form-group">
<label for="en_modal_authIntro" class="col-sm-3 control-label">阿语长描述<font color="red">*</font>
:</label>
<div class="col-sm-9">
<input type="text" class="form-control validate[required]" name="authIntro"
id="en_modal_authIntro">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">icon<font color="red">*</font>：</label>
<div class="col-sm-8">
@@ -124,7 +177,9 @@ export default {
$('#table').bootstrapTable({
columns: [
{ field: 'seq', title: '排序', visible: false, align: 'center', width: '5%' },
{ field: 'authName', title: '特权名称', align: 'center', width: '5%' },
{ field: 'authName.zh', title: '特权名称', align: 'center', width: '5%' },
{ field: 'authName.ar', title: '阿语特权名称', align: 'center', width: '5%' },
{ field: 'authName.en', title: '英语特权名称', align: 'center', width: '5%' },
{
field: 'authIcon',
title: 'icon',
@@ -135,8 +190,12 @@ export default {
return "<img src='" + val + "' width='40' height='40'>";
}
},
{ field: 'authDesc', title: '短描述', align: 'center', width: '5%' },
{ field: 'authIntro', title: '长描述', align: 'center', width: '5%' },
{ field: 'authDesc.zh', title: '短描述', align: 'center', width: '5%' },
{ field: 'authDesc.ar', title: '阿语短描述', align: 'center', width: '5%' },
{ field: 'authDesc.en', title: '英语短描述', align: 'center', width: '5%' },
{ field: 'authIntro.zh', title: '长描述', align: 'center', width: '5%' },
{ field: 'authIntro.ar', title: '阿语长描述', align: 'center', width: '5%' },
{ field: 'authIntro.en', title: '英语长描述', align: 'center', width: '5%' },
{
field: 'descPic',
title: '描述图片',
@@ -189,7 +248,39 @@ export default {
success: function (res) {
console.log(res);
request.success({
rows: res.rows,
rows: res.rows.map(i => {
let authName = i.authName;
if (authName.startsWith('{') && authName.endsWith('}')) {
i.authName = JSON.parse(authName);
} else {
i.authName = {
zh: authName,
ar: authName,
en: authName,
};
}
let authDesc = i.authDesc;
if (authDesc.startsWith('{') && authDesc.endsWith('}')) {
i.authDesc = JSON.parse(authDesc);
} else {
i.authDesc = {
zh: authDesc,
ar: authDesc,
en: authDesc,
};
}
let authIntro = i.authIntro;
if (authIntro.startsWith('{') && authIntro.endsWith('}')) {
authIntro = JSON.parse(authIntro);
} else {
authIntro = {
zh: authIntro,
ar: authIntro,
en: authIntro,
};
}
return i;
}),
total: res.total
});
// $('#table-request').bootstrapTable('load', res.data.rows);
@@ -286,10 +377,30 @@ export default {
$("#add").click(function () {
var id = $("#id").val();
var seq = $("#modal_seq").val();
var authName = $("#modal_authName").val();
var authDesc = $("#modal_authDesc").val();
var authIntro = $("#modal_authIntro").val();
var zhAuthName = $("#modal_authName").val();
var arAuthName = $("#ar_modal_authName").val();
var enAuthName = $("#en_modal_authName").val();
let authName = {
zh: zhAuthName,
ar: arAuthName,
en: enAuthName,
};
var zhAuthDesc = $("#modal_authDesc").val();
var arAuthDesc = $("#ar_modal_authDesc").val();
var enAuthDesc = $("#en_modal_authDesc").val();
let authDesc = {
zh: zhAuthDesc,
ar: arAuthDesc,
en: enAuthDesc,
};
var zhAuthIntro = $("#modal_authIntro").val();
var arAuthIntro = $("#ar_modal_authIntro").val();
var enAuthIntro = $("#en_modal_authIntro").val();
let authIntro = {
zh: zhAuthIntro,
ar: arAuthIntro,
en: enAuthIntro,
};
var authIcon = $("#iconUrl").val();
var descPic = $("#descPicUrl").val();
@@ -353,9 +464,39 @@ export default {
if (json) {
$("#id").val(id);
$("#modal_seq").val(json.seq);
$("#modal_authName").val(json.authName);
$("#modal_authDesc").val(json.authDesc);
$("#modal_authIntro").val(json.authIntro);
let authName = json.authName;
if (authName.startsWith('{') && authName.endsWith('}')) {
let jsonValue = JSON.parse(authName);
$("#modal_authName").val(jsonValue.zh);
$("#ar_modal_authName").val(jsonValue.ar);
$("#en_modal_authName").val(jsonValue.en);
} else {
$("#modal_authName").val(authName);
$("#ar_modal_authName").val(authName);
$("#en_modal_authName").val(authName);
}
let authDesc = json.authDesc;
if (authDesc.startsWith('{') && authDesc.endsWith('}')) {
let jsonValue = JSON.parse(authDesc);
$("#modal_authDesc").val(jsonValue.zh);
$("#ar_modal_authDesc").val(jsonValue.ar);
$("#en_modal_authDesc").val(jsonValue.en);
} else {
$("#modal_authDesc").val(authDesc);
$("#ar_modal_authDesc").val(authDesc);
$("#en_modal_authDesc").val(authDesc);
}
let authIntro = json.authIntro;
if (authIntro.startsWith('{') && authIntro.endsWith('}')) {
let jsonValue = JSON.parse(authIntro);
$("#modal_authIntro").val(jsonValue.zh);
$("#ar_modal_authIntro").val(jsonValue.ar);
$("#en_modal_authIntro").val(jsonValue.en);
} else {
$("#modal_authIntro").val(authIntro);
$("#ar_modal_authIntro").val(authIntro);
$("#en_modal_authIntro").val(authIntro);
}
$('#iconUrl').val(json.authIcon);
$('#iconImgUrl').attr('src', json.authIcon);
@@ -380,8 +521,14 @@ export default {
$("#id").val('');
$("#modal_seq").val('');
$("#modal_authName").val('');
$("#ar_modal_authName").val('');
$("#en_modal_authName").val('');
$("#modal_authDesc").val('');
$("#ar_modal_authDesc").val('');
$("#en_modal_authDesc").val('');
$("#modal_authIntro").val('');
$("#ar_modal_authIntro").val('');
$("#en_modal_authIntro").val('');
$('#iconUrl').val('');
$('#iconImgUrl').attr('src', '');