123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8"/>
- <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
- <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate">
- <meta http-equiv="pragma" content="no-cache">
- <meta http-equiv="expires" content="0">
- <meta name="description" content=""/>
- <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
- <meta name="format-detection" content="telphone=no,email=no"/>
- <meta name="viewport"
- content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
- <title>设备管理系统</title>
- <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css"/>
- <link rel="stylesheet" href="/components/custom/css/common.css"/>
- <link rel="stylesheet" href="css/xyf.common.min.css"/>
- <style>
- </style>
- </head>
- <body>
- <div id="container" style="padding-bottom: 50px" class="mui-hidden">
- <div class="custom-bottom ">
- <header class="index-hd ">
- <div>
- <div class="hd-tab" onclick="toBenefit(1)">
- 账户余额(元)<span id="totalBalance">0.00</span>
- </div>
- <div class="mui-table hd-cell">
- <div class="mui-table-cell mui-ellipsis" onclick="toBenefit(2)">
- <span>资金余额</span><em id="deviceBalance">0.00元</em>
- </div>
- <div class="mui-table-cell mui-ellipsis " onclick="toBenefit(3)">
- <span>分润余额</span><em id="ledgerBalance">0.00元</em>
- </div>
- </div>
- </div>
- </header>
- </div>
- <div class=" mui-content index-bd">
- <div class="menu-block-wear custom-bottom border-top border-bottom">
- <div class="menu-block mui-row mui-clearfix">
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="javascript:scanQRCodeToReg();"
- id="scanCode" key="device_reg">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-saomiao c-green"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 扫一扫<span class="mui-ellipsis">登录、注册设备</span>
- </p>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="device-mgr.html" key="device_management">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-device c-blue"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 设备管理<span class="mui-ellipsis">共<em id="total">0</em>台,在线<em id="online"
- class="c-green">0</em>台</span>
- </p>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="income.html" key="business_stats">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-income c-red"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 经营统计<span class="mui-ellipsis">经营数据监控</span>
- </p>
- </div>
- </a>
- <!--纸巾机等设备-->
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell " href="/dealer/index.html#/stock/stockList"
- id="stock_management" key="stock_management">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-stock c-primary-new"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 库存管理<span class="mui-ellipsis">设备的商品库存</span>
- </p>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell " href="/dealer/index.html#/order/list" id="order_query"
- key="order_query">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-check c-lgreen"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 订单查询<span class="mui-ellipsis">追溯用户充值</span>
- </p>
- </div>
- </a>
- </div>
- </div>
- <div class="menu-block-wear custom-bottom border-top border-bottom ">
- <div class="menu-block mui-row mui-clearfix">
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="discount-menu.html" id="payoff_recharge"
- key="payoff_recharge">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-coupons c-orange"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 优惠设置<span class="mui-ellipsis">10元=N个币</span>
- </p>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell " href="/dealer/index.html#/user/list" id="user_management"
- key="user_management">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-member c-lgreen"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 用户管理<span class="mui-ellipsis">用户充值、消费记录</span>
- </p>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell " href="/dealer/index.html#/partner">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-group_fill c-blue"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 合伙人<span class="mui-ellipsis">管理我的合伙人</span>
- </p>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell " href="card-manage.html" id="card_management"
- key="card_management">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-card c-primary"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 实体卡管理<span class="mui-ellipsis">查询充值、消费记录</span>
- </p>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell " href="/dealer/index.html#/interconnection" id="interconnection"
- key="interconnection">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-drive c-blue"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 互联互通<span class="mui-ellipsis">汽车桩互联互通</span>
- </p>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="user-feedback.html" id="user_feedback"
- key="user_feedback">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-feedback c-green"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 用户反馈<span class="mui-ellipsis">金币申请、反馈故障</span>
- </p>
- <i class="icon-tip-num feedbackIconTip mui-hidden"></i>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="/dealer/index.html#/alarm/list"
- key="support_alarm" id="support_alarm">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-gaojing c-red"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 告警事件<span class="mui-ellipsis">设备预警、异常管理</span>
- </p>
- <i class="icon-tip-num unhandledAlarms mui-hidden"></i>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="/dealer/index.html#/user/identify"
- key="user_identify" id="user_identify">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-idcard c-blue"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 用户审核<span class="mui-ellipsis">用户身份信息审核</span>
- </p>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="/dealer/index.html#/batteryManager/list"
- key="batteryManager" id="batteryManager">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-battery c-green"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 电池管理<span class="mui-ellipsis">远程追踪电池</span>
- </p>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="/dealer/index.html#/templateManager/category"
- key="templateManager" id="templateManager">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-account c-green"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 模板管理<span class="mui-ellipsis">管理各类模板</span>
- </p>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="/dealer/index.html#/apiManager/apiCenter"
- key="apiManager" id="apiManager">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-jiedian c-blue"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- API接口管理<span class="mui-ellipsis">系统接口对接</span>
- </p>
- </div>
- </a>
- <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="/dealer/index.html#/disableAd"
- key="disableAdManager" id="disableAdManager">
- <div class="mui-row">
- <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
- <i class="iconfont icon-mute c-green"></i>
- </p>
- <p class="mui-col-xs-9 mui-col-sm-9">
- 禁用广告<span class="mui-ellipsis">按设备禁用用户广告</span>
- </p>
- </div>
- </a>
- </div>
- </div>
- </div>
- <div class="help-card autoheight mui-hidden" id="incomeHelpCard">
- <div class="help-bd">
- <h4>收益说明</h4>
- <h5>1.在线支付收益</h5>
- <p>用户通过微信、支付宝线上支付产生的今日收入和今日现金退款的差额。如果用户没有开通商户,可点击【钱包-余额】进行提现。如果用户已经开通商户,收益会次日自动结算到用户开具商户时提供的结算银行卡。收益以用户充值、快速支付为准,用户使用余额消费不再重复计入收益。</p>
- <div class="show_offline_coins ">
- <h5>2.线下投币</h5>
- <p>用户线下使用硬币投币,可以通过经营统计查看详情。您可以到设备的投币箱清点硬币。</p>
- </div>
- </div>
- <div class="help-close">我知道了</div>
- </div>
- </div>
- </body>
- <script src="https://cdn.washpayer.com/components/lib/jquery.min.js?v=20190712"></script>
- <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
- <script src="https://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
- <script src="/components/custom/js/common.js"></script>
- <script src="js/xyf.common.js"></script>
- <script src="https://cdn.washpayer.com/npm/clipboard@2.0.4/dist/clipboard.min.js"></script>
- <script>
- (function () {
- //ios返回刷新
- var isPageHide = false;
- window.addEventListener('pageshow', function () {
- if (isPageHide) {
- window.location.reload();
- }
- });
- window.addEventListener('pagehide', function () {
- isPageHide = true;
- });
- })();
- window.initDealerNav && initDealerNav('home', initHomePage);
- //检测是否有公告
- window.sendRequest && sendRequest("/common/getNotifications", "GET", {},
- function (res) {
- if (res.result == 1) {
- var obj = res.data;
- if (obj.dataList && obj.dataList.length > 0) {
- var item0 = obj.dataList[0];
- var text = item0.text;//通知信息
- var id = item0.id;//通知编号
- showNotification(id, text);
- }
- }
- }
- );
- //检测是否有通知
- window.sendRequest && sendRequest("/dealer/todo/list", "GET", {},
- function (res) {
- if (res.result === 1) {
- var obj = res.data;
- var list = obj.dataList
- if (list && list.length) {
- for (var index in list) {
- todoMsgDialog(list[index])
- }
- }
- }
- }
- );
- var adWord = getLocalStorage("DEALER_AD_WORD");
- if (!adWord) {
- window.sendRequest && sendRequest('/ad/user-adword', 'GET', {},
- function (res) {
- var {payload} = res
- // 复制分析连接到 剪切板
- var clipboard = new ClipboardJS('body', {
- text: function (trigger) {
- return payload.content
- }
- });
- // 销毁事件,避免重复
- clipboard.on('success', function (e) {
- setLocalStorage("DEALER_AD_WORD", true, 1000 * 3600 * 12);//12小时可以领一次
- clipboard.destroy();
- });
- });
- }
- showTestInfo();//测试系统检测
- /**
- * @param item {Object}
- * @param item.id {string}
- * @param item.popOnlyOnce {boolean}
- * @param item.force {boolean}
- * @param item.content {string}
- * @param item.title {string}
- * @param item.link {string}
- */
- function todoMsgDialog(item) {
- // 经销商的代办消息的弹窗
- // ID 检查
- if (!item || !item.id) {
- return;
- }
- // 是否是显示一次还是多次显示 由后端决定
- if (item.popOnlyOnce && sessionStorage.getItem("TodoMsgDialog" + item.id)) {
- sessionStorage.getItem("TodoMsgDialog" + item.id)
- return;
- }
- // 构建消息BUTTON
- // 强制执行的必须去处理
- var btnArray = ["去处理", "我知道了"]
- mui.confirm(item.content, item.title, btnArray, function (e) {
- if(item.popOnlyOnce) {
- sessionStorage.setItem("TodoMsgDialog" + item.id, "1");
- }
- if (e.index === 0) {
- // 避免ios的弹窗不关闭
- setTimeout(function () {
- location.href = item.link
- }, 1)
- } else {
- if (item.force) {
- var message = "您的商户尚未完成,请先前往商户界面完成当前商户步骤,才能进行其他操作!"
- mui.alert(message, "提示")
- return false;
- }
- }
- });
- }
- function initHomePage() {
- //主页需要mask
- window.sendRequest && sendRequest({
- url: "/dealer/homepageData?random=" + Math.random() * 1000,
- type: "GET",
- data: null,
- mask: "加载主页数据...",
- success: function (response) {
- if (response.result == 1) {
- var info = response.payload;
- $("#totalBalance").html(info.totalBalance);
- $("#deviceBalance").html(info.deviceBalance + "元");
- $("#ledgerBalance").html(info.ledgerBalance + "元");
- $("#total").html(info.onlineCount + info.offlineCount);
- $("#online").html(info.onlineCount);
- //展示用户反馈红点
- if (info.feedback) {
- $(".feedbackIconTip").removeClass("mui-hidden").text(info.feedback);
- }
- //展示流量卡充值提醒
- if (info.simCardTip) {
- $(".simCardIconTip").removeClass("mui-hidden").text(info.simCardTip.expireCount);
- todoMsgDialog(info.simCardTip.todoMsg);
- }
- //未处理的告警数目
- if (info.unhandledAlarms) {
- if (info.unhandledAlarms > 99) {
- info.unhandledAlarms = '99+'
- }
- $(".unhandledAlarms").removeClass("mui-hidden").text(info.unhandledAlarms);
- }
- // 合伙人不能看到某些菜单,准确来说只显示:经营统计,设备管理
- if (info.isPurePartner) {
- $("#scanCode, #order_query,#remote_upper, #payoff_recharge, #yingxiaohuodong, #payoff_activity,#sim_card,#user_feedback,#support_alarm,#user_identify,#zhenguduo").remove()
- $("#user_management").remove();
- $("#card_management").remove();
- $("#stock_management").remove();
- }
- if (info.inhouseApp != null) {
- localStorage.setItem("inhouseApp", info.inhouseApp)
- }
- } else {
- mui.toast(response.description);
- }
- pagePermission();
- }
- });
- };
- // 渲染菜单,并修复多余的底边
- function pagePermission(callback) {
- getAccountPermission(function (subPayload) {
- var homepageData = subPayload.homepageData
- var mainMenu = subPayload.mainMenu
- for (var key in homepageData) {
- if (!homepageData[key]) {
- $("[key='" + key + "']").remove()
- }
- }
- for (var key in mainMenu) {
- // 如果配置了false,则不显示,否则默认认为是显示的
- if (!mainMenu[key]) {
- $("[key='" + key + "']").remove()
- }
- }
- // 如果收益种类没有了,则移除这个dom
- var hasShowCells = $(".hd-cell .mui-table-cell")
- if (hasShowCells.length == 0) {
- $(".hd-cell").remove();
- } else if (hasShowCells.length == 1) {
- // 如果显示的唯一cell是在线支付,则影藏掉,因为和整个收益相等
- if ($("[key='today_pay_income']").length === 1) {
- $(".hd-cell").remove();
- }
- }
- // 如果该组菜单没有子菜单,则移除掉,避免出现线条,menu-block-wear row-cell这两个class不要乱用
- $(".menu-block-wear").each(function () {
- var menuList = $(this).find(".row-cell")
- if (menuList.length === 0) {
- $(this).remove();
- }
- });
- $("#container").removeClass("mui-hidden");//获取数据成功后才展示界面
- //渲染菜单
- menuPermission();
- }
- );
- }
- //help
- function help() {
- window.event && event.stopPropagation()
- $('body').append('<div class="mui-backdrop"></div>');
- $('body, .mui-backdrop').on('touchmove', function (e) {
- e.preventDefault();
- });
- $('#incomeHelpCard').removeClass('mui-hidden');
- $("#incomeHelpCard .help-close").tap(function () {
- $('#incomeHelpCard').addClass('mui-hidden');
- $('body').off('touchmove');
- $('.mui-backdrop').off('touchmove').remove();
- return false;
- });
- }
- //去充值卡的页面,必须先鉴权
- function goCardManage() {
- location.href = "/dealer/wechat/entry?type=simCard&redirect=" + encodeURIComponent("/app/deviceCard.html");
- }
- function goJoin() {
- location.href = "/dealer/wechat/entry?type=join&redirect=" + encodeURIComponent("/dealer/index.html#/join/main");
- }
- function toBenefit(top) {
- var benefitUrl;
- if (top) {
- switch (top) {
- case 1:
- benefitUrl = '/app/wallet/wallet.html'
- break;
- case 2:
- break;
- case 3:
- benefitUrl = '/dealer/index.html#/benefit'
- break;
- }
- }
- if (benefitUrl) {
- goPage(benefitUrl);
- }
- }
- </script>
- </html>
|