|
|
@@ -0,0 +1,519 @@
|
|
|
+<!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>
|
qukaidi