剩余模块：生产入库，销售出库

pages/outOftock/index.vue

@@ -2,6 +2,9 @@
 	<view class="app status-bar-gap">
 		<view class="page">
 			<l-header title="销售出库" sticky></l-header>
+			<view class="input-box">
+				<up-tabs :scrollable="false" :list="state.tabsList"></up-tabs>
+			</view>
 			<view class="input-box">
 				<view class="input-item">
 					<up-input :placeholder="t('receive.djbh')" border="none" clearable inputAlign="left"
@@ -16,14 +19,13 @@
 				<scroll-view id="scroll-box" class="scroll-box" scroll-y="true"
 					:style="{'height':state.scrollHeight+'px'}" @scrolltolower="fnScrollBottom()">
 					<view class="list-box-list" v-if="state.dataList.length > 0">
-						<view class="data-item" @click.stop="fnToUrl(item)"
-							v-for="(item, index) in state.dataList" :key="index">
+						<view class="data-item" @click.stop="fnToUrl(item)" v-for="(item, index) in state.dataList" :key="index">
 							<view class="tit">{{ t('receive.djbh') }}：{{item.FBillNo}}</view>
 							<view class="line-p"></view>
 							<view class="b-font">{{ t('receive.rq') }}：{{item.FDateFormat}}</view>
 						</view>
 					</view>
-					<view  v-if="state.dataList.length==0">
+					<view v-if="state.dataList.length==0">
 						<up-empty mode="list"></up-empty>
 					</view>
 				</scroll-view>
@@ -33,7 +35,7 @@
 </template>
 
 <script lang="ts" setup>
-	import { reactive, nextTick, onMounted, ref } from 'vue';
+	import { reactive, nextTick, onMounted, ref,computed } from 'vue';
 	import { onLoad, onShow, onReachBottom } from '@dcloudio/uni-app'
 	import { useI18n } from 'vue-i18n'
 	import { parseTime } from '../../utils/tools.js';
@@ -49,7 +51,11 @@
 			pageIndex: 1,
 			pageSize: 200,
 			totalCount: 0
-		}
+		},
+		tabsList: [
+			{ name: computed(() => '包装'), type: '1' },
+			{ name: computed(() => '单独物料'), type: '2' },
+		]
 	})
 
 	onShow(() => {
@@ -63,10 +69,10 @@
 		fnDataList()
 	})
 	const fnScrollBottom = () => {
-		console.log(state.page.pageIndex * state.page.pageSize,state.page.totalCount);
+		console.log(state.page.pageIndex * state.page.pageSize, state.page.totalCount);
 		if (state.page.pageIndex * state.page.pageSize <= state.page.totalCount) {
 			debugger
-			state.page.pageIndex ++;
+			state.page.pageIndex++;
 			uni.showLoading({ mask: true });
 			setTimeout(() => {
 				fnDataList();
@@ -74,7 +80,7 @@
 		}
 	}
 	const fnToUrl = (item : any) => {
-		toPages('/pages/outOftock/material',{id:item.FID,fBillNo:item.FBillNo})
+		toPages('/pages/outOftock/material', { id: item.FID, fBillNo: item.FBillNo })
 	}
 	const debounceTimer = ref()
 	const changeFun = (e : any) => {
@@ -174,25 +180,29 @@
 			.receive-listBox {
 				flex: 1;
 
-				.list-box-list{
+				.list-box-list {
 					width: 100%;
+
 					// margin: 20rpx auto;
-					.data-item{
+					.data-item {
 						border: 1px solid #efeaea;
 						border-radius: 20rpx;
-						box-shadow: 0rpx 15rpx 15rpx  #efeaea;
+						box-shadow: 0rpx 15rpx 15rpx #efeaea;
 						padding: 20rpx 20rpx 0;
 						margin-bottom: 20rpx;
 						background-color: #ffffff;
-						.tit{
+
+						.tit {
 							font-size: 30rpx;
 							font-weight: bold;
 							padding: 20rpx 0;
 						}
-						.line-p{
+
+						.line-p {
 							border: 1px solid #efeaea;
 						}
-						.b-font{
+
+						.b-font {
 							font-size: 25rpx;
 							padding: 20rpx 0;
 						}
@@ -201,5 +211,4 @@
 			}
 		}
 	}
-	
 </style>