Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
S
smart_gov_platform
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
赵啸非
smart_gov_platform
Commits
7a9c690c
Commit
7a9c690c
authored
Mar 13, 2023
by
王晓旭
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改评价
parent
87eccd76
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
373 additions
and
1491 deletions
+373
-1491
portal-manager-ui/admin/src/views/dataAdmin/components/evaluationRecordReport/departmentEvaluation.vue
...omponents/evaluationRecordReport/departmentEvaluation.vue
+134
-499
portal-manager-ui/admin/src/views/dataAdmin/components/evaluationRecordReport/matterEvaluation.vue
...in/components/evaluationRecordReport/matterEvaluation.vue
+134
-496
portal-manager-ui/admin/src/views/dataAdmin/components/evaluationRecordReport/windowEvaluation.vue
...in/components/evaluationRecordReport/windowEvaluation.vue
+105
-496
No files found.
portal-manager-ui/admin/src/views/dataAdmin/components/evaluationRecordReport/departmentEvaluation.vue
View file @
7a9c690c
<
template
>
<
template
>
<<<<<<<
HEAD
<div
class=
"callRecord-Container"
>
<div
class=
"callRecord-Container"
>
<div
class=
"header_box"
>
<div
class=
"header_box"
>
<div>
<div>
...
@@ -25,64 +24,11 @@
...
@@ -25,64 +24,11 @@
<a-select-option
value=
"5"
>
好差评
</a-select-option>
<a-select-option
value=
"5"
>
好差评
</a-select-option>
<a-select-option
value=
"6"
>
一体化评价
</a-select-option>
<a-select-option
value=
"6"
>
一体化评价
</a-select-option>
</a-select>
</a-select>
=======
<div
class=
"callRecord-Container"
>
<div
class=
"header_box"
>
<div>
<a-button
:loading=
"btnLoading"
type=
"success"
@
click=
"handleExportTable"
>
<span>
{{
tableSelectedRows
.
length
?
"
导出
"
:
"
导出全部
"
}}
</span>
</a-button>
<a-button
type=
"danger"
@
click=
"delTable"
>
<span>
批量删除
</span>
</a-button>
<b
>
评价次数:
<i>
{{
evaCount
}}
次
</i></b
>
<sub
>
统计时间段:
{{
BegindAndEndTime
[
0
]
}}
~
{{
BegindAndEndTime
[
1
]
}}
</sub
>
</div>
<span>
<a-space>
<a-select
placeholder=
"全部评价"
@
change=
"changeEvaChoose"
mode=
"multiple"
>
<a-select-option
value=
"非常满意"
>
非常满意
</a-select-option>
<a-select-option
value=
"基本满意"
>
基本满意
</a-select-option>
<a-select-option
value=
"满意"
>
满意
</a-select-option>
<a-select-option
value=
"不满意"
>
不满意
</a-select-option>
<a-select-option
value=
"非常不满意"
>
非常不满意
</a-select-option>
</a-select>
<a-select
placeholder=
"全部来源"
@
change=
"changeEvaFrom"
mode=
"multiple"
>
<a-select-option
value=
"1"
>
窗口评价
</a-select-option>
<a-select-option
value=
"2"
>
自助服务终端
</a-select-option>
<a-select-option
value=
"3"
>
背靠背评价
</a-select-option>
<a-select-option
value=
"4"
>
微官网
</a-select-option>
<a-select-option
value=
"5"
>
好差评
</a-select-option>
<a-select-option
value=
"6"
>
一体化评价
</a-select-option>
</a-select>
>>>>>>> faec875196e6e37db13be22ad308b1e9549236cb
<a-range-picker
<a-range-picker
:allowClear=
"false"
format=
"YYYY年MM月DD日"
class=
"range_picker_style"
@
change=
"rangePickerChange"
:allowClear=
"false"
v-model=
"BegindAndEndTime"
>
format=
"YYYY-MM-DD"
</a-range-picker>
class=
"range_picker_style"
valueFormat=
"YYYY-MM-DD"
v-model=
"BegindAndEndTime"
>
</a-range-picker>
<<<<<<<
HEAD
<a-input
v-model=
"searchName"
placeholder=
"请输入评价人姓名或窗口编号搜索"
>
<a-input
v-model=
"searchName"
placeholder=
"请输入评价人姓名或窗口编号搜索"
>
<a-icon
slot=
"prefix"
type=
"search"
/>
<a-icon
slot=
"prefix"
type=
"search"
/>
</a-input>
</a-input>
...
@@ -111,64 +57,12 @@
...
@@ -111,64 +57,12 @@
{{content}}
{{content}}
</a-modal>
</a-modal>
</div>
</div>
=======
<a-input
v-model=
"searchName"
placeholder=
"请输入内容搜索搜索"
>
<a-icon
slot=
"prefix"
type=
"search"
/>
</a-input>
<a-button
type=
"primary"
@
click=
"handleSearch"
>
搜索
</a-button>
<a-button
@
click=
"resetBtn"
>
重置
</a-button>
</a-space>
</span>
>>>>>>> faec875196e6e37db13be22ad308b1e9549236cb
</div>
</div>
<div
class=
"main"
>
<a-table
size=
"small"
bordered
:row-key=
"(record) => record.id"
:row-selection=
"{
selectedRowKeys: tableSelectedKeys,
onChange: onSelectChange,
}"
:scroll=
"{ y: 590 }"
:pagination=
"tablePagination"
@
change=
"pagTableChange"
:loading=
"tableLoading"
:columns=
"tableHeaders"
:dataSource=
"tableSourceData"
>
<!-- 序号 -->
<span
slot=
"index"
slot-scope=
"text, record, index"
>
{{
(tablePagination.current - 1) * tablePagination.pageSize + index + 1
}}
</span>
<
template
slot=
"评价人照片"
slot-scope=
"text"
>
<a-avatar
v-if=
"!text"
shape=
"square"
:size=
"40"
icon=
"user"
/>
<img
v-else
:src=
"process.env.VUE_APP_API_BASE_URL + text"
alt=
""
srcset=
""
/>
</
template
>
<
template
slot=
"操作"
slot-scope=
"text, record"
>
<a-button
type=
"link"
style=
"color: #ff7370"
>
删除
</a-button>
<a-button
type=
"link"
@
click=
"openHandlingDetails(record)"
>
详情
</a-button
>
</
template
>
</a-table>
<HandlingDetails
ref=
"HandlingDetails"
/>
<a-modal
v-model=
"visible"
title=
"系统提示"
@
ok=
"togetEvaDetil()"
>
{{ content }}
</a-modal>
</div>
</div>
</template>
</template>
<
script
>
<
script
>
import
table
from
"
@/mixins/table
"
;
import
table
from
"
@/mixins/table
"
;
import
HandlingDetails
from
"
./components/HandlingDetails.vue
"
;
import
HandlingDetails
from
"
./components/HandlingDetails.vue
"
;
<<<<<<<
HEAD
import
{
getOptonList
,
getEvaList
,
getEvaData
,
getEvaDetil
,
getQueEvaData
}
from
"
@/api/dataAdmin
"
;
import
{
getOptonList
,
getEvaList
,
getEvaData
,
getEvaDetil
,
getQueEvaData
}
from
"
@/api/dataAdmin
"
;
export
default
{
export
default
{
...
@@ -370,428 +264,169 @@ export default {
...
@@ -370,428 +264,169 @@ export default {
this
.
exportExcel
(
tableColumns
,
newTableData
,
exprotExcelName
);
this
.
exportExcel
(
tableColumns
,
newTableData
,
exprotExcelName
);
}
}
=======
import
{
getEvaList
,
getEvaData
,
getEvaDetil
,
getQueEvaData
,
}
from
"
@/api/dataAdmin
"
;
export
default
{
mixins
:
[
table
],
name
:
"
departmentEvaluation
"
,
data
()
{
return
{
btnLoading
:
false
,
tableHeaders
:
[
{
title
:
"
序号
"
,
width
:
"
60px
"
,
align
:
"
center
"
,
scopedSlots
:
{
customRender
:
"
index
"
,
},
>>>>>>>
faec875196e6e37db13be22ad308b1e9549236cb
},
{
title
:
"
部门名称
"
,
align
:
"
center
"
,
customRender
:
(
text
)
=>
{
return
text
.
section
?
text
.
section
:
"
--
"
;
},
},
},
{
delTable
(){
title
:
"
评价选项
"
,
// console.log(this.tableSelectedRows);
align
:
"
center
"
,
this
.
visible
=
true
;
dataIndex
:
"
option_id
"
,
if
(
!
this
.
tableSelectedRows
.
length
){
this
.
content
=
'
一条评论都没有选中
'
}
else
{
this
.
content
=
'
此操作将删除这些评价信息,是否继续?
'
let
arr
=
[]
this
.
tableSelectedRows
.
forEach
(
item
=>
{
arr
.
push
(
item
.
id
)
});
this
.
delId
=
arr
}
},
},
{
togetEvaDetil
(){
title
:
"
评价人
"
,
getEvaDetil
({
align
:
"
center
"
,
id
:
this
.
delId
customRender
:
(
text
)
=>
{
}).
then
(
res
=>
{
return
text
.
idcard_Name
?
text
.
idcard_Name
:
"
--
"
;
{
},
this
.
delId
=
null
this
.
visible
=
false
;
// 要刷新页面
this
.
togetevalist
()
}
})
},
},
{
togetQueEvaData
(
record
){
title
:
"
身份证号
"
,
getQueEvaData
({
align
:
"
center
"
,
id
:
record
.
id
customRender
:
(
text
)
=>
{
}).
then
(
res
=>
{
return
text
.
idcard_IDCardNo
?
text
.
idcard_IDCardNo
:
"
--
"
;
console
.
log
(
res
);
},
const
{
code
,
data
}
=
res
if
(
code
==
1
){
this
.
$refs
.
HandlingDetails
.
queEvaData
=
data
}
})
},
},
{
togetEvaData
(
id
){
title
:
"
手机号
"
,
getEvaData
({
align
:
"
center
"
,
id
:
id
customRender
:
(
text
)
=>
{
}).
then
(
res
=>
{
return
text
.
phone
?
text
.
phone
:
"
--
"
;
console
.
log
(
res
);
},
const
{
code
,
data
}
=
res
if
(
code
==
1
){
this
.
$refs
.
HandlingDetails
.
queEvaData
=
data
}
})
},
},
{
togetevalist
(){
title
:
"
评价时间
"
,
// 拼接评价选项
align
:
"
center
"
,
let
chooseStr
=
this
.
evaChoose
.
join
(
'
,
'
)
dataIndex
:
"
create_time
"
,
// 要先拼接评价来源
let
fromString
=
this
.
evaFrom
.
join
(
'
,
'
)
getEvaList
({
page
:
this
.
tablePagination
.
current
,
size
:
this
.
tablePagination
.
pageSize
,
type
:
'
bmpj
'
,
option_id
:
chooseStr
,
pjxt
:
fromString
,
//传0代表全部
time
:
this
.
evaDates
,
info
:
this
.
searchName
}).
then
((
res
)
=>
{
console
.
log
(
11111
,
res
);
const
{
code
,
data
}
=
res
;
if
(
code
==
1
){
this
.
tableSourceData
=
data
.
data
.
data
this
.
evaCount
=
data
.
count
this
.
tablePagination
.
total
=
data
.
count
}
})
},
},
{
changeEvaFrom
(
val
){
title
:
"
评价来源
"
,
if
(
val
.
length
){
align
:
"
center
"
,
this
.
evaFrom
=
val
;
dataIndex
:
"
pjxt
"
,
}
else
{
customRender
:
(
text
,
record
,
index
)
=>
{
this
.
evaFrom
=
[
0
]
if
(
text
==
1
)
{
return
"
窗口评价
"
;
}
else
if
(
text
==
2
)
{
return
"
自助服务终端
"
;
}
else
if
(
text
==
3
)
{
return
"
背靠背评价
"
;
}
else
if
(
text
==
4
)
{
return
"
微官网
"
;
}
else
if
(
text
==
5
)
{
return
"
好差评
"
;
}
else
{
return
"
一体化评价
"
;
}
}
},
},
},
{
changeEvaChoose
(
val
){
title
:
"
评价设备
"
,
this
.
evaChoose
=
val
align
:
"
center
"
,
},
dataIndex
:
"
source
"
,
rangePickerChange
(
val
)
{
customRender
:
(
text
,
record
,
index
)
=>
{
this
.
evaDates
=
[
this
.
$moment
(
val
[
0
]).
format
(
"
YYYY-MM-DD
"
),
this
.
$moment
(
val
[
1
]).
format
(
"
YYYY-MM-DD
"
)]
if
(
text
==
1
)
{
},
return
"
安卓
"
;
QueueState
(
type
)
{
}
else
if
(
text
==
2
)
{
switch
(
type
)
{
return
"
导视机
"
;
case
0
:
}
else
{
return
"
type1
"
;
return
"
微信
"
;
case
1
:
return
"
type2
"
;
default
:
return
"
type0
"
;
}
}
},
},
},
{
//详情模块
title
:
"
评价人照片
"
,
openHandlingDetails
(
record
)
{
align
:
"
center
"
,
// 判断为窗口屏或者其他状况,调用不同接口
dataIndex
:
"
picture
"
,
// if(record.pjxt==1){
scopedSlots
:
{
// this.$refs.HandlingDetails.modalInfo.title = "办理明细";
customRender
:
"
评价人照片
"
,
// this.$refs.HandlingDetails.modalInfo.show = 1;
},
// this.togetQueEvaData(record)
// }else{
this
.
$refs
.
HandlingDetails
.
modalInfo
.
title
=
"
评价详情
"
;
this
.
$refs
.
HandlingDetails
.
modalInfo
.
show
=
2
;
this
.
togetEvaData
(
record
.
id
)
// }
this
.
$refs
.
HandlingDetails
.
modalInfo
.
visible
=
true
;
},
},
{
//删除模态框
title
:
"
操作
"
,
showModal
(
record
)
{
align
:
"
center
"
,
this
.
visible
=
true
;
dataIndex
:
"
操作
"
,
this
.
delId
=
record
.
id
scopedSlots
:
{
customRender
:
"
操作
"
,
},
},
},
],
BegindAndEndTime
:
[
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
],
searchName
:
undefined
,
//删除窗口判断
visible
:
false
,
tableSourceData
:
[],
evaCount
:
0
,
//评价次数
evaChoose
:
[],
//评价选项
evaFrom
:
[
0
],
// 评价来源
evaDates
:
[
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
],
// 评价日期
content
:
"
此操作将删除该评价信息,是否继续?
"
,
delId
:
null
,
//当前删除id
tHeader
:
[
// 导出的表头名信息
"
部门名称
"
,
"
评价选项
"
,
"
评价人
"
,
"
身份证号码
"
,
"
手机号
"
,
"
评价时间
"
,
"
评价来源
"
,
"
评价设备
"
,
],
filterVal
:
[
// 导出的表头字段名,需要导出表格字段名
"
section
"
,
"
option_id
"
,
"
idcard_Name
"
,
"
idcard_IDCardNo
"
,
"
phone
"
,
"
create_time
"
,
"
pjxt
"
,
"
source
"
,
],
tableSelectedKeys
:
[],
tableSelectedRows
:
[],
};
},
components
:
{
HandlingDetails
,
},
mounted
()
{
this
.
setMoment
();
this
.
togetevalist
();
},
methods
:
{
delTable
()
{
// console.log(this.tableSelectedRows);
this
.
visible
=
true
;
if
(
!
this
.
tableSelectedRows
.
length
)
{
this
.
content
=
"
一条评论都没有选中
"
;
}
else
{
this
.
content
=
"
此操作将删除这些评价信息,是否继续?
"
;
let
arr
=
[];
this
.
tableSelectedRows
.
forEach
((
item
)
=>
{
arr
.
push
(
item
.
id
);
});
this
.
delId
=
arr
;
}
},
},
togetEvaDetil
()
{
watch
:{
getEvaDetil
({
tablePagination
(){
id
:
this
.
delId
,
this
.
togetevalist
()
}).
then
((
res
)
=>
{
{
this
.
delId
=
null
;
this
.
visible
=
false
;
// 要刷新页面
this
.
togetevalist
();
}
}
<<<<<<<
HEAD
},
},
created
(){
created
(){
this
.
baseurl
=
process
.
env
.
VUE_APP_API_PHP_URL
this
.
baseurl
=
process
.
env
.
VUE_APP_API_PHP_URL
}
}
=======
});
},
togetQueEvaData
(
record
)
{
getQueEvaData
({
id
:
record
.
id
,
}).
then
((
res
)
=>
{
console
.
log
(
res
);
const
{
code
,
data
}
=
res
;
if
(
code
==
1
)
{
this
.
$refs
.
HandlingDetails
.
queEvaData
=
data
;
}
});
},
togetEvaData
(
id
)
{
getEvaData
({
id
:
id
,
}).
then
((
res
)
=>
{
const
{
code
,
data
}
=
res
;
if
(
code
==
1
)
{
this
.
$refs
.
HandlingDetails
.
queEvaData
=
data
;
}
});
},
// 搜索
handleSearch
()
{
this
.
tablePagination
.
current
=
1
;
this
.
tableSelectedKeys
=
[];
this
.
tableSelectedRows
=
[];
this
.
togetevalist
();
},
//重置按钮
resetBtn
()
{
this
.
tablePagination
.
current
=
1
;
this
.
tableSelectedKeys
=
[];
this
.
tableSelectedRows
=
[];
this
.
BegindAndEndTime
=
[
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
];
this
.
searchName
=
""
;
this
.
togetevalist
();
},
togetevalist
()
{
// 拼接评价选项
let
chooseStr
=
this
.
evaChoose
.
join
(
"
,
"
);
// 要先拼接评价来源
let
fromString
=
this
.
evaFrom
.
join
(
"
,
"
);
getEvaList
({
page
:
this
.
tablePagination
.
current
,
size
:
this
.
tablePagination
.
pageSize
,
type
:
"
bmpj
"
,
option_id
:
chooseStr
,
pjxt
:
fromString
,
//传0代表全部
time
:
this
.
BegindAndEndTime
,
info
:
this
.
searchName
,
}).
then
((
res
)
=>
{
const
{
code
,
data
}
=
res
;
if
(
code
==
1
)
{
this
.
tableSourceData
=
data
.
data
.
data
;
this
.
evaCount
=
data
.
count
;
this
.
tablePagination
.
total
=
data
.
count
;
}
});
},
changeEvaFrom
(
val
)
{
if
(
val
.
length
)
{
this
.
evaFrom
=
val
;
}
else
{
this
.
evaFrom
=
[
0
];
}
},
changeEvaChoose
(
val
)
{
this
.
evaChoose
=
val
;
},
rangePickerChange
(
val
)
{
this
.
evaDates
=
[
this
.
$moment
(
val
[
0
]).
format
(
"
YYYY-MM-DD
"
),
this
.
$moment
(
val
[
1
]).
format
(
"
YYYY-MM-DD
"
),
];
},
QueueState
(
type
)
{
switch
(
type
)
{
case
0
:
return
"
type1
"
;
case
1
:
return
"
type2
"
;
default
:
return
"
type0
"
;
}
},
//详情模块
openHandlingDetails
(
record
)
{
// 判断为窗口屏或者其他状况,调用不同接口
// if(record.pjxt==1){
// this.$refs.HandlingDetails.modalInfo.title = "办理明细";
// this.$refs.HandlingDetails.modalInfo.show = 1;
// this.togetQueEvaData(record)
// }else{
this
.
$refs
.
HandlingDetails
.
modalInfo
.
title
=
"
评价详情
"
;
this
.
$refs
.
HandlingDetails
.
modalInfo
.
show
=
2
;
this
.
togetEvaData
(
record
.
id
);
// }
this
.
$refs
.
HandlingDetails
.
modalInfo
.
visible
=
true
;
},
//删除模态框
showModal
(
record
)
{
this
.
visible
=
true
;
this
.
delId
=
record
.
id
;
},
// 选中
onSelectChange
(
keys
,
rows
)
{
this
.
tableSelectedKeys
=
keys
;
const
res
=
new
Map
();
this
.
tableSelectedRows
=
[...
this
.
tableSelectedRows
,
...
rows
]
.
filter
((
v
)
=>
{
return
!
res
.
has
(
v
.
id
)
&&
res
.
set
(
v
.
id
,
1
);
})
.
filter
((
v
)
=>
{
return
this
.
tableSelectedKeys
.
some
((
val
)
=>
v
.
id
==
val
);
});
},
// 导出
async
handleExportTable
()
{
this
.
btnLoading
=
true
;
let
obj
=
{
1
:
"
窗口评价
"
,
2
:
"
自助服务终端
"
,
3
:
"
背靠背评价
"
,
4
:
"
微官网
"
,
5
:
"
好差评
"
,
6
:
"
一体化评价
"
,
};
if
(
this
.
tableSelectedKeys
.
length
&&
this
.
tableSelectedRows
.
length
)
{
this
.
tableSelectedRows
.
forEach
((
item
)
=>
{
Object
.
keys
(
obj
).
forEach
((
keys
)
=>
{
if
(
item
.
pjxt
==
keys
)
{
item
.
pjxt
=
obj
[
keys
];
}
});
});
export2Excel
(
this
.
tHeader
,
this
.
filterVal
,
this
.
tableSelectedRows
,
"
办事部门评价记录报表
"
+
this
.
$moment
().
format
(
"
YYYYMMDDHHmmss
"
)
);
}
else
{
// 拼接评价选项
let
chooseStr
=
this
.
evaChoose
.
join
(
"
,
"
);
// 要先拼接评价来源
let
fromString
=
this
.
evaFrom
.
join
(
"
,
"
);
getEvaList
({
page
:
1
,
size
:
-
1
,
type
:
"
bmpj
"
,
option_id
:
chooseStr
,
pjxt
:
fromString
,
//传0代表全部
time
:
this
.
BegindAndEndTime
,
info
:
this
.
searchName
,
}).
then
((
res
)
=>
{
const
{
code
,
data
}
=
res
;
if
(
code
==
1
)
{
if
(
!
data
.
data
.
data
.
length
)
return
;
for
(
let
item
of
data
.
data
.
data
)
{
Object
.
keys
(
obj
).
forEach
((
key
)
=>
{
if
(
item
.
pjxt
==
key
)
{
item
.
pjxt
=
obj
[
key
];
}
});
}
export2Excel
(
this
.
tHeader
,
this
.
filterVal
,
data
.
data
.
data
,
"
办事部门评价记录报表
"
+
this
.
$moment
().
format
(
"
YYYYMMDDHHmmss
"
)
);
}
});
}
this
.
btnLoading
=
false
;
},
},
watch
:
{
tablePagination
()
{
this
.
togetevalist
();
},
},
>>>>>>>
faec875196e6e37db13be22ad308b1e9549236cb
};
};
</
script
>
</
script
>
<
style
lang=
"less"
scoped
>
<
style
lang=
"less"
scoped
>
/deep/.ant-spin-container {
/deep/.ant-spin-container {
display: block;
display: block;
}
}
.header_box {
.header_box {
padding-bottom: 1rem;
padding-bottom: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
& > div {
display: flex;
display: flex;
justify-content:
flex-start
;
justify-content:
space-between
;
align-items: center;
align-items: center;
b {
&>div {
font-style: normal;
display: flex;
font-weight: unset;
justify-content: flex-start;
font-size: 16px;
align-items: center;
margin-left: 20px;
i {
b {
color: #0595fd;
font-style: normal;
font-style: normal;
font-weight: unset;
}
font-size: 16px;
}
margin-left: 20px;
i {
color: #0595fd;
font-style: normal;
}
}
sub {
sub {
font-size: 14px;
font-size: 14px;
font-style: normal;
font-style: normal;
bottom: unset;
bottom: unset;
margin-left: 20px;
margin-left: 20px;
}
}
}
}
}
}
</
style
>
</
style
>
...
...
portal-manager-ui/admin/src/views/dataAdmin/components/evaluationRecordReport/matterEvaluation.vue
View file @
7a9c690c
<
template
>
<
template
>
<<<<<<<
HEAD
<div
class=
"callRecord-Container"
>
<div
class=
"callRecord-Container"
>
<div
class=
"header_box"
>
<div
class=
"header_box"
>
<div>
<div>
...
@@ -25,64 +24,11 @@
...
@@ -25,64 +24,11 @@
<a-select-option
value=
"5"
>
好差评
</a-select-option>
<a-select-option
value=
"5"
>
好差评
</a-select-option>
<a-select-option
value=
"6"
>
一体化评价
</a-select-option>
<a-select-option
value=
"6"
>
一体化评价
</a-select-option>
</a-select>
</a-select>
=======
<div
class=
"callRecord-Container"
>
<div
class=
"header_box"
>
<div>
<a-button
:loading=
"btnLoading"
type=
"success"
@
click=
"handleExportTable"
>
<span>
{{
tableSelectedRows
.
length
?
"
导出
"
:
"
导出全部
"
}}
</span>
</a-button>
<a-button
type=
"danger"
@
click=
"delTable"
>
<span>
批量删除
</span>
</a-button>
<b
>
评价次数:
<i>
{{
evaCount
}}
次
</i></b
>
<sub
>
统计时间段:
{{
BegindAndEndTime
[
0
]
}}
~
{{
BegindAndEndTime
[
1
]
}}
</sub
>
</div>
<span>
<a-space>
<a-select
placeholder=
"全部评价"
@
change=
"changeEvaChoose"
mode=
"multiple"
>
<a-select-option
value=
"非常满意"
>
非常满意
</a-select-option>
<a-select-option
value=
"基本满意"
>
基本满意
</a-select-option>
<a-select-option
value=
"满意"
>
满意
</a-select-option>
<a-select-option
value=
"不满意"
>
不满意
</a-select-option>
<a-select-option
value=
"非常不满意"
>
非常不满意
</a-select-option>
</a-select>
<a-select
placeholder=
"全部来源"
@
change=
"changeEvaFrom"
mode=
"multiple"
>
<a-select-option
value=
"1"
>
窗口评价
</a-select-option>
<a-select-option
value=
"2"
>
自助服务终端
</a-select-option>
<a-select-option
value=
"3"
>
背靠背评价
</a-select-option>
<a-select-option
value=
"4"
>
微官网
</a-select-option>
<a-select-option
value=
"5"
>
好差评
</a-select-option>
<a-select-option
value=
"6"
>
一体化评价
</a-select-option>
</a-select>
>>>>>>> faec875196e6e37db13be22ad308b1e9549236cb
<a-range-picker
<a-range-picker
:allowClear=
"false"
format=
"YYYY年MM月DD日"
class=
"range_picker_style"
@
change=
"rangePickerChange"
allowClear
v-model=
"BegindAndEndTime"
>
format=
"YYYY-MM-DD"
</a-range-picker>
valueFormat=
"YYYY-MM-DD"
class=
"range_picker_style"
v-model=
"BegindAndEndTime"
>
</a-range-picker>
<<<<<<<
HEAD
<a-input
v-model=
"searchName"
placeholder=
"请输入评价人姓名或窗口编号搜索"
>
<a-input
v-model=
"searchName"
placeholder=
"请输入评价人姓名或窗口编号搜索"
>
<a-icon
slot=
"prefix"
type=
"search"
/>
<a-icon
slot=
"prefix"
type=
"search"
/>
</a-input>
</a-input>
...
@@ -111,70 +57,12 @@
...
@@ -111,70 +57,12 @@
{{content}}
{{content}}
</a-modal>
</a-modal>
</div>
</div>
=======
<a-input
v-model=
"searchName"
placeholder=
"请输入内容搜索搜索"
>
<a-icon
slot=
"prefix"
type=
"search"
/>
</a-input>
<a-button
type=
"primary"
@
click=
"handleSearch"
>
搜索
</a-button>
<a-button
@
click=
"resetBtn"
>
重置
</a-button>
</a-space>
</span>
>>>>>>> faec875196e6e37db13be22ad308b1e9549236cb
</div>
</div>
<div
class=
"main"
>
<a-table
size=
"small"
bordered
:row-key=
"(record) => record.id"
:row-selection=
"{
selectedRowKeys: tableSelectedKeys,
onChange: onSelectChange,
}"
:scroll=
"{ y: 590 }"
:pagination=
"tablePagination"
@
change=
"pagTableChange"
:loading=
"tableLoading"
:columns=
"tableHeaders"
:dataSource=
"tableSourceData"
>
<!-- 序号 -->
<span
slot=
"index"
slot-scope=
"text, record, index"
>
{{
(tablePagination.current - 1) * tablePagination.pageSize + index + 1
}}
</span>
<
template
slot=
"评价人照片"
slot-scope=
"text"
>
<a-avatar
v-if=
"!text"
shape=
"square"
:size=
"40"
icon=
"user"
/>
<img
v-else
:src=
"process.env.VUE_APP_API_BASE_URL + text"
alt=
""
srcset=
""
/>
</
template
>
<
template
slot=
"操作"
slot-scope=
"text, record"
>
<a-button
type=
"link"
style=
"color: #ff7370"
@
click=
"showModal(record)"
>
删除
</a-button
>
<a-button
type=
"link"
@
click=
"openHandlingDetails(record)"
>
详情
</a-button
>
</
template
>
</a-table>
<HandlingDetails
ref=
"HandlingDetails"
/>
<a-modal
v-model=
"visible"
title=
"系统提示"
@
ok=
"togetEvaDetil()"
>
{{ content }}
</a-modal>
</div>
</div>
</template>
</template>
<
script
>
<
script
>
import
table
from
"
@/mixins/table
"
;
import
table
from
"
@/mixins/table
"
;
import
{
export2Excel
}
from
"
@/utils/js/exportExcel
"
;
import
HandlingDetails
from
"
./components/HandlingDetails.vue
"
;
import
HandlingDetails
from
"
./components/HandlingDetails.vue
"
;
<<<<<<<
HEAD
import
{
getOptonList
,
getEvaList
,
getEvaData
,
getEvaDetil
,
getQueEvaData
}
from
"
@/api/dataAdmin
"
;
import
{
getOptonList
,
getEvaList
,
getEvaData
,
getEvaDetil
,
getQueEvaData
}
from
"
@/api/dataAdmin
"
;
export
default
{
export
default
{
...
@@ -376,419 +264,169 @@ export default {
...
@@ -376,419 +264,169 @@ export default {
this
.
exportExcel
(
tableColumns
,
newTableData
,
exprotExcelName
);
this
.
exportExcel
(
tableColumns
,
newTableData
,
exprotExcelName
);
}
}
=======
import
{
getEvaList
,
getEvaData
,
getEvaDetil
,
getQueEvaData
,
}
from
"
@/api/dataAdmin
"
;
export
default
{
mixins
:
[
table
],
name
:
"
matterEvaluation
"
,
data
()
{
return
{
btnLoading
:
false
,
tableHeaders
:
[
{
title
:
"
序号
"
,
width
:
"
60px
"
,
align
:
"
center
"
,
scopedSlots
:
{
customRender
:
"
index
"
,
},
>>>>>>>
faec875196e6e37db13be22ad308b1e9549236cb
},
{
title
:
"
排队编号
"
,
align
:
"
center
"
,
customRender
:
(
text
)
=>
{
return
text
.
flounum
?
text
.
flounum
:
"
--
"
;
},
},
},
{
delTable
(){
title
:
"
评价选项
"
,
this
.
visible
=
true
;
align
:
"
center
"
,
if
(
!
this
.
tableSelectedRows
.
length
){
dataIndex
:
"
option_id
"
,
this
.
content
=
'
一条评论都没有选中
'
}
else
{
this
.
content
=
'
此操作将删除这些评价信息,是否继续?
'
let
arr
=
[]
this
.
tableSelectedRows
.
forEach
(
item
=>
{
arr
.
push
(
item
.
id
)
});
this
.
delId
=
arr
}
},
},
{
togetEvaDetil
(){
title
:
"
评价人
"
,
getEvaDetil
({
align
:
"
center
"
,
id
:
this
.
delId
customRender
:
(
text
)
=>
{
}).
then
(
res
=>
{
return
text
.
idcard_Name
?
text
.
idcard_Name
:
"
--
"
;
{
},
this
.
delId
=
null
this
.
visible
=
false
;
// 要刷新页面
this
.
togetevalist
()
}
})
},
},
{
togetQueEvaData
(
record
){
title
:
"
身份证号
"
,
getQueEvaData
({
align
:
"
center
"
,
id
:
record
.
id
customRender
:
(
text
)
=>
{
}).
then
(
res
=>
{
return
text
.
idcard_IDCardNo
?
text
.
idcard_IDCardNo
:
"
--
"
;
console
.
log
(
res
);
},
const
{
code
,
data
}
=
res
if
(
code
==
1
){
this
.
$refs
.
HandlingDetails
.
queEvaData
=
data
}
})
},
},
{
togetEvaData
(
id
){
title
:
"
手机号
"
,
getEvaData
({
align
:
"
center
"
,
id
:
id
customRender
:
(
text
)
=>
{
}).
then
(
res
=>
{
return
text
.
phone
?
text
.
phone
:
"
--
"
;
console
.
log
(
res
);
},
const
{
code
,
data
}
=
res
if
(
code
==
1
){
this
.
$refs
.
HandlingDetails
.
queEvaData
=
data
}
})
},
},
{
togetevalist
(){
title
:
"
评价时间
"
,
// 拼接评价选项
align
:
"
center
"
,
let
chooseStr
=
this
.
evaChoose
.
join
(
'
,
'
)
dataIndex
:
"
create_time
"
,
// 要先拼接评价来源
let
fromString
=
this
.
evaFrom
.
join
(
'
,
'
)
getEvaList
({
page
:
this
.
tablePagination
.
current
,
size
:
this
.
tablePagination
.
pageSize
,
type
:
'
phpj
'
,
option_id
:
chooseStr
,
pjxt
:
fromString
,
//传0代表全部
time
:
this
.
evaDates
,
info
:
this
.
searchName
}).
then
((
res
)
=>
{
console
.
log
(
11111
,
res
);
const
{
code
,
data
}
=
res
;
if
(
code
==
1
){
this
.
tableSourceData
=
data
.
data
.
data
this
.
evaCount
=
data
.
count
this
.
tablePagination
.
total
=
data
.
count
}
})
},
},
{
changeEvaFrom
(
val
){
title
:
"
评价来源
"
,
if
(
val
.
length
){
align
:
"
center
"
,
this
.
evaFrom
=
val
;
dataIndex
:
"
pjxt
"
,
}
else
{
customRender
:
(
text
,
record
,
index
)
=>
{
this
.
evaFrom
=
[
0
]
if
(
text
==
1
)
{
return
"
窗口评价
"
;
}
else
if
(
text
==
2
)
{
return
"
自助服务终端
"
;
}
else
if
(
text
==
3
)
{
return
"
背靠背评价
"
;
}
else
if
(
text
==
4
)
{
return
"
微官网
"
;
}
else
if
(
text
==
5
)
{
return
"
好差评
"
;
}
else
{
return
"
一体化评价
"
;
}
}
},
},
},
{
changeEvaChoose
(
val
){
title
:
"
评价设备
"
,
this
.
evaChoose
=
val
align
:
"
center
"
,
},
dataIndex
:
"
source
"
,
rangePickerChange
(
val
)
{
customRender
:
(
text
,
record
,
index
)
=>
{
this
.
evaDates
=
[
this
.
$moment
(
val
[
0
]).
format
(
"
YYYY-MM-DD
"
),
this
.
$moment
(
val
[
1
]).
format
(
"
YYYY-MM-DD
"
)]
if
(
text
==
1
)
{
},
return
"
安卓
"
;
}
else
if
(
text
==
2
)
{
QueueState
(
type
)
{
return
"
导视机
"
;
switch
(
type
)
{
}
else
{
case
0
:
return
"
微信
"
;
return
"
type1
"
;
case
1
:
return
"
type2
"
;
default
:
return
"
type0
"
;
}
}
},
},
},
{
//详情模块
title
:
"
评价人照片
"
,
openHandlingDetails
(
record
)
{
align
:
"
center
"
,
// 判断为窗口屏或者其他状况,调用不同接口
dataIndex
:
"
picture
"
,
// if(record.pjxt==1){
scopedSlots
:
{
this
.
$refs
.
HandlingDetails
.
modalInfo
.
title
=
"
办理明细
"
;
customRender
:
"
评价人照片
"
,
this
.
$refs
.
HandlingDetails
.
modalInfo
.
show
=
1
;
},
this
.
togetQueEvaData
(
record
)
// }else{
// this.$refs.HandlingDetails.modalInfo.title = "评价详情";
// this.$refs.HandlingDetails.modalInfo.show = 2;
// this.togetEvaData(record.id)
// }
this
.
$refs
.
HandlingDetails
.
modalInfo
.
visible
=
true
;
},
},
{
//删除模态框
title
:
"
操作
"
,
showModal
(
record
)
{
align
:
"
center
"
,
this
.
visible
=
true
;
dataIndex
:
"
操作
"
,
this
.
delId
=
record
.
id
scopedSlots
:
{
customRender
:
"
操作
"
,
},
},
},
],
BegindAndEndTime
:
[
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
],
searchName
:
undefined
,
//删除窗口判断
visible
:
false
,
tableSourceData
:
[],
evaCount
:
0
,
//评价次数
evaChoose
:
[],
//评价选项
evaFrom
:
[
0
],
// 评价来源
evaDates
:
[],
// 评价日期
content
:
"
此操作将删除该评价信息,是否继续?
"
,
delId
:
null
,
//当前删除id
tHeader
:
[
// 导出的表头名信息
"
排队编号
"
,
"
评价选项
"
,
"
评价人
"
,
"
身份证号码
"
,
"
手机号
"
,
"
评价时间
"
,
"
评价来源
"
,
"
评价设备
"
,
],
filterVal
:
[
// 导出的表头字段名,需要导出表格字段名
"
flounum
"
,
"
option_id
"
,
"
idcard_Name
"
,
"
idcard_IDCardNo
"
,
"
phone
"
,
"
create_time
"
,
"
pjxt
"
,
"
source
"
,
],
tableSelectedKeys
:
[],
tableSelectedRows
:
[],
};
},
components
:
{
HandlingDetails
,
},
mounted
()
{
this
.
setMoment
();
this
.
togetevalist
();
},
methods
:
{
delTable
()
{
this
.
visible
=
true
;
if
(
!
this
.
tableSelectedRows
.
length
)
{
this
.
content
=
"
一条评论都没有选中
"
;
}
else
{
this
.
content
=
"
此操作将删除这些评价信息,是否继续?
"
;
let
arr
=
[];
this
.
tableSelectedRows
.
forEach
((
item
)
=>
{
arr
.
push
(
item
.
id
);
});
this
.
delId
=
arr
;
}
},
},
togetEvaDetil
()
{
watch
:{
getEvaDetil
({
tablePagination
(){
id
:
this
.
delId
,
this
.
togetevalist
()
}).
then
((
res
)
=>
{
{
this
.
delId
=
null
;
this
.
visible
=
false
;
// 要刷新页面
this
.
togetevalist
();
}
}
<<<<<<<
HEAD
},
},
created
(){
created
(){
this
.
baseurl
=
process
.
env
.
VUE_APP_API_PHP_URL
this
.
baseurl
=
process
.
env
.
VUE_APP_API_PHP_URL
}
}
=======
});
},
togetQueEvaData
(
record
)
{
getQueEvaData
({
id
:
record
.
id
,
}).
then
((
res
)
=>
{
console
.
log
(
res
);
const
{
code
,
data
}
=
res
;
if
(
code
==
1
)
{
this
.
$refs
.
HandlingDetails
.
queEvaData
=
data
;
}
});
},
togetEvaData
(
id
)
{
getEvaData
({
id
:
id
,
}).
then
((
res
)
=>
{
const
{
code
,
data
}
=
res
;
if
(
code
==
1
)
{
this
.
$refs
.
HandlingDetails
.
queEvaData
=
data
;
}
});
},
// 搜索
handleSearch
()
{
this
.
tablePagination
.
current
=
1
;
this
.
tableSelectedKeys
=
[];
this
.
tableSelectedRows
=
[];
this
.
togetevalist
();
},
//重置按钮
resetBtn
()
{
this
.
tablePagination
.
current
=
1
;
this
.
tableSelectedKeys
=
[];
this
.
tableSelectedRows
=
[];
this
.
BegindAndEndTime
=
[
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
];
this
.
searchName
=
""
;
this
.
togetevalist
();
},
togetevalist
()
{
// 拼接评价选项
let
chooseStr
=
this
.
evaChoose
.
join
(
"
,
"
);
// 要先拼接评价来源
let
fromString
=
this
.
evaFrom
.
join
(
"
,
"
);
getEvaList
({
page
:
this
.
tablePagination
.
current
,
size
:
this
.
tablePagination
.
pageSize
,
type
:
"
phpj
"
,
option_id
:
chooseStr
,
pjxt
:
fromString
,
//传0代表全部
time
:
this
.
BegindAndEndTime
,
info
:
this
.
searchName
,
}).
then
((
res
)
=>
{
const
{
code
,
data
}
=
res
;
if
(
code
==
1
)
{
this
.
tableSourceData
=
data
.
data
.
data
;
this
.
evaCount
=
data
.
count
;
this
.
tablePagination
.
total
=
data
.
count
;
}
});
},
changeEvaFrom
(
val
)
{
if
(
val
.
length
)
{
this
.
evaFrom
=
val
;
}
else
{
this
.
evaFrom
=
[
0
];
}
},
changeEvaChoose
(
val
)
{
this
.
evaChoose
=
val
;
},
QueueState
(
type
)
{
switch
(
type
)
{
case
0
:
return
"
type1
"
;
case
1
:
return
"
type2
"
;
default
:
return
"
type0
"
;
}
},
//详情模块
openHandlingDetails
(
record
)
{
// 判断为窗口屏或者其他状况,调用不同接口
// if(record.pjxt==1){
this
.
$refs
.
HandlingDetails
.
modalInfo
.
title
=
"
办理明细
"
;
this
.
$refs
.
HandlingDetails
.
modalInfo
.
show
=
1
;
this
.
togetQueEvaData
(
record
);
// }else{
// this.$refs.HandlingDetails.modalInfo.title = "评价详情";
// this.$refs.HandlingDetails.modalInfo.show = 2;
// this.togetEvaData(record.id)
// }
this
.
$refs
.
HandlingDetails
.
modalInfo
.
visible
=
true
;
},
//删除模态框
showModal
(
record
)
{
this
.
visible
=
true
;
this
.
delId
=
record
.
id
;
},
// 选中
onSelectChange
(
keys
,
rows
)
{
this
.
tableSelectedKeys
=
keys
;
const
res
=
new
Map
();
this
.
tableSelectedRows
=
[...
this
.
tableSelectedRows
,
...
rows
]
.
filter
((
v
)
=>
{
return
!
res
.
has
(
v
.
id
)
&&
res
.
set
(
v
.
id
,
1
);
})
.
filter
((
v
)
=>
{
return
this
.
tableSelectedKeys
.
some
((
val
)
=>
v
.
id
==
val
);
});
},
// 导出
async
handleExportTable
()
{
this
.
btnLoading
=
true
;
let
obj
=
{
1
:
"
窗口评价
"
,
2
:
"
自助服务终端
"
,
3
:
"
背靠背评价
"
,
4
:
"
微官网
"
,
5
:
"
好差评
"
,
6
:
"
一体化评价
"
,
};
if
(
this
.
tableSelectedKeys
.
length
&&
this
.
tableSelectedRows
.
length
)
{
this
.
tableSelectedRows
.
forEach
((
item
)
=>
{
Object
.
keys
(
obj
).
forEach
((
keys
)
=>
{
if
(
item
.
pjxt
==
keys
)
{
item
.
pjxt
=
obj
[
keys
];
}
});
});
export2Excel
(
this
.
tHeader
,
this
.
filterVal
,
this
.
tableSelectedRows
,
"
办理事项评价评价记录报表
"
+
this
.
$moment
().
format
(
"
YYYYMMDDHHmmss
"
)
);
}
else
{
// 拼接评价选项
let
chooseStr
=
this
.
evaChoose
.
join
(
"
,
"
);
// 要先拼接评价来源
let
fromString
=
this
.
evaFrom
.
join
(
"
,
"
);
getEvaList
({
page
:
1
,
size
:
-
1
,
type
:
"
phpj
"
,
option_id
:
chooseStr
,
pjxt
:
fromString
,
//传0代表全部
time
:
this
.
BegindAndEndTime
,
info
:
this
.
searchName
,
}).
then
((
res
)
=>
{
const
{
code
,
data
}
=
res
;
if
(
code
==
1
)
{
if
(
!
data
.
data
.
data
.
length
)
return
;
for
(
let
item
of
data
.
data
.
data
)
{
Object
.
keys
(
obj
).
forEach
((
key
)
=>
{
if
(
item
.
pjxt
==
key
)
{
item
.
pjxt
=
obj
[
key
];
}
});
}
export2Excel
(
this
.
tHeader
,
this
.
filterVal
,
data
.
data
.
data
,
"
办理事项评价评价记录报表
"
+
this
.
$moment
().
format
(
"
YYYYMMDDHHmmss
"
)
);
}
});
}
this
.
btnLoading
=
false
;
},
},
watch
:
{
tablePagination
()
{
this
.
togetevalist
();
},
},
>>>>>>>
faec875196e6e37db13be22ad308b1e9549236cb
};
};
</
script
>
</
script
>
<
style
lang=
"less"
scoped
>
<
style
lang=
"less"
scoped
>
/deep/.ant-spin-container {
/deep/.ant-spin-container {
display: block;
display: block;
}
}
.header_box {
.header_box {
padding-bottom: 1rem;
padding-bottom: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
& > div {
display: flex;
display: flex;
justify-content:
flex-start
;
justify-content:
space-between
;
align-items: center;
align-items: center;
b {
&>div {
font-style: normal;
display: flex;
font-weight: unset;
justify-content: flex-start;
font-size: 16px;
align-items: center;
margin-left: 20px;
i {
b {
color: #0595fd;
font-style: normal;
font-style: normal;
font-weight: unset;
}
font-size: 16px;
}
margin-left: 20px;
i {
color: #0595fd;
font-style: normal;
}
}
sub {
sub {
font-size: 14px;
font-size: 14px;
font-style: normal;
font-style: normal;
bottom: unset;
bottom: unset;
margin-left: 20px;
margin-left: 20px;
}
}
}
}
}
}
</
style
>
</
style
>
...
...
portal-manager-ui/admin/src/views/dataAdmin/components/evaluationRecordReport/windowEvaluation.vue
View file @
7a9c690c
<
template
>
<
template
>
<<<<<<<
HEAD
<div
class=
"callRecord-Container"
>
<div
class=
"callRecord-Container"
>
<div
class=
"header_box"
>
<div
class=
"header_box"
>
<div>
<div>
...
@@ -25,63 +24,11 @@
...
@@ -25,63 +24,11 @@
<a-select-option
value=
"5"
>
好差评
</a-select-option>
<a-select-option
value=
"5"
>
好差评
</a-select-option>
<a-select-option
value=
"6"
>
一体化评价
</a-select-option>
<a-select-option
value=
"6"
>
一体化评价
</a-select-option>
</a-select>
</a-select>
=======
<div
class=
"callRecord-Container"
>
<div
class=
"header_box"
>
<div>
<a-button
type=
"success"
:loading=
"btnLoading"
@
click=
"handleExportTable"
>
<span>
{{
tableSelectedRows
.
length
?
"
导出
"
:
"
导出全部
"
}}
</span>
</a-button>
<a-button
type=
"danger"
@
click=
"delTable"
>
<span>
批量删除
</span>
</a-button>
<b
>
评价次数:
<i>
{{
evaCount
}}
次
</i></b
>
<sub
>
统计时间段:
{{
BegindAndEndTime
[
0
]
}}
~
{{
BegindAndEndTime
[
1
]
}}
</sub
>
</div>
<span>
<a-space>
<a-select
placeholder=
"全部评价"
@
change=
"changeEvaChoose"
mode=
"multiple"
>
<a-select-option
value=
"非常满意"
>
非常满意
</a-select-option>
<a-select-option
value=
"基本满意"
>
基本满意
</a-select-option>
<a-select-option
value=
"满意"
>
满意
</a-select-option>
<a-select-option
value=
"不满意"
>
不满意
</a-select-option>
<a-select-option
value=
"非常不满意"
>
非常不满意
</a-select-option>
</a-select>
<a-select
placeholder=
"全部来源"
@
change=
"changeEvaFrom"
mode=
"multiple"
>
<a-select-option
value=
"1"
>
窗口评价
</a-select-option>
<a-select-option
value=
"2"
>
自助服务终端
</a-select-option>
<a-select-option
value=
"3"
>
背靠背评价
</a-select-option>
<a-select-option
value=
"4"
>
微官网
</a-select-option>
<a-select-option
value=
"5"
>
好差评
</a-select-option>
<a-select-option
value=
"6"
>
一体化评价
</a-select-option>
</a-select>
>>>>>>> faec875196e6e37db13be22ad308b1e9549236cb
<a-range-picker
<a-range-picker
:allowClear=
"false"
format=
"YYYY年MM月DD日"
class=
"range_picker_style"
@
change=
"rangePickerChange"
format=
"YYYY-MM-DD"
v-model=
"BegindAndEndTime"
>
valueFormat=
"YYYY-MM-DD"
</a-range-picker>
class=
"range_picker_style"
v-model=
"BegindAndEndTime"
>
</a-range-picker>
<<<<<<<
HEAD
<a-input
v-model=
"searchName"
placeholder=
"请输入评价人姓名或窗口编号搜索"
>
<a-input
v-model=
"searchName"
placeholder=
"请输入评价人姓名或窗口编号搜索"
>
<a-icon
slot=
"prefix"
type=
"search"
/>
<a-icon
slot=
"prefix"
type=
"search"
/>
</a-input>
</a-input>
...
@@ -110,70 +57,12 @@
...
@@ -110,70 +57,12 @@
{{content}}
{{content}}
</a-modal>
</a-modal>
</div>
</div>
=======
<a-input
v-model=
"searchName"
placeholder=
"请输入内容搜索搜索"
>
<a-icon
slot=
"prefix"
type=
"search"
/>
</a-input>
<a-button
type=
"primary"
@
click=
"handleSearch"
>
搜索
</a-button>
<a-button
@
click=
"resetBtn"
>
重置
</a-button>
</a-space>
</span>
>>>>>>> faec875196e6e37db13be22ad308b1e9549236cb
</div>
</div>
<div
class=
"main"
>
<a-table
size=
"small"
bordered
:row-key=
"(record) => record.id"
:row-selection=
"{
selectedRowKeys: tableSelectedKeys,
onChange: onSelectChange,
}"
:scroll=
"{ y: 590 }"
:pagination=
"tablePagination"
@
change=
"pagTableChange"
:loading=
"tableLoading"
:columns=
"tableHeaders"
:dataSource=
"tableSourceData"
>
<!-- 序号 -->
<span
slot=
"index"
slot-scope=
"text, record, index"
>
{{
(tablePagination.current - 1) * tablePagination.pageSize + index + 1
}}
</span>
<
template
slot=
"评价人照片"
slot-scope=
"text"
>
<a-avatar
v-if=
"!text"
shape=
"square"
:size=
"40"
icon=
"user"
/>
<img
v-else
:src=
"process.env.VUE_APP_API_BASE_URL + text"
alt=
""
srcset=
""
/>
</
template
>
<
template
slot=
"操作"
slot-scope=
"text, record"
>
<a-button
type=
"link"
style=
"color: #ff7370"
@
click=
"showModal(record)"
>
删除
</a-button
>
<a-button
type=
"link"
@
click=
"openHandlingDetails(record)"
>
详情
</a-button
>
</
template
>
</a-table>
<HandlingDetails
ref=
"HandlingDetails"
/>
<a-modal
v-model=
"visible"
title=
"系统提示"
@
ok=
"togetEvaDetil()"
>
{{ content }}
</a-modal>
</div>
</div>
</template>
</template>
<
script
>
<
script
>
import
table
from
"
@/mixins/table
"
;
import
table
from
"
@/mixins/table
"
;
import
{
export2Excel
}
from
"
@/utils/js/exportExcel
"
;
import
HandlingDetails
from
"
./components/HandlingDetails.vue
"
;
import
HandlingDetails
from
"
./components/HandlingDetails.vue
"
;
<<<<<<<
HEAD
import
{
getOptonList
,
getEvaList
,
getEvaData
,
getEvaDetil
,
getQueEvaData
}
from
"
@/api/dataAdmin
"
;
import
{
getOptonList
,
getEvaList
,
getEvaData
,
getEvaDetil
,
getQueEvaData
}
from
"
@/api/dataAdmin
"
;
export
default
{
export
default
{
...
@@ -373,366 +262,120 @@ export default {
...
@@ -373,366 +262,120 @@ export default {
this
.
exportExcel
(
tableColumns
,
newTableData
,
exprotExcelName
);
this
.
exportExcel
(
tableColumns
,
newTableData
,
exprotExcelName
);
}
}
=======
import
{
getEvaList
,
getEvaData
,
getEvaDetil
,
getQueEvaData
,
}
from
"
@/api/dataAdmin
"
;
export
default
{
mixins
:
[
table
],
name
:
"
windowsEvaluation
"
,
data
()
{
return
{
btnLoading
:
false
,
tableHeaders
:
[
{
title
:
"
序号
"
,
width
:
"
60px
"
,
align
:
"
center
"
,
scopedSlots
:
{
customRender
:
"
index
"
,
},
>>>>>>>
faec875196e6e37db13be22ad308b1e9549236cb
},
},
{
delTable
(){
title
:
"
窗口编号
"
,
this
.
visible
=
true
;
align
:
"
center
"
,
if
(
!
this
.
tableSelectedRows
.
length
){
dataIndex
:
"
flounum
"
,
this
.
content
=
'
一条评论都没有选中
'
},
}
else
{
{
this
.
content
=
'
此操作将删除这些评价信息,是否继续?
'
title
:
"
评价选项
"
,
let
arr
=
[]
align
:
"
center
"
,
this
.
tableSelectedRows
.
forEach
(
item
=>
{
dataIndex
:
"
option_id
"
,
arr
.
push
(
item
.
id
)
},
});
{
this
.
delId
=
arr
title
:
"
评价人
"
,
}
align
:
"
center
"
,
customRender
:
(
text
)
=>
{
return
text
.
idcard_Name
?
text
.
idcard_Name
:
"
--
"
;
},
},
},
{
togetEvaDetil
(){
title
:
"
身份证号
"
,
getEvaDetil
({
align
:
"
center
"
,
id
:
this
.
delId
customRender
:
(
text
)
=>
{
}).
then
(
res
=>
{
return
text
.
idcard_IDCardNo
?
text
.
idcard_IDCardNo
:
"
--
"
;
{
},
this
.
delId
=
null
this
.
visible
=
false
;
// 要刷新页面
this
.
togetevalist
()
}
})
},
},
{
togetQueEvaData
(
record
){
title
:
"
手机号
"
,
getQueEvaData
({
align
:
"
center
"
,
id
:
record
.
id
customRender
:
(
text
)
=>
{
}).
then
(
res
=>
{
return
text
.
phone
?
text
.
phone
:
"
--
"
;
const
{
code
,
data
}
=
res
},
if
(
code
==
1
){
this
.
$refs
.
HandlingDetails
.
queEvaData
=
data
}
})
},
},
{
togetEvaData
(
id
){
title
:
"
评价时间
"
,
getEvaData
({
align
:
"
center
"
,
id
:
id
dataIndex
:
"
create_time
"
,
}).
then
(
res
=>
{
const
{
code
,
data
}
=
res
if
(
code
==
1
){
this
.
$refs
.
HandlingDetails
.
queEvaData
=
data
}
})
},
},
{
togetevalist
(){
title
:
"
评价来源
"
,
// 拼接评价选项
align
:
"
center
"
,
let
chooseStr
=
this
.
evaChoose
.
join
(
'
,
'
)
dataIndex
:
"
pjxt
"
,
// 要先拼接评价来源
customRender
:
(
text
,
record
,
index
)
=>
{
let
fromString
=
this
.
evaFrom
.
join
(
'
,
'
)
if
(
text
==
1
)
{
getEvaList
({
return
"
窗口评价
"
;
page
:
this
.
tablePagination
.
current
,
}
else
if
(
text
==
2
)
{
size
:
this
.
tablePagination
.
pageSize
,
return
"
自助服务终端
"
;
type
:
'
ckpj
'
,
}
else
if
(
text
==
3
)
{
option_id
:
chooseStr
,
return
"
背靠背评价
"
;
pjxt
:
fromString
,
//传0代表全部
}
else
if
(
text
==
4
)
{
time
:
this
.
evaDates
,
return
"
微官网
"
;
info
:
this
.
searchName
}
else
if
(
text
==
5
)
{
}).
then
((
res
)
=>
{
return
"
好差评
"
;
const
{
code
,
data
}
=
res
;
}
else
{
if
(
code
==
1
){
return
"
一体化评价
"
;
this
.
tableSourceData
=
data
.
data
.
data
}
this
.
evaCount
=
data
.
count
},
this
.
tablePagination
.
total
=
data
.
count
}
})
},
},
{
changeEvaFrom
(
val
){
title
:
"
评价设备
"
,
if
(
val
.
length
){
align
:
"
center
"
,
this
.
evaFrom
=
val
;
dataIndex
:
"
source
"
,
}
else
{
customRender
:
(
text
,
record
,
index
)
=>
{
this
.
evaFrom
=
[
0
]
if
(
text
==
1
)
{
return
"
安卓
"
;
}
else
if
(
text
==
2
)
{
return
"
导视机
"
;
}
else
{
return
"
微信
"
;
}
}
},
},
},
{
changeEvaChoose
(
val
){
title
:
"
评价人照片
"
,
this
.
evaChoose
=
val
align
:
"
center
"
,
dataIndex
:
"
picture
"
,
scopedSlots
:
{
customRender
:
"
评价人照片
"
,
},
},
},
{
rangePickerChange
(
val
)
{
title
:
"
操作
"
,
this
.
evaDates
=
[
this
.
$moment
(
val
[
0
]).
format
(
"
YYYY-MM-DD
"
),
this
.
$moment
(
val
[
1
]).
format
(
"
YYYY-MM-DD
"
)]
align
:
"
center
"
,
dataIndex
:
"
操作
"
,
scopedSlots
:
{
customRender
:
"
操作
"
,
},
},
},
],
BegindAndEndTime
:
[
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
],
// 评价日期
searchName
:
undefined
,
// 搜索内容
//删除窗口判断
visible
:
false
,
tableSourceData
:
[],
evaCount
:
0
,
//评价次数
evaChoose
:
[],
//评价选项
evaFrom
:
[
0
],
// 评价来源
// evaDates: [], // 评价日期
content
:
"
此操作将删除该评价信息,是否继续?
"
,
delId
:
null
,
//当前删除id
tableSelectedKeys
:
[],
tableSelectedRows
:
[],
tHeader
:
[
// 导出的表头名信息
"
窗口编号
"
,
"
评价选项
"
,
"
评价人
"
,
"
身份证号码
"
,
"
手机号
"
,
"
评价时间
"
,
"
评价来源
"
,
"
评价设备
"
,
],
filterVal
:
[
// 导出的表头字段名,需要导出表格字段名
"
flounum
"
,
"
option_id
"
,
"
idcard_Name
"
,
"
idcard_IDCardNo
"
,
"
phone
"
,
"
create_time
"
,
"
pjxt
"
,
"
source
"
,
],
};
},
components
:
{
HandlingDetails
,
},
mounted
()
{
this
.
setMoment
();
this
.
togetevalist
();
},
methods
:
{
delTable
()
{
this
.
visible
=
true
;
if
(
!
this
.
tableSelectedRows
.
length
)
{
this
.
content
=
"
一条评论都没有选中
"
;
}
else
{
this
.
content
=
"
此操作将删除这些评价信息,是否继续?
"
;
let
arr
=
[];
this
.
tableSelectedRows
.
forEach
((
item
)
=>
{
arr
.
push
(
item
.
id
);
});
this
.
delId
=
arr
;
}
},
togetEvaDetil
()
{
getEvaDetil
({
id
:
this
.
delId
,
}).
then
((
res
)
=>
{
{
this
.
delId
=
null
;
this
.
visible
=
false
;
// 要刷新页面
this
.
togetevalist
();
}
});
},
togetQueEvaData
(
record
)
{
getQueEvaData
({
id
:
record
.
id
,
}).
then
((
res
)
=>
{
const
{
code
,
data
}
=
res
;
if
(
code
==
1
)
{
this
.
$refs
.
HandlingDetails
.
queEvaData
=
data
;
}
});
},
togetEvaData
(
id
)
{
getEvaData
({
id
:
id
,
}).
then
((
res
)
=>
{
const
{
code
,
data
}
=
res
;
if
(
code
==
1
)
{
this
.
$refs
.
HandlingDetails
.
queEvaData
=
data
;
}
});
},
// 搜索
handleSearch
()
{
this
.
tablePagination
.
current
=
1
;
this
.
tableSelectedKeys
=
[];
this
.
tableSelectedRows
=
[];
this
.
togetevalist
();
},
//重置按钮
resetBtn
()
{
this
.
tablePagination
.
current
=
1
;
this
.
tableSelectedKeys
=
[];
this
.
tableSelectedRows
=
[];
this
.
BegindAndEndTime
=
[
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
this
.
$moment
(
new
Date
()).
format
(
"
YYYY-MM-DD
"
),
];
this
.
searchName
=
""
;
this
.
togetevalist
();
},
togetevalist
()
{
// 拼接评价选项
let
chooseStr
=
this
.
evaChoose
.
join
(
"
,
"
);
// 要先拼接评价来源
let
fromString
=
this
.
evaFrom
.
join
(
"
,
"
);
getEvaList
({
page
:
this
.
tablePagination
.
current
,
size
:
this
.
tablePagination
.
pageSize
,
type
:
"
ckpj
"
,
option_id
:
chooseStr
,
pjxt
:
fromString
,
//传0代表全部
time
:
this
.
BegindAndEndTime
,
info
:
this
.
searchName
,
}).
then
((
res
)
=>
{
const
{
code
,
data
}
=
res
;
if
(
code
==
1
)
{
this
.
tableSourceData
=
data
.
data
.
data
;
this
.
evaCount
=
data
.
count
;
this
.
tablePagination
.
total
=
data
.
count
;
}
});
},
changeEvaFrom
(
val
)
{
if
(
val
.
length
)
{
this
.
evaFrom
=
val
;
}
else
{
this
.
evaFrom
=
[
0
];
}
},
changeEvaChoose
(
val
)
{
this
.
evaChoose
=
val
;
},
QueueState
(
type
)
{
switch
(
type
)
{
case
0
:
return
"
type1
"
;
case
1
:
return
"
type2
"
;
default
:
QueueState
(
type
)
{
return
"
type0
"
;
switch
(
type
)
{
}
case
0
:
},
return
"
type1
"
;
//详情模块
case
1
:
openHandlingDetails
(
record
)
{
return
"
type2
"
;
// 判断为窗口屏或者其他状况,调用不同接口
if
(
record
.
pjxt
==
1
)
{
this
.
$refs
.
HandlingDetails
.
modalInfo
.
title
=
"
办理明细
"
;
this
.
$refs
.
HandlingDetails
.
modalInfo
.
show
=
1
;
this
.
togetQueEvaData
(
record
);
}
else
{
this
.
$refs
.
HandlingDetails
.
modalInfo
.
title
=
"
评价详情
"
;
this
.
$refs
.
HandlingDetails
.
modalInfo
.
show
=
2
;
this
.
togetEvaData
(
record
.
id
);
}
this
.
$refs
.
HandlingDetails
.
modalInfo
.
visible
=
true
;
default
:
},
return
"
type0
"
;
//删除模态框
showModal
(
record
)
{
this
.
visible
=
true
;
this
.
delId
=
record
.
id
;
},
// 选中
onSelectChange
(
keys
,
rows
)
{
this
.
tableSelectedKeys
=
keys
;
const
res
=
new
Map
();
this
.
tableSelectedRows
=
[...
this
.
tableSelectedRows
,
...
rows
]
.
filter
((
v
)
=>
{
return
!
res
.
has
(
v
.
id
)
&&
res
.
set
(
v
.
id
,
1
);
})
.
filter
((
v
)
=>
{
return
this
.
tableSelectedKeys
.
some
((
val
)
=>
v
.
id
==
val
);
});
},
// 导出
async
handleExportTable
()
{
this
.
btnLoading
=
true
;
let
obj
=
{
1
:
"
窗口评价
"
,
2
:
"
自助服务终端
"
,
3
:
"
背靠背评价
"
,
4
:
"
微官网
"
,
5
:
"
好差评
"
,
6
:
"
一体化评价
"
,
};
if
(
this
.
tableSelectedKeys
.
length
&&
this
.
tableSelectedRows
.
length
)
{
this
.
tableSelectedRows
.
forEach
((
item
)
=>
{
Object
.
keys
(
obj
).
forEach
((
keys
)
=>
{
if
(
item
.
pjxt
==
keys
)
{
item
.
pjxt
=
obj
[
keys
];
}
}
});
},
});
//详情模块
export2Excel
(
openHandlingDetails
(
record
)
{
this
.
tHeader
,
// 判断为窗口屏或者其他状况,调用不同接口
this
.
filterVal
,
if
(
record
.
pjxt
==
1
){
this
.
tableSelectedRows
,
this
.
$refs
.
HandlingDetails
.
modalInfo
.
title
=
"
办理明细
"
;
"
窗口服务评价记录报表
"
+
this
.
$moment
().
format
(
"
YYYYMMDDHHmmss
"
)
this
.
$refs
.
HandlingDetails
.
modalInfo
.
show
=
1
;
);
this
.
togetQueEvaData
(
record
)
}
else
{
}
else
{
// 拼接评价选项
this
.
$refs
.
HandlingDetails
.
modalInfo
.
title
=
"
评价详情
"
;
let
chooseStr
=
this
.
evaChoose
.
join
(
"
,
"
);
this
.
$refs
.
HandlingDetails
.
modalInfo
.
show
=
2
;
// 要先拼接评价来源
this
.
togetEvaData
(
record
.
id
)
let
fromString
=
this
.
evaFrom
.
join
(
"
,
"
);
getEvaList
({
page
:
1
,
size
:
-
1
,
type
:
"
ckpj
"
,
option_id
:
chooseStr
,
pjxt
:
fromString
,
//传0代表全部
time
:
this
.
BegindAndEndTime
,
info
:
this
.
searchName
,
}).
then
((
res
)
=>
{
const
{
code
,
data
}
=
res
;
if
(
code
==
1
)
{
if
(
!
data
.
data
.
data
.
length
)
return
;
for
(
let
item
of
data
.
data
.
data
)
{
Object
.
keys
(
obj
).
forEach
((
key
)
=>
{
if
(
item
.
pjxt
==
key
)
{
item
.
pjxt
=
obj
[
key
];
}
});
}
}
export2Excel
(
this
.
tHeader
,
this
.
$refs
.
HandlingDetails
.
modalInfo
.
visible
=
true
;
this
.
filterVal
,
},
data
.
data
.
data
,
//删除模态框
"
窗口服务评价记录报表
"
+
this
.
$moment
().
format
(
"
YYYYMMDDHHmmss
"
)
showModal
(
record
)
{
);
this
.
visible
=
true
;
}
this
.
delId
=
record
.
id
});
},
}
this
.
btnLoading
=
false
;
},
},
<<<<<<<
HEAD
watch
:{
watch
:{
tablePagination
(){
tablePagination
(){
this
.
togetevalist
()
this
.
togetevalist
()
...
@@ -741,59 +384,25 @@ export default {
...
@@ -741,59 +384,25 @@ export default {
created
(){
created
(){
this
.
baseurl
=
process
.
env
.
VUE_APP_API_PHP_URL
this
.
baseurl
=
process
.
env
.
VUE_APP_API_PHP_URL
}
}
=======
},
watch
:
{
tablePagination
()
{
this
.
togetevalist
();
},
},
>>>>>>>
faec875196e6e37db13be22ad308b1e9549236cb
};
};
</
script
>
</
script
>
<
style
lang=
"less"
scoped
>
<
style
lang=
"less"
scoped
>
/deep/.ant-spin-container {
/deep/.ant-spin-container {
display: block;
display: block;
}
}
.header_box {
.header_box {
padding-bottom: 1rem;
padding-bottom: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
& > div {
display: flex;
display: flex;
justify-content:
flex-start
;
justify-content:
space-between
;
align-items: center;
align-items: center;
<<<<<<< HEAD
&>div {
&>div {
display: flex;
display: flex;
justify-content: flex-start;
justify-content: flex-start;
align-items: center;
align-items: center;
=======
b {
font-style: normal;
font-weight: unset;
font-size: 16px;
margin-left: 20px;
i {
color: #0595fd;
font-style: normal;
}
}
sub {
font-size: 14px;
font-style: normal;
bottom: unset;
margin-left: 20px;
>>>>>>> faec875196e6e37db13be22ad308b1e9549236cb
}
}
}
}
}
</
style
>
</
style
>
...
...
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