chelvc-custom/src/pageMerchant/mineModule/certification/openStoreAppealDetail.vue

<template>
  <view class="container">
    <view class="top-box">
      <p>您的开店申请已经提交成功。</p>
      <p>我们将在1-3个工作日内完成线上审核工作，请您耐心等候，并留意审核进程。</p>
    </view>

    <view class="content-item">
      <view class="item-l">
        <p>负责人 : {{ list.legalRepresentativeName || '--' }}</p>
        <p>手机号 : {{ list.mobileNumber || '--' }}</p>
      </view>
      <img class="img" src="@/static/mine/icon_mine_underReview.png" alt="" />
    </view>

    <view class="content-item">
      <view class="item-l">
        <p>店名 : {{ list.merchant.name || '--' }}</p>
        <p>店铺类型 : {{ list.storeType || '--' }}</p>
        <p>手机号 : {{ list.mobileNumber || '--' }}</p>
        <p>所在地 : {{ list.storeAddress || '--' }}</p>
        <p>详细地址 : {{ list.merchant.address || '--' }}</p>
      </view>
    </view>

    <view class="content-item2">
      <view class="item2-box">
        <image :src="list.storeImage" mode="" v-if="list.storeImage"></image>
        <img class="img2" src="@/static/logo.png" alt="" v-else />
        <view class="img-text">店铺门面图(需包含完整牌匾)</view>
      </view>
      <view class="item2-box">
        <image :src="list.storeInnerImage" mode="" v-if="list.storeInnerImage"></image>
        <img class="img2" src="@/static/logo.png" alt="" v-else />
        <view class="img-text">店内真实环境</view>
      </view>
    </view>

    <view class="content-item2">
      <view class="item-l">
        <p>法人姓名 : {{ list.legalRepresentativeName || '--' }}</p>
        <p>
          性别 :
          {{
            list.legalRepresentativeGender == 1
              ? '男'
              : list.legalRepresentativeGender == 2
              ? '女'
              : '保密'
          }}
        </p>
        <p>证件号码 : {{ list.idCardNumber || '--' }}</p>
        <p>有效期 : {{ $u.timeFormat(list.idCardExpirationDate) || '--' }}</p>
      </view>
      <view class="item2-box">
        <image :src="list.idCardFrontPhoto" mode="" v-if="list.idCardFrontPhoto"></image>
        <img class="img2" src="@/static/logo.png" alt="" v-else />
        <view class="img-text">证件正面图(国徽图)</view>
      </view>
      <view class="item2-box">
        <image :src="list.idCardBackPhoto" mode="" v-if="list.idCardBackPhoto"></image>
        <img class="img2" src="@/static/logo.png" alt="" v-else />
        <view class="img-text">证件反面图(人像图)</view>
      </view>
    </view>

    <view class="content-item2">
      <view class="item-l">
        <p>证件名称 : 营业执照</p>
        <p>证件编号 : {{ list.businessLicenseId || '--' }}</p>
        <p>有效期 : {{ $u.timeFormat(list.businessLicenseExpirationDate) || '--' }}</p>
      </view>
      <view class="item2-box">
        <image :src="list.businessPhoto" mode="" v-if="list.businessPhoto"></image>
        <img class="img2" src="@/static/logo.png" alt="" v-else />
        <view class="img-text">证件正面图</view>
      </view>
    </view>

    <view class="content-item2">
      <view class="item-l">
        <p>证件名称 : 经营许可证</p>
        <p>证件编号 : {{ list.businessLicenseNumberValid || '--' }}</p>
        <p>有效期 : {{ $u.timeFormat(list.businessLicenseExpirationDateValid) || '--' }}</p>
      </view>
      <view class="item2-box">
        <image :src="list.businessLicensePhoto" mode="" v-if="list.businessLicensePhoto"></image>
        <img class="img2" src="@/static/logo.png" alt="" v-else />
        <view class="img-text">证件正面图</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      list: {},
    };
  },
  methods: {},
  onShow() {
    this.list = this.$store.state.data.merchantInfo;
	console.log(this.list,"查看信息")
	 
  },
};
</script>

<style lang="scss" scoped>
.container {
  padding: 20rpx;
  background-color: #f5f5f5 !important;
  .top-box {
    color: #8b8b8b;
    padding: 0 20rpx;
    background-color: #fff;
  }
  .content-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 20rpx;
    padding: 20rpx;
    margin: 20rpx 0;
    .item-l {
      p {
        margin: 20rpx 0;
        line-height: 50rpx;
      }
    }
    .img {
      width: 130rpx;
      height: 100rpx;
    }
  }
  .content-item2 {
    background-color: #fff;
    border-radius: 20rpx;
    padding: 20rpx;
    margin: 20rpx 0;
    .item-l {
      p {
        margin: 20rpx 0;
        line-height: 50rpx;
      }
    }
    .item2-box {
      text-align: center;
      margin-bottom: 20rpx;
      .img2 {
        width: 100%;
        height: 400rpx;
      }
    }
  }
}
</style>