<!--
 * @Descripttion: 
 * @version: 
 * @Author: 王三华
 * @Date: 2023-11-17 14:37:16
-->
<template>
  <view class="contain">
    <u--form labelPosition="top"
             labelWidth="auto"
             :model="table"
             ref="uForm">
      <div class="tit">基础信息</div>
      <u-row gutter="10">
        <u-col span="6">
          <u-form-item :label="'会员编号'">
            <u--input disabled
                      v-model="table.memberCode"></u--input>
          </u-form-item>
        </u-col>
        <u-col span="6">
          <u-form-item :label="'会员姓名'">
            <u--input disabled
                      v-model="table.memberName"></u--input>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10"
             v-show="approvalBusiness == 142">
        <u-col span="6">
          <u-form-item :label="'上传已签字的创客空间协议'">
            <u--input disabled
                      v-model="table.storeName"></u--input>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10"
             v-show="approvalBusiness == 141">
        <u-col span="6">
          <u-form-item :label="'创客空间名称'">
            <u--input disabled
                      v-model="table.storeName"></u--input>
          </u-form-item>
        </u-col>
        <u-col span="6">
          <u-form-item :label="'创客空间等级'">
            <u--input disabled
                      v-model="table.storeLevelVal"></u--input>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="6">
          <u-form-item :label="'营业执照名称'">
            <u--input disabled
                      v-model="table.licenseName"></u--input>
          </u-form-item>
        </u-col>
        <u-col span="6">
          <u-form-item :label="'统一社会信用代码'">
            <u--input disabled
                      v-model="table.creditCode"></u--input>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="6">
          <u-form-item :label="'法人姓名'">
            <u--input disabled
                      v-model="table.legalName"></u--input>
          </u-form-item>
        </u-col>
        <u-col span="6">
          <u-form-item :label="'法人身份证号'">
            <u--input disabled
                      v-model="table.legalIdCard"></u--input>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="12">
          <u-form-item :label="'营业执照注册地址'">
            <u--input disabled
                      v-model="table.address"></u--input>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="12">
          <u-form-item>
            <u--input disabled
                      v-model="table.licenseAddress"></u--input>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="6">
          <u-form-item :label="'联系人'">
            <u--input disabled
                      v-model="table.storePerson"></u--input>
          </u-form-item>
        </u-col>
        <u-col span="6">
          <u-form-item :label="'联系方式'">
            <u--input disabled
                      v-model="table.storePhone"></u--input>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="12">
          <u-form-item :label="'详细地址'">
            <u--input disabled
                      v-model="table.address1"></u--input>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="12">
          <u-form-item>
            <u--input disabled
                      v-model="table.storeAddress"></u--input>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="6">
          <u-form-item :label="'银行名称'">
            <u--input disabled
                      v-model="table.bankName"></u--input>
          </u-form-item>
        </u-col>
        <u-col span="6">
          <u-form-item :label="'银行账号'">
            <u--input disabled
                      v-model="table.bankAccount"></u--input>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="6">
          <u-form-item :label="'开户支行'">
            <u--input disabled
                      v-model="table.bankBranch"></u--input>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="12">
          <u-form-item :label="'超级工作室标志'">
            <u-album :urls="[table.storeSign]"></u-album>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="6">
          <u-form-item :label="'申请日期'">
            <u--input disabled
                      v-model="table.creatTime"></u--input>
          </u-form-item>
        </u-col>
        <u-col span="6">
          <u-form-item :label="'审核日期'">
            <u--input disabled
                      v-model="table.checkTime"></u--input>
          </u-form-item>
        </u-col>
      </u-row>
      <div class="tit">资质材料</div>
      <u-row gutter="10">
        <u-col span="12">
          <u-form-item :label="'法人身份证正反面'">
            <u-album :urls="[table.legalCardFront]"></u-album>
            <u-album :urls="[table.legalCardBack]"></u-album>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="12">
          <u-form-item :label="'营业执照'">
            <u-album :urls="[table.license]"></u-album>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="12">
          <u-form-item :label="'上传已签字的超级工作室协议'">
            <u-album :urls="table.storeAgreementList"></u-album>
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10"  v-if="table.videoDoorhead != ''">
        <u-col span="12">
          <u-form-item :label="'门店视频'">
            <video :src="table.videoDoorhead" controls="controls" />
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10"  v-if="table.videoStore != ''">
        <u-col span="12">
          <u-form-item :label="'店内视频'">
            <video :src="table.videoStore" controls="controls" />
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10" v-if="table.videoProduct != ''">
        <u-col span="12">
          <u-form-item :label="'产品展示视频'">
            <video :src="table.videoProduct" controls="controls" />
          </u-form-item>
        </u-col>
      </u-row>
      <u-row gutter="10">
        <u-col span="12">
          <u-form-item :label="'门店图片'">
            <div class="disFlex">
            <u-album :urls="[table.imageDoorhead1]"></u-album>
            <u-album :urls="[table.imageExperience1]"></u-album>
            <u-album :urls="[table.imageMeeting1]"></u-album>
            <u-album :urls="[table.imageProduct1]"></u-album>
            <u-album :urls="[table.imageLounge1]"></u-album>
            <u-album :urls="[table.imageDoorhead2]"></u-album>
            <u-album :urls="[table.imageExperience2]"></u-album>
            <u-album :urls="[table.imageMeeting2]"></u-album>
            <u-album :urls="[table.imageProduct2]"></u-album>
            <u-album :urls="[table.imageLounge2]"></u-album>
          </div>
          </u-form-item>
        </u-col>
      </u-row>
    </u--form>
  </view>
</template>

<script>
import * as api from '@/api/settle'

export default {
  data() {
    return {
      table: {},
      approvalBusiness: '',
      code: '',
    }
  },
  onLoad(options) {
    this.approvalBusiness = options.approvalBusiness
    this.code = options.code
    this.getDetails()
  },
  methods: {
    getDetails() {
      let url
      if (this.approvalBusiness == 141) {
        url = api.markerSpaceDetail
      } else if (this.approvalBusiness == 142) {
        url = api.superStudioDetails
      } else {
        url = api.dealerDetails
      }
      url({ storeCode: this.code }).then((res) => {
        if (res.code == 200) {
          this.table = res.data
          this.table.address = this.table.licenseProvinceVal +this.table.licenseCitvVal + this.table.licenseCountyVal
          this.table.address1 = this.table.storeProvinceVal +this.table.storeCountyVal + this.table.storeCitvVal
        }
      })
    },
  },
}
</script>

<style lang="scss" scoped>
.contain {
  background: #ffffff;
  padding: 14rpx 22rpx;
  box-shadow: 0px 2px 10px 0px rgba(204, 204, 204, 0.4);
  border-radius: 10px 10px 10px 10px;
  margin: 20rpx 24rpx;
}
.disFlex{
  display: flex;
  flex-wrap: wrap;
}
::v-deep .u-input {
  padding: 0 9px !important;
}
::v-deep .u-form-item__body__left__content__label {
  font-size: 12px;
}
::v-deep .u-form-item__body {
  padding: 5px 0;
}
.tit{
  text-align: center;
  padding: 20rpx 0;
}
</style>