|
@@ -33,7 +33,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
- import { defineComponent, h } from 'vue';
|
|
|
+ import { defineComponent, h, computed } from 'vue';
|
|
|
import {
|
|
|
BasicTable,
|
|
|
useTable,
|
|
@@ -48,6 +48,7 @@
|
|
|
import { Time } from '/@/components/Time';
|
|
|
import AddModal from './AddModal.vue';
|
|
|
import batchModal from './batchModal.vue';
|
|
|
+ import { useLocaleStore } from '/@/store/modules/locale';
|
|
|
import { useMessage } from '/@/hooks/web/useMessage';
|
|
|
// import { usePermissionStore } from '/@/store/modules/permission';
|
|
|
import { useI18n } from '/@/hooks/web/useI18n';
|
|
@@ -66,7 +67,9 @@
|
|
|
// const { getCheckPerm } = permissionStore;
|
|
|
const { t } = useI18n();
|
|
|
const [register, { openModal }] = useModal();
|
|
|
+ const localeStore = useLocaleStore();
|
|
|
const [registerBatch, { openModal: openBatchModal }] = useModal();
|
|
|
+ const isEn = computed(() => localeStore.getLocale === 'en');
|
|
|
const columns: BasicColumn[] = [
|
|
|
{
|
|
|
title: t('routes.empower.customerName'),
|
|
@@ -130,7 +133,7 @@
|
|
|
title: t('routes.empower.agentName'),
|
|
|
ellipsis: true,
|
|
|
dataIndex: 'agentName',
|
|
|
- width: 200,
|
|
|
+ width: 220,
|
|
|
},
|
|
|
{
|
|
|
title: t('routes.retailer.createName'),
|
|
@@ -157,7 +160,7 @@
|
|
|
title: t('routes.empower.remark'),
|
|
|
ellipsis: true,
|
|
|
dataIndex: 'remark',
|
|
|
- width: 120,
|
|
|
+ width: 200,
|
|
|
},
|
|
|
];
|
|
|
const searchForm: Partial<FormProps> = {
|
|
@@ -167,6 +170,7 @@
|
|
|
{
|
|
|
field: 'customerName',
|
|
|
label: t('routes.empower.customerName'),
|
|
|
+ labelWidth: isEn.value ? 160 : 80,
|
|
|
component: 'Input',
|
|
|
colProps: {
|
|
|
xl: 8,
|