ygtx
/
ygoa_app


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229
							<!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="wheashiqu" id="wheashiqu" type="radio" value="1" disabled="disabled" />市区内
										<input name="wheashiqu" id="wheashiqu" type="radio" style="margin-left: 15px;" value="2" disabled="disabled" />市区外
									</div>
								</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: -4%;padding-left: 15px;" />
										<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>
								<div class="mui-input-row" id="paiche2" style="height: auto; display: none;">	
									<div id="jie" class="" style="display: none;">
										<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: -4%;padding-left: 15px;" />
										<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: -4%;padding-left: 15px;" />
										<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>	
								<div class="mui-input-row" id="xs_paiche2" style="height: auto; display: none;">
									<div  id="xs_jie" class="" style="display: none;">
										<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: -4%;padding-left: 15px;" />
										<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 wheashiqu = trip[0].wheashiqu;
					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(wheashiqu == 1) {
						$("input[ name='wheashiqu']").eq(0).attr('checked', true);
					}
					if(wheashiqu == 2) {
						$("input[ name='wheashiqu']").eq(1).attr('checked', true);
					}
					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) {
						if(wheashiqu == 1 && wheacar == 2) {
							wheaend = "end";
							$("#nexthj").css("display", "none");
						}else{
							$("#nexthuanjietitle").html("下一环节:车队派车");
						}
						
					}

					if(processSize == 3) {
						$("#paiche").css("display", "block");
						$("#paiche2").css("display", "block");
						$("#onlypaiche").css("display", "block");
						if(wheashiqu == 2) {
							$("#nexthuanjietitle").html("下一环节:领导审批");
						}
						if(wheashiqu == 1) {
							wheaend = "end";
							$("#nexthj").css("display", "none");
						}

						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");
						$("#paiche2").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 == 3 && trip_state == "完结") {//显示派车情况
						$("#xs_paiche").css("display", "block");
						$("#xs_paiche2").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(processSize >= 4) { //显示派车情况
						$("#xs_paiche").css("display", "block");
						$("#xs_paiche2").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 wheashiqu = $("input[name='wheashiqu']:checked").val();
						var wheacar = $("input[name='wheacar']:checked").val();
						//						wheaend;
						//						processSize;
						//						whealltrip;
						var s = "{";
						s += "tripid:'" + tripid + "',approveman:'" + approveman + "',processSize:'" + processSize +
							"',beizhu:'" + beizhu + "',wheashiqu:'" + wheashiqu + "',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>