| | |
| | | > |
| | | <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> |
| | |
| | | </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> |
| | |
| | | </div> |
| | | |
| | | <div class="approval-form" v-if="storeInfo && storeInfo.auditStatus === 0"> |
| | | <el-form ref="approvalForm" :model="approvalForm" :rules="approvalRules"> |
| | | <el-form ref="approvalForm" :model="approvalForm" :rules="approvalForm.auditStatus ==1?approvalRules:approvalRules1"> |
| | | <el-form-item label="审批结果" prop="auditStatus"> |
| | | <el-radio-group v-model="approvalForm.auditStatus" @change="handleAuditStatusChange"> |
| | | <el-radio :label="0">通过</el-radio> |
| | |
| | | { required: true, message: '请输入拒绝原因', trigger: 'blur' } |
| | | ] |
| | | }, |
| | | approvalRules1: { }, |
| | | isWorking: { |
| | | submit: false |
| | | } |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | changeRadio(){ |
| | | this.$refs.approvalForm.clearValidate() |
| | | }, |
| | | open (title, row) { |
| | | this.title = title |
| | | this.approvalForm = { |
| | |
| | | }) |
| | | }, |
| | | handleAuditStatusChange (val) { |
| | | if (val === 1) { |
| | | this.approvalRules.auditRemark = [] |
| | | } else { |
| | | this.approvalRules.auditRemark = [{ required: true, message: '请输入拒绝原因', trigger: 'blur' }] |
| | | } |
| | | this.$refs.approvalForm.clearValidate() |
| | | // if (val === 1) { |
| | | // this.approvalRules.auditRemark = [] |
| | | // } else { |
| | | // this.approvalRules.auditRemark = [{ required: true, message: '请输入拒绝原因', trigger: 'blur' }] |
| | | // } |
| | | }, |
| | | handleSubmit () { |
| | | this.$refs.approvalForm.validate(valid => { |