1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
| <template>
| <view class="wrap">
| <template v-for="(item, index) in tabList">
| <view class="work-stage-title">
| <view>
| <u-line style="border:5rpx solid #264DE9" length="33rpx" direction="col" color="#264DE9"
| :hair-line="false"></u-line>
| </view>
| <view class="title-label">{{ item.title }}</view>
| </view>
| <u-grid :border="false">
| <u-grid-item v-for="(baseListItem, baseListIndex) in item.list" :key="baseListIndex"
| @click="navTo(baseListItem.url)">
| <img :src="require(`@/static/custom/home/feed.png`)" alt="">
| <text class="grid-text">{{ baseListItem.name }}</text>
| </u-grid-item>
| </u-grid>
| </template>
| </view>
| </template>
| <script>
| export default {
| data() {
| return {
| tabList: [
| {
| title: '生产管理',
| list: [
| {
| name: '报工',
| url: '/pages/product/report/index',
| icon: 'feeding'
| },
| {
| name: '取消报工',
| url: '/',
| icon: 'feeding'
| },
| {
| name: '接收（铜杆）',
| url: '/',
| icon: 'feeding'
| },
| ]
| },
| {
| title: '发货管理',
| list: [
| {
| name: '移库',
| url: '/pages/wareHouse/moveWareHouse/index',
| icon: 'feeding'
| },
| {
| name: '盘点报告盘点',
| url: '/pages/wareHouse/inventory/index',
| icon: 'feeding'
| },
| {
| name: '核磅录入',
| url: '/pages/wareHouse/packing/registration',
| icon: 'feeding'
| },
| ]
| },
| {
| title: '仓库管理',
| list: [
| {
| name: '领料',
| url: '/pages/wareHouse/moveWareHouse/index',
| icon: 'feeding'
| },
| {
| name: '取消领料',
| url: '/pages/wareHouse/inventory/index',
| icon: 'feeding'
| },
| ]
| }
| ]
| };
| },
| onShow() {
| //this.refreshCount();
| },
| methods: {
| navTo(url) {
| console.log(url)
| uni.navigateTo({
| url: url
| });
| }
| }
| };
| </script>
| <style lang="scss">
| .wrap {
| height: calc(100vh - 200rpx);
| background: linear-gradient(to bottom, #e5f0ff, #f6f9ff);
| }
|
| .work-stage-title {
| display: flex;
| flex-direction: row;
| align-items: center;
| margin-bottom: 38rpx;
| padding: 30rpx 30rpx;
| padding-bottom: 0;
|
| .title-label {
| margin-left: 14rpx;
| font-size: 34rpx;
| font-weight: bold;
| color: #283E65;
| }
| }
|
| .u-grid-item {
| background: transparent !important;
| }
| </style>
|
|
