mycomponents/query mycomponents/receive 文件迁移 8/8-10/25

4 weeks ago · d2aa7e2f89
8 changed files with 599 additions and 0 deletions
--- a/src/mycomponents/query/balanceQuery.vue
+++ b/src/mycomponents/query/balanceQuery.vue
@ -0,0 +1,211 @@
+<template>
+	<view style=" ">
+		<uni-drawer ref="showRight" mode="left" :mask-click="true" :width="330">
+			<view style="height:100vh;display:flex;flex-direction:column;">
+				<view class="uni-flex" style="justify-content: center;
+				background-color:#007AFF ;
+				color: #fff; 
+				padding: 15rpx;
+				font-size: 35rpx;">
+					库存查询
+				</view>
+				<scroll-view v-if="true" style="height: calc(100vh - 180rpx)" scroll-y="true">
+					<!-- <button @click="closeDrawer" type="primary">关闭Drawer</button> -->
+					<!-- <view v-for="item in 110" :key="item">可滚动内容 {{ item }}</view> -->
+					<view class="" style="margin: 10rpx; font-size: 35rpx;">
+						物料号：
+					</view>
+					<view style=" margin: 10rpx; display: flex; align-items: center;">
+						<uni-easyinput class="uni-mt-5" prefixIcon="search" v-model="itemCode" placeholder="请输入物料号"
+							@clear="clearItemCode" @confirm="onConfirmItemCode"></uni-easyinput>
+						<!-- <view>查询</view> -->
+						<!-- <button  style="height: 80rpx; align-items: center; text-align: center;" type="primary" size="mini" >查询</button> -->
+					</view>
+
+					<view v-for="(item, index) in itemCodeResult" :key="index" @click="selectItemCode(item)">
+						<view class="" style="font-size: 30rpx; margin: 20rpx;">
+							<view class="">
+								({{index+1}}) 物料代码 : {{item.code}}
+							</view>
+							<view class="">
+								名称 : {{item.name}}
+							</view>
+							<view class="">
+								描述1 : {{item.desc1}}
+							</view>
+							<view class="">
+								描述2 : {{item.desc1}}
+							</view>
+						</view>
+						<view class="split_line"></view>
+					</view>
+					<scroll-view scroll-x="true" v-if="tableData.length>0"
+						style="width: 330px; display: flex; align-items: center;  justify-content: center; ">
+						<view
+							style="width: 330px; display: flex;justify-content: center; background-color: #fff; padding-bottom: 150rpx;">
+							<uni-table border stripe emptyText="暂无更多数据">
+								<!-- 表头行 -->
+								<uni-tr>
+									<uni-th width="60" align="left">批次</uni-th>
+									<uni-th width="100" align="left">库位</uni-th>
+									<uni-th width="60" align="left">状态</uni-th>
+									<uni-th width="120" align="left">数量</uni-th>
+								</uni-tr>
+								<!-- 表格数据行 -->
+								<uni-tr v-for="(item, index) in tableData" :key="index">
+									<uni-td>{{item.batch}}</uni-td>
+									<uni-td>{{item.locationCode}}</uni-td>
+									<uni-td>{{statusDesc(item.inventoryStatus)}}</uni-td>
+									<uni-td>{{item.totalQty}}</uni-td>
+								</uni-tr>
+
+							</uni-table>
+							<!-- <view class="uni-flex"   style=" flex-direction: column; position: fixed; bottom: 0;  margin-bottom: 100rpx; background-color: #fff; width: 100%; align-items: center;" >
+								<view class="" style="width: 100%; display: flex;  justify-content: center; font-size: 32rpx;margin-top: 10rpx;margin-bottom: 10rpx;">
+									<view class="" >当前页：{{ current }}，总数：{{ total }}条，每页：{{ pageSize }}
+								</view>
+								
+								</view>
+								<uni-pagination :current="current" :total="total" :show-icon="true"
+									@change="change" />
+							</view> -->
+
+						</view>
+
+					</scroll-view>
+
+				</scroll-view>
+
+				<button @click="closeDrawer" type="primary" style="padding-left: 20rpx; width: 100%;">关闭</button>
+			</view>
+
+		</uni-drawer>
+		<comMessage ref="comMessage"></comMessage>
+	</view>
+</template>
+
+<script>
+	import {
+		getBasicItemByCodeSenior,
+		getBalanceByBusinessType
+	} from '@/api/request2.js';
+
+	import {
+		getInventoryStatusStyle,
+		getInventoryStatusName
+	} from '@/common/directory.js';
+
+	export default {
+		components: {},
+
+		data() {
+			return {
+				itemCode: "",
+				itemCodeResult: [],
+				current: 1,
+				total: 18,
+				tableData: []
+			}
+		},
+		props: {
+			// detail: {
+			// 	type: Object,
+			// 	default: {}
+			// },
+			businessTypeCode: {
+				type: String,
+				default: ""
+			}
+		},
+		watch: {
+
+		},
+		methods: {
+			statusStyle: function(val) {
+				return getInventoryStatusStyle(val);
+			},
+			statusDesc(value) {
+				return getInventoryStatusName(value)
+			},
+			change() {
+
+			},
+			showErrorMessage(message) {
+				this.$refs.comMessage.showErrorMessage(message, res => {
+					if (res) {
+
+					}
+				});
+			},
+			selectItemCode(item) {
+				this.itemCode = item.code
+				this.itemCodeResult = []
+				this.getBalanceByBusiness(this.itemCode, this.businessTypeCode)
+			},
+			clearItemCode() {
+				this.itemCode = ""
+				this.itemCodeResult = []
+				this.tableData =[]
+			},
+			onConfirmItemCode() {
+				if (!this.itemCode) {
+					this.showErrorMessage("物料号为空,请先输入物料号")
+					return;
+				}
+				this.tableData=[]
+				uni.showLoading({
+					title: "加载中",
+					mask: true
+				})
+
+				getBasicItemByCodeSenior(this.itemCode).then(res => {
+					if (res.data && res.data.list.length > 0) {
+					 if (res.data.list.length == 1) {
+							this.itemCode = res.data.list[0].code
+							this.getBalanceByBusiness(this.itemCode, this.businessTypeCode)
+						} else {
+							uni.hideLoading()
+							this.itemCodeResult = res.data.list
+						}
+					} else {
+						uni.hideLoading()
+						this.showErrorMessage("未查找到物料[" + this.itemCode + "]")
+					}
+
+				}).catch(error => {
+					uni.hideLoading()
+					this.showErrorMessage(error)
+				})
+			},
+			getBalanceByBusiness(itemCode, businessType) {
+				var params = {
+					itemCode: itemCode,
+					businessType: businessType,
+					inOrOut:"out"
+				}
+				getBalanceByBusinessType(params).then(res => {
+					uni.hideLoading()
+					if (res.data && res.data.length > 0) {
+						this.tableData = res.data
+					} else {
+						this.showErrorMessage("系统异常:按"+res.msg+"未查找到库存")
+					}
+
+				}).catch(error => {
+					uni.hideLoading()
+					this.showErrorMessage(error)
+				})
+			},
+
+			showDrawer() {
+				this.$refs.showRight.open();
+			},
+			closeDrawer() {
+				this.$refs.showRight.close();
+			}
+		}
+	}
+</script>
+
+<style>
+</style>
--- a/src/mycomponents/query/showListItem.vue
+++ b/src/mycomponents/query/showListItem.vue
@ -0,0 +1,84 @@
+<template>
+	<view class="wyf">
+		<uni-popup ref="listPopup" type="dialog">
+			<view class="container">
+				<uni-list class="list">
+					<uni-list-item v-for="(item,index) in list" :title="item.title"
+				 	 thumb-size="lg" >
+					<template v-slot:footer>
+		<!-- 					<image class="slot-image" src="@/static/logo.png" mode="widthFix" @click="selectItem(item,index)"></image -->
+						<text class="go" @click="selectItem(item,index)">Go</text>
+					</template>
+					 
+					</uni-list-item>
+					
+				</uni-list>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+import { onShow } from '@dcloudio/uni-app';
+	export default {
+		emits: ["selectItem"],
+		components: {
+		},
+		data() {
+			return {
+				isScanedASN:false,
+				list: []
+				// [{
+				// 	title:'哈哈哈哈',
+				// 	selected:false
+				// }],
+			}
+		},
+		props: {
+		},
+		methods:{
+			openList(list){
+				this.list = list;
+				this.$refs.listPopup.open('center')
+			},
+			selectItem(item,index){
+				this.$refs.listPopup.close();
+				this.$emit("selectItem", item);
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.wyf{
+		// display: block;
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		z-index: 1000
+	}
+	.container{
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		.list{
+			width: 80%;
+			max-height:50vh;
+			overflow-y: auto;
+			border-radius: 10px !important;
+			.slot-image{
+				width: 40rpx;
+			}
+			.go{
+				color: rgb(60, 156, 255);
+			}
+			
+		}
+		
+	}
+	.list ::v-deep .uni-list--border{
+		border: 1rpx solid #e5e5e5;
+	}
+</style>
--- a/src/mycomponents/receive/receiveBottom.vue
+++ b/src/mycomponents/receive/receiveBottom.vue
@ -0,0 +1,49 @@
+<template>
+	<!-- style="margin-top: 10rpx;margin-bottom: 10rpx;" class="uni-flex uni-row space-between u-col-center" -->
+	<view class="task_item">
+		<view class="uni-flex space-between u-col-center">
+			<view class="uni-flex uni-row  u-col-center">
+				<image class="card_icon_normal" src="/static/icons/icon_customer.svg" alt="" />
+				<text style="font-size: 32rpx;" >{{dataContent.creator}}</text>
+			</view>
+			<view class="uni-flex uni-row  u-col-center">
+				<image class="card_icon_normal" src="/static/icons/icon_date.svg" alt="" />
+				<text style="font-size: 32rpx;"  class="center">{{formatDate(dataContent.createTime)}}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		dateFormat
+	} from '@/common/basic.js';
+
+	export default {
+		components: {
+
+		},
+		data() {
+			return {
+
+			};
+		},
+		watch: {},
+
+		props: {
+			dataContent: {
+				type: Object,
+				default: {}
+			}
+		},
+
+		methods: {
+			formatDate: function(val) {
+				return dateFormat(val)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+</style>
--- a/src/mycomponents/receive/receiveNumber.vue
+++ b/src/mycomponents/receive/receiveNumber.vue
@ -0,0 +1,36 @@
+<template>
+	<view class="task_number">
+		<!-- <text>任务编号 : {{number}}</text> -->
+		<text> {{number}}</text>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+
+			};
+		},
+		watch: {
+
+		},
+
+		props: {
+			number: {
+				type: String,
+				default: ''
+			},
+		},
+
+		methods: {}
+	}
+</script>
+
+<style lang="scss">
+</style>
+
+
+<style>
+</style>
--- a/src/mycomponents/receive/receiveStatus.vue
+++ b/src/mycomponents/receive/receiveStatus.vue
@ -0,0 +1,46 @@
+<template>
+	<view >
+		<text :class="statusStyle(receiveStatus)">
+			{{ receiveStatusInfo.label}}
+		</text>
+	</view>
+</template>
+
+<script>
+	import {
+		getReceiveStateInfo,
+		getJobStateInfo
+	} from '@/common/directory.js';
+
+	export default {
+		components: {
+
+		},
+		data() {
+			return {
+				receiveStatusInfo: {}
+			};
+		},
+		watch: {},
+
+		props: {
+			receiveStatus: {
+				type: String,
+				default: ""
+			}
+		},
+
+		mounted() {},
+
+		methods: {
+			statusStyle(value) {
+				this.receiveStatusInfo = getReceiveStateInfo(value);
+				return getReceiveStateInfo(value).remark
+			}
+		}
+	}
+</script>
+
+
+<style>
+</style>
--- a/src/mycomponents/receive/receiveTop.vue
+++ b/src/mycomponents/receive/receiveTop.vue
@ -0,0 +1,41 @@
+<template>
+	<view class="task_top">
+		<view class="uni-flex space-between u-col-center align-center" style="margin-bottom: 10rpx;">
+			<receive-number :number="dataContent.number"></receive-number>
+			<receive-status :receiveStatus="dataContent.receiveStatus"></receive-status>
+		</view>
+	</view>
+</template>
+
+<script>
+	import receiveNumber from '@/mycomponents/receive/receiveNumber.vue'
+	import receiveStatus from '@/mycomponents/receive/receiveStatus.vue'
+	export default {
+		components: {
+			receiveNumber,
+			receiveStatus
+		},
+		data() {
+			return {
+
+			};
+		},
+		watch: {},
+
+		props: {
+			dataContent: {
+				type: Object,
+				default: {}
+			},
+		},
+
+		methods: {
+			openDetail(item) {
+				this.$emit("openDetail", this.dataContent);
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+</style>
--- a/src/mycomponents/receive/recordComDetailCard.vue
+++ b/src/mycomponents/receive/recordComDetailCard.vue
@ -0,0 +1,91 @@
+<template>
+	<view class="task_item">
+		<view class="task_text" style="border-top: 1px solid #dedede;padding-top: 20rpx;margin-top: 20rpx;">
+			<!-- 主子表拆分，没有数量了 -->
+			<itemCompareQty :dataContent="dataContent" 
+			:isShowPackCount="isShowPackCount"
+			:handleQty="dataContent.handleQty" :isShowPackUnit="false"
+				></itemCompareQty>
+				<!-- :objTextStyle="{'fontWeight':'bold','fontSize':'40rpx'}" -->
+			<div class="u-p-l-10">
+				<pack v-if="isShowPack && dataContent.packingNumber!=null" :packingCode="dataContent.packingNumber">
+				</pack>
+				<batch v-if="isShowBatch && dataContent.batch!=null" :batch="dataContent.batch"></batch>
+				<view class="u-flex u-row-between">
+					<location v-if="isShowFromLocation&&dataContent.fromLocationCode" title="来源库位" :locationCode="dataContent.fromLocationCode">
+					</location>
+				</view>
+				<to-location v-if="isShowToLocation" title="目标库位" :locationCode="dataContent.toLocationCode||dataContent.locationCode">
+				</to-location>
+			
+			</div>
+		</view>
+	</view>
+</template>
+
+<script>
+	import pack from '@/mycomponents/balance/pack.vue'
+	import location from '@/mycomponents/balance/location.vue'
+	import toLocation from '@/mycomponents/balance/toLocation.vue'
+	import batch from '@/mycomponents/balance/batch.vue'
+	import itemCompareQty from '@/mycomponents/item/itemCompareQty.vue'
+	import level from '@/mycomponents/balance/level.vue'
+
+	export default {
+		components: {
+			pack,
+			location,
+			toLocation,
+			batch,
+			itemCompareQty,
+			level
+		},
+		data() {
+			return {};
+		},
+
+		props: {
+			dataContent: {
+				type: Object,
+				default: {}
+			},
+			isShowContainer: {
+				type: Boolean,
+				default: true
+			},
+			isShowPack: {
+				type: Boolean,
+				default: true
+			},
+			isShowBatch: {
+				type: Boolean,
+				default: true
+			},
+			isShowFromLocation: {
+				type: Boolean,
+				default: true
+			},
+			isShowToLocation: {
+				type: Boolean,
+				default: true
+			},
+			isShowDeliverType: {
+				type: Boolean,
+				default: false
+			},
+			isShowPackCount: {
+				type: Boolean,
+				default: false
+			}
+		},
+
+
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>
--- a/src/mycomponents/receive/recordComMainCard.vue
+++ b/src/mycomponents/receive/recordComMainCard.vue
@ -0,0 +1,41 @@
+<template>
+	<view>
+		<view class="task_card">
+			<receiveTop :dataContent="dataContent"></receiveTop>
+			<!-- <view class="split_line"></view> -->
+			<slot></slot>
+			<view class="split_line"></view>
+			<receiveBottom :dataContent="dataContent"></receiveBottom>
+		</view>
+	</view>
+</template>
+
+<script>
+	import receiveTop from '@/mycomponents/receive/receiveTop.vue'
+	import receiveBottom from '@/mycomponents/receive/receiveBottom.vue'
+
+	export default {
+		components: {
+			receiveTop,
+			receiveBottom,
+		},
+		data() {
+			return {};
+		},
+
+		props: {
+			dataContent: {
+				type: Object,
+				default: {}
+			},
+		},
+
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>