lw-cdp-ui 1.4.8 → 1.4.10

package/dist/components/lwBiChart/charts/MapChart.vue

@@ -79,7 +79,7 @@ export default {
         this.option = option
       }
 
-      const mapJson = await this.$http.get(`/map/${this.rawData?.setting?.mapName || 'china'}.json`)
+      const mapJson = await this.$http.get(`/${this.$config.APP_NAME.toLowerCase()}/map/${this.rawData?.setting?.mapName || 'china'}.json`)
       this.echarts.registerMap(this.rawData?.setting?.mapName || 'china', mapJson)
 
 

package/dist/components/lwFormJson/index.vue

@@ -1,22 +1,14 @@
 <template>
   <el-container :style="{ maxHeight }">
-    <el-aside v-if="!hideModule"
-              width="200px"
-              class="form-json-body">
+    <el-aside v-if="!hideModule" width="200px" class="form-json-body">
       <div class="menu-list">
         <el-collapse v-model="activeNames">
-          <el-collapse-item v-for="item in menuList"
-                            :title="item.title"
-                            :name="item.title"
-                            class="menu-list-title">
-            <draggable class="menu-list-group"
-                       :list="item.list"
-                       :group="{ name: 'people', pull: 'clone', put: false }"
-                       :clone="cloneItem"
-                       item-key="name">
+          <el-collapse-item v-for="item in menuList" :title="item.title" :name="item.title" :key="item.title"
+            class="menu-list-title">
+            <draggable class="menu-list-group" :list="item.list" :group="{ name: 'people', pull: 'clone', put: false }"
+              :clone="cloneItem" item-key="name">
               <template #item="{ element }">
-                <div v-if="!element?.hide"
-                     class="list-group-item">
+                <div v-if="!element?.hide" class="list-group-item">
                   {{ element.label }}
                 </div>
               </template>
@@ -29,25 +21,14 @@
     <el-container>
       <!-- <el-header v-if="hideTool">暂未开发工具栏</el-header> -->
       <el-main class="form-json-body">
-        <el-form ref="form"
-                 @click.capture="back(config)"
-                 :model="form"
-                 :label-width="config.labelWidth"
-                 :label-position="$i18n.locale == 'en-us' ? 'top' : config.labelPosition"
-                 v-loading="loading"
-                 :disabled="isView"
-                 element-loading-text="Loading...">
+        <el-form ref="form" @click.capture="back(config)" :model="form" :label-width="config.labelWidth"
+          :label-position="$i18n.locale == 'en-us' ? 'top' : config.labelPosition" v-loading="loading"
+          :disabled="isView" element-loading-text="Loading...">
           <el-row :gutter="10">
-            <JsonItem :formItems="config.formItems"
-                      :hideBorder="hideBorder"
-                      :form="form"
-                      :custom="custom"
-                      @curClick="selectItem">
-              <template v-for="item in custom"
-                        v-slot:[item.component]="{ itemCur, formCur }">
-                <slot :name="item.component"
-                      :itemCur="itemCur"
-                      :formCur="formCur"></slot>
+            <JsonItem :formItems="config.formItems" :hideBorder="hideBorder" :form="form" :custom="custom"
+              @curClick="selectItem">
+              <template v-for="item in custom" v-slot:[item.component]="{ itemCur, formCur }">
+                <slot :name="item.component" :itemCur="itemCur" :formCur="formCur"></slot>
               </template>
             </JsonItem>
           </el-row>
@@ -56,11 +37,8 @@
       </el-main>
     </el-container>
 
-    <el-aside v-if="!hideConfig"
-              width="300px"
-              class="aside-right">
-      <StatsConfig :item="curItem"
-                   :config="config" />
+    <el-aside v-if="!hideConfig" width="300px" class="aside-right">
+      <StatsConfig :item="curItem" :config="config" />
     </el-aside>
   </el-container>
 </template>
@@ -103,7 +81,7 @@ export default {
      *         label: '选项2'
      *       }]
      *     }
-     *     ...  
+     *     ...
      *   }]
      *   labelWidth: '100px', // 表单域标签的宽度
      *   labelPosition: 'top', // 表单域标签的位置，如果值为 left 或者 right 时，则需要设置 label-width
@@ -326,6 +304,7 @@ export default {
     border-top: 0;
     background-color: var(--color-white);
   }
+
   .menu-list-title {
     :deep(.el-collapse-item__header) {
       font-weight: bold;
@@ -333,14 +312,17 @@ export default {
       background-color: var(--el-menu-bg-color);
     }
   }
+
   :deep(.el-collapse-item__content) {
     padding-bottom: 10px;
   }
+
   .menu-list-group {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     padding: 10px;
+
     .list-group-item {
       width: calc(50% - 5px);
       background-color: var(--el-fill-color-light);
@@ -358,8 +340,9 @@ export default {
   border-left: 1px solid var(--el-border-color-light);
   background-color: var(--color-white);
 }
+
 .form-json-body {
   max-height: calc(100vh - 137px);
   background-color: var(--color-white);
 }
-</style>
+</style>

package/dist/components/lwLayout/components/tags.vue

@@ -1,34 +1,32 @@
 <template>
   <div class="adminui-tags">
-    <draggable v-model="$store.state.viewTags.viewTags"
-               @change="changeTages"
-               class="context-menu-list"
-               ref="tags"
-               itemKey="name">
-      <template #item="{element: tag, index}"
-                keyName="tag">
-        <li v-bind:key="tag"
-            :class="[isActive(tag)?'active':'',tag.meta.affix?'affix':'' ]"
-            @contextmenu.prevent="openContextMenu($event, tag)">
+    <!-- 左滚动箭头 -->
+    <div v-if="iconVisible" class="scroll-arrow left" @click="scrollLeft">
+      <el-icon><el-icon-arrow-left /></el-icon>
+    </div>
+    <draggable v-model="$store.state.viewTags.viewTags" @change="changeTages" class="context-menu-list" ref="tags"
+      itemKey="name">
+      <template #item="{ element: tag, index }" keyName="tag">
+        <li v-bind:key="tag" :class="[isActive(tag) ? 'active' : '', tag.meta.affix ? 'affix' : '']"
+          @contextmenu.prevent="openContextMenu($event, tag)">
           <router-link :to="tag">
             <span>{{ getIdName(tag) }}</span>
-            <el-icon v-if="!tag.meta.affix"
-                     @click.prevent.stop='closeSelectedTag(tag)'><el-icon-close /></el-icon>
+            <el-icon v-if="!tag.meta.affix" @click.prevent.stop='closeSelectedTag(tag)'><el-icon-close /></el-icon>
           </router-link>
         </li>
       </template>
     </draggable>
+    <!-- 右滚动箭头 -->
+    <div v-if="iconVisible" class="scroll-arrow right" @click="scrollRight">
+      <el-icon><el-icon-arrow-right /></el-icon>
+    </div>
   </div>
 
   <transition name="el-zoom-in-top">
-    <ul v-if="contextMenuVisible"
-        :style="{left:left+'px',top:top+'px'}"
-        class="contextmenu"
-        id="contextmenu">
+    <ul v-if="contextMenuVisible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu" id="contextmenu">
       <li @click="refreshTab()"><el-icon><el-icon-refresh /></el-icon>刷新</li>
       <hr>
-      <li @click="closeTabs()"
-          :class="contextMenuItem.meta.affix?'disabled':''">
+      <li @click="closeTabs()" :class="contextMenuItem.meta.affix ? 'disabled' : ''">
         <el-icon><el-icon-close /></el-icon>关闭标签
       </li>
       <li @click="closeOtherTabs()">
@@ -57,6 +55,7 @@ export default {
       contextMenuItem: null,
       left: 0,
       top: 0,
+      iconVisible: false,
       tipVisible: false,
       tipDisplayed: false,
       menu: this.$router.sc_getMenu()
@@ -112,6 +111,10 @@ export default {
 
     // 将方法挂载到全局
     this.$store.state.viewTags.closeTagAndJump = this.closeTagAndJump
+
+    window.addEventListener('resize', () => {
+      this.changeLeftRight()
+    })
   },
   mounted() {
     this.scrollInit()
@@ -157,6 +160,9 @@ export default {
         this.$tool.data.set('RouteTags', this.$store.state.viewTags.viewTags)
       }
 
+      this.changeLeftRight()
+    },
+    changeLeftRight() {
       //判断标签容器是否出现滚动条
       this.$nextTick(() => {
         const tags = document.querySelector(".context-menu-list")
@@ -168,6 +174,9 @@ export default {
           if (!this.tipDisplayed) {
             this.tipVisible = true
           }
+          this.iconVisible = true
+        } else {
+          this.iconVisible = false
         }
       })
     },
@@ -181,7 +190,7 @@ export default {
       if (item.children) {
         item = item.children[0]
       }
-      
+
       // 兼容合并菜单
       if (item.meta?.code && item.meta?.code != this.$config.APP_NAME.toLowerCase()) {
         item.path = `/i/${item.name}`
@@ -203,6 +212,8 @@ export default {
           this.$router.push({ path: item.path })
         }
       }
+
+      this.changeLeftRight()
     },
     //tag右键
     openContextMenu(e, tag) {
@@ -338,7 +349,27 @@ export default {
         return tag.meta.title
       }
 
-    }
+    },
+    // 左滚动
+    scrollLeft() {
+      this.scroll(-200);
+    },
+
+    // 右滚动
+    scrollRight() {
+      this.scroll(200);
+    },
+
+    // 执行滚动
+    scroll(offset) {
+      const container = document.querySelector('.context-menu-list');
+      if (container) {
+        container.scrollBy({
+          left: offset,
+          behavior: 'smooth'
+        });
+      }
+    },
   }
 }
 </script>
@@ -356,6 +387,7 @@ export default {
   list-style-type: none;
   padding: 10px 0;
 }
+
 .contextmenu hr {
   margin: 5px 0;
   border: none;
@@ -363,6 +395,7 @@ export default {
   font-size: 0px;
   background-color: var(--el-border-color-light);
 }
+
 .contextmenu li {
   display: flex;
   align-items: center;
@@ -372,14 +405,17 @@ export default {
   padding: 0 17px;
   color: #606266;
 }
+
 .contextmenu li i {
   font-size: 14px;
   margin-right: 10px;
 }
+
 .contextmenu li:hover {
   background-color: var(--el-color-primary-light-9);
   color: var(--el-color-primary);
 }
+
 .contextmenu li.disabled {
   cursor: not-allowed;
   color: #bbb;
@@ -389,6 +425,7 @@ export default {
 .tags-tip {
   padding: 5px;
 }
+
 .tags-tip p {
   margin-bottom: 10px;
 }

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

@@ -1,35 +1,19 @@
 <template>
   <!-- 递归渲染子列 -->
-  <el-table-column v-if="col.children && col.children.length"
-                   :prop="col.dataIndex"
-                   :label="col.title"
-                   :width="col.width"
-                   :min-width="col.minWidth"
-                   :align="col.align ?? 'center'"
-                   :fixed="col.fixed"
-                   :sortable="col.sortable"
-                   :show-overflow-tooltip="col.tooltip">
-    <TableColumn v-for="item in col.children"
-                 :col="item" />
+  <el-table-column v-if="col.children && col.children.length" :prop="col.dataIndex" :label="col.title"
+    :width="col.width" :min-width="col.minWidth" :align="col.align ?? 'center'" :fixed="col.fixed"
+    :sortable="col.sortable" :show-overflow-tooltip="col.tooltip">
+    <TableColumn v-for="item in col.children" :col="item" />
   </el-table-column>
 
   <!-- 子级展开 -->
-  <el-table-column v-else-if="col.expand"
-                   :prop="col.dataIndex"
-                   :label="col.title"
-                   type="expand"
-                   :width="col.width"
-                   :min-width="col.minWidth"
-                   :align="col.align ?? 'center'"
-                   :fixed="col.fixed"
-                   :sortable="col.sortable"
-                   :show-overflow-tooltip="col.tooltip">
+  <el-table-column v-else-if="col.expand" :prop="col.dataIndex" :label="col.title" type="expand" :width="col.width"
+    :min-width="col.minWidth" :align="col.align ?? 'center'" :fixed="col.fixed" :sortable="col.sortable"
+    :show-overflow-tooltip="col.tooltip">
     <template #default="scope">
       <!-- 自定义组件 -->
       <template v-if="col.component">
-        <slot :name="col.component"
-              :scope="scope.row"
-              :col="col">
+        <slot :name="col.component" :scope="scope.row" :col="col">
           <el-tag type="danger">[{{ col.component }}]
             没有这个默认组件也未自定义插槽内容</el-tag>
         </slot>
@@ -37,20 +21,11 @@
     </template>
   </el-table-column>
 
-  <el-table-column v-else
-                   :prop="col.dataIndex"
-                   :label="col.title"
-                   :width="col.width"
-                   :min-width="col.minWidth"
-                   :align="col.align ?? 'center'"
-                   :fixed="col.fixed"
-                   :sortable="col.sortable"
-                   :show-overflow-tooltip="col.tooltip">
+  <el-table-column v-else :prop="col.dataIndex" :label="col.title" :width="col.width" :min-width="col.minWidth"
+    :align="col.align ?? 'center'" :fixed="col.fixed" :sortable="col.sortable" :show-overflow-tooltip="col.tooltip">
     <!-- 表头插槽 -->
     <template #header="{ column, $index }">
-      <slot v-if="col?.header"
-            :name="col.header"
-            :scope="{ column, $index, col }">
+      <slot v-if="col?.header" :name="col.header" :scope="{ column, $index, col }">
         <el-tag type="danger">[{{ col.header }}]没有这个自定义表头</el-tag>
       </slot>
       <template v-else>
@@ -69,30 +44,18 @@
     <!-- 单元格内容 -->
     <template #default="scope">
       <!-- 操作列 -->
-      <div class="btn-list"
-           v-if="col?.operation">
+      <div class="btn-list" v-if="col?.operation">
         <template v-if="filterOperations(col.operation, scope.row).length <= 3">
-          <template v-for="op in filterOperations(col.operation, scope.row)"
-                    :key="op">
+          <template v-for="op in filterOperations(col.operation, scope.row)" :key="op">
             <!-- 图标按钮 -->
-            <el-tooltip v-if="op.icon"
-                        :content="op.label"
-                        placement="top">
-              <el-button type="primary"
-                         size="small"
-                         :icon="op.icon"
-                         :disabled="op.disabled?.(scope.row)"
-                         circle
-                         @click="op.clickFun(scope.row, scope.$index, tableData)" />
+            <el-tooltip v-if="op.icon" :content="op.label" placement="top">
+              <el-button type="primary" size="small" :icon="op.icon" :disabled="op.disabled?.(scope.row)" circle
+                @click="op.clickFun(scope.row, scope.$index, tableData)" />
             </el-tooltip>
 
             <!-- 文字按钮 -->
-            <el-button v-else
-                       type="primary"
-                       text
-                       size="small"
-                       :disabled="op.disabled?.(scope.row)"
-                       @click="op.clickFun(scope.row, scope.$index, tableData)">
+            <el-button v-else type="primary" text size="small" :disabled="op.disabled?.(scope.row)"
+              @click="op.clickFun(scope.row, scope.$index, tableData)">
               {{ op.label }}
             </el-button>
           </template>
@@ -101,40 +64,24 @@
         <!-- 更多操作下拉菜单 -->
         <template v-else>
           <!-- 显示前2个按钮 -->
-          <template v-for="op in filterOperations(col.operation, scope.row).slice(0, 2)"
-                    :key="op">
-            <el-tooltip v-if="op.icon"
-                        :content="op.label"
-                        placement="top">
-              <el-button type="primary"
-                         size="small"
-                         :icon="op.icon"
-                         :disabled="op.disabled?.(scope.row)"
-                         circle
-                         @click="op.clickFun(scope.row, scope.$index, tableData)" />
+          <template v-for="op in filterOperations(col.operation, scope.row).slice(0, 2)" :key="op">
+            <el-tooltip v-if="op.icon" :content="op.label" placement="top">
+              <el-button type="primary" size="small" :icon="op.icon" :disabled="op.disabled?.(scope.row)" circle
+                @click="op.clickFun(scope.row, scope.$index, tableData)" />
             </el-tooltip>
 
-            <el-button v-else
-                       type="primary"
-                       text
-                       size="small"
-                       :disabled="op.disabled?.(scope.row)"
-                       @click="op.clickFun(scope.row, scope.$index, tableData)">
+            <el-button v-else type="primary" text size="small" :disabled="op.disabled?.(scope.row)"
+              @click="op.clickFun(scope.row, scope.$index, tableData)">
               {{ op.label }}
             </el-button>
           </template>
 
           <el-dropdown>
-            <el-button size="small"
-                       type="primary"
-                       icon="el-icon-more-filled"
-                       class="el-dropdown-link"
-                       text></el-button>
+            <el-button size="small" type="primary" icon="el-icon-more-filled" class="el-dropdown-link" text></el-button>
             <template #dropdown>
               <el-dropdown-menu>
-                <el-dropdown-item v-for="op in filterOperations(col.operation, scope.row).slice(2)"
-                                  :key="op"
-                                  @click="op.clickFun(scope.row, scope.$index, tableData)">
+                <el-dropdown-item v-for="op in filterOperations(col.operation, scope.row).slice(2)" :key="op"
+                  @click="op.clickFun(scope.row, scope.$index, tableData)">
                   {{ op.label }}
                 </el-dropdown-item>
               </el-dropdown-menu>
@@ -148,17 +95,13 @@
         <!-- 自定义渲染 -->
         <template v-if="col.eleRender">
           <span v-html="col.eleRender(scope.row, scope.$index)"
-                @click="col.clickFun?.(scope.row, scope.$index, tableData)" />
+            @click="col.clickFun?.(scope.row, scope.$index, tableData)" />
         </template>
 
         <!-- 图片列 -->
         <template v-else-if="col.type === 'img'">
-          <el-image style="height: 28px;"
-                    :src="scope.row[col.dataIndex] || empty"
-                    :preview-src-list="[scope.row[col.dataIndex]]"
-                    fit="cover"
-                    :z-index="99"
-                    :preview-teleported="true">
+          <el-image style="height: 28px;" :src="scope.row[col.dataIndex] || empty"
+            :preview-src-list="[scope.row[col.dataIndex]]" fit="cover" :z-index="99" :preview-teleported="true">
             <template #error>
               <div class="image-slot">
                 <el-icon><el-icon-picture /></el-icon>
@@ -170,46 +113,38 @@
         <!-- 日期转换 -->
         <template v-else-if="col.date">
           <template v-if="Array.isArray(scope.row[col.dataIndex])">
-            {{ scope.row[col.dataIndex] ? dayjs(scope.row[col.dataIndex]).format('YYYY-MM-DD HH:mm:ss') : '--'}}
+            {{ scope.row[col.dataIndex] ? dayjs(scope.row[col.dataIndex]).format('YYYY-MM-DD HH:mm:ss') : '--' }}
             到
-            {{ scope.row[col.dataIndex] ? dayjs(scope.row[col.dataIndex][1]).format('YYYY-MM-DD HH:mm:ss') : '--'}}
+            {{ scope.row[col.dataIndex] ? dayjs(scope.row[col.dataIndex][1]).format('YYYY-MM-DD HH:mm:ss') : '--' }}
           </template>
           <template v-else>
-            {{ scope.row[col.dataIndex] ? dayjs(scope.row[col.dataIndex]).format('YYYY-MM-DD HH:mm:ss') : '--'}}
+            {{ scope.row[col.dataIndex] ? dayjs(scope.row[col.dataIndex]).format('YYYY-MM-DD HH:mm:ss') : '--' }}
           </template>
 
         </template>
 
         <!-- 开关 -->
         <template v-else-if="col.switch">
-          <el-switch :inline-prompt="true"
-                     :active-text="col.activeText || '是'"
-                     :inactive-text="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)}" />
+          <el-switch :inline-prompt="true" :active-text="col.activeText || '是'" :inactive-text="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.video">
-          <video width="40"
-                 :src="scope.row[col.dataIndex]"
-                 style="margin: 5px 0" />
+          <video width="40" :src="scope.row[col.dataIndex]" style="margin: 5px 0" />
         </template>
 
         <!-- 数组转string -->
         <template v-else-if="col.array">
-          <span>{{ scope.row[col.dataIndex]  ? scope.row[col.dataIndex].toString() : '' }}</span>
+          <span>{{ scope.row[col.dataIndex] ? scope.row[col.dataIndex].toString() : '' }}</span>
         </template>
 
         <!-- 自定义组件 -->
         <template v-else-if="col.component">
-          <slot :name="col.component"
-                :scope="scope.row"
-                :col="col">
+          <slot :name="col.component" :scope="scope.row" :col="col">
             <el-tag type="danger">[{{ col.component }}]
               没有这个默认组件也未自定义插槽内容</el-tag>
           </slot>
@@ -218,16 +153,10 @@
         <!-- 枚举 options -->
         <template v-else-if="col.options?.length">
           <template v-if="col?.isEdit">
-            <el-select class="select-select number"
-                       v-model="scope.row[col.dataIndex]"
-                       placeholder="请选择"
-                       clearable
-                       filterable
-                       @change="(val) => col.callback?.(val, scope.row)">
-              <el-option v-for="item in col.options"
-                         :key="item[col.optionsValue || 'value']"
-                         :label="item[col.optionsLabel || 'label']"
-                         :value="item[col.optionsValue || 'value']" />
+            <el-select class="select-select number" v-model="scope.row[col.dataIndex]" placeholder="请选择" clearable
+              filterable @change="(val) => col.callback?.(val, scope.row)">
+              <el-option v-for="item in col.options" :key="item[col.optionsValue || 'value']"
+                :label="item[col.optionsLabel || 'label']" :value="item[col.optionsValue || 'value']" />
             </el-select>
           </template>
           <template v-else>
@@ -238,7 +167,7 @@
         <!-- 链接跳转 -->
         <template v-else-if="col.link">
           <span class="el-button el-button--primary el-button--small is-text"
-                @click="col.clickFun?.(scope.row, scope.$index, tableData)"> {{ scope.row[col.dataIndex] || '' }}</span>
+            @click="col.clickFun?.(scope.row, scope.$index, tableData)"> {{ scope.row[col.dataIndex] || '' }}</span>
         </template>
 
         <!-- 其他简单渲染 -->
@@ -248,8 +177,7 @@
 
         <!-- 复制 -->
         <template v-if="col.copy">
-          <el-icon class="copy-btn"
-                   v-copy="scope.row[col.dataIndex]"><el-icon-copy-document /></el-icon>
+          <el-icon class="copy-btn" v-copy="scope.row[col.dataIndex]"><el-icon-copy-document /></el-icon>
         </template>
       </template>
     </template>
@@ -257,7 +185,7 @@
 
 </template>
 
-<script >
+<script>
 import dayjs from 'dayjs'
 import empty from '@/assets/images/empty.jpg'
 export default {
@@ -291,7 +219,7 @@ export default {
      * 检查权限
      */
     checkAuth(auth) {
-      const {menus = [], authorities = []} = JSON.parse(localStorage.getItem('userAuthInfo') || '{}')
+      const { menus = [], authorities = [] } = JSON.parse(localStorage.getItem('userAuthInfo') || '{}')
       const allPermissions = [...menus]
 
       if (!auth) return true
@@ -318,7 +246,7 @@ export default {
       if (!col || !Array.isArray(col.options) || col.options.length === 0) {
         return ''
       }
-      const {options, optionsLabel = 'label', optionsValue = 'value'} = col
+      const { options, optionsLabel = 'label', optionsValue = 'value' } = col
       // 统一处理为数组
       let values = Array.isArray(value) ? value : typeof value === 'string' ? value.split(',') : [value]
       // 获取匹配的 labels
@@ -339,27 +267,34 @@ export default {
   cursor: pointer;
   margin-left: 5px;
 }
+
 .el-dropdown-link {
   font-size: 16px;
 }
+
 .btn-list {
+
   :deep(.el-button + .el-button),
   :deep(.el-button + .el-dropdown) {
     margin-left: 0px;
   }
 }
+
 :deep(.cell) {
   position: relative;
 }
+
 .el-tooltip {
   position: relative;
 }
+
 .copy-btn {
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
 }
+
 .image-slot {
   display: flex;
   align-items: center;
@@ -372,4 +307,4 @@ export default {
   min-width: 35px;
   cursor: pointer;
 }
-</style>
+</style>