【后台-会员等级】新增/修改/详情页面字段和样式修改

src/views/ecw/memberManagement/operatingLevel/index.vue

@@ -8,7 +8,7 @@
         <dict-selector clearable :disabled="true" :type="DICT_TYPE.ENABLE_STATUS" v-model="queryParams.status"> </dict-selector>
       </el-form-item>
       <el-form-item :label="$t('名称')" prop="name">
-        <el-input v-model="queryParams.name" style="width: 30%;" clearable onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
+        <el-input v-model="queryParams.name" style="width: 50%;" clearable onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
       </el-form-item>
       <el-form-item :label="$t('等级')" prop="level">
         <dict-selector clearable :disabled="showViewTime" :type="DICT_TYPE.MEMBERSHIP_LEVELS" v-model="queryParams.level"> </dict-selector>
@@ -27,10 +27,14 @@
         </el-col>
       </el-form-item>
       <el-form-item :label="$t('等级有效期')" style="width: 30%;" prop="validityPeriod">
-        <el-input v-model="queryParams.validityPeriod" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
+        <el-input v-model="queryParams.validityPeriod" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')">
+          <span slot="append">{{ $t('天') }}</span>
+        </el-input>
       </el-form-item>
       <el-form-item :label="$t('积分累计周期')" style="width: 30%;" prop="accumulationPeriod">
-        <el-input v-model.number="queryParams.accumulationPeriod" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
+        <el-input v-model.number="queryParams.accumulationPeriod" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')">
+          <span slot="append">{{ $t('天') }}</span>
+        </el-input>
       </el-form-item>
       <el-form-item :label="$t('积分开始累计日期')" style="width: 30%;" prop="startDate">
         <el-date-picker type="date" placeholder="选择日期" v-model="queryParams.startDate" style="width: 100%;" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
@@ -48,10 +52,12 @@
         <image-upload v-model="queryParams.icon" :fileType="['png', 'jpg', 'jpeg']" :limit="1" />
       </el-form-item>
       <el-form-item :label="$t('等级说明')" style="width: 30%;" prop="description">
-        <el-input type="text" v-model="queryParams.description" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
+        <el-input type="textarea" v-model="queryParams.description" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
+        <span style="color: red;">注：用于客户积分日志显示，请规范填写</span>
       </el-form-item>
       <el-form-item :label="$t('匹配顺序')" style="width: 30%;" prop="sort">
         <el-input v-model.number="queryParams.sort" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
+        <span style="color: red;">注：设置相同等级，匹配的优先级</span>
       </el-form-item>
       <!-- 编辑相关内容 -->
       <div v-if="showViewTime">
@@ -179,7 +185,8 @@ export default {
           {
             required: true,
             message: this.$t("请输入名称"),
-            trigger: "blur"
+            trigger: "blur",
+            max: 50
           }
         ],
         level: [
@@ -244,16 +251,10 @@ export default {
           {
             required: true,
             message: this.$t("请输入等级"),
-            trigger: "blur"
-          }
-        ],
-        icon : [
-          {
-            required: true,
-            message: this.$t("请选择图标"),
-            trigger: "blur"
+            trigger: "blur",
+            max: 200
           }
-        ],
+        ]
       }
     }
   },