异常会员 冻结会员 状态切换 全部选项删除，该选择可清空

异常规则配置默认填充数字问题优化

冻结会员操作按钮层级问题

src/components/wechatmembers/abnormal-member/abnormal-member-list/abnormal-member.vue

@@ -30,8 +30,8 @@
               style="width: 160px; margin-left: 10px"
               placeholder="全部会员状态"
               @change="onSearchDataChange"
+              clearable
             >
-              <el-option label="全部" value=""></el-option>
               <el-option label="正常" :value="1"></el-option>
               <el-option label="冻结" :value="2"></el-option>
             </el-select>

src/components/wechatmembers/frozen-member/frozen-list/frozen-list.js

@@ -57,7 +57,7 @@ export default {
         dataReady: true
       },
       searchData: {
-        frozenType: -1, //会员状态
+        frozenType: '', //会员状态
         phoneNameCard: "", // 搜索字段
         pageName: "wxOpenCarMember",
         pageSize: 20,

src/components/wechatmembers/frozen-member/frozen-list/frozen-list.vue

@@ -19,8 +19,8 @@
               style="width: 160px; margin-left: 10px"
               placeholder="全部会员状态"
               @change="onSearchDataChange"
+              clearable
             >
-              <el-option label="全部" :value="-1"></el-option>
               <el-option label="异常冻结" :value="101"></el-option>
               <el-option label="会员主动冻结" :value="102"></el-option>
               <el-option label="外部操作" :value="103"></el-option>

src/components/wechatmembers/frozen-member/frozen-member/frozen-member.less

@@ -48,7 +48,7 @@
     box-sizing: border-box;
     width: 420px;
     position: relative;
-    min-height: 100%;
+    max-height: calc(100% - 56px);
     .selected-result-box{
       height: 522px;
       width: 380px;
@@ -102,21 +102,17 @@
         }
       }
     }
-
-    .selected-bottom-box{
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 56px;
-      position: absolute;
-      width: 420px;
-      z-index: 1;
-      right: 0;
-      bottom: 0;
-      box-shadow: 0px -2px 8px 0px rgba(220,223,230,0.6000);
-      background: white;
-    }
-    
+  }
+  .selected-bottom-box{
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 56px;
+    width: 420px;
+    z-index: 1;
+    box-shadow: 0px -2px 8px 0px rgba(220,223,230,0.6000);
+    background: white;
   }
 }
 

src/components/wechatmembers/frozen-member/frozen-member/frozen-member.vue

@@ -78,78 +78,82 @@
         @successImport="(taskId) => handleToTaskCenter(taskId)"
       />
     </el-main>
-    <el-aside width="420px" class="page-right">
-      <div class="selected-result-box">
-        <el-row
-          class="selected-top"
-          type="flex"
-          align="middle"
-          justify="space-between"
-        >
-          <div class="selected-count">
-            已选：{{ multipleList.length }} 位会员
-          </div>
-          <el-button type="text" @click="clearSelectedAll">全部清除</el-button>
-        </el-row>
-        <div class="selected-list">
-          <div class="selected-item" v-for="item in multipleList" :key="item">
-            <img :src="item.thirdImgUrl || defaultImg" class="user-header" />
-            <div class="user-name">
-              <span v-if="item.memberName">{{ item.memberName }}</span>
-              <span class="nick-name" v-if="item.nickName"
-                >({{ item.nickName }})</span
-              >
+    <el-contaniner>
+      <el-aside width="420px" class="page-right">
+        <div class="selected-result-box">
+          <el-row
+            class="selected-top"
+            type="flex"
+            align="middle"
+            justify="space-between"
+          >
+            <div class="selected-count">
+              已选：{{ multipleList.length }} 位会员
+            </div>
+            <el-button type="text" @click="clearSelectedAll">全部清除</el-button>
+          </el-row>
+          <div class="selected-list">
+            <div class="selected-item" v-for="item in multipleList" :key="item">
+              <img :src="item.thirdImgUrl || defaultImg" class="user-header" />
+              <div class="user-name">
+                <span v-if="item.memberName">{{ item.memberName }}</span>
+                <span class="nick-name" v-if="item.nickName"
+                  >({{ item.nickName }})</span
+                >
+              </div>
+              <div
+                class="el-icon-close icon-close"
+                @click="delSelectedItem(item)"
+              ></div>
             </div>
-            <div
-              class="el-icon-close icon-close"
-              @click="delSelectedItem(item)"
-            ></div>
           </div>
         </div>
-      </div>
 
-      <el-form
-        :model="formData"
-        label-position="top"
-        label-width="80px"
-        ref="selectedForm"
-      >
-        <el-form-item
-          label="冻结原因"
-          prop="frozenType"
-          required
-          :rules="{
-            required: true,
-            message: '请选择冻结原因',
-          }"
+        <el-form
+          :model="formData"
+          label-position="top"
+          label-width="80px"
+          ref="selectedForm"
         >
-          <el-select
-            v-model="formData.frozenType"
-            placeholder="请选择冻结原因"
-            style="width: 380px"
+          <el-form-item
+            label="冻结原因"
+            prop="frozenType"
+            required
+            :rules="{
+              required: true,
+              message: '请选择冻结原因',
+            }"
           >
-            <el-option label="异常冻结" :value="1"></el-option>
-            <el-option label="会员主动冻结" :value="2"></el-option>
-          </el-select>
-        </el-form-item>
+            <el-select
+              v-model="formData.frozenType"
+              placeholder="请选择冻结原因"
+              style="width: 380px"
+            >
+              <el-option label="异常冻结" :value="1"></el-option>
+              <el-option label="会员主动冻结" :value="2"></el-option>
+            </el-select>
+          </el-form-item>
 
-        <el-form-item
-          label="原因备注"
-          prop="remark"
-          required
-          :rules="{
-            required: true,
-            message: '请输入原因备注',
-          }"
-        >
-          <el-input
-            v-model="formData.remark"
-            :maxlength="20"
-            show-word-limit
-            placeholder="请输入原因备注"
-          ></el-input>
-        </el-form-item>
-      </el-form>
+          <el-form-item
+            label="原因备注"
+            prop="remark"
+            required
+            :rules="{
+              required: true,
+              message: '请输入原因备注',
+            }"
+          >
+            <el-input
+              v-model="formData.remark"
+              :maxlength="20"
+              show-word-limit
+              placeholder="请输入原因备注"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+
+        
+      </el-aside>
       <div class="selected-bottom-box">
         <el-button plain @click="$router.go(-1)">取消</el-button>
         <el-button
@@ -166,7 +170,7 @@
           >冻结选中会员</el-button
         >
       </div>
-    </el-aside>
+    </el-contaniner>
   </el-contaniner>
 </template>