<!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" />
|
<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 src="http://img.flqapp.com/resource/js/app20191220.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/clipboard.config.js"></script>
|
<script src="js/clipboard.min.js"></script>
|
<script type="text/javascript">
|
doui.importSet([
|
'css/yesApp.css',
|
'http://cdn.yeshitv.com/js/vue.min.js',
|
]);
|
</script>
|
<style type="text/css">
|
/*分类选项*/
|
.fenlei {
|
min-width: 1.3rem;
|
height: 100%;
|
padding: 0.1rem 0.25rem;
|
}
|
|
.fenlei-ok {
|
font-weight: bold;
|
color: #E5005C;
|
border: 2px solid transparent;
|
border-bottom-color: #E5005C;
|
}
|
|
.fenlei-no {
|
color: #333333;
|
border: 2px solid transparent;
|
}
|
</style>
|
</head>
|
|
<body style="display:none;">
|
<div id="allwai" class="heightenBox fontMobile">
|
|
<!--顶部悬浮部件-->
|
<div class="position-fixed" style="width:7.5rem; height:1.88rem; left:0; top:0; z-index:20;">
|
|
<!--顶部搜索-->
|
<div class="fboxRow Xstart scroll-x scrollbarNone" style="width:7.5rem; height:0.88rem; background-color:rgba(255,255,255,0.93);">
|
<!--载体框-->
|
<div style="height:100%;">
|
<!--装分类列表的外壳-->
|
<div class="fboxRow" style="height:100%;">
|
<div v-for="(item, index) in classes.list" class="fboxRow Xcenter Ycenter fenlei" v-bind:class="classes.checkIndex==index?'fenlei-ok':'fenlei-no'"
|
v-on:click="classes.click(index)">
|
<div class="font30 font-ell1">{{item.name}}</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!--搜索栏-->
|
<div class="fboxRow Xcenter Ycenter" style="width:7.5rem; height:1rem; background-color:rgba(243,243,243,0.93);">
|
<!--输入部分外壳-->
|
<div class="fboxRow Xstart Ycenter bg-white" style="width:6.9rem; height:0.6rem; border-radius:0.3rem;">
|
<!--放大镜图片-->
|
<div class="top_glass"><img style="width:100%; height:100%; display:block;" src="img/hcj/index_search.png" /></div>
|
<!--输入组件-->
|
<input class="top_input font26 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:7.5rem; height:1.88rem;"></div>
|
|
<!--一条问题-->
|
<div v-for="(item, index) in table.list" class="fboxRow Xstart Ycenter" style="width:7.5rem; padding:0.3rem 0; margin-bottom:1px; background-color:white;"
|
v-on:click="table.click(item.id)">
|
|
<!--文字内容-->
|
<div class="fboxRow Xstart Ystart">
|
<!--序号-->
|
<div class="fboxRow Xcenter Ycenter" style="width:0.46rem; height:0.46rem; margin-left:0.25rem; background-image:url(img/AppPage/helpCenter/num.png); -webkit-background-size:100% 100%; background-size:100% 100%;">
|
<div class="font26 font-weight" style="color:#333333;">{{index+1}}</div>
|
</div>
|
<!--问题-->
|
<div style="width:6rem; margin-left:0.15rem;">
|
<div class="font30 font-ell2" style="line-height:0.45rem; color:#333333;">{{item.title}}</div>
|
</div>
|
</div>
|
|
<div class="flex1"></div>
|
|
<!--箭头符号-->
|
<div class="fboxRow Xcenter Ycenter" style="margin-right:0.23rem;">
|
<img style="width:0.15rem; height:0.26rem; display:block;" src="img/AppPage/helpCenter/you.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">
|
function copyLink() {
|
var href = window.location.href;
|
yestv.copyText(href);
|
yestv.toast("链接已复制到剪贴板");
|
}
|
// vue 初始化
|
var vm = null;
|
doui.onReady(function() {
|
|
try {
|
var array = new Array();
|
array.push({
|
icon: 'http://img.flqapp.com/resource/icon_share.png',
|
name: '复制链接',
|
js: 'copyLink()'
|
});
|
yesApp.addMenu(array);
|
} catch (e) {}
|
|
var version = yesApp.getVersion();
|
var platform = yesApp.getPlatform();
|
if (platform == 1)
|
platform = "android";
|
else
|
platform = "ios";
|
|
|
vm = new Vue({
|
el: "#allwai",
|
// 页面对象
|
data: {
|
|
// 分类列表
|
classes: {
|
// 列表数据
|
list: [{
|
id: 0,
|
name: "全部"
|
}],
|
// 当前选中下表
|
checkIndex: 0,
|
// 某个分类点击
|
click: function(indexC) {
|
if (indexC != vm.classes.checkIndex) {
|
vm.classes.checkIndex = indexC;
|
// 重新请求列表
|
vm.table.init();
|
doui.showScrollLoading("加载帮助^_^", function() {
|
vm.table.request();
|
}, true);
|
}
|
},
|
// 请求列表数据
|
request: function() {
|
// 数据准备
|
var myurl = getHttp(appTypeGet()) + "/api/apph5/v1/helpCenter/getClass";
|
|
|
var mydata = doui.AjaxData({
|
Version: version,
|
platform: platform
|
});
|
// 数据请求
|
doui.AjaxJsonp(myurl, mydata, function(res) {
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
vm.classes.list = vm.classes.list.concat(res.data.class_list);
|
}
|
});
|
},
|
},
|
|
|
// 问答列表
|
table: {
|
key: "", // 搜索关键词
|
// 列表
|
pageId: 0,
|
list: [],
|
// 列表点击
|
click: function(idC) {
|
var myurl = getHost() + "all_help_content.html?id=" + idC;
|
// 跳转页面
|
yesApp.jumpWeb(myurl, null);
|
// 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({
|
cid: vm.classes.list[vm.classes.checkIndex].id,
|
key: vm.table.key,
|
pageId: vm.table.pageId, // 页码
|
platform: platform,
|
Version: version,
|
pageSize: 100
|
});
|
// 数据请求
|
doui.AjaxJsonp(myurl, mydata, function(res) {
|
if (res.code == 2) {
|
doui.hideScrollLoading("-到底了*^_^*-");
|
} else if (res.code != 0) {
|
doui.hideScrollLoading();
|
doui.showToast(res.msg);
|
} else {
|
if (vm.table.pageId <= 0) {
|
vm.table.list = [];
|
}
|
// 保存页码数据
|
vm.table.pageId = res.data.pageId;
|
// 保存列表
|
|
vm.table.list = vm.table.list.concat(res.data.result_list);
|
|
// 结束效果
|
if (res.data.pageId <= 0) {
|
doui.hideScrollLoading("-到底了*^_^*-");
|
} else {
|
doui.hideScrollLoading();
|
}
|
|
if (res.data.result_list.length == 0 && vm.table.pageId > 0) {
|
vm.table.request();
|
}
|
}
|
});
|
},
|
// 初始化
|
init: function() {
|
vm.table.pageId = 0;
|
vm.table.pagesize = 200;
|
vm.table.list = new Array();
|
doui.scrollTo('body', 0, false);
|
},
|
},
|
|
|
// 回到顶部 小火箭
|
backTop: {
|
show: false,
|
click: function() {
|
doui.scrollTo("body", 0);
|
},
|
},
|
|
},
|
});
|
|
|
// 获取分类列表
|
vm.classes.request();
|
// 获取表格列表
|
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>
|
