| | |
| | | > |
| | | <div class="store-header" v-if="storeInfo"> |
| | | <div class="store-header-left"> |
| | | <el-image :src="storeInfo.payMemberCoverImage ? storeInfo.imgPrefix + storeInfo.payMemberCoverImage : ''" fit="cover" class="store-avatar"> |
| | | <el-image v-if="storeInfo.payMemberCoverImage" :src="storeInfo.payMemberCoverImage ? storeInfo.imgPrefix + storeInfo.payMemberCoverImage : ''" fit="cover" class="store-avatar"> |
| | | <div slot="error" class="image-slot"> |
| | | <i class="el-icon-picture-outline"></i> |
| | | </div> |
| | | </el-image> |
| | | <img v-if="! storeInfo.payMemberCoverImage" src="@/assets/avatar/man.png" fit="cover" class="store-avatar" /> |
| | | </div> |
| | | <div class="store-header-right"> |
| | | <div class="store-name">{{ storeInfo.name }}</div> |
| | |
| | | <div class="image-section"> |
| | | <div class="image-item"> |
| | | <span class="label">法人身份证正面:</span> |
| | | <el-image :src="storeInfo.idcardImg" fit="cover" class="qualification-image" :preview-src-list="[storeInfo.idcardImg]"> |
| | | <el-image :src="storeInfo.idcardImgUrl" fit="cover" class="qualification-image" :preview-src-list="[storeInfo.idcardImgUrl]"> |
| | | <div slot="error" class="image-slot"><i class="el-icon-picture-outline"></i></div> |
| | | </el-image> |
| | | </div> |
| | | <div class="image-item"> |
| | | <span class="label">法人身份证反面:</span> |
| | | <el-image :src="storeInfo.idcardImgBack" fit="cover" class="qualification-image" :preview-src-list="[storeInfo.idcardImgBack]"> |
| | | <el-image :src="storeInfo.idcardImgBackUrl" fit="cover" class="qualification-image" :preview-src-list="[storeInfo.idcardImgBackUrl]"> |
| | | <div slot="error" class="image-slot"><i class="el-icon-picture-outline"></i></div> |
| | | </el-image> |
| | | </div> |
| | | <div class="image-item"> |
| | | <span class="label">营业执照:</span> |
| | | <el-image :src="storeInfo.businessImg" fit="cover" class="qualification-image" :preview-src-list="[storeInfo.businessImg]"> |
| | | <el-image :src="storeInfo.businessImgUrl" fit="cover" class="qualification-image" :preview-src-list="[storeInfo.businessImgUrl]"> |
| | | <div slot="error" class="image-slot"><i class="el-icon-picture-outline"></i></div> |
| | | </el-image> |
| | | </div> |
| | |
| | | <template v-else> |
| | | <div class="image-item-row"> |
| | | <span class="label">身份证正面:</span> |
| | | <el-image :src="storeInfo.idcardImg" fit="cover" class="qualification-image" :preview-src-list="[storeInfo.idcardImg]"> |
| | | <el-image :src="storeInfo.idcardImgUrl" fit="cover" class="qualification-image" :preview-src-list="[storeInfo.idcardImgUrl]"> |
| | | <div slot="error" class="image-slot"><i class="el-icon-picture-outline"></i></div> |
| | | </el-image> |
| | | </div> |
| | | <div class="image-item-row"> |
| | | <span class="label">身份证反面:</span> |
| | | <el-image :src="storeInfo.idcardImgBack" fit="cover" class="qualification-image" :preview-src-list="[storeInfo.idcardImgBack]"> |
| | | <el-image :src="storeInfo.idcardImgBackUrl" fit="cover" class="qualification-image" :preview-src-list="[storeInfo.idcardImgBackUrl]"> |
| | | <div slot="error" class="image-slot"><i class="el-icon-picture-outline"></i></div> |
| | | </el-image> |
| | | </div> |
| | | <div class="image-item-row"> |
| | | <span class="label">有效劳动合同:</span> |
| | | <div class="image-list"> |
| | | <el-image v-for="(img, index) in storeInfo.laborContractImgs" :key="index" :src="img" fit="cover" class="qualification-image" :preview-src-list="storeInfo.laborContractImgs"> |
| | | <el-image v-for="(img, index) in storeInfo.laborContractImgUrls" :key="index" :src="img" fit="cover" class="qualification-image" :preview-src-list="storeInfo.laborContractImgUrls"> |
| | | <div slot="error" class="image-slot"><i class="el-icon-picture-outline"></i></div> |
| | | </el-image> |
| | | </div> |
| | |
| | | <div class="image-item-row"> |
| | | <span class="label">社保缴纳证明:</span> |
| | | <div class="image-list"> |
| | | <el-image v-for="(img, index) in storeInfo.socialSecurityImgs" :key="index" :src="img" fit="cover" class="qualification-image" :preview-src-list="storeInfo.socialSecurityImgs"> |
| | | <el-image v-for="(img, index) in storeInfo.socialSecurityImgUrls" :key="index" :src="img" fit="cover" class="qualification-image" :preview-src-list="storeInfo.socialSecurityImgUrls"> |
| | | <div slot="error" class="image-slot"><i class="el-icon-picture-outline"></i></div> |
| | | </el-image> |
| | | </div> |
| | |
| | | <div class="image-item-row"> |
| | | <span class="label">门店门头照:</span> |
| | | <div class="image-list"> |
| | | <el-image v-for="(img, index) in storeInfo.storeFrontImgs" :key="index" :src="img" fit="cover" class="qualification-image" :preview-src-list="storeInfo.storeFrontImgs"> |
| | | <el-image v-for="(img, index) in storeInfo.storeFrontImgUrls" :key="index" :src="img" fit="cover" class="qualification-image" :preview-src-list="storeInfo.storeFrontImgUrls"> |
| | | <div slot="error" class="image-slot"><i class="el-icon-picture-outline"></i></div> |
| | | </el-image> |
| | | </div> |
| | |
| | | <div class="image-item-row"> |
| | | <span class="label">门店内部照片:</span> |
| | | <div class="image-list"> |
| | | <el-image v-for="(img, index) in storeInfo.storeInteriorImgs" :key="index" :src="img" fit="cover" class="qualification-image" :preview-src-list="storeInfo.storeInteriorImgs"> |
| | | <el-image v-for="(img, index) in storeInfo.storeInteriorImgUrls" :key="index" :src="img" fit="cover" class="qualification-image" :preview-src-list="storeInfo.storeInteriorImgUrls"> |
| | | <div slot="error" class="image-slot"><i class="el-icon-picture-outline"></i></div> |
| | | </el-image> |
| | | </div> |
| | |
| | | <div class="image-item-row"> |
| | | <span class="label">其它材料:</span> |
| | | <div class="image-list"> |
| | | <el-image v-for="(img, index) in storeInfo.otherMaterialImgs" :key="index" :src="img" fit="cover" class="qualification-image" :preview-src-list="storeInfo.otherMaterialImgs"> |
| | | <el-image v-for="(img, index) in storeInfo.otherMaterialImgUrls" :key="index" :src="img" fit="cover" class="qualification-image" :preview-src-list="storeInfo.otherMaterialImgUrls"> |
| | | <div slot="error" class="image-slot"><i class="el-icon-picture-outline"></i></div> |
| | | </el-image> |
| | | </div> |