Skip to content

S
SuperMan
Commit 13f6c1d7 authored by 沈良进's avatar 沈良进
Browse files
Options

页面修改

parent 28135a3a
Show whitespace changes
Inline Side-by-side
Showing with 564 additions and 414 deletions
src/components/SalesModule/customerApproval.vue
View file @ 13f6c1d7
...@@ -9,7 +9,9 @@ ...@@ -9,7 +9,9 @@
float: left; float: left;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
margin-right: 5px;border:1px dashed #d1d1d1;border-radius: 6px; margin-right: 5px;
border: 1px dashed #d1d1d1;
border-radius: 6px;
} }
._info_img ul li:hover ._see_img { ._info_img ul li:hover ._see_img {
...@@ -55,43 +57,209 @@ ...@@ -55,43 +57,209 @@
text-align: center; text-align: center;
overflow: auto; overflow: auto;
} }
.customerApproval .approvalNav{height: 52px;width: 100%; margin: 30px 0 20px;}
.customerApproval .approvalNav>li{float: left; width: 116px; font-size: 14px; height: 52px; color: #666; text-align: center; line-height: 52px; background: #E9E9E9; cursor: pointer;} .customerApproval .approvalNav {
.customerApproval .approvalNav>li.active{background: #fff; color: #333;} height: 52px;
.customerApproval .approvalNav .divActive{margin: -3px auto; width: 26px; height: 3px; background: #E95252;} width: 100%;
.customerApprovalDetailTable{width: 100%; font-size:14px; color: #333;} margin: 30px 0 20px;
.customerApprovalDetailTable tr th{background: #E6E6E6;height:30px; font-size: 12px; text-align: left; text-indent: 25px;} }
.customerApprovalDetailTable tr{background: #fff;text-align: left;}
.customerApprovalDetailTable tr td{height: 60px; padding-left:25px; border-bottom:1px solid #eee; font-size: 14px; color: #333;} .customerApproval .approvalNav>li {
.customerApprovalLayer{position: fixed; z-index: 99; background: rgba(0,0,0,.1); width: 100%; height: 100%; left: 0; top: 0;} float: left;
.customerApprovalLayer .rightZero{right: 0px;} width: 116px;
.customerApprovalLayercontentDiv{width: 420px; background: #fff; height: 100%; overflow: auto; top: 0; right:-420px; font-size: 14px;
position: fixed;box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.1);transition: right .5s;} height: 52px;
.customerApprovalLayercontentDiv .title{width:420px; height:48px; line-height: 48px; text-indent: 20px; font-size: 16px; color: #333; background:#EDEEF0;} color: #666;
.customerApprovalLayercontentDiv .item{width: 380px;height: auto; overflow: hidden; border:1px solid #E6E6E6; margin: 20px 0 20px 20px; padding: 20px;} text-align: center;
.customerApprovalLayercontentDiv .item .topMsg{overflow: hidden;padding-bottom: 20px; border-bottom: 1px solid #E6E6E6;} line-height: 52px;
.customerApprovalLayercontentDiv .item .topMsg>img{float: left; margin-right: 13px;} background: #E9E9E9;
.customerApprovalLayercontentDiv .item .bottomMsg{padding: 15px 0;} cursor: pointer;
.customerApprovalLayercontentDiv .item .bottomMsg .pImg{margin-top: 10px;} }
.customerApprovalLayercontentDiv .item .bottomMsg .pImg img{cursor: pointer;height: 100px;}
.customerApprovalLayercontentDiv .answerItem{ overflow: hidden; padding: 15px 0;} .customerApproval .approvalNav>li.active {
.customerApprovalLayercontentDiv .answerItem>img{float: left;width: 28px; height: 28px; border-radius: 14px;margin-right: 10px;} background: #fff;
.customerApprovalLayercontentBtn{position: fixed; bottom: 0; background: #f5f5f5; width:420px; height:70px; line-height: 70px; text-align: right; padding: 0 20px;} color: #333;
.customerApprovalLayercontentBtn>div{border-bottom: 1px solid #D9D9D9; height: 40px; line-height: 40px; text-align: left; overflow: hidden;} }
.customerApprovalLayercontentBtn>span{display: inline-block; line-height: 18px; color: #333; font-size: 12px; text-align: center;border:2px solid #fff; cursor: pointer; background: #fff; height: 110px; width: 110px; margin-top: 20px;box-sizing: border-box; }
.customerApprovalLayercontentBtn>span.cked{border:2px solid #E95252;box-sizing: border-box;} .customerApproval .approvalNav .divActive {
.customerApprovalLayercontentBtn>span>img{float: left; margin:10px 23px; width: 63px; height: 63px;} margin: -3px auto;
.customerApproval .lastVisitContent{background: #f5f5f5; font-size: 12px; padding: 5px 12px; margin-top: 8px;} width: 26px;
.customerApproval ._class_b{ height: 3px;
background: #E95252;
}
.customerApprovalDetailTable {
width: 100%;
font-size: 14px;
color: #333;
}
.customerApprovalDetailTable tr th {
background: #E6E6E6;
height: 30px;
font-size: 12px;
text-align: left;
text-indent: 25px;
}
.customerApprovalDetailTable tr {
background: #fff;
text-align: left;
}
.customerApprovalDetailTable tr td {
height: 60px;
padding-left: 25px;
border-bottom: 1px solid #eee;
font-size: 14px;
color: #333;
}
.customerApprovalLayer {
position: fixed;
z-index: 99;
background: rgba(0, 0, 0, .1);
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.customerApprovalLayer .rightZero {
right: 0px;
}
.customerApprovalLayercontentDiv {
width: 420px;
background: #fff;
height: 100%;
overflow: auto;
top: 0;
right: -420px;
position: fixed;
box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.1);
transition: right .5s;
}
.customerApprovalLayercontentDiv .title {
width: 420px;
height: 48px;
line-height: 48px;
text-indent: 20px;
font-size: 16px;
color: #333;
background: #EDEEF0;
}
.customerApprovalLayercontentDiv .item {
width: 380px;
height: auto;
overflow: hidden;
border: 1px solid #E6E6E6;
margin: 20px 0 20px 20px;
padding: 20px;
}
.customerApprovalLayercontentDiv .item .topMsg {
overflow: hidden;
padding-bottom: 20px;
border-bottom: 1px solid #E6E6E6;
}
.customerApprovalLayercontentDiv .item .topMsg>img {
float: left;
margin-right: 13px;
}
.customerApprovalLayercontentDiv .item .bottomMsg {
padding: 15px 0;
}
.customerApprovalLayercontentDiv .item .bottomMsg .pImg {
margin-top: 10px;
}
.customerApprovalLayercontentDiv .item .bottomMsg .pImg img {
cursor: pointer;
height: 100px;
}
.customerApprovalLayercontentDiv .answerItem {
overflow: hidden;
padding: 15px 0;
}
.customerApprovalLayercontentDiv .answerItem>img {
float: left;
width: 28px;
height: 28px;
border-radius: 14px;
margin-right: 10px;
}
.customerApprovalLayercontentBtn {
position: fixed;
bottom: 0;
background: #f5f5f5;
width: 420px;
height: 70px;
line-height: 70px;
text-align: right;
padding: 0 20px;
}
.customerApprovalLayercontentBtn>div {
border-bottom: 1px solid #D9D9D9;
height: 40px;
line-height: 40px;
text-align: left;
overflow: hidden;
}
.customerApprovalLayercontentBtn>span {
display: inline-block;
line-height: 18px;
color: #333;
font-size: 12px;
text-align: center;
border: 2px solid #fff;
cursor: pointer;
background: #fff;
height: 110px;
width: 110px;
margin-top: 20px;
box-sizing: border-box;
}
.customerApprovalLayercontentBtn>span.cked {
border: 2px solid #E95252;
box-sizing: border-box;
}
.customerApprovalLayercontentBtn>span>img {
float: left;
margin: 10px 23px;
width: 63px;
height: 63px;
}
.customerApproval .lastVisitContent {
background: #f5f5f5;
font-size: 12px;
padding: 5px 12px;
margin-top: 8px;
}
.customerApproval ._class_b {
color: #257BF1 !important color: #257BF1 !important
} }
</style> </style>
<template> <template>
<div class="customerApproval"> <div class="customerApproval">
<div :class="{viewBigPicLayer:true,viewBigPicLayerDisplayNone:dspNone}" @click="closePicLayer"> <div :class="{viewBigPicLayer:true,viewBigPicLayerDisplayNone:dspNone}" @click="closePicLayer">
<i @click="closePicLayer" class="el-icon-circle-close-outline clolseViewBigPicLayer" ></i> <i @click="closePicLayer" class="el-icon-circle-close-outline clolseViewBigPicLayer"></i>
<el-carousel height="600px" :initial-index='initialIndex' :interval="5000" trigger="click"> <el-carousel height="600px" :initial-index='initialIndex' :interval="5000" trigger="click">
<el-carousel-item v-for="(item,index) in picObj" :key="index"> <el-carousel-item v-for="(item,index) in picObj" :key="index">
<div class="inlineDiv ownScrollbarStyle"><img :src="item" /></div> <div class="inlineDiv ownScrollbarStyle"><img :src="item" /></div>
...@@ -101,15 +269,13 @@ ...@@ -101,15 +269,13 @@
<viewer :images="picObj" :options='imageOptions' @inited="inited" class="viewer" ref="viewer"> <viewer :images="picObj" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
<img v-for="item in picObj" :src="item" :key="item"> <img v-for="item in picObj" :src="item" :key="item">
</viewer> </viewer>
<div :class="{customerApprovalLayer:showlayer}" @click="closeLayer"> <div :class="{customerApprovalLayer:showlayer}" @click="closeLayer">
<div :class="{customerApprovalLayercontentDiv:true,rightZero:isTransition}" class="ownScrollbarStyle" @click.stop> <div :class="{customerApprovalLayercontentDiv:true,rightZero:isTransition}" class="ownScrollbarStyle" @click.stop>
<div class="title">{{meta}}{{$t('fnc.xiangqing')}}</div> <div class="title">{{meta}}{{$t('fnc.xiangqing')}}</div>
<div class="item"> <div class="item">
<div class="topMsg"> <div class="topMsg">
<img v-if='!detailList.photo' src="../../assets/img/litheader.png"/> <img v-if='!detailList.photo' src="../../assets/img/litheader.png" />
<img v-if='detailList.photo' :onerror="defaultImg" :src='detailList.photo'/> <img v-if='detailList.photo' :onerror="defaultImg" :src='detailList.photo' />
<p>{{detailList.customerName}}</p> <p>{{detailList.customerName}}</p>
<p class="mt5"> <p class="mt5">
<i class="iconfont icon-img_dianhua fz12" style="color: #09d49d;"></i> <i class="iconfont icon-img_dianhua fz12" style="color: #09d49d;"></i>
...@@ -120,7 +286,7 @@ ...@@ -120,7 +286,7 @@
<p class="fz12 color999 mt5">{{detailList.expectVisitDateTime}}</p> <p class="fz12 color999 mt5">{{detailList.expectVisitDateTime}}</p>
</div> </div>
<p v-if="lastVisitObj.visitId>0" class="fz14 mt10 color666"> <p v-if="lastVisitObj.visitId>0" class="fz14 mt10 color666">
<i class="iconfont icon-shijian colorccc" ></i>&nbsp;{{$t('salesModule.HistoryVisit')}}&nbsp; <i class="iconfont icon-shijian colorccc"></i>&nbsp;{{$t('salesModule.HistoryVisit')}}&nbsp;
<span class="color666 fz12">{{lastVisitObj.timestr}}</span> <span class="color666 fz12">{{lastVisitObj.timestr}}</span>
</p> </p>
<div v-if="lastVisitObj.visitId>0" style="border-bottom: 1px solid #ccc; padding-bottom: 10px;"> <div v-if="lastVisitObj.visitId>0" style="border-bottom: 1px solid #ccc; padding-bottom: 10px;">
...@@ -132,22 +298,19 @@ ...@@ -132,22 +298,19 @@
</div> </div>
<div class="bottomMsg"> <div class="bottomMsg">
<p class="fz14 color666 mt10"> <p class="fz14 color666 mt10">
<i class="iconfont icon-ico-mingpianzhaopian fz14 colorccc" ></i>&nbsp; <i class="iconfont icon-ico-mingpianzhaopian fz14 colorccc"></i>&nbsp;
<!-- {{$t('salesModule.BusinessPhoto')}} -->合同资料 合同资料
</p> </p>
<p class="pImg" v-if="!detailList.businessCardPhotos"><span class="fz12 color333">{{$t('active.cl_zanwu')}}</span></p> <p class="pImg" v-if="!detailList.businessCardPhotos"><span
class="fz12 color333">{{$t('active.cl_zanwu')}}</span></p>
<p class="pImg" v-else> <p class="pImg" v-else>
<div class="_info_img" v-if="detailList.businessCardPhotos&&detailList.businessCardPhotos.length>0"> <div class="_info_img" v-if="detailList.businessCardPhotos&&detailList.businessCardPhotos.length>0">
<ul class="clearfix"> <ul class="clearfix">
<li v-for="(img,imgI) in detailList.businessCardPhotos"> <li v-for="(img,imgI) in detailList.businessCardPhotos" :key="imgI">
<img v-if="!img" src="../../assets/img/Travelslider.png" alt=""> <img v-if="!img" src="../../assets/img/Travelslider.png" alt="">
<el-image <el-image v-if="img&&verificationFile(img,3)" :src="img" :preview-src-list="[img]">
v-if="img&&verificationFile(img,3)"
:src="img"
:preview-src-list="[img]">
</el-image> </el-image>
<div v-if="img&&verificationFile(img,1)" <div v-if="img&&verificationFile(img,1)" style="width: 50px; line-height: 50px;text-align: center;">
style="width: 50px; line-height: 50px;text-align: center;">
<span class="_wenjian_P iconfont" <span class="_wenjian_P iconfont"
:class="img.substring(img.lastIndexOf('.')+1,img.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"></span> :class="img.substring(img.lastIndexOf('.')+1,img.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"></span>
</div> </div>
...@@ -157,71 +320,63 @@ ...@@ -157,71 +320,63 @@
</li> </li>
</ul> </ul>
</div> </div>
<!-- <img @click="getPic(detailList.businessCardPhotos,index)"
v-for="(i,index) in detailList.businessCardPhotos" :src="i+'?x-oss-process=image/resize,m_mfit,h_100,w_300'"/>
<template v-if='detailList.businessCardPhotos&&detailList.businessCardPhotos.length==1'>
<img @click="getPic(detailList.businessCardPhotos,index)"
v-for="(i,index) in detailList.businessCardPhotos" :src="i+'?x-oss-process=image/resize,m_mfit,h_100,w_300'"/>
</template>
<template v-if='detailList.businessCardPhotos&&detailList.businessCardPhotos.length==2||detailList.businessCardPhotos.length==4'>
<img @click="getPic(detailList.businessCardPhotos,index)"
v-for="(i,index) in detailList.housePhotos" :src="i+'?x-oss-process=image/resize,m_pad,w_169,h_150,color_333333'"/>
</template>
<template v-if='detailList.businessCardPhotos&&detailList.businessCardPhotos.length==3||detailList.businessCardPhotos.length>=5'>
<img @click="getPic(detailList.businessCardPhotos,index)"
v-for="(i,index) in detailList.housePhotos" :src="i+'?x-oss-process=image/resize,m_pad,h_100,w_100,color_333333'"/>
</template> -->
</p> </p>
<p class="fz14 color666 mt10"> <p class="fz14 color666 mt10">
<i class="iconfont icon-ico-menpaizhaopian fz14 colorccc" ></i>&nbsp; <i class="iconfont icon-ico-menpaizhaopian fz14 colorccc"></i>&nbsp;
平台用户名 平台用户名
</p> </p>
<p> <p>
<div style="display: flex; flex-wrap: wrap;align-items: center;"> <div style="display: flex; flex-wrap: wrap;align-items: center;">
<el-tag <el-tag :key="tag" v-for="tag in detailList.platformUserNameList" :disable-transitions="false"
:key="tag" size="medium" style="margin-right: 5px;margin-bottom: 3px;">
v-for="tag in detailList.platformUserNameList"
:disable-transitions="false"
size="medium"
style="margin-right: 5px;margin-bottom: 3px;">
{{tag}} {{tag}}
</el-tag> </el-tag>
</div> </div>
</p> </p>
<p class="fz14 color666 mt10"> <p class="fz14 color666 mt10">
<i class="iconfont icon-ico-menpaizhaopian fz14 colorccc" ></i>&nbsp; <i class="iconfont icon-ico-menpaizhaopian fz14 colorccc"></i>&nbsp;
{{$t('salesModule.doorPhoto')}} {{$t('salesModule.doorPhoto')}}
</p> </p>
<p class="pImg" v-if="!detailList.housePhotos"><span class="fz12 color333">{{$t('active.cl_zanwu')}}</span></p> <p class="pImg" v-if="!detailList.housePhotos"><span class="fz12 color333">{{$t('active.cl_zanwu')}}</span>
</p>
<p class="pImg" v-else> <p class="pImg" v-else>
<img @click="getPic(detailList.housePhotos,index)" v-if='detailList.housePhotos.length==1' v-for="(i,index) in detailList.housePhotos" :src="i+'?x-oss-process=image/resize,m_mfit,h_100,w_300'"/> <img @click="getPic(detailList.housePhotos,index)" :key="index+10000"
<img @click="getPic(detailList.housePhotos,index)" v-if='detailList.housePhotos.length==2||detailList.housePhotos.length==4' v-for="(i,index) in detailList.housePhotos" :src="i+'?x-oss-process=image/resize,m_pad,w_169,h_150,color_333333'"/> v-if='detailList.housePhotos.length==1' v-for="(i,index) in detailList.housePhotos"
<img @click="getPic(detailList.housePhotos,index)" v-if='detailList.housePhotos.length==3||detailList.housePhotos.length>=5' v-for="(i,index) in detailList.housePhotos" :src="i+'?x-oss-process=image/resize,m_pad,h_100,w_100,color_333333'"/> :src="i+'?x-oss-process=image/resize,m_mfit,h_100,w_300'" />
<img @click="getPic(detailList.housePhotos,index)"
v-if='detailList.housePhotos.length==2||detailList.housePhotos.length==4'
v-for="(i,index) in detailList.housePhotos"
:src="i+'?x-oss-process=image/resize,m_pad,w_169,h_150,color_333333'" :key="index+20000" />
<img @click="getPic(detailList.housePhotos,index)"
v-if='detailList.housePhotos.length==3||detailList.housePhotos.length>=5'
v-for="(i,index) in detailList.housePhotos" :key="index+30000"
:src="i+'?x-oss-process=image/resize,m_pad,h_100,w_100,color_333333'" />
</p> </p>
<p class="fz14 color666 mt10"> <p class="fz14 color666 mt10">
<i class="iconfont icon-ico_yingyezhizhao fz14 colorccc" ></i>&nbsp; <i class="iconfont icon-ico_yingyezhizhao fz14 colorccc"></i>&nbsp;
{{$t('salesModule.BusinessLicense')}} {{$t('salesModule.BusinessLicense')}}
</p> </p>
<p class="pImg" v-if="!detailList.images"><span class="fz12 color333">{{$t('active.cl_zanwu')}}</span></p> <p class="pImg" v-if="!detailList.images"><span class="fz12 color333">{{$t('active.cl_zanwu')}}</span></p>
<p class="pImg" v-else> <p class="pImg" v-else>
<img @click="getPic(detailList.images,index)" v-if='detailList.images.length==1' v-for="(i,index) in detailList.images" :src="i+'?x-oss-process=image/resize,m_mfit,h_100,w_300'"/> <img @click="getPic(detailList.images,index)" v-if='detailList.images.length==1'
<img @click="getPic(detailList.images,index)" v-if='detailList.images.length==2||detailList.images.length==4' v-for="(i,index) in detailList.images" :src="i+'?x-oss-process=image/resize,m_pad,w_169,h_150,color_333333'"/> v-for="(i,index) in detailList.images" :key="index+40000"
<img @click="getPic(detailList.images,index)" v-if='detailList.images.length==3||detailList.images.length>=5' v-for="(i,index) in detailList.images" :src="i+'?x-oss-process=image/resize,m_pad,h_100,w_100,color_333333'"/> :src="i+'?x-oss-process=image/resize,m_mfit,h_100,w_300'" />
<img @click="getPic(detailList.images,index)"
v-if='detailList.images.length==2||detailList.images.length==4' v-for="(i,index) in detailList.images"
:src="i+'?x-oss-process=image/resize,m_pad,w_169,h_150,color_333333'" :key="index+50000" />
<img @click="getPic(detailList.images,index)"
v-if='detailList.images.length==3||detailList.images.length>=5' v-for="(i,index) in detailList.images"
:key="index+60000" :src="i+'?x-oss-process=image/resize,m_pad,h_100,w_100,color_333333'" />
</p> </p>
<p class="fz14 color666 mt10"> <p class="fz14 color666 mt10">
<i class="iconfont icon-fangwenjilu fz14 colorccc" ></i>&nbsp; <i class="iconfont icon-fangwenjilu fz14 colorccc"></i>&nbsp;
{{$t('salesModule.kaifaDetail')}} {{$t('salesModule.kaifaDetail')}}
</p> </p>
<p class="fz12 color333 mt10"> <p class="fz12 color333 mt10">
{{detailList.remark==''?'暂无':detailList.remark}} {{detailList.remark==''?'暂无':detailList.remark}}
</p> </p>
<p class="fz14 color666 mt10"> <p class="fz14 color666 mt10">
<i class="iconfont icon-goutongneirong fz14 colorccc" ></i>&nbsp; <i class="iconfont icon-goutongneirong fz14 colorccc"></i>&nbsp;
{{$t('salesModule.VisitJG')}} {{$t('salesModule.VisitJG')}}
</p> </p>
<p class="fz12 color333 mt10"> <p class="fz12 color333 mt10">
...@@ -232,22 +387,25 @@ ...@@ -232,22 +387,25 @@
{{$t('salesModule.SPYJ')}} {{$t('salesModule.SPYJ')}}
</p> </p>
<div class="answerItem" v-for="item in answerDetailList"> <div class="answerItem" v-for="item in answerDetailList">
<img v-if='!item.emPhoto' src="../../assets/img/litheader.png"/> <img v-if='!item.emPhoto' src="../../assets/img/litheader.png" />
<img v-if='item.emPhoto' :onerror="defaultImg" :src='item.emPhoto'/> <img v-if='item.emPhoto' :onerror="defaultImg" :src='item.emPhoto' />
<p> <p>
<span class="fz14 color333">{{item.createBy}}</span> <span class="fz14 color333">{{item.createBy}}</span>
<span class="fz12 color999">{{item.createDate}}</span> <span class="fz12 color999">{{item.createDate}}</span>
</p> </p>
<p class="mt5" style="color: #E95252;" v-show='item.adviceStatus==2'>{{$t('salesModule.ApprovalRejected')}}</p> <p class="mt5" style="color: #E95252;" v-show='item.adviceStatus==2'>
{{$t('salesModule.ApprovalRejected')}}</p>
<p style="color: #09D49D;" v-show='item.adviceStatus==1'>{{$t('salesModule.ApprovalPassed')}}</p> <p style="color: #09D49D;" v-show='item.adviceStatus==1'>{{$t('salesModule.ApprovalPassed')}}</p>
<p class="fz12 color333 mt5" style="margin-left: 35px; background: #f5f5f5; padding: 10px;">{{item.adviceContent}}</p> <p class="fz12 color333 mt5" style="margin-left: 35px; background: #f5f5f5; padding: 10px;">
{{item.adviceContent}}</p>
</div> </div>
</div> </div>
</div> </div>
<div class="customerApprovalLayercontentBtn" v-show="(customerStatus==0||customerStatus==1)&&isOk==-1"> <div class="customerApprovalLayercontentBtn" v-show="(customerStatus==0||customerStatus==1)&&isOk==-1">
<input type="button" class="normalBtn" :value="$t('visa.v_tongguo')" @click="isOk=1;addMsg.AdviceStatus=1"/> <input type="button" class="normalBtn" :value="$t('visa.v_tongguo')" @click="isOk=1;addMsg.AdviceStatus=1" />
<input type="button" class="hollowFixedBtn" :value="$t('visa.v_jujue')" @click="isOk=0;addMsg.AdviceStatus=2"/> <input type="button" class="hollowFixedBtn" :value="$t('visa.v_jujue')"
@click="isOk=0;addMsg.AdviceStatus=2" />
</div> </div>
<div class="customerApprovalLayercontentBtn" style="height: 190px;" v-show="isOk==0"> <div class="customerApprovalLayercontentBtn" style="height: 190px;" v-show="isOk==0">
...@@ -257,8 +415,8 @@ ...@@ -257,8 +415,8 @@
<p class="mt10"> <p class="mt10">
<el-input type="textarea" v-model='addMsg.AdviceContent' maxlength='200'></el-input> <el-input type="textarea" v-model='addMsg.AdviceContent' maxlength='200'></el-input>
</p> </p>
<input type="button" class="normalBtn" :value="$t('adm.adm_publish')" @click="saveApproval()"/> <input type="button" class="normalBtn" :value="$t('adm.adm_publish')" @click="saveApproval()" />
<input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="isOk=-1"/> <input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="isOk=-1" />
</div> </div>
<div class="customerApprovalLayercontentBtn" style="height: 250px; text-align: center;" v-show="isOk==1"> <div class="customerApprovalLayercontentBtn" style="height: 250px; text-align: center;" v-show="isOk==1">
...@@ -275,12 +433,10 @@ ...@@ -275,12 +433,10 @@
{{$t('salesModule.MemberCustomer')}} {{$t('salesModule.MemberCustomer')}}
</span> </span>
<p class="clearfix"></p> <p class="clearfix"></p>
<input type="button" class="normalBtn mg0" :value="$t('restaurant.res_confirm')" @click="saveApproval()"/> <input type="button" class="normalBtn mg0" :value="$t('restaurant.res_confirm')" @click="saveApproval()" />
&nbsp;&nbsp; &nbsp;&nbsp;
<input type="button" class="hollowFixedBtn mg0" :value="$t('pub.cancelBtn')" @click="isOk=-1"/> <input type="button" class="hollowFixedBtn mg0" :value="$t('pub.cancelBtn')" @click="isOk=-1" />
</div> </div>
</div> </div>
</div> </div>
...@@ -309,7 +465,8 @@ ...@@ -309,7 +465,8 @@
<th width="15%">{{$t('admin.admin_operate')}}</th> <th width="15%">{{$t('admin.admin_operate')}}</th>
</tr> </tr>
<tr v-for="item in list"> <tr v-for="item in list">
<td class="fz16">{{item.customerName}}<i class="iconfont icon-shimingrenzheng" :class="{'_class_b': item.RealNameAuthentication===1}"></i></td> <td class="fz16">{{item.customerName}}<i class="iconfont icon-shimingrenzheng"
:class="{'_class_b': item.RealNameAuthentication===1}"></i></td>
<td> <td>
{{item.contact}} {{item.contact}}
</td> </td>
...@@ -317,66 +474,61 @@ ...@@ -317,66 +474,61 @@
<td>{{item.expectVisitDateTime}}</td> <td>{{item.expectVisitDateTime}}</td>
<td>{{item.emName}}</td> <td>{{item.emName}}</td>
<td> <td>
<img src="../../assets/img/dsp.png" v-show="item.customerStatus==0||item.customerStatus==1"/> <img src="../../assets/img/dsp.png" v-show="item.customerStatus==0||item.customerStatus==1" />
<img src="../../assets/img/ysp.png" v-show="item.customerStatus==2||item.customerStatus==3"/> <img src="../../assets/img/ysp.png" v-show="item.customerStatus==2||item.customerStatus==3" />
</td> </td>
<td> <td>
<input type="button" :value="$t('salesModule.CheckDetails')" class="normalBtn" style="margin-left: 0;" @click="getDetail(item)"/> <input type="button" :value="$t('salesModule.CheckDetails')" class="normalBtn" style="margin-left: 0;"
@click="getDetail(item)" />
</td> </td>
</tr> </tr>
</table> </table>
<el-pagination <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
background layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=total>
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size=msg.pageSize
:total=total>
</el-pagination> </el-pagination>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data(){ data() {
return{ return {
imageOptions:{ imageOptions: {
navbar:false, navbar: false,
title:false title: false
}, },
lastVisitObj:{}, lastVisitObj: {},
meta:'', meta: '',
isOk:-1, isOk: -1,
type:-1, type: -1,
loading:false, loading: false,
isTransition:false, isTransition: false,
showlayer:false, showlayer: false,
msg:{ msg: {
pageIndex:1, pageIndex: 1,
pageSize:10, pageSize: 10,
CustomerStatus:-1, CustomerStatus: -1,
}, },
addMsg:{ addMsg: {
CustomerId:0, CustomerId: 0,
AdviceStatus:0, AdviceStatus: 0,
AdviceContent:'', AdviceContent: '',
VisitId:-1, VisitId: -1,
IsMember:2, IsMember: 2,
}, },
customerStatus:-1, customerStatus: -1,
picObj: [], picObj: [],
dspNone: true, dspNone: true,
initialIndex: 0, initialIndex: 0,
defaultImg: 'this.src="' + require("../../assets/img/litheader.png") + '"', defaultImg: 'this.src="' + require("../../assets/img/litheader.png") + '"',
currentPage:1, currentPage: 1,
total:0, total: 0,
list:[], list: [],
detailList:{}, detailList: {},
answerDetailList:[] answerDetailList: []
} }
}, },
methods:{ methods: {
showUpLoadFile2(i) { // 预览上传文件 showUpLoadFile2(i) { // 预览上传文件
if (i.substring(i.lastIndexOf('.') + 1, i.length).toUpperCase() == 'PDF') { if (i.substring(i.lastIndexOf('.') + 1, i.length).toUpperCase() == 'PDF') {
this.previewPDF(i) this.previewPDF(i)
...@@ -384,25 +536,24 @@ ...@@ -384,25 +536,24 @@
window.open("https://view.officeapps.live.com/op/view.aspx?src=" + i) window.open("https://view.officeapps.live.com/op/view.aspx?src=" + i)
} }
}, },
inited (viewer){ inited(viewer) {
this.$viewer = viewer this.$viewer = viewer
}, },
saveApproval(){ saveApproval() {
if(this.addMsg.AdviceStatus==1) if (this.addMsg.AdviceStatus == 1) {
{ this.addMsg.AdviceContent = ''
this.addMsg.AdviceContent='' } else {
}else{ this.addMsg.IsMember = 2
this.addMsg.IsMember=2 }
} this.apipost('app_today_visit_SetCustomerAdvice', this.addMsg, res => {
this.apipost('app_today_visit_SetCustomerAdvice',this.addMsg,res=>{ if (res.data.resultCode == 1) {
if(res.data.resultCode==1){
this.$message.success(res.data.message) this.$message.success(res.data.message)
this.closeLayer() this.closeLayer()
this.getList() this.getList()
}else{ } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
},err=>{}) }, err => {})
}, },
closePicLayer() { closePicLayer() {
this.dspNone = true; this.dspNone = true;
...@@ -410,69 +561,68 @@ ...@@ -410,69 +561,68 @@
getPic(obj, index) { getPic(obj, index) {
this.picObj = obj; this.picObj = obj;
this.$viewer.show() this.$viewer.show()
// this.initialIndex = index;
//
// this.dspNone = false;
}, },
getDetail(obj){ getDetail(obj) {
this.meta=obj.customerName this.meta = obj.customerName
this.addMsg.VisitId=obj.visitID this.addMsg.VisitId = obj.visitID
this.addMsg.CustomerId=obj.customerId this.addMsg.CustomerId = obj.customerId
this.customerStatus=obj.customerStatus this.customerStatus = obj.customerStatus
this.apipost('app_today_visit_GetVisitByCustomerIDEntity',{customerId:obj.customerId},res=>{ this.apipost('app_today_visit_GetVisitByCustomerIDEntity', {
if(res.data.resultCode==1){ customerId: obj.customerId
}, res => {
if (res.data.resultCode == 1) {
this.openLayer() this.openLayer()
this.detailList=res.data.data.customerInfo this.detailList = res.data.data.customerInfo
}else{} } else {}
},err=>{})
this.apipost('app_today_visit_GetCustomerAdvice',{CustomerId:obj.customerId},res=>{
if(res.data.resultCode==1){
this.answerDetailList=res.data.data
}
else{}
},err=>{})
this.apipost('app_get_my_GetVisitPlanLastList',{empId:obj.creatBy,customerId:obj.customerId},res=>{ }, err => {})
if(res.data.resultCode==1){ this.apipost('app_today_visit_GetCustomerAdvice', {
this.lastVisitObj=res.data.data CustomerId: obj.customerId
} }, res => {
else{} if (res.data.resultCode == 1) {
},err=>{}) this.answerDetailList = res.data.data
} else {}
}, err => {})
this.apipost('app_get_my_GetVisitPlanLastList', {
empId: obj.creatBy,
customerId: obj.customerId
}, res => {
if (res.data.resultCode == 1) {
this.lastVisitObj = res.data.data
} else {}
}, err => {})
}, },
clickGetList(type){ clickGetList(type) {
this.msg.CustomerStatus=type this.msg.CustomerStatus = type
this.msg.pageIndex=1 this.msg.pageIndex = 1
this.currentPage = 1 this.currentPage = 1
this.getList() this.getList()
}, },
getList(){ getList() {
this.loading=true this.loading = true
this.apipost('app_today_visit_GetMyDeptCustomerList',this.msg,res=>{ this.apipost('app_today_visit_GetMyDeptCustomerList', this.msg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.list=res.data.data.pageData this.list = res.data.data.pageData
this.total=res.data.data.count this.total = res.data.data.count
this.loading=false this.loading = false
}else{ } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
},err=>{}) }, err => {})
}, },
openLayer(){ openLayer() {
this.showlayer = true; this.showlayer = true;
this.isTransition = true; this.isTransition = true;
}, },
closeLayer() { closeLayer() {
let _this = this; let _this = this;
setTimeout(function() { setTimeout(function () {
_this.showlayer = false; _this.showlayer = false;
}, 300) }, 300)
this.isTransition = false; this.isTransition = false;
this.isOk=-1 this.isOk = -1
this.addMsg.AdviceContent='' this.addMsg.AdviceContent = ''
this.addMsg.IsMember=2 this.addMsg.IsMember = 2
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.msg.pageIndex = val; this.msg.pageIndex = val;
...@@ -483,9 +633,9 @@ ...@@ -483,9 +633,9 @@
this.currentPage = 1 this.currentPage = 1
}, },
}, },
mounted(){ mounted() {
this.getList() this.getList()
} }
} }
</script>
</script>
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