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

报表整体修改

parent c8fc9728
......@@ -11,3 +11,8 @@ export function getCustomer(params) {
export function windowList(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 @@
</a-col>
<a-col :span="10">
<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.device_name }}</a-form-item>
<a-form-item label="流水号:">{{ formState.flownum?formState.flownum:'--' }}</a-form-item>
<a-form-item label="关联排号:">{{ formState.device_name?formState.device_name:'--' }}</a-form-item>
<a-form-item label="受理区域:">
<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 label="是否延时:">{{ formState.isweek_work ? '是' : '否' }}</a-form-item>
<a-form-item label="优先叫号:">{{ formState.first ? '是' : '否' }}</a-form-item>
......@@ -25,12 +26,13 @@
<a-col :span="10">
<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.parent_name }}</a-form-item>
<a-form-item label="父级业务:">{{ formState.parent_name?formState.parent_name:'--' }}</a-form-item>
<a-form-item label="关联事项:">
<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 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-col>
</a-row>
......@@ -167,7 +169,7 @@ import {getBusInfoById} from '@/api/dataActuary.js'
margin-bottom: .9375rem;
}
.f_40{
font-size: 2.5rem;
font-size: 2rem;
}
.f_center{
text-align: center;
......
......@@ -36,10 +36,10 @@
}" :scroll="{ y: 590 }" :pagination="tablePagination" @change="pagTableChange" :loading="tableLoading"
:columns="tableHeaders" :dataSource="tableList">
<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 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>
</a-table>
<PicWorks ref="PicWorks" />
......@@ -87,7 +87,10 @@ export default {
{
title: "真实姓名",
align: "center",
dataIndex: "custName"
dataIndex: "custName",
scopedSlots: {
customRender: "zhenshixingming",
},
},
{
title: "联系电话",
......@@ -103,6 +106,9 @@ export default {
title: "图片作品数量",
align: "center",
dataIndex: "customerDesignPictures",
scopedSlots: {
customRender: "tupianzuopinshuliang",
},
},
{
title: "视频作品数量",
......@@ -264,14 +270,16 @@ export default {
return "type0";
}
},
openPicWorks() {
openPicWorks(id) {
this.$refs.PicWorks.modalInfo.title = "作品数量";
this.$refs.PicWorks.modalInfo.visible = true;
this.$refs.PicWorks.modalInfo.width = "32%";
this.$refs.PicWorks.modalInfo.id = id
},
openUserDetails() {
openUserDetails(record) {
this.$refs.UserDetails.modalInfo.title = "客户详情";
this.$refs.UserDetails.modalInfo.visible = true;
this.$refs.UserDetails.modalInfo.record = record;
},
},
};
......
......@@ -6,18 +6,18 @@
:visible="modalInfo.visible"
@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="_list" v-for="item of 5">
<div class="_list" v-for="item in tableList" :key="item.id">
<div class="_top">
<img class="logo_img" src="~@/assets/images/logo.png" alt="" />
<h1>
<p>我要开公司</p>
<p>创建于:2022-05-23 20:00:00</p>
<p>{{item.workDesignName}}</p>
<p>创建于:{{item.updateTimeStr}}</p>
</h1>
</div>
<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>
......@@ -26,17 +26,41 @@
<script>
import modal from "../mixins/modal";
import {picInfoList} from "@/api/customer";
export default {
mixins: [modal],
name: "PortalAdminVuePicWorks",
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: {
async getPicInfo(id){
let res = await picInfoList({
customerId:id
});
console.log(res);
if (res.code == 1) {
let {data} = res.data;
this.tableList = data;
}
},
openPicWorks() {
this.$emit("openPicWorks");
},
......
......@@ -6,12 +6,60 @@
:visible="modalInfo.visible"
@close="modalClose"
>
<div class="box1" v-for="item of 3">
<p class="details1" v-for="item of 3">
<span>真实姓名</span><i>刘德华</i>
<div class="box1">
<p class="details1">
<span>真实姓名</span><i>{{modalInfo.record.custName}}</i>
</p>
<p class="details2" v-for="item of 3">
<span>图片作品数量</span><i @click="openPicWorks">4</i>
<p class="details1">
<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>
</div>
</a-drawer>
......@@ -30,8 +78,9 @@ export default {
mounted() {},
methods: {
openPicWorks() {
this.$emit("openPicWorks");
openPicWorks(id) {
this.modalInfo.visible = false
this.$emit("openPicWorks",id);
},
},
};
......
......@@ -174,7 +174,7 @@ export default {
{
title: "评价设备",
align: "center",
dataIndex: "pj_name",
dataIndex: "devicenum",
customRender: (text) => {
return text ? text : "--";
},
......
......@@ -67,8 +67,9 @@
:columns="tableHeaders"
:dataSource="tableSourceData"
>
<template slot="avater">
<a-avatar :size="40" icon="user" />
<template slot="avater" slot-scope="text">
<a-avatar v-if="!text" :size="40" icon="user" />
<img v-else :src="baseurl+text" style="width: 60px;height: 60px;">
</template>
<template slot="action" slot-scope="text">
<a-button type="link" @click="showDrawer(text)">详细信息</a-button>
......@@ -151,6 +152,7 @@ export default {
{
title: "用户头像",
align: "center",
dataIndex:"icon",
scopedSlots: {
customRender: "avater",
},
......@@ -198,6 +200,7 @@ export default {
tableSelectedRows: [],
tableSourceData: [],
userInfo: {}, // 用户信息
baseurl: process.env.VUE_APP_API_PHP_URL,
};
},
components: {
......
......@@ -315,6 +315,9 @@ export default {
"办理窗口",
"工作人员",
"办理结束时间",
"当前排号总时长",
"业务平均办理时长",
"业务平均等待时长",
"状态",
],
filterVal: [
......
......@@ -287,6 +287,9 @@ export default {
"办理窗口",
"工作人员",
"办理结束时间",
"当前排号总时长",
"业务平均办理时长",
"业务平均等待时长",
"状态",
],
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