1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
| <template>
| <TableLayout :permissions="['business:ywcustomer:query']">
| <!-- 搜索表单 -->
| <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline>
| <el-form-item label="客户名称" prop="name">
| <el-input v-model="searchForm.name" placeholder="请输入客户名称" @keypress.enter.native="search"></el-input>
| </el-form-item>
| <section>
| <el-button type="primary" @click="search">搜索</el-button>
| <el-button type="primary" :loading="isWorking.export" v-permissions="['business:ywcustomer:exportExcel']"
| @click="exportExcel">导出</el-button>
| <el-button @click="reset">重置</el-button>
| </section>
| </el-form>
| <!-- 表格和分页 -->
| <template v-slot:table-wrap>
| <ul class="toolbar" v-permissions="['business:ywcustomer:create', 'business:ywcustomer:delete']">
| <li><el-button type="primary" @click="$refs.operaYwCustomerWindow.open('新建客户')" icon="el-icon-plus"
| v-permissions="['business:ywcustomer:create']">新建</el-button></li>
| <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete"
| v-permissions="['business:ywcustomer:delete']">删除</el-button></li>
| </ul>
| <el-table v-loading="isWorking.search" :data="tableData.list" stripe @selection-change="handleSelectionChange">
| <el-table-column type="selection" width="55"></el-table-column>
| <el-table-column prop="name" label="客户名称" min-width="100px"></el-table-column>
| <el-table-column prop="memberName" label="联系人" min-width="100px"></el-table-column>
| <el-table-column prop="phone" label="联系电话" min-width="100px"></el-table-column>
| <el-table-column v-if="containPermissions(['business:ywcustomer:update', 'business:ywcustomer:delete'])"
| label="操作" min-width="120" fixed="right">
| <template slot-scope="{row}">
| <el-button type="text" @click="$refs.operaYwCustomerWindow.open('编辑客户', row)" icon="el-icon-edit"
| v-permissions="['business:ywcustomer:update']">编辑</el-button>
| <el-button type="text" @click="deleteById(row)" icon="el-icon-delete"
| v-permissions="['business:ywcustomer:delete']">删除</el-button>
| </template>
| </el-table-column>
| </el-table>
| <pagination @size-change="handleSizeChange" @current-change="handlePageChange" :pagination="tableData.pagination">
| </pagination>
| </template>
| <!-- 新建/修改 -->
| <OperaYwCustomerWindow ref="operaYwCustomerWindow" @success="handlePageChange" />
| </TableLayout>
| </template>
|
| <script>
| import BaseTable from '@/components/base/BaseTable'
| import TableLayout from '@/layouts/TableLayout'
| import Pagination from '@/components/common/Pagination'
| import OperaYwCustomerWindow from './components/OperaYwCustomerWindow'
| export default {
| name: 'YwCustomer',
| extends: BaseTable,
| components: { TableLayout, Pagination, OperaYwCustomerWindow },
| data() {
| return {
| // 搜索
| searchForm: {
| id: '',
| creator: '',
| createDate: '',
| editor: '',
| editDate: '',
| isdeleted: '',
| remark: '',
| industryId: '',
| type: '',
| name: '',
| phone: '',
| idcardNo: '',
| idcardDecode: '',
| code: '',
| status: '',
| highCheckor: '',
| lastLoginDate: '',
| loginNum: '',
| userId: '',
| idcardType: '',
| accountBank: '',
| accountNo: '',
| accountPhone: '',
| creditCard: '',
| fpType: '',
| accountAddr: '',
| identityType: '',
| email: '',
| memberId: ''
| }
| }
| },
| created() {
| this.config({
| module: '运维客户信息表',
| api: '/client/ywCustomer',
| 'field.id': 'id',
| 'field.main': 'id'
| })
| this.search()
| }
| }
| </script>
|
|
