qimall/addons/Happiness/backend/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 class="head-btn">
                <el-button :loading="switchStoreLoading" size="small" :type="isDisable ? '' : 'primary'" @click="storeSwitch">{{ isDisable ? '启用' : '禁用' }}门店</el-button>
                <el-button size="small" type="primary" @click="storeEdit('baseDialogVisible')">编辑</el-button>
            </div>
        </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 class="head-btn">
                <com-qq-map @map-submit="mapEvent" :address="basicForm.address" :lat="basicForm.latitude" :long="basicForm.longitude" style="display: inline-block;">
                    <el-button type="primary" size="small">经纬度</el-button>
                </com-qq-map>
                <el-button size="small" type="primary" @click="addressDialogVisible = true">地址编辑</el-button>
            </div>
        </div>
        <div class="store-card-body">
            <el-descriptions :column="1">
<!--                <el-descriptions-item label="门店地址">{{basicForm.addr}}</el-descriptions-item>-->
                <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>

    <div style="padding: 20px 0;">
        <el-button size="small" type="primary" @click="submit('basicForm')">保存</el-button>
    </div>
</el-form>

<!-- 基本信息弹窗 -->
<el-dialog title="基本信息" :visible.sync="baseDialogVisible" width="600px">
    <el-form ref="basicForm" :model="basicForm" label-width="80px" size="small" :rules="basicRules">
        <el-form-item label="店铺名称">
            <el-input class="width-200" v-model="basicForm.store_name"></el-input>
        </el-form-item>
        <el-form-item label="店铺logo">
            <div flex="dir:left;">
                <!-- <draggable flex="dif:left">
                    <div class="card-coverimg">
                        <el-image class="elImages" style="width: 80px; height: 80px" :src=""></el-image>
                        <el-button @click="delPic" class="icon-close" type="primary" size="mini" icon="el-icon-close" circle></el-button>
                    </div>
                </draggable> -->
                <template v-if="basicForm.logo_img">
                    <el-image class="elImages" style="width: 80px; height: 80px;" :src="basicForm.logo_img"></el-image>
                    <el-button class="delele-img-btn" size="mini" type="danger" icon="el-icon-close" circle @click="storeDetailDeletePic('logo_img')"></el-button>
                </template>
                <template v-else>
                    <com-attachment :multiple="false" :max="1" type="images" @selected="storeDetailSelectedImg($event, 'logo_img')">
                        <div class="card-upload">
                            <i class="el-icon-plus"></i>
                        </div>
                    </com-attachment>
                </template>
            </div>
        </el-form-item>
        <el-form-item label="手机号">
            <el-input class="width-200" v-model="basicForm.shop_mobile"></el-input>
            <p style="color:red;"><span style="color:black;">注意</span>：如果修改门店手机号，门店后台登录将自动重置为手机号的后六位数字</p>
        </el-form-item>
        <!-- <el-form-item label="验证码">
            <div flex="cross:center">
                <el-input class="width-200" v-model="form.name"></el-input>
                <div class="store-send-code" @click="sendCode">{{ captcha > 0 ? captcha + 's' : captcha }}</div>
            </div>
        </el-form-item> -->
        <el-form-item label="营业执照">
            <div flex="dir:left;">
                <!-- <draggable flex="dif:left">
                    <div class="card-coverimg">
                        <el-image class="elImages" style="width: 80px; height: 80px" :src=""></el-image>
                        <el-button @click="delPic" class="icon-close" type="primary" size="mini" icon="el-icon-close" circle></el-button>
                    </div>
                </draggable> -->
                <template v-if="basicForm.license_img">
                    <el-image class="elImages" style="width: 80px; height: 80px;" :src="basicForm.license_img"></el-image>
                    <el-button class="delele-img-btn" size="mini" type="danger" icon="el-icon-close" circle @click="storeDetailDeletePic('license_img')"></el-button>
                </template>
                <template v-else>
                    <com-attachment :multiple="false" :max="1" type="images" @selected="storeDetailSelectedImg($event, 'license_img')">
                        <div class="card-upload">
                            <i class="el-icon-plus"></i>
                        </div>
                    </com-attachment>
                </template>
            </div>
            <div class="tips-text" style="padding-left: 10px;">建议上传686*485图片</div>

        </el-form-item>
        <!-- <el-form-item label="到期时间">
            <div>
                <span v-if="basicForm.expire_time">{{basicForm.expire_time | dateTimeFormat('Y-m-d H:i:s')}}</span>
                <span v-else>无限期</span>
                <template>
                    <el-button size="mini" type="primary" @click="editExpireTime=true" style="padding: 6px;margin-left: 10px;">修改有效期</el-button>
                </template>
            </div>
            <div v-if="editExpireTime" style="margin-top: 10px;">
                <el-date-picker v-model="expireDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" align="center" value-format="timestamp" @change="expireDateChange"> </el-date-picker>
            </div>
        </el-form-item> -->
        <el-form-item>
            <div flex="main:right;">
                <!-- <el-button @click="baseDialogVisible=false">取消</el-button> -->
                <el-button type="primary" @click="baseDialogVisible=false">确定</el-button>
            </div>
        </el-form-item>
    </el-form>
</el-dialog>

<!-- 门店分享弹窗 -->
<el-dialog title="门店分享" :visible.sync="shareDialogVisible" width="600px">
    <el-form ref="basicForm" :model="basicForm" label-width="80px" size="small" :rules="basicRules">
        <el-form-item label="分享标题">
            <el-input class="width-200" v-model="basicForm.share_title"></el-input>
        </el-form-item>
        <el-form-item label="分享描述">
            <el-input class="width-200" v-model="basicForm.share_desc"></el-input>
        </el-form-item>
        <el-form-item label="分享图片">
            <div flex="cross:bottom;">
                <div flex="dir:left;">
                    <!-- <draggable flex="dif:left;">
                        <div class="card-coverimg">
                            <el-image class="elImages" style="width: 80px; height: 80px;" :src=""></el-image>
                            <el-button @click="delPic" class="icon-close" type="primary" size="mini" icon="el-icon-close" circle></el-button>
                        </div>
                    </draggable> -->
                    <template v-if="basicForm.share_pic">
                        <el-image class="elImages" style="width: 80px; height: 80px;" :src="basicForm.share_pic"></el-image>
                        <el-button class="delele-img-btn" size="mini" type="danger" icon="el-icon-close" circle @click="storeDetailDeletePic('share_pic')"></el-button>
                    </template>
                    <template v-else>
                        <com-attachment :multiple="false" :max="1" type="images" @selected="storeDetailSelectedImg($event, 'share_pic')">
                            <div class="card-upload">
                                <i class="el-icon-plus"></i>
                            </div>
                        </com-attachment>
                    </template>
                </div>
                <div class="tips-text" style="padding-left: 10px;">建议上传200px*200px图片</div>
            </div>
        </el-form-item>
        <el-form-item>
            <div flex="main:right;">
                <!-- <el-button @click="shareDialogVisible=false">取消</el-button> -->
                <el-button type="primary" @click="shareDialogVisible=false">确定</el-button>
            </div>
        </el-form-item>
    </el-form>
</el-dialog>


<!--门店地址设置-->
<el-dialog title="门店地址" :visible.sync="addressDialogVisible" width="972px">
    <el-form ref="basicForm" :model="basicForm" class="option-pd-5" label-width="80px" size="small" :rules="basicRules">
        <el-form-item label="所在区域" prop="province_id">
            <div class="flex flex-y-center">
                <el-select v-model="provinceInfo" value-key='id' class="pd-5" placeholder="请选择省" @change="regionChange($event, 1)">
                    <el-option v-for="item in provinces" :key="item.id" :label="item.name" :value="item"></el-option>
                </el-select>
                <el-select v-model="cityInfo" value-key='id' class="pd-5" placeholder="请选择市" @change="regionChange($event, 2)">
                    <el-option v-for="item in citys" :key="item.id" :label="item.name" :value="item"></el-option>
                </el-select>
                <el-select v-model="districtInfo" value-key='id' class="pd-5" placeholder="请选择区" @change='regionChange($event, 3)'>
                    <el-option v-for="item in districts" :key="item.id" :label="item.name" :value="item"></el-option>
                </el-select>
                <el-select v-model="streetInfo" value-key='id' class="pd-5" placeholder="请选择街道" @change='regionChange($event, 4)'>
                    <el-option v-for="item in streets" :key="item.id" :label="item.name" :value="item"></el-option>
                </el-select>
            </div>
        </el-form-item>
        <el-form-item class="detail_address" label="详细地址">
            <el-input class="width-350" v-model="address"></el-input>
        </el-form-item>

        <el-form-item>
            <div style="display:flex;justify-content:end" flex="main:right">
                <el-button @click="handleCancel">取消</el-button>
                <el-button type="primary" @click="addressDialog()">确定</el-button>
            </div>
        </el-form-item>
    </el-form>
</el-dialog>
<!--<style>-->
<!--    .pd-5{padding: 5px !important;}-->
<!--    .option-pd-5 .el-select{padding: 5px}-->
<!--    .option-pd-5 .detail_address{margin-top:10px}-->
<!--</style>-->