|
|
@@ -43,6 +43,11 @@
|
|
|
flex-direction: row;
|
|
|
flex-wrap: wrap;
|
|
|
}
|
|
|
+ .logoContent{
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
.codeTitle{
|
|
|
display: flex;
|
|
|
justify-content: flex-start;
|
|
|
@@ -106,6 +111,17 @@
|
|
|
margin-top: 2px;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
+ .tipsContent{
|
|
|
+ margin-left: 30px;
|
|
|
+ }
|
|
|
+ .tipsTitle{
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .tipsText{
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -170,7 +186,7 @@
|
|
|
<div id="view3" class="yearSort"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="yearSort">
|
|
|
+ <div class="logoContent">
|
|
|
<div class="codeContent">
|
|
|
<div class="codeTitle">
|
|
|
<img id="logo" />
|
|
|
@@ -179,7 +195,7 @@
|
|
|
<div id="pay-code"></div>
|
|
|
</div>
|
|
|
<!--版本说明-->
|
|
|
- <div></div>
|
|
|
+ <div id="tips" class="tipsContent"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -214,6 +230,32 @@
|
|
|
{{# }); }}
|
|
|
</script>
|
|
|
|
|
|
+<script id="tipsDemo" type="text/html">
|
|
|
+ {{# if(d.tabIndex == 0){ }}
|
|
|
+ <div class="tipsText">1、报修人线上报修；服务评价。</div>
|
|
|
+ <div class="tipsText">2、管理者线上审批、派单；发布通知公告；查看数据报表。</div>
|
|
|
+ <div class="tipsText">3、检修人线上接单、完工；巡检巡查设备。<span style="color: red;">检修人最多设置2名。</span></div>
|
|
|
+ <div class="tipsText">4、管理员线上续期；申请发票。</div>
|
|
|
+ <div class="tipsText">5、在线客服专属服务。</div>
|
|
|
+ {{# }else if(d.tabIndex == 1){ }}
|
|
|
+ <div class="tipsText">1、报修人线上报修、<span style="color: red;">扫码报修</span>；服务评价。</div>
|
|
|
+ <div class="tipsText">2、管理者线上审批、派单；发布通知公告；查看数据报表。</div>
|
|
|
+ <div class="tipsText">3、检修人线上接单、完工；巡检巡查设备。<span style="color: red;">检修人最多设置2名。</span></div>
|
|
|
+ <div class="tipsText">4、管理员线上续期；申请发票。</div>
|
|
|
+ <div class="tipsText"><span style="color: red;">5、运维宝典，为相关岗位工作人员提供更多服务支持。</span></div>
|
|
|
+ <div class="tipsText"><span style="color: red;">6、设备看板，重要设备，一键查看检修状态。</span></div>
|
|
|
+ <div class="tipsText">7、在线客服专属服务。</div>
|
|
|
+ {{# }else{ }}
|
|
|
+ <div class="tipsText">1、报修人线上报修、<span style="color: red;">扫码报修</span>；服务评价。</div>
|
|
|
+ <div class="tipsText">2、管理者线上审批、派单；发布通知公告；查看数据报表。</div>
|
|
|
+ <div class="tipsText">3、检修人线上接单、完工；巡检巡查设备。<span style="color: red;">不限检修人数量。</span></div>
|
|
|
+ <div class="tipsText">4、管理员线上续期；申请发票。</div>
|
|
|
+ <div class="tipsText"><span style="color: red;">5、运维宝典，为相关岗位工作人员提供更多服务支持。</span></div>
|
|
|
+ <div class="tipsText"><span style="color: red;">6、设备看板，重要设备，一键查看检修状态。</span></div>
|
|
|
+ <div class="tipsText">7、在线客服专属服务。</div>
|
|
|
+ {{# } }}
|
|
|
+</script>
|
|
|
+
|
|
|
|
|
|
|
|
|
<script src="../../layuiadmin/layui/layui.js"></script>
|
|
|
@@ -249,6 +291,21 @@
|
|
|
//tabbar切换对应的下标
|
|
|
var tabIndex = 0;
|
|
|
|
|
|
+ // 渲染版本功能提示
|
|
|
+ function renderTips(tabIndex) {
|
|
|
+ let dataTips = {
|
|
|
+ tabIndex
|
|
|
+ };
|
|
|
+ var tipsDom = tipsDemo.innerHTML,
|
|
|
+ viewsTips = document.getElementById('tips');
|
|
|
+ laytpl(tipsDom).render(dataTips, function(html){
|
|
|
+ viewsTips.innerHTML = html;
|
|
|
+ });
|
|
|
+ };
|
|
|
+ // 页面首次渲染之后默认渲染标准版
|
|
|
+ renderTips(tabIndex);
|
|
|
+
|
|
|
+
|
|
|
//标准版对应的数据
|
|
|
var data1 = {
|
|
|
list: [
|
|
|
@@ -290,6 +347,8 @@
|
|
|
//监听tab切换
|
|
|
element.on('tab(tabDom)', function(e){
|
|
|
tabIndex = e.index;
|
|
|
+ //渲染版本功能提示
|
|
|
+ renderTips(tabIndex);
|
|
|
let tempArr = [];
|
|
|
if(tabIndex == 0){
|
|
|
tempArr = data1.list
|
lijiangwei