<template>
|
<div class="box-a">
|
<v-header
|
title="反馈记录"
|
:bar="bar"
|
search
|
@on-search="onSearch"
|
:reset="headerReset"
|
></v-header>
|
<div class="but">
|
<el-button @click="exports" size="small" type="primary">导出</el-button>
|
</div>
|
<div>
|
<v-tool-table :trs="trs" :tds="tds">
|
<template v-slot:imgList="item">
|
<el-image
|
v-if="item.scope.photo.length"
|
style="width: 50px; height: 50px"
|
fit="cover"
|
:src="item.scope.photo[0]"
|
:preview-src-list="item.scope.photo"
|
>
|
</el-image>
|
<span class="seeimg" v-if="item.scope.photo.length"
|
>点击查看图片</span
|
>
|
</template>
|
</v-tool-table>
|
</div>
|
<v-tool-page :item="paged" @on-page="onPage"></v-tool-page>
|
</div>
|
</template>
|
<script>
|
export default {
|
name: "index",
|
props: [],
|
components: {},
|
data() {
|
return {
|
retsub: false, //防连点 节流
|
dialogVisible: false,
|
Authorization: "",
|
bar: [
|
{ title: "用户昵称", name: "phone" },
|
{ title: "用户姓名", name: "name" }
|
],
|
tds: [],
|
trs: [
|
{ text: "序号", val: "index" },
|
{ text: "用户昵称", val: "createAt" },
|
{ text: "用户姓名", val: "name" },
|
{ text: "电话", val: "phone" },
|
{ text: "体验反馈", val: "experienceContent" },
|
{ text: "上传时间", val: "creationTime" }
|
],
|
search: {},
|
os: {
|
areaId: "",
|
cardNo: "",
|
userName: "",
|
mobile: "",
|
brand: "",
|
plateNum: "",
|
color: ""
|
},
|
options: [], //小区列表
|
paged: { page: 0, total: 10, r: 0, limit: 10 },
|
headerReset: 0,
|
dialogVisibleTitle: false, // 编辑为true
|
tagsList: []
|
};
|
},
|
created() {
|
this.Authorization = "Bearer " + demo.$session.get("token") || "";
|
this.init();
|
},
|
watch: {},
|
computed: {},
|
methods: {
|
exports() {
|
//导出
|
let data = Object.assign(this.search, {
|
pageNum: this.paged.page,
|
pageSize: this.paged.limit,
|
activityId: this.$route.params.id
|
});
|
this.$api.post("communityactivity/evaluate/export", data, e => {
|
window.location.href = e;
|
});
|
},
|
onSearch(e) {
|
e.startTime = e.timeArr ? e.timeArr[0] : "";
|
e.endTime = e.timeArr ? e.timeArr[1] : "";
|
delete e.timeArr;
|
this.search = e;
|
this.init();
|
},
|
init() {
|
let data = Object.assign(this.search, {
|
pageNum: this.paged.page,
|
pageSize: this.paged.limit,
|
activityId: this.$route.params.id,
|
isFeedback: 1
|
});
|
this.$api.get("Jinhui/applyExperienceGetList", data, e => {
|
e.records.map((item, index) => {
|
item.index = (this.paged.page - 1) * this.paged.limit + index + 1;
|
item.starLevel = this.reText(item.starLevel);
|
});
|
this.paged.total = e.total;
|
this.tds = e.records;
|
});
|
},
|
reText(t) {
|
let text = "-";
|
switch (t) {
|
case 1: {
|
text = "一星";
|
break;
|
}
|
case 2: {
|
text = "二星";
|
break;
|
}
|
case 3: {
|
text = "三星";
|
break;
|
}
|
case 4: {
|
text = "四星";
|
break;
|
}
|
case 5: {
|
text = "五星";
|
break;
|
}
|
default: {
|
text = "-";
|
break;
|
}
|
}
|
return text;
|
},
|
onPage(v) {
|
//分页
|
if (v.page === this.paged.page && v.page && !v.reset) {
|
return 0;
|
}
|
this.paged.page = v.page;
|
this.paged.limit = v.limit;
|
this.init();
|
}
|
}
|
};
|
</script>
|
<style scoped>
|
.table td img,
|
.table th img,
|
table td img,
|
table th img {
|
vertical-align: middle !important;
|
max-height: inherit !important;
|
max-width: 100% !important;
|
}
|
.seeimg {
|
display: block;
|
font-size: 12px;
|
text-align: center;
|
line-height: 0;
|
color: #409eff;
|
}
|
.box-a {
|
overflow: scroll;
|
}
|
.but {
|
padding-bottom: 20px;
|
display: flex;
|
}
|
.upload-box {
|
margin: 0 16px;
|
}
|
</style>
|
<style>
|
.el-image-viewer__canvas img {
|
width: auto !important;
|
}
|
.el-image-viewer__img {
|
width: auto !important;
|
}
|
</style>
|
