<template>
<div style="background-color: #f0f2f5; padding-bottom: 20px; min-height: 100%; " >
      <div style="padding: 20px; background-color: #fff;">
        店铺详情
      </div>
<div class="content" v-if="item!=null">
    <div class="desct">
      店铺信息
    </div>
        <el-descriptions title="" :column="3" border>
            <el-descriptions-item label="店铺名称" >
                <span v-if="item!=null">{{item.storeName}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="店铺介绍" >
                <span v-if="item!=null">{{item.descs}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="店铺LOGO" >
              <el-image
                  style="width: 100px"
                  :src="item.logoUrl"
                  :preview-src-list="[item.logoUrl]">
              </el-image>
            </el-descriptions-item>
            <el-descriptions-item label="地址" >
                <span v-if="item!=null">{{item.address}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="店铺电话" >
                <span v-if="item!=null">{{item.phone}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="资质证书">
              <el-image
                  style="width: 100px"
                  :src="item.licenseImages"
                  :preview-src-list="[item.licenseImages]">
              </el-image>
            </el-descriptions-item>
            <el-descriptions-item label="商品总数" >
                <span v-if="item!=null">{{item.productCount}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="状态" >
               <dict-tag :options="statusOptions" :value="item.status"/>
            </el-descriptions-item>
            <el-descriptions-item label="销量" >
                <span v-if="item!=null">{{item.salesCount}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="余额" >
                <span v-if="item!=null">{{item.balance}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="累计金额" >
                <span v-if="item!=null">{{item.totalMoney}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="审核状态" >
                <dict-tag :options="isAuditOptions" :value="item.isAudit"/>
            </el-descriptions-item>
            <el-descriptions-item label="登录帐号" >
                <span v-if="item!=null">{{item.account}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="创建时间" >
                <span v-if="item!=null">{{item.createTime}}</span>
            </el-descriptions-item>

            <el-descriptions-item label="更新时间" >
                <span v-if="item!=null">{{item.updateTime}}</span>
            </el-descriptions-item>



        </el-descriptions>
</div>
    </div>
</template>

<script>
import { listStore, getStore, delStore, addStore, updateStore, exportStore } from "@/api/his/store";
  export default {
    name: "user",
    props:["data"],
    data() {
      return {
         statusOptions: [],
         // 审核状态字典
         isAuditOptions: [],
        item:null,
        logoUrl:[],
        form: {
          sreason: '',
        }
      }
    },
   created() {
     this.getDicts("sys_company_status").then(response => {
       this.statusOptions = response.data;
     });
     this.getDicts("sys_company_isaudit").then(response => {
       this.isAuditOptions = response.data;
     });
   },
    methods: {
        getDetails(orderId) {
        this.item=null;
        getStore(orderId).then(response => {
              this.item = response.data;
        });
      },
    }
  }
</script>
<style>
  .content{
      height: 100%;
      background-color: #fff;
      padding: 0px 20px;
      padding-bottom: 20px;
      margin: 20px;
  }
  .el-descriptions-item__label.is-bordered-label{
    font-weight: normal;
  }
  .el-descriptions-item__content {
    max-width: 150px;
    min-width: 100px;
  }
  .desct{
      padding-top: 20px;
      padding-bottom: 20px;
      color: #524b4a;
      font-weight: bold;
    }
</style>
