sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519
							<!DOCTYPE html>
<html class="">
<!--STATUS OK-->

<head>
    <meta name="referrer" content="always" />
    <meta charset='utf-8' />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <meta name="description" content="">
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="js/vue.js"></script>
    <script src="js/vant-ui.js"></script>
    <script src="js/main.js"></script>
    <title></title>
</head>
<style>
    #app {
        background: linear-gradient(180deg, rgba(0, 160, 234, 1), rgba(0, 95, 163, 1)) !important;
    }

    .login {
        padding-bottom: 0rem;
        height: auto;
        padding-top: .01rem;
        background: none;
    }

    .login .loginFix {
        position: absolute;
    }

    .login .loginBox {
        width: 90%;
        height: auto;
        padding: 10px;
        padding-bottom: 1rem;
    }

    .pull-right {
        width: .15rem !important;
        height: .3rem !important;
    }

    .brandList {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        margin-top: .8rem;
    }

    .brandList .brandItem,
    .brandList .choose {
        width: 40%;
        margin: .1rem .3rem;
    }

    .brandItem {
        height: .6rem;
    }

    .anniu {
        width: 90%;
        height: .86rem;
        background-color: #00a0ea;
        border-radius: 5rem;
        color: #fff;
        font-size: .31rem;
        margin-top: .5rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .getCodeBtn {
        width: 150px;
        background-color: #00a0ea;
        padding: 5px;
        color: #fff;
        border-radius: 8px 5px;
        text-align: center;
    }

    .dontSend {
        background-color: #ccc !important;
        color: #999 !important;
    }

    .hasClick {
        border: 1px solid#ccc;
        padding: 0.05rem;
    }

    .noclick {
        padding: 0.05rem;
    }
</style>

<body>
    <div id="app" style="overflow-y: scroll" v-cloak>
        <div class="login" id="aui-header">
            <div class="loginBox">
                <div class="labelTitle flex a-center" style="margin-top: 0.3rem;">
                    <b class="i2"></b> 选择地址
                </div>
                <div class="labelValue flex a-center">
                    <input placeholder="点击选择地区" v-model="userDistrct" readonly="readonly" v-on:click="goMap" />
                </div>
                <div class="labelTitle flex a-center" style="margin-top: 0.3rem;">
                    <b class="i2"></b> 详细地址
                </div>
                <div class="labelValue flex a-center">
                    <input placeholder="请输入详细地址" v-model="userAddress" readonly="readonly" v-on:click="goMap" />
                </div>
            </div>
            <!-- 合作经销商 -->
            <div class="login">
                <div class="loginBox">
                    <div class="labelTitle flex a-center" style="margin-top: 0;">
                        <b class="i1"></b> 合作供应商
                    </div>
                    <div class="labelValue flex a-center">
                        <input placeholder="请选择合作经销商" readonly="readonly" v-on:click="choosePosterM"
                            v-model="choosePoster.name" />
                        <img src="./image/009.png" class="pull-right" />
                    </div>
                    <div class="labelValue flex a-center">
                        <input placeholder="请选择签约任务" readonly="readonly" v-model="chooseLv.name"
                            v-on:click="choosesignLv" />
                        <img src="./image/009.png" class="pull-right" />
                    </div>
                    <div class="biaoti" style="margin-top: 0.4rem;"><img src="image/xiantiao.png" alt=""><span
                            style="margin-top: -0.175rem">合作品牌</span><img src="image/xiantiao1.png" alt="">
                    </div>
                    <div class="brandList">
                        <img v-for="(brand,index) in choosePoster.meberArr" class="brandItem" :src="brand.url" alt=""
                            v-bind:class="chooseBrands == index ?  'hasClick' : 'noclick'"
                            v-on:click="chooseBrand(index)">
                        <!--<img class="brandItem" src="image/015.png" alt="">
							<img class="brandItem" src="image/016.png" alt="">
							<img class="brandItem" src="image/017.png" alt="">-->
                    </div>
                </div>
            </div>

        </div>
        <div class="login">
            <div class="loginBox">
                <div class="flex a-center checkedXieyi" style="padding-left:0.3rem">
                    <van-checkbox v-model="xyChecked">
                    </van-checkbox>
                    <p style="margin-left:5px" v-on:click="lookPdf(0)">同意用户协议</p>
                </div>
                <div class="flex a-center checkedXieyi" style="padding-left:0.3rem">
                    <van-checkbox v-model="zcChecked">
                    </van-checkbox>
                    <p style="margin-left:5px" v-on:click="lookPdf(1)">同意隐私政策</p>
                </div>
                <div style="display: flex;justify-content: center;">
                    <div class="anniu" v-if="inclick" v-on:click="startRegizeUser">
                        <div>
                            提交解冻
                        </div>
                    </div>
                    <div class="anniu" v-if="!inclick" style="background:#ccc">
                        <div>
                            提交解冻
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    </div>
</body>
<script type="text/javascript" src="../script/aui_compress.min.js"></script>
<script type="text/javascript" src="../script/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/httpRequest.js"></script>
<script type="text/javascript" src="../script/vue_plugins.js"></script>
<script type="text/javascript">
    var vm;
    apiready = function () {
        vm = new Vue({
            el: '#app',
            data: {
                // 选择省市区
                UIActionSelector: '',
                map: '', // 百度地图SDK
                //  选择省市区的文件
                file: 'widget://res/city.json',
                userDistrct: '', // 点击选择地址
                userAddress: '', // 用户地址
                distrctArr: [], // 保存的地址
                userLat: '', // 纬度
                userLon: '', // 经度
                posterList: [], // 经销商列表
                choosePoster: {}, // 选择的经销商
                chooseLv: {
                    name: '点击选择签约任务'
                }, // 签约任务
                signList: [], // 签约任务lsit
                wait: 60,
                chooseBrands: 100, // 选择的品牌
                xyChecked: false,
                zcChecked: false,
                ptfurl0: 'widget://res/xy.pdf',
                ptfurl1: 'widget://res/zc.pdf',
                pdfReader: '',
                urldata1: '',
                urldata2: '',
                inclick: true,
                tishi1: 0,
                tishi2: 0,
                storeId: ''
            },
            methods: {
                getBrandNum: function (index) {
                    return this.chooseBrands.indexOf(index) >= 0;
                },
                //  初始化数据
                init: function () {
                    var _this = this;
                    this.pdfReader = api.require('pdfReader');
                    this.UIActionSelector = api.require('UIActionSelector');
                    this.map = api.require('bMap');
                    if (api.systemType == 'ios') {
                        this.map.initMapSDK(function (ret) {
                            if (ret.status) { }
                        });
                    }
                    this.getSignLv();
                    this.addEvent('chooseDistict', function (ret) {
                        if (ret) {
                            _this.userDistrct = ret.value.p + ret.value.c + ret.value.d;
                            _this.distrctArr = [ret.value.p, ret.value.c, ret.value.d];
                            _this.userAddress = ret.value.a;
                            _this.userLat = ret.value.lat;
                            _this.userlon = ret.value.lon;
                        }
                        _this.getPosterByDistrict();
                        api.closeWin({
                            name: 'map_win'
                        });
                    })
                    this.storeId = $api.getStorage('userid');
                },
                //  点击获取用户地址
                getUserDistrict: function () {
                    var _this = this;
                    this.chooseRegion(this.UIActionSelector, 3, this.file, function (ret) {
                        if (ret.eventType == 'ok') {
                            _this.userDistrct = ret.level1 + ' ' + ret.level2 + ' ' + ret.level3;
                            _this.distrctArr = [ret.level1, ret.level2, ret.level3];
                            _this.getPosterByDistrict();
                        }
                    })
                },
                //  根据地理位置获取经纬度
                getLatLotByAddress: function (c) {
                    var _this = this;
                    this.map.getCoordsFromName({
                        city: this.distrctArr[0],
                        address: this.userAddress
                    }, function (ret, err) {
                        if (ret.status) {
                            _this.userLat = ret.lat;
                            _this.userlon = ret.lon;
                            c(true);
                        } else {
                            c(false);
                        }
                    });
                },
                goMap: function () {
                    this.goWin('map_win', 'map_win.html', {
                        d: this.distrctArr[2]
                    });
                },
                //  根据用户选择的省市区获取对应的经销商和品牌
                getPosterByDistrict: function () {
                    var data = {
                        "province": this.distrctArr[0],
                        "city": this.distrctArr[1],
                        "area": this.distrctArr[2],
                        url: 'json',
                        type: 'body'
                    },
                        _this = this;
                    this.choosePoster = {};
                    this.$post('getUpuserByProvideUrl', data, function (ret) {
                        if (ret.code == 0 || ret.code == '0') {
                            //  对数据进行处理
                            ret.Data.data.map(function (meber, index) {
                                var meberArr = new Array();
                                meber.regionBrandList.map(function (brand, brandIndex) {
                                    if (meber.brandAndUrl != null) {
                                        var url = eval('meber.brandAndUrl.' + brand);
                                        meberArr.push({
                                            name: brand,
                                            url: url
                                        })
                                    } else {
                                        meberArr.push({
                                            name: brand,
                                            url: './image/logo1.png'
                                        })
                                    }
                                })
                                meber.meberArr = meberArr
                            })
                            _this.posterList = ret.Data.data;
                        }
                    })
                },
                //  获取签约级别
                getSignLv: function () {
                    var url = "getSignLvU",
                        _this = this;
                    this.$post(url, {
                        url: "json",
                        type: 'body'
                    }, function (ret) {
                        if (ret.code == 0 || ret.code == '0') {
                            ret.date.map(function (n, index) {
                                n.name = n.signLv;
                            })
                            _this.signList = ret.date;
                        }
                    })
                },
                //  选择签约级别
                choosesignLv: function () {
                    var _this = this;
                    this.chooseRegion(this.UIActionSelector, 1, this.signList, function (ret) {
                        if (ret.eventType == 'ok') {
                            _this.chooseLv = ret.selectedInfo[0];
                        }
                    })
                },
                //  选择合作经销商
                choosePosterM: function () {
                    var data = this.posterList,
                        _this = this;
                    if (data.length == 0) {
                        api.toast({
                            msg: '该地区暂未维护经销商'
                        });
                        return;
                    }
                    this.chooseRegion(this.UIActionSelector, 1, data, function (ret) {
                        if (ret.eventType == 'ok') {
                            _this.choosePoster = ret.selectedInfo[0];
                            if (_this.choosePoster.meberArr.length == 1) {
                                _this.chooseBrands = 0;
                            } else {
                                _this.chooseBrands = 100;
                            }
                        }
                    })
                },
                //  选择品牌
                chooseBrand: function (index) {
                    this.chooseBrands = index;
                },
                //  使用搞得api获取经纬度
                getLocationByAmap: function (c) {
                    var url = "http://restapi.amap.com/v3/geocode/geo?key=389880a06e3f893ea46036f030c94700&s=rsv3&city=35&address=" + this.distrctArr[0] + this.distrctArr[1] + this.distrctArr[2] + this.userAddress;
                    console.log(url);
                    var _this = this;
                    api.ajax({
                        url: url,
                        method: 'get',
                        data: ''
                    }, function (ret, err) {
                        if (ret) {
                            if (ret.status == 1 || ret.status == '1') {
                                if (ret.geocodes[0].location.indexOf(',') >= 0) {
                                    var latlon = ret.geocodes[0].location.split(',');
                                    _this.userlon = latlon[0];
                                    _this.userLat = latlon[1];
                                    c(true);
                                } else {
                                    c(false)
                                }
                            } else {
                                c(false)
                            }
                        } else {
                            c(false)
                        }
                    });

                },
                //  点击注册提交
                startRegizeUser: function () {
                    var _this = this;
                    if (_this.distrctArr.length == 0) {
                        api.toast({
                            msg: '请完善地址'
                        });
                        return;
                    }
                    if (_this.userAddress == '') {
                        api.toast({
                            msg: '请完善详细地址'
                        });
                        return;
                    }
                    if (_this.choosePoster.name == '') {
                        api.toast({
                            msg: '请完善合作供应商'
                        });
                        return;
                    }
                    if (_this.chooseLv.name == '点击选择签约任务') {
                        api.toast({
                            msg: '请完善签约等级'
                        });
                        return;
                    }
                    if (_this.chooseBrands == 100) {
                        api.toast({
                            msg: '请选择轮胎品牌'
                        });
                        return;
                    }
                    if (this.xyChecked == false) {
                        api.toast({
                            msg: '请勾选同意用户协议',
                        });
                        return;
                    }
                    if (this.zcChecked == false) {
                        api.toast({
                            msg: '请勾选同意隐私政策',
                        });
                        return;
                    }
                    if (_this.userName == '无' && _this.tishi1 == 0) {
                        api.alert({
                            title: '温馨提示',
                            msg: '请正确输入门店名称',
                        }, function (ret, err) {
                            _this.tishi1 = 1
                        });
                        return;
                    }
                    if (_this.userPerson == '无' && _this.tishi2 == 0) {
                        api.alert({
                            title: '温馨提示',
                            msg: '请正确输入联系人',
                        }, function (ret, err) {
                            _this.tishi2 = 1
                        });
                        return;
                    }
                    var data = {
                        "storeId": this.storeId,
                        "brand": _this.choosePoster.meberArr[_this.chooseBrands].name,
                        "kunnr": _this.choosePoster.kunnr,
                        "agentName":_this.choosePoster.name,
                        "signLv": _this.chooseLv.name,
                        "numTask": _this.chooseLv.numTask,
                        "province": _this.distrctArr[0],
                        "city": _this.distrctArr[1],
                        "district": _this.distrctArr[2],
                        "addressInfo": _this.userAddress,
                        "jd": _this.userlon,
                        "wd": _this.userLat,
                        "url": 'json',
                        "type": 'body'
                    }
                    _this.inclick = false;
                    _this.$post("storeUnfreezeProposer", data, function (ret) {
                        if (ret.code == 0 || ret.code == "0") {
                            setTimeout(_this.showAlert("已成功提交，请等待经销商审核", function () {
                                api.closeWin({});
                            }), 5000);
                        }
                    })
                },
                //  查看pdf
                lookPdf: function (index) {
                    this.pdfReader.open({
                        path: index == 0 ? this.ptfurl0 : this.ptfurl1,
                        hidden: {
                            print: true,
                            export: true,
                            bookmark: true,
                            email: true
                        },
                        backBtn: {
                            size: { //JSON对象；左上角按钮的大小配置
                                w: 20, //数字类型；左上角按钮的宽；默认：60
                                h: 20 //数字类型；左上角按钮的高；默认：40
                            },
                            title: { //JSON对象；按钮标题配置
                                text: "返回", //字符串类型；标题文本；默认：‘’
                            },
                            corner: 5 //数字类型；左上角按钮圆角大小；默认值：5.0
                        }
                    });
                }
            },
            filters: {},
            mounted: function () {
                this.init();
            }
        })
    }
</script>

</html>