支付宝支付ddd

doum

2026-04-25 9287e9a02f9a9a85b0c4dc49f04d1426af4a0ede

 small-program/shop/pages/qualification/qualification.vue

@@ -1,40 +1,36 @@
<template>
   <view class="qualification-page">
      <!-- <view class="type-tabs">
         <view class="tab-item" :class="{ active: currentType === 'personal' }" @tap="currentType = 'personal'">个人资质</view>
         <view class="tab-item" :class="{ active: currentType === 'company' }" @tap="currentType = 'company'">企业资质</view>
      </view> -->

      <view class="card base-card">
         <view class="store-row">
            <image class="store-cover" src="" mode="aspectFill"></image>
            <image class="store-cover" @click="previewImage([info.shopAvatar],0)"  :src="(info.shopAvatar)?info.shopAvatar:'/static/icon/default2.png'"  mode="aspectFill"></image>
            <view class="store-info">
               <text class="store-name">中铁快运南站旗舰店</text>
               <text class="store-line">联系人：苏眠眠</text>
               <text class="store-line">联系电话：18155114565</text>
               <text class="store-name">{{info.name||''}}</text>
               <text class="store-line">联系人：{{info.linkName || ''}}</text>
               <text class="store-line">联系电话：{{info.linkPhone || ''}}</text>
            </view>
         </view>

         <view class="detail-block">
            <view class="info-row">
               <text class="info-label">省市区：</text>
               <text class="info-value">安徽省合肥市经济技术开发区</text>
               <text class="info-value">{{info.provinceName || ''}}{{info.cityName || ''}}{{info.areaName || ''}}</text>
            </view>
            <view class="info-row">
               <text class="info-label">门店地址：</text>
               <text class="info-value">莲花路200号莲花产业园F栋401</text>
               <text class="info-value">{{info.address || ''}}</text>
            </view>

            <template v-if="currentType === 'personal'">
            <template v-if="info.companyType === 0" >
               <view class="info-row">
                  <text class="info-label">身份证号：</text>
                  <text class="info-value">3401823742786473267</text>
                  <text class="info-value">{{info.idcard || ''}}</text>
               </view>
               <view class="material-row top-align">
                  <text class="info-label">身份证：</text>
                  <view class="material-list double-list">
                     <image class="material-image id-card" src="" mode="aspectFill"></image>
                     <image class="material-image id-card" src="" mode="aspectFill"></image>
                     <image class="material-image id-card" @click="previewImage([info.idcardImgUrl],0)"  :src="info.idcardImgUrl?info.idcardImgUrl:'/static/icon/default2.png'" mode="aspectFill"></image>
                     <image class="material-image id-card" @click="previewImage([info.idcardImgBackUrl],0)"   :src="info.idcardImgBackUrl?info.idcardImgBackUrl:'/static/icon/default2.png'"  mode="aspectFill"></image>
                  </view>
               </view>
            </template>
@@ -43,7 +39,7 @@
               <view class="material-row top-align license-row">
                  <text class="info-label">营业执照：</text>
                  <view class="material-list single-list">
                     <image class="material-image license-image" src="" mode="aspectFill"></image>
                     <image class="material-image license-image"  @click="previewImage([info.businessImgUrl],0)" :src="info.businessImgUrl?info.businessImgUrl:'/static/icon/default2.png'" mode="aspectFill"></image>
                  </view>
               </view>
            </template>
@@ -52,21 +48,19 @@
      
      <view style="width: 100%; height: 20rpx; background-color: #F7F7F7;"></view>
      
      <view v-if="currentType === 'personal'" class="card subject-card">
      <view v-if="info.companyType === 0" class="card subject-card">
         <text class="section-title">主体资质</text>
         <view class="material-group">
            <view class="material-row top-align">
               <text class="info-label">有效劳动合同：</text>
               <view class="material-list triple-list">
                  <image class="material-image contract-image" src="" mode="aspectFill"></image>
                  <image class="material-image contract-image" src="" mode="aspectFill"></image>
                  <image class="material-image contract-image" src="" mode="aspectFill"></image>
               <text class="info-label">有效劳动合同：</text> 
               <view v-if=" info.laborContractImgUrls" class="material-list triple-list"   > 
                  <image  @click="previewImage(info.laborContractImgUrls,index)"  v-for="(item,index) in info.laborContractImgUrls" :key="item"    class="material-image contract-image"  :src="item" mode="aspectFill"></image>
               </view>
            </view>
            <view class="material-row top-align proof-row">
               <text class="info-label">社保缴纳证明：</text>
               <view class="material-list single-list">
                  <image class="material-image proof-image" src="" mode="aspectFill"></image>
               <view v-if=" info.socialSecurityImgUrls" class="material-list triple-list"   >
                  <image @click="previewImage(info.socialSecurityImgUrls,index)" v-for="(item,index) in info.socialSecurityImgUrls" :key="item"    class="material-image contract-image"  :src="item" mode="aspectFill"></image>
               </view>
            </view>
         </view>
@@ -77,21 +71,21 @@
         <view class="detail-block legal-block">
            <view class="info-row">
               <text class="info-label">法人姓名：</text>
               <text class="info-value">张光宣</text>
               <text class="info-value">{{info.legalPersonName||''}}</text>
            </view>
            <view class="info-row">
               <text class="info-label">法人电话：</text>
               <text class="info-value">181554462589</text>
               <text class="info-value">{{info.legalPersonPhone ||''}}</text>
            </view>
            <view class="info-row">
               <text class="info-label">身份证号：</text>
               <text class="info-value">3401823742786473267</text>
               <text class="info-value">{{info.legalPersonCard || ''}}</text>
            </view>
            <view class="material-row top-align">
               <text class="info-label">身份证：</text>
               <view class="material-list double-list">
                  <image class="material-image id-card" src="" mode="aspectFill"></image>
                  <image class="material-image id-card" src="" mode="aspectFill"></image>
                  <image class="material-image id-card" :src="info.idcardImgUrl?info.idcardImgUrl:'/static/icon/default2.png'" mode="aspectFill"></image>
                  <image class="material-image id-card"  :src="info.idcardImgBackUrl?info.idcardImgBackUrl:'/static/icon/default2.png'"  mode="aspectFill"></image>
               </view>
            </view>
         </view>
@@ -100,10 +94,40 @@
</template>

<script>
   import { mapState } from 'vuex'
   export default {
      computed: {
         ...mapState(['navHeight', 'statusbarHeight','shopInfo','shopToken'])
      },
      data() {
         return {
            currentType: 'personal'
            id:null,
            qrcodeImage:null,
            showCancel:false,
            info:{}
         }
      },
      onShow() {
         this.info  ={}
         this.getMyShop() 
      },
      onLoad(options) {
      },
      methods:{
         previewImage(images,index = 0) {
            uni.previewImage({
               current: index, 
               urls: images  
            });
         },
         async  getMyShop(index){
               var that =this 
               let res = await that.$u.api.getShopInfoDetail()
               if (res.code === 200) { 
                  this.info = res.data
                  console.log(this.info.laborContractImgUrls,this.info.laborContractImgUrls.length,"====================")
                   console.log(this.info,"====================")
               } 
         }
      }
   }