feat: 门店评价

project/fengdu/AppOutSource/AppArchives/components/List.vue

@@ -1,5 +1,5 @@
 <template>
-  <ai-list class="app-archives_list">
+  <ai-list class="app-archives-list">
     <template slot="title">
       <ai-title title="门店档案" isShowBottomBorder>
       </ai-title>
@@ -20,22 +20,24 @@
               placeholder="门店等级"
               :selectList="dictList">
           </ai-select>
-          <el-date-picker
-              v-model="search.createTimeStart"
-              type="date"
-              size="small"
-              value-format="yyyy-MM-dd"
-              placeholder="选择开始日期"
-              @change="search.current = 1, getList()">
-          </el-date-picker>
-          <el-date-picker
-              v-model="search.createTimeEnd"
-              type="date"
-              size="small"
-              value-format="yyyy-MM-dd"
-              placeholder="选择结束日期"
-              @change="search.current = 1, getList()">
-          </el-date-picker>
+          <ai-search label="录入时间">
+            <el-date-picker
+                v-model="search.createTimeStart"
+                type="date"
+                size="small"
+                value-format="yyyy-MM-dd"
+                placeholder="选择开始日期"
+                @change="search.current = 1, getList()">
+            </el-date-picker>
+            <el-date-picker
+                v-model="search.createTimeEnd"
+                type="date"
+                size="small"
+                value-format="yyyy-MM-dd"
+                placeholder="选择结束日期"
+                @change="search.current = 1, getList()">
+            </el-date-picker>
+          </ai-search>
           <ai-select
               v-model="search.status"
               @change="(search.current = 1), getList()"
@@ -301,48 +303,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.app-archives_list {
-  .userSelcet {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 215px;
-    height: 32px;
-    line-height: 32px;
-    border-radius: 4px;
-    border: 1px solid #d0d4dc;
-    overflow: hidden;
-    cursor: pointer;
-    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+.app-archives-list {
 
-    &:hover {
-      border-color: $placeholderColor;
-    }
-
-    i {
-      display: flex;
-      position: relative;
-      align-items: center;
-      justify-content: center;
-      width: 30px;
-      height: 100%;
-      line-height: 32px;
-      font-size: 14px;
-      text-align: center;
-      color: #d0d4dc;
-      transform: rotateZ(180deg);
-    }
-
-    .el-icon-circle-close:hover {
-      opacity: 0.6;
-    }
-
-    span {
-      flex: 1;
-      padding: 0 15px;
-      font-size: 12px;
-      color: $placeholderColor;
-    }
-  }
 }
 </style>