c11111

pages.json

@@ -48,6 +48,12 @@
 				"navigationStyle": "custom"
 			}
 		},
+		{
+			"path": "pages/help/index",
+			"style": {
+				"navigationStyle": "custom"
+			}
+		},
 		{
 			"path": "pages/individual/index",
 			"style": {

pages/help/index.vue

@@ -0,0 +1,207 @@
+<template>
+  <view class="app-content">
+    <view class="header"><view class="log" @tap="fall"></view>{{ navname }}<view class="up" @tap="seach"></view></view>
+    <view class="nav">
+      <view :class="action === index ? 'nav_lists': 'nav_list'" v-for="(item, index) in list" :key="index" @tap="lop(index)">{{item.name}}</view>
+    </view>
+    <view class="content">
+      <view class="list" v-for="(item, index) in detailedTable" :key="index" @tap = 'uplist'>
+        {{ item.name }}
+        <view class="listup"></view>
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+	import Nav from '../../components/header/nav.vue'
+	export default {
+		data() {
+			return {
+				navname: '帮助',
+        action:0,
+        list: [{
+          name: '功能模块'
+        },{
+          name: '业务流程'
+        },{
+          name: '常见问题'
+        }],
+        detailedTable: [
+          {
+            name: 'App启动'
+          },
+          {
+            name: '用户登录'
+          },
+          {
+            name: '首页'
+          },
+          {
+            name: '行李处理'
+          },
+          {
+            name: '行李提取'
+          },
+          {
+            name: '消息'
+          },
+          {
+            name: '我的'
+          },
+        ]
+			}
+		},
+		created(option) {
+		},
+		onLoad(){
+		},
+		onUnload() {
+		},
+		onShow() {
+		},
+		mounted() {
+		},
+		components: {
+			Nav
+		},
+		methods: {
+      uplist () {
+        uni.redirectTo({
+					url: "/pages/loadingdetails/index"
+				})
+      },
+      lop(index) {
+        this.action = index
+      },
+			seach () {
+				uni.redirectTo({
+					url: "/pages/search/index"
+				})
+			},
+      fall () {
+        uni.switchTab({
+					url: "/pages/mypage/index"
+				})
+      }
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+.app-content{
+  >.header{
+    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;
+    >.log{
+      width: .375rem;
+      height: .75rem;
+      font-size: .75rem;
+      position: absolute;
+      left: 1.5rem;
+      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;
+    justify-content: space-between;
+    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/index/index.vue

@@ -3,35 +3,35 @@
 		<img src="../../static/beijing.png" alt="" class="tuku">
     <Nav :navname.sync="navname" :navtype="false" ></Nav>
 		<view class="content">
-			<view class="card" @tap="clickOrder">
+			<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>
-			<view class="card">
+			<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>
-			<view class="card">
+			<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>
-			<view class="card">
+			<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>
-			<view class="card">
+			<view class="card" @tap="clickOrder('卸车')">
 				<view class="card_name">
 					<view class="name">卸车</view>
 					<view class="number">已完成件数 50</view>
@@ -79,9 +79,9 @@
 		Nav
 	},
 		methods: {
-			clickOrder () {
-				uni.redirectTo({
-					url: "/pages/sorting/index"
+			clickOrder (data) {
+				uni.navigateTo({
+					url: "/pages/sorting/index?item=" + encodeURIComponent(JSON.stringify(data))
 				})
 			}
 		},

pages/loadingdetails/index.vue

@@ -86,9 +86,9 @@
       lop(index) {
         this.action = index
       },
-			seach () {
+			fall () {
 				uni.redirectTo({
-					url: "/pages/search/index"
+					url: "/pages/myrecords/index"
 				})
 			},
 		},

pages/mypage/index.vue

@@ -34,19 +34,19 @@
 			</view>
 			<view class="detail_type">
 				<view class="list_child" @tap="recup">
-					<view class="log"></view>
+					<view class="log bg1"></view>
 					<p>我的记录</p>
 				</view>
 				<view class="list_child" @tap="uppop">
-					<view class="log"></view>
+					<view class="log bg2"></view>
 					<p>扫码开关</p>
 				</view>
 				<view class="list_child">
-					<view class="log"></view>
+					<view class="log bg3"></view>
 					<p>工作方式</p>
 				</view>
 				<view class="list_child">
-					<view class="log"></view>
+					<view class="log bg4"></view>
 					<p>帮助</p>
 				</view>
 			</view>
@@ -230,9 +230,25 @@
 				>.log{
 					width: 2.25rem;
 					height: 2.25rem;
-					background: rgb(196, 196, 196);
+					// background: rgb(196, 196, 196);
 					margin-bottom: .5rem;
 				}
+				.bg1{
+					background: url('../../static/gongzuo.png') no-repeat;
+          background-size: 100% 100%;
+				}
+				.bg2{
+					background: url('../../static/kaiguan.png') no-repeat;
+          background-size: 100% 100%;
+				}
+				.bg3{
+					background: url('../../static/jilu.png') no-repeat;
+          background-size: 100% 100%;
+				}
+				.bg4{
+					background: url('../../static/bagzu.png') no-repeat;
+          background-size: 100% 100%;
+				}
 				>p{
 					color: rgb(255, 255, 255);
 					font-family: Noto Sans SC;

pages/myrecords/index.vue

@@ -5,7 +5,7 @@
       <view :class="action === index ? 'nav_lists': 'nav_list'" v-for="(item, index) in list" :key="index" @tap="lop(index)">{{item.name}}</view>
     </view>
     <view class="content">
-      <view class="list" v-for="(item, index) in detailedTable" :key="index">
+      <view class="list" v-for="(item, index) in detailedTable" :key="index" @tap = 'uplist'>
         {{ item.name }}
         <view class="listup"></view>
       </view>
@@ -63,6 +63,11 @@
 			Nav
 		},
 		methods: {
+      uplist () {
+        uni.redirectTo({
+					url: "/pages/loadingdetails/index"
+				})
+      },
       lop(index) {
         this.action = index
       },
@@ -71,6 +76,11 @@
 					url: "/pages/search/index"
 				})
 			},
+      fall () {
+        uni.switchTab({
+					url: "/pages/mypage/index"
+				})
+      }
 		},
 	}
 </script>

pages/sorting/index.vue

@@ -133,7 +133,8 @@
 		},
 		created(option) {
 		},
-		onLoad(){
+		onLoad(option){
+			this.navname = JSON.parse(decodeURIComponent(option.item))
 		},
 		onUnload() {
 		},