MrShi
2026-05-20 59bfd0b8bbbf0ee94ec68e4a3a1a6e536d0ad8fd
small-program/pages/details-entry/details-entry.vue
@@ -5,7 +5,7 @@
            <image :src="statusIcon" mode="widthFix"></image>
            <text>{{ statusText }}</text>
         </view>
         <view class="head-bottom">
         <view class="head-bottom" v-if="statusBottomText">
            {{ statusBottomText }}
         </view>
      </view>
@@ -38,72 +38,21 @@
            <view class="list-item-label">联系人电话</view>
            <view class="list-item-value">{{ form.linkPhone }}</view>
         </view>
         <view class="list-item">
            <view class="list-item-label">联系人身份证</view>
            <view class="list-item-value">{{ form.idcard }}</view>
         </view>
         <view class="list-item">
            <view class="list-item-label">支付宝账号</view>
            <view class="list-item-value">{{ form.aliAccount }}</view>
         </view>
         <view class="list-item">
            <view class="list-item-label">支付宝姓名</view>
            <view class="list-item-value">{{ form.aliName }}</view>
         </view>
         <view class="list-item" style="flex-direction: column; align-items: flex-start;">
            <view class="list-item-label" style="margin-bottom: 30rpx;">身份证正反面</view>
            <view class="idcard">
               <view class="idcard-image" v-if="form.idcardImg" @click="previewImage(form.idcardImg)">
                  <image :src="getFullPath(form.idcardImg)" mode="aspectFill"></image>
               </view>
               <view class="idcard-image" v-if="form.idcardImgBack" @click="previewImage(form.idcardImgBack)">
                  <image :src="getFullPath(form.idcardImgBack)" mode="aspectFill"></image>
               </view>
            </view>
         </view>
         <view class="list-item" style="flex-direction: column; align-items: flex-start;">
            <view class="list-item-label" style="margin-bottom: 30rpx;">门店门头照片</view>
            <view class="imgList">
               <view class="imgItem" v-for="(img, index) in form.storeFrontImgs" :key="index" @click="previewImage(img)">
                  <image :src="getFullPath(img)" mode="aspectFill"></image>
               </view>
            </view>
         </view>
         <view class="list-item" style="flex-direction: column; align-items: flex-start;">
            <view class="list-item-label" style="margin-bottom: 30rpx;">门店内部照片</view>
            <view class="imgList">
               <view class="imgItem" v-for="(img, index) in form.storeInteriorImgs" :key="index" @click="previewImage(img)">
                  <image :src="getFullPath(img)" mode="aspectFill"></image>
               </view>
            </view>
         </view>
         <view class="list-item" style="flex-direction: column; align-items: flex-start;">
            <view class="list-item-label" style="margin-bottom: 30rpx;">其他材料</view>
            <view class="imgList">
               <view class="imgItem" v-for="(img, index) in form.otherMaterialImgs" :key="index" @click="previewImage(img)">
                  <image :src="getFullPath(img)" mode="aspectFill"></image>
               </view>
            </view>
         </view>
         <template v-if="form.companyType === 0">
            <view class="list-item" style="flex-direction: column; align-items: flex-start;">
               <view class="list-item-label" style="margin-bottom: 30rpx;">有效劳工合同</view>
               <view class="imgList">
                  <view class="imgItem" v-for="(img, index) in form.laborContractImgs" :key="index" @click="previewImage(img)">
                     <image :src="getFullPath(img)" mode="aspectFill"></image>
                  </view>
               </view>
            <view class="list-item">
               <view class="list-item-label">联系人身份证</view>
               <view class="list-item-value">{{ form.idcard }}</view>
            </view>
            <view class="list-item" style="flex-direction: column; align-items: flex-start;">
               <view class="list-item-label" style="margin-bottom: 30rpx;">有效社保缴纳证明</view>
               <view class="imgList">
                  <view class="imgItem" v-for="(img, index) in form.socialSecurityImgs" :key="index" @click="previewImage(img)">
                     <image :src="getFullPath(img)" mode="aspectFill"></image>
                  </view>
               </view>
            <view class="list-item">
               <view class="list-item-label">支付宝账号</view>
               <view class="list-item-value">{{ form.aliAccount }}</view>
            </view>
            <view class="list-item">
               <view class="list-item-label">支付宝姓名</view>
               <view class="list-item-value">{{ form.aliName }}</view>
            </view>
         </template>
         <template v-else>
         <template v-if="form.companyType === 1">
            <view class="list-item">
               <view class="list-item-label">法人姓名</view>
               <view class="list-item-value">{{ form.legalPersonName }}</view>
@@ -113,25 +62,83 @@
               <view class="list-item-value">{{ form.aliAccount }}</view>
            </view>
            <view class="list-item">
               <view class="list-item-label">法人身份证号</view>
               <view class="list-item-value">{{ form.legalPersonCardNo }}</view>
               <view class="list-item-label">企业支付宝姓名</view>
               <view class="list-item-value">{{ form.aliName }}</view>
            </view>
         </template>
         <!-- <view class="list-item">
            <view class="list-item-label">就地寄存分成占比(%)</view>
            <view class="list-item-value">{{ form.localDeposit }}</view>
         </view>
         <view class="list-item">
            <view class="list-item-label">异地存件分成占比(%)</view>
            <view class="list-item-value">{{ form.remoteDeposit }}</view>
         </view>
         <view class="list-item">
            <view class="list-item-label">异地取件分成占比(%)</view>
            <view class="list-item-value">{{ form.remoteTake }}</view>
         </view> -->
         <view class="list-item" style="flex-direction: column; align-items: flex-start;">
            <view class="list-item-label" style="margin-bottom: 30rpx;">{{form.companyType === 0 ? '身份证正反面' : '法人身份证正反面'}}</view>
            <view class="idcard">
               <view class="idcard-image" v-if="form.idcardImg" @click="previewImage(form.idcardImg)">
                  <image :src="getFullPath(form.idcardImg)" mode="heightFix"></image>
               </view>
               <view class="idcard-image" v-if="form.idcardImgBack" @click="previewImage(form.idcardImgBack)">
                  <image :src="getFullPath(form.idcardImgBack)" mode="heightFix"></image>
               </view>
            </view>
         </view>
         <view class="list-item" style="flex-direction: column; align-items: flex-start;">
            <view class="list-item-label" style="margin-bottom: 30rpx;">门店门头照片</view>
            <view class="imgList">
               <view class="imgItem" v-for="(img, index) in form.storeFrontImgs" :key="index" @click="previewImage(img)">
                  <image style="height: 100%;" :src="getFullPath(img)" mode="heightFix"></image>
               </view>
            </view>
         </view>
         <view class="list-item" style="flex-direction: column; align-items: flex-start;">
            <view class="list-item-label" style="margin-bottom: 30rpx;">门店内部照片</view>
            <view class="imgList">
               <view class="imgItem" v-for="(img, index) in form.storeInteriorImgs" :key="index" @click="previewImage(img)">
                  <image style="height: 100%;" :src="getFullPath(img)" mode="heightFix"></image>
               </view>
            </view>
         </view>
         <view class="list-item" style="flex-direction: column; align-items: flex-start;">
            <view class="list-item-label" style="margin-bottom: 30rpx;">其他材料</view>
            <view class="imgList">
               <view class="imgItem" v-for="(img, index) in form.otherMaterialImgs" :key="index" @click="previewImage(img)">
                  <image style="height: 100%;" :src="getFullPath(img)" mode="heightFix"></image>
               </view>
            </view>
         </view>
         <template v-if="form.companyType === 0">
            <view class="list-item" style="flex-direction: column; align-items: flex-start;">
               <view class="list-item-label" style="margin-bottom: 30rpx;">法人身份证正反面</view>
               <view class="idcard">
                  <view class="idcard-image" v-if="form.legalPersonCard" @click="previewImage(form.legalPersonCard)">
                     <image :src="getFullPath(form.legalPersonCard)" mode="aspectFill"></image>
                  </view>
                  <view class="idcard-image" v-if="form.legalPersonCardBack" @click="previewImage(form.legalPersonCardBack)">
                     <image :src="getFullPath(form.legalPersonCardBack)" mode="aspectFill"></image>
               <view class="list-item-label" style="margin-bottom: 30rpx;">有效劳工合同</view>
               <view class="imgList">
                  <view class="imgItem" v-for="(img, index) in form.laborContractImgs" :key="index" @click="previewImage(img)">
                     <image style="height: 100%;" :src="getFullPath(img)" mode="heightFix"></image>
                  </view>
               </view>
            </view>
            <view class="list-item" style="flex-direction: column; align-items: flex-start;">
               <view class="list-item-label" style="margin-bottom: 30rpx;">社保缴纳证明</view>
               <view class="imgList">
                  <view class="imgItem" v-for="(img, index) in form.socialSecurityImgs" :key="index" @click="previewImage(img)">
                     <image style="height: 100%;" :src="getFullPath(img)" mode="heightFix"></image>
                  </view>
               </view>
            </view>
         </template>
         <template v-else>
            <view class="list-item" style="flex-direction: column; align-items: flex-start;">
               <view class="list-item-label" style="margin-bottom: 30rpx;">营业执照</view>
               <view class="imgList">
                  <view class="imgItem" v-if="form.businessImg" @click="previewImage(form.businessImg)">
                     <image :src="getFullPath(form.businessImg)" mode="aspectFill"></image>
                     <image style="height: 100%;" :src="getFullPath(form.businessImg)" mode="heightFix"></image>
                  </view>
               </view>
            </view>
@@ -142,6 +149,9 @@
      </view>
      <view class="footer-btn" v-if="shopAuditStatus === 2">
         <view class="reapply-btn" @click="goToReapply">重新认证</view>
      </view>
      <view class="footer-btn" v-if="shopAuditStatus === 3">
         <view class="reapply-btn" @click="jumpToReapply">重新提交</view>
      </view>
   </view>
</template>
@@ -170,12 +180,17 @@
               laborContractImgs: [],
               socialSecurityImgs: [],
               legalPersonName: '',
               legalPersonCard: '',
               legalPersonCardBack: '',
               idcardImgUrl: '',
               idcardImgBackUrl: '',
               legalPersonCardNo: '',
               businessImg: '',
               depositAmount: '',
               aliName: ''
               aliName: '',
               legalPersonCard: '',
               auditRemark: '',
               localDeposit: '',
               remoteDeposit: '',
               remoteTake: ''
            },
            imgPrefix: '',
            statusText: '平台审核中',
@@ -198,10 +213,15 @@
            return arr.join('/')
         }
      },
      onLoad() {
      onShow() {
         this.getMyShopData()
      },
      methods: {
         jumpToReapply() {
            uni.navigateTo({
               url: '/pages/store-apply/store-apply'
            })
         },
         getFullPath(url) {
            if (!url) return ''
            if (url.startsWith('http')) {
@@ -271,6 +291,14 @@
                  this.form.aliAccount = data.aliAccount || ''
                  this.form.legalPersonName = data.legalPersonName || ''
                  this.form.legalPersonCardNo = data.legalPersonCard || ''
                  this.form.legalPersonCard = data.legalPersonCard || ''
                  this.form.localDeposit = data.localDeposit || ''
                  this.form.remoteDeposit = data.remoteDeposit || ''
                  this.form.remoteTake = data.remoteTake || ''
                  this.form.idcardImgUrl = data.idcardImgUrl || ''
                  this.form.idcardImgBackUrl = data.idcardImgBackUrl || ''
                  this.form.aliName = data.aliName || ''
                  if (data.storeFrontImgs) {
                     this.form.storeFrontImgs = typeof data.storeFrontImgs === 'string' ? data.storeFrontImgs.split(',') : data.storeFrontImgs
@@ -289,7 +317,7 @@
                  if (data.socialSecurityImgs) {
                     this.form.socialSecurityImgs = typeof data.socialSecurityImgs === 'string' ? data.socialSecurityImgs.split(',') : data.socialSecurityImgs
                  }
                  this.form.legalPersonCard = data.legalPersonCard || ''
                  // this.form.legalPersonCard = data.legalPersonCard || ''
                  this.form.legalPersonCardBack = data.legalPersonCardBack || ''
                  if (data.auditStatus === 1) {
                     this.form.depositAmount = data.depositAmount / 100 || ''
@@ -302,11 +330,12 @@
                     3: '门店已入驻'
                  }
                  this.shopAuditStatus = data.auditStatus || 0
                  this.form.auditRemark = data.auditRemark || ''
                  this.statusText = statusMap[this.shopAuditStatus] || '平台审核中'
                  const bottomTextMap = {
                     0: '审核结果将通过短信/订阅消息通知您',
                     1: '请支付门店入驻押金',
                     2: '营业执照过期,请重新提交审核',
                     2: this.form.auditRemark,
                     3: ' '
                  }
                  this.statusBottomText = bottomTextMap[this.shopAuditStatus] || bottomTextMap[0]
@@ -347,14 +376,14 @@
               display: flex;
               align-items: center;
               flex-wrap: wrap;
               gap: 20rpx;
               .imgItem {
                  width: 144rpx;
                  height: 144rpx;
                  border-radius: 8rpx;
                  gap: 20rpx;
                  overflow: hidden;
                  image {
                     width: 100%;
                     height: 100%;
                  }
               }
            }
@@ -388,7 +417,9 @@
      }
      .head {
         width: 100%;
         height: 248rpx;
         // height: 248rpx;
         padding: 70rpx 0;
         box-sizing: border-box;
         display: flex;
         flex-direction: column;
         align-items: center;