@extends('layouts.base')
@section('title', trans('Yunshop\StoreCashier::pack.store_detail'))
@section('content')
<link rel="stylesheet" href="{{resource_get('plugins/store-cashier/src/common/static/index.css')}}">
<!-- <script src="{{resource_get('app/common/components/ueditor/dialogs/map/getscript.js?v=1.1&ak=&services=true&t=20130716024058')}}"></script>  -->
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=QXSZyPZk26shrYzAXjTkDLx5LbRCHECz"></script>
<!-- app\common\components\ueditor\dialogs\map\getscript.js -->
    <div class="all">
        <div id="app" v-cloak>
            <div class="vue-crumbs">
                <a @click="goParent(1)">门店-收银台</a>
                > 
                <a @click="goParent(2)">门店管理</a>
                > [[id?'编辑':'添加']]门店
            </div>
            <el-form ref="form" :model="form" :rules="rules" label-width="15%">
                <div class="vue-main">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">门店基本信息</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="门店名称" prop="store_name">
                            <el-input v-model="form.store_name" style="width:70%;"></el-input>
                        </el-form-item>
                        <el-form-item label="门店LOGO" prop="thumb">
                            <div class="upload-box" @click="openUpload('thumb')" v-if="!form.thumb_url">
                                <i class="el-icon-plus" style="font-size:32px"></i>
                            </div>
                            <div @click="openUpload('thumb')" class="upload-boxed" v-if="form.thumb_url">
                                <img :src="form.thumb_url" alt="" style="width:150px;height:150px;border-radius: 5px;cursor: pointer;">
                                <div class="upload-boxed-text">点击重新上传</div>
                            </div>
                            <div class="tip">提示: 100*100px或正方型图片</div>
                        </el-form-item>
                        <el-form-item label="门店banner图" prop="banner_thumb">
                            <div class="upload-box" @click="openUpload('banner_thumb')" v-if="!form.banner_thumb_url">
                                <i class="el-icon-plus" style="font-size:32px"></i>
                            </div>
                            <div @click="openUpload('banner_thumb')" class="upload-boxed" v-if="form.banner_thumb_url">
                                <img :src="form.banner_thumb_url" alt="" style="width:150px;height:150px;border-radius: 5px;cursor: pointer;">
                                <div class="upload-boxed-text">点击重新上传</div>
                            </div>
                            <div class="tip">提示: 414*150px或正方型图片</div>
                        </el-form-item>
                        <el-form-item label="分类">
                            <el-select v-model="form.category_id" clearable placeholder="门店分类" style="width:70%;">
                                <el-option v-for="(item,index) in category_list" :key="index" :label="item.name" :value="item.id"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="门店地址">
                            <el-select v-model="form.province_id" placeholder="请选择省" clearable @change="changeProvince" :style="street==1?'width:17.5%':'width:23.3%'">
                                <el-option v-for="item in province_list" :key="item.id" :label="item.areaname" :value="item.id"></el-option>
                            </el-select>
                            <el-select v-model="form.city_id" placeholder="请选择市" clearable @change="changeCity" :style="street==1?'width:17.5%':'width:23.3%'">
                                <el-option v-for="item in city_list" :key="item.id" :label="item.areaname" :value="item.id"></el-option>
                            </el-select>
                            <el-select v-model="form.district_id" placeholder="请选择区" clearable @change="changeDistrict" :style="street==1?'width:17.5%':'width:23.3%'">
                                <el-option v-for="item in district_list" :key="item.id" :label="item.areaname" :value="item.id"></el-option>
                            </el-select>
                            <el-select v-if="street==1" v-model="form.street_id" placeholder="请选择街道" clearable :style="street==1?'width:17.5%':'width:23.3%'">
                                <el-option v-for="item in street_list" :key="item.id" :label="item.areaname" :value="item.id"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="详细地址" prop="address">
                            <el-input v-model="form.address" style="width:70%;"></el-input>
                        </el-form-item>
                        <el-form-item label="定位" prop="">
                            <el-input v-model="markersParam[0]" style="width:35%;"></el-input>
                            <el-input v-model="markersParam[1]" style="width:35%;"></el-input>
                            <el-button @click="openMap">选择坐标</el-button>
                        </el-form-item>
                        <el-form-item label="店铺电话" prop="mobile">
                            <el-input v-model="form.mobile" style="width:70%;"></el-input>
                        </el-form-item>
                        <el-form-item label="门店介绍" prop="store_introduce">
                            <el-input type="textarea" rows="5" v-model="form.store_introduce" style="width:70%;"></el-input>
                        </el-form-item>
                        <el-form-item label="营业时间" prop="business_hours_start">
                            <el-time-picker v-model="form.business_hours_start" value-format="HH:mm" placeholder="请选择开始时间" style="width:35%"></el-time-picker>
                            <el-time-picker v-model="form.business_hours_end" value-format="HH:mm" placeholder="请选择结束时间" style="width:35%"></el-time-picker>
                        </el-form-item>
                        <el-form-item label="资质" prop="aptitude_imgs">
                            <div class="upload-boxed-list">
                                <div class="upload-boxed-list-a" v-for="(item,index) in form.aptitude_imgs_url" :key="index">
                                    <img :src="item" alt="" style="width:150px;height:150px;border-radius: 5px;">
                                    <i class="el-icon-close" @click="clearImg('aptitude_imgs','list',index)" title="点击清除图片"></i>
                                </div>
                                <div class="upload-box" @click="openListUpload('aptitude_imgs')">
                                    <i class="el-icon-plus" style="font-size:32px"></i>
                                </div>
                            </div>
                            <div class="tip">提示: 640*640px或正方型图片</div>
                        </el-form-item>
                        <el-form-item label="公告" prop="affiche">
                            <el-input v-model="form.affiche" style="width:70%;"  placeholder="请输入公告"></el-input>
                        </el-form-item>
                    </div>
                </div>
                <div class="vue-head" style="margin-top:20px">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">门店账户设置</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="连锁店" prop="is_boss">
                            <el-switch v-model="is_boss" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item>
                        <el-form-item label="连锁店老板" prop="boss_uid" v-show="is_boss==1">
                            <div class="upload-box" @click="openMember('boss_uid')" v-if="!form.boss_uid">
                                <div class="upload-box-member">
                                    <i class="el-icon-plus" style="font-size:32px"></i><br>
                                    选 择
                                </div>
                            </div>
                            <div class="upload-boxed" v-if="form.boss_uid">
                                <img @click="openMember('boss_uid')" :src="choosed_boss.avatar" alt="" style="width:150px;height:150px;border-radius: 5px;cursor: pointer;" />
                                <div @click="openMember('boss_uid')" class="upload-boxed-text">重新选择</div>
                                <div class="upload-boxed-text-clear" @click="clearMember('boss_uid')">清除选择</div>
                                <div style="text-align:center;line-height: 20px;">[[choosed_boss.nickname]]</div>
                            </div>
                        </el-form-item>
                        <el-form-item label="门店店长" prop="uid">
                            <div class="upload-box" @click="openMember('uid')" v-if="!form.uid">
                                <div class="upload-box-member">
                                    <i class="el-icon-plus" style="font-size:32px"></i><br>
                                    选 择
                                </div>
                            </div>
                            <div class="upload-boxed" v-if="form.uid">
                                <img @click="openMember('uid')" :src="choosed_store.avatar" alt="" style="width:150px;height:150px;border-radius: 5px;cursor: pointer;" />
                                <div class="upload-boxed-text">重新选择</div>
                                <div class="upload-boxed-text-clear" @click="clearMember('uid')">清除选择</div>
                                <div style="text-align:center;line-height: 20px;">[[choosed_store.nickname]]</div>
                            </div>
                        </el-form-item>
                        <el-form-item label="登录账户" prop="username">
                            <el-input v-model="form.username" style="width:70%;" :disabled="id!=0"></el-input>
                        </el-form-item>
                        <el-form-item label="登录密码" prop="password" v-if="!id">
                            <el-input v-model="form.password" type="password" style="width:70%;"></el-input>
                        </el-form-item>
                        <el-form-item label="确认密码" prop="password_again" v-if="!id">
                            <el-input v-model="form.password_again" type="password" style="width:70%;"></el-input>
                        </el-form-item>
                        
                    </div>
                </div>
                <div class="vue-head" style="margin-top:20px">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">门店营业设置</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="门店入驻期限（天）" prop="validity" v-if="!id">
                            <el-input v-model="form.validity" style="width:70%;"></el-input>
                        </el-form-item>
                        <!-- <el-form-item label="订单语音提醒" prop="operating_state">
                            <el-switch v-model="form.operating_state" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item> -->
                        <el-form-item label="经营状态" prop="operating_state">
                            <el-radio v-model="form.operating_state" :label="1">休息</el-radio>
                            <el-radio v-model="form.operating_state" :label="0">经营</el-radio>
                            <!-- <el-switch v-model="form.operating_state" :active-value="1" :inactive-value="0"></el-switch>
                            <div class="tip">提示：开启为经营中，关闭为休息</div> -->
                        </el-form-item>
                        <el-form-item label="配送方式" prop="dispatch_type">
                            <el-checkbox-group v-model="form.dispatch_type" style="margin-top:6px">
                                <el-checkbox :label="1">快递</el-checkbox>
                                <el-checkbox :label="2">门店自提</el-checkbox>
                                <el-checkbox :label="3">门店配送</el-checkbox>
                                <el-button type="text" @click="gotoDelivery" style="margin-left:50px;padding:0" v-if="store_delivery&&form.dispatch_type.indexOf(3)!=-1">设置门店配送规则</el-button>
                            </el-checkbox-group>
                        </el-form-item>
                        <el-form-item label="选择通知人" prop="">
                            <div class="upload-boxed-list">
                                <div class="upload-boxed-list-a" v-for="(value,key,index) in form.salers" :key="index">
                                    <el-image :src="value.avatar_image" alt="" style="width:150px;height:150px;border-radius: 5px;"></el-image>
                                    <div style="text-align:center;line-height:20px">[[value.nickname]]</div>
                                    <i class="el-icon-close" @click="clearMember1('salers',index,key)" title="点击清除选择"></i>
                                </div>
                                <div class="upload-box" @click="openMember('salers')">
                                    <div class="upload-box-member">
                                        <i class="el-icon-plus" style="font-size:32px"></i><br>
                                        添 加 
                                    </div>
                                </div>
                            </div>
                        </el-form-item>
                        <!-- <el-form-item label="门店核销员" prop="">
                            <div class="upload-boxed-list">
                                <div class="upload-boxed-list-a" v-for="(item,index) in form.images_url" :key="index">
                                    <img :src="item" alt="" style="width:150px;height:150px;border-radius: 5px;">
                                    <div style="text-align:center">会员名称</div>
                                    <i class="el-icon-close" @click="clearImg('images','list',index)" title="点击清除图片"></i>
                                </div>
                                <div class="upload-box" @click="openListUpload('images')">
                                    <div class="upload-box-member">
                                        <i class="el-icon-plus" style="font-size:32px"></i><br>
                                        添 加 
                                    </div>
                                </div>
                            </div>
                        </el-form-item> -->
                    </div>
                </div>
                <div class="vue-head" style="margin-top:20px">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">门店详情</div>
                    </div>
                    <div class="vue-main-form">
                        
                        <!-- <el-form-item label="" prop="desc"> -->
                            <div style="width:85%;margin:0 auto">
                                <tinymceee v-model="form.information" ></tinymceee>
                            </div>
                        <!-- </el-form-item> -->
                    </div>
                </div>
            </el-form>
            <!-- 分页 -->
            <div class="vue-page">
                <div class="vue-center">
                    <el-button type="primary" @click="submitForm('form')">保存设置</el-button>
                    <el-button @click="goBack">返回</el-button>
                </div>
            </div>
            <el-dialog :visible.sync="map_show" width="60%" center title="选择坐标">
                <div>
                    <div>
                        <input v-model="map_keyword" style="width:70%" @keyup.enter="searchMap" class="el-input__inner">
                        <el-button type="primary" @click="searchMap()">搜索</el-button>
                    </div>
                    <div ref="ditucontent" style="width:100%;height:450px;margin:20px 0"></div>
                </div>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="sureMap">确 定</el-button>
                    <el-button @click="map_show = false">取 消</el-button>
                </span>
            </el-dialog>
            <!-- 选择会员 -->
            <el-dialog title="选择会员" :visible.sync="member_show" width="60%">
                <div>
                    <el-input v-model="member_keyword" style="width:60%;" placeholder="会员信息"></el-input>
                    <el-button @click="getMember" >搜索</el-button>
                </div>
                <el-table :data="member_list" style="width: 100%;height:500px;overflow:auto" v-loading="loading">
                    <el-table-column label="ID" prop="uid" align="center" width="100px"></el-table-column>
                    <el-table-column label="会员信息">
                        <template slot-scope="scope">
                            <div style="display:flex;align-items: center;">
                                <div v-if="scope.row.avatar_image" style="width:40px;">
                                    <el-image :src="scope.row.avatar_image" alt="" style="width:40px;height:40px;border-radius:50%"></el-image>
                                </div>
                                <div style="flex:1;">【id:[[scope.row.uid]]】[[scope.row.nickname]]</div>
                            </div>
                            
                        </template>
                    </el-table-column>
                    
                    <el-table-column prop="refund_time" label="操作" align="center" width="320">
                        <template slot-scope="scope">
                            <el-button @click="chooseMember(scope.row)">
                                选择
                            </el-button>
                            
                        </template>
                    </el-table-column>
                </el-table>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="member_show = false">取 消</el-button>
                </span>
                
            </el-dialog>

            <upload-img :upload-show="uploadShow" :name="chooseImgName" @replace="changeProp" @sure="sureImg"></upload-img>
            <upload-img-list :upload-list-show="uploadListShow" :name="chooseImgListName" @replace="changeListProp" @sure="sureImgList"></upload-img-list>
        </div>
    </div>
    <script src="{{resource_get('static/yunshop/tinymce4.7.5/tinymce.min.js')}}"></script> 
    <!-- <script src="{{resource_get('static/yunshop/tinymceTemplate.js')}}"></script> -->
    
    @include('public.admin.tinymceee')  
    @include('public.admin.uploadImg')  
    @include('public.admin.uploadImgList')


    <script>
        var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
        var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件
        var top_right_navigation = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}); //右上角，仅包含平移和缩放按钮
        /*缩放控件type有四种类型:
        BMAP_NAVIGATION_CONTROL_SMALL：仅包含平移和缩放按钮；BMAP_NAVIGATION_CONTROL_PAN:仅包含平移按钮；BMAP_NAVIGATION_CONTROL_ZOOM：仅包含缩放按钮*/
        var app = new Vue({
            el:"#app",
            delimiters: ['[[', ']]'],
            name: 'test',
            data() {
                let id = {!! $id?:0 !!};
                console.log(id);
                return{
                    id:id,
                    form:{
                        dispatch_type:[],
                        province_id:'',
                        city_id:'',
                        district_id:'',
                        street_id:'',
                        salers:{},
                    },
                    store_delivery:0,//门店配送是否开启
                    is_boss:0,//连锁店开关
                    uploadShow:false,
                    chooseImgName:'',
                    submit_url:'',
                    showVisible:false,

                    uploadListShow:false,
                    chooseImgListName:'',
                    
                    loading: false,
                    uploadImg1:'',

                    province_list:[],
                    city_list:[],
                    district_list:[],
                    street_list:[],
                    areaLoading:false,
                    street:1,
                    category_list:[],

                    map: "",
                    marker: "",
                    centerParam: [116.413384,39.910925],
                    zoomParam: "",
                    markersParam: [116.413384,39.910925],
                    pointNew:"",

                    choose_center:[],
                    choose_marker:[],

                    map_show:false,
                    map_keyword:'',

                    // 会员
                    member_keyword:'',
                    member_show:false,
                    member_list:[],
                    choose_member_type:'',
                    choosed_boss:{},
                    choosed_store:{},

                    
                    rules:{
                        store_name:{ required: true, message: '请输入门店名称'},
                        thumb:{ required: true, message: '请选择门店logo'},
                        banner_thumb:{ required: true, message: '请选择门店banner图'},
                        category_id	:{ required: true, message: '请选择分类'},
                        province_id	:{ required: true, message: '请选择地址'},
                        address	:{ required: true, message: '请输入详细地址'},
                        mobile	:{ required: true, message: '请输入店铺电话'},
                        store_introduce	:{ required: true, message: '请输入门店介绍'},
                        business_hours_start:{ required: true, message: '请选择时间'},	
                        aptitude_imgs:{ required: true, message: '请输入资质'},
                        // affiche:{ required: true, message: '请输入公告'},
                        operating_state:{ required: true, message: '请选择经营状态'},
                        dispatch_type:{ required: true, message: '请选择配送方式'},
                        salers:{ required: true, message: '请选择通知人'},
                        validity:{ required: true, message: '请输入门店入驻期限'},

                    },

                }
            },
            created() {
                

            },
            mounted() {
                // this.initMap();
                this.id = this.getParam("store_id");
                this.initProvince();
                this.getCategoryData();
                if(this.id) {
                    this.submit_url = `{!! yzWebFullUrl('plugin.store-cashier.admin.store-manage.edit-store-post') !!}`;
                    this.getData();
                }
                else {
                    this.submit_url = `{!! yzWebFullUrl('plugin.store-cashier.admin.store-manage.add-store-post') !!}`;
                }
            },
            methods: {
                openMap() {
                    this.map_show = true;
                    setTimeout(() => {
                        this.initMap();
                    },100)
                    this.map_keyword = "";
                },

                goParent(level) {
                    if(level==1) {
                        window.location.href = `{!! yzWebFullUrl('plugin.store-cashier.admin.store-manage.store-list') !!}`;
                    }
                    else if(level==2) {
                        window.location.href = `{!! yzWebFullUrl('plugin.store-cashier.admin.store-manage.store-list') !!}`;
                    }
                },
                getData() {
                    let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                    this.$http.post('{!! yzWebFullUrl('plugin.store-cashier.admin.store-manage.get-store-one') !!}',{id:this.id}).then(function (response) {
                            if (response.data.result){
                                this.form = {
                                    ...response.data.data,
                                };
                                if(this.form.salers.length==0) {
                                    this.form.salers = {};
                                }
                                if(this.form.dispatch_type&&this.form.dispatch_type.length>0) {
                                    this.form.dispatch_type.forEach((item,index) => {
                                        this.form.dispatch_type[index] = Number(item);
                                    })
                                }
                                console.log(this.form.dispatch_type)
                                this.store_delivery = this.form.store_delivery;
                                // 经纬度
                                if(this.form.longitude) {
                                    this.centerParam = [];
                                    this.markersParam = [];
                                    this.centerParam.push(this.form.longitude,this.form.latitude);
                                    this.markersParam.push(this.form.longitude,this.form.latitude);
                                }
                                // 老板、店长
                                if(this.form.boss_uid) {
                                    this.choosed_boss = {
                                        uid:this.form.boss_uid,
                                        avatar:this.form.boss_avatar,
                                        nickname:this.form.boss_nickname,
                                    }
                                    this.is_boss = 1;
                                }
                                if(this.form.uid) {
                                    this.choosed_store = {
                                        uid:this.form.uid,
                                        avatar:this.form.member_avatar,
                                        nickname:this.form.member_nickname,
                                    }
                                    
                                }
                                // 省市区
                                if(response.data.data.province_id) {
                                    this.changeProvince(response.data.data.province_id);
                                    this.form.province_id = response.data.data.province_id;
                                }
                                if(response.data.data.city_id) {
                                    this.changeCity(response.data.data.city_id);
                                    this.form.city_id = response.data.data.city_id;
                                }
                                if(response.data.data.district_id) {
                                    this.changeDistrict(response.data.data.district_id);
                                    this.form.district_id = response.data.data.district_id;
                                    this.form.street_id = response.data.data.street_id;
                                }
                            }
                            else {
                                this.$message({message: response.data.msg,type: 'error'});
                            }
                            loading.close();
                        },function (response) {
                            this.$message({message: response.data.msg,type: 'error'});
                            loading.close();
                        }
                    );
                },
                getCategoryData() {
                    let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                    this.$http.post('{!! yzWebFullUrl('plugin.store-cashier.admin.store-manage.get-all-category') !!}',{}).then(function(response) {
                        if (response.data.result) {
                            this.category_list = response.data.data.category;
                            this.street = response.data.data.street;
                            loading.close();
                        } else {
                            this.$message({
                                message: response.data.msg,
                                type: 'error'
                            });
                        }
                        loading.close();
                    }, function(response) {
                        this.$message({
                            message: response.data.msg,
                            type: 'error'
                        });
                        loading.close();
                    });
                },
                submitForm(formName) {
                    console.log(this.form)
                    console.log(this.$refs);
                    let that = this;
                    let json = {
                        store_name:this.form.store_name,
                        thumb:this.form.thumb,
                        banner_thumb:this.form.banner_thumb,
                        category_id:this.form.category_id,
                        province_id:this.form.province_id,
                        city_id:this.form.city_id,
                        district_id:this.form.district_id,
                        street_id:this.form.street_id,
                        address:this.form.address,
                        lng:"",
                        lat:"",
                        mobile:this.form.mobile,
                        store_introduce:this.form.store_introduce,
                        business_hours_start:this.form.business_hours_start,
                        business_hours_end:this.form.business_hours_end,
                        aptitude_imgs:this.form.aptitude_imgs,
                        affiche:this.form.affiche,
                        boss_uid:this.form.boss_uid,
                        uid:this.form.uid,
                        // validity:this.form.validity,//门店期限
                        operating_state:this.form.operating_state,
                        dispatch_type:this.form.dispatch_type,
                        salers:this.form.salers,
                        information:this.form.information,
                    };
                    if(this.markersParam.length>0) {
                        json.lng = this.markersParam[0];
                        json.lat = this.markersParam[1];
                    }
                    // 连锁店关闭，boss_uid传0
                    if(this.is_boss == 0) {
                        json.boss_uid = 0;
                    }
                    console.log(json);
                    if(this.id) {
                        json.id = this.id
                    }
                    if(!this.id) {
                        json.username = this.form.username;
                        json.password = this.form.password;
                        json.password_again = this.form.password_again;
                        json.validity = this.form.validity;
                    }
                    this.$refs[formName].validate((valid) => {
                        if (valid) {
                            let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                            this.$http.post(this.submit_url,json).then(response => {
                                if (response.data.result) {
                                    this.$message({type: 'success',message: '操作成功!'});
                                    this.goBack();
                                } else {
                                    this.$message({message: response.data.msg,type: 'error'});
                                }
                                loading.close();
                            },response => {
                                loading.close();
                            });
                        }
                        else {
                            console.log('error submit!!');
                            return false;
                        }
                    });
                },
                initProvince(val) {
                    console.log(val);
                    this.areaLoading = true;
                    this.$http.get("{!! yzWebUrl('area.list.init', ['area_ids'=>'']) !!}"+val).then(response => {
                        this.province_list = response.data.data;
                        this.areaLoading = false;
                    }, response => {
                        this.areaLoading = false;
                    });
                },
                changeProvince(val) {
                    this.city_list = [];
                    this.district_list = [];
                    this.street_list = [];
                    this.form.city_id = "";
                    this.form.district_id = "";
                    this.form.street_id = "";
                    this.areaLoading = true;
                    let url = "<?php echo yzWebUrl('area.list', ['parent_id'=> '']); ?>" + val;
                    this.$http.get(url).then(response => {
                        if (response.data.data.length) {
                            this.city_list = response.data.data;
                        } else {
                            this.city_list = null;
                        }
                        this.areaLoading = false;
                    }, response => {
                        this.areaLoading = false;
                    });
                },
                // 市改变
                changeCity(val) {
                    this.district_list = [];
                    this.street_list = [];
                    this.form.district_id = "";
                    this.form.street_id = "";
                    this.areaLoading = true;
                    let url = "<?php echo yzWebUrl('area.list', ['parent_id'=> '']); ?>" + val;
                    this.$http.get(url).then(response => {
                        if (response.data.data.length) {
                            this.district_list = response.data.data;
                        } else {
                            this.district_list = null;
                        }
                        this.areaLoading = false;
                    }, response => {
                        this.areaLoading = false;
                    });
                },
                // 区改变
                changeDistrict(val) {
                    console.log(val)
                    this.street_list = [];
                    this.form.street_id = "";
                    this.areaLoading = true;
                    let url = "<?php echo yzWebUrl('area.list', ['parent_id'=> '']); ?>" + val;
                    this.$http.get(url).then(response => {
                        if (response.data.data.length) {
                            this.street_list = response.data.data;
                        } else {
                            this.street_list = null;
                        }
                        this.areaLoading = false;
                    }, response => {
                        this.areaLoading = false;
                    });
                },
                goBack() {
                    history.go(-1)
                },
                openUpload(str) {
                    this.chooseImgName = str;
                    this.uploadShow = true;
                },
                changeProp(val) {
                    if(val == true) {
                        this.uploadShow = false;
                    }
                    else {
                        this.uploadShow = true;
                    }
                },
                sureImg(name,image,image_url) {
                    this.form[name] = image;
                    this.form[name+'_url'] = image_url;
                },
                clearImg(str,type,index) {
                    if(!type) {
                        this.form[str] = "";
                        this.form[str+'_url'] = "";
                    }
                    else {
                        this.form[str].splice(index,1);
                        this.form[str+'_url'].splice(index,1);
                    }
                    this.$forceUpdate();
                },

                openListUpload(str) {
                    this.chooseImgListName = str;
                    this.uploadListShow = true;
                },
                changeListProp(val) {
                    if(val == true) {
                        this.uploadListShow = false;
                    }
                    else {
                        this.uploadListShow = true;
                    }
                },
                sureImgList(name,image,image_url) {
                    console.log(name)
                    console.log(image)
                    console.log(image_url)
                    if(!this.form[name] || !this.form[name+'_url']) {
                        this.form[name] = [];
                        this.form[name+'_url'] = [];
                    }
                    image.forEach((item,index) => {
                        this.form[name].push(item);
                        this.form[name+'_url'].push(image_url[index]);
                    })
                    console.log(this.form)
                },
                getParam(name) {
                return location.href.match(new RegExp("[?#&]" + name + "=([^?#&]+)", "i"))
                    ? RegExp.$1
                    : "";
                },
                openMember(type) {
                    this.member_show = true;
                    this.choose_member_type = type;
                },
                getMember(){
                    
                    this.$http.post("{!! yzWebUrl('plugin.store-cashier.admin.store-manage.member-query') !!}",{keyword:this.member_keyword}).then(response => {
                            if (response.data.result) {
                                this.member_list=response.data.data
                            }else{
                                this.$message({type: 'error',message: response.data.msg});
                            }
                        }, response => {
                            this.$message({type: 'error',message: response.data.msg});
                            console.log(response);
                    });
                },
                chooseMember(row) {
                    let that = this;
                    if(this.choose_member_type !="salers") {
                        if(this.choose_member_type == "boss_uid") {
                            this.choosed_boss = row;
                        }
                        else if(this.choose_member_type == "uid") {
                            this.choosed_store = row;
                        }
                        this.form[this.choose_member_type] = row.uid
                        this.member_show = false;
                        console.log(this.form)
                    }
                    // 多选
                    else {
                        for(let i in this.form.salers) {
                            if(row.uid == i) {
                                this.$message.error("该会员已选择，请勿重复选择！");
                                return;
                            }
                        }
                        that.form.salers[row.uid] = row;
                        console.log(this.form.salers)
                    }
                    
                },
                clearMember(type) {
                    if(this.choose_member_type == "boss_uid") {
                        this.choosed_boss = {};
                    }
                    else if(this.choose_member_type == "uid") {
                        this.choosed_store = {};
                    }
                    this.form[type] = "";
                    this.$forceUpdate();
                },
                clearMember1(type,index,key) {
                    console.log(index,key);
                    delete(this.form[type][key]);
                    console.log(this.form[type]);
                    this.$forceUpdate();

                },
                gotoDelivery() {
                    let link = `{!! yzWebFullUrl('plugin.store-cashier.admin.delivery.index') !!}`+`&store_id=`+this.id;
                    window.location.href = link;
                },
                searchMap() {
                    console.log(this.marker);
                    let that = this;
                    geo.getPoint(this.map_keyword, function(point){

                        that.choose_marker = [point.lng,point.lat];
                        that.choose_center = [point.lng,point.lat];
                        console.log(point)
						that.map.panTo(point);
						that.marker.setPosition(point);
						that.marker.setAnimation(BMAP_ANIMATION_BOUNCE);
						setTimeout(function(){that.marker.setAnimation(null)}, 3600);
					});
                    
                },
                
                sureMap() {
                    let that = this;
                    this.markersParam = [];
                    this.centerParam = [];
                    this.markersParam = this.choose_marker.length<=0?[116.413384,39.910925]:this.choose_marker;
                    this.centerParam = this.choose_center.length<=0?[116.413384,39.910925]:this.choose_center;;
                    console.log(this.centerParam);
                    console.log(this.markersParam);
                    that.map_show = false;

                },
                //创建和初始化地图函数：
                initMap() {
                    let that = this;
                    // [FF]切换模式后报错
                    if (!window.BMap) {
                        return;
                    }
                    
                    console.log(this.$refs['ditucontent']);
                    for(let i in this.$refs) {
                        console.log(i)
                    }
                    this.createMap(); //创建地图
                    this.setMapEvent(); //设置地图事件
                    this.addMapControl(); //向地图添加控件
                    geo = new BMap.Geocoder();


                    // 创建标注
                    
                    var point = new BMap.Point(this.markersParam[0], this.markersParam[1]);
                    this.marker = new BMap.Marker(point);
                    this.marker.enableDragging();

                    this.map.addOverlay(this.marker); // 将标注添加到地图中
                    this.marker.addEventListener('dragend', function (e) {//拖动标注结束
                        that.pointNew = e.point;
                        var point = that.marker.getPosition();
                        geo.getLocation(point, function(address){
                            console.log(address.address);
                            that.map_keyword = address.address;
                        });
                        console.log(e);
                        console.log("使用拖拽获取的百度坐标"+that.pointNew.lng+","+that.pointNew.lat);
                        that.choose_marker = [that.pointNew.lng,that.pointNew.lat];
                        that.choose_center = [that.pointNew.lng,that.pointNew.lat];
                    });
                    this.marker.setLabel(new BMap.Label('请您移动此标记，选择您的坐标！', {'offset': new BMap.Size(10,-20)}));
                    if (parent.editor && parent.document.body.contentEditable == "true") {
                        //在编辑状态下
                        setMapListener(); //地图改变修改外层的iframe标签src属性
                    }
                },

                //创建地图函数：
                createMap() {
                    this.map = new BMap.Map(this.$refs['ditucontent']); //在百度地图容器中创建一个地图
                    // this.centerParam = '116.712617,24.778619';
                    // var centerArr = this.centerParam.split(",");
                    var point = new BMap.Point(
                        this.centerParam[0],
                        this.centerParam[1]
                    ); //
                    
                    this.zoomParam = 12;
                    this.map.centerAndZoom(point, parseInt(this.zoomParam)); //设定地图的中心点和坐标并将地图显示在地图容器中
                },

                //地图事件设置函数：
                setMapEvent() {
                    // this.map.disableDragging(); //启用地图拖拽事件，默认启用(可不写)
                    this.map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
                    this.map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
                    this.map.enableKeyboard(); //启用键盘上下左右键移动地图
                },

                //地图控件添加函数：
                addMapControl() {
                    this.map.addControl(new BMap.NavigationControl());
                    this.map.addControl(top_left_control);        
                    this.map.addControl(top_left_navigation);     
                    this.map.addControl(top_right_navigation); 
                },

                setMapListener() {
                    var editor = parent.editor,
                        containerIframe,
                        iframes = parent.document.getElementsByTagName("iframe");
                    for (var key in iframes) {
                        if (iframes[key].contentWindow == window) {
                        containerIframe = iframes[key];
                        break;
                        }
                    }
                    if (containerIframe) {
                        this.map.addEventListener("moveend", mapListenerHandler);
                        this.map.addEventListener("zoomend", mapListenerHandler);
                        this.marker.addEventListener("dragend", mapListenerHandler);
                    }

                    function mapListenerHandler() {
                        var zoom = this.map.getZoom();
                        this.center = this.map.getCenter();
                        this.marker = window.marker.getPoint();
                        containerIframe.src = containerIframe.src
                        .replace(
                            new RegExp("([?#&])center=([^?#&]+)", "i"),
                            "$1center=" + center.lng + "," + center.lat
                        )
                        .replace(
                            new RegExp("([?#&])markers=([^?#&]+)", "i"),
                            "$1markers=" + this.marker.lng + "," + this.marker.lat
                        )
                        .replace(new RegExp("([?#&])zoom=([^?#&]+)", "i"), "$1zoom=" + zoom);
                        editor.fireEvent("saveScene");
                    }
                },
            },
        })

    </script>
@endsection