<style>
  .firstStoreDetail .content{
    background: #fff;
    padding: 20px;
    margin-top:10px;
    box-sizing: border-box;
  }

  .firstStoreDetail .el-form-item {
    margin-bottom: 0;
  }

  .firstStoreDetail .CoverImage {
    width: 80px;
    height: 80px;
    border: 1px solid #e2e2e2;
  }
  .First_LLINE .el-form-item__label{
    line-height:1
  }
  .firstIbntro{
    margin:10px 0!important;
  }
  .firstIbntro .el-form-item__content ,.firstIbntro .el-form-item__label{
    line-height: 25px;
  }
</style>
<template>
  <div class="firstStoreDetail">
    <div class="head-title">
      <span @click="CommonJump('firstStoreApply')" style="color:rgb(64, 158, 255);cursor:pointer;">首店列表</span><span
        style="margin:0 9px;color:#C0C4CC">/</span><span>首店详情</span>
    </div>
    <div class="content">
      <el-form label-width="150px">
        <el-form-item label="首店名称：">{{dataList.Name}}</el-form-item>
        <el-form-item label="封面图：" style="line-height:0;margin-top:10px;" class="First_LLINE">
          <div class="CoverImage">
            <el-image 
              :src="dataList.CoverImage"
              style="width:78px;height:78px"
              :preview-src-list="CoverImageList">
            </el-image>
          </div>
        </el-form-item>
        <el-form-item label="图片列表：" style="margin-top:20px;" class="First_LLINE">
          <div>
             <el-image 
              style="width:80px;height:80px;margin-right:10px;"
              :key="index"
              v-for="(item,index) in dataList.ImageList"
              :src="item"
              :preview-src-list="dataList.ImageList">
            </el-image>
          </div>
        </el-form-item>
        <el-form-item label="视频地址：">{{dataList.VideoUrl}}</el-form-item>
        <el-form-item label="类型：">{{dataList.TypeName}}</el-form-item>
        <el-form-item label="品牌归属地：">{{dataList.BrandTypeName}}</el-form-item>
        <el-form-item label="开业时间：">{{dataList.OpenTime}}</el-form-item>
        <el-form-item label="详细地址：">{{dataList.Address}}</el-form-item>
        <el-form-item label="商圈：">{{dataList.TradingArea}}</el-form-item>
        <el-form-item label="行业：">{{dataList.BusinessTypeName}}</el-form-item>
        <el-form-item label="行业种类：">{{dataList.BusinessDetail}}</el-form-item>
        <el-form-item label="简介：" class="firstIbntro">{{dataList.Description}}</el-form-item>
        <el-form-item label="区县：">{{dataList.County}}</el-form-item>
        <el-form-item label="分类：">{{dataList.CategoryName}}</el-form-item>
        <el-form-item label="联系人：">{{dataList.Contact}}</el-form-item>
        <el-form-item label="联系电话：">{{dataList.ContactMobile}}</el-form-item>
        <el-form-item label="审核状态：">
          <span v-if="dataList.AuditState==1" style="color:#1273bc;">未审核</span>
          <span v-if="dataList.AuditState==2" style="color:green;">审核通过</span>
          <span v-if="dataList.AuditState==3" style="color:#e95252;">审核不通过</span>
        </el-form-item>
        <el-form-item label="审核时间：">{{dataList.AuditDate}}</el-form-item>
        <el-form-item label="申请时间：">{{dataList.CreateDate}}</el-form-item>
      </el-form>
    </div>
  </div>
</template>
<script>
  export default {
    name: "firstStoreDetail",
    data() {
      return {
        AuthenticationId: 0,
        dataList: {},
        CoverImageList:[]
      }
    },
    created() {
      if (this.$route.query.ID) {
        this.AuthenticationId = this.$route.query.ID;
        this.getData()
      }
    },
    methods: {
      getData() {
        this.apipost("/api/Trade/GetAuthenticationInfo", {
          AuthenticationId: this.AuthenticationId
        }, res => {
          if (res.data.resultCode == 1) {
            this.dataList = res.data.data;
            this.CoverImageList = [];
            this.CoverImageList.push(this.dataList.CoverImage);
          } else {
            this.Error(res.data.message);
          }
        })
      },

    },
  };

</script>
