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",
"style": {
"navigationBarTitleText": "添加保修",
"navigationBarTitleText": "添加报修",
"enablePullDownRefresh": false
}

106
pages/repairsPage/repairsPage.vue
View File

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

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

@ -46,7 +46,7 @@
<view class="home-fun-box">
<view class="fun-title col3 fon28 disac bold">故障报修</view>
<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>
<view class="fon24 col3 mar-s10">{{item.title}}</view>
</view>
@ -323,6 +323,20 @@
goNoticeDetail(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 = [

2
pages/workOrder/workOrderLlsit.vue
View File

@ -1,6 +1,6 @@
<template>
<view class="content">
<statusNav navBarTitle="工单列表"></statusNav>
<status-nav navBarTitle="工单列表" returnColor="#c2c2c2"></status-nav>
<view class="project-list-input">
<input type="text" class="int" value="" placeholder="请输入关键字" />
<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){
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) {
this.detailTitle = `${['方案详情','详情概述'][op.index*1]}`;
this.detailTitle = `${['方案详情','详情概述','产品详情'][op.index*1]}`;
},
methods: {
// 去新产品详情