异常会员页面UI

异常会员时间选择器区间问题

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

@@ -37,7 +37,15 @@ export default {
         disabledDate(date){
           let minDate = new Date();
           minDate.setFullYear(minDate.getFullYear() - 1);
-          return date > new Date() || date < minDate;
+          minDate.setHours(0);
+          minDate.setMinutes(0);
+          minDate.setSeconds(0)
+
+          let maxDate = new Date();
+          maxDate.setHours(23);
+          maxDate.setMinutes(59);
+          maxDate.setSeconds(59)
+          return date > maxDate || date < minDate;
         }
       },
       dateValue: ['',''],

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

@@ -96,15 +96,13 @@
 }
 .no-update-page {
   position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   text-align: center;
-  height: 100%;
+  height: calc(100% - 100px);
+  padding: 0 30px;
   .icon {
     width: 120px;
     height: 120px;
-    margin: 0 auto 16px;
+    margin: 216px auto 16px;
   }
   .label {
     color: #606266;
@@ -121,7 +119,7 @@
 .data-abnormal-page{
   position: relative;
   text-align: center;
-  height: calc(100% - 100px);
+  height: 100%;
   padding: 0 30px;
   .icon{
     margin: 116px auto 30px;

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

 <template>
   <div class="frozen-list">
-    <div class="forzen-container" v-if="settingType == 1 || settingType == 4">
+    <div class="forzen-container" v-if="settingType == 1 || settingType == 3">
       <div class="search">
         <div class="top-header">
           <h2>异常会员 {{ total }}人</h2>
@@ -337,26 +337,25 @@
           </dm-pagination>
         </div>
       </div>
+       <!-- 未更新 -->
+      <div class="no-update-page" v-else-if="settingType == 3">
+        <div>
+          <svg class="icon" aria-hidden="true">
+            <use xlink:href="#icon-cp-no-data"></use>
+          </svg>
+          <div class="label">列表数据将在次日全量更新</div>
 
-      <!-- 已配置，已更新，但是数据异常 -->
-      <div class="data-abnormal-page" v-else-if="settingType == 4">
-        <div
-          class="icon iconfont-components3 icon-cp-warning-circle-fill"
-        ></div>
-        <div class="title">
-          根据您当前配置的异常会员条件，系统统计出您商户的“异常会员数量”占比超过总会员数量的3%，请确认您所配置的条件是否合理。
+          <el-alert
+            v-if="autoFrozen == 2"
+            class="no-update-alert"
+            title="异常会员规则配置已修改，如需解冻此前异常转冻结的会员，可前往冻结会员列表，筛选冻结方式，进行批量解冻"
+            type="info"
+            :closable="false"
+            show-icon
+          />
         </div>
-        <div class="subtitle">
-          （基于行业数据，常规的异常会员占比在大约在0.1%~2%之间）
-        </div>
-
-        <el-button
-          type="primary"
-          @click="toSettingPage"
-          :limit-code="getCode('abnormalSetting')"
-          >重新配置</el-button
-        >
       </div>
+      
     </div>
     <!-- 未配置 -->
     <div class="no-setting-page" v-else-if="settingType == 2">
@@ -377,23 +376,26 @@
         </div>
       </el-row>
     </div>
-    <!-- 未更新 -->
-    <div class="no-update-page" v-else-if="settingType == 3">
-      <div>
-        <svg class="icon" aria-hidden="true">
-          <use xlink:href="#icon-cp-no-data"></use>
-        </svg>
-        <div class="label">列表数据将在次日全量更新</div>
+   
 
-        <el-alert
-          v-if="autoFrozen == 2"
-          class="no-update-alert"
-          title="异常会员规则配置已修改，如需解冻此前异常转冻结的会员，可前往冻结会员列表，筛选冻结方式，进行批量解冻"
-          type="info"
-          :closable="false"
-          show-icon
-        />
+    <!-- 已配置，已更新，但是数据异常 -->
+    <div class="data-abnormal-page" v-else-if="settingType == 4">
+      <div
+        class="icon iconfont-components3 icon-cp-warning-circle-fill"
+      ></div>
+      <div class="title">
+        根据您当前配置的异常会员条件，系统统计出您商户的“异常会员数量”占比超过总会员数量的3%，请确认您所配置的条件是否合理。
+      </div>
+      <div class="subtitle">
+        （基于行业数据，常规的异常会员占比在大约在0.1%~2%之间）
       </div>
+
+      <el-button
+        type="primary"
+        @click="toSettingPage"
+        :limit-code="getCode('abnormalSetting')"
+        >重新配置</el-button
+      >
     </div>