|
|
@@ -174,8 +174,10 @@
|
|
|
<div class="childrenMainLeft" ref="childrenMainLeft">
|
|
|
<div class="prevBox" :class="{prevBoxNo:childrenIndex==0}" @click="prev"><上一组</div>
|
|
|
<div class="nextBox" @click="next" :class="{prevBoxNo:childrenIndex==this.childrenList.length-1}" >下一组></div>
|
|
|
-
|
|
|
- <img class="childrenImg" :src="image_info.pic_url" alt="" v-if="image_info.pic_url">
|
|
|
+ <div class="imgNumBox" v-if="image_info.length>1">
|
|
|
+ <div class="imgNumLine" :class="{prevBoxNo:imgIndex==index}" @click="imgCk(index)" v-for="(item,index) in image_info">{{index+1}}</div>
|
|
|
+ </div>
|
|
|
+ <img class="childrenImg" @click="seeBigImg(image_info[imgIndex].pic_url)" :src="image_info[imgIndex].pic_url" alt="" v-if="image_info[imgIndex].pic_url">
|
|
|
<img src="../assets/noImg.png" alt="" v-else class="childrenImg">
|
|
|
</div>
|
|
|
<div class="childrenMainRight">
|
|
|
@@ -227,6 +229,11 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="vue-viewer" style="display: none">
|
|
|
+ <viewer ref="viewer" :images="viewerimgArr">
|
|
|
+ <img :key="viewerimg" :src="viewerimg">
|
|
|
+ </viewer>
|
|
|
+ </div>
|
|
|
<oem ref="childoem" :show.sync="oemFlag" @done="getOemDetail" :param='param' :token='token' :vin='vin' :id.sync="epc_id"></oem>
|
|
|
<part ref="childrenPart" :show.sync="partFlag" :epc_id='epc_id' :partnum="partnum" :threeData='threeData'></part>
|
|
|
<carInfo ref="childrencar" :show.sync="carFlag" :carInfoData="carInfoData"></carInfo>
|
|
|
@@ -303,8 +310,11 @@ export default {
|
|
|
partFlag:false,
|
|
|
partnum:'',
|
|
|
threeData:'',
|
|
|
- carFlag:true,
|
|
|
+ carFlag:false,
|
|
|
carInfoData:'',
|
|
|
+ imgIndex:0,
|
|
|
+ viewerimg:'',
|
|
|
+ viewerimgArr:[],
|
|
|
}
|
|
|
},
|
|
|
computed:{
|
|
|
@@ -318,6 +328,18 @@ export default {
|
|
|
this.keyup()
|
|
|
},
|
|
|
methods:{
|
|
|
+ seeBigImg(url){
|
|
|
+ this.viewerimg=url;
|
|
|
+ this.viewerimgArr=[]
|
|
|
+ this.viewerimgArr.push(url)
|
|
|
+ var that=this;
|
|
|
+ setTimeout(function() {
|
|
|
+ that.$refs['viewer'].$viewer.show()
|
|
|
+ }, 500);
|
|
|
+ },
|
|
|
+ imgCk(index){
|
|
|
+ this.imgIndex=index;
|
|
|
+ },
|
|
|
carCK(){
|
|
|
console.log(this.carInfoData)
|
|
|
this.carFlag=true;
|
|
|
@@ -375,9 +397,10 @@ export default {
|
|
|
this.zzIndex=0;
|
|
|
this.firstShow=true;
|
|
|
this.description='';
|
|
|
- if(this.vin==''){
|
|
|
+ console.log(this.vin.length)
|
|
|
+ if(this.vin==''||this.vin.length<17){
|
|
|
this.$message({
|
|
|
- message:'请输入VIN',
|
|
|
+ message:'请输入正确的VIN',
|
|
|
type: 'warning'
|
|
|
});
|
|
|
return false;
|
|
|
@@ -696,6 +719,7 @@ export default {
|
|
|
this.childrenIndex--
|
|
|
this.childrenparam=this.childrenList[this.childrenIndex].param;
|
|
|
this.childrentoken=this.childrenList[this.childrenIndex].token;
|
|
|
+ this.lastName=this.childrenList[this.childrenIndex].caption
|
|
|
this.getPartsPc();
|
|
|
}
|
|
|
|
|
|
@@ -707,7 +731,7 @@ export default {
|
|
|
this.childrenIndex++
|
|
|
this.childrenparam=this.childrenList[this.childrenIndex].param;
|
|
|
this.childrentoken=this.childrenList[this.childrenIndex].token;
|
|
|
-
|
|
|
+ this.lastName=this.childrenList[this.childrenIndex].caption
|
|
|
this.getPartsPc();
|
|
|
}
|
|
|
|
|
|
@@ -725,7 +749,7 @@ export default {
|
|
|
//this.childrenList=res.data.result.list;
|
|
|
//this.access_time=res.data.result.access_time;
|
|
|
// console.log(res.data.result.list.image_info)
|
|
|
- this.image_info=res.data.result.list.image_info[0];
|
|
|
+ this.image_info=res.data.result.list.image_info;
|
|
|
|
|
|
this.rows=res.data.result.list.rows
|
|
|
}else{
|
|
|
@@ -1131,6 +1155,7 @@ color: #333333;padding-left: 10px;padding-right: 20px;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
object-fit: contain;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
/deep/ .el-table .has-gutter th.el-table__cell{
|
|
|
background-color: #F7F9F8;
|
|
|
@@ -1167,4 +1192,19 @@ color: #333333;padding-left: 10px;padding-right: 20px;
|
|
|
padding-left: 10px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+ .imgNumBox{
|
|
|
+ display: flex;
|
|
|
+ position: absolute;
|
|
|
+ top: 20px;
|
|
|
+ left: 230px;
|
|
|
+ }
|
|
|
+ .imgNumLine{
|
|
|
+ background: #F7F9F8;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #EEEEEE;
|
|
|
+ margin-right: 8px;
|
|
|
+ color: #333333;
|
|
|
+ padding: 5px 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
</style>
|
