123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680 |
- <!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" />
- <script src="js/vue.js"></script>
- <script src="js/vant-ui.js"></script>
- <script src="js/main.js"></script>
- <title></title>
- <style media="screen">
- .anniu {
- display: flex;
- }
- .anniu>input {
- width: 100%;
- height: .86rem;
- background: rgba(0, 160, 234, 1);
- border-radius: 5rem;
- color: #fff;
- font-size: .31rem;
- margin-top: .5rem;
- }
- .vanui-btn {
- display: flex;
- justify-content: space-around;
- }
- .vanui-title {
- font-size: 0.36rem;
- background-color: #0096df;
- color: #fff;
- width: 100%;
- text-align: center;
- padding: 0.2rem;
- }
- .vanui-input {
- margin: 0.1rem;
- border: 1px solid#ccc;
- width: 95%;
- height: 0.8rem;
- border-radius: 5px;
- padding: 0.1rem 0.2rem;
- font-size: 0.3rem;
- }
- .vanui-btnitem {
- color: #fff;
- font-size: 0.3rem;
- border-radius: 5px;
- color: #fff;
- margin-top: 0.1rem;
- padding: 0.2rem 0.3rem;
- }
- .vanui-done {
- background-color: #0096df;
- }
- .hxCode {
- text-align: center;
- font-size: 0.3rem;
- font-weight: bold;
- padding: 0.2rem;
- }
- .line1 {
- width: 100px !important;
- overflow: hidden !important;
- text-overflow: ellipsis !important;
- white-space: nowrap;
- }
- #mescroll {
- overflow-y: scroll !important;
- }
- .onloginBtns {
- width: 6.78rem;
- height: 0.76rem;
- border-radius: 0.38rem;
- background: #00a0ea;
- color: #fff;
- margin-top: 0.3rem;
- font-size: 0.24rem;
- }
- </style>
- </head>
- <body>
- <div id="app">
- <!-- 输入金额 -->
- <van-popup v-model="show" style="width:80%;padding-bottom : 0.2rem">
- <div class="vanui-title">生成核销码</div>
- <input v-show="hxCode == ''" type="number" class="vanui-input" placeholder="请输入核销金额(单位:元)"
- v-model="amount" />
- <div class="hxCode"> {{hxCode}}</div>
- <div class="vanui-btn" v-show="hxCode == ''">
- <div class="vanui-btnitem vanui-done" type="primary" v-on:click="getHxCode">确定</div>
- <div class="vanui-btnitem" style="background-color: #f00;" v-on:click="show = !show">取消</div>
- </div>
- </van-popup>
- <!-- end -->
- <div class="view flex col">
- <div class="page router fx1" id="mescroll">
- <div class="meberHeader" style="min-height: 3.95rem">
- <div class="flex jlr" style="padding-top: 1rem;">
- <div class="userTouxiang flex col a-center jlr">
- <div class="image">
- <img :src="agentInfo.storeImageUrl" style="border-radius:50%" />
- </div>
- <p style="font-size:0.2rem">
- 联系人:{{ agentInfo.contactName }}
- </p>
- </div>
- <div class="shopInfo">
- <div class="flex a-center" style="font-size: .34rem;">{{ agentInfo.storeName }}
- <!-- <div class="edit"></div> -->
- </div>
- <div class="tag" style="font-size:0.2rem">
- <p
- style=" display: inline-block;white-space: nowrap; max-width: 4rem; overflow: hidden;text-overflow:ellipsis;">
- {{ agentInfo.addressInfo }}
- </p>
- </div>
- </div>
- <div class="ewm flex j-center" v-on:click="lookAgentQrcode">
- <b></b>
- </div>
- </div>
- <div class="meberHeaderBottom flex a-center j-center">
- <div class="item flex a-center j-center">
- 区域:{{ agentInfo.district }}
- </div><span></span>
- <div class="item flex a-center j-center " style="text-align: center;"
- v-on:click="lookBrandInfo">
- <p class="line1">{{ agentInfo.bizStoreBrandDto | getBrand }}</p>
- </div><span></span>
- <div class="item flex a-center j-center">
- 签约任务:{{ agentInfo.numTask }}
- </div>
- </div>
- </div>
- <div class="fanliBar">
- <!-- <div class="fanliBar-title">我的钱包</div> -->
- <div class=" flex a-center">
- <div class="item">
- <div class="flex a-end" v-on:click="inFanli">
- <h4>{{ agentInfo.avail }}</h4>
- <em>RMB</em>
- </div>
- <div class="item-bar-text">我的返利</div>
- </div>
- <div class="item">
- <div class="flex a-end">
- <h4>{{ agentInfo.accountfrozen}}</h4>
- <em>RMB</em>
- </div>
- <div class="item-bar-text">冻结返利</div>
- </div>
- <!-- <div class="fgx"></div> -->
- <div class="item">
- <div class="flex a-end">
- <h4>{{ agentInfo.stayCancel }}</h4>
- <em>RMB</em>
- </div>
- <div class="item-bar-text">待核销</div>
- </div>
- <div class="item">
- <div class="flex a-end">
- <h4>{{agentInfo.storeTotalIntegral | fortatterNum }}</h4>
- <em style="white-space:nowrap;">{{agentInfo.storeTotalIntegral | unitNum}}个</em>
- </div>
- <div class="item-bar-text">可用积分</div>
- </div>
- </div>
- </div>
- <div class="meberMenu">
- <div class="meberMenu-title">我的服务</div>
- <div class="meberMenu-container">
- <div class="item flex col a-center j-center" v-on:click="openWin('intoNode')">
- <b class="i1"></b>
- <h4>入库明细</h4>
- </div>
- <div class="item flex col a-center j-center" v-on:click="openWin('gotoNode')">
- <b class="i2"></b>
- <h4>出库明细</h4>
- </div>
- <div class="item flex col a-center j-center" v-on:click="openWin('backMoneyList')">
- <b class="i3"></b>
- <h4>返利明细</h4>
- </div>
- <div class="item flex col a-center j-center" v-on:click="openWin('intoStore')">
- <b class="i4"></b>
- <h4>任务统计</h4>
- </div>
- <div class="item flex col a-center j-center" v-on:click="openWin('lipeiList')">
- <b class="i5"></b>
- <h4>赔付记录</h4>
- </div>
- <div class="item flex col a-center j-center" v-on:click="openWin('myOrderList')">
- <b class="i6"></b>
- <h4>门店订单</h4>
- </div>
- <div class="item flex col a-center j-center" v-on:click="openWin('couponList')">
- <b class="i7"></b>
- <h4>我的优惠券</h4>
- </div>
- <div class="item flex col a-center j-center" v-on:click="openWin('supplier')">
- <b class="i8"></b>
- <h4>我的供应商</h4>
- </div>
- </div>
- </div>
- <div class="meberList">
- <!-- 20201023微信车主下单 -->
- <!-- <div class="item flex a-center jlr" v-on:click="openWin('tireOrder')">
- <h4>车主订单</h4>
- <div class="flex a-center rightIcons">
- <i class="iconfont icon-right"></i>
- </div>
- </div> -->
- <div class="item flex a-center jlr" v-on:click="openWin('monthAccounts')">
- <h4>月度结算</h4>
- <div class="flex a-center rightIcons">
- <i class="iconfont icon-right"></i>
- </div>
- </div>
- <div class="item flex a-center jlr" v-on:click="openWin('backMoney')">
- <h4>核销管理</h4>
- <div class="flex a-center rightIcons">
- <i class="iconfont icon-right"></i>
- </div>
- </div>
- <div class="item flex a-center jlr" v-on:click="inaddress">
- <h4>收货地址管理</h4>
- <div class="flex a-center rightIcons">
- <i class="iconfont icon-right"></i>
- </div>
- </div>
- <div class="item flex a-center jlr" v-on:click="insignAddress" v-if="agentInfo.signUptomodify==0">
- <h4>签约任务及地址修改</h4>
- <div class="flex a-center rightIcons">
- <i class="iconfont icon-right"></i>
- </div>
- </div>
- <div class="item flex a-center jlr" v-on:click="lookPdf(0)">
- <h4>用户协议</h4>
- <div class="flex a-center rightIcons">
- <i class="iconfont icon-right"></i>
- </div>
- </div>
- <div class="item flex a-center jlr" v-on:click="lookPdf(1)">
- <h4>隐私协议</h4>
- <div class="flex a-center rightIcons">
- <i class="iconfont icon-right"></i>
- </div>
- </div>
- <div class="item flex a-center jlr" v-on:click="checkVersion">
- <h4>版本检测</h4>
- <div class="flex a-center rightIcons" style="color:#f00">
- {{ version }}
- </div>
- </div>
- <!--<div class="item flex a-center jlr">
- <h4>设置</h4>
- <div class="flex a-center rightIcons">
- <i class="iconfont icon-right"></i>
- </div>
- </div> -->
- </div>
- <div style="display:flex;justify-content:center;margin-bottom:.2rem">
- <div class="onloginBtns flex a-center j-center" v-on:click="logout()">
- 注销登录
- </div>
- </div>
- <!-- <div class="anniu">
- <input type="button" value="注销登录" v-on:click="logout()">
- </div> -->
- </div>
- <!-- <van-tabbar v-model="active" fixed active-color="#0083ca" inactive-color="#808080" ref="footer" class="tabbar_footer">
- <van-tabbar-item v-for="(item,index) in icon" :key="index" replace :to="item.path">
- <span>{{item.label}}</span>
- <template #icon="props">
- <img :src="props.active ? item.active : item.inactive" />
- </template>
- </van-tabbar-item>
- </van-tabbar>-->
- </div>
- </div>
- </body>
- </html>
- <link rel="stylesheet" href="./mescroll/mescroll.min.css">
- <script type="text/javascript" src="./mescroll/mescroll.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">
- apiready = function () {
- new Vue({
- el: '#app',
- data: {
- active: 3,
- footerHeight: 0,
- icon: [{
- label: '首页',
- path: '/',
- active: "./img/images/tabar_home_active.png",
- inactive: "./img/images/tabar_home_inactive.png"
- }, {
- label: '发现',
- path: '/discover',
- active: './img/images/faxian.png',
- inactive: './img/images/faxian.png'
- }, {
- label: '消息',
- path: '/information',
- active: './img/images/xiaoxi.png',
- inactive: './img/images/xiaoxi.png'
- }, {
- label: '我的',
- path: '/meber',
- active: './img/images/wode_active.png',
- inactive: './img/images/wode.png'
- }],
- agentInfo: {},
- imageBrowse: '',
- show: false,
- amount: '',
- hxCode: '',
- storeId: '',
- pdfReader: '',
- ptfurl0: 'widget://res/xy.pdf',
- ptfurl1: 'widget://res/zc.pdf',
- storePhone: '',
- objIcon: ''
- },
- computed: {
- version: function () {
- return this.getVersion();
- }
- },
- watch: {
- show: function (nw, ow) {
- if (nw == false) {
- this.amount = '';
- this.hxCode = '';
- }
- }
- },
- filters: {
- fortatterNum: function (val) {
- var value = 0;
- if (val != null && parseInt(val) >= 10000 && parseInt(val) < 100000000) {
- value = (parseFloat(val) / 10000).toFixed(2)
- } else if (val != null && parseInt(val) >= 100000000) {
- value = (parseFloat(val) / 100000000).toFixed(2)
- } else {
- value = val
- }
- return value;
- },
- unitNum: function (val) {
- var value = '';
- if (val != null && parseInt(val) >= 10000 && parseInt(val) < 100000000) {
- value = "万"
- } else if (val != null && parseInt(val) >= 100000000) {
- value = "亿"
- } else {
- value = ''
- }
- return value;
- },
- getBrand: function (val) {
- var brandStr = "";
- if (val != null) {
- val.map(function (v, i) {
- brandStr = brandStr + ' | ' + v.brandName
- })
- return brandStr.substring(3, brandStr.length);
- } else {
- return "";
- }
- }
- },
- mounted: function () {
- this.init();
- // this.footerHeight = this.$refs['footer'].$el.offsetHeight
- },
- methods: {
- init: function () {
- this.pdfReader = api.require('pdfReader');
- this.imageBrowse = api.require("imageBrowser");
- this.userId = $api.getStorage('loginid');
- this.storeId = $api.getStorage('userid');
- this.objIcon = api.require('IconSwitch');
- this.getAgentInfo();
- var _this = this;
- this.addEvent("refushMeber", function () {
- _this.userId = $api.getStorage('loginid');
- _this.storeId = $api.getStorage('userid');
- _this.getAgentInfo();
- })
- if (api.systemType == 'ios') {
- this.addEvent("getIcon", function () {
- setTimeout(function () {
- _this.getIcon()
- }, 2000);
- })
- }
- // 开启下拉刷新
- // this.configDownAndPull("mescroll", function(mescroll) {
- // _this.getAgentInfo(mescroll);
- // }, function() {
- //
- // }, false);
- },
- /**
- * 查看二维码
- */
- inFanli: function () {
- var _this = this
- if (this.agentInfo.status == 5) {
- api.confirm({
- title: '系统提示',
- msg: '门店已冻结,请找相关业务经理解冻!',
- buttons: ['确定', '激活']
- }, function (ret, err) {
- var index = ret.buttonIndex;
- if (index == 2) {
- _this.goWin("activation", "activation_win.html", "");
- }
- });
- _this.show = false;
- return;
- }
- this.show = true
- },
- lookAgentQrcode: function () {
- var qrCode = [this.agentInfo.qrbarcodeSrc];
- this.imageBrowse.openImages({
- imageUrls: qrCode
- })
- },
- /**
- * 获取门店详情
- */
- getAgentInfo: function (mescroll) {
- var _this = this,
- url = "getAgentInfoU",
- data = {
- "loginId": this.userId,
- "appVersion": parseFloat(api.appVersion),
- "mobileSystem": api.systemType,
- "type": 'body',
- "url": 'json'
- }
- if (this.userId == null) { // 个人不存在
- $api.clearStorage();
- _this.goWin("login", "login.html");
- }
- this.$postuser(url, data, function (ret) {
- if (ret.code == 0) {
- $api.setStorage("status", ret.data.status);
- if (ret.data.status == 5) {
- api.alert({
- title: '系统提示',
- msg: '门店账号无效!',
- }, function (ret, err) {
- if (ret) {
- $api.clearStorage();
- _this.goWin("login", "login.html");
- }
- });
- }
- _this.agentInfo = ret.data;
- if (_this.agentInfo.saveAppMessage != 1) {
- _this.inMobileMessage();
- }
- $api.setStorage("storeName", ret.data.storeName);
- if (mescroll) {
- mescroll.endSuccess()
- }
- }
- });
- },
- inMobileMessage: function () {
- var data = {
- "storePhone": this.agentInfo.storePhone,
- "storeId": this.storeId,
- "mobileSystem": api.systemType,
- "systemVersion": api.systemVersion,
- "appVersion": parseFloat(api.appVersion),
- "mobileModel": api.deviceModel,
- "deviceName": api.deviceName,
- "url": "json",
- "type": "body",
- },
- url = "MobileMessage",
- _this = this;
- this.$post(url, data, function (ret) {
- })
- },
- // 打开新页面
- openWin: function (src) {
- this.goWin(src, src + '_win.html');
- },
- logout: function () {
- $api.clearStorage($api.getStorage);
- this.goWin("login", "login.html");
- },
- // 查看品牌
- lookBrandInfo: function () {
- var brandStr = "";
- if (this.agentInfo.bizStoreBrandDto != null) {
- this.agentInfo.bizStoreBrandDto.map(function (v, i) {
- brandStr = brandStr + ' | ' + v.brandName
- })
- api.toast({
- msg: brandStr.substring(3, brandStr.length)
- })
- } else {
- return "";
- }
- },
- // 点击生成金额
- getHxCode: function () {
- if (this.amount > this.agentInfo.avail) {
- api.toast({
- msg: "填写金额不能大于可用返利金额"
- });
- return;
- }
- if (this.amount == "" || this.amount < 0 || this.amount.indexOf('.') >= 0) {
- api.toast({
- msg: "请完善正确核销金额"
- });
- return;
- }
- var data = {
- "storeId": this.storeId,
- "amount": this.amount,
- "url": "json",
- "type": "body",
- },
- url = "getHxCodeU",
- _this = this;
- this.$post(url, data, function (ret) {
- if (ret.code == 0) {
- if (!ret.message) {
- api.toast({
- msg: '生成核销码成功',
- });
- setTimeout(function () {
- _this.show = false;
- _this.getAgentInfo();
- // _this.hxCode = ret.data.couponCode;
- _this.goWin('backMoney', 'backMoney_win.html');
- }, 200);
- } else {
- _this.show = false;
- api.toast({
- msg: ret.message,
- });
- return
- }
- }
- })
- },
- // 检查版本更新
- checkVersion: function () {
- var _this = this;
- this.ifHasPrme('storage', function (ret) {
- if (ret == true) {
- _this.getNewVersionUrl(function () {
- });
- }
- })
- },
- // 查看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
- }
- });
- },
- insignAddress: function () {
- var _this = this
- if (this.agentInfo.status == 3) {
- api.confirm({
- title: '系统提示',
- msg: '门店已冻结,请找相关业务经理解冻!',
- buttons: ['确定', '激活']
- }, function (ret, err) {
- var index = ret.buttonIndex;
- if (index == 2) {
- _this.goWin("activation", "activation_win.html", "");
- }
- });
- return;
- }
- this.goWin('sign_address', 'sign_address.html', {
- addressModify: this.agentInfo.addressModify,
- contractTask: this.agentInfo.contractTask
- });
- },
- inaddress: function () {
- var _this = this
- if (this.agentInfo.status == 3) {
- api.confirm({
- title: '系统提示',
- msg: '门店已冻结,请找相关业务经理解冻!',
- buttons: ['确定', '激活']
- }, function (ret, err) {
- var index = ret.buttonIndex;
- if (index == 2) {
- _this.goWin("activation", "activation_win.html", "");
- }
- });
- return;
-
- }
- this.goWin('address', 'address_win.html');
- },
- //IOS获取动态ICON
- getIcon: function () {
- if (api.systemType == 'ios') {
- if (this.agentInfo.bizStoreBrandDto[0].brandName == 'SAILUN') {
- this.objIcon.change({ name: 'SAILUN', }, function (ret, err) { });
- } else if (this.agentInfo.bizStoreBrandDto[0].brandName == 'BLACKHAWK') {
- this.objIcon.change({ name: 'HEIYING', }, function (ret, err) { });
- } else if (this.agentInfo.bizStoreBrandDto[0].brandName == 'ROVELO') {
- this.objIcon.change({ name: 'RUIKETU', }, function (ret, err) { });
- } else if (this.agentInfo.bizStoreBrandDto[0].brandName == 'ROADX') {
- this.objIcon.change({ name: 'LUJI', }, function (ret, err) { });
- } else if (this.agentInfo.bizStoreBrandDto[0].brandName == 'JINYU') {
- this.objIcon.change({ name: 'JINYU', }, function (ret, err) { });
- } else if (this.agentInfo.bizStoreBrandDto[0].brandName == 'BLACKLION') {
- this.objIcon.change({ name: 'HEISHI', }, function (ret, err) { });
- } else {
- this.objIcon.change({ name: 'SHOP', }, function (ret, err) { });
- }
- }
- }
- }
- })
- }
- </script>
|