chen
/
flying-monkey
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

新增(解决方案、常见故障)列表页、新产品列表页、(详情概述、方案详情、产品详情)

master
chen 2022-03-22 18:15:22 +08:00
parent 2c2ab9eeaa
commit 40dc056ee1
16 changed files with 261 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
App.vue
View File

@ -8,9 +8,17 @@
// 优先于show方法 // 优先于show方法
onLaunch: function() { onLaunch: function() {
// 配置全局域名 // 配置全局域名
// #ifdef APP-PLUS
uni.setStorageSync('hostapi','http://maintain.7and5.cn');
// #endif
// #ifdef MP-WEIXIN
uni.setStorageSync('hostapi','http://maintain.7and5.cn');
// #endif
// #ifdef H5
uni.setStorageSync('hostapi','/web'); uni.setStorageSync('hostapi','/web');
// #endif
// 设置主色调 // 设置主色调
uni.setStorageSync('publicColor','#000000'); // uni.setStorageSync('publicColor','#000000');
}, },
onShow: function() { onShow: function() {
if(uni.getStorageSync('phone_active')){ if(uni.getStorageSync('phone_active')){

21
commons/base.css
View File

@ -103,6 +103,13 @@ button:after{content: none!important;}
.clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips7{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips9{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
.clips10{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
/* 字体大小 */ /* 字体大小 */
@ -153,13 +160,14 @@ button:after{content: none!important;}
.colB3{color: #B3B3B3;} .colB3{color: #B3B3B3;}
.col5b{color: #5B5B5B;} .col5b{color: #5B5B5B;}
.colpeili{color: #868695;} .colpeili{color: #868695;}
/* 佩丽字体颜色 */
.peili-colorRed{color: #fe2525;}
/* 字体位置 */ /* 字体位置 */
.tc{text-align: center;}
.tright{text-align: right;} .tright{text-align: right;}
.tcenter{text-align: center;}
/* 文字空两格 */
.tindent{text-indent: 2em;}
/* 行间距 */ /* 行间距 */
.linh40{line-height: 40rpx;} .linh40{line-height: 40rpx;}
@ -171,8 +179,6 @@ button:after{content: none!important;}
.bold{font-weight: bold;} .bold{font-weight: bold;}
.bold400{font-weight: 400;} .bold400{font-weight: 400;}
.bold500{font-weight: 500;} .bold500{font-weight: 500;}
.font5{font-weight: 500;}
.font4{font-weight: 400;}
/* 背景颜色 */ /* 背景颜色 */
@ -183,13 +189,8 @@ button:after{content: none!important;}
.bcf8{background: #F85050;} .bcf8{background: #F85050;}
.bacf5{background: #F5F5F5;} .bacf5{background: #F5F5F5;}
.bacf6{background-color: #f6f6f6;} .bacf6{background-color: #f6f6f6;}
/* 佩丽商城背景色 */
.peili-backColor{background-color: #fe2525;}
/* 文本居中方式 */
.tcenter{text-align: center;}
/* 圆角 */ /* 圆角 */
.radius10{border-radius: 10rpx;} .radius10{border-radius: 10rpx;}

2
components/status-nav.vue
View File

@ -92,7 +92,7 @@
}, },
data(){ data(){
return { return {
statusBarHeight: uni.getStorageSync('statusBar'), statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
ifNet:true ,// 是否有网络 ifNet:true ,// 是否有网络
netText:'当前无网络', netText:'当前无网络',
netTimer:null netTimer:null

1
jsFile/requst.js
View File

@ -97,6 +97,7 @@ const request = (method, url, options) => {
}, },
complete: rest => { complete: rest => {
// 是否成功，都会执行 // 是否成功，都会执行
console.log(rest,100);
} }
}) })
}) })

2
jsFile/tools.js
View File

@ -437,7 +437,7 @@ const tools = {
currentContext(){ currentContext(){
// #ifdef APP-PLUS // #ifdef APP-PLUS
if(uni.getSystemInfoSync().platform != "devtools"){//devtools：开发版 值域为：ios、android、mac（3.1.10+）、windows（3.1.10+）、linux（3.1.10+） if(uni.getSystemInfoSync().platform != "devtools"){//devtools：开发版 值域为：ios、android、mac（3.1.10+）、windows（3.1.10+）、linux（3.1.10+）
console.log = () =>{} // console.log = () =>{}
} }
// #endif // #endif
// 微信小程序原生API性能优化 // 微信小程序原生API性能优化

32
pages.json
View File

@ -14,7 +14,8 @@
"path": "pages/login/login", "path": "pages/login/login",
"style": { "style": {
"navigationBarTitleText": "", "navigationBarTitleText": "",
"navigationStyle": "custom" //禁用原生导航栏，微信小程序可用 "navigationStyle": "custom" ,//禁用原生导航栏，微信小程序可用
"navigationBarTextStyle": "white"
} }
}, { }, {
"path": "pages/tabbar/pagehome/pagehome", "path": "pages/tabbar/pagehome/pagehome",
@ -219,7 +220,34 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}] } ,{
"path" : "new-product/new-product",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
,{
"path" : "plan-fault/plan-fault",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
,{
"path" : "plan-fault-product-detail/detail",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
]
} }
], ],

2
pages/guide-page/guide-page.vue
View File

@ -62,5 +62,5 @@
</script> </script>
<style> <style>
page{background-color: #FFFFFF;}
</style> </style>

3
pages/login/login.vue
View File

@ -92,7 +92,6 @@
affiliation: this.login_unitName // 单位名称 affiliation: this.login_unitName // 单位名称
} }
this.$requst.post('/universal/api.login/login',params).then(res=>{ this.$requst.post('/universal/api.login/login',params).then(res=>{
this.login_unitName = 95
if(res.code==1) { if(res.code==1) {
this.$toolAll.tools.showToast('登录成功'); this.$toolAll.tools.showToast('登录成功');
// 缓存token和角色类型 // 缓存token和角色类型
@ -250,5 +249,5 @@
} }
</script> </script>
<style> <style>
page{background-color: #FFFFFF;}
</style> </style>

23
pages/tabbar/my/my.vue
View File

@ -1,13 +1,14 @@
<template> <template>
<view class="pad-x180"> <view class="pad-x180">
<status-nav-slot :backgroudColor="backgroudColor"> <status-nav-slot :backgroudColor="backgroudColor">
<view slot="leftContent"><i class="icon icon-return fon40" :style="{color:newColor}"></i></view> <!-- <view slot="leftContent"><i class="icon icon-return fon40" :style="{color:newColor}"></i></view> -->
<view slot="leftContent" style="width: 30rpx;"></view>
<view slot="centerContent"><view :style="{color:newColor}">个人中心</view></view> <view slot="centerContent"><view :style="{color:newColor}">个人中心</view></view>
<view slot="rightContent"><i class="icon icon-sandian fon40" :style="{color:newColor}"></i></view> <view slot="rightContent" @tap="goSetUp"><i class="icon icon-sandian fon40" :style="{color:newColor}"></i></view>
</status-nav-slot> </status-nav-slot>
<view class="posir" style="background: url(/static/public/icon-my-logo.png) no-repeat;background-size: 100% auto;"> <view class="posir" style="background: url(/static/public/icon-my-logo.png) no-repeat;background-size: 100% auto;" :style="{paddingTop: newHeight + 'px'}">
<!-- <image src="/static/public/icon-my-logo.png" class="width100" mode="widthFix" lazy-load></image> --> <!-- <image src="/static/public/icon-my-logo.png" class="width100" mode="widthFix" lazy-load></image> -->
<view class="mar-zy40" style="padding-top: 50px;"> <view class="mar-zy40">
<view style="background: url(../../../static/public/icon-my-head.png) no-repeat;height: 400rpx;background-size: 100% 100%;"> <view style="background: url(../../../static/public/icon-my-head.png) no-repeat;height: 400rpx;background-size: 100% 100%;">
<view class="disjbac" style="padding: 60rpx 80rpx 60rpx 60rpx;"> <view class="disjbac" style="padding: 60rpx 80rpx 60rpx 60rpx;">
<view class="disac"> <view class="disac">
@ -63,6 +64,7 @@
components:{statusNavSlot,cmdProgress,'foot-tab' :footTabOne}, components:{statusNavSlot,cmdProgress,'foot-tab' :footTabOne},
data() { data() {
return { return {
newHeight: uni.getSystemInfoSync().statusBarHeight + 50,
backgroudColor:'rgba(255,255,255,0)', backgroudColor:'rgba(255,255,255,0)',
newColor:'rgba(255,255,255,1)', newColor:'rgba(255,255,255,1)',
headList:[ headList:[
@ -110,6 +112,13 @@
this.$toolAll.tools.showToast('退出成功'); this.$toolAll.tools.showToast('退出成功');
// 清除所有缓存 // 清除所有缓存
uni.clearStorageSync(); uni.clearStorageSync();
// 配置全局域名
// #ifdef APP-PLUS
uni.setStorageSync('hostapi','http://maintain.7and5.cn');
// #endif
// #ifdef H5
uni.setStorageSync('hostapi','/web');
// #endif
setTimeout(()=>{ setTimeout(()=>{
uni.reLaunch({ uni.reLaunch({
url:'/pages/login/login' url:'/pages/login/login'
@ -142,6 +151,12 @@
uni.navigateTo({ uni.navigateTo({
url:urls[index] url:urls[index]
}) })
},
// 前往设置页面
goSetUp(){
uni.navigateTo({
url:'/pagesB/set-up/set-up'
})
} }
} }
} }

39
pages/tabbar/pagehome/pagehome.vue
View File

@ -163,7 +163,7 @@
<view class="home-fun-box"> <view class="home-fun-box">
<view class="fun-title col3 fon28 disac bold">其他</view> <view class="fun-title col3 fon28 disac bold">其他</view>
<view class="disac mar-s30"> <view class="disac mar-s30">
<view class="disjcac fc width25" v-for="(item,index) in otherList" :key="index"> <view @tap="otherEv(index)" class="disjcac fc width25" v-for="(item,index) in otherList" :key="index">
<image :style="{width: [58,49,58][index]+'rpx',height:[51,58,55][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image> <image :style="{width: [58,49,58][index]+'rpx',height:[51,58,55][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
<view class="fon24 col3 mar-s10">{{item.title}}</view> <view class="fon24 col3 mar-s10">{{item.title}}</view>
</view> </view>
@ -172,7 +172,7 @@
</view> </view>
<!-- 解决方案 --> <!-- 解决方案 -->
<view class="home-solution mar-x20 pad30"> <view class="home-solution mar-x20 pad30">
<view class="disjbac"> <view class="disjbac" @tap="goPlant(0)">
<view> <view>
<view class="fon30 bold" style="color: #00a2e9;">畅想智能-场景化设计</view> <view class="fon30 bold" style="color: #00a2e9;">畅想智能-场景化设计</view>
<view class="fon34 bold col3 mar-s10">解决方案<text class="col9 mar-z10">Solution</text></view> <view class="fon34 bold col3 mar-s10">解决方案<text class="col9 mar-z10">Solution</text></view>
@ -182,9 +182,9 @@
<view class="mar-s30"> <view class="mar-s30">
<scroll-view scroll-x> <scroll-view scroll-x>
<view :class="solutionList.length <= 4 ? 'disjbac' : 'disac'"> <view :class="solutionList.length <= 4 ? 'disjbac' : 'disac'">
<view class="posir flexs" v-for="(item,index) in solutionList" :key="index" style="width: 23%;" :style="{marginRight: solutionList.length > 4 ? '20rpx' : ''}"> <view @tap="goDetail(0)" class="posir flexs" v-for="(item,index) in solutionList" :key="index" style="width: 23%;" :style="{marginRight: solutionList.length > 4 ? '20rpx' : ''}">
<image style="width: 100%;" class="radius10 " :src="item.imgsrc" mode="widthFix"></image> <image style="width: 100%;" class="radius10 " :src="item.imgsrc" mode="widthFix"></image>
<view class="posia solution-title">{{item.title}}</view> <view class="posia solution-title clips1">{{item.title}}</view>
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
@ -192,8 +192,8 @@
</view> </view>
<!-- 常见故障 --> <!-- 常见故障 -->
<view class="bacf mar-zy20 pad-sx30 pad-zy10 radius10"> <view class="bacf mar-zy20 pad-sx30 pad-zy10 radius10">
<view class="fon34 bold col3">常见故障<text class="col9 mar-z10">Common faults</text></view> <view class="fon34 bold col3" @tap="goPlant(1)">常见故障<text class="col9 mar-z10">Common faults</text></view>
<view class="pad-sx20 bbot disjb" v-for="(item,index) in faultsList" :key="index"> <view @tap="goDetail(1)" class="pad-sx20 bbot disjb" v-for="(item,index) in faultsList" :key="index">
<view class="fon28 line-h38"> <view class="fon28 line-h38">
<view class="col3 clips1">{{item.title}}</view> <view class="col3 clips1">{{item.title}}</view>
<view class="fon22 col6 clips3 mar-sx10">{{item.content}}</view> <view class="fon22 col6 clips3 mar-sx10">{{item.content}}</view>
@ -224,7 +224,7 @@
}, },
data() { data() {
return { return {
role: 3, // 0:表示客户 1：表示工程师 2:表示客服 3：业务员 role: 0, // 0:表示客户 1：表示工程师 2:表示客服 3：业务员
statusHeight: uni.getSystemInfoSync().statusBarHeight + 50, statusHeight: uni.getSystemInfoSync().statusBarHeight + 50,
messageNumber: 16 ,// 消息数量 messageNumber: 16 ,// 消息数量
noticeList:['2021年11月06日公司团建，维修服务暂停一天服务暂停一天服务暂停一天。','51akslfj;dkpiojasdjf;j1ij'],//公告 noticeList:['2021年11月06日公司团建，维修服务暂停一天服务暂停一天服务暂停一天。','51akslfj;dkpiojasdjf;j1ij'],//公告
@ -322,7 +322,30 @@
methods: { methods: {
goNoticeDetail(e){ goNoticeDetail(e){
console.log(e); console.log(e);
} },
// 其他分类下的点击事件
otherEv(index) {
let otherUrls = [
'',
'',
'/pagesB/new-product/new-product',
];
uni.navigateTo({
url:otherUrls[index]
})
},
// 前往解决方案、常见故障列表
goPlant(index){
uni.navigateTo({
url:`/pagesB/plan-fault/plan-fault?index=${index}`
})
},
// 前往解决方案详情、常见故障详情
goDetail(index) {
uni.navigateTo({
url:`/pagesB/plan-fault-product-detail/detail?index=${index}`
})
},
} }
} }
</script> </script>

47
pagesB/new-product/new-product.vue Normal file
View File

@ -0,0 +1,47 @@
<template>
<view>
<status-nav navBarTitle="新产品" returnColor="#c2c2c2"></status-nav>
<container-subgroup>
<view slot="content" style="margin: 0 -16rpx;" class="fon28">
<view @tap="goDetail(index)" class="bacf radius10 pad-sx20 pad-zy10 disjbac mar-x20" style="box-shadow: 0rpx 3rpx 20rpx rgba(0,0,0,.3);" v-for="(item,index) in 20" :key="index">
<image src="/static/del/QQ截图20220210213041.png" mode="aspectFill" lazy-load class="flexs" style="width: 240rpx;height: 184rpx;"></image>
<view style="height: 184rpx;" class="width100 disjb fc pad-zy20 fon24">
<view class=" clips2">智能会议平板交互电子白板会议一体机视 频会议多媒体教学培训</view>
<view style="display: flex;align-items: center;font-size: 26rpx;">
<view style="color: #00a2e9;border: 1rpx solid #00a2e9;border-radius: 6rpx;padding: 2rpx 10rpx;display: inline-flex;justify-content: center;align-items: center;font-size: 26rpx;">联系在线客服</view>
</view>
<view class="disjbac">
<view class="col9">起订量：1台起批</view>
<view style="color: #0ac9ea;">1135想采购</view>
</view>
</view>
</view>
</view>
</container-subgroup>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
// 去新产品详情
goDetail(index){
uni.navigateTo({
url:'/pagesB/plan-fault-product-detail/detail'
})
}
}
}
</script>
<style>
</style>

42
pagesB/plan-fault-product-detail/detail.vue Normal file
View File

@ -0,0 +1,42 @@
<template>
<view>
<status-nav :navBarTitle="detailTitle" returnColor="#c2c2c2"></status-nav>
<container-subgroup>
<view slot="content" style="margin: 0 -30rpx;" class="fon28">
<view class="bacf pad-zy30 pad-sx20" style="margin-top: -10rpx;">
<view class="fon38 col0 tcenter">智能会议平板交互电子白板会议一体机 视频会议多媒体教学培训</view>
<view class="col6 fon28 tcenter mar-sx20">2022-01-05 12:59</view>
<view class="fon30 line-h60">
<image src="/static/del/QQ截图20220210213041.png" mode="widthFix" style="width: 100%;"></image>
<view class="tindent">霜降，是二十四节气中的第十八个节气，秋季的最后一个节气。斗指戌；太阳黄经为210°；于每年公历10月23—24日交</view>
</view>
</view>
</view>
</container-subgroup>
</view>
</template>
<script>
export default {
data() {
return {
detailTitle:''
}
},
onLoad(op) {
this.detailTitle = `${['方案详情','详情概述'][op.index*1]}`;
},
methods: {
// 去新产品详情
goDetail(index){
uni.navigateTo({
url:'/pagesB/product-detail/product-detail'
})
}
}
}
</script>
<style>
</style>

60
pagesB/plan-fault/plan-fault.vue Normal file
View File

@ -0,0 +1,60 @@
<template>
<view>
<status-nav :navBarTitle="ifPlanFault" returnColor="#c2c2c2"></status-nav>
<container-subgroup>
<view slot="content" style="margin: 0 -16rpx;" class="fon28">
<view @tap="goDetail(index)" class="bacf radius10 pad-s30 mar-x10 pad-x10" v-for="(item,index) in 20" :key="index">
<view class=" pad-zy10 disjbac">
<image src="/static/del/QQ截图20220210213041.png" mode="aspectFill" lazy-load class="flexs mar-y20" style="width: 240rpx;height: 174rpx;border-radius: 6rpx;"></image>
<view style="height: 174rpx;" class="width100 disjb fc fon24 posir">
<view>
<view class="clips1 fon28 bold col0 pad-y50">小型会议室解决方案小</view>
<view class="col9 clips2 line-h40">课程的内容课程的内容课程的内容课程的内容课程的内容课程的内容课程的内容课程....</view>
</view>
<view class="disjbac col9">
<view class="disac">
热度：<rate :size="32" :gutter="10" :readonly="true" v-model="rateNum"></rate>
</view>
<view>344人已查阅</view>
</view>
<image src="/static/public/icon-plan-fire.png" mode="widthFix" style="width: 29rpx;height: 43rpx;position: absolute;right: 10rpx;top: -6rpx;"></image>
</view>
</view>
<view class="bbot mar-s20"></view>
</view>
</view>
</container-subgroup>
</view>
</template>
<script>
import rate from '@/components/rate.vue';
export default {
components:{
rate
},
data() {
return {
rateNum:5,
ifPlanFault:'',
current:''
}
},
onLoad(op) {
this.ifPlanFault = `${['解决方案','常见故障'][op.index*1]}`;
this.current = op.index*1;
},
methods: {
// 去新产品详情
goDetail(index){
uni.navigateTo({
url:`/pagesB/plan-fault-product-detail/detail?index=${this.current}`
})
}
}
}
</script>
<style>
</style>

2
pagesB/set-up/set-up.vue
View File

@ -17,7 +17,7 @@
</view> </view>
<view @tap="cleanEv" class="bacf pad30 disjbac"> <view @tap="cleanEv" class="bacf pad30 disjbac">
<view>清除缓存</view> <view>清除缓存</view>
<view class="col9">{{cacheSize}} KB</view> <view class="col9">{{cacheSize}}</view>
</view> </view>
<view class="bacf pad30 disjbac mar-s20 bbot"> <view class="bacf pad30 disjbac mar-s20 bbot">
<view>上门服务条款</view> <view>上门服务条款</view>

BIN
static/public/icon-plan-fire.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB