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

回测psd页面0-10

master
chen 2022-04-01 16:56:35 +08:00
parent 25c18b0378
commit 972e7fdc63
13 changed files with 488 additions and 1127 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
commons/base.css
View File

@ -310,6 +310,7 @@ button:after{content: none!important;}
.pad40{padding: 40rpx;} .pad40{padding: 40rpx;}
.pad50{padding: 50rpx;} .pad50{padding: 50rpx;}
/* 上下---内边距 */ /* 上下---内边距 */
.pad-sx6{padding-top: 6rpx;padding-bottom: 6rpx;}
.pad-sx10{padding-top: 10rpx;padding-bottom: 10rpx;} .pad-sx10{padding-top: 10rpx;padding-bottom: 10rpx;}
.pad-sx20{padding-top: 20rpx;padding-bottom: 20rpx;} .pad-sx20{padding-top: 20rpx;padding-bottom: 20rpx;}
.pad-sx25{padding-top: 25rpx;padding-bottom: 25rpx;} .pad-sx25{padding-top: 25rpx;padding-bottom: 25rpx;}

4
commons/flying-monkey.css
View File

@ -272,8 +272,8 @@ uni-radio .uni-radio-input {border: 1rpx solid #444444;}
/* 服务范围 */ /* 服务范围 */
.service-range-status { .service-range-status {
background-color: #cdcdcd; background-color: #cdcdcd;
color: #333333; color: #242323;
padding: 6rpx 20rpx; /* padding: 6rpx 20rpx; */
border-radius: 6rpx; border-radius: 6rpx;
} }
.service-range-activeStatus { .service-range-activeStatus {

10
pages/feedback/feedback.vue
View File

@ -2,7 +2,7 @@
<view class=""> <view class="">
<statusNav :ifReturn="isReturn" navBarTitle="意见反馈"></statusNav> <statusNav :ifReturn="isReturn" navBarTitle="意见反馈"></statusNav>
<container-subgroup-two> <container-subgroup-two>
<view slot="content" style="margin: 0 -30rpx;"> <view slot="content" style="margin: 0 -30rpx 30rpx -30rpx;">
<view class="opinion-type">意见类型</view> <view class="opinion-type">意见类型</view>
<view class="opinion-type-content"> <view class="opinion-type-content">
<view class="li" @click="opinionType(index)" :class="typeNum==index ? 'on':''" <view class="li" @click="opinionType(index)" :class="typeNum==index ? 'on':''"
@ -28,14 +28,14 @@
<image class="icon" src="/static/iocn/tel.png" mode=""></image> <image class="icon" src="/static/iocn/tel.png" mode=""></image>
<view class="feedback-tel-con"> <view class="feedback-tel-con">
<view class="text">服务监督电话：</view> <view class="text">服务监督电话：</view>
<view class="tel">156 1566 0510</view> <view class="tel bold">156 1566 0510</view>
</view> </view>
</view> </view>
<view class="feedback-con"> <view class="feedback-con">
<image class="icon" src="/static/iocn/date.png" mode=""></image> <image class="icon" src="/static/iocn/date.png" mode=""></image>
<view class="feedback-tel-con"> <view class="feedback-tel-con">
<view class="text">反馈受理时间：</view> <view class="text">反馈受理时间：</view>
<view class="tel">9:00 - 18:00</view> <view class="tel bold">9:00 - 18:00</view>
</view> </view>
</view> </view>
</view> </view>
@ -272,13 +272,12 @@
.feedback-con { .feedback-con {
width: 320rpx; width: 320rpx;
height: 100rpx;
border-radius: 8rpx; border-radius: 8rpx;
background-color: #ffe5e5; background-color: #ffe5e5;
display: flex; display: flex;
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
padding-left: 26rpx; padding: 16rpx 0 16rpx 26rpx;
} }
.feedback-con .icon { .feedback-con .icon {
@ -295,7 +294,6 @@
.feedback-tel-con .tel { .feedback-tel-con .tel {
font-size: 28rpx; font-size: 28rpx;
} }
.feedback-approach { .feedback-approach {

314
pages/project/details.vue
View File

@ -2,13 +2,11 @@
<view class="content"> <view class="content">
<statusNav returnColor="#c2c2c2" navBarTitle="项目详情"></statusNav> <statusNav returnColor="#c2c2c2" navBarTitle="项目详情"></statusNav>
<container-subgroup-two> <container-subgroup-two>
<view slot="content" style="margin: -25rpx -30rpx;"> <view slot="content" style="margin: -30rpx;">
<view class="head-top"> <view class="head-top">
<view class="details-head"> <view class="details-head">
<view class="swiper-head"> <view class="swiper-head">
<swiper class="swiper" @change="changeAutoplay" :autoplay="autoplay" :interval="interval" <swiper class="swiper" @change="changeAutoplay" :autoplay="autoplay" :interval="interval" circular>
>
<swiper-item> <swiper-item>
<view class="swiper-item uni-bg-red"> <view class="swiper-item uni-bg-red">
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
@ -25,206 +23,75 @@
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
<view class="indication-point fon24 disjcac">{{index}}/3</view>
<view class="indication-point ">
{{index}}/3
</view> </view>
<view class="title">湖南工业大学生化学院会议室P2.5全彩LED显示屏</view>
</view> <view class="code">XM20220108-1001</view>
<view class="title">
湖南工业大学生化学院会议室P2.5全彩LED显示屏
</view>
<view class="code">
XM20220108-1001
</view>
<view class="address"> <view class="address">
<image class="img" src="../../static/iocn/im.png" mode=""></image> <image class="img" src="../../static/iocn/im.png" mode=""></image>
<view class="text"> <view class="text">湖南省长沙市高新开发区谷园路109号像素大厦1205</view>
湖南省长沙市高新开发区谷园路109号像素大厦1205
</view> </view>
</view> </view>
</view>
<view class="last-date"> <view class="last-date">
<view class="last-date-content"> <view class="last-date-content">
<image class="icon" src="../../static/iocn/gzzt.png" mode=""></image> <image class="icon" src="../../static/iocn/gzzt.png" mode=""></image>
<view class="text"> <view class="text">最近一次故障时间：2021-11-18 17：00：16</view>
最近一次故障时间：2021-11-18 17：00：16
</view> </view>
</view> </view>
</view> </view>
</view>
<view class="project-message-title"> <view class="project-message-title">
<view class="icon"> <view class="icon"></view>
<view class="text">项目概况</view>
</view> </view>
<view class="text">
项目概况
</view>
</view>
<view class="project-message-content"> <view class="project-message-content">
<view class="li"> <view class="li">
<view class="title-one"> <view class="title-one">
<text>品</text> <text>品</text>
<text>牌</text> <text>牌：</text>
</view>
<view class="text">
：海康威视
</view> </view>
<view class="text">海康威视</view>
</view> </view>
<view class="li"> <view class="li">
<view class="title-one"> <view class="title-one">
<text>型</text> <text>型</text>
<text>品</text> <text>品：</text>
</view>
<view class="text">
：DS-CK25FI/H
</view> </view>
<view class="text">DS-CK25FI/H</view>
</view> </view>
<view class="li"> <view class="li">
<view class="title-one"> <view class="title-one">
<text>尺</text> <text>尺</text>
<text>寸</text> <text>寸：</text>
</view>
<view class="text">
：3.94*2.02m
</view> </view>
<view class="text">3.94*2.02m</view>
</view> </view>
<view class="li"> <view class="li">
<view class="title"> <view class="title">安装位置：</view>
安装位置 <view class="text">xx综合楼2楼会议室403</view>
</view>
<view class="text">
：xx综合楼2楼会议室403
</view>
</view> </view>
<view class="li"> <view class="li">
<view class="title"> <view class="title">竣工日期：</view>
竣工日期 <view class="text">2022/01/08</view>
</view>
<view class="text">
：2022/01/08
</view> </view>
</view> </view>
</view>
<view class="record-nav"> <view class="record-nav">
<view class="li" @click="recordNav(index)" :class="item.state?'on':''" v-for="(item,index) in recordState"> <view class="li" @click="recordNav(index)" :class="item.state?'on':''"
v-for="(item,index) in recordState">
{{item.title}} {{item.title}}
</view> </view>
</view> </view>
<view class="record-content"> <view class="record-content">
<view class="title"> <view class="title">维修追踪</view>
维修追踪
</view>
<view class="list"> <view class="list">
<view class="li on"> <view class="li pad-z40 fon27 col9" :class="index==0 ? 'activeTrack' : ''" v-for="(item,index) in 10" :key="index">
<view class="icon"> <view class="disac fw line-h60">
<view class="icon-con"> <view class="text">“部分模组不显示”故障【陈志远】已处理。</view>
<view class="date">2020-05-15 16:00</view>
</view>
</view>
<view class="con">
<view class="text">
“黑屏”故障 【某某】已处理。
</view>
<view class="date">
2020-05-15 16:00
</view>
</view>
</view>
<view class="li">
<view class="icon">
</view>
<view class="con">
<view class="text">
“黑屏”故障 【某某】已处理。
</view>
<view class="date">
2020-05-15 16:00
</view>
</view>
</view>
<view class="li">
<view class="icon">
</view>
<view class="con">
<view class="text">
“黑屏”故障 【某某】已处理。
</view>
<view class="date">
2020-05-15 16:00
</view>
</view>
</view>
<view class="li">
<view class="icon">
</view>
<view class="con">
<view class="text">
“黑屏”故障 【某某】已处理。
</view>
<view class="date">
2020-05-15 16:00
</view>
</view>
</view>
<view class="li">
<view class="icon">
</view>
<view class="con">
<view class="text">
“黑屏”故障 【某某】已处理。
</view>
<view class="date">
2020-05-15 16:00
</view>
</view>
</view>
<view class="li">
<view class="icon">
</view>
<view class="con">
<view class="text">
“黑屏”故障 【某某】已处理。
</view>
<view class="date">
2020-05-15 16:00
</view>
</view>
</view>
<view class="li">
<view class="icon">
</view>
<view class="con">
<view class="text">
“黑屏”故障 【某某】已处理。
</view>
<view class="date">
2020-05-15 16:00
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view>
</container-subgroup-two> </container-subgroup-two>
</view> </view>
</template> </template>
@ -233,7 +100,7 @@
import statusNav from "../../components/status-nav.vue" import statusNav from "../../components/status-nav.vue"
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue'; import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
export default { export default {
components:{ components: {
statusNav, statusNav,
containerSubgroupTwo containerSubgroupTwo
}, },
@ -242,7 +109,7 @@
autoplay: true, autoplay: true,
interval: 3000, interval: 3000,
index: 1, index: 1,
projectId:"", projectId: "",
recordState: [{ recordState: [{
title: '维修记录', title: '维修记录',
state: true state: true
@ -259,7 +126,7 @@
} }
}, },
onLoad(option) { onLoad(option) {
this.projectId=option.id this.projectId = option.id
this.getData() this.getData()
}, },
@ -268,7 +135,7 @@
console.log() console.log()
this.index = data.detail.current - 0 + 1 this.index = data.detail.current - 0 + 1
}, },
getData(){ getData() {
this.$requst.get('/universal/api.project/project_info', { this.$requst.get('/universal/api.project/project_info', {
id: this.projectId, id: this.projectId,
}).then(res => { }).then(res => {
@ -307,11 +174,12 @@
height: 500rpx; height: 500rpx;
width: 100%; width: 100%;
} }
.head-top{
.head-top {
position: relative; position: relative;
z-index: 1; z-index: 1;
margin-top: 15rpx; margin-top: 10rpx;
box-shadow: 0rpx 5rpx 5rpx rgba(0, 0, 0, 0.1); /* box-shadow: 0rpx 5rpx 5rpx rgba(0, 0, 0, 0.1); */
} }
.details-head { .details-head {
@ -333,11 +201,10 @@
width: 102rpx; width: 102rpx;
height: 46rpx; height: 46rpx;
border-radius: 26rpx 0 0 0; border-radius: 26rpx 0 0 0;
position: absolute;
right: 0px; right: 0px;
bottom: 0rpx; bottom: 0rpx;
text-align: center;
color: #fff; color: #fff;
position: absolute;
background-color: #e64545; background-color: #e64545;
} }
@ -372,7 +239,7 @@
.last-date { .last-date {
width: 100%; width: 100%;
padding: 10rpx 13rpx 10rpx; padding: 10rpx 13rpx 10rpx;
border-bottom: 6rpx solid #E7E7E7; /* border-bottom: 6rpx solid #E7E7E7; */
} }
.last-date-content { .last-date-content {
@ -404,7 +271,7 @@ border-bottom: 6rpx solid #E7E7E7;
align-items: center; align-items: center;
border-bottom: 2rpx solid #ebebeb; border-bottom: 2rpx solid #ebebeb;
border-top: 6rpx solid rgba(231,231,231,.6);
margin-top: 2rpx; margin-top: 2rpx;
background-color: #FFFFFF; background-color: #FFFFFF;
padding-bottom: 21rpx; padding-bottom: 21rpx;
@ -426,7 +293,7 @@ border-bottom: 6rpx solid #E7E7E7;
display: flex; display: flex;
padding: 30rpx 25rpx 0rpx; padding: 30rpx 25rpx 0rpx;
background-color: #FFFFFF; background-color: #FFFFFF;
border-bottom: 6rpx solid #E7E7E7; border-bottom: 2rpx solid rgba(231,231,231,.6);
position: relative; position: relative;
z-index: 2; z-index: 2;
flex-wrap: wrap; flex-wrap: wrap;
@ -465,7 +332,7 @@ border-bottom: 6rpx solid #E7E7E7;
margin-top: 4rpx; margin-top: 4rpx;
justify-content: space-between; justify-content: space-between;
background-color: #FFFFFF; background-color: #FFFFFF;
border-bottom: 2rpx solid #D5D4D4; border-bottom: 4rpx solid #D5D4D4;
} }
.record-nav .li { .record-nav .li {
@ -483,7 +350,7 @@ border-bottom: 6rpx solid #E7E7E7;
.record-nav .on::after { .record-nav .on::after {
content: ""; content: "";
width: 100%; width: 100%;
height: 2rpx; height: 4rpx;
position: absolute; position: absolute;
background-color: #00B1FF; background-color: #00B1FF;
top: 65rpx; top: 65rpx;
@ -501,81 +368,56 @@ border-bottom: 6rpx solid #E7E7E7;
.record-content .title { .record-content .title {
color: #333333; color: #333333;
margin-left: 12rpx; margin-left: 12rpx;
font-size: 24rpx; font-size: 30rpx;
margin-bottom: 33rpx;
}
.record-content .list .li {
display: flex;
align-items: center;
margin-bottom: 40rpx; margin-bottom: 40rpx;
} }
.record-content .list .li .icon { .record-content .list .li {
position: relative;
display: flex;
align-items: center;
padding-top: 20rpx;
border-left: 2rpx solid #999999;
font-weight: 550;
}
.record-content .list .li::before {
content: '';
display: block;
position: absolute;
left: -8rpx;
width: 14rpx; width: 14rpx;
height: 14rpx; height: 14rpx;
margin-right: 50rpx;
border-radius: 50%;
background-color: #999999; background-color: #999999;
margin-left: 5rpx; border-radius: 100%;
position: relative;
} }
.record-content .list .activeTrack {
.record-content .list .li .icon::after { color: #0084ff;
content: ""; padding-top: 0rpx;
width: 2rpx;
position: absolute;
left: 7rpx;
height: 64rpx;
background-color: #999999;
top: 14rpx;
} }
.record-content .list .activeTrack::before {
.record-content .list .li .con { background-color: rgba(0,132,255,.5);
display: flex; top: -4rpx;
align-items: center; width: 22rpx;
font-size: 26rpx; height: 22rpx;
color: #999999; left: -12rpx;
}
.record-content .list .on .icon {
background-color: #5caefb;
width: 21rpx;
height: 21rpx;
margin-left: 1rpx;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1; z-index: 1;
} }
.record-content .list .on .icon .icon-con{ .record-content .list .activeTrack::after {
background-color: #0084ff; content: '';
width: 13rpx;
height: 13rpx;
border-radius: 50%;
}
.record-content .list .on .icon::after {
content: "";
width: 2rpx;
position: absolute;
left: 9rpx;
height: 170rpx;
z-index: -1;
background-color: #0084ff;
top: 20rpx;
}
.record-content .list .on .con{
display: block; display: block;
color: #0084ff; position: absolute;
top: 0;
left: -8rpx;
width: 14rpx;
height: 14rpx;
background-color: #999999;
border-radius: 100%;
} }
.record-content .list .on .con .text{ .record-content .list .activeTrack .line-h60 {
margin-bottom: 35rpx; margin-top: -26rpx;
margin-bottom: 20rpx;
} }
.record-content .list .on .con .date{ .record-content .list .date {
margin-bottom: 35rpx; margin-left: 20rpx;
}
.record-content .list .on{
align-items: flex-start;
} }
</style> </style>

20
pages/project/projectList.vue
View File

@ -3,29 +3,30 @@
<view class="content" > <view class="content" >
<statusNav navBarTitle="项目列表" :ifReturn="false"></statusNav> <statusNav navBarTitle="项目列表" :ifReturn="false"></statusNav>
<container-subgroup-two> <container-subgroup-two>
<view slot="content" style="margin: -0rpx -30rpx -0rpx;"> <view slot="content" style="margin: -30rpx -30rpx -0rpx;">
<view class="pad-s20 bacf">
<view class="project-list-input"> <view class="project-list-input">
<input type="text" class="int" value="" placeholder="请输入关键字" /> <input type="text" class="int" value="" placeholder="请输入关键字" placeholder-style="color:#999999;" />
<view class="xian"></view> <view class="xian"></view>
<image class="search" src="../../static/iocn/ss.png" mode="aspectFill" lazy-load> <image class="search" src="../../static/iocn/ss.png" mode="aspectFill" lazy-load></image>
</image> </view>
</view> </view>
<view class="screen bbot mar-sx20"> <view class="screen bbot mar-sx20">
<picker @change="bindPickerChange" :value="index" :range="array" :range-key="'title'"> <picker class="width30 disjcac" @change="bindPickerChange" :value="index" :range="array" :range-key="'title'">
<view class="li"> <view class="li">
<view v-if="initial_value!=''" class="text">{{initial_value}}</view> <view v-if="initial_value!=''" class="text">{{initial_value}}</view>
<view v-else class="text">{{array[index].title}}</view> <view v-else class="text">{{array[index].title}}</view>
<image class="img" src="../../static/iocn/xla.png" mode="aspectFill" lazy-load></image> <image class="img" src="../../static/iocn/xla.png" mode="aspectFill" lazy-load></image>
</view> </view>
</picker> </picker>
<picker mode="date" :value="date" @change="bindDateChange"> <picker class="width30 disjcac" mode="date" :value="date" @change="bindDateChange">
<view class="li"> <view class="li">
<view class="text">竣工日期</view> <view class="text">竣工日期</view>
<image class="img" src="../../static/iocn/xla.png" mode="aspectFill" lazy-load> <image class="img" src="../../static/iocn/xla.png" mode="aspectFill" lazy-load>
</image> </image>
</view> </view>
</picker> </picker>
<view class="li"> <view class="li width30 disjcac">
<view class="text">筛选</view> <view class="text">筛选</view>
<image class="imgA" src="../../static/iocn/sx.png" mode="aspectFill" lazy-load> <image class="imgA" src="../../static/iocn/sx.png" mode="aspectFill" lazy-load>
</image> </image>
@ -59,9 +60,7 @@
<view v-else class="icon iconBer">质保到期</view> <view v-else class="icon iconBer">质保到期</view>
</view> </view>
</view> </view>
</view> </view>
</container-subgroup-two> </container-subgroup-two>
<footTabOne :current="1"></footTabOne> <footTabOne :current="1"></footTabOne>
</view> </view>
@ -196,9 +195,8 @@
height: 100%; height: 100%;
background-color: #F7F7F7; background-color: #F7F7F7;
padding: 0 25rpx; padding: 0 25rpx;
font-size: 26rpx;
padding-right: 100rpx; padding-right: 100rpx;
box-sizing: border-box; box-sizing: border-box;
border-radius: 36rpx; border-radius: 36rpx;
} }

42
pages/repairsPage/repairsPage.vue
View File

@ -22,53 +22,37 @@
{{item.name}} {{item.name}}
</view> </view>
</view> </view>
<view class="padding"> <view class="padding">
<view class="devicename" @click="scanCodeFun()" v-if="navDataState[0].state"> <view class="devicename" @click="scanCodeFun()" v-if="navDataState[0].state">
<view class=""> <view class="">请填写设备名称和型号或扫描二维码</view>
请填写设备名称和型号或扫描二维码
</view>
<image class="sm" src="../../static/iocn/sm.png" lazy-load mode=""></image> <image class="sm" src="../../static/iocn/sm.png" lazy-load mode=""></image>
</view> </view>
<input v-model="data.device_name" class="devicename" placeholder="请填写设备名称和型号" v-else /> <input v-model="data.device_name" class="devicename" placeholder="请填写设备名称和型号" v-else />
<view class="fault-pictures radius10" @click="chooseImg">
<view class="fault-pictures" @click="chooseImg">
<image class="fault-pictures-img" v-if="imgsrcArr.length>=1" :src="imgsrcArr[0]" mode="aspectFill"></image> <image class="fault-pictures-img" v-if="imgsrcArr.length>=1" :src="imgsrcArr[0]" mode="aspectFill"></image>
<view class="fault-pictures-con" v-else> <view class="fault-pictures-con" v-else>
<image class="img" src="../../static/iocn/gz.png" lazy-load mode="aspectFill"></image> <image class="img" src="../../static/iocn/gz.png" lazy-load mode="aspectFill"></image>
<view class="text"> <view class="text">添加故障图片</view>
添加故障图片
</view> </view>
</view> </view>
</view> <textarea v-model="data.condition" class="fault-description radius10" placeholder="故障情况描述"
<textarea value="" v-model="data.condition" class="fault-description" placeholder="故障情况描述"
placeholder-class="fault-description-text" /> placeholder-class="fault-description-text" />
<view class="detailed-address inputCss"> <view class="detailed-address inputCss">
<input type="text" v-model="data.address" class="address_input" value="" <input type="text" v-model="data.address" class="fon26 width100"
placeholder="请输入详细的上门服务地址" placeholder-class="inputCss-input" /> placeholder="请输入详细的上门服务地址" placeholder-class="inputCss-input" />
<image @click="mapFun()" src="../../static/iocn/map.png" class="map" mode="aspectFill"></image> <image @click="mapFun()" src="../../static/iocn/map.png" class="map flexs" mode="aspectFill"></image>
</view> </view>
<input type="text" class="inputCss" v-model="data.username" placeholder="请填写您的姓名" <input type="text" class="inputCss" v-model="data.username" placeholder="请填写您的姓名"
placeholder-class="inputCss-input" value="" /> placeholder-class="inputCss-input" />
<input type="text" class="inputCss" v-model="data.phone" placeholder="请填写联系电话" <input type="text" class="inputCss" v-model="data.phone" placeholder="请填写联系电话"
placeholder-class="inputCss-input" value="" /> placeholder-class="inputCss-input" />
<input type="text" class="inputCss" @tap="openDatetimePicker" disabled v-model="data.visit_time" <input type="text" class="inputCss" @tap="openDatetimePicker" disabled v-model="data.visit_time"
placeholder="请选择上门时间" placeholder-class="inputCss-input" value="" /> placeholder="请选择上门时间" placeholder-class="inputCss-input" />
<yy-mm-dd-hh-ss ref="myPicker" @submit="handleSubmit" :start-year="2022" :end-year="2122"> <yy-mm-dd-hh-ss ref="myPicker" @submit="handleSubmit" :start-year="2022" :end-year="2122"></yy-mm-dd-hh-ss>
</yy-mm-dd-hh-ss>
<button class="submit-button" @click="submitButton()" type="default">提交故障申报</button> <button class="submit-button" @click="submitButton()" type="default">提交故障申报</button>
</view> </view>
</view> </view>
</container-subgroup> </container-subgroup>
</view> </view>
</template> </template>
@ -416,10 +400,10 @@
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 0rpx 17rpx; padding: 0rpx 17rpx;
font-size: 30rpx; font-size: 26rpx;
border-radius: 10rpx; border-radius: 10rpx;
background-color: #FFFFFF; background-color: #FFFFFF;
color: #9f9898; color: #000000;
display: flex; display: flex;
margin-top: 20rpx; margin-top: 20rpx;
align-items: center; align-items: center;
@ -430,7 +414,7 @@
} }
.inputCss-input-input { .inputCss-input-input {
font-size: 30rpx; font-size: 26rpx;
color: #9f9898; color: #9f9898;
} }

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

@ -1,4 +1,3 @@
<<<<<<< HEAD
<template> <template>
<view class="pad-x50"> <view class="pad-x50">
<status-nav-slot> <status-nav-slot>
@ -58,7 +57,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" style="height: 58rpx;"> <view class="disac mar-s60 mar-x20" style="height: 58rpx;">
<view @tap="goFaultRepair(index)" 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>
@ -68,7 +67,7 @@
<!-- 数据查询 --> <!-- 数据查询 -->
<view class="home-fun-box" v-if="role==1"> <view class="home-fun-box" v-if="role==1">
<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-s40">
<view @tap="dataQueryEv(index)" class="disjcac fc width25" v-for="(item,index) in dataQueryList" :key="index"> <view @tap="dataQueryEv(index)" class="disjcac fc width25" v-for="(item,index) in dataQueryList" :key="index">
<view class="posir" style="height: 56rpx;"> <view class="posir" style="height: 56rpx;">
<image :style="{width: [58,58,58][index]+'rpx',height:[46,56,50][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image> <image :style="{width: [58,58,58][index]+'rpx',height:[46,56,50][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
@ -81,7 +80,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" style="height: 56rpx;"> <view class="disac mar-s60 mar-x20" style="height: 56rpx;">
<view @tap="goIncrement(index)" class="disjcac fc width25" v-for="(item,index) in incrementList" :key="index"> <view @tap="goIncrement(index)" class="disjcac fc width25" v-for="(item,index) in incrementList" :key="index">
<image :style="{width: [57,52,58,51][index]+'rpx',height:[56,56,50,56][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image> <image :style="{width: [57,52,58,51][index]+'rpx',height:[56,56,50,56][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>
@ -94,7 +93,7 @@
<!-- 项目维修 --> <!-- 项目维修 -->
<view class="home-fun-box" v-if="role==4"> <view class="home-fun-box" v-if="role==4">
<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-s40">
<view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in projectRepairList" :key="index"> <view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in projectRepairList" :key="index">
<view class="posir" style="height: 58rpx;"> <view class="posir" style="height: 58rpx;">
<image :style="{width: [53,52,51][index]+'rpx',height:[58,58,58][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image> <image :style="{width: [53,52,51][index]+'rpx',height:[58,58,58][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
@ -108,7 +107,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-s40">
<view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in stayWorkOrderList" :key="index"> <view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in stayWorkOrderList" :key="index">
<view class="posir" style="height: 58rpx;"> <view class="posir" style="height: 58rpx;">
<image :style="{width: [53,48,51,58][index]+'rpx',height:[58,58,58,53][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image> <image :style="{width: [53,48,51,58][index]+'rpx',height:[58,58,58,53][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
@ -121,7 +120,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-s40">
<view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in stayEventList" :key="index"> <view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in stayEventList" :key="index">
<view class="posir" style="height: 58rpx;"> <view class="posir" style="height: 58rpx;">
<image :style="{width: [58,58,50][index]+'rpx',height:[58,54,58][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image> <image :style="{width: [58,58,50][index]+'rpx',height:[58,54,58][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
@ -135,476 +134,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-s40">
<view @tap="stayEv(item.id)" class="disjcac fc width25" v-for="(item,index) in workOrderList" :key="index">
<view class="posir" style="height: 60rpx;">
<image :style="{width: [59,56,58,58][index]+'rpx',height:[49,58,58,60][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
<view class="engineer-num" v-if="item.num!=0">{{item.num}}</view>
</view>
<view class="fon24 col3 mar-s10">{{item.title}}</view>
</view>
</view>
</view>
<!-- 数据查询 -->
<view class="home-fun-box" v-if="role==3">
<view class="fun-title col3 fon28 disac bold">数据查询</view>
<view class="disac mar-s30">
<view @tap="dataQueryEv(index)" class="disjcac fc width25" v-for="(item,index) in dataQueryList" :key="index">
<view class="posir" style="height: 56rpx;">
<image :style="{width: [58,58,58][index]+'rpx',height:[46,56,50][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
<view class="engineer-num" v-if="item.num!=0">{{item.num}}</view>
</view>
<view class="fon24 col3 mar-s10">{{item.title}}</view>
</view>
</view>
</view>
<!-- 结算情况 -->
<view class="home-fun-box" v-if="role==4">
<view class="fun-title col3 fon28 disac bold">结算情况</view>
<view class="disac mar-s30">
<view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in settlementList" :key="index">
<view class="posir" style="height: 58rpx;">
<image :style="{width: [58,50,58][index]+'rpx',height:[54,58,58][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
<view class="engineer-num" v-if="item.num!=0">{{item.num}}</view>
</view>
<view class="fon24 col3 mar-s10">{{item.title}}</view>
</view>
</view>
</view>
</view>
<!-- 其他 -->
<view class="home-fun-box">
<view class="fun-title col3 fon28 disac bold">其他</view>
<view class="disac mar-s30" style="height: 58rpx;">
<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>
<view class="fon24 col3 mar-s10">{{item.title}}</view>
</view>
</view>
</view>
</view>
<!-- 解决方案 -->
<view class="home-solution mar-x20 pad30">
<view class="disjbac" @tap="goPlant(0)">
<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>
<image style="width: 50rpx;height: 50rpx;" src="/static/public/icon-home-solution.png" mode=""></image>
</view>
<view class="mar-s30">
<scroll-view scroll-x>
<view :class="solutionList.length == 4 ? 'disjbac' : 'disac'">
<view @tap="goDetail(0,item.id)" class="posir flexs" v-for="(item,index) in solutionList" :key="index" style="width: 23%;height: 214rpx;" :style="{marginRight: solutionList.length != 4 ? '20rpx' : ''}">
<image style="width: 100%;height: 214rpx;" class="radius10 " :src="item.imgsrc" mode="widthFix"></image>
<view class="posia solution-title clips1">{{item.title}}</view>
</view>
</view>
</scroll-view>
</view>
</view>
<!-- 常见故障 -->
<view class="bacf mar-zy20 pad-sx30 pad-zy10 radius10">
<view class="fon34 bold col3" @tap="goPlant(1)">常见故障<text class="col9 mar-z10">Common faults</text></view>
<view @tap="goDetail(1,item.id)" class="pad-sx20 bbot disjb" v-for="(item,index) in faultsList" :key="index">
<view class="fon28 line-h38 disjb fc" style="min-height: 160rpx;">
<view>
<view class="col3 clips1">{{item.title}}</view>
<view class="fon22 col6 clips3 mar-sx10">{{item.content}}</view>
</view>
<view class="col9">{{item.views}}人看过</view>
</view>
<image class="flexs mar-z20" :src="item.imgsrc" style="width: 280rpx;height: 160rpx;" mode="aspectFill" lazy-load></image>
</view>
</view>
</view>
</container-subgroup-two>
<!-- 底部tab -->
<foot-tab></foot-tab>
</view>
</template>
<script>
import statusNavSlot from '@/components/status-navs/status-nav-slot.vue';
// 暂无更多组件
import pitera from '@/components/nothing/pitera.vue';
// 公告
import lwNotice from '@/components/lw-notice/lw-notice.vue';
import footTabOne from '@/components/foot-tabs/foot-tab-one.vue';
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
export default {
components:{
pitera,
statusNavSlot,
lwNotice,
'foot-tab' :footTabOne,
containerSubgroupTwo
},
data() {
return {
role: 4, // 1：业务员 2:表示客户 3:表示客服 4：表示工程师
statusHeight: uni.getSystemInfoSync().statusBarHeight + 50,
messageNumber: 16 ,// 消息数量
noticeList:['2021年11月06日公司团建，维修服务暂停一天服务暂停一天服务暂停一天。','51akslfj;dkpiojasdjf;j1ij'],//公告
// 故障报修
repairList:[
{imgsrc:'/static/public/icon-home-repair.png',title:'报修'},
{imgsrc:'/static/public/icon-home-dealt.png',title:'待办'},
{imgsrc:'/static/public/icon-home-urge.png',title:'催一催'},
],
// 增值服务
incrementList:[
{imgsrc:'/static/public/icon-home-patrol.png',title:'巡检'},
{imgsrc:'/static/public/icon-home-maintain.png',title:'保养'},
{imgsrc:'/static/public/icon-home-movingScreen.png',title:'移屏'},
{imgsrc:'/static/public/icon-home-screeRemoval.png',title:'拆屏'},
],
// 其他
otherList:[
{imgsrc:'/static/public/icon-home-largeScreen.png',title:'故障统计'},
{imgsrc:'/static/public/icon-home-reportForm.png',title:'数据看板'},
{imgsrc:'/static/public/icon-home-product.png',title:'新产品'},
],
// 解决方案
solutionList:[
{imgsrc:'/static/deleteImg/flying-img01.png',title:'控制室解决方案'},
{imgsrc:'/static/deleteImg/flying-img02.png',title:'户外屏解决方案'},
{imgsrc:'/static/deleteImg/flying-img03.png',title:'会议室解决方案'},
{imgsrc:'/static/deleteImg/flying-img04.png',title:'实体店解决方案'},
],
// 项目维修
projectRepairList:[
{imgsrc:'/static/public/icon-home-staySingle.png',title:'待接单',num:0},
{imgsrc:'/static/public/icon-home-stayImplement.png',title:'待执行',num:99},
{imgsrc:'/static/public/icon-home-repairIng.png',title:'维修中',num:6},
],
// 工单数据
workOrderList:[
{imgsrc:'/static/public/icon-home-abnormalSingle.png',title:'异常单',num:0},
{imgsrc:'/static/public/icon-home-overdueSingle.png',title:'逾期单',num:0},
// {imgsrc:'/static/public/icon-home-overtime.png',title:'超时单 ',num:0},
{imgsrc:'/static/public/icon-home-workOrderPool.png',title:'工单池',num:6,},
],
// 结算情况
settlementList:[
{imgsrc:'/static/public/icon-home-stayCollection.png',title:'待收款',num:0},
{imgsrc:'/static/public/icon-home-received.png',title:'已收款',num:6},
{imgsrc:'/static/public/icon-home-commission.png',title:'佣金',num:0},
],
// 待办工单
stayWorkOrderList:[
{imgsrc:'/static/public/icon-home-stayImplement.png',title:'待受理',num:0},
{imgsrc:'/static/public/icon-home-stayAssign.png',title:'待指派',num:6},
{imgsrc:'/static/public/icon-home-stayRepair.png',title:'待维修',num:6},
{imgsrc:'/static/public/icon-home-returnVisit.png',title:'待回访',num:0},
],
// 待办事件
stayEventList:[
{imgsrc:'/static/public/icon-home-stayBatch.png',title:'待审批',num:0},
{imgsrc:'/static/public/icon-home-stayCollection.png',title:'待收款',num:0},
{imgsrc:'/static/public/icon-home-received.png',title:'已收款',num:0},
],
// 数据查询
dataQueryList:[
{imgsrc:'/static/public/icon-home-checkCustomer.png',title:'查客户',num:0},
{imgsrc:'/static/public/icon-home-checkProject.png',title:'查项目',num:0},
{imgsrc:'/static/public/icon-home-checkSparePart.png',title:'查备件',num:0},
],
// 常见故障
faultsList:[],
}
},
onLoad(options) {
// 获取当前页面url
this.$toolAll.tools.obtainUrl();
// 调用解决方案类型事件
this.getPlanType();
// 调用增值服务类型
this.getIncrementServiceType();
// 调用获取常见故障列表事件
this.getFaultsList();
//调用工单类型
this.getWorkOrderType()
},
methods: {
// 工单类型
getWorkOrderType(){
this.$requst.get('/universal/api.order/order_type', ).then(res => {
if (res.code == 1) {
for (var i = 0; i < res.data.length; i++) {
for (var k = 0; k < this.workOrderList.length; k++) {
if(res.data[i].name== this.workOrderList[k].title){
this.$set(this.workOrderList,k,{...this.workOrderList[k],id:res.data[i].id})
}
}
}
} else {
}
})
},
goNoticeDetail(e){
console.log(e);
},
// 前往增值服务页面
goIncrement(index) {
uni.navigateTo({
url:`/pages/appreciationServe/appreciationServe?index=${index}`
})
},
// 待办事件
stayEv(title) {
let url = '';
if(title=='佣金') {
url = `/pagesB/my-account/my-account?index=1`
} else {
url = `/pages/workOrder/workOrderLlsit?status=${title}`
}
uni.navigateTo({
url:url
})
},
// 查询增值服务类型
getIncrementServiceType(){
this.$requst.get('/universal/api.vas/vas_type').then(res=>{
if(res.code) {
}
})
},
// 数据查询事件
dataQueryEv(index){
uni.navigateTo({
url:`/pages/dataQuery/queryFunction?index=${index}`
})
},
// 查询解决方案类型
getPlanType(){
this.$requst.post('/universal/api.solution/solution_type').then(res=>{
if(res.code) {
res.data.forEach(item=>{
let obj = {
id:item.id,
title:item.name,
imgsrc: getApp().globalData.hostapi + '/' + item.cover_img,
}
this.solutionList.push(obj);
})
console.log(this.solutionList,340);
}
})
},
// 故障报修分类下的点击事件
goFaultRepair(index){
if(index!=2) {
let faultRepairUrls = [
'/pages/repairsPage/repairsPage',
'/pages/workOrder/workOrderLlsit',
];
uni.navigateTo({
url:faultRepairUrls[index]
})
} else {
this.$toolAll.tools.showToast('已催单成功')
}
},
// 获取常见故障推荐列表
getFaultsList(){
this.$requst.post('/universal/api.question/question').then(res=>{
if(res.code) {
res.data.forEach(item=>{
let obj = {
id:item.id,
title:item.title,
imgsrc: getApp().globalData.hostapi + '/' + item.cover_img,
content:item.summary,
views:item.reading
}
this.faultsList.push(obj);
})
}
})
},
// 其他分类下的点击事件
otherEv(index) {
let otherUrls = [
'/pages/faultStatistics/faultStatistics',
'/pages/faultStatistics/projectOverview',
'/pagesB/new-product/new-product',
];
uni.navigateTo({
url:otherUrls[index]
})
},
// 前往解决方案、常见故障列表
goPlant(index){
uni.navigateTo({
url:`/pagesB/plan-fault/plan-fault?index=${index}`
})
},
// 前往解决方案详情、常见故障详情
goDetail(index,id) {
uni.navigateTo({
url:`/pagesB/plan-fault-product-detail/detail?index=${index}&id=${id}`
})
},
// 前往消息列表页面
goMessage(){
uni.navigateTo({
url:`/pagesB/message-center/message-center`
})
},
// 拨打电话事件
callEv(){
this.$toolAll.tools.countCustomer('15616330510');
}
}
}
</script>
<style>
page{background-color: #f7f7f7;}
</style>
=======
<template>
<view class="pad-x50">
<status-nav-slot>
<view slot="leftContent" @tap="goMessage" style="width: 70px;">
<view class="home-message-box posir disac">
<image src="/static/public/icon-home-message.png" mode=""></image>
<view v-if="messageNumber!=0">{{messageNumber}}</view>
</view>
</view>
<view slot="centerContent" class="disjcac">
<image style="width: 156rpx;height: 38rpx;" src="/static/public/icom-home-logo.png" mode="widthFix"></image>
</view>
<!-- #ifdef APP-PLUS -->
<view slot="rightContent" class="disac" @tap="callEv">
<image class="mar-y10" style="width: 26rpx;height: 26rpx;" src="/static/public/icon-home-phone.png" mode=""></image>
<view class="fon26 col3">拨打电话</view>
</view>
<!-- #endif -->
<!-- #ifdef H5 -->
<view slot="rightContent" class="disac" @tap="callEv">
<image class="mar-y10" style="width: 26rpx;height: 26rpx;" src="/static/public/icon-home-phone.png" mode=""></image>
<view class="fon26 col3">拨打电话</view>
</view>
<!-- #endif -->
<!-- #ifdef MP-WEIXIN -->
<view slot="rightContent" @tap="goMessage" style="width: 70px;"></view>
<!-- #endif -->
</status-nav-slot>
<!-- <view :style="{paddingTop: statusHeight +'px'}"> -->
<!-- banner图 -->
<container-subgroup-two>
<view slot="content" style="margin: 0 -30rpx;">
<image class="width100" src="/static/public/icon-home-banner.png" mode="widthFix"></image>
<view class="pad-zy20">
<!-- 项目总数、实时故障、公告 -->
<view class="project-notice-box">
<view class="disjcac pad-sx20 bbot">
<view class="disjcac fc width50">
<view class="fon26 col9">项目总数</view>
<view class="fon60 bold">126</view>
</view>
<view class="bleft" style="height: 90rpx;"></view>
<view class="disjcac fc width50">
<view class="fon26 col9">实时故障</view>
<view class="fon60 bold">116</view>
</view>
</view>
<view class="disac pad-s30 pad-x10">
<image class="mar-zy20" style="width: 64rpx;height: 27rpx;" src="/static/public/icon-home-notice.png" mode=""></image>
<view class="fon24 color6 mar-y20 width100 bleft pad-z20">
<lwNotice @dangGao="goNoticeDetail" :list="noticeList" :backgroundColor="'#FFFFFF'"></lwNotice>
</view>
</view>
</view>
<!-- 客户可见 -->
<view v-if="role==2 || role==1">
<!-- 故障报修 -->
<view class="home-fun-box">
<view class="fun-title col3 fon28 disac bold">故障报修</view>
<view class="disac mar-s30" style="height: 58rpx;">
<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>
</view>
</view>
<!-- 数据查询 -->
<view class="home-fun-box" v-if="role==1">
<view class="fun-title col3 fon28 disac bold">数据查询</view>
<view class="disac mar-s30">
<view @tap="dataQueryEv(index)" class="disjcac fc width25" v-for="(item,index) in dataQueryList" :key="index">
<view class="posir" style="height: 56rpx;">
<image :style="{width: [58,58,58][index]+'rpx',height:[46,56,50][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
<view class="engineer-num" v-if="item.num!=0">{{item.num}}</view>
</view>
<view class="fon24 col3 mar-s10">{{item.title}}</view>
</view>
</view>
</view>
<!-- 增值服务 -->
<view class="home-fun-box">
<view class="fun-title col3 fon28 disac bold">增值服务</view>
<view class="disac mar-s30" style="height: 56rpx;">
<view @tap="goIncrement(index)" class="disjcac fc width25" v-for="(item,index) in incrementList" :key="index">
<image :style="{width: [57,52,58,51][index]+'rpx',height:[56,56,50,56][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
<view class="fon24 col3 mar-s10">{{item.title}}</view>
</view>
</view>
</view>
</view>
<!-- 工程师可见 -->
<view v-if="role==4 || role==3">
<!-- 项目维修 -->
<view class="home-fun-box" v-if="role==4">
<view class="fun-title col3 fon28 disac bold">项目维修</view>
<view class="disac mar-s30">
<view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in projectRepairList" :key="index">
<view class="posir" style="height: 58rpx;">
<image :style="{width: [53,52,51][index]+'rpx',height:[58,58,58][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
<view class="engineer-num" v-if="item.num!=0">{{item.num}}</view>
</view>
<view class="fon24 col3 mar-s10">{{item.title}}</view>
</view>
</view>
</view>
<view v-if="role==3">
<!-- 待办工单 -->
<view class="home-fun-box">
<view class="fun-title col3 fon28 disac bold">待办工单</view>
<view class="disac mar-s30">
<view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in stayWorkOrderList" :key="index">
<view class="posir" style="height: 58rpx;">
<image :style="{width: [53,48,51,58][index]+'rpx',height:[58,58,58,53][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
<view class="engineer-num" v-if="item.num!=0">{{item.num}}</view>
</view>
<view class="fon24 col3 mar-s10">{{item.title}}</view>
</view>
</view>
</view>
<!-- 待办事件 -->
<view class="home-fun-box">
<view class="fun-title col3 fon28 disac bold">待办事件</view>
<view class="disac mar-s30">
<view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in stayEventList" :key="index">
<view class="posir" style="height: 58rpx;">
<image :style="{width: [58,58,50][index]+'rpx',height:[58,54,58][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
<view class="engineer-num" v-if="item.num!=0">{{item.num}}</view>
</view>
<view class="fon24 col3 mar-s10">{{item.title}}</view>
</view>
</view>
</view>
</view>
<!-- 工单数据 -->
<view class="home-fun-box">
<view class="fun-title col3 fon28 disac bold">工单数据</view>
<view class="disac mar-s30">
<view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in workOrderList" :key="index"> <view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in workOrderList" :key="index">
<view class="posir" style="height: 60rpx;"> <view class="posir" style="height: 60rpx;">
<image :style="{width: [59,56,58,58][index]+'rpx',height:[49,58,58,60][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image> <image :style="{width: [59,56,58,58][index]+'rpx',height:[49,58,58,60][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
@ -617,7 +147,7 @@
<!-- 数据查询 --> <!-- 数据查询 -->
<view class="home-fun-box" v-if="role==3"> <view class="home-fun-box" v-if="role==3">
<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-s40">
<view @tap="dataQueryEv(index)" class="disjcac fc width25" v-for="(item,index) in dataQueryList" :key="index"> <view @tap="dataQueryEv(index)" class="disjcac fc width25" v-for="(item,index) in dataQueryList" :key="index">
<view class="posir" style="height: 56rpx;"> <view class="posir" style="height: 56rpx;">
<image :style="{width: [58,58,58][index]+'rpx',height:[46,56,50][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image> <image :style="{width: [58,58,58][index]+'rpx',height:[46,56,50][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
@ -630,7 +160,7 @@
<!-- 结算情况 --> <!-- 结算情况 -->
<view class="home-fun-box" v-if="role==4"> <view class="home-fun-box" v-if="role==4">
<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-s40">
<view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in settlementList" :key="index"> <view @tap="stayEv(item.title)" class="disjcac fc width25" v-for="(item,index) in settlementList" :key="index">
<view class="posir" style="height: 58rpx;"> <view class="posir" style="height: 58rpx;">
<image :style="{width: [58,50,58][index]+'rpx',height:[54,58,58][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image> <image :style="{width: [58,50,58][index]+'rpx',height:[54,58,58][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
@ -644,7 +174,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" style="height: 58rpx;"> <view class="disac mar-s60 mar-x20" style="height: 58rpx;">
<view @tap="otherEv(index)" 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>
@ -918,4 +448,3 @@
<style> <style>
page{background-color: #f7f7f7;} page{background-color: #f7f7f7;}
</style> </style>
>>>>>>> 6ceeddde3522c33ced86c4a63a2e9d96e5c2e383

2
pages/workOrder/workOrderThree.vue
View File

@ -666,7 +666,7 @@
} }
.remark .textarea { .remark .textarea {
font-size: 28rpx;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
background-color: #f5f5f5; background-color: #f5f5f5;

2
pagesB/electronic-certificate/electronic-certificate.vue
View File

@ -8,7 +8,7 @@
<view class="electronic-head disjcac fc"> <view class="electronic-head disjcac fc">
<image :src="userImg" mode="widthFix" lazy-load style="width: 347rpx;height: 85rpx;"></image> <image :src="userImg" mode="widthFix" lazy-load style="width: 347rpx;height: 85rpx;"></image>
<view class="colf fon52 mar-sx30" style="letter-spacing: 6rpx;">ID：{{userId}}</view> <view class="colf fon52 mar-sx30" style="letter-spacing: 6rpx;">ID：{{userId}}</view>
<image class="mar-s20" src="/static/deleteImg/flying-img06.png" mode="aspectFill" style="width: 258rpx;height: 258rpx;border-radius: 100%;margin-bottom: -130rpx;border: 6rpx solid #edf1ff;background-color: #edf1ff;"></image> <image class="mar-s10" src="/static/deleteImg/flying-img06.png" mode="aspectFill" style="width: 258rpx;height: 258rpx;border-radius: 100%;margin-bottom: -130rpx;border: 6rpx solid #edf1ff;background-color: #edf1ff;"></image>
</view> </view>
<view class="pad-s140 mar-s30 disjcac fc"> <view class="pad-s140 mar-s30 disjcac fc">
<view class="col3 fon68">{{userName}}</view> <view class="col3 fon68">{{userName}}</view>

2
pagesB/i-want-evaluate/i-want-evaluate.vue
View File

@ -2,7 +2,7 @@
<view> <view>
<status-nav navBarTitle="我要评价" returnColor="#c2c2c2"></status-nav> <status-nav navBarTitle="我要评价" returnColor="#c2c2c2"></status-nav>
<container-subgroup> <container-subgroup>
<view slot="content" style="margin: 0 -30rpx;"> <view slot="content" style="margin: -6rpx -30rpx 0 -30rpx;">
<view class="bacf fon28 pad-sx30 pad-zy40"> <view class="bacf fon28 pad-sx30 pad-zy40">
<view class=" bold disjbac fw line-h50"> <view class=" bold disjbac fw line-h50">
<view class="mar-y20">{{project_name}}</view> <view class="mar-y20">{{project_name}}</view>

9
pagesB/my-account/my-account.vue
View File

@ -3,7 +3,15 @@
<status-nav navBarTitle="我的账户" returnColor="#c2c2c2"></status-nav> <status-nav navBarTitle="我的账户" returnColor="#c2c2c2"></status-nav>
<container-subgroup> <container-subgroup>
<view slot="content" style="margin: -30rpx;"> <view slot="content" style="margin: -30rpx;">
<!-- #ifdef APP-PLUS -->
<view class="disja tcenter bbot fon32 position-sticky pad-s30" :style="{top: newTop +'px'}" style="background-color: #F5F5F5;">
<!-- #endif -->
<!-- #ifdef H5 -->
<view class="disja tcenter bbot fon32 position-sticky pad-s30" style="background-color: #F5F5F5;"> <view class="disja tcenter bbot fon32 position-sticky pad-s30" style="background-color: #F5F5F5;">
<!-- #endif -->
<!-- #ifdef MP-WEIXIN -->
<view class="disja tcenter bbot fon32 position-sticky pad-s30" :style="{top: newTop +'px'}" style="background-color: #F5F5F5;">
<!-- #endif -->
<view @tap="switchStatus(true)" class="width50 pad-x30" :class="current ? 'account-active' : ''">我的账户</view> <view @tap="switchStatus(true)" class="width50 pad-x30" :class="current ? 'account-active' : ''">我的账户</view>
<view @tap="switchStatus(false)" class="width50 pad-x30" :class="!current ? 'account-active' : ''">未结算工单</view> <view @tap="switchStatus(false)" class="width50 pad-x30" :class="!current ? 'account-active' : ''">未结算工单</view>
</view> </view>
@ -89,6 +97,7 @@
export default { export default {
data() { data() {
return { return {
newTop: uni.getSystemInfoSync().statusBarHeight + 40,
current:true, current:true,
detailedList:[], detailedList:[],
capitalDetail:{ capitalDetail:{

6
pagesB/service-range/service-range.vue
View File

@ -6,13 +6,13 @@
<view class="bbot disac pad-sx30 pad-zy30"> <view class="bbot disac pad-sx30 pad-zy30">
<view class="mar-y30 flexs">人员状态 <text style="color: red;">*</text></view> <view class="mar-y30 flexs">人员状态 <text style="color: red;">*</text></view>
<view class="disac"> <view class="disac">
<view @tap="chooseStatus(index,0)" v-for="(item,index) in personnelStatus" :key="index" class="service-range-status mar-y10" :class="statusNum==index ? 'service-range-activeStatus' : ''">{{item}}</view> <view @tap="chooseStatus(index,0)" v-for="(item,index) in personnelStatus" :key="index" class="service-range-status mar-y10 pad-zy20 pad-sx6" :class="statusNum==index ? 'service-range-activeStatus' : ''">{{item}}</view>
</view> </view>
</view> </view>
<view class="bbot disac pad-sx30 pad-zy30"> <view class="bbot disac pad-sx30 pad-zy30">
<view id="timeBox" class="mar-y30 flexs">工作时段 <text style="color: red;">*</text></view> <view id="timeBox" class="mar-y30 flexs">工作时段 <text style="color: red;">*</text></view>
<view class="disac"> <view class="disac">
<view @tap="chooseStatus(index,1)" v-for="(item,index) in workingHours" :key="index" class="service-range-status mar-y10" :class="hoursNum==index ? 'service-range-activeStatus' : ''">{{item}}</view> <view @tap="chooseStatus(index,1)" v-for="(item,index) in workingHours" :key="index" class="service-range-status mar-y10" style="padding: 6rpx 46rpx;" :class="hoursNum==index ? 'service-range-activeStatus' : ''">{{item}}</view>
</view> </view>
</view> </view>
<view class="bbot disac pad-sx30 pad-zy30"> <view class="bbot disac pad-sx30 pad-zy30">
@ -31,7 +31,7 @@
<view class="mar-y30 flexs">服务范围 <text style="color: red;">*</text></view> <view class="mar-y30 flexs">服务范围 <text style="color: red;">*</text></view>
<scroll-view scroll-x style="width: 76%;"> <scroll-view scroll-x style="width: 76%;">
<view class="disac"> <view class="disac">
<view @tap="chooseStatus(index,2)" v-for="(item,index) in serviceRange" :key="index" class="service-range-status mar-y10 flexs" :class="rangeNum==index ? 'service-range-activeStatus' : ''">{{item}}</view> <view @tap="chooseStatus(index,2)" v-for="(item,index) in serviceRange" :key="index" class="service-range-status mar-y10 flexs pad-zy30 pad-sx6" :class="rangeNum==index ? 'service-range-activeStatus' : ''">{{item}}</view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>

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

@ -26,31 +26,31 @@
<view class="bacf pad30 disjbac mar-s20 bbot"> <view class="bacf pad30 disjbac mar-s20 bbot">
<view>上门服务条款</view> <view>上门服务条款</view>
<view class="disac col9"> <view class="disac col9">
V3.0<i class="icon icon-next col9 mar-z20" style="font-size: 26rpx;"></i> V3.0<i class="icon icon-next col9 mar-z10" style="font-size: 26rpx;"></i>
</view> </view>
</view> </view>
<view class="bacf pad30 disjbac bbot"> <view class="bacf pad30 disjbac bbot">
<view>用户服务协议</view> <view>用户服务协议</view>
<view class="disac col9"> <view class="disac col9">
V1.1<i class="icon icon-next col9 mar-z20" style="font-size: 26rpx;"></i> V1.1<i class="icon icon-next col9 mar-z10" style="font-size: 26rpx;"></i>
</view> </view>
</view> </view>
<view class="bacf pad30 disjbac bbot"> <view class="bacf pad30 disjbac bbot">
<view>飞猴云服务隐私政策</view> <view>飞猴云服务隐私政策</view>
<view class="disac col9"> <view class="disac col9">
V1.2<i class="icon icon-next col9 mar-z20" style="font-size: 26rpx;"></i> V1.2<i class="icon icon-next col9 mar-z10" style="font-size: 26rpx;"></i>
</view> </view>
</view> </view>
<view class="bacf pad30 disjbac bbot"> <view class="bacf pad30 disjbac bbot">
<view>技术服务合作协议</view> <view>技术服务合作协议</view>
<view class="disac col9"> <view class="disac col9">
V1.1<i class="icon icon-next col9 mar-z20" style="font-size: 26rpx;"></i> V1.1<i class="icon icon-next col9 mar-z10" style="font-size: 26rpx;"></i>
</view> </view>
</view> </view>
<view class="bacf pad30 disjbac bbot"> <view class="bacf pad30 disjbac bbot">
<view>关于飞猴云服务</view> <view>关于飞猴云服务</view>
<view class="disac col9"> <view class="disac col9">
V1.1<i class="icon icon-next col9 mar-z20" style="font-size: 26rpx;"></i> V1.1<i class="icon icon-next col9 mar-z10" style="font-size: 26rpx;"></i>
</view> </view>
</view> </view>
<!-- #ifdef APP-PLUS --> <!-- #ifdef APP-PLUS -->