ygtx
/
ygoa_app


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
							<!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">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../js/select2/chosen.css" />
		<link href="../../../css/OA-style.css" rel="stylesheet" />
		<!--标准mui.css-->
		<link rel="stylesheet" href="../../../css/mui.min.css">
		<link rel="stylesheet" href="../../../css/mui.picker.min.css">
		<link href="../../css/mui.poppicker.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../css/app.css" />
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../../../css/flow.css" />
	</head>

	<body class="mui-fullscreen">

		<!--页面主结构开始-->
		<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>
				<button class="mui-pull-right"  onclick="changeTitle()" style="margin: 5px;">编辑</button>
			</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;">
							<form class="mui-input-group" id="form_element">
								<div class="mui-content">
									<ul class="mui-table-view ">
										<template v-for="formElement in formElements">
											<li class="mui-table-view-cell mui-input-row">
												<label>{{formElement.elementName}}</label>
												<template v-if="formElement.type == '0'">
													<input type="text" v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear" placeholder="请输入">
													<input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
												</template>
						
												<template v-else-if="formElement.type == '1'">
													<textarea v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" rows="4" v-if="formElement.canEdit == '1'" placeholder="请输入"></textarea>
													<textarea v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" rows="4" v-else if readonly="readonly" placeholder="">{{formElement.defaultValue}}</textarea>
												</template>
												<template v-else-if="formElement.type == '2' ">
													<!-- <input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" style="display: none;"/> -->
													<select v-bind:id="formElement.tableField" v-bind:name="formElement.tableField">
														<template v-for="enuma in formElement.typeDetail.enum">
															<option v-bind:value="enuma.enumVname">{{enuma.enumVname}}</option>
														</template>
													</select>
												</template>

												<template v-else-if="formElement.type == '3'">
													<input type="text" v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="请点击" v-on:click="date(formElement.tableField)">
													<input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" placeholder="" v-on:click="time(formElement.tableField)">
												</template>

												<template v-else-if="formElement.type == '4'">
													<input type="text" v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear" placeholder="">
													<input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
												</template>

												<template v-else-if="formElement.type == '5' ">
													<input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" style="display: none;"/>
								    				<select v-bind:id="formElement.tableField+'dept'" v-bind:name="formElement.tableField+'dept'" multiple  class="dept_select">
														<template v-for="enuma in formElement.typeDetail.enum">
															<option v-bind:value="enuma.enumVname">{{enuma.enumVname}}</option>
														</template>
													</select>
												</template>

												<template v-else-if="formElement.type == '8' ">
													<input type="text" v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear" placeholder="请输入">
													<input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
												</template>
												
												<template v-else-if="formElement.type == '9'">
													<input type="text" v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" placeholder="请点击" v-on:click="time(formElement.tableField)">
													<input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" placeholder="" v-on:click="time(formElement.tableField)">
												</template>
												
												<template v-else-if="formElement.type == '15'">
													<input type="text" v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField+'_name'" v-bind:name="formElement.tableField+'_name'" readonly="readonly" class="mui-input-clear" placeholder="选择人员" v-on:click="choosePerson({'backId':formElement.tableField+'_name','backType':'bpmFormUser','isMultiDept':'0'})">
													<input type="hidden" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" class="mui-input-clear"  />
												</template>
												
												<template v-else-if="formElement.type == '13' &&  formElement.canEdit == '1' ">
													<input type="text"  v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" placeholder="请签名" v-on:click="openDrawingBoard(formElement.tableField)">
													<img v-bind:id="formElement.tableField + 'img'"  src="#" style="display: none;"/>
												</template>
											</li>
										</template>
									</ul>
								</div>

							</form>
							<form class="mui-input-group" id="startFlow">
								<flow-start :flow="flow" :next-tmodels="nextTmodels" :next-hand-tmodels="nextHandTmodels">
								</flow-start>
							</form>
							<div class="mui-button-row">
								<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 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" multiple="y"></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/select2/chosen.jquery.js" ></script>
		<script src="../../../js/dj/component/vue.flowstart.js"></script>
		<script src="../../../js/dj/component/vue.userselect.js"></script>
		<script src="../../../js/dj/flow/flow_start2.js"></script>
		<script type="text/javascript">
			

			window.addEventListener('refresh', function(e){//当子页面有查看数据时，此页面执行刷新
				var sealInsID = e.detail.sealInsID;
				var elementID = e.detail.elementID;
				var path = e.detail.path;
					path = API.API_IP_PORT + path;

				console.log(sealInsID);
				console.log(elementID);
				console.log(path);
				if(sealInsID != ''){
					$("#"+elementID).hide();
					$("#"+elementID).val(sealInsID);
					var imgele  = elementID+'img';
					$("#"+imgele).show();
					$("#"+imgele).attr('src',path);
					
					console.log($("#"+elementID).val())

				}
			});
		</script>


	</body>
	
</html>