添加：帮助中心 - 新
This commit is contained in:
parent
acf449b906
commit
84c9de585f
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
|
|
@ -2648,6 +2648,15 @@ const routes = [
|
||||||
foot: true
|
foot: true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: "/member/new_help/index",
|
||||||
|
component:()=>import("../views/member/new_help/index"),
|
||||||
|
name: "new_help",
|
||||||
|
meta: {
|
||||||
|
title: "帮助中心",
|
||||||
|
foot: true
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: "/member/tool/about_us",
|
path: "/member/tool/about_us",
|
||||||
component:()=>import("../views/member/tool/about_us"),
|
component:()=>import("../views/member/tool/about_us"),
|
||||||
|
|
@ -2657,9 +2666,6 @@ const routes = [
|
||||||
foot: true
|
foot: true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// score
|
// score
|
||||||
{
|
{
|
||||||
path: "/member/integral_activity",
|
path: "/member/integral_activity",
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,231 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<c-title :hide="false" text="帮助中心" tolink="detailed"></c-title>
|
||||||
|
<div class="content-box">
|
||||||
|
<!--顶部内容-->
|
||||||
|
<div class="top">
|
||||||
|
<img class="top-img" src="../../../assets/images/new_help/top_img.jpg" />
|
||||||
|
</div>
|
||||||
|
<!--搜索&工具-->
|
||||||
|
<div class="main-content">
|
||||||
|
<div class="search-content">
|
||||||
|
<van-search v-model="search_value" background="#f5f5f7" show-action placeholder="请输入搜索关键词">
|
||||||
|
<template #action>
|
||||||
|
<div @click="getList">搜索</div>
|
||||||
|
</template>
|
||||||
|
</van-search>
|
||||||
|
</div>
|
||||||
|
<div class="tool-content">
|
||||||
|
<div class="block-title">常用工具</div>
|
||||||
|
<div class="tool-list">
|
||||||
|
<div class="block" v-for="(item,index) in tool" :key="index" @click="clickTool(item.name)">
|
||||||
|
<img class="block-img" :src="item.icon" />
|
||||||
|
<div class="block-title">{{ item.title }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--问题列表-->
|
||||||
|
<div class="question-content" v-if="Object.values(question_list).length > 0">
|
||||||
|
<div class="block-title">常用工具</div>
|
||||||
|
<div class="question-list">
|
||||||
|
<van-cell
|
||||||
|
v-for="(item,index) in Object.values(question_list)"
|
||||||
|
:key="index"
|
||||||
|
class="list-cell"
|
||||||
|
:title="item.title"
|
||||||
|
is-link
|
||||||
|
@click="showQuestionDetail(item)"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--弹出框-->
|
||||||
|
<van-popup v-model="show" position="bottom" :style="{ 'min-height': '70%' }" round closeable>
|
||||||
|
<div class="show-content">
|
||||||
|
<div class="show-title">{{ show_title }}</div>
|
||||||
|
<div class="show-text" v-html="show_content"></div>
|
||||||
|
</div>
|
||||||
|
</van-popup>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
info: {},
|
||||||
|
question_list: {},
|
||||||
|
// 搜索内容
|
||||||
|
search_value: '',
|
||||||
|
// 工具
|
||||||
|
tool: [
|
||||||
|
{ title: '官方客服',name: 'customer_service',icon: require('../../../assets/images/new_help/2.png')},
|
||||||
|
{ title: '意见反馈',name: 'feedback',icon: require('../../../assets/images/new_help/3.png')},
|
||||||
|
{ title: '用户问卷',name: 'questionnaire',icon: require('../../../assets/images/new_help/4.png')},
|
||||||
|
],
|
||||||
|
// 弹框内容
|
||||||
|
show: false,
|
||||||
|
show_title: '',
|
||||||
|
show_content: '',
|
||||||
|
};
|
||||||
|
},
|
||||||
|
activated() {
|
||||||
|
this.getData();
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 基本设置获取
|
||||||
|
getData() {
|
||||||
|
let _this = this;
|
||||||
|
$http.get("plugin.help-center.api.content.home-info", {}, "加载中...").then((res) => {
|
||||||
|
if (parseInt(res.result) === 1) {
|
||||||
|
_this.info = res.data;
|
||||||
|
}
|
||||||
|
}).catch((error) => {});
|
||||||
|
},
|
||||||
|
// 其他列表获取
|
||||||
|
getList() {
|
||||||
|
let _this = this;
|
||||||
|
$http.get("plugin.help-center.api.content.question-list", { search_text: _this.search_value }, "加载中...").then((res) => {
|
||||||
|
if (parseInt(res.result) === 1) {
|
||||||
|
_this.question_list = res.data;
|
||||||
|
}
|
||||||
|
}).catch((error) => {});
|
||||||
|
},
|
||||||
|
// 点击工具
|
||||||
|
clickTool(name){
|
||||||
|
let _this = this;
|
||||||
|
if(name === 'customer_service') window.location.href = 'tel://' + _this.info.customer_service_tel;
|
||||||
|
else if(name === 'feedback') _this.$router.push(_this.fun.getUrl("DiyForm",{ id: _this.info.feedback_id }));
|
||||||
|
else if(name === 'questionnaire') _this.$router.push(_this.fun.getUrl("DiyForm",{ id: _this.info.questionnaire_id }));
|
||||||
|
},
|
||||||
|
// 显示问题具体内容
|
||||||
|
showQuestionDetail(item){
|
||||||
|
this.show_title = item.title;
|
||||||
|
this.show_content = item.content;
|
||||||
|
this.show = true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.content-box {
|
||||||
|
width: 100vw !important;
|
||||||
|
min-height: calc(100vh - 40px);
|
||||||
|
|
||||||
|
.block-title {
|
||||||
|
width: 100%;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 30px;
|
||||||
|
border-bottom: 1px solid #ebedf0;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top {
|
||||||
|
width: 100vw;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.top-img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content {
|
||||||
|
width: 100vw !important;
|
||||||
|
padding-top: 10px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
position: relative;
|
||||||
|
top: -15px;
|
||||||
|
border-top-right-radius: 15px;
|
||||||
|
border-top-left-radius: 15px;
|
||||||
|
|
||||||
|
.search-content {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px 15px;
|
||||||
|
|
||||||
|
::v-deep .van-search {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .van-search__content {
|
||||||
|
background-color: #f5f5f7 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tool-content {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px 15px;
|
||||||
|
|
||||||
|
.tool-list {
|
||||||
|
width: 100%;
|
||||||
|
display: inline-flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-around;
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
|
||||||
|
.block {
|
||||||
|
.block-img {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block-title {
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.question-content {
|
||||||
|
width: 100%;
|
||||||
|
background: #FFFFFF;
|
||||||
|
|
||||||
|
.block-title{
|
||||||
|
padding: 10px 15px;
|
||||||
|
height: 50px;
|
||||||
|
border-bottom: none!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-cell{
|
||||||
|
border-top: 1px solid #ebedf0;
|
||||||
|
padding: 6px 15px;
|
||||||
|
::v-deep .van-cell__title {
|
||||||
|
text-align: left;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.list-cell:last-child{
|
||||||
|
border: none!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.show-content {
|
||||||
|
width: 100vw;
|
||||||
|
padding: 15px 20px;
|
||||||
|
|
||||||
|
.show-title {
|
||||||
|
height: 35px;
|
||||||
|
line-height: 24px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.show-text {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue