ygtx
/
ygtx_oa_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
							<!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">
								<template v-for="formElement in formElements" v-if="formElement.n_can_view!='0'">
									<div class="mui-table-view-cell mui-input-row" style="border-bottom: none !important;">
										<label>{{formElement.elementName}}<span v-if="formElement.noNull=='1'" style="color: red;">*</span></label>
										<template v-if="formElement.type == '0'">
											<template v-if="formElement.tableField == 'form_element_84179497391187'">
												<input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear">
											</template>
											<template v-else-if="formElement.tableField == 'form_element_84179499419346'">
												<input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear">
											</template>
											<template v-else>
												<input type="text" v-if="formElement.canEdit == '1'&& formElement.inputPrompt==''" 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-if="formElement.canEdit == '1'&& formElement.inputPrompt!=''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt">
												<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>

										<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'&&  formElement.inputPrompt==''" placeholder="请输入"></textarea>
											<textarea v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" rows="4" v-else-if="formElement.canEdit == '1'&&  formElement.inputPrompt!=''" v-bind:placeholder="formElement.inputPrompt"></textarea>
											<textarea v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" rows="4" v-else readonly="readonly" placeholder="">{{formElement.defaultValue}}</textarea>
										</template>

										<template v-else-if="formElement.type == '2'|| formElement.type == '4'">
											<select v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" style="font-size: 14px;">
												<option value="" v-if="formElement.inputPrompt==''" style="color: #B6B6B6 !important;">请选择</option>
												<option value="" v-else-if="formElement.inputPrompt!=''" style="color: #B6B6B6 !important;">{{formElement.inputPrompt}}</option>
												<template v-for="enuma in formElement.typeDetail.enum">
													<option v-bind:value="enuma.enumVname">{{enuma.enumVname}}</option>
												</template>
											</select>
											<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 == '3' ">
											<input type="text" v-if="formElement.canEdit == '1' && formElement.inputPrompt==''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear dateinput" placeholder="请点击" v-on:click="date(formElement.tableField)">
											<input type="text" v-else-if="formElement.canEdit == '1' && formElement.inputPrompt!=''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" v-bind:placeholder="formElement.inputPrompt" class="mui-input-clear dateinput" 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-bind:value="formElement.defaultValue">
										</template>

										<template v-else-if="formElement.type == '4'">
											<select v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" style="font-size: 14px;">
												<option value="" v-if="formElement.inputPrompt==''" style="color: #B6B6B6 !important;">请选择</option>
												<option value="" v-else-if="formElement.inputPrompt!=''" style="color: #B6B6B6 !important;">{{formElement.inputPrompt}}</option>
												<template v-for="enuma in formElement.typeDetail.enum">
													<option v-bind:value="enuma.enumVname">{{enuma.enumVname}}</option>
												</template>
											</select>
											<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' && formElement.canEdit == '1' ">
											<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'&& formElement.inputPrompt==''" 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-if="formElement.canEdit == '1'&& formElement.inputPrompt!=''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt">
											<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' && formElement.inputPrompt==''" v-bind:id="formElement.tableField" v-bind:value="formElement.defaultValue" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" placeholder="请点击" v-on:click="time(formElement.tableField)">
											<input type="text" v-else-if="formElement.canEdit == '1' && formElement.inputPrompt!=''" v-bind:id="formElement.tableField" v-bind:value="formElement.defaultValue" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt" v-on:click="time(formElement.tableField)">
											<input type="text" v-else v-bind:id="formElement.tableField" v-bind:value="formElement.defaultValue" 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 == '12' && formElement.canEdit == '1'">
											<select v-bind:id="formElement.tableField" v-bind:name="formElement.tableField">
												<option value="" v-if="formElement.inputPrompt==''" style="color: #B6B6B6 !important;">请选择</option>
												<option value="" v-else-if="formElement.inputPrompt!=''" style="color: #B6B6B6 !important;">{{formElement.inputPrompt}}</option>
												<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 == '15'">
											<input type="text" v-if="formElement.canEdit == '1' && formElement.inputPrompt==''" 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','multiple':'n'})">
											<input type="text" v-else-if="formElement.canEdit == '1' && formElement.inputPrompt!=''" v-bind:id="formElement.tableField+'_name'" v-bind:name="formElement.tableField+'_name'" readonly="readonly" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt" v-on:click="choosePerson({'backId':formElement.tableField+'_name','backType':'bpmFormUser','isMultiDept':'0','multiple':'n'})">
											<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-if="formElement.canEdit == '1' && formElement.inputPrompt==''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" placeholder="请签名" v-on:click="openDrawingBoard(formElement.tableField)">
											<input type="text" v-else-if="formElement.canEdit == '1' && formElement.inputPrompt!=''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt" v-on:click="openDrawingBoard(formElement.tableField)">
											<img v-bind:id="formElement.tableField + 'img'" src="#" style="display: none;" />
										</template>

										<template v-else-if="formElement.type == '21' &&  formElement.canEdit == '1' ">
											<input type="text" v-if="formElement.canEdit == '1' && formElement.inputPrompt==''" 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="text" v-else-if="formElement.canEdit == '1' && formElement.inputPrompt!=''" v-bind:id="formElement.tableField+'_name'" v-bind:name="formElement.tableField+'_name'" readonly="readonly" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt" 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>
											<input type="text" v-if="formElement.canEdit == '1'&& formElement.inputPrompt==''" 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-if="formElement.canEdit == '1'&& formElement.inputPrompt!=''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt">
											<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>
									</div>
									<div style="display: block;line-height: 24px;font-size: 14px;color:#666666;padding: 10px 16px;background-color: #F2F0F4;" v-if="formElement.beCareful!=''&& formElement.beCareful!=null">{{formElement.beCareful}}</div>
								</template>
							</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" style="position: relative;">
			<div class="mui-navbar-inner mui-bar mui-bar-nav" style="background: #2179E3;height: 98px;overflow: hidden;">
				<a class="mui-action-back mui-pull-left" style="display: inline-block;height:48px;padding-top: 12px;"><img src="../../../images/back.png" style="height:20px;"></a>
				<h1 class="mui-center mui-title">人员选择</h1>
				<a class="mui-pull-right" v-if="isOk=='1'" onclick="selectUserSpZx()" style="color: #FFFFFF;margin-top: 12px;">确定</a>
				<a class="mui-pull-right" v-else onclick="selectUser()" style="color: #FFFFFF;margin-top: 12px;">确定</a>

				<!-- 收索框 -->
				<div class="Task-add-d Reb-ov">
					<div class="mui-input-row mui-search Add-ssk">
						<input type="search" id="search" class="mui-input-clear" placeholder="输入名字或部门或职位查询" style="background-color: #FFFFFF;" required="true">
					</div>
				</div>

			</div>
			<div style="position: absolute; top:52px; width: 100%;padding: 4px 8px;color:#B6B6B6;font-size: 14px;">以下是你选择人员</div>
			<div style=" position: absolute; top:74px; width: 100%;  z-index: 10000 !important;padding:8px;">
				<div class="mui-content" style="height: 86px;width: 100%;position: relative;   z-index: 10000 !important; border-radius: 10px;background-color: #ffffff;">
					<div class="mui-scroll-wrapper" id="sel_users" style="position: relative;height: 100%;background-color: #ffffff;">
						<div class="mui-scroll" style="text-align: left;position: relative;background-color: #ffffff;">
							<div style="padding: 4px auto;position: relative;background-color: #ffffff;">
								<template v-for="(user,index) in searchUsers">
									<div style="margin-top: 4px; display: inline-block;height:30; line-height: 30px; border: 1px solid #C7C7CC; border-radius: 5px;width: 49%;text-align: center;font-size: 13px;position: relative;background-color: #ffffff;" class="sel_user">
										<span style="color: #2079E3;font-weight: bold;">
							{{index+1}}.
							</span> {{user.name}}
										<input type="hidden" class="sel_id" :value="user.id">
										<input class="sel_name" type="hidden" :value="user.name">

										<img src="../../../images/shengpi/delete.png" style="float: right;margin-right: 4px;max-height:20px;margin-top: 4px;">
									</div>
								</template>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div style="position: absolute; top:172px; width: 100%;padding: 6px 8px;color:#B6B6B6;font-size: 14px;">搜索得到人员列表</div>
			<div class="mui-page-content" style="position: absolute; top:198px;">
				<div class="mui-scroll-wrapper" id="person-scroll" style="margin-bottom: 200px;">
					<div class="mui-scroll">
						<div class="mui-card">
							<input type="hidden" id="backId" value="" />
							<input type="hidden" id="backType" value="" />
							<!-- 人员选择列表 -->
							<template v-if="search!=null && search!=''">
								<ul class="mui-table-view" id="sp_userList">
									<template v-for="user in users">
										<template v-if="multiple=='y'">
											<li class="mui-table-view-cell mui-checkbox mui-left check_user">
												<input name="radio1" type="checkbox" class="sp_checkbox" :checked="user.checked" :value="user.id">
												<input type="hidden" class="sp_id" :value="user.id">
												<input class="sp_name" type="hidden" :value="user.name">
												<div class="Task-rwxq-xdwp">
													{{user.texts}}
												</div>
											</li>
										</template>
										<template v-else>
											<li class="mui-table-view-cell mui-radio mui-left check_user">
												<input name="radio1" type="radio" class="sp_radio" :checked="user.checked" :value="user.id">
												<input type="hidden" class="sp_id" :value="user.id">
												<input class="sp_name" type="hidden" :value="user.name">
												<div class="Task-rwxq-xdwp">
													{{user.texts}}
												</div>
											</li>
										</template>
									</template>
								</ul>
							</template>
							<template v-else-if="search==null || search==''">
								<template v-for="(dept,index) in depts">
									<a href="#" v-on:click="getParentGroup(dept.id,index)" style="display:inline-block;padding: 8px 0px 0px 16px;font-weight: bold;">
										<label v-if="index > 0">></label> {{dept.name}}
									</a>
								</template>
								<ul class="mui-table-view">
									<li class="mui-table-view-cell" v-for="dept in deptsList">
										<a class="mui-navigate-right" href="javascript:void(0)" v-on:click="getChildGroup(dept.id,dept.text);">{{dept.text}}</a>
									</li>
								</ul>
								<ul class="mui-table-view" id="sp_userList">
									<template v-for="user in users">
										<template v-if="multiple=='y'">
											<li class="mui-table-view-cell mui-checkbox mui-left check_user">
												<input name="radio1" type="checkbox" class="sp_checkbox" :checked="user.checked" :value="user.id">
												<input type="hidden" class="sp_id" :value="user.id">
												<input class="sp_name" type="hidden" :value="user.name">
												<div class="Task-rwxq-xdwp">
													{{user.texts}}
												</div>
											</li>
										</template>
										<template v-else>
											<li class="mui-table-view-cell mui-radio mui-left check_user">
												<input name="radio1" type="radio" class="sp_radio" :checked="user.checked" :value="user.id">
												<input type="hidden" class="sp_id" :value="user.id">
												<input class="sp_name" type="hidden" :value="user.name">
												<div class="Task-rwxq-xdwp">
													{{user.texts}}
												</div>
											</li>
										</template>
									</template>
								</ul>
							</template>
						</div>
					</div>
				</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.searchUserSelect.js"></script>
		<script src="../../../js/dj/flow/flow_start2.js"></script>
		<script type="text/javascript">
			var old_back = mui.back;
			mui.back = function(obj) {
				if(obj == 1) {
					old_back();
					plus.nativeUI.closeWaiting();
				} else {
					var btn = ["确定", "取消"];
					mui.confirm('确认关闭当前窗口？', '退出', btn, function(e) {
						if(e.index == 0) {
							mui.currentWebview.close();
						}
					});
				}

			}

			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>