homepage

src/config/getData1.js

@@ -0,0 +1,51 @@
+// import {post, get} from '@config/http.js'
+
+// 菜单
+export const authority = () => {
+  let res = {
+    sonTree: [
+      {menu_id: '1',
+        path: 'RF01',
+        name: '工单管理',
+        sonTree: [
+          {menu_id: '1', name: '工单作业', path: '/workorderassignment'}
+        ]
+      },
+      {menu_id: '2',
+        path: 'RF02',
+        name: '半成品管理',
+        sonTree: [
+          {menu_id: '1', name: '报工查询', path: '/workreportquery'}
+        ]
+      },
+      {menu_id: '3',
+        path: 'RF03',
+        name: '成品管理',
+        sonTree: [
+          {menu_id: '1', name: '工单查询', path: '/workorderquery'}
+        ]
+      },
+      {menu_id: '4',
+        path: 'RF04',
+        name: '专机管理',
+        sonTree: [
+          // {menu_id: '1', name: '专机管理', path: '/workordermanage'}
+        ]
+      },
+      {menu_id: '5',
+        path: 'RF05',
+        name: '暂存区管理',
+        sonTree: [
+          // {menu_id: '1', name: '暂存区管理', path: '/operation'}
+        ]
+      }
+    ]
+  }
+  return res
+}
+
+// export const getTable = (code, val, d1, d2) => {
+//   let res = {'totalElements': 2, 'content': [{'material_weight': 0.000000, 'down_id': '1', 'down_time': '2023-05-26 10:32:16.706', 'plan_qty': 111, 'is_needmove': true, 'report_qty': 0, 'create_type': '1', 'confirm_id': '20', 'realproducestart_date': '2023-05-26 10:37:00', 'down_name': '管理员', 'material_spec': '清洗S15', 'create_id': '1', 'real_qty': 0, 'current_produce_person_id': '1', 'is_error': false, 'material_name': '直接\\CG\\清洗S15\\EKTC00003', 'realproduceend_date': '2023-05-26 11:07:20', 'workorder_status': '5', 'dq_real_qty': 0, 'workprocedure_id': '1535144356586065920', 'workorder_id': '1661923147433250817', 'create_time': '2023-05-26 10:32:10', 'workorder_code': '230526007', 'nok_qty': 0, 'product_area': 'A1', 'is_delete': false, 'workprocedure_name': '镗孔', 'order_status_name': '完成', 'shift_type_scode': '1', 'repare_qty': 0, 'device_code': 'A1_TK_11', 'order_type_scode': '10', 'material_id': '1528687484865744896', 'planproduceend_date': '2023-05-26 18:30:00', 'person_real_qty': 0, 'planproducestart_date': '2023-05-26 07:30:00', 'is_canupdate_update': true, 'material_code': '24007845L', 'create_name': '管理员'}, {'material_weight': 1.000000, 'down_id': '1', 'down_time': '2023-05-26 14:06:24.182', 'plan_qty': 1234, 'is_needmove': true, 'report_qty': 0, 'create_type': '1', 'confirm_id': '20', 'realproducestart_date': '2023-05-26 14:11:28', 'down_name': '管理员', 'material_spec': '清洗S15', 'create_id': '1', 'real_qty': 0, 'current_produce_person_id': '1', 'is_error': false, 'material_name': '直接\\CG\\清洗S15\\EKTC00003', 'realproduceend_date': '2023-05-26 14:52:54', 'workorder_status': '5', 'dq_real_qty': 0, 'workprocedure_id': '1535144356586065920', 'workorder_id': '1661976821887012864', 'create_time': '2023-05-26 14:05:27', 'workorder_code': '230526010', 'nok_qty': 0, 'product_area': 'A1', 'is_delete': false, 'workprocedure_name': '镗孔', 'order_status_name': '完成', 'shift_type_scode': '1', 'repare_qty': 0, 'device_code': 'A1_TK_11', 'order_type_scode': '10', 'material_id': '1528687484865744896', 'planproduceend_date': '2023-05-26 18:30:00', 'person_real_qty': 0, 'planproducestart_date': '2023-05-26 07:30:00', 'is_canupdate_update': true, 'material_code': '24007845L', 'create_name': '管理员'}], 'code': 200, 'msg': '查询成功'}
+
+//   return res
+// }

src/pages/homeset/HomePage.vue

@@ -0,0 +1,168 @@
+<template>
+  <div class="content">
+    <div class="zd_wrapper">
+      <div class="menu-wrap">
+        <div class="menu-item" v-for="(e, i) in menuList" :key="i" @click="toPage1(e)">
+          <img class="menu-img" :src="require('../../images/menu/' + e.path + '.png')" alt="">
+          <div class="menu-name">{{e.name}}</div>
+        </div>
+      </div>
+    </div>
+    <div v-if="show === true" class="sec_menu_wraper">
+      <div class="sec_menu_w">
+        <div class="menu-item" v-for="(e, i) in secM" :key="i" @click="toPage2(e)">
+          <div class="sec_menu-col_inner">
+            <div class="menu-name menu-name_inner">{{e.name}}</div>
+          </div>
+        </div>
+      </div>
+      <div class="cancel">
+        <div class="iconfont close_icon" @click="show = false"></div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {authority} from './../../config/getData1.js'
+export default {
+  data () {
+    return {
+      userName: this.$store.getters.userInfo !== '' ? JSON.parse(this.$store.getters.userInfo).username : '',
+      menuList: [],
+      show: false,
+      secM: []
+    }
+  },
+  created () {
+    this._authority()
+  },
+  methods: {
+    async _authority () {
+      let res = await authority()
+      this.menuList = [...res.sonTree]
+    },
+    toPage1 (e) {
+      if (e.sonTree.length > 0) {
+        this.show = true
+        this.secM = e.sonTree
+      }
+    },
+    toPage2 (e) {
+      let url = e.path
+      this.$router.push(url)
+    },
+    Quit () {
+      this.$store.dispatch('delUserInfo')
+      this.$router.push('/login')
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+@import '~@style/mixin.styl'
+.zd_content
+  padding-top 0
+.header
+  height 42px
+  _font(16px,42px,#333,,center)
+.userInfo-wrap
+  _fj()
+  _wh(calc(100% - 30px),80px)
+  padding 0 15px
+  _bis($red,'../../images/info_bg.png',auto,100%,right,bottom)
+  border-radius 12px
+  margin 0 auto 15px auto
+.userInfo
+  _fj(,flex-start,column)
+.p1
+  _font(16px,1,#fff)
+  padding-bottom 8px
+.p2
+  _font(13px,1,#fff)
+.exit
+  _fj()
+  height 22px
+  padding 0 7px
+  border 1px solid #FF967C
+  border-radius 10px
+.icon-exit
+  _wh(10px, 10px)
+  // _bis(,'../../images/exit.png',11px)
+.exit-text
+  _font(12px,22px,#fff,,right)
+  padding-left 5px
+.zd_wrapper
+  _wh(calc(100% - 30px),calc(100% - 152px)) /** 42+80+15+15 */
+  padding 15px 5%
+  // background-color #fff
+  border-radius 12px
+  margin 0 auto 15px auto
+.menu-wrap
+  _fj(flex-start,center,,wrap)
+  height 100%
+.menu-item
+  _fj()
+  flex-direction column
+  _wh(30%, auto)
+  margin-bottom 20px
+  _font(13px, 30px,#e74f1a,,center)
+  &:nth-child(3n+2)
+    margin-left 5%
+    margin-right 5%
+::v-deep .menu-img
+  _wh(100%, auto)
+  img
+    position relative
+    opacity 1
+    _wh(55%, auto)
+    max-width 90px
+    margin 0 auto 0.1px
+.menu-name
+  _font(14px, 18px, #fff,,center)
+.sec_menu_wraper
+  position fixed
+  top 0
+  left 0
+  _wh(100%, 100%)
+  background-color rgba(0, 0, 0, .9)
+  z-index 2017
+  flex-direction column
+.sec_menu_w
+  _fj()
+  _wh(calc(100% - 30px), calc(100% - 50px))
+  padding 0 12px
+  margin 0 auto
+  flex-wrap wrap
+  align-content center
+  &::after
+    content ''
+    display block
+    _wh(30%,0)
+.sec_menu-col
+  background-color transparent
+  border none
+  height auto
+.sec_menu-col_inner
+  _fj(center)
+  _wh(80px, 80px)
+  border-radius 50%
+  background-color $yellow
+  margin 0 auto
+.menu-name_inner
+  color #fff
+  padding 0 10px
+.cancel
+  _wh(100%, 50px)
+  padding 0 12px
+  overflow hidden
+  background-color rgba(255, 255, 255, .3)
+  box-shadow 0 0.5px 2px 0 rgba(160,160,160,0.9)
+  .close_icon
+    text-align left
+    font-size 40px
+    line-height 40px
+    position relative
+    bottom 10px
+</style>

src/pages/homeset/HomePage1.vue

@@ -0,0 +1,174 @@
+<template>
+	<div class="content">
+		<!-- <div class="header">首页</div>
+		<div class="userInfo-wrap">
+			<div class="userInfo">
+				<text class="p1">{{userName}}</text>
+				<text class="p2">欢迎进入海亮一体机系统！</text>
+			</div>
+			<div class="exit" @click="Quit">
+				<div class="icon-exit"></div>
+				<div class="exit-text">退出</div>
+			</div>
+		</div> -->
+		<div class="zd_wrapper">
+			<div class="menu-wrap">
+				<div class="menu-item" v-for="(e, i) in menuList" :key="i" @click="toPage1(e)">
+					<img class="menu-img" :src="require('../../images/menu/' + e.path + '.png')" alt="">
+					<div class="menu-name">{{e.name}}</div>
+				</div>
+			</div>
+		</div>
+		<div v-if="show === true" class="sec_menu_wraper">
+			<div class="sec_menu_w">
+				<div class="menu-item" v-for="(e, i) in secM" :key="i" @click="toPage2(e)">
+					<div class="sec_menu-col_inner">
+						<div class="menu-name menu-name_inner">{{e.name}}</div>
+					</div>
+				</div>
+			</div>
+			<div class="cancel">
+				<div class="iconfont cancel_icon" @click="show = false"></div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+  import {authority} from './../../config/getData1.js'
+	export default {
+		data() {
+			return {
+				userName: this.$store.getters.userInfo !== '' ? JSON.parse(this.$store.getters.userInfo).username : '',
+				menuList: [],
+				show: false,
+				secM: []
+			};
+		},
+		created () {
+			this._authority()
+		},
+		methods: {
+			async _authority () {
+				let res = await authority()
+				this.menuList = [...res.sonTree]
+				
+			},
+			toPage1 (e) {
+				if (e.sonTree.length > 0) {
+					this.show = true
+					this.secM = e.sonTree
+				}
+			},
+			toPage2 (e) {
+				let url = e.path
+        this.$router.push(url)
+			},
+			Quit () {
+        this.$store.dispatch('delUserInfo')
+        this.$router.push('/login')
+			}
+		}
+	}
+</script>
+
+<style lang="stylus">
+@import '~@style/mixin.styl'
+.zd_content
+	padding-top 0
+.header
+	height 42px
+	_font(16px,42px,#333,,center)
+.userInfo-wrap
+	_fj()
+	_wh(calc(100% - 30px),80px)
+	padding 0 15px
+	_bis($red,'../../images/info_bg.png',auto,100%,right,bottom)
+	border-radius 12px
+	margin 0 auto 15px auto
+.userInfo
+	_fj(,flex-start,column)
+.p1
+	_font(16px,1,#fff)
+	padding-bottom 8px
+.p2
+	_font(13px,1,#fff)
+.exit
+	_fj()
+	height 22px
+	padding 0 7px
+	border 1px solid #FF967C
+	border-radius 10px
+.icon-exit
+	_wh(10px, 10px)
+	// _bis(,'../../images/exit.png',11px)
+.exit-text
+	_font(12px,22px,#fff,,right)
+	padding-left 5px
+.zd_wrapper
+	_wh(calc(100% - 30px),calc(100% - 152px)) /** 42+80+15+15 */
+	padding 15px 5%
+	// background-color #fff
+	border-radius 12px
+	margin 0 auto 15px auto
+.menu-wrap
+	_fj(flex-start,center,,wrap)
+	height 100%
+.menu-item
+	_fj()
+	flex-direction column
+	_wh(30%, auto)
+	margin-bottom 20px
+	_font(13px, 30px,#e74f1a,,center)
+	&:nth-child(3n+2)
+		margin-left 5%
+		margin-right 5%
+::v-deep .menu-img 
+	_wh(100%, auto)
+	img
+		position relative
+		opacity 1
+		_wh(55%, auto)
+		max-width 90px
+		margin 0 auto 0.1px
+.menu-name
+	_font(14px, 18px, #fff,,center)
+.sec_menu_wraper
+	position fixed
+	top 0
+	left 0
+	_wh(100%, 100%)
+	background-color rgba(0, 0, 0, .9)
+	z-index 2017
+	flex-direction column
+.sec_menu_w
+	_fj()
+	_wh(calc(100% - 30px), calc(100% - 50px))
+	padding 0 12px
+	margin 0 auto
+	flex-wrap wrap
+	align-content center
+	&::after
+		content ''
+		display block
+		_wh(30%,0)
+.sec_menu-col
+	background-color transparent
+	border none
+	height auto
+.sec_menu-col_inner
+	_fj(center)
+	_wh(80px, 80px)
+	border-radius 50%
+	background-color $yellow
+	margin 0 auto
+.menu-name_inner
+	color #fff
+	padding 0 10px
+.cancel
+  _wh(100%, 50px)
+  padding 0 12px
+  overflow hidden
+  background-color rgba(255, 255, 255, .3)
+  box-shadow 0 0.5px 2px 0 rgba(160,160,160,0.9)
+</style>

src/router/index.js

@@ -8,7 +8,7 @@ const workReportQuery = r => require.ensure([], () => r(require('@page/modules/w
 const workOrderQuery = r => require.ensure([], () => r(require('@page/modules/workorder/work-order-query')), 'modules')
 
 const Homeset = r => require.ensure([], () => r(require('@page/homeset/index')), 'Homeset')
-const Home = r => require.ensure([], () => r(require('@page/homeset/Home')), 'Home')
+const Home = r => require.ensure([], () => r(require('@page/homeset/HomePage')), 'HomePage')
 const IfWork = r => require.ensure([], () => r(require('@page/homeset/IfWork')), 'IfWork')
 const Operation = r => require.ensure([], () => r(require('@page/assignment/Operation')), 'Operation')
 const Ungraded = r => require.ensure([], () => r(require('@page/assignment/Ungraded')), 'Ungraded')