init

src/views/Customer/index.vue

@@ -44,34 +44,34 @@
                 </el-select>
               </div>
               <div class="toptimeqhuan">
-                  <div
-                  style="cursor: pointer;"
-                  :class="{ tophove: searchForm.dateType == null }"
+                  <el-button
+                  class="btn"
+                  :type="searchForm.dateType == null?'primary':''"
                   @click="tabtimetap(null)"
                 >
                   全部
-                </div>
-                <div
-                  style="cursor: pointer;"
-                  :class="{ tophove: searchForm.dateType == 0 }"
+                </el-button>
+                <el-button
+                  class="btn"
+                  :type="searchForm.dateType == 0?'primary':''"
                   @click="tabtimetap(0)"
                 >
                   今日
-                </div>
-                <div
-                  style="cursor: pointer;"
-                  :class="{ tophove: searchForm.dateType == 2 }"
+                </el-button>
+                <el-button
+                   class="btn"
+                  :type="searchForm.dateType == 2?'primary':''"
                   @click="tabtimetap(2)"
                 >
                   近7天
-                </div>
-                <div
-                  style="cursor: pointer;"
-                  :class="{ tophove: searchForm.dateType == 6 }"
+                </el-button>
+                <el-button
+                   class="btn"
+                  :type="searchForm.dateType == 6?'primary':''"
                   @click="tabtimetap(6)"
                 >
                   近30天
-                </div>
+                </el-button>
               </div>
               <el-date-picker
                 v-model="time"
@@ -648,6 +648,16 @@ export default {
         margin-right: 15px;
         border-radius: 4px;
         border: 1px solid #e0e0e0;
+      }
+            .toptimeqhuan .btn {
+        padding-left: 20px;
+        padding-right: 20px;
+        text-align: center;
+        // line-height: 30px;
+        font-size: 14px;
+        margin-right: 15px;
+        border-radius: 4px;
+        border: 1px solid #e0e0e0;
       }
     }
   }

src/views/ReceivingRecords/index.vue

@@ -29,36 +29,36 @@
       <div class="app-titel" style="margin-top: 15px">
         <div class="label" style="margin-left: 20px">时间：</div>
         <div class="toptimeqhuan">
-            <div
-            style="cursor: pointer;"
-            :class="{ tophove: searchForm.dateType == null }"
+            <el-button
+            class="btn"
+            :type="searchForm.dateType == null?'primary':''"
             @click="tabtimetap(null)"
           >
             全部
-          </div>
-          <div
-            style="cursor: pointer;"
-            :class="{ tophove: searchForm.dateType == 0 }"
+          </el-button>
+          <el-button
+            class="btn"
+            :type="searchForm.dateType == 0?'primary':''"
             @click="tabtimetap(0)"
           >
             今日
-          </div>
-          <div
-            style="cursor: pointer;"
-            :class="{ tophove: searchForm.dateType == 1 }"
+          </el-button>
+          <el-button
+            class="btn"
+            :type="searchForm.dateType == 1?'primary':''"
             @click="tabtimetap(1)"
           >
             昨日
-          </div>
-          <div
-           style="cursor: pointer;"
-            :class="{ tophove: searchForm.dateType == 2 }"
+          </el-button>
+          <el-button
+           class="btn"
+            :type="searchForm.dateType == 2?'primary':''"
             @click="tabtimetap(2)"
           >
             近7天
-          </div>
+          </el-button>
         </div>
-        <div>
+        <div style="margin-left:20px;">
           <el-date-picker
             v-model="time"
             type="daterange"
@@ -664,6 +664,16 @@ export default {
       margin-right: 15px;
       border-radius: 4px;
       border: 1px solid #e0e0e0;
+    }
+        .toptimeqhuan .btn {
+      padding-left: 20px;
+      padding-right: 20px;
+      text-align: center;
+      // line-height: 30px;
+      font-size: 14px;
+      margin-right: 15px;
+      border-radius: 4px;
+      border: 1px solid #e0e0e0;
     }
   }
 }

src/views/admin/log/index.vue

@@ -66,7 +66,7 @@
       <div class="app-titel" style="margin-top: 15px">
         <!-- <div class="label" style="color: #ffffff">筛选相关：</div> -->
         <div style="margin-left: 20px">
-          <el-button style="background: #2671e2; color: #ffffff" @click="screen"
+          <el-button type="primary" @click="screen"
             >筛选</el-button
           >
         </div>

src/views/admin/log/log.vue

@@ -75,7 +75,7 @@
       <div class="app-titel" style="margin-top: 15px">
         <!-- <div class="label" style="color: #ffffff">筛选相关：</div> -->
         <div style="margin-left: 20px">
-          <el-button style="background: #2671e2; color: #ffffff" @click="screen"
+          <el-button type="primary" @click="screen"
             >筛选</el-button
           >
         </div>