From eb295c5c65b040deac874ecd8b06133be6539c84 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期四, 09 五月 2024 13:39:41 +0800
Subject: [PATCH] staff

---
 h5/pages.json                              |  566 +++++++++++----------
 h5/pages/staff/visitorReport.vue           |  674 +++++++++++++++++++++++++
 h5/static/staff/ic_yinhuansuipai.png       |    0 
 h5/static/staff/ic_yuyuehuiyishi.png       |    0 
 h5/static/staff/ic_huiyishiguanli.png      |    0 
 h5/pages/changePassword/changePassword.vue |   19 
 h5/pages/staff/index.vue                   |  252 +++++++++
 h5/static/staff/ic_fangkebaobei.png        |    0 
 h5/static/staff/ic_renwuzhongxin.png       |    0 
 h5/static/staff/ic_yongcheshenqing.png     |    0 
 h5/static/staff/ic_wodehuiyi.png           |    0 
 h5/static/staff/ic_xiugaimima.png          |    0 
 h5/App.vue                                 |   20 
 h5/static/staff/ic_paichejilu.png          |    0 
 14 files changed, 1,244 insertions(+), 287 deletions(-)

diff --git a/h5/App.vue b/h5/App.vue
index 9a4107c..a659c7f 100644
--- a/h5/App.vue
+++ b/h5/App.vue
@@ -157,5 +157,25 @@
 			/* font-size: 58rpx; */
 			/* border-radius: 50%; */
 		}
+		
+		// 
+		
+		view{
+			box-sizing: border-box;
+		}
+		image{
+			box-sizing: border-box;
+			margin: 0;
+			display: flex;
+		}
+		.main_app{
+			padding: 0 30rpx;
+		}
+		.mr24{
+			margin-right: 24rpx;
+		}
+		.mr12{
+			margin-right: 12rpx;
+		}
 
 </style>
diff --git a/h5/pages.json b/h5/pages.json
index 7e1654f..746c74e 100644
--- a/h5/pages.json
+++ b/h5/pages.json
@@ -1,279 +1,291 @@
-{
-	"easycom": {
-		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
-	},
-	"pages": [
-		{
-			"path": "pages/notice/notice",
-			"style": {
-				"navigationBarTitleText": "鍏ュ洯椤荤煡",
-				"enablePullDownRefresh": false,
-				"navigationStyle": "custom"
-			}
+{
+	"easycom": {
+		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+	},
+	"pages": [{
+			"path": "pages/notice/notice",
+			"style": {
+				"navigationBarTitleText": "鍏ュ洯椤荤煡",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "璁垮涓績",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/login/login",
+			"style": {
+				"navigationBarTitleText": "鐧诲綍",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/answer/answer",
+			"style": {
+				"navigationBarTitleText": "绛旈",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/userinfo/userinfo",
+			"style": {
+				"navigationBarTitleText": "涓汉淇℃伅",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/visitorApplication/visitorApplication",
+			"style": {
+				"navigationBarTitleText": "璁垮鐢宠",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+		},
+		{
+			"path": "pages/visitorApproval/visitorApproval",
+			"style": {
+				"navigationBarTitleText": "璁垮瀹℃壒",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/visitorSubGuide/index",
+			"style": {
+				"navigationBarTitleText": "棰勭害鎸囧崡",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/laborApplication/laborApplication",
+			"style": {
+				"navigationBarTitleText": "鍔冲姟鐢宠",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/applicationRecord/applicationRecord",
+			"style": {
+				"navigationBarTitleText": "鐢宠璁板綍",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/personnel/personnel",
+			"style": {
+				"navigationBarTitleText": "浜哄憳绠$悊",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/newPersonnel/newPersonnel",
+			"style": {
+				"navigationBarTitleText": "鏂板浜哄憳",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/changePassword/changePassword",
+			"style": {
+				"navigationBarTitleText": "淇敼瀵嗙爜",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/appointmentDetails/appointmentDetails",
+			"style": {
+				"navigationBarTitleText": "棰勭害璇︽儏",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/cropping/cropping",
+			"style": {
+				"navigationBarTitleText": "鍥剧墖瑁佸壀",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+		},
+		// 浼氳瀹� 
+		{
+			"path": "pages/meeting/index/index",
+			"style": {
+				"navigationStyle": "custom",
+				"mp-alipay": {
+					"transparentTitle": "always",
+					"titlePenetrate": "YES"
+				},
+				"app-plus": {
+					"bounce": "none"
+				}
+			}
+		},
+		{
+			"path": "pages/meeting/mine/mine",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTextStyle": "white",
+				"navigationBarTitleText": "鎴戠殑",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/meeting/login/login",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "鐧诲綍",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/meeting/personal/personal",
+			"style": {
+				"navigationBarTitleText": "涓汉璧勬枡",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/meeting/myAppointment/myAppointment",
+			"style": {
+				"navigationBarTitleText": "鎴戦绾︾殑浼氳瀹�",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/meeting/manage/manage",
+			"style": {
+				"navigationBarTitleText": "鎴戠鐞嗙殑浼氳瀹�",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/meeting/changePassword/changePassword",
+			"style": {
+				"navigationBarTitleText": "淇敼瀵嗙爜",
+				"enablePullDownRefresh": false
+			}
 		},
-		{
-			"path": "pages/index/index",
-			"style": {
-				"navigationBarTitleText": "璁垮涓績",
-				"enablePullDownRefresh": false
-			}
+		{
+			"path": "pages/staff/index",
+			"style": {
+				"navigationBarTitleText": "瀹夋嘲鐗╂祦",
+				"enablePullDownRefresh": false
+			}
+
 		},
-		{
-			"path": "pages/login/login",
-			"style": {
-				"navigationBarTitleText": "鐧诲綍",
-				"enablePullDownRefresh": false,
-				"navigationStyle": "custom"
-			}
-		},
-		{
-			"path": "pages/answer/answer",
-			"style": {
-				"navigationBarTitleText": "绛旈",
-				"enablePullDownRefresh": false,
-				"navigationStyle": "custom"
-			}
-		},
-		{
-			"path": "pages/userinfo/userinfo",
-			"style": {
-				"navigationBarTitleText": "涓汉淇℃伅",
-				"enablePullDownRefresh": false,
-				"navigationStyle": "custom"
-			}
-		},
-		{
-			"path": "pages/visitorApplication/visitorApplication",
-			"style": {
-				"navigationBarTitleText": "璁垮鐢宠",
-				"enablePullDownRefresh": false,
-				"navigationStyle": "custom"
-			}
-		},
-		{
-			"path": "pages/visitorApproval/visitorApproval",
-			"style": {
-				"navigationBarTitleText": "璁垮瀹℃壒",
-				"enablePullDownRefresh": false
-			}
-		},
-		{
-			"path": "pages/visitorSubGuide/index",
-			"style": {
-				"navigationBarTitleText": "棰勭害鎸囧崡",
-				"enablePullDownRefresh": false
-			}
-		},
-		{
-			"path": "pages/laborApplication/laborApplication",
-			"style": {
-				"navigationBarTitleText": "鍔冲姟鐢宠",
-				"enablePullDownRefresh": false
-			}
-		},
-		{
-			"path": "pages/applicationRecord/applicationRecord",
-			"style": {
-				"navigationBarTitleText": "鐢宠璁板綍",
-				"enablePullDownRefresh": false
-			}
-		},
-		{
-			"path": "pages/personnel/personnel",
-			"style": {
-				"navigationBarTitleText": "浜哄憳绠$悊",
-				"enablePullDownRefresh": false
-			}
-		},
-		{
-			"path": "pages/newPersonnel/newPersonnel",
-			"style": {
-				"navigationBarTitleText": "鏂板浜哄憳",
-				"enablePullDownRefresh": false
-			}
-		},
-		{
-			"path": "pages/changePassword/changePassword",
-			"style": {
-				"navigationBarTitleText": "淇敼瀵嗙爜",
-				"enablePullDownRefresh": false
-			}
-		},
-		{
-			"path": "pages/appointmentDetails/appointmentDetails",
-			"style": {
-				"navigationBarTitleText": "棰勭害璇︽儏",
-				"enablePullDownRefresh": false
-			}
-		},
-		{
-			"path": "pages/cropping/cropping",
-			"style": {
-				"navigationBarTitleText": "鍥剧墖瑁佸壀",
-				"enablePullDownRefresh": false,
-				"navigationStyle": "custom"
-			}
-		},
-		// 浼氳瀹� 
-		{
-			"path": "pages/meeting/index/index",
-			"style": {
-				"navigationStyle": "custom",
-				"mp-alipay": {
-					"transparentTitle": "always",
-					"titlePenetrate": "YES"
-				},
-				"app-plus": {
-					"bounce": "none"
-				}
-			}
-		},
-		{
-			"path": "pages/meeting/mine/mine",
-			"style": {
-				"navigationStyle": "custom",
-				"navigationBarTextStyle": "white",
-				"navigationBarTitleText": "鎴戠殑",
-				"enablePullDownRefresh": false
-			}
-		},
-		{
-			"path": "pages/meeting/login/login",
-			"style": {
-				"navigationStyle": "custom",
-				"navigationBarTitleText": "鐧诲綍",
-				"enablePullDownRefresh": false
-			}
-		},
-		{
-			"path": "pages/meeting/personal/personal",
-			"style": {
-				"navigationBarTitleText": "涓汉璧勬枡",
-				"enablePullDownRefresh": false
-			}
-		},
-		{
-			"path": "pages/meeting/myAppointment/myAppointment",
-			"style": {
-				"navigationBarTitleText": "鎴戦绾︾殑浼氳瀹�",
-				"enablePullDownRefresh": false
-			}
-		},
-		{
-			"path": "pages/meeting/manage/manage",
-			"style": {
-				"navigationBarTitleText": "鎴戠鐞嗙殑浼氳瀹�",
-				"enablePullDownRefresh": false
-			}
-		},
-		{
-			"path": "pages/meeting/changePassword/changePassword",
-			"style": {
-				"navigationBarTitleText": "淇敼瀵嗙爜",
-				"enablePullDownRefresh": false
-			}
-		}
-	],
-	"subPackages": [
-		{
-			"root": "n_pages",
-			"pages": [
-				{
-					"path": "login/login",
-					"style": {
-						"navigationBarTitleText": "鐧诲綍",
-						"enablePullDownRefresh": false,
-						"navigationStyle": "custom"
-					}
-				},
-				{
-					"path": "index/index",
-					"style": {
-						"navigationBarTitleText": "鍗庢櫉鏂拌兘婧�",
-						"enablePullDownRefresh": false,
-						"navigationStyle": "custom"
-					}
-				},
-				{
-					"path": "applicationRecord/applicationRecord",
-					"style": {
-						"navigationBarTitleText": "鐢宠璁板綍",
-						"enablePullDownRefresh": false,
-						"navigationStyle": "custom"
-					}
-				},
-				{
-					"path": "visitorApproval/visitorApproval",
-					"style": {
-						"navigationBarTitleText": "璁垮瀹℃壒",
-						"enablePullDownRefresh": false,
-						"navigationStyle": "custom"
-					}
-				},
-				{
-					"path": "visitorApplication/visitorApplication",
-					"style": {
-						"navigationBarTitleText": "璁垮鐢宠",
-						"enablePullDownRefresh": false,
-						"navigationStyle": "custom"
-					}
-				}
-			]
-		},
-		{
-			"root": "packagesMine",
-			"name": "mine",
-			"pages": [
-				{
-					"path": "notice/notice",
-					"style": {
-						"navigationBarTitleText": "閫氱煡",
-						"enablePullDownRefresh": false
-					}
-				},
-				{
-					"path": "notificationDetails/notificationDetails",
-					"style": {
-						"navigationBarTitleText": "閫氱煡璇︽儏",
-						"enablePullDownRefresh": false
-					}
-				},
-				{
-					"path": "meetingDetails/meetingDetails",
-					"style": {
-						"navigationBarTitleText": "浼氳璇︽儏",
-						"enablePullDownRefresh": false
-					}
-				},
-				{
-					"path": "reservation/reservation",
-					"style": {
-						"navigationBarTitleText": "棰勭害",
-						"enablePullDownRefresh": false
-					}
-				},
-				{
-					"path": "confirmAppointment/confirmAppointment",
-					"style": {
-						"navigationBarTitleText": "纭棰勭害",
-						"enablePullDownRefresh": false
-					}
-				},
-				{
-					"path": "selectPersonnel/selectPersonnel",
-					"style": {
-						"navigationBarTitleText": "閫夋嫨浜哄憳",
-						"enablePullDownRefresh": false
-					}
-				}
-			]
-		}
-	],
-	"globalStyle": {
-		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "",
-		"navigationBarBackgroundColor": "#ffffff",
-		"backgroundColor": "#ffffff"
-	},
-	"uniIdRouter": {}
-}
\ No newline at end of file
+		{
+			"path": "pages/staff/visitorReport",
+			"style": {
+				"navigationBarTitleText": "璁垮鎶ュ",
+				"enablePullDownRefresh": false
+			}
+
+		}
+	],
+	"subPackages": [{
+			"root": "n_pages",
+			"pages": [{
+					"path": "login/login",
+					"style": {
+						"navigationBarTitleText": "鐧诲綍",
+						"enablePullDownRefresh": false,
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "index/index",
+					"style": {
+						"navigationBarTitleText": "鍗庢櫉鏂拌兘婧�",
+						"enablePullDownRefresh": false,
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "applicationRecord/applicationRecord",
+					"style": {
+						"navigationBarTitleText": "鐢宠璁板綍",
+						"enablePullDownRefresh": false,
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "visitorApproval/visitorApproval",
+					"style": {
+						"navigationBarTitleText": "璁垮瀹℃壒",
+						"enablePullDownRefresh": false,
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "visitorApplication/visitorApplication",
+					"style": {
+						"navigationBarTitleText": "璁垮鐢宠",
+						"enablePullDownRefresh": false,
+						"navigationStyle": "custom"
+					}
+				}
+			]
+		},
+		{
+			"root": "packagesMine",
+			"name": "mine",
+			"pages": [{
+					"path": "notice/notice",
+					"style": {
+						"navigationBarTitleText": "閫氱煡",
+						"enablePullDownRefresh": false
+					}
+				},
+				{
+					"path": "notificationDetails/notificationDetails",
+					"style": {
+						"navigationBarTitleText": "閫氱煡璇︽儏",
+						"enablePullDownRefresh": false
+					}
+				},
+				{
+					"path": "meetingDetails/meetingDetails",
+					"style": {
+						"navigationBarTitleText": "浼氳璇︽儏",
+						"enablePullDownRefresh": false
+					}
+				},
+				{
+					"path": "reservation/reservation",
+					"style": {
+						"navigationBarTitleText": "棰勭害",
+						"enablePullDownRefresh": false
+					}
+				},
+				{
+					"path": "confirmAppointment/confirmAppointment",
+					"style": {
+						"navigationBarTitleText": "纭棰勭害",
+						"enablePullDownRefresh": false
+					}
+				},
+				{
+					"path": "selectPersonnel/selectPersonnel",
+					"style": {
+						"navigationBarTitleText": "閫夋嫨浜哄憳",
+						"enablePullDownRefresh": false
+					}
+				}
+			]
+		}
+	],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "",
+		"navigationBarBackgroundColor": "#ffffff",
+		"backgroundColor": "#ffffff"
+	},
+	"uniIdRouter": {}
+}
diff --git a/h5/pages/changePassword/changePassword.vue b/h5/pages/changePassword/changePassword.vue
index f79f54c..af61ae5 100644
--- a/h5/pages/changePassword/changePassword.vue
+++ b/h5/pages/changePassword/changePassword.vue
@@ -1,9 +1,5 @@
 <template>
 	<view class="box">
-		<view class="box_tips">
-			<image src="@/static/ic_tip@2x.png" mode="widthFix"></image>
-			<text>濡傞仐蹇樺瘑鐮侊紝璇疯仈绯诲洯鍖虹郴缁熺鐞嗗憳閲嶇疆</text>
-		</view>
 		<view class="list">
 			<view class="list_item">
 				<view class="list_item_label">
@@ -20,7 +16,7 @@
 					<text>*</text>
 				</view>
 				<view class="list_item_content">
-					<input type="number" maxlength="11" placeholder="璇疯緭鍏�6-18浣嶆暟瀛椼�佸瓧姣嶇粍鍚堟柊瀵嗙爜" placeholder-style="color: #999999;" />
+					<input type="number" maxlength="11" placeholder="璇疯緭鍏�6-18浣嶆暟瀛椼�佸瓧姣嶇粍鍚�" placeholder-style="color: #999999;" />
 				</view>
 			</view>
 			<view class="list_item">
@@ -29,9 +25,13 @@
 					<text>*</text>
 				</view>
 				<view class="list_item_content">
-					<input type="number" maxlength="11" placeholder="璇疯緭鍏�6-18浣嶆暟瀛椼�佸瓧姣嶇粍鍚堟柊瀵嗙爜" placeholder-style="color: #999999;" />
+					<input type="number" maxlength="11" placeholder="璇峰啀杈撲竴娆℃柊瀵嗙爜" placeholder-style="color: #999999;" />
 				</view>
 			</view>
+		</view>
+		<view class="box_tips">
+			<u-icon name="info-circle" class="mr12" color="#4d99a8"></u-icon>
+			<text>濡傚瘑鐮侀仐蹇橈紝璇疯仈绯诲洯鍖虹郴缁熺鐞嗗憳閲嶇疆</text>
 		</view>
 		<view class="footer-box">
 			<view class="submit-button">鎻愪氦</view>
@@ -70,7 +70,7 @@
 			text {
 				font-size: 26rpx;
 				font-weight: 400;
-				color: #E0312A;
+				color: #4c99a7;
 			}
 		}
 		.list {
@@ -135,8 +135,7 @@
 		}
 		.footer-box {
 			width: 100%;
-			position: fixed;
-			bottom: 30rpx;
+			margin-top: 48rpx;
 			height: 80rpx;
 			display: flex;
 			justify-content: center;
@@ -145,7 +144,7 @@
 				width: calc(100% - 60rpx);
 				height: 88rpx;
 				line-height: 88rpx;
-				background: #025eef;
+				background: #4d99a8;
 				border-radius: 4rpx;
 				color: #fff;
 				border-radius: 44rpx;
diff --git a/h5/pages/staff/index.vue b/h5/pages/staff/index.vue
new file mode 100644
index 0000000..6c0a388
--- /dev/null
+++ b/h5/pages/staff/index.vue
@@ -0,0 +1,252 @@
+<template>
+	<view class="main_app">
+		<view class="title_wrap">
+			<view class="name">鏌愭煇鏌愶紝娆㈣繋鐧诲綍锝�</view>
+			<view class="btn" @click="loginOut">閫�鍑虹櫥褰�</view>
+		</view>
+		<view class="banner_wrap">
+			<view class="h1">瀹夋嘲鐗╂祦</view>
+			<view class="h2">瀹夊叏閲嶄簬娉板北 鏈嶅姟杩芥眰鍗撹秺</view>
+			<image class="banner" src="../../static/banner.jpg" mode="widthFix"></image>
+		</view>
+		<view class="title_wrap"><view class="name">涓氬姟鍔炵悊</view></view>
+		<view class="container1">
+			<view class="left">
+				<view class="img_wrap img1">
+					<image src="@/static/staff/ic_fangkebaobei.png" class="img"></image>
+					<view class="h1">璁垮鎶ュ</view>
+					<view class="h2">VISITOR REPORTING</view>
+				</view>
+				<view class="img_wrap img2">
+					<image src="@/static/staff/ic_yuyuehuiyishi.png" class="img"></image>
+					<view class="h1">棰勭害浼氳瀹�</view>
+					<view class="h2">BOOK A MEETING ROOM</view>
+				</view>
+			</view>
+			<view class="right">
+				<view class="img_wrap img2">
+					<image src="@/static/staff/ic_yinhuansuipai.png" class="img"></image>
+					<view class="h1">闅愭偅闅忔墜鎷�</view>
+					<view class="h2">HIDDEN DANGER</view>
+				</view>
+				<view class="img_wrap img2">
+					<image src="@/static/staff/ic_yongcheshenqing.png" class="img"></image>
+					<view class="h1">鐢ㄨ溅鐢宠</view>
+					<view class="h2">VEHICLE APPLICATION</view>
+				</view>
+				<view class="img_wrap img2">
+					<image src="@/static/staff/ic_xiugaimima.png" class="img"></image>
+					<view class="h1">淇敼瀵嗙爜</view>
+					<view class="h2">CHANGE PASSWORD</view>
+				</view>
+			</view>
+		</view>
+		<!--  -->
+		<view class="title_wrap"><view class="name">涓氬姟鏌ヨ</view></view>
+		<view class="container2">
+			<view class="img_wrap">
+				<image class="img" src="@/static/staff/ic_renwuzhongxin.png"></image>
+				<view class="h1">浠诲姟涓績</view>
+				<view class="h2">TASK CENTER</view>
+				<view class="task_num">99+</view>
+			</view>
+			<view class="img_wrap">
+				<image class="img" src="@/static/staff/ic_wodehuiyi.png"></image>
+				<view class="h1">鎴戠殑浼氳鏃ュ巻</view>
+				<view class="h2">MY MEETING CALENDAR</view>
+			</view>
+			<view class="img_wrap">
+				<image class="img" src="@/static/staff/ic_paichejilu.png"></image>
+				<view class="h1">娲捐溅璁板綍</view>
+				<view class="h2">VEHICLE DISPATCH</view>
+			</view>
+			<view class="img_wrap">
+				<image class="img" src="@/static/staff/ic_huiyishiguanli.png"></image>
+				<view class="h1">浼氳瀹ょ鐞�</view>
+				<view class="h2">MANAGE MEETING ROOMS</view>
+			</view>
+		</view>
+		<view class="copyright">
+			<image src="@/static/logo_s@2x.png" mode="widthFix" />
+			<text>瀹夊窘瀹夋嘲鐗╂祦鏈夐檺璐d换鍏徃鐗堟潈鎵�鏈�</text>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {};
+	},
+	methods: {
+		jump(path){
+			uni.navigateTo({
+				url: path
+			});
+		},
+		loginOut() {
+			uni.clearStorageSync()
+			uni.redirectTo({
+				url: '/pages/login/login'
+			})
+		},
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.title_wrap {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 24rpx;
+	.name {
+		font-weight: 500;
+		font-size: 34rpx;
+		color: #222222;
+	}
+	.btn {
+		width: 144rpx;
+		height: 56rpx;
+		border-radius: 36rpx;
+		border: 1rpx solid #279baa;
+		font-size: 26rpx;
+		color: #279baa;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+}
+.main_app {
+	padding-top: 12rpx;
+}
+.banner_wrap {
+	padding: 54rpx 44rpx;
+	color: #fff;
+	position: relative;
+	width: 688rpx;
+	height: 270rpx;
+	margin-bottom: 40rpx;
+	.h1 {
+		font-weight: bold;
+		line-height: 66rpx;
+		font-size: 44rpx;
+		margin-bottom: 14rpx;
+	}
+	.banner {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		z-index: -1;
+	}
+}
+.container1 {
+	display: flex;
+	flex-wrap: wrap;
+	view {
+		width: 336rpx;
+	}
+	.left {
+		margin-right: 18rpx;
+	}
+	.img_wrap {
+		position: relative;
+		padding: 24rpx 0rpx 0 28rpx;
+		border-radius: 8rpx;
+		overflow: hidden;
+		.h1 {
+			font-weight: 500;
+			font-size: 32rpx;
+			color: #222222;
+			line-height: 48rpx;
+			margin-bottom: 4rpx;
+		}
+		.h2 {
+			font-size: 22rpx;
+			color: #7b9da1;
+			line-height: 34rpx;
+		}
+		.img {
+			width: 100%;
+			height: 100%;
+			position: absolute;
+			top: 0;
+			left: 0;
+			z-index: -1;
+		}
+	}
+	.img1 {
+		width: 336rpx;
+		height: 296rpx;
+		margin-bottom: 16rpx;
+	}
+	.img2 {
+		width: 336rpx;
+		height: 140rpx;
+		margin-bottom: 16rpx;
+	}
+}
+.container2 {
+	display: flex;
+	flex-wrap: wrap;
+	.img_wrap {
+		width: 336rpx;
+		height: 140rpx;
+		margin-bottom: 16rpx;
+		position: relative;
+		border-radius: 8rpx;
+		overflow: hidden;
+		padding: 24rpx 0rpx 0 28rpx;
+		&:nth-of-type(2n) {
+			margin-left: 18rpx;
+		}
+		.task_num{
+			position: absolute;
+			left: 164rpx;
+			top: 20rpx;
+			width: 60rpx;
+			height: 48rpx;
+			border-radius: 50%;
+			background-color: #fff;
+			color: #db534c;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			font-size: 24rpx
+		}
+		.h1 {
+			font-weight: 500;
+			font-size: 32rpx;
+			color: #222222;
+			line-height: 48rpx;
+			margin-bottom: 4rpx;
+		}
+		.h2 {
+			font-size: 22rpx;
+			color: #7b9da1;
+			line-height: 34rpx;
+		}
+		.img {
+			width: 100%;
+			height: 100%;
+			position: absolute;
+			top: 0;
+			left: 0;
+			z-index: -1;
+		}
+	}
+}
+.copyright {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin-top: 44rpx;
+	font-size: 24rpx;
+	color: #666666;
+	image {
+		width: 40rpx;
+		height: 40rpx;
+	}
+}
+</style>
diff --git a/h5/pages/staff/visitorReport.vue b/h5/pages/staff/visitorReport.vue
new file mode 100644
index 0000000..f13cb68
--- /dev/null
+++ b/h5/pages/staff/visitorReport.vue
@@ -0,0 +1,674 @@
+<template>
+	<view class="visit">
+		<view class="list">
+			<view class="list_item">
+				<view class="list_item_label">
+					<text>*</text>
+					<text>琚浜哄鍚�</text>
+				</view>
+				<view class="list_item_content"><input type="text" placeholder="璇疯緭鍏ュ鍚�" v-model="form1.receptMemberName" @blur="getUser" placeholder-style="color: #999999;" /></view>
+			</view>
+			<view class="list_item">
+				<view class="list_item_label">
+					<text>*</text>
+					<text>鍏ュ巶鏃堕棿</text>
+				</view>
+				<view class="list_item_content" @click="show4 = true">
+					<text :style="{ color: form1.starttime ? '#000000' : '' }">{{ form1.starttime ? form1.starttime : '璇烽�夋嫨' }}</text>
+					<u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
+				</view>
+			</view>
+			<view class="list_item">
+				<view class="list_item_label">
+					<text>*</text>
+					<text>绂诲巶鏃堕棿</text>
+				</view>
+				<view class="list_item_content" @click="openLC">
+					<text :style="{ color: form1.endtime ? '#000000' : '' }">{{ form1.endtime ? form1.endtime : '璇烽�夋嫨' }}</text>
+					<u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
+				</view>
+			</view>
+			<div class="empty"></div>
+			<view class="list_item">
+				<view class="list_item_label">
+					<text>*</text>
+					<text>鑱旂郴浜�</text>
+				</view>
+				<view class="list_item_content"><input type="text" v-model="form1.reason" placeholder="璇疯緭鍏ヨ仈绯讳汉濮撳悕" placeholder-style="color: #999999;" /></view>
+			</view>
+			<view class="list_item">
+				<view class="list_item_label">
+					<text>*</text>
+					<text>鎵嬫満鍙�</text>
+				</view>
+				<view class="list_item_content">
+					<input
+						type="number"
+						maxlength="11"
+						v-model="form1.phone1"
+						:placeholder="'璇疯緭鍏ヨ仈绯讳汉鎵嬫満鍙�'"
+						placeholder-style="color: #999999;"
+					/>
+				</view>
+			</view>
+			<view class="list_item">
+				<view class="list_item_label">
+					<text>*</text>
+					<text>鏉ヨ鍗曚綅</text>
+				</view>
+				<view class="list_item_content"><input type="text" v-model="form1.reason" placeholder="璇疯緭鍏ユ潵璁垮崟浣嶇殑鍏ㄧО" placeholder-style="color: #999999;" /></view>
+			</view>
+			<view class="list_item">
+				<view class="list_item_label">
+					<text>*</text>
+					<text>鍏ュ洯杞﹁締</text>
+				</view>
+				<view class="list_item_content" @click="openInput(1)">
+					<text :style="{ color: form1.carNos ? '#000000' : '' }">{{ form1.carNos ? form1.carNos : '璇疯緭鍏ヨ溅鐗屽彿鐮�' }}</text>
+					<!-- <input type="text" placeholder="璇疯緭鍏ヨ溅鐗屽彿" v-model="form1.carNos" maxlength="8" placeholder-style="color: #999999;" /> -->
+				</view>
+			</view>
+			<view class="list_item">
+				<view class="list_item_label">
+					<text>*</text>
+					<text>闅忚溅浜烘暟</text>
+				</view>
+				<view class="list_item_content"><input type="text" v-model="form1.reason" placeholder="璇疯緭鍏ラ殢杞︿汉鍛樻�绘暟" placeholder-style="color: #999999;" /></view>
+			</view>
+			<view class="list_item">
+				<view class="list_item_label">
+					<text>*</text>
+					<text>鏉ヨ浜嬬敱</text>
+				</view>
+				<view class="list_item_content"><input type="text" v-model="form1.reason" placeholder="璇疯緭鍏ユ潵璁夸簨鐢�" placeholder-style="color: #999999;" /></view>
+			</view>
+		</view>
+		<view class="zw"></view>
+		<view class="footer"><view class="footer_btn" @click="submit">鎻愪氦</view></view>
+		<!-- 鍏ュ満鏃堕棿 -->
+		<u-datetime-picker :show="show4" :minDate="new Date().getTime()" mode="datetime" @cancel="show4 = false" @confirm="setinDate"></u-datetime-picker>
+		<!-- 绂诲満鏃堕棿 -->
+		<u-datetime-picker
+			v-if="form1.starttime"
+			:show="show5"
+			:minDate="formatTimeStamp(form1.starttime)"
+			:maxDate="formatTimeStamp(maxTime)"
+			mode="datetime"
+			@cancel="show5 = false"
+			@confirm="setoutDate"
+		></u-datetime-picker>
+		<!-- 杞﹁締 -->
+		<u-popup :show="show2" :round="10" :safeAreaInsetBottom="true" :closeable="true" mode="bottom" @close="show2 = false">
+			<view class="addcar">
+				<view class="addcar_head">娣诲姞杞﹁締</view>
+				<view class="addcar_ipt"><input type="text" v-model="carName" placeholder="璇疯緭鍏ヨ溅鐗屽彿" /></view>
+				<view class="addcar_footer">
+					<view class="addcar_footer_item" @click="show2 = false">鍙栨秷</view>
+					<view class="addcar_footer_item t" @click="submitCart">鎻愪氦</view>
+				</view>
+			</view>
+		</u-popup>
+		<u-picker keyName="name" :show="show6" :columns="columns1" @confirm="seleIdcard" @cancel="show6 = false"></u-picker>
+		<!-- <tly-picture-cut ref="tlyPictureCut" :pictureSrc="photoSrc" @createImg="uploadImg"></tly-picture-cut> -->
+		<keyboardInput ref="keyboard" @export="setPlate" @close="closeInput" />
+		<qf-image-cropper ref="cropper" :width="280" :height="280" :radius="30" @crop="uploadImg"></qf-image-cropper>
+	</view>
+</template>
+
+<script>
+import tlyPictureCut from '@/components/tly-picture-cut/tlyPictureCut.vue';
+import keyboardInput from '@/components/keyboard-input/keyboard-input.vue';
+import QfImageCropper from '@/uni_modules/qf-image-cropper/components/qf-image-cropper/qf-image-cropper.vue';
+import { getDaysAfterDate } from '@/utils/utils.js';
+export default {
+	data() {
+		return {
+			photoSrc: '',
+			type: '',
+			inputType: '',
+			show1: false,
+			show2: false,
+			show4: false,
+			show5: false,
+			show6: false,
+			show7: false,
+			fileList: [],
+			columns1: [[{ name: '韬唤璇�', id: 0 }, { name: '娓境璇佷欢', id: 1 }, { name: '鎶ょ収', id: 2 }]],
+			columnsNames: [[{ name: '寮犱笁', id: 0 }, { name: '寮犱笁', id: 1 }, { name: '寮犱笁', id: 2 }]],
+			columns: [],
+			cars: [],
+			day: null,
+			maxTime: '',
+			carName: '',
+			personnel: [],
+			userAnswerId: '',
+			form1: {
+				phone1: '',
+				receptMemberId: '',
+				receptMemberName: '',
+				starttime: '',
+				endtime: '',
+				doors: '',
+				doorSelectName: '',
+				reason: '',
+				carNos: ''
+			},
+			withUserList: {
+				name: '',
+				phone: '',
+				idcardType: '',
+				idcardTypeName: '',
+				companyName: '',
+				idcardNo: '',
+				faceImg: '',
+				faceImgUrl: '',
+				imgurl: '',
+				imgurlUrl: ''
+			},
+			visit: '',
+			form: {},
+			accessControl: '',
+			verify: ''
+		};
+	},
+	components: { tlyPictureCut, keyboardInput, QfImageCropper },
+	onLoad(options) {
+		if (options.data) {
+			this.form = JSON.parse(options.data);
+		}
+		// this.getvisit()
+		// this.getVisit1()
+		// this.getUserValid()
+	},
+	methods: {
+		openInput(type) {
+			this.inputType = type;
+			this.$refs.keyboard.open();
+		},
+		setPlate(e) {
+			if (this.inputType === 1) {
+				this.form1.carNos = e;
+			} else if (this.inputType === 2) {
+				this.withUserList.carNos = e;
+			}
+			this.$forceUpdate();
+			this.closeInput();
+		},
+		closeInput() {
+			this.$refs.keyboard.close();
+		},
+		uploadImg(file) {
+			this.$refs.cropper.close();
+			uni.showLoading({ title: '涓婁紶涓�', mask: true });
+			uni.uploadFile({
+				url: `${this.$baseUrl}visitsAdmin/cloudService/web/public/uploadFtp.do`,
+				filePath: file.tempFilePath,
+				name: 'file',
+				formData: {
+					folderCode: 'MEMBER_IMG'
+				},
+				success: uploadFileRes => {
+					let res = JSON.parse(uploadFileRes.data);
+					this.withUserList.faceImg = res.data.halfPath;
+					this.withUserList.faceImgUrl = res.data.prefixPath + res.data.folder + res.data.halfPath;
+				},
+				complete() {
+					uni.hideLoading();
+				}
+			});
+		},
+		submit() {
+			if (!this.form1.receptMemberId)
+				return uni.showToast({
+					title: '璇峰~鍐欐湁鏁堢殑璁块棶浜�',
+					icon: 'none'
+				});
+			if (!this.form1.starttime)
+				return uni.showToast({
+					title: '鍏ュ満鏃堕棿涓嶈兘涓虹┖',
+					icon: 'none'
+				});
+			if (!this.form1.endtime)
+				return uni.showToast({
+					title: '绂诲満鏃堕棿涓嶈兘涓虹┖',
+					icon: 'none'
+				});
+			if (!this.form1.doorSelectName && this.accessControl == 1)
+				return uni.showToast({
+					title: '璁块棶闂ㄧ涓嶈兘涓虹┖',
+					icon: 'none'
+				});
+			if (!this.form1.reason)
+				return uni.showToast({
+					title: '鎷滆浜嬬敱涓嶈兘涓虹┖',
+					icon: 'none'
+				});
+			// this.form1.starttime = this.form1.starttime + ':00'
+			// this.form1.endtime = this.form1.endtime + ':00'
+			let data = JSON.parse(JSON.stringify(this.form1));
+			data.starttime = data.starttime + ':00';
+			data.endtime = data.endtime + ':00';
+			this.$u.api
+				.createFk({
+					...this.form,
+					...data,
+					openid: this.$store.state.openId,
+					withUserList: this.personnel
+				})
+				.then(res => {
+					if (res.code === 200) {
+						uni.reLaunch({
+							url: `/pages/appointmentDetails/appointmentDetails?id=${res.data}`
+						});
+					}
+				});
+		},
+		deleUser(i) {
+			this.personnel.splice(i, 1);
+		},
+		getVisit1() {
+			// 鏄惁闇�瑕佺瓟棰�
+			this.$u.api
+				.getSystemDictData({
+					dictCode: 'SYSTEM',
+					label: 'HEALTH_CARD'
+				})
+				.then(res => {
+					if (res.code === 200) {
+						this.visit = res.data.code;
+					}
+				});
+			// 璧峰鏃堕棿鏃堕暱
+			this.$u.api
+				.getSystemDictData({
+					dictCode: 'VISIT_CONFIG',
+					label: 'VALIDATE_VISIT'
+				})
+				.then(res => {
+					if (res.code === 200) {
+						this.day = Number(res.data.code);
+						// console.log(nextDay('after', true, this.day))
+					}
+				});
+		},
+		upload(type) {
+			this.type = type;
+			if (type === 'faceImg') {
+				this.$refs.cropper.open();
+				return;
+			}
+			uni.chooseImage({
+				success: chooseImageRes => {
+					// if (type === 'faceImg') {
+					// 	this.photoSrc = chooseImageRes.tempFilePaths[0];
+					// 	this.$refs.tlyPictureCut.showPop();
+					// 	return
+					// }
+					uni.showLoading({ title: '涓婁紶涓�', mask: true });
+					for (let i = 0; i < chooseImageRes.tempFilePaths.length; i++) {
+						uni.uploadFile({
+							url: `${this.$baseUrl}visitsAdmin/cloudService/web/public/uploadFtp.do`,
+							filePath: chooseImageRes.tempFilePaths[i],
+							name: 'file',
+							formData: {
+								folderCode: 'MEMBER_IMG'
+							},
+							success: uploadFileRes => {
+								let res = JSON.parse(uploadFileRes.data);
+								if (type === 'faceImg') {
+									this.withUserList.faceImg = res.data.halfPath;
+									this.withUserList.faceImgUrl = res.data.prefixPath + res.data.folder + res.data.halfPath;
+								} else {
+									this.withUserList.imgurl = res.data.halfPath;
+									this.withUserList.imgurlUrl = res.data.prefixPath + res.data.folder + res.data.halfPath;
+								}
+							},
+							complete() {
+								if (i === chooseImageRes.tempFilePaths.length - 1) {
+									uni.hideLoading();
+								}
+							}
+						});
+					}
+				}
+			});
+		},
+		seleIdcard(e) {
+			this.withUserList.idcardType = e.value[0].id;
+			this.withUserList.idcardTypeName = e.value[0].name;
+			this.show6 = false;
+		},
+		submitCart() {
+			if (!this.carName)
+				return uni.showToast({
+					title: '璇疯緭鍏ヨ溅鐗屽彿鐮�',
+					icon: 'none'
+				});
+			this.cars.push(this.carName);
+			this.form1.carNos = this.cars.join(',');
+			this.carName = '';
+			this.show2 = false;
+		},
+		deleCars(i) {
+			this.cars.splice(i, 1);
+			this.form1.carNos = this.cars.join(',');
+		},
+		seleMJ(i) {
+			this.columns.forEach((item, index) => {
+				if (index === i) {
+					item.active = !item.active;
+				}
+			});
+		},
+		openLC() {
+			if (!this.form1.starttime)
+				return uni.showToast({
+					title: '璇峰厛閫夋嫨鍏ュ巶鏃堕棿',
+					icon: 'none'
+				});
+			this.show5 = true;
+		},
+		setinDate(e) {
+			this.form1.starttime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd hh:MM');
+			// this.maxTime = getDaysAfterDate(uni.$u.timeFormat(e.value, 'yyyy-mm-dd hh:MM'), this.day)
+			this.maxTime = this.form1.starttime.slice(0, 11) + '23:59'
+			this.form1.endtime = ''
+			this.show4 = false;
+		},
+		setoutDate(e) {
+			this.form1.endtime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd hh:MM');
+			this.show5 = false;
+		},
+		formatTimeStamp(date) {
+			return Date.parse(new Date(`${date}`)) || Date.parse(new Date(`${date.replace(/-/g, '/')}`));
+		},
+		// 鏌ヨ鐢ㄦ埛
+		getUser() {
+			if (this.verify === '0') {
+				if (this.form1.phone1) {
+					this.$u.api
+						.getVisitedMember({
+							mobile: this.form1.phone1
+						})
+						.then(res => {
+							if (res.code === 200) {
+								this.form1.receptMemberId = res.data.id;
+								this.form1.receptMemberName = res.data.name;
+							}
+						});
+				}
+			} else {
+				if (this.form1.phone1 && this.form1.receptMemberName) {
+					this.$u.api
+						.getVisitedMember({
+							mobile: this.form1.phone1,
+							name: this.form1.receptMemberName
+						})
+						.then(res => {
+							if (res.code === 200) {
+								this.form1.receptMemberId = res.data.id;
+								this.form1.receptMemberName = res.data.name;
+							}
+						});
+				}
+			}
+		},
+		// 琚嫓璁夸汉淇℃伅鏍¢獙鏂瑰紡锛�0鎵嬫満鍙峰崟鐙牎楠� 1鎵嬫満鍙峰拰濮撳悕缁勫悎鏍¢獙锛�
+		getUserValid() {
+			this.$u.api
+				.getSystemDictData({
+					dictCode: 'SYSTEM',
+					label: 'BEVISITED_USER_VALID'
+				})
+				.then(res => {
+					if (res.code === 200) {
+						this.verify = res.data.code;
+					}
+				});
+		},
+		// 鑾峰彇鏄惁闇�瑕侀�夋嫨闂ㄧ/闂ㄧ鍒楄〃
+		getvisit() {
+			this.$u.api
+				.getSystemDictData({
+					dictCode: 'SYSTEM',
+					label: 'SELECT_DOORS_VISIT_REQUIRED'
+				})
+				.then(res => {
+					if (res.code === 200) {
+						this.accessControl = res.data.code;
+						if (res.data.code === '1') {
+							this.$u.api.deviceRoleList({ type: 1 }).then(device => {
+								if (device.code === 200) {
+									if (device.data.length > 0) {
+										device.data.forEach(item => {
+											item.active = false;
+										});
+										this.columns = device.data;
+									}
+								}
+							});
+						}
+					}
+				});
+		}
+	}
+};
+</script>
+<style>
+page {
+	background-color: #f7f7f7 !important;
+}
+.u-upload__button {
+	margin: 0 !important;
+}
+</style>
+<style lang="scss" scoped>
+.visit {
+	width: 100%;
+	padding-top: 10rpx 0;
+	.menjin {
+		width: 100%;
+		.respondent-title {
+			width: 100%;
+			height: 100rpx;
+			line-height: 100rpx;
+			text-align: center;
+			font-size: 32rpx;
+			font-weight: 500;
+			color: #222222;
+		}
+		.list {
+			width: 100%;
+			height: 400rpx;
+			display: flex;
+			flex-direction: column;
+			.list_item {
+				width: 100%;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				text {
+					font-size: 28rpx;
+					color: #000000;
+				}
+				image {
+					width: 30rpx;
+					height: 30rpx;
+				}
+			}
+		}
+		.menjin_footer {
+			width: 100%;
+			padding: 30rpx;
+			box-sizing: border-box;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			.menjin_footer_item {
+				flex: 1;
+				height: 80rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				border-radius: 10rpx;
+				background-color: #025eef;
+				color: #ffffff;
+				font-size: 26rpx;
+				margin-left: 30rpx;
+				&:first-child {
+					margin-left: 0 !important;
+				}
+			}
+		}
+	}
+
+	.addcar {
+		padding: 30rpx;
+		width: 100%;
+		box-sizing: border-box;
+		.addcar_head {
+			text-align: center;
+			font-size: 32rpx;
+			font-family: PingFangSC, PingFang SC;
+			font-weight: 500;
+			color: #222222;
+		}
+		.addcar_ipt {
+			width: 100%;
+			height: 100rpx;
+			line-height: 100rpx;
+			text-align: center;
+			background: #f7f7f7;
+			border-radius: 50rpx;
+			margin-top: 60rpx;
+			input {
+				width: 100%;
+				height: 100%;
+				font-size: 28rpx;
+				font-weight: 400;
+				color: #000000;
+				text-align: center;
+			}
+		}
+		.addcar_footer {
+			width: 100%;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin-top: 60rpx;
+			.t {
+				background: #025eef !important;
+				color: #ffffff !important;
+			}
+			.addcar_footer_item {
+				flex: 1;
+				height: 88rpx;
+				line-height: 88rpx;
+				font-size: 32rpx;
+				font-weight: 400;
+				color: #025eef;
+				text-align: center;
+				border-radius: 44rpx;
+				border: 1rpx solid #025eef;
+				margin-right: 18rpx;
+				&:last-child {
+					margin-right: 0 !important;
+				}
+			}
+		}
+	}
+	.list {
+		width: 100%;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+		background-color: #ffffff;
+		.empty {
+			width: 750rpx;
+			height: 20rpx;
+			background-color: #f7f7f7;
+			margin: 0 -30rpx;
+		}
+		.list_item {
+			width: 100%;
+			// min-height: 98rpx;
+			padding: 30rpx 0;
+			box-sizing: border-box;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			border-bottom: 1rpx solid #e5e5e5;
+
+			.list_item_label {
+				flex-shrink: 0;
+				display: flex;
+				align-items: center;
+
+				text {
+					&:nth-child(2) {
+						font-size: 30rpx;
+						font-weight: 400;
+						color: #222222;
+					}
+
+					&:nth-child(1) {
+						font-size: 30rpx;
+						font-weight: 400;
+						color: #e42d2d;
+					}
+				}
+			}
+
+			.list_item_content {
+				flex: 1;
+				height: 100%;
+				margin-left: 30rpx;
+				display: flex;
+				align-items: center;
+				justify-content: flex-end;
+
+				text {
+					font-size: 28rpx;
+					font-weight: 400;
+					color: #999999;
+					margin-right: 6rpx;
+				}
+
+				input {
+					width: 100%;
+					height: 100%;
+					text-align: right;
+					font-size: 28rpx;
+					font-weight: 400;
+					color: #222222;
+				}
+			}
+		}
+	}
+
+	.zw {
+		width: 100%;
+		height: calc(env(safe-area-inset-bottom) + 118rpx);
+	}
+
+	.footer {
+		width: 100%;
+		padding: 0 30rpx;
+		padding-bottom: env(safe-area-inset-bottom);
+		box-sizing: border-box;
+		position: fixed;
+		left: 0;
+		bottom: 68rpx;
+
+		.footer_btn {
+			width: 100%;
+			height: 88rpx;
+			line-height: 88rpx;
+			text-align: center;
+			background: #4e99a9;
+			border-radius: 44rpx;
+			font-size: 32rpx;
+			color: #ffffff;
+		}
+	}
+}
+</style>
diff --git a/h5/static/staff/ic_fangkebaobei.png b/h5/static/staff/ic_fangkebaobei.png
new file mode 100644
index 0000000..a117de8
--- /dev/null
+++ b/h5/static/staff/ic_fangkebaobei.png
Binary files differ
diff --git a/h5/static/staff/ic_huiyishiguanli.png b/h5/static/staff/ic_huiyishiguanli.png
new file mode 100644
index 0000000..2cad650
--- /dev/null
+++ b/h5/static/staff/ic_huiyishiguanli.png
Binary files differ
diff --git a/h5/static/staff/ic_paichejilu.png b/h5/static/staff/ic_paichejilu.png
new file mode 100644
index 0000000..dce8bb1
--- /dev/null
+++ b/h5/static/staff/ic_paichejilu.png
Binary files differ
diff --git a/h5/static/staff/ic_renwuzhongxin.png b/h5/static/staff/ic_renwuzhongxin.png
new file mode 100644
index 0000000..8bf8119
--- /dev/null
+++ b/h5/static/staff/ic_renwuzhongxin.png
Binary files differ
diff --git a/h5/static/staff/ic_wodehuiyi.png b/h5/static/staff/ic_wodehuiyi.png
new file mode 100644
index 0000000..a4a5c45
--- /dev/null
+++ b/h5/static/staff/ic_wodehuiyi.png
Binary files differ
diff --git a/h5/static/staff/ic_xiugaimima.png b/h5/static/staff/ic_xiugaimima.png
new file mode 100644
index 0000000..a04c92f
--- /dev/null
+++ b/h5/static/staff/ic_xiugaimima.png
Binary files differ
diff --git a/h5/static/staff/ic_yinhuansuipai.png b/h5/static/staff/ic_yinhuansuipai.png
new file mode 100644
index 0000000..d99c9e3
--- /dev/null
+++ b/h5/static/staff/ic_yinhuansuipai.png
Binary files differ
diff --git a/h5/static/staff/ic_yongcheshenqing.png b/h5/static/staff/ic_yongcheshenqing.png
new file mode 100644
index 0000000..4fbcb63
--- /dev/null
+++ b/h5/static/staff/ic_yongcheshenqing.png
Binary files differ
diff --git a/h5/static/staff/ic_yuyuehuiyishi.png b/h5/static/staff/ic_yuyuehuiyishi.png
new file mode 100644
index 0000000..40313fb
--- /dev/null
+++ b/h5/static/staff/ic_yuyuehuiyishi.png
Binary files differ

--
Gitblit v1.9.3