init
This commit is contained in:
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"van-picker": "@vant/weapp/picker/index",
|
||||
"van-popup": "@vant/weapp/popup/index",
|
||||
"van-tab": "@vant/weapp/tab/index",
|
||||
"van-tabs": "@vant/weapp/tabs/index",
|
||||
"van-empty": "@vant/weapp/empty/index",
|
||||
"van-divider": "@vant/weapp/divider/index",
|
||||
"van-search": "@vant/weapp/search/index"
|
||||
},
|
||||
"enablePullDownRefresh": true,
|
||||
"navigationBarTitleText": "采购交车验收"
|
||||
}
|
||||
@@ -0,0 +1,238 @@
|
||||
/* pages/handoverVehicle/handoverVehicleRecord/handoverVehicleRecord.wxss */
|
||||
.container {
|
||||
height: 100vh;
|
||||
background: #EFF1F4;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
.van-tabs {
|
||||
height: 100%;
|
||||
|
||||
.van-tabs__content {
|
||||
height: calc(100% - 44px);
|
||||
}
|
||||
}
|
||||
|
||||
.search-container {
|
||||
padding: 10px 8px;
|
||||
border-top: 1px solid #DBDBDB;
|
||||
background: #ffffff;
|
||||
|
||||
.row {
|
||||
margin-bottom: 8px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
>.project-select {
|
||||
width: calc((100% - 6px) / 3);
|
||||
height: 36px;
|
||||
padding: 8px 10px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #E6EAF2;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
picker {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
.picker {
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
// padding-left: 14px;
|
||||
box-sizing: border-box;
|
||||
// border: 1px solid #E6EAF2;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
// justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.picker::after {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 6px solid #636B83;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid transparent;
|
||||
border-left: 6px solid transparent;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 14px;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
}
|
||||
|
||||
&.selectItem {
|
||||
// width: 100%;
|
||||
justify-content: space-between;
|
||||
|
||||
.val {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
color: #949CB5;
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.arrow {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 13rpx solid transparent;
|
||||
border-right: 13rpx solid transparent;
|
||||
border-top: 15rpx solid #636B83;
|
||||
margin-left: 18rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 10px;
|
||||
height: 1px;
|
||||
background: #949CB5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-content {
|
||||
.list {
|
||||
// height: calc(100vh - 44px - 65px - 88px);
|
||||
height: calc(100vh - 44px - 65px);
|
||||
padding: 8px 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
// overflow-y: auto;
|
||||
.scroll-view_H {
|
||||
height: 100%;
|
||||
// padding: 0 8px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.item {
|
||||
padding: 12px 10px;
|
||||
margin: 0 8px 8px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 8px;
|
||||
|
||||
// box-shadow: 0 0 4px 0 rgba(0,0,0,.4);
|
||||
.row {
|
||||
margin-bottom: 4px;
|
||||
color: #2E3A4F;
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.title {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.time {
|
||||
color: #858CA0;
|
||||
}
|
||||
|
||||
.val {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.type {
|
||||
width: 104rpx;
|
||||
height: 32rpx;
|
||||
padding: 4rpx;
|
||||
margin-left: 16rpx;
|
||||
line-height: 32rpx;
|
||||
background: linear-gradient(270deg, #4CDBAD 0%, #2FCBAB 100%);
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.type-g {
|
||||
background: linear-gradient(270deg, #A1A8BB 0%, #838EAA 100%);
|
||||
}
|
||||
|
||||
.type-b {
|
||||
background: #4381FC;
|
||||
}
|
||||
|
||||
.type-bb {
|
||||
background: #FFFFFF;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #4F88FC;
|
||||
color: #4381FC;
|
||||
}
|
||||
}
|
||||
|
||||
.status {
|
||||
width: 104rpx;
|
||||
color: #2E3A4F;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.status1 {
|
||||
width: 104rpx;
|
||||
color: #4381FC;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nodata {
|
||||
text-align: center;
|
||||
margin: 60px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
padding: 16px 12px 30px;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px 8px 0 0;
|
||||
box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
||||
.btn-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.btn {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
|
||||
color: #fff;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.searchBox {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 80rpx;
|
||||
z-index: 63;
|
||||
}
|
||||
@@ -0,0 +1,404 @@
|
||||
// pages/handoverVehicle/handoverVehicleRecord/handoverVehicleRecord.ts
|
||||
import { getAction } from '../../../api/base';
|
||||
const dayjs = require('dayjs');
|
||||
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
tabActive: 0,
|
||||
current: 1,
|
||||
isLast: false,
|
||||
loading: false,
|
||||
projectOptions: [
|
||||
{
|
||||
text: '全部',
|
||||
value: ''
|
||||
}
|
||||
],
|
||||
filterProjectOptions: [
|
||||
{
|
||||
text: '全部',
|
||||
value: ''
|
||||
}
|
||||
],
|
||||
projectSearchVal: '',
|
||||
selectProjectIndex: 0,
|
||||
selectProject: {} as any,
|
||||
vehicleTypeOptions: [
|
||||
{
|
||||
text: '全部',
|
||||
value: ''
|
||||
}
|
||||
],
|
||||
vehicleTypeIndex: 0,
|
||||
vehicleType: {} as any,
|
||||
checkStatusOptions: [
|
||||
{
|
||||
text: '全部',
|
||||
value: ''
|
||||
}
|
||||
],
|
||||
checkStatusIndex: 0,
|
||||
checkStatus: {} as any,
|
||||
receiveStatusOptions: [
|
||||
{
|
||||
text: '全部',
|
||||
value: ''
|
||||
},
|
||||
{
|
||||
text: '未交车',
|
||||
value: '0'
|
||||
},
|
||||
{
|
||||
text: '未收车',
|
||||
value: '0.5'
|
||||
},
|
||||
{
|
||||
text: '已收车',
|
||||
value: '1'
|
||||
}
|
||||
],
|
||||
receiveStatusIndex: 0,
|
||||
receiveStatus: {} as any,
|
||||
projectShow: false,
|
||||
vehicleTypeShow: false,
|
||||
checkStatusShow: false,
|
||||
receiveStatusShow: false,
|
||||
list1: [],
|
||||
list2: [],
|
||||
list3: []
|
||||
},
|
||||
|
||||
tabOnClick(event: any) {
|
||||
console.log(event.detail.name);
|
||||
// 采购
|
||||
if (event.detail.name === 0) this.getProjectOptions(4);
|
||||
// 租赁
|
||||
else if (event.detail.name === 1) this.getProjectOptions(1);
|
||||
// 看情况要不要重置查询条件
|
||||
this.setData({
|
||||
current: 1,
|
||||
isLast: false,
|
||||
list1: [],
|
||||
list2: [],
|
||||
list3: [],
|
||||
tabActive: event.detail.name,
|
||||
receiveStatusIndex: 0,
|
||||
receiveStatus: {},
|
||||
checkStatusIndex: 0,
|
||||
checkStatus: {},
|
||||
selectProjectIndex: 0,
|
||||
selectProject: {},
|
||||
vehicleTypeIndex: 0,
|
||||
vehicleType: {}
|
||||
});
|
||||
// 查询
|
||||
this.getList();
|
||||
},
|
||||
getProjectOptions(type: number) {
|
||||
// 改成合同的接口其他不动
|
||||
getAction('api/contract/list', { contractType: type }).then((res: any) => {
|
||||
if (res.code == 200) {
|
||||
res.result.unshift({
|
||||
id: '',
|
||||
name: '全部'
|
||||
});
|
||||
let arr = [] as any;
|
||||
res.result.forEach((item: any) => {
|
||||
arr.push({
|
||||
text: item.name,
|
||||
value: item.id
|
||||
});
|
||||
});
|
||||
this.setData({
|
||||
projectOptions: arr,
|
||||
filterProjectOptions: arr,
|
||||
selectProjectIndex: 0,
|
||||
projectSearchVal: ''
|
||||
// selectProject: res.result[0]
|
||||
});
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: res.message,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
getDictOptions(dictCode: string) {
|
||||
getAction('api/sys/dict/getDictItems/' + dictCode).then((res: any) => {
|
||||
if (res.code == 200) {
|
||||
if (dictCode == 'vehicle_type') {
|
||||
this.setData({
|
||||
vehicleTypeOptions: this.data.vehicleTypeOptions.concat(res.result),
|
||||
vehicleTypeIndex: 0
|
||||
// vehicleType: res.result[0]
|
||||
});
|
||||
} else {
|
||||
this.setData({
|
||||
checkStatusOptions: this.data.checkStatusOptions.concat(res.result),
|
||||
checkStatusIndex: 0
|
||||
// checkStatus: res.result[0]
|
||||
});
|
||||
}
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: res.message,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
getList() {
|
||||
console.log(this.data);
|
||||
let parms = {
|
||||
checkType: this.data.tabActive + 1,
|
||||
contractId: this.data.selectProject.value,
|
||||
templateId: '',
|
||||
vehicleType: this.data.vehicleType.value,
|
||||
checkStatus: this.data.checkStatus.value, // 验收结果（1合格，0不合格）
|
||||
receiveStatus: this.data.receiveStatus.value, // 验收结果（1合格，0不合格）
|
||||
pageNo: this.data.current,
|
||||
pageSize: 10
|
||||
};
|
||||
wx.showLoading({
|
||||
title: '加载中'
|
||||
});
|
||||
|
||||
if (!this.data.loading) {
|
||||
this.setData({
|
||||
loading: true
|
||||
});
|
||||
}
|
||||
getAction('api/vehicleCheck/page', parms).then((res: any) => {
|
||||
wx.hideLoading();
|
||||
this.setData({
|
||||
loading: false
|
||||
});
|
||||
if (res.code == 200) {
|
||||
let data: any = { ...this.data };
|
||||
// data['list' + (this.data.tabActive + 1)] = res.result;
|
||||
data['list' + (this.data.tabActive + 1)] = data[
|
||||
'list' + (this.data.tabActive + 1)
|
||||
].concat(res.result.records);
|
||||
console.log(data);
|
||||
this.setData(data);
|
||||
if (
|
||||
data['list' + (this.data.tabActive + 1)].length == res.result.total
|
||||
) {
|
||||
this.setData({
|
||||
isLast: true
|
||||
});
|
||||
}
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: res.message,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
pickerChange(event: any) {
|
||||
//下拉框切换是否展示
|
||||
let fieldName: any = event.currentTarget.dataset.fieldname;
|
||||
let data: any = { ...this.data };
|
||||
data[fieldName] = true;
|
||||
this.setData(data);
|
||||
},
|
||||
hidePicker() {
|
||||
this.setData({
|
||||
projectShow: false,
|
||||
vehicleTypeShow: false,
|
||||
checkStatusShow: false,
|
||||
receiveStatusShow: false
|
||||
});
|
||||
},
|
||||
pickerConfirm(event: any) {
|
||||
console.log(event);
|
||||
//下拉框点击确认
|
||||
let { fieldname } = event.currentTarget.dataset;
|
||||
let detail = event.detail;
|
||||
let data: any = { ...this.data };
|
||||
data[fieldname] = detail.value;
|
||||
data[fieldname + 'Index'] = detail.index;
|
||||
// 初始化列表
|
||||
data.current = 1;
|
||||
data.isLast = false;
|
||||
data.list1 = [];
|
||||
data.list2 = [];
|
||||
data.list3 = [];
|
||||
this.setData(data);
|
||||
this.hidePicker();
|
||||
this.getList();
|
||||
},
|
||||
toDetail(e: any) {
|
||||
let that = this;
|
||||
if (this.data.tabActive == 0) {
|
||||
wx.navigateTo({
|
||||
url: '../procurementDelivery/procurementDelivery',
|
||||
success: function (res) {
|
||||
// 通过eventChannel向被打开页面传送数据
|
||||
res.eventChannel.emit('eventName', {
|
||||
...e.currentTarget.dataset.inf
|
||||
});
|
||||
},
|
||||
fail: e => {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
} else if (this.data.tabActive == 1) {
|
||||
wx.navigateTo({
|
||||
url: '../rentalDelivery/rentalDelivery',
|
||||
success: function (res) {
|
||||
// 通过eventChannel向被打开页面传送数据
|
||||
res.eventChannel.emit('eventName', {
|
||||
...e.currentTarget.dataset.inf
|
||||
});
|
||||
},
|
||||
fail: e => {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
wx.navigateTo({
|
||||
url: '../rentalRetrieve/rentalRetrieve',
|
||||
success: function (res) {
|
||||
// 通过eventChannel向被打开页面传送数据
|
||||
res.eventChannel.emit('eventName', {
|
||||
...e.currentTarget.dataset.inf
|
||||
});
|
||||
},
|
||||
fail: e => {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
eventReportAdd() {
|
||||
// let that = this;
|
||||
let url = '';
|
||||
if (this.data.tabActive == 0) {
|
||||
url = '../procurementDeliveryEdit/procurementDeliveryEdit';
|
||||
} else if (this.data.tabActive == 1) {
|
||||
url = '../rentalDeliveryEdit/rentalDeliveryEdit';
|
||||
} else {
|
||||
}
|
||||
wx.navigateTo({
|
||||
url: url,
|
||||
success: function (res) {
|
||||
// 通过eventChannel向被打开页面传送数据
|
||||
res.eventChannel.emit('eventName', {
|
||||
isAdd: true
|
||||
});
|
||||
},
|
||||
fail: e => {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
},
|
||||
lower(e: any) {
|
||||
console.log(e.detail.direction == 'bottom');
|
||||
if (this.data.isLast) {
|
||||
wx.showToast({
|
||||
title: '已经是最后一页',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (e.detail.direction == 'bottom' && !this.data.loading) {
|
||||
// this.data.current += 1
|
||||
this.setData({
|
||||
loading: true,
|
||||
current: (this.data.current += 1)
|
||||
});
|
||||
this.getList();
|
||||
}
|
||||
},
|
||||
filterProject(event: any) {
|
||||
console.log(123, event.detail);
|
||||
|
||||
let list = [] as any;
|
||||
this.data.projectOptions.forEach((item: any) => {
|
||||
if (item.text.toLowerCase().indexOf(event.detail.toLowerCase()) >= 0) {
|
||||
list.push(item);
|
||||
}
|
||||
});
|
||||
this.setData({
|
||||
filterProjectOptions: list,
|
||||
projectSearchVal: event.detail
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
this.getProjectOptions(4);
|
||||
this.getDictOptions('vehicle_type');
|
||||
this.getDictOptions('check_status');
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
this.setData({
|
||||
current: 1,
|
||||
isLast: false,
|
||||
list1: [],
|
||||
list2: [],
|
||||
list3: []
|
||||
});
|
||||
this.getList();
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
this.setData({
|
||||
selectProject: {},
|
||||
vehicleType: {},
|
||||
checkStatus: {}, // 验收结果（1合格，0不合格）
|
||||
receiveStatusIndex: 0,
|
||||
receiveStatus: {}, // 状态
|
||||
checkStatusIndex: 0,
|
||||
vehicleTypeIndex: 0,
|
||||
selectProjectIndex: 0,
|
||||
list1: [],
|
||||
list2: [],
|
||||
list3: [],
|
||||
current: 1,
|
||||
isLast: false
|
||||
});
|
||||
this.getList();
|
||||
// 手动控制回弹
|
||||
wx.stopPullDownRefresh();
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {}
|
||||
});
|
||||
@@ -0,0 +1,189 @@
|
||||
<!--pages/handoverVehicle/handoverVehicleRecord/handoverVehicleRecord.wxml-->
|
||||
<view class="container">
|
||||
<van-tabs color="#4381FC" title-active-color="#4381FC" bind:click="tabOnClick">
|
||||
<van-tab title="采购交车验收">
|
||||
<view class="search-container">
|
||||
<view class="row">
|
||||
<view class="project-select selectItem" data-fieldName="projectShow" catch:tap="pickerChange">
|
||||
<view class="val" wx:if="{{selectProjectIndex > 0}}">{{selectProject.text}}</view>
|
||||
<view class="placeholder" wx:else>合同</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="project-select selectItem" data-fieldName="vehicleTypeShow" catch:tap="pickerChange">
|
||||
<view class="val" wx:if="{{vehicleTypeIndex > 0}}">{{vehicleType.text}}</view>
|
||||
<view class="placeholder" wx:else>车辆种类</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="project-select selectItem" data-fieldName="checkStatusShow" catch:tap="pickerChange">
|
||||
<view class="val" wx:if="{{checkStatusIndex > 0}}">{{checkStatus.text}}</view>
|
||||
<view class="placeholder" wx:else>验收结果</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-content">
|
||||
<view class="list">
|
||||
<scroll-view class="scroll-view_H" scroll-y="true" bindscrolltolower="lower" style="width: 100%">
|
||||
<view class="item" wx:for="{{list1}}" wx:key="index" data-inf="{{item}}" catchtap="toDetail">
|
||||
<view class="row">
|
||||
<!-- <view class="title">{{item.vehicleType_dictText ? item.vehicleType_dictText : '/'}}</view> -->
|
||||
<view class="val">{{item.checkTime ? item.checkTime : '/'}}</view>
|
||||
<view class="status1" wx:if="{{item.status == 0}}">未提交</view>
|
||||
<view class="status" wx:else>已提交</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="val" style="font-weight: bold;">
|
||||
车辆数：{{item.vehicleList.length ? item.vehicleList.length : '0'}}
|
||||
</view>
|
||||
<view class="val">
|
||||
<view class="type" wx:if="{{item.checkStatus == 1}}">{{item.checkStatus_dictText}}</view>
|
||||
<view class="type type-g" wx:else="">{{item.checkStatus_dictText}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="is-last" wx:if="{{isLast && list1.length > 0}}">
|
||||
<van-divider contentPosition="center">已加载完全部数据</van-divider>
|
||||
</view>
|
||||
<view class="no-data" wx:if="{{list1.length == 0}}">
|
||||
<van-empty description="无数据" />
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="bottom">
|
||||
<view class="btn-box">
|
||||
<view class="btn" catch:tap="eventReportAdd">新增验收</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</van-tab>
|
||||
<van-tab title="租赁交车收车验收">
|
||||
<view class="search-container">
|
||||
<view class="row">
|
||||
<view class="project-select selectItem" data-fieldName="projectShow" catch:tap="pickerChange">
|
||||
<view class="val" wx:if="{{selectProjectIndex > 0}}">{{selectProject.text}}</view>
|
||||
<view class="placeholder" wx:else>合同</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="project-select selectItem" data-fieldName="vehicleTypeShow" catch:tap="pickerChange">
|
||||
<view class="val" wx:if="{{vehicleTypeIndex > 0}}">{{vehicleType.text}}</view>
|
||||
<view class="placeholder" wx:else>车辆种类</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="project-select selectItem" data-fieldName="receiveStatusShow" catch:tap="pickerChange">
|
||||
<view class="val" wx:if="{{receiveStatusIndex > 0}}">{{receiveStatus.text}}</view>
|
||||
<view class="placeholder" wx:else>状态</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-content">
|
||||
<view class="list">
|
||||
<scroll-view class="scroll-view_H" scroll-y="true" bindscrolltolower="lower" style="width: 100%">
|
||||
<view class="item" wx:for="{{list2}}" wx:key="index" data-inf="{{item}}" catchtap="toDetail">
|
||||
<view class="row">
|
||||
<view class="val">{{item.checkTime ? item.checkTime : '/'}}</view>
|
||||
<view class="val">
|
||||
{{item.projectId_dictText ? item.projectId_dictText : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="title">
|
||||
车辆数：{{item.vehicleList.length ? item.vehicleList.length : '0'}}
|
||||
</view>
|
||||
<view class="val">
|
||||
{{item.vehicleType_dictText ? item.vehicleType_dictText : '/'}}
|
||||
<view class="type type-b" wx:if="{{item.receiveStatus == 1}}">{{item.receiveStatus_dictText}}</view>
|
||||
<view class="type type-bb" wx:elif="{{item.receiveStatus == 0.5}}">{{item.receiveStatus_dictText}}</view>
|
||||
<view class="type" wx:else="">{{item.receiveStatus_dictText}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="is-last" wx:if="{{isLast && list2.length > 0}}">
|
||||
<van-divider contentPosition="center">已加载完全部数据</van-divider>
|
||||
</view>
|
||||
<view class="no-data" wx:if="{{list2.length == 0}}">
|
||||
<van-empty description="无数据" />
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="bottom">
|
||||
<view class="btn-box">
|
||||
<view class="btn" catch:tap="eventReportAdd">新增验收</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</van-tab>
|
||||
<!-- <van-tab title="租赁收车验收">
|
||||
<view class="search-container">
|
||||
<view class="row">
|
||||
<view class="project-select selectItem" data-fieldName="projectShow" catch:tap="pickerChange">
|
||||
<view class="val" wx:if="{{selectProjectIndex > 0}}">{{selectProject.text}}</view>
|
||||
<view class="placeholder" wx:else>合同</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="project-select selectItem" data-fieldName="vehicleTypeShow" catch:tap="pickerChange">
|
||||
<view class="val" wx:if="{{vehicleTypeIndex > 0}}">{{vehicleType.text}}</view>
|
||||
<view class="placeholder" wx:else>车辆种类</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="project-select selectItem" data-fieldName="checkStatusShow" catch:tap="pickerChange">
|
||||
<view class="val" wx:if="{{checkStatusIndex > 0}}">{{checkStatus.text}}</view>
|
||||
<view class="placeholder" wx:else>验收结果</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-content">
|
||||
<view class="list">
|
||||
<scroll-view class="scroll-view_H" scroll-y="true" bindscrolltolower="lower" style="width: 100%">
|
||||
<view class="item" wx:for="{{list3}}" wx:key="index" data-inf="{{item}}" catchtap="toDetail">
|
||||
<view class="row">
|
||||
<view class="title">{{item.vehicleType_dictText ? item.vehicleType_dictText : '/'}}</view>
|
||||
<view class="time">{{item.checkTime ? item.checkTime : '/'}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="val">{{item.projectId_dictText ? item.projectId_dictText : '/'}}</view>
|
||||
<view class="val">
|
||||
车辆数：{{item.vehicleList.length ? item.vehicleList.length : '0'}}
|
||||
<view class="type" wx:if="{{item.checkStatus == 1}}">{{item.checkStatus_dictText}}</view>
|
||||
<view class="type type-g" wx:else="">{{item.checkStatus_dictText}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="is-last" wx:if="{{isLast && list3.length > 0}}">
|
||||
<van-divider contentPosition="center">已加载完全部数据</van-divider>
|
||||
</view>
|
||||
<view class="no-data" wx:if="{{list3.length == 0}}">
|
||||
<van-empty description="无数据" />
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view class="btn-box">
|
||||
<view class="btn" catch:tap="eventReportAdd">新增验收</view>
|
||||
</view>
|
||||
</view>
|
||||
</van-tab> -->
|
||||
</van-tabs>
|
||||
|
||||
<van-popup show="{{projectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<view class="searchBox">
|
||||
<van-search value="{{ projectSearchVal }}" placeholder="请输入合同" bind:search="filterProject" />
|
||||
</view>
|
||||
<van-picker default-index="{{selectProjectIndex}}" data-fieldname="selectProject" show-toolbar columns="{{filterProjectOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
<van-popup show="{{vehicleTypeShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker default-index="{{vehicleTypeIndex}}" data-fieldname="vehicleType" show-toolbar columns="{{vehicleTypeOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
<van-popup show="{{checkStatusShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker default-index="{{checkStatusIndex}}" data-fieldname="checkStatus" show-toolbar columns="{{checkStatusOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
<van-popup show="{{receiveStatusShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker default-index="{{receiveStatusIndex}}" data-fieldname="receiveStatus" show-toolbar columns="{{receiveStatusOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
</view>
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"van-dialog": "@vant/weapp/dialog/index",
|
||||
"van-uploader": "@vant/weapp/uploader/index"
|
||||
},
|
||||
"navigationBarTitleText": "采购交车验收"
|
||||
}
|
||||
@@ -0,0 +1,136 @@
|
||||
/* pages/handoverVehicle/procurementDelivery/procurementDelivery.wxss */
|
||||
page {
|
||||
height: 100vh;
|
||||
background: #EFF1F4;
|
||||
// overflow: hidden;
|
||||
position: relative;
|
||||
.container {
|
||||
height: calc(100% - 88px);
|
||||
overflow-y: auto;
|
||||
.content {
|
||||
background-color: #ffffff;
|
||||
font-size: 28rpx;
|
||||
padding:28rpx 20rpx;
|
||||
margin-bottom: 16rpx;
|
||||
.top {
|
||||
color: #333F53;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.line {
|
||||
width: 8rpx;
|
||||
height: 44rpx;
|
||||
background: linear-gradient(180deg, #4E87FC 0%, #38B1FE 100%);
|
||||
border-radius: 4rpx;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
.title {
|
||||
color: #2E3A4F;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
.btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
image {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 6px;
|
||||
display: block;
|
||||
}
|
||||
.val {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.box {
|
||||
padding: 10px 0 0;
|
||||
.row {
|
||||
margin-bottom: 8px;
|
||||
color: #333F53;
|
||||
font-size: 14px;
|
||||
.flex-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.noalign-center {
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
>view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.left {
|
||||
color: #858CA0;
|
||||
}
|
||||
.right {
|
||||
width: 76%;
|
||||
text-align: right;
|
||||
image {
|
||||
// width: 84px;
|
||||
// height: 84px;
|
||||
width: calc(((100vw - 40rpx) * 0.7 - 12px) / 3) !important;
|
||||
height: calc(((100vw - 40rpx) * 0.7 - 12px) / 3) !important;
|
||||
display: inline-block;
|
||||
// margin-left: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.row:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.box-g {
|
||||
padding: 12px;
|
||||
margin-bottom: 8px;
|
||||
background: #ECEFF5;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.box-g:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
width: 100%;
|
||||
padding: 16px 12px 30px;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px 8px 0 0;
|
||||
box-shadow: 0px -2px 12px 0px rgba(0,0,0,0.2);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
.btn-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
.btn {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
|
||||
color: #fff;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.btn-w50 {
|
||||
width: calc((100% - 12px) / 2);
|
||||
}
|
||||
.btn1 {
|
||||
background: #fff;
|
||||
border: 1px solid #d6d6d6;
|
||||
box-sizing: border-box;
|
||||
color: #2E3A4F;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,174 @@
|
||||
// pages/handoverVehicle/procurementDelivery/procurementDelivery.ts
|
||||
import { deleteAction } from '../../../api/base';
|
||||
import Dialog from '@vant/weapp/dialog/dialog';
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
showBox: {
|
||||
base: true,
|
||||
vehicle: true,
|
||||
check: true
|
||||
},
|
||||
item: {} as any
|
||||
},
|
||||
showBoxInf(e: any) {
|
||||
console.log(e);
|
||||
let { fieldname } = e.currentTarget.dataset;
|
||||
// let detail = e.detail;
|
||||
let data: any = { ...this.data };
|
||||
data.showBox[fieldname] = !data.showBox[fieldname];
|
||||
this.setData(data);
|
||||
},
|
||||
previewImg(e: any) {
|
||||
console.log(e);
|
||||
let { index } = e.currentTarget.dataset;
|
||||
// let { photoList } = this.data;
|
||||
let list = [] as any;
|
||||
// photoList.forEach((item: any) => {
|
||||
// list.push(item.fileUrl);
|
||||
// });
|
||||
wx.previewImage({
|
||||
current: list[index | 0], // 当前显示图片的http链接 默认urls[0]
|
||||
urls: list // 需要预览的图片http链接列表
|
||||
});
|
||||
},
|
||||
toDel() {
|
||||
Dialog.confirm({
|
||||
title: '提示',
|
||||
message: '是否确认删除'
|
||||
})
|
||||
.then(() => {
|
||||
// on confirm
|
||||
let params = {
|
||||
id: this.data.item.id
|
||||
};
|
||||
wx.showLoading({
|
||||
title: '加载中'
|
||||
});
|
||||
deleteAction('api/vehicleCheck/delete', params).then((res: any) => {
|
||||
wx.hideLoading();
|
||||
if (res.code == 200) {
|
||||
wx.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'none'
|
||||
});
|
||||
setTimeout(() => {
|
||||
wx.navigateBack({
|
||||
delta: 1,
|
||||
fail: e => {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
}, 500);
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: res.message,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
// on cancel
|
||||
});
|
||||
},
|
||||
toEdit() {
|
||||
let that = this;
|
||||
wx.navigateTo({
|
||||
url: '../procurementDeliveryEdit/procurementDeliveryEdit',
|
||||
success: function (res) {
|
||||
// 通过eventChannel向被打开页面传送数据
|
||||
res.eventChannel.emit('eventName', {
|
||||
...that.data.item
|
||||
});
|
||||
},
|
||||
fail: e => {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad() {
|
||||
// 接收传参
|
||||
const eventChannel = this.getOpenerEventChannel();
|
||||
|
||||
eventChannel &&
|
||||
eventChannel.on &&
|
||||
eventChannel.on('eventName', (data: any) => {
|
||||
console.log('接收参数', data);
|
||||
|
||||
data.ckeckUrlList = [];
|
||||
data.ensureUrlList = [];
|
||||
data.otherUrlList = [];
|
||||
if (data.ckeckUrl) {
|
||||
for (let i = 0; i < data.ckeckUrl.split(',').length; i++) {
|
||||
let pic = data.ckeckUrl.split(',')[i];
|
||||
data.ckeckUrlList.push({
|
||||
url: pic,
|
||||
name: ''
|
||||
});
|
||||
}
|
||||
}
|
||||
if (data.ensureUrl) {
|
||||
for (let i = 0; i < data.ensureUrl.split(',').length; i++) {
|
||||
let pic = data.ensureUrl.split(',')[i];
|
||||
data.ensureUrlList.push({
|
||||
url: pic,
|
||||
name: ''
|
||||
});
|
||||
}
|
||||
}
|
||||
if (data.otherUrl) {
|
||||
for (let i = 0; i < data.otherUrl.split(',').length; i++) {
|
||||
let pic = data.otherUrl.split(',')[i];
|
||||
data.otherUrlList.push({
|
||||
url: pic,
|
||||
name: ''
|
||||
});
|
||||
}
|
||||
}
|
||||
this.setData({
|
||||
item: data
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {}
|
||||
});
|
||||
@@ -0,0 +1,246 @@
|
||||
<!--pages/handoverVehicle/procurementDelivery/procurementDelivery.wxml-->
|
||||
<view class="container">
|
||||
<view class="content">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">基本信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.base}}">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">所属合同</view>
|
||||
<view class="right">{{item.contractId_dictText ? item.contractId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">所属项目</view>
|
||||
<view class="right">{{item.projectId_dictText ? item.projectId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车辆种类</view>
|
||||
<view class="right">{{item.vehicleType_dictText ? item.vehicleType_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">交车模版</view>
|
||||
<view class="right">{{item.templateId_dictText ? item.templateId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">车辆（{{item.vehicleList.length ? item.vehicleList.length : 0}}）</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.vehicle}}" data-fieldName="vehicle" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.vehicle}}" data-fieldName="vehicle" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.vehicle}}">
|
||||
<view class="box-g" wx:for="{{item.vehicleList}}" wx:key="id" wx:for-item="vItem">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车牌号</view>
|
||||
<view class="right">{{vItem.plateNumber ? vItem.plateNumber : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车辆型号</view>
|
||||
<view class="right">{{vItem.vehicleModel ? vItem.vehicleModel : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车架号</view>
|
||||
<view class="right">{{vItem.frameNumber ? vItem.frameNumber : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车辆类型</view>
|
||||
<view class="right">{{vItem.vehicleType_dictText ? vItem.vehicleType_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">品牌</view>
|
||||
<view class="right">{{vItem.vehicleBrand_dictText ? vItem.vehicleBrand_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-g" wx:if="{{item.vehicleList.length == 0}}">无车辆信息</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">验收信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.check}}">
|
||||
<view class="box-g" wx:for="{{item.projectList}}" wx:key="index" wx:for-item="pItem">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">项目</view>
|
||||
<view class="right">{{pItem.name ? pItem.name : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">内容</view>
|
||||
<view class="right">{{pItem.content ? pItem.content : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">是否符合要求</view>
|
||||
<view class="right">{{pItem.checkStatus == '1' ? '是' : '否'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">备注</view>
|
||||
<view class="right">{{pItem.remark ? pItem.remark : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-g" wx:if="{{item.projectList.length == 0}}">无项目信息</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">交车人</view>
|
||||
<view class="right">{{item.sentVehicleUser ? item.sentVehicleUser : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车人</view>
|
||||
<view class="right">{{item.checkUserId_dictText ? item.checkUserId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">接收人</view>
|
||||
<view class="right">{{item.acceptUserId_dictText ? item.acceptUserId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">初登时间</view>
|
||||
<view class="right">{{item.registrationTime ? item.registrationTime : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车时间</view>
|
||||
<view class="right">{{item.checkTime ? item.checkTime : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车地点</view>
|
||||
<view class="right">{{item.checkAddress ? item.checkAddress : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验收结果</view>
|
||||
<view class="right">{{item.checkStatus == '1' ? '合格' : '不合格'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验收结论</view>
|
||||
<view class="right">{{item.remark ? item.remark : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">验收单</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{item.ckeckUrl}}">
|
||||
<!-- <image src="{{item.ckeckUrl}}" mode="" catch:tap="previewImg"/> -->
|
||||
<van-uploader
|
||||
file-list="{{ item.ckeckUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ item.ckeckUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">保函</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{item.ensureUrl}}">
|
||||
<van-uploader
|
||||
file-list="{{ item.ensureUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ item.ensureUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">其他</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{item.otherUrl}}">
|
||||
<!-- <image src="{{item.otherUrl}}" mode="" catch:tap="previewImg"/> -->
|
||||
<van-uploader
|
||||
file-list="{{ item.otherUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ item.otherUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view class="btn-box">
|
||||
<view class="btn btn1 {{item.status == '1' ? '' : 'btn-w50'}}" catch:tap="toDel">删除</view>
|
||||
<view class="btn btn2 btn-w50" wx:if="{{item.status == '0'}}" catch:tap="toEdit">编辑</view>
|
||||
</view>
|
||||
<van-dialog id="van-dialog" />
|
||||
</view>
|
||||
+11
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"van-picker": "@vant/weapp/picker/index",
|
||||
"van-datetime-picker": "@vant/weapp/datetime-picker/index",
|
||||
"van-popup": "@vant/weapp/popup/index",
|
||||
"van-radio": "@vant/weapp/radio/index",
|
||||
"van-radio-group": "@vant/weapp/radio-group/index",
|
||||
"van-uploader": "@vant/weapp/uploader/index"
|
||||
},
|
||||
"navigationBarTitleText": "采购交车验收"
|
||||
}
|
||||
+316
@@ -0,0 +1,316 @@
|
||||
/* pages/handoverVehicle/procurementDeliveryEdit/procurementDeliveryEdit.wxss */
|
||||
page {
|
||||
height: 100vh;
|
||||
background: #EFF1F4;
|
||||
// overflow: hidden;
|
||||
position: relative;
|
||||
.container {
|
||||
height: calc(100% - 88px);
|
||||
overflow-y: auto;
|
||||
.content {
|
||||
background-color: #ffffff;
|
||||
font-size: 28rpx;
|
||||
padding:28rpx 20rpx;
|
||||
margin-bottom: 16rpx;
|
||||
.top {
|
||||
margin-bottom: 10px;
|
||||
color: #333F53;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.line {
|
||||
width: 8rpx;
|
||||
height: 44rpx;
|
||||
background: linear-gradient(180deg, #4E87FC 0%, #38B1FE 100%);
|
||||
border-radius: 4rpx;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
.title {
|
||||
color: #2E3A4F;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
display: flex;
|
||||
.btn-add {
|
||||
padding: 8px 12px;
|
||||
margin-right: 8px;
|
||||
background: #E9F2FF;
|
||||
border-radius: 4px;
|
||||
border: 1px dashed #4381FC;
|
||||
color: #4381FC;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
image {
|
||||
width: 36rpx;
|
||||
height: 36rpx;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
image {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 6px;
|
||||
display: block;
|
||||
}
|
||||
.val {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.box {
|
||||
// padding: 10px 0 0;
|
||||
.row {
|
||||
// margin-bottom: 8px;
|
||||
padding: 10px 0;
|
||||
border-bottom: 2rpx solid #E6EAF2;
|
||||
color: #333F53;
|
||||
font-size: 14px;
|
||||
.flex-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.noalign-center {
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
>view {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
.left {
|
||||
// color: #858CA0;
|
||||
color: #2F3B50;
|
||||
display: flex;
|
||||
.require{
|
||||
color: #EA4955;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
max-width: 70%;
|
||||
min-width: 50%;
|
||||
text-align: right;
|
||||
.upload-box {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #ECF1FF;
|
||||
border-radius: 4px;
|
||||
border: 1px dashed #4381FC;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
image {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 16rpx 0 8rpx;
|
||||
}
|
||||
|
||||
.val {
|
||||
color: #4381FC;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
image {
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
}
|
||||
.select-box {
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
.placeholder{
|
||||
color: #949CB5;
|
||||
}
|
||||
.arrow{
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 13rpx solid transparent;
|
||||
border-right: 13rpx solid transparent;
|
||||
border-top: 15rpx solid #636B83;
|
||||
margin-left: 18rpx;
|
||||
}
|
||||
}
|
||||
.input-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
input {
|
||||
flex: 1;
|
||||
}
|
||||
.clear-btn {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 0 4px;
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.address-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.val {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-left: 0px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tips {
|
||||
color: #EA4955;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.r100 {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin-top: 10px;
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
.row:last-child {
|
||||
margin-bottom: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.row-w {
|
||||
margin-bottom: 0;
|
||||
background: #fff;
|
||||
padding: 10px 12px;
|
||||
border-bottom: 1px solid #E6EAF2;
|
||||
.left, .right {
|
||||
color: #2F3B50 !important;
|
||||
}
|
||||
}
|
||||
.row-w:first-child {
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
}
|
||||
.row:last-child {
|
||||
border-radius: 0px 0px 4px 4px;
|
||||
}
|
||||
.no-flex {
|
||||
display: block !important;
|
||||
}
|
||||
.box-g {
|
||||
padding: 12px;
|
||||
margin-bottom: 8px;
|
||||
background: #ECEFF5;
|
||||
border-radius: 4px;
|
||||
.row {
|
||||
.left {
|
||||
color: #858CA0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.box-g:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.btn-box {
|
||||
margin-top: 8px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.btn-del {
|
||||
padding: 2px 16px;
|
||||
background: #FFEEEE;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #FDD0DD;
|
||||
color: #FA5955;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.content-base {
|
||||
.box {
|
||||
.row {
|
||||
padding: 0;
|
||||
margin-bottom: 8px;
|
||||
border: 0;
|
||||
.left {
|
||||
color: #858CA0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
width: 100%;
|
||||
padding: 16px 12px 30px;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px 8px 0 0;
|
||||
box-shadow: 0px -2px 12px 0px rgba(0,0,0,0.2);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
.btn-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
.btn {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
|
||||
color: #fff;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.btn-w50 {
|
||||
width: calc((100% - 12px) / 2);
|
||||
}
|
||||
.btn3 {
|
||||
background: #E4EDFF;
|
||||
color: #4381FC;
|
||||
}
|
||||
.btn1 {
|
||||
background: #fff;
|
||||
border: 1px solid #d6d6d6;
|
||||
box-sizing: border-box;
|
||||
color: #2E3A4F;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.van-uploader__preview-delete {
|
||||
.van-uploader__preview-delete-icon {
|
||||
transform: scale(.7) translate(0,0);
|
||||
}
|
||||
}
|
||||
.van-uploader__preview-delete:after {
|
||||
background-color: #F56B6B !important;
|
||||
border-top-left-radius: 12px !important;
|
||||
border-top-right-radius: 12px !important;
|
||||
border-bottom-right-radius: 12px !important;
|
||||
border-bottom-left-radius: 12px !important;
|
||||
}
|
||||
+1106
File diff suppressed because it is too large
Load Diff
+505
@@ -0,0 +1,505 @@
|
||||
<!--pages/handoverVehicle/procurementDeliveryEdit/procurementDeliveryEdit.wxml-->
|
||||
<view class="container">
|
||||
<view class="content content-base">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">基本信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.base}}">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">所属合同</view>
|
||||
<view class="right">
|
||||
{{params.contractId_dictText ? params.contractId_dictText : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">所属项目</view>
|
||||
<view class="right">
|
||||
{{params.projectId_dictText ? params.projectId_dictText : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车辆种类</view>
|
||||
<view class="right">
|
||||
{{params.vehicleType_dictText ? params.vehicleType_dictText : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">交车模版</view>
|
||||
<view class="right">
|
||||
{{params.templateId_dictText ? params.templateId_dictText : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">车辆（{{params.vehicleList.length ? params.vehicleList.length : 0}}）</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn-add" data-fieldName="vehicleList" catch:tap="addRow">
|
||||
<image src="../../../images/btn_add.png" mode=""/>
|
||||
新增
|
||||
</view>
|
||||
<view class="btn" wx:if="{{showBox.vehicle}}" data-fieldName="vehicle" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.vehicle}}" data-fieldName="vehicle" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.vehicle}}">
|
||||
<view class="box-g" wx:for="{{params.vehicleList}}" wx:key="index" wx:for-item="vItem">
|
||||
<view class="row row-w">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>车牌号</view>
|
||||
<view class="right">
|
||||
<!-- {{vItem.plateNumber}} -->
|
||||
<view class="input-box">
|
||||
<input
|
||||
value="{{vItem.plateNumber}}"
|
||||
placeholder="请输入"
|
||||
type="text"
|
||||
data-fieldName="vehicleList"
|
||||
data-fieldKey="plateNumber"
|
||||
data-fieldIndex="{{index}}"
|
||||
bindinput="getInput" />
|
||||
<view
|
||||
class="clear-btn"
|
||||
data-fieldName="vehicleList"
|
||||
data-fieldKey="plateNumber"
|
||||
data-fieldIndex="{{index}}"
|
||||
catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.vehicleList[index].plateNumber != ''}}">{{requireObj.vehicleList[index].plateNumber}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row row-w">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>车辆型号</view>
|
||||
<view class="right">
|
||||
<!-- {{vItem.vehicleModel}} -->
|
||||
<view class="input-box">
|
||||
<input
|
||||
value="{{vItem.vehicleModel}}"
|
||||
placeholder="请输入"
|
||||
type="text"
|
||||
data-fieldName="vehicleList"
|
||||
data-fieldKey="vehicleModel"
|
||||
data-fieldIndex="{{index}}"
|
||||
bindinput="getInput" />
|
||||
<view
|
||||
class="clear-btn"
|
||||
data-fieldName="vehicleList"
|
||||
data-fieldKey="vehicleModel"
|
||||
data-fieldIndex="{{index}}"
|
||||
catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.vehicleList[index].vehicleModel != ''}}">{{requireObj.vehicleList[index].vehicleModel}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="row row-w">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>车架号</view>
|
||||
<view class="right">
|
||||
<!-- {{vItem.frameNumber}} -->
|
||||
<view class="input-box">
|
||||
<input
|
||||
value="{{vItem.frameNumber}}"
|
||||
placeholder="请输入"
|
||||
type="text"
|
||||
data-fieldName="vehicleList"
|
||||
data-fieldKey="frameNumber"
|
||||
data-fieldIndex="{{index}}"
|
||||
bindinput="getInput" />
|
||||
<view
|
||||
class="clear-btn"
|
||||
data-fieldName="vehicleList"
|
||||
data-fieldKey="frameNumber"
|
||||
data-fieldIndex="{{index}}"
|
||||
catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.vehicleList[index].frameNumber != ''}}">{{requireObj.vehicleList[index].frameNumber}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row row-w">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>车辆种类</view>
|
||||
<view class="right">
|
||||
<!-- {{vItem.frameNumber}} -->
|
||||
<view class="select-box" data-fieldName="vehicleTypeSelectShow" data-fieldindex="{{index}}" catch:tap="pickerChange">
|
||||
<view wx:if="{{vItem.vehicleType != undefined}}">{{vItem.vehicleType_dictText}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.vehicleList[index].vehicleType != ''}}">{{requireObj.vehicleList[index].vehicleType}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row row-w">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>品牌</view>
|
||||
<view class="right">
|
||||
<!-- {{vItem.vehicleBrand_dictText}} -->
|
||||
<view class="select-box" data-fieldName="vehicleBrandSelectShow" data-fieldindex="{{index}}" catch:tap="pickerChange">
|
||||
<view wx:if="{{vItem.vehicleBrand != undefined}}">{{vItem.vehicleBrand_dictText}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.vehicleList[index].vehicleBrand != ''}}">{{requireObj.vehicleList[index].vehicleBrand}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-box">
|
||||
<view class="btn-del" data-fieldName="vehicleList" data-fieldindex="{{index}}" catch:tap="delRow">删除</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.vehicleTypeSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="vehicleTypeId" show-toolbar
|
||||
columns="{{vehicleTypeOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
<van-popup show="{{showSelect.vehicleBrandSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="vehicleBrand" show-toolbar
|
||||
columns="{{vehicleBrandOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
<view class="box-g" wx:if="{{params.vehicleList.length == 0}}">无车辆信息</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">验收信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn-add" data-fieldName="projectList" catch:tap="addRow">
|
||||
<image src="../../../images/btn_add.png" mode=""/>
|
||||
新增
|
||||
</view>
|
||||
<view class="btn" wx:if="{{showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.check}}">
|
||||
<view class="box-g" wx:for="{{params.projectList}}" wx:key="index" wx:for-item="pItem">
|
||||
<view class="row {{!pItem.id ? 'row-w' : ''}}">
|
||||
<view class="flex-between">
|
||||
<view class="left">项目</view>
|
||||
<view wx:if="{{pItem.id}}" class="right">{{pItem.name ? pItem.name : '/'}}</view>
|
||||
<view wx:else class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{pItem.name}}" placeholder="请输入" type="text" data-fieldindex="{{index}}" data-fieldName="projectList" data-fieldkey="name" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="projectList" data-fieldindex="{{index}}" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row {{!pItem.id ? 'row-w' : ''}}">
|
||||
<view class="flex-between">
|
||||
<view class="left">内容</view>
|
||||
<view wx:if="{{pItem.id}}" class="right">{{pItem.content ? pItem.content : '/'}}</view>
|
||||
<view wx:else class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{pItem.content}}" placeholder="请输入" type="text" data-fieldindex="{{index}}" data-fieldName="projectList" data-fieldkey="content" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="projectList" data-fieldindex="{{index}}" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row row-w">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>是否符合要求</view>
|
||||
<view class="right" style="width: 36%;max-width:initial;min-width:initial;">
|
||||
<!-- {{pItem.checkStatus ? '是' : '否'}} -->
|
||||
<!-- <view class="select-box" data-fieldName="yesOrNoSelectShow" data-fieldindex="{{index}}" catch:tap="pickerChange">
|
||||
<view wx:if="{{pItem.checkStatus != undefined}}">{{pItem.checkStatus ? '是' : '否'}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view> -->
|
||||
<van-radio-group value="{{ pItem.checkStatus }}" data-fieldName="projectList" data-fieldindex="{{index}}" bind:change="radioOnChange">
|
||||
<view style="display: flex;justify-content: space-between;">
|
||||
<van-radio name="1">是</van-radio>
|
||||
<van-radio name="0">否</van-radio>
|
||||
</view>
|
||||
</van-radio-group>
|
||||
<view class="tips" wx:if="{{requireObj.projectList[index].checkStatus != ''}}">{{requireObj.projectList[index].checkStatus}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row row-w">
|
||||
<view class="flex-between">
|
||||
<view class="left">备注</view>
|
||||
<view class="right">
|
||||
<!-- {{pItem.remark ? pItem.remark : '/'}} -->
|
||||
<view class="input-box">
|
||||
<input value="{{pItem.remark}}" placeholder="请输入" type="text" data-fieldindex="{{index}}" data-fieldName="projectList" data-fieldkey="remark" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="projectList" data-fieldindex="{{index}}" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-box">
|
||||
<view class="btn-del" data-fieldName="projectList" data-fieldindex="{{index}}" catch:tap="delRow">删除</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.yesOrNoSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="checkStatus" show-toolbar
|
||||
columns="{{yesOrNoOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
<view class="box-g" wx:if="{{params.projectList.length == 0}}">无项目信息</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>交车人</view>
|
||||
<view class="right">
|
||||
<!-- {{params.sentVehicleUser ? params.sentVehicleUser : '/'}} -->
|
||||
<view class="input-box">
|
||||
<input value="{{params.sentVehicleUser}}" placeholder="请输入" type="text" data-fieldName="sentVehicleUser" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="sentVehicleUser" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.sentVehicleUser != ''}}">{{requireObj.sentVehicleUser}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>验车人</view>
|
||||
<view class="right">
|
||||
<!-- {{item.checkUserId ? item.checkUserId : '/'}} -->
|
||||
<!-- <view class="input-box">
|
||||
<input value="{{params.checkUserId}}" placeholder="请输入" type="text" data-fieldName="checkUserId" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="checkUserId" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="select-box" data-fieldName="checkUserShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.checkUserId}}">{{userList[checkUserPickerIndex].text}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.checkUserId != ''}}">{{requireObj.checkUserId}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.checkUserShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="checkUserId" data-fieldindex="checkUserPickerIndex" show-toolbar
|
||||
columns="{{userList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">初登时间</view>
|
||||
<view class="right">
|
||||
<!-- {{item.checkTime ? item.checkTime : '/'}} -->
|
||||
<!-- <view class="input-box">
|
||||
<input value="{{params.checkTime}}" placeholder="请输入" type="text" data-fieldName="checkTime" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="checkTime" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="select-box" data-fieldName="registrationTimeSelectShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.registrationTime}}">{{params.registrationTime}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.registrationTime != ''}}">{{requireObj.registrationTime}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.registrationTimeSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-datetime-picker type="date" value="{{ registrationTimeTamp }}" data-fieldName="registrationTime" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
|
||||
</van-popup>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>验车时间</view>
|
||||
<view class="right">
|
||||
<!-- {{item.checkTime ? item.checkTime : '/'}} -->
|
||||
<!-- <view class="input-box">
|
||||
<input value="{{params.checkTime}}" placeholder="请输入" type="text" data-fieldName="checkTime" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="checkTime" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="select-box" data-fieldName="timeSelectShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.checkTime}}">{{params.checkTime}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.checkTime != ''}}">{{requireObj.checkTime}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.timeSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-datetime-picker type="date" value="{{ checkTimeTamp }}" data-fieldName="checkTime" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
|
||||
</van-popup>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between" catch:tap="changeAddress">
|
||||
<view class="left">验车地点</view>
|
||||
<view class="right">
|
||||
<!-- {{item.checkAddress ? item.checkAddress : '/'}} -->
|
||||
<view class="address-box">
|
||||
<view class="val">{{params.checkAddress ? params.checkAddress : ''}}</view>
|
||||
<view class="icon">
|
||||
<image src="../../../images/icon_location.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.checkAddress != ''}}">{{requireObj.checkAddress}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>验收结果</view>
|
||||
<view class="right">
|
||||
<!-- {{item.checkStatus ? '是' : '否'}} -->
|
||||
<van-radio-group value="{{ params.checkStatus }}" data-fieldName="checkStatus" bind:change="radioOnChange">
|
||||
<view style="display: flex;justify-content: space-between;">
|
||||
<van-radio name="1">合格</van-radio>
|
||||
<van-radio name="0">不合格</van-radio>
|
||||
</view>
|
||||
</van-radio-group>
|
||||
<view class="tips" wx:if="{{requireObj.checkStatus !== ''}}">{{requireObj.checkStatus}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验收结论</view>
|
||||
<view class="right">
|
||||
<!-- {{item.remark ? item.remark : '/'}} -->
|
||||
<view class="input-box">
|
||||
<input value="{{params.remark}}" placeholder="请输入" type="text" data-fieldName="remark" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="remark" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="tips" wx:if="{{params.remark.length >= 32}}">{{'输入长度不得超过32个字符'}}</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="no-flex">
|
||||
<view class="left">验收单</view>
|
||||
<view class="right r100">
|
||||
<!-- <view class="pic-box" wx:if="{{params.ckeckUrl}}">
|
||||
<image src="{{params.ckeckUrl}}" mode="" catch:tap="previewImg"/>
|
||||
</view>
|
||||
<view wx:else="">/</view> -->
|
||||
<van-uploader
|
||||
file-list="{{ params.ckeckUrlList }}"
|
||||
deletable="{{ true }}"
|
||||
max-count="10"
|
||||
data-fieldName="ckeckUrl"
|
||||
bind:after-read="afterRead"
|
||||
bind:delete="deletePhoto" >
|
||||
<view class="upload-box">
|
||||
<image src="../../../images/icon_upload.png" mode=""/>
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<view class="no-flex">
|
||||
<view class="left">保函</view>
|
||||
<view class="right r100">
|
||||
<van-uploader
|
||||
file-list="{{ params.ensureUrlList }}"
|
||||
deletable="{{ true }}"
|
||||
max-count="10"
|
||||
data-fieldName="ensureUrl"
|
||||
bind:after-read="afterRead"
|
||||
bind:delete="deletePhoto" >
|
||||
<view class="upload-box">
|
||||
<image src="../../../images/icon_upload.png" mode=""/>
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="row">
|
||||
<view class="no-flex">
|
||||
<view class="left">其他</view>
|
||||
<view class="right r100">
|
||||
<!-- <view class="pic-box" wx:if="{{params.otherUrl}}">
|
||||
<image src="{{params.otherUrl}}" mode="" catch:tap="previewImg"/>
|
||||
</view>
|
||||
<view wx:else="">/</view> -->
|
||||
<van-uploader
|
||||
file-list="{{ params.otherUrlList }}"
|
||||
deletable="{{ true }}"
|
||||
max-count="10"
|
||||
data-fieldName="otherUrl"
|
||||
bind:after-read="afterRead"
|
||||
bind:delete="deletePhoto" >
|
||||
<view class="upload-box">
|
||||
<image src="../../../images/icon_upload.png" mode=""/>
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view class="btn-box">
|
||||
<view class="btn btn-w50" data-status="0" catch:tap="formSubmit">保存</view>
|
||||
<view class="btn btn3 btn-w50" data-status="1" wx:if="{{params.status == '0'}}" catch:tap="formSubmit">提交</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"van-dialog": "@vant/weapp/dialog/index",
|
||||
"van-uploader": "@vant/weapp/uploader/index"
|
||||
},
|
||||
"navigationBarTitleText": "验收详情"
|
||||
}
|
||||
@@ -0,0 +1,297 @@
|
||||
/* pages/handoverVehicle/rentalDelivery/rentalDelivery.wxss */
|
||||
page {
|
||||
height: 100vh;
|
||||
background: #EFF1F4;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
.container {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 18px;
|
||||
box-sizing: border-box;
|
||||
height: calc(100% - 88px);
|
||||
overflow-y: auto;
|
||||
.bg {
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
>.top {
|
||||
margin: 8px 8px 10px;
|
||||
padding: 12px 10px;
|
||||
margin-bottom: 8px;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
position: relative;
|
||||
.row:first-child {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.row {
|
||||
color: #2E3A4F;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.title {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.number-plate {
|
||||
display: flex;
|
||||
.status {
|
||||
padding: 0 6px;
|
||||
margin-right: 4px;
|
||||
border-radius: 2px;
|
||||
color: #FFFFFF;
|
||||
font-size: 14px;
|
||||
}
|
||||
.status1 {
|
||||
background: linear-gradient(90deg, #0D92FF 0%, #38B1FE 100%);
|
||||
}
|
||||
.status2 {
|
||||
background: linear-gradient(270deg, #4CDBAD 0%, #2FCBAB 100%);
|
||||
}
|
||||
.status3 {
|
||||
background: linear-gradient(270deg, #A1A8BB 0%, #838EAA 100%);
|
||||
}
|
||||
.val {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.project-name, .code {
|
||||
font-size: 14px;
|
||||
}
|
||||
.time {
|
||||
font-size: 14px;
|
||||
color: #858CA0;
|
||||
}
|
||||
.type-list {
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
|
||||
.type {
|
||||
width: 104rpx;
|
||||
height: 32rpx;
|
||||
padding: 4rpx;
|
||||
margin-left: 16rpx;
|
||||
line-height: 32rpx;
|
||||
background: linear-gradient(270deg, #4CDBAD 0%, #2FCBAB 100%);
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.type-g {
|
||||
background: linear-gradient(270deg, #A1A8BB 0%, #838EAA 100%);
|
||||
}
|
||||
.type-b {
|
||||
background: #4381FC;
|
||||
}
|
||||
.type-bb {
|
||||
background: #FFFFFF;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #4F88FC;
|
||||
color: #4381FC;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.content-box {
|
||||
padding: 0 8px;
|
||||
position: relative;
|
||||
.tabs {
|
||||
display: flex;
|
||||
border-radius: 8px 8px 0 0;
|
||||
overflow: hidden;
|
||||
|
||||
.tabBg {
|
||||
background-color: #E2F3FE;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 50%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #959595;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
.bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.value {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
color: #4381FC;
|
||||
// background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.active::after {
|
||||
content: '';
|
||||
width: 26px;
|
||||
height: 4px;
|
||||
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
.content {
|
||||
background-color: #ffffff;
|
||||
font-size: 28rpx;
|
||||
padding: 0rpx 20rpx;
|
||||
// margin-bottom: 16rpx;
|
||||
.top {
|
||||
padding: 8px 0;
|
||||
// border-top: 1px solid #efefef;
|
||||
color: #333F53;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.line {
|
||||
width: 8rpx;
|
||||
height: 44rpx;
|
||||
background: linear-gradient(180deg, #4E87FC 0%, #38B1FE 100%);
|
||||
border-radius: 4rpx;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
.title {
|
||||
color: #2E3A4F;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
.btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
image {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 6px;
|
||||
display: block;
|
||||
}
|
||||
.val {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.box {
|
||||
padding: 2px 0 12px;
|
||||
border-bottom: 1px solid #efefef;
|
||||
.row {
|
||||
margin-bottom: 8px;
|
||||
color: #333F53;
|
||||
font-size: 14px;
|
||||
.flex-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.noalign-center {
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
>view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.left {
|
||||
color: #858CA0;
|
||||
}
|
||||
.right {
|
||||
width: 76%;
|
||||
text-align: right;
|
||||
image {
|
||||
// width: 84px;
|
||||
// height: 84px;
|
||||
width: calc(((100vw - 40rpx) * 0.7 - 12px) / 3) !important;
|
||||
height: calc(((100vw - 40rpx) * 0.7 - 12px) / 3) !important;
|
||||
display: inline-block;
|
||||
// margin-left: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.row:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.box-g {
|
||||
padding: 12px;
|
||||
margin-bottom: 8px;
|
||||
background: #ECEFF5;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.box-g:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.container2 {
|
||||
height: calc(100% - 88px);
|
||||
}
|
||||
.bottom {
|
||||
width: 100%;
|
||||
padding: 16px 12px 30px;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px 8px 0 0;
|
||||
// box-shadow: 0px -2px 12px 0px rgba(0,0,0,0.2);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
.btn-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
.btn {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
|
||||
color: #fff;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.btn-w50 {
|
||||
width: calc((100% - 12px) / 2);
|
||||
}
|
||||
.btn1 {
|
||||
background: #fff;
|
||||
border: 1px solid #d6d6d6;
|
||||
box-sizing: border-box;
|
||||
color: #2E3A4F;
|
||||
}
|
||||
.btn3 {
|
||||
background: #E4EDFF;
|
||||
color: #4381FC;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,222 @@
|
||||
// pages/handoverVehicle/rentalDelivery/rentalDelivery.ts
|
||||
import { deleteAction } from '../../../api/base';
|
||||
import Dialog from '@vant/weapp/dialog/dialog';
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
tabActive: 0,
|
||||
showBox: {
|
||||
base: true,
|
||||
vehicle: true,
|
||||
check: true
|
||||
},
|
||||
item: {} as any
|
||||
},
|
||||
// 变更tab
|
||||
changeTab(e: any) {
|
||||
this.setData({
|
||||
tabActive: e.currentTarget.dataset.tab
|
||||
});
|
||||
},
|
||||
showBoxInf(e: any) {
|
||||
console.log(e);
|
||||
let { fieldname } = e.currentTarget.dataset;
|
||||
// let detail = e.detail;
|
||||
let data: any = { ...this.data };
|
||||
data.showBox[fieldname] = !data.showBox[fieldname];
|
||||
this.setData(data);
|
||||
},
|
||||
previewImg(e: any) {
|
||||
console.log(e);
|
||||
let { index } = e.currentTarget.dataset;
|
||||
// let { photoList } = this.data;
|
||||
let list = [] as any;
|
||||
// photoList.forEach((item: any) => {
|
||||
// list.push(item.fileUrl);
|
||||
// });
|
||||
wx.previewImage({
|
||||
current: list[index | 0], // 当前显示图片的http链接 默认urls[0]
|
||||
urls: list // 需要预览的图片http链接列表
|
||||
});
|
||||
},
|
||||
toDel() {
|
||||
Dialog.confirm({
|
||||
title: '提示',
|
||||
message: '是否确认删除'
|
||||
})
|
||||
.then(() => {
|
||||
// on confirm
|
||||
let params = {
|
||||
id: this.data.item.id
|
||||
};
|
||||
wx.showLoading({
|
||||
title: '加载中'
|
||||
});
|
||||
deleteAction('api/vehicleCheck/delete', params).then((res: any) => {
|
||||
wx.hideLoading();
|
||||
if (res.code == 200) {
|
||||
wx.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'none'
|
||||
});
|
||||
setTimeout(() => {
|
||||
wx.navigateBack({
|
||||
delta: 1,
|
||||
fail: e => {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
}, 500);
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: res.message,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
// on cancel
|
||||
});
|
||||
},
|
||||
toEdit(e: any) {
|
||||
let that = this;
|
||||
wx.navigateTo({
|
||||
url: '../rentalDeliveryEdit/rentalDeliveryEdit',
|
||||
success: function (res) {
|
||||
// 通过eventChannel向被打开页面传送数据
|
||||
res.eventChannel.emit('eventName', {
|
||||
tabActive: e.currentTarget.dataset.status,
|
||||
...that.data.item
|
||||
});
|
||||
},
|
||||
fail: e => {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad() {
|
||||
// 接收传参
|
||||
const eventChannel = this.getOpenerEventChannel();
|
||||
|
||||
eventChannel &&
|
||||
eventChannel.on &&
|
||||
eventChannel.on('eventName', (data: any) => {
|
||||
console.log('接收参数', data);
|
||||
|
||||
data.ckeckUrlList = [];
|
||||
data.ensureUrlList = [];
|
||||
data.otherUrlList = [];
|
||||
if (data.ckeckUrl) {
|
||||
for (let i = 0; i < data.ckeckUrl.split(',').length; i++) {
|
||||
let pic = data.ckeckUrl.split(',')[i];
|
||||
data.ckeckUrlList.push({
|
||||
url: pic,
|
||||
name: ''
|
||||
});
|
||||
}
|
||||
}
|
||||
if (data.ensureUrl) {
|
||||
for (let i = 0; i < data.ensureUrl.split(',').length; i++) {
|
||||
let pic = data.ensureUrl.split(',')[i];
|
||||
data.ensureUrlList.push({
|
||||
url: pic,
|
||||
name: ''
|
||||
});
|
||||
}
|
||||
}
|
||||
if (data.otherUrl) {
|
||||
for (let i = 0; i < data.otherUrl.split(',').length; i++) {
|
||||
let pic = data.otherUrl.split(',')[i];
|
||||
data.otherUrlList.push({
|
||||
url: pic,
|
||||
name: ''
|
||||
});
|
||||
}
|
||||
}
|
||||
// 收车
|
||||
if (data.children) {
|
||||
data.children.parentId = data.id;
|
||||
data.children.projectList = data.projectList;
|
||||
data.children.vehicleList = data.vehicleList;
|
||||
data.children.ckeckUrlList = [];
|
||||
data.children.ensureUrlList = [];
|
||||
data.children.otherUrlList = [];
|
||||
if (data.children.ckeckUrl) {
|
||||
for (let i = 0; i < data.children.ckeckUrl.split(',').length; i++) {
|
||||
let pic = data.children.ckeckUrl.split(',')[i];
|
||||
data.children.ckeckUrlList.push({
|
||||
url: pic,
|
||||
name: ''
|
||||
});
|
||||
}
|
||||
}
|
||||
if (data.children.ensureUrl) {
|
||||
for (
|
||||
let i = 0;
|
||||
i < data.children.ensureUrl.split(',').length;
|
||||
i++
|
||||
) {
|
||||
let pic = data.children.ensureUrl.split(',')[i];
|
||||
data.children.ensureUrlList.push({
|
||||
url: pic,
|
||||
name: ''
|
||||
});
|
||||
}
|
||||
}
|
||||
if (data.children.otherUrl) {
|
||||
for (let i = 0; i < data.children.otherUrl.split(',').length; i++) {
|
||||
let pic = data.children.otherUrl.split(',')[i];
|
||||
data.children.otherUrlList.push({
|
||||
url: pic,
|
||||
name: ''
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
this.setData({
|
||||
item: data
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {}
|
||||
});
|
||||
@@ -0,0 +1,463 @@
|
||||
<!--pages/handoverVehicle/rentalDelivery/rentalDelivery.wxml-->
|
||||
|
||||
<view class="container">
|
||||
<view class="bg">
|
||||
<image src="../../../images/bg_page_blue.png" mode=""/>
|
||||
</view>
|
||||
<view class="top">
|
||||
<view class="row">
|
||||
<view class="val">{{item.checkTime ? item.checkTime : '/'}}</view>
|
||||
<view class="val">{{item.projectId_dictText ? item.projectId_dictText : '/'}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="title">车辆数：{{item.vehicleList.length}}</view>
|
||||
<view class="type-list">
|
||||
{{item.vehicleType_dictText ? item.vehicleType_dictText : '/'}}
|
||||
<view class="type type-b" wx:if="{{item.receiveStatus == 1}}">{{item.receiveStatus_dictText}}</view>
|
||||
<view class="type type-bb" wx:elif="{{item.receiveStatus == 0.5}}">{{item.receiveStatus_dictText}}</view>
|
||||
<view class="type" wx:else="">{{item.receiveStatus_dictText}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content-box">
|
||||
<view class="tabs">
|
||||
<view class="tab {{tabActive == 0 ? 'active' : ''}} {{item.children ? 'tabBg' : ''}}" data-tab="0" catch:tap="changeTab">
|
||||
<view class="bg" wx:if="{{tabActive == 0}}">
|
||||
<image src="../../../images/btn_l.png" mode="" />
|
||||
</view>
|
||||
<view class="value">交车</view>
|
||||
</view>
|
||||
<view class="tab {{tabActive == 1 ? 'active' : ''}} tabBg" data-tab="1" catch:tap="changeTab" wx:if="{{item.children}}">
|
||||
<view class="bg" wx:if="{{tabActive == 1}}">
|
||||
<image src="../../../images/btn_r.png" mode="" />
|
||||
</view>
|
||||
<view class="value">收车</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" wx:if="{{tabActive == 0}}">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">基本信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.base}}">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">所属合同</view>
|
||||
<view class="right">{{item.contractId_dictText ? item.contractId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">所属项目</view>
|
||||
<view class="right">{{item.projectId_dictText ? item.projectId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车辆种类</view>
|
||||
<view class="right">{{item.vehicleType_dictText ? item.vehicleType_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">交车模版</view>
|
||||
<view class="right">{{item.templateId_dictText ? item.templateId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" wx:if="{{tabActive == 1}}">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">基本信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.base}}">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">所属合同</view>
|
||||
<view class="right">{{item.children.contractId_dictText ? item.children.contractId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">所属项目</view>
|
||||
<view class="right">{{item.children.projectId_dictText ? item.children.projectId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车辆种类</view>
|
||||
<view class="right">{{item.children.vehicleType_dictText ? item.children.vehicleType_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">交车模版</view>
|
||||
<view class="right">{{item.children.templateId_dictText ? item.children.templateId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">车辆（{{item.vehicleList.length ? item.vehicleList.length : 0}}）</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.vehicle}}" data-fieldName="vehicle" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.vehicle}}" data-fieldName="vehicle" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.vehicle}}">
|
||||
<view class="box-g" wx:for="{{item.vehicleList}}" wx:key="id" wx:for-item="vItem">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车架号</view>
|
||||
<view class="right">{{vItem.frameNumber ? vItem.frameNumber : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车牌号</view>
|
||||
<view class="right">{{vItem.plateNumber ? vItem.plateNumber : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车辆型号</view>
|
||||
<view class="right">{{vItem.vehicleModel ? vItem.vehicleModel : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">品牌</view>
|
||||
<view class="right">{{vItem.vehicleBrand_dictText ? vItem.vehicleBrand_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车辆种类</view>
|
||||
<view class="right">{{vItem.vehicleType_dictText ? vItem.vehicleType_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-g" wx:if="{{item.vehicleList.length == 0}}">无车辆信息</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" wx:if="{{tabActive == 0}}">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">验收信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.check}}">
|
||||
<view class="box-g" wx:for="{{item.projectList}}" wx:key="index" wx:for-item="pItem">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">项目</view>
|
||||
<view class="right">{{pItem.name ? pItem.name : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">内容</view>
|
||||
<view class="right">{{pItem.content ? pItem.content : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">是否符合要求</view>
|
||||
<view class="right">{{pItem.checkStatus == '1' ? '是' : '否'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">备注</view>
|
||||
<view class="right">{{pItem.remark ? pItem.remark : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-g" wx:if="{{item.projectList.length == 0}}">无项目信息</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">交车人</view>
|
||||
<view class="right">{{item.sentVehicleUserId_dictText ? item.sentVehicleUserId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车人</view>
|
||||
<view class="right">{{item.checkUserName ? item.checkUserName : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">初登日期</view>
|
||||
<view class="right">{{item.registrationTime ? item.registrationTime : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车时间</view>
|
||||
<view class="right">{{item.checkTime ? item.checkTime : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车地点</view>
|
||||
<view class="right">{{item.checkAddress ? item.checkAddress : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验收结果</view>
|
||||
<view class="right">{{item.checkStatus == '1' ? '合格' : '不合格'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验收结论</view>
|
||||
<view class="right">{{item.remark ? item.remark : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">验收单</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{item.ckeckUrl}}">
|
||||
<!-- <image src="{{item.ckeckUrl}}" mode="" catch:tap="previewImg"/> -->
|
||||
<van-uploader
|
||||
file-list="{{ item.ckeckUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ item.ckeckUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">保函</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{item.ensureUrl}}">
|
||||
<van-uploader
|
||||
file-list="{{ item.ensureUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ item.ensureUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">其他</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{item.otherUrl}}">
|
||||
<!-- <image src="{{item.otherUrl}}" mode="" catch:tap="previewImg"/> -->
|
||||
<van-uploader
|
||||
file-list="{{ item.otherUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ item.otherUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" wx:if="{{tabActive == 1}}">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">验收信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.check}}">
|
||||
<view class="box-g" wx:for="{{item.projectList}}" wx:key="index" wx:for-item="pItem">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">项目</view>
|
||||
<view class="right">{{pItem.name ? pItem.name : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">内容</view>
|
||||
<view class="right">{{pItem.content ? pItem.content : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">是否符合要求</view>
|
||||
<view class="right">{{pItem.checkStatus == '1' ? '是' : '否'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">备注</view>
|
||||
<view class="right">{{pItem.remark ? pItem.remark : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-g" wx:if="{{item.projectList.length == 0}}">无项目信息</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">交车人</view>
|
||||
<view class="right">{{item.children.sentVehicleUser ? item.children.sentVehicleUser : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车人</view>
|
||||
<view class="right">{{item.children.checkUserId_dictText ? item.children.checkUserId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">初登日期</view>
|
||||
<view class="right">{{item.children.registrationTime ? item.children.registrationTime : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车时间</view>
|
||||
<view class="right">{{item.children.checkTime ? item.children.checkTime : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车地点</view>
|
||||
<view class="right">{{item.children.checkAddress ? item.children.checkAddress : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验收结果</view>
|
||||
<view class="right">{{item.children.checkStatus == '1' ? '合格' : '不合格'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验收结论</view>
|
||||
<view class="right">{{item.children.remark ? item.children.remark : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">验收单</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{item.children.ckeckUrl}}">
|
||||
<!-- <image src="{{item.ckeckUrl}}" mode="" catch:tap="previewImg"/> -->
|
||||
<van-uploader
|
||||
file-list="{{ item.children.ckeckUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ item.children.ckeckUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">保函</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{item.children.ensureUrl}}">
|
||||
<van-uploader
|
||||
file-list="{{ item.children.ensureUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ item.children.ensureUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">其他</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{item.children.otherUrl}}">
|
||||
<!-- <image src="{{item.otherUrl}}" mode="" catch:tap="previewImg"/> -->
|
||||
<van-uploader
|
||||
file-list="{{ item.children.otherUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ item.children.otherUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view class="btn-box">
|
||||
<view class="btn btn1 {{item.children && item.children.status == '1'? '' : 'btn-w50'}}" catch:tap="toDel">删除</view>
|
||||
<view class="btn btn2 btn-w50"
|
||||
wx:if="{{item.receiveStatus == '0'}}"
|
||||
data-status="0"
|
||||
catch:tap="toEdit">
|
||||
交车编辑
|
||||
</view>
|
||||
<view class="btn btn2 btn-w50"
|
||||
wx:if="{{(item.children && item.children.status == '0') || (item.receiveStatus == '0.5' && !item.children)}}"
|
||||
data-status="1"
|
||||
catch:tap="toEdit">
|
||||
收车编辑
|
||||
</view>
|
||||
</view>
|
||||
<van-dialog id="van-dialog" />
|
||||
</view>
|
||||
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"van-picker": "@vant/weapp/picker/index",
|
||||
"van-datetime-picker": "@vant/weapp/datetime-picker/index",
|
||||
"van-popup": "@vant/weapp/popup/index",
|
||||
"van-radio": "@vant/weapp/radio/index",
|
||||
"van-radio-group": "@vant/weapp/radio-group/index",
|
||||
"van-uploader": "@vant/weapp/uploader/index"
|
||||
},
|
||||
"navigationBarTitleText": "租赁交车验收"
|
||||
}
|
||||
@@ -0,0 +1,491 @@
|
||||
/* pages/handoverVehicle/rentalDeliveryEdit/rentalDeliveryEdit.wxss */
|
||||
page {
|
||||
height: 100vh;
|
||||
background: #EFF1F4;
|
||||
// overflow: hidden;
|
||||
position: relative;
|
||||
.container {
|
||||
height: calc(100% - 88px);
|
||||
padding-bottom: 18px;
|
||||
box-sizing: border-box;
|
||||
overflow-y: auto;
|
||||
.bg {
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
>.top {
|
||||
margin: 8px 8px 10px;
|
||||
padding: 12px 10px;
|
||||
margin-bottom: 8px;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
position: relative;
|
||||
.row:first-child {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.row {
|
||||
color: #2E3A4F;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.title {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.number-plate {
|
||||
display: flex;
|
||||
.status {
|
||||
padding: 0 6px;
|
||||
margin-right: 4px;
|
||||
border-radius: 2px;
|
||||
color: #FFFFFF;
|
||||
font-size: 14px;
|
||||
}
|
||||
.status1 {
|
||||
background: linear-gradient(90deg, #0D92FF 0%, #38B1FE 100%);
|
||||
}
|
||||
.status2 {
|
||||
background: linear-gradient(270deg, #4CDBAD 0%, #2FCBAB 100%);
|
||||
}
|
||||
.status3 {
|
||||
background: linear-gradient(270deg, #A1A8BB 0%, #838EAA 100%);
|
||||
}
|
||||
.val {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.project-name, .code {
|
||||
font-size: 14px;
|
||||
}
|
||||
.time {
|
||||
font-size: 14px;
|
||||
color: #858CA0;
|
||||
}
|
||||
|
||||
.type-list {
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
|
||||
.type {
|
||||
width: 104rpx;
|
||||
height: 32rpx;
|
||||
padding: 4rpx;
|
||||
margin-left: 16rpx;
|
||||
line-height: 32rpx;
|
||||
background: linear-gradient(270deg, #4CDBAD 0%, #2FCBAB 100%);
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
.type-g {
|
||||
background: linear-gradient(270deg, #A1A8BB 0%, #838EAA 100%);
|
||||
}
|
||||
.type-b {
|
||||
background: #4381FC;
|
||||
}
|
||||
.type-bb {
|
||||
background: #FFFFFF;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #4F88FC;
|
||||
color: #4381FC;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.content-box {
|
||||
padding: 0 8px;
|
||||
position: relative;
|
||||
.tabs {
|
||||
display: flex;
|
||||
border-radius: 8px 8px 0 0;
|
||||
overflow: hidden;
|
||||
|
||||
.tabBg {
|
||||
background-color: #E2F3FE;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 50%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #959595;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
.bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.value {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
color: #4381FC;
|
||||
// background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.active::after {
|
||||
content: '';
|
||||
width: 26px;
|
||||
height: 4px;
|
||||
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
.content {
|
||||
background-color: #ffffff;
|
||||
font-size: 28rpx;
|
||||
padding:28rpx 20rpx;
|
||||
margin-bottom: 16rpx;
|
||||
.top {
|
||||
margin-bottom: 10px;
|
||||
color: #333F53;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.line {
|
||||
width: 8rpx;
|
||||
height: 44rpx;
|
||||
background: linear-gradient(180deg, #4E87FC 0%, #38B1FE 100%);
|
||||
border-radius: 4rpx;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
.title {
|
||||
color: #2E3A4F;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
display: flex;
|
||||
.btn-add {
|
||||
padding: 8px 12px;
|
||||
margin-right: 8px;
|
||||
background: #E9F2FF;
|
||||
border-radius: 4px;
|
||||
border: 1px dashed #4381FC;
|
||||
color: #4381FC;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
image {
|
||||
width: 36rpx;
|
||||
height: 36rpx;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
.btn-re {
|
||||
padding: 8px 12px;
|
||||
margin-right: 8px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #D6D6D6;
|
||||
color: #2E3D52;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
image {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 6px;
|
||||
display: block;
|
||||
}
|
||||
.val {
|
||||
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
image {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 6px;
|
||||
display: block;
|
||||
}
|
||||
.val {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.box {
|
||||
// padding: 10px 0 0;
|
||||
.row {
|
||||
// margin-bottom: 8px;
|
||||
padding: 10px 0;
|
||||
border-bottom: 2rpx solid #E6EAF2;
|
||||
color: #333F53;
|
||||
font-size: 14px;
|
||||
.flex-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.noalign-center {
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
>view {
|
||||
display: flex;
|
||||
// align-items: center;
|
||||
align-items: flex-start;
|
||||
.left {
|
||||
// color: #858CA0;
|
||||
color: #2F3B50;
|
||||
display: flex;
|
||||
.require{
|
||||
color: #EA4955;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
max-width: 70%;
|
||||
min-width: 50%;
|
||||
text-align: right;
|
||||
.upload-box {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #ECF1FF;
|
||||
border-radius: 4px;
|
||||
border: 1px dashed #4381FC;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
image {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 16rpx 0 8rpx;
|
||||
}
|
||||
|
||||
.val {
|
||||
color: #4381FC;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
image {
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
}
|
||||
.select-box {
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
.placeholder{
|
||||
color: #949CB5;
|
||||
}
|
||||
.arrow{
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 13rpx solid transparent;
|
||||
border-right: 13rpx solid transparent;
|
||||
border-top: 15rpx solid #636B83;
|
||||
margin-left: 18rpx;
|
||||
}
|
||||
}
|
||||
.input-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
input {
|
||||
flex: 1;
|
||||
}
|
||||
.clear-btn {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 0 4px;
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.address-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.val {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-left: 0px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tips {
|
||||
color: #EA4955;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.r100 {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin-top: 10px;
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
.row:last-child {
|
||||
margin-bottom: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.row-w {
|
||||
margin-bottom: 0;
|
||||
background: #fff;
|
||||
padding: 10px 12px;
|
||||
border-bottom: 1px solid #E6EAF2;
|
||||
.left, .right {
|
||||
color: #2F3B50 !important;
|
||||
}
|
||||
}
|
||||
.row-w:first-child {
|
||||
border-radius: 4px 4px 0px 0px;
|
||||
}
|
||||
.row:last-child {
|
||||
border-radius: 0px 0px 4px 4px;
|
||||
}
|
||||
.no-flex {
|
||||
display: block !important;
|
||||
}
|
||||
.box-g {
|
||||
padding: 12px;
|
||||
margin-bottom: 8px;
|
||||
background: #ECEFF5;
|
||||
border-radius: 4px;
|
||||
.row {
|
||||
padding: 0;
|
||||
margin-bottom: 8px;
|
||||
.left {
|
||||
color: #858CA0;
|
||||
}
|
||||
}
|
||||
.row-w {
|
||||
padding: 10px 12px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.box-g:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.btn-box {
|
||||
margin-top: 8px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.btn-del {
|
||||
padding: 2px 16px;
|
||||
background: #FFEEEE;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #FDD0DD;
|
||||
color: #FA5955;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.content-base {
|
||||
.box {
|
||||
.row {
|
||||
padding: 0;
|
||||
margin-bottom: 8px;
|
||||
border: 0;
|
||||
.left {
|
||||
color: #858CA0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
width: 100%;
|
||||
padding: 16px 12px 30px;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
border-radius: 8px 8px 0 0;
|
||||
box-shadow: 0px -2px 12px 0px rgba(0,0,0,0.2);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
.btn-box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
.btn {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 8px;
|
||||
background: linear-gradient(90deg, #3B7CFC 0%, #548BFC 100%);
|
||||
color: #fff;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.btn-w50 {
|
||||
width: calc((100% - 12px) / 2);
|
||||
}
|
||||
.btn1 {
|
||||
background: #E4EDFF;
|
||||
color: #4381FC;
|
||||
}
|
||||
.btn3 {
|
||||
background: #fff;
|
||||
border: 1px solid #d6d6d6;
|
||||
box-sizing: border-box;
|
||||
color: #2E3A4F;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.van-uploader__preview-delete {
|
||||
.van-uploader__preview-delete-icon {
|
||||
transform: scale(.7) translate(0,0);
|
||||
}
|
||||
}
|
||||
.van-uploader__preview-delete:after {
|
||||
background-color: #F56B6B !important;
|
||||
border-top-left-radius: 12px !important;
|
||||
border-top-right-radius: 12px !important;
|
||||
border-bottom-right-radius: 12px !important;
|
||||
border-bottom-left-radius: 12px !important;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,959 @@
|
||||
<!--pages/handoverVehicle/rentalDeliveryEdit/rentalDeliveryEdit.wxml-->
|
||||
<view class="container">
|
||||
<view class="bg">
|
||||
<image src="../../../images/bg_page_blue.png" mode=""/>
|
||||
</view>
|
||||
<view class="top">
|
||||
<view class="row">
|
||||
<view class="val">{{defaultData.checkTime ? defaultData.checkTime : '/'}}</view>
|
||||
<view class="val">{{defaultData.projectId_dictText ? defaultData.projectId_dictText : '/'}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="title">
|
||||
车辆数：{{defaultData.vehicleList.length}}</view>
|
||||
<view class="type-list">
|
||||
{{defaultData.vehicleType_dictText ? defaultData.vehicleType_dictText : '/'}}
|
||||
<view class="type type-b" wx:if="{{defaultData.receiveStatus == 1}}">{{defaultData.receiveStatus_dictText}}</view>
|
||||
<view class="type type-bb" wx:elif="{{defaultData.receiveStatus == 0.5}}">{{defaultData.receiveStatus_dictText}}</view>
|
||||
<view class="type" wx:else="">{{defaultData.receiveStatus_dictText}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content-box">
|
||||
<view class="tabs">
|
||||
<view class="tab {{tabActive == 0 ? 'active' : ''}} {{defaultData.receiveStatus != 0 ? 'tabBg' : ''}}" data-tab="0" catch:tap="changeTab">
|
||||
<view class="bg" wx:if="{{tabActive == 0}}">
|
||||
<image src="../../../images/btn_l.png" mode="" />
|
||||
</view>
|
||||
<view class="value">交车</view>
|
||||
</view>
|
||||
<view class="tab {{tabActive == 1 ? 'active' : ''}} tabBg" data-tab="1" catch:tap="changeTab" wx:if="{{defaultData.receiveStatus != 0 }}">
|
||||
<view class="bg" wx:if="{{tabActive == 1}}">
|
||||
<image src="../../../images/btn_r.png" mode="" />
|
||||
</view>
|
||||
<view class="value">收车</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content content-base">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">基本信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.base}}" data-fieldName="base" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.base}}">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">所属项目</view>
|
||||
<view class="right">
|
||||
{{params.projectId_dictText ? params.projectId_dictText : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">所属合同</view>
|
||||
<view class="right">
|
||||
{{params.contractId_dictText ? params.contractId_dictText : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车辆种类</view>
|
||||
<view class="right">
|
||||
{{params.vehicleType_dictText ? params.vehicleType_dictText : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">交车模版</view>
|
||||
<view class="right">
|
||||
{{params.templateId_dictText ? params.templateId_dictText : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">车辆（{{params.vehicleList.length ? params.vehicleList.length : 0}}）</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn-re" wx:if="{{defaultData.receiveStatus == '0'}}" data-fieldName="vehicleList" catch:tap="getvehicleByproject">
|
||||
<image src="../../../images/btn_reset.png" mode=""/>
|
||||
重置
|
||||
</view>
|
||||
<view class="btn" wx:if="{{showBox.vehicle}}" data-fieldName="vehicle" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.vehicle}}" data-fieldName="vehicle" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.vehicle}}">
|
||||
<view class="box-g" wx:for="{{params.vehicleList}}" wx:key="index" wx:for-item="vItem">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车架号</view>
|
||||
<view class="right">
|
||||
{{vItem.frameNumber ? vItem.frameNumber : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车牌号</view>
|
||||
<view class="right">
|
||||
{{vItem.plateNumber ? vItem.plateNumber : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车辆型号</view>
|
||||
<view class="right">
|
||||
{{vItem.vehicleModel ? vItem.vehicleModel : '/'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车辆型号</view>
|
||||
<view class="right">{{vItem.vehicleModel ? vItem.vehicleModel : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">车辆种类</view>
|
||||
<view class="right">{{vItem.vehicleType_dictText ? vItem.vehicleType_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-box" wx:if="{{defaultData.receiveStatus == '0'}}">
|
||||
<view class="btn-del" data-fieldName="vehicleList" data-fieldindex="{{index}}" catch:tap="delRow">删除</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-g" wx:if="{{params.vehicleList.length == 0}}">无车辆信息</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" wx:if="{{tabActive == 0 && params.status == '0'}}">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">验收信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn-add" data-fieldName="projectList" catch:tap="addRow">
|
||||
<image src="../../../images/btn_add.png" mode=""/>
|
||||
新增
|
||||
</view>
|
||||
<view class="btn" wx:if="{{showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.check}}">
|
||||
<view class="box-g" wx:for="{{params.projectList}}" wx:key="index" wx:for-item="pItem">
|
||||
<view class="row {{!pItem.id ? 'row-w' : ''}}">
|
||||
<view class="flex-between">
|
||||
<view class="left">项目</view>
|
||||
<view wx:if="{{pItem.id}}" class="right">{{pItem.name ? pItem.name : '/'}}</view>
|
||||
<view wx:else class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{pItem.name}}" placeholder="请输入" type="text" data-fieldindex="{{index}}" data-fieldName="projectList" data-fieldkey="name" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="projectList" data-fieldindex="{{index}}" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row {{!pItem.id ? 'row-w' : ''}}">
|
||||
<view class="flex-between">
|
||||
<view class="left">内容</view>
|
||||
<view wx:if="{{pItem.id}}" class="right">{{pItem.content ? pItem.content : '/'}}</view>
|
||||
<view wx:else class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{pItem.content}}" placeholder="请输入" type="text" data-fieldindex="{{index}}" data-fieldName="projectList" data-fieldkey="content" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="projectList" data-fieldindex="{{index}}" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row row-w">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>是否符合要求</view>
|
||||
<view class="right" style="width: 36%;max-width:initial;min-width:initial;">
|
||||
<!-- <view class="select-box" data-fieldName="yesOrNoSelectShow" data-fieldindex="{{index}}" catch:tap="pickerChange">
|
||||
<view wx:if="{{pItem.checkStatus != undefined}}">{{pItem.checkStatus ? '是' : '否'}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.projectList[index].checkStatus != ''}}">{{requireObj.projectList[index].checkStatus}}</view> -->
|
||||
|
||||
<van-radio-group value="{{ pItem.checkStatus }}" data-fieldName="projectList" data-fieldindex="{{index}}" bind:change="radioOnChange">
|
||||
<view style="display: flex;justify-content: space-between;">
|
||||
<van-radio name="1">是</van-radio>
|
||||
<van-radio name="0">否</van-radio>
|
||||
</view>
|
||||
</van-radio-group>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row row-w">
|
||||
<view class="flex-between">
|
||||
<view class="left">备注</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{pItem.remark}}" placeholder="请输入" type="text" data-fieldindex="{{index}}" data-fieldName="projectList" data-fieldkey="remark" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="projectList" data-fieldindex="{{index}}" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-box">
|
||||
<view class="btn-del" data-fieldName="projectList" data-fieldindex="{{index}}" catch:tap="delRow">删除</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <van-popup show="{{showSelect.yesOrNoSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="checkStatus" show-toolbar
|
||||
columns="{{yesOrNoOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup> -->
|
||||
<view class="box-g" wx:if="{{params.projectList.length == 0}}">无项目信息</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>交车人</view>
|
||||
<view class="right">
|
||||
<view class="select-box" data-fieldName="sentVehicleUserSelectShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.sentVehicleUserId}}">{{userList[sentVehicleUserPickerIndex].text}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.sentVehicleUserId != ''}}">{{requireObj.sentVehicleUserId}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.sentVehicleUserSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="sentVehicleUserId" data-fieldindex="sentVehicleUserPickerIndex" show-toolbar
|
||||
columns="{{userList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>验车人</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.checkUserName}}" placeholder="请输入" type="text" data-fieldName="checkUserName" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="checkUserName" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.checkUserName != ''}}">{{requireObj.checkUserName}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">初登日期</view>
|
||||
<view class="right">
|
||||
<view class="select-box" data-fieldName="registrationTimeShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.registrationTime}}">{{params.registrationTime}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.registrationTime != ''}}">{{requireObj.registrationTime}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.registrationTimeShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-datetime-picker type="date" value="{{ registrationTimeTamp }}" data-fieldName="registrationTime" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
|
||||
</van-popup>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>验车时间</view>
|
||||
<view class="right">
|
||||
<view class="select-box" data-fieldName="timeSelectShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.checkTime}}">{{params.checkTime}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.checkTime != ''}}">{{requireObj.checkTime}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.timeSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-datetime-picker type="date" value="{{ checkTimeTamp }}" data-fieldName="checkTime" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
|
||||
</van-popup>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between" data-fieldkey="0" catch:tap="changeAddress">
|
||||
<view class="left">验车地点</view>
|
||||
<view class="right">
|
||||
<view class="address-box">
|
||||
<view class="val">{{params.checkAddress ? params.checkAddress : ''}}</view>
|
||||
<view class="icon">
|
||||
<image src="../../../images/icon_location.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.checkAddress != ''}}">{{requireObj.checkAddress}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>验收结果</view>
|
||||
<view class="right">
|
||||
<!-- {{params.checkStatus ? '是' : '否'}} -->
|
||||
<van-radio-group value="{{ params.checkStatus }}" data-fieldName="checkStatus" bind:change="radioOnChange">
|
||||
<view style="display: flex;justify-content: space-between;">
|
||||
<van-radio name="1">合格</van-radio>
|
||||
<van-radio name="0">不合格</van-radio>
|
||||
</view>
|
||||
</van-radio-group>
|
||||
<view class="tips" wx:if="{{requireObj.checkStatus !== ''}}">{{requireObj.checkStatus}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验收结论</view>
|
||||
<view class="right">
|
||||
<!-- {{params.remark ? params.remark : '/'}} -->
|
||||
<view class="input-box">
|
||||
<input value="{{params.remark}}" placeholder="请输入" type="text" data-fieldName="remark" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="remark" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="no-flex">
|
||||
<view class="left">验收单</view>
|
||||
<view class="right r100">
|
||||
<van-uploader
|
||||
file-list="{{ params.ckeckUrlList }}"
|
||||
deletable="{{ true }}"
|
||||
max-count="10"
|
||||
data-fieldName="ckeckUrl"
|
||||
bind:after-read="afterRead"
|
||||
bind:delete="deletePhoto" >
|
||||
<view class="upload-box">
|
||||
<image src="../../../images/icon_upload.png" mode=""/>
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<view class="no-flex">
|
||||
<view class="left">保函</view>
|
||||
<view class="right r100">
|
||||
<van-uploader
|
||||
file-list="{{ params.ensureUrlList }}"
|
||||
deletable="{{ true }}"
|
||||
max-count="10"
|
||||
data-fieldName="ensureUrl"
|
||||
bind:after-read="afterRead"
|
||||
bind:delete="deletePhoto" >
|
||||
<view class="upload-box">
|
||||
<image src="../../../images/icon_upload.png" mode=""/>
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="row">
|
||||
<view class="no-flex">
|
||||
<view class="left">其他</view>
|
||||
<view class="right r100">
|
||||
<van-uploader
|
||||
file-list="{{ params.otherUrlList }}"
|
||||
deletable="{{ true }}"
|
||||
max-count="10"
|
||||
data-fieldName="otherUrl"
|
||||
bind:after-read="afterRead"
|
||||
bind:delete="deletePhoto" >
|
||||
<view class="upload-box">
|
||||
<image src="../../../images/icon_upload.png" mode=""/>
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content content-base" wx:if="{{tabActive == 0 && params.status == '1'}}">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">验收信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.check}}">
|
||||
<view class="box-g" wx:for="{{params.projectList}}" wx:key="index" wx:for-item="pItem">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">项目</view>
|
||||
<view class="right">{{pItem.name ? pItem.name : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">内容</view>
|
||||
<view class="right">{{pItem.content ? pItem.content : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">是否符合要求</view>
|
||||
<view class="right">{{pItem.checkStatus ? '是' : '否'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">备注</view>
|
||||
<view class="right">{{pItem.remark ? pItem.remark : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-g" wx:if="{{params.projectList.length == 0}}">无项目信息</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">交车人</view>
|
||||
<view class="right">{{params.sentVehicleUserId_dictText ? params.sentVehicleUserId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车人</view>
|
||||
<view class="right">{{params.checkUserName ? params.checkUserName : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">初登日期</view>
|
||||
<view class="right">{{params.registrationTime ? params.registrationTime : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车时间</view>
|
||||
<view class="right">{{params.checkTime ? params.checkTime : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车地点</view>
|
||||
<view class="right">{{params.checkAddress ? params.checkAddress : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验收结果</view>
|
||||
<view class="right">{{params.checkStatus ? '合格' : '不合格'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验收结论</view>
|
||||
<view class="right">{{params.remark ? params.remark : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">验收单</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{params.ckeckUrl}}">
|
||||
<!-- <image src="{{params.ckeckUrl}}" mode="" catch:tap="previewImg"/> -->
|
||||
<van-uploader
|
||||
file-list="{{ params.ckeckUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ params.ckeckUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">保函</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{params.ensureUrl}}">
|
||||
<van-uploader
|
||||
file-list="{{ params.ensureUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ params.ensureUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">其他</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{params.otherUrl}}">
|
||||
<!-- <image src="{{params.otherUrl}}" mode="" catch:tap="previewImg"/> -->
|
||||
<van-uploader
|
||||
file-list="{{ params.otherUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ params.otherUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" wx:if="{{tabActive == 1 && params.status == '0'}}">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">验收信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<!-- <view class="btn-add" data-fieldName="projectList" catch:tap="addRow">
|
||||
<image src="../../../images/btn_add.png" mode=""/>
|
||||
新增
|
||||
</view> -->
|
||||
<view class="btn" wx:if="{{showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.check}}">
|
||||
<view class="box-g" wx:for="{{params.projectList}}" wx:key="index" wx:for-item="pItem">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">项目</view>
|
||||
<view wx:if="{{pItem.id}}" class="right">{{pItem.name ? pItem.name : '/'}}</view>
|
||||
<view wx:else class="right">
|
||||
{{pItem.name}}
|
||||
<!-- <view class="input-box">
|
||||
<input value="{{pItem.name}}" placeholder="请输入" type="text" data-fieldindex="{{index}}" data-fieldName="projectList" data-fieldkey="name" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="projectList" data-fieldindex="{{index}}" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">内容</view>
|
||||
<view wx:if="{{pItem.id}}" class="right">{{pItem.content ? pItem.content : '/'}}</view>
|
||||
<view wx:else class="right">
|
||||
{{pItem.content}}
|
||||
<!-- <view class="input-box">
|
||||
<input value="{{pItem.content}}" placeholder="请输入" type="text" data-fieldindex="{{index}}" data-fieldName="projectList" data-fieldkey="content" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="projectList" data-fieldindex="{{index}}" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>是否符合要求</view>
|
||||
<view class="right" style="width: 36%;max-width:initial;min-width:initial;">
|
||||
<!-- <view class="select-box" data-fieldName="yesOrNoSelectShow" data-fieldindex="{{index}}" catch:tap="pickerChange">
|
||||
<view wx:if="{{pItem.checkStatus != undefined}}">{{pItem.checkStatus ? '是' : '否'}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.projectList[index].checkStatus != ''}}">{{requireObj.projectList[index].checkStatus}}</view> -->
|
||||
{{pItem.checkStatus ? '是' : '否'}}
|
||||
<!-- <van-radio-group value="{{ pItem.checkStatus }}" data-fieldName="projectList" data-fieldindex="{{index}}" bind:change="radioOnChange">
|
||||
<view style="display: flex;justify-content: space-between;">
|
||||
<van-radio name="1">是</van-radio>
|
||||
<van-radio name="0">否</van-radio>
|
||||
</view>
|
||||
</van-radio-group> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">备注</view>
|
||||
<view class="right">
|
||||
{{pItem.remark}}
|
||||
<!-- <view class="input-box">
|
||||
<input value="{{pItem.remark}}" placeholder="请输入" type="text" data-fieldindex="{{index}}" data-fieldName="projectList" data-fieldkey="remark" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="projectList" data-fieldindex="{{index}}" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <van-popup show="{{showSelect.yesOrNoSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="checkStatus" show-toolbar
|
||||
columns="{{yesOrNoOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup> -->
|
||||
<view class="box-g" wx:if="{{params.projectList.length == 0}}">无项目信息</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>交车人</view>
|
||||
<view class="right">
|
||||
<view class="input-box">
|
||||
<input value="{{params.sentVehicleUser}}" placeholder="请输入" type="text" data-fieldName="sentVehicleUser" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="sentVehicleUser" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.sentVehicleUser != ''}}">{{requireObj.sentVehicleUser}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.sentVehicleUserSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="sentVehicleUserId" data-fieldindex="sentVehicleUserPickerIndex" show-toolbar
|
||||
columns="{{userList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>验车人</view>
|
||||
<view class="right">
|
||||
<view class="select-box" data-fieldName="checkUserSelectShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.checkUserId}}">{{userList[checkUserPickerIndex].text}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.checkUserId != ''}}">{{requireObj.checkUserId}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.checkUserSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-picker data-fieldname="checkUserId" data-fieldindex="checkUserPickerIndex" show-toolbar
|
||||
columns="{{userList}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">初登日期</view>
|
||||
<view class="right">
|
||||
<view class="select-box" data-fieldName="registrationTimeShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.registrationTime}}">{{params.registrationTime}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.registrationTime != ''}}">{{requireObj.registrationTime}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.registrationTimeShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-datetime-picker type="date" value="{{ registrationTimeTamp }}" data-fieldName="registrationTime" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
|
||||
</van-popup>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>验车时间</view>
|
||||
<view class="right">
|
||||
<view class="select-box" data-fieldName="timeSelectShow" catch:tap="pickerChange">
|
||||
<view wx:if="{{params.checkTime}}">{{params.checkTime}}</view>
|
||||
<view class="placeholder" wx:else>请选择</view>
|
||||
<view class="arrow"></view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.checkTime != ''}}">{{requireObj.checkTime}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<van-popup show="{{showSelect.timeSelectShow}}" position="bottom" bind:close="hidePicker">
|
||||
<van-datetime-picker type="date" value="{{ checkTimeTamp }}" data-fieldName="checkTime" bind:cancel="hidePicker" bind:confirm="pickerConfirm" />
|
||||
</van-popup>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between" data-fieldkey="0" catch:tap="changeAddress">
|
||||
<view class="left">验车地点</view>
|
||||
<view class="right">
|
||||
<view class="address-box">
|
||||
<view class="val">{{params.checkAddress ? params.checkAddress : ''}}</view>
|
||||
<view class="icon">
|
||||
<image src="../../../images/icon_location.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tips" wx:if="{{requireObj.checkAddress != ''}}">{{requireObj.checkAddress}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left"><view class="require">*</view>验收结果</view>
|
||||
<view class="right">
|
||||
<!-- {{params.checkStatus ? '是' : '否'}} -->
|
||||
<van-radio-group value="{{ params.checkStatus }}" data-fieldName="checkStatus" bind:change="radioOnChange">
|
||||
<view style="display: flex;justify-content: space-between;">
|
||||
<van-radio name="1">合格</van-radio>
|
||||
<van-radio name="0">不合格</van-radio>
|
||||
</view>
|
||||
</van-radio-group>
|
||||
<view class="tips" wx:if="{{requireObj.checkStatus !== ''}}">{{requireObj.checkStatus}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验收结论</view>
|
||||
<view class="right">
|
||||
<!-- {{params.remark ? params.remark : '/'}} -->
|
||||
<view class="input-box">
|
||||
<input value="{{params.remark}}" placeholder="请输入" type="text" data-fieldName="remark" bindinput="getInput" />
|
||||
<view class="clear-btn" data-fieldName="remark" catch:tap="clearVal">
|
||||
<image src="../../../images/icon_delete.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="no-flex">
|
||||
<view class="left">验收单</view>
|
||||
<view class="right r100">
|
||||
<van-uploader
|
||||
file-list="{{ params.ckeckUrlList }}"
|
||||
deletable="{{ true }}"
|
||||
max-count="10"
|
||||
data-fieldName="ckeckUrl"
|
||||
bind:after-read="afterRead"
|
||||
bind:delete="deletePhoto" >
|
||||
<view class="upload-box">
|
||||
<image src="../../../images/icon_upload.png" mode=""/>
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<view class="no-flex">
|
||||
<view class="left">保函</view>
|
||||
<view class="right r100">
|
||||
<van-uploader
|
||||
file-list="{{ params.ensureUrlList }}"
|
||||
deletable="{{ true }}"
|
||||
max-count="10"
|
||||
data-fieldName="ensureUrl"
|
||||
bind:after-read="afterRead"
|
||||
bind:delete="deletePhoto" >
|
||||
<view class="upload-box">
|
||||
<image src="../../../images/icon_upload.png" mode=""/>
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="row">
|
||||
<view class="no-flex">
|
||||
<view class="left">其他</view>
|
||||
<view class="right r100">
|
||||
<van-uploader
|
||||
file-list="{{ params.otherUrlList }}"
|
||||
deletable="{{ true }}"
|
||||
max-count="10"
|
||||
data-fieldName="otherUrl"
|
||||
bind:after-read="afterRead"
|
||||
bind:delete="deletePhoto" >
|
||||
<view class="upload-box">
|
||||
<image src="../../../images/icon_upload.png" mode=""/>
|
||||
<view class="val">上传图片</view>
|
||||
</view>
|
||||
</van-uploader>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content content-base" wx:if="{{tabActive == 1 && params.status == '1'}}">
|
||||
<view class="top">
|
||||
<view class="left">
|
||||
<view class="line"></view>
|
||||
<view class="title">验收信息</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="btn" wx:if="{{showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_up.png" mode=""/>
|
||||
<view class="val">收起</view>
|
||||
</view>
|
||||
<view class="btn" wx:if="{{!showBox.check}}" data-fieldName="check" catch:tap="showBoxInf">
|
||||
<image src="../../../images/icon_down.png" mode=""/>
|
||||
<view class="val">展开</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box" wx:if="{{showBox.check}}">
|
||||
<view class="box-g" wx:for="{{params.projectList}}" wx:key="index" wx:for-item="pItem">
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">项目</view>
|
||||
<view class="right">{{pItem.name ? pItem.name : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">内容</view>
|
||||
<view class="right">{{pItem.content ? pItem.content : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">是否符合要求</view>
|
||||
<view class="right">{{pItem.checkStatus ? '是' : '否'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">备注</view>
|
||||
<view class="right">{{pItem.remark ? pItem.remark : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box-g" wx:if="{{params.projectList.length == 0}}">无项目信息</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">交车人</view>
|
||||
<view class="right">{{params.children.sentVehicleUser ? params.children.sentVehicleUser : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车人</view>
|
||||
<view class="right">{{params.children.checkUserId_dictText ? params.children.checkUserId_dictText : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">初登日期</view>
|
||||
<view class="right">{{params.children.registrationTime ? params.children.registrationTime : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车时间</view>
|
||||
<view class="right">{{params.children.checkTime ? params.children.checkTime : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验车地点</view>
|
||||
<view class="right">{{params.children.checkAddress ? params.children.checkAddress : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验收结果</view>
|
||||
<view class="right">{{params.children.checkStatus ? '合格' : '不合格'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between">
|
||||
<view class="left">验收结论</view>
|
||||
<view class="right">{{params.children.remark ? params.children.remark : '/'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">验收单</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{params.children.ckeckUrl}}">
|
||||
<!-- <image src="{{params.ckeckUrl}}" mode="" catch:tap="previewImg"/> -->
|
||||
<van-uploader
|
||||
file-list="{{ params.children.ckeckUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ params.children.ckeckUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">保函</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{params.children.ensureUrl}}">
|
||||
<van-uploader
|
||||
file-list="{{ params.children.ensureUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ params.children.ensureUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="row">
|
||||
<view class="flex-between noalign-center">
|
||||
<view class="left">其他</view>
|
||||
<view class="right">
|
||||
<view class="pic-box" wx:if="{{params.children.otherUrl}}">
|
||||
<!-- <image src="{{params.otherUrl}}" mode="" catch:tap="previewImg"/> -->
|
||||
<van-uploader
|
||||
file-list="{{ params.children.otherUrlList }}"
|
||||
deletable="{{ false }}"
|
||||
max-count="{{ params.children.otherUrlList.length }}" />
|
||||
</view>
|
||||
<view wx:else="">/</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view class="btn-box" wx:if="{{tabActive == 0}}">
|
||||
<view class="btn btn1 btn-w50" data-status="0" wx:if="{{defaultData.receiveStatus == '0'}}" catch:tap="formSubmit">保存</view>
|
||||
<view class="btn btn2 btn-w50" data-status="1" wx:if="{{defaultData.receiveStatus == '0'}}" catch:tap="formSubmit">提交</view>
|
||||
<view class="btn btn3" data-status="1" wx:if="{{defaultData.receiveStatus != '0'}}" catch:tap="del">删除</view>
|
||||
</view>
|
||||
<view class="btn-box" wx:if="{{tabActive == 1}}">
|
||||
<view class="btn btn1 btn-w50" data-status="0" wx:if="{{defaultData.receiveStatus == '0.5'}}" catch:tap="formSubmit">保存</view>
|
||||
<view class="btn btn2 btn-w50" data-status="1" wx:if="{{defaultData.receiveStatus == '0.5'}}" catch:tap="formSubmit">提交</view>
|
||||
<view class="btn btn3" data-status="1" wx:if="{{defaultData.receiveStatus == '1'}}" catch:tap="del">删除</view>
|
||||
</view>
|
||||
</view>
|
||||
Reference in New Issue
Block a user