来客接待审核相关页面

src/assets/css/xsy.css

@@ -137,6 +137,34 @@
 .vongi-list-text li{
 	line-height: 2;
 }
+.vongi-sh-row{
+	position:relative;
+	line-height: 2;
+}
+.vongi-wordcard-sp .fyy-checkbox .mui-checkbox.mui-left .vongi-sh-row label,
+.vongi-sh-row label{
+	padding:0;
+	float:left;
+	width:30% 
+}
+.vongi-sh-row span{
+	padding:0 10px;
+	float:left;
+}
+
+.vongi-sh-row h5,
+.vongi-sh-row button{
+	position:absolute;
+	right:0;
+	top:50%;
+	transform: translate(-0%, -50%);
+	-webkit-transform: translate(-0%, -50%);
+	margin:0
+}
+.vongi-qingjiadt-head .flew-items .flew{
+	width: 42px;
+    height: 42px;
+}
 @media (max-width: 320px) {
 	
 }

src/projects/business/views-xsy/TreatApproval/Info.vue

@@ -1,8 +1,92 @@
 <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-qingjiadt">
+			<div class="vongi-qingjiadt-head flew-sp mui-content-padded vongi-wordcard-top">
+				<div class="flew-items">
+					<div class="flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
+					<h4>赵振 申请来客接待进餐</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 mui-content-padded">
+				<div class="mui-input-row">
+						<label>接待部门</label>
+						<span>安全部</span>
+					</div>
+					<div class="mui-input-row">
+						<label>申请日期</label>
+						<span>2021-03-01 星期一</span>
+					</div>
+					<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>11</span>
+					</div>
+					<div class="mui-input-row">
+						<label>陪同人数</label>
+						<span>12</span>
+					</div>
+					<div class="mui-input-row">
+						<label>进餐时间</label>
+						<span>2021-03-01 12:01</span>
+					</div>
+			</form>
+             <form class="mui-input-group mui-content-padded">
+					<div class="mui-input-row">
+						<label>用餐安排</label>
+						<span>午餐</span>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:50%">进餐标准金额(元)</label>
+						<span style="width:50%">1,000.00</span>
+					</div>
+					<div class="mui-input-row">
+						<label>大写</label>
+						<span>壹仟元整</span>
+					</div>
+				</form>
+			<div class="vongi-slot mui-content-padded">
+				<div class="vongi-slot-block">
+					<div class="vongi-slot-img"><img src="~$project/assets/img/02.jpg"></div>
+					<div class="vongi-slot-content">
+						<h4>审批人1<span class="mui-pull-right mui-h5 color999">2020-11-26 13:00</span></h4>
+						<p>高进权 <span class="color55f868">同意</span></p>
+					</div>
+				</div>
+				<div class="vongi-slot-block">
+					<div class="vongi-slot-img"><img src="~$project/assets/img/02.jpg"></div>
+					<div class="vongi-slot-content">
+						<h4>审批人1</h4>
+						<p>高进权 <span class="color4fc5f7">审批中</span></p>
+					</div>
+				</div>
+			</div>
+			<div class="fyy-scon-botton">
+				<div class="examine-btn examine-btn1">拒绝</div>
+				<div class="examine-btn examine-btn2">通过</div>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/iconfont.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/xsy.css"></style>
 <style>
 </style>

src/projects/business/views-xsy/TreatApproval/List.vue

@@ -1,8 +1,142 @@
 <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-wordcard-sp">
+			<div id="slider" class="mui-slider mui-fullscreen vongi-over">
+				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
+					<div class="mui-scroll">
+						<a class="mui-control-item mui-active" href="#item1mobile">
+							<span class="fyy-badge">待处理<span class="mui-badge">5</span></span>
+						</a>
+						<a class="mui-control-item" href="#item2mobile">
+							已处理
+						</a>
+					</div>
+				</div>
+				<div class="mui-slider-group">
+					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
+						<div id="scroll1" class="mui-scroll-wrapper">
+							<div class="mui-scroll">
+								<form class="mui-input-group fyy-checkbox">
+									<div class="mui-input-row mui-checkbox mui-left">
+										<a href="" class="mui-media-body">
+											<div class="vongi-sh-row mui-clearfix">
+												<label>接待部门：</label>
+												<span>安全部</span>
+												<h5 class="color999">10-17 18:00</h5>
+											</div>
+											<div class="vongi-sh-row mui-clearfix">
+												<label>申请人：</label>
+												<span>赵振</span>
+											</div>
+											<div class="vongi-sh-row mui-clearfix">
+												<label>用餐安排：</label>
+												<span>午餐</span>
+											</div>
+										</a>
+										<input name="checkbox" value="Item 1" type="checkbox" checked>
+									</div>
+									<div class="mui-input-row mui-checkbox mui-left">
+										<a href="" class="mui-media-body">
+											<div class="vongi-sh-row mui-clearfix">
+												<label>接待部门：</label>
+												<span>安全部</span>
+												<h5 class="color999">10-17 18:00</h5>
+											</div>
+											<div class="vongi-sh-row mui-clearfix">
+												<label>申请人：</label>
+												<span>赵振</span>
+											</div>
+											<div class="vongi-sh-row mui-clearfix">
+												<label>用餐安排：</label>
+												<span>午餐</span>
+											</div>
+										</a>
+										<input name="checkbox" value="Item 1" type="checkbox">
+									</div>	
+								</form>
+							</div>
+						</div>
+					</div>
+					<div id="item2mobile" class="mui-slider-item mui-control-content">
+						<div class="mui-scroll-wrapper">
+							<div class="mui-scroll">
+								<ul class="mui-table-view mui-table-view-chevron">
+									<li class="mui-table-view-cell mui-media">
+										<a  href="">
+											<div class="vongi-sh-row mui-clearfix">
+												<label>接待部门：</label>
+												<span>安全部</span>
+												<h5 class="color999">10-17 18:00</h5>
+											</div>
+											<div class="vongi-sh-row mui-clearfix">
+												<label>申请人：</label>
+												<span>赵振</span>
+											</div>
+											<div class="vongi-sh-row mui-clearfix">
+												<label>用餐安排：</label>
+												<span>午餐</span>
+												<button type="" class="mui-btn mui-btn-success mui-btn-outlined">已同意</button>
+											</div>
+										</a>
+									</li>
+									<li class="mui-table-view-cell mui-media">
+										<a  href="">
+											<div class="vongi-sh-row mui-clearfix">
+												<label>接待部门：</label>
+												<span>安全部</span>
+												<h5 class="color999">10-17 18:00</h5>
+											</div>
+											<div class="vongi-sh-row mui-clearfix">
+												<label>申请人：</label>
+												<span>赵振</span>
+											</div>
+											<div class="vongi-sh-row mui-clearfix">
+												<label>用餐安排：</label>
+												<span>午餐</span>
+												<button type="" class="mui-btn mui-btn-danger mui-btn-outlined">已同意</button>
+											</div>
+										</a>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="fyy-bindfyy-btn">
+				<form class="mui-input-group">
+					<div class="mui-input-row mui-checkbox mui-left">
+						<label>全选</label>
+						<input name="checkbox" value="Item 1" type="checkbox">
+					</div>
+				</form>
+				<button type="button" class="mui-btn mui-btn-danger">拒绝</button>
+				<button type="button" class="mui-btn mui-btn-success">同意</button>
+			</div>
+		</div>
+		<!--弹窗-->
+		<!-- <div class="mui-popup mui-popup-in vongi-mui-pop" style="display: block;">
+			<div class="mui-popup-inner vongi-pop-inner">
+				<div class="mui-popup-title">审核意见</div>
+				<div class="mui-popup-input">
+					<textarea id="textarea" rows="3" placeholder="可输入审核意见"></textarea>
+				</div>
+			</div>
+			<div class="mui-popup-buttons"><span class="mui-popup-button">取消</span><span class="mui-popup-button mui-popup-button-bold">提交</span></div>
+		</div>
+		<div class="mui-popup-backdrop mui-active" style="display: block;"></div> -->
+</div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/iconfont.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/xsy.css"></style>
 <style>
 </style>