Explorar el Código

feat(product-manage): 优化产品管理相关组件的输入框和选择框

- 为编辑抽屉组件中的输入框和选择框添加了适当的占位符
- 提升了用户输入的友好性和准确性
- 涉及的产品管理模块包括:竞品监控、产品列表、产品监控
WanGxC hace 5 meses
padre
commit
6ebccb2749

+ 1 - 1
src/views/product-manage/competitor-monitor/component/EditDrawer.vue

@@ -98,7 +98,7 @@ function closeDrawer() {
           <el-input v-model="ruleForm.asin" :disabled="true" />
         </el-form-item>
         <el-form-item class="font-medium" label="店 铺" prop="shop">
-          <el-input v-model="ruleForm.shop_name" />
+          <el-input v-model="ruleForm.shop_name" placeholder="请输入店铺" />
         </el-form-item>
         <el-form-item class="font-medium" label="分 组" prop="tag">
           <el-select v-model="ruleForm.tag" allow-create filterable>

+ 5 - 5
src/views/product-manage/product-list/component/EditDrawer.vue

@@ -115,13 +115,13 @@ function mappingShopId(val: any) {
             SKU
             <span class="ml-4" style="color: #909399">
             <i class="bi bi-info-circle"></i>
-            多个SKU用逗号","连接 
+            多个SKU用逗号","连接
             <span class="italic ml-3">
               e.g. sku1,sku2,sku3
             </span>
             </span>
           </template>
-          <el-input v-model="ruleForm.sku" />
+          <el-input v-model="ruleForm.sku" placeholder="请输入SKU" />
         </el-form-item>
         <el-form-item class="font-medium" label="店 铺:" prop="shop_name">
           <el-select v-model="ruleForm.shop_name" @change="mappingShopId">
@@ -129,7 +129,7 @@ function mappingShopId(val: any) {
           </el-select>
         </el-form-item>
         <el-form-item class="font-medium" label="分 组:" prop="tag">
-          <el-select v-model="ruleForm.tag" allow-create filterable>
+          <el-select v-model="ruleForm.tag" allow-create filterable placeholder="请选择分组">
             <el-option v-for="item in groupOptions" :label="item.tag" :value="item.tag" />
           </el-select>
         </el-form-item>
@@ -141,10 +141,10 @@ function mappingShopId(val: any) {
           <!--  <el-input v-model="ruleForm.activity_price" />-->
           <!--</el-form-item>-->
           <el-form-item class="font-medium" label="最低活动售价:" prop="minimum_price">
-            <el-input v-model="ruleForm.minimum_price" />
+            <el-input v-model="ruleForm.minimum_price" placeholder="请输入最低活动售价" />
           </el-form-item>
         </div>
-        
+
         <el-form-item>
           <el-divider />
           <div class="flex flex-1 justify-end">

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

@@ -120,19 +120,19 @@ function closeDrawer() {
             SKU
             <span class="ml-4" style="color: #909399">
             <i class="bi bi-info-circle"></i>
-            多个sku用逗号","连接 
+            多个sku用逗号","连接
             <span class="italic ml-2">
               e.g. sku1,sku2,sku3
             </span>
             </span>
           </template>
-          <el-input v-model="ruleForm.sku" />
+          <el-input v-model="ruleForm.sku" placeholder="请输入SKU" />
         </el-form-item>
         <el-form-item class="font-medium" label="店 铺" prop="shop">
           <el-input v-model="ruleForm.shop" />
         </el-form-item>
         <el-form-item class="font-medium" label="分 组" prop="tag">
-          <el-select v-model="ruleForm.tag" allow-create filterable>
+          <el-select v-model="ruleForm.tag" allow-create filterable placeholder="请选择分组">
             <el-option v-for="item in groupOptions" :label="item.tag" :value="item.tag" />
           </el-select>
         </el-form-item>