Prechádzať zdrojové kódy

style(product-manage): 优化产品列表和监控页面样式

- 调整 SKU 显示样式,添加 max-h-5 类以限制最大高度
- 优化输入框样式,移除多余的空格和换行符
WanGxC 6 mesiacov pred
rodič
commit
b96250a6bc

+ 6 - 6
src/views/product-manage/competitor-monitor/index.vue

@@ -134,22 +134,22 @@ function resetParameter() {
               <el-col :span="6" class="flex">
                 <div class="flex items-center">
                   <span class="mr-2">亚马逊显示评分人数</span>
-                  <el-input-number v-model="formInline.scoreNumber" :min="0"
-                                   placeholder="请输入"></el-input-number>
+                  <el-input-number v-model="formInline.scoreNumber" :min="0" placeholder="请输入">
+                  </el-input-number>
                 </div>
               </el-col>
               <el-col :span="6">
                 <div class="flex items-center">
                   <span class="mr-2">亚马逊显示评论人数</span>
-                  <el-input-number v-model="formInline.commentNumber" :min="0"
-                                   placeholder="请输入"></el-input-number>
+                  <el-input-number v-model="formInline.commentNumber" :min="0" placeholder="请输入">
+                  </el-input-number>
                 </div>
               </el-col>
               <el-col :span="6">
                 <div class="flex items-center">
                   <span class="mr-2">亚马逊显示评分</span>
-                  <el-input-number v-model="formInline.displayScore" :min="0"
-                                   placeholder="请输入"></el-input-number>
+                  <el-input-number v-model="formInline.displayScore" :min="0" placeholder="请输入">
+                  </el-input-number>
                 </div>
               </el-col>
               <el-col :span="6">

+ 3 - 3
src/views/product-manage/product-list/component/DataTableSlot.vue

@@ -50,17 +50,17 @@ function handleMonitor() {
       <ProductInfo :img-width="50" :item="row" />
     </div>
     <div v-else-if="field === 'sku'" style="color: #1d2129;">
-      <div v-if="row.sku">
+      <div v-if="row.sku" class="flex items-center justify-center max-h-5">
         {{ row.sku }}
         <el-button :icon="DocumentCopy" class="ml-1 cursor-pointer" link @click="handleCopy(row.sku || '')">
         </el-button>
       </div>
-      <div v-if="row.sku2">
+      <div v-if="row.sku2" class="flex items-center justify-center max-h-5">
         {{ row.sku2 }}
         <el-button :icon="DocumentCopy" class="ml-1 cursor-pointer" link @click="handleCopy(row.sku2 || '')">
         </el-button>
       </div>
-      <div v-if="row.sku3">
+      <div v-if="row.sku3" class="flex items-center justify-center max-h-5">
         {{ row.sku3 }}
         <el-button :icon="DocumentCopy" class="ml-1 cursor-pointer" link @click="handleCopy(row.sku3 || '')">
         </el-button>

+ 3 - 3
src/views/product-manage/product-monitor/component/DataTableSlot.vue

@@ -63,17 +63,17 @@ function goto() {
       <ProductInfo :img-width="50" :item="row.goods" />
     </div>
     <div v-else-if="field === 'sku'" style="color: #1d2129;">
-      <div v-if="row.goods.sku" class="flex items-center justify-center">
+      <div v-if="row.goods.sku" class="flex items-center justify-center max-h-5">
         {{ row.goods.sku }}
         <el-button :icon="DocumentCopy" class="ml-1 cursor-pointer" link @click="handleCopy(row.goods.sku || '')">
         </el-button>
       </div>
-      <div v-if="row.goods.sku2" class="flex items-center justify-center">
+      <div v-if="row.goods.sku2" class="flex items-center justify-center max-h-5">
         {{ row.goods.sku2 }}
         <el-button :icon="DocumentCopy" class="ml-1 cursor-pointer" link @click="handleCopy(row.goods.sku2 || '')">
         </el-button>
       </div>
-      <div v-if="row.goods.sku3" class="flex items-center justify-center">
+      <div v-if="row.goods.sku3" class="flex items-center justify-center max-h-5">
         {{ row.goods.sku3 }}
         <el-button :icon="DocumentCopy" class="ml-1 cursor-pointer" link @click="handleCopy(row.goods.sku3 || '')">
         </el-button>

+ 6 - 6
src/views/product-manage/product-monitor/index.vue

@@ -147,22 +147,22 @@ function resetParameter() {
               <el-col :span="6" class="flex">
                 <div class="flex items-center">
                   <span class="mr-2">亚马逊显示评分人数</span>
-                  <el-input-number v-model="formInline.scoreNumber" :min="0"
-                                   placeholder="请输入"></el-input-number>
+                  <el-input-number v-model="formInline.scoreNumber" :min="0" placeholder="请输入">
+                  </el-input-number>
                 </div>
               </el-col>
               <el-col :span="6">
                 <div class="flex items-center">
                   <span class="mr-2">亚马逊显示评论人数</span>
-                  <el-input-number v-model="formInline.commentNumber" :min="0"
-                                   placeholder="请输入"></el-input-number>
+                  <el-input-number v-model="formInline.commentNumber" :min="0"  placeholder="请输入">
+                  </el-input-number>
                 </div>
               </el-col>
               <el-col :span="6">
                 <div class="flex items-center">
                   <span class="mr-2">亚马逊显示评分</span>
-                  <el-input-number v-model="formInline.displayScore" :min="0"
-                                   placeholder="请输入"></el-input-number>
+                  <el-input-number v-model="formInline.displayScore" :min="0" placeholder="请输入">
+                  </el-input-number>
                 </div>
               </el-col>
             </el-row>