<template>
  <div class="JpStore">
    <van-field readonly v-model="storeArchives.ownerMobile" label="主经营者电话" />
    <van-field readonly v-model="storeArchives.ownerName" label="主经营者姓名" />
    <van-field readonly v-model="storeArchives.ownerBirthday" label="主经营者出生日期" />
    <van-field
      readonly
      autosize
      type="textarea"
      v-model="storeArchives.mainProductCategorys"
      label="主营/擅长经营品类" />
    <van-field
      readonly
      autosize
      type="textarea"
      v-model="storeArchives.totalSalesAmount"
      label="门店24年总进货额(含所有品牌品类，单位:万元)" />
    <van-field readonly v-model="storeArchives.performanceRatio" label="门店立邦业绩占比(单位:%)" />
    <van-field
      readonly
      autosize
      type="textarea"
      v-model="storeArchives.mainBrand"
      label="门店主营TOP3品牌" />
    <van-field
      readonly
      v-model="storeArchives.constructionResource"
      label="是否有工地资源（支持工地配送，承接工地双包等）" />
    <van-field
      v-if="storeArchives.constructionResource == '是'"
      readonly
      v-model="storeArchives.constructionYearNum"
      label="年工地数量" />
    <van-field readonly v-model="storeArchives.doubleContracting" label="是否有双包能力" />
    <van-field readonly v-model="storeArchives.emergencyContactRelation" label="紧急联系人身份" />
    <van-field readonly v-model="storeArchives.emergencyContact" label="紧急联系人姓名" />
    <van-field
      readonly
      v-model="storeArchives.emergencyContactBirthday"
      label="紧急联系人出生日期" />
    <van-field readonly v-model="storeArchives.emergencyContactMobile" label="紧急联系人电话" />
  </div>
</template>
<script>
export default {
  props: {
    storeArchives: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {};
  },
  activated() {},
  methods: {},
};
</script>
<style scoped lang="scss">
.JpStore {
  // padding: 0 16px;
  background: #fff;
  .van-cell {
    // padding: 10px 0;
    // border-bottom: 1px solid #ccc;
  }
  .van-field__label {
    width: 9em;
  }
}
</style>
