|
@@ -11,16 +11,24 @@
|
|
|
</view>
|
|
|
<view class="head-no-addr">
|
|
|
<view>
|
|
|
- <text>{{formData.loadAddr}}</text>
|
|
|
+ <text v-if="formData.loadFactory">{{formData.loadFactory}}</text>
|
|
|
+ <text v-else>{{formData.loadAddr}}</text>
|
|
|
</view>
|
|
|
<!-- <span class="icon iconfont" style="font-size: 100rpx; color: #fcbd71; height: 80rpx;"></span> -->
|
|
|
<view><text>【到】</text></view>
|
|
|
<view>
|
|
|
- <text>{{formData.unLoadAddr}}</text>
|
|
|
+ <text v-if="formData.unLoadFactory">{{formData.unLoadFactory}}</text>
|
|
|
+ <text v-else>{{formData.unLoadAddr}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-sticky>
|
|
|
<view class="striping"></view>
|
|
|
+
|
|
|
+ <!-- 审核意见 -->
|
|
|
+ <view style="margin: 20rpx;" v-if="formData.audit2Desc">
|
|
|
+ <text style="color: #3c9cff; margin-right: 20rpx; margin-left: 50rpx;">审 核 意 见</text>
|
|
|
+ <text style="border-bottom: 2rpx dotted #000;">{{formData.audit2Desc}}</text>
|
|
|
+ </view>
|
|
|
|
|
|
<u-tabs :list="tabs" @change="change" :activeStyle="{
|
|
|
width: '180rpx',
|
|
@@ -46,11 +54,22 @@
|
|
|
<!-- <text class="key">ETC金额</text>
|
|
|
<input class="value" selection-start="0" selection-end="9999" :disabled="disabled" type="digit"
|
|
|
@input="checkUnLoadetc" v-model="formData.loadetc" /> -->
|
|
|
- <text class="key">公司加油(升)</text>
|
|
|
- <input class="value" selection-start="0" selection-end="9999" :disabled="disabled" type="digit"
|
|
|
+ <text class="key" style="width: 45%;">公司加油(升)</text>
|
|
|
+ <input class="value" style="width: calc(45% - 80rpx);" selection-start="0" selection-end="9999" :disabled="disabled" type="digit"
|
|
|
@input="checkUnOilhomeQty" v-model="formData.oilhomeQty" />
|
|
|
+
|
|
|
+
|
|
|
+ <view style="margin-left: 10rpx; width: 80rpx; height: 60rpx; position: relative; background-color: #3c9cff; border-radius: 80rpx">
|
|
|
+ <u-upload :sizeType="['compressed']"
|
|
|
+ @afterRead="imgUploading($event, '公司加油')" @delete="deletePic" name="1" multiple :disabled="disabled"
|
|
|
+ :previewFullImage="true">
|
|
|
+ <uni-icons type="camera" style="position: absolute; top: 6rpx; left: 16rpx;" color="#fff" size="24"/>
|
|
|
+ </u-upload>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
</view>
|
|
|
- <view class="data">
|
|
|
+ <view class="data" style="width: 40%;">
|
|
|
<text class="key">现金过路费</text>
|
|
|
<input class="value" selection-start="0" selection-end="9999" :disabled="disabled" type="digit"
|
|
|
@input="checkUnLoadtoll" v-model="formData.loadtoll" />
|
|
@@ -82,11 +101,19 @@
|
|
|
</view>
|
|
|
<view class="box">
|
|
|
<view class="data">
|
|
|
- <text class="key">升 数</text>
|
|
|
- <input class="value" selection-start="0" selection-end="9999" :disabled="disabled || formData.gasstation1 == '' || formData.gasstation1 == null" type="digit"
|
|
|
+ <text class="key" style="width: 45%;">升 数</text>
|
|
|
+ <input class="value" style="width: calc(45% - 80rpx);" selection-start="0" selection-end="9999" :disabled="disabled || formData.gasstation1 == '' || formData.gasstation1 == null" type="digit"
|
|
|
@input="checkUnOilappoint1Qty" placeholder-style="font-size:24rpx" placeholder="请输入升数" v-model="formData.oilappoint1Qty" />
|
|
|
+
|
|
|
+ <view style="margin-left: 10rpx; width: 80rpx; height: 60rpx; position: relative; background-color: #3c9cff; border-radius: 80rpx">
|
|
|
+ <u-upload :sizeType="['compressed']"
|
|
|
+ @afterRead="imgUploading($event, '定点加油1')" @delete="deletePic" name="1" multiple :disabled="disabled"
|
|
|
+ :previewFullImage="true">
|
|
|
+ <uni-icons type="camera" style="position: absolute; top: 6rpx; left: 16rpx;" color="#fff" size="24"/>
|
|
|
+ </u-upload>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="data">
|
|
|
+ <view class="data" style="width: 40%;">
|
|
|
<text class="key">金 额</text>
|
|
|
|
|
|
<input class="value" selection-start="0" selection-end="9999" :disabled="disabled || formData.gasstation1 == '' || formData.gasstation1 == null" type="digit"
|
|
@@ -105,11 +132,20 @@
|
|
|
</view>
|
|
|
<view class="box">
|
|
|
<view class="data">
|
|
|
- <text class="key">升 数</text>
|
|
|
- <input class="value" selection-start="0" selection-end="9999" :disabled="disabled || formData.gasstation2 == '' || formData.gasstation2 == null" type="digit"
|
|
|
+ <text class="key" style="width: 45%;">升 数</text>
|
|
|
+ <input class="value" style="width: calc(45% - 80rpx);" selection-start="0" selection-end="9999" :disabled="disabled || formData.gasstation2 == '' || formData.gasstation2 == null" type="digit"
|
|
|
@input="checkUnOilappoint2Qty" placeholder-style="font-size:24rpx" placeholder="请输入升数" v-model="formData.oilappoint2Qty" />
|
|
|
+
|
|
|
+ <view style="margin-left: 10rpx; width: 80rpx; height: 60rpx; position: relative; background-color: #3c9cff; border-radius: 80rpx">
|
|
|
+ <u-upload :sizeType="['compressed']"
|
|
|
+ @afterRead="imgUploading($event, '定点加油2')" @delete="deletePic" name="1" multiple :disabled="disabled"
|
|
|
+ :previewFullImage="true">
|
|
|
+ <uni-icons type="camera" style="position: absolute; top: 6rpx; left: 16rpx;" color="#fff" size="24"/>
|
|
|
+ </u-upload>
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
- <view class="data">
|
|
|
+ <view class="data" style="width: 40%;">
|
|
|
<text class="key">金 额</text>
|
|
|
|
|
|
<input class="value" selection-start="0" selection-end="9999" :disabled="disabled || formData.gasstation2 == '' || formData.gasstation2 == null" type="digit"
|
|
@@ -128,11 +164,20 @@
|
|
|
</view>
|
|
|
<view class="box">
|
|
|
<view class="data">
|
|
|
- <text class="key">升 数</text>
|
|
|
- <input class="value" selection-start="0" selection-end="9999" :disabled="disabled || formData.gasstation3 == '' || formData.gasstation3 == null" type="digit"
|
|
|
+ <text class="key" style="width: 45%;">升 数</text>
|
|
|
+ <input class="value" style="width: calc(45% - 80rpx);" selection-start="0" selection-end="9999" :disabled="disabled || formData.gasstation3 == '' || formData.gasstation3 == null" type="digit"
|
|
|
@input="checkUnOilappoint3Qty" placeholder-style="font-size:24rpx" placeholder="请输入升数" v-model="formData.oilappoint3Qty" />
|
|
|
+
|
|
|
+ <view style="margin-left: 10rpx; width: 80rpx; height: 60rpx; position: relative; background-color: #3c9cff; border-radius: 80rpx">
|
|
|
+ <u-upload :sizeType="['compressed']"
|
|
|
+ @afterRead="imgUploading($event, '定点加油3')" @delete="deletePic" name="1" multiple :disabled="disabled"
|
|
|
+ :previewFullImage="true">
|
|
|
+ <uni-icons type="camera" style="position: absolute; top: 6rpx; left: 16rpx;" color="#fff" size="24"/>
|
|
|
+ </u-upload>
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
- <view class="data">
|
|
|
+ <view class="data" style="width: 40%;">
|
|
|
<text class="key">金 额</text>
|
|
|
|
|
|
<input class="value" selection-start="0" selection-end="9999" :disabled="disabled || formData.gasstation3 == '' || formData.gasstation3 == null" type="digit"
|
|
@@ -142,11 +187,20 @@
|
|
|
|
|
|
<view class="box">
|
|
|
<view class="data">
|
|
|
- <text class="key">现金加油(升)</text>
|
|
|
- <input class="value" selection-start="0" selection-end="9999" :disabled="disabled" type="digit"
|
|
|
+ <text class="key" style="width: 45%;">现金加油(升)</text>
|
|
|
+ <input class="value" style="width: calc(45% - 80rpx);" selection-start="0" selection-end="9999" :disabled="disabled" type="digit"
|
|
|
@input="checkUnOilcash1Qty" v-model="formData.oilcash1Qty" />
|
|
|
+
|
|
|
+ <view style="margin-left: 10rpx; width: 80rpx; height: 60rpx; position: relative; background-color: #3c9cff; border-radius: 80rpx">
|
|
|
+ <u-upload :sizeType="['compressed']"
|
|
|
+ @afterRead="imgUploading($event, '现金加油')" @delete="deletePic" name="1" multiple :disabled="disabled"
|
|
|
+ :previewFullImage="true">
|
|
|
+ <uni-icons type="camera" style="position: absolute; top: 6rpx; left: 16rpx;" color="#fff" size="24"/>
|
|
|
+ </u-upload>
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
- <view class="data">
|
|
|
+ <view class="data" style="width: 40%;">
|
|
|
<text class="key">加油金额</text>
|
|
|
<input class="value" selection-start="0" selection-end="9999" :disabled="disabled" type="digit"
|
|
|
@input="checkUnOilcash1Amt" v-model="formData.oilcash1Amt" />
|
|
@@ -156,11 +210,20 @@
|
|
|
|
|
|
<view class="box">
|
|
|
<view class="data">
|
|
|
- <text class="key">油卡加油(升)</text>
|
|
|
- <input class="value" selection-start="0" selection-end="9999" :disabled="disabled" type="digit"
|
|
|
+ <text class="key" style="width: 45%;">油卡加油(升)</text>
|
|
|
+ <input class="value" style="width: calc(45% - 80rpx);" selection-start="0" selection-end="9999" :disabled="disabled" type="digit"
|
|
|
@input="checkUnOilcardQty" v-model="formData.oilcardQty" />
|
|
|
+
|
|
|
+ <view style="margin-left: 10rpx; width: 80rpx; height: 60rpx; position: relative; background-color: #3c9cff; border-radius: 80rpx">
|
|
|
+ <u-upload :sizeType="['compressed']"
|
|
|
+ @afterRead="imgUploading($event, '油卡加油')" @delete="deletePic" name="1" multiple :disabled="disabled"
|
|
|
+ :previewFullImage="true">
|
|
|
+ <uni-icons type="camera" style="position: absolute; top: 6rpx; left: 16rpx;" color="#fff" size="24"/>
|
|
|
+ </u-upload>
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
- <view class="data">
|
|
|
+ <view class="data" style="width: 40%;">
|
|
|
<text class="key">加油金额</text>
|
|
|
<input class="value" selection-start="0" selection-end="9999" :disabled="disabled" type="digit"
|
|
|
@input="checkUnOilcardAmt" v-model="formData.oilcardAmt" />
|
|
@@ -1425,7 +1488,7 @@
|
|
|
})
|
|
|
},
|
|
|
// 新增图片
|
|
|
- imgUploading(event) {
|
|
|
+ imgUploading(event, nameType) {
|
|
|
// 当设置 multiple 为 true 时, file 为数组格式,否则为对象格式
|
|
|
let lists = [].concat(event.file)
|
|
|
let fileListLen = this[`fileList${event.name}`].length
|
|
@@ -1440,7 +1503,9 @@
|
|
|
let date = this.dateToString("yyyyMMdd");
|
|
|
let dateHHmmss = this.dateToString("yyyy-MM-dd HH:mm:ss");
|
|
|
this.formData.date = date;
|
|
|
- insertTmsAttachMngs(this.formData).then(res => {
|
|
|
+ let reqData = this.formData
|
|
|
+ reqData.attachdesc = nameType
|
|
|
+ insertTmsAttachMngs(reqData).then(res => {
|
|
|
if (res.code == 200) {
|
|
|
uni.compressImage({
|
|
|
src: lists[i].url,
|
|
@@ -1799,7 +1864,7 @@
|
|
|
}
|
|
|
|
|
|
.box-box {
|
|
|
- padding-left: 30rpx;
|
|
|
+ // padding-left: 30rpx;
|
|
|
padding-right: 30rpx;
|
|
|
}
|
|
|
|
|
@@ -1927,7 +1992,7 @@
|
|
|
align-items: center;
|
|
|
|
|
|
.data {
|
|
|
- width: 50%;
|
|
|
+ width: 60%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|