1
1
<template >
2
2
<ContentWrap >
3
3
<!-- 搜索工作栏 -->
4
- <el-form class =" -mb-15px" :model =" queryParams" ref =" queryFormRef" :inline =" true" label-width =" 68px" >
4
+ <el-form
5
+ class =" -mb-15px"
6
+ :model =" queryParams"
7
+ ref =" queryFormRef"
8
+ :inline =" true"
9
+ label-width =" 68px"
10
+ >
5
11
<el-form-item label =" 客户" prop =" customerId" >
6
12
<el-select
7
- v-model =" queryParams.customerId" placeholder =" 请选择客户" value-key =" id" lable-key =" name"
8
- @keyup.enter =" handleQuery" clearable >
9
- <el-option v-for =" item in customerList" :key =" item.id" :label =" item.name" :value =" item.id" />
13
+ v-model =" queryParams.customerId"
14
+ placeholder =" 请选择客户"
15
+ value-key =" id"
16
+ lable-key =" name"
17
+ @keyup.enter =" handleQuery"
18
+ clearable
19
+ >
20
+ <el-option
21
+ v-for =" item in customerList"
22
+ :key =" item.id"
23
+ :label =" item.name"
24
+ :value =" item.id"
25
+ />
10
26
</el-select >
11
27
</el-form-item >
12
28
<el-form-item label =" 姓名" prop =" name" >
13
- <el-input v-model =" queryParams.name" placeholder =" 请输入姓名" clearable @keyup.enter =" handleQuery" class =" !w-240px" />
29
+ <el-input
30
+ v-model =" queryParams.name"
31
+ placeholder =" 请输入姓名"
32
+ clearable
33
+ @keyup.enter =" handleQuery"
34
+ class =" !w-240px"
35
+ />
14
36
</el-form-item >
15
37
<el-form-item label =" 手机号" prop =" mobile" >
16
38
<el-input
17
- v-model =" queryParams.mobile" placeholder =" 请输入手机号" clearable @keyup.enter =" handleQuery"
18
- class =" !w-240px" />
39
+ v-model =" queryParams.mobile"
40
+ placeholder =" 请输入手机号"
41
+ clearable
42
+ @keyup.enter =" handleQuery"
43
+ class =" !w-240px"
44
+ />
19
45
</el-form-item >
20
46
<el-form-item label =" 座机" prop =" telephone" >
21
47
<el-input
22
- v-model =" queryParams.telephone" placeholder =" 请输入电话" clearable @keyup.enter =" handleQuery"
23
- class =" !w-240px" />
48
+ v-model =" queryParams.telephone"
49
+ placeholder =" 请输入电话"
50
+ clearable
51
+ @keyup.enter =" handleQuery"
52
+ class =" !w-240px"
53
+ />
24
54
</el-form-item >
25
55
26
56
<el-form-item label =" QQ" prop =" qq" >
27
- <el-input v-model =" queryParams.qq" placeholder =" 请输入QQ" clearable @keyup.enter =" handleQuery" class =" !w-240px" />
57
+ <el-input
58
+ v-model =" queryParams.qq"
59
+ placeholder =" 请输入QQ"
60
+ clearable
61
+ @keyup.enter =" handleQuery"
62
+ class =" !w-240px"
63
+ />
28
64
</el-form-item >
29
65
<el-form-item label =" 微信" prop =" wechat" >
30
66
<el-input
31
- v-model =" queryParams.wechat" placeholder =" 请输入微信" clearable @keyup.enter =" handleQuery"
32
- class =" !w-240px" />
67
+ v-model =" queryParams.wechat"
68
+ placeholder =" 请输入微信"
69
+ clearable
70
+ @keyup.enter =" handleQuery"
71
+ class =" !w-240px"
72
+ />
33
73
</el-form-item >
34
74
<el-form-item label =" 电子邮箱" prop =" email" >
35
75
<el-input
36
- v-model =" queryParams.email" placeholder =" 请输入电子邮箱" clearable @keyup.enter =" handleQuery"
37
- class =" !w-240px" />
76
+ v-model =" queryParams.email"
77
+ placeholder =" 请输入电子邮箱"
78
+ clearable
79
+ @keyup.enter =" handleQuery"
80
+ class =" !w-240px"
81
+ />
38
82
</el-form-item >
39
83
<el-form-item >
40
- <el-button @click =" handleQuery" >
41
- <Icon icon =" ep:search" class =" mr-5px" /> 搜索
42
- </el-button >
43
- <el-button @click =" resetQuery" >
44
- <Icon icon =" ep:refresh" class =" mr-5px" /> 重置
45
- </el-button >
84
+ <el-button @click =" handleQuery" > <Icon icon =" ep:search" class =" mr-5px" /> 搜索 </el-button >
85
+ <el-button @click =" resetQuery" > <Icon icon =" ep:refresh" class =" mr-5px" /> 重置 </el-button >
46
86
<el-button type =" primary" @click =" openForm('create')" v-hasPermi =" ['crm:contact:create']" >
47
87
<Icon icon =" ep:plus" class =" mr-5px" /> 新增
48
88
</el-button >
49
89
<el-button
50
- type =" success" plain @click =" handleExport" :loading =" exportLoading"
51
- v-hasPermi =" ['crm:contact:export']" >
90
+ type =" success"
91
+ plain
92
+ @click =" handleExport"
93
+ :loading =" exportLoading"
94
+ v-hasPermi =" ['crm:contact:export']"
95
+ >
52
96
<Icon icon =" ep:download" class =" mr-5px" /> 导出
53
97
</el-button >
54
98
</el-form-item >
@@ -60,9 +104,9 @@ type="success" plain @click="handleExport" :loading="exportLoading"
60
104
<el-table v-loading =" loading" :data =" list" :stripe =" true" :show-overflow-tooltip =" true" >
61
105
<el-table-column label =" 姓名" fixed =" left" align =" center" prop =" name" >
62
106
<template #default =" scope " >
63
- <el-link type =" primary" :underline =" false" @click =" openDetail(scope.row.id)" >{{
64
- scope.row.name
65
- }} </el-link >
107
+ <el-link type =" primary" :underline =" false" @click =" openDetail(scope.row.id)" >
108
+ {{ scope.row.name }}
109
+ </el-link >
66
110
</template >
67
111
</el-table-column >
68
112
<el-table-column label =" 客户" fixed =" left" align =" center" prop =" customerName" />
@@ -84,17 +128,41 @@ type="success" plain @click="handleExport" :loading="exportLoading"
84
128
<el-table-column label =" 微信" align =" center" prop =" wechat" />
85
129
<el-table-column label =" 邮箱" align =" center" prop =" email" />
86
130
<el-table-column label =" 地址" align =" center" prop =" address" />
87
- <el-table-column label =" 下次联系时间" align =" center" prop =" nextTime" width =" 180px" :formatter =" dateFormatter" />
131
+ <el-table-column
132
+ label =" 下次联系时间"
133
+ align =" center"
134
+ prop =" nextTime"
135
+ width =" 180px"
136
+ :formatter =" dateFormatter"
137
+ />
88
138
<el-table-column label =" 备注" align =" center" prop =" remark" />
89
- <el-table-column label =" 最后跟进时间" align =" center" prop =" lastTime" :formatter =" dateFormatter" width =" 180px" />
139
+ <el-table-column
140
+ label =" 最后跟进时间"
141
+ align =" center"
142
+ prop =" lastTime"
143
+ :formatter =" dateFormatter"
144
+ width =" 180px"
145
+ />
90
146
<el-table-column label =" 负责人" align =" center" prop =" ownerUserId" >
91
147
<template #default =" scope " >
92
148
{{ scope.row.ownerUserName }}
93
149
</template >
94
150
</el-table-column >
95
151
<!-- <el-table-column label="所属部门" align="center" prop="ownerUserId" /> -->
96
- <el-table-column label =" 更新时间" align =" center" prop =" updateTime" :formatter =" dateFormatter" width =" 180px" />
97
- <el-table-column label =" 创建时间" align =" center" prop =" createTime" :formatter =" dateFormatter" width =" 180px" />
152
+ <el-table-column
153
+ label =" 更新时间"
154
+ align =" center"
155
+ prop =" updateTime"
156
+ :formatter =" dateFormatter"
157
+ width =" 180px"
158
+ />
159
+ <el-table-column
160
+ label =" 创建时间"
161
+ align =" center"
162
+ prop =" createTime"
163
+ :formatter =" dateFormatter"
164
+ width =" 180px"
165
+ />
98
166
<!-- <el-table-column
99
167
label="创建人"
100
168
align="center"
@@ -108,19 +176,32 @@ type="success" plain @click="handleExport" :loading="exportLoading"
108
176
</el-table-column> -->
109
177
<el-table-column label =" 操作" align =" center" fixed =" right" width =" 200" >
110
178
<template #default =" scope " >
111
- <el-button plain type =" primary" @click =" openForm('update', scope.row.id)" v-hasPermi =" ['crm:contact:update']" >
179
+ <el-button
180
+ plain
181
+ type =" primary"
182
+ @click =" openForm('update', scope.row.id)"
183
+ v-hasPermi =" ['crm:contact:update']"
184
+ >
112
185
编辑
113
186
</el-button >
114
- <el-button plain type =" danger" @click =" handleDelete(scope.row.id)" v-hasPermi =" ['crm:contact:delete']" >
187
+ <el-button
188
+ plain
189
+ type =" danger"
190
+ @click =" handleDelete(scope.row.id)"
191
+ v-hasPermi =" ['crm:contact:delete']"
192
+ >
115
193
删除
116
194
</el-button >
117
195
</template >
118
196
</el-table-column >
119
197
</el-table >
120
198
<!-- 分页 -->
121
199
<Pagination
122
- :total =" total" v-model:page =" queryParams.pageNo" v-model:limit =" queryParams.pageSize"
123
- @pagination =" getList" />
200
+ :total =" total"
201
+ v-model:page =" queryParams.pageNo"
202
+ v-model:limit =" queryParams.pageSize"
203
+ @pagination =" getList"
204
+ />
124
205
</ContentWrap >
125
206
126
207
<!-- 表单弹窗:添加/修改 -->
@@ -208,7 +289,7 @@ const handleDelete = async (id: number) => {
208
289
message .success (t (' common.delSuccess' ))
209
290
// 刷新列表
210
291
await getList ()
211
- } catch { }
292
+ } catch {}
212
293
}
213
294
214
295
/** 导出按钮操作 */
@@ -232,7 +313,6 @@ const openDetail = (id: number) => {
232
313
push ({ name: ' CrmContactDetail' , params: { id } })
233
314
}
234
315
235
-
236
316
/** 初始化 **/
237
317
onMounted (async () => {
238
318
await getList ()
0 commit comments