lw-cdp-ui 1.3.2 → 1.3.3-ui-beta

package/dist/components/lwLayout/index.vue

@@ -1,83 +1,6 @@
 <template>
-  <!-- 通栏布局 -->
-  <template v-if="layout == 'header'">
-    <header class="adminui-header">
-      <div class="adminui-header-left">
-        <div class="logo-bar">
-          <img class="logo"
-               src="../../assets/images/logo.svg">
-          <span>{{ $config.APP_NAME }}</span>
-        </div>
-        <ul v-if="!ismobile"
-            class="nav">
-          <li v-for="item in menu"
-              :key="item"
-              :class="pmenu.path == item.path ? 'active' : ''"
-              @click="showMenu(item)">
-            <el-icon>
-              <component :is="item.meta.icon || 'el-icon-menu'" />
-            </el-icon>
-            <span>{{ item.meta.title }}</span>
-          </li>
-        </ul>
-      </div>
-      <div class="adminui-header-right">
-        <userbar :isShowBu="isShowBu"
-                 :isShowTask="isShowTask"
-                 :isInitialized="isInitialized">
-          <template #userbarActionBox>
-            <slot name="userbarActionBox"></slot>
-          </template>
-        </userbar>
-      </div>
-    </header>
-    <section class="aminui-wrapper">
-      <div v-if="!ismobile && nextMenu.length > 0 || !pmenu.component"
-           :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
-        <div v-if="!menuIsCollapse"
-             class="adminui-side-top">
-          <h2>{{ pmenu.meta.title }}</h2>
-        </div>
-        <div class="adminui-side-scroll">
-          <el-scrollbar>
-            <el-menu :default-active="active"
-                     router
-                     :collapse="menuIsCollapse"
-                     :unique-opened="$config.MENU_UNIQUE_OPENED">
-              <NavMenu :navMenus="nextMenu"></NavMenu>
-            </el-menu>
-          </el-scrollbar>
-        </div>
-        <div class="adminui-side-bottom"
-             @click="$store.commit('TOGGLE_menuIsCollapse')">
-          <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
-                          v-else /></el-icon>
-        </div>
-      </div>
-      <Side-m v-if="ismobile"></Side-m>
-      <div class="aminui-body el-container">
-        <Topbar v-if="!ismobile"></Topbar>
-        <Tags v-if="!ismobile && layoutTags"
-              :tagShowID="tagShowID"></Tags>
-        <div class="adminui-main"
-             id="adminui-main">
-          <slot name="routerView">
-            <router-view v-slot="{ Component }">
-              <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
-                <component :is="Component"
-                           :key="$route.fullPath"
-                           v-if="$store.state.keepAlive.routeShow" />
-              </keep-alive>
-            </router-view>
-          </slot>
-          <iframe-view></iframe-view>
-        </div>
-      </div>
-    </section>
-  </template>
-
   <!-- 经典布局 -->
-  <template v-else-if="layout == 'menu'">
+  <template v-if="layout == 'menu'">
     <section class="aminui-body-menu">
       <div class="aminui-side-split-left">
         <Aside></Aside>
@@ -101,8 +24,10 @@
           </div>
           <div class="adminui-side-bottom"
                @click="$store.commit('TOGGLE_menuIsCollapse')">
-            <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
-                            v-else /></el-icon>
+            <el-icon>
+              <el-icon-expand v-if="menuIsCollapse" />
+              <el-icon-fold v-else />
+            </el-icon>
           </div>
         </div>
         <Side-m v-if="ismobile"></Side-m>
@@ -122,8 +47,7 @@
           </div>
           <Tags v-if="!ismobile && layoutTags"
                 :tagShowID="tagShowID"></Tags>
-          <div class="adminui-main"
-               id="adminui-main">
+          <div class="adminui-main">
             <slot name="routerView">
               <router-view v-slot="{ Component }">
                 <keep-alive
@@ -141,139 +65,62 @@
     </section>
   </template>
 
-  <!-- 功能坞布局 -->
-  <template v-else-if="layout == 'dock'">
-    <header class="adminui-header">
-      <div class="adminui-header-left">
-        <div class="logo-bar">
-          <img class="logo"
-               src="../../assets/images/logo.svg">
-          <span>{{ $config.APP_NAME }}</span>
-        </div>
-      </div>
-      <div class="adminui-header-right">
-        <div v-if="!ismobile"
-             class="adminui-header-menu">
-          <el-menu mode="horizontal"
-                   :default-active="active"
-                   router
-                   background-color="#222b45"
-                   text-color="#fff"
-                   active-text-color="var(--el-color-primary)">
-            <NavMenu :navMenus="menu"></NavMenu>
-          </el-menu>
-        </div>
-        <Side-m v-if="ismobile"></Side-m>
-        <userbar :isShowBu="isShowBu"
-                 :isShowTask="isShowTask"
-                 :isInitialized="isInitialized">
-          <template #userbarActionBox>
-            <slot name="userbarActionBox"></slot>
-          </template>
-        </userbar>
-      </div>
-    </header>
-    <section class="aminui-wrapper">
-      <div class="aminui-body el-container">
-        <Tags v-if="!ismobile && layoutTags"
-              :tagShowID="tagShowID"></Tags>
-        <div class="adminui-main"
-             id="adminui-main">
-          <slot name="routerView">
-            <router-view v-slot="{ Component }">
-              <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
-                <component :is="Component"
-                           :key="$route.fullPath"
-                           v-if="$store.state.keepAlive.routeShow" />
-              </keep-alive>
-            </router-view>
-          </slot>
-          <iframe-view></iframe-view>
-        </div>
-      </div>
-    </section>
-  </template>
-
   <!-- 默认布局 -->
   <template v-else>
-    <section class="aminui-wrapper">
-      <div v-if="!ismobile"
-           class="aminui-side-split">
-        <div class="aminui-side-split-top">
-          <Aside></Aside>
-        </div>
-
-        <div class="adminui-side-split-scroll">
-          <el-scrollbar>
-            <ul>
-              <li v-for="item in menu"
-                  :key="item"
-                  :class="pmenu.path == item.path ? 'active' : ''"
-                  @click="showMenu(item)">
-                <el-icon>
-                  <component :is="item.meta.icon || el - icon - menu" />
-                </el-icon>
-                <p>{{ item.meta.title }}</p>
-              </li>
-            </ul>
-          </el-scrollbar>
-        </div>
+    <div class="aminui-body-default">
+      <div class="aminui-title-name">
+        {{ menuIsCollapse ? $config.APP_NAME.charAt(0) : $config.APP_NAME }}
       </div>
-      <div v-if="!ismobile && nextMenu.length > 0 || !pmenu.component"
-           :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
-        <div v-if="!menuIsCollapse"
-             class="adminui-side-top">
-          <h2>{{ pmenu.meta.title }}</h2>
-        </div>
-        <div class="adminui-side-scroll">
-          <el-scrollbar>
-            <el-menu :default-active="active"
-                     router
-                     :collapse="menuIsCollapse"
-                     :unique-opened="$config.MENU_UNIQUE_OPENED">
-              <NavMenu :navMenus="nextMenu"></NavMenu>
-            </el-menu>
-          </el-scrollbar>
-        </div>
-        <div class="adminui-side-bottom"
-             @click="$store.commit('TOGGLE_menuIsCollapse')">
-          <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
-                          v-else /></el-icon>
-        </div>
+
+      <Aside></Aside>
+
+      <div class="adminui-side-bottom"
+           @click="$store.commit('TOGGLE_menuIsCollapse')">
+        <el-icon>
+          <el-icon-expand v-if="menuIsCollapse" />
+          <el-icon-fold v-else />
+        </el-icon>
       </div>
+
       <Side-m v-if="ismobile"></Side-m>
-      <div class="aminui-body el-container">
-        <Topbar>
-          <userbar :isShowBu="isShowBu"
-                   :isShowTask="isShowTask"
-                   :isInitialized="isInitialized">
-            <template #userbarActionBox>
-              <slot name="userbarActionBox"></slot>
-            </template>
-          </userbar>
-        </Topbar>
-        <Tags v-if="!ismobile && layoutTags"
-              :tagShowID="tagShowID"></Tags>
-        <div class="adminui-main"
-             id="adminui-main">
-          <slot name="routerView">
-            <router-view v-slot="{ Component }">
-              <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
-                <component :is="Component"
-                           :key="$route.fullPath"
-                           v-if="$store.state.keepAlive.routeShow" />
-              </keep-alive>
-            </router-view>
-          </slot>
-          <iframe-view></iframe-view>
-        </div>
-      </div>
-    </section>
-  </template>
 
-  <div class="main-maximize-exit"
-       @click="exitMaximize"><el-icon><el-icon-close /></el-icon></div>
+      <el-scrollbar>
+        <el-menu :default-active="active"
+                 router
+                 :collapse="menuIsCollapse"
+                 :unique-opened="$config.MENU_UNIQUE_OPENED">
+          <NavMenu :navMenus="menu"></NavMenu>
+        </el-menu>
+      </el-scrollbar>
+
+      <Topbar v-if="!ismobile"></Topbar>
+
+      <userbar :isShowBu="isShowBu"
+               :isShowTask="isShowTask"
+               :isInitialized="isInitialized">
+        <template #userbarActionBox>
+          <slot name="userbarActionBox"></slot>
+        </template>
+      </userbar>
+
+      <Tags v-if="!ismobile && layoutTags"
+            :tagShowID="tagShowID"></Tags>
 
+      <div class="adminui-main">
+        <slot name="routerView">
+          <router-view v-slot="{ Component }">
+            <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
+              <component :is="Component"
+                         :key="$route.fullPath"
+                         v-if="$store.state.keepAlive.routeShow" />
+            </keep-alive>
+          </router-view>
+        </slot>
+        <iframe-view></iframe-view>
+      </div>
+    </div>
+  </template>
+  <!-- 设置 -->
   <div class="layout-setting"
        @click="openSetting"><el-icon><el-icon-brush-filled /></el-icon></div>
 
@@ -352,7 +199,7 @@ export default {
     }
   },
   beforeCreate() {
-    // 挂载自定义菜单订阅
+    // 挂载菜单订阅
     this.$bus.$on('setMenu', (menu) => {
       this.changeMenu = true
       this.menu = this.filterUrl(menu)
@@ -367,6 +214,12 @@ export default {
     this.$store.state.global.menuIsCollapse = !!isMenuIsCollapse
   },
   async created() {
+    // 标识当前项目
+    let isCombined = this.$tool.data.get("MENUCOMBINED")
+    if (isCombined) {
+      this.$tool.data.set("MENUCOMBINEDNMAE", this.$config.APP_NAME);
+    }
+
     this.onLayoutResize();
     window.addEventListener('resize', this.onLayoutResize);
     this.getUserInfo();
@@ -408,15 +261,10 @@ export default {
       let application = [...new Set(user.userAuthInfo.menus.map(permission => permission.split('.')[0].split('_')[0]))]
       user.userAuthInfo.grantedApplications = user.userAuthInfo.grantedApplications.filter(x => application.includes(x.code))
 
-      let userAuthInfo = {
-        ...user.userAuthInfo,
-        combined: user.combined,
-        loginPage: user.loginPage,
-        menuContent: user.menuContent,
-      }
       this.$tool.data.set('tenantId', user.userAuthInfo.tenantId)
-      this.$tool.data.set('userAuthInfo', userAuthInfo)
-      this.$store.state.user = userAuthInfo
+      this.$tool.data.set('userAuthInfo', user.userAuthInfo)
+      this.$tool.data.set('MenuPath', user.userAuthInfo.grantedApplications)
+      this.$store.state.user = user.userAuthInfo
     },
 
 
@@ -466,10 +314,6 @@ export default {
 
       this.changeMenu = false
       return newMap;
-    },
-    //退出最大化
-    exitMaximize() {
-      document.getElementById('app').classList.remove('main-maximize')
     }
   }
 }

package/dist/components/lwLogin/index.vue

@@ -173,6 +173,11 @@ export default {
       type: Boolean,
       default: true
     },
+    // 是否手动合并菜单到同一个项目
+    isCombined: {
+      type: Boolean,
+      default: true
+    },
     // 是否加密登录
     isEncryption: {
       type: Boolean,
@@ -299,7 +304,6 @@ export default {
     this.$store.commit("clearViewTags");
     this.$store.commit("clearKeepLive");
     this.$store.commit("clearIframeList")
-    this.$tool.data.remove("MENU_LIST")
   },
   methods: {
     // 加密
@@ -320,7 +324,7 @@ export default {
         username: this.ruleForm.user,
         password: this.ruleForm.password,
       };
-
+      
       if (this.isEncryption) {
         const publicKey = await this.$api.auth.key()
         if (publicKey) {
@@ -352,19 +356,14 @@ export default {
       // 获取用户信息
       let user = await this.$api.auth.user()
       // 处理应用显示逻辑
-      let application = [...new Set(user.userAuthInfo.menus.map(permission => permission.split('.')[0].split('_')[0]))]
+      let application  = [...new Set(user.userAuthInfo.menus.map(permission => permission.split('.')[0].split('_')[0]))]
       user.userAuthInfo.grantedApplications = user.userAuthInfo.grantedApplications.filter(x => application.includes(x.code))
 
-      let userAuthInfo = {
-        ...user.userAuthInfo,
-        combined: user.combined,
-        loginPage: user.loginPage,
-        menuContent: user.menuContent,
-      }
       this.$tool.data.set('tenantId', user.userAuthInfo.tenantId)
-      this.$tool.data.set('userAuthInfo', userAuthInfo)
+      this.$tool.data.set('userAuthInfo', user.userAuthInfo)
       // 用与应用菜单显示
-      this.$store.state.user = userAuthInfo
+      this.$tool.data.set('MenuPath', user.userAuthInfo.grantedApplications)
+      this.$store.state.user = user.userAuthInfo
 
 
       // 兼容旧项目设置信息
@@ -373,8 +372,42 @@ export default {
       sessionStorage.setItem('easyweb_session_passport_bu_list', JSON.stringify({ v: bu }))
       document.cookie = `Authorization=Bearer ${token}`;
 
+      // 获取合并菜单信息  isCombined  这参数后期要加是否要合并菜单展示 现在默认tue
+      /**
+       * 此处进行 获取的数据路由router文件进行合并
+       * 需要开发一个接口返回  权限与具体页面路径映射数据 （这个功能要开发）
+       * 需要在  platform  菜单管理中  配置isCombined参数  用于标识是否合并项目菜单
+       * 原有的数据要加两个配置项 icon  path
+       * 返回的数据是
+       * [
+       *  {
+          "id": "ma_menu.workplace",
+          "tenantId": "connext",
+          "name": "工作台",
+          "type": "MENU",
+          ...
+          "applications": ["ma"],
+          "icon": 'el-icon-discount', // icon
+          "path": '/reach/flow-template/, // 菜单路径
+          "authority": [
+            "ma.marketing_center.locate",
+            "ma.marketing_center_operation.locate",
+          ]
+        }
+      * ]
+      */
+      if (user.combined || this.isCombined) {
+        let menu = await this.$api.auth.menu();
+        this.$tool.data.set("MENUCOMBINED", menu);
+        // 注入 用于判断子项目 是否扁平化
+        this.$tool.data.set("MENUCOMBINEDNMAE", this.$config.APP_NAME);
+      } else {
+        this.$tool.data.remove("MENUCOMBINED");
+        this.$tool.data.remove("MENUCOMBINEDNMAE");
+      }
 
       // 检验是否初始化
+
       if (this.isInitialized) {
         let initialized = await this.$api.auth.initialized()
         this.$tool.data.set('zoneInitialized', initialized)

package/dist/components/lwSearch/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="search-wrap">
+  <div class="lw-search-card">
     <div class="search-content">
       <el-form ref="searchForm"
                :model="form"
@@ -54,8 +54,7 @@
           </template>
         </el-row>
 
-        <div class="control"
-             :style="{bottom: ((options.length%columnNumber === 0) ? '0px' : '10px')}">
+        <div class="control">
           <el-button class="reset"
                      @click="resetForm('searchForm')">
             {{$t('btn.reset')}}
@@ -344,7 +343,7 @@ export default {
   }
 }
 
-#search-wrap {
+.lw-search-card {
   width: 100%;
   background: var(--color-bg-2);
   // position: relative;
@@ -386,14 +385,6 @@ export default {
   }
 
   .search-content {
-    position: relative;
-    // border: 1px solid #e5e5e5;
-    box-sizing: border-box;
-    width: 100%;
-    // transition: width .3s linear;
-    margin-top: 0;
-    padding: 0 0 0px 0;
-
     &.close {
       width: 0;
       height: 0;
@@ -411,7 +402,7 @@ export default {
     .control {
       position: absolute;
       right: 0;
-      bottom: 0;
+      bottom: 10px;
       z-index: 9;
       display: flex;
       justify-content: flex-end;

package/dist/components/lwTable/components/TableColumn.vue

@@ -162,76 +162,48 @@
                     :preview-teleported="true" />
         </template>
 
-        <!-- 枚举options -->
-        <template
-                  v-else-if="!col.switch && col.options && col.options.length > 0">
+        <!-- switch -->
+        <template v-else-if="col.switch">
+          <el-switch v-model="scope.row[col.dataIndex]"
+                     inline-prompt
+                     :active-text="col?.activeText || '是'"
+                     :inactive-text="col?.inactiveText || '否'"
+                     :active-value="col?.activeValue || true"
+                     :inactive-value="col?.inactiveValue || false"
+                     @click="col.callback(scope.row[col.dataIndex], scope.row)"></el-switch>
+        </template>
+
+        <!-- 选项列 -->
+        <template v-else-if="!col.switch && col.options?.length">
           <template v-if="scope.row.isEdit && col.canEdit">
-            <el-select class="select-select number"
+            <el-select v-model="scope.row[col.editSource]"
                        :value-key="col.editValue || 'code'"
-                       v-model="scope.row[col.editSource]"
+                       class="select-select number"
                        placeholder=""
                        allow-clear
                        allow-search
                        filter-option
-                       @change="(val) => {col.callback(val, scope.row)}">
-              <el-option :value="item"
-                         v-for="item in col.options"
-                         :key="item">{{ col.editValue ? item[col.editValue] : item.name }}</el-option>
+                       @change="val => col.callback(val, scope.row)">
+              <el-option v-for="item in col.options"
+                         :key="item"
+                         :value="item">
+                {{ col.editValue ? item[col.editValue] : item.name }}
+              </el-option>
             </el-select>
           </template>
           <template v-else>
             <span v-for="(item, index) in col.options"
                   :key="item + index">
               <span
-                    v-if="scope.row[col.dataIndex] == item[col.editValue || 'code']"><span
-                      v-if="item.statusColor"
-                      :style="`background-color: ${item.statusColor}; border-radius: 100%; padding: 4px; display: inline-block; margin-right: 5px;`"></span>{{ col.editValue ? item[col.editValue] : item.name }}</span>
+                    v-if="scope.row[col.dataIndex] == item[col.editValue || 'code']">
+                <span v-if="item.statusColor"
+                      :style="`background-color: ${item.statusColor}; border-radius: 100%; padding: 4px; display: inline-block; margin-right: 5px;`" />
+                {{ col.editValue ? item[col.editValue] : item.name }}
+              </span>
             </span>
           </template>
         </template>
 
-        <!-- 日期起始 -->
-        <template v-else-if="col.type === 'startToEnd'">
-          <div style="margin-bottom: 5px">
-            <span class="start-span">起</span>
-            {{ scope.row[col.dataIndexList[0]] ? dayjs(scope.row[col.dataIndexList[0]]).format('YYYY-MM-DD HH:mm:ss') : '--' }}
-          </div>
-          <div>
-            <span class="end-span">止</span>
-            {{ scope.row[col.dataIndexList[1]] ? dayjs(scope.row[col.dataIndexList[1]]).format('YYYY-MM-DD HH:mm:ss') : '--' }}
-          </div>
-        </template>
-
-        <!-- 日期转换 -->
-        <template v-else-if="col.dataType">
-          {{ dayjs(scope.row[col.dataIndex]).format('YYYY-MM-DD HH:mm:ss')}}
-        </template>
-
-        <!-- 开关 -->
-        <template v-else-if="col.switch">
-          <el-switch :inline-prompt="col.isShowMessage"
-                     :active-text="col.isShowMessage ? col.activeText : '是'"
-                     :inactive-text="col.isShowMessage ? col.inactiveText : '否'"
-                     style="--el-switch-on-color: var(--el-color-primary); --el-switch-off-color: #c6c6c6"
-                     v-model="scope.row[col.dataIndex]"
-                     :active-value="col.activeValue ?? true"
-                     :inactive-value="col.inactiveValue ?? false"
-                     :disabled="col.disabled ? col.disabled(scope.row) : false"
-                     @change="(v) => {col.clickFun(v, scope.row)}" />
-        </template>
-
-        <!-- 视频 -->
-        <template v-else-if="col.isVideo">
-          <video width="40"
-                 :src="scope.row[col.dataIndex]"
-                 style="margin: 5px 0" />
-        </template>
-
-        <!-- 数组转string -->
-        <template v-else-if="col.arrayList">
-          <span>{{ scope.row[col.dataIndex] !== null && scope.row[col.dataIndex].length > 0 ? scope.row[col.dataIndex].toString() : '' }}</span>
-        </template>
-
         <!-- 自定义组件 -->
         <template v-else-if="col.component">
           <slot :name="col.component"

package/dist/components/lwTable/index.js

@@ -1,6 +1,8 @@
 import { VueSelecto } from 'vue3-selecto'
 import TableColumn from './components/TableColumn.vue'
 import empty from '@/assets/images/empty.jpg'
+import { useFullscreen } from './useFullscreen'
+const { isFullscreen, toggle: toggleFullScreen } = useFullscreen()
 export default {
 	name: 'lwTable',
 	components: { VueSelecto, TableColumn },
@@ -18,6 +20,7 @@ export default {
 		stripe: { type: Boolean, default: false }, // 是否显示斑马纹
 		hoverable: { type: Boolean, default: true }, // 是否启用鼠标悬停效果
 		maxHeight: { type: String, default: 'calc(100vh - 270px)' }, // 表格最大高度
+		height: { type: String, default: '' }, // 表格高度
 
 		// 选择功能配置
 		rowSelection: { type: Boolean, default: false }, // 是否可选择行
@@ -51,6 +54,7 @@ export default {
 			// 表格基础状态
 			tableHeaders: [], // 表格列配置
 			localTableSize: this.tableSize, // 表格大小
+			tableHeight: this.tableSize, // 表格高度
 
 			// 列设置相关
 			checkedKeys: [], // 选中的列
@@ -109,10 +113,13 @@ export default {
 			immediate: true
 		}
 	},
-
 	created() {
 		// 监听窗口大小变化
 		window.addEventListener('resize', this.handleResize)
+
+    this.$nextTick(() => {
+      this.handleResize()
+    })
 	},
 
 	beforeDestroy() {
@@ -228,9 +235,8 @@ export default {
 		 * 切换全屏显示
 		 */
 		tableToggleFullScreen() {
-			this.$bus.$emit('tableFullScreen', !this.isFullscreen)
 			this.isFullscreen = !this.isFullscreen
-			// 这里需要实现具体的全屏切换逻辑
+			toggleFullScreen()
 		},
 
 		/**
@@ -240,9 +246,15 @@ export default {
 			const isFull = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement
 
 			if (!isFull) {
-				this.$bus.$emit('tableFullScreen', false)
 				this.isFullscreen = false
 			}
+
+      // 自动计算稿表格高度
+      const container = document.querySelector('.adminui-main > .el-container')
+			const searchCard = document.querySelector('.lw-search-card')
+			if (container && searchCard) {
+				this.tableHeight =  container.clientHeight - searchCard.clientHeight - 160
+			}
 		},
 		// 拖动选中
 		onSelect({ selected }) {

package/dist/components/lwTable/index.scss

@@ -1,4 +1,4 @@
-.baseTablePage-wrap {
+.lw-table-page {
 	position: relative;
 
 	.icon-more {
@@ -155,9 +155,6 @@
 	background: #f40c0c;
 }
 
-:deep(.el-table th.el-table__cell) {
-	background-color: #f9f9f9 !important;
-}
 
 .table-button {
 	color: var(--el-color-primary);