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

src/assets/css/xpwyfyy.css

@@ -106,9 +106,11 @@ body {
 	display: flex;
 	align-items: center;
 }
-.vongi-bagfff{
-	background:#ffffff
+
+.vongi-bagfff {
+	background: #ffffff
 }
+
 .clamp-two {
 	white-space: normal;
 	overflow: hidden;
@@ -293,7 +295,7 @@ body {
 		height: 150px;
 	}
 	.vongi-kqtj-time {
-		font-size:50%
+		font-size: 50%
 	}
 }
 
@@ -474,9 +476,11 @@ body {
 	width: 100%;
 	padding: 10px 15px;
 }
-.fyy-footer button{
-	font-size:16px
+
+.fyy-footer button {
+	font-size: 16px
 }
+
 .fyy-footer .bindfyy-btn {
 	width: 100%;
 	margin: 0 auto
@@ -1278,10 +1282,12 @@ h3 {
 	margin-right: 10px;
 	border: 1px #eee solid;
 }
-.vongi-yuan-img68 .mui-media-object{
+
+.vongi-yuan-img68 .mui-media-object {
 	width: 68px;
 	height: 68px;
 }
+
 .vongi-wordcard .mui-media-object img {
 	width: 100%;
 	object-fit: cover;
@@ -1513,11 +1519,13 @@ 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
+	margin-right: 35px
 }
-.vongi-wordcard-sp .mui-slider-item .mui-h6{
-	margin-right:35px
+
+.vongi-wordcard-sp .mui-slider-item .mui-h6 {
+	margin-right: 35px
 }
+
 .vongi-wordcard-sp .mui-table-view {
 	background: 0;
 	padding: 10px
@@ -3839,18 +3847,19 @@ h3 {
 .vongi-wordcard-sp .mui-media-object.vongi-buka img {
 	height: 42px
 }
-.vongi-edit{
-	position:absolute;
-	left:0;
-	right:0;
-	bottom:0;
-	top:44px;
-	
-	background:#ffffff
+
+.vongi-edit {
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	top: 44px;
+	background: #ffffff
 }
-.vongi-edit textarea{
-	height:100%;
-	padding:15px 15px 32px;
+
+.vongi-edit textarea {
+	height: 100%;
+	padding: 15px 15px 32px;
 }
 
 .vongi-edit-footer {
@@ -3876,154 +3885,232 @@ h3 {
 	display: block;
 }
 
-.vongi-sqhd-list p{
-	margin-top:15px
+.vongi-sqhd-list p {
+	margin-top: 15px
 }
-.vongi-sqhd-list .mui-card{
-	margin-top:5px
+
+.vongi-sqhd-list .mui-card {
+	margin-top: 5px
 }
+
 .vongi-sqhd-list .mui-card,
-.vongi-sqhd-list .mui-card-footer{
+.vongi-sqhd-list .mui-card-footer {
 	display: block;
 }
-.vongi-sqhd-list .mui-card-footer{
-	padding:0 40px 0 15px;
+
+.vongi-sqhd-list .mui-card-footer {
+	padding: 0 40px 0 15px;
 	line-height: 44px;
-	color:#101010
+	color: #101010
 }
-.vongi-sqhd-list .mui-card-content-inner{
-	height:128px;
+
+.vongi-sqhd-list .mui-card-content-inner {
+	height: 128px;
 	overflow: hidden;
 }
 
-.mui-table-view .mui-table-view-cell .vongi-lodtext{
+.mui-table-view .mui-table-view-cell .vongi-lodtext {
 	text-align: center;
-	padding:0;
-	color:#3385FF;
-	font-size:12px;
-	width:100%;
-	margin:0
+	padding: 0;
+	color: #3385FF;
+	font-size: 12px;
+	width: 100%;
+	margin: 0
 }
-.vongi-lodtext .iconfont{
-	font-size:12px;
-	margin-left:5px
+
+.vongi-lodtext .iconfont {
+	font-size: 12px;
+	margin-left: 5px
 }
-.vongi-bread{
+
+.vongi-bread {
 	display: -webkit-box;
-    overflow-x: scroll;  
-	padding:10px
-}
-
- .vongi-bread a{
- 	padding:0 5px;
- 	display: block;
- }
- .vongi-fpbm .mui-radio  {
- 	width:80%;
- 	padding:11px 5px 11px 38px
- } 
- .vongi-fpbm .mui-radio.mui-left input{
- 	left:0;
- 	margin-right:5px
- }  
- .vongi-fpbm .mui-table-view-cell{
- 	padding:0 15px
- }
- 
- .vongi-yjbtn button{
- 	border-radius:18px
- }
-.vongi-fpbm .mui-table-view-cell .color4fc5f7{
-	color:#3385FF
-}
-.vongi-fpbm .mui-table-view-cell .color999{
-	color:#999
-}
-.vongi-kqtj-center .mui-content-padded .iconfont{
-	margin-right:5px
-}
-.vongi-kqtj-bot{
-	position:fixed;
-	bottom:0;
-	margin:0;
-	width:100%
-}
-.vongi-kqtj-center .vongi-archives .mui-table-view-cell > a:not(.mui-btn){
-	width:100%;
+	overflow-x: scroll;
+	padding: 10px
+}
+
+.vongi-bread a {
+	padding: 0 5px;
+	display: block;
+}
+
+.vongi-fpbm .mui-radio {
+	width: 80%;
+	padding: 11px 5px 11px 38px
+}
+
+.vongi-fpbm .mui-radio.mui-left input {
+	left: 0;
+	margin-right: 5px
+}
+
+.vongi-fpbm .mui-table-view-cell {
+	padding: 0 15px
+}
+
+.vongi-yjbtn button {
+	border-radius: 18px
+}
+
+.vongi-fpbm .mui-table-view-cell .color4fc5f7 {
+	color: #3385FF
+}
+
+.vongi-fpbm .mui-table-view-cell .color999 {
+	color: #999
+}
+
+.vongi-kqtj-center .mui-content-padded .iconfont {
+	margin-right: 5px
+}
+
+.vongi-kqtj-bot {
+	position: fixed;
+	bottom: 0;
+	margin: 0;
+	width: 100%
+}
+
+.vongi-kqtj-center .vongi-archives .mui-table-view-cell>a:not(.mui-btn) {
+	width: 100%;
 	margin-left: 0;
 	padding: 10px 0;
 }
+
 .vongi-kqtj-center .vongi-archives li a h4,
-.vongi-kqtj-center .vongi-archives li a .mui-pull-right{
+.vongi-kqtj-center .vongi-archives li a .mui-pull-right {
 	line-height: 21px;
-	margin:0
+	margin: 0
 }
-.vongi-kqtj-center .vongi-archives li a h4 span{
-	margin-left:5px
+
+.vongi-kqtj-center .vongi-archives li a h4 span {
+	margin-left: 5px
 }
-.vongi-kqtj-center .vongi-archives li .mui-navigate-right::after, 
-.vongi-kqtj-center .vongi-archives li .mui-push-right::after{
-	right:0
+
+.vongi-kqtj-center .vongi-archives li .mui-navigate-right::after,
+.vongi-kqtj-center .vongi-archives li .mui-push-right::after {
+	right: 0
 }
-.margin77{
-	margin-bottom:77px
+
+.margin77 {
+	margin-bottom: 77px
 }
+
 .vongi-kqtj-bot .vongi-clasadmin-ma,
-.vongi-kqtj-list .vongi-clasadmin-m{
-	position:relative
+.vongi-kqtj-list .vongi-clasadmin-m {
+	position: relative
 }
+
 .vongi-kqtj-bot .vongi-clasadmin-ma:after,
-.vongi-kqtj-list .vongi-clasadmin-ma:after{
+.vongi-kqtj-list .vongi-clasadmin-ma:after {
 	content: "";
-	height:30px;
-	width:1px;
-	background:#eee;
-	position:absolute;
-	right:0;
-	top:50%;
-	margin-top:-15px
+	height: 30px;
+	width: 1px;
+	background: #eee;
+	position: absolute;
+	right: 0;
+	top: 50%;
+	margin-top: -15px
 }
+
 .vongi-kqtj-bot .vongi-clasadmin-ma:last-child:after,
-.vongi-kqtj-list .vongi-clasadmin-ma:last-child:after{
-	width:0
+.vongi-kqtj-list .vongi-clasadmin-ma:last-child:after {
+	width: 0
 }
-.vongi-kqtj-bot .vongi-clasadmin-list{
-	padding:10px 0
+
+.vongi-kqtj-bot .vongi-clasadmin-list {
+	padding: 10px 0
 }
-.vongi-bagfff .vongi-xzdw-search input{
-	background:#eee;
+
+.vongi-bagfff .vongi-xzdw-search input {
+	background: #eee;
 	border-radius: 17px;
 }
-.vongi-bagfff .vongi-xzdw-search{
-	padding:10px 15px;
-	border-bottom: 1px #eee solid;	
+
+.vongi-bagfff .vongi-xzdw-search {
+	padding: 10px 15px;
+	border-bottom: 1px #eee solid;
 }
-.vongi-bagfff .vongi-xzdw-search .mui-icon-search{
-	left:25px
+
+.vongi-bagfff .vongi-xzdw-search .mui-icon-search {
+	left: 25px
 }
-.vongi-kqtj-time{
-	margin-left:5px;
+
+.vongi-kqtj-time {
+	margin-left: 5px;
 }
-.vongi-kqtj-list .mui-card{
-	margin:0;
+
+.vongi-kqtj-list .mui-card {
+	margin: 0;
 	box-shadow: initial;
-	margin-bottom:10px
+	margin-bottom: 10px
 }
-.vongi-kqtj-list .mui-card-content-inner{
-	padding:10px 0
+
+.vongi-kqtj-list .mui-card-content-inner {
+	padding: 10px 0
 }
-.vongi-kqtj-list .mui-card-content-inner .mui-navigate-right{
-	position:relative;
-	padding-right:15px
+
+.vongi-kqtj-list .mui-card-content-inner .mui-navigate-right {
+	position: relative;
+	padding-right: 15px
 }
-.vongi-kqtj-list .mui-card-content-inner a:after{
-	right:0
+
+.vongi-kqtj-list .mui-card-content-inner a:after {
+	right: 0
 }
-.vongi-kqtj-list .mui-card-content-inner a .iconfont{
-	font-size:14px;
-	margin-right:3px
+
+.vongi-kqtj-list .mui-card-content-inner a .iconfont {
+	font-size: 14px;
+	margin-right: 3px
 }
-.vongi-kqtj-list .mui-card-header button{
+
+.vongi-kqtj-list .mui-card-header button {
 	border-radius: 15px;
-	padding:3px 15px
+	padding: 3px 15px
+}
+
+.vongi-slot-block:before {
+	content: '';
+	position: absolute;
+	height: 28px;
+	width: 1px;
+	background: #999;
+	left: 30px;
+	bottom: -14px;
+}
+
+.vongi-slot-block:last-child:before {
+	height: 0px;
+}
+
+.vongi-slot-block {
+	position: relative;
+	padding: 15px
+}
+
+.vongi-slot-img {
+	position: absolute;
+	top: 50%;
+	left: 10px;
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	margin-top: -20px;
+	overflow: hidden;
+}
+
+.vongi-slot-img img {
+	display: block;
+	width: 100%;
+	height: 100%;
+	position: relative;
+	left: 0;
+	top: 0;
+}
+
+.vongi-slot-content {
+	margin-left: 45px;
+}
+.vongi-slot{
+	background:#ffffff
 }

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

@@ -1,8 +1,59 @@
 <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>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

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

@@ -1,8 +1,80 @@
 <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="vongi-slot">
+					<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 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="colorfe616c">拒绝</span></p>
+						</div>
+					</div>
+				</div>
+			</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

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

@@ -1,8 +1,64 @@
 <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>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

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

@@ -1,8 +1,13 @@
 <template>
+<div>
+
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

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

@@ -1,8 +1,13 @@
 <template>
+<div>
+
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

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

@@ -1,8 +1,13 @@
 <template>
+<div>
+
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

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

@@ -1,8 +1,13 @@
 <template>
+<div>
+
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

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

@@ -1,8 +1,13 @@
 <template>
+<div>
+
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

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

@@ -1,8 +1,13 @@
 <template>
+<div>
+
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

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

@@ -1,8 +1,13 @@
 <template>
+<div>
+
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>