ygtx
/
ygoa_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>表单</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/mui.picker.css" rel="stylesheet" />
		<link href="../../css/mui.poppicker.css" rel="stylesheet" />
		<link href="../../css/OA-style.css" rel="stylesheet" />
		<style>
			.mui-input-row .mui-btn {
				float: left;
				width: 27%;
				margin-left: 10px;
			}
			
			.mui-btn-blue,
			.mui-btn-primary,
			input[type=submit] {
				width: 150px;
			}
			
			@media screen and (max-width: 768px) {
				#yy {
					width: 100%;
				}
			}
			
			.inp {
				width: 15%;
			}
			
			.bg {
				height: 300px;
				width: 100%;
				background: #62949a;
			}
			
			.bg_bt {
				margin: 50px;
				width: 10%;
			}
			
			.div_center {
				background: #FFFFFF;
				width: 90%;
				height: auto;
				margin-left: 5%;
				border-radius: 10px;
				margin-top: 10px;
				padding: 30px;
			}
			
			.ldsp {
				font-size: 1.5em;
			}
			
			.div1_center {
				padding: 10px;
			}
			
			.fl {
				float: left;
			}
			
			.ov {
				overflow: hidden;
			}
			
			.div_border {
				border: #000000 1px solid;
				height: auto;
				font-size: 13px;
				color: #9c9c9c;
				padding: 10px;
			}
			
			.hongse {
				color: #CF2D28;
			}
			
			.text_cent {
				text-align: center;
				border: #000000 1px solid;
				padding: 10px;
				margin-top: 10px;
				display: block;
				word-break: break-all;
				word-wrap: break-word;
			}
			
			.yanse {
				color: #B6B6B6;
			}
			
			#xx {
				height: 100px;
			}
			
			html,
			body {
				background-color: #efeff4;
			}
			
			.mui-views,
			.mui-view,
			.mui-pages,
			.mui-page,
			.mui-page-content {
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				background-color: #efeff4;
			}
			
			.mui-pages {
				top: 43px;
				height: auto;
			}
			
			.mui-scroll-wrapper,
			.mui-scroll {
				background-color: #efeff4;
			}
			
			.mui-page.mui-transitioning {
				-webkit-transition: -webkit-transform 300ms ease;
				transition: transform 300ms ease;
			}
			
			.mui-page-left {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}
			
			.mui-ios .mui-page-left {
				-webkit-transform: translate3d(-20%, 0, 0);
				transform: translate3d(-20%, 0, 0);
			}
			
			.mui-navbar {
				position: fixed;
				right: 0;
				left: 0;
				z-index: 10;
				height: 44px;
				background-color: #468CF0;
			}
			
			.mui-navbar .mui-bar {
				position: absolute;
				background: transparent;
				text-align: center;
			}
			
			.mui-android .mui-navbar-inner.mui-navbar-left {
				opacity: 0;
			}
			
			.mui-ios .mui-navbar-left .mui-left,
			.mui-ios .mui-navbar-left .mui-center,
			.mui-ios .mui-navbar-left .mui-right {
				opacity: 0;
			}
			
			.mui-navbar .mui-btn-nav {
				-webkit-transition: none;
				transition: none;
				-webkit-transition-duration: .0s;
				transition-duration: .0s;
			}
			
			.mui-navbar .mui-bar .mui-title {
				display: inline-block;
				width: auto;
			}
			
			.mui-page-shadow {
				position: absolute;
				right: 100%;
				top: 0;
				width: 16px;
				height: 100%;
				z-index: -1;
				content: '';
			}
			
			.mui-page-shadow {
				background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
				background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
			}
			
			.mui-navbar-inner.mui-transitioning,
			.mui-navbar-inner .mui-transitioning {
				-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
				transition: opacity 300ms ease, transform 300ms ease;
			}
			
			.mui-page {
				display: none;
			}
			
			.mui-pages .mui-page {
				display: block;
			}
			
			.mui-page .mui-table-view:first-child {
				margin-top: 15px;
			}
			
			.mui-page .mui-table-view:last-child {
				margin-bottom: 30px;
			}
			
			.mui-table-view {
				margin-top: 0px;
			}
			
			.mui-table-view span.mui-pull-right {
				color: #999;
			}
			
			.mui-table-view-divider {
				background-color: #efeff4;
				font-size: 14px;
			}
			
			.mui-content>.mui-table-view:first-child {
				margin-top: -1px;
			}
			
			.mui-bar {
				box-shadow: none;
			}
			
			.mui-table-view-cell:after {
				left: 0px;
			}
			/*.mui-input-row label {
				padding: 0;
				line-height: 21px;
			}*/
			
			input[type=color],
			input[type=date],
			input[type=datetime-local],
			input[type=datetime],
			input[type=email],
			input[type=month],
			input[type=number],
			input[type=password],
			input[type=search],
			input[type=tel],
			input[type=text],
			input[type=time],
			input[type=url],
			input[type=week],
			select,
			textarea {}
			
			.mui-table-view-divider:before,
			.mui-table-view-divider:after {
				height: 0;
			}
			
			.head {
				height: 40px;
			}
			
			#head {
				line-height: 40px;
			}
			
			.head-img {
				width: 40px;
				height: 40px;
			}
			
			#head-img1 {
				position: absolute;
				bottom: 10px;
				right: 40px;
				width: 40px;
				height: 40px;
			}
			
			.update {
				font-style: normal;
				color: #999999;
				margin-right: -25px;
				font-size: 15px
			}
			
			.mui-fullscreen {
				position: fixed;
				z-index: 20;
				background-color: #000;
			}
			
			.mui-ios .mui-navbar .mui-bar .mui-title {
				position: static;
			}
			/*问题反馈在setting页面单独的css*/
			
			#feedback .mui-popover {
				position: fixed;
			}
			
			#feedback .mui-table-view:last-child {
				margin-bottom: 0px;
			}
			
			#feedback .mui-table-view:first-child {
				margin-top: 0px;
			}
			
			.mui-plus.mui-plus-stream .mui-stream-hidden {
				display: none !important;
			}
		</style>
	</head>

	<body>
		<!--页面主结构开始-->
		<div id="app" class="mui-views">
			<div class="mui-view">
				<div class="mui-navbar">
				</div>
				<div class="mui-pages">
				</div>
			</div>
		</div>
		<!--页面主结构结束-->

		<!--单页面开始-->
		<div id="setting" class="mui-page">

			<!--页面标题栏开始-->
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left" id="to_flowPage">
					<img class="mui-icon mui-icon-left-nav" src="../../images/back.png"  height="20">
				</button>
				<h1 id="title" class="mui-center mui-title">审批详情</h1>
			</div>

			<!--页面主内容区开始-->
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper" id="pullrefresh">
					<div class="mui-scroll">
						<div class="mui-content-padded" style="margin: 5px;" id="form_element">
							<form class="mui-input-group" id="">
								<div class="mui-input-row">
									<label>审核单号</label>
									<input type="text" id="tripid" readonly="readonly">
								</div>
								<div class="mui-input-row">
									<label>部门</label>
									<!--<select id="tripdepart">
									<template v-for="item in items">
										<option v-bind:value="item.GROUPNAME">{{item.GROUPNAME}}</option>
									</template>
								</select>-->
									<input type="text" id="tripdepart" readonly="readonly" value="">
								</div>
								<div class="mui-input-row">
									<label>出差人数</label>
									<input type="number" id="tripnum" readonly="readonly">
								</div>
								<div class="mui-input-row">
									<label>经办人</label>
									<input type="text" id="tripmanid" readonly="readonly" value="">
								</div>
								<div class="mui-input-row" style="height: 80px;">
									<label>出差地点</label>
									<textarea rows="" cols="" id="address" readonly="readonly"></textarea>
								</div>
								<div class="mui-input-row">
									<label> 出差人员</label>
									<input type="text" id="tripmen" readonly="readonly">
								</div>
								<div class="mui-input-row" style="height: 100px;" id="triptime">
									<label>出差时间</label><br><br>
									<div class="mui-input-row" style="height: 70px;">
										<span>
		                               	<button type="button" class="mui-btn" ><span id="bengintime">开始时间</span></button>
										</span>
										<label style="width: 3%;"> 至  </label>
										<span>
		                               	<button type="button" class="mui-btn" ><span id="endtime">结束时间</span></button>
										</span>
										<label style="width: 3%;">共</label>
										<span> <input type="text" id="triptotalday" readonly="readonly" style="border: solid 1px gainsboro; width: 40px;margin-left: 10px;padding-left: 12px;float: left;"> </span>
										<label style="width: 3%;margin-left:-10px;">天</label>
									</div>
								</div>
							
							<div id="size5" class="mui-input-row" style="display: none;">
								<label>财务审核出差人天数</label>
								<input type="text" id="approveday" >
							</div>
							<div id="size7" class="mui-input-row" style="display: none;">
								<label>财务审核出差人天数</label>
								<input type="text" id="size7_approveday" readonly="readonly">
							</div>
							
								<div class="mui-input-row">
									<label>是否派车</label>
									<div id="" style="margin-top: 8px;">
										<input name="wheacar" id="wheacar" type="radio" value="1" disabled="disabled" />是
										<input name="wheacar" id="wheacar" type="radio" style="margin-left: 15px;" value="2" disabled="disabled" />否
									</div>
								</div>
								<div class="mui-input-row">
									<label>是否全程跟随</label>
									<input name="whealltrip" id="whealltrip" type="text" readonly="readonly" />
									<!--<select name="whealltrip" id="whealltrip">
										    <option value="-1">请选择</option>
											<option value="0">不派车</option>
											<option value="1">全程跟随</option>
											<option value="2">接</option>
											<option value="3">送</option>
											<option value="4">接和送</option>
								   </select>						-->
								</div>
								<div class="mui-input-row" style="height: 80px;">
									<label>出差 派车事由</label>
									<textarea rows="" cols="" id="reason" readonly="readonly"></textarea>
								</div>

								<div class="mui-input-row" id="paiche" style="height: auto; display: none;">
									<label style="width: 50%;">驾驶员及用车时间</label>
									<br />
									<br />
									<div id="onlypaiche" class="" style="display: none;">
										<label style="width: 3%;" id="paiche_type"></label>
										<input type="button" id="drive_name" class="mui-btn" value="驾驶员" style="border: 1px gainsboro solid;" @click="choosePerson({'backId':'drive_name','backType':'bpmFormUser','isMultiDept':'0'})">
										<input type="hidden" id="drive" value="" />
										<label style="width: 20%;">车牌号</label>
										<input type="text" id="chepainum" value="" style="width: 30%;border: 1px gainsboro solid;margin-left: -5%;" />
										<br />
										<br />
										<button type="button" class="mui-btn" id="yc_begintime" readonly="readonly" onclick="time('yc_begintime')" style="margin-left: 40px;">开始时间</button>
										<label style="width: 20%;">至</label>
										<button type="button" class="mui-btn" id="yc_endtime" readonly="readonly" onclick="time('yc_endtime')" style="width: 30%;margin-left: -5%;">结束时间</button><br /><br />
										<label style="width: 3%;margin-left: 30px;">共</label>
										<input type="text" id="yc_triptotalday" style="width: 40px;margin-left: 10px;padding-left: 12px;">
										<label style="width: 3%;margin-left:-10px;">天</label>
									</div>
									<div id="jie" class="" style="display: none;">
										<br />
										<br />
										<input type="text" value="(可在出差人员返程时填写)"  style="width: 100%;font-size: 12px;margin-left: 15px;color: #a6a6a6;;"/>
										<br />
										<label style="width: 3%;">接:</label>
										
										<input type="button" id="drive_jie_name" value="驾驶员" style="border: 1px gainsboro solid;" class="mui-btn" @click="choosePerson({'backId':'drive_jie_name','backType':'bpmFormUser','isMultiDept':'0'})">
										<input type="hidden" id="drive_jie" value="" />
										<label style="width: 20%;">车牌号</label>
										<input type="text" id="jie_chepainum" value="" style="width: 30%;border: 1px gainsboro solid;margin-left: -5%;" />
										<br />
										<br />
										<button type="button" class="mui-btn" id="yc_jie_begintime" readonly="readonly" onclick="time('yc_jie_begintime')" style="margin-left: 40px;">开始时间</button>
										<label style="width: 20%;">至</label>
										<button type="button" class="mui-btn" id="yc_jie_endtime" readonly="readonly" onclick="time('yc_jie_endtime')" style="width: 30%;margin-left: -5%;">结束时间</button><br /><br />
										<label style="width: 3%;margin-left: 30px;">共</label>
										<input type="text" id="yc_jie_triptotalday" style="width: 40px;margin-left: 10px;padding-left: 12px;">
										<label style="width: 3%;margin-left:-10px;">天</label>
									</div>
								</div>
								<!--派车显示-->
								<div class="mui-input-row" id="xs_paiche" style="height: auto; display: none;">
									<label style="width: 50%;">驾驶员及用车时间</label>
									<br />
									<br />
									<div id="xs_onlypaiche" class="" style="display: none;">
										<label style="width: 3%;" id="xs_paiche_type"></label>
										<input type="button" id="xs_drive_name" class="mui-btn"  style="width: 30%;border: 1px gainsboro solid;">
										
										<label style="width: 20%;">车牌号</label>
										<input type="text" id="xs_chepainum" readonly="readonly" value="" style="width: 30%;border: 1px gainsboro solid;margin-left: -5%;" />
										<br />
										<br />
										<input type="button" class="mui-btn" id="xs_yc_begintime" readonly="readonly" style="border: 1px gainsboro solid;width: 30%;margin-left: 9%;">
										<label style="width: 20%;">至</label>
										<input type="button" class="mui-btn" id="xs_yc_endtime" readonly="readonly" style="border: 1px gainsboro solid;width: 30%;margin-left: -5%;"><br /><br />
										<label style="width: 3%;margin-left: 30px;">共</label>
										<input type="text" id="xs_yc_triptotalday" readonly="readonly" style="width: 40px;margin-left: 10px;padding-left: 12px;">
										<label style="width: 3%;margin-left:-10px;">天</label>
									</div>
									<div id="xs_jie" class="" style="display: none;">
										<br />
										<br />
										<label style="width: 3%;">接:</label>
										<input type="button" id="xs_drive_jie_name"  style="width: 30%;border: 1px gainsboro solid;" class="mui-btn" >										
										<label style="width: 20%;">车牌号</label>
										<input type="text" id="xs_jie_chepainum" readonly="readonly" value="" style="width: 30%;border: 1px gainsboro solid;margin-left: -5%;" />
										<br />
										<br />
										<input type="button" class="mui-btn" id="xs_yc_jie_begintime" readonly="readonly" style="border: 1px gainsboro solid;width: 30%;margin-left: 9%;">
										<label style="width: 20%;">至</label>
										<input type="button" class="mui-btn" id="xs_yc_jie_endtime" readonly="readonly" style="border: 1px gainsboro solid;width: 30%;margin-left: -5%;"><br /><br />
										<label style="width: 3%;margin-left: 30px;">共</label>
										<input type="text" id="xs_yc_jie_triptotalday" readonly="readonly" style="width: 40px;margin-left: 10px;padding-left: 12px;">
										<label style="width: 3%;margin-left:-10px;">天</label>
									</div>
								</div>
								<div id="div_pcapproveday" class="mui-input-row" style="display: none;">
									<label> 财务审核司机天数</label>
									<input type="text" id="pcapproveday">
							    </div>
							    <div id="sizedayu5" class="mui-input-row" style="display: none;">
									<label> 财务审核司机天数</label>
									<input type="text" id="sizedayu5_pcapproveday" readonly="readonly">
							    </div>
							    <div id="jiesong" style="display: none;">
							    	<div id="" class="mui-input-row" >
										<label> 财务审核送去司机天数</label>
										<input type="text" id="song_approveday">
							        </div>
							        <div id="" class="mui-input-row" >
										<label> 财务审核接回司机天数</label>
										<input type="text" id="jie_approveday">
								    </div>
							    </div>
							    <div id="size7_yc" style="display: none;">
							    	<div id="" class="mui-input-row" >
										<label> 财务审核送去司机天数</label>
										<input type="text" id="size7_song_approveday" readonly="readonly">
							        </div>
							        <div id="" class="mui-input-row" >
										<label> 财务审核接回司机天数</label>
										<input type="text" id="last_approveday">
								    </div>
							    </div>
							</form>
							<div>
								<div id="nexthj">
									<h4 style="color: darkcyan;margin: 15px;" id="nexthuanjietitle">下一环节:科室审批</h4>
									<form class="mui-input-group">
										<section id="startFlow2">
											<!-- 0并行分支,1手动分支,2条件分支  -->
											<template>
												<div class="mui-input-row">
													<label style="padding: 10px 0px 0px 15px;">下一环节审批人</label>
												</div>
												<div class="mui-input-row" style="height: auto;">
													<textarea id="approveman_name" rows="1" placeholder="请选择人员" readonly="readonly" @click="choosePerson({'backId':'approveman_name','backType':'bpmFormUser','isMultiDept':'0'})"></textarea>
													<input type="hidden" id="approveman" value="" />
												</div>
												<div class="mui-input-row">
													<label style="padding: 10px 0px 0px 15px;">审批备注</label>
												</div>
												<div class="mui-input-row" style="height: auto;">
													<textarea id="beizhu" rows="2"></textarea>
												</div>
											</template>
										</section>
									</form>
								</div>
								<h4 style="color: darkcyan;margin: 15px;">流转过程:</h4>
								<!--<div  class="mui-input-row">
									<label> 下环节审批人</label>
									<input type="text" id="approveman">
							</div>-->
								<div v-for="item in items">
									<div style="text-align: center;border: #999999 1px solid; margin-top: 10px;">
										<p>
											环节名称：
											<template v-if="item.prhuanjie == 1">启动</template>
											<template v-if="item.prhuanjie == 2">科室审批</template>
											<template v-if="item.prhuanjie == 3">车队派车</template>
											<template v-if="item.prhuanjie == 4">领导审批</template>
											<template v-if="item.prhuanjie == 5">财务核对</template>
											<template v-if="item.prhuanjie == 6">车队长再次派车</template>
											<template v-if="item.prhuanjie == 7">财务再次审批</template>
											<br /> 创建时间：{{item.prbegintime}} 环节办结：{{item.prendtime}}
											<br /> {{item.name2}}
											<br /> 审核备注 {{item.remark}}
										</p>
									</div>
								</div>

								<div class="mui-button-row" id="caozuo">
									<button type="button" class="mui-btn mui-btn-primary" id="saveBtn">确认审批</button>&nbsp;&nbsp;
									<button type="button" class="mui-btn mui-btn-danger" id="returnBth">驳回</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--单页面结束-->

		<div id="personComponent" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<a class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
				<h1 class="mui-center mui-title">人员选择</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper" id="person-scroll">
					<div class="mui-scroll">
						<div class="mui-card" id="personData">
							<user-select v-on:increment="selectUser()" :group-users="groupUsers" :depts="depts"></user-select>
						</div>
					</div>

					<nav class="mui-bar mui-bar-tab">
						<button type="button" class="mui-btn mui-pull-left mui-btn-primary mui-action-back mui-btn-danger" style="margin-left: 30px;">取消</button>
						<button type="button" class="mui-btn mui-pull-right mui-btn-primary" onclick="selectUser()" style="margin-right: 30px;">确定</button>
					</nav>
				</div>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/mui.view.js"></script>
		<script src="../../js/mui.picker.min.js"></script>
		<script src="../../js/vue.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/jquery-1.11.2.min.js"></script>
		<script src="../../js/dj/component/vue.userselect.js"></script>
		<script type="text/javascript">
			//日期控件
			function time(id) {
				var dDate = new Date();
				dDate.setFullYear(2014, 7, 16);
				var minDate = new Date();
				minDate.setFullYear(2010, 0, 1);
				var maxDate = new Date();
				maxDate.setFullYear(2016, 11, 31);
				plus.nativeUI.pickDate(function(e) {
					var d = e.date;
					var month=d.getMonth() + 1;
					if(month < 10){
						month= "0"+ month;
					}
					var day=d.getDate();
					if(day < 10){
						day= "0"+ day;
					}
					var a = d.getFullYear() + "-" + month + "-" + day;
					$("#" + id).html(a);
				}, {
					title: "请选择日期",
					date: dDate,
					minDate: minDate,
					maxDate: maxDate
				});
			}

			var url = API.API_URL();
			mui.init();

			var viewApi = mui('#app').view({
				defaultPage: '#setting'
			});

			//初始化单页的区域滚动
			mui('.mui-scroll-wrapper').scroll({

				bounce: false, //滚动条是否有弹力默认是true

				indicators: false //是否显示滚动条

			});
			//			mui("#pullrefresh").pullRefresh().setStopped(true);
			//			mui('#pullrefresh').pullRefresh().setStopped(true); //暂时禁止滚动
			var view = viewApi.view;

			function test(o) {
				alert(o);
			};
			(function($, doc) {

				//处理view的后退与webview后退
				var oldBack = $.back;
				$.back = function() {
					if(viewApi.canBack()) { //如果view可以后退，则执行view的后退
						viewApi.back();
					} else { //执行webview后退
						oldBack();
					}
				};
				//监听页面切换事件方案1,通过view元素监听所有页面切换事件，目前提供pageBeforeShow|pageShow|pageBeforeBack|pageBack四种事件(before事件为动画开始前触发)
				//第一个参数为事件名称，第二个参数为事件回调，其中e.detail.page为当前页面的html对象
				view.addEventListener('pageBeforeShow',
					function(e) {
						console.log(e.detail.page.id + ' beforeShow');
					});
				view.addEventListener('pageShow', function(e) {
					console.log(e.detail.page.id + ' show');
				});
				view.addEventListener('pageBeforeBack', function(e) {
					console.log(e.detail.page.id + ' beforeBack');
				});
				view.addEventListener('pageBack', function(e) {
					console.log(e.detail.page.id + ' back');
				});
			})(mui);

			var vmA = new Vue({
				el: '#form_element',
				data: {
					items: [] //列表信息流数据
				}
			});

			var wheaend = "";
			var processSize = "";
			var driveSize = "";
			var whealltrip = "";
			mui.plusReady(function() {
				var url = API.API_URL();
				var self = plus.webview.currentWebview();
				var tripid = self.tripid;
				var trip_state = self.state;
				
				//alert(tripid)
				var serviceId = "oa_2018V001PHONE_tripdetail";
				var state = app.getState(); //获取登陆信息
				var staffId = state.user.useId; //获取登录id			
				var obj = {
					tripid: tripid,
				};
				app.ajax(serviceId, obj, function(data) {
					//服务器返回响应
					console.log(JSON.stringify(data))
					var result = data.returnParams;
					var trip = data.trip;
					var tripprocess = data.tripprocess;
					var tripdrive = data.tripdrive;
					var tripman = data.tripman;
					var approveman = data.approveman;
					processSize = data.processSize;
					driveSize = data.driveSize;
					wheaend = data.wheaend;
					var tripdepart = trip[0].tripdepart;
					var tripnum = trip[0].tripnum;
					var address = trip[0].address;
					var tripmen = trip[0].name2;
					var bengintime = trip[0].bengintime;
					var endtime = trip[0].endtime;
					var triptotalday = trip[0].triptotalday;
					var wheacar = trip[0].wheacar;
					whealltrip = trip[0].whealltrip;
					var reason = trip[0].reason;
					if(trip_state == "完结"){
					    $("#caozuo").css("display", "none");
					    $("#size7").css("display", "block");
					    var wanjie_approveday=trip[0].approveday;
					    $("#size7_approveday").attr("value", wanjie_approveday);
					    if(driveSize==1){
							$("#sizedayu5").css("display", "block");
							var wanjie_pcapproveday=tripdrive[0].pcapproveday;
							$("#sizedayu5_pcapproveday").attr("value", wanjie_pcapproveday);							
						}
						if(driveSize==2){							
							$("#size7_yc").css("display", "block");
							var wanjie_song_pcapproveday=tripdrive[0].pcapproveday;
							var wanjie_jie_pcapproveday=tripdrive[1].pcapproveday;
							$("#size7_song_approveday").attr("value", wanjie_song_pcapproveday);
							$("#last_approveday").attr("value", wanjie_jie_pcapproveday);
							$("#last_approveday").attr("readonly", "readonly");
						}
				    }
					$("#tripid").attr("value", tripid);
					$("#tripdepart").attr("value", tripdepart);
					$("#tripnum").attr("value", tripnum);
					$("#address").html(address);
					$("#tripmen").attr("value", tripmen);
					$("#bengintime").html(bengintime);
					$("#endtime").html(endtime);
					$("#triptotalday").attr("value", triptotalday);
					if(wheacar == 1) {
						$("input[ name='wheacar']").eq(0).attr('checked', true);
					}
					if(wheacar == 2) {
						$("input[ name='wheacar']").eq(1).attr('checked', true);
					}

					if(whealltrip == 0) {
						$("#whealltrip").attr("value", "不派车");
					}
					if(whealltrip == 1) {
						$("#whealltrip").attr("value", "全程跟随");
					}
					if(whealltrip == 2) {
						$("#whealltrip").attr("value", "接");
					}
					if(whealltrip == 3) {
						$("#whealltrip").attr("value", "送");
					}
					if(whealltrip == 4) {
						$("#whealltrip").attr("value", "接和送");
					}
					$("#reason").html(reason);
					$("#tripmanid").attr("value", tripman);
					//alert(tripman)
					//console.log(trip.length);
					vmA.items = [];
					if(tripprocess.length > 0) {
						vmA.items = vmA.items.concat(tripprocess);
					}

					if(processSize == 2) {
						$("#nexthuanjietitle").html("下一环节:车队派车");
					}

					if(processSize == 3) {
						$("#paiche").css("display", "block");
						$("#onlypaiche").css("display", "block");
						$("#nexthuanjietitle").html("下一环节:领导审批");
						if(whealltrip == 1) {
							$("#paiche_type").html("全程跟随:");
						}
						if(whealltrip == 2) {
							$("#paiche_type").html("送:");
						}
						if(whealltrip == 3) {
							$("#paiche_type").html("接:");
						}
						if(whealltrip == 4) {
							$("#paiche_type").html("送:");
							$("#jie").css("display", "block");
						}
					}
					if(processSize == 4) {
						$("#nexthuanjietitle").html("下一环节:财务核对");
					}
					if(processSize == 5 && trip_state != "完结") {
						$("#size5").css("display", "block");
						$("#nexthuanjietitle").html("下一环节:车队长再次派车");
						if(driveSize==1){
							$("#div_pcapproveday").css("display", "block");
						}
						if(driveSize==2){
							$("#jiesong").css("display", "block");
						}
					}
					if(processSize == 6) {
						$("#paiche").css("display", "block");
						$("#jie").css("display", "block");
						$("#nexthuanjietitle").html("下一环节:财务再次审批");
						$("#sizedayu5").css("display", "block");
						var pcapproveday = tripdrive[0].pcapproveday;
						$("#sizedayu5_pcapproveday").attr("value", pcapproveday);
					}
					if(processSize == 7 && trip_state != "完结") {
						//财务审批出差人
						$("#size7").css("display", "block");
						var approveday = trip[0].approveday;
						$("#size7_approveday").attr("value", approveday);
						//财务审批送司机
						$("#size7_yc").css("display", "block");
						var pcapproveday = tripdrive[0].pcapproveday;
						$("#size7_song_approveday").attr("value", pcapproveday);
					}
					if(processSize >= 4) {//显示派车情况
						$("#xs_paiche").css("display", "block");
						$("#xs_onlypaiche").css("display", "block");
						var name3=tripdrive[0].name3;
						var pcbegintime=tripdrive[0].pcbegintime;
						var pcendtime=tripdrive[0].pcendtime;
						var pctotalday=tripdrive[0].pctotalday;
						var chepai=tripdrive[0].chepai;
						$("#xs_drive_name").attr("value", name3);
						$("#xs_chepainum").attr("value", chepai);
						$("#xs_yc_begintime").attr("value", pcbegintime);
						$("#xs_yc_endtime").attr("value", pcendtime);
						$("#xs_yc_triptotalday").attr("value", pctotalday);
						if(driveSize==1){							
							var pcwhealltrip=tripdrive[0].pcwhealltrip;
							if(pcwhealltrip == 1) {
							    $("#xs_paiche_type").html("全程跟随:");
							}
							if(pcwhealltrip == 2 || pcwhealltrip == 4) {
								$("#xs_paiche_type").html("送:");
							}
							if(pcwhealltrip == 3) {
								$("#xs_paiche_type").html("接:");
							}
							
						}
						if(driveSize==2){		
							$("#xs_jie").css("display", "block");
							var pcwhealltrip=tripdrive[0].pcwhealltrip;						
							$("#xs_paiche_type").html("送:");							
							
							var name3_2=tripdrive[1].name3;
							var pcbegintime_2=tripdrive[1].pcbegintime;
							var pcendtime_2=tripdrive[1].pcendtime;
							var pctotalday_2=tripdrive[1].pctotalday;
							var chepai_2=tripdrive[1].chepai;
							$("#xs_drive_jie_name").attr("value", name3_2);
							$("#xs_jie_chepainum").attr("value", chepai_2);
							$("#xs_yc_jie_begintime").attr("value", pcbegintime_2);
							$("#xs_yc_jie_endtime").attr("value", pcendtime_2);
							$("#xs_yc_jie_triptotalday").attr("value", pctotalday_2);
						}
					}
					if(wheaend == "end") {
						$("#nexthj").css("display", "none");
					}
				});

			})

			var saveBtn = document.getElementById("saveBtn");
			saveBtn.addEventListener("click", function() {
				var btnArray = ['否', '是'];
				mui.confirm('确定要审核吗？', '警告', btnArray, function(e) {
					if(e.index == 1) { //确认
						var approveman = $("#approveman").val();
						//alert(approveman)
						if(wheaend == "noend") {
							if($("#approveman").val() == "") {
								alert('下一环节审批人不能为空');
								return false;
							}
							if($("#beizhu").val() == "") {
								alert('审批备注不能为空');
								return false;
							}
						}
						//科室审批
						var beizhu = $("#beizhu").val();
						var tripid = $("#tripid").val();
						var wheacar = $("input[name='wheacar']:checked").val();
//						wheaend;
//						processSize;
//						whealltrip;
						var s = "{";
						s += "tripid:'" + tripid + "',approveman:'" + approveman + "',processSize:'" + processSize +
							"',beizhu:'" + beizhu + "',wheacar:'" + wheacar + "',whealltrip:'" + whealltrip + 
							"',wheaend:'" + wheaend+"'";
						
						//alert(s);
						if(processSize == 3){
							if($("#drive").val() == "") {
								alert('驾驶员不能为空');
								return false;
							}
							if($("#yc_begintime").html() == "") {
								alert('用车开始时间不能为空');
								return false;
							}
							if($("#yc_endtime").html() == "") {
								alert('用车结束时间不能为空');
								return false;
							}
							if($("#yc_triptotalday").val() == "") {
								alert('用车结束时间不能为空');
								return false;
							}
							if($("#chepainum").val() == "") {
								alert('用车结束时间不能为空');
								return false;
							}
							var drive_id=$("#drive").val();
							var yc_begintime=$("#yc_begintime").html();
							var yc_endtime=$("#yc_endtime").html();
							var yc_triptotalday=$("#yc_triptotalday").val();
							var chepainum=$("#chepainum").val();
							s+=",drive_id:'"+drive_id+"',yc_begintime:'"+yc_begintime+"',yc_endtime:'"+yc_endtime+
			                  "',yc_triptotalday:'"+yc_triptotalday+"',chepainum:'"+chepainum+"'";
			                if(whealltrip == 4){
								var drive_jie_id=$("#drive_jie").val();
								var yc_jie_begintime=$("#yc_jie_begintime").html();
								var yc_jie_endtime=$("#yc_jie_endtime").html();
								var yc_jie_triptotalday=$("#yc_jie_triptotalday").val();
								var jie_chepainum=$("#jie_chepainum").val();
								if(drive_jie_id != "" && yc_jie_begintime != "" && yc_jie_endtime != "" 
									&& yc_jie_triptotalday != "" && jie_chepainum != ""	){
									s+=",drive_jie_id:'"+drive_jie_id+"',yc_jie_begintime:'"+yc_jie_begintime+"',yc_jie_endtime:'"+yc_jie_endtime+
									"',yc_jie_triptotalday:'"+yc_jie_triptotalday+"',jie_chepainum:'"+jie_chepainum+"'";
								}else{
									s+=",drive_jie_id:'"+""+"',yc_jie_begintime:'"+""+"',yc_jie_endtime:'"+""+
									"',yc_jie_triptotalday:'"+""+"',jie_chepainum:'"+""+"'";
								}
							}else{
								s+=",drive_jie_id:'"+""+"',yc_jie_begintime:'"+""+"',yc_jie_endtime:'"+""+
									"',yc_jie_triptotalday:'"+""+"',jie_chepainum:'"+""+"'";
							}  
						}
						if(processSize == 5){
							if($("#approveday").val() == "") {
								alert('出差人审核天数不能为空');
								return false;
							}
							var approveday=$("#approveday").val();
							s+=",approveday:'"+approveday+"'";
							if(driveSize == 1){
								if($("#pcapproveday").val() == "") {
								alert('司机审核天数不能为空');
								return false;
							    }
								var pcapproveday=$("#pcapproveday").val();
								s+=",pcapproveday:'"+pcapproveday+"',driveSize:'"+driveSize+"'";
							}
							if(driveSize == 2){
								if($("#song_approveday").val() == "") {
								alert('送去司机审核天数不能为空');
								return false;
							    }
								if($("#jie_approveday").val() == "") {
								alert('接回司机审核天数不能为空');
								return false;
							    }
								var song_approveday=$("#song_approveday").val();
				                var jie_approveday=$("#jie_approveday").val();
				                s+=",song_approveday:'"+song_approveday+"',jie_approveday:'"+jie_approveday+"',driveSize:'"+driveSize+"'";
							}
						}
						if(processSize == 6){//车队长再次派车
							if($("#drive_jie").val() == "") {
								alert('驾驶员不能为空');
								return false;
							    }
							if($("#yc_jie_begintime").html() == "") {
								alert('用车开始时间不能为空');
								return false;
							    }
							if($("#yc_jie_endtime").html() == "") {
								alert('用车结束时间不能为空');
								return false;
							    }
							if($("#yc_jie_triptotalday").val() == "") {
								alert('合计天数不能为空');
								return false;
							    }
							if($("#jie_chepainum").val() == "") {
								alert('车牌号不能为空');
								return false;
							    }
							var drive_last_id=$("#drive_jie").val();
							var yc_last_begintime=$("#yc_jie_begintime").html();
							var yc_last_endtime=$("#yc_jie_endtime").html();
							var yc_last_triptotalday=$("#yc_jie_triptotalday").val();
							var last_chepainum=$("#jie_chepainum").val();
							s+=",drive_last_id:'"+drive_last_id+"',yc_last_begintime:'"+yc_last_begintime+"',yc_last_endtime:'"+yc_last_endtime+
			                   "',yc_last_triptotalday:'"+yc_last_triptotalday+"',last_chepainum:'"+last_chepainum+"'";
						}
						if(processSize == 7){//财务再次审批
							if($("#last_approveday").val() == "") {
								alert('审批天数不能为空');
								return false;
							    }
							var last_approveday=$("#last_approveday").val();
			                s+=",last_approveday:'"+last_approveday+"'";
						}
						s+=	"}";
						mui.ajax(url, {
							type: 'POST',
							dataType: 'json',
							data: {
			                 'serviceId': 'oa_2018V001PHONE_trippizhun',
			                 'params': s,
							},
							headers: {
								'Accept': 'application/json'
							},
							success: function(data) {
								console.log(JSON.stringify(data));
								if(data.returnCode == "0") {
				                var returnParams = data.returnParams;
				                var jieguo=returnParams.jieguo;
								if(jieguo == true) {
									mui.toast('审批成功');
									mui.back();
									var list = plus.webview.currentWebview().opener();
									 //触发父页面的自定义事件(refresh),从而进行刷新
									  mui.fire(list, 'refresh');
									  //返回true,继续页面关闭逻辑
									return true;
								} else {
									mui.toast('审批失败');
								}
								}
							},
							error: function(xhr, type, errorThrown) {
								//异常处理；
								console.log(xhr + "========" + type + "===========" + errorThrown);
							}
						});
					} else {

					}
				})
			})
			
			var returnBth = document.getElementById("returnBth");
			returnBth.addEventListener("click", function() {
				if($("#beizhu").val() == "") {
					alert('审批备注不能为空');
					return false;
				}
				var tripid = $("#tripid").val();
				var beizhu = $("#beizhu").val();
				processSize
				var btnArray = ['否', '是'];
				mui.confirm('确定要驳回吗？', '警告', btnArray, function(e) {
					if(e.index == 1) {//确认
						mui.ajax(url, {
							type: 'POST',
							dataType: 'json',
							data: {
								'serviceId': 'oa_2018V001PHONE_tripbohui',
								'params': '{tripid:"' + tripid + '",processSize:"' + processSize + '",beizhu:"' + beizhu + '"}'
							},
							headers: {
								'Accept': 'application/json'
							},
							success: function(data) {
								console.log(JSON.stringify(data));
								if(data.returnCode == "0") {
				                var returnParams = data.returnParams;
				                var jieguo=returnParams.jieguo;
								if(jieguo == true) {
									mui.toast('驳回成功');
									mui.back();
									var list = plus.webview.currentWebview().opener();
									 //触发父页面的自定义事件(refresh),从而进行刷新
									  mui.fire(list, 'refresh');
									  //返回true,继续页面关闭逻辑
									return true;
								} else {
									mui.toast('驳回失败');
								}
								}
							},
							error: function(xhr, type, errorThrown) {
								//异常处理；
								console.log(xhr + "========" + type + "===========" + errorThrown);
							}
						});
					}
					else {
					}
				}) 
			})
		</script>
	</body>

</html>