<!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/font-awesome.min.css',
|
'css/yesApp.css',
|
'http://cdn.yeshitv.com/js/vue.min.js',
|
'js/yesApp.js',
|
'js/wangEditor.min.js',
|
'js/wangEditor.config.js'
|
]);
|
</script>
|
</head>
|
|
<body style="display:none;">
|
<div id="allwai" class="heightenBox fontMobile">
|
|
<!--问题标题-->
|
<div v-show="question.title" class="position-fixed" style="width:7.5rem; left:0; top:0;">
|
<div class="bg-white" style="width:100%; padding:0.3rem; border-bottom:1px solid #F3F3F3;">
|
<div class="font32 font-weight" style="line-height:1.8;">{{question.title}}</div>
|
</div>
|
</div>
|
<!--标题真实占位框-->
|
<div v-show="question.title" style="width:7.5rem;">
|
<div class="bg-white" style="width:100%; padding:0.3rem; border-bottom:1px solid #F3F3F3;">
|
<div class="font32 font-weight" style="line-height:1.8;">{{question.title}}</div>
|
</div>
|
</div>
|
|
<!--问题答案-->
|
<div v-show="question.html" class="bg-white" style="width:7.5rem; padding:0.2rem;">
|
<!--富文本编辑器-->
|
<div id="editor1"></div>
|
</div>
|
|
<div class="do-scrollLoading"></div>
|
|
<!--回到目录页面-->
|
<div v-if="sys.from!='app'" class="backTop fboxRow Xcenter Ycenter" style="bottom:0.53rem; background-color:#585858; opacity:0.9;" v-on:click="sys.click()">
|
<div class="font36 font-white"><i class="fa fa-navicon"></i></div>
|
</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">
|
|
// 编辑器申明
|
var editor = null;
|
// vue申明
|
var vm = null;
|
|
doui.onReady(function()
|
{
|
// 取消关闭
|
yesApp.closeBtnHidden();
|
// 开启分享
|
yesApp.shareBtn(1);
|
|
|
// vue 初始化
|
vm = new Vue({
|
el: "#allwai",
|
// 数据
|
data: {
|
|
// 系统
|
sys: {
|
"from": "app", // 来源页面
|
// 目录点击
|
click: function ()
|
{
|
var myurl = getHost() + "all_help_index.html?from=" + vm.sys.from;
|
// 跳转页面
|
doui.pageToUrl(myurl);
|
},
|
},
|
|
// ----------------------------------------------------------- 帮助内容说明
|
question: {
|
id: "",
|
title: "",
|
html: "",
|
// 请求问题
|
request: function ()
|
{
|
// 数据准备
|
var myurl = getHttp() + "/api/apph5/v1/helpCenter/getInfo";
|
var mydata = doui.AjaxData({ id: vm.question.id });
|
// 数据请求
|
doui.AjaxJsonp(myurl, mydata, function(res)
|
{
|
if (res.code != 0) { doui.hideScrollLoading(); doui.showToast(res.msg); }
|
else
|
{
|
// 标题赋值
|
vm.question.title = res.data.title;
|
// 内容赋值(html代码)
|
vm.question.html = res.data.html;
|
wang.valueSet(editor, vm.question.html);
|
// 取消提示
|
doui.hideScrollLoading("-到底了*^_^*-");
|
}
|
});
|
},
|
},
|
|
// 回到顶部小火箭
|
backTop: {
|
show: false,
|
click: function () { doui.scrollTo("body", 0); },
|
},
|
|
}
|
});
|
|
|
// 编辑器初始化
|
editor = wang.createGet({ ids: ['editor1'], menus: [] });
|
wang.editorFalse(editor, 'editor1'); // 禁用编辑功能
|
wang.style_scrollbar();
|
wang.style_menu(editor, 'display:none;');
|
wang.style_editor(editor, 'height:auto; border:none;');
|
|
|
// 获取地址栏传递值
|
var urldata = doui.urlParamGet();
|
if (urldata.from) { vm.sys.from = urldata.from; }
|
if (urldata.id)
|
{
|
// id赋值
|
vm.question.id = urldata.id;
|
// 请求数据
|
doui.showScrollLoading("加载帮助^_^", function(){ vm.question.request(); });
|
}
|
else { doui.showToast("获取帮助ID失败"); }
|
|
|
// 屏幕滚动事件
|
doui.scrolling("body", function(res)
|
{
|
// 显示回到顶部
|
if (res.scrollTop > 300) { vm.backTop.show = true; }
|
else { vm.backTop.show = false; }
|
});
|
|
|
document.body.style.display = "block";
|
});
|
|
</script>
|
