Commit c10ae35b authored by “yiyousong”'s avatar “yiyousong”

pref:修改易政秀报表

parent 619b968b
...@@ -4,42 +4,79 @@ ...@@ -4,42 +4,79 @@
<div> <div>
<a-button <a-button
:loading="btnLoading" :loading="btnLoading"
type="primary" class="addclass" type="primary"
class="addclass"
@click="handleExportTable" @click="handleExportTable"
> >
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</a-button> </a-button>
<b>用户总数:<i>{{tableData.total}}</i></b> <b
<b>试用客户:<i>{{tableData.trial}}</i></b> >用户总数:<i>{{ tableData.total }}</i></b
<b>VIP:<i>{{tableData.vip}}</i></b> >
<b>设计师:<i>{{tableData.designer}}</i></b> <b
<b>图片作品数:<i>{{tableData.picturesCount}}</i></b> >试用客户:<i>{{ tableData.trial }}</i></b
<b>视频作品数:<i>{{tableData.videosCount}}</i></b> >
<!-- <b>VIP:<i>{{tableData.vip}}</i></b> -->
<b
>设计师:<i>{{ tableData.designer }}</i></b
>
<b
>图片作品数:<i>{{ tableData.picturesCount }}</i></b
>
<b
>视频作品数:<i>{{ tableData.videosCount }}</i></b
>
</div> </div>
<span class="topBoxFlex"> <span class="topBoxFlex">
<a-input allowClear v-model="searchForm.query" placeholder="请输入用户姓名/手机号搜索"> <a-space>
<a-input
allowClear
v-model="searchForm.query"
placeholder="请输入用户姓名/手机号搜索"
>
<a-icon slot="prefix" type="search" /> <a-icon slot="prefix" type="search" />
</a-input> </a-input>
<a-select v-model="searchForm.memberLevel"> <a-select v-model="searchForm.memberLevel">
<a-select-option value=""> 全部 </a-select-option> <a-select-option value=""> 全部 </a-select-option>
<a-select-option v-for="(item, index) of levelList" :key="index" :value="index"> <a-select-option
v-for="(item, index) of levelList"
:key="index"
:value="index"
>
{{ item }} {{ item }}
</a-select-option> </a-select-option>
</a-select> </a-select>
<a-button type="primary" class="addclass" @click="getList">搜索</a-button> <a-button type="primary" class="addclass" @click="getList"
>搜索</a-button
>
</a-space>
</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="tableList"> :scroll="{ y: 590 }"
<template slot="zhenshixingming" slot-scope="text, record, index"> :pagination="tablePagination"
<a-button type="link" @click="openUserDetails(record)">{{ text?text:'--' }}</a-button> @change="pagTableChange"
:loading="tableLoading"
:columns="tableHeaders"
:dataSource="tableList"
>
<template slot="zhenshixingming" slot-scope="text">
<a-button type="link" @click="openUserDetails(record)">{{
text ? text : "--"
}}</a-button>
</template> </template>
<template slot="tupianzuopinshuliang" slot-scope="text, record, index"> <template slot="tupianzuopinshuliang" slot-scope="text">
<a-button type="link" @click="openPicWorks(record.id)">{{ (text || text==0)?text:'--' }}</a-button> <a-button type="link" @click="openPicWorks(record.id)">{{
text || text == 0 ? text : "--"
}}</a-button>
</template> </template>
</a-table> </a-table>
<PicWorks ref="PicWorks" /> <PicWorks ref="PicWorks" />
...@@ -53,15 +90,13 @@ import table from "@/mixins/table"; ...@@ -53,15 +90,13 @@ import table from "@/mixins/table";
import UserDetails from "./components/UserDetails.vue"; import UserDetails from "./components/UserDetails.vue";
import PicWorks from "./components/PicWorks.vue"; import PicWorks from "./components/PicWorks.vue";
import { export2Excel } from "@/utils/js/exportExcel"; import { export2Excel } from "@/utils/js/exportExcel";
import { import { getCustomer } from "@/api/customer";
getCustomer
} from "@/api/customer";
const levelList = { const levelList = {
0: '未开启', 0: "未开启",
1: '试用客户', 1: "试用客户",
2: 'VIP', // 2: "VIP",
3: '设计师' 3: "设计师",
} };
export default { export default {
mixins: [table], mixins: [table],
name: "PortalAdminVuePoliticsShow", name: "PortalAdminVuePoliticsShow",
...@@ -70,19 +105,23 @@ export default { ...@@ -70,19 +105,23 @@ export default {
btnLoading: false, btnLoading: false,
levelList: levelList, levelList: levelList,
tableList: [], tableList: [],
tableData:{}, tableData: {},
searchForm: { searchForm: {
query: "",//姓名手机号查询条件 query: "", //姓名手机号查询条件
memberLevel: "",//会员等级查询条件 memberLevel: "", //会员等级查询条件
customerSrc: "",//客户来源查询条件 customerSrc: "", //客户来源查询条件
}, },
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.tablePagination.current - 1) * this.tablePagination.pageSize +
index +
1,
}, },
{ {
title: "真实姓名", title: "真实姓名",
...@@ -96,13 +135,13 @@ export default { ...@@ -96,13 +135,13 @@ export default {
title: "联系电话", title: "联系电话",
align: "center", align: "center",
dataIndex: "contactTelphone", dataIndex: "contactTelphone",
customRender: (text) => `${text?text:'--'}`, customRender: (text) => `${text ? text : "--"}`,
}, },
{ {
title: "单位名称", title: "单位名称",
align: "center", align: "center",
dataIndex: "organization", dataIndex: "organization",
customRender: (text) => `${text?text:'--'}`, customRender: (text) => `${text ? text : "--"}`,
}, },
{ {
title: "图片作品数量", title: "图片作品数量",
...@@ -116,7 +155,7 @@ export default { ...@@ -116,7 +155,7 @@ export default {
title: "视频作品数量", title: "视频作品数量",
align: "center", align: "center",
dataIndex: "customerDesignVideos", dataIndex: "customerDesignVideos",
customRender: (text) => `${(text || text==0)?text:'--'}`, customRender: (text) => `${text || text == 0 ? text : "--"}`,
}, },
{ {
title: "会员等级", title: "会员等级",
...@@ -128,22 +167,22 @@ export default { ...@@ -128,22 +167,22 @@ export default {
title: "最近登录时间", title: "最近登录时间",
align: "center", align: "center",
dataIndex: "lastLoginTime", dataIndex: "lastLoginTime",
customRender: (text) => `${text?text:'--'}`, customRender: (text) => `${text ? text : "--"}`,
}, },
{ {
title: "使用状态", title: "使用状态",
align: "center", align: "center",
dataIndex: "status", dataIndex: "status",
customRender: (text, record, index) => text == 1 ? '正常' : '禁用', customRender: (text, record, index) => (text == 1 ? "正常" : "禁用"),
}, },
], ],
searchName: undefined, searchName: undefined,
tablePagination:{ tablePagination: {
current:1, current: 1,
pageSize:10 pageSize: 10,
}, },
tableSelectedKeys:[], tableSelectedKeys: [],
tableSelectedRows:[], tableSelectedRows: [],
tHeader: [ tHeader: [
// 导出的表头名信息 // 导出的表头名信息
"真实姓名", "真实姓名",
...@@ -164,7 +203,7 @@ export default { ...@@ -164,7 +203,7 @@ export default {
"customerDesignVideos", "customerDesignVideos",
"memberLevel", "memberLevel",
"lastLoginTime", "lastLoginTime",
"status" "status",
], ],
}; };
}, },
...@@ -188,22 +227,18 @@ export default { ...@@ -188,22 +227,18 @@ export default {
...search, ...search,
}); });
if (res.code == 1) { if (res.code == 1) {
let { let { data, total, pageInfo } = res.data;
data,
total,
pageInfo
} = res.data;
this.tableList = data; this.tableList = data;
this.tableData = res.data this.tableData = res.data;
this.tablePagination.total = total; this.tablePagination.total = total;
return data return data;
} }
}, },
//分页 //分页
pagTableChange(page) { pagTableChange(page) {
this.tablePagination.current = page.current this.tablePagination.current = page.current;
this.tablePagination.pageSize = page.pageSize this.tablePagination.pageSize = page.pageSize;
this.getList(); this.getList();
}, },
// 选中 // 选中
...@@ -225,7 +260,7 @@ export default { ...@@ -225,7 +260,7 @@ export default {
1: "正常", 1: "正常",
2: "禁用", 2: "禁用",
}; };
let data = [] let data = [];
if (this.tableSelectedKeys.length && this.tableSelectedRows.length) { if (this.tableSelectedKeys.length && this.tableSelectedRows.length) {
// 深度克隆避免影响页面表格展示 // 深度克隆避免影响页面表格展示
data = this.$_.cloneDeep(this.tableSelectedRows); data = this.$_.cloneDeep(this.tableSelectedRows);
...@@ -243,9 +278,7 @@ export default { ...@@ -243,9 +278,7 @@ export default {
"易政秀报表" + this.$moment().format("YYYYMMDDHHmmss") "易政秀报表" + this.$moment().format("YYYYMMDDHHmmss")
); );
} else { } else {
data = this.$_.cloneDeep( data = this.$_.cloneDeep(await this.getList({ page: 1, size: -1 }));
await this.getList({ 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) => {
...@@ -278,7 +311,7 @@ export default { ...@@ -278,7 +311,7 @@ export default {
this.$refs.PicWorks.modalInfo.title = "作品数量"; this.$refs.PicWorks.modalInfo.title = "作品数量";
this.$refs.PicWorks.modalInfo.visible = true; this.$refs.PicWorks.modalInfo.visible = true;
this.$refs.PicWorks.modalInfo.width = "32%"; this.$refs.PicWorks.modalInfo.width = "32%";
this.$refs.PicWorks.modalInfo.id = id this.$refs.PicWorks.modalInfo.id = id;
}, },
openUserDetails(record) { openUserDetails(record) {
this.$refs.UserDetails.modalInfo.title = "客户详情"; this.$refs.UserDetails.modalInfo.title = "客户详情";
......
...@@ -2,29 +2,48 @@ ...@@ -2,29 +2,48 @@
<div class="callRecord-Container"> <div class="callRecord-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<a-button type="primary" class="addclass" @click="handleExportTable" :loading="btnLoading"> <a-button
type="primary"
class="addclass"
@click="handleExportTable"
:loading="btnLoading"
>
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</a-button> </a-button>
<b>叫号次数:<i>{{ tablePagination.total }}</i></b> <b
>叫号次数:<i>{{ tablePagination.total }}</i></b
>
<sub>统计时间段:{{ searchForm.time[0] }}~{{ searchForm.time[1] }}</sub> <sub>统计时间段:{{ searchForm.time[0] }}~{{ searchForm.time[1] }}</sub>
</div> </div>
<span> <span>
<a-space> <a-space>
<a-select v-model="searchForm.hallid"> <a-select v-model="searchForm.hallid">
<a-select-option value=""> 全部大厅 </a-select-option> <a-select-option value=""> 全部大厅 </a-select-option>
<a-select-option v-for="item in datingList" :key="item.id" :value="item.id"> <a-select-option
v-for="item in datingList"
:key="item.id"
:value="item.id"
>
{{ item.hallName }} {{ item.hallName }}
</a-select-option> </a-select-option>
</a-select> </a-select>
<a-select v-model="searchForm.sectionid"> <a-select v-model="searchForm.sectionid">
<a-select-option value=""> 全部部门 </a-select-option> <a-select-option value=""> 全部部门 </a-select-option>
<a-select-option v-for="item in bumenList" :key="item.id" :value="item.id"> <a-select-option
v-for="item in bumenList"
:key="item.id"
:value="item.id"
>
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
</a-select> </a-select>
<a-select v-model="searchForm.id"> <a-select v-model="searchForm.id">
<a-select-option value=""> 全部设备 </a-select-option> <a-select-option value=""> 全部设备 </a-select-option>
<a-select-option v-for="item in deviceData" :key="item.id" :value="item.id"> <a-select-option
v-for="item in deviceData"
:key="item.id"
:value="item.id"
>
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
</a-select> </a-select>
...@@ -36,20 +55,36 @@ ...@@ -36,20 +55,36 @@
</a-select> </a-select>
<a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time"> <a-range-picker valueFormat="YYYY-MM-DD" v-model="searchForm.time">
</a-range-picker> </a-range-picker>
<a-input v-model="searchForm.flownum" placeholder="请输入排队编号搜索" @pressEnter="handleSearch"> <a-input
v-model="searchForm.flownum"
placeholder="请输入排队编号搜索"
@pressEnter="handleSearch"
>
<a-icon slot="prefix" type="search" /> <a-icon slot="prefix" type="search" />
</a-input> </a-input>
<a-button type="primary" class="addclass" @click="handleSearch">搜索</a-button> <a-button type="primary" class="addclass" @click="handleSearch"
>搜索</a-button
>
<a-button @click="resetBtn">重置</a-button> <a-button @click="resetBtn">重置</a-button>
</a-space> </a-space>
</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="changeTablePage" :loading="tableLoading" }"
:columns="tableHeaders" :dataSource="tableList"> :scroll="{ y: 590 }"
:pagination="tablePagination"
@change="changeTablePage"
:loading="tableLoading"
:columns="tableHeaders"
:dataSource="tableList"
>
<!-- 序号 --> <!-- 序号 -->
<span slot="num" slot-scope="text, record, index">{{ <span slot="num" slot-scope="text, record, index">{{
(tablePagination.current - 1) * tablePagination.pageSize + index + 1 (tablePagination.current - 1) * tablePagination.pageSize + index + 1
...@@ -71,7 +106,11 @@ ...@@ -71,7 +106,11 @@
</template> </template>
<!-- 办理业务 --> <!-- 办理业务 -->
<template slot="business" slot-scope="text"> <template slot="business" slot-scope="text">
<a v-if="text.business" @click="openBusiness(text.business, text.businessid)">{{ text.business }}</a> <a
v-if="text.business"
@click="openBusiness(text.business, text.businessid)"
>{{ text.business }}</a
>
<span v-else>--</span> <span v-else>--</span>
</template> </template>
<!-- 办理开始时间 --> <!-- 办理开始时间 -->
...@@ -112,11 +151,13 @@ ...@@ -112,11 +151,13 @@
</template> </template>
<!-- 状态 --> <!-- 状态 -->
<template slot="style" slot-scope="text"> <template slot="style" slot-scope="text">
<span :class="{ <span
:class="{
'stand-line': text.style === 0, 'stand-line': text.style === 0,
'on-transact': text.style === 1, 'on-transact': text.style === 1,
'on-end': text.style === 4, 'on-end': text.style === 4,
}"> }"
>
{{ $codeMap.queueState[text.style] }} {{ $codeMap.queueState[text.style] }}
</span> </span>
</template> </template>
...@@ -280,7 +321,7 @@ export default { ...@@ -280,7 +321,7 @@ export default {
time: [moment().format("YYYY-MM-DD"), moment().format("YYYY-MM-DD")], // 时间区间 time: [moment().format("YYYY-MM-DD"), moment().format("YYYY-MM-DD")], // 时间区间
flownum: "", // 排号编码 flownum: "", // 排号编码
hallid: "", hallid: "",
sectionid: "" sectionid: "",
}, },
// 大厅列表 // 大厅列表
datingList: [], datingList: [],
...@@ -354,7 +395,7 @@ export default { ...@@ -354,7 +395,7 @@ export default {
this.getCalllistArr(); this.getCalllistArr();
this.getCallQueListArr(); this.getCallQueListArr();
}, },
mounted() { }, mounted() {},
methods: { methods: {
// 获取大厅列表 // 获取大厅列表
async getDatingListArr() { async getDatingListArr() {
...@@ -379,7 +420,7 @@ export default { ...@@ -379,7 +420,7 @@ export default {
time: [moment().format("YYYY-MM-DD"), moment().format("YYYY-MM-DD")], // 时间区间 time: [moment().format("YYYY-MM-DD"), moment().format("YYYY-MM-DD")], // 时间区间
flownum: "", // 排号编码 flownum: "", // 排号编码
hallid: "", hallid: "",
sectionid: "" sectionid: "",
}; };
this.getCallQueListArr(); this.getCallQueListArr();
}, },
...@@ -408,7 +449,7 @@ export default { ...@@ -408,7 +449,7 @@ export default {
let { data, total } = res.data; let { data, total } = res.data;
this.tableList = data; this.tableList = data;
this.tablePagination.total = total; this.tablePagination.total = total;
console.log(this.tableList) console.log(this.tableList);
return data; return data;
} }
}, },
......
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