Commit 4a3e39cb authored by “yiyousong”'s avatar “yiyousong”

feat:添加微官网注册报表

parent 72b270e3
...@@ -129,3 +129,11 @@ export function getStorageList(params) { ...@@ -129,3 +129,11 @@ export function getStorageList(params) {
export function getOtherList(params) { export function getOtherList(params) {
return http.post(`${BASEURL}/pickup/reportform/otherlist`, params); return http.post(`${BASEURL}/pickup/reportform/otherlist`, params);
} }
/**
* 微官网注册报表
*/
// 获取报表数据
export function getRigusersList(params) {
return http.get(`${BASEURL}/admin/reportforms/rigusers`, params);
}
...@@ -409,9 +409,10 @@ export default { ...@@ -409,9 +409,10 @@ export default {
5: "好差评", 5: "好差评",
6: "一体化评价", 6: "一体化评价",
}; };
let data = [];
if (this.tableSelectedKeys.length && this.tableSelectedRows.length) { if (this.tableSelectedKeys.length && this.tableSelectedRows.length) {
// 深度克隆避免影响页面表格展示 // 深度克隆避免影响页面表格展示
let data = this.$_.cloneDeep(this.tableSelectedRows); data = this.$_.cloneDeep(this.tableSelectedRows);
data.forEach((item) => { data.forEach((item) => {
Object.keys(obj).forEach((keys) => { Object.keys(obj).forEach((keys) => {
if (item.pjxt == keys) { if (item.pjxt == keys) {
...@@ -419,14 +420,8 @@ export default { ...@@ -419,14 +420,8 @@ export default {
} }
}); });
}); });
export2Excel(
this.tHeader,
this.filterVal,
data,
"办事部门评价记录报表" + this.$moment().format("YYYYMMDDHHmmss")
);
} else { } else {
let data = this.$_.cloneDeep( data = this.$_.cloneDeep(
await this.togetevalist({ await this.togetevalist({
page: 1, page: 1,
size: -1, size: -1,
...@@ -440,13 +435,13 @@ export default { ...@@ -440,13 +435,13 @@ export default {
} }
}); });
} }
}
export2Excel( export2Excel(
this.tHeader, this.tHeader,
this.filterVal, this.filterVal,
data, data,
"办事部门评价记录报表" + this.$moment().format("YYYYMMDDHHmmss") "办事部门评价记录报表" + this.$moment().format("YYYYMMDDHHmmss")
); );
}
this.btnLoading = false; this.btnLoading = false;
}, },
// 删除 // 删除
......
...@@ -412,9 +412,10 @@ export default { ...@@ -412,9 +412,10 @@ export default {
5: "好差评", 5: "好差评",
6: "一体化评价", 6: "一体化评价",
}; };
let data = [];
if (this.tableSelectedKeys.length && this.tableSelectedRows.length) { if (this.tableSelectedKeys.length && this.tableSelectedRows.length) {
// 深度克隆避免影响页面表格展示 // 深度克隆避免影响页面表格展示
let data = this.$_.cloneDeep(this.tableSelectedRows); data = this.$_.cloneDeep(this.tableSelectedRows);
data.forEach((item) => { data.forEach((item) => {
Object.keys(obj).forEach((keys) => { Object.keys(obj).forEach((keys) => {
if (item.pjxt == keys) { if (item.pjxt == keys) {
...@@ -422,14 +423,8 @@ export default { ...@@ -422,14 +423,8 @@ export default {
} }
}); });
}); });
export2Excel(
this.tHeader,
this.filterVal,
data,
"办理事项评价记录报表" + this.$moment().format("YYYYMMDDHHmmss")
);
} else { } else {
let data = this.$_.cloneDeep( data = this.$_.cloneDeep(
await this.togetevalist({ await this.togetevalist({
page: 1, page: 1,
size: -1, size: -1,
...@@ -443,13 +438,13 @@ export default { ...@@ -443,13 +438,13 @@ export default {
} }
}); });
} }
}
export2Excel( export2Excel(
this.tHeader, this.tHeader,
this.filterVal, this.filterVal,
data, data,
"办理事项评价记录报表" + this.$moment().format("YYYYMMDDHHmmss") "办理事项评价记录报表" + this.$moment().format("YYYYMMDDHHmmss")
); );
}
this.btnLoading = false; this.btnLoading = false;
}, },
// 删除 // 删除
......
...@@ -415,9 +415,10 @@ export default { ...@@ -415,9 +415,10 @@ export default {
5: "好差评", 5: "好差评",
6: "一体化评价", 6: "一体化评价",
}; };
let data = [];
if (this.tableSelectedKeys.length && this.tableSelectedRows.length) { if (this.tableSelectedKeys.length && this.tableSelectedRows.length) {
// 深度克隆避免影响页面表格展示 // 深度克隆避免影响页面表格展示
let data = this.$_.cloneDeep(this.tableSelectedRows); data = this.$_.cloneDeep(this.tableSelectedRows);
data.forEach((item) => { data.forEach((item) => {
Object.keys(obj).forEach((keys) => { Object.keys(obj).forEach((keys) => {
if (item.pjxt == keys) { if (item.pjxt == keys) {
...@@ -425,14 +426,8 @@ export default { ...@@ -425,14 +426,8 @@ export default {
} }
}); });
}); });
export2Excel(
this.tHeader,
this.filterVal,
data,
"窗口服务评价记录报表" + this.$moment().format("YYYYMMDDHHmmss")
);
} else { } else {
let data = this.$_.cloneDeep( data = this.$_.cloneDeep(
await this.togetevalist({ await this.togetevalist({
page: 1, page: 1,
size: -1, size: -1,
...@@ -446,13 +441,13 @@ export default { ...@@ -446,13 +441,13 @@ export default {
} }
}); });
} }
}
export2Excel( export2Excel(
this.tHeader, this.tHeader,
this.filterVal, this.filterVal,
data, data,
"窗口服务评价记录报表" + this.$moment().format("YYYYMMDDHHmmss") "窗口服务评价记录报表" + this.$moment().format("YYYYMMDDHHmmss")
); );
}
this.btnLoading = false; this.btnLoading = false;
}, },
// 删除 // 删除
......
...@@ -301,9 +301,10 @@ export default { ...@@ -301,9 +301,10 @@ export default {
1: "本地打印", 1: "本地打印",
2: "在线提交", 2: "在线提交",
}; };
let data = [];
if (this.tableSelectedKeys.length && this.tableSelectedRows.length) { if (this.tableSelectedKeys.length && this.tableSelectedRows.length) {
// 深度克隆避免影响页面表格展示 // 深度克隆避免影响页面表格展示
let data = this.$_.cloneDeep(this.tableSelectedRows); data = this.$_.cloneDeep(this.tableSelectedRows);
data.forEach((item) => { data.forEach((item) => {
Object.keys(obj).forEach((keys) => { Object.keys(obj).forEach((keys) => {
if (item.type == keys) { if (item.type == keys) {
...@@ -311,14 +312,8 @@ export default { ...@@ -311,14 +312,8 @@ export default {
} }
}); });
}); });
export2Excel(
this.tHeader,
this.filterVal,
data,
"填单记录报表" + this.$moment().format("YYYYMMDDHHmmss")
);
} else { } else {
let data = this.$_.cloneDeep( data = this.$_.cloneDeep(
await this.togetPrintList({ page: 1, size: -1 }) await this.togetPrintList({ page: 1, size: -1 })
); );
if (!data.length) return; if (!data.length) return;
...@@ -329,13 +324,13 @@ export default { ...@@ -329,13 +324,13 @@ export default {
} }
}); });
} }
}
export2Excel( export2Excel(
this.tHeader, this.tHeader,
this.filterVal, this.filterVal,
data, data,
"填单记录报表" + this.$moment().format("YYYYMMDDHHmmss") "填单记录报表" + this.$moment().format("YYYYMMDDHHmmss")
); );
}
this.btnLoading = false; this.btnLoading = false;
}, },
}, },
......
...@@ -332,9 +332,10 @@ export default { ...@@ -332,9 +332,10 @@ export default {
// 导出 // 导出
async handleExportTable() { async handleExportTable() {
this.btnLoading = true; this.btnLoading = true;
let data = [];
if (this.tableSelectedKeys.length && this.tableSelectedRows.length) { if (this.tableSelectedKeys.length && this.tableSelectedRows.length) {
// 深度克隆避免影响页面表格展示 // 深度克隆避免影响页面表格展示
let data = this.$_.cloneDeep(this.tableSelectedRows); data = this.$_.cloneDeep(this.tableSelectedRows);
for (let item of data) { for (let item of data) {
Object.keys(this.statusItem).forEach((key) => { Object.keys(this.statusItem).forEach((key) => {
if (item.status == key) { if (item.status == key) {
...@@ -342,14 +343,8 @@ export default { ...@@ -342,14 +343,8 @@ export default {
} }
}); });
} }
export2Excel(
this.tHeader,
this.filterVal,
data,
"预约记录报表" + this.$moment().format("YYYYMMDDHHmmss")
);
} else { } else {
let data = this.$_.cloneDeep( data = this.$_.cloneDeep(
await this.getOrderList({ page: 1, size: -1 }) await this.getOrderList({ page: 1, size: -1 })
); );
if (!data.length) return; if (!data.length) return;
...@@ -360,13 +355,13 @@ export default { ...@@ -360,13 +355,13 @@ export default {
} }
}); });
} }
}
export2Excel( export2Excel(
this.tHeader, this.tHeader,
this.filterVal, this.filterVal,
data, data,
"预约记录报表" + this.$moment().format("YYYYMMDDHHmmss") "预约记录报表" + this.$moment().format("YYYYMMDDHHmmss")
); );
}
this.btnLoading = false; this.btnLoading = false;
}, },
}, },
......
<template> <template>
<div> <div>
<a-drawer title="用户详情" placement="right" :closable="false" :visible="visible" closable @close="onClose" <a-drawer
width="600"> title="用户详情"
:visible="visible"
width="600"
@close="Visible = false"
>
<div class="drawerMain"> <div class="drawerMain">
<div class="drawerMain-top"> <div class="drawerMain-top">
<a-avatar :size="64" icon="user" /> <a-avatar :size="64" icon="user" />
<div class="drawer-user"> <div class="drawer-user">
<span>NICKNAME</span> <span>{{ userInfo.nickname || "--" }}</span>
<span class="userTips">实名认证</span> <span class="userTips">实名认证</span>
<div class="userInfo"> <div class="userInfo">{{ userInfo.idcard_Sex }},四川,成都</div>
男,四川,成都
</div>
</div> </div>
<div class="someUserInfo"> <div class="someUserInfo">
<div class="infoBox"> <div class="infoBox">
<span class="infoTitle">openid:</span> <span class="infoTitle">openid:</span>
<span class="infoContent">OPENID</span> <span class="infoContent">{{ userInfo.openid }}</span>
</div> </div>
<div class="infoBox"> <div class="infoBox">
<span class="infoTitle">授权时间:</span> <span class="infoTitle">授权时间:</span>
<span class="infoContent">2022-11-07 16:00:00</span> <span class="infoContent">{{ userInfo.create_time }}</span>
</div> </div>
<div class="infoBox"> <div class="infoBox">
<span class="infoTitle">最近访问时间:</span> <span class="infoTitle">最近访问时间:</span>
<span class="infoContent">2022-11-07 16:00:00</span> <span class="infoContent">{{ userInfo.last_time || "--" }}</span>
</div> </div>
</div> </div>
<a-divider /> <a-divider />
...@@ -34,25 +36,27 @@ ...@@ -34,25 +36,27 @@
</div> </div>
<div class="infoBox"> <div class="infoBox">
<span class="infoTitle">姓名:</span> <span class="infoTitle">姓名:</span>
<span class="infoContent">刘德华</span> <span class="infoContent">{{ userInfo.idcard_Name }}</span>
</div> </div>
<div class="infoBox"> <div class="infoBox">
<span class="infoTitle">身份证号:</span> <span class="infoTitle">身份证号:</span>
<span class="infoContent">513821199303021234</span> <span class="infoContent">{{ userInfo.idcard_IDCardNo }}</span>
</div> </div>
<div class="infoBox"> <div class="infoBox">
<span class="infoTitle imgBox">身份证人像面:</span> <span class="infoTitle imgBox">身份证人像面:</span>
<span class="infoContent"> <span class="infoContent">
<img src="@/assets/images/logo.png" alt=""> <img v-if="userInfo.z_img" :src="userInfo.z_img" />
<span v-else>--</span>
</span> </span>
</div> </div>
<div class="infoBox"> <div class="infoBox">
<span class="infoTitle imgBox">身份证国徽面:</span> <span class="infoTitle imgBox">身份证国徽面:</span>
<span class="infoContent"> <span class="infoContent">
<img src="@/assets/images/logo.png" alt=""> <img v-if="userInfo.b_img" :src="userInfo.z_img" />
<span v-else>--</span>
</span> </span>
</div> </div>
<div class="infoBox"> <!-- <div class="infoBox">
<span class="infoTitle">人脸认证:</span> <span class="infoTitle">人脸认证:</span>
<span class="infoContent"> <span class="infoContent">
<span class="state">已通过</span> <span class="state">已通过</span>
...@@ -61,14 +65,16 @@ ...@@ -61,14 +65,16 @@
<div class="infoBox"> <div class="infoBox">
<span class="infoTitle">认证时间:</span> <span class="infoTitle">认证时间:</span>
<span class="infoContent">513821199303021234</span> <span class="infoContent">513821199303021234</span>
</div> </div> -->
</div> </div>
<a-divider /> <a-divider />
<div class="someUserInfo"> <!-- <div class="someUserInfo">
<b>区块链信息</b> <b>区块链信息</b>
<div class="infoBox"> <div class="infoBox">
<span class="infoTitle">哈希值:</span> <span class="infoTitle">哈希值:</span>
<span class="infoContent">nd68as4d654q5w4d21ccx1cv5adsdaawqewd1c1c1zsda1s1gd2sa2</span> <span class="infoContent"
>nd68as4d654q5w4d21ccx1cv5adsdaawqewd1c1c1zsda1s1gd2sa2</span
>
</div> </div>
<div class="infoBox"> <div class="infoBox">
<span class="infoTitle">区块高度:</span> <span class="infoTitle">区块高度:</span>
...@@ -78,7 +84,7 @@ ...@@ -78,7 +84,7 @@
<span class="infoTitle">创建时间:</span> <span class="infoTitle">创建时间:</span>
<span class="infoContent">2022-11-07 16:00:00</span> <span class="infoContent">2022-11-07 16:00:00</span>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
</a-drawer> </a-drawer>
...@@ -87,16 +93,33 @@ ...@@ -87,16 +93,33 @@
<script> <script>
export default { export default {
name:"FormDetails", name: "FormDetails",
props:{ props: {
visible:Boolean visible: {
type: Boolean,
required: true,
default: false,
}, },
methods:{ userInfo: {
onClose(){ type: Object,
this.$emit('onClose') required: true,
} default: () => {
} return {};
} },
},
},
computed: {
Visible: {
get() {
return this.visible;
},
set(val) {
this.$emit("update:visible", val);
},
},
},
methods: {},
};
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
...@@ -115,8 +138,8 @@ export default { ...@@ -115,8 +138,8 @@ export default {
position: absolute; position: absolute;
top: -2px; top: -2px;
display: inline-block; display: inline-block;
color: #1A7AF8; color: #1a7af8;
border: 1px solid #1A7AF8; border: 1px solid #1a7af8;
font-size: 12px; font-size: 12px;
border-radius: 4px; border-radius: 4px;
padding: 3px 6px; padding: 3px 6px;
...@@ -153,9 +176,9 @@ export default { ...@@ -153,9 +176,9 @@ export default {
.state { .state {
display: inline-block; display: inline-block;
padding: 0 6px; padding: 0 6px;
border: 1px solid #40A850; border: 1px solid #40a850;
border-radius: 4px; border-radius: 4px;
color: #40A850; color: #40a850;
} }
.imgBox { .imgBox {
...@@ -167,7 +190,6 @@ export default { ...@@ -167,7 +190,6 @@ export default {
width: auto; width: auto;
} }
} }
} }
} }
</style> </style>
\ No newline at end of file
...@@ -2,70 +2,124 @@ ...@@ -2,70 +2,124 @@
<div class="callRecord-Container"> <div class="callRecord-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<a-button type="success" @click="exportTable"> <a-button
:loading="btnLoading"
type="success"
@click="handleExportTable"
>
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</a-button> </a-button>
</div> </div>
<span> <span>
<a-input-group compact> <a-space>
<a-select default-value="Zhejiang" style="width:25%"> <a-select v-model="searchForm.check_real">
<a-select-option value="Zhejiang"> <a-select-option value="-1"> 全部类型 </a-select-option>
按事项 <a-select-option
</a-select-option> v-for="(v, key) in check_realList"
<a-select-option value="Jiangsu"> :key="key"
按材料 :value="key"
>
{{ v }}
</a-select-option> </a-select-option>
</a-select> </a-select>
<a-input style="width:74.3%" v-model="searchName" placeholder="请输入评价人姓名或窗口编号搜索"> <a-range-picker
style="width: 200px"
format="YYYY-MM-DD"
valueFormat="YYYY-MM-DD"
v-model="searchForm.time"
>
</a-range-picker>
<a-input
style="width: 200px"
v-model="searchForm.search"
placeholder="请输入昵称关键字搜索"
@pressEnter="handleSearch"
>
<a-icon slot="prefix" type="search" /> <a-icon slot="prefix" type="search" />
</a-input> </a-input>
</a-input-group> <a-button type="primary" @click="handleSearch">搜索</a-button>
<a-range-picker format="YYYY年MM月DD日" class="range_picker_style" @change="rangePickerChange" <a-button @click="handleReset">重置</a-button>
v-model="BegindAndEndTime"> </a-space>
</a-range-picker>
<a-select placeholder="全部状态">
<a-select-option value="001"> 打印 </a-select-option>
<a-select-option value="002"> 在线提交 </a-select-option>
</a-select>
<a-button type="primary">搜索</a-button>
</span> </span>
</div> </div>
<div class="main"> <div class="main">
<a-table size="small" bordered :row-key="(record) => record.id" :row-selection="{ <a-table
size="small"
bordered
:row-key="(record) => record.id"
:row-selection="{
selectedRowKeys: tableSelectedKeys, selectedRowKeys: tableSelectedKeys,
onChange: onSelectChange, onChange: onSelectChange,
}" :scroll="{ y: 590 }" :pagination="tablePagination" @change="pagTableChange" :loading="tableLoading" }"
:columns="tableHeaders" :dataSource="tableSourceData"> :scroll="{ y: 590 }"
<template slot="用户头像" slot-scope="text, record, index"> :pagination="{
showTotal: (total) => `共 ${total} 条`,
current: current,
total: total,
pageSize: size,
showSizeChanger: true,
showQuickJumper: true,
pageSizeOptions: pageSizeOptions,
onChange: changePage,
onShowSizeChange: changSize,
}"
:loading="tableLoading"
:columns="tableHeaders"
:dataSource="tableSourceData"
>
<template slot="avater">
<a-avatar :size="40" icon="user" /> <a-avatar :size="40" icon="user" />
</template> </template>
<template slot="操作" slot-scope="text, record, index"> <template slot="action" slot-scope="text">
<a-button type="link" @click="showDrawer">详细信息</a-button> <a-button type="link" @click="showDrawer(text)">详细信息</a-button>
</template> </template>
</a-table> </a-table>
</div> </div>
<!-- 详情抽屉效果 --> <!-- 详情抽屉效果 -->
<FormDetails @onClose="onClose" @showDrawer="showDrawer" :visible="visible"/> <FormDetails :visible.sync="visible" :userInfo="userInfo" />
</div> </div>
</template> </template>
<script> <script>
import table from "@/mixins/table"; import { getRigusersList } from "@/api/dataAdmin";
import { export2Excel } from "@/utils/js/exportExcel";
import FormDetails from "./components/FormDetails.vue"; import FormDetails from "./components/FormDetails.vue";
let check_realList = {
0: "未实名认证",
1: "实名认证",
};
let tHeader = [
// 导出的表头名信息
"openid",
"普通用户昵称",
"普通用户性别",
"普通用户省份",
"普通用户城市",
"授权时间",
"是否实名认证",
];
let filterVal = [
// 导出的表头字段名,需要导出表格字段名
"openid",
"nickname",
"idcard_Sex",
"普通用户省份",
"普通用户城市",
"create_time",
"是否实名认证",
];
export default { export default {
mixins: [table],
name: "microForm", name: "microForm",
data() { data() {
return { let tableHeaders = [
tableHeaders: [
{ {
title: "序号", title: "序号",
dataIndex: "index", dataIndex: "index",
width: "60px", width: "60px",
key: "index", key: "index",
align: "center", align: "center",
customRender: (text, record, index) => `${index + 1}`, customRender: (text, record, index) =>
(this.current - 1) * this.size + index + 1,
}, },
{ {
title: "openid", title: "openid",
...@@ -75,95 +129,185 @@ export default { ...@@ -75,95 +129,185 @@ export default {
{ {
title: "普通用户昵称", title: "普通用户昵称",
align: "center", align: "center",
dataIndex: "普通用户昵称", customRender: (text) => text.nickname || "--",
}, },
{ {
title: "普通用户性别", title: "普通用户性别",
align: "center", align: "center",
dataIndex: "普通用户性别", dataIndex: "idcard_Sex",
}, },
{ {
title: "普通用户省份", title: "普通用户省份",
align: "center", align: "center",
dataIndex: "普通用户省份", customRender: (text) => "--",
}, },
{ {
title: "普通用户城市", title: "普通用户城市",
align: "center", align: "center",
dataIndex: "普通用户城市", customRender: (text) => "--",
}, },
{ {
title: "用户头像", title: "用户头像",
align: "center", align: "center",
dataIndex: "用户头像",
scopedSlots: { scopedSlots: {
customRender: "用户头像", customRender: "avater",
}, },
}, },
{ {
title: "授权时间", title: "授权时间",
align: "center", align: "center",
dataIndex: "授权时间", customRender: (text) => text.create_time || "--",
}, },
{ {
title: "是否实名认证", title: "是否实名认证",
align: "center", align: "center",
dataIndex: "是否实名认证", customRender: (text) => "--",
// customRender: (text) => text.create_time || "--",
}, },
{ {
title: "操作", title: "操作",
align: "center", align: "center",
dataIndex: "操作",
scopedSlots: { scopedSlots: {
customRender: "操作", customRender: "action",
}, },
}, },
], ];
BegindAndEndTime: [], return {
searchName: undefined, tableHeaders,
check_realList,
tHeader,
filterVal,
visible: false, visible: false,
btnLoading: false,
tableLoading: false,
searchForm: {
search: "",
check_real: "-1",
time: [
this.$moment(new Date()).format("YYYY-MM-DD"),
this.$moment(new Date()).format("YYYY-MM-DD"),
],
},
current: 1,
size: 10,
total: 0,
pageSizeOptions: ["10", "20", "30", "40", "50", "100", "200"],
tableSelectedKeys: [],
tableSelectedRows: [],
tableSourceData: [],
userInfo: {}, // 用户信息
}; };
}, },
components: { components: {
FormDetails FormDetails,
}, },
mounted() { created() {
this.setMoment(); this.getRigusersList();
for (let key = 0; key < 20; key++) { },
this.tableSourceData.push({ methods: {
id: `00${key + 1}`, // 获取记录报表
openid: `1313321${key + 1}`, async getRigusersList(search = {}) {
普通用户昵称: `唐3`, let res = await getRigusersList({
普通用户性别: `男`, page: this.current,
普通用户省份: `四川`, size: this.size,
普通用户城市: `成都`, check_real: this.searchForm.check_real,
授权时间: `2021-09-09 09:09:0${key + 1}`, begin_time: this.searchForm.time[0],
是否实名认证: `实名认证`, end_time: this.searchForm.time[1],
search: this.searchForm.search,
...search,
}); });
if (res.code == 1) {
let { data, total } = res.data;
this.total = total;
this.tableSourceData = data;
return data;
} }
}, },
methods: { // 翻页
rangePickerChange(val) { changePage(cur) {
console.log(val); this.current = cur;
this.getRigusersList();
}, },
// 改变每页显示数量
QueueState(type) { changSize(cur, size) {
switch (type) { this.current = cur;
case 0: this.size = size;
return "type1"; this.getRigusersList();
case 1: },
return "type2"; // 搜索
default: handleSearch() {
return "type0"; this.current = 1;
this.tableSelectedKeys = [];
this.tableSelectedRows = [];
this.getRigusersList();
},
// 重置搜索
handleReset() {
this.current = 1;
this.tableSelectedKeys = [];
this.tableSelectedRows = [];
this.searchForm = {
search: "",
check_real: "-1",
time: [
this.$moment(new Date()).format("YYYY-MM-DD"),
this.$moment(new Date()).format("YYYY-MM-DD"),
],
};
this.getRigusersList();
},
// 选中
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 data;
if (this.tableSelectedKeys.length && this.tableSelectedRows.length) {
// 深度克隆避免影响页面表格展示
data = this.$_.cloneDeep(this.tableSelectedRows);
// for (let item of data) {
// Object.keys(obj).forEach((key) => {
// if (item.type == key) {
// item.type = obj[key];
// }
// });
// }
} else {
data = this.$_.cloneDeep(
await this.getRigusersList({ page: 1, size: -1 })
);
if (!data.length) return;
// for (let item of data) {
// Object.keys(obj).forEach((key) => {
// if (item.type == key) {
// item.type = obj[key];
// }
// });
// }
} }
export2Excel(
this.tHeader,
this.filterVal,
data,
"微官网注册报表" + this.$moment().format("YYYYMMDDHHmmss")
);
this.btnLoading = false;
}, },
// 查看信息
showDrawer() { showDrawer(row) {
this.userInfo = row;
this.visible = true; this.visible = true;
}, },
onClose() {
this.visible = false;
},
}, },
}; };
</script> </script>
...@@ -179,7 +323,7 @@ export default { ...@@ -179,7 +323,7 @@ export default {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
&>div { & > div {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
......
...@@ -272,9 +272,10 @@ export default { ...@@ -272,9 +272,10 @@ export default {
1: "未取件", 1: "未取件",
2: "已取件", 2: "已取件",
}; };
let data = [];
if (this.tableSelectedKeys.length && this.tableSelectedRows.length) { if (this.tableSelectedKeys.length && this.tableSelectedRows.length) {
// 深度克隆避免影响页面表格展示 // 深度克隆避免影响页面表格展示
let data = this.$_.cloneDeep(this.tableSelectedRows); data = this.$_.cloneDeep(this.tableSelectedRows);
for (let item of data) { for (let item of data) {
Object.keys(obj).forEach((key) => { Object.keys(obj).forEach((key) => {
if (item.status == key) { if (item.status == key) {
...@@ -282,14 +283,8 @@ export default { ...@@ -282,14 +283,8 @@ export default {
} }
}); });
} }
export2Excel(
this.tHeader,
this.filterVal,
data,
"存件记录报表" + this.$moment().format("YYYYMMDDHHmmss")
);
} else { } else {
let data = this.$_.cloneDeep( data = this.$_.cloneDeep(
await this.getStorageList({ page: 1, size: -1 }) await this.getStorageList({ page: 1, size: -1 })
); );
if (!data.length) return; if (!data.length) return;
...@@ -300,13 +295,13 @@ export default { ...@@ -300,13 +295,13 @@ export default {
} }
}); });
} }
}
export2Excel( export2Excel(
this.tHeader, this.tHeader,
this.filterVal, this.filterVal,
data, data,
"存件记录报表" + this.$moment().format("YYYYMMDDHHmmss") "存件记录报表" + this.$moment().format("YYYYMMDDHHmmss")
); );
}
this.btnLoading = false; this.btnLoading = false;
}, },
}, },
......
...@@ -262,9 +262,10 @@ export default { ...@@ -262,9 +262,10 @@ export default {
2: "管理员", 2: "管理员",
3: "邮递员", 3: "邮递员",
}; };
let data = [];
if (this.tableSelectedKeys.length && this.tableSelectedRows.length) { if (this.tableSelectedKeys.length && this.tableSelectedRows.length) {
// 深度克隆避免影响页面表格展示 // 深度克隆避免影响页面表格展示
let data = this.$_.cloneDeep(this.tableSelectedRows); data = this.$_.cloneDeep(this.tableSelectedRows);
for (let item of data) { for (let item of data) {
Object.keys(obj).forEach((key) => { Object.keys(obj).forEach((key) => {
if (item.userType == key) { if (item.userType == key) {
...@@ -277,14 +278,8 @@ export default { ...@@ -277,14 +278,8 @@ export default {
} }
}); });
} }
export2Excel(
this.tHeader,
this.filterVal,
data,
"其他操作记录报表" + this.$moment().format("YYYYMMDDHHmmss")
);
} else { } else {
let data = this.$_.cloneDeep( data = this.$_.cloneDeep(
await this.getOtherList({ page: 1, size: -1 }) await this.getOtherList({ page: 1, size: -1 })
); );
if (!data.length) return; if (!data.length) return;
...@@ -300,13 +295,13 @@ export default { ...@@ -300,13 +295,13 @@ export default {
} }
}); });
} }
}
export2Excel( export2Excel(
this.tHeader, this.tHeader,
this.filterVal, this.filterVal,
data, data,
"其他操作记录报表" + this.$moment().format("YYYYMMDDHHmmss") "其他操作记录报表" + this.$moment().format("YYYYMMDDHHmmss")
); );
}
this.btnLoading = false; this.btnLoading = false;
}, },
// 过滤操作类型 // 过滤操作类型
......
...@@ -201,7 +201,7 @@ export default { ...@@ -201,7 +201,7 @@ export default {
let res = await getSitePickupDevice(); let res = await getSitePickupDevice();
this.devList = res.data; this.devList = res.data;
}, },
// 获取取号记录报表 // 获取记录报表
async getPickupList(search = {}) { async getPickupList(search = {}) {
let res = await getPickupList({ let res = await getPickupList({
page: this.current, page: this.current,
...@@ -262,17 +262,17 @@ export default { ...@@ -262,17 +262,17 @@ export default {
return this.tableSelectedKeys.some((val) => v.id == val); return this.tableSelectedKeys.some((val) => v.id == val);
}); });
}, },
// 导出 // 导出
async handleExportTable() { async handleExportTable() {
this.btnLoading = true; this.btnLoading = true;
let data = [];
let obj = { let obj = {
1: "取件码取件", 1: "取件码取件",
2: "身份证取件", 2: "身份证取件",
}; };
if (this.tableSelectedKeys.length && this.tableSelectedRows.length) { if (this.tableSelectedKeys.length && this.tableSelectedRows.length) {
// 深度克隆避免影响页面表格展示 // 深度克隆避免影响页面表格展示
let data = this.$_.cloneDeep(this.tableSelectedRows); data = this.$_.cloneDeep(this.tableSelectedRows);
for (let item of data) { for (let item of data) {
Object.keys(obj).forEach((key) => { Object.keys(obj).forEach((key) => {
if (item.type == key) { if (item.type == key) {
...@@ -280,14 +280,8 @@ export default { ...@@ -280,14 +280,8 @@ export default {
} }
}); });
} }
export2Excel(
this.tHeader,
this.filterVal,
data,
"取件记录报表" + this.$moment().format("YYYYMMDDHHmmss")
);
} else { } else {
let data = this.$_.cloneDeep( data = this.$_.cloneDeep(
await this.getPickupList({ page: 1, size: -1 }) await this.getPickupList({ page: 1, size: -1 })
); );
if (!data.length) return; if (!data.length) return;
...@@ -298,13 +292,13 @@ export default { ...@@ -298,13 +292,13 @@ export default {
} }
}); });
} }
}
export2Excel( export2Excel(
this.tHeader, this.tHeader,
this.filterVal, this.filterVal,
data, data,
"取件记录报表" + this.$moment().format("YYYYMMDDHHmmss") "取件记录报表" + this.$moment().format("YYYYMMDDHHmmss")
); );
}
this.btnLoading = false; this.btnLoading = false;
}, },
}, },
......
...@@ -457,9 +457,10 @@ export default { ...@@ -457,9 +457,10 @@ export default {
1: "办理中", 1: "办理中",
4: "办理完成", 4: "办理完成",
}; };
let data = [];
if (this.tableSelectedKeys.length && this.tableSelectedRows.length) { if (this.tableSelectedKeys.length && this.tableSelectedRows.length) {
// 深度克隆避免影响页面表格展示 // 深度克隆避免影响页面表格展示
let data = this.$_.cloneDeep(this.tableSelectedRows); data = this.$_.cloneDeep(this.tableSelectedRows);
data.forEach((item) => { data.forEach((item) => {
Object.keys(obj).forEach((keys) => { Object.keys(obj).forEach((keys) => {
if (item.style == keys) { if (item.style == keys) {
...@@ -467,14 +468,8 @@ export default { ...@@ -467,14 +468,8 @@ export default {
} }
}); });
}); });
export2Excel(
this.tHeader,
this.filterVal,
data,
"呼叫记录报表" + this.$moment().format("YYYYMMDDHHmmss")
);
} else { } else {
let data = this.$_.cloneDeep( data = this.$_.cloneDeep(
await this.getCallQueListArr({ await this.getCallQueListArr({
page: 1, page: 1,
size: -1, size: -1,
...@@ -488,13 +483,13 @@ export default { ...@@ -488,13 +483,13 @@ export default {
} }
}); });
} }
}
export2Excel( export2Excel(
this.tHeader, this.tHeader,
this.filterVal, this.filterVal,
data, data,
"呼叫记录报表" + this.$moment().format("YYYYMMDDHHmmss") "呼叫记录报表" + this.$moment().format("YYYYMMDDHHmmss")
); );
}
this.btnLoading = false; this.btnLoading = false;
}, },
}, },
......
...@@ -451,9 +451,10 @@ export default { ...@@ -451,9 +451,10 @@ export default {
1: "办理中", 1: "办理中",
4: "办理完成", 4: "办理完成",
}; };
let data = [];
if (this.tableSelectedKeys.length && this.tableSelectedRows.length) { if (this.tableSelectedKeys.length && this.tableSelectedRows.length) {
// 深度克隆避免影响页面表格展示 // 深度克隆避免影响页面表格展示
let data = this.$_.cloneDeep(this.tableSelectedRows); data = this.$_.cloneDeep(this.tableSelectedRows);
data.forEach((item) => { data.forEach((item) => {
Object.keys(obj).forEach((keys) => { Object.keys(obj).forEach((keys) => {
if (item.style == keys) { if (item.style == keys) {
...@@ -461,14 +462,8 @@ export default { ...@@ -461,14 +462,8 @@ export default {
} }
}); });
}); });
export2Excel(
this.tHeader,
this.filterVal,
data,
"排队记录报表" + this.$moment().format("YYYYMMDDHHmmss")
);
} else { } else {
let data = this.$_.cloneDeep( data = this.$_.cloneDeep(
await this.getQueueDataArr({ page: 1, size: -1 }) await this.getQueueDataArr({ page: 1, size: -1 })
); );
if (!data.length) return; if (!data.length) return;
...@@ -479,13 +474,13 @@ export default { ...@@ -479,13 +474,13 @@ export default {
} }
}); });
} }
}
export2Excel( export2Excel(
this.tHeader, this.tHeader,
this.filterVal, this.filterVal,
data, data,
"排队记录报表" + this.$moment().format("YYYYMMDDHHmmss") "排队记录报表" + this.$moment().format("YYYYMMDDHHmmss")
); );
}
this.btnLoading = false; this.btnLoading = false;
}, },
}, },
......
...@@ -245,15 +245,14 @@ export default { ...@@ -245,15 +245,14 @@ export default {
// 导出 // 导出
async handleExportTable() { async handleExportTable() {
this.btnLoading = true; this.btnLoading = true;
let data = [];
if (this.tableSelectedKeys.length && this.tableSelectedRows.length) { if (this.tableSelectedKeys.length && this.tableSelectedRows.length) {
export2Excel( // 深度克隆避免影响页面表格展示
this.tHeader, data = this.$_.cloneDeep(this.tableSelectedRows);
this.filterVal,
this.tableSelectedRows,
"样表记录报表" + this.$moment().format("YYYYMMDDHHmmss")
);
} else { } else {
let data = await this.getBillList({ page: 1, size: -1 }); data = this.$_.cloneDeep(
await this.togetBillList({ page: 1, size: -1 })
);
if (!data.length) return; if (!data.length) return;
// for (let item of data) { // for (let item of data) {
// Object.keys(obj).forEach((key) => { // Object.keys(obj).forEach((key) => {
...@@ -262,13 +261,13 @@ export default { ...@@ -262,13 +261,13 @@ export default {
// } // }
// }); // });
// } // }
}
export2Excel( export2Excel(
this.tHeader, this.tHeader,
this.filterVal, this.filterVal,
data, data,
"样表记录报表" + this.$moment().format("YYYYMMDDHHmmss") "样表记录报表" + this.$moment().format("YYYYMMDDHHmmss")
); );
}
this.btnLoading = false; this.btnLoading = false;
}, },
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment