Эх сурвалжийг харах

refactor(shop-information):调整店铺信息页面布局和样式

- 修改公司信息和店铺信息页面的按钮样式和位置
- 更新表格列标题,将"平台编号"改为"店铺编号","平台名称"改为"店铺名称"
- 调整首页路由,指向店铺信息页面
- 优化信息汇总页面加载性能,添加 lazy 属性
WanGxC 7 сар өмнө
parent
commit
ace0345415

+ 1 - 1
src/i18n/lang/zh-cn.ts

@@ -1,7 +1,7 @@
 // 定义内容
 export default {
     router: {
-        home: '首页',
+        home: '店铺信息',
         system: '系统管理',
         config: '常规配置',
         log: '日志管理',

+ 1 - 1
src/utils/menu.ts

@@ -62,7 +62,7 @@ export const handleMenu = (menuData: Array<any>) => {
     })
     const dynamicRoutes = [
         {
-            path: '/home', name: 'home', component: '/system/home/index', meta: {
+            path: '/home', name: 'home', component: '/shop-information/index', meta: {
                 title: 'message.router.home',
                 isLink: '',
                 isHide: false,

+ 2 - 2
src/views/company-information/components/CompanyDetail.vue

@@ -123,8 +123,8 @@ const contactGroups = computed(() => {
       </el-image>
       <div class="text-lg whitespace-nowrap">
         <div class="font-semibold relative">
-          <el-button :icon="Edit" class="absolute" link style="left: -20px; bottom: 2px;" type="warning"
-                     @click="drawerOpen"></el-button>
+          <el-button class="absolute" link style="left: -24px;" type="warning"
+                     @click="drawerOpen"><el-icon style="font-size: 20px !important"><Edit /></el-icon></el-button>
           公司名称:
           <span class="font-medium italic ml-1.5" style="color: #64748b;"> 
             {{ companyOverview?.company ? companyOverview?.company : '--' }} 

+ 2 - 2
src/views/company-information/useColumns.tsx

@@ -14,7 +14,7 @@ export const companyColumns = [
     }
   },
   {
-    field: 'platformNumber', title: '平台编号', minWidth: 'auto', align: 'center',
+    field: 'platformNumber', title: '店铺编号', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
         return <span class={ 'font-medium' }>{ row.platformNumber ? row.platformNumber : '--' }</span>;
@@ -22,7 +22,7 @@ export const companyColumns = [
     }
   },
   {
-    field: 'platformName', title: '平台名称', minWidth: 'auto', align: 'center',
+    field: 'platformName', title: '店铺名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
         return <span class={ 'font-medium' }>{ row.platformName ? row.platformName : '--' }</span>;

+ 1 - 1
src/views/shop-information/index.vue

@@ -39,7 +39,7 @@ async function initData() {
         <el-tab-pane label="信息概览" name="first">
           <InfoCard />
         </el-tab-pane>
-        <el-tab-pane label="信息汇总" name="second">
+        <el-tab-pane label="信息汇总" name="second" lazy>
           <DataTable ref="table" />
         </el-tab-pane>
       </el-tabs>

+ 8 - 8
src/views/shop-information/useColumns.tsx

@@ -27,10 +27,10 @@ export const platformColumns = [
     }
   },
   {
-    field: 'platformNumber', title: '平台编号', minWidth: 'auto', align: 'center', slots: { default: 'platformNumber' }
+    field: 'platformNumber', title: '店铺编号', minWidth: 'auto', align: 'center', slots: { default: 'platformNumber' }
   },
   {
-    field: 'platformName', title: '平台名称', minWidth: 'auto', align: 'center', slots: {
+    field: 'platformName', title: '店铺名称', minWidth: 'auto', align: 'center', slots: {
       default({ row }: any) {
         return <span class={ 'font-medium' }
                      style={ { color: '#303133' } }>{ row.platformName ? row.platformName : '--' }</span>;
@@ -200,7 +200,7 @@ export const shopCurrentColumns = [
     }
   },
   {
-    field: 'platformNumber', title: '平台编号', minWidth: 'auto', align: 'center',
+    field: 'platformNumber', title: '店铺编号', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
         return <span class={ 'font-medium' }>{ row.platformNumber ? row.platformNumber : '--' }</span>;
@@ -208,7 +208,7 @@ export const shopCurrentColumns = [
     }
   },
   {
-    field: 'platformName', title: '平台名称', minWidth: 'auto', align: 'center',
+    field: 'platformName', title: '店铺名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
         return <span class={ 'font-medium' }>{ row.platformName ? row.platformName : '--' }</span>;
@@ -418,7 +418,7 @@ export const historyColumns: any = [
     }
   },
   {
-    field: 'platformNumber', title: '平台编号', minWidth: 'auto', align: 'center',
+    field: 'platformNumber', title: '店铺编号', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
         return <span class={ 'font-medium' }>{ row.platformNumber ? row.platformNumber : '--' }</span>;
@@ -426,7 +426,7 @@ export const historyColumns: any = [
     }
   },
   {
-    field: 'platformName', title: '平台名称', minWidth: 'auto', align: 'center',
+    field: 'platformName', title: '店铺名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
         return <span class={ 'font-medium' }>{ row.platformName ? row.platformName : '--' }</span>;
@@ -695,11 +695,11 @@ export const shopInfoColumns = [
     }
   },
   {
-    field: 'platformNumber', title: '平台编号', minWidth: 'auto', align: 'center',
+    field: 'platformNumber', title: '店铺编号', minWidth: 'auto', align: 'center',
     slots: { default: 'platformNumber' }
   },
   {
-    field: 'platformName', title: '平台名称', minWidth: 'auto', align: 'center',
+    field: 'platformName', title: '店铺名称', minWidth: 'auto', align: 'center',
     slots: {
       default({ row }: any) {
         return <span class={ 'font-medium' }>{ row.platformName ? row.platformName : '--' }</span>;