|
@@ -8,10 +8,10 @@
|
|
<view class="flex flex-direction width100">
|
|
<view class="flex flex-direction width100">
|
|
<!-- 注意,如果需要兼容微信小程序,最好通过setRules方法设置rules规则 -->
|
|
<!-- 注意,如果需要兼容微信小程序,最好通过setRules方法设置rules规则 -->
|
|
<u--form ref="uForm" :model="formData" labelPosition="left" labelWidth="110" labelAlign="left">
|
|
<u--form ref="uForm" :model="formData" labelPosition="left" labelWidth="110" labelAlign="left">
|
|
- <view class="">
|
|
|
|
|
|
+ <view class="main-time">
|
|
<view style="display: flex;">
|
|
<view style="display: flex;">
|
|
- <view class="">
|
|
|
|
- <u-form-item label="检查项名称" prop="name" ref="item1">
|
|
|
|
|
|
+ <view class="main-times">
|
|
|
|
+ <u-form-item label="检查项名称" prop="name" ref="item1" class="par-time time-axis2">
|
|
<text class="text-1cut padding-sm"
|
|
<text class="text-1cut padding-sm"
|
|
v-if="formData.Fpd">{{formData.Fpd.fpdName}}</text>
|
|
v-if="formData.Fpd">{{formData.Fpd.fpdName}}</text>
|
|
<text class="text-1cut padding-sm"
|
|
<text class="text-1cut padding-sm"
|
|
@@ -24,7 +24,7 @@
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</view>
|
|
</view>
|
|
<img v-if="formData.Fpd" :src="formData.Fpd.fpdQcode" alt="设施二维码"
|
|
<img v-if="formData.Fpd" :src="formData.Fpd.fpdQcode" alt="设施二维码"
|
|
- style='width: 150rpx;height: 150rpx;'>
|
|
|
|
|
|
+ style='width: 150rpx;height: 150rpx;float:right'>
|
|
</view>
|
|
</view>
|
|
<u-form-item label="设施编码" prop="time" ref="item1" v-if="formData.Fpd">
|
|
<u-form-item label="设施编码" prop="time" ref="item1" v-if="formData.Fpd">
|
|
<text class="text-1cut padding-sm"> {{formData.Fpd.fpdCode}} </text>
|
|
<text class="text-1cut padding-sm"> {{formData.Fpd.fpdCode}} </text>
|
|
@@ -42,7 +42,7 @@
|
|
<view class="dashedLine">
|
|
<view class="dashedLine">
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <u-form-item label="检查结果" prop="result" ref="item1" labelPosition="top">
|
|
|
|
|
|
+ <u-form-item label="检查结果" prop="result" ref="item1" labelPosition="top" class="par-time time-axis2">
|
|
<view class="flex flex-wrap padding-top-sm ">
|
|
<view class="flex flex-wrap padding-top-sm ">
|
|
<view class="flex flex-direction-row align-center padding-lr-sm">
|
|
<view class="flex flex-direction-row align-center padding-lr-sm">
|
|
<u--image :showLoading="true" :src="zhengchang" width="34rpx" height="34rpx">
|
|
<u--image :showLoading="true" :src="zhengchang" width="34rpx" height="34rpx">
|
|
@@ -54,15 +54,15 @@
|
|
</u-form-item>
|
|
</u-form-item>
|
|
<view class="padding-top-sm">
|
|
<view class="padding-top-sm">
|
|
<view class="">
|
|
<view class="">
|
|
- <text>现场照片:</text>
|
|
|
|
|
|
+ <text style="margin-left:10px">现场照片:</text>
|
|
<view class="padding-tb-sm">
|
|
<view class="padding-tb-sm">
|
|
<view class="dashedBox ">
|
|
<view class="dashedBox ">
|
|
<view class="dashedLine">
|
|
<view class="dashedLine">
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class=" flex flex-direction-row">
|
|
|
|
- <view class="padding-lr-lg" v-if="formData.activeInspect">
|
|
|
|
|
|
+ <view >
|
|
|
|
+ <view class="padding-lr-lg" v-if="formData.activeInspect" style="widtg:100%;display: flex;justify-content: space-around;">
|
|
<image v-if="formData.activeInspect.imgUrl1"
|
|
<image v-if="formData.activeInspect.imgUrl1"
|
|
:src="formData.activeInspect.imgUrl1" style="width:120rpx;height: 120rpx;" @click="viewImageBig(formData.activeInspect.imgUrl1)">
|
|
:src="formData.activeInspect.imgUrl1" style="width:120rpx;height: 120rpx;" @click="viewImageBig(formData.activeInspect.imgUrl1)">
|
|
</image>
|
|
</image>
|
|
@@ -217,8 +217,26 @@
|
|
position: relative;
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
|
|
-
|
|
|
|
|
|
+.time-axis2::before {
|
|
|
|
+ content: "";
|
|
|
|
+ position: absolute;
|
|
|
|
+ width: 9px;
|
|
|
|
+ height: 9px;
|
|
|
|
+ border-radius: 4px;
|
|
|
|
+ background: #21bfd0;
|
|
|
|
+ top: 50%;
|
|
|
|
+ -webkit-transform: translateY(-50%);
|
|
|
|
+ transform: translateY(-50%);
|
|
|
|
+ left: 0;}
|
|
// /deep/.u-form-item__body__right__content__slot{
|
|
// /deep/.u-form-item__body__right__content__slot{
|
|
// justify-content: space-between;
|
|
// justify-content: space-between;
|
|
// }
|
|
// }
|
|
|
|
+ .main-time::before{
|
|
|
|
+ content: "";
|
|
|
|
+ position: absolute;
|
|
|
|
+ border:4rpx dashed rgba(33, 191, 208, 0.2) ;
|
|
|
|
+ left: 6rpx;
|
|
|
|
+ height: calc(100% - 20px);
|
|
|
|
+ top: 50rpx;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|