tangyi 2022-03-24 15:59:39 +08:00
commit 6475cbbb01
18 changed files with 331 additions and 93 deletions

12
App.vue
View File

@ -8,9 +8,17 @@
// show // show
onLaunch: function() { onLaunch: function() {
// //
uni.setStorageSync('hostapi','/web'); // #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');
// #endif
// //
uni.setStorageSync('publicColor','#000000'); // uni.setStorageSync('publicColor','#000000');
}, },
onShow: function() { onShow: function() {
if(uni.getStorageSync('phone_active')){ if(uni.getStorageSync('phone_active')){

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;}

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

View File

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

View File

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

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",
@ -71,7 +72,7 @@
"path": "pages/repairsPage/repairsPage", "path": "pages/repairsPage/repairsPage",
"style": { "style": {
"navigationBarTitleText": "添加修", "navigationBarTitleText": "添加修",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
@ -304,7 +305,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
}
}
]
} }
], ],

View File

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

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>

View File

@ -1,64 +1,64 @@
<template> <template>
<view class="content"> <view class="content">
<view class="repairs-nav"> <status-nav navBarTitle="添加报修" returnColor="#c2c2c2"></status-nav>
<view class="li" @click="repairsNavFun(index)" :class="item.state?'on':''" v-for="(item,index) in navDataState"> <container-subgroup>
{{item.title}} <view slot="content" style="margin: 0 -30rpx;">
</view> <view class="repairs-nav" style="margin-top: -30rpx;">
</view> <view class="li" @click="repairsNavFun(index)" :class="item.state?'on':''" v-for="(item,index) in navDataState">
{{item.title}}
</view>
</view>
<view class="repairs-hint padding">
<image class="icon" src="../../static/iocn/lp.png" mode="aspectFill"></image>
<view class="text">
请务必拍好故障照片或视频上传,便于技术工程师作为判断依据,带齐 相关维保设备高效为您提供服务
</view>
</view>
<view class="fault-type-title padding">故障类型</view>
<view class="padding fault-type-content">
<view class="li" :class="item.state?'on':''" v-for="(item,index) in faultTypeData">
{{item.title}}
</view>
</view>
<view class="repairs-hint padding"> <view class="padding">
<image class="icon" src="../../static/iocn/lp.png" mode="aspectFill"></image> <view class="devicename" v-if="navDataState[0].state">
<view class="text">
请务必拍好故障照片或视频上传,便于技术工程师作为判断依据,带齐 相关维保设备高效为您提供服务
</view>
</view>
<view class="fault-type-title padding"> <view class="">
故障类型 请填写设备名称和型号或扫描二维码
</view> </view>
<image class="sm" src="../../static/iocn/sm.png" mode=""></image>
</view>
<view class="devicename" v-else>
请填写设备名称和型号
</view>
<view class="padding fault-type-content"> <view class="fault-pictures">
<view class="li" :class="item.state?'on':''" v-for="(item,index) in faultTypeData"> <image class="img" src="../../static/iocn/gz.png" mode="aspectFill"></image>
{{item.title}} <view class="text">
</view> 添加故障图片
</view> </view>
</view>
<view class="padding"> <textarea value="" class="fault-description" placeholder="故障情况描述"
<view class="devicename" v-if="navDataState[0].state"> placeholder-class="fault-description-text" />
<view class=""> <view class="detailed-address inputCss">
请填写设备名称和型号或扫描二维码
</view>
<image class="sm" src="../../static/iocn/sm.png" mode=""></image>
</view>
<view class="devicename" v-else>
请填写设备名称和型号
</view>
<view class="fault-pictures"> <input type="text" value="" placeholder="请输入详细的上门服务地址" placeholder-class="inputCss-input" />
<image class="img" src="../../static/iocn/gz.png" mode="aspectFill"></image>
<view class="text">
添加故障图片
</view>
</view>
<textarea value="" class="fault-description" placeholder="故障情况描述" <image @click="mapFun()" src="../../static/iocn/map.png" class="map" mode="aspectFill"></image>
placeholder-class="fault-description-text" /> </view>
<view class="detailed-address inputCss"> <input type="text" class="inputCss" placeholder="请填写您的姓名" placeholder-class="inputCss-input" value="" />
<input type="text" class="inputCss" placeholder="请填写联系电话" placeholder-class="inputCss-input" value="" />
<uni-datetime-picker type="date" class="uni-datetime-pickerCss" :value="single" :border="false"
@change="change" />
<input type="text" value="" placeholder="请输入详细的上门服务地址" placeholder-class="inputCss-input" /> <button class="submit-button" type="default">提交故障申报</button>
</view>
<image @click="mapFun()" src="../../static/iocn/map.png" class="map" mode="aspectFill"></image> </view>
</view> </container-subgroup>
<input type="text" class="inputCss" placeholder="请填写您的姓名" placeholder-class="inputCss-input" value="" />
<input type="text" class="inputCss" placeholder="请填写联系电话" placeholder-class="inputCss-input" value="" />
<uni-datetime-picker type="date" class="uni-datetime-pickerCss" :value="single" :border="false"
@change="change" />
<button class="submit-button" type="default">提交故障申报</button>
</view>
</view> </view>
</template> </template>

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'
})
} }
} }
} }

View File

@ -46,7 +46,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 repairList" :key="index"> <view @tap="goFaultRepair(index)" class="disjcac fc width25" v-for="(item,index) in repairList" :key="index">
<image :style="{width: [58,58,50][index]+'rpx',height:[53,56,58][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image> <image :style="{width: [58,58,50][index]+'rpx',height:[53,56,58][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>
@ -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,44 @@
methods: { methods: {
goNoticeDetail(e){ goNoticeDetail(e){
console.log(e); console.log(e);
} },
//
goFaultRepair(index){
if(index!=2) {
let faultRepairUrls = [
'/pages/repairsPage/repairsPage',
'/pages/workOrder/workOrderLlsit',
];
uni.navigateTo({
url:faultRepairUrls[index]
})
} else {
this.$toolAll.tools.showToast('已催单成功')
}
},
//
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>

View File

@ -1,6 +1,6 @@
<template> <template>
<view class="content"> <view class="content">
<statusNav navBarTitle="工单列表"></statusNav> <status-nav navBarTitle="工单列表" returnColor="#c2c2c2"></status-nav>
<view class="project-list-input"> <view class="project-list-input">
<input type="text" class="int" value="" placeholder="请输入关键字" /> <input type="text" class="int" value="" placeholder="请输入关键字" />
<image class="search" src="../../static/iocn/ss.png" mode=""></image> <image class="search" src="../../static/iocn/ss.png" mode=""></image>

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?index=2'
})
}
}
}
</script>
<style>
</style>

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月2324日交</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>

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>

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>
@ -83,11 +83,11 @@
plus.cache.calculate(function(size) { //sizeb plus.cache.calculate(function(size) { //sizeb
// //
if (size < 1024) { if (size < 1024) {
self.cacheSize = size + 'B'; self.cacheSize = size + ' B';
} else if (size / 1024 >= 1 && size / 1024 / 1024 < 1) { } else if (size / 1024 >= 1 && size / 1024 / 1024 < 1) {
self.cacheSize = Math.floor(size / 1024 * 100) / 100 + 'KB'; self.cacheSize = Math.floor(size / 1024 * 100) / 100 + ' KB';
} else if (size / 1024 / 1024 >= 1) { } else if (size / 1024 / 1024 >= 1) {
self.cacheSize = Math.floor(size / 1024 / 1024 * 100) / 100 + 'M'; self.cacheSize = Math.floor(size / 1024 / 1024 * 100) / 100 + ' M';
} }
}); });
// #endif // #endif

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB