Commit 646c1ac0 authored by 王晓旭's avatar 王晓旭

报表整体修改

parent c8fc9728
...@@ -11,3 +11,8 @@ export function getCustomer(params) { ...@@ -11,3 +11,8 @@ export function getCustomer(params) {
export function windowList(params) { export function windowList(params) {
return http.post(`${proURL}/base/window/list`, params); return http.post(`${proURL}/base/window/list`, params);
} }
// 图片作品
export function picInfoList(params) {
return http.post(`${baseURL}/eas/customer/work/design/picture/list`, params);
}
\ No newline at end of file
...@@ -13,10 +13,11 @@ ...@@ -13,10 +13,11 @@
</a-col> </a-col>
<a-col :span="10"> <a-col :span="10">
<a-form layout="horizontal" :model="formState" :label-col="{span: 4}" :wrapper-col="{span: 20}"> <a-form layout="horizontal" :model="formState" :label-col="{span: 4}" :wrapper-col="{span: 20}">
<a-form-item label="流水号:">{{ formState.flownum }}</a-form-item> <a-form-item label="流水号:">{{ formState.flownum?formState.flownum:'--' }}</a-form-item>
<a-form-item label="关联排号:">{{ formState.device_name }}</a-form-item> <a-form-item label="关联排号:">{{ formState.device_name?formState.device_name:'--' }}</a-form-item>
<a-form-item label="受理区域:"> <a-form-item label="受理区域:">
<a-tag v-for="(item, index) in formState.region" :key="index">{{ item }}</a-tag> <a-tag v-for="(item, index) in formState.region" :key="index">{{ item }}</a-tag>
<span v-if="formState.region.length<1">--</span>
</a-form-item> </a-form-item>
<a-form-item label="是否延时:">{{ formState.isweek_work ? '是' : '否' }}</a-form-item> <a-form-item label="是否延时:">{{ formState.isweek_work ? '是' : '否' }}</a-form-item>
<a-form-item label="优先叫号:">{{ formState.first ? '是' : '否' }}</a-form-item> <a-form-item label="优先叫号:">{{ formState.first ? '是' : '否' }}</a-form-item>
...@@ -25,12 +26,13 @@ ...@@ -25,12 +26,13 @@
<a-col :span="10"> <a-col :span="10">
<a-form layout="horizontal" :model="formState" :label-col="{span: 4}" :wrapper-col="{span: 20}"> <a-form layout="horizontal" :model="formState" :label-col="{span: 4}" :wrapper-col="{span: 20}">
<a-form-item label="业务级别:">{{ formState.level ? '二级业务' : '一级业务' }}</a-form-item> <a-form-item label="业务级别:">{{ formState.level ? '二级业务' : '一级业务' }}</a-form-item>
<a-form-item label="父级业务:">{{ formState.parent_name }}</a-form-item> <a-form-item label="父级业务:">{{ formState.parent_name?formState.parent_name:'--' }}</a-form-item>
<a-form-item label="关联事项:"> <a-form-item label="关联事项:">
<a-tag v-for="(item, index) in formState.matter" :key="index">{{ item.matterName }}</a-tag> <a-tag v-for="(item, index) in formState.matter" :key="index">{{ item.matterName }}</a-tag>
<span v-if="formState.matter.length<1">--</span>
</a-form-item> </a-form-item>
<a-form-item label="是否预约:">{{ formState.canorder ? '允许' : '不允许'}}</a-form-item> <a-form-item label="是否预约:">{{ formState.canorder ? '允许' : '不允许'}}</a-form-item>
<a-form-item label="验证方式:">{{testWay.join(',')}}</a-form-item> <a-form-item label="验证方式:">{{testWay.length>0?testWay.join(','):'--'}}</a-form-item>
</a-form> </a-form>
</a-col> </a-col>
</a-row> </a-row>
...@@ -167,7 +169,7 @@ import {getBusInfoById} from '@/api/dataActuary.js' ...@@ -167,7 +169,7 @@ import {getBusInfoById} from '@/api/dataActuary.js'
margin-bottom: .9375rem; margin-bottom: .9375rem;
} }
.f_40{ .f_40{
font-size: 2.5rem; font-size: 2rem;
} }
.f_center{ .f_center{
text-align: center; text-align: center;
......
...@@ -36,10 +36,10 @@ ...@@ -36,10 +36,10 @@
}" :scroll="{ y: 590 }" :pagination="tablePagination" @change="pagTableChange" :loading="tableLoading" }" :scroll="{ y: 590 }" :pagination="tablePagination" @change="pagTableChange" :loading="tableLoading"
:columns="tableHeaders" :dataSource="tableList"> :columns="tableHeaders" :dataSource="tableList">
<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(record)">{{ 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(record.id)">{{ text }}</a-button>
</template> </template>
</a-table> </a-table>
<PicWorks ref="PicWorks" /> <PicWorks ref="PicWorks" />
...@@ -87,7 +87,10 @@ export default { ...@@ -87,7 +87,10 @@ export default {
{ {
title: "真实姓名", title: "真实姓名",
align: "center", align: "center",
dataIndex: "custName" dataIndex: "custName",
scopedSlots: {
customRender: "zhenshixingming",
},
}, },
{ {
title: "联系电话", title: "联系电话",
...@@ -103,6 +106,9 @@ export default { ...@@ -103,6 +106,9 @@ export default {
title: "图片作品数量", title: "图片作品数量",
align: "center", align: "center",
dataIndex: "customerDesignPictures", dataIndex: "customerDesignPictures",
scopedSlots: {
customRender: "tupianzuopinshuliang",
},
}, },
{ {
title: "视频作品数量", title: "视频作品数量",
...@@ -264,14 +270,16 @@ export default { ...@@ -264,14 +270,16 @@ export default {
return "type0"; return "type0";
} }
}, },
openPicWorks() { openPicWorks(id) {
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
}, },
openUserDetails() { openUserDetails(record) {
this.$refs.UserDetails.modalInfo.title = "客户详情"; this.$refs.UserDetails.modalInfo.title = "客户详情";
this.$refs.UserDetails.modalInfo.visible = true; this.$refs.UserDetails.modalInfo.visible = true;
this.$refs.UserDetails.modalInfo.record = record;
}, },
}, },
}; };
......
...@@ -6,18 +6,18 @@ ...@@ -6,18 +6,18 @@
:visible="modalInfo.visible" :visible="modalInfo.visible"
@close="modalClose" @close="modalClose"
> >
<div class="headerInfo"><span>作品数量</span><i>4</i></div> <div class="headerInfo"><span>作品数量</span><i>{{tableList.length}}</i></div>
<div class="zuoping_box"> <div class="zuoping_box">
<div class="_list" v-for="item of 5"> <div class="_list" v-for="item in tableList" :key="item.id">
<div class="_top"> <div class="_top">
<img class="logo_img" src="~@/assets/images/logo.png" alt="" /> <img class="logo_img" src="~@/assets/images/logo.png" alt="" />
<h1> <h1>
<p>我要开公司</p> <p>{{item.workDesignName}}</p>
<p>创建于:2022-05-23 20:00:00</p> <p>创建于:{{item.updateTimeStr}}</p>
</h1> </h1>
</div> </div>
<div class="_bottom"> <div class="_bottom">
<img class="works_img" src="~@/assets/images/u22.png" alt="" /> <img class="works_img" :src="baseurl+'/'+item.previewUrl" alt="" />
</div> </div>
</div> </div>
</div> </div>
...@@ -26,17 +26,41 @@ ...@@ -26,17 +26,41 @@
<script> <script>
import modal from "../mixins/modal"; import modal from "../mixins/modal";
import {picInfoList} from "@/api/customer";
export default { export default {
mixins: [modal], mixins: [modal],
name: "PortalAdminVuePicWorks", name: "PortalAdminVuePicWorks",
data() { data() {
return {}; return {
modalInfo:{},
tableList:[],
baseurl:'http://8.136.255.30'
};
}, },
mounted() {}, mounted() {
},
watch:{
'modalInfo.visible'(newval){
if(newval){
this.getPicInfo(this.modalInfo.id)
}
}
},
methods: { methods: {
async getPicInfo(id){
let res = await picInfoList({
customerId:id
});
console.log(res);
if (res.code == 1) {
let {data} = res.data;
this.tableList = data;
}
},
openPicWorks() { openPicWorks() {
this.$emit("openPicWorks"); this.$emit("openPicWorks");
}, },
......
...@@ -6,12 +6,60 @@ ...@@ -6,12 +6,60 @@
:visible="modalInfo.visible" :visible="modalInfo.visible"
@close="modalClose" @close="modalClose"
> >
<div class="box1" v-for="item of 3"> <div class="box1">
<p class="details1" v-for="item of 3"> <p class="details1">
<span>真实姓名</span><i>刘德华</i> <span>真实姓名</span><i>{{modalInfo.record.custName}}</i>
</p> </p>
<p class="details2" v-for="item of 3"> <p class="details1">
<span>图片作品数量</span><i @click="openPicWorks">4</i> <span>性别</span><i>{{modalInfo.record.sex?modalInfo.record.sex%2==0?'':'':'--'}}</i>
</p>
<p class="details1">
<span>联系电话</span><i>{{modalInfo.record.contactTelphone}}</i>
</p>
<p class="details1">
<span>单位名称</span><i>{{modalInfo.record.organization}}</i>
</p>
<p class="details1">
<span>会员等级</span><i>{{modalInfo.record.memberLevel==0?'未开启':modalInfo.record.memberLevel==1?'试用客户':modalInfo.record.memberLevel==2?'VIP':modalInfo.record.memberLevel==3?'设计师':'--'}}</i>
</p>
<p class="details1">
<span>邮箱</span><i>{{modalInfo.record.mailbox?modalInfo.record.mailbox:'未填写'}}</i>
</p>
<p class="details1">
<span>职位</span><i>{{modalInfo.record.job?modalInfo.record.job:'未填写'}}</i>
</p>
<p class="details1">
<span>客户来源</span><i>{{modalInfo.record.customerSrc?modalInfo.record.customerSrc==1?'申请试用':'顾问签单':'未填写'}}</i>
</p>
<p class="details1">
<span>企业顾问</span><i>{{modalInfo.record.enterpriseConsultant}}</i>
</p>
<p class="details1">
<span>微信号</span><i>{{modalInfo.record.custName}}</i>
</p>
</div>
<div class="box1">
<p class="details1">
<span>登录账号</span><i>{{modalInfo.record.loginName}}</i>
</p>
<p class="details1">
<span>登录密码</span><i>{{modalInfo.record.password.replace(/\S/g, "*")}}</i>
</p>
</div>
<div class="box1">
<p class="details2">
<span>图片作品数量</span><i @click="openPicWorks(modalInfo.record.id)">{{modalInfo.record.customerDesignPictures}}</i>
</p>
<p class="details1">
<span>视屏作品数量</span><i>{{modalInfo.record.customerDesignVideos?modalInfo.record.customerDesignVideos:'0'}}</i>
</p>
</div>
<div class="box1">
<p class="details1">
<span>注册时间</span><i>{{modalInfo.record.createTime}}</i>
</p>
<p class="details1">
<span>最近登录时间</span><i>{{modalInfo.record.lastLoginTimeStr}}</i>
</p> </p>
</div> </div>
</a-drawer> </a-drawer>
...@@ -30,8 +78,9 @@ export default { ...@@ -30,8 +78,9 @@ export default {
mounted() {}, mounted() {},
methods: { methods: {
openPicWorks() { openPicWorks(id) {
this.$emit("openPicWorks"); this.modalInfo.visible = false
this.$emit("openPicWorks",id);
}, },
}, },
}; };
......
...@@ -174,7 +174,7 @@ export default { ...@@ -174,7 +174,7 @@ export default {
{ {
title: "评价设备", title: "评价设备",
align: "center", align: "center",
dataIndex: "pj_name", dataIndex: "devicenum",
customRender: (text) => { customRender: (text) => {
return text ? text : "--"; return text ? text : "--";
}, },
......
...@@ -67,8 +67,9 @@ ...@@ -67,8 +67,9 @@
:columns="tableHeaders" :columns="tableHeaders"
:dataSource="tableSourceData" :dataSource="tableSourceData"
> >
<template slot="avater"> <template slot="avater" slot-scope="text">
<a-avatar :size="40" icon="user" /> <a-avatar v-if="!text" :size="40" icon="user" />
<img v-else :src="baseurl+text" style="width: 60px;height: 60px;">
</template> </template>
<template slot="action" slot-scope="text"> <template slot="action" slot-scope="text">
<a-button type="link" @click="showDrawer(text)">详细信息</a-button> <a-button type="link" @click="showDrawer(text)">详细信息</a-button>
...@@ -151,6 +152,7 @@ export default { ...@@ -151,6 +152,7 @@ export default {
{ {
title: "用户头像", title: "用户头像",
align: "center", align: "center",
dataIndex:"icon",
scopedSlots: { scopedSlots: {
customRender: "avater", customRender: "avater",
}, },
...@@ -198,6 +200,7 @@ export default { ...@@ -198,6 +200,7 @@ export default {
tableSelectedRows: [], tableSelectedRows: [],
tableSourceData: [], tableSourceData: [],
userInfo: {}, // 用户信息 userInfo: {}, // 用户信息
baseurl: process.env.VUE_APP_API_PHP_URL,
}; };
}, },
components: { components: {
......
...@@ -315,6 +315,9 @@ export default { ...@@ -315,6 +315,9 @@ export default {
"办理窗口", "办理窗口",
"工作人员", "工作人员",
"办理结束时间", "办理结束时间",
"当前排号总时长",
"业务平均办理时长",
"业务平均等待时长",
"状态", "状态",
], ],
filterVal: [ filterVal: [
......
...@@ -287,6 +287,9 @@ export default { ...@@ -287,6 +287,9 @@ export default {
"办理窗口", "办理窗口",
"工作人员", "工作人员",
"办理结束时间", "办理结束时间",
"当前排号总时长",
"业务平均办理时长",
"业务平均等待时长",
"状态", "状态",
], ],
filterVal: [ filterVal: [
......
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