💄 update style

src/main.ts

@@ -1,10 +1,8 @@
 import { createApp } from 'vue'
-// import 'view-ui-plus/dist/styles/viewuiplus.css'
 import { createPinia } from 'pinia'
 import App from './App.vue'
 import router from './router'
 import './style.scss'
-// import 'ant-design-vue/dist/reset.css';
 import {ClickOutsideDirective} from "./service/click-outside.ts";
 
 createApp(App)

src/pages/Layout.vue

@@ -144,6 +144,7 @@ function handleHideModal() {
 
     .app-name {
         font-size: 16px;
+        font-weight: bold;
         padding: 30px 10px 0;
     }
 
@@ -199,7 +200,7 @@ function handleHideModal() {
 
 .app-main-container {
     min-width: 500px;
-    padding: 30px;
+    padding: 20px 30px 30px;
     overflow: auto;
     background: #f0f2f0;
     flex: 1;
@@ -209,6 +210,11 @@ function handleHideModal() {
         justify-content: space-between;
         align-items: center;
         margin-bottom: 30px;
+        .app-name{
+            font-size: 24px;
+            font-weight: bold;
+            color:#3f3f3f;
+        }
     }
 }
 

src/pages/product/index.vue

@@ -83,18 +83,20 @@ function handleSearch(){
             <div>
 
                 <Spin :spinning="loading">
-                    <table class="table">
+                    <table class="table border">
                         <thead>
                             <tr>
                                 <th>营养制剂</th>
+                                <th>Key</th>
                                 <th v-for="th in ProductCols">{{ th.name }}</th>
-                                <th width="150">计量单位</th>
+                                <th width="100" class="text-center">计量单位</th>
-                                <th width="150">操作</th>
+                                <th width="150" class="text-center">操作</th>
                             </tr>
                         </thead>
                         <tbody>
                             <tr v-for="(tr, rowIndex) in allDataList?.list" :key="rowIndex">
                                 <td>{{ tr.name }}</td>
+                                <td>{{ tr.alias }}</td>
                                 <td v-for="th in ProductCols">{{ (tr as any)[th.alias] || 'NULL' }}</td>
 
                                 <td>{{ tr.unit }}</td>

src/pages/user/index.vue

@@ -82,11 +82,11 @@ function handleSearch() {
         <div class="search-result-table">
             <div>
                 <Spin :spinning="loading">
-                    <table class="table">
+                    <table class="table border">
                         <thead>
                             <tr>
                                 <th v-for="th in columns">{{ th.title }}</th>
-                                <th>操作</th>
+                                <th width="150">操作</th>
                             </tr>
                         </thead>
                         <tbody>

src/style.scss

@@ -205,7 +205,7 @@ img {
 
 .layout{
   .menu{
-    min-width: 100px;
+    min-width: 120px;
   }
 }
 .menu-text{