客户审批，大图显示模式

src/components/SalesModule/CustomerCertification.vue

@@ -6,10 +6,10 @@
         class="ownScrollbarStyle"
         @click.stop
       >
-        <div class="title">实名认证详情</div>
+        <div class="title" style="background:#fff">实名认证详情</div>
         <div class="list">
-          <div class="itemAnswer" v-show="answerDetailList.length>0">
-            <div class="item" v-for="item in answerDetailList">
+          <div class="itemAnswer" v-show="answerDetailList.length>0" style="padding:0">
+            <div class="item" v-for="item in answerDetailList" style="margin:0">
               <div class="topMsg">
                 <!-- <img v-if="!item.photo" src="../../assets/img/litheader.png">
                 <img v-if="item.photo" :onerror="defaultImg" :src="item.photo"> -->

src/components/SalesModule/customerApproval.vue

@@ -18,7 +18,7 @@
 	.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;}
+	.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;}	
@@ -43,6 +43,9 @@
 		      </el-carousel-item>
 		    </el-carousel>
 		</div>
+		<viewer :images="picObj" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
+		<img v-for="item in picObj" :src="item" :key="item">
+		</viewer>	
 		
 		
 		<div :class="{customerApprovalLayer:showlayer}"  @click="closeLayer">
@@ -222,7 +225,8 @@
 			layout="total,prev, pager, next, jumper" 
 			:page-size=msg.pageSize 
 			:total=total>
-		</el-pagination>		
+		</el-pagination>	
+		
 	</div>
 </template>
 
@@ -230,6 +234,10 @@
 	export default {
 	    data(){
 	        return{
+				imageOptions:{
+					navbar:false,
+					title:false
+				},
 	        	lastVisitObj:{},
 	        	meta:'',
 	        	isOk:-1,
@@ -262,6 +270,9 @@
 	        }
 	    },
 	    methods:{
+			inited (viewer){
+				this.$viewer = viewer
+			},
 	    	saveApproval(){
 	    		if(this.addMsg.AdviceStatus==1)
 	    		{
@@ -283,9 +294,11 @@
 		      this.dspNone = true;
 		    },
 	    	getPic(obj, index) {
-		      this.initialIndex = index;
-		      this.picObj = obj;
-		      this.dspNone = false;
+				this.picObj = obj;
+				this.$viewer.show()
+		    //   this.initialIndex = index;
+		    //   
+		    //   this.dspNone = false;
 		    },
 	    	getDetail(obj){
 	    		this.meta=obj.customerName