|
|
@@ -0,0 +1,162 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-table v-loading="loading" :data="tableData" border style="width: 100%">
|
|
|
+ <el-table-column type="selection" />
|
|
|
+
|
|
|
+ <el-table-column label="客户ID" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.customerId }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="客户名称" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.customerName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="shorterName" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.shorterName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="linkmanName" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.linkmanName }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="linkmanMobile" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.linkmanMobile }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="account" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.account }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="accumulatedDeposits" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.accumulatedDeposits }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="balance" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.balance }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="creditAmount" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.creditAmount }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="availableQuota" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.availableQuota }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { Search } from '@/api/userList'
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableData: [
|
|
|
+ {
|
|
|
+ customerId: '123',
|
|
|
+ customerName: 'test',
|
|
|
+ shorterName: 'aa',
|
|
|
+ linkmanName: '??',
|
|
|
+ linkmanMobile: '??',
|
|
|
+ account: '??',
|
|
|
+ accumulatedDeposits: '??',
|
|
|
+ balance: '??',
|
|
|
+ creditAmount: '??',
|
|
|
+ availableQuota: '??'
|
|
|
+ }, {
|
|
|
+ customerId: '123',
|
|
|
+ customerName: 'test',
|
|
|
+ shorterName: 'aa',
|
|
|
+ linkmanName: '??',
|
|
|
+ linkmanMobile: '??',
|
|
|
+ account: '??',
|
|
|
+ accumulatedDeposits: '??',
|
|
|
+ balance: '??',
|
|
|
+ creditAmount: '??',
|
|
|
+ availableQuota: '??'
|
|
|
+ }, {
|
|
|
+ customerId: '123',
|
|
|
+ customerName: 'test',
|
|
|
+ shorterName: 'aa',
|
|
|
+ linkmanName: '??',
|
|
|
+ linkmanMobile: '??',
|
|
|
+ account: '??',
|
|
|
+ accumulatedDeposits: '??',
|
|
|
+ balance: '??',
|
|
|
+ creditAmount: '??',
|
|
|
+ availableQuota: '??'
|
|
|
+ }, {
|
|
|
+ customerId: '123',
|
|
|
+ customerName: 'test',
|
|
|
+ shorterName: 'aa',
|
|
|
+ linkmanName: '??',
|
|
|
+ linkmanMobile: '??',
|
|
|
+ account: '??',
|
|
|
+ accumulatedDeposits: '??',
|
|
|
+ balance: '??',
|
|
|
+ creditAmount: '??',
|
|
|
+ availableQuota: '??'
|
|
|
+ }, {
|
|
|
+ customerId: '123',
|
|
|
+ customerName: 'test',
|
|
|
+ shorterName: 'aa',
|
|
|
+ linkmanName: '??',
|
|
|
+ linkmanMobile: '??',
|
|
|
+ account: '??',
|
|
|
+ accumulatedDeposits: '??',
|
|
|
+ balance: '??',
|
|
|
+ creditAmount: '??',
|
|
|
+ availableQuota: '??'
|
|
|
+ }, {
|
|
|
+ customerId: '123',
|
|
|
+ customerName: 'test',
|
|
|
+ shorterName: 'aa',
|
|
|
+ linkmanName: '??',
|
|
|
+ linkmanMobile: '??',
|
|
|
+ account: '??',
|
|
|
+ accumulatedDeposits: '??',
|
|
|
+ balance: '??',
|
|
|
+ creditAmount: '??',
|
|
|
+ availableQuota: '??'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.search()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ search: function(operator) {
|
|
|
+ console.log('test')
|
|
|
+ Search(operator).then((res) => {
|
|
|
+ this.tableData = res.data.records
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style>
|
|
|
+
|
|
|
+</style>
|
