Commit 19461e87 authored by 赵啸非's avatar 赵啸非

Merge remote-tracking branch 'origin/master'

parents da48e855 d32d8ca5
import http from "../request/http";
let baseURL = process.env.VUE_APP_API_PRP_RUL
// http://8.136.255.30/eas/customer/list
// 查询客户管理列表
export function getCustomer(params) {
return http.post(`${baseURL}/eas/customer/list`, params);
}
// http://112.19.80.237:11007/basics_api/base/window/list
// 窗口列表
export function windowList(params) {
return http.post(`${baseURL}/basics_api/base/window/list`, params);
}
...@@ -190,4 +190,4 @@ export function getImpossibleInfo(params) { ...@@ -190,4 +190,4 @@ export function getImpossibleInfo(params) {
*/ */
export function getKqalert(params) { export function getKqalert(params) {
return http.get(`${BASEURL}/admin/kqalert/list`, params); return http.get(`${BASEURL}/admin/kqalert/list`, params);
} }
\ No newline at end of file
<template> <template>
<div class="PoliticsShow-Container"> <div class="PoliticsShow-Container">
<div class="header_box"> <div class="header_box">
<div> <div>
<a-button type="success" @click="exportTable"> <a-button type="success" @click="exportTable">
<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span> <span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
</a-button> </a-button>
<b>用户总数:<i>3人</i></b> <b>用户总数:<i>3人</i></b>
<b>试用客户:<i>2人</i></b> <b>试用客户:<i>2人</i></b>
<b>VIP:<i>1人</i></b> <b>VIP:<i>1人</i></b>
<b>设计师:<i>0人</i></b> <b>设计师:<i>0人</i></b>
<b>图片作品数:<i>36个</i></b> <b>图片作品数:<i>36个</i></b>
<b>视频作品数:<i>0个</i></b> <b>视频作品数:<i>0个</i></b>
</div> </div>
<span class="topBoxFlex"> <span class="topBoxFlex">
<a-input allowClear v-model="searchName" placeholder="请输入用户姓名/手机号搜索"> <a-input allowClear v-model="searchName" placeholder="请输入用户姓名/手机号搜索">
<a-icon slot="prefix" type="search" /> <a-icon slot="prefix" type="search" />
</a-input> </a-input>
<a-select default-value="001"> <a-select default-value="001">
<!-- <a-select-option <!-- <a-select-option
v-for="(item, index) of selectOptions" v-for="(item, index) of selectOptions"
:key="index" :key="index"
:value="item.value" :value="item.value"
...@@ -25,149 +25,169 @@ ...@@ -25,149 +25,169 @@
{{ item.label }} {{ item.label }}
</a-select-option> --> </a-select-option> -->
<a-select-option value="001"> 等级001 </a-select-option> <a-select-option value="001"> 等级001 </a-select-option>
<a-select-option value="002"> 等级002 </a-select-option> <a-select-option value="002"> 等级002 </a-select-option>
</a-select> </a-select>
<a-button type="primary" >搜索</a-button> <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" }" :scroll="{ y: 590 }" :pagination="tablePagination" @change="pagTableChange" :loading="tableLoading"
:columns="tableHeaders" :dataSource="tableSourceData"> :columns="tableHeaders" :dataSource="tableSourceData">
<template slot="zhenshixingming" slot-scope="text, record, index"> <template slot="zhenshixingming" slot-scope="text, record, index">
<a-button type="link" @click="openUserDetails">{{ text }}</a-button> <a-button type="link" @click="openUserDetails">{{ text }}</a-button>
</template> </template>
<template slot="tupianzuopinshuliang" slot-scope="text, record, index"> <template slot="tupianzuopinshuliang" slot-scope="text, record, index">
<a-button type="link" @click="openPicWorks">{{ text }}</a-button> <a-button type="link" @click="openPicWorks">{{ text }}</a-button>
</template> </template>
</a-table> </a-table>
<PicWorks ref="PicWorks" /> <PicWorks ref="PicWorks" />
<UserDetails ref="UserDetails" @openPicWorks="openPicWorks" /> <UserDetails ref="UserDetails" @openPicWorks="openPicWorks" />
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import table from "@/mixins/table"; 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";
export default { import {
mixins: [table], getCustomer
name: "PortalAdminVuePoliticsShow", } from "@/api/customer";
data() { export default {
return { mixins: [table],
tableHeaders: [ name: "PortalAdminVuePoliticsShow",
{ data() {
title: "序号", return {
dataIndex: "index", tableHeaders: [{
width: "60px", title: "序号",
key: "index", dataIndex: "index",
align: "center", width: "60px",
customRender: (text, record, index) => `${index + 1}`, key: "index",
}, align: "center",
{ customRender: (text, record, index) => `${index + 1}`,
title: "真实姓名", },
align: "center", {
dataIndex: "zhenshixingming", title: "真实姓名",
scopedSlots: { align: "center",
customRender: "zhenshixingming", dataIndex: "zhenshixingming",
}, scopedSlots: {
}, customRender: "zhenshixingming",
{ },
title: "联系电话", },
align: "center", {
dataIndex: "lianxidianhua", title: "联系电话",
}, align: "center",
{ dataIndex: "lianxidianhua",
title: "单位名称", },
align: "center", {
dataIndex: "danweimingcheng", title: "单位名称",
}, align: "center",
{ dataIndex: "danweimingcheng",
title: "图片作品数量", },
align: "center", {
dataIndex: "tupianzuopinshuliang", title: "图片作品数量",
scopedSlots: { align: "center",
customRender: "tupianzuopinshuliang", dataIndex: "tupianzuopinshuliang",
}, scopedSlots: {
}, customRender: "tupianzuopinshuliang",
{ },
title: "视频作品数量", },
align: "center", {
dataIndex: "shipinzuopinshuliang", title: "视频作品数量",
}, align: "center",
{ dataIndex: "shipinzuopinshuliang",
title: "会员等级", },
align: "center", {
dataIndex: "huiyuandengji", title: "会员等级",
}, align: "center",
{ dataIndex: "huiyuandengji",
title: "最近登录时间", },
align: "center", {
dataIndex: "zuijingdenglushijian", title: "最近登录时间",
}, align: "center",
{ dataIndex: "zuijingdenglushijian",
title: "使用状态", },
align: "center", {
dataIndex: "shiyongzhuangtai", title: "使用状态",
}, align: "center",
], dataIndex: "shiyongzhuangtai",
searchName: undefined, },
}; ],
}, searchName: undefined,
components: { };
UserDetails, },
PicWorks, components: {
}, UserDetails,
mounted() { PicWorks,
this.setMoment(); },
for (let key = 0; key < 20; key++) { mounted() {
this.tableSourceData.push({ this.setMoment();
id: `00${key + 1}`, for (let key = 0; key < 20; key++) {
zhenshixingming: `陈飞云${key + 1}`, this.tableSourceData.push({
lianxidianhua: `13880888888`, id: `00${key + 1}`,
danweimingcheng: `宜宾人力资源与社保管理局${key + 1}`, zhenshixingming: `陈飞云${key + 1}`,
tupianzuopinshuliang: `1${key + 1}`, lianxidianhua: `13880888888`,
shipinzuopinshuliang: `-- ${key + 1}`, danweimingcheng: `宜宾人力资源与社保管理局${key + 1}`,
huiyuandengji: `vip ${key + 1}`, tupianzuopinshuliang: `1${key + 1}`,
zuijingdenglushijian: `2020-09-09 19:19:19`, shipinzuopinshuliang: `-- ${key + 1}`,
shiyongzhuangtai: `正常 ${key + 1}`, huiyuandengji: `vip ${key + 1}`,
}); zuijingdenglushijian: `2020-09-09 19:19:19`,
} shiyongzhuangtai: `正常 ${key + 1}`,
}, });
methods: { }
QueueState(type) { },
switch (type) { created() {
case 0: this.getList();
return "type1"; },
case 1: methods: {
return "type2"; // 获取列表数据
async getList(search = {}) {
let res = await getCustomer({
page: this.tablePagination.current,
size: this.tablePagination.pageSize,
...this.searchForm,
...search,
});
if (res.code == 1) {
let {
data,
total
} = res.data;
this.tableList = data;
this.tablePagination.total = total;
return data;
}
},
QueueState(type) {
switch (type) {
case 0:
return "type1";
case 1:
return "type2";
default: default:
return "type0"; return "type0";
} }
}, },
openPicWorks() { openPicWorks() {
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%";
}, },
openUserDetails() { openUserDetails() {
this.$refs.UserDetails.modalInfo.title = "客户详情"; this.$refs.UserDetails.modalInfo.title = "客户详情";
this.$refs.UserDetails.modalInfo.visible = true; this.$refs.UserDetails.modalInfo.visible = true;
}, },
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
/deep/.ant-spin-container { /deep/.ant-spin-container {
display: block; display: block;
} }
</style> </style>
\ No newline at end of file
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