订单类型

src/api/testorder.js

@@ -15,3 +15,11 @@ export function fetchOrders(data) {
     data
   })
 }
+
+export function getOrderType(params) {
+  return request({
+    url: '/oneclickdate/v1/channelCode',
+    method: 'get',
+    params
+  })
+}

src/utils/loading.js

+import { Loading } from 'element-ui'
+
+let loadingCount = 0
+let loading
+
+const startLoading = () => {
+  loading = Loading.service({
+    lock: true,
+    text: '加载中...',
+    background: 'rgba(0, 0, 0, 0.7)'
+  })
+}
+
+const endLoading = () => {
+  loading.close()
+}
+
+export const showLoading = () => {
+  if (loadingCount === 0) {
+    startLoading()
+  }
+  loadingCount += 1
+}
+
+export const hideLoading = () => {
+  if (loadingCount <= 0) {
+    return
+  }
+  loadingCount -= 1
+  if (loadingCount === 0) {
+    endLoading()
+  }
+}

src/utils/request.js

@@ -2,6 +2,7 @@ import axios from 'axios'
 import { Message } from 'element-ui'
 import store from '../store'
 import { MessageBox } from 'element-ui'
+import { showLoading, hideLoading } from './loading'
 
 // 创建axios实例
 const service = axios.create({
@@ -79,4 +80,19 @@ service.interceptors.response.use(
   }
 )
 
+/* 请求拦截器（请求之前的操作） */
+service.interceptors.request.use((req) => {
+  showLoading()
+  return req
+}, err => Promise.reject(err))
+
+/* 请求之后的操作 */
+service.interceptors.response.use((res) => {
+  hideLoading()
+  return res
+}, (err) => {
+  hideLoading()
+  return Promise.reject(err)
+})
+
 export default service

src/views/testorder/generate.vue

 <template>
   <div class="app-container">
     <div class="filter-container" style="padding-bottom:20px">
-      <el-select v-model="listQuery.type" placeholder="类型" clearable style="width: 150px" class="filter-item" >
-        <el-option v-for="item in orderType" :key="item.key" :label="item.value" :value="item.key"/>
+      <el-select v-model="listQuery.type" placeholder="类型" clearable filterable style="width: 150px" class="filter-item" >
+        <el-option v-for="item in orderType" :key="item.type" :label="item.typeName" :value="item.type"/>
+      </el-select>
+      <el-select v-model="listQuery.channel" placeholder="渠道" clearable filterable style="width: 150px" class="filter-item" >
+        <el-option v-for="item in channelList" :key="item.channel" :label="item.channelName" :value="item.channel"/>
       </el-select>
       <el-input v-model="listQuery.phone" placeholder="手机号" clearable style="width: 150px;" class="filter-item" @keyup.enter.native="genOrder"/>
-      <el-input v-model="listQuery.channel" placeholder="渠道" clearable style="width: 150px;" class="filter-item" @keyup.enter.native="genOrder"/>
       <el-input v-model="listQuery.termNo" placeholder="期数" clearable style="width: 150px;" class="filter-item" @keyup.enter.native="genOrder"/>
       <el-input v-model="listQuery.amount" placeholder="借款金额" clearable style="width: 150px;" class="filter-item" @keyup.enter.native="genOrder"/>
       <el-input v-model="listQuery.fundID" placeholder="资方" clearable style="width: 150px;" class="filter-item" @keyup.enter.native="genOrder"/>
@@ -27,33 +29,40 @@
 </template>
 
 <script>
-import { genOrder } from '@/api/testorder'
+import { genOrder, getOrderType } from '@/api/testorder'
 
 export default {
   data() {
     return {
       listQuery: {
-        channel: 1,
         termNo: 6,
         amount: 10000,
         fundID: 710
       },
-      orderType: [{ key: 1, value: '进件' }, { key: 2, value: '授信成功' }],
+      orderType: [],
+      channelList: [],
       count: 1,
       page: 1,
       order: {}
     }
   },
   created() {
-    // this.getOrderType()
+    this.getOrderType()
   },
   methods: {
     getOrderType() {
-
+      getOrderType().then(res => {
+        this.orderType = res.data.typeList
+        this.channelList = res.data.channelCodeList
+      })
     },
 
     genOrder() {
       for (const prop in this.listQuery) {
+        if (typeof this.listQuery[prop] === 'string') {
+          console.log(this.listQuery[prop])
+          this.listQuery[prop] = this.listQuery[prop].trim()
+        }
         if (this.listQuery[prop] === '') {
           delete this.listQuery[prop]
         }