瀏覽代碼

feat:PC原筛选项组件调整

yangfeng 1 年之前
父節點
當前提交
13c53843df

+ 4 - 5
apps/bigmember_pc/src/components/filter-items/SearchScopeSelector.vue

@@ -43,17 +43,16 @@ export default {
     value: {
       type: Array,
       default: () => []
+    },
+    options: {
+      type: Array,
+      default: () => searchScopeData
     }
   },
   components: {
     [Popover.name]: Popover,
     CheckboxGroupSelector
   },
-  data() {
-    return {
-      options: searchScopeData
-    }
-  },
   methods: {
     onChange(value) {
       this.$emit('change', value)

+ 3 - 2
apps/bigmember_pc/src/components/selector/SelectorCard.vue

@@ -84,6 +84,7 @@ export default {
     position: relative;
     display: flex;
     flex: 1;
+    margin-left: -5px;
 
     &::v-deep {
       .fw-bold {
@@ -93,8 +94,8 @@ export default {
       .j-button-item {
         display: flex;
         align-items: center;
-        margin: 6px 5px;
-        padding: 2px 6px;
+        margin: 2px 5px;
+        padding: 1px 6px;
         line-height: 20px;
         border-radius: 4px;
         font-size: 14px;

+ 9 - 4
apps/bigmember_pc/src/components/selector/TagSelector.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="tag-selector-component">
-    <div slot="header" class="s-header">
+    <div slot="header" class="s-header" v-if="showHeader">
       <slot name="header">开标状态:</slot>
     </div>
     <div class="tag-container">
@@ -27,7 +27,11 @@ export default {
         return []
       }
     },
-    value: [Number, String]
+    value: [Number, String],
+    showHeader: {
+      type: Boolean,
+      default: true
+    }
   },
   data() {
     return {}
@@ -54,12 +58,13 @@ export default {
   }
   .tag-container {
     display: flex;
+    margin-left: -5px;
   }
   .j-button-item {
     display: flex;
     align-items: center;
-    margin: 6px 5px;
-    padding: 2px 6px;
+    margin: 2px 5px;
+    padding: 1px 6px;
     line-height: 20px;
     border-radius: 4px;
     font-size: 14px;

+ 6 - 1
apps/bigmember_pc/src/components/selector/TimeSelector.vue

@@ -13,6 +13,7 @@
       :selectorTime="selectorTime"
       :selectorType="selectorType"
       :defaultSelectedKey="defaultSelectedKey"
+      :showExact="showExact"
       @onChange="onChange"
     />
   </selector-card>
@@ -36,7 +37,11 @@ export default {
       type: String,
       default: 'default'
     },
-    defaultSelectedKey: String
+    defaultSelectedKey: String,
+    showExact: {
+      type: Boolean,
+      default: true
+    }
   },
   data() {
     return {}

+ 32 - 0
apps/bigmember_pc/src/components/selector/TimeSelectorContent.vue

@@ -21,6 +21,7 @@
       </div>
     </div>
     <div
+      v-if="showExact"
       class="date-time-container"
       :class="{ active: state.exact === 'exact' }"
     >
@@ -177,6 +178,33 @@ const timeSelectMap = {
       value: 'sinceLastFiveYear',
       selected: false
     }
+  ],
+  supplySearch: [
+     {
+      name: '全部',
+      value: 'all',
+      selected: true
+    },
+    {
+      name: '今天',
+      value: 'today',
+      selected: false
+    },
+    {
+      name: '最近7天',
+      value: 'lately7',
+      selected: false
+    },
+    {
+      name: '最近30天',
+      value: 'lately30',
+      selected: false
+    },
+    {
+      name: '近3个月',
+      value: 'lately90',
+      selected: false
+    }
   ]
 }
 export default {
@@ -196,6 +224,10 @@ export default {
     defaultSelectedKey: {
       type: String,
       default: 'all' // all/lately30/lately90...
+    },
+    showExact: {
+      type: Boolean,
+      default: true
     }
   },
   data() {