fix: 基站状态页面翻译和部分优化

This commit is contained in:
TsMask
2025-01-15 17:12:51 +08:00
parent 9e55768312
commit 8214175890
5 changed files with 168 additions and 57 deletions

View File

@@ -20,13 +20,13 @@ const route = useRoute();
const nbState = ref<DictType[]>([
{
value: 'ON',
label: 'Online',
label: t('views.neData.baseStation.online'),
tagType: 'green',
tagClass: '',
},
{
value: 'OFF',
label: 'Offline',
label: t('views.neData.baseStation.offline'),
tagType: 'red',
tagClass: '',
},
@@ -75,48 +75,55 @@ let tableState: TabeStateType = reactive({
/**表格字段列 */
let tableColumns = ref<ColumnsType>([
{
title: 'Index',
title: t('common.rowId'),
dataIndex: 'index',
align: 'left',
width: 80,
},
{
title: 'Name',
title: t('views.neData.baseStation.name'),
dataIndex: 'name',
align: 'left',
width: 150,
ellipsis: true,
},
{
title: 'Position',
title: t('views.neData.baseStation.position'),
dataIndex: 'position',
align: 'left',
width: 150,
ellipsis: true,
},
{
title: 'Address',
title: t('views.neData.baseStation.address'),
dataIndex: 'address',
align: 'left',
width: 100,
},
{
title: 'State',
title: t('views.neData.baseStation.nbName'),
dataIndex: 'nbName',
align: 'left',
width: 80,
},
{
title: t('views.neData.baseStation.state'),
dataIndex: 'state',
key: 'state',
align: 'left',
width: 80,
},
{
title: 'Time',
title: t('views.neData.baseStation.time'),
align: 'left',
width: 150,
customRender(opt) {
const record = opt.value;
console.log(opt)
if (record.state === 'OFF') {
return record.offTime;
return record.offTime || '-';
}
return record.onTime;
return record.onTime || '-';
},
},
]);
@@ -277,13 +284,14 @@ let modalState: ModalStateType = reactive({
const modalStateFrom = Form.useForm(
modalState.from,
reactive({
address: [{ required: true, message: `text content length 0~64` }],
name: [{ required: true, message: `text content length 0~64` }],
address: [
{ required: true, message: t('views.neData.baseStation.addressPlease') },
],
name: [
{ required: true, message: t('views.neData.baseStation.namePlease') },
],
position: [
{
required: true,
message: `location description. Prohibition of spaces, length of text content 0-64`,
},
{ required: true, message: t('views.neData.baseStation.positionPlease') },
],
})
);
@@ -295,7 +303,7 @@ const modalStateFrom = Form.useForm(
function fnModalVisibleByEdit(edit?: string | number) {
if (!edit) {
modalStateFrom.resetFields(); //重置表单
modalState.title = 'Add Radio Info';
modalState.title = t('views.neData.baseStation.addRadio');
modalState.openByEdit = true;
// 获取最大index
if (tableState.data.length <= 0) {
@@ -312,7 +320,7 @@ function fnModalVisibleByEdit(edit?: string | number) {
});
modalStateFrom.resetFields(); //重置表单
Object.assign(modalState.from, row);
modalState.title = 'Edit Radio Info';
modalState.title = t('views.neData.baseStation.editRadio');
modalState.openByEdit = true;
}
}
@@ -427,8 +435,11 @@ onMounted(() => {
/>
</a-form-item>
</a-col>
<a-col :lg="6" :md="12" :xs="24">
<a-form-item label="State" name="state">
<a-col :lg="4" :md="6" :xs="24">
<a-form-item
:label="t('views.neData.baseStation.state')"
name="state"
>
<a-select
v-model:value="queryParams.state"
:options="nbState"
@@ -546,7 +557,7 @@ onMounted(() => {
:labelWrap="true"
>
<a-form-item
label="Name"
:label="t('views.neData.baseStation.name')"
name="name"
v-bind="modalStateFrom.validateInfos.name"
>
@@ -558,24 +569,24 @@ onMounted(() => {
</a-input>
</a-form-item>
<a-form-item
label="Address"
name="address"
v-bind="modalStateFrom.validateInfos.address"
:label="t('views.neData.baseStation.position')"
name="position"
v-bind="modalStateFrom.validateInfos.position"
>
<a-input
v-model:value="modalState.from.address"
v-model:value="modalState.from.position"
allow-clear
:maxlength="64"
>
</a-input>
</a-form-item>
<a-form-item
label="Position"
name="position"
v-bind="modalStateFrom.validateInfos.position"
:label="t('views.neData.baseStation.address')"
name="address"
v-bind="modalStateFrom.validateInfos.address"
>
<a-input
v-model:value="modalState.from.position"
v-model:value="modalState.from.address"
allow-clear
:maxlength="64"
>