TBtools-订单查询页优化

htmldev/TBTools/src/views/modules/mine/order/order-check-order.vue

@@ -14,10 +14,14 @@
           end-placeholder="创建时间结束时间">
         </el-date-picker>
       </el-form-item>
-      <el-form-item prop="orderMiandan">
-        <el-select v-model="dataForm.orderMiandan" placeholder="平台来源">
-          <el-option label="区域一" value="shanghai"></el-option>
-          <el-option label="区域二" value="beijing"></el-option>
+      <el-form-item prop="orderMiandan" v-if="miandan && miandan.length">
+        <el-select v-model="dataForm.orderMiandan"
+                   clearable
+                   placeholder="平台来源">
+          <el-option :label="item.name"
+                     :value="item.value"
+                     v-for="(item, index) in miandan"
+                     :key="index"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item prop="orderNumber">
@@ -116,6 +120,8 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
+
 export default {
   name: 'order-check-order',
   data () {
@@ -139,6 +145,11 @@ export default {
       isDisabled: false
     }
   },
+  computed: {
+    ...mapState({
+      miandan: state => state.common.webConfig.miandan
+    })
+  },
   activated () {
     this.getDataList()
   },