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

优化新产品列表进入产品详情

master
chen 2022-03-23 08:47:55 +08:00
parent eaeb85862c
commit d12090cc5d
6 changed files with 72 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages.json
View File

@ -72,7 +72,7 @@
"path": "pages/repairsPage/repairsPage", "path": "pages/repairsPage/repairsPage",
"style": { "style": {
"navigationBarTitleText": "添加保修", "navigationBarTitleText": "添加报修",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }

100
pages/repairsPage/repairsPage.vue
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>

16
pages/tabbar/pagehome/pagehome.vue
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>
@ -323,6 +323,20 @@
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) { otherEv(index) {
let otherUrls = [ let otherUrls = [

2
pages/workOrder/workOrderLlsit.vue
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>

2
pagesB/new-product/new-product.vue
View File

@ -35,7 +35,7 @@
// 去新产品详情 // 去新产品详情
goDetail(index){ goDetail(index){
uni.navigateTo({ uni.navigateTo({
url:'/pagesB/plan-fault-product-detail/detail' url:'/pagesB/plan-fault-product-detail/detail?index=2'
}) })
} }
} }

2
pagesB/plan-fault-product-detail/detail.vue
View File

@ -24,7 +24,7 @@
} }
}, },
onLoad(op) { onLoad(op) {
this.detailTitle = `${['方案详情','详情概述'][op.index*1]}`; this.detailTitle = `${['方案详情','详情概述','产品详情'][op.index*1]}`;
}, },
methods: { methods: {
// 去新产品详情 // 去新产品详情