Jelajahi Sumber

style:调整垂直分割线位置

- 在产品列表和产品监控页面的 DataTable 组件中
- 将垂直分割线移动到导入按钮上方
- 优化了界面布局,提高了可读性和美观性
WanGxC 7 bulan lalu
induk
melakukan
9661027d81

+ 2 - 1
src/views/product-list/component/DataTable.vue

@@ -149,7 +149,6 @@ function downloadTemplate() {
         <PermissionButton :disabled="!checkedList.size" :icon="Open" plain round type="primary" @click="batchOpen">
           批量开启
         </PermissionButton>
-        <VerticalDivider class="px-1" style="margin-left: 7px;" />
         <div class="custom-el-input">
           <el-select v-model="templateType" placeholder="Select" style="width: 190px">
             <template #prefix>
@@ -166,6 +165,8 @@ function downloadTemplate() {
             <el-option label="指导价格模板" value="price" />
           </el-select>
         </div>
+        <VerticalDivider class="px-1" style="margin-left: 7px;" />
+        
         <ImportButton :icon="Message" bg text>变更通知导入</ImportButton>
         <ImportButton bg text>
           <i class="bi bi-box-seam mr-3"></i>

+ 1 - 1
src/views/product-monitor/component/DataTable.vue

@@ -134,7 +134,6 @@ function downloadTemplate() {
         <PermissionButton :icon="Plus" plain round type="primary" @click="batchOpen">
           新 增
         </PermissionButton>
-        <VerticalDivider class="px-1" style="margin-left: 7px;" />
         <div class="custom-el-input">
           <el-select v-model="templateType" placeholder="Select" style="width: 190px">
             <template #prefix>
@@ -151,6 +150,7 @@ function downloadTemplate() {
             <el-option label="指导价格模板" value="item3" />
           </el-select>
         </div>
+        <VerticalDivider class="px-1" style="margin-left: 7px;" />
         <ImportButton :icon="Upload" bg text>导 入</ImportButton>
       </div>
     </template>