<template>
  <view class="storeEnviron">

    <view class="text-center environ">
      <image :src="list.storeImage" mode="" v-if="list.storeImage"></image>
      <ImgsUpload v-else />
      <view style="margin: 20rpx 0">店铺门面图(需包含完整牌匾)</view>
    </view>

    <view class="text-center u-m-t-40 environ">
      <image :src="list.storeInnerImage" mode="" v-if="list.storeInnerImage"></image>
      <ImgsUpload v-else />
      <view style="margin: 20rpx 0">店内真实环境</view>
    </view>

    <view style="margin-top: 140rpx">
      <u-button type="primary" text="确定" shape="circle"></u-button>
    </view>
  </view>
</template>

<script>
  import ImgsUpload from './certification/components/ImgsUpload.vue';
  export default {
    components: {
      ImgsUpload
    },
    data() {
      return {
        list: {},
      };
    },
    onShow() {
      this.list = this.$store.state.data.merchantInfo;
    },
  };
</script>

<style lang="scss" scoped>
  .storeEnviron {
    height: 100vh;
    padding: 20rpx;
    background-color: #fff;

    .environ {
      margin: 20rpx;
    }
  }
</style>
