Skip to content

S
SuperMan
Commit 04fd670a authored by youjie's avatar youjie
Browse files
Options

no message

parent c5db58dc
Hide whitespace changes
Inline Side-by-side
Showing with 40 additions and 40 deletions
src/components/SalesModule/customerApproval.vue
View file @ 04fd670a
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
.customerApproval .approvalNav{height: 52px;width: 100%; margin: 30px 0 20px;} .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>li{float: left; width: 116px; font-size: 14px; height: 52px; color: #666; text-align: center; line-height: 52px; background: #E9E9E9; cursor: pointer;}
.customerApproval .approvalNav>li.active{background: #fff; color: #333;} .customerApproval .approvalNav>li.active{background: #fff; color: #333;}
.customerApproval .approvalNav .divActive{margin: -3px auto; width: 26px; height: 3px; background: #E95252;} .customerApproval .approvalNav .divActive{margin: -3px auto; width: 26px; height: 3px; background: #E95252;}
.customerApprovalDetailTable{width: 100%; font-size:14px; color: #333;} .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 th{background: #E6E6E6;height:30px; font-size: 12px; text-align: left; text-indent: 25px;}
.customerApprovalDetailTable tr{background: #fff;text-align: left;} .customerApprovalDetailTable tr{background: #fff;text-align: left;}
...@@ -14,13 +14,13 @@ ...@@ -14,13 +14,13 @@
.customerApprovalLayercontentDiv .title{width:420px; height:48px; line-height: 48px; text-indent: 20px; font-size: 16px; color: #333; background:#EDEEF0;} .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{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{overflow: hidden;padding-bottom: 20px; border-bottom: 1px solid #E6E6E6;}
.customerApprovalLayercontentDiv .item .topMsg>img{float: left; margin-right: 13px;} .customerApprovalLayercontentDiv .item .topMsg>img{float: left; margin-right: 13px;}
.customerApprovalLayercontentDiv .item .bottomMsg{padding: 15px 0;} .customerApprovalLayercontentDiv .item .bottomMsg{padding: 15px 0;}
.customerApprovalLayercontentDiv .item .bottomMsg .pImg{margin-top: 10px;} .customerApprovalLayercontentDiv .item .bottomMsg .pImg{margin-top: 10px;}
.customerApprovalLayercontentDiv .item .bottomMsg .pImg img{cursor: pointer;height: 100px;} .customerApprovalLayercontentDiv .item .bottomMsg .pImg img{cursor: pointer;height: 100px;}
.customerApprovalLayercontentDiv .answerItem{ overflow: hidden; padding: 15px 0;} .customerApprovalLayercontentDiv .answerItem{ overflow: hidden; padding: 15px 0;}
.customerApprovalLayercontentDiv .answerItem>img{float: left;width: 28px; height: 28px; border-radius: 14px;margin-right: 10px;} .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{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>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{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.cked{border:2px solid #E95252;box-sizing: border-box;}
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<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">
...@@ -44,9 +44,9 @@ ...@@ -44,9 +44,9 @@
</div> </div>
<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>
...@@ -77,13 +77,13 @@ ...@@ -77,13 +77,13 @@
<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')}} <!-- {{$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>
<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'"/> <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'"/>
<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==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'"/> <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> </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;
...@@ -92,8 +92,8 @@ ...@@ -92,8 +92,8 @@
<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)" 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)" 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'"/> <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'"/>
<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'"/> <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> </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;
...@@ -102,8 +102,8 @@ ...@@ -102,8 +102,8 @@
<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' 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==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'"/> <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>
<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;
...@@ -119,7 +119,7 @@ ...@@ -119,7 +119,7 @@
<p class="fz12 color333 mt10"> <p class="fz12 color333 mt10">
{{detailList.visitRecord==''?'暂无':detailList.visitRecord}} {{detailList.visitRecord==''?'暂无':detailList.visitRecord}}
</p> </p>
<p class="fz14 mt10" style="color: #4779FF;" v-show="customerStatus==2||customerStatus==3"> <p class="fz14 mt10" style="color: #4779FF;" v-show="customerStatus==2||customerStatus==3">
<i class="iconfont icon-shenpiyijian fz14" style="color: #4779FF;"></i>&nbsp; <i class="iconfont icon-shenpiyijian fz14" style="color: #4779FF;"></i>&nbsp;
{{$t('salesModule.SPYJ')}} {{$t('salesModule.SPYJ')}}
</p> </p>
...@@ -136,12 +136,12 @@ ...@@ -136,12 +136,12 @@
</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">
<div> <div>
<span class="fz14 color333">{{$t('salesModule.RejectJJ')}}</span> <span class="fz14 color333">{{$t('salesModule.RejectJJ')}}</span>
...@@ -151,8 +151,8 @@ ...@@ -151,8 +151,8 @@
</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">
<div> <div>
<span class="fz14 color333">{{$t('salesModule.ChoiceCustomer')}}</span> <span class="fz14 color333">{{$t('salesModule.ChoiceCustomer')}}</span>
...@@ -170,12 +170,12 @@ ...@@ -170,12 +170,12 @@
<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>
<div class="approvalNav"> <div class="approvalNav">
<li :class="{active:type==-1}" @click="type=-1;clickGetList(-1)"> <li :class="{active:type==-1}" @click="type=-1;clickGetList(-1)">
{{$t('salesModule.AllApproval')}} {{$t('salesModule.AllApproval')}}
...@@ -221,11 +221,11 @@ ...@@ -221,11 +221,11 @@
background background
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page.sync="currentPage" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" layout="total,prev, pager, next, jumper"
:page-size=msg.pageSize :page-size=msg.pageSize
:total=total> :total=total>
</el-pagination> </el-pagination>
</div> </div>
</template> </template>
...@@ -243,7 +243,7 @@ ...@@ -243,7 +243,7 @@
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,
...@@ -275,9 +275,9 @@ ...@@ -275,9 +275,9 @@
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){
...@@ -296,7 +296,7 @@ ...@@ -296,7 +296,7 @@
this.picObj = obj; this.picObj = obj;
this.$viewer.show() this.$viewer.show()
// this.initialIndex = index; // this.initialIndex = index;
// //
// this.dspNone = false; // this.dspNone = false;
}, },
getDetail(obj){ getDetail(obj){
...@@ -309,17 +309,17 @@ ...@@ -309,17 +309,17 @@
this.openLayer() this.openLayer()
this.detailList=res.data.data.customerInfo this.detailList=res.data.data.customerInfo
}else{} }else{}
},err=>{}) },err=>{})
this.apipost('app_today_visit_GetCustomerAdvice',{CustomerId:obj.customerId},res=>{ this.apipost('app_today_visit_GetCustomerAdvice',{CustomerId:obj.customerId},res=>{
if(res.data.resultCode==1){ if(res.data.resultCode==1){
this.answerDetailList=res.data.data this.answerDetailList=res.data.data
} }
else{} else{}
},err=>{}) },err=>{})
this.apipost('app_get_my_GetVisitPlanLastList',{empId:obj.creatBy,customerId:obj.customerId},res=>{ this.apipost('app_get_my_GetVisitPlanLastList',{empId:obj.creatBy,customerId:obj.customerId},res=>{
if(res.data.resultCode==1){ if(res.data.resultCode==1){
this.lastVisitObj=res.data.data this.lastVisitObj=res.data.data
...@@ -361,12 +361,12 @@ ...@@ -361,12 +361,12 @@
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.msg.pageIndex = val; this.msg.pageIndex = val;
this.getList() this.getList()
}, },
resetPageIndex() { resetPageIndex() {
this.msg.pageIndex = 1; this.msg.pageIndex = 1;
this.currentPage = 1 this.currentPage = 1
}, },
}, },
mounted(){ mounted(){
this.getList() this.getList()
......
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