外出审批/详情/出差审批/详情

src/assets/css/xpwyfyy.css

@@ -1379,22 +1379,11 @@ h3 {
 	border-radius: 0 0 2px 2px;
 }
 
-.vongi-wordcard-sp .mui-slider-group .mui-slider-item {
-	background: #ffffff;
-}
-
 .vongi-wordcard-sp .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
 	background: 0;
 }
 
-.vongi-wordcard-sp .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
-	border-bottom: 2px solid #ffffff;
-}
 
-.vongi-wordcard-sp .mui-segmented-control.mui-scroll-wrapper,
-.vongi-wordcard-sp .mui-segmented-control.mui-scroll-wrapper .mui-scroll {
-	height: 46px;
-}
 
 .vongi-wordcard-sp .mui-media-object {
 	width: 42px;
@@ -1430,9 +1419,11 @@ h3 {
 .vongi-wordcard-sp .mui-input-row a {
 	color: #333;
 	display: block;
-	background: #eee;
+	background: #ffffff;
 	padding: 10px;
-	margin: 10px 10px 10px 50px
+	margin: 10px 10px 0 50px;
+	border-top-left-radius: 5px;
+	border-bottom-left-radius: 5px;
 }
 
 .vongi-wordcard-sp .mui-input-row a .mui-media-body {
@@ -1519,7 +1510,6 @@ h3 {
 .vongi-wordcard-sp .mui-slider-item .mui-btn-danger,
 .vongi-wordcard-sp .mui-slider-item .mui-btn-success {
 	padding: 2px 10px;
-	margin-right: 35px
 }
 
 .vongi-wordcard-sp .mui-slider-item .mui-h6 {
@@ -1538,8 +1528,7 @@ h3 {
 	border-radius: 4px;
 }
 
-.vongi-wordcard-sp .mui-table-view-cell:after,
-.vongi-wordcard-sp .mui-segmented-control.mui-scroll-wrapper .mui-scroll {
+.vongi-wordcard-sp .mui-table-view-cell:after{
 	background: 0
 }
 
@@ -1556,10 +1545,6 @@ h3 {
 	background-color: rgba(0, 0, 0, .8);
 }
 
-.vongi-wordcard-sp .mui-table-view-cell>a:not(.mui-btn) {
-	padding: 11px 0
-}
-
 .vongi-work .vongi-qingjia li {
 	margin-bottom: 10px
 }
@@ -4114,3 +4099,24 @@ h3 {
 .vongi-slot{
 	background:#ffffff
 }
+.vongi-wordcard-sp .vongi-cchai .mui-slider-item .mui-h6 {
+    margin-right: 0;
+}
+.vongi-cchai .mui-input-row p{
+	padding-right:0
+}
+.vongi-cchai .mui-btn{
+	width:auto;
+	padding:2px 10px;
+	line-height: inherit;
+	font-size:12px
+}
+.vongi-cchai .mui-btn-primary{
+	border: 1px solid #3385FF;
+}
+.vongi-cchai h4{
+	margin-bottom:10px
+}
+.vongi-cchai .mui-table-view-chevron .mui-table-view-cell > a:not(.mui-btn){
+	padding:15px
+}

src/projects/business/views/Master/BusinessTravel/VerifyInfo.vue

@@ -1,6 +1,79 @@
 <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">
+			<div class="mui-content-padded vongi-wordcard-top">
+				<div class="mui-media-object mui-pull-left">
+					<img src="~$project/assets/img/zhaop1.jpg">
+				</div>
+				<div class="mui-media-body">
+					冯银银
+					<p class='mui-ellipsis'><span class="color4fc5f7">出差</span>申请</p>
+				</div>
+				<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">
+					待处理
+				</button>
+			</div>
+			<div class="mui-content-padded vongi-wordcard-center">
+				<ul class="mui-table-view">
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">申请类型</div>
+						<span>出差</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">所在部门</div>
+						<span>信息工程中心</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">出差地点</div>
+						<span>湖南长沙</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">出差时间</div>
+						<span>2020-04-19</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">预估天数</div>
+						<span>2天</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">出差事由</div>
+						<span>去长沙沟通设备调试问题</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">申请单编号</div>
+						<span>00000000</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">申请时间</div>
+						<span>2020-11-26 09:00</span>
+					</li>
+				</ul>
+			</div>
+			<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</h4>
+						<p>高进权 <span class="color4fc5f7">待处理</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>
 

src/projects/business/views/Master/BusinessTravel/VerifyList.vue

@@ -1,6 +1,104 @@
 <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 vongi-cchai">
+					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
+						<div id="scroll1" class="mui-scroll-wrapper vongi-over-hei">
+							<div class="mui-scroll">
+								<form class="mui-input-group fyy-checkbox">
+									<div class="mui-input-row mui-checkbox mui-left">
+										<a href="">
+											<h4>赵刚的出差申请<span class="mui-h6 mui-pull-right">10-17</span></h4>
+											<p class='mui-ellipsis'>出差事由:去长沙沟通设备调试问题</p>
+											<p class='mui-ellipsis flew-items flew-sp'>
+												预估天数:2天
+												<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">审批中</button>
+											</p>
+										</a>
+										<input name="checkbox" value="Item 1" type="checkbox" checked>
+									</div>
+									<div class="mui-input-row mui-checkbox mui-left">
+										<a href="">
+											<h4>赵刚的出差申请<span class="mui-h6 mui-pull-right">10-17</span></h4>
+											<p class='mui-ellipsis'>出差事由:去长沙沟通设备调试问题</p>
+											<p class='mui-ellipsis flew-items flew-sp'>
+												预估天数:2天
+												<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">审批中</button>
+											</p>
+										</a>
+										<input name="checkbox" value="Item 1" type="checkbox">
+									</div>
+									<div class="mui-input-row mui-checkbox mui-left">
+										<a href="">
+											<h4>赵刚的出差申请<span class="mui-h6 mui-pull-right">10-17</span></h4>
+											<p class='mui-ellipsis'>出差事由:去长沙沟通设备调试问题</p>
+											<p class='mui-ellipsis flew-items flew-sp'>
+												预估天数:2天
+												<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">审批中</button>
+											</p>
+										</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="">
+											<h4>赵刚的出差申请<span class="mui-h6 mui-pull-right">10-17</span></h4>
+											<p class='mui-ellipsis'>出差事由:去长沙沟通设备调试问题</p>
+											<p class='mui-ellipsis flew-items flew-sp'>
+												预估天数:2天
+												<button type="button" class="mui-btn mui-btn-success mui-btn-outlined">已通过</button>
+											</p>
+										</a>
+									</li>
+									<li class="mui-table-view-cell mui-media">
+										<a href="">
+											<h4>赵刚的出差申请<span class="mui-h6 mui-pull-right">10-17</span></h4>
+											<p class='mui-ellipsis'>出差事由:去长沙沟通设备调试问题去长沙沟通设备调试问题去长沙沟通设备调试问题</p>
+											<p class='mui-ellipsis flew-items flew-sp'>
+												预估天数:2天
+												<button type="button" class="mui-btn mui-btn-danger mui-btn-outlined">已拒绝</button>
+											</p>
+										</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>
 </template>
 

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

@@ -1,6 +1,79 @@
 <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">
+			<div class="mui-content-padded vongi-wordcard-top">
+				<div class="mui-media-object mui-pull-left">
+					<img src="~$project/assets/img/zhaop1.jpg">
+				</div>
+				<div class="mui-media-body">
+					冯银银
+					<p class='mui-ellipsis'><span class="color4fc5f7">外出</span>申请</p>
+				</div>
+				<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">
+					待处理
+				</button>
+			</div>
+			<div class="mui-content-padded vongi-wordcard-center">
+				<ul class="mui-table-view">
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">申请类型</div>
+						<span>外出</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">所在部门</div>
+						<span>信息工程中心</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">外出地点</div>
+						<span>湖南长沙</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">外出日期</div>
+						<span>2020-04-19</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">预估时长</div>
+						<span>2天</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">外出事由</div>
+						<span>去长沙沟通设备调试问题</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">申请单编号</div>
+						<span>00000000</span>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<div class="mui-media-body">申请时间</div>
+						<span>2020-11-26 09:00</span>
+					</li>
+				</ul>
+			</div>
+			<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</h4>
+						<p>高进权 <span class="color4fc5f7">待处理</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>
 

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

@@ -1,6 +1,104 @@
 <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 vongi-cchai">
+					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
+						<div id="scroll1" class="mui-scroll-wrapper vongi-over-hei">
+							<div class="mui-scroll">
+								<form class="mui-input-group fyy-checkbox">
+									<div class="mui-input-row mui-checkbox mui-left">
+										<a href="">
+											<h4>赵刚的外出申请<span class="mui-h6 mui-pull-right">10-17</span></h4>
+											<p class='mui-ellipsis'>外出事由:去长沙沟通设备调试问题</p>
+											<p class='mui-ellipsis flew-items flew-sp'>
+												预估时长:2天
+												<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">审批中</button>
+											</p>
+										</a>
+										<input name="checkbox" value="Item 1" type="checkbox" checked>
+									</div>
+									<div class="mui-input-row mui-checkbox mui-left">
+										<a href="">
+											<h4>赵刚的外出申请<span class="mui-h6 mui-pull-right">10-17</span></h4>
+											<p class='mui-ellipsis'>外出事由:去长沙沟通设备调试问题</p>
+											<p class='mui-ellipsis flew-items flew-sp'>
+												预估时长:2天
+												<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">审批中</button>
+											</p>
+										</a>
+										<input name="checkbox" value="Item 1" type="checkbox">
+									</div>
+									<div class="mui-input-row mui-checkbox mui-left">
+										<a href="">
+											<h4>赵刚的外出申请<span class="mui-h6 mui-pull-right">10-17</span></h4>
+											<p class='mui-ellipsis'>外出事由:去长沙沟通设备调试问题</p>
+											<p class='mui-ellipsis flew-items flew-sp'>
+												预估时长:2天
+												<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">审批中</button>
+											</p>
+										</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="">
+											<h4>赵刚的外出申请<span class="mui-h6 mui-pull-right">10-17</span></h4>
+											<p class='mui-ellipsis'>外出事由:去长沙沟通设备调试问题</p>
+											<p class='mui-ellipsis flew-items flew-sp'>
+												预估时长:2天
+												<button type="button" class="mui-btn mui-btn-success mui-btn-outlined">已通过</button>
+											</p>
+										</a>
+									</li>
+									<li class="mui-table-view-cell mui-media">
+										<a href="">
+											<h4>赵刚的外出申请<span class="mui-h6 mui-pull-right">10-17</span></h4>
+											<p class='mui-ellipsis'>外出事由:去长沙沟通设备调试问题去长沙沟通设备调试问题去长沙沟通设备调试问题</p>
+											<p class='mui-ellipsis flew-items flew-sp'>
+												预估时长:2天
+												<button type="button" class="mui-btn mui-btn-danger mui-btn-outlined">已拒绝</button>
+											</p>
+										</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>
 </template>