From 0d16b31c9a71527f3108f43fa967deb8145dd6ae 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 13:06:14 +0800
Subject: [PATCH] =?UTF-8?q?=E9=BB=98=E8=AE=A4=E7=BB=9F=E8=AE=A1=E6=97=B6?=
 =?UTF-8?q?=E6=AE=B5=E8=A7=84=E5=88=99=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/highWay/runData/form.vue        |   23 +-
 pages/highWay/runStatusData/form.vue  | 1642 +++++++++++++------------
 pages/railway/railwayRunData/form.vue | 1402 +++++++++++----------
 pages/railway/runStatus/form.vue      |   25 +-
 4 files changed, 1600 insertions(+), 1492 deletions(-)

diff --git a/pages/highWay/runData/form.vue b/pages/highWay/runData/form.vue
index c49945e..2125d03 100644
--- a/pages/highWay/runData/form.vue
+++ b/pages/highWay/runData/form.vue
@@ -206,20 +206,15 @@
 				userInfo: {},
 				yoyMom: {},//同比环比
 				showStaion: false,//展开收起
+				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);//默认前一天
-				//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()) {
-					this.form.statPeriod = '0012';
-				}else{
-					this.form.statPeriod = '03'; //默认0-24
-				}
 				this.queryYoYMom();
 				this.queryStation('add');
 			} else if (options.item) {
@@ -400,6 +395,20 @@
 				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(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);
+					}
 				})
 			},
 			//确认提交
diff --git a/pages/highWay/runStatusData/form.vue b/pages/highWay/runStatusData/form.vue
index 9feb519..ea9d0d7 100644
--- a/pages/highWay/runStatusData/form.vue
+++ b/pages/highWay/runStatusData/form.vue
@@ -1,804 +1,838 @@
-<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 select">
-					{{form.organizationName}}
-				</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 class="form_item">
-				<view class="form_item_label">高速开闭情况：</view>
-				<view class="form_item_input form_input">
-					<picker :value="isOpenIndex" :range="isOpenArry" range-key="label" @change="changeIsOpen">
-						<text class="picker_select"
-							:style="isOpenIndex > -1?'color:#333;':''">{{form.isOpen == 1 ? '开放' : form.isOpen === 0 ? '关闭' : '请选择'}}</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 form_input">
-					<uni-easyinput v-model="form.count1" placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入"
-						type="number" maxlength="30"></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.count2" placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入"
-						type="number" maxlength="30"></uni-easyinput>
-				</view>
-			</view>
-			<view class="form_item">
-				<view class="form_item_label">事故数量：</view>
-				<view class="form_item_input form_input">
-					{{form.accidentCount}}
-				</view>
-			</view>
-			<view class="form_item">
-				<view class="form_item_label">拥堵数量：</view>
-				<view class="form_item_input form_input">
-					{{form.congestionCount}}
-				</view>
-			</view>
-			<view class="form_item">
-				<view class="form_item_label">伤者人数：</view>
-				<view class="form_item_input form_input">
-					<uni-easyinput v-model="form.injuredCount" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-						placeholder="请输入" type="number" maxlength="30"></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.deceasedCount" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-						placeholder="请输入" type="number" maxlength="30"></uni-easyinput>
-				</view>
-			</view>
-		</view>
-		<view class="form_item_box" style="margin-top: 30rpx;">
-			<!-- tab 切换 -->
-			<view class="tab_box">
-				<view class="tab_nav" :class="tabType == 1 ? 'active' : ''" @click="tabType = 1">拥堵信息详情</view>
-				<view class="tab_nav" :class="tabType == 2 ? 'active' : ''" @click="tabType = 2">事故信息详情</view>
-			</view>
-			<!-- 拥堵 -->
-			<view class="form_item_li" v-if="tabType == 1" v-for="(item,index) in form.highwayCongestionDetailDTOS"
-				:key="index">
-				<view class="form_item" style="display:flex; justify-content: space-between; font-size: 30rpx;color:#333;font-weight: bold;margin-top: 30rpx;">
-					拥堵信息-{{index+1}}
-					<uni-icons type="trash" color="red" @click="delRow(index)" size="18"></uni-icons>
-				</view>
-				<view class="form_item">
-					<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)">
-							<text class="picker_select"
-								:style="item.highwayName?'color:#333;':''">{{item.highwayName ? item.highwayName : '请选择'}}</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">
-						<uni-datetime-picker v-model="item.congestionStartTime" :border="false">
-							<text class="picker_select"
-								:style="item.congestionStartTime?'color:#333;':''">{{item.congestionStartTime?item.congestionStartTime:'请选择'}}</text>
-							<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
-						</uni-datetime-picker>
-					</view>
-				</view>
-				<view class="form_item">
-					<view class="form_item_label">拥堵处理结束时间：</view>
-					<view class="form_item_input picker">
-						<uni-datetime-picker v-model="item.congestionEndTime" :border="false">
-							<text class="picker_select"
-								:style="item.congestionEndTime?'color:#333;':''">{{item.congestionEndTime?item.congestionEndTime:'请选择'}}</text>
-							<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
-						</uni-datetime-picker>
-					</view>
-				</view>
-				<view class="form_item">
-					<view class="form_item_label">发生位置：</view>
-					<view class="form_item_input form_input">
-						<uni-easyinput v-model="item.location" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></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="item.congestionContent" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></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="item.duration" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></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="item.congestionRange" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></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="item.disposalStatus" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></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="item.additionalNotes" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></uni-easyinput>
-					</view>
-				</view>
-				<view class="line"></view>
-			</view>
-
-			<!-- 事故 -->
-			<view class="form_item_li" v-if="tabType == 2" v-for="(item,index) in form.highwayAccidentDetailDTOS" :key="index">
-				<view class="form_item" style="display:flex; justify-content: space-between;font-size: 30rpx;color:#333;font-weight: bold;margin-top: 30rpx;">
-					事故信息-{{index+1}}
-					<uni-icons type="trash" color="red" @click="delRow(index)" size="18"></uni-icons>
-				</view>
-				<view class="form_item">
-					<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)">
-							<text class="picker_select"
-								:style="item.highwayName?'color:#333;':''">{{item.highwayName ? item.highwayName : '请选择'}}</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">
-						<uni-datetime-picker v-model="item.accidentStartTime" :border="false">
-							<text class="picker_select"
-								:style="item.accidentStartTime?'color:#333;':''">{{item.accidentStartTime?item.accidentStartTime:'请选择'}}</text>
-							<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
-						</uni-datetime-picker>
-					</view>
-				</view>
-				<view class="form_item">
-					<view class="form_item_label">事故处理结束时间：</view>
-					<view class="form_item_input picker">
-						<uni-datetime-picker v-model="item.accidentEndTime" :border="false">
-							<text class="picker_select"
-								:style="item.accidentEndTime?'color:#333;':''">{{item.accidentEndTime?item.accidentEndTime:'请选择'}}</text>
-							<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
-						</uni-datetime-picker>
-					</view>
-				</view>
-				<view class="form_item">
-					<view class="form_item_label">发生位置：</view>
-					<view class="form_item_input form_input">
-						<uni-easyinput v-model="item.location" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></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="item.congestionContent" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></uni-easyinput>
-					</view>
-				</view>
-				<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" @change="e => changeAccidentLevel(e, 'highwayCongestionDetailDTOS', index)">
-							<text class="picker_select"
-								:style="item.accidentLevel?'color:#333;':''">{{item.accidentLevel ? item.accidentLevel : '请选择'}}</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 form_input">
-						<uni-easyinput v-model="item.duration" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></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="item.congestionRange" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></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="item.disposalStatus" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></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="item.additionalNotes" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></uni-easyinput>
-					</view>
-				</view>
-				<view class="line"></view>
-			</view>
-			<view class="add_btn" @click="addRow()">增行</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
-	} from "../../../common/util.js"
-	export default {
-		data() {
-			return {
-				form: {
-					"accidentCount": 0,
-					"congestionCount": 0,
-					"deceasedCount": 0,
-					"highwayAccidentDetailDTOS": [{
-						"accidentContent": "",
-						"accidentEndTime": "",
-						"accidentLevel": "",
-						"accidentStartTime": "",
-						"additionalNotes": "",
-						"congestionRange": "",
-						"disposalStatus": "",
-						"duration": "",
-						"higwayNameIndex": "",
-						"highwayName": "",
-						"location": "",
-					}],
-					"highwayCongestionDetailDTOS": [{
-						"additionalNotes": "",
-						"congestionContent": "",
-						"congestionEndTime": "",
-						"congestionRange": "",
-						"congestionStartTime": "",
-						"disposalStatus": "",
-						"duration": "",
-						"higwayNameIndex": "",
-						"highwayName": "",
-						"location": "",
-					}],
-					"injuredCount": 0,
-					"isOpen": 1,
-					"organizationName": "",
-					"statDate": "",
-					"statPeriod": ""
-				}, //登录form
-				highwayDataList: [], //高速列表
-				submitPerson: [], //报送人
-				submitPersonIndex: -1, //报送人选择索引
-				array: [], //时段选择列表
-				index: 2, //时段选择,默认0-24
-				isOpenArry: [{value:1,label:'开放'},{value:0,label:'关闭'}],//高速开闭情况
-				isOpenIndex: 0,
-				userInfo: {},
-				tabType: 1, //拥堵事故类型
-				accidentLevel: [],//事故等级
-			}
-		},
-		onLoad(options) {
-			this.userInfo = uni.getStorageSync('userInfo');
-			this.queryHighway();//高速公路列表
-			if (options.type == 'add') {
-				let now = new Date();
-				this.form.statDate = getDateStr(now, -1); //默认前一天
-				//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()) {
-					this.form.statPeriod = '0012';
-				}else{
-					this.form.statPeriod = '03'; //默认0-24
-				}
-			} 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)
-			} else if(options.id) {
-				this.queryDetailInfo(options.id);
-			}
-			this.queryTime(); //统计时段
-			this.queryAccidentLevel();//事故等级
-		},
-		methods: {
-			//id查询详情
-			queryDetailInfo(id) {
-				this.$request(getApp().globalData.baseUrl + '/api/biz/highSpeedOperationController/selectById/' + id, {}, 'GET').then(res => {
-					this.form = res.data;
-					this.form.highwayCongestionDetailDTOS = this.form.highwayCongestionDetailVOS;
-					this.form.highwayAccidentDetailDTOS = this.form.highwayAccidentDetailVOS;
-				})
-			},
-			//高速公路权限列表
-			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;
-				})
-			},
-			//高速公路切换选择
-			changeHighway(e, key, index) {
-				this.form[key][index].highwayNameIndex = e.detail.value;
-				this.form[key][index].highwayName = this.highwayDataList[e.detail.value].stdName;
-				console.log(this.form)
-			},
-			//事故等级切换选择
-			changeAccidentLevel(e, key, index) {
-				this.form[key][index].accidentLevelIndex = e.detail.value;
-				this.form[key][index].accidentLevel = this.accidentLevel[e.detail.value].stdName;
-			},
-			//统计时段切换选择
-			changeStatPeriod(e) {
-				this.index = e.detail.value;
-				this.form.statPeriod = this.array[e.detail.value].dictValue;
-				console.log('change 时段', this.form)
-			},
-			//开闭切换选择
-			changeIsOpen(e) {
-				this.isOpenIndex = e.detail.value;
-				this.form.isOpen = this.isOpenArry[e.detail.value].value;
-			},
-			//取消
-			doCancel() {
-				uni.navigateBack();
-			},
-			//选择统计日期
-			bindDateChange(e) {
-				this.form.statDate = e.detail.value;
-			},
-			//时段
-			queryTime() {
-				this.$request(getApp().globalData.baseUrl + '/api/dict/dictList?dictType=airport_time' + '&_t=' + Date.parse(
-					new Date()), {}, 'GET').then(res => {
-					this.array = res.data;
-				})
-			},
-			//事故等级
-			queryAccidentLevel() {
-				this.$request(getApp().globalData.baseUrl + '/api/dict/listDictData?dictType=accident_level' + '&_t=' + Date.parse(
-					new Date()), {}, 'GET').then(res => {
-					this.accidentLevel = res.data;
-				})
-			},
-			//增行
-			addRow() {
-				if(this.tabType == 1) {
-					//拥堵增行
-					this.form.highwayCongestionDetailDTOS.push({
-						"additionalNotes": "",
-						"congestionContent": "",
-						"congestionEndTime": "",
-						"congestionRange": "",
-						"congestionStartTime": "",
-						"disposalStatus": "",
-						"duration": "",
-						"highwayNameIndex": "",
-						"highwayName": "",
-						"location": "",
-					});
-					this.form.congestionCount = this.form.highwayCongestionDetailDTOS.length;
-				}else{
-					//事故增行
-					this.form.highwayAccidentDetailDTOS.push({
-						"accidentContent": "",
-						"accidentEndTime": "",
-						"accidentLevelIndex": "",
-						"accidentLevel": "",
-						"accidentStartTime": "",
-						"additionalNotes": "",
-						"congestionRange": "",
-						"disposalStatus": "",
-						"duration": "",
-						"highwayNameIndex": "",
-						"highwayName": "",
-						"location": "",
-					});
-					this.form.accidentCount = this.form.highwayCongestionDetailDTOS.length;
-				}
-			},
-			//删行
-			delRow(index) {
-				if(this.tabType == 1) {
-					//拥堵删行
-					this.form.highwayCongestionDetailDTOS.splice(index,1);
-					this.form.congestionCount = this.form.highwayCongestionDetailDTOS.length;
-				}else{
-					//事故删行
-					this.form.highwayAccidentDetailDTOS.splice(index,1);
-					this.form.accidentCount = this.form.highwayCongestionDetailDTOS.length;
-				}
-			},
-			//确认提交
-			doSubmit() {
-				console.log(this.form)
-				if (this.form.statDate == '' || this.form.statPeriod == '') {
-					uni.showToast({
-						title: '报送日期和时段不能为空',
-						icon: 'none'
-					})
-					return;
-				}
-				let checkCongestion = this.form.highwayCongestionDetailDTOS.every(item => {
-					return !item.highwayName || !item.congestionStartTime || !item.congestionEndTime || !item.duration || !item.location
-				})
-				let checkAccident = this.form.highwayAccidentDetailDTOS.every(item => {
-					return !item.highwayName || !item.accidentStartTime || !item.accidentEndTime || !item.duration || !item.location
-				})
-				if (this.form.highwayCongestionDetailDTOS.length > 0 && checkCongestion) {
-					uni.showToast({
-						title: '拥堵信息详情不能为空',
-						icon: 'none'
-					})
-					return;
-				}
-				if (this.form.highwayAccidentDetailDTOS.length > 0 && checkAccident) {
-					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/highSpeedOperationController/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>
\ No newline at end of file
+<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 select">
+					{{form.organizationName}}
+				</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 class="form_item">
+				<view class="form_item_label">高速开闭情况：</view>
+				<view class="form_item_input form_input">
+					<picker :value="isOpenIndex" :range="isOpenArry" range-key="label" @change="changeIsOpen">
+						<text class="picker_select"
+							:style="isOpenIndex > -1?'color:#333;':''">{{form.isOpen == 1 ? '开放' : form.isOpen === 0 ? '关闭' : '请选择'}}</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 form_input">
+					<uni-easyinput v-model="form.count1" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+						placeholder="请输入" type="number" maxlength="30"></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.count2" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+						placeholder="请输入" type="number" maxlength="30"></uni-easyinput>
+				</view>
+			</view>
+			<view class="form_item">
+				<view class="form_item_label">事故数量：</view>
+				<view class="form_item_input form_input">
+					{{form.accidentCount}}
+				</view>
+			</view>
+			<view class="form_item">
+				<view class="form_item_label">拥堵数量：</view>
+				<view class="form_item_input form_input">
+					{{form.congestionCount}}
+				</view>
+			</view>
+			<view class="form_item">
+				<view class="form_item_label">伤者人数：</view>
+				<view class="form_item_input form_input">
+					<uni-easyinput v-model="form.injuredCount" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+						placeholder="请输入" type="number" maxlength="30"></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.deceasedCount" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+						placeholder="请输入" type="number" maxlength="30"></uni-easyinput>
+				</view>
+			</view>
+		</view>
+		<view class="form_item_box" style="margin-top: 30rpx;">
+			<!-- tab 切换 -->
+			<view class="tab_box">
+				<view class="tab_nav" :class="tabType == 1 ? 'active' : ''" @click="tabType = 1">拥堵信息详情</view>
+				<view class="tab_nav" :class="tabType == 2 ? 'active' : ''" @click="tabType = 2">事故信息详情</view>
+			</view>
+			<!-- 拥堵 -->
+			<view class="form_item_li" v-if="tabType == 1" v-for="(item,index) in form.highwayCongestionDetailDTOS"
+				:key="index">
+				<view class="form_item"
+					style="display:flex; justify-content: space-between; font-size: 30rpx;color:#333;font-weight: bold;margin-top: 30rpx;">
+					拥堵信息-{{index+1}}
+					<uni-icons type="trash" color="red" @click="delRow(index)" size="18"></uni-icons>
+				</view>
+				<view class="form_item">
+					<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)">
+							<text class="picker_select"
+								:style="item.highwayName?'color:#333;':''">{{item.highwayName ? item.highwayName : '请选择'}}</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">
+						<uni-datetime-picker v-model="item.congestionStartTime" :border="false">
+							<text class="picker_select"
+								:style="item.congestionStartTime?'color:#333;':''">{{item.congestionStartTime?item.congestionStartTime:'请选择'}}</text>
+							<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
+						</uni-datetime-picker>
+					</view>
+				</view>
+				<view class="form_item">
+					<view class="form_item_label">拥堵处理结束时间：</view>
+					<view class="form_item_input picker">
+						<uni-datetime-picker v-model="item.congestionEndTime" :border="false">
+							<text class="picker_select"
+								:style="item.congestionEndTime?'color:#333;':''">{{item.congestionEndTime?item.congestionEndTime:'请选择'}}</text>
+							<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
+						</uni-datetime-picker>
+					</view>
+				</view>
+				<view class="form_item">
+					<view class="form_item_label">发生位置：</view>
+					<view class="form_item_input form_input">
+						<uni-easyinput v-model="item.location" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+							placeholder="请输入" maxlength="200"></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="item.congestionContent"
+							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="200">
+						</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="item.duration" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+							placeholder="请输入" maxlength="200"></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="item.congestionRange" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+							placeholder="请输入" maxlength="200"></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="item.disposalStatus" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+							placeholder="请输入" maxlength="200"></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="item.additionalNotes" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+							placeholder="请输入" maxlength="200"></uni-easyinput>
+					</view>
+				</view>
+				<view class="line"></view>
+			</view>
+
+			<!-- 事故 -->
+			<view class="form_item_li" v-if="tabType == 2" v-for="(item,index) in form.highwayAccidentDetailDTOS"
+				:key="index">
+				<view class="form_item"
+					style="display:flex; justify-content: space-between;font-size: 30rpx;color:#333;font-weight: bold;margin-top: 30rpx;">
+					事故信息-{{index+1}}
+					<uni-icons type="trash" color="red" @click="delRow(index)" size="18"></uni-icons>
+				</view>
+				<view class="form_item">
+					<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)">
+							<text class="picker_select"
+								:style="item.highwayName?'color:#333;':''">{{item.highwayName ? item.highwayName : '请选择'}}</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">
+						<uni-datetime-picker v-model="item.accidentStartTime" :border="false">
+							<text class="picker_select"
+								:style="item.accidentStartTime?'color:#333;':''">{{item.accidentStartTime?item.accidentStartTime:'请选择'}}</text>
+							<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
+						</uni-datetime-picker>
+					</view>
+				</view>
+				<view class="form_item">
+					<view class="form_item_label">事故处理结束时间：</view>
+					<view class="form_item_input picker">
+						<uni-datetime-picker v-model="item.accidentEndTime" :border="false">
+							<text class="picker_select"
+								:style="item.accidentEndTime?'color:#333;':''">{{item.accidentEndTime?item.accidentEndTime:'请选择'}}</text>
+							<uni-icons type="right" size="16" color="#D4D4D4"></uni-icons>
+						</uni-datetime-picker>
+					</view>
+				</view>
+				<view class="form_item">
+					<view class="form_item_label">发生位置：</view>
+					<view class="form_item_input form_input">
+						<uni-easyinput v-model="item.location" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+							placeholder="请输入" maxlength="200"></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="item.congestionContent"
+							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="200">
+						</uni-easyinput>
+					</view>
+				</view>
+				<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"
+							@change="e => changeAccidentLevel(e, 'highwayCongestionDetailDTOS', index)">
+							<text class="picker_select"
+								:style="item.accidentLevel?'color:#333;':''">{{item.accidentLevel ? item.accidentLevel : '请选择'}}</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 form_input">
+						<uni-easyinput v-model="item.duration" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+							placeholder="请输入" maxlength="200"></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="item.congestionRange" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+							placeholder="请输入" maxlength="200"></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="item.disposalStatus" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+							placeholder="请输入" maxlength="200"></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="item.additionalNotes" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+							placeholder="请输入" maxlength="200"></uni-easyinput>
+					</view>
+				</view>
+				<view class="line"></view>
+			</view>
+			<view class="add_btn" @click="addRow()">增行</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
+	} from "../../../common/util.js"
+	export default {
+		data() {
+			return {
+				form: {
+					"accidentCount": 0,
+					"congestionCount": 0,
+					"deceasedCount": 0,
+					"highwayAccidentDetailDTOS": [{
+						"accidentContent": "",
+						"accidentEndTime": "",
+						"accidentLevel": "",
+						"accidentStartTime": "",
+						"additionalNotes": "",
+						"congestionRange": "",
+						"disposalStatus": "",
+						"duration": "",
+						"higwayNameIndex": "",
+						"highwayName": "",
+						"location": "",
+					}],
+					"highwayCongestionDetailDTOS": [{
+						"additionalNotes": "",
+						"congestionContent": "",
+						"congestionEndTime": "",
+						"congestionRange": "",
+						"congestionStartTime": "",
+						"disposalStatus": "",
+						"duration": "",
+						"higwayNameIndex": "",
+						"highwayName": "",
+						"location": "",
+					}],
+					"injuredCount": 0,
+					"isOpen": 1,
+					"organizationName": "",
+					"statDate": "",
+					"statPeriod": ""
+				}, //登录form
+				highwayDataList: [], //高速列表
+				submitPerson: [], //报送人
+				submitPersonIndex: -1, //报送人选择索引
+				array: [], //时段选择列表
+				index: 2, //时段选择,默认0-24
+				isOpenArry: [{
+					value: 1,
+					label: '开放'
+				}, {
+					value: 0,
+					label: '关闭'
+				}], //高速开闭情况
+				isOpenIndex: 0,
+				userInfo: {},
+				tabType: 1, //拥堵事故类型
+				accidentLevel: [], //事故等级
+				pageType: ''
+			}
+		},
+		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); //默认前一天
+			} 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)
+			} else if (options.id) {
+				this.queryDetailInfo(options.id);
+			}
+			this.queryTime(); //统计时段
+			this.queryAccidentLevel(); //事故等级
+		},
+		methods: {
+			//id查询详情
+			queryDetailInfo(id) {
+				this.$request(getApp().globalData.baseUrl + '/api/biz/highSpeedOperationController/selectById/' + id, {},
+					'GET').then(res => {
+					this.form = res.data;
+					this.form.highwayCongestionDetailDTOS = this.form.highwayCongestionDetailVOS;
+					this.form.highwayAccidentDetailDTOS = this.form.highwayAccidentDetailVOS;
+				})
+			},
+			//高速公路权限列表
+			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;
+				})
+			},
+			//高速公路切换选择
+			changeHighway(e, key, index) {
+				this.form[key][index].highwayNameIndex = e.detail.value;
+				this.form[key][index].highwayName = this.highwayDataList[e.detail.value].stdName;
+				console.log(this.form)
+			},
+			//事故等级切换选择
+			changeAccidentLevel(e, key, index) {
+				this.form[key][index].accidentLevelIndex = e.detail.value;
+				this.form[key][index].accidentLevel = this.accidentLevel[e.detail.value].stdName;
+			},
+			//统计时段切换选择
+			changeStatPeriod(e) {
+				this.index = e.detail.value;
+				this.form.statPeriod = this.array[e.detail.value].dictValue;
+				console.log('change 时段', this.form)
+			},
+			//开闭切换选择
+			changeIsOpen(e) {
+				this.isOpenIndex = e.detail.value;
+				this.form.isOpen = this.isOpenArry[e.detail.value].value;
+			},
+			//取消
+			doCancel() {
+				uni.navigateBack();
+			},
+			//选择统计日期
+			bindDateChange(e) {
+				this.form.statDate = e.detail.value;
+			},
+			//时段
+			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(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);
+					}
+				})
+			},
+			//事故等级
+			queryAccidentLevel() {
+				this.$request(getApp().globalData.baseUrl + '/api/dict/listDictData?dictType=accident_level' + '&_t=' +
+					Date.parse(
+						new Date()), {}, 'GET').then(res => {
+					this.accidentLevel = res.data;
+				})
+			},
+			//增行
+			addRow() {
+				if (this.tabType == 1) {
+					//拥堵增行
+					this.form.highwayCongestionDetailDTOS.push({
+						"additionalNotes": "",
+						"congestionContent": "",
+						"congestionEndTime": "",
+						"congestionRange": "",
+						"congestionStartTime": "",
+						"disposalStatus": "",
+						"duration": "",
+						"highwayNameIndex": "",
+						"highwayName": "",
+						"location": "",
+					});
+					this.form.congestionCount = this.form.highwayCongestionDetailDTOS.length;
+				} else {
+					//事故增行
+					this.form.highwayAccidentDetailDTOS.push({
+						"accidentContent": "",
+						"accidentEndTime": "",
+						"accidentLevelIndex": "",
+						"accidentLevel": "",
+						"accidentStartTime": "",
+						"additionalNotes": "",
+						"congestionRange": "",
+						"disposalStatus": "",
+						"duration": "",
+						"highwayNameIndex": "",
+						"highwayName": "",
+						"location": "",
+					});
+					this.form.accidentCount = this.form.highwayCongestionDetailDTOS.length;
+				}
+			},
+			//删行
+			delRow(index) {
+				if (this.tabType == 1) {
+					//拥堵删行
+					this.form.highwayCongestionDetailDTOS.splice(index, 1);
+					this.form.congestionCount = this.form.highwayCongestionDetailDTOS.length;
+				} else {
+					//事故删行
+					this.form.highwayAccidentDetailDTOS.splice(index, 1);
+					this.form.accidentCount = this.form.highwayCongestionDetailDTOS.length;
+				}
+			},
+			//确认提交
+			doSubmit() {
+				console.log(this.form)
+				if (this.form.statDate == '' || this.form.statPeriod == '') {
+					uni.showToast({
+						title: '报送日期和时段不能为空',
+						icon: 'none'
+					})
+					return;
+				}
+				let checkCongestion = this.form.highwayCongestionDetailDTOS.every(item => {
+					return !item.highwayName || !item.congestionStartTime || !item.congestionEndTime || !item
+						.duration || !item.location
+				})
+				let checkAccident = this.form.highwayAccidentDetailDTOS.every(item => {
+					return !item.highwayName || !item.accidentStartTime || !item.accidentEndTime || !item
+						.duration || !item.location
+				})
+				if (this.form.highwayCongestionDetailDTOS.length > 0 && checkCongestion) {
+					uni.showToast({
+						title: '拥堵信息详情不能为空',
+						icon: 'none'
+					})
+					return;
+				}
+				if (this.form.highwayAccidentDetailDTOS.length > 0 && checkAccident) {
+					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/highSpeedOperationController/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/railway/railwayRunData/form.vue b/pages/railway/railwayRunData/form.vue
index cbe2927..6d3bcbd 100644
--- a/pages/railway/railwayRunData/form.vue
+++ b/pages/railway/railwayRunData/form.vue
@@ -1,672 +1,730 @@
-<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" style="display:flex; justify-content: space-between; font-size: 30rpx;color:#333;font-weight: bold;margin-top: 30rpx;">
-					进青岛车次信息
-				</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.inboundRailwayDo" 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.inboundPassengersDo" type="number" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="20"></uni-easyinput>
-					</view>
-				</view>
-				<!-- 同比环比 -->
-				<view class="form_item_rate" v-if="form.inRailwayYomDo || form.inRailwayMomDo" :class="form.inboundRailwayDo == yoyMom.yesterdayData.inboundRailwayDo ? 'danger' : '' ">
-					<view class="rate_item">
-						<view class="rate_item_label" :style="form.inboundRailwayDo == yoyMom.yesterdayData.inboundRailwayDo ? 'color: #EB4747' : ''">终到车次环比(%)</view>
-						<view class="rate_item_input" :style="form.inboundRailwayDo == yoyMom.yesterdayData.inboundRailwayDo ? 'color: #EB4747' : ''">
-							{{form.inRailwayYomDo ? form.inRailwayYomDo.toFixed(2) : ''}}
-						</view>
-					</view>
-					<view class="line"></view>
-					<view class="rate_item">
-						<view class="rate_item_label">终到车次同比(%)</view>
-						<view class="rate_item_input">
-							{{form.inRailwayMomDo ? form.inRailwayMomDo.toFixed(2) : ''}}
-						</view>
-					</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.inPepole" type="number" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="20"></uni-easyinput>
-					</view>
-				</view>
-				<!-- 同比环比 -->
-				<view class="form_item_rate" v-if="form.inPepoleYoyDo || form.inPepoleMomDo" :class="form.inPepole == yoyMom.yesterdayData.inPepole ? 'danger' : '' ">
-					<view class="rate_item">
-						<view class="rate_item_label" :style="form.inPepole == yoyMom.yesterdayData.inPepole ? 'color: #EB4747' : ''">人数环比(%)</view>
-						<view class="rate_item_input" :style="form.inPepole == yoyMom.yesterdayData.inPepole ? 'color: #EB4747' : ''">
-							{{form.inPepoleYoyDo ? form.inPepoleYoyDo.toFixed(2) : ''}}
-						</view>
-					</view>
-					<view class="line"></view>
-					<view class="rate_item">
-						<view class="rate_item_label">人数同比(%)</view>
-						<view class="rate_item_input">
-							{{form.inPepoleMomDo ? form.inPepoleMomDo.toFixed(2) : ''}}
-						</view>
-					</view>
-				</view>
-				<view class="form_item">
-					<view class="form_item_label">备注：</view>
-					<view class="form_item_input form_input">
-						<uni-easyinput v-model="form.inMark" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></uni-easyinput>
-					</view>
-				</view>
-			</view>
-
-			<!-- 出青 -->
-			<view class="form_item_li">
-				<view class="form_item" style="display:flex; justify-content: space-between; font-size: 30rpx;color:#333;font-weight: bold;margin-top: 30rpx;">
-					出青岛车次信息
-				</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.outboundRailwayDo" 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.outboundPassengersDo" type="number" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="20"></uni-easyinput>
-					</view>
-				</view>
-				<!-- 同比环比 -->
-				<view class="form_item_rate" v-if="form.outRailwayYomDo || form.outRailwayMomDo" :class="form.outboundRailwayDo == yoyMom.yesterdayData.outboundRailwayDo ? 'danger' : '' ">
-					<view class="rate_item">
-						<view class="rate_item_label" :style="form.outboundRailwayDo == yoyMom.yesterdayData.outboundRailwayDo ? 'color: #EB4747' : ''">始发车次环比(%)</view>
-						<view class="rate_item_input" :style="form.outboundRailwayDo == yoyMom.yesterdayData.outboundRailwayDo ? 'color: #EB4747' : ''">
-							{{form.outRailwayYomDo ? form.outRailwayYomDo.toFixed(2) : ''}}
-						</view>
-					</view>
-					<view class="line"></view>
-					<view class="rate_item">
-						<view class="rate_item_label">始发车次同比(%)</view>
-						<view class="rate_item_input">
-							{{form.outRailwayMomDo ? form.outRailwayMomDo.toFixed(2) : ''}}
-						</view>
-					</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.outPepole" type="number" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="20"></uni-easyinput>
-					</view>
-				</view>
-				<!-- 同比环比 -->
-				<view class="form_item_rate" v-if="form.outPepoleYoyDo || form.outPepoleMomDo" :class="form.outPepole == yoyMom.yesterdayData.outPeople ? 'danger' : '' ">
-					<view class="rate_item">
-						<view class="rate_item_label" :style="form.outPepole == yoyMom.yesterdayData.outPeople ? 'color: #EB4747' : ''">人数环比(%)</view>
-						<view class="rate_item_input" :style="form.outPepole == yoyMom.yesterdayData.outPeople ? 'color: #EB4747' : ''">
-							{{form.outPepoleYoyDo ? form.outPepoleYoyDo.toFixed(2) : ''}}
-						</view>
-					</view>
-					<view class="line"></view>
-					<view class="rate_item">
-						<view class="rate_item_label">人数同比(%)</view>
-						<view class="rate_item_input">
-							{{form.outPepoleMomDo ? form.outPepoleMomDo.toFixed(2) : ''}}
-						</view>
-					</view>
-				</view>
-				<view class="form_item">
-					<view class="form_item_label">备注：</view>
-					<view class="form_item_input form_input">
-						<uni-easyinput v-model="form.outMark" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
-							placeholder="请输入" maxlength="200"></uni-easyinput>
-					</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: {
-					"inMark" : "",
-					  "inPepole" : 0,
-					  "inPepoleMomDo" : 0.0,
-					  "inPepoleYoyDo" : 0.0,
-					  "inRailwayMomDo" : 0.0,
-					  "inRailwayYomDo" : 0.0,
-					  "inboundPassengersDo" : 0,
-					  "inboundRailwayDo" : 0,
-					  "isHoliday" : "",
-					  "outMark" : "",
-					  "outPepole" : 0,
-					  "outPepoleMomDo" : 0.0,
-					  "outPepoleYoyDo" : 0.0,
-					  "outRailwayMomDo" : 0.0,
-					  "outRailwayYomDo" : 0.0,
-					  "outboundPassengersDo" : 0,
-					  "outboundRailwayDo" : 0,
-					  "railwayName" : "",
-					  "statDate" : "",
-					  "statPeriod" : ""
-				}, //登录form
-				stationList: [], //车站列表
-				railwayNameIndex: '',
-				submitPerson: [], //报送人
-				submitPersonIndex: -1, //报送人选择索引
-				array: [], //时段选择列表
-				index: 2, //时段选择,默认0-24
-				userInfo: {},
-				pageType: ''
-			}
-		},
-		onLoad(options) {
-			this.userInfo = uni.getStorageSync('userInfo');
-			this.queryStation();//车展名称列表
-			if (options.type == 'add') {
-				this.pageType = 'add';
-				let now = new Date();
-				this.form.statDate = getDateStr(now, -1); //默认前一天
-				//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()) {
-					this.form.statPeriod = '0012';
-				}else{
-					this.form.statPeriod = '03'; //默认0-24
-				}
-				this.queryYoyMom();//同比环比
-			} else if (options.id) {
-				this.$request(getApp().globalData.baseUrl+'/api/biz/railwayRunData/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/railwayRunData/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.yesterdayData) {
-					//环比
-					this.form.inRailwayYomDo = this.yoyMom.yesterdayData.inboundRailwayDo && this.form.inboundRailwayDo ? (parseInt(this.form.inboundRailwayDo) - this.yoyMom.yesterdayData.inboundRailwayDo) / this.yoyMom.yesterdayData.inboundRailwayDo * 100 : '';
-					this.form.inPepoleYoyDo = this.yoyMom.yesterdayData.inPepole && this.form.inPepole ? (parseInt(this.form.inPepole) - this.yoyMom.yesterdayData.inPepole) / this.yoyMom.yesterdayData.inPepole * 100 : '';
-					this.form.outRailwayYomDo = this.yoyMom.yesterdayData.outboundRailwayDo && this.form.outboundRailwayDo ? (parseInt(this.form.outboundRailwayDo) - this.yoyMom.yesterdayData.outboundRailwayDo) / this.yoyMom.yesterdayData.outboundRailwayDo * 100 : '';
-					this.form.outPepoleYoyDo = this.yoyMom.yesterdayData.outPepole && this.form.outPepole ? (parseInt(this.form.outPepole) - this.yoyMom.yesterdayData.outPepole) / this.yoyMom.yesterdayData.outPepole * 100 : '';
-				}
-				if(this.yoyMom.lastYearData) {
-					//同比
-					this.form.inRailwayMomDo = this.yoyMom.lastYearData.inboundRailwayDo && this.form.inboundRailwayDo ? (parseInt(this.form.inboundRailwayDo) - this.yoyMom.lastYearData.inboundRailwayDo) / this.yoyMom.lastYearData.inboundRailwayDo * 100 : '';
-					this.form.inPepoleMomDo = this.yoyMom.lastYearData.inPepole && this.form.inPepole ? (parseInt(this.form.inPepole) - this.yoyMom.lastYearData.inPepole) / this.yoyMom.lastYearData.inPepole * 100 : '';
-					this.form.outRailwayMomDo = this.yoyMom.lastYearData.outboundRailwayDo && this.form.outboundRailwayDo ? (parseInt(this.form.outboundRailwayDo) - this.yoyMom.lastYearData.outboundRailwayDo) / this.yoyMom.lastYearData.outboundRailwayDo * 100 : '';
-					this.form.outPepoleMomDo = this.yoyMom.lastYearData.outPepole && this.form.outPepole ? (parseInt(this.form.outPepole) - this.yoyMom.lastYearData.outPepole) / this.yoyMom.lastYearData.outPepole * 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;
-				})
-			},
-			//确认提交
-			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/railwayRunData/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>
\ No newline at end of file
+<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"
+					style="display:flex; justify-content: space-between; font-size: 30rpx;color:#333;font-weight: bold;margin-top: 30rpx;">
+					进青岛车次信息
+				</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.inboundRailwayDo" 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.inboundPassengersDo" type="number"
+							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
+						</uni-easyinput>
+					</view>
+				</view>
+				<!-- 同比环比 -->
+				<view class="form_item_rate" v-if="form.inRailwayYomDo || form.inRailwayMomDo"
+					:class="form.inboundRailwayDo == yoyMom.yesterdayData.inboundRailwayDo ? 'danger' : '' ">
+					<view class="rate_item">
+						<view class="rate_item_label"
+							:style="form.inboundRailwayDo == yoyMom.yesterdayData.inboundRailwayDo ? 'color: #EB4747' : ''">
+							终到车次环比(%)</view>
+						<view class="rate_item_input"
+							:style="form.inboundRailwayDo == yoyMom.yesterdayData.inboundRailwayDo ? 'color: #EB4747' : ''">
+							{{form.inRailwayYomDo ? form.inRailwayYomDo.toFixed(2) : ''}}
+						</view>
+					</view>
+					<view class="line"></view>
+					<view class="rate_item">
+						<view class="rate_item_label">终到车次同比(%)</view>
+						<view class="rate_item_input">
+							{{form.inRailwayMomDo ? form.inRailwayMomDo.toFixed(2) : ''}}
+						</view>
+					</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.inPepole" type="number"
+							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
+						</uni-easyinput>
+					</view>
+				</view>
+				<!-- 同比环比 -->
+				<view class="form_item_rate" v-if="form.inPepoleYoyDo || form.inPepoleMomDo"
+					:class="form.inPepole == yoyMom.yesterdayData.inPepole ? 'danger' : '' ">
+					<view class="rate_item">
+						<view class="rate_item_label"
+							:style="form.inPepole == yoyMom.yesterdayData.inPepole ? 'color: #EB4747' : ''">人数环比(%)
+						</view>
+						<view class="rate_item_input"
+							:style="form.inPepole == yoyMom.yesterdayData.inPepole ? 'color: #EB4747' : ''">
+							{{form.inPepoleYoyDo ? form.inPepoleYoyDo.toFixed(2) : ''}}
+						</view>
+					</view>
+					<view class="line"></view>
+					<view class="rate_item">
+						<view class="rate_item_label">人数同比(%)</view>
+						<view class="rate_item_input">
+							{{form.inPepoleMomDo ? form.inPepoleMomDo.toFixed(2) : ''}}
+						</view>
+					</view>
+				</view>
+				<view class="form_item">
+					<view class="form_item_label">备注：</view>
+					<view class="form_item_input form_input">
+						<uni-easyinput v-model="form.inMark" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+							placeholder="请输入" maxlength="200"></uni-easyinput>
+					</view>
+				</view>
+			</view>
+
+			<!-- 出青 -->
+			<view class="form_item_li">
+				<view class="form_item"
+					style="display:flex; justify-content: space-between; font-size: 30rpx;color:#333;font-weight: bold;margin-top: 30rpx;">
+					出青岛车次信息
+				</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.outboundRailwayDo" 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.outboundPassengersDo" type="number"
+							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
+						</uni-easyinput>
+					</view>
+				</view>
+				<!-- 同比环比 -->
+				<view class="form_item_rate" v-if="form.outRailwayYomDo || form.outRailwayMomDo"
+					:class="form.outboundRailwayDo == yoyMom.yesterdayData.outboundRailwayDo ? 'danger' : '' ">
+					<view class="rate_item">
+						<view class="rate_item_label"
+							:style="form.outboundRailwayDo == yoyMom.yesterdayData.outboundRailwayDo ? 'color: #EB4747' : ''">
+							始发车次环比(%)</view>
+						<view class="rate_item_input"
+							:style="form.outboundRailwayDo == yoyMom.yesterdayData.outboundRailwayDo ? 'color: #EB4747' : ''">
+							{{form.outRailwayYomDo ? form.outRailwayYomDo.toFixed(2) : ''}}
+						</view>
+					</view>
+					<view class="line"></view>
+					<view class="rate_item">
+						<view class="rate_item_label">始发车次同比(%)</view>
+						<view class="rate_item_input">
+							{{form.outRailwayMomDo ? form.outRailwayMomDo.toFixed(2) : ''}}
+						</view>
+					</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.outPepole" type="number"
+							placeholderStyle="color: #D4D4D4;font-size:28rpx;" placeholder="请输入" maxlength="20">
+						</uni-easyinput>
+					</view>
+				</view>
+				<!-- 同比环比 -->
+				<view class="form_item_rate" v-if="form.outPepoleYoyDo || form.outPepoleMomDo"
+					:class="form.outPepole == yoyMom.yesterdayData.outPeople ? 'danger' : '' ">
+					<view class="rate_item">
+						<view class="rate_item_label"
+							:style="form.outPepole == yoyMom.yesterdayData.outPeople ? 'color: #EB4747' : ''">人数环比(%)
+						</view>
+						<view class="rate_item_input"
+							:style="form.outPepole == yoyMom.yesterdayData.outPeople ? 'color: #EB4747' : ''">
+							{{form.outPepoleYoyDo ? form.outPepoleYoyDo.toFixed(2) : ''}}
+						</view>
+					</view>
+					<view class="line"></view>
+					<view class="rate_item">
+						<view class="rate_item_label">人数同比(%)</view>
+						<view class="rate_item_input">
+							{{form.outPepoleMomDo ? form.outPepoleMomDo.toFixed(2) : ''}}
+						</view>
+					</view>
+				</view>
+				<view class="form_item">
+					<view class="form_item_label">备注：</view>
+					<view class="form_item_input form_input">
+						<uni-easyinput v-model="form.outMark" placeholderStyle="color: #D4D4D4;font-size:28rpx;"
+							placeholder="请输入" maxlength="200"></uni-easyinput>
+					</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: {
+					"inMark": "",
+					"inPepole": 0,
+					"inPepoleMomDo": 0.0,
+					"inPepoleYoyDo": 0.0,
+					"inRailwayMomDo": 0.0,
+					"inRailwayYomDo": 0.0,
+					"inboundPassengersDo": 0,
+					"inboundRailwayDo": 0,
+					"isHoliday": "",
+					"outMark": "",
+					"outPepole": 0,
+					"outPepoleMomDo": 0.0,
+					"outPepoleYoyDo": 0.0,
+					"outRailwayMomDo": 0.0,
+					"outRailwayYomDo": 0.0,
+					"outboundPassengersDo": 0,
+					"outboundRailwayDo": 0,
+					"railwayName": "",
+					"statDate": "",
+					"statPeriod": ""
+				}, //登录form
+				stationList: [], //车站列表
+				railwayNameIndex: '',
+				submitPerson: [], //报送人
+				submitPersonIndex: -1, //报送人选择索引
+				array: [], //时段选择列表
+				index: 2, //时段选择,默认0-24
+				userInfo: {},
+				pageType: ''
+			}
+		},
+		onLoad(options) {
+			this.userInfo = uni.getStorageSync('userInfo');
+			this.queryStation(); //车展名称列表
+			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/railwayRunData/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/railwayRunData/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.yesterdayData) {
+					//环比
+					this.form.inRailwayYomDo = this.yoyMom.yesterdayData.inboundRailwayDo && this.form.inboundRailwayDo ? (
+							parseInt(this.form.inboundRailwayDo) - this.yoyMom.yesterdayData.inboundRailwayDo) / this
+						.yoyMom.yesterdayData.inboundRailwayDo * 100 : '';
+					this.form.inPepoleYoyDo = this.yoyMom.yesterdayData.inPepole && this.form.inPepole ? (parseInt(this
+							.form.inPepole) - this.yoyMom.yesterdayData.inPepole) / this.yoyMom.yesterdayData.inPepole *
+						100 : '';
+					this.form.outRailwayYomDo = this.yoyMom.yesterdayData.outboundRailwayDo && this.form
+						.outboundRailwayDo ? (parseInt(this.form.outboundRailwayDo) - this.yoyMom.yesterdayData
+							.outboundRailwayDo) / this.yoyMom.yesterdayData.outboundRailwayDo * 100 : '';
+					this.form.outPepoleYoyDo = this.yoyMom.yesterdayData.outPepole && this.form.outPepole ? (parseInt(this
+							.form.outPepole) - this.yoyMom.yesterdayData.outPepole) / this.yoyMom.yesterdayData.outPepole *
+						100 : '';
+				}
+				if (this.yoyMom.lastYearData) {
+					//同比
+					this.form.inRailwayMomDo = this.yoyMom.lastYearData.inboundRailwayDo && this.form.inboundRailwayDo ? (
+							parseInt(this.form.inboundRailwayDo) - this.yoyMom.lastYearData.inboundRailwayDo) / this.yoyMom
+						.lastYearData.inboundRailwayDo * 100 : '';
+					this.form.inPepoleMomDo = this.yoyMom.lastYearData.inPepole && this.form.inPepole ? (parseInt(this.form
+						.inPepole) - this.yoyMom.lastYearData.inPepole) / this.yoyMom.lastYearData.inPepole * 100 : '';
+					this.form.outRailwayMomDo = this.yoyMom.lastYearData.outboundRailwayDo && this.form.outboundRailwayDo ?
+						(parseInt(this.form.outboundRailwayDo) - this.yoyMom.lastYearData.outboundRailwayDo) / this.yoyMom
+						.lastYearData.outboundRailwayDo * 100 : '';
+					this.form.outPepoleMomDo = this.yoyMom.lastYearData.outPepole && this.form.outPepole ? (parseInt(this
+							.form.outPepole) - this.yoyMom.lastYearData.outPepole) / this.yoyMom.lastYearData.outPepole *
+						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(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/railwayRunData/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/railway/runStatus/form.vue b/pages/railway/runStatus/form.vue
index ed4e14f..7132ad7 100644
--- a/pages/railway/runStatus/form.vue
+++ b/pages/railway/runStatus/form.vue
@@ -97,14 +97,7 @@
 			if (options.type == 'add') {
 				this.pageType = 'add';
 				let now = new Date();
-				this.form.statDate = getDateStr(now, -1); //默认前一天
-				//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()) {
-					this.form.statPeriod = '0012';
-				}else{
-					this.form.statPeriod = '03'; //默认0-24
-				}
+				this.form.statDate = getDateStr(now, -1); //默认前一天
 			} else if (options.item) {
 				this.form = JSON.parse(options.item);
 				console.log(this.form);
@@ -162,7 +155,21 @@
 				this.$request(getApp().globalData.baseUrl + '/api/dict/dictList?dictType=airport_time' + '&_t=' + Date
 					.parse(
 						new Date()), {}, 'GET').then(res => {
-					this.array = res.data;
+					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(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);
+					}
 				})
 			},
 			//确认提交