Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
J
jiedao-app-operator-master
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
lanbaoming
jiedao-app-operator-master
Commits
be0a8d15
Commit
be0a8d15
authored
Jun 04, 2022
by
yanghao
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
feature: 添加客户投诉
parent
527f8dd6
Changes
4
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
416 additions
and
1 deletion
+416
-1
customerComplaint.js
src/api/ecw/customerComplaint.js
+54
-0
customerComplaintFollow.js
src/api/ecw/customerComplaintFollow.js
+54
-0
dict.js
src/utils/dict.js
+3
-1
index.vue
src/views/ecw/customerComplaint/index.vue
+305
-0
No files found.
src/api/ecw/customerComplaint.js
0 → 100644
View file @
be0a8d15
import
request
from
'
@/utils/request
'
// 创建客户投诉
export
function
createCustomerComplaint
(
data
)
{
return
request
({
url
:
'
/ecw/customer-complaint/create
'
,
method
:
'
post
'
,
data
:
data
})
}
// 更新客户投诉
export
function
updateCustomerComplaint
(
data
)
{
return
request
({
url
:
'
/ecw/customer-complaint/update
'
,
method
:
'
put
'
,
data
:
data
})
}
// 删除客户投诉
export
function
deleteCustomerComplaint
(
id
)
{
return
request
({
url
:
'
/ecw/customer-complaint/delete?id=
'
+
id
,
method
:
'
delete
'
})
}
// 获得客户投诉
export
function
getCustomerComplaint
(
id
)
{
return
request
({
url
:
'
/ecw/customer-complaint/get?id=
'
+
id
,
method
:
'
get
'
})
}
// 获得客户投诉分页
export
function
getCustomerComplaintPage
(
query
)
{
return
request
({
url
:
'
/ecw/customer-complaint/page
'
,
method
:
'
get
'
,
params
:
query
})
}
// 导出客户投诉 Excel
export
function
exportCustomerComplaintExcel
(
query
)
{
return
request
({
url
:
'
/ecw/customer-complaint/export-excel
'
,
method
:
'
get
'
,
params
:
query
,
responseType
:
'
blob
'
})
}
src/api/ecw/customerComplaintFollow.js
0 → 100644
View file @
be0a8d15
import
request
from
'
@/utils/request
'
// 创建客户投诉跟进
export
function
createCustomerComplaintFollow
(
data
)
{
return
request
({
url
:
'
/ecw/customer-complaint-follow/create
'
,
method
:
'
post
'
,
data
:
data
})
}
// 更新客户投诉跟进
export
function
updateCustomerComplaintFollow
(
data
)
{
return
request
({
url
:
'
/ecw/customer-complaint-follow/update
'
,
method
:
'
put
'
,
data
:
data
})
}
// 删除客户投诉跟进
export
function
deleteCustomerComplaintFollow
(
id
)
{
return
request
({
url
:
'
/ecw/customer-complaint-follow/delete?id=
'
+
id
,
method
:
'
delete
'
})
}
// 获得客户投诉跟进
export
function
getCustomerComplaintFollow
(
id
)
{
return
request
({
url
:
'
/ecw/customer-complaint-follow/get?id=
'
+
id
,
method
:
'
get
'
})
}
// 获得客户投诉跟进分页
export
function
getCustomerComplaintFollowPage
(
query
)
{
return
request
({
url
:
'
/ecw/customer-complaint-follow/page
'
,
method
:
'
get
'
,
params
:
query
})
}
// 导出客户投诉跟进 Excel
export
function
exportCustomerComplaintFollowExcel
(
query
)
{
return
request
({
url
:
'
/ecw/customer-complaint-follow/export-excel
'
,
method
:
'
get
'
,
params
:
query
,
responseType
:
'
blob
'
})
}
src/utils/dict.js
View file @
be0a8d15
...
...
@@ -70,7 +70,9 @@ export const DICT_TYPE = {
CUSTOMER_SOURCE
:
'
customer_source
'
,
CUSTOMER_BALANCE
:
'
customer_balance
'
,
CUSTOMER_TYPE
:
'
customer_type
'
,
CUSTOMER_LEVEL
:
'
customer_level
'
CUSTOMER_LEVEL
:
'
customer_level
'
,
CUSTOMER_COMPLAINT_TYPE
:
'
customer_complaint_type
'
,
CUSTOMER_COMPLAINT_STATUS
:
'
customer_complaint_status
'
}
...
...
src/views/ecw/customerComplaint/index.vue
0 → 100644
View file @
be0a8d15
<
template
>
<div
class=
"app-container"
>
<!-- 搜索工作栏 -->
<el-form
:model=
"queryParams"
ref=
"queryForm"
size=
"small"
:inline=
"true"
v-show=
"showSearch"
label-width=
"68px"
>
<el-form-item
label=
"客户名称"
prop=
"customerId"
>
<el-select
v-model=
"queryParams.customerId"
placeholder=
"请选择客户名称"
clearable
size=
"small"
>
<el-option
v-for=
"customer in myFollowCustomerList"
:key=
"customer.id"
:value=
"customer.id"
:label=
"customer.name.join('|').join(customer.name)"
/>
</el-select>
</el-form-item>
<el-form-item
label=
"投诉类型"
prop=
"type"
>
<el-select
v-model=
"queryParams.type"
placeholder=
"请选择投诉类型"
clearable
size=
"small"
>
<el-option
v-for=
"dict in this.getDictDatas(DICT_TYPE.CUSTOMER_COMPLAINT_TYPE)"
:key=
"dict.value"
:label=
"dict.label"
:value=
"dict.value"
/>
</el-select>
</el-form-item>
<el-form-item
label=
"订单号"
prop=
"orderId"
>
<el-input
v-model=
"queryParams.orderId"
placeholder=
"请输入订单号"
clearable
@
keyup.enter.native=
"handleQuery"
/>
</el-form-item>
<el-form-item
label=
"提单号"
prop=
"ladingbillId"
>
<el-input
v-model=
"queryParams.ladingbillId"
placeholder=
"请输入提单号"
clearable
@
keyup.enter.native=
"handleQuery"
/>
</el-form-item>
<el-form-item
label=
"处理状态"
prop=
"status"
>
<el-select
v-model=
"queryParams.status"
placeholder=
"请选择处理状态"
clearable
size=
"small"
>
<el-option
v-for=
"dict in this.getDictDatas(DICT_TYPE.CUSTOMER_COMPLAINT_STATUS)"
:key=
"dict.value"
:label=
"dict.label"
:value=
"dict.value"
/>
</el-select>
</el-form-item>
<el-form-item
label=
"投诉编号"
prop=
"code"
>
<el-input
v-model=
"queryParams.code"
placeholder=
"请输入投诉编号"
clearable
@
keyup.enter.native=
"handleQuery"
/>
</el-form-item>
<el-form-item
label=
"创建时间"
>
<el-date-picker
v-model=
"dateRangeCreateTime"
style=
"width: 240px"
value-format=
"yyyy-MM-dd"
type=
"daterange"
range-separator=
"-"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
/>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
icon=
"el-icon-search"
@
click=
"handleQuery"
>
搜索
</el-button>
<el-button
icon=
"el-icon-refresh"
@
click=
"resetQuery"
>
重置
</el-button>
</el-form-item>
</el-form>
<!-- 操作工具栏 -->
<el-row
:gutter=
"10"
class=
"mb8"
>
<el-col
:span=
"1.5"
>
<el-button
type=
"primary"
plain
icon=
"el-icon-plus"
size=
"mini"
@
click=
"handleAdd"
v-hasPermi=
"['ecw:customer-complaint:create']"
>
新增
</el-button>
</el-col>
<el-col
:span=
"1.5"
>
<el-button
type=
"warning"
plain
icon=
"el-icon-download"
size=
"mini"
@
click=
"handleExport"
:loading=
"exportLoading"
v-hasPermi=
"['ecw:customer-complaint:export']"
>
导出
</el-button>
</el-col>
<right-toolbar
:showSearch.sync=
"showSearch"
@
queryTable=
"getList"
></right-toolbar>
</el-row>
<!-- 列表 -->
<el-table
v-loading=
"loading"
:data=
"list"
>
<el-table-column
label=
"客户名称"
align=
"center"
>
<template
slot-scope=
"scope"
>
<div>
{{
formatCustomerName
(
scope
.
row
.
customerId
)
}}
</div>
</
template
>
</el-table-column>
<el-table-column
label=
"投诉类型"
align=
"center"
prop=
"type"
>
<
template
slot-scope=
"scope"
>
<dict-tag
:type=
"DICT_TYPE.CUSTOMER_COMPLAINT_TYPE"
:value=
"scope.row.type"
/>
</
template
>
</el-table-column>
<el-table-column
label=
"订单号"
align=
"center"
prop=
"orderId"
/>
<el-table-column
label=
"提单号"
align=
"center"
prop=
"ladingbillId"
/>
<el-table-column
label=
"投诉内容"
align=
"center"
prop=
"content"
/>
<el-table-column
label=
"处理状态"
align=
"center"
prop=
"status"
>
<
template
slot-scope=
"scope"
>
<dict-tag
:type=
"DICT_TYPE.CUSTOMER_COMPLAINT_STATUS"
:value=
"scope.row.status"
/>
</
template
>
</el-table-column>
<el-table-column
label=
"创建时间"
align=
"center"
prop=
"createTime"
width=
"180"
>
<
template
slot-scope=
"scope"
>
<span>
{{
parseTime
(
scope
.
row
.
createTime
)
}}
</span>
</
template
>
</el-table-column>
<el-table-column
label=
"操作"
align=
"center"
class-name=
"small-padding fixed-width"
>
<
template
slot-scope=
"scope"
>
<el-button
size=
"mini"
type=
"text"
icon=
"el-icon-edit"
@
click=
"handleUpdate(scope.row)"
v-hasPermi=
"['ecw:customer-complaint:update']"
>
修改
</el-button>
<el-button
size=
"mini"
type=
"text"
icon=
"el-icon-delete"
@
click=
"handleDelete(scope.row)"
v-hasPermi=
"['ecw:customer-complaint:delete']"
>
删除
</el-button>
</
template
>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination
v-show=
"total > 0"
:total=
"total"
:page.sync=
"queryParams.pageNo"
:limit.sync=
"queryParams.pageSize"
@
pagination=
"getList"
/>
<!-- 对话框(添加 / 修改) -->
<el-dialog
:title=
"title"
:visible.sync=
"open"
width=
"500px"
append-to-body
>
<el-form
ref=
"form"
:model=
"form"
:rules=
"rules"
label-width=
"80px"
>
<el-form-item
label=
"客户名称"
prop=
"customerId"
>
<el-select
v-model=
"form.customerId"
placeholder=
"请选择客户名称"
>
<el-option
label=
"请选择字典生成"
value=
""
/>
</el-select>
</el-form-item>
<el-form-item
label=
"投诉类型"
prop=
"type"
>
<el-select
v-model=
"form.type"
placeholder=
"请选择投诉类型"
>
<el-option
v-for=
"dict in this.getDictDatas(DICT_TYPE.CUSTOMER_COMPLAINT_TYPE)"
:key=
"dict.value"
:label=
"dict.label"
:value=
"parseInt(dict.value)"
/>
</el-select>
</el-form-item>
<el-form-item
label=
"订单号"
prop=
"orderId"
>
<el-input
v-model=
"form.orderId"
placeholder=
"请输入订单号"
/>
</el-form-item>
<el-form-item
label=
"提单号"
prop=
"ladingbillId"
>
<el-input
v-model=
"form.ladingbillId"
placeholder=
"请输入提单号"
/>
</el-form-item>
<el-form-item
label=
"投诉内容"
prop=
"content"
>
<el-input
v-model=
"form.content"
type=
"textarea"
placeholder=
"请输入内容"
/>
</el-form-item>
<el-form-item
label=
"处理状态"
prop=
"status"
>
<el-select
v-model=
"form.status"
placeholder=
"请选择处理状态"
>
<el-option
v-for=
"dict in this.getDictDatas(DICT_TYPE.CUSTOMER_COMPLAINT_STATUS)"
:key=
"dict.value"
:label=
"dict.label"
:value=
"parseInt(dict.value)"
/>
</el-select>
</el-form-item>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
type=
"primary"
@
click=
"submitForm"
>
确 定
</el-button>
<el-button
@
click=
"cancel"
>
取 消
</el-button>
</div>
</el-dialog>
</div>
</template>
<
script
>
import
{
createCustomerComplaint
,
updateCustomerComplaint
,
deleteCustomerComplaint
,
getCustomerComplaint
,
getCustomerComplaintPage
,
exportCustomerComplaintExcel
}
from
"
@/api/ecw/customerComplaint
"
;
import
{
getMyFlowCustomerList
}
from
"
@/api/ecw/customer
"
;
export
default
{
name
:
"
CustomerComplaint
"
,
components
:
{
},
data
()
{
return
{
// 遮罩层
loading
:
true
,
// 导出遮罩层
exportLoading
:
false
,
// 显示搜索条件
showSearch
:
true
,
// 总条数
total
:
0
,
// 客户投诉列表
list
:
[],
// 弹出层标题
title
:
""
,
// 是否显示弹出层
open
:
false
,
dateRangeCreateTime
:
[],
// 查询参数
queryParams
:
{
pageNo
:
1
,
pageSize
:
10
,
customerId
:
null
,
type
:
null
,
orderId
:
null
,
ladingbillId
:
null
,
status
:
null
,
adminId
:
null
,
code
:
null
,
},
// 表单参数
form
:
{},
// 表单校验
rules
:
{
customerId
:
[{
required
:
true
,
message
:
"
客户名称不能为空
"
,
trigger
:
"
change
"
}],
},
myFollowCustomerList
:
[]
};
},
created
()
{
this
.
getList
();
// 获得邮件账号
getMyFlowCustomerList
().
then
(
response
=>
{
this
.
myFollowCustomerList
=
response
.
data
;
})
},
methods
:
{
/** 查询列表 */
getList
()
{
this
.
loading
=
true
;
// 处理查询参数
let
params
=
{...
this
.
queryParams
};
this
.
addBeginAndEndTime
(
params
,
this
.
dateRangeCreateTime
,
'
createTime
'
);
// 执行查询
getCustomerComplaintPage
(
params
).
then
(
response
=>
{
this
.
list
=
response
.
data
.
list
;
this
.
total
=
response
.
data
.
total
;
this
.
loading
=
false
;
});
},
/** 取消按钮 */
cancel
()
{
this
.
open
=
false
;
this
.
reset
();
},
/** 表单重置 */
reset
()
{
this
.
form
=
{
id
:
undefined
,
customerId
:
undefined
,
type
:
undefined
,
orderId
:
undefined
,
ladingbillId
:
undefined
,
content
:
undefined
,
status
:
undefined
,
};
this
.
resetForm
(
"
form
"
);
},
/** 搜索按钮操作 */
handleQuery
()
{
this
.
queryParams
.
pageNo
=
1
;
this
.
getList
();
},
/** 重置按钮操作 */
resetQuery
()
{
this
.
dateRangeCreateTime
=
[];
this
.
resetForm
(
"
queryForm
"
);
this
.
handleQuery
();
},
/** 新增按钮操作 */
handleAdd
()
{
this
.
reset
();
this
.
open
=
true
;
this
.
title
=
"
添加客户投诉
"
;
},
/** 修改按钮操作 */
handleUpdate
(
row
)
{
this
.
reset
();
const
id
=
row
.
id
;
getCustomerComplaint
(
id
).
then
(
response
=>
{
this
.
form
=
response
.
data
;
this
.
open
=
true
;
this
.
title
=
"
修改客户投诉
"
;
});
},
/** 提交按钮 */
submitForm
()
{
this
.
$refs
[
"
form
"
].
validate
(
valid
=>
{
if
(
!
valid
)
{
return
;
}
// 修改的提交
if
(
this
.
form
.
id
!=
null
)
{
updateCustomerComplaint
(
this
.
form
).
then
(
response
=>
{
this
.
$modal
.
msgSuccess
(
"
修改成功
"
);
this
.
open
=
false
;
this
.
getList
();
});
return
;
}
// 添加的提交
createCustomerComplaint
(
this
.
form
).
then
(
response
=>
{
this
.
$modal
.
msgSuccess
(
"
新增成功
"
);
this
.
open
=
false
;
this
.
getList
();
});
});
},
/** 删除按钮操作 */
handleDelete
(
row
)
{
const
id
=
row
.
id
;
this
.
$modal
.
confirm
(
'
是否确认删除客户投诉编号为"
'
+
id
+
'
"的数据项?
'
).
then
(
function
()
{
return
deleteCustomerComplaint
(
id
);
}).
then
(()
=>
{
this
.
getList
();
this
.
$modal
.
msgSuccess
(
"
删除成功
"
);
}).
catch
(()
=>
{});
},
/** 导出按钮操作 */
handleExport
()
{
// 处理查询参数
let
params
=
{...
this
.
queryParams
};
params
.
pageNo
=
undefined
;
params
.
pageSize
=
undefined
;
this
.
addBeginAndEndTime
(
params
,
this
.
dateRangeCreateTime
,
'
createTime
'
);
// 执行导出
this
.
$modal
.
confirm
(
'
是否确认导出所有客户投诉数据项?
'
).
then
(()
=>
{
this
.
exportLoading
=
true
;
return
exportCustomerComplaintExcel
(
params
);
}).
then
(
response
=>
{
this
.
$download
.
excel
(
response
,
'
${table.classComment}.xls
'
);
this
.
exportLoading
=
false
;
}).
catch
(()
=>
{});
},
/** 格式化邮件账号 */
formatCustomerName
(
customerId
)
{
for
(
const
customer
of
this
.
myFollowCustomerList
)
{
if
(
customer
.
id
===
customerId
)
{
return
customer
.
name
;
}
}
return
'
找不到客户:
'
+
customerId
;
}
}
};
</
script
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment