Skip to content

S
SuperMan
Commit 8333279f authored by 沈良进's avatar 沈良进
Browse files
Options

save

parent cb9f45b6
Hide whitespace changes
Inline Side-by-side
Showing with 830 additions and 375 deletions
src/components/SalesModule/customerApprovalFor.vue
View file @ 8333279f
<style> <style>
.customerApproval .approvalNav{height: 52px;width: 100%; margin: 30px 0 20px;} .customerApproval .approvalNav {
.customerApproval .approvalNav>li{float: left; width: 116px; font-size: 14px; height: 52px; color: #666; text-align: center; line-height: 52px; background: #E9E9E9; cursor: pointer;} height: 52px;
.customerApproval .approvalNav>li.active{background: #fff; color: #333;} width: 100%;
.customerApproval .approvalNav .divActive{margin: -3px auto; width: 26px; height: 3px; background: #E95252;} margin: 30px 0 20px;
.customerApprovalDetailTable{width: 100%; font-size:14px; color: #333;} }
.customerApprovalDetailTable tr th{background: #E6E6E6;height:30px; font-size: 12px; text-align: left; text-indent: 25px;} .customerApproval .approvalNav > li {
.customerApprovalDetailTable tr{background: #fff;text-align: left;} float: left;
.customerApprovalDetailTable tr td{height: 60px; padding-left:25px; border-bottom:1px solid #eee; font-size: 14px; color: #333;} width: 116px;
.customerApprovalLayer{position: fixed; z-index: 99; background: rgba(0,0,0,.1); width: 100%; height: 100%; left: 0; top: 0;} font-size: 14px;
.customerApprovalLayer .rightZero{right: 0px;} height: 52px;
.customerApprovalLayercontentDiv{width: 420px; background: #fff; height: 100%; overflow: auto; top: 0; right:-420px; color: #666;
position: fixed;box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.1);transition: right .5s;} text-align: center;
.customerApprovalLayercontentDiv .title{width:420px; height:48px; line-height: 48px; text-indent: 20px; font-size: 16px; color: #333; background:#EDEEF0;} line-height: 52px;
.customerApprovalLayercontentDiv .item{width: 380px;height: auto; overflow: hidden; border:1px solid #E6E6E6; margin: 20px 0 20px 20px; padding: 20px;} background: #e9e9e9;
.customerApprovalLayercontentDiv .item .topMsg{overflow: hidden;padding-bottom: 20px; border-bottom: 1px solid #E6E6E6;} cursor: pointer;
.customerApprovalLayercontentDiv .item .topMsg>img{float: left; margin-right: 13px;} }
.customerApprovalLayercontentDiv .item .bottomMsg{padding: 15px 0;} .customerApproval .approvalNav > li.active {
.customerApprovalLayercontentDiv .item .bottomMsg .pImg{margin-top: 10px;} background: #fff;
.customerApprovalLayercontentDiv .item .bottomMsg .pImg img{cursor: pointer;height: 100px;} color: #333;
.customerApprovalLayercontentDiv .answerItem{ overflow: hidden; padding: 15px 0;} }
.customerApprovalLayercontentDiv .answerItem>img{float: left;width: 28px; height: 28px; border-radius: 14px;margin-right: 10px;} .customerApproval .approvalNav .divActive {
.customerApprovalLayercontentBtn{position: fixed; bottom: 0; background: #f5f5f5; width:420px; height:70px; line-height: 70px; text-align: right; padding: 0 20px;} margin: -3px auto;
.customerApprovalLayercontentBtn>div{border-bottom: 1px solid #D9D9D9; height: 40px; line-height: 40px; text-align: left; overflow: hidden;} width: 26px;
.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; } height: 3px;
.customerApprovalLayercontentBtn>span.cked{border:2px solid #E95252;box-sizing: border-box;} background: #e95252;
.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;} .customerApprovalDetailTable {
.customerApproval ._class_b{ width: 100%;
color: #257BF1 !important 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, 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 0.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;
}
.price-item {
padding: 10px 20px;
font-size: 14px;
}
.price-item-title {
color: #666;
} }
</style> </style>
<template> <template>
<div class="customerApproval"> <div class="customerApproval">
<div
<div :class="{viewBigPicLayer:true,viewBigPicLayerDisplayNone:dspNone}" @click="closePicLayer"> :class="{ viewBigPicLayer: true, viewBigPicLayerDisplayNone: dspNone }"
<i @click="closePicLayer" class="el-icon-circle-close-outline clolseViewBigPicLayer" ></i> @click="closePicLayer"
<el-carousel height="600px" :initial-index='initialIndex' :interval="5000" trigger="click"> >
<el-carousel-item v-for="(item,index) in picObj" :key="index"> <i
<div class="inlineDiv ownScrollbarStyle"><img :src="item" /></div> @click="closePicLayer"
</el-carousel-item> class="el-icon-circle-close-outline clolseViewBigPicLayer"
</el-carousel> ></i>
</div> <el-carousel
<viewer :images="picObj" :options='imageOptions' @inited="inited" class="viewer" ref="viewer"> height="600px"
<img v-for="item in picObj" :src="item" :key="item"> :initial-index="initialIndex"
</viewer> :interval="5000"
trigger="click"
>
<div :class="{customerApprovalLayer:showlayer}" @click="closeLayer"> <el-carousel-item v-for="(item, index) in picObj" :key="index">
<div :class="{customerApprovalLayercontentDiv:true,rightZero:isTransition}" class="ownScrollbarStyle" @click.stop> <div class="inlineDiv ownScrollbarStyle"><img :src="item" /></div>
<div class="title">{{meta}}{{$t('fnc.xiangqing')}}</div> </el-carousel-item>
<div class="item"> </el-carousel>
<div class="topMsg"> </div>
<img v-if='!detailList.photo' src="../../assets/img/litheader.png"/> <viewer
<img v-if='detailList.photo' :onerror="defaultImg" :src='detailList.photo'/> :images="picObj"
<p>{{detailList.customerName}}</p> :options="imageOptions"
<p class="mt5"> @inited="inited"
<i class="iconfont icon-img_dianhua fz12" style="color: #09d49d;"></i> class="viewer"
<span class="fz14 color333">{{detailList.contact}}</span> ref="viewer"
&nbsp;&nbsp;&nbsp; >
<span class="fz14 color333">{{detailList.contactNumber}}</span> <img v-for="item in picObj" :src="item" :key="item" />
</p> </viewer>
<p class="fz12 color999 mt5">{{detailList.expectVisitDateTime}}</p>
</div> <div :class="{ customerApprovalLayer: showlayer }" @click="closeLayer">
<p v-if="lastVisitObj.visitId>0" class="fz14 mt10 color666"> <div
<i class="iconfont icon-shijian colorccc" ></i>&nbsp;{{$t('salesModule.HistoryVisit')}}&nbsp; :class="{
<span class="color666 fz12">{{lastVisitObj.timestr}}</span> customerApprovalLayercontentDiv: true,
</p> rightZero: isTransition,
<div v-if="lastVisitObj.visitId>0" style="border-bottom: 1px solid #ccc; padding-bottom: 10px;"> }"
<p class="fz12 mt10">{{$t('salesModule.ProcessType')}}：{{lastVisitObj.salesProcess}}</p> class="ownScrollbarStyle"
<p class="fz12 mt10">{{$t('salesModule.fwRecord')}}：</p> @click.stop
<p v-if="lastVisitObj.remark!=''" class="lastVisitContent">{{lastVisitObj.remark}}</p> >
<p class="fz12 mt10">{{$t('salesModule.goutong')}}：</p> <div class="title">{{ meta }}{{ $t("fnc.xiangqing") }}</div>
<p v-if="lastVisitObj.visitRecord!=''" class="lastVisitContent">{{lastVisitObj.visitRecord}}</p> <div class="item">
</div> <div class="topMsg">
<div class="bottomMsg"> <img
<p class="fz14 color666 mt10"> v-if="!detailList.photo"
<i class="iconfont icon-ico-mingpianzhaopian fz14 colorccc" ></i>&nbsp; src="../../assets/img/litheader.png"
{{$t('salesModule.BusinessPhoto')}} />
</p> <img
<p class="pImg" v-if="!detailList.businessCardPhotos"><span class="fz12 color333">{{$t('active.cl_zanwu')}}</span></p> v-if="detailList.photo"
<p class="pImg" v-else> :onerror="defaultImg"
<img @click="getPic(detailList.businessCardPhotos,index)" v-if='detailList.businessCardPhotos.length==1' v-for="(i,index) in detailList.businessCardPhotos" :src="i+'?x-oss-process=image/resize,m_mfit,h_100,w_300'"/> :src="detailList.photo"
<img @click="getPic(detailList.businessCardPhotos,index)" v-if='detailList.businessCardPhotos.length==2||detailList.businessCardPhotos.length==4' v-for="(i,index) in detailList.housePhotos" :src="i+'?x-oss-process=image/resize,m_pad,w_169,h_150,color_333333'"/> />
<img @click="getPic(detailList.businessCardPhotos,index)" v-if='detailList.businessCardPhotos.length==3||detailList.businessCardPhotos.length>=5' v-for="(i,index) in detailList.housePhotos" :src="i+'?x-oss-process=image/resize,m_pad,h_100,w_100,color_333333'"/> <p>{{ detailList.customerName }}</p>
</p> <p class="mt5">
<p class="fz14 color666 mt10"> <i
<i class="iconfont icon-ico-menpaizhaopian fz14 colorccc" ></i>&nbsp; class="iconfont icon-img_dianhua fz12"
{{$t('salesModule.doorPhoto')}} style="color: #09d49d"
</p> ></i>
<p class="pImg" v-if="!detailList.housePhotos"><span class="fz12 color333">{{$t('active.cl_zanwu')}}</span></p> <span class="fz14 color333">{{ detailList.contact }}</span>
<p class="pImg" v-else> &nbsp;&nbsp;&nbsp;
<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'"/> <span class="fz14 color333">{{ detailList.contactNumber }}</span>
<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'"/> </p>
<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'"/> <p class="fz12 color999 mt5">
</p> {{ detailList.expectVisitDateTime }}
<p class="fz14 color666 mt10"> </p>
<i class="iconfont icon-ico_yingyezhizhao fz14 colorccc" ></i>&nbsp; </div>
{{$t('salesModule.BusinessLicense')}} <p v-if="lastVisitObj.visitId > 0" class="fz14 mt10 color666">
</p> <i class="iconfont icon-shijian colorccc"></i>&nbsp;{{
<p class="pImg" v-if="!detailList.images"><span class="fz12 color333">{{$t('active.cl_zanwu')}}</span></p> $t("salesModule.HistoryVisit")
<p class="pImg" v-else> }}&nbsp;
<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'"/> <span class="color666 fz12">{{ lastVisitObj.timestr }}</span>
<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'"/> </p>
<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'"/> <div
</p> v-if="lastVisitObj.visitId > 0"
<p class="fz14 color666 mt10"> style="border-bottom: 1px solid #ccc; padding-bottom: 10px"
<i class="iconfont icon-fangwenjilu fz14 colorccc" ></i>&nbsp; >
{{$t('salesModule.kaifaDetail')}} <p class="fz12 mt10">
</p> {{ $t("salesModule.ProcessType") }}：{{
<p class="fz12 color333 mt10"> lastVisitObj.salesProcess
{{detailList.remark==''?'暂无':detailList.remark}} }}
</p> </p>
<p class="fz14 color666 mt10"> <p class="fz12 mt10">{{ $t("salesModule.fwRecord") }}：</p>
<i class="iconfont icon-goutongneirong fz14 colorccc" ></i>&nbsp; <p v-if="lastVisitObj.remark != ''" class="lastVisitContent">
{{$t('salesModule.VisitJG')}} {{ lastVisitObj.remark }}
</p> </p>
<p class="fz12 color333 mt10"> <p class="fz12 mt10">{{ $t("salesModule.goutong") }}：</p>
{{detailList.visitRecord==''?'暂无':detailList.visitRecord}} <p v-if="lastVisitObj.visitRecord != ''" class="lastVisitContent">
</p> {{ lastVisitObj.visitRecord }}
<p class="fz14 mt10" style="color: #4779FF;" v-show="customerStatus==2||customerStatus==3"> </p>
<i class="iconfont icon-shenpiyijian fz14" style="color: #4779FF;"></i>&nbsp; </div>
{{$t('salesModule.SPYJ')}} <div class="bottomMsg">
</p> <p class="fz14 color666 mt10">
<div class="answerItem" v-for="item in answerDetailList"> <i class="iconfont icon-ico-mingpianzhaopian fz14 colorccc"></i
<img v-if='!item.emPhoto' src="../../assets/img/litheader.png"/> >&nbsp;
<img v-if='item.emPhoto' :onerror="defaultImg" :src='item.emPhoto'/> {{ $t("salesModule.BusinessPhoto") }}
<p> </p>
<span class="fz14 color333">{{item.createBy}}</span> <p class="pImg" v-if="!detailList.businessCardPhotos">
<span class="fz12 color999">{{item.createDate}}</span> <span class="fz12 color333">{{ $t("active.cl_zanwu") }}</span>
</p> </p>
<p class="mt5" style="color: #E95252;" v-show='item.adviceStatus==2'>{{$t('salesModule.ApprovalRejected')}}</p> <p class="pImg" v-else>
<p style="color: #09D49D;" v-show='item.adviceStatus==1'>{{$t('salesModule.ApprovalPassed')}}</p> <img
<p class="fz12 color333 mt5" style="margin-left: 35px; background: #f5f5f5; padding: 10px;">{{item.adviceContent}}</p> @click="getPic(detailList.businessCardPhotos, index)"
</div> v-if="detailList.businessCardPhotos.length == 1"
</div> v-for="(i, index) in detailList.businessCardPhotos"
</div> :src="i + '?x-oss-process=image/resize,m_mfit,h_100,w_300'"
<!-- <div> />
<span>签约额度</span> <img
<el-input v-model="addMsg.SigningPrice" type="number"></el-input> @click="getPic(detailList.businessCardPhotos, index)"
</div> v-if="
<div> detailList.businessCardPhotos.length == 2 ||
<span>有效日期</span> detailList.businessCardPhotos.length == 4
<el-date-picker class="h34" "
v-model="addMsg.SigningEndTime" v-for="(i, index) in detailList.housePhotos"
type="date" :src="
value-format="yyyy-MM-dd"> i +
</el-date-picker> '?x-oss-process=image/resize,m_pad,w_169,h_150,color_333333'
</div> --> "
<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"/> <img
<input type="button" class="hollowFixedBtn" :value="$t('visa.v_jujue')" @click="isOk=0;addMsg.AdviceStatus=2"/> @click="getPic(detailList.businessCardPhotos, index)"
</div> v-if="
detailList.businessCardPhotos.length == 3 ||
<div class="customerApprovalLayercontentBtn" style="height: 190px;" v-show="isOk==0"> detailList.businessCardPhotos.length >= 5
<div> "
<span class="fz14 color333">{{$t('salesModule.RejectJJ')}}</span> v-for="(i, index) in detailList.housePhotos"
</div> :src="
<p class="mt10"> i +
<el-input type="textarea" v-model='addMsg.AdviceContent' maxlength='200'></el-input> '?x-oss-process=image/resize,m_pad,h_100,w_100,color_333333'
</p> "
<input type="button" class="normalBtn" :value="$t('adm.adm_publish')" @click="saveApproval()"/> />
<input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="isOk=-1"/> </p>
</div> <p class="fz14 color666 mt10">
<i class="iconfont icon-ico-menpaizhaopian fz14 colorccc"></i
<div class="customerApprovalLayercontentBtn" style="height: 250px; text-align: center;" v-show="isOk==1"> >&nbsp;
<div> {{ $t("salesModule.doorPhoto") }}
<span class="fz14 color333">{{$t('salesModule.ChoiceCustomer')}}</span> </p>
</div> <p class="pImg" v-if="!detailList.housePhotos">
<span :class="{cked:addMsg.IsMember==2}" @click="addMsg.IsMember=2"> <span class="fz12 color333">{{ $t("active.cl_zanwu") }}</span>
<img src="../../assets/img/notVip.png" /> </p>
{{$t('salesModule.NormalCustomer')}} <p class="pImg" v-else>
</span> <img
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @click="getPic(detailList.housePhotos, index)"
<span :class="{cked:addMsg.IsMember==1}" @click="addMsg.IsMember=1"> v-if="detailList.housePhotos.length == 1"
<img src="../../assets/img/isVip.png" /> v-for="(i, index) in detailList.housePhotos"
{{$t('salesModule.MemberCustomer')}} :src="i + '?x-oss-process=image/resize,m_mfit,h_100,w_300'"
</span> />
<p class="clearfix"></p> <img
<input type="button" class="normalBtn mg0" :value="$t('restaurant.res_confirm')" @click="saveApproval()"/> @click="getPic(detailList.housePhotos, index)"
&nbsp;&nbsp; v-if="
<input type="button" class="hollowFixedBtn mg0" :value="$t('pub.cancelBtn')" @click="isOk=-1"/> detailList.housePhotos.length == 2 ||
</div> detailList.housePhotos.length == 4
</div> "
</div> v-for="(i, index) in detailList.housePhotos"
:src="
<div class="approvalNav"> i +
<li :class="{active:type==-1}" @click="type=-1;clickGetList(-1)"> '?x-oss-process=image/resize,m_pad,w_169,h_150,color_333333'
{{$t('salesModule.AllApproval')}} "
<div class="divActive" v-show="type==-1"></div> />
</li> <img
<li :class="{active:type==1}" @click="type=1;clickGetList(1)"> @click="getPic(detailList.housePhotos, index)"
{{$t('salesModule.Pending')}} v-if="
<div class="divActive" v-show="type==1"></div> detailList.housePhotos.length == 3 ||
</li> detailList.housePhotos.length >= 5
<li :class="{active:type==2}" @click="type=2;clickGetList(2)"> "
{{$t('salesModule.YSP')}} v-for="(i, index) in detailList.housePhotos"
<div class="divActive" v-show="type==2"></div> :src="
</li> i +
'?x-oss-process=image/resize,m_pad,h_100,w_100,color_333333'
"
/>
</p>
<p class="fz14 color666 mt10">
<i class="iconfont icon-ico_yingyezhizhao fz14 colorccc"></i
>&nbsp;
{{ $t("salesModule.BusinessLicense") }}
</p>
<p class="pImg" v-if="!detailList.images">
<span class="fz12 color333">{{ $t("active.cl_zanwu") }}</span>
</p>
<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 == 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'
"
/>
<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'
"
/>
</p>
<p class="fz14 color666 mt10">
<i class="iconfont icon-fangwenjilu fz14 colorccc"></i>&nbsp;
{{ $t("salesModule.kaifaDetail") }}
</p>
<p class="fz12 color333 mt10">
{{ detailList.remark == "" ? "暂无" : detailList.remark }}
</p>
<p class="fz14 color666 mt10">
<i class="iconfont icon-goutongneirong fz14 colorccc"></i>&nbsp;
{{ $t("salesModule.VisitJG") }}
</p>
<p class="fz12 color333 mt10">
{{
detailList.visitRecord == "" ? "暂无" : detailList.visitRecord
}}
</p>
<p
class="fz14 mt10"
style="color: #4779ff"
v-show="customerStatus == 2 || customerStatus == 3"
>
<i
class="iconfont icon-shenpiyijian fz14"
style="color: #4779ff"
></i
>&nbsp;
{{ $t("salesModule.SPYJ") }}
</p>
<div class="answerItem" v-for="item in answerDetailList">
<img v-if="!item.emPhoto" src="../../assets/img/litheader.png" />
<img
v-if="item.emPhoto"
:onerror="defaultImg"
:src="item.emPhoto"
/>
<p>
<span class="fz14 color333">{{ item.createBy }}</span>
<span class="fz12 color999">{{ item.createDate }}</span>
</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
class="fz12 color333 mt5"
style="margin-left: 35px; background: #f5f5f5; padding: 10px"
>
{{ item.adviceContent }}
</p>
</div>
</div>
</div>
<el-form label-width="100px" v-if="(customerStatus == 0 || customerStatus == 1)">
<el-form-item label="签约额度">
<el-input
style="width: 220px"
v-model="addMsg.SigningPrice"
type="number"
></el-input>
</el-form-item>
<el-form-item label="有效日期">
<el-date-picker
class="h34"
v-model="addMsg.SigningEndTime"
type="date"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-form>
<div v-else>
<div class="price-item">
<span class="price-item-title">签约额度:</span>
<span>{{addMsg.SigningPrice}}</span>
</div>
<div class="price-item">
<span class="price-item-title">有效日期:</span>
<span>{{addMsg.SigningEndTime}}</span>
</div>
</div> </div>
<table class="customerApprovalDetailTable" border="0" cellspacing="0" cellpadding="0" v-loading='loading'> <div
<tr> class="customerApprovalLayercontentBtn"
<th width="20%">{{$t('salesModule.Stores')}}</th> v-show="(customerStatus == 0 || customerStatus == 1) && isOk == -1"
<th width="10%">{{$t('hotel.suplier_contact')}}</th> >
<th width="15%">{{$t('hotel.table_tel')}}</th> <input
<th width="15%">{{$t('salesModule.SaveTime')}}</th> type="button"
<th width="10%">{{$t('salesModule.Laiyuan')}}</th> class="normalBtn"
<th width="15%">{{$t('hotel.hotel_status')}}</th> :value="$t('visa.v_tongguo')"
<th width="15%">{{$t('admin.admin_operate')}}</th> @click="
</tr> isOk = 1;
<tr v-for="item in list"> addMsg.AdviceStatus = 1;
<td class="fz16">{{item.customerName}}<i class="iconfont icon-shimingrenzheng" :class="{'_class_b': item.RealNameAuthentication===1}"></i></td> "
<td> />
{{item.contact}} <input
</td> type="button"
<td>{{item.contactNumber}}</td> class="hollowFixedBtn"
<td>{{item.expectVisitDateTime}}</td> :value="$t('visa.v_jujue')"
<td>{{item.emName}}</td> @click="
<td> isOk = 0;
<img src="../../assets/img/dsp.png" v-show="item.customerStatus==0||item.customerStatus==1"/> addMsg.AdviceStatus = 2;
<img src="../../assets/img/ysp.png" v-show="item.customerStatus==2||item.customerStatus==3"/> "
</td> />
<td> </div>
<input type="button" :value="$t('salesModule.CheckDetails')" class="normalBtn" style="margin-left: 0;" @click="getDetail(item)"/>
</td> <div
</tr> class="customerApprovalLayercontentBtn"
</table> style="height: 190px"
<el-pagination v-show="isOk == 0"
background >
@current-change="handleCurrentChange" <div>
:current-page.sync="currentPage" <span class="fz14 color333">{{ $t("salesModule.RejectJJ") }}</span>
layout="total,prev, pager, next, jumper" </div>
:page-size=msg.pageSize <p class="mt10">
:total=total> <el-input
</el-pagination> type="textarea"
v-model="addMsg.AdviceContent"
</div> maxlength="200"
></el-input>
</p>
<input
type="button"
class="normalBtn"
:value="$t('adm.adm_publish')"
@click="saveApproval()"
/>
<input
type="button"
class="hollowFixedBtn"
:value="$t('pub.cancelBtn')"
@click="isOk = -1"
/>
</div>
<div
class="customerApprovalLayercontentBtn"
style="height: 250px; text-align: center"
v-show="isOk == 1"
>
<div>
<span class="fz14 color333">{{
$t("salesModule.ChoiceCustomer")
}}</span>
</div>
<span
:class="{ cked: addMsg.IsMember == 2 }"
@click="addMsg.IsMember = 2"
>
<img src="../../assets/img/notVip.png" />
{{ $t("salesModule.NormalCustomer") }}
</span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span
:class="{ cked: addMsg.IsMember == 1 }"
@click="addMsg.IsMember = 1"
>
<img src="../../assets/img/isVip.png" />
{{ $t("salesModule.MemberCustomer") }}
</span>
<p class="clearfix"></p>
<input
type="button"
class="normalBtn mg0"
:value="$t('restaurant.res_confirm')"
@click="saveApproval()"
/>
&nbsp;&nbsp;
<input
type="button"
class="hollowFixedBtn mg0"
:value="$t('pub.cancelBtn')"
@click="isOk = -1"
/>
</div>
</div>
</div>
<div class="approvalNav">
<li
:class="{ active: type == -1 }"
@click="
type = -1;
clickGetList(-1);
"
>
{{ $t("salesModule.AllApproval") }}
<div class="divActive" v-show="type == -1"></div>
</li>
<li
:class="{ active: type == 1 }"
@click="
type = 1;
clickGetList(1);
"
>
{{ $t("salesModule.Pending") }}
<div class="divActive" v-show="type == 1"></div>
</li>
<li
:class="{ active: type == 2 }"
@click="
type = 2;
clickGetList(2);
"
>
{{ $t("salesModule.YSP") }}
<div class="divActive" v-show="type == 2"></div>
</li>
</div>
<table
class="customerApprovalDetailTable"
border="0"
cellspacing="0"
cellpadding="0"
v-loading="loading"
>
<tr>
<th width="20%">{{ $t("salesModule.Stores") }}</th>
<th width="10%">{{ $t("hotel.suplier_contact") }}</th>
<th width="15%">{{ $t("hotel.table_tel") }}</th>
<th width="15%">{{ $t("salesModule.SaveTime") }}</th>
<th width="10%">{{ $t("salesModule.Laiyuan") }}</th>
<th width="15%">{{ $t("hotel.hotel_status") }}</th>
<th width="15%">{{ $t("admin.admin_operate") }}</th>
</tr>
<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>
{{ item.contact }}
</td>
<td>{{ item.contactNumber }}</td>
<td>{{ item.expectVisitDateTime }}</td>
<td>{{ item.emName }}</td>
<td>
<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"
/>
</td>
<td>
<input
type="button"
:value="$t('salesModule.CheckDetails')"
class="normalBtn"
style="margin-left: 0"
@click="getDetail(item)"
/>
</td>
</tr>
</table>
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size="msg.pageSize"
:total="total"
>
</el-pagination>
</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, SigningPrice: "",
AdviceStatus:0, SigningEndTime: "",
AdviceContent:'', CustomerId: 0,
VisitId:-1, AdviceStatus: 0,
IsMember:2, AdviceContent: "",
}, VisitId: -1,
customerStatus:-1, IsMember: 2,
picObj: [], },
dspNone: true, customerStatus: -1,
initialIndex: 0, picObj: [],
defaultImg: 'this.src="' + require("../../assets/img/litheader.png") + '"', dspNone: true,
currentPage:1, initialIndex: 0,
total:0, defaultImg:
list:[], 'this.src="' + require("../../assets/img/litheader.png") + '"',
detailList:{}, currentPage: 1,
answerDetailList:[] total: 0,
} list: [],
}, detailList: {},
methods:{ answerDetailList: [],
inited (viewer){ };
this.$viewer = viewer },
}, methods: {
saveApproval(){ inited(viewer) {
if(this.addMsg.AdviceStatus==1) this.$viewer = viewer;
{ },
this.addMsg.AdviceContent='' saveApproval() {
}else{ if (this.addMsg.AdviceStatus == 1) {
this.addMsg.IsMember=2 this.addMsg.AdviceContent = "";
} } else {
this.apipost('app_today_visit_SetCustomerAdvice',this.addMsg,res=>{ this.addMsg.IsMember = 2;
if(res.data.resultCode==1){ }
this.$message.success(res.data.message) this.apipost(
this.closeLayer() "app_today_visit_SetCustomerAdvice",
this.getList() this.addMsg,
}else{ (res) => {
this.$message.error(res.data.message) if (res.data.resultCode == 1) {
} this.$message.success(res.data.message);
},err=>{}) this.closeLayer();
}, this.getList();
closePicLayer() { } else {
this.dspNone = true; this.$message.error(res.data.message);
}, }
getPic(obj, index) { },
this.picObj = obj; (err) => {}
this.$viewer.show() );
// this.initialIndex = index; },
// closePicLayer() {
// this.dspNone = false; this.dspNone = true;
}, },
getDetail(obj){ getPic(obj, index) {
this.meta=obj.customerName this.picObj = obj;
this.addMsg.VisitId=obj.visitID this.$viewer.show();
this.addMsg.CustomerId=obj.customerId // this.initialIndex = index;
this.customerStatus=obj.customerStatus //
this.apipost('app_today_visit_GetVisitByCustomerIDEntity',{customerId:obj.customerId},res=>{ // this.dspNone = false;
if(res.data.resultCode==1){ },
this.openLayer() getDetail(obj) {
this.detailList=res.data.data.customerInfo console.log("addMsg.SigningEndTime addMsg.SigningPrice", obj);
}else{} this.meta = obj.customerName;
this.addMsg.VisitId = obj.visitID;
},err=>{}) this.addMsg.CustomerId = obj.customerId;
this.addMsg.SigningEndTime = obj.signingEndTime;
this.apipost('app_today_visit_GetCustomerAdvice',{CustomerId:obj.customerId},res=>{ this.addMsg.SigningPrice = obj.signingPrice;
if(res.data.resultCode==1){ this.customerStatus = obj.customerStatus;
this.answerDetailList=res.data.data this.apipost(
} "app_today_visit_GetVisitByCustomerIDEntity",
else{} { customerId: obj.customerId },
},err=>{}) (res) => {
if (res.data.resultCode == 1) {
this.openLayer();
this.apipost('app_get_my_GetVisitPlanLastList',{empId:obj.creatBy,customerId:obj.customerId},res=>{ this.detailList = res.data.data.customerInfo;
if(res.data.resultCode==1){ } else {
this.lastVisitObj=res.data.data }
} },
else{} (err) => {}
},err=>{}) );
},
clickGetList(type){ this.apipost(
this.msg.CustomerStatus=type "app_today_visit_GetCustomerAdvice",
this.msg.pageIndex=1 { CustomerId: obj.customerId },
this.currentPage = 1 (res) => {
this.getList() if (res.data.resultCode == 1) {
}, this.answerDetailList = res.data.data;
getList(){ } else {
this.loading=true }
this.msg.SigningType = 1 },
this.apipost('app_today_visit_GetMyDeptCustomerList',this.msg,res=>{ (err) => {}
if(res.data.resultCode==1){ );
this.list=res.data.data.pageData
this.total=res.data.data.count this.apipost(
this.loading=false "app_get_my_GetVisitPlanLastList",
}else{ { empId: obj.creatBy, customerId: obj.customerId },
this.$message.error(res.data.message) (res) => {
} if (res.data.resultCode == 1) {
},err=>{}) this.lastVisitObj = res.data.data;
}, } else {
openLayer(){ }
this.showlayer = true; },
this.isTransition = true; (err) => {}
}, );
closeLayer() { },
let _this = this; clickGetList(type) {
setTimeout(function() { this.msg.CustomerStatus = type;
_this.showlayer = false; this.msg.pageIndex = 1;
}, 300) this.currentPage = 1;
this.isTransition = false; this.getList();
this.isOk=-1 },
this.addMsg.AdviceContent='' getList() {
this.addMsg.IsMember=2 this.loading = true;
}, this.msg.SigningType = 1;
handleCurrentChange(val) { this.apipost(
this.msg.pageIndex = val; "app_today_visit_GetMyDeptCustomerList",
this.getList() this.msg,
}, (res) => {
resetPageIndex() { if (res.data.resultCode == 1) {
this.msg.pageIndex = 1; this.list = res.data.data.pageData;
this.currentPage = 1 this.total = res.data.data.count;
}, this.loading = false;
}, } else {
mounted(){ this.$message.error(res.data.message);
this.getList() }
} },
} (err) => {}
);
},
openLayer() {
this.showlayer = true;
this.isTransition = true;
},
closeLayer() {
let _this = this;
setTimeout(function () {
_this.showlayer = false;
}, 300);
this.isTransition = false;
this.isOk = -1;
this.addMsg.AdviceContent = "";
this.addMsg.IsMember = 2;
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
},
mounted() {
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