外出申请记录/详情/表单

src/projects/business/views/Master/Egress/Form.vue

@@ -1,6 +1,52 @@
 <template>
 <div>
-
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">员工外出办事登记表</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content margin60">
+			<div class="mui-content-padded vongi-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label><i class="colorfe616c">*</i> 外出地点</label>
+						<input type="text" class="mui-input-clear" placeholder="请填写城市名称">
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label><i class="colorfe616c">*</i> 外出日期</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right mui-ellipsis" type='button' style="width:65%">
+							2020-10-27
+						</button>
+					</div>
+					<div class="mui-input-row">
+						<label><i class="colorfe616c">*</i> 预估时长</label>
+						<input type="text" class="mui-input-clear" placeholder="请填写天数">
+					</div>
+				</form>
+			</div>
+			<div class="vongi-meform-pho mui-content-padded">
+				<h4><i class="colorfe616c">*</i> 外出事由</h4>
+				<div class="mui-input-row">
+					<textarea id="textarea" rows="5" placeholder="请填写病因"></textarea>
+				</div>
+			</div>
+			<div class="mui-content-padded vongi-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label><i class="colorfe616c">*</i> 审批人</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right mui-ellipsis" type='button' style="width:65%">
+							请选择
+						</button>
+					</div>
+				</form>
+			</div>
+		</div>
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary ">保  存</button></div>
+		</div>
 </div>
 </template>
 

src/projects/business/views/Master/Egress/Info.vue

@@ -1,6 +1,67 @@
 <template>
 <div>
-
+    <header class="mui-bar mui-bar-nav">
+				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+				<h1 class="mui-title">详情</h1>
+			</header>
+			<div class="mui-content vongi-qingjiadt">
+				<div class="vongi-qingjiadt-head flew-sp">
+					<div class="flew-items">
+						<div class="flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
+						<h4>郭麒麟 申请 <span class="color4fc5f7">外出</span></h4>
+					</div>
+					<button class="mui-btn  mui-btn-primary mui-btn-outlined">审批中</button>
+					<!--<button class="mui-btn  mui-btn-danger mui-btn-outlined">已拒绝</button>
+					<button class="mui-btn  mui-btn-success mui-btn-outlined">已批准</button>-->
+				</div>
+				<form class="mui-input-group margin10">
+					<div class="mui-input-row">
+						<label>所属部门</label>
+						<span>信息工程中心-软件研发部</span>
+					</div>
+					<div class="mui-input-row">
+						<label>外出地点</label>
+						<span>湖南长沙</span>
+					</div>
+					<div class="mui-input-row">
+						<label>外出日期</label>
+						<span>2020-11-28</span>
+					</div>
+					<div class="mui-input-row">
+						<label>预估时长</label>
+						<span>2天</span>
+					</div>
+					<div class="mui-input-row">
+						<label>外出事由</label>
+						<span>去长沙沟通设备调试问题</span>
+					</div>
+					<div class="mui-input-row">
+						<label>申请单编号</label>
+						<span>00000000</span>
+					</div>
+					<div class="mui-input-row">
+						<label>申请时间</label>
+						<span>2020-04-27 12:00:00</span>
+					</div>
+				</form>				
+				<div class="mui-content-padded">
+					<h5>审核记录</h5>
+				</div>
+				<form class="mui-input-group margin10">
+					<div class="mui-input-row">
+						<label>审批人</label>
+						<span>王后雄</span>
+					</div>
+					<div class="mui-input-row">
+						<label>审核意见</label>
+						<span>同意</span>
+					</div>
+					<div class="mui-input-row">
+						<label>审核时间</label>
+						<span>2020-04-28 10:00:00</span>
+					</div>
+				</form>
+			</div>
 </div>
 </template>
 

src/projects/business/views/Master/Egress/List.vue

@@ -1,6 +1,57 @@
 <template>
 <div>
-
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">外出申请记录</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content vongi-hdsq">
+			<div class="mui-slider-group">
+				<ul class="mui-table-view">
+					<li class="mui-table-view-cell">
+						<a href="">
+							<div class="mui-media-body flew-sp">
+								外出地点:长沙
+								<span class='mui-ellipsis mui-h6'>11-28 09:00</span>
+							</div>
+							<p class='mui-ellipsis'>外出事由:去长沙沟通设备调试问题</p>
+							<p class='flew-sp flew-items'>
+								预估时长:2天
+								<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">审批中</button>
+							</p>
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a href="">
+							<div class="mui-media-body flew-sp">
+								外出地点:长沙
+								<span class='mui-ellipsis mui-h6'>11-28 09:00</span>
+							</div>
+							<p class='mui-ellipsis'>外出事由:去长沙沟通设备调试问题</p>
+							<p class='flew-sp flew-items'>
+								预估时长:2天
+								<button type="button" class="mui-btn mui-btn-success mui-btn-outlined">已通过</button>
+							</p>
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a href="">
+							<div class="mui-media-body flew-sp">
+								外出地点:长沙
+								<span class='mui-ellipsis mui-h6'>11-28 09:00</span>
+							</div>
+							<p class='mui-ellipsis'>外出事由:去长沙沟通设备调试问题</p>
+							<p class='flew-sp flew-items'>
+								预估时长:2天
+								<button type="button" class="mui-btn mui-btn-danger mui-btn-outlined">已拒绝</button>
+							</p>
+						</a>
+					</li>
+				</ul>
+			</div>
+		</div>
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary ">填写外出申请单</button></div>
+		</div>
 </div>
 </template>