<template>
<div class="contents" v-if="item!=null">

        <el-descriptions title="" :column="3" border>
            <el-descriptions-item label="店铺Id"  >
                <span v-if="item!=null">{{item.storeId}}</span>
            </el-descriptions-item>
            <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-popover v-if="item.logoUrl!=null"
                          placement="right"
                          title=""
                          trigger="hover">
                          <img slot="reference" :src="item.logoUrl" width="100">
                          <img :src="item.logoUrl" style="max-width: 300px;">
                        </el-popover>

            </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-popover v-if="item.licenseImages!=null"
                         placement="right"
                         title=""
                         trigger="hover">
                         <img slot="reference" :src="item.licenseImages" width="100">
                         <img :src="item.licenseImages" style="max-width: 300px;">
                       </el-popover>
              
          
            </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.password}}</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>
</template>

<script>
import { listStore, getStore, delStore, addStore, updateStore, exportStore } from "@/api/store/store";
  export default {
    name: "user",
    props:["data"],
    data() {
      return {
         statusOptions: [],
         // 审核状态字典
         isAuditOptions: [],
        item:null,
        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 => {
            console.log(response)
              this.item = response.data;
          });
      },
    }
  }
</script>
<style>

  .contents{
      height: 100%;
      background-color: #fff;
      padding: 0px 20px;

  }
</style>
<style>
  .el-descriptions-item__label.is-bordered-label{
    font-weight: normal;
  }

</style>
