<template>
|
<div class="relatedPictures h-100-g">
|
<v-navbar title="相关照片" fixed></v-navbar>
|
|
<div class="imageUpload-header">
|
<div class="imageUpload-title">
|
<h4>营业执照照片</h4>
|
<div class="imageUpload-img" @click="clickImg(businessLicense)">
|
<img :src="businessLicense" alt="">
|
</div>
|
</div>
|
<div class="imageUpload-title" v-if="zfbVersion==6 || zfbVersion==7">
|
<h4>办学许可证照片</h4>
|
<div class="imageUpload-img" @click="clickImg(bxxkPic)">
|
<img :src="bxxkPic" alt="">
|
</div>
|
</div>
|
<div class="imageUpload-title">
|
<h4>法人身份证正反面</h4>
|
<div @click="clickImg(idPositive)" class="imageUpload-img" style="width: 48%;margin-right: 1%;height: 100px; display: inline-block;vertical-align: middle">
|
<img :src="idPositive" alt="">
|
</div>
|
<div @click="clickImg(idBack)" class="imageUpload-img" style="width: 48%;display: inline-block;height: 100px;vertical-align: middle">
|
<img :src="idBack" alt="">
|
</div>
|
</div>
|
<div class="imageUpload-title ">
|
<h4>门店店内照</h4>
|
<div class="image_fix">
|
<div class="imageUpload-img" v-for="(i,index) in storeHouse" :key="index">
|
<img @click="clickImg(i)" :src="i">
|
</div>
|
</div>
|
</div>
|
<div class="imageUpload-title ">
|
<h4>门店招牌照</h4>
|
<div class="image_fix">
|
<div class="imageUpload-img" v-for="(i,index) in storeSign" :key="index">
|
<img @click="clickImg(i)" :src="i">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<van-popup v-model="showToast" class="dialog-demo">
|
<div class="img-box" style="font-size: 0">
|
<img :src="curSrc" @click="closeDialog()" style="max-width:100%">
|
</div>
|
</van-popup>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "relatedPictures",
|
data(){
|
return {
|
list: [],
|
showToast:false,
|
curSrc:null,
|
businessLicense: '',
|
storeOne: [],
|
bxxkPic:'',
|
idPositive: '',
|
idBack: '',
|
storeSign:[], // 门店招牌照片
|
storeHouse:[] // 门店内照片
|
}
|
},
|
computed:{
|
zfbVersion(){
|
return this.$route.query.zfbVersion
|
}
|
},
|
created(){
|
this.init();
|
},
|
methods:{
|
init() {
|
let _orgId = this.$route.query.merId;
|
this.$api.merFile({merId: _orgId,zfbVersion:this.$route.query.zfbVersion}).then(res => {
|
this.list = res.body;
|
for (let i = 0; i < this.list.length; i++) {
|
if (this.list[i].fileType == 0) {
|
this.businessLicense = this.list[i].fileUrl;
|
} else if (this.list[i].fileType == 1) {
|
this.storeOne.push(this.list[i].fileUrl);
|
} else if (this.list[i].fileType == 2) {
|
this.idPositive = this.list[i].fileUrl;
|
} else if (this.list[i].fileType == 3) {
|
this.idBack = this.list[i].fileUrl;
|
}else if (this.list[i].fileType == 6) {
|
this.storeHouse.push(this.list[i].fileUrl);
|
} else if (this.list[i].fileType == 7) {
|
this.storeSign.push(this.list[i].fileUrl);
|
} else if(this.list[i].fileType == 24){
|
this.bxxkPic = this.list[i].fileUrl
|
}
|
}
|
});
|
},
|
clickImg(item){
|
this.curSrc = null;
|
this.curSrc = item;
|
this.showToast=true;
|
},
|
closeDialog(){
|
this.curSrc = null;
|
this.showToast=false
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="less">
|
.relatedPictures{
|
padding:60px 25px 100px 25px;
|
|
height: 100%;
|
.imageUpload-header{
|
height: 100%;
|
}
|
.imageUpload-title {
|
padding: 12px 24px;
|
h4 {
|
font-weight: normal;
|
padding-bottom: 0.5rem;
|
}
|
.imageUpload-img {
|
border: 1px dashed ;
|
width: 100%;
|
height: 150px;
|
position: relative;
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
.add-center {
|
text-align: center;
|
width: 100%;
|
position: absolute;
|
left: 50%;
|
top: 50%;
|
transform: translate(-50%, -50%);
|
i {
|
font-size: 30px;
|
}
|
p {
|
span {
|
display: inline-block;
|
}
|
}
|
}
|
}
|
.image_fix {
|
display: flex;
|
> div {
|
width: 102px !important;
|
height: 102px !important;
|
margin-right: 7px;
|
}
|
> div:last-child {
|
margin-right: 0 !important;
|
}
|
}
|
|
|
|
|
|
}
|
</style>
|
