master
parent
972e7fdc63
commit
6112b9657d
|
@ -31,15 +31,15 @@
|
||||||
<view class="con">
|
<view class="con">
|
||||||
<image class="img" src="../../static/del/500478055.png" mode=""></image>
|
<image class="img" src="../../static/del/500478055.png" mode=""></image>
|
||||||
|
|
||||||
<view class="text">
|
<view class="text scal09">
|
||||||
<view class="code">
|
<view class="code">
|
||||||
<view class="">
|
<view class="">
|
||||||
编号: YG20211207-001
|
编号: YG20211207-001
|
||||||
</view>
|
</view>
|
||||||
<view class="iconCon">
|
<view class="iconCon">
|
||||||
<view v-for="(item,index) in 5">
|
<view v-for="(item,index) in 5">
|
||||||
<image class="icon" v-if="index<=2" src="../../static/iocn/6.png" mode=""></image>
|
<image class="icon" v-if="index<=2" src="../../static/iocn/6.png" ></image>
|
||||||
<image class="icon" v-else src="../../static/iocn/7.png" mode=""></image>
|
<image class="icon" v-else src="../../static/iocn/7.png" ></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
@ -224,14 +224,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.peopleManagement-content .li .con .img {
|
.peopleManagement-content .li .con .img {
|
||||||
width: 186rpx;
|
width: 129rpx;
|
||||||
height: 124rpx;
|
height: 114rpx;
|
||||||
margin-right: 16rpx;
|
margin-right: 16rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.peopleManagement-content .li .con .text {
|
.peopleManagement-content .li .con .text {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding-right: 30rpx;
|
margin-left: -14rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.peopleManagement-content .li .con .text .iconCon {
|
.peopleManagement-content .li .con .text .iconCon {
|
||||||
|
@ -254,9 +254,9 @@
|
||||||
.peopleManagement-content .li .con .text .p{
|
.peopleManagement-content .li .con .text .p{
|
||||||
color: #7a7979;
|
color: #7a7979;
|
||||||
display: flex;
|
display: flex;
|
||||||
font-size: 20rpx;
|
font-size: 24rpx;
|
||||||
|
|
||||||
padding: 0rpx 0rpx;
|
padding: 15rpx 0rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.peopleManagement-content .li .con .text .p .one{
|
.peopleManagement-content .li .con .text .p .one{
|
||||||
|
@ -273,8 +273,7 @@
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding-right: 22rpx
|
padding-right: 22rpx;
|
||||||
;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
.peopleManagement-content .li .bottom .cor3{
|
.peopleManagement-content .li .bottom .cor3{
|
||||||
|
|
|
@ -218,57 +218,13 @@
|
||||||
<view class="record-content">
|
<view class="record-content">
|
||||||
<view class="title">过程追踪</view>
|
<view class="title">过程追踪</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>
|
<view class="text">“部分模组不显示”故障【陈志远】已处理。</view>
|
||||||
</view>
|
<view class="date">2020-05-15 16:00</view>
|
||||||
<view class="con">
|
</view>
|
||||||
<view class="text clips2">【维修中】工号00234工程师将于16:00到达现场为您 服务。</view>
|
</view>
|
||||||
<view class="date">2020-06-15 15:30</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="li">
|
|
||||||
<view class="icon"></view>
|
|
||||||
<view class="con">
|
|
||||||
<view class="text clips1">【工程师已接单】工号00234工程师已接单</view>
|
|
||||||
<view class="date">2020-06-15 14:30 </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 class="button" @tap="goEvaluate(1)">我要评价</view>
|
<view class="button" @tap="goEvaluate(1)">我要评价</view>
|
||||||
|
@ -442,16 +398,16 @@
|
||||||
|
|
||||||
.work-order-from .li .title {
|
.work-order-from .li .title {
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
width: 133rpx;
|
text-align: right;
|
||||||
|
white-space: nowrap;
|
||||||
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.work-order-from .li .input {
|
.work-order-from .li .input {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #8b8b8b;
|
color: #8b8b8b;
|
||||||
flex: 1;
|
width: 80%;
|
||||||
padding-left: 15rpx;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.work-order-from .li .input .img {
|
.work-order-from .li .input .img {
|
||||||
|
@ -563,7 +519,6 @@
|
||||||
.record-content .list .li {
|
.record-content .list .li {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 40rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.record-content .list .li .icon {
|
.record-content .list .li .icon {
|
||||||
|
@ -695,7 +650,7 @@
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-bottom: 16rpx;
|
margin-bottom: 10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.change-accessory .li .text-content .title .text {
|
.change-accessory .li .text-content .title .text {
|
||||||
|
@ -752,4 +707,67 @@
|
||||||
.work-order-from .isrideo .on .icon-content {
|
.work-order-from .isrideo .on .icon-content {
|
||||||
background-color: #D81E06
|
background-color: #D81E06
|
||||||
}
|
}
|
||||||
|
.record-content {
|
||||||
|
padding: 0 52rpx;
|
||||||
|
|
||||||
|
padding-top: 33rpx;
|
||||||
|
padding-bottom: 40rpx;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.record-content .title {
|
||||||
|
color: #333333;
|
||||||
|
margin-left: 12rpx;
|
||||||
|
font-size: 30rpx;
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.record-content .list .li {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-top: 20rpx;
|
||||||
|
border-left: 2rpx solid #999999;
|
||||||
|
|
||||||
|
}
|
||||||
|
.record-content .list .li::before {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: -8rpx;
|
||||||
|
width: 14rpx;
|
||||||
|
height: 14rpx;
|
||||||
|
background-color: #999999;
|
||||||
|
border-radius: 100%;
|
||||||
|
}x
|
||||||
|
.record-content .list .activeTrack {
|
||||||
|
color: #0084ff;
|
||||||
|
padding-top: 0rpx;
|
||||||
|
}
|
||||||
|
.record-content .list .activeTrack::before {
|
||||||
|
background-color: rgba(0,132,255,.5);
|
||||||
|
top: -4rpx;
|
||||||
|
width: 22rpx;
|
||||||
|
height: 22rpx;
|
||||||
|
left: -12rpx;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.record-content .list .activeTrack::after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: -8rpx;
|
||||||
|
width: 14rpx;
|
||||||
|
height: 14rpx;
|
||||||
|
background-color: #999999;
|
||||||
|
border-radius: 100%;
|
||||||
|
}
|
||||||
|
.record-content .list .activeTrack .line-h60 {
|
||||||
|
margin-top: -26rpx;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
.record-content .list .date {
|
||||||
|
margin-left: 20rpx;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -90,7 +90,14 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="customerSignature">
|
<view class="customerSignature">
|
||||||
<view class="title">客户签名</view>
|
<view class="title">
|
||||||
|
<view class="">
|
||||||
|
客户签名
|
||||||
|
</view>
|
||||||
|
<view class="" @click="clearClick" v-if="!isCanvas">
|
||||||
|
清除
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
<view class='contents'>
|
<view class='contents'>
|
||||||
<canvas class='firstCanvas' canvas-id="firstCanvas" @touchmove='move'
|
<canvas class='firstCanvas' canvas-id="firstCanvas" @touchmove='move'
|
||||||
@touchstart='start($event)' @touchend='end' @touchcancel='cancel' @longtap='tap'
|
@touchstart='start($event)' @touchend='end' @touchcancel='cancel' @longtap='tap'
|
||||||
|
@ -158,6 +165,7 @@
|
||||||
{title: '验收扫尾',state: false,},
|
{title: '验收扫尾',state: false,},
|
||||||
{title: '包年签单',state: false,},
|
{title: '包年签单',state: false,},
|
||||||
],
|
],
|
||||||
|
signatureState:false,
|
||||||
array: ['微信', '支付宝', '现金', '类型'],
|
array: ['微信', '支付宝', '现金', '类型'],
|
||||||
paymentModeIndex:0,
|
paymentModeIndex:0,
|
||||||
serviceTime:'' ,// 服务时间
|
serviceTime:'' ,// 服务时间
|
||||||
|
@ -272,6 +280,7 @@
|
||||||
// 画布的触摸移动开始手势响应
|
// 画布的触摸移动开始手势响应
|
||||||
start: function(e) {
|
start: function(e) {
|
||||||
this.isCanvas = false
|
this.isCanvas = false
|
||||||
|
this.signatureState=true
|
||||||
let point = {
|
let point = {
|
||||||
x: e.touches[0].x,
|
x: e.touches[0].x,
|
||||||
y: e.touches[0].y,
|
y: e.touches[0].y,
|
||||||
|
@ -325,6 +334,7 @@
|
||||||
//清除操作
|
//清除操作
|
||||||
clearClick: function() {
|
clearClick: function() {
|
||||||
//清除画布
|
//清除画布
|
||||||
|
this.isCanvas = true
|
||||||
content.clearRect(0, 0, canvasw, canvash)
|
content.clearRect(0, 0, canvasw, canvash)
|
||||||
content.draw(true)
|
content.draw(true)
|
||||||
},
|
},
|
||||||
|
@ -555,6 +565,8 @@
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.customerSignature {
|
.customerSignature {
|
||||||
|
|
Loading…
Reference in New Issue