大改

components/header/nav.vue

@@ -1,12 +1,14 @@
 <template>
 	<view class="nav-content">
-		<view class="nav"><view class="log" v-if="navtype" @tap="clickOrder"></view>{{ navname }} <view class="up" v-if="navtypes">关于</view></view>
+		<view class="nav"><view class="log" v-if="navtype" @tap="clickOrder"></view><view class="nav-sech"><view class="secah">CAN</view><view class="input-nav" @tap="test">{{ placeholder }}</view></view></view>
 	</view>
 </template>
 <script>
 	export default {
 		data() {
 			return {
+				searchText: '', //搜索内容
+				placeholder: '请输入航班号或行李号'
 			}
 		},
     props:{
@@ -34,6 +36,16 @@
 		mounted() {
 		},
 		methods: {
+			test(){
+        uni.redirectTo({
+					url: "/pages/search/index"
+				})
+		  },
+
+			//搜索框输入事件
+			inputSearch() {
+				this.$emit('input', this.searchText)
+			},
       clickOrder () {
         this.$emit('fall')
 			}
@@ -44,16 +56,16 @@
 .nav-content{
 	>.nav{
 		width: 100%;
-		height: 4.375rem;
+		height: 2.375rem;
 		display: flex;
 		justify-content: center;
 		align-items: center;
-		padding-top: .9375rem;
-		// background: rgba(49,85,99,1);
+		padding-top: 2.25rem;
 		color: rgb(255, 255, 255);
 		font-family: Noto Sans SC;
 		font-size: 1rem;
 		position: relative;
+		// background: rgba(234, 241, 245,0.2);
 		>.log{
 			width: .375rem;
 			height: .75rem;
@@ -63,6 +75,34 @@
 			background: url('../../static/ico.png') no-repeat;
 			background-size: 100% 100%;
 		}
+		>.nav-sech{
+			width: 18.5625rem;
+      height: 1.875rem;
+			display: flex;
+			align-items: center;
+			background: rgba(234, 241, 245,0.2);
+			border-radius:4px;
+			.secah{
+				width: 3.75rem;
+				height: 80%;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				color: rgb(255, 255, 255);
+				font-family: Noto Sans SC;
+				font-size: 14px;
+				font-weight: 400;
+				border-right: .0625rem solid rgb(255, 255, 255);
+			}
+			.my-input-placeholder{
+				color: rgb(170, 195, 207);
+			}
+			.input-nav{
+				padding-left: .625rem;
+				color: rgb(170, 195, 207);
+			}
+
+		}
 		>.up{
 			position: absolute;
 			right: 1.5rem;

components/header/navs.vue

@@ -0,0 +1,126 @@
+<template>
+	<view class="nav-content">
+		<view class="nav"><view class="log" v-if="navtype" @tap="clickOrder"></view><view class="name">{{ navname }}</view><view class="nav-sech"><view class="secah">CAN</view><view class="input-nav" @tap="test">{{ placeholder }}</view></view></view>
+	</view>
+</template>
+<script>
+	export default {
+		data() {
+			return {
+				searchText: '', //搜索内容
+				placeholder: '请输入航班号或行李号'
+			}
+		},
+    props:{
+			navname:{
+				type:String,
+				default:''
+			},
+			navtype:{
+				type:Boolean,
+				default:true
+			},
+			navtypes:{
+				type:Boolean,
+				default:false
+			}
+		},
+		created(option) {
+		},
+		onLoad(){
+		},
+		onUnload() {
+		},
+		onShow() {
+		},
+		mounted() {
+		},
+		methods: {
+			test(){
+        uni.redirectTo({
+					url: "/pages/search/index"
+				})
+		  },
+
+			//搜索框输入事件
+			inputSearch() {
+				this.$emit('input', this.searchText)
+			},
+      clickOrder () {
+        this.$emit('fall')
+			}
+		},
+	}
+</script>
+<style lang="scss" scoped>
+.nav-content{
+	>.nav{
+		width: 100%;
+		height: 2.375rem;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		padding-top: 2.25rem;
+		color: rgb(255, 255, 255);
+		font-family: Noto Sans SC;
+		font-size: 1rem;
+		position: relative;
+    >.name{
+      width: 4rem;
+      color: rgb(255, 255, 255);
+      font-family: Noto Sans SC;
+      font-size: 16px;
+      font-weight: 500;
+      display: flex;
+      justify-content: center;
+    }
+		// background: rgba(234, 241, 245,0.2);
+		>.log{
+			width: .375rem;
+			height: .75rem;
+			font-size: .75rem;
+			position: absolute;
+			left: 1.5rem;
+			background: url('../../static/ico.png') no-repeat;
+			background-size: 100% 100%;
+		}
+		>.nav-sech{
+			width: 15.5625rem;
+      height: 1.875rem;
+			display: flex;
+			align-items: center;
+			background: rgba(234, 241, 245,0.2);
+			border-radius:4px;
+			.secah{
+				width: 3.75rem;
+				height: 80%;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				color: rgb(255, 255, 255);
+				font-family: Noto Sans SC;
+				font-size: 14px;
+				font-weight: 400;
+				border-right: .0625rem solid rgb(255, 255, 255);
+			}
+			.my-input-placeholder{
+				color: rgb(170, 195, 207);
+			}
+			.input-nav{
+				padding-left: .625rem;
+				color: rgb(170, 195, 207);
+			}
+
+		}
+		>.up{
+			position: absolute;
+			right: 1.5rem;
+			color: rgb(255, 255, 255);
+			font-family: Noto Sans SC;
+			font-size: .875rem;
+			font-weight: 500;
+		}
+	}
+}
+
+</style>

components/mask-model/README.md

@@ -0,0 +1,42 @@
+### 组件开篇
+<h4>可自定义按钮颜色，提示内容及字体颜色，支持微信小程序、app、H5，其他未测试，理论支持，</h4>
+### 使用方法
+```html
+<template>
+	<div>
+		<view class="openModel" @click="showModel">打开弹窗</view>
+		<mask-model ref="showMask" btnType="1" @confirm="confirm" @cancel="cancel" titleColoe="#666666" cancelColor="#666666" confirmColor="#007AFF" :maskTitle="maskTitle"></mask-model>
+	</div>
+</template>
+```
+```javascript
+  <script>
+  	import maskModel from '../../components/mask-model/mask-model.vue'
+  	export default {
+  		components:{
+  			maskModel:maskModel,
+  		},
+  		data() {
+  			return {
+  				maskTitle:'提示语'
+  			}
+  		},
+  		onLoad() {
+  			
+  		},
+  		methods: {
+			confirm:function(e){//确定按钮
+				console.log('您点击了确定按钮');
+			},
+			cancel:function(){//取消按钮
+				console.log('您点击了取消按钮');
+			},
+  			showModel:function(e){//打开询问弹窗
+  				this.$refs.showMask.show();
+  			}
+  		}
+  	}
+  </script>
+```
+
+

components/mask-model/mask-model.vue

@@ -0,0 +1,171 @@
+<template>
+	<view class="mask-model" v-show="showMask">
+		<view class="mask" @click="hide"></view>
+		<view class="model-count">
+			<view class="amen-tit">提示信息</view>
+			<view class="count" :style="{'color':titleColoe}">{{maskTitle}}</view>
+			<button form-type="submit" class="switchBtn" >切换航班</button>
+			<button form-type="submit" class="switchBtn" >强制装载</button>
+			<button form-type="submit" class="eleBtn" @click="hide">取消</button>
+			<!-- <view class="btm-box">
+				<view v-show="btnType==1" class="btn cancel" @click="hide" :style="{'color':cancelColor}">取消</view>
+				<view class="btn confirm" @click="confirm" :style="{'color':confirmColor}">确定</view>
+			</view> -->
+		</view>
+	</view>
+</template>
+<script>
+	export default {
+		props: {
+			maskTitle: {//提示内容
+				type: String,
+				default:'提示消息'
+			},
+			titleColoe:{//提示信息字体颜色
+				type: String,
+				default:'#666666'
+			},
+			confirmColor:{//确定按钮字体颜色
+				type: String,
+				default:'#007AFF'
+			},
+			cancelColor:{//取消按钮字体颜色
+				type: String,
+				default:'#666666'
+			},
+			btnType:{//1显示取消按钮
+				type: String,
+				default:'1'
+			}
+		},
+		data() {
+			return {
+				showMask:false,
+			};
+		},
+		mounted() {
+			
+		},
+		created() {
+
+		},
+		computed: {
+			
+		},
+		methods: {
+			show:function(){
+				this.showMask = true;
+			},
+			hide:function(){
+				this.$emit('cancel');
+				this.showMask = false;
+			},
+			confirm:function(e){
+				this.showMask = false;
+				this.$emit('confirm');
+			},
+		}
+	}
+</script>
+
+<style scoped>
+	.mask-model{
+		position: fixed;
+		width: 100%;
+		height: 100%;
+		left: 0;
+		top: 0;
+		z-index: 999;
+	}
+	.mask-model .mask{
+		width: 100%;
+		height: 100%;
+		background: rgba(0,0,0,0.65);
+	}
+	.switchBtn{
+		width: 11.5rem;
+    height: 2.125rem;
+		background: linear-gradient(179.11deg, rgba(51,161,165,1.00) 1.866%,rgba(59,111,142,1.00) 137.144%,rgba(59,111,142,1.00) 137.144%,rgba(59,111,142,1.00) 137.144%);
+		border-radius:
+		4px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: rgb(255, 255, 255);
+		font-family: Noto Sans SC;
+		font-size: 15px;
+		font-weight: 700;
+		margin-bottom: 1rem;
+	}
+	.eleBtn{
+		width: 11.5rem;
+    height: 2.125rem;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background: rgb(243, 253, 255);
+		border: 1px solid rgb(172, 218, 230);
+		border-radius:
+		4px;
+		color: rgb(59, 150, 159);
+		font-family: Noto Sans SC;
+		font-size: 15px;
+		font-weight: 500;
+	}
+	.model-count{
+		width: 14.5rem;
+		border-radius: 20rpx;
+		background: #FFFFFF;
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%,-50%);
+		z-index: 9;
+		min-height: 360rpx;
+		padding: 1.5rem 0 1.5rem 0;
+		overflow: hidden;
+	}
+	.amen-tit{
+		text-align: center;
+		color: rgb(48, 51, 57);
+		font-family: Noto Sans SC;
+		font-size: 1rem;
+		font-weight: 700;
+		line-height: 80rpx;
+	}
+	.count{
+		/* text-align: center; */
+		/* padding:30rpx; */
+		padding: .625rem 1.5625rem 1.875rem 1.5625rem;
+		color: rgb(106, 113, 125);
+		font-family: Noto Sans SC;
+		font-size: 14px;
+		font-weight: 500;
+		max-height: 300rpx;
+		overflow-y: scroll;
+	}
+	.btm-box{
+		position: absolute;
+		width: 100%;
+		left: 0;
+		bottom: 0;
+		z-index: 9;
+		display: flex;
+		border-top: 1px solid #F5F5F5;
+	}
+	.btm-box .btn{
+		flex: 1;
+		box-sizing: border-box;
+		height: 96rpx;
+		line-height: 96rpx;
+		text-align: center;
+		font-size: 30rpx;
+	}
+	.btm-box .btn.confirm{
+		color: #007AFF;
+	}
+	.btm-box .btn.cancel{
+		color: #666666;
+		border-right: 1px solid #F5F5F5;
+	}
+</style>

components/utils/validate.js

@@ -170,4 +170,31 @@ export function byteToString (arr) {
 }
 export const broadcastScan = {
   // init,
+};
+
+export const Format = (fmt, date) => {
+  let o = {
+    "M+": date.getMonth() + 1, // 月份
+    "d+": date.getDate(), // 日
+    "h+": date.getHours(), // 小时
+    "m+": date.getMinutes(), // 分
+    "s+": date.getSeconds(), // 秒
+    "q+": Math.floor((date.getMonth() + 3) / 3), // 季度
+    S: date.getMilliseconds(), // 毫秒
+  };
+  if (/(y+)/.test(fmt)) {
+    fmt = fmt.replace(
+      RegExp.$1,
+      (date.getFullYear() + "").substr(4 - RegExp.$1.length)
+    );
+  }
+  for (var k in o) {
+    if (new RegExp("(" + k + ")").test(fmt)) {
+      fmt = fmt.replace(
+        RegExp.$1,
+        RegExp.$1.length === 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)
+      );
+    }
+  }
+  return fmt;
 };

pages.json

@@ -1,17 +1,23 @@
 {
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-	{
-		"path": "pages/login/index",
-		"style": {
-			"navigationStyle": "custom"
-		}
-	},
+		{
+			"path": "pages/login/index",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
 		{
 			"path": "pages/index/index",
 			"style": {
 				"navigationBarTitleText": "首页"
 			}
 		},
+		{
+			"path": "pages/flightdetails/index",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
 		{
 			"path": "pages/sorting/index",
 			"style": {

pages/flightdetails/index.vue

@@ -0,0 +1,212 @@
+<template>
+	<view class="app-content">
+		<img :src="icon" alt="" class="tuku">
+    <Nav :navname.sync="navname" :navtype="true" @fall="fall"></Nav>
+    <view class="fight">
+      <view class="fight_card">
+        <p>CTU</p>
+        <span>12:00:00 </span>
+      </view>
+      <view class="fight_card">
+        <p>HU7412</p>
+        <span>2023-02-17</span>
+      </view>
+      <view class="fight_card">
+        <p>CSX</p>
+        <span>14:23:00 </span>
+      </view>
+    </view>
+		<view class="times"><p>{{ newData }}</p>{{ newDataday }}</view>
+		<view class="content">
+      <view class="card">
+				<p>分拣</p>
+				<span>已完成件数</span>
+				<span>50件</span>
+			</view>
+			<view class="card">
+				<p>装车</p>
+				<span>已完成件数</span>
+				<span>50件</span>
+			</view>
+			<view class="card">
+				<p>装机</p>
+				<span>已完成件数</span>
+				<span>50件</span>
+			</view>
+			<view class="card">
+				<p>卸机</p>
+				<span>已完成件数</span>
+				<span>50件</span>
+			</view>
+			<view class="card">
+				<p>到达</p>
+				<span>已完成件数</span>
+				<span>50件</span>
+			</view>
+			<view class="card">
+				<p>提取</p>
+				<span>已完成件数</span>
+				<span>50件</span>
+			</view>
+			<view class="card">
+				<p>异常登记</p>
+				<span>已完成件数</span>
+				<span>50件</span>
+			</view>
+			<view class="card_no">
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	import Nav from '../../components/header/nav.vue'
+	import {allScan, startScan ,stopScan,Format} from '@/components/utils/validate'
+	export default {
+		data() {
+			return {
+				input: '',
+				main: null,
+				poll: null,
+				filter:null,
+				pusher:null,
+				intentServer:null,
+				timeShow: true,
+				arr: [],
+				navname: '首页',
+				icon: 'static/beijing.png',
+				newData: '',
+				newDataday: ''
+			}
+		},
+		created(option) {
+			this.arr = allScan(this.main,this.poll,this.filter)
+			startScan(this.arr[0],this.arr[1],this.arr[2])
+		},
+		onLoad(){
+		},
+		onUnload() {
+		},
+		onShow() {
+		},
+		mounted() {
+			this.datatime()
+		},
+		beforeDestroy() {
+			console.log(this.arr[0],this.arr[1])
+		},
+	components: {
+		Nav
+	},
+		methods: {
+      fall () {
+        uni.redirectTo({
+					url: "/pages/search/index"
+				})
+      },
+			datatime () {
+				this.newDataday = Format("yyyy/MM/dd", new Date());
+				setInterval(() => {
+					this.newData = Format("hh:mm", new Date());
+				}, 1000);
+			},
+			clickOrder (data) {
+				uni.navigateTo({
+					url: "/pages/sorting/index?item=" + encodeURIComponent(JSON.stringify(data))
+				})
+				// uni.navigateTo({
+				// 	url: "/pages/myrecords/index"
+				// })
+			}
+		},
+	}
+</script>
+ 
+<style lang="scss" scoped>
+.app-content{
+	position: relative;
+	>.tuku{
+		position: absolute;
+		z-index: -1;
+		width: 100%;
+		top: 0;
+	}
+  >.fight{
+    padding: 0 3.75rem 0 3.75rem;
+    // height: 3.75rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    margin-top: 1.375rem;
+    >.fight_card{
+      display: flex;
+      flex-direction: column;
+      align-items: start;
+      justify-content: center;
+      >p{
+        color: rgb(255, 255, 255);
+        font-family: Noto Sans SC;
+        font-size: 16px;
+        font-weight: 700;
+      }
+      >span{
+        color: rgb(255, 255, 255);
+        font-family: Noto Sans SC;
+        font-size: 11px;
+        font-weight: 500;
+      }
+    }
+  }
+	>.times{
+		width: 100%;
+    height: 3.6875rem;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: rgb(255, 255, 255);
+		font-family: Noto Sans SC;
+		font-size: 18px;
+		font-weight: 700;
+		p{
+			margin-right: .625rem;
+		}
+	}
+	.content{
+		padding: 0 1.5rem 0 1.5rem;
+		display: flex;
+		justify-content: space-around;
+		flex-wrap: wrap;
+		.card{
+			width: 7.5rem;
+			height: 7.5rem;
+			/* 卡片渐变 */
+			background: linear-gradient(188.06deg, rgba(65.49,109.04,128.64,1.00) 3.551%,rgba(38,68.32,81.96,1.00) 110.878%);
+			box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+			border-radius: 4px;
+			margin-bottom: 2.25rem;
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: center;
+			>p{
+				color: rgb(255, 255, 255);
+				font-family: Noto Sans SC;
+				font-size: 18px;
+				font-weight: 700;
+				margin-bottom: .375rem;
+				line-height: 1.6875rem;
+			}
+			>span{
+				color: rgb(255, 255, 255);
+				font-family: Noto Sans SC;
+				font-size: 13px;
+				font-weight: 500;
+				line-height: 1.1875rem;
+			}
+		}
+		.card_no{
+			width: 7.5rem;
+			height: 7.5rem;
+		}
+	}
+}
+</style>

pages/index/index.vue

@@ -2,50 +2,51 @@
 	<view class="app-content">
 		<img :src="icon" alt="" class="tuku">
     <Nav :navname.sync="navname" :navtype="false" ></Nav>
+		<view class="times"><p>{{ newData }}</p>{{ newDataday }}</view>
 		<view class="content">
-			<view class="card" @tap="clickOrder('分拣')">
-				<view class="card_name">
-					<view class="name">分拣</view>
-					<view class="number">已完成件数 50</view>
-				</view>
-				<view class="card_right"></view>
+      <view class="card" @tap="clickOrder('分拣')">
+				<p>分拣</p>
+				<span>已完成件数</span>
+				<span>50件</span>
 			</view>
-			<view class="card"  @tap="clickOrder('装车')">
-				<view class="card_name">
-					<view class="name">装车</view>
-					<view class="number">已完成件数 50</view>
-				</view>
-				<view class="card_right"></view>
+			<view class="card">
+				<p>装车</p>
+				<span>已完成件数</span>
+				<span>50件</span>
 			</view>
-			<view class="card" @tap="clickOrder('上机')">
-				<view class="card_name">
-					<view class="name">上机</view>
-					<view class="number">已完成件数 50</view>
-				</view>
-				<view class="card_right"></view>
+			<view class="card">
+				<p>装机</p>
+				<span>已完成件数</span>
+				<span>50件</span>
 			</view>
-			<view class="card"  @tap="clickOrder('卸机')">
-				<view class="card_name">
-					<view class="name">卸机</view>
-					<view class="number">已完成件数 50</view>
-				</view>
-				<view class="card_right"></view>
+			<view class="card">
+				<p>卸机</p>
+				<span>已完成件数</span>
+				<span>50件</span>
 			</view>
-			<view class="card" @tap="clickOrder('卸车')">
-				<view class="card_name">
-					<view class="name">卸车</view>
-					<view class="number">已完成件数 50</view>
-				</view>
-				<view class="card_right">
-				</view>
+			<view class="card">
+				<p>到达</p>
+				<span>已完成件数</span>
+				<span>50件</span>
+			</view>
+			<view class="card">
+				<p>提取</p>
+				<span>已完成件数</span>
+				<span>50件</span>
+			</view>
+			<view class="card">
+				<p>异常登记</p>
+				<span>已完成件数</span>
+				<span>50件</span>
+			</view>
+			<view class="card_no">
 			</view>
 		</view>
 	</view>
 </template>
 <script>
 	import Nav from '../../components/header/nav.vue'
-	import {allScan, startScan ,stopScan} from '@/components/utils/validate'
-
+	import {allScan, startScan ,stopScan,Format} from '@/components/utils/validate'
 	export default {
 		data() {
 			return {
@@ -55,9 +56,12 @@
 				filter:null,
 				pusher:null,
 				intentServer:null,
+				timeShow: true,
 				arr: [],
 				navname: '首页',
-				icon: 'static/beijing.png'
+				icon: 'static/beijing.png',
+				newData: '',
+				newDataday: ''
 			}
 		},
 		created(option) {
@@ -71,7 +75,7 @@
 		onShow() {
 		},
 		mounted() {
-			console.log(this.main,this.poll)
+			this.datatime()
 		},
 		beforeDestroy() {
 			console.log(this.arr[0],this.arr[1])
@@ -80,6 +84,12 @@
 		Nav
 	},
 		methods: {
+			datatime () {
+				this.newDataday = Format("yyyy/MM/dd", new Date());
+				setInterval(() => {
+					this.newData = Format("hh:mm", new Date());
+				}, 1000);
+			},
 			clickOrder (data) {
 				uni.navigateTo({
 					url: "/pages/sorting/index?item=" + encodeURIComponent(JSON.stringify(data))
@@ -101,40 +111,57 @@
 		width: 100%;
 		top: 0;
 	}
+	>.times{
+		width: 100%;
+    height: 4.6875rem;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: rgb(255, 255, 255);
+		font-family: Noto Sans SC;
+		font-size: 18px;
+		font-weight: 700;
+		p{
+			margin-right: .625rem;
+		}
+	}
 	.content{
 		padding: 0 1.5rem 0 1.5rem;
+		display: flex;
+		justify-content: space-around;
+		flex-wrap: wrap;
 		.card{
-			width: 100%;
-			height: 5.5rem;
-			background: rgb(37, 121, 160);
+			width: 7.5rem;
+			height: 7.5rem;
+			/* 卡片渐变 */
+			background: linear-gradient(188.06deg, rgba(65.49,109.04,128.64,1.00) 3.551%,rgba(38,68.32,81.96,1.00) 110.878%);
 			box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-      border-radius: 4px;
-			margin-top: .75rem;
+			border-radius: 4px;
+			margin-bottom: 2.25rem;
 			display: flex;
-			justify-content: space-between;
+			flex-direction: column;
+			justify-content: center;
 			align-items: center;
-			>.card_name{
-				margin-left: 1.25rem;
-				>.name{
-					color: rgb(255, 255, 255);
-					font-family: Noto Sans SC;
-					font-size: 24px;
-					margin-bottom: 4px;
-				}
-				>.number{
-					color: rgb(255, 255, 255);
-					font-family: Noto Sans SC;
-					font-size: 13px;
-				}
+			>p{
+				color: rgb(255, 255, 255);
+				font-family: Noto Sans SC;
+				font-size: 18px;
+				font-weight: 700;
+				margin-bottom: .375rem;
+				line-height: 1.6875rem;
 			}
-			>.card_right{
-				margin-right: 2rem;
-				width: 2rem;
-				height: 2rem;
-				background: url('../../static/Icon@1x.png') no-repeat;
-				background-size: 100% 100%;
+			>span{
+				color: rgb(255, 255, 255);
+				font-family: Noto Sans SC;
+				font-size: 13px;
+				font-weight: 500;
+				line-height: 1.1875rem;
 			}
 		}
+		.card_no{
+			width: 7.5rem;
+			height: 7.5rem;
+		}
 	}
 }
 </style>

pages/login/index.vue

@@ -4,7 +4,7 @@
 		<form>
 		<view class="avatorWrapper">
 		</view>
-    <view class="name">系统名称</view>
+    <view class="name">中小型机场手持终端</view>
 		<view class="form">
 			<view class="inputWrapper">
 				<view class="log"></view>
@@ -100,7 +100,7 @@
 		background-size: 100% 100%;
 	}
 	.avatorWrapper{
-		height: 20vh;
+		height: 15vh;
 		width: 100vw;
 		display: flex;
 		justify-content: center;
@@ -115,15 +115,16 @@
 		width: 100%
 	}
 	.name{
-		padding: 0 100upx;
+		/* padding: 0 90upx 50upx 90upx; */
+		padding-left: 90upx;
 		color: rgb(255, 255, 255);
 		font-family: Noto Sans SC;
-		font-size: 34px;
+		font-size: 24px;
 		font-weight: 700;
 	}
 	.form{
 		padding: 0 100upx;
-		margin-top: 80px;
+		margin-top: .625rem;
 	}
 	.inputWrapper{
 		width: 100%;
@@ -161,9 +162,10 @@
 
 	}
 	.loginBtn{
-		width: 18.75rem;
+		width: 16.8rem;
+		/* padding: 0 23px 0 23px; */
     height: 2.5rem;
-		background: linear-gradient(177.56deg, rgba(54.04,157.79,205.96,1) -33.78%,rgba(59.83,102.58,194.93,1) 173%);
+		background: linear-gradient(179.11deg, rgba(51,161,165,1.00) 11.422%,rgba(59,111,142,1.00) 118.849%,rgba(59,111,142,1.00) 118.849%,rgba(59,111,142,1.00) 118.849%);
     border-radius: 2px;
 		margin-top: 50px;
 		display: flex;

pages/search/index.vue

@@ -1,7 +1,8 @@
 <template>
   <view class="app-content">
-    <!-- <view class="header"><liu-search :hotList="hotList" @input="input" @change="change"></liu-search><view class="up"></view></view> -->
-    <liu-search :hotList="hotList" :historyList="historyList" @input="input" @change="change" @changes = 'changes'></liu-search>
+    <view class="nav">
+      <liu-search @fall="fall" :hotList="hotList" :historyList="historyList" @input="input" @change="change" @changes = 'changes'></liu-search>
+    </view>
   </view>
 </template>
 <script>
@@ -28,6 +29,11 @@
 			Nav
 		},
 		methods: {
+      fall () {
+        uni.switchTab({
+					url: "/pages/index/index"
+				})
+      },
       changes () {
         uni.redirectTo({
 					url: "/pages/myrecords/index"
@@ -36,6 +42,9 @@
            //搜索内容
       change(e) {
         console.log('搜索内容：' + e)
+        uni.redirectTo({
+					url: "/pages/flightdetails/index"
+				})
       },
       //input事件
       input(e){
@@ -47,17 +56,11 @@
 
 <style lang="scss" scoped>
 .app-content{
-  >.header{
+  >.nav{
     width: 100%;
-    height: 4.375rem;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    // background: rgba(49,85,99,1);
-    color: rgb(16, 17, 22);
-    font-family: Noto Sans SC;
-    font-size: 1rem;
     position: relative;
+    display: flex;
+    margin-top: 1.875rem;
     >.log{
       width: .375rem;
       height: .75rem;
@@ -67,98 +70,6 @@
       background: url('../../static/ico@1x.png') no-repeat;
       background-size: 100% 100%;
     }
-    >.up{
-      width: .8456rem;
-      height: .8456rem;
-      position: absolute;
-      right: 1.5rem;
-      background: url('../../static/search.png') no-repeat;
-      background-size: 100% 100%;
-      // color: rgb(37, 121, 160);
-      // font-family: Noto Sans SC;
-      // font-size: .875rem;
-      // font-weight: 500;
-    }
-  }
-  >.nav{
-    height: 2rem;
-    display: flex;
-    align-items: center;
-    padding: 0 .75rem 0 .75rem;
-    >.nav_list{
-      margin: 0 .75rem 0 .75rem;
-      color: rgb(16, 17, 22);
-      font-family: Noto Sans SC;
-      font-size: 14px;
-      height: 100%;
-    }
-    >.nav_lists{
-      margin: 0 .75rem 0 .75rem;
-      color: rgb(37, 121, 160);
-      font-family: Noto Sans SC;
-      font-size: 14px;
-      font-size: 14px;
-      height: 100%;
-      border-bottom: 2px solid rgb(37, 121, 160);
-    }
-  }
-  >.content{
-    margin-left: 1.5rem;
-    >.list{
-      height: 3.375rem;
-      display: flex;
-      align-items: center;
-      border-bottom: 1px solid rgb(238, 238, 238);
-      position: relative;
-      color: rgb(0, 0, 0);
-      font-family: Noto Sans SC;
-      font-size: 13px;
-      font-weight: 400;
-      >p{
-        color: rgb(0, 0, 0);
-        font-family: Noto Sans SC;
-        font-size: 13px;
-        font-weight: 400;
-        margin-right: 2.1875rem;
-      }
-      >.listup{
-        width: .25rem;
-        height: .5rem;
-        background: url('../../static/icos.png') no-repeat;
-        background-size: 100% 100%;
-        position: absolute;
-        right: 1.5rem;
-      }
-    }
-    >.picturearea{
-      margin-top: 1.875rem;
-      >.name{
-        color: rgb(0, 0, 0);
-        font-family: Noto Sans SC;
-        font-size: .8125rem;
-        font-weight: 500;
-      }
-      >.content_list{
-        width: 100%;
-        display: flex;
-        margin-top: 1.25rem;
-        >.mg{
-          width: 5.5rem;
-          height: 5.5rem;
-          background: rgb(197, 207, 211);
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          margin-right: .625rem;
-          >.mg_lg{
-            width: 1.75rem;
-            height: 1.75rem;
-            background: url('../../static/shi.png') no-repeat;
-            background-size: 100% 100%;
-          }
-        }
-      }
-    }
   }
 }
 </style>

pages/sorting/index.vue

@@ -1,35 +1,34 @@
 <template>
   <view class="app-content">
 		<!-- <img src="../../static/beijing.png" alt="" class="tuku"> -->
-		<Nav :navname.sync="navname" @fall="fall"></Nav>
+		<Navs :navname.sync="navname" @fall="fall"></Navs>
 		<view class="content">
 			<view class="content_top">
 				<view class="craid">
-					<view class="name">
-						<p>航班号</p>
-						<span>HU7412</span>
+					<view class="craid_data">
+						<p>HU7412</p>
+					  <span>2023-02-17</span>
 					</view>
-					<view  class="name">
-						<p>目的站</p>
-						<span>CSX</span>
+					<view class="craid_data">
+						<p>CTU</p>
+					  <span>12:00:00</span>
 					</view>
-					<view  class="name">
-						<p>航班日期</p>
-						<span>2023-2-17</span>
-					</view>
-					<view  class="name">
-						<p>预计起飞时间</p>
-						<span>12:00:00</span>
+					<view class="aircraft"></view>
+					<view class="craid_data">
+						<p>CSX</p>
+					  <span>14:23:00</span>
 					</view>
 				</view>
 				<view class="scanning">
-					<view class="scanning_cd">
+					<view :class="getFooterClass">
+						<input  class="input"  v-model.trim="stratvalue"  type="text" value=""  placeholder-style="font-size:.8125rem;color:rgb(189, 214, 231);display:flex;justify-content: start;" placeholder="请输入操作位置"/>
+						<view class="log_l"></view>
 						<view class="log"></view>
-						<view class="name">初始位置{{startcode}}</view>
 					</view>
-					<view class="scanning_cd">
+					<view :class="getlooterClass">
+						<input  class="input"  v-model.trim="endvalue"  type="text" value=""  placeholder-style="font-size:.8125rem;color:rgb(189, 214, 231);display:flex;justify-content: start;" placeholder="请输入行李号"/>
+						<view class="log_l"></view>
 						<view class="log"></view>
-						<view class="name">结束位置{{stopcode}}</view>
 					</view>
 				</view>
 			</view>
@@ -41,17 +40,20 @@
 				<scroll-view  scroll-y="true" class="scroll-Y">
 					<view :class="item.types ? 'ups':'up'" v-for="(item, index) in listdate" :key="index" @touchstart="start"  @touchend="(e)=>end(e,item)">
 						<view class="list">行李编号：{{ item.name }}</view>
+						<view class="down_up"></view>
 						<view class="delete"><view class="log"  @click="()=>checkMore(item)"></view></view>
 					</view>
 				</scroll-view>
-				<view class="but" @tap="clickOrder">手动登记</view>
+				<view class="but" v-if="!action" @tap="clickOrder">一键添加</view>
 			</view>
 		</view>
+		<mask-model ref="showMask" btnType="1" @confirm="confirm" @cancel="cancel" titleColoe="#666666" cancelColor="#666666" confirmColor="#007AFF" :maskTitle="maskTitle"></mask-model>
 	</view>
 </template>
 
 <script>
-	import Nav from '../../components/header/nav.vue'
+	import Navs from '../../components/header/navs.vue'
+	import maskModel from '../../components/mask-model/mask-model.vue'
 	export default {
 		data() {
 			return {
@@ -129,6 +131,9 @@
 					clientX: 0,
 					clientY: 0
 				},
+				stratvalue: '',//开始位置
+				endvalue: '',//结束位置
+				maskTitle:'该行李不属于当前航班，请选择处理方式。'
 			}
 		},
 		created(option) {
@@ -137,15 +142,33 @@
 			this.navname = JSON.parse(decodeURIComponent(option.item))
 		},
 		onUnload() {
+			// this.$refs.showMask.show();
 		},
 		onShow() {
 		},
 		mounted() {
+			// this.$refs.showMask.show();
+			// console.log(this.stratvalue.length)
+		},
+		computed: {
+			getFooterClass () {
+				return this.stratvalue ? 'scanning_cds' : 'scanning_cd'
+			},
+			getlooterClass () {
+				return this.endvalue ? 'scanning_cds' : 'scanning_cd'
+			}
 		},
 		components: {
-			Nav
+			Navs,
+			maskModel:maskModel,
 		},
 		methods: {
+			confirm:function(e){//确定按钮
+				console.log('您点击了确定按钮');
+			},
+			cancel:function(){//取消按钮
+				console.log('您点击了取消按钮');
+			},
 			clickOrder () {
 				uni.redirectTo({
 					url: "/pages/baggagecheck/index"
@@ -165,7 +188,7 @@
 				if (e.changedTouches[0].clientY/16 > 20.75) {
 					this.dataheight = 20.75 + 'rem'
 				} else if (e.changedTouches[0].clientY/16 < 7.3125) {
-					this.dataheight = 7.3125 + 'rem'
+					this.dataheight = 6.3125 + 'rem'
 				}
 			},
 			start(e) {
@@ -203,43 +226,78 @@
 			// background: rgb(49, 85, 99);
 			padding-bottom: 1.3125rem;
 			>.craid{
-				width: 100%;
-				height: 40%;
+				// width: 100%;
+				height: 5.625rem;
+				padding: 0 2.5625rem 0 2.5625rem;
 				display: flex;
-				justify-content: space-around;
+				justify-content: space-between;
 				flex-wrap: wrap;
-				>.name{
-					width: 50%;
+				align-items: center;
+				>.craid_data{
 					display: flex;
-					align-items: flex-start;
 					flex-direction: column;
 					justify-content: center;
+					align-items: start;
 					>p{
-						margin-left: 3.125rem;
 						color: rgb(255, 255, 255);
 						font-family: Noto Sans SC;
-						font-size: .875rem;
-						margin-bottom: 10px;
+						font-size: 18px;
+						font-weight: 700;
 					}
 					>span{
-						margin-left: 3.125rem;
 						color: rgb(255, 255, 255);
 						font-family: Noto Sans SC;
-						font-size: 1.125rem;
+						font-size: 13px;
+						font-weight: 500;
 					}
 				}
+				>.aircraft{
+					width: 1.75rem;
+          height: 1.75rem;
+					background: url('../../static/hang.png') no-repeat;
+					background-size: 100% 100%;
+				}
 			}
 			>.scanning{
 				height: 12rem;
 				padding: 0 1.5rem 0 1.5rem;
 				opacity: 1;
 				transition: all 3s;
-				>.scanning_cd{
+				.scanning_cd{
+					width: 100%;
+					height: 3rem;
+					opacity: 1;
+					transition: all 3s;
+					background: rgb(59, 103, 123);
+					margin-top: 1rem;
+					margin-bottom: .5rem;
+					border-radius: 4px;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					color: rgb(255, 255, 255);
+					font-family: Noto Sans SC;
+					font-size: 16px;
+					>.log{
+						width: .875rem;
+						height: .875rem;
+						background: url('../../static/saoma.png') no-repeat;
+						background-size: 100% 100%;
+						margin-left: 1rem;
+					}
+					>.log_l{
+						width: .125rem;
+						height: 1.3125rem;
+						margin-left: 4rem;
+						background: rgb(255, 255, 255);
+					}
+				}
+				.scanning_cds{
 					width: 100%;
-					height: 5.5rem;
+					height: 3rem;
 					opacity: 1;
 					transition: all 3s;
-					background: rgb(37, 121, 160);
+					background: rgb(51, 161, 165);
 					margin-top: 1rem;
 					margin-bottom: .5rem;
 					border-radius: 4px;
@@ -254,7 +312,13 @@
 						height: .875rem;
 						background: url('../../static/saoma.png') no-repeat;
 						background-size: 100% 100%;
-						margin-right: .75rem;
+						margin-left: 1rem;
+					}
+					>.log_l{
+						width: .125rem;
+						height: 1.3125rem;
+						margin-left: 4rem;
+						background: rgb(255, 255, 255);
 					}
 				}
 			}
@@ -300,11 +364,18 @@
 			.up{
 				width: 100%;
 				display: flex;
+				align-items: center;
 				margin-left: 1rem;
 				border-bottom: 1px solid rgb(238, 238, 238);
 				// transform: all 3s;
+				>.down_up{
+					width: .875rem;
+					height: .875rem;
+					background: url('../../static/xia.png') no-repeat;
+					background-size: 100% 100%;
+				}
 				>.list{
-					width: 100%;
+					width: 97%;
 					position: relative;
 					height: 3.75rem;
 					display: flex;
@@ -337,11 +408,20 @@
 			.ups{
 				width: 100%;
 				display: flex;
+				align-items: center;
 				margin-left: 1rem;
 				border-bottom: 1px solid rgb(238, 238, 238);
 				// transform: all 3s;
+				>.down_up{
+					width: .875rem;
+					height: .875rem;
+					position: relative;
+					right:  1.875rem;
+					background: url('../../static/xia.png') no-repeat;
+					background-size: 100% 100%;
+				}
 				>.list{
-					width: 100%;
+					width: 97%;
 					position: relative;
 					height: 3.75rem;
 					display: flex;
@@ -379,7 +459,7 @@
 			.but{
 				width: 20.5625rem;
         height: 2.75rem;
-				background: linear-gradient(177.56deg, rgba(54.04,157.79,205.96,1) -33.78%,rgba(59.83,102.58,194.93,1) 173%);
+				background: linear-gradient(179.10deg, rgba(51,161,165,1.00) 11.326%,rgba(59,111,142,1.00) 119.032%,rgba(59,111,142,1.00) 119.032%,rgba(59,111,142,1.00) 119.032%);
         border-radius: .25rem;
 				color: rgb(255, 255, 255);
 				font-family: Noto Sans SC;

uni_modules/liu-search/components/liu-search/liu-search.vue

@@ -1,11 +1,13 @@
 <template>
 	<view class="page-main">
+		
 		<view class="search-header">
+			<view class="log" @tap="fall"></view>
 			<image class="search-img" :src="searchImg"></image>
 			<input class="search-input" :placeholder="placeholder" type="text" v-model.trim="searchText"
 				@confirm="confirmSearch" @input="inputSearch" placeholder-class="placeholder-name" />
-			<view class="search-name" v-if="searchText.length === 0" @click="confirmSearch">搜索</view>
-			<view class="search-name" v-if="searchText.length > 0" @click="upele">取消</view>
+			<view class="search-name"  @click="confirmSearch">搜索</view>
+			<!-- <view class="search-name" v-if="searchText.length > 0" @click="upele">取消</view> -->
 		</view>
 		<view class="search-history" v-if="historyList.length">
 			<view class="history-title">
@@ -78,6 +80,10 @@
 			this.historyList = uni.getStorageSync('liu-search-name-list') || []
 		},
 		methods: {
+			//返回上级
+			fall () {
+				this.$emit('fall')
+			},
 			//删除历史或者完成
 			deleteHistory() {
 				this.isDelete = !this.isDelete
@@ -133,16 +139,26 @@
 
 		.search-header {
 			width: calc(100%-64rpx);
-			padding: 0 32rpx;
+			// padding: 0 32rpx;
+			padding-left: 38px;
+			padding-right: 32px;
 			height: 112rpx;
 			display: flex;
 			align-items: center;
 			justify-content: space-between;
 			position: relative;
-
+      >.log{
+				width: .375rem;
+				height: .75rem;
+				font-size: .75rem;
+				position: absolute;
+				left: 1rem;
+				background: url('../../../../static/ico@1x.png') no-repeat;
+				background-size: 100% 100%;
+			}
 			.search-img {
 				position: absolute;
-				left: 64rpx;
+				left: 88rpx;
 				width: 32rpx;
 				height: 32rpx;
 			}
@@ -166,10 +182,23 @@
 			}
 
 			.search-name {
-				width: 80rpx;
-				text-align: right;
+				// width: 80rpx;
+				// text-align: right;
 				font-size: 30rpx;
 				color: #666666;
+				width: 53px;
+				height: 30px;
+				background: rgb(51, 161, 165);
+				border-radius:
+				4px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				color: rgb(255, 255, 255);
+				font-family: Noto Sans SC;
+				font-size: 13px;
+				font-weight: 500;
+				margin-left: .75rem;
 			}
 		}
 

unpackage/dist/dev/app-plus/app-config-service.js

@@ -1,8 +1,8 @@
 
 var isReady=false;var onReadyCallbacks=[];
 var isServiceReady=false;var onServiceReadyCallbacks=[];
-var __uniConfig = {"pages":["pages/login/index","pages/index/index","pages/sorting/index","pages/baggagecheck/index","pages/mypage/index","pages/myrecords/index","pages/search/index","pages/loadingdetails/index","pages/help/index","pages/individual/index"],"window":{"navigationBarTextStyle":"black","navigationBarTitleText":"","navigationBarBackgroundColor":"#F8F8F8","backgroundColor":"#F8F8F8","navigationStyle":"custom"},"tabBar":{"color":"#7A7E83","selectedColor":"#3cc51f","borderStyle":"black","backgroundColor":"#ffffff","list":[{"pagePath":"pages/index/index","text":"首页"},{"pagePath":"pages/","text":"消息"},{"pagePath":"pages/mypage/index","text":"我的"}]},"darkmode":false,"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"appname":"BRS","compilerVersion":"3.7.11","entryPagePath":"pages/login/index","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000}};
-var __uniRoutes = [{"path":"/pages/login/index","meta":{"isQuit":true},"window":{"navigationStyle":"custom"}},{"path":"/pages/index/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"首页"}},{"path":"/pages/sorting/index","meta":{},"window":{"navigationStyle":"custom"}},{"path":"/pages/baggagecheck/index","meta":{},"window":{"navigationStyle":"custom"}},{"path":"/pages/mypage/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationStyle":"custom"}},{"path":"/pages/myrecords/index","meta":{},"window":{"navigationStyle":"custom"}},{"path":"/pages/search/index","meta":{},"window":{"navigationStyle":"custom"}},{"path":"/pages/loadingdetails/index","meta":{},"window":{"navigationStyle":"custom"}},{"path":"/pages/help/index","meta":{},"window":{"navigationStyle":"custom"}},{"path":"/pages/individual/index","meta":{},"window":{"navigationStyle":"custom"}}];
+var __uniConfig = {"pages":["pages/login/index","pages/index/index","pages/flightdetails/index","pages/sorting/index","pages/baggagecheck/index","pages/mypage/index","pages/myrecords/index","pages/search/index","pages/loadingdetails/index","pages/help/index","pages/individual/index"],"window":{"navigationBarTextStyle":"black","navigationBarTitleText":"","navigationBarBackgroundColor":"#F8F8F8","backgroundColor":"#F8F8F8","navigationStyle":"custom"},"tabBar":{"color":"#7A7E83","selectedColor":"#3cc51f","borderStyle":"black","backgroundColor":"#ffffff","list":[{"pagePath":"pages/index/index","text":"首页"},{"pagePath":"pages/","text":"消息"},{"pagePath":"pages/mypage/index","text":"我的"}]},"darkmode":false,"nvueCompiler":"uni-app","nvueStyleCompiler":"uni-app","renderer":"auto","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":false},"appname":"BRS","compilerVersion":"3.7.11","entryPagePath":"pages/login/index","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000}};
+var __uniRoutes = [{"path":"/pages/login/index","meta":{"isQuit":true},"window":{"navigationStyle":"custom"}},{"path":"/pages/index/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationBarTitleText":"首页"}},{"path":"/pages/flightdetails/index","meta":{},"window":{"navigationStyle":"custom"}},{"path":"/pages/sorting/index","meta":{},"window":{"navigationStyle":"custom"}},{"path":"/pages/baggagecheck/index","meta":{},"window":{"navigationStyle":"custom"}},{"path":"/pages/mypage/index","meta":{"isQuit":true,"isTabBar":true},"window":{"navigationStyle":"custom"}},{"path":"/pages/myrecords/index","meta":{},"window":{"navigationStyle":"custom"}},{"path":"/pages/search/index","meta":{},"window":{"navigationStyle":"custom"}},{"path":"/pages/loadingdetails/index","meta":{},"window":{"navigationStyle":"custom"}},{"path":"/pages/help/index","meta":{},"window":{"navigationStyle":"custom"}},{"path":"/pages/individual/index","meta":{},"window":{"navigationStyle":"custom"}}];
 __uniConfig.onReady=function(callback){if(__uniConfig.ready){callback()}else{onReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"ready",{get:function(){return isReady},set:function(val){isReady=val;if(!isReady){return}const callbacks=onReadyCallbacks.slice(0);onReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
 __uniConfig.onServiceReady=function(callback){if(__uniConfig.serviceReady){callback()}else{onServiceReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"serviceReady",{get:function(){return isServiceReady},set:function(val){isServiceReady=val;if(!isServiceReady){return}const callbacks=onServiceReadyCallbacks.slice(0);onServiceReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
 service.register("uni-app-config",{create(a,b,c){if(!__uniConfig.viewport){var d=b.weex.config.env.scale,e=b.weex.config.env.deviceWidth,f=Math.ceil(e/d);Object.assign(__uniConfig,{viewport:f,defaultFontSize:Math.round(f/20)})}return{instance:{__uniConfig:__uniConfig,__uniRoutes:__uniRoutes,global:void 0,window:void 0,document:void 0,frames:void 0,self:void 0,location:void 0,navigator:void 0,localStorage:void 0,history:void 0,Caches:void 0,screen:void 0,alert:void 0,confirm:void 0,prompt:void 0,fetch:void 0,XMLHttpRequest:void 0,WebSocket:void 0,webkit:void 0,print:void 0}}}});