qimall/addons/Happiness/agent/views/store/detail-basic.php

<div class="grid-box">
    <el-row :gutter="20">
        <el-col :span="4" v-for="(val, key) in statisticsData" :key="key">
            <div class="grid-item" flex="dir:top main:center">
                <div class="grid-text">
                    <span>{{ val }}</span>
                    <el-popover placement="top-start" width="250" trigger="hover" content="门店货款">
                        <i slot="reference" v-if="key == 'total_settled_amount'" class="el-icon-question grid-icon"></i>
                    </el-popover>
                </div>
                <div class="grid-val">{{ basicForm[key] }}</div>
            </div>
        </el-col>
    </el-row>
</div>

<!-- 基础信息 -->
<el-form ref="basicForm" :model="basicForm" label-width="80px" size="small" :rules="basicRules">
    <el-card class="store-card" shadow="never">
        <div slot="header" class="store-card-head" flex="flex main:justify cross:center">
            <span>基础信息</span>
        </div>
        <div class="store-card-body">
            <el-descriptions :column="2">
                <div slot="title" flex="flex cross:center">
                    <el-avatar :size="60" :src="basicForm.logo_img"></el-avatar>
                    <span class="store-name">{{ basicForm.store_name }}</span>
                </div>
                <el-descriptions-item label="店长">{{basicForm.shop_owner}}</el-descriptions-item>
                <el-descriptions-item label="手机号">{{basicForm.shop_mobile}}</el-descriptions-item>
                <el-descriptions-item label="营业执照">
                    <el-image style="width: 150px; height: 100px" :src="basicForm.license_img"></el-image>
                </el-descriptions-item>
                <!-- <el-descriptions-item label="到期时间" v-if="basicForm.expire_time==0">无限期</el-descriptions-item>
                <el-descriptions-item label="到期时间" v-else>{{basicForm.expire_time | dateTimeFormat('Y-m-d H:i:s')}}</el-descriptions-item> -->
                <el-descriptions-item label="门店介绍">{{basicForm.store_desc}}</el-descriptions-item>
                <el-descriptions-item label="创建时间">{{basicForm.created_at | dateTimeFormat('Y-m-d H:i:s')}}</el-descriptions-item>
            </el-descriptions>
        </div>
    </el-card>

    <!-- 地址信息/自提点 -->
    <el-card class="store-card" body-style="padding: 0;" shadow="never">
        <div slot="header" class="store-card-head" flex="flex main:justify cross:center">
            <span>地址信息/自提点</span>
        </div>
        <div class="store-card-body">
            <el-descriptions :column="1">
                <el-descriptions-item label="门店详细地址">{{basicForm.show_address}}</el-descriptions-item>
                <el-descriptions-item label="经纬度"><span style="color: #999999;">{{basicForm.longitude}},{{basicForm.latitude}}</span></el-descriptions-item>
            </el-descriptions>
        </div>
    </el-card>
</el-form>