|
|
@@ -1,7 +1,26 @@
|
|
|
<template>
|
|
|
<view class="content-box">
|
|
|
<uni-nav-bar fixed="true" statusBar="true" left-icon="back" title="领料" background-color="#157A2C"
|
|
|
- color="#fff" @clickLeft="back"></uni-nav-bar>
|
|
|
+ color="#fff" @clickLeft="back" right-icon="scan" @clickRight="HandlScanCode">
|
|
|
+ </uni-nav-bar>
|
|
|
+
|
|
|
+ <view class="top-wrapper">
|
|
|
+ <view class="tab_box rx-sc">
|
|
|
+ <view class="tab_item" :class="{active: tabType == 1}" @click="handTab(1)">生产工单列表</view>
|
|
|
+ <view class="tab_item" :class="{active: tabType == 2}" @click="handTab(2)">领料工单列表</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="list_box">
|
|
|
+ <u-list @scrolltolower="scrolltolower" v-if="tabType == 1">
|
|
|
+
|
|
|
+ </u-list>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="bottom-wrapper">
|
|
|
+ 5555
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -9,11 +28,31 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
-
|
|
|
+ tabType: 1,
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
|
|
|
+
|
|
|
+ handTab(type) {
|
|
|
+ if (type != this.tabType) {
|
|
|
+ this.tabType = type
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ scrolltolower() {},
|
|
|
+
|
|
|
+
|
|
|
+ // 相机扫码
|
|
|
+ HandlScanCode () {
|
|
|
+ let _this = this
|
|
|
+ uni.scanCode({
|
|
|
+ success: function (res) {
|
|
|
+ console.log(res)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ //_this.Scancodedate('res')
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -24,5 +63,42 @@
|
|
|
overflow: hidden;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
+ background-color: $page-bg;
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+ .tab_box {
|
|
|
+ width: 100%;
|
|
|
+ height: 68rpx;
|
|
|
+ background: #fff;
|
|
|
+
|
|
|
+ .tab_item {
|
|
|
+ height: 68rpx;
|
|
|
+ line-height: 68rpx;
|
|
|
+ padding: 0 20rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #979C9E;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .active {
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-bottom: 6rpx solid $theme-color;
|
|
|
+ color: $theme-color;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .list_box {
|
|
|
+ flex: 1;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 4rpx 0;
|
|
|
+
|
|
|
+ .u-list {
|
|
|
+ height: 100% !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
</style>
|
ysy