客户等级修改

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

@@ -2,66 +2,66 @@
   <div class="app-container">
     <el-form :model="queryParams" size="small" ref="queryForm" :rules="rules" :disabled="showViewTime" label-width="100px" class="demo-ruleForm">
       <el-form-item :label="$t('编号')" v-if="titleShow" prop="ruleNumber">
-        <el-input v-model="queryParams.ruleNumber" :disabled="true" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
+        <el-input v-model="queryParams.ruleNumber" :disabled="true" style="width: 30%;" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
       </el-form-item>
       <el-form-item :label="$t('状态')" v-if="titleShow" prop="status">
         <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" clearable onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
+        <el-input v-model="queryParams.name" style="width: 30%;" 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>
       </el-form-item>
       <el-form-item :label="$t('积分范围')">
-        <el-col :span="11">
+        <el-col :span="6">
           <el-form-item prop="lowerCount">
-            <el-input v-model="queryParams.lowerCount" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
+            <el-input v-model="queryParams.lowerCount"  onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
           </el-form-item>
         </el-col>
-        <el-col class="line" :span="2">{{ $t("至") }}</el-col>
-        <el-col :span="11">
+        <el-col class="line" :span="1">{{ $t("至") }}</el-col>
+        <el-col :span="6">
           <el-form-item prop="upperCount">
             <el-input v-model="queryParams.upperCount" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
           </el-form-item>
         </el-col>
       </el-form-item>
-      <el-form-item :label="$t('等级有效期')" prop="validityPeriod">
+      <el-form-item :label="$t('等级有效期')" style="width: 30%;" prop="validityPeriod">
         <el-input v-model.number="queryParams.validityPeriod" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
       </el-form-item>
-      <el-form-item :label="$t('积分累计周期')" prop="accumulationPeriod">
+      <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-form-item>
-      <el-form-item :label="$t('积分开始累计日期')" prop="startDate">
+      <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>
       </el-form-item>
-      <el-form-item :label="$t('启用日期')"  v-if="titleShow" prop="enableDate">
+      <el-form-item :label="$t('启用日期')" style="width: 30%;" v-if="titleShow" prop="enableDate">
         <el-date-picker type="date" :disabled="true" placeholder="选择日期" v-model="queryParams.enableDate" style="width: 100%;" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
       </el-form-item>
-      <el-form-item :label="$t('等级规则有效期-开始日期')" prop="startTime">
+      <el-form-item :label="$t('等级规则有效期-开始日期')" style="width: 30%;" prop="startTime">
         <el-date-picker type="date" placeholder="选择日期" v-model="queryParams.startTime" style="width: 100%;" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
       </el-form-item>
-      <el-form-item :label="$t('等级规则有效期-结束日期')" prop="endTime">
+      <el-form-item :label="$t('等级规则有效期-结束日期')" style="width: 30%;" prop="endTime">
         <el-date-picker type="date" placeholder="选择日期" v-model="queryParams.endTime" style="width: 100%;" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
       </el-form-item>
       <el-form-item :label="$t('上传图标')" prop="icon">
         <image-upload v-model="queryParams.icon" :fileType="['png', 'jpg', 'jpeg']" :limit="1" />
       </el-form-item>
-      <el-form-item :label="$t('等级说明')" prop="description">
-        <el-input v-model="queryParams.description" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
+      <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-form-item>
-      <el-form-item :label="$t('匹配顺序')" prop="sort">
-        <el-input v-model="queryParams.sort" onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')"></el-input>
+      <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>
       </el-form-item>
       <!-- 编辑相关内容 -->
       <div v-if="showViewTime">
         <el-form-item :label="$t('创建人')">
-          <el-input v-model.number="queryParams.creator" :placeholder="$t('请输入创建人')" clearable onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')" />
+          <el-input v-model.number="queryParams.creator" style="width: 26%;" :placeholder="$t('请输入创建人')" clearable onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')" />
         </el-form-item>
         <el-form-item :label="$t('创建时间')">
           <el-date-picker type="datetime" :placeholder="$t('选择创建时间')" v-model="queryParams.createTime" value-format="yyyy-MM-dd HH:mm:ss" placement="bottom-start"></el-date-picker>
         </el-form-item>
-        <el-form-item :label="$t('最后更新人')">
+        <el-form-item :label="$t('最后更新人')" style="width: 30%;">
           <el-input v-model.number="queryParams.updater" :placeholder="$t('请输入最后更新人')" clearable onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')" />
         </el-form-item>
         <el-form-item :label="$t('最后更新时间')">
@@ -222,6 +222,39 @@ export default {
             trigger: "blur"
           }
         ],
+        sort : [
+          {
+            required: true,
+            message: this.$t("请输入匹配顺序"),
+            trigger: "blur"
+          },
+          {
+            type: "number",
+            message: this.$t("请输入整数"),
+            trigger: "blur"
+          }
+        ],
+        startTime : [
+          {
+            required: true,
+            message: this.$t("请输入积分开始累计时间"),
+            trigger: "blur"
+          }
+        ],
+        description : [
+          {
+            required: true,
+            message: this.$t("请输入等级"),
+            trigger: "blur"
+          }
+        ],
+        icon : [
+          {
+            required: true,
+            message: this.$t("请选择图标"),
+            trigger: "blur"
+          }
+        ],
       }
     }
   },