NN2019090901/public/themes/default/weixin/shop/apply.html

<include file="weixin@block:header"/>
<!--<title>我要入驻</title>-->
<link rel="stylesheet" href="/static/weixin/css/shop.css?v={$version}">
<div id="app" v-cloak>
    <header class="zyw-header">
        <div class="zyw-container white-color">
            <div class="head-l"><a href="javascript:window.history.back(-1)" target="_self"><img
                    src="/static/weixin/img/svg/head-return.svg" alt=""></a></div>
            <h1>我要入驻</h1>
        </div>
    </header>
    <section class="zyw-container">
        <form id="applyForm" action="">
            <div class="weui_cells">
                <div class="weui-cells__title">一、店铺基本信息</div>
                <div class="weui-cell mt-2" v-if="shopInfo.status == 3">
                    <div class="weui-cell__hd"><label class="weui-label">驳回原因:</label></div>
                    <div class="weui-cell__bd">
                        <span style="color: red;" v-text="shopInfo.auth_result">驳回原因</span>
                    </div>
                </div>
                <div class="weui-cell mt-2">
                    <div class="weui-cell__hd"><label class="weui-label">店铺名称*:</label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" v-model="shopInfo.name" name="name" type="text" placeholder="请输入店铺名称">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">主营项目*:</label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" v-model="shopInfo.business_project" type="text" name="business_project" placeholder="请输入主营项目">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">主营分类*:</label></div>
                    <div class="weui-cell__bd cate-select">
                       <select class="weui_select" v-model="shopInfo.cate1" @change="catePicker(true)">
                            <option value="0" selected>请选择</option>
                            <option :value="item.id" v-for="(item,k) in cates" v-text="item.name"></option>
                        </select>
                        <select class="weui_select" v-model="shopInfo.cate2">
                            <option value="0" selected="shopInfo.cate2 == 0? true : false">请选择</option>
                            <option :value="item.id" v-for="(item,k) in subCates" v-text="item.name"></option>
                        </select>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">店铺介绍:</label></div>
                    <div class="weui-cell__bd">
                        <textarea maxlength="200" v-model="shopInfo.intro" name="intro" class="weui-textarea" placeholder="请输入店铺介绍" rows="6"></textarea>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">营业时间:</label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" v-model="shopInfo.service_time" name="service_time" type="text" value="8:00~18:00" placeholder="例如：08:00~24:00">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">联系人*:</label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" v-model="shopInfo.contact_name" name="contact_name" type="text" placeholder="请输入联系人">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">手机号*:</label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" v-model="shopInfo.mobile" name="mobile" type="number" placeholder="请输入手机号">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">所在地区*:</label></div>
                    <div class="weui-cell__bd">
                        <input id="city-picker" class="weui-input" v-model="shopInfo.area" type="text" :data-codes="shopInfo.city_codes" placeholder="请选择地区">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">定位地址*:</label></div>
                    <div class="weui-cell__bd">{{shopInfo.address}}
                        <input v-if="!shopInfo.status || shopInfo.status == 3" class="weui-input" id="address" :value="shopInfo.address" name="address" type="text" placeholder="点击选择定位地址" :data-lng="shopInfo.lng" :data-lat="shopInfo.lat" @click="showMap()" readonly>
                        <input v-else class="weui-input" id="address" :value="shopInfo.address" name="address" type="text" placeholder="点击选择定位地址" :data-lng="shopInfo.lng" :data-lat="shopInfo.lat" readonly>
                    </div>
                </div>
                <div class="weui-cells__title">二、上传以下照片（从手机相册选择）或拍照</div>
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <div class="weui-uploader">
                            <div class="weui-uploader__hd">
                                <p class="weui-uploader__title">上传店铺LOGO照片（尺寸200x200）</p>
                            </div>
                            <div class="weui-uploader__bd">
                                <div class="weui-uploader__input-box">
                                    <input id="logo" class="weui-uploader__input" type="file" accept="image/*" @change="selectPhoto($event)">
                                    <img id="preview1" class="preview" :src="shopInfo.logo" alt="">
                                </div>
                            </div>
                            <div class="weui-uploader__hd">
                                <p class="weui-uploader__title">上传身份证正面</p>
                            </div>
                            <div class="weui-uploader__bd">
                                <div class="weui-uploader__input-box">
                                    <input id="idcard_front" name="idcard_front" class="weui-uploader__input" type="file" accept="image/*" @change="selectPhoto($event)">
                                    <img id="preview2" class="preview" :src="shopInfo.idcard_front" alt="">
                                </div>
                            </div>
                            <div class="weui-uploader__hd">
                                <p class="weui-uploader__title">上传身份证背面</p>
                            </div>
                            <div class="weui-uploader__bd">
                                <div class="weui-uploader__input-box">
                                    <input id="idcard_back" name="idcard_back" class="weui-uploader__input" type="file" accept="image/*" @change="selectPhoto($event)">
                                    <img id="preview3" class="preview" :src="shopInfo.idcard_back" alt="">
                                </div>
                            </div>
                            <div class="weui-uploader__hd">
                                <p class="weui-uploader__title">上传营业执照</p>
                            </div>
                            <div class="weui-uploader__bd">
                                <div class="weui-uploader__input-box">
                                    <input id="business_img" class="weui-uploader__input" type="file" name="business_img" accept="image/*" @change="selectPhoto($event)">
                                    <img id="preview4" class="preview" :src="shopInfo.business_img" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <label for="agree" class="weui-agree" v-if="!shopInfo.status || shopInfo.status == 3">
                    <input id="agree" type="checkbox" class="weui-agree__checkbox">
                    <span class="weui-agree__text">
        同意<a href="/weixin/shop/agree">《商家入驻申请协议》</a>
      </span>
                </label>
                <div class="weui-btn-area" v-if="!shopInfo.status || shopInfo.status == 3">
                    <a v-if="!shopInfo.status" @click="doSubmit()" class="weui-btn weui-btn_warn theme-bgcolor">确认提交</a>
                    <a v-else @click="doSave()" class="weui-btn weui-btn_warn theme-bgcolor">重新提交</a>
                </div>
            </div>
        </form>
        <div id="modal" class="weui-popup__container">
            <div class="weui-popup__overlay"></div>
            <div class="weui-popup__modal">
                <header class="zyw-header">
                    <div class="zyw-container white-color">
                        <div class="head-l"><a @click="hideMap" target="_self"><img
                                src="/static/weixin/img/svg/head-return.svg" alt=""></a></div>
                        <h1>选择店铺所在地址</h1>
                        <div class="head-r">
                            <a @click="selectPoint()" target="_self">确定</a>
                        </div>
                    </div>
                </header>
                <div id="map">地图加载中...</div>
            </div>
        </div>

    </section>
</div>
<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak={$mapKey|default=''}"></script>
<script src="/static/weixin/js/city-picker.min.js?v={$version}"></script>
<script src="/static/weixin/js/shop-apply.js?v={$version}"></script>
<include file="weixin@block:footer"/>