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

修改

master
tangyi 2022-03-25 18:33:33 +08:00
parent 6caa02508a
commit 3bbd8c3701
14 changed files with 2552 additions and 2448 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
pages/dataQuery/projectDetails.vue
View File

@ -1,12 +1,12 @@
<template> <template>
<view class="content"> <view class="content">
<statusNav navBarTitle="项目详情"></statusNav> <statusNav navBarTitle="项目详情"></statusNav>
<container-subgroup-two>
<view slot="content" style="margin: 0 -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">
>
<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>
@ -55,7 +55,6 @@
</view> </view>
</view> </view>
<view class="project-message-title"> <view class="project-message-title">
<view class="icon"> <view class="icon">
@ -64,7 +63,6 @@
项目概况 项目概况
</view> </view>
</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">
@ -172,7 +170,6 @@
</view> </view>
</view> </view>
</view> </view>
<view class="project-message-title"> <view class="project-message-title">
<view class="icon"> <view class="icon">
@ -181,7 +178,6 @@
项目材料 项目材料
</view> </view>
</view> </view>
<view class="project-materials-content"> <view class="project-materials-content">
<view class="project-materials-title"> <view class="project-materials-title">
<view class="text"> <view class="text">
@ -224,13 +220,11 @@
</view> </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">
维修追踪 维修追踪
@ -331,14 +325,21 @@
</view> </view>
</view> </view>
</view> </view>
</view>
</container-subgroup-two>
</view> </view>
</template> </template>
<script> <script>
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
import statusNav from "../../components/status-nav.vue" import statusNav from "../../components/status-nav.vue"
export default { export default {
components:{ components: {
statusNav statusNav,
containerSubgroupTwo
}, },
data() { data() {
return { return {
@ -382,7 +383,7 @@
.content { .content {
padding: 16rpx 0; padding: 16rpx 0;
padding-top: 100rpx;
} }
.swiper { .swiper {
@ -481,7 +482,7 @@
display: flex; display: flex;
padding: 0 33rpx; padding: 0 33rpx;
align-items: center; align-items: center;
border-top:2rpx solid #ebebeb; border-top: 2rpx solid #ebebeb;
border-bottom: 2rpx solid #ebebeb; border-bottom: 2rpx solid #ebebeb;
padding-top: 23rpx; padding-top: 23rpx;
background-color: #FFFFFF; background-color: #FFFFFF;
@ -609,15 +610,17 @@
top: 14rpx; top: 14rpx;
} }
.record-content .list .li .icon:last-child::after{ .record-content .list .li .icon:last-child::after {
content: ""; content: "";
width: 2rpx; width: 2rpx;
position: absolute; position: absolute;
left: 7rpx; left: 7rpx;
height: 102rpx; height: 102rpx;
background-color: #999999; background-color: #999999;
top: 14rpx;; top: 14rpx;
;
} }
.record-content .list .li .con { .record-content .list .li .con {
display: flex; display: flex;
align-items: center; align-items: center;
@ -636,12 +639,14 @@
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.record-content .list .on .icon .icon-con{
.record-content .list .on .icon .icon-con {
background-color: #0084ff; background-color: #0084ff;
width: 13rpx; width: 13rpx;
height: 13rpx; height: 13rpx;
border-radius: 50%; border-radius: 50%;
} }
.record-content .list .on .icon::after { .record-content .list .on .icon::after {
content: ""; content: "";
width: 2rpx; width: 2rpx;
@ -652,21 +657,25 @@
background-color: #0084ff; background-color: #0084ff;
top: 20rpx; top: 20rpx;
} }
.record-content .list .on .con{
.record-content .list .on .con {
display: block; display: block;
color: #0084ff; color: #0084ff;
} }
.record-content .list .on .con .text{
.record-content .list .on .con .text {
margin-bottom: 35rpx; margin-bottom: 35rpx;
} }
.record-content .list .on .con .date{
.record-content .list .on .con .date {
margin-bottom: 35rpx; margin-bottom: 35rpx;
} }
.record-content .list .on{
.record-content .list .on {
align-items: flex-start; align-items: flex-start;
} }
.project-materials-title{ .project-materials-title {
display: flex; display: flex;
color: #00a2e9; color: #00a2e9;
font-size: 24rpx; font-size: 24rpx;
@ -677,11 +686,13 @@
padding: 26rpx 20rpx; padding: 26rpx 20rpx;
justify-content: space-between; justify-content: space-between;
} }
.project-materials-title .text{
.project-materials-title .text {
width: 16%; width: 16%;
text-align: center; text-align: center;
} }
.project-materials-text{
.project-materials-text {
display: flex; display: flex;
background-color: #FFFFFF; background-color: #FFFFFF;
border-bottom: 2rpx solid #EDEDED; border-bottom: 2rpx solid #EDEDED;
@ -689,7 +700,8 @@
font-size: 24rpx; font-size: 24rpx;
justify-content: space-between; justify-content: space-between;
} }
.project-materials-text .text{
.project-materials-text .text {
width: 16%; width: 16%;
text-align: center; text-align: center;
} }

17
pages/dataQuery/projectQuery.vue
View File

@ -1,7 +1,8 @@
<template> <template>
<view class="content"> <view class="content">
<statusNav navBarTitle="(项目)查询结果"></statusNav> <statusNav navBarTitle="(项目)查询结果"></statusNav>
<container-subgroup-two>
<view slot="content" style="margin: 0 -30rpx;">
<view class="project-list"> <view class="project-list">
<view class="li" @click="projectDetailsFun()"> <view class="li" @click="projectDetailsFun()">
<view class="message"> <view class="message">
@ -118,17 +119,17 @@
</view> </view>
</view> </view>
</view> </view>
</view>
<footTabOne :current="1"></footTabOne> </container-subgroup-two>
</view> </view>
</template> </template>
<script> <script>
import statusNav from '../../components/status-nav.vue'; import statusNav from '../../components/status-nav.vue';
import footTabOne from "../../components/foot-tabs/foot-tab-one.vue" import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
export default { export default {
components:{ components:{
footTabOne, containerSubgroupTwo,
statusNav statusNav
}, },
data() { data() {
@ -175,7 +176,6 @@
} }
.content{ .content{
padding-top: 100rpx;
} }
.project-list-input { .project-list-input {
width: 100%; width: 100%;
@ -183,7 +183,10 @@
position: relative; position: relative;
padding: 20rpx 16rpx; padding: 20rpx 16rpx;
box-sizing: border-box; box-sizing: border-box;
background-color: #FFFFFF background-color: #FFFFFF;
} }
.project-list-input .int { .project-list-input .int {

5
pages/dataQuery/queryFunction.vue
View File

@ -1,6 +1,8 @@
<template> <template>
<view> <view>
<view class="head"> <view class="head">
<view class="text"> <view class="text">
查询功能 查询功能
@ -246,7 +248,8 @@
margin: auto; margin: auto;
} }
.imgJCon{
.imgJCon {
display: flex; display: flex;
justify-content: center; justify-content: center;
height: 40rpx; height: 40rpx;

16
pages/faultStatistics/faultStatistics.vue
View File

@ -1,6 +1,9 @@
<template> <template>
<view class="content"> <view class="content">
<statusNav navBarTitle="故障统计"></statusNav> <statusNav navBarTitle="故障统计"></statusNav>
<container-subgroup-two>
<view slot="content" style="margin: 0 -30rpx;">
<view class="faultStatistics-nav"> <view class="faultStatistics-nav">
<view class="li" @click="navlistIndexFun(index)" :class="navlistIndex==index?'on':''" <view class="li" @click="navlistIndexFun(index)" :class="navlistIndex==index?'on':''"
v-for="(item,index) in navlist"> v-for="(item,index) in navlist">
@ -174,14 +177,20 @@
</view> </view>
</view> </view>
</view> </container-subgroup-two>
</view> </view>
</template> </template>
<script> <script>
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
import statusNav from '../../components/status-nav.vue'; import statusNav from '../../components/status-nav.vue';
export default { export default {
components: { components: {
statusNav statusNav,
containerSubgroupTwo
}, },
data() { data() {
return { return {
@ -263,8 +272,6 @@
<style> <style>
.content { .content {
padding: 0rpx 15rpx; padding: 0rpx 15rpx;
padding-top: 80rpx;
padding-bottom: 80rpx;
} }
@ -473,7 +480,8 @@
background-color: #2d8efd; background-color: #2d8efd;
border-radius: 25rpx; border-radius: 25rpx;
} }
.percentage-box-ber{
.percentage-box-ber {
background-color: #ffb503; background-color: #ffb503;
} }
</style> </style>

14
pages/faultStatistics/projectOverview.vue
View File

@ -1,7 +1,8 @@
<template> <template>
<view class="content"> <view class="content">
<statusNav navBarTitle="数据看板"></statusNav> <statusNav navBarTitle="数据看板"></statusNav>
<container-subgroup-two>
<view slot="content" style="margin: 0 -30rpx;">
<view class="project-overview"> <view class="project-overview">
<view class="settlement-type-title"> <view class="settlement-type-title">
项目概况 项目概况
@ -309,14 +310,19 @@
</view> </view>
</view> </view>
</view> </view>
</view>
</container-subgroup-two>
</view> </view>
</template> </template>
<script> <script>
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
import statusNav from '../../components/status-nav.vue'; import statusNav from '../../components/status-nav.vue';
export default { export default {
components: { components: {
statusNav statusNav,
containerSubgroupTwo
}, },
data() { data() {
return { return {
@ -450,9 +456,7 @@
<style> <style>
.content { .content {
padding: 10rpx; padding:0rpx 10rpx;
padding-top: 90rpx;
padding-bottom: 80rpx;
} }
.charts-box{ .charts-box{
width: 100%; width: 100%;

52
pages/feedback/feedback.vue
View File

@ -1,12 +1,15 @@
<template> <template>
<view class="content"> <view class="">
<statusNav navBarTitle="意见反馈"></statusNav> <statusNav navBarTitle="意见反馈"></statusNav>
<container-subgroup-two>
<view slot="content" style="margin: 0 -30rpx;">
<view class="opinion-type"> <view class="opinion-type">
意见类型 意见类型
</view> </view>
<view class="opinion-type-content"> <view class="opinion-type-content">
<view class="li" @click="opinionType(index)" :class="item.state?'on':''" v-for="(item,index) in typeData"> <view class="li" @click="opinionType(index)" :class="item.state?'on':''"
v-for="(item,index) in typeData">
{{item.title}} {{item.title}}
</view> </view>
</view> </view>
@ -15,8 +18,10 @@
<input type="text" class="inputCss" placeholder="请填写您的意见或建议内容" placeholder-class="inputCss-input" <input type="text" class="inputCss" placeholder="请填写您的意见或建议内容" placeholder-class="inputCss-input"
value="" /> value="" />
<input type="text" class="inputCss" placeholder="请输入联系人姓名" placeholder-class="inputCss-input" value="" /> <input type="text" class="inputCss" placeholder="请输入联系人姓名" placeholder-class="inputCss-input"
<input type="text" class="inputCss" placeholder="请输入联系人电话" placeholder-class="inputCss-input" value="" /> value="" />
<input type="text" class="inputCss" placeholder="请输入联系人电话" placeholder-class="inputCss-input"
value="" />
<view class="fault-pictures"> <view class="fault-pictures">
<image class="img" src="../../static/iocn/gz.png" mode="aspectFill"></image> <image class="img" src="../../static/iocn/gz.png" mode="aspectFill"></image>
@ -53,6 +58,8 @@
</view> </view>
</view> </view>
<button class="submit-button" type="default">提交反馈</button> <button class="submit-button" type="default">提交反馈</button>
</view>
</container-subgroup-two>
<footTabOne :current="3"></footTabOne> <footTabOne :current="3"></footTabOne>
</view> </view>
@ -61,10 +68,12 @@
<script> <script>
import statusNav from '../../components/status-nav.vue'; import statusNav from '../../components/status-nav.vue';
import footTabOne from "../../components/foot-tabs/foot-tab-one.vue" import footTabOne from "../../components/foot-tabs/foot-tab-one.vue"
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
export default { export default {
components:{ components: {
footTabOne, footTabOne,
statusNav statusNav,
containerSubgroupTwo
}, },
data() { data() {
return { return {
@ -96,11 +105,11 @@
} }
}, },
methods: { methods: {
opinionType(index){ opinionType(index) {
for (var i = 0; i < this.typeData.length; i++) { for (var i = 0; i < this.typeData.length; i++) {
this.typeData[i].state=false this.typeData[i].state = false
} }
this.typeData[index].state=true this.typeData[index].state = true
} }
} }
} }
@ -110,18 +119,15 @@
page { page {
background-color: #F7F7F7; background-color: #F7F7F7;
} }
.content{
padding-top: 76rpx;
padding-bottom: 180rpx; .opinion-type{
}
.opinion-type {
width: 100%; width: 100%;
height: 80rpx; height: 80rpx;
line-height: 80rpx; line-height: 80rpx;
padding: 0 40rpx; padding: 0 40rpx;
border-top: 2rpx solid #EAEAEA; border-top: 2rpx solid #EAEAEA;
border-bottom: 2rpx solid #EAEAEA; border-bottom: 2rpx solid #EAEAEA;
margin-top: 24rpx;
background-color: #FFFFFF; background-color: #FFFFFF;
font-size: 36rpx; font-size: 36rpx;
font-weight: bold; font-weight: bold;
@ -197,7 +203,8 @@
color: #9f9898; color: #9f9898;
} }
.feedback-con{
.feedback-con {
width: 320rpx; width: 320rpx;
height: 100rpx; height: 100rpx;
border-radius: 8rpx; border-radius: 8rpx;
@ -207,27 +214,32 @@
box-sizing: border-box; box-sizing: border-box;
padding-left: 26rpx; padding-left: 26rpx;
} }
.feedback-con .icon{
.feedback-con .icon {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
margin-right: 18rpx; margin-right: 18rpx;
} }
.feedback-tel-con .text{
.feedback-tel-con .text {
font-size: 24rpx; font-size: 24rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.feedback-tel-con .tel{
.feedback-tel-con .tel {
font-size: 28rpx; font-size: 28rpx;
} }
.feedback-approach{
.feedback-approach {
padding: 0 40rpx; padding: 0 40rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 14rpx; margin-top: 14rpx;
} }
.submit-button { .submit-button {
width: 686rpx; width: 686rpx;
margin-top: 58rpx; margin-top: 58rpx;

13
pages/project/details.vue
View File

@ -1,12 +1,14 @@
<template> <template>
<view class="content"> <view class="content">
<statusNav navBarTitle="项目详情"></statusNav> <statusNav navBarTitle="项目详情"></statusNav>
<container-subgroup-two>
<view slot="content" style="margin: -25rpx -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"
:duration="duration"> >
<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>
@ -221,14 +223,19 @@
</view> </view>
</view> </view>
</view> </view>
</view>
</container-subgroup-two>
</view> </view>
</template> </template>
<script> <script>
import statusNav from "../../components/status-nav.vue" import statusNav from "../../components/status-nav.vue"
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
export default { export default {
components:{ components:{
statusNav statusNav,
containerSubgroupTwo
}, },
data() { data() {
return { return {
@ -272,8 +279,6 @@
.content { .content {
padding: 16rpx 0; padding: 16rpx 0;
padding-top: 80rpx;
padding-bottom: 80rpx;
} }
.swiper { .swiper {

16
pages/project/projectList.vue
View File

@ -1,6 +1,9 @@
<template> <template>
<view class="content" :style="{paddingTop: statusHeight + 'px'}"> <view class="content" :style="{paddingTop: statusHeight + 'px'}">
<statusNav navBarTitle="项目列表" :ifReturn="false"></statusNav> <statusNav navBarTitle="项目列表" :ifReturn="false"></statusNav>
<container-subgroup-two>
<view slot="content" style="margin: -100rpx -30rpx;">
<view class="project-list-input"> <view class="project-list-input">
<input type="text" class="int" value="" placeholder="请输入关键字" /> <input type="text" class="int" value="" placeholder="请输入关键字" />
<view class="xian"> <view class="xian">
@ -53,6 +56,10 @@
</view> </view>
</view>
</container-subgroup-two>
<footTabOne :current="1"></footTabOne> <footTabOne :current="1"></footTabOne>
</view> </view>
</template> </template>
@ -60,10 +67,12 @@
<script> <script>
import statusNav from '../../components/status-nav.vue'; import statusNav from '../../components/status-nav.vue';
import footTabOne from "../../components/foot-tabs/foot-tab-one.vue" import footTabOne from "../../components/foot-tabs/foot-tab-one.vue"
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
export default { export default {
components: { components: {
footTabOne, footTabOne,
statusNav statusNav,
containerSubgroupTwo
}, },
data() { data() {
const currentDate = this.getDate({ const currentDate = this.getDate({
@ -113,11 +122,6 @@
background-color: #F7F7F7; background-color: #F7F7F7;
} }
.content {
/* padding-top: 76rpx; */
padding-bottom: 160rpx;
}
.project-list-input { .project-list-input {
width: 100%; width: 100%;
height: 114rpx; height: 114rpx;

57
pages/workOrder/details.vue
View File

@ -1,14 +1,16 @@
<template> <template>
<view class="content"> <view class="content">
<statusNav :navBarTitle="textTitle"></statusNav> <statusNav :navBarTitle="textTitle"></statusNav>
<container-subgroup-two>
<view slot="content" style="margin:-25rpx 0rpx 0rpx;">
<view class="details-nav"> <view class="details-nav">
<view class="li" @click="detailsNavpa(index)" :class="item.state?'on':''" <view class="li" @click="detailsNavpa(index)" :class="item.state?'on':''"
v-for="(item,index) in detailsNav"> v-for="(item,index) in detailsNav">
{{item.title}} {{item.title}}
</view> </view>
</view> </view>
<swiper class="swiper" @change="swiperCurrentFun" :current="swiperCurrent" :style="'height:'+swiHeight+'px'"> <swiper class="swiper" @change="swiperCurrentFun" :current="swiperCurrent"
:style="'height:'+swiHeight+'px'">
<swiper-item> <swiper-item>
<view class="swiper-item uni-bg-red"> <view class="swiper-item uni-bg-red">
<view id="swi1"> <view id="swi1">
@ -197,7 +199,7 @@
是 是
</view> </view>
</view> </view>
<view class="isrideo" @click="isrideoFun(false)" > <view class="isrideo" @click="isrideoFun(false)">
<view class="icon" :class="isrideo?'':'on'"> <view class="icon" :class="isrideo?'':'on'">
<view class="icon-content"> <view class="icon-content">
@ -228,10 +230,10 @@
</view> </view>
<view class="input add-display"> <view class="input add-display">
<view class=""> <view class="">
<image class="img" src="../../static/del/img001.png" <image class="img" src="../../static/del/img001.png" mode="aspectFill">
mode="aspectFill"></image> </image>
<image class="img" src="../../static/del/img001.png" <image class="img" src="../../static/del/img001.png" mode="aspectFill">
mode="aspectFill"></image> </image>
</view> </view>
</view> </view>
</view> </view>
@ -480,22 +482,30 @@
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
</view>
</container-subgroup-two>
</view> </view>
</template> </template>
<script> <script>
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
import statusNav from '../../components/status-nav.vue'; import statusNav from '../../components/status-nav.vue';
import footTabOne from "../../components/foot-tabs/foot-tab-one.vue" import footTabOne from "../../components/foot-tabs/foot-tab-one.vue"
export default { export default {
components: { components: {
footTabOne, footTabOne,
statusNav statusNav,
containerSubgroupTwo
}, },
data() { data() {
return { return {
swiperCurrent: 0, swiperCurrent: 0,
swiHeight:0,
textTitle: "工单详情", textTitle: "工单详情",
isrideo:true, isrideo: true,
detailsNav: [{ detailsNav: [{
title: "基础信息", title: "基础信息",
state: true state: true
@ -527,9 +537,9 @@
}, },
methods: { methods: {
isrideoFun(is){ isrideoFun(is) {
this.isrideo=is this.isrideo = is
}, },
copy(value) { copy(value) {
//提示模板 //提示模板
uni.showModal({ uni.showModal({
@ -599,9 +609,7 @@ isrideoFun(is){
</script> </script>
<style> <style>
.content { .content {}
padding-top: 80rpx;
}
.swiper { .swiper {
min-height: 88vh; min-height: 88vh;
@ -858,9 +866,11 @@ isrideoFun(is){
.work-order-from .li .add-display { .work-order-from .li .add-display {
display: flex; display: flex;
} }
.change-accessory { .change-accessory {
background-color: #FFFFFF; background-color: #FFFFFF;
} }
.change-accessory .li .img { .change-accessory .li .img {
width: 185rpx; width: 185rpx;
height: 185rpx; height: 185rpx;
@ -903,15 +913,18 @@ isrideoFun(is){
margin-bottom: 12rpx; margin-bottom: 12rpx;
color: #666666; color: #666666;
} }
.work-order-from .rideo{
.work-order-from .rideo {
display: flex; display: flex;
} }
.work-order-from .isrideo{
.work-order-from .isrideo {
display: flex; display: flex;
align-items: center; align-items: center;
margin-right: 41rpx; margin-right: 41rpx;
} }
.work-order-from .isrideo .icon{
.work-order-from .isrideo .icon {
width: 26rpx; width: 26rpx;
border: 2rpx solid #818181; border: 2rpx solid #818181;
border-radius: 50%; border-radius: 50%;
@ -921,17 +934,19 @@ isrideoFun(is){
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.work-order-from .isrideo .icon .icon-content{
.work-order-from .isrideo .icon .icon-content {
width: 19rpx; width: 19rpx;
height: 19rpx; height: 19rpx;
background-color: #818181; background-color: #818181;
border-radius: 50%; border-radius: 50%;
} }
.work-order-from .isrideo .on{ .work-order-from .isrideo .on {
border: 2rpx solid #D81E06; border: 2rpx solid #D81E06;
} }
.work-order-from .isrideo .on .icon-content{
.work-order-from .isrideo .on .icon-content {
background-color: #D81E06 background-color: #D81E06
} }
</style> </style>

28
pages/workOrder/payReturnVisit.vue
View File

@ -1,6 +1,8 @@
<template> <template>
<view class="content"> <view class="content">
<statusNav navBarTitle="工单回访"></statusNav> <statusNav navBarTitle="工单回访"></statusNav>
<container-subgroup-two>
<view slot="content" style="margin: -25rpx -30rpx 0rpx;">
<view class="hint"> <view class="hint">
客户服务，重在回访仔细倾听，以服务质量求发展 客户服务，重在回访仔细倾听，以服务质量求发展
</view> </view>
@ -49,16 +51,19 @@
</view> </view>
<button class="submit-button" type="default">确认发送</button> <button class="submit-button" type="default">确认发送</button>
</view>
</container-subgroup-two>
</view> </view>
</template> </template>
<script> <script>
import statusNav from '../../components/status-nav.vue'; import statusNav from '../../components/status-nav.vue';
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
export default { export default {
components: { components: {
statusNav, statusNav,
containerSubgroupTwo,
}, },
data() { data() {
return { return {
@ -72,14 +77,14 @@
</script> </script>
<style> <style>
.content{
padding-top: 80rpx;
}
.hint { .hint {
color: #358ff0; color: #358ff0;
font-size: 24rpx; font-size: 24rpx;
padding: 25rpx 30rpx; padding: 25rpx 30rpx;
} }
.submit-button { .submit-button {
width: 686rpx; width: 686rpx;
border-radius: 50rpx; border-radius: 50rpx;
@ -91,6 +96,7 @@
text-align: center; text-align: center;
font-size: 30rpx; font-size: 30rpx;
} }
.payReturnVisit-input { .payReturnVisit-input {
background-color: #FFFFFF; background-color: #FFFFFF;
height: 103rpx; height: 103rpx;
@ -118,21 +124,25 @@
font-size: 30rpx; font-size: 30rpx;
margin-top: 2rpx; margin-top: 2rpx;
} }
.payReturnVisit-from{
.payReturnVisit-from {
background-color: #FFFFFF; background-color: #FFFFFF;
} }
.payReturnVisit-textarea{
.payReturnVisit-textarea {
width: 700rpx; width: 700rpx;
border-bottom: 2rpx solid #f4f4f4; border-bottom: 2rpx solid #f4f4f4;
margin: auto; margin: auto;
padding-bottom: 30rpx; padding-bottom: 30rpx;
} }
.payReturnVisit-textarea .title{
.payReturnVisit-textarea .title {
padding: 30rpx 0rpx; padding: 30rpx 0rpx;
font-size: 30rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
} }
.payReturnVisit-textarea .textarea{
.payReturnVisit-textarea .textarea {
width: 100%; width: 100%;
height: 200rpx; height: 200rpx;
background-color: #F5F5F5; background-color: #F5F5F5;

26
pages/workOrder/workOrder.vue
View File

@ -1,7 +1,8 @@
<template> <template>
<view class="content"> <view class="content">
<statusNav navBarTitle="处理工单"></statusNav> <statusNav navBarTitle="处理工单"></statusNav>
<container-subgroup-two>
<view slot="content" style="margin: 0 -25rpx;">
<view class="work-order-schedule"> <view class="work-order-schedule">
<view class="li"> <view class="li">
<view class="icon on icon-after"> <view class="icon on icon-after">
@ -87,7 +88,9 @@
故障说明： 故障说明：
</view> </view>
<textarea auto-height class="input" value="*********************************************************************************************************" placeholder="" /> <textarea auto-height class="input"
value="*********************************************************************************************************"
placeholder="" />
</view> </view>
<view class="li"> <view class="li">
<view class="title"> <view class="title">
@ -137,16 +140,21 @@
</view> </view>
<button class="submit-button" type="default">签到</button> <button class="submit-button" type="default">签到</button>
</view>
</container-subgroup-two>
</view> </view>
</template> </template>
<script> <script>
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
import statusNav from '../../components/status-nav.vue'; import statusNav from '../../components/status-nav.vue';
import footTabOne from "../../components/foot-tabs/foot-tab-one.vue" import footTabOne from "../../components/foot-tabs/foot-tab-one.vue"
export default { export default {
components: { components: {
footTabOne, footTabOne,
statusNav statusNav,
containerSubgroupTwo
}, },
data() { data() {
return { return {
@ -160,11 +168,8 @@
</script> </script>
<style> <style>
.content {
padding-top: 80rpx; .submit-button {
padding-bottom: 80rpx;
}
.submit-button {
width: 686rpx; width: 686rpx;
border-radius: 50rpx; border-radius: 50rpx;
height: 90rpx; height: 90rpx;
@ -175,6 +180,7 @@
text-align: center; text-align: center;
font-size: 30rpx; font-size: 30rpx;
} }
.work-order-schedule { .work-order-schedule {
display: flex; display: flex;
padding: 22rpx 29rpx; padding: 22rpx 29rpx;
@ -241,11 +247,13 @@
flex: 1; flex: 1;
padding-left: 15rpx; padding-left: 15rpx;
} }
.work-order-from .li .input .img{
.work-order-from .li .input .img {
width: 169rpx; width: 169rpx;
height: 127rpx; height: 127rpx;
margin-right: 10rpx; margin-right: 10rpx;
} }
.work-order-from .li .input-black { .work-order-from .li .input-black {
color: #292929; color: #292929;
} }

17
pages/workOrder/workOrderLlsit.vue
View File

@ -1,6 +1,9 @@
<template> <template>
<view class="content"> <view class="content">
<status-nav navBarTitle="工单列表" returnColor="#c2c2c2"></status-nav> <status-nav navBarTitle="工单列表" returnColor="#c2c2c2"></status-nav>
<container-subgroup-two>
<view slot="content" style="margin: 0 -25rpx;">
<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>
@ -9,7 +12,6 @@
</view> </view>
</view> </view>
<view class="screen"> <view class="screen">
<picker @change="bindPickerChange" :value="index" :range="array"> <picker @change="bindPickerChange" :value="index" :range="array">
<view class="li"> <view class="li">
@ -202,17 +204,22 @@
</view> </view>
</view>
</container-subgroup-two>
<footTabOne :current="1"></footTabOne> <footTabOne :current="1"></footTabOne>
</view> </view>
</template> </template>
<script> <script>
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
import statusNav from '../../components/status-nav.vue'; import statusNav from '../../components/status-nav.vue';
import footTabOne from "../../components/foot-tabs/foot-tab-one.vue" import footTabOne from "../../components/foot-tabs/foot-tab-one.vue"
export default { export default {
components: { components: {
footTabOne, footTabOne,
statusNav statusNav,
containerSubgroupTwo
}, },
data() { data() {
const currentDate = this.getDate({ const currentDate = this.getDate({
@ -263,10 +270,7 @@
background-color: #F7F7F7; background-color: #F7F7F7;
} }
.content {
padding-top: 76rpx;
padding-bottom: 140rpx;
}
.project-list-input .xian { .project-list-input .xian {
width: 3rpx; width: 3rpx;
height: 35rpx; height: 35rpx;
@ -473,7 +477,6 @@
height: 30rpx; height: 30rpx;
margin-right: 10rpx; margin-right: 10rpx;
} }
.project-list-address .address { .project-list-address .address {
display: flex; display: flex;
align-items: center; align-items: center;

44
pages/workOrder/workOrderThree.vue
View File

@ -1,6 +1,9 @@
<template> <template>
<view class="content"> <view class="content">
<statusNav navBarTitle="处理工单"></statusNav> <statusNav navBarTitle="处理工单"></statusNav>
<container-subgroup-two>
<view slot="content" style="margin: 0 -25rpx;">
<view class="work-order-schedule"> <view class="work-order-schedule">
<view class="li"> <view class="li">
<view class="icon icon-after"> <view class="icon icon-after">
@ -209,12 +212,17 @@
<button class="submit-button" type="default">提交审核</button> <button class="submit-button" type="default">提交审核</button>
</view>
</container-subgroup-two>
</view> </view>
</template> </template>
<script> <script>
import statusNav from '../../components/status-nav.vue'; import statusNav from '../../components/status-nav.vue';
import footTabOne from "../../components/foot-tabs/foot-tab-one.vue" import footTabOne from "../../components/foot-tabs/foot-tab-one.vue"
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
var content = null; var content = null;
var touchs = []; var touchs = [];
var canvasw = 0; var canvasw = 0;
@ -230,7 +238,7 @@
components: { components: {
footTabOne, footTabOne,
statusNav, statusNav,
containerSubgroupTwo
}, },
data() { data() {
return { return {
@ -379,10 +387,7 @@
</script> </script>
<style> <style>
.content {
padding-top: 80rpx;
padding-bottom: 80rpx;
}
.submit-button { .submit-button {
width: 686rpx; width: 686rpx;
@ -642,26 +647,30 @@
justify-content: space-between; justify-content: space-between;
} }
.money-receiving-code .title{ .money-receiving-code .title {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.money-receiving-code .title .icon{
.money-receiving-code .title .icon {
width: 22rpx; width: 22rpx;
height: 22rpx; height: 22rpx;
margin-right: 30rpx; margin-right: 30rpx;
} }
.money-receiving-code .title .text{
.money-receiving-code .title .text {
font-size: 26rpx; font-size: 26rpx;
color: #333333; color: #333333;
} }
.money-receiving-code .img{
.money-receiving-code .img {
width: 22rpx; width: 22rpx;
height: 12rpx; height: 12rpx;
transform: rotateZ(-90deg); transform: rotateZ(-90deg);
} }
.address{
.address {
width: 100%; width: 100%;
height: 80rpx; height: 80rpx;
background-color: #FFFFFF; background-color: #FFFFFF;
@ -671,16 +680,19 @@
box-sizing: border-box; box-sizing: border-box;
padding: 0rpx 13rpx; padding: 0rpx 13rpx;
} }
.address .icon{
.address .icon {
width: 24rpx; width: 24rpx;
height: 32rpx; height: 32rpx;
margin-right: 30rpx; margin-right: 30rpx;
} }
.address .text{
.address .text {
font-size: 26rpx; font-size: 26rpx;
color: #5d5c5c; color: #5d5c5c;
} }
.remark{
.remark {
width: 100%; width: 100%;
margin-top: 13rpx; margin-top: 13rpx;
background-color: #FFFFFF; background-color: #FFFFFF;
@ -688,12 +700,14 @@
height: 360rpx; height: 360rpx;
box-sizing: border-box; box-sizing: border-box;
} }
.remark .title{
.remark .title {
margin-bottom: 30rpx; margin-bottom: 30rpx;
font-size: 28rpx; font-size: 28rpx;
font-weight: bold; font-weight: bold;
} }
.remark .textarea{
.remark .textarea {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;

15
pages/workOrder/workorderTwo.vue
View File

@ -1,7 +1,8 @@
<template> <template>
<view class="content"> <view class="content">
<statusNav navBarTitle="处理工单"></statusNav> <statusNav navBarTitle="处理工单"></statusNav>
<container-subgroup-two>
<view slot="content" style="margin: 0 -25rpx;">
<view class="work-order-schedule"> <view class="work-order-schedule">
<view class="li"> <view class="li">
<view class="icon icon-after"> <view class="icon icon-after">
@ -271,16 +272,22 @@
</view> </view>
</view> </view>
<button class="submit-button" type="default">下一步</button> <button class="submit-button" type="default">下一步</button>
</view>
</container-subgroup-two>
</view> </view>
</template> </template>
<script> <script>
import statusNav from '../../components/status-nav.vue'; import statusNav from '../../components/status-nav.vue';
import footTabOne from "../../components/foot-tabs/foot-tab-one.vue" import footTabOne from "../../components/foot-tabs/foot-tab-one.vue"
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
export default { export default {
components: { components: {
footTabOne, footTabOne,
statusNav statusNav,
containerSubgroupTwo
}, },
data() { data() {
return { return {
@ -318,10 +325,6 @@ isrideoFun(is){
</script> </script>
<style> <style>
.content {
padding-top: 80rpx;
padding-bottom: 20rpx;
}
.submit-button { .submit-button {
width: 686rpx; width: 686rpx;