Ver Fonte

优化商品分类

zhengjinyi há 5 anos atrás
pai
commit
1e5f26c4d3
2 ficheiros alterados com 30 adições e 10 exclusões
  1. 15 5
      src/views/goods/category-create.vue
  2. 15 5
      src/views/goods/category-edit.vue

+ 15 - 5
src/views/goods/category-create.vue

@@ -6,7 +6,7 @@
     </el-menu>
     <el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="120px" style="width:400px; margin:30px 0 0 50px;">
       <el-form-item label="分类名称" prop="classifyName">
-        <el-input v-model="temp.classifyName" />
+        <el-input v-model="temp.classifyName" placeholder="请输入分类名称" maxlength="5" />
       </el-form-item>
       <!--<el-form-item label="图标" prop="classifyImage">
         <el-input v-model="temp.classifyImage" />
@@ -28,16 +28,17 @@
         </div>
       </el-form-item>
       <el-form-item label="排序值" prop="sort">
-        <el-input v-model="temp.sort" type="number" />
+        <el-input v-model="temp.sort" type="number" placeholder="请输入排序值" maxlength="3" />
       </el-form-item>
-      <el-form-item label="邮费是否到付" prop="postageToPay">
-        <el-select v-model="temp.postageToPay" class="filter-item" placeholder="请选择" value="">
+      <el-form-item label="邮费是否到付" prop="postageToPay" style="width: 500px;">
+        <el-select v-model="temp.postageToPay" class="filter-item filter-item-temp" placeholder="请选择" value="">
           <el-option label="是" value="1" />
           <el-option label="否" value="2" />
         </el-select>
+        <span class="span_tip">注意:仪器分类请选择"是",其他分类请选择"否"</span>
       </el-form-item>
       <el-form-item label="状态" prop="status">
-        <el-select v-model="temp.status" class="filter-item" placeholder="请选择" value="">
+        <el-select v-model="temp.status" class="filter-item filter-item-temp" placeholder="请选择" value="">
           <el-option label="启用" value="1" />
           <el-option label="停用" value="2" />
         </el-select>
@@ -60,6 +61,7 @@ export default {
       rules: {
         classifyName: [{ required: true, message: '分类名称不能为空', trigger: 'blur' }],
         sort: [{ required: true, message: '分类名称不能为空', trigger: 'blur' }],
+        postageToPay: [{ required: true, message: '请选择邮费是否到付', trigger: 'blur' }],
         classifyImage: [{ required: true, message: '请上传分类图标', trigger: 'change' }],
         postage: [{ required: true, message: '请选择邮费是否到付', trigger: 'change' }],
         status: [{ required: true, message: '请选择状态', trigger: 'change' }]
@@ -180,4 +182,12 @@ export default {
   right: -50%;
   bottom: 0;
 }
+.span_tip{
+  font-size: 12px;
+  color: red;
+  margin-left: 5px;
+}
+.filter-item-temp{
+    width: 100px;
+}
 </style>

+ 15 - 5
src/views/goods/category-edit.vue

@@ -6,7 +6,7 @@
     </el-menu>
     <el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="120px" style="width:400px; margin:30px 0 0 50px;">
       <el-form-item label="分类名称" prop="classifyName">
-        <el-input v-model="temp.classifyName" />
+        <el-input v-model="temp.classifyName" placeholder="请输入分类名称" maxlength="5" />
       </el-form-item>
       <!--<el-form-item label="图标" prop="classifyImage">
         <el-input v-model="temp.classifyImage" />
@@ -28,16 +28,17 @@
         </div>
       </el-form-item>
       <el-form-item label="排序值" prop="sort">
-        <el-input v-model="temp.sort" type="number" />
+        <el-input v-model="temp.sort" type="number" placeholder="请输入排序值" maxlength="3" />
       </el-form-item>
-      <el-form-item label="邮费是否到付" prop="postageToPay">
-        <el-select v-model="temp.postageToPay" class="filter-item" placeholder="请选择" value="">
+      <el-form-item label="邮费是否到付" prop="postageToPay" style="width: 500px;">
+        <el-select v-model="temp.postageToPay" class="filter-item filter-item-temp" placeholder="请选择" value="">
           <el-option label="是" value="1" />
           <el-option label="否" value="2" />
         </el-select>
+        <span class="span_tip">注意:仪器分类请选择"是",其他分类请选择"否"</span>
       </el-form-item>
       <el-form-item label="状态" prop="status">
-        <el-select v-model="temp.status" class="filter-item" placeholder="请选择" value="">
+        <el-select v-model="temp.status" class="filter-item filter-item-temp" placeholder="请选择" value="">
           <el-option label="启用" value="1" />
           <el-option label="停用" value="2" />
         </el-select>
@@ -60,6 +61,7 @@ export default {
       rules: {
         classifyName: [{ required: true, message: '分类名称不能为空', trigger: 'blur' }],
         sort: [{ required: true, message: '分类名称不能为空', trigger: 'blur' }],
+        postageToPay: [{ required: true, message: '请选择邮费是否到付', trigger: 'blur' }],
         classifyImage: [{ required: true, message: '请上传分类图标', trigger: 'change' }],
         postage: [{ required: true, message: '请选择邮费是否到付', trigger: 'change' }],
         status: [{ required: true, message: '请选择状态', trigger: 'change' }]
@@ -190,4 +192,12 @@ export default {
     right: -50%;
     bottom: 0;
   }
+  .span_tip{
+    font-size: 12px;
+    color: red;
+    margin-left: 5px;
+  }
+  .filter-item-temp{
+    width: 100px;
+  }
 </style>