|
|
@@ -45,7 +45,11 @@
|
|
|
<view class="actions__icon">
|
|
|
<image src="@/static/image/task/icon/area.png" mode="aspectFit" class="img"></image>
|
|
|
</view>
|
|
|
- <view class="actions__text">{{dataSource.walk_area | numberFixed}} ㎡ </view>
|
|
|
+ <view class="actions__text">
|
|
|
+ <u-tooltip :zIndex="8" :showCopy="false" :overlay="false" size="12" :color="'#1B76FF'"
|
|
|
+ :text="numberFixed(dataSource.walk_area) + '㎡'"
|
|
|
+ :buttons="[numberFixed(dataSource.walk_area) + '㎡']"></u-tooltip>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<template v-if="dataSource.task_status === '处理中'">
|
|
|
@@ -137,11 +141,14 @@
|
|
|
return Number(val) ? Number(val).toFixed(2) : val
|
|
|
},
|
|
|
meter: function(val) {
|
|
|
- return val/1000>1 ? (val/1000).toFixed(2) +'km' : Number(val).toFixed(2) +'m'
|
|
|
+ return val / 1000 > 1 ? (val / 1000).toFixed(2) + 'km' : Number(val).toFixed(2) + 'm'
|
|
|
},
|
|
|
},
|
|
|
mounted() {},
|
|
|
methods: {
|
|
|
+ numberFixed(val) {
|
|
|
+ return Number(val) ? Number(val).toFixed(2) : val
|
|
|
+ },
|
|
|
handleClick() {
|
|
|
this.$emit('click', this.dataSource.task_id);
|
|
|
},
|
|
|
@@ -232,7 +239,6 @@
|
|
|
|
|
|
&__actions {
|
|
|
padding: 0 20rpx;
|
|
|
- overflow: hidden;
|
|
|
|
|
|
.start-btn {
|
|
|
display: inline-block;
|
|
|
@@ -258,15 +264,44 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@include hairline-right(rgba(0, 0, 0, 0.3));
|
|
|
- @include line;
|
|
|
+ // @include line;
|
|
|
|
|
|
&.middle {
|
|
|
justify-content: center;
|
|
|
+ padding: 0 40rpx;
|
|
|
+
|
|
|
+ .actions__text {
|
|
|
+ width: 0;
|
|
|
+ // background-color: #F33E43;
|
|
|
+ flex: 1 1 auto;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
&.right {
|
|
|
- padding-left: 10rpx;
|
|
|
- justify-content: flex-end;
|
|
|
+ padding-left: 20rpx;
|
|
|
+ padding-right: 2rpx;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ .actions__text {
|
|
|
+ // width: 0;
|
|
|
+ // flex: 1 1 auto;
|
|
|
+ // text-align: right;
|
|
|
+
|
|
|
+ ::v-deep {
|
|
|
+ // .u-tooltip__wrapper {
|
|
|
+ // width: 100%;
|
|
|
+ // }
|
|
|
+
|
|
|
+
|
|
|
+ .u-tooltip__wrapper__text {
|
|
|
+ // width: 100%;
|
|
|
+ // font-size: 12px;
|
|
|
+ // text-align: right;
|
|
|
+ // @include line;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
&:last-child {
|
|
|
@@ -285,9 +320,12 @@
|
|
|
height: 100%;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
&__text {
|
|
|
- @include line;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 36rpx;
|
|
|
+ color: #1B76FF;
|
|
|
+ // @include line;
|
|
|
}
|
|
|
|
|
|
&__btns {
|
yf_zhb