浏览代码

加帮助中心页面

message
corala 2 年前
父节点
当前提交
4be122c864
共有 9 个文件被更改,包括 498 次插入19 次删除
  1. +32
    -0
      pages.json
  2. +12
    -12
      pages/center/Piabodata/StaffAnalysis.vue
  3. +18
    -3
      pages/index/personal.vue
  4. +0
    -2
      pages/mine/details2.vue
  5. +72
    -0
      pages/mine/help/helpDetail.vue
  6. +114
    -0
      pages/mine/help/helpSearch.vue
  7. +121
    -0
      pages/mine/help/helpSort.vue
  8. +127
    -0
      pages/mine/help/index.vue
  9. +2
    -2
      utils/domain.js

+ 32
- 0
pages.json 查看文件

@@ -123,6 +123,38 @@
"navigationBarTextStyle": "black"
}
},
{
"path": "help/index",
"style": {
"navigationBarTitleText": "帮助中心",
"navigationBarBackgroundColor": "#FFFFFF",
"navigationBarTextStyle": "black"
}
},
{
"path": "help/helpSearch",
"style": {
"navigationBarTitleText": "问题搜索",
"navigationBarBackgroundColor": "#FFFFFF",
"navigationBarTextStyle": "black"
}
},
{
"path": "help/helpSort",
"style": {
"navigationBarTitleText": "问题分类",
"navigationBarBackgroundColor": "#FFFFFF",
"navigationBarTextStyle": "black"
}
},
{
"path": "help/helpDetail",
"style": {
"navigationBarTitleText": "问题详情",
"navigationBarBackgroundColor": "#FFFFFF",
"navigationBarTextStyle": "black"
}
},
{
"path": "calibration",
"style": {


+ 12
- 12
pages/center/Piabodata/StaffAnalysis.vue 查看文件

@@ -217,12 +217,12 @@
},
lineOpts: {
enableScroll: true,
xAxis: {
disableGrid: true,
scrollShow: true,
itemCount: 8
},
// enableScroll: true,
// xAxis: {
// disableGrid: true,
// scrollShow: true,
// itemCount: 8
// },
yAxis: {
data: [
{
@@ -233,12 +233,12 @@
}
},
lineOpts1: {
enableScroll: true,
xAxis: {
disableGrid: true,
scrollShow: true,
itemCount: 8
}
// enableScroll: true,
// xAxis: {
// disableGrid: true,
// scrollShow: true,
// itemCount: 8
// }
},
isShow: true, // 默认都展示
};


+ 18
- 3
pages/index/personal.vue 查看文件

@@ -52,6 +52,15 @@
<image src="/static/images/right-arrow.png" mode=""></image>
</view>
</view>
<!-- <view class="line" @click="help">
<view class="title">
<image src="/static/images/concat.png" mode=""></image>
帮助中心
</view>
<view class="right">
<image src="/static/images/right-arrow.png" mode=""></image>
</view>
</view> -->
<view class="line" @click="scan">
<view class="title">
<image src="/static/images/visitCode.png" mode=""></image>
@@ -108,6 +117,11 @@
url:"../mine/registerCode"
})
},
help(){
uni.navigateTo({
url:"../mine/help/index"
})
},
//修改密码
Changehepassword() {
uni.navigateTo({
@@ -160,11 +174,12 @@
</script>
<style lang="scss" scoped>
.main {
min-height: calc(100vh - var(--window-top));
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
background: url('https://static.quhouse.com/f5e2422890044cd1a620abd078e63442.png') no-repeat top left;
background-size: 750rpx 540rpx;
// background: url('https://static.quhouse.com/f5e2422890044cd1a620abd078e63442.png') no-repeat;
// background-size: 750rpx 540rpx;
}

.header {


+ 0
- 2
pages/mine/details2.vue 查看文件

@@ -562,8 +562,6 @@
},

onLoad(options) {
// console.log(32323)
// console.log(uni.$u.page())
this.status = options.status;
this.customerId = options.customerId;
this.itemobj = uni.getStorageSync('searchobj');


+ 72
- 0
pages/mine/help/helpDetail.vue 查看文件

@@ -0,0 +1,72 @@
<template>
<view class="help-box">
<view class="top-box">
<view class="title">{{questions.name}}</view>
<view class="date">{{questions.date}}</view>
<view class="answer">{{questions.answer}}</view>
</view>
</view>
</template>
<script>
let domain = require("@/utils/domain")
export default {
data() {
return {
questions:{
name: '如何查看设备是否有电',
date: '2020-05-07 12:24:20',
answer: '1、打开小程序查看设备管理查看设备电量;2、通过PC设备监控查看设备电量。'
},
};
},
onShow() {
},
methods: {
},
}
</script>
<style lang="scss">
.help-box{
width: 100%;
min-height: 100vh;
overflow: hidden;
background: #F8F8F8;
padding-top: 20rpx;
display: flex;
flex-direction: column;
.top-box{
flex: 1;
background: #fff;
padding: 30rpx;
.title{
height: 45rpx;
font-size: 32rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #333333;
line-height: 45rpx;
margin-bottom: 16rpx;
}
.date{
height: 32rpx;
font-size: 24rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #303030;
line-height: 32rpx;
margin-bottom: 24rpx;
}
.answer{
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 46rpx;
}
}
}
</style>

+ 114
- 0
pages/mine/help/helpSearch.vue 查看文件

@@ -0,0 +1,114 @@
<template>
<view class="help-box">
<view class="search-box">
<u-search placeholder="输入要搜索的问题" @change="searchFun" :show-action="true" action-text="搜索" shape="round" v-model="keyword"></u-search>
</view>
<view class='result-box'>
<view class='list-item' @click="todetail(item)" v-for="(item,index) in list" :key="index">
<view class="title u-line-2">
{{keywordColor1(item.name)}}<text class="blue">{{keyword}}</text>{{keywordColor2(item.name)}}
</view>
<view class="desc">{{item.desc}}</view>
</view>
</view>
</view>
</template>
<script>
let domain = require("@/utils/domain")
export default {
data() {
return {
keyword: "",
list: [
{name:'如何查看设备是否开启如何查看设备是否开启',desc: '1、打开小程序查看设备管理查看设备电量;'},
{name:'如何查看设备开否联网',desc: '1、打开小程序查看设备管理查看设备电量;2、通过PC设备监控查看设备电量。'},
{name:'如何查看设备是开了电',desc: '打开小程序查看设备管理查看设备电量。'},
{name:'如何查看设备是否开电',desc: '打开小程序查看设备管理查看设备电量。'},
]
};
},
onShow() {
},
computed: {
},
created(){
},
methods: {
searchFun(){
},
todetail(item){
uni.navigateTo({
url: '/pages/mine/help/helpDetail'
})
},
keywordColor1(name1){
let name = name1
if(!name||!this.keyword) return ''
let index = name.indexOf(this.keyword)
let pre = name.slice(0,index)
return pre
},
keywordColor2(name1){
let name = name1
if(!name||!this.keyword) return ''
let index = name.indexOf(this.keyword)
let last = name.slice(index + this.keyword.length)
return last
},
},
}
</script>
<style lang="scss">
.help-box{
width: 100%;
height: 100%;
.search-box{
width: 690rpx;
height: 70rpx;
margin-top: 16rpx;
margin-left: 30rpx;
}
.result-box{
width: 100%;
margin-top: 36rpx;
padding: 0 30rpx;
.list-item{
width: 690rpx;
padding: 24rpx 0;
border-bottom: 1rpx solid #E0E0E0;
&:last-child{
border: 0;
}
.title{
width: 690rpx;
height: 42rpx;
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 42rpx;
margin-bottom: 16rpx;
display: flex;
.blue{
line-height: 42rpx;
color: #2671E2;
display: inline-block;
}
}
.desc{
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666666;
line-height: 40rpx;
}
}
}
}
</style>

+ 121
- 0
pages/mine/help/helpSort.vue 查看文件

@@ -0,0 +1,121 @@
<template>
<view class="help-box">
<view class="left-box">
<view class='list-item' @click="selectFun(index)" :class="{active: currentIndex == index}" v-for="(item,index) in list" :key="index">{{item.name}}</view>
</view>
<view class="right-box">
<view class="title">{{list[currentIndex].name}}</view>
<view @click="todetail(item)" class='list-item' v-for="(item,index) in questions" :key="index">{{item.desc}} <image src="/static/images/right-arrow.png" mode=""></image> </view>
</view>
</view>
</template>
<script>
let domain = require("@/utils/domain")
export default {
data() {
return {
currentIndex: 0,
list: [
{name:'接待管理'},
{name:'客户管理'},
{name:'设备管理'},
{name:'顾问管理'},
],
questions: [
{desc: '如何查看设备是否开启'},
{desc: '如何查看设备是否联网'},
{desc: '如何查看设备是否开启'},
{desc: '如何查看设备是否没电'},
{desc: '如何查看设备是否开启'},
{desc: '如何查看设备是否没电'},
]
};
},
onShow() {
},
methods: {
searchFun(){
},
selectFun(index){
this.currentIndex = index;
},
todetail(item){
uni.navigateTo({
url: '/pages/mine/help/helpDetail'
})
}
},
}
</script>
<style lang="scss">
.help-box{
width: 100%;
min-height: 100vh;
overflow: hidden;
background: #F8F8F8;
display: flex;
padding-top: 20rpx;
.left-box{
width: 176rpx;
background: #F0F1F5;
display: flex;
flex-direction: column;
justify-content: flex-start;
.list-item{
height: 100rpx;
line-height: 100rpx;
background: #F0F1F5;
text-align: center;
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
&.active{
background: #fff;
}
}
}
.right-box{
flex: 1;
.title{
height: 100rpx;
line-height: 100rpx;
font-size: 30rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #303030;
border-bottom : 1rpx solid #E0E0E0;
background: #fff;
padding: 0 30rpx;
}
.list-item{
padding: 0 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
height: 98rpx;
line-height: 98rpx;
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
border-bottom : 1rpx solid #E0E0E0;
background: #fff;
&:last-child{
border: 0;
}
image{
width: 12rpx;
height: 28rpx;
}
}
}
}
</style>

+ 127
- 0
pages/mine/help/index.vue 查看文件

@@ -0,0 +1,127 @@
<template>
<view class="help-box">
<view class="top-box">
<view class="title">您好,</br> 我们为您提供更多帮助</view>
<view class="search-box">
<u-input v-model="keyword" disabled @click="searchFun" :clearable="false" :custom-style="customStyle" type="text" :border="false" :height="72" />
</view>
</view>
<view class="bot-box">
<view class="title">常见问题</view>
<view class='sortlist'>
<view class='list-item' @click="helpSort" v-for="(item,index) in list" :key="index">{{item.name}} <image src="/static/images/right-arrow.png" mode=""></image> </view>
</view>
</view>
</view>
</template>
<script>
let domain = require("@/utils/domain")
export default {
data() {
return {
keyword: "",
customStyle: {
'color':'#333',
'fontSize': '28rpx',
'padding': '0 30rpx'
},
list: [
{name:'接待管理',url:''},
{name:'客户管理',url:''},
{name:'设备管理',url:''},
{name:'顾问管理',url:''},
]
};
},
onShow() {
},
methods: {
searchFun(){
uni.navigateTo({
url: '/pages/mine/help/helpSearch'
})
},
helpSort(){
uni.navigateTo({
url: '/pages/mine/help/helpSort'
})
},
},
}
</script>
<style lang="scss">
.help-box{
width: 100%;
min-height: 100vh;
overflow: hidden;
background: #F8F8F8;
.top-box{
width: 750rpx;
height: 280rpx;
padding: 30rpx 36rpx;
margin-bottom: 20rpx;
background: url('https://static.quhouse.com/5f06ad6e271748a9b06e9c027bd5bfe2.png') no-repeat;
background-size: 750rpx 280rpx;
.title{
height: 112rpx;
font-size: 40rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 56rpx;
letter-spacing: 2rpx;
}
.search-box{
background: #fff;
width: 690rpx;
height: 72rpx;
border-radius: 4rpx;
margin-top: 24rpx
}
}
.bot-box{
width: 750rpx;
height: 504rpx;
background: #FFFFFF;
.title{
height: 92rpx;
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #303030;
line-height: 92rpx;
padding: 0 30rpx;
border-bottom: 1rpx solid #E0E0E0;
}
.sortlist{
padding: 0 30rpx;
.list-item{
display: flex;
justify-content: space-between;
align-items: center;
height: 102rpx;
border-bottom: 1rpx solid #E0E0E0;
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
&:last-child{
border: 0;
}
image{
width: 12rpx;
height: 28rpx;
}
}
}
}
}
</style>

+ 2
- 2
utils/domain.js 查看文件

@@ -1,9 +1,9 @@
const base = 'http://81.70.55.170:9999' ;// 测试站
// const base = 'http://81.70.55.170:9999' ;// 测试站
// const base = 'http://8kdmng.natappfree.cc' ;// 佳豪
// const base = 'http://192.168.31.86:9999' ;// 胜浩
// const base = 'http://192.168.31.167:9999' // 长龙
// const base = 'https://zanyong.hfju.com';// 正式 AI销管
// const base = 'https://hxz.quhouse.com';// 正式 AI销讲助手
const base = 'https://hxz.quhouse.com';// 正式 AI销讲助手

// http.js使用
const baseUrl = `${base}/autoSR/api`;


正在加载...
取消
保存