From 767a47d377d1b25d03b6fbac6a83ff04578fbee5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E7=BE=A4?= <zhangqun@MacBook-Pro.local>
Date: Tue, 5 Sep 2023 15:01:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96picker=E5=9B=9E=E6=98=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                            |  12 +
 pages/highWay/runData/form.vue        |  13 +-
 pages/highWay/runStatusData/form.vue  |  32 +-
 pages/railway/railwayRunData/form.vue |   2 +-
 pages/railway/runStatus/form.vue      |   2 +-
 pages/water/TransportData/form.vue    | 606 ++++++++++++++++++++++++++
 pages/water/TransportData/list.vue    | 443 +++++++++++++++++++
 7 files changed, 1093 insertions(+), 17 deletions(-)
 create mode 100644 pages/water/TransportData/form.vue
 create mode 100644 pages/water/TransportData/list.vue

diff --git a/pages.json b/pages.json
index cda425d..44826a7 100644
--- a/pages.json
+++ b/pages.json
@@ -84,6 +84,18 @@
 				"navigationBarTitleText": "铁路运行情况报送"
 			}
 		},
+		{
+			"path": "pages/water/TransportData/list",
+			"style": {
+				"navigationBarTitleText": "水运运输数据"
+			}
+		},
+		{
+			"path": "pages/water/TransportData/form",
+			"style": {
+				"navigationBarTitleText": "水运运输数据报送"
+			}
+		},
 		{
 			"path": "pages/roadTransport/transportData/list",
 			"style": {
diff --git a/pages/highWay/runData/form.vue b/pages/highWay/runData/form.vue
index 2125d03..97fbdd0 100644
--- a/pages/highWay/runData/form.vue
+++ b/pages/highWay/runData/form.vue
@@ -83,7 +83,7 @@
 				<view v-if='item.isFinish' class="tag"><uni-icons type="checkmarkempty" color="#fff" size="12"></uni-icons></view>
 				{{item.stationName}}
 			</view>
-			<view v-if="index >= 9" :style="(index+1)%3 == 0 ? 'margin-right:0;':''" @click="changeStationIndex(index)" class="station_item" :class="[item.isFinish ? 'active' : '',index == stationIndex ? 'choosed' : '']" v-for="(item, index) in highwaySubDataList" :key="item.id">
+			<view v-if="index >= 9 && showStaion" :style="(index+1)%3 == 0 ? 'margin-right:0;':''" @click="changeStationIndex(index)" class="station_item" :class="[item.isFinish ? 'active' : '',index == stationIndex ? 'choosed' : '']" v-for="(item, index) in highwaySubDataList" :key="item.id">
 				<view v-if='item.isFinish' class="tag"><uni-icons type="checkmarkempty" color="#fff" size="12"></uni-icons></view>
 				{{item.stationName}}
 			</view>
@@ -335,8 +335,8 @@
 								"exitVehicleCount": '',
 								"exitVehicleCountMom": '',
 								"exitVehicleCountYoy": '',
-								"highwayId": item.highWayLineCode,
-								"highwayName": item.highWayLineName,
+								"highwayId": "",
+								"highwayName": item.managementUnitName,
 								"submitPersonnelContact": this.userInfo.realName+','+this.userInfo.mobile,
 								"tollExemptAmount": 0.0,
 								"tollExemptVehicleCount": 0,
@@ -366,8 +366,8 @@
 									"exitVehicleCount": '',
 									"exitVehicleCountMom": '',
 									"exitVehicleCountYoy": '',
-									"highwayId": item.highWayLineCode,
-									"highwayName": item.highWayLineName,
+									"highwayId": "",
+									"highwayName": item.managementUnitName,
 									"submitPersonnelContact": this.userInfo.realName+','+this.userInfo.mobile,
 									"tollExemptAmount": 0.0,
 									"tollExemptVehicleCount": 0,
@@ -399,7 +399,7 @@
 						let now = new Date();
 						//11:00-13:30 默认选择0-12
 						let dateStr = getDateStr(now, 0);
-						if(new Date(dateStr + ' 11:00').getTime() < new Date().getTime() < new Date(dateStr + ' 13:30').getTime()) {
+						if(new Date(dateStr + ' 11:00').getTime() < new Date().getTime() && new Date().getTime() < new Date(dateStr + ' 13:30').getTime()) {
 							this.form.statPeriod = '0012';
 							this.index = this.array.findIndex(item => item.dictValue == '0012');
 						}else{
@@ -646,6 +646,7 @@
 			text-align: center;
 			margin-bottom: 30rpx;
 			margin-right: 16rpx;
+			overflow: hidden;
 
 			&.active {
 				position: relative;
diff --git a/pages/highWay/runStatusData/form.vue b/pages/highWay/runStatusData/form.vue
index ea9d0d7..704de81 100644
--- a/pages/highWay/runStatusData/form.vue
+++ b/pages/highWay/runStatusData/form.vue
@@ -186,7 +186,7 @@
 					<view class="form_item_label">高速公路名称：</view>
 					<view class="form_item_input picker">
 						<picker :value="item.highwayNameIndex" :range="highwayDataList" range-key="stdName"
-							@change="e => changeHighway(e, 'highwayCongestionDetailDTOS', index)">
+							@change="e => changeHighway(e, 'highwayAccidentDetailDTOS', index)">
 							<text class="picker_select"
 								:style="item.highwayName?'color:#333;':''">{{item.highwayName ? item.highwayName : '请选择'}}</text>
 							<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
@@ -231,10 +231,10 @@
 				<view class="form_item">
 					<view class="form_item_label">事故等级：</view>
 					<view class="form_item_input picker">
-						<picker :value="item.accidentLevelIndex" :range="accidentLevel" range-key="stdName"
+						<picker :value="item.accidentLevelIndex" :range="accidentLevel" range-key="dictLabel"
 							@change="e => changeAccidentLevel(e, 'highwayCongestionDetailDTOS', index)">
 							<text class="picker_select"
-								:style="item.accidentLevel?'color:#333;':''">{{item.accidentLevel ? item.accidentLevel : '请选择'}}</text>
+								:style="item.accidentLevelIndex?'color:#333;':''">{{item.accidentLevelIndex ? accidentLevel[item.accidentLevelIndex].dictLabel : '请选择'}}</text>
 							<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
 						</picker>
 					</view>
@@ -342,21 +342,25 @@
 		},
 		onLoad(options) {
 			this.userInfo = uni.getStorageSync('userInfo');
-			this.queryHighway(); //高速公路列表
 			if (options.type == 'add') {
 				this.pageType = 'add';
 				let now = new Date();
 				this.form.statDate = getDateStr(now, -1); //默认前一天
+				this.queryHighway(); //高速公路列表
+				this.queryAccidentLevel(); //事故等级
 			} else if (options.item) {
 				this.form = JSON.parse(options.item);
 				this.form.highwayCongestionDetailDTOS = this.form.highwayCongestionDetailVOS;
 				this.form.highwayAccidentDetailDTOS = this.form.highwayAccidentDetailVOS;
 				console.log(this.form)
+				this.queryAccidentLevel(); //事故等级
+				this.queryHighway(); //高速公路列表
 			} else if (options.id) {
 				this.queryDetailInfo(options.id);
+				this.queryAccidentLevel(); //事故等级
+				this.queryHighway(); //高速公路列表
 			}
 			this.queryTime(); //统计时段
-			this.queryAccidentLevel(); //事故等级
 		},
 		methods: {
 			//id查询详情
@@ -366,13 +370,20 @@
 					this.form = res.data;
 					this.form.highwayCongestionDetailDTOS = this.form.highwayCongestionDetailVOS;
 					this.form.highwayAccidentDetailDTOS = this.form.highwayAccidentDetailVOS;
+					this.queryAccidentLevel(); //事故等级
 				})
 			},
 			//高速公路权限列表
 			queryHighway() {
 				this.$request(getApp().globalData.baseUrl + '/api/biz/roadInfo/all?page=0&pageSize=0&_t=' + Date.parse(
 					new Date()), {}, 'GET').then(res => {
-					this.highwayDataList = res.data;
+					this.highwayDataList = res.data;
+					this.form.highwayAccidentDetailDTOS.map(item => {
+						item.highwayNameIndex = this.highwayDataList.findIndex(item2 => item2.stdName == item.highwayName);
+					})
+					this.form.highwayCongestionDetailDTOS.map(item => {
+						item.highwayNameIndex = this.highwayDataList.findIndex(item2 => item2.stdName == item.highwayName);
+					})
 				})
 			},
 			//高速公路切换选择
@@ -384,7 +395,7 @@
 			//事故等级切换选择
 			changeAccidentLevel(e, key, index) {
 				this.form[key][index].accidentLevelIndex = e.detail.value;
-				this.form[key][index].accidentLevel = this.accidentLevel[e.detail.value].stdName;
+				this.form[key][index].accidentLevel = this.accidentLevel[e.detail.value].dictValue;
 			},
 			//统计时段切换选择
 			changeStatPeriod(e) {
@@ -415,7 +426,7 @@
 						let now = new Date();
 						//11:00-13:30 默认选择0-12
 						let dateStr = getDateStr(now, 0);
-						if (new Date(dateStr + ' 11:00').getTime() < new Date().getTime() < new Date(dateStr +
+						if (new Date(dateStr + ' 11:00').getTime() < new Date().getTime() && new Date().getTime() < new Date(dateStr +
 								' 13:30').getTime()) {
 							this.form.statPeriod = '0012';
 							this.index = this.array.findIndex(item => item.dictValue == '0012');
@@ -433,7 +444,10 @@
 				this.$request(getApp().globalData.baseUrl + '/api/dict/listDictData?dictType=accident_level' + '&_t=' +
 					Date.parse(
 						new Date()), {}, 'GET').then(res => {
-					this.accidentLevel = res.data;
+					this.accidentLevel = res.data.list;
+					this.form.highwayCongestionDetailDTOS.map(item => {
+						item.accidentLevelIndex = this.accidentLevel.findIndex(item2 => item2.dictValue == item.accidentLevel);
+					})
 				})
 			},
 			//增行
diff --git a/pages/railway/railwayRunData/form.vue b/pages/railway/railwayRunData/form.vue
index 6d3bcbd..9811cb3 100644
--- a/pages/railway/railwayRunData/form.vue
+++ b/pages/railway/railwayRunData/form.vue
@@ -350,7 +350,7 @@
 						let now = new Date();
 						//11:00-13:30 默认选择0-12
 						let dateStr = getDateStr(now, 0);
-						if (new Date(dateStr + ' 11:00').getTime() < new Date().getTime() < new Date(dateStr +
+						if (new Date(dateStr + ' 11:00').getTime() < new Date().getTime() && new Date().getTime() < new Date(dateStr +
 								' 13:30').getTime()) {
 							this.form.statPeriod = '0012';
 							this.index = this.array.findIndex(item => item.dictValue == '0012');
diff --git a/pages/railway/runStatus/form.vue b/pages/railway/runStatus/form.vue
index 7132ad7..1f1d297 100644
--- a/pages/railway/runStatus/form.vue
+++ b/pages/railway/runStatus/form.vue
@@ -160,7 +160,7 @@
 						let now = new Date();
 						//11:00-13:30 默认选择0-12
 						let dateStr = getDateStr(now, 0);
-						if(new Date(dateStr + ' 11:00').getTime() < new Date().getTime() < new Date(dateStr + ' 13:30').getTime()) {
+						if(new Date(dateStr + ' 11:00').getTime() < new Date().getTime() && new Date().getTime() < new Date(dateStr + ' 13:30').getTime()) {
 							this.form.statPeriod = '0012';
 							this.index = this.array.findIndex(item => item.dictValue == '0012');
 						}else{
diff --git a/pages/water/TransportData/form.vue b/pages/water/TransportData/form.vue
new file mode 100644
index 0000000..6e025f5
--- /dev/null
+++ b/pages/water/TransportData/form.vue
@@ -0,0 +1,606 @@
+<template>
+	<view class="form_warp">
+		<view class="form_intro">
+			<view>如有填报问题，请咨询公共服务中心</view>
+			<view>中心值班电话：<text class="tel">66007587</text></view>
+		</view>
+		<view class="form_item_box">
+			<view class="form_item_title">基本信息</view>
+			<view class="form_item">
+				<view class="form_item_label">车站名称：</view>
+				<view class="form_item_input picker">
+					<picker :value="railwayNameIndex" :range="stationList" @change="changeRailway">
+						<text class="picker_select"
+							:style="form.railwayName?'color:#333;':''">{{form.railwayName?form.railwayName:'请选择'}}</text>
+						<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
+					</picker>
+				</view>
+			</view>
+			<view class="form_item">
+				<view class="form_item_label">统计日期：</view>
+				<view class="form_item_input picker">
+					<picker mode="date" :value="form.statDate" @change="bindDateChange">
+						<text class="picker_select"
+							:style="form.statDate?'color:#333;':''">{{form.statDate?form.statDate:'请选择'}}</text>
+						<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
+					</picker>
+				</view>
+			</view>
+			<view class="form_item">
+				<view class="form_item_label">统计时段：</view>
+				<view class="form_item_input picker">
+					<picker :value="index" :range="array" range-key="dictLabel" @change="changeStatPeriod">
+						<text class="picker_select"
+							:style="index>-1?'color:#333;':''">{{index>-1?array[index].dictLabel:'请选择'}}</text>
+						<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
+					</picker>
+				</view>
+			</view>
+		</view>
+		<view class="form_item_box" style="margin-top: 30rpx;">
+			<view class="form_item_li">
+				<view class="form_item">
+					<view class="form_item_label">航次：</view>
+					<view class="form_item_input form_input">
+						<uni-easyinput @blur="calcYoyMom" v-model="form.inboundWatertransportDo" type="number"
+							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
+						</uni-easyinput>
+					</view>
+				</view>
+				<view class="form_item">
+					<view class="form_item_label">去年航次：</view>
+					<view class="form_item_input form_input">
+						<uni-easyinput @blur="calcYoyMom" v-model="form.lastPassengersDo" type="number"
+							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
+						</uni-easyinput>
+					</view>
+				</view>
+				<view class="form_item">
+					<view class="form_item_label">客运量：</view>
+					<view class="form_item_input form_input">
+						<uni-easyinput @blur="calcYoyMom" v-model="form.outboundWatertransportDo" type="number"
+							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
+						</uni-easyinput>
+					</view>
+				</view>
+				<view class="form_item">
+					<view class="form_item_label">去年客运量：</view>
+					<view class="form_item_input form_input">
+						<uni-easyinput @blur="calcYoyMom" v-model="form.lastWatertransportDo" type="number"
+							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
+						</uni-easyinput>
+					</view>
+				</view>
+				<view class="form_item">
+					<view class="form_item_label">船舶数：</view>
+					<view class="form_item_input form_input">
+						<uni-easyinput v-model="form.inboundWatertransportIn" type="number"
+							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
+						</uni-easyinput>
+					</view>
+				</view>
+				<view class="form_item">
+					<view class="form_item_label">客位数：</view>
+					<view class="form_item_input form_input">
+						<uni-easyinput v-model="form.watertransportPassengersDo" type="number"
+							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
+						</uni-easyinput>
+					</view>
+				</view>
+				<!-- 同比 -->
+				<view class="form_item_rate">
+					<view class="rate_item">
+						<view class="rate_item_label">
+							客运量同比(%)</view>
+						<view class="rate_item_input">
+							{{form.passengerWatertransportMomDo === 0 ? form.passengerWatertransportMomDo : form.passengerWatertransportMomDo ? form.passengerWatertransportMomDo.toFixed(2) : ''}}
+						</view>
+					</view>
+					<view class="line"></view>
+					<view class="rate_item">
+						<view class="rate_item_label">航次同比(%)</view>
+						<view class="rate_item_input">
+							{{form.voyageWatertransportMomDo === 0 ? form.voyageWatertransportMomDo : form.voyageWatertransportMomDo ? form.voyageWatertransportMomDo.toFixed(2) : ''}}
+						</view>
+					</view>
+				</view>
+			</view>
+
+		</view>
+		<!-- 底部按钮 -->
+		<view class="foot_btn">
+			<view class="act_btn" @click="doCancel">取消</view>
+			<view class="act_btn blue" @click="doSubmit">确认</view>
+		</view>
+	</view>
+</template>
+<script>
+	import {
+		getDateStr,
+		checkNotEmpty
+	} from "../../../common/util.js"
+	export default {
+		data() {
+			return {
+				form: {
+					"affiliatedUnit" : "",
+					  "inboundWatertransportDo" : 0,
+					  "inboundWatertransportIn" : 0,
+					  "isHoliday" : "",
+					  "lastPassengersDo" : 0,
+					  "lastWatertransportDo" : 0,
+					  "outboundWatertransportDo" : 0,
+					  "passengerWatertransportMomDo" : 0.0,
+					  "statDate" : "",
+					  "statPeriod" : "",
+					  "voyageWatertransportMomDo" : 0.0,
+					  "watertransportPassengersDo" : 0
+				}, //登录form
+				array: [], //时段选择列表
+				index: 2, //时段选择,默认0-24
+				userInfo: {},
+				pageType: ''
+			}
+		},
+		onLoad(options) {
+			this.userInfo = uni.getStorageSync('userInfo');
+			if (options.type == 'add') {
+				this.pageType = 'add';
+				let now = new Date();
+				this.form.statDate = getDateStr(now, -1); //默认前一天
+				this.queryYoyMom(); //同比环比
+			} else if (options.id) {
+				this.$request(getApp().globalData.baseUrl + '/api/biz/watertransportRunData/find/' + options.id, {}, "GET").then(
+					res => {
+						this.form = res.data;
+						this.queryYoyMom();
+					});
+			}
+			this.queryTime(); //统计时段
+		},
+		methods: {
+			//环比同比
+			queryYoyMom() {
+				if (this.form.statDate == '' || this.form.statPeriod == '') {
+					return;
+				}
+				// let _date = getDateStr(new Date(this.form.statDate), -1);
+				this.$request(getApp().globalData.baseUrl + '/api/biz/bizPilotData/getYoyMom?statDate=' + this.form
+						.statDate + '&statPeriod=' + this.form.statPeriod + '&_t=' + Date.parse(new Date()), {}, 'GET')
+					.then(res => {
+						this.yoyMom = res.data;
+						this.calcYoyMom(); //同步更新同比
+					})
+			},
+			//环比同比计算
+			calcYoyMom() {
+				console.log('同比计算')
+				if (this.yoyMom.lastYearData) {
+					//同比
+					this.form.passengerWatertransportMomDo = this.yoyMom.lastYearData.passengerWatertransportMomDo && this.form.passengerWatertransportMomDo ? (
+							parseInt(this.form.passengerWatertransportMomDo) - this.yoyMom.lastYearData.passengerWatertransportMomDo) / this.yoyMom
+						.lastYearData.passengerWatertransportMomDo * 100 : '';
+					this.form.voyageWatertransportMomDo = this.yoyMom.lastYearData.voyageWatertransportMomDo && this.form.voyageWatertransportMomDo ? (parseInt(this.form
+						.voyageWatertransportMomDo) - this.yoyMom.lastYearData.voyageWatertransportMomDo) / this.yoyMom.lastYearData.voyageWatertransportMomDo * 100 : '';
+				}
+			},
+			//车站权限列表
+			queryStation() {
+				this.$request(getApp().globalData.baseUrl + '/api/biz/railwayRunData/getCurrentSite?_t=' + Date.parse(
+					new Date()), {}, 'GET').then(res => {
+					this.stationList = res.data;
+					if (this.pageType == 'add') {
+						this.form.railwayName = res.data[0];
+						this.railwayNameIndex = 0;
+					}
+				})
+			},
+			//车站选择
+			changeRailway(e) {
+				this.railwayNameIndex = e.detail.value;
+				this.form.railwayName = this.stationList[e.detail.value];
+			},
+			//统计时段切换选择
+			changeStatPeriod(e) {
+				this.index = e.detail.value;
+				this.form.statPeriod = this.array[e.detail.value].dictValue;
+				console.log('change 时段', this.form);
+				this.queryYoyMom();
+			},
+			//取消
+			doCancel() {
+				uni.navigateBack();
+			},
+			//选择统计日期
+			bindDateChange(e) {
+				this.form.statDate = e.detail.value;
+				this.queryYoyMom();
+			},
+			//时段
+			queryTime() {
+				this.$request(getApp().globalData.baseUrl + '/api/dict/dictList?dictType=airport_time' + '&_t=' + Date
+					.parse(
+						new Date()), {}, 'GET').then(res => {
+					this.array = res.data;
+					if (this.pageType == 'add') {
+						let now = new Date();
+						//11:00-13:30 默认选择0-12
+						let dateStr = getDateStr(now, 0);
+						if (new Date(dateStr + ' 11:00').getTime() < new Date().getTime() && new Date().getTime() < new Date(dateStr +
+								' 13:30').getTime()) {
+							this.form.statPeriod = '0012';
+							this.index = this.array.findIndex(item => item.dictValue == '0012');
+						} else {
+							this.form.statPeriod = '03'; //默认0-24
+							this.index = this.array.findIndex(item => item.dictValue == '03');
+						}
+					}else{
+						this.index = this.array.findIndex(item => item.dictValue == this.form.statPeriod);
+					}
+				})
+			},
+			//确认提交
+			doSubmit() {
+				if (!checkNotEmpty(this.form.railwayName)) {
+					uni.showToast({
+						title: '车站名称不能为空',
+						icon: 'none'
+					})
+					return;
+				}
+				if (!checkNotEmpty(this.form.statDate) || !checkNotEmpty(this.form.statPeriod)) {
+					uni.showToast({
+						title: '报送日期和时段不能为空',
+						icon: 'none'
+					})
+					return;
+				}
+				if (!checkNotEmpty(this.form.inboundRailwayDo) || !checkNotEmpty(this.form.inboundPassengersDo) || !
+					checkNotEmpty(this.form.inPepole)) {
+					uni.showToast({
+						title: '入青终到车次、过站车次、人数不能为空',
+						icon: 'none'
+					})
+					return;
+				}
+				if (!checkNotEmpty(this.form.outboundRailwayDo) || !checkNotEmpty(this.form.outboundPassengersDo) || !
+					checkNotEmpty(this.form.outPepole)) {
+					uni.showToast({
+						title: '出青终到车次、过站车次、人数不能为空',
+						icon: 'none'
+					})
+					return;
+				}
+				if (this.form.inPepole == this.yoyMom.yesterdayData.inPepole && this.form.inMark) {
+					uni.showToast({
+						title: '入青备注不能为空',
+						icon: 'none'
+					})
+					return;
+				}
+				if (this.form.outPepole == this.yoyMom.yesterdayData.outPepole && this.form.outRemark) {
+					uni.showToast({
+						title: '出青备注不能为空',
+						icon: 'none'
+					})
+					return;
+				}
+				uni.showModal({
+					title: '提示',
+					content: '确认保存当前报送数据吗?',
+					success: (res) => {
+						if (res.confirm) {
+							this.submitForm();
+						}
+					}
+				})
+			},
+			submitForm() {
+				uni.showLoading({
+					title: '提交中...',
+					mask: true
+				})
+				this.$request(getApp().globalData.baseUrl + '/api/biz/watertransportRunData/saveOrUpdate', this.form,
+					'POST').then(res => {
+					uni.hideLoading();
+					if (res.code == 200) {
+						uni.showToast({
+							title: '报送提交成功',
+							icon: 'none',
+							success: () => {
+								uni.navigateBack();
+							}
+						})
+					}
+				}).catch(() => {
+					uni.hideLoading();
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.form_warp {
+		padding: 30rpx 30rpx 195rpx;
+
+		.form_intro {
+			color: #666;
+			font-size: 26rpx;
+			font-family: PingFang SC-Bold, PingFang SC;
+			line-height: 48rpx;
+			text-align: center;
+			margin-bottom: 20rpx;
+
+			.tel {
+				color: #2D8CF0;
+				font-weight: bold;
+			}
+		}
+
+		.form_item_box {
+			padding: 30rpx 20rpx 30rpx 30rpx;
+			background-color: #fff;
+			border-radius: 30rpx;
+
+			//环比同比
+			.form_item_rate {
+				background: #F6F6F6;
+				border: 1px solid #F6F6F6;
+				padding: 30rpx;
+				margin-bottom: 30rpx;
+				border-radius: 30rpx;
+
+				.line {
+					height: 1px;
+					background-color: #dfdfdf;
+					margin: 30rpx 0;
+				}
+
+				.rate_item {
+					display: flex;
+					justify-content: space-between;
+					font-size: 24rpx;
+					font-family: PingFang SC-Regular, PingFang SC;
+					font-weight: 400;
+
+					.rate_item_label {
+						color: #666;
+						font-size: 24rpx;
+					}
+
+					.rate_item_input {
+						color: #333;
+						font-size: 28rpx;
+					}
+				}
+
+				&.danger {
+					background-color: #FEF6F3;
+					border-color: #F0622D;
+				}
+			}
+
+			.form_item_title {
+				color: #333;
+				line-height: 42rpx;
+				font-size: 30rpx;
+				font-family: PingFang SC-Bold, PingFang SC;
+				font-weight: bold;
+				margin-bottom: 30rpx;
+			}
+
+			.form_item_remark {
+				margin-bottom: 30rpx;
+
+				.form_item_label {
+					color: #333333;
+					line-height: 42rpx;
+					font-size: 30rpx;
+					font-family: PingFang SC-Bold, PingFang SC;
+					font-weight: bold;
+					margin-bottom: 30rpx;
+				}
+			}
+
+			.form_item {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				line-height: 37rpx;
+				font-family: PingFang SC-Regular, PingFang SC;
+				font-weight: 400;
+				margin-bottom: 30rpx;
+
+				.form_item_label {
+					width: 260rpx;
+					color: #666666;
+					font-size: 26rpx;
+					word-break: break-all;
+				}
+
+				.form_item_input {
+					color: #333;
+					text-align: right;
+					word-break: break-all;
+
+					&.picker {
+						flex: 1;
+						display: flex;
+						justify-content: space-between;
+
+						/deep/ picker {
+							flex: 1;
+						}
+
+						.picker_select {
+							color: #D4D4D4;
+							font-size: 28rpx;
+							font-family: PingFang SC-Regular, PingFang SC;
+							font-weight: 400;
+							text-align: right;
+						}
+					}
+
+					//纯展示
+					&.text {
+						color: #333333;
+						line-height: 40rpx;
+						font-size: 28rpx;
+						font-family: PingFang SC-Regular, PingFang SC;
+						font-weight: 400;
+					}
+
+					//输入框
+					&.form_input {
+						/deep/ .is-input-border {
+							border: 0 !important;
+
+							.uni-easyinput__content-input {
+								height: 35rpx !important;
+								text-align: right;
+							}
+						}
+
+						/deep/ .uni-date-x--border {
+							border: 0 !important;
+
+							.uni-date__x-input {
+								// height: 35rpx !important;
+								text-align: right;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+
+	//收费站
+	.station_box {
+		display: flex;
+		flex-wrap: wrap;
+		margin-top: 40rpx;
+
+		.station_item {
+			height: 60rpx;
+			color: #666666;
+			line-height: 60rpx;
+			font-size: 26rpx;
+			font-family: PingFang SC-Regular, PingFang SC;
+			font-weight: 400;
+			border-radius: 20rpx;
+			border: 1rpx solid #C1C1C1;
+			padding: 0 20rpx;
+			margin-bottom: 40rpx;
+			margin-right: 20rpx;
+
+			&.active {
+				position: relative;
+				color: #1ECE5F;
+				border-color: #1ECE5F;
+				background: #EBFAF2;
+
+				.tag {
+					position: absolute;
+					top: 0;
+					right: 0;
+					width: 34rpx;
+					height: 23rpx;
+					background: #1ECE5F;
+					border-radius: 0rpx 20rpx 0rpx 5rpx;
+					text-align: center;
+				}
+			}
+		}
+	}
+
+	.foot_btn {
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		display: flex;
+		justify-content: space-between;
+		padding: 40rpx 30rpx;
+		background-color: #f5f5f5;
+		z-index: 11;
+
+		.act_btn {
+			width: 329rpx;
+			height: 90rpx;
+			color: #666666;
+			font-size: 28rpx;
+			line-height: 90rpx;
+			font-family: PingFang SC-Regular, PingFang SC;
+			font-weight: 400;
+			text-align: center;
+			background: #F6F6F6;
+			border-radius: 100rpx;
+			border: 1rpx solid #C1C1C1;
+
+			&.blue {
+				color: #fff;
+				background: #2D8CF0;
+				border-color: #2D8CF0;
+			}
+		}
+	}
+
+	//增行
+	.line {
+		height: 1px;
+		background-color: #E1E1E1;
+	}
+
+	.add_btn {
+		height: 90rpx;
+		line-height: 90rpx;
+		color: #2D8CF0;
+		font-size: 28rpx;
+		font-family: PingFang SC-Regular, PingFang SC;
+		font-weight: 400;
+		text-align: center;
+		background: #ECF5FF;
+		border-radius: 30rpx;
+		border: 2rpx solid #2D8CF0;
+		margin-top: 30rpx;
+	}
+
+	.tab_box {
+		display: flex;
+		justify-content: space-around;
+
+		.tab_nav {
+			color: #999999;
+			line-height: 42rpx;
+			font-size: 30rpx;
+			font-family: PingFang SC-Regular, PingFang SC;
+			font-weight: 400;
+			padding-bottom: 25rpx;
+
+			&.active {
+				position: relative;
+				color: #2D8CF0;
+				font-weight: bold;
+
+				&::after {
+					position: absolute;
+					content: '';
+					left: 50%;
+					bottom: 0;
+					width: 74rpx;
+					height: 6rpx;
+					background: #2D8CF0;
+					border-radius: 100rpx;
+					margin-left: -37rpx;
+				}
+			}
+		}
+	}
+
+	button {
+		background-color: #007aff;
+		color: #ffffff;
+	}
+</style>
diff --git a/pages/water/TransportData/list.vue b/pages/water/TransportData/list.vue
new file mode 100644
index 0000000..aee46ca
--- /dev/null
+++ b/pages/water/TransportData/list.vue
@@ -0,0 +1,443 @@
+<template>
+	<view class="page">
+		<view class="list_box" v-for="(item,index) in data" :key="index" @click="goPage('/pages/water/TransportData/form?id='+item.id)">
+			<view class="list_top">
+				<view class="unit_tags">报送时间</view>
+				<view>{{item.statDate || ''}}<text
+					style="margin-left:16rpx;">{{item.statPeriodValue || ''}}</text></view>
+			</view>
+		</view>
+		<uni-load-more iconType="circle" :status="status" @clickLoadMore="loadMore"
+			:contentText="contentText"></uni-load-more>
+		<!-- 筛选 -->
+		<view class="foot_btn_box">
+			<view @click="showSearch" class="act_btn btn1"><uni-icons type="search" size="18" color="#2D8CF0"
+					style="margin-right: 9rpx;"></uni-icons>查询
+			</view>
+		</view>
+		<!-- 筛选 -->
+		<uni-popup ref="popup" style="width: 100%;" background-color="none">
+			<view class="pop_box">
+				<view class="pop_title">
+					查询条件
+					<uni-icons type="closeempty" size="18" color="#666" class="pop_close"></uni-icons>
+				</view>
+				<view class="popup-content">
+					<view class="cont_tit">
+						统计起止时间
+					</view>
+					<view class="time_box">
+						<uni-datetime-picker v-model="timeRange" type="daterange" />
+					</view>
+					<view class="cont_tit picker">
+						<view>统计时段</view>
+						<view>
+							<picker @change="bindPickerChange" :value="index" :range="array" range-key="dictLabel">
+								<text class="picker_select"
+									:style="index?'color:#333;':''">{{index?array[index].dictLabel:'请选择时段'}}</text>
+								<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
+							</picker>
+						</view>
+					</view>
+				</view>
+				<view class="btn_box">
+					<p class="btn" @click="searchReset">重置</p>
+					<p class="btn" @click="searchList">确认</p>
+				</view>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+<script>
+	export default {
+		data() {
+			return {
+				data: [],
+				current: 0,
+				size: 10,
+				hasMore: true,
+				status: '',
+				query: {
+					statDateStart: '',
+					statDateEnd: '',
+					statPeriod: ''
+				},
+				contentText: {
+					contentdown: "点击查看更多",
+					contentrefresh: "正在加载...",
+					contentnomore: "没有更多数据了",
+				},
+				timeRange: [], //查询起止日期
+				array: [], //时段选择列表
+				index: '', //时段选择
+			}
+		},
+		onLoad() {
+			this.queryTime();
+			this.loadMore();
+		},
+		onUnload() {
+			this.hasMore = true;
+			this.data = [];
+		},
+		onPullDownRefresh() {
+			console.log('onPullDownRefresh');
+			this.data = [];
+			this.current = 0;
+			this.hasMore = true;
+			this.loadMore();
+		},
+		methods: {
+			//折叠
+			showDetail(index1, index2, flag) {
+				this.data[index1].highwaySubDataList[index2].show = flag;
+			},
+			//搜索时段选择
+			bindPickerChange: function(e) {
+				console.log('picker发送选择改变，携带值为', e.detail.value)
+				this.index = e.detail.value
+			},
+			//确认查询
+			searchList() {
+				this.query = {
+					statDateStart: this.timeRange.length > 0 ? this.timeRange[0] : '',
+					statDateEnd: this.timeRange.length > 0 ? this.timeRange[1] : '',
+					statPeriod: this.index > -1 ? this.array[this.index].dictValue : ''
+				};
+				this.data = [];
+				this.current = 0;
+				this.hasMore = true;
+				this.$refs.popup.close();
+				this.loadMore();
+			},
+			//重置搜索
+			searchReset() {
+				this.timeRange = [];
+				this.query = {
+					statDateStart: '',
+					statDateEnd: '',
+					statPeriod: ''
+				};
+				this.index = '';
+			},
+			//查询
+			showSearch() {
+				this.$refs.popup.open('bottom');
+			},
+			//时段
+			queryTime() {
+				this.$request(getApp().globalData.baseUrl + '/api/dict/dictList?dictType=airport_time' + '&_t=' + Date.parse(
+					new Date()), {}, 'GET').then(res => {
+					this.array = res.data;
+				})
+			},
+			loadMore() {
+				if (this.hasMore) {
+					this.current = this.current + 1;
+					this.status = 'loading';
+					let params = '';
+					Object.keys(this.query).map(key => {
+						params = params + '&' + key + '=' + this.query[key]
+					})
+					this.$request(getApp().globalData.baseUrl + '/api/biz/watertransportRunData/list?page=' + this.current +
+						'&pageSize=' + this.size + '&_t=' + Date.parse(new Date()) + params, {}, 'GET').then(res => {
+						if (res.code == 200) {
+							this.data = this.data.concat(res.data.list);
+							if (res.data.list.length == 0 || res.data.totalCount < this.size) {
+								this.hasMore = false;
+								this.status = 'nomore';
+							} else {
+								this.status = 'more';
+							}
+							uni.stopPullDownRefresh();
+						} else {
+							this.status = 'more';
+							uni.stopPullDownRefresh();
+						}
+					}).catch(() => {
+						this.status = 'more';
+						uni.stopPullDownRefresh();
+					})
+				}
+			},
+			//页面跳转
+			goPage(url, param) {
+				if (param) {
+					uni.navigateTo({
+						url: url + '?item=' + JSON.stringify(param)
+					})
+				} else {
+					uni.navigateTo({
+						url: url
+					})
+				}
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page {
+		min-height: 100vh;
+		padding: 30rpx 30rpx 195rpx;
+	}
+
+	.list_box {
+		background-color: #fff;
+		border-radius: 30rpx;
+		margin-bottom: 30rpx;
+		padding: 30rpx;
+
+		.list_top {
+			display: flex;
+
+			.unit_tags {
+				height: 37rpx;
+				line-height: 37rpx;
+				color: #E37616;
+				font-size: 20rpx;
+				font-family: PingFang SC-Regular, PingFang SC;
+				font-weight: 400;
+				background: #FFF7E4;
+				border-radius: 10rpx;
+				border: 1rpx solid #EF9A4F;
+				padding: 0 11rpx;
+				margin-right: 16rpx;
+			}
+
+			.unit_name {
+				color: #333333;
+				font-size: 30rpx;
+				font-family: PingFang SC-Bold, PingFang SC;
+				font-weight: bold;
+				line-height: 48rpx;
+				margin-left: 20rpx;
+				word-break: break-all;
+			}
+		}
+
+		.report_time {
+			color: #999999;
+			font-size: 24rpx;
+			font-family: PingFang SC-Regular, PingFang SC;
+			font-weight: 400;
+			line-height: 48rpx;
+			text-align: center;
+			margin-bottom: 30rpx;
+		}
+
+		.list_item_box {
+			padding: 30rpx 30rpx 0;
+			background: #F8F8F8;
+			border-radius: 30rpx;
+			margin-bottom: 30rpx;
+		}
+
+		.list_item {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 0 0 30rpx;
+
+			.list_item_label {
+				width: 320rpx;
+				color: #666666;
+				font-size: 26rpx;
+				font-family: PingFang SC-Regular, PingFang SC;
+				font-weight: 400;
+				line-height: 48rpx;
+			}
+
+			.list_item_cnt {
+				flex: 1;
+				color: #333333;
+				font-size: 28rpx;
+				font-family: PingFang SC-Regular, PingFang SC;
+				font-weight: 400;
+				line-height: 48rpx;
+				text-align: right;
+				margin-left: 20rpx;
+				word-break: break-all;
+			}
+		}
+
+		.list_item_shouqi {
+			color: #2D8CF0;
+			font-size: 24rpx;
+			font-family: PingFang SC-Regular, PingFang SC;
+			font-weight: 400;
+			text-align: center;
+			line-height: 33rpx;
+			padding-bottom: 30rpx;
+
+			.txt {
+				margin-left: 12rpx;
+			}
+		}
+
+		.act_btn_box {
+			display: flex;
+			flex-direction: row-reverse;
+			margin: 10rpx 0;
+
+			.act_btn {
+				width: 180rpx;
+				color: #666666;
+				font-size: 28rpx;
+				font-family: PingFang SC-Regular, PingFang SC;
+				font-weight: 400;
+				line-height: 70rpx;
+				background: #FFFFFF;
+				border-radius: 100rpx;
+				border: 1rpx solid #C1C1C1;
+				text-align: center;
+
+				&.blue {
+					color: #fff;
+					background: #2D8CF0;
+					border-color: #2D8CF0;
+				}
+			}
+		}
+	}
+
+	.foot_btn_box {
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: #F8F8F8;
+		padding: 20px 30rpx;
+
+		.act_btn {
+			width: 690rpx;
+			height: 90rpx;
+			line-height: 88rpx;
+			display: flex;
+			justify-content: center;
+			color: #FFFFFF;
+			font-size: 28rpx;
+			font-family: PingFang SC-Regular, PingFang SC;
+			font-weight: 400;
+			background: #2D8CF0;
+			border-radius: 100rpx;
+			border: 1rpx solid #2D8CF0;
+
+			.txt {
+				margin-left: 9rpx;
+			}
+
+			&.btn1 {
+				color: #2D8CF0;
+				background: #F6F6F6;
+			}
+		}
+	}
+
+	.pop_box {
+		border-radius: 30rpx 30rpx 0 0;
+		background-color: #fff;
+		padding: 30rpx;
+
+		.pop_title {
+			color: #333333;
+			font-size: 32rpx;
+			font-family: PingFang SC-Bold, PingFang SC;
+			font-weight: bold;
+			line-height: 45rpx;
+			text-align: center;
+			margin: 20rpx 0;
+
+			.pop_close {
+				float: right;
+			}
+		}
+
+		.popup-content {
+			// display: flex;
+			// flex-direction: column;
+
+			.cont_tit {
+				width: 100%;
+				color: #333333;
+				font-size: 26rpx;
+				font-family: PingFang SC-Bold, PingFang SC;
+				font-weight: bold;
+				line-height: 37rpx;
+				display: flex;
+				margin-bottom: 40rpx;
+
+				&.picker {
+					display: flex;
+					justify-content: space-between;
+					margin: 60rpx 0;
+
+					.picker_select {
+						color: #D4D4D4;
+						font-size: 28rpx;
+						font-family: PingFang SC-Regular, PingFang SC;
+						font-weight: 400;
+						text-align: right;
+					}
+				}
+			}
+
+			.time_box {
+				width: 690rpx;
+				margin: 0 auto;
+
+				/deep/ .uni-date-x--border {
+					border-radius: 30rpx;
+
+					.uni-date-x {
+						background: transparent;
+
+						.icon-calendar {
+							padding-left: 20rpx;
+						}
+					}
+				}
+
+				/deep/ .uni-date-editor--x .uni-date__icon-clear {
+					padding-right: 20rpx;
+				}
+			}
+
+			.picker_box {
+				width: 690rpx;
+				margin: 0 auto;
+
+				/deep/.input-value-border {
+					border-radius: 30rpx;
+				}
+			}
+		}
+
+		.btn_box {
+			width: 100%;
+			height: 120rpx;
+			display: flex;
+			margin-top: 20px;
+			align-items: center;
+			justify-content: space-between;
+
+			.btn {
+				width: 290rpx;
+				height: 90rpx;
+				background: #FFFFFF;
+				border-radius: 100rpx;
+				border: 1rpx solid #C1C1C1;
+				color: #666;
+				font-size: 28rpx;
+				line-height: 88rpx;
+				text-align: center;
+
+				&:last-child {
+					background: #2D8CF0;
+					color: #FFFFFF;
+					border-color: #2D8CF0;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file