测试订单

src/api/testorder.js

+import request from '@/utils/request'
+
+export function genOrder(data) {
+  return request({
+    url: '/oneclickdate/v1/type',
+    method: 'post',
+    data
+  })
+}
+
+export function fetchOrders(data) {
+  return request({
+    url: '/oneclickdate/v1/select',
+    method: 'post',
+    data
+  })
+}

src/icons/svg/people.svg

+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M104.185 95.254c8.161 7.574 13.145 17.441 13.145 28.28 0 1.508-.098 2.998-.285 4.466h-10.784c.238-1.465.403-2.948.403-4.465 0-8.983-4.36-17.115-11.419-23.216C86 104.66 75.355 107.162 64 107.162c-11.344 0-21.98-2.495-31.22-6.83-7.064 6.099-11.444 14.218-11.444 23.203 0 1.517.165 3 .403 4.465H10.955a35.444 35.444 0 0 1-.285-4.465c0-10.838 4.974-20.713 13.127-28.291C9.294 85.42.003 70.417.003 53.58.003 23.99 28.656.001 64 .001s63.997 23.988 63.997 53.58c0 16.842-9.299 31.85-23.812 41.673zM64 36.867c-29.454 0-53.33-10.077-53.33 15.342 0 25.418 23.876 46.023 53.33 46.023 29.454 0 53.33-20.605 53.33-46.023 0-25.419-23.876-15.342-53.33-15.342zm24.888 25.644c-3.927 0-7.111-2.665-7.111-5.953 0-3.288 3.184-5.954 7.11-5.954 3.928 0 7.111 2.666 7.111 5.954s-3.183 5.953-7.11 5.953zm-3.556 16.372c0 4.11-9.55 7.442-21.332 7.442-11.781 0-21.332-3.332-21.332-7.442 0-1.06.656-2.064 1.8-2.976 3.295 2.626 10.79 4.465 19.532 4.465 8.743 0 16.237-1.84 19.531-4.465 1.145.912 1.801 1.916 1.801 2.976zm-46.22-16.372c-3.927 0-7.11-2.665-7.11-5.953 0-3.288 3.183-5.954 7.11-5.954 3.927 0 7.111 2.666 7.111 5.954s-3.184 5.953-7.11 5.953z"/></svg>
\ No newline at end of file

src/icons/svg/peoples.svg

+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M95.648 118.762c0 5.035-3.563 9.121-7.979 9.121H7.98c-4.416 0-7.979-4.086-7.979-9.121C0 100.519 15.408 83.47 31.152 76.75c-9.099-6.43-15.216-17.863-15.216-30.987v-9.128c0-20.16 14.293-36.518 31.893-36.518s31.894 16.358 31.894 36.518v9.122c0 13.137-6.123 24.556-15.216 30.993 15.738 6.726 31.141 23.769 31.141 42.012z"/><path d="M106.032 118.252h15.867c3.376 0 6.101-3.125 6.101-6.972 0-13.957-11.787-26.984-23.819-32.123 6.955-4.919 11.638-13.66 11.638-23.704v-6.985c0-15.416-10.928-27.926-24.39-27.926-1.674 0-3.306.193-4.89.561 1.936 4.713 3.018 9.974 3.018 15.526v9.121c0 13.137-3.056 23.111-11.066 30.993 14.842 4.41 27.312 23.42 27.541 41.509z"/></svg>
\ No newline at end of file

src/permission.js

@@ -22,7 +22,7 @@ router.beforeEach((to, from, next) => {
         }).catch(() => {
           store.dispatch('FedLogOut').then(() => {
             // Message.error(err || 'Verification failed, please login again')
-            // next({ path: '/' })
+            next({ path: '/' })
           })
         })
       } else {

src/router/index.js

@@ -66,6 +66,29 @@ export const constantRouterMap = [
     ]
   },
 
+  {
+    path: '/testorder',
+    component: Layout,
+    meta: {
+      title: '测试订单',
+      icon: 'people'
+    },
+    children: [
+      {
+        path: 'generate',
+        name: 'generate',
+        component: () => import('@/views/testorder/generate'),
+        meta: { title: '生成订单' }
+      },
+      {
+        path: 'query',
+        name: 'query',
+        component: () => import('@/views/testorder/query'),
+        meta: { title: '查询订单' }
+      }
+    ]
+  },
+
   {
     path: '/',
     name: 'Dashboard',

src/utils/request.js

@@ -6,7 +6,6 @@ import { MessageBox } from 'element-ui'
 
 // 创建axios实例
 const service = axios.create({
-  // baseURL: process.env.BASE_API, // api 的 base_url
   withCredentials: true,
   timeout: 1000 * 10 // 请求超时时间
 })
@@ -18,6 +17,8 @@ service.interceptors.request.use(
       config.headers['SESSION'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
     }
     const url = store.getters.env === 'qaapi' ? process.env.qaapi : process.env.BASE_API.replace('namespace', store.getters.env)
+    // if (config.url.indexOf('yapi') === -1) {
+    // }
     config.url = url + config.url
     config.headers['cluster'] = 'qa'
     return config

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>
+      <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"/>
+      <el-button class="filter-item" type="primary" @click="genOrder">生成</el-button>
+    </div>
+
+    <el-form size="medium" label-position="left" label-width="130px" style="margin: 10px;">
+      <el-form-item label="放款ID" >
+        <el-input v-model="order.loanid" />
+      </el-form-item>
+      <el-form-item label="放款状态描述" >
+        <el-input v-model="order.loanMessage" :autosize="{ minRows: 2, maxRows: 4}" type="textarea" />
+      </el-form-item>
+      <el-form-item label="授信状态描述" >
+        <el-input v-model="order.creditMessage" :autosize="{ minRows: 2, maxRows: 4}" type="textarea" />
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { genOrder } from '@/api/testorder'
+
+export default {
+  data() {
+    return {
+      listQuery: {
+        channel: 1,
+        termNo: 6,
+        amount: 10000,
+        fundID: 710
+      },
+      orderType: [{ key: 1, value: '进件' }, { key: 2, value: '授信成功' }],
+      count: 1,
+      page: 1,
+      order: {}
+    }
+  },
+  created() {
+    // this.getOrderType()
+  },
+  methods: {
+    getOrderType() {
+
+    },
+
+    genOrder() {
+      for (const prop in this.listQuery) {
+        if (this.listQuery[prop] === '') {
+          delete this.listQuery[prop]
+        }
+      }
+      genOrder(this.listQuery).then(res => {
+        if (res.data) {
+          this.order = res.data
+        }
+      }).catch(() => {
+
+      })
+    }
+  }
+}
+</script>

src/views/testorder/query.vue

+<template>
+  <div class="app-container">
+    <div class="filter-container" style="padding-bottom:20px">
+      <el-input v-model="listQuery.phone" placeholder="手机号" clearable style="width: 200px;" class="filter-item" @keyup.enter.native="getOrders"/>
+      <el-input v-model="listQuery.userId" placeholder="userID" clearable style="width: 200px;" class="filter-item" @keyup.enter.native="getOrders"/>
+      <el-button class="filter-item" type="primary" icon="el-icon-search" @click="getOrders">查询</el-button>
+    </div>
+
+    <el-table
+      :data="orders"
+      size="medium"
+      fit
+      highlight-current-row>
+
+      <el-table-column label="ID" type="index" align="center" width="65"/>
+
+      <el-table-column sortable label="手机号" prop="phone" align="center"/>
+      <el-table-column sortable label="userID" prop="userId" align="center"/>
+      <el-table-column sortable label="uuid" prop="uuid" align="center"/>
+      <el-table-column sortable label="loanID" width="120" prop="loanId" align="center"/>
+      <el-table-column sortable label="QG订单号" prop="qgOrderNo" align="center"/>
+      <el-table-column label="放款状态" prop="loanMessage" align="center"/>
+      <el-table-column label="放款状态描述" prop="loanStatus" align="center"/>
+      <el-table-column label="授信状态" prop="creditMessage" align="center"/>
+      <el-table-column label="授信状态描述" prop="creditStatus" align="center"/>
+
+    </el-table>
+    <pagination v-show="count>0" :total="count" :page.sync="page" :limit.sync="listQuery.pageSize" @pagination="getOrders" />
+
+  </div>
+</template>
+
+<script>
+import {
+  fetchOrders
+} from '@/api/testorder'
+import Pagination from '@/components/Pagination'
+
+export default {
+  components: { Pagination },
+  filters: {
+    activeFilter(status) {
+      const activeMap = {
+        true: '是',
+        false: '否'
+      }
+      return activeMap[status]
+    }
+  },
+  data() {
+    return {
+      orders: [],
+      count: 1,
+      page: 1,
+      listQuery: {
+        pageNumber: 0,
+        pageSize: 10
+      }
+    }
+  },
+  created() {
+    this.getOrders()
+  },
+  methods: {
+    getOrders() {
+      for (const prop in this.listQuery) {
+        if (this.listQuery[prop] === '') {
+          delete this.listQuery[prop]
+        }
+      }
+      this.listQuery.pageNumber = this.page - 1
+      fetchOrders(this.listQuery).then(res => {
+        this.orders = res.data.content
+        this.count = res.data.totalElements
+      }).catch(() => {
+      })
+    }
+  }
+}
+</script>