| | |
| | | > |
| | | <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> |
| | | |
| | | <div class="approval-section" v-if="storeInfo && storeInfo.auditStatus !== 0"> |
| | | <div class="approval-result" :class="storeInfo.auditStatus === 1 ? 'approval-pass' : 'approval-reject'"> |
| | | <div class="approval-status" v-if="storeInfo.auditStatus === 1"> |
| | | <div class="approval-result" :class="storeInfo.auditStatus === 1||storeInfo.auditStatus === 3 ? 'approval-pass' : 'approval-reject'"> |
| | | <div class="approval-status" v-if="storeInfo.auditStatus === 1||storeInfo.auditStatus === 3"> |
| | | <i class="el-icon-circle-check"></i> |
| | | <span>审核通过</span> |
| | | </div> |
| | |
| | | <i class="el-icon-circle-close"></i> |
| | | <span>审核拒绝</span> |
| | | </div> |
| | | <div class="approval-info" v-if="storeInfo.auditStatus === 1"> |
| | | <span class="info-item">审核时间:{{ storeInfo.auditTime }}</span> |
| | | <span class="info-item">审核人:{{ storeInfo.auditName }}</span> |
| | | <div class="approval-info" v-if="storeInfo.auditStatus === 1||storeInfo.auditStatus === 3"> |
| | | <div class="info-item" v-if="storeInfo.auditRemark">备注:{{ storeInfo.auditRemark||'' }}</div> |
| | | <span class="info-item">审核时间:{{ storeInfo.auditTime || '' }}</span> |
| | | <span class="info-item">审核人:{{ storeInfo.auditName||'' }}</span> |
| | | </div> |
| | | <div class="approval-info" v-else> |
| | | <div class="info-item" v-if="storeInfo.auditRemark">备注:{{ storeInfo.auditRemark }}</div> |
| | | <div class="info-item">审核时间:{{ storeInfo.auditTime }}</div> |
| | | <div class="info-item">审核人:{{ storeInfo.auditName }}</div> |
| | | <div class="info-item" v-if="storeInfo.auditRemark">备注:{{ storeInfo.auditRemark||'' }}</div> |
| | | <div class="info-item">审核时间:{{ storeInfo.auditTime||'' }}</div> |
| | | <div class="info-item">审核人:{{ storeInfo.auditName||'' }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="qualification-section"> |
| | | <h4 class="section-title">基本信息</h4> |
| | | <div class="info-grid"> |
| | | <div class="info-row" v-if="storeInfo.auditStatus === 1||storeInfo.auditStatus === 3 "> |
| | | <span class="label">入住押金:</span> |
| | | <span class="value yellowstate" >¥{{(( storeInfo.depositAmount || 0)/100).toFixed(2) }}</span> |
| | | <span class="value bluestate" style="color:#269ffc;font-size: 10px;margin-left:10px;padding: 2px 10px;border: 1px solid #269ffc" v-if="storeInfo.auditStatus === 1">待支付</span> |
| | | <span class="value yellowstate" style="color:#67c23a;font-size: 10px;margin-left:10px;padding: 2px 10px ;border: 1px solid #67c23a" v-if="storeInfo.auditStatus === 3">已支付</span> |
| | | </div> |
| | | <div class="info-row"> |
| | | <span class="label">所在省市区:</span> |
| | | <span class="value">{{ storeInfo.provinceName || '' }} {{ storeInfo.cityName || '' }} {{ storeInfo.areaName || '' }}</span> |
| | |
| | | </div> |
| | | <div class="info-row"> |
| | | <span class="label">门店状态:</span> |
| | | <span class="value">{{ storeInfo.auditStatus === 0 ? '待审批' : storeInfo.auditStatus === 1 ? '审批通过' : '审批未通过' }}</span> |
| | | <span class="value">{{ storeInfo.auditStatus === 0 ? '待审批' : storeInfo.auditStatus === 3 ? '审批通过' : '审批未通过' }}</span> |
| | | </div> |
| | | <div class="info-row"> |
| | | <span class="label">配送范围:</span> |
| | | <span class="value">{{ storeInfo.deliveryRange || '暂无' }}</span> |
| | | <span class="value">{{ storeInfo.deliveryArea || '暂无' }}</span> |
| | | </div> |
| | | </div> |
| | | </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> |
| | |
| | | </template> |
| | | </div> |
| | | |
| | | <div class="qualification-section" v-if="storeInfo.companyType === 1"> |
| | | <div class="qualification-section"> |
| | | <h4 class="section-title">门店照片及其他材料</h4> |
| | | <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> |