<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8" />
|
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<meta http-equiv="Pragma" content="no-cache"/>
|
<title>帮助中心</title>
|
<link rel="stylesheet" type="text/css" href="css/doui.min.css"/>
|
<script src="js/doui.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/publicFunction.js" type="text/javascript" charset="utf-8"></script>
|
<script type="text/javascript">
|
doui.importSet([
|
'css/yesApp.css',
|
'http://cdn.yeshitv.com/js/vue.min.js',
|
'js/yesApp.js',
|
]);
|
</script>
|
</head>
|
|
<body style="display:none;">
|
<div id="allwai" class="heightenBox fontMobile">
|
|
<!--顶部搜索-->
|
<div class="position-fixed" style="left:0; top:0;">
|
<div class="fboxRow Xcenter Ycenter bg-white" style="width:7.5rem; height:1.1rem; border-bottom:1px solid #F3F3F3;">
|
<!--#CCC颜色的圆弧框-->
|
<div class="fboxRow Xstart Ycenter" style="width:7rem; height:0.7rem; border:1px solid #CCC; border-radius:0.35rem;">
|
<!--放大镜图片-->
|
<div class="top_glass"><img style="width:100%; height:100%; display:block;" src="img/hcj/index_search.png"/></div>
|
<!--输入组件-->
|
<input class="top_input font24 flex1" style="border-radius:0;" type="search" placeholder="请输入问题关键词" v-model="table.key" v-on:keyup.enter="table.init();table.request();"/>
|
</div>
|
</div>
|
</div>
|
<!--顶部搜索真实占位框-->
|
<div style="width:100%; height:1.1rem;"></div>
|
|
<!--一条问题-->
|
<div v-for="(item, index) in table.list" class="fboxRow Xstart Ystart click-color" style="width:7.5rem; padding:0.25rem 0; margin-bottom:1px; background-color:white;" v-on:click="table.click(item.id)">
|
|
<!--序号-->
|
<div class="fboxRow Xcenter Ystart" style="width:1rem;">
|
<div class="font26 font-green font-weight" style="line-height:0.45rem;">{{index+1}}</div>
|
</div>
|
|
<!--问题-->
|
<div style="width:5rem; margin-left:0.1rem;">
|
<div class="font28 font-black font-weight font-ell2" style="line-height:0.45rem;">{{item.title}}</div>
|
</div>
|
|
<div class="flex1"></div>
|
|
<!--箭头符号-->
|
<div class="fboxRow Xcenter Ycenter" style="width:1rem; height:0.45rem;">
|
<img style="width:0.14rem; height:0.23rem; display:block;" src="img/flq/xht_right.png"/>
|
</div>
|
|
</div>
|
|
<!--刷新-->
|
<div class="do-scrollLoading"></div>
|
|
<!--回到顶部火箭-->
|
<div v-show="backTop.show" class="backTop" v-on:click="backTop.click()"><img src="img/flq/backTop.png"/></div>
|
|
</div>
|
</body>
|
|
</html>
|
|
|
<script type="text/javascript">
|
|
// vue 初始化
|
var vm = null;
|
doui.onReady(function()
|
{
|
// 取消关闭按钮
|
yesApp.closeBtnHidden();
|
// 关闭分享
|
yesApp.shareBtn(0);
|
|
vm = new Vue({
|
el: "#allwai",
|
// 数据
|
data: {
|
|
sys: {
|
"from": "app",
|
},
|
|
// 回到顶部小火箭
|
backTop: {
|
show: false,
|
click: function () { doui.scrollTo("body", 0); },
|
},
|
|
// 帮助内容说明
|
table: {
|
key: "", // 搜索关键词
|
// 列表
|
yema: 1,
|
yemamax: 1,
|
pagesize: 50,
|
list: [],
|
// 列表点击
|
click: function (idC)
|
{
|
var myurl = getHost() + "all_help_content.html?id=" + idC + "&from=" + vm.sys.from;
|
// 跳转页面
|
if (vm.sys.from == "app") { yesApp.pageToWeb(myurl); }
|
else { doui.pageToUrl(myurl); }
|
},
|
// 请求列表数据
|
request: function ()
|
{
|
// 数据准备
|
var myurl = getHttp(appTypeGet()) + "/api/apph5/v1/helpCenter/query";
|
var mydata = doui.AjaxData({
|
key: vm.table.key,
|
pageIndex: vm.table.yema, // 页码
|
pageSize: vm.table.pagesize, // 每页数量
|
});
|
// 数据请求
|
doui.AjaxJsonp(myurl, mydata, function(res)
|
{
|
if (res.code == 2) { doui.hideScrollLoading("-到底了*^_^*-"); }
|
else if (res.code != 0) { doui.hideScrollLoading(); doui.showToast(res.msg); vm.init(); }
|
else
|
{
|
// 保存页码数据
|
vm.table.yemamax = res.data.pe.totalPage;
|
// 保存列表
|
if (vm.table.yema <= 1) { vm.table.list = res.data.result_list; }
|
else { vm.table.list = vm.table.list.concat(res.data.result_list); }
|
doui.hideScrollLoading();
|
}
|
});
|
},
|
// 初始化
|
init: function () { vm.table.yema = 1; vm.table.yemamax = 1; vm.table.pagesize = 50; vm.table.list = new Array(); doui.scrollTo('body', 0, false); },
|
},
|
|
},
|
});
|
|
|
// 获取地址栏传递值
|
var urldata = doui.urlParamGet();
|
if (urldata.from) { vm.sys.from = urldata.from; }
|
|
|
// 获取表格列表
|
doui.showScrollLoading("加载帮助^_^", function(){ vm.table.request(); });
|
|
|
// 屏幕滚动事件
|
doui.scrolling("body", function(res)
|
{
|
// 显示回到顶部
|
if (res.scrollTop > 500) { vm.backTop.show = true; }
|
else { vm.backTop.show = false; }
|
// 到达底部
|
if (res.overBottom == true)
|
{
|
doui.showScrollLoading("加载更多帮助", function()
|
{
|
vm.table.yema++;
|
vm.table.request();
|
});
|
}
|
});
|
|
|
document.body.style.display = "block";
|
});
|
|
</script>
|
