<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.BrandName }}</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>
