完善会员修改

src/views/operationsManagement/member/index.vue

@@ -4,18 +4,18 @@
     <div v-show="showSwitch.courseContent" class="courseContent">
       <div class="search">
         <el-form ref="queryForm" style="padding: 30px 0 0 10px" :model="queryParams" :inline="true">
-          <el-form-item label="会员号:" prop="memCodeStr">
+          <el-form-item label="会员:" prop="memCodeStr">
             <el-input
               v-model="queryParams.memCodeStr"
               placeholder="请输入会员号"
               clearable
               :maxlength="30"
               size="small"
-              style="width: 150px"
+              style="width: 170px"
             />
           </el-form-item>
           <el-form-item label="性别:" prop="memSex">
-            <el-select v-model="queryParams.memSex" placeholder="请选择性别" style="width: 150px" clearable>
+            <el-select v-model="queryParams.memSex" placeholder="请选择性别" style="width: 170px" clearable>
               <el-option
                 v-for="item in sexOptions"
                 :key="item.value"
@@ -25,7 +25,7 @@
             </el-select>
           </el-form-item>
           <el-form-item label="民族:" prop="memNation">
-            <el-select v-model="queryParams.memNation" placeholder="请选择民族" style="width: 150px" clearable>
+            <el-select v-model="queryParams.memNation" placeholder="请选择民族" style="width: 170px" clearable>
               <el-option
                 v-for="item in nationOptions"
                 :key="item.value"
@@ -35,7 +35,7 @@
             </el-select>
           </el-form-item>
           <el-form-item label="星座:" prop="memConstellation">
-            <el-select v-model="queryParams.memConstellation" placeholder="请选择星座" style="width: 150px" clearable>
+            <el-select v-model="queryParams.memConstellation" placeholder="请选择星座" style="width: 170px" clearable>
               <el-option
                 v-for="item in constellationOptions"
                 :key="item.value"
@@ -48,7 +48,7 @@
             <el-select
               v-model="queryParams.memHeight"
               placeholder="请选择身高"
-              style="width: 150px"
+              style="width: 170px"
               multiple
               collapse-tags
               clearable
@@ -66,7 +66,7 @@
             <el-select
               v-model="queryParams.memWeight"
               placeholder="请选择体重"
-              style="width: 150px"
+              style="width: 170px"
               multiple
               collapse-tags
               clearable
@@ -84,7 +84,7 @@
             <el-select
               v-model="queryParams.memMaxEducation"
               placeholder="请选择学历"
-              style="width: 100%"
+              style="width: 170px"
               multiple
               collapse-tags
               clearable
@@ -97,14 +97,14 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item label="年收入:" prop="minYearIncome">
+          <el-form-item label="收入:" prop="minYearIncome">
             <el-input
               v-model="queryParams.minYearIncome"
               placeholder="请输入最低收入"
               clearable
               :maxlength="30"
               size="small"
-              style="width: 150px"
+              style="width: 170px"
             />
           </el-form-item>
           <el-form-item label="籍贯:" prop="memNative">
@@ -112,7 +112,7 @@
             <el-select
               v-model="queryParams.memProvince"
               placeholder="请选择省份"
-              style="width: 150px"
+              style="width: 170px"
               clearable
               @change="handleProvinceChange"
             >
@@ -124,11 +124,13 @@
               />
             </el-select>
             <!-- 市级选择（仅当选择了省份时显示） -->
+          </el-form-item>
+          <el-form-item label="城市:" prop="memCity">
             <el-select
               v-model="queryParams.memCity"
               multiple
               placeholder="请选择城市"
-              style="width: 150px"
+              style="width: 170px"
               collapse-tags
               clearable
             >
@@ -141,7 +143,7 @@
             </el-select>
           </el-form-item>
           <el-form-item label="婚姻:" prop="memMarriage">
-            <el-select v-model="queryParams.memMarriage" placeholder="请选择婚姻状况" style="width: 150px" clearable>
+            <el-select v-model="queryParams.memMarriage" placeholder="请选择婚姻状况" style="width: 170px" clearable>
               <el-option
                 v-for="item in marriageOptions"
                 :key="item.value"
@@ -157,11 +159,11 @@
               clearable
               :maxlength="30"
               size="small"
-              style="width: 150px"
+              style="width: 170px"
             />
           </el-form-item>
           <el-form-item label="实名:" prop="memRealAuthen">
-            <el-select v-model="queryParams.memRealAuthen" placeholder="请选择实名情况" style="width: 150px" clearable>
+            <el-select v-model="queryParams.memRealAuthen" placeholder="请选择实名情况" style="width: 170px" clearable>
               <el-option
                 v-for="item in memRealAuthenOptions"
                 :key="item.value"
@@ -171,7 +173,7 @@
             </el-select>
           </el-form-item>
           <el-form-item label="等级:" prop="memLevel">
-            <el-select v-model="queryParams.memLevel" placeholder="请选择会员等级" style="width: 150px" clearable>
+            <el-select v-model="queryParams.memLevel" placeholder="请选择会员等级" style="width: 170px" clearable>
               <el-option
                 v-for="item in memLevelOptions"
                 :key="item.value"
@@ -180,6 +182,16 @@
               />
             </el-select>
           </el-form-item>
+          <el-form-item label="状态:" prop="flag">
+            <el-select v-model="queryParams.flag" placeholder="请选择账号状态" style="width: 170px" clearable>
+              <el-option
+                v-for="item in flagOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
           <el-form-item>
             <!--          //查询按钮-->
             <el-button
@@ -197,19 +209,6 @@
               @click="resetQuery"
             >{{ commonField.resetName }}</el-button>
           </el-form-item>
-          <div style="float: right">
-            <el-form-item>
-              <!--          //新增按钮-->
-              <el-button
-                v-has-permi="hasAddPerm"
-                :class="commonField.addClass"
-                :type="commonField.typePrimary"
-                :icon="commonField.addIcon"
-                :size="commonField.smallSize"
-                @click="handleAdd"
-              >{{ commonField.addName }}</el-button>
-            </el-form-item>
-          </div>
         </el-form>
       </div>
       <div style="padding:5px 10px">
@@ -245,20 +244,20 @@
           </el-table-column>
           <el-table-column align="center" prop="memRealAuthen" min-width="80" label="实名情况" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-tag v-if="scope.row.memRealAuthen === '1'" type="green" size="medium ">已实名</el-tag>
-              <el-tag v-else type="warning" size="medium ">未实名</el-tag>
+              <el-tag v-if="scope.row.memRealAuthen === '1'" type="warning" size="medium ">已实名</el-tag>
+              <el-tag v-else type="green" size="medium ">未实名</el-tag>
             </template>
           </el-table-column>
           <el-table-column align="center" prop="memLevel" min-width="80" label="会员等级" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-tag v-if="scope.row.memLevel === 1" type="green" size="medium ">会员</el-tag>
-              <el-tag v-else type="warning" size="medium ">普通用户</el-tag>
+              <el-tag v-if="scope.row.memLevel === 1" type="danger" size="medium ">会员</el-tag>
+              <el-tag v-else type="green" size="medium ">普通用户</el-tag>
             </template>
           </el-table-column>
           <el-table-column align="center" prop="isRecommended" min-width="80" label="推荐" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-tag v-if="scope.row.isRecommended === 1" type="green" size="medium ">推荐</el-tag>
-              <el-tag v-else type="warning" size="medium ">未推荐</el-tag>
+              <el-tag v-if="scope.row.isRecommended === 1" type="warning" size="medium ">推荐</el-tag>
+              <el-tag v-else type="green" size="medium ">未推荐</el-tag>
             </template>
           </el-table-column>
           <el-table-column label="权重" prop="sort" :show-overflow-tooltip="true" min-width="55">
@@ -431,11 +430,21 @@ export default {
       memLevelOptions: [
         {
           label: '普通用户',
-          value: '0'
+          value: 0
         },
         {
           label: '会员',
+          value: 1
+        }
+      ],
+      flagOptions: [
+        {
+          label: '启用',
           value: '1'
+        },
+        {
+          label: '停用',
+          value: '0'
         }
       ]
     }