做到了借库存

ghs/src/views/book/components/loan-item.vue

@@ -0,0 +1,92 @@
+<template>
+	<div>
+		<el-drawer :visible.sync="showArea" size="55vw" :before-close="closeFn" custom-class="drawer-class" direction="ltr">
+			<div>
+				<div style="margin-left:2px;font-weight:bold;">【{{ currentData.customName?currentData.customName:'' }}】{{ currentData.itemName?currentData.itemName:'' }} 借库存</div>
+                <x-crud @load="onLoad">
+                </x-crud>
+			</div>
+		</el-drawer>
+	</div>
+</template>
+<script>
+export default {
+	name: 'loan-item',
+	props: {
+		currentData: {
+			type: Object,
+			default: () => {}
+		}
+	},
+	data() {
+		return {
+			showArea: false
+		};
+	},
+	methods: {
+		init() {
+			this.showArea = true
+			if(this.app){
+				this.app.refresh()
+			}
+		},
+		closeFn() {
+			this.showArea = false;
+		},
+		onLoad({ ctx, app }) {
+			this.app = app;
+			ctx.service(this.$service.stock)
+			.set('table', {
+				columns: [
+					{
+						label: '日期',
+						prop: 'addTime',
+						align: 'center',
+					},
+					{
+						label: '名称',
+						prop: 'relateName',
+						align: 'center',
+					},
+					{
+						label: '事项',
+						prop: 'typeName',
+						align: 'center',
+					},
+					{
+						label: '变动',
+						prop: 'bigNumOrder',
+						align: 'center',
+					},
+					{
+						label: '剩余',
+						prop: 'bigNumStock',
+						align: 'center',
+					}
+				],
+				op: {
+					visible: true,
+					props: {
+						width: 160,
+						align: 'center',
+						fixed: 'right',
+						label: '操作'
+					},
+					layout: []
+				}
+			})
+			.set('layout', [
+				[ 'data-table' ],
+				['flex1', 'pagination']
+			])
+			.done()
+			app.refresh()
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.drawer-class{
+	height:100vh;
+}
+</style>

ghs/src/views/book/itemCustom.vue

@@ -51,6 +51,7 @@
 		<book-road-record ref="bookRoadRecord" :currentData="bookRoadRecordData" />
 		<book-cg-record ref="bookCgRecord" :currentData="bookCgRecordData" />
 		<book-item-ghs ref="bookItemGhs" :currentData="bookItemGhsData" />
+		<loan-item ref="loanItem" :currentData="loanData" />
 
 	</div>
 </template>
@@ -61,13 +62,15 @@ import bookOnRecord from './components/book-on-record';
 import bookCgRecord from './components/book-cg-record';
 import bookRoadRecord from './components/book-road-record';
 import bookItemGhs from './components/book-item-ghs';
+import loanItem from './components/loan-item';
 export default {
 	components: {
 		bookRecord,
 		bookOnRecord,
 		bookCgRecord,
 		bookRoadRecord,
-		bookItemGhs
+		bookItemGhs,
+		loanItem
 	},
 	data() {
 		return {
@@ -95,6 +98,7 @@ export default {
 			bookOnRecordData:{},
 			bookRecordData:{},
 			bookItemGhsData:{},
+			loanData:{},
 			selectedIds:[]
 		};
 	},
@@ -153,7 +157,10 @@ export default {
 			})
 		},
 		loanStock(info){
-
+			this.loanData = {customId:info.customId,customName:info.customName,id:info.id,itemName:info.name,itemId:info.itemId}
+			setTimeout(() => {
+				this.$refs.loanItem.init()
+			})
 		},
 		goOff(info){
 			let that = this