乐心定制页面

src/router/index.js

@@ -205,7 +205,7 @@ export const powerRoutes=[
 								path: "dbrkd",
 							},
 							{
-								erpComponent: true,
+								// erpComponent: true,
 								component: 'ccgl/rkgl/sjrw/index',
 								hidden: false,
 								meta: {
@@ -232,6 +232,20 @@ export const powerRoutes=[
 								name: 'sjzy',
 								path: "sjzy",
 							},
+              {
+              	component: 'ccgl/rkgl/mpzy/index',
+              	hidden: false,
+              	meta: {
+              		"title": "码盘作业",
+              		"icon": "",
+              		"noCache": false,
+              		"link": null,
+              		"mkid": 920030900,
+              	},
+              	name: 'mpzy',
+              	path: "mpzy",
+              },
+
 						],
 					},
 					/* 出库管理 */
@@ -251,7 +265,7 @@ export const powerRoutes=[
 						path: "ckgl",
 						children: [
 							{
-								erpComponent: true,
+								// erpComponent: true,
 								component: 'ccgl/ckgl/ckd/index',
 								hidden: false,
 								meta: {

src/views/ccgl/ckgl/ckd/index.vue

 <template>
-  <div class="full higher ">
+  <div class="outer">
+    <div class=" higher flex-column">
+      <!-- 分层-->
+      <div class="top">
+        <Top @getRow='topGetRow' ref="top"></Top>
+      </div>
+      <div class="bottom flex">
+        <div class="full"  >
+            <el-tabs class="full" v-model="activeName" >
+              <el-tab-pane  class="full" label="出库单明细" name="first">
+                <Mx    ref="mx" class="full"  />
+              </el-tab-pane>
+         
+            </el-tabs>
 
+        </div>
+      </div>
 
+    </div>
   </div>
 </template>
 
 <script>
-  export default{
+  import Top from './top/index.vue'
+  import Mx from './mx.vue'
+  export default {
+    components: {
+      Top,
+      Mx,
+     
+    },
+    data(){
+      return{
+        activeName:'first'
+      }
+    },
+    methods: {
+      topGetRow(row) {
+        /* dom赋值*/
+        let mid = row.id
+        this.$refs.mx.$refs.basePage.queryParams.mid = mid
+        this.$refs.mx.$refs.basePage.$refs['TablePager'].pageQuery({
+          setFirstCurrent: true
+        })
+
+      },
+
+    }
 
   }
 </script>
 
-<style lang="scss" scoped >
-  .higher{
+<style lang="scss" scoped>
+  .outer {
+    overflow: auto;
+    height: calc(100vh - 84px);
+    width: 100%;
+
+    .top {
+      width: 100%;
+      height: 45%;
+    }
+
+    .bottom {
+      width: 100%;
+      height: 55%;
+
+      .left {
+        width: 50%;
+        height: 100%;
+      }
+
+      .right {
+        width: 50%;
+        height: 100%;
+      }
+    }
+  }
+
+  .higher {
     height: 140vh;
   }
+
+  .flex-column {
+    display: flex;
+    flex-direction: column;
+  }
+  ::v-deep .el-tabs__content{
+     height: calc(100% - 40px);
+   }
+   ::v-deep .el-tabs__nav-scroll{
+     padding-left: 10px;
+   }
 </style>

src/views/ccgl/ckgl/ckd/mx.vue

+<template>
+  <BasePage  @getRow='getRow' ref="basePage" :power='power' :toolButton='false' class="min_full" style="height: 100%;border-top: 0px;" :autoQuery='false'
+    :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+  // import wlphsx from 'common/src/mixin/wlphsx.js'
+  export default {
+    // mixins:[wlphsx],
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          url: 'wms/ckgl/llck',
+          queryUrl: 'wms/ckgl/llck/query/detail',
+          tableTitle: [{
+              title: "物料编号",
+              field: "wlcode",
+              fieldType: "upper",
+              width: 140
+            },
+            {
+                title: "物料名称",
+                field: "wlmc",
+                width: 140
+              },
+            {
+                title: "物料规格",
+                field: "gg",
+                width: 140
+              },
+              {
+                  title: "物料批号",
+                  field: "wlph",
+                  width: 140
+                },
+              {
+              	title: "计量单位",
+              	field: "jldwname",
+              	width: 100,
+              },
+              {
+              	title: "领料数量",
+              	field: "yfsl",
+                width: 100,
+              },
+              {
+              	title: "库存数量",
+              	field: "kcsl",
+              	width: 100,
+              },
+              {
+              	title: "制令号",
+              	field: "zlh",
+              	width: 120,
+              },
+            {
+              title: "库位",
+              field: "kwName",
+              width: 100,
+            },
+            {
+              title: "备注",
+              field: "bz",
+              width: 200
+            }
+          ],
+          queryParams: [],
+
+        }
+      }
+
+    },
+    methods: {
+      getRow(val){
+        this.$emit('getRow',val)
+      },
+      demo(ctx){
+        if(ctx.singleItem&&ctx.singleItem.id){
+          console.log(ctx.singleItem)
+        }else{
+          this.$warning('请选中一条数据')
+        }
+      }
+
+    },
+    components: {
+
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/ckgl/ckd/top/edit.vue

+<template>
+	<RelDialog bigTitle detailTable='LLCKMX' @getFormDetail='getFormDetail' width="70%" :type='type' :editApp='editApp'
+		:app='app' :buttonApp='buttonApp'>
+		<el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules">
+			<el-row :gutter="20" :app="this" class="editRow">
+				<EditColItem :required="item.required||false" :readonly="item.readonly?true:false "
+					v-for="(item,index) in editColItemList " :value="item.value" :span="item.span" :label="item.label"
+					:prop='item.prop' :key="item.prop" :type="item.type" :typeConfig='item.typeConfig'
+					:rule="item.rule" />
+				<!-- 额外数据 -->
+			</el-row>
+
+			<div class="editTab">
+				<editTableForEdit :indexApp='app' :type='type' @save='save' ref="editTableForEdit"
+					:editTableTitle='editTableTitle' v-if="editTableForEdit" :computedRow='computedRow'
+					:editTableData="formDetail" >
+				<!-- 	<template v-if="type!='view'" #toolbar="ctx">
+						<AuxButton  :queryParams="{
+							ckid:form.ckid
+						}"   rename='选择库存' code='WLKC'  @save="savekc"  />
+					</template> -->
+				</editTableForEdit>
+			</div>
+			<el-row class="bottomInfo" :gutter="20">
+				<el-col class="center" :span="12">
+					创建人:{{
+						form.cjr||localUser
+					}}
+				</el-col>
+				<el-col class="center" :span="12">
+					创建时间:{{
+						$moment(form.cjsj).format('YYYY-MM-DD HH:mm:ss')||$moment().format('YYYY-MM-DD HH:mm:ss')
+					  }}
+				</el-col>
+			</el-row>
+		</el-form>
+
+		<!-- editTab数据 -->
+	</RelDialog>
+</template>
+<script>
+	import {
+		toFixed,
+		digit,
+		doRkdChange
+	} from 'common/src/utils/blur.js'
+	import {
+		editMixin,
+		editMixin_expand
+	} from 'common'
+
+	export default {
+		mixins: [editMixin, editMixin_expand],
+		methods: {
+			/* 需要整体row时的回调 */
+			computedRow(row) {
+				// this.$refs.editTableForEdit.$forceUpdate()
+			},
+			/* 选择list时的回调 */
+			save(list) {
+				list.forEach(async item => {
+					let res = await this.$post('kc/common/query/kcsl', {
+						ckid: this.form.ckid,
+						wlid: item.id
+					})
+					item.kcsl = res.data.records.kcsl || 0
+					// 转换并且push
+					item.wlid = item.id
+					item.wlmc = item.name
+					item.wlcode = item.code
+					item.hsjg = 0
+					delete item.id
+					this.formDetail.push(_.cloneDeep(item))
+
+				})
+			},
+			/* 选择库存回调 */
+			savekc(list){
+				list.forEach( item => {
+					// 转换并且push
+					delete item.id
+					this.formDetail.push(_.cloneDeep(item))
+
+				})
+			}
+		},
+		data() {
+			return {
+				/* 常规edit数据 */
+				editColItemList: [{
+						label: '出库单号',
+						prop: 'djid',
+						span: 8,
+						type: 'input',
+						// "required": true,
+					},
+					{
+						label: '出库日期',
+						prop: 'llrq',
+						span: 8,
+						type: 'date',
+						value: new Date().getTime(),
+						"required": true,
+					},
+					{
+						"label": "仓库",
+						"prop": "ckid",
+						"span": 8,
+						"type": "RelSelect",
+						"value": "",
+						"required": true,
+						"typeConfig": {
+							"src": "jcsj/common/ck/queryCkid",
+							"match": {
+								"value": "id",
+								"label": "name"
+							},
+							change: (row) => {
+								this.form.bgy = row.bgy
+							}
+						}
+					},
+					{
+						label: '需求日期',
+						prop: 'xqrq',
+						span: 8,
+						type: 'date',
+						value: new Date().getTime(),
+						"required": true,
+					},
+					{
+						"label": "事务类型",
+						"prop": "swlxid",
+						"span": 8,
+						"type": "RelSelect",
+						"value": "",
+						"required": true,
+						"typeConfig": {
+							"src": "wms/ckgl/llck/init/swlx",
+							"match": {
+								"value": "id",
+								"label": "name"
+							}
+						}
+					},
+					{
+						"label": "领料部门",
+						"prop": "bmid",
+						"span": 8,
+						"type": "RelSelect",
+						"value": "",
+						"required": true,
+						"typeConfig": {
+							"src": "jcsj/common/bm/query",
+							"match": {
+								"value": "id",
+								"label": "bmmc"
+							}
+						}
+					},
+					{
+						label: '领料人',
+						prop: 'llr',
+						span: 8,
+						type: 'input',
+						"required": true
+
+					},
+					{
+						label: '备注',
+						prop: 'bz',
+						span: 16,
+						type: 'input',
+					},
+				],
+				/* 从表编辑数据 */
+				editTableTitle: [{
+						title: "序号",
+						field: "xh",
+						width: 50,
+						align: "center"
+					},
+					{
+						title: "物料编号",
+						field: "wlcode",
+						width: 240,
+					},
+					{
+						title: "物料名称",
+						field: "wlmc",
+						width: 160
+					},
+					{
+						title: "规格",
+						field: "gg",
+						width: 140
+					},
+
+					{
+						title: "领料数量",
+						field: "yfsl",
+						allowEdit: true,
+						type: 'inputNumber',
+						width: 200,
+						blur: toFixed(null),
+					},
+					{
+						title: "库存数量",
+						field: "kcsl",
+						width: 200,
+						blur: toFixed(null),
+					},
+					{
+						title: "计量单位",
+						field: "jldwname",
+						width: 100,
+						allowEdit: false
+					},
+					{
+						title: "物料批号",
+						field: "wlph",
+						type: 'inputText',
+						width: 200,
+						// show: JSON.parse(localStorage.getItem('isPhgl'))
+					},
+          {
+          	title: "制令号",
+          	field: "zlh",
+          	type: 'inputText',
+          	width: 200,
+          	// show: JSON.parse(localStorage.getItem('isPhgl'))
+          },
+					{
+						show: JSON.parse(localStorage.getItem('isKwgl')),
+						title: "库位",
+						field: "kwid",
+						width: 240,
+						type: 'AuxInput',
+						typeConfig: {
+							isRequest: false,
+							"code": "KWWH",
+							"label": "kwName",
+							queryParams: (row) => {
+								return {
+									ckid: this.form.ckid
+								}
+							},
+							"transform": {
+								"value": "id",
+								"label": "name"
+							}
+
+						}
+					},
+					{
+						title: "备注",
+						field: "bz",
+						width: 200,
+						type: 'inputText',
+						allowEdit: true,
+					}
+				]
+			}
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	@import url("~common/src/assets/styles/editDetail.scss");
+</style>

src/views/ccgl/ckgl/ckd/top/index.vue

+<template>
+	<BasePage  @getRow='getRow'   class="min_full" style="height: 100%;" :config="config">
+		<template #dialog="ctx">
+			<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+		</template>
+		<template #toolbar="ctx">
+		 <!-- <el-button @click="demo(ctx.basePage)" size='mini'  type="primary">直接入库</el-button> -->
+		 <ImportButton @success="()=>{
+		  			        ctx.basePage.refresh()
+		  			        }" :url="'/wms/ckgl/llck/import'" />
+		</template>
+
+	</BasePage>
+</template>
+
+<script>
+	import Edit from './edit.vue'
+	export default {
+		data() {
+			return {
+				config: {
+					queryDetail: true,
+					/* 基本配置*/
+					url: 'wms/ckgl/llck',
+					tableTitle: [{
+							title: "状态",
+							field: "zt",
+							fieldType: "ftString",
+							align: 'center',
+							width: 80,
+							"transform": {
+								"url": "wms/ckgl/llck/init/zt",
+								"label": "name",
+								"value": "id"
+							}
+						},
+						{
+							title: "出库单号",
+							field: "djid",
+							width: 140
+						},
+						{
+							title: "出库日期",
+							field: "llrq",
+							fieldType: 'ftDate'
+						},
+						{
+							title: "领料人",
+							field: "llr",
+							width: 140
+						},
+						{
+							title: "事务类型",
+							field: "swlxmc",
+							width: 100
+						},
+						{
+							title: "仓库",
+							field: "ckid",
+							width: 140,
+							hidden: true
+						},
+						{
+							title: "仓库",
+							field: "ckmc",
+							width: 140
+						},
+						{
+							title: "需求日期",
+							field: "xqrq",
+							fieldType: 'ftDate'
+						},
+						{
+							title: "领料部门",
+							field: "bmmc",
+							width: 140
+						},
+						{
+							title: "备注",
+							field: "bz",
+							width: 240
+						},
+						{
+							title: "维护人",
+							field: "whr"
+						},
+						{
+							title: "维护时间",
+							field: "whsj",
+							fieldType: 'ftDateTime'
+						}
+					],
+					queryParams: [
+						[{
+								label: '日期',
+								startProp: "llrqb",
+								endProp: "llrqe",
+								span: 12,
+								type: 'RelDaterangeV2',
+								startValue: new Date().getTime()-1000*60*60*24*30,
+								endValue:new Date().getTime(),
+							},
+							{
+								"label": "仓库",
+								"prop": "ckid",
+								"span": 6,
+								"type": "RelSelect",
+								"value": "",
+								"typeConfig": {
+									"src": "jcsj/common/ck/queryCkid",
+									"match": {
+										"value": "id",
+										"label": "name"
+									}
+								}
+							},
+							{
+								label: '单据编号',
+								prop: 'djid',
+								span: 6,
+								type: 'input',
+								value: ''
+							}
+
+
+						],[
+							{
+							  label: '状态',
+							  prop: 'zt',
+							  span: 6,
+							  type: 'RelSelect',
+							  typeConfig: {
+							    src: 'wms/ckgl/llck/init/zt'
+							  }
+							},
+              {
+                label: '事务类型',
+                prop: 'swlxid',
+                span: 6,
+                type: 'RelSelect',
+                typeConfig: {
+                  src: 'wms/ckgl/llck/init/swlx'
+                }
+              }
+						]
+					],
+					/* 默认启停用  */
+
+				}
+			}
+
+		},
+		methods: {
+      getRow(val){
+        this.$emit('getRow',val)
+      }
+		},
+		components: {
+			Edit
+		}
+
+	}
+</script>
+
+<style>
+</style>

src/views/ccgl/ckgl/dbckd/ckdmx.vue

+<template>
+  <BasePage  @getRow='getRow' ref="basePage" :power='power' :toolButton='false' class="min_full" style="height: 100%;border-top: 0px;" :autoQuery='false'
+    :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+  import wlsx from 'common/src/mixin/wlphsx.js'
+  import wlphsx from 'common/src/mixin/wlphsx.js'
+  export default {
+    mounted() {
+
+
+    },
+    mixins:[wlsx,wlphsx],
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          url: 'wms/ckgl/dbck',
+          queryUrl: 'wms/ckgl/dbck/query/detail',
+          tableTitle: [{
+              title: "物料编号",
+              field: "wlcode",
+              fieldType: "upper",
+              width: 140
+            },
+            {
+                title: "物料名称",
+                field: "wlmc",
+                width: 140
+              },
+            {
+                title: "物料规格",
+                field: "gg",
+                width: 140
+              },
+              {
+              	title: "制令号",
+              	field: "zlh",
+              	width: 120,
+              },
+              {
+                  title: "物料批号",
+                  field: "wlph",
+                  width: 140
+                },
+              {
+              	title: "调拨数量",
+              	field: "bcsl",
+                width: 100,
+              },
+              {
+              	title: "出库数量",
+              	field: "rksl",
+              	width: 100,
+              },
+             {
+             	title: "过账数量",
+             	field: "cksl",
+             	width: 100,
+             },
+             {
+             	title: "状态",
+             	field: "zt",
+             	width: 100,
+              "transform": {
+              							    "url": "wms/ckgl/dbck/init/zt",
+              							    "label": "name",
+              							    "value": "id"
+              							  }
+             }
+          ],
+          queryParams: [],
+
+        }
+      }
+
+    },
+    methods: {
+      getRow(val){
+        this.$emit('getRow',val)
+      },
+      demo(ctx){
+        if(ctx.singleItem&&ctx.singleItem.id){
+          console.log(ctx.singleItem)
+        }else{
+          this.$warning('请选中一条数据')
+        }
+      }
+
+    },
+    components: {
+
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/ckgl/dbckd/index.vue

 <template>
-  <BasePage class="min_full" :config="config" >
-    <template  #dialog="ctx"  >
-      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
-    </template>
-    <template  #toolbar="ctx"  >
-      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
-     <!-- <el-button @click="demo(ctx.basePage)" size='mini'  type="primary">示例按钮</el-button> -->
-    </template>
+  <div class="outer">
+    <div class=" higher flex-column">
+      <!-- 分层-->
+      <div class="top">
+        <Top @getRow='topGetRow' ref="top"></Top>
+      </div>
+      <div class="bottom flex">
+        <div class="full"  >
+            <el-tabs class="full" v-model="activeName" >
+              <el-tab-pane  class="full" label="出库单明细" name="first">
+                <ckdmx   @getRow='ckdmxGetRow'  ref="ckdmx" class="full"  />
+              </el-tab-pane>
+     <!--         <el-tab-pane   class="full" label="入库清单" name="second">
+              <Rkqd ref="rkqd" class="full" />
+              </el-tab-pane> -->
+            </el-tabs>
 
-  </BasePage>
+        </div>
+      </div>
+
+    </div>
+  </div>
 </template>
 
 <script>
-  import Edit from './edit.vue'
-  export default{
+  import Top from './top/index.vue'
+  import ckdmx from './ckdmx.vue'
+  import Rkqd from './rkqd.vue'
+  export default {
+    components: {
+      Top,ckdmx,Rkqd
+      // Left
+    },
     data(){
-      return{
-        config:{
-          /* 基本配置*/
-          url:'jcsj/gysfl',
-          tableTitle: [
-                {title: "编码", field: "code", fieldType:"upper",  width: 140},
-                {title: "名称", field: "name",  width: 140},
-                {title: "停用", field: "tybz",fieldType:"tybz"},
-                {title: "停用日期", field: "tyrq", fieldType:"ftDate"},
-                {title: "维护人", field: "whr"},
-                {title: "维护时间", field: "whsj", fieldType:"ftDateTime"},
-          ],
-          queryParams:[[
-            {
-              label: '编码',
-              prop: 'code',
-              span: 6,
-              type: 'input',
-              value:''
-            },
-              {
-                label: '名称',
-                prop: 'name',
-                span: 6,
-                type: 'input',
-                value:''
-              }
-
-            ]],
-            /* 默认启停用  */
-          showqt:true,
-          // qtUrl:'',
-          /* 树的支持*/
-          // hasTree:false,
-          // treeTitle:'',
-          // treeDefaultProps: {
-          // 	children: 'children',
-          // 	label: 'name',
-          // 	fatherId: 'pid',
-          // 	sonId: 'id',
-          // 	rootName: "全部",
-          // 	rootId:'root'
-          // },
-          // treeQueryParams:{
-
-          // },
-          // treeUrl:''
-
-          }
+      return {
+        activeName: 'first'
       }
-
     },
     methods: {
-      /* 示例*/
-      // demo(basePage){
+      topGetRow(row) {
+        /* dom赋值*/
+        let mid = row.id
+        this.$refs.ckdmx.$refs.basePage.queryParams.mid = mid
+        this.$refs.ckdmx.$refs.basePage.$refs['TablePager'].pageQuery({
+          setFirstCurrent: true
+        })
+        this.$refs.rkqd.$refs.basePage.queryParams.mid = mid
+        this.$refs.rkqd.$refs.basePage.$refs['TablePager'].pageQuery()
+      },
+      ckdmxGetRow(row){
+        let mid = row.id
 
-      // }
-    },
-    components:{
-      Edit
+      }
     }
 
   }
-
 </script>
 
-<style>
+<style lang="scss" scoped>
+  .outer {
+    overflow: auto;
+    height: calc(100vh - 84px);
+    width: 100%;
+
+    .top {
+      width: 100%;
+      height: 45%;
+    }
+
+    .bottom {
+      width: 100%;
+      height: 55%;
+
+      .left {
+        width: 50%;
+        height: 100%;
+      }
+
+      .right {
+        width: 50%;
+        height: 100%;
+      }
+    }
+  }
+
+  .higher {
+    height: 140vh;
+  }
+
+  .flex-column {
+    display: flex;
+    flex-direction: column;
+  }
+ ::v-deep .el-tabs__content{
+    height: calc(100% - 40px);
+  }
+  ::v-deep .el-tabs__nav-scroll{
+    padding-left: 10px;
+  }
 </style>

src/views/ccgl/ckgl/dbckd/rkqd.vue

+<template>
+  <BasePage  @getRow='getRow' ref="basePage" :power='power' :toolButton='false' class="min_full" style="height: 100%;border-top: 0px;" :autoQuery='false'
+    :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+
+  export default {
+    mounted() {
+
+
+    },
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          url: 'wms/rkgl/dbrk',
+          queryUrl: 'wms/rkgl/dbrk/query/dbrkqd',
+          tableTitle: [{
+              title: "物料编号",
+              field: "wlcode",
+              fieldType: "upper",
+              width: 140
+            },
+            {
+                title: "物料名称",
+                field: "wlmc",
+                width: 140
+              },
+            {
+                title: "物料规格",
+                field: "gg",
+                width: 140
+              },
+              {
+              	title: "制令号",
+              	field: "zlh",
+              	width: 120,
+              },
+              {
+                  title: "物料批号",
+                  field: "wlph",
+                  width: 140
+                },
+              {
+              	title: "应收数量",
+              	field: "yssl",
+                width: 100,
+              },
+              {
+              	title: "唯一码",
+              	field: "packid",
+              	width: 240,
+              },
+             {
+             	title: "容器",
+             	field: "rqCode",
+             	width: 100,
+             },
+             {
+             	title: "状态",
+             	field: "zt",
+             	width: 100,
+              "transform": {
+              							    "url": "wms/rkgl/dbrk/init/zt",
+              							    "label": "name",
+              							    "value": "id"
+              							  }
+             }
+          ],
+          queryParams: [],
+
+        }
+      }
+
+    },
+    methods: {
+      getRow(val){
+        this.$emit('getRow',val)
+      },
+      demo(ctx){
+        if(ctx.singleItem&&ctx.singleItem.id){
+          console.log(ctx.singleItem)
+        }else{
+          this.$warning('请选中一条数据')
+        }
+      }
+
+    },
+    components: {
+
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/ckgl/dbckd/top/edit.vue

+<template>
+	<RelDialog bigTitle detailTable='DBRKMX' @getFormDetail='getFormDetail' width="70%" :type='type' :editApp='editApp'
+		:app='app' :buttonApp='buttonApp'>
+		<el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules">
+			<el-row :gutter="20" :app="this" class="editRow">
+				<EditColItem :required="item.required||false" :readonly="item.readonly?true:false "
+					v-for="(item,index) in editColItemList " :value="item.value" :span="item.span" :label="item.label"
+					:prop='item.prop' :key="item.prop" :type="item.type" :typeConfig='item.typeConfig'
+					:rule="item.rule" />
+				<!-- 额外数据 -->
+			</el-row>
+
+			<div class="editTab">
+				<editTableForEdit :indexApp='app' :type='type' @save='save' ref="editTableForEdit"
+					:editTableTitle='editTableTitle' v-if="editTableForEdit" :computedRow='computedRow'
+					:editTableData="formDetail" />
+			</div>
+			<el-row class="bottomInfo" :gutter="20">
+				<el-col class="center" :span="12">
+					创建人:{{
+						form.cjr||localUser
+					}}
+				</el-col>
+				<el-col class="center" :span="12">
+					创建时间:{{
+						$moment(form.cjsj).format('YYYY-MM-DD HH:mm:ss')||$moment().format('YYYY-MM-DD HH:mm:ss')
+					  }}
+				</el-col>
+			</el-row>
+		</el-form>
+
+		<!-- editTab数据 -->
+	</RelDialog>
+</template>
+<script>
+	import {
+		toFixed,
+		doRkdChange
+	} from 'common/src/utils/blur.js'
+	import {
+		editMixin,
+		editMixin_expand
+	} from 'common'
+
+	export default {
+		mixins: [editMixin, editMixin_expand],
+		methods: {
+			/* 需要整体row时的回调 */
+			computedRow(row) {
+				// this.$refs.editTableForEdit.$forceUpdate()
+			},
+			/* 选择list时的回调 */
+			save(list) {
+				list.forEach(item => {
+					// 转换并且push
+					item.wlid = item.id
+					item.wlmc = item.name
+					item.wlcode = item.code
+					item.xqsl = 0
+					item.xqrq = new Date().getTime()
+					delete item.id
+					this.formDetail.push(_.cloneDeep(item))
+
+				})
+			}
+		},
+		data() {
+			return {
+				/* 常规edit数据 */
+				editColItemList: [{
+						label: '入库单号',
+						prop: 'djid',
+						span: 8,
+						type: 'input',
+					},
+					{
+						label: '入库日期',
+						prop: 'ywrq',
+						span: 8,
+						type: 'date',
+						value: new Date().getTime(),
+						"required": true,
+					},
+					{
+						"label": "仓库",
+						"prop": "ckid",
+						"span": 8,
+						"type": "RelSelect",
+						"value": "",
+						"required": true,
+						"typeConfig": {
+							"src": "jcsj/common/ck/queryCkid",
+							"match": {
+								"value": "id",
+								"label": "name"
+							}
+						}
+					},
+          {
+          	"label": "调入仓库",
+          	"prop": "dfckid",
+          	"span": 8,
+          	"type": "RelSelect",
+          	"value": "",
+          	"required": true,
+          	"typeConfig": {
+          		"src": "jcsj/common/ck/queryCkid",
+          		"match": {
+          			"value": "id",
+          			"label": "name"
+          		}
+          	}
+          },
+					{
+						"label": "事务类型",
+						"prop": "swlxid",
+						"span": 8,
+						"type": "RelSelect",
+						"value": "",
+						"required": true,
+						"typeConfig": {
+							"src": "wms/ckgl/dbck/init/swlx",
+							"match": {
+								"value": "id",
+								"label": "name"
+							}
+						}
+					},
+					{
+						"label": "部门",
+						"prop": "bmid",
+						"span": 8,
+						"type": "RelSelect",
+						"value": "",
+						"required": true,
+						"typeConfig": {
+							"src": "jcsj/common/bm/query",
+							"match": {
+								"value": "id",
+								"label": "bmmc"
+							}
+						}
+					},
+					{
+						label: '备注',
+						prop: 'bz',
+						span: 24,
+						type: 'input',
+					},
+
+
+
+
+				],
+				/* 从表编辑数据 */
+				editTableTitle: [{
+						title: "序号",
+						field: "xh",
+						width: 50,
+						align: "center"
+					},
+					{
+						title: "物料编号",
+						field: "code",
+						width: 240,
+						type: 'AuxInput',
+						typeConfig: {
+							"code": "MATERIAL",
+							"label": "wlcode",
+							"transform": {
+								"value": "code",
+								"label": "code"
+							},
+							give(data) {
+								this.form.wlid = data.id
+								this.form.wlmc = data.name
+								this.form.wlcode = data.code
+
+							}
+
+						}
+					},
+					{
+						title: "物料名称",
+						field: "wlmc",
+						width: 160
+					},
+					{
+						title: "规格",
+						field: "gg",
+						width: 140
+					},
+					{
+						title: "计量单位",
+						field: "jldwname",
+						width: 100,
+						allowEdit: false
+					},
+          {
+          	title: "制令号",
+          	field: "zlh",
+            type: 'inputText',
+          	width: 100,
+          	allowEdit: true
+          },
+					{
+						title: "调拨数量",
+						field: "bcsl",
+						allowEdit: true,
+						type: 'inputNumber',
+						width: 200,
+						blur: toFixed(null),
+					},
+          /* 不可编辑*/
+          {
+          	title: "出库数量",
+          	field: "cksl",
+          	width: 200,
+          },
+					{
+						title: "物料批号",
+						field: "wlph",
+						type: 'inputText',
+						width: 200,
+						show: JSON.parse(localStorage.getItem('isPhgl'))
+					},
+					{
+						title: "库位",
+						field: "kwid",
+						width: 240,
+						type: 'AuxInput',
+						typeConfig: {
+							isRequest: false,
+							"code": "KWWH",
+							"label": "kwName",
+							queryParams: (row) => {
+								return {
+									ckid: this.form.ckid
+								}
+							},
+							"transform": {
+								"value": "id",
+								"label": "name"
+							}
+
+						},
+						show: JSON.parse(localStorage.getItem('isKwgl')),
+					},
+					{
+						title: "备注",
+						field: "bz",
+						width: 200,
+						type: 'inputText',
+						allowEdit: true
+					}
+
+
+
+				]
+			}
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	@import url("~common/src/assets/styles/editDetail.scss");
+</style>

src/views/ccgl/ckgl/dbckd/top/index.vue

+<template>
+  <BasePage @getRow='getRow'  class="min_full" style="height: 100%;" :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+  import Edit from './edit.vue'
+  export default {
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          queryDetail:true,
+          /* 基本配置*/
+          url: 'wms/ckgl/dbck',
+          tableTitle: [{
+              title: "出库单号",
+              field: "djid",
+              fieldType: "upper",
+              width: 140
+            },
+            {
+              title: "出库日期",
+              field: "ywrq",
+              fieldType: "ftDateTime"
+            },
+            {
+              title: "部门",
+              field: "bmName",
+              width: 140
+            },
+            {
+              title: "仓库",
+              field: "ckName",
+              width: 140
+            },
+            {
+              title: "调拨出库仓库",
+              field: "dfckName",
+              width: 140
+            },
+
+            {
+              title: "事务类型",
+              field: "swlxName",
+              width: 140
+            },
+            {
+              title: "单据来源",
+              field: "djly",
+              width: 140
+            },
+            {
+              title: "状态",
+              field: "zt",
+              width: 140
+            },
+            {
+              title: "备注",
+              field: "bz",
+              width: 140
+            },
+            {
+              title: "维护人",
+              field: "whr"
+            },
+            {
+              title: "维护时间",
+              field: "whsj",
+              fieldType: "ftDateTime"
+            },
+          ],
+          queryParams: [
+            [
+              {
+                label: '出库日期',
+                startProp: "ywrqb",
+                endProp: "ywrqe",
+                span: 8,
+                type: 'RelDaterangeV2',
+                startValue: new Date().getTime() - 1000 * 60 * 60 * 24 * 30,
+                endValue: new Date().getTime(),
+              },
+              {
+                label: '出库单号',
+                prop: 'djid',
+                span: 4,
+                type: 'input',
+                value: ''
+              },
+              {
+                "label": "调出仓库",
+                "prop": "ckid",
+                "span": 6,
+                "type": "RelSelect",
+                "value": "",
+                "typeConfig": {
+                  "src": "jcsj/common/ck/queryCkid",
+                  "match": {
+                    "value": "id",
+                    "label": "name"
+                  }
+                }
+              },
+              {
+                  "label": "调入仓库",
+                  "prop": "dfckid",
+                  "span": 6,
+                  "type": "RelSelect",
+                  "value": "",
+                  "typeConfig": {
+                    "src": "jcsj/common/ck/queryCkid",
+                    "match": {
+                      "value": "id",
+                      "label": "name"
+                    }
+                  }
+                },
+
+
+            ],
+            [
+              {
+                label: '状态',
+                prop: 'zt',
+                span: 6,
+                type: 'RelSelect',
+                typeConfig: {
+                  src: 'wms/ckgl/dbck/init/zt'
+                }
+              }
+            ]
+          ],
+          /* 默认启停用  */
+          showqt: false,
+
+        }
+      }
+
+    },
+    methods: {
+      /* 示例*/
+      getRow(val){
+        this.$emit('getRow',val)
+      }
+    },
+    components: {
+      Edit
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/rkgl/dbrkd/dialog.vue

-<template>
-  <DefaultDialog :app='app'>
-    <div slot="form" style="display: flex;height: 70vh;">
-     DialogTitle:'新增',
-     showDialog:false,
-    </div>
-    <div slot="reFooter" class="refooter" >
-      <span slot="footer" class="dialog-footer" >
-        <el-button  @click="app.showDialog=false">取 消</el-button>
-        <el-button  type="primary" @click="save()">保 存</el-button>
-      </span>
-     </div>
-  </DefaultDialog>
-</template>
-<script>
-
-   
-  export default {
-
-    props: {
-      app: {
-        type: Object,
-        default: ()=>{
-			return {}
-		}
-      }
-    },
-    async mounted() {
-		
-      
-    },
-    data() {
-      return {
-		  
-
-      }
-    },
-    methods: {
-	 
-    }
-  }
-</script>
-
-<style scoped>
-</style>

src/views/ccgl/rkgl/dbrkd/index.vue

 <template>
-  <BasePage class="min_full" :config="config">
-    <template #dialog="ctx">
-      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
-    </template>
-    <template #toolbar="ctx">
-      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
-      <!-- <el-button @click="demo(ctx.basePage)" size='mini'  type="primary">示例按钮</el-button> -->
+  <div class="outer">
+    <div class=" higher flex-column">
+      <!-- 分层-->
+      <div class="top">
+        <Top @getRow='topGetRow' ref="top"></Top>
+      </div>
+      <div class="bottom flex">
+        <div class="full"  >
+            <el-tabs class="full" v-model="activeName" >
+              <el-tab-pane  class="full" label="入库单明细" name="first">
+                <Rkdmx   @getRow='rkdmxGetRow'  ref="rkdmx" class="full"  />
+              </el-tab-pane>
+              <el-tab-pane   class="full" label="入库清单" name="second">
+              <Rkqd ref="rkqd" class="full" />
+              </el-tab-pane>
+            </el-tabs>
 
-      <ImportButton @success="()=>{
-       			        ctx.basePage.refresh()
-       			        }" :url="'/wms/rkgl/dbrk/import'" />
-      <el-button @click="demo(ctx.basePage)" size='mini' type="primary" style="margin-left: 10px;">直接入库demo</el-button>
-    </template>
+        </div>
+      </div>
 
-  </BasePage>
+    </div>
+  </div>
 </template>
 
 <script>
-  import Edit from './edit.vue'
+  import Top from './top/index.vue'
+  import Rkdmx from './rkdmx.vue'
+  import Rkqd from './rkqd.vue'
   export default {
-    data() {
+    components: {
+      Top,Rkdmx,Rkqd
+      // Left
+    },
+    data(){
       return {
-        config: {
-          /* 基本配置*/
-          url: 'wms/rkgl/dbrk',
-          tableTitle: [{
-              title: "入库单号",
-              field: "djid",
-              fieldType: "upper",
-              width: 140
-            },
-            {
-              title: "入库日期",
-              field: "ywrq",
-              fieldType: "ftDateTime"
-            },
-            {
-              title: "调入仓库",
-              field: "ckName",
-              width: 140
-            },
-            {
-              title: "调拨出库仓库",
-              field: "dfckName",
-              width: 140
-            },
-            {
-              title: "部门",
-              field: "bmName",
-              width: 140
-            },
-            {
-              title: "事务类型",
-              field: "swlxid",
-              width: 140
-            },
-            {
-              title: "单据来源",
-              field: "djly",
-              width: 140
-            },
-            {
-              title: "状态",
-              field: "zt",
-              width: 140
-            },
-            {
-              title: "备注",
-              field: "bz",
-              width: 140
-            },
-            {
-              title: "维护人",
-              field: "whr"
-            },
-            {
-              title: "维护时间",
-              field: "whsj",
-              fieldType: "ftDateTime"
-            },
-          ],
-          queryParams: [
-            [{
-                label: '入库日期',
-                startProp: "ywrqb",
-                endProp: "ywrqe",
-                span: 12,
-                type: 'RelDaterangeV2',
-                startValue: new Date().getTime() - 1000 * 60 * 60 * 24 * 30,
-                endValue: new Date().getTime(),
-              },
-              {
-                label: '入库单号',
-                prop: 'djid',
-                span: 6,
-                type: 'input',
-                value: ''
-              },
-              {
-                "label": "调入仓库",
-                "prop": "ckid",
-                "span": 6,
-                "type": "RelSelect",
-                "value": "",
-                "typeConfig": {
-                  "src": "jcsj/common/ck/queryCkid",
-                  "match": {
-                    "value": "id",
-                    "label": "name"
-                  }
-                }
-              },
-
-            ],
-            [{
-                "label": "调出仓库",
-                "prop": "dfckid",
-                "span": 6,
-                "type": "RelSelect",
-                "value": "",
-                "typeConfig": {
-                  "src": "jcsj/common/ck/queryCkid",
-                  "match": {
-                    "value": "id",
-                    "label": "name"
-                  }
-                }
-              },
-              {
-                label: '状态',
-                prop: 'zt',
-                span: 6,
-                type: 'RelSelect',
-                typeConfig: {
-                  src: 'wms/rkgl/dbrk/init/zt'
-                }
-              }
-            ]
-          ],
-          /* 默认启停用  */
-          showqt: false,
-
-        }
+        activeName: 'first'
       }
-
     },
     methods: {
-      /* 示例*/
-      // demo(basePage){
-
-      // }
-    },
-    components: {
-      Edit
+      topGetRow(row) {
+        /* dom赋值*/
+        let mid = row.id
+        this.$refs.Rkdmx.$refs.basePage.queryParams.mid = mid
+        this.$refs.Rkdmx.$refs.basePage.$refs['TablePager'].pageQuery({
+          setFirstCurrent: true
+        })
+        this.$refs.rkqd.$refs.basePage.queryParams.mid = mid
+        this.$refs.rkqd.$refs.basePage.$refs['TablePager'].pageQuery()
+      },
+      rkdmxGetRow(row){
+        let mid = row.id
+       
+      }
     }
 
   }
 </script>
 
-<style>
+<style lang="scss" scoped>
+  .outer {
+    overflow: auto;
+    height: calc(100vh - 84px);
+    width: 100%;
+
+    .top {
+      width: 100%;
+      height: 45%;
+    }
+
+    .bottom {
+      width: 100%;
+      height: 55%;
+
+      .left {
+        width: 50%;
+        height: 100%;
+      }
+
+      .right {
+        width: 50%;
+        height: 100%;
+      }
+    }
+  }
+
+  .higher {
+    height: 140vh;
+  }
+
+  .flex-column {
+    display: flex;
+    flex-direction: column;
+  }
+ ::v-deep .el-tabs__content{
+    height: calc(100% - 40px);
+  }
+  ::v-deep .el-tabs__nav-scroll{
+    padding-left: 10px;
+  }
 </style>

src/views/ccgl/rkgl/dbrkd/rkdmx.vue

+<template>
+  <BasePage  @getRow='getRow' ref="basePage" :power='power' :toolButton='false' class="min_full" style="height: 100%;border-top: 0px;" :autoQuery='false'
+    :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+  import wlsx from 'common/src/mixin/wlphsx.js'
+  import wlphsx from 'common/src/mixin/wlphsx.js'
+  export default {
+    mounted() {
+
+
+    },
+    mixins:[wlsx,wlphsx],
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          url: 'wms/rkgl/dbrk',
+          queryUrl: 'wms/rkgl/dbrk/query/detail',
+          tableTitle: [{
+              title: "物料编号",
+              field: "wlcode",
+              fieldType: "upper",
+              width: 140
+            },
+            {
+                title: "物料名称",
+                field: "wlmc",
+                width: 140
+              },
+            {
+                title: "物料规格",
+                field: "gg",
+                width: 140
+              },
+              {
+              	title: "制令号",
+              	field: "zlh",
+              	width: 120,
+              },
+              {
+                  title: "物料批号",
+                  field: "wlph",
+                  width: 140
+                },
+              {
+              	title: "调拨数量",
+              	field: "yssl",
+                width: 100,
+              },
+              {
+              	title: "入库数量",
+              	field: "rksl",
+              	width: 100,
+              },
+             {
+             	title: "过账数量",
+             	field: "rksl",
+             	width: 100,
+             },
+             {
+             	title: "状态",
+             	field: "zt",
+             	width: 100,
+              "transform": {
+              							    "url": "wms/rkgl/dbrk/init/zt",
+              							    "label": "name",
+              							    "value": "id"
+              							  }
+             }
+          ],
+          queryParams: [],
+
+        }
+      }
+
+    },
+    methods: {
+      getRow(val){
+        this.$emit('getRow',val)
+      },
+      demo(ctx){
+        if(ctx.singleItem&&ctx.singleItem.id){
+          console.log(ctx.singleItem)
+        }else{
+          this.$warning('请选中一条数据')
+        }
+      }
+
+    },
+    components: {
+
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/rkgl/dbrkd/rkqd.vue

+<template>
+  <BasePage  @getRow='getRow' ref="basePage" :power='power' :toolButton='false' class="min_full" style="height: 100%;border-top: 0px;" :autoQuery='false'
+    :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+
+  export default {
+    mounted() {
+
+
+    },
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          url: 'wms/rkgl/dbrk',
+          queryUrl: 'wms/rkgl/dbrk/query/dbrkqd',
+          tableTitle: [{
+              title: "物料编号",
+              field: "wlcode",
+              fieldType: "upper",
+              width: 140
+            },
+            {
+                title: "物料名称",
+                field: "wlmc",
+                width: 140
+              },
+            {
+                title: "物料规格",
+                field: "gg",
+                width: 140
+              },
+              {
+              	title: "制令号",
+              	field: "zlh",
+              	width: 120,
+              },
+              {
+                  title: "物料批号",
+                  field: "wlph",
+                  width: 140
+                },
+              {
+              	title: "应收数量",
+              	field: "yssl",
+                width: 100,
+              },
+              {
+              	title: "唯一码",
+              	field: "packid",
+              	width: 240,
+              },
+             {
+             	title: "容器",
+             	field: "rqCode",
+             	width: 100,
+             },
+             {
+             	title: "状态",
+             	field: "zt",
+             	width: 100,
+              "transform": {
+              							    "url": "wms/rkgl/dbrk/init/zt",
+              							    "label": "name",
+              							    "value": "id"
+              							  }
+             }
+          ],
+          queryParams: [],
+
+        }
+      }
+
+    },
+    methods: {
+      getRow(val){
+        this.$emit('getRow',val)
+      },
+      demo(ctx){
+        if(ctx.singleItem&&ctx.singleItem.id){
+          console.log(ctx.singleItem)
+        }else{
+          this.$warning('请选中一条数据')
+        }
+      }
+
+    },
+    components: {
+
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/rkgl/dbrkd/top/index.vue

+<template>
+  <BasePage @getRow='getRow'  :power='power' class="min_full" style="height: 100%;" :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+  import Edit from './edit.vue'
+  export default {
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          queryDetail:true,
+          /* 基本配置*/
+          url: 'wms/rkgl/dbrk',
+          tableTitle: [{
+              title: "入库单号",
+              field: "djid",
+              fieldType: "upper",
+              width: 140
+            },
+            {
+              title: "入库日期",
+              field: "ywrq",
+              fieldType: "ftDateTime"
+            },
+            {
+              title: "调入仓库",
+              field: "ckName",
+              width: 140
+            },
+            {
+              title: "调拨出库仓库",
+              field: "dfckName",
+              width: 140
+            },
+            {
+              title: "部门",
+              field: "bmName",
+              width: 140
+            },
+            {
+              title: "事务类型",
+              field: "swlxid",
+              width: 140
+            },
+            {
+              title: "单据来源",
+              field: "djly",
+              width: 140
+            },
+            {
+              title: "状态",
+              field: "zt",
+              width: 140
+            },
+            {
+              title: "备注",
+              field: "bz",
+              width: 140
+            },
+            {
+              title: "维护人",
+              field: "whr"
+            },
+            {
+              title: "维护时间",
+              field: "whsj",
+              fieldType: "ftDateTime"
+            },
+          ],
+          queryParams: [
+            [
+              // {
+              //   label: '入库日期',
+              //   startProp: "ywrqb",
+              //   endProp: "ywrqe",
+              //   span: 12,
+              //   type: 'RelDaterangeV2',
+              //   startValue: new Date().getTime() - 1000 * 60 * 60 * 24 * 30,
+              //   endValue: new Date().getTime(),
+              // },
+              {
+                label: '入库单号',
+                prop: 'djid',
+                span: 6,
+                type: 'input',
+                value: ''
+              },
+              {
+                "label": "调入仓库",
+                "prop": "ckid",
+                "span": 6,
+                "type": "RelSelect",
+                "value": "",
+                "typeConfig": {
+                  "src": "jcsj/common/ck/queryCkid",
+                  "match": {
+                    "value": "id",
+                    "label": "name"
+                  }
+                }
+              },
+              {
+                  "label": "调出仓库",
+                  "prop": "dfckid",
+                  "span": 6,
+                  "type": "RelSelect",
+                  "value": "",
+                  "typeConfig": {
+                    "src": "jcsj/common/ck/queryCkid",
+                    "match": {
+                      "value": "id",
+                      "label": "name"
+                    }
+                  }
+                },
+                {
+                  label: '状态',
+                  prop: 'zt',
+                  span: 6,
+                  type: 'RelSelect',
+                  typeConfig: {
+                    src: 'wms/rkgl/dbrk/init/zt'
+                  }
+                }
+
+            ],
+            // [
+            // ]
+          ],
+          /* 默认启停用  */
+          showqt: false,
+
+        }
+      }
+
+    },
+    methods: {
+      /* 示例*/
+      getRow(val){
+        this.$emit('getRow',val)
+      }
+    },
+    components: {
+      Edit
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/rkgl/mpzy/index.vue

+<template>
+  <div class="outer">
+    <div class=" higher flex-column">
+      <!-- 分层-->
+      <div class="top">
+        <Top @getRow='topGetRow' ref="top"></Top>
+      </div>
+      <div class="bottom flex">
+        <div class="full"  >
+            <el-tabs class="full" v-model="activeName" >
+              <el-tab-pane  class="full" label="码盘明细" name="first">
+                <Mx    ref="mx" class="full"  />
+              </el-tab-pane>
+
+            </el-tabs>
+
+        </div>
+      </div>
+
+    </div>
+  </div>
+</template>
+
+<script>
+  import Top from './top/index.vue'
+  import Mx from './mx.vue'
+
+  export default {
+    components: {
+      Top,Mx
+      // Left
+    },
+    data(){
+      return {
+        activeName: 'first'
+      }
+    },
+    methods: {
+      topGetRow(row) {
+        /* dom赋值*/
+        let mid = row.id
+        this.$refs.mx.$refs.basePage.queryParams.mid = mid
+        this.$refs.mx.$refs.basePage.$refs['TablePager'].pageQuery({
+          setFirstCurrent: true
+        })
+      },
+      // rkdmxGetRow(row){
+      //   let mid = row.id
+      //   this.$refs.rkqd.$refs.basePage.queryParams.mid = mid
+      //   this.$refs.rkqd.$refs.basePage.$refs['TablePager'].pageQuery()
+      // }
+    }
+
+  }
+</script>
+
+<style lang="scss" scoped>
+  .outer {
+    overflow: auto;
+    height: calc(100vh - 84px);
+    width: 100%;
+
+    .top {
+      width: 100%;
+      height: 45%;
+    }
+
+    .bottom {
+      width: 100%;
+      height: 55%;
+
+      .left {
+        width: 50%;
+        height: 100%;
+      }
+
+      .right {
+        width: 50%;
+        height: 100%;
+      }
+    }
+  }
+
+  .higher {
+    height: 140vh;
+  }
+
+  .flex-column {
+    display: flex;
+    flex-direction: column;
+  }
+ ::v-deep .el-tabs__content{
+    height: calc(100% - 40px);
+  }
+  ::v-deep .el-tabs__nav-scroll{
+    padding-left: 10px;
+  }
+</style>

src/views/ccgl/rkgl/mpzy/mx.vue

+<template>
+  <BasePage  @getRow='getRow' ref="basePage" :power='power' :toolButton='false' class="min_full" style="height: 100%;border-top: 0px;" :autoQuery='false'
+    :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+  import wlsx from 'common/src/mixin/wlphsx.js'
+  import wlphsx from 'common/src/mixin/wlphsx.js'
+  export default {
+    mounted() {
+
+
+    },
+    mixins:[wlsx,wlphsx],
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          url: 'wms/rkgl/mpzy',
+          queryUrl: 'wms/rkgl/mpzy/query/detail',
+          tableTitle: [
+
+            {
+                title: "物料编码",
+                field: "wlxxCode",
+                width: 140
+              },
+              {
+                title: "物料名称",
+                field: "wlxxName",
+                width: 140
+              },
+              {
+                title: "物料规格",
+                field: "wlxxGg",
+                width: 140
+              },
+              {
+                title: "物料批号",
+                field: "wlph",
+                width: 140
+              },
+              {
+                title: "物料数量",
+                field: "sl",
+                width: 140
+              },
+              {
+                title: "制令号",
+                field: "zlh",
+                width: 140
+              },
+              {
+                title: "唯一码",
+                field: "packCode",
+                width: 240
+              },
+              {
+                title: "维护人",
+                field: "whr"
+              },
+              {
+                title: "维护时间",
+                field: "whsj",
+                fieldType: "ftDateTime"
+              },
+
+          ],
+          queryParams: [],
+
+        }
+      }
+
+    },
+    methods: {
+      getRow(val){
+        this.$emit('getRow',val)
+      },
+      demo(ctx){
+        if(ctx.singleItem&&ctx.singleItem.id){
+          console.log(ctx.singleItem)
+        }else{
+          this.$warning('请选中一条数据')
+        }
+      }
+
+    },
+    components: {
+
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/rkgl/mpzy/rkqd.vue

+<template>
+  <BasePage  @getRow='getRow' ref="basePage" :power='power' :toolButton='false' class="min_full" style="height: 100%;border-top: 0px;" :autoQuery='false'
+    :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+
+  export default {
+    mounted() {
+
+
+    },
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          url: 'wms/rkgl/dbrk',
+          queryUrl: 'wms/rkgl/dbrk/query/dbrkqd',
+          tableTitle: [
+            {
+                title: "物料编号",
+                field: "wlxxCode",
+                fieldType: "upper",
+                width: 140
+              },
+              {
+                  title: "物料名称",
+                  field: "wlxxName",
+                  width: 140
+                },
+              {
+                  title: "物料规格",
+                  field: "wlxxGg",
+                  width: 140
+                },
+              {
+              	title: "制令号",
+              	field: "zlh",
+              	width: 120,
+              },
+              {
+                  title: "物料批号",
+                  field: "wlph",
+                  width: 140
+                },
+              {
+              	title: "应收数量",
+              	field: "yssl",
+                width: 100,
+              },
+              {
+              	title: "唯一码",
+              	field: "packid",
+              	width: 240,
+              },
+             {
+             	title: "容器",
+             	field: "rqCode",
+             	width: 100,
+             },
+             {
+             	title: "状态",
+             	field: "zt",
+             	width: 100,
+              "transform": {
+              							    "url": "wms/rkgl/dbrk/init/zt",
+              							    "label": "name",
+              							    "value": "id"
+              							  }
+             }
+          ],
+          queryParams: [],
+
+        }
+      }
+
+    },
+    methods: {
+      getRow(val){
+        this.$emit('getRow',val)
+      },
+      demo(ctx){
+        if(ctx.singleItem&&ctx.singleItem.id){
+          console.log(ctx.singleItem)
+        }else{
+          this.$warning('请选中一条数据')
+        }
+      }
+
+    },
+    components: {
+
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/rkgl/mpzy/top/edit.vue

+<template>
+  <RelDialog bigTitle detailTable='MPZYMX' @getFormDetail='getFormDetail' width="70%" :type='type' :editApp='editApp'
+    :app='app' :buttonApp='buttonApp'>
+    <el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules">
+      <!-- 弹框插件-->
+      <Mp @save='mpSave' :app='this' v-if="showDialog" />
+      <el-row :gutter="20" :app="this" class="editRow">
+        <EditColItem :required="item.required||false" :readonly="item.readonly?true:false "
+          v-for="(item,index) in editColItemList " :value="item.value" :span="item.span" :label="item.label"
+          :prop='item.prop' :key="item.prop" :type="item.type" :typeConfig='item.typeConfig' :rule="item.rule" />
+        <!-- 额外数据 -->
+      </el-row>
+
+      <div class="editTab">
+        <editTableForEdit :indexApp='app' :AuxButton='false' rename="按入库单开" code='WMSRKD' :type='type'
+          ref="editTableForEdit" :editTableTitle='editTableTitle' v-if="editTableForEdit" :computedRow='computedRow'
+          :editTableData="formDetail">
+          <template v-if="type!='view'" #toolbar="ctx">
+            <el-button @click="mp" size="mini" style="display: inline-block;margin-right: 10px;"
+              type="primary">码盘</el-button>
+          </template>
+        </editTableForEdit>
+      </div>
+      <el-row class="bottomInfo" :gutter="20">
+        <el-col class="center" :span="12">
+          创建人:{{
+						form.cjr||localUser
+					}}
+        </el-col>
+        <el-col class="center" :span="12">
+          创建时间:{{
+						$moment(form.cjsj).format('YYYY-MM-DD HH:mm:ss')||$moment().format('YYYY-MM-DD HH:mm:ss')
+					  }}
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <!-- editTab数据 -->
+  </RelDialog>
+</template>
+<script>
+  import {
+    toFixed,
+    doRkdChange
+  } from 'common/src/utils/blur.js'
+  import {
+    editMixin,
+    editMixin_expand
+  } from 'common'
+  import Mp from './mp.vue'
+  export default {
+    mixins: [editMixin, editMixin_expand],
+    components: {
+      Mp
+    },
+    methods: {
+      mpSave(list) {
+        let length = this.formDetail.length
+        this.formDetail.splice(0, length)
+        list.forEach(item => {
+          item.lydjid = item.id
+          delete item.id
+          this.formDetail.push(_.cloneDeep(item))
+        })
+
+
+      },
+      mp() {
+        if (!this.form.lydjid) {
+          this.$warning('请选择一条入库单')
+        } else {
+          this.showDialog = true
+          console.log(this.form.lydjid)
+          /* 开启弹框*/
+        }
+      },
+      /* 需要整体row时的回调 */
+      computedRow(row) {
+        // this.$refs.editTableForEdit.$forceUpdate()
+      },
+      /* 选择list时的回调 */
+      // save(list) {
+      //   list[0]['lydjid'] = list[0]['djid']
+      //   delete list[0]['djid']
+      //   if (list.length > 1) {
+      //     this.$warning('只能选取一条数据')
+      //   } else {
+
+      //     /* 清空数据*/
+      //     let length = this.formDetail.length
+      //     this.formDetail.splice(0, length)
+      //     for (var key in this.form) {
+      //       key != 'id' && (() => {
+      //         list[0][key] && (this.form[key] = list[0][key])
+      //       })()
+      //     }
+      //     this.$post('wms/rkgl/rktz/query/detail', {
+      //       mid: list[0].id
+      //     }).then(res => {
+      //       if (res.data && res.data.records) {
+      //         res.data.records.forEach(item => {
+      //           item.yrksl = item.yrksl || 0
+      //           item.rksl = item.yssl;
+      //           item.frksl = item.fyssl;
+      //           item.rkje = item.wsje || 0;
+      //           item["lydjid"] = item["id"];
+      //           delete item["id"];
+      //           delete item[
+      //             "mid"];
+      //           this.formDetail.push(_.cloneDeep(item))
+      //         })
+      //       }
+
+      //     })
+
+      //   }
+      // }
+    },
+    data() {
+      return {
+        /* dialog*/
+        showDialog: false,
+        DialogTitle: '码盘',
+        DialogWidth: '80vw',
+        /* 常规edit数据 */
+        editColItemList: [{
+            label: '码盘单号',
+            prop: 'djid',
+            span: 8,
+            type: 'input',
+          },
+          {
+            label: '业务日期',
+            prop: 'ywrq',
+            span: 8,
+            type: 'date',
+            value: new Date().getTime(),
+            "required": true,
+          },
+          {
+            "label": "仓库",
+            "prop": "ckid",
+            "span": 8,
+            "type": "RelSelect",
+            "value": "",
+            "required": true,
+            "typeConfig": {
+              "src": "jcsj/common/ck/queryCkid",
+              "match": {
+                "value": "id",
+                "label": "name"
+              }
+            }
+          },
+
+          {
+            "label": "事务类型",
+            "prop": "swlxid",
+            "span": 8,
+            "type": "RelSelect",
+            "value": "",
+            "required": true,
+            "typeConfig": {
+              "src": "wms/rkgl/rktz/init/swlx",
+              "match": {
+                "value": "id",
+                "label": "name"
+              }
+            }
+          },
+          {
+            "label": "部门",
+            "prop": "bmid",
+            "span": 8,
+            "type": "RelSelect",
+            "value": "",
+            "required": true,
+            "typeConfig": {
+              "src": "jcsj/common/bm/query",
+              "match": {
+                "value": "id",
+                "label": "bmmc"
+              }
+            }
+          },
+          {
+            "label": "作业人",
+            "required": true,
+            "prop": "zyr",
+            "span": 8,
+            type: 'input'
+          },
+          {
+            label: '开始时间',
+            "required": true,
+            prop: 'kssj',
+            span: 8,
+            type: 'datetime'
+          },
+          {
+            label: '结束时间',
+            "required": true,
+            prop: 'jssj',
+            span: 8,
+            type: 'datetime'
+          },
+          {
+            label: '耗时',
+            prop: 'hs',
+            span: 8,
+            type: 'input',
+          },
+          /* 入库单 辅助输入 关联入库单*/
+          {
+            label: '入库单',
+            "required": true,
+            prop: 'lydjid',
+            span: 8,
+            type: 'AuxInput',
+            typeConfig: {
+              isRequest: false,
+              code: 'WMSRKD',
+              label: 'djid',
+              transform: {
+                value: 'djid',
+                label: 'djid'
+              },
+              give(row){
+                    for (var key in this.form) {
+                      key != 'id'&& key != 'djid' && (() => {
+                       row[key] && (this.form[key] = row[key])
+                      })()
+                    }
+              }
+
+            },
+
+          },
+          {
+            label: '备注',
+            prop: 'bz',
+            span: 16,
+            type: 'input',
+          },
+
+
+
+
+        ],
+        /* 从表编辑数据 */
+        editTableTitle: [{
+            title: "容器编码",
+            field: "rqCode",
+            width: 140
+          },
+          {
+            title: "物料编码",
+            field: "wlxxCode",
+            width: 140
+          },
+          {
+            title: "物料名称",
+            field: "wlxxName",
+            width: 140
+          },
+          {
+            title: "物料规格",
+            field: "wlxxGg",
+            width: 140
+          },
+          {
+            title: "物料批号",
+            field: "wlph",
+            width: 140
+          },
+          {
+            title: "物料数量",
+            field: "sl",
+            width: 140
+          },
+          {
+            title: "制令号",
+            field: "zlh",
+            width: 140
+          },
+          {
+            title: "唯一码",
+            field: "packCode",
+            width: 240
+          },
+          {
+            title: "维护人",
+            field: "whr"
+          },
+          {
+            title: "维护时间",
+            field: "whsj",
+            fieldType: "ftDateTime"
+          },
+
+
+        ]
+      }
+    }
+  }
+</script>
+<style lang="scss" scoped>
+  @import url("~common/src/assets/styles/editDetail.scss");
+</style>

src/views/ccgl/rkgl/mpzy/top/index.vue

+<template>
+  <BasePage @getRow='getRow' :power='power' class="min_full" style="height: 100%;" :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+       <el-button @click="mpwc(ctx.basePage)" size='mini'  type="primary">码盘完成</el-button>
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+  import Edit from './edit.vue'
+  
+  export default {
+    data() {
+      return {
+        power: {
+          add: true,
+          copy: true,
+          /* 手动控制删除 */
+          delButton: true,
+          /* 手动控制编辑按钮权限 */
+          editButton: true,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: true,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          queryDetail:true,
+          url: 'wms/rkgl/mpzy',
+          tableTitle: [{
+              title: "码盘单",
+              field: "djid",
+              fieldType: "upper",
+              width: 140
+            },
+            {
+              title: "业务日期",
+              field: "ywrq",
+              fieldType: "ftDateTime"
+            },
+            {
+              title: "仓库",
+              field: "ckName",
+              width: 140
+            },
+            {
+              title: "部门",
+              field: "bmName",
+              width: 140
+            },
+            {
+              title: "事务类型",
+              field: "swlxName",
+              width: 140
+            },
+            {
+              title: "单据来源",
+              field: "djly",
+              width: 140,
+              	"transform": {
+              								"url": "wms/rkgl/mpzy/init/djly",
+              								"label": "name",
+              								"value": "id"
+              							}
+            },
+            {
+              title: "状态",
+              field: "zt",
+              width: 140,
+              	"transform": {
+              								"url": "wms/rkgl/mpzy/init/zt",
+              								"label": "name",
+              								"value": "id"
+              							}
+            },
+            {
+              title: "备注",
+              field: "bz",
+              width: 140
+            },
+            {
+              title: "维护人",
+              field: "whr"
+            },
+            {
+              title: "维护时间",
+              field: "whsj",
+              fieldType: "ftDateTime"
+            },
+          ],
+          queryParams: [
+            [
+              // {
+              //   label: '入库日期',
+              //   startProp: "ywrqb",
+              //   endProp: "ywrqe",
+              //   span: 12,
+              //   type: 'RelDaterangeV2',
+              //   startValue: new Date().getTime() - 1000 * 60 * 60 * 24 * 30,
+              //   endValue: new Date().getTime(),
+              // },
+              {
+                label: '码盘单号',
+                prop: 'djid',
+                span: 6,
+                type: 'input',
+                value: ''
+              },
+              {
+                "label": "仓库",
+                "prop": "ckid",
+                "span": 6,
+                "type": "RelSelect",
+                "value": "",
+                "typeConfig": {
+                  "src": "jcsj/common/ck/queryCkid",
+                  "match": {
+                    "value": "id",
+                    "label": "name"
+                  }
+                }
+              },
+              {
+                "label": "部门",
+                "prop": "bmid",
+                "span": 6,
+                "type": "RelSelect",
+                "value": "",
+                "typeConfig": {
+                  "src": "jcsj/common/bm/query",
+                  "match": {
+                    "value": "id",
+                    "label": "bmmc"
+                  }
+                }
+              },
+              {
+                label: '状态',
+                prop: 'zt',
+                span: 6,
+                type: 'RelSelect',
+                typeConfig: {
+                  src: 'wms/rkgl/mpzy/init/zt'
+                }
+              },
+              {
+                label: '作业人',
+                prop: 'zyr',
+                span: 6,
+                type: 'input',
+                value: ''
+              },
+
+            ],
+            [
+              {
+                label: '业务日期',
+                startProp: "ywrqb",
+                endProp: "ywrqe",
+                span: 12,
+                type: 'RelDaterangeV2',
+                startValue: new Date().getTime() - 1000 * 60 * 60 * 24 * 30,
+                endValue: new Date().getTime(),
+              },
+            ]
+          ],
+          /* 默认启停用  */
+          showqt: false,
+
+        }
+      }
+
+    },
+    methods: {
+      /* 示例*/
+      getRow(val) {
+        this.$emit('getRow', val)
+      },
+      mpwc(ctx){
+        if(ctx.singleItem&&ctx.singleItem.id){
+          this.$post('wms/rkgl/mpzy/complete',{
+            id:ctx.singleItem.id
+          }).then(res=>{
+            if(res.success){
+              this.$success('操作成功')
+              ctx.refresh()
+            }
+          })
+          
+        }else{
+          this.warning('请选中一条数据')
+        }
+        
+      }
+    },
+    components: {
+      Edit
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/rkgl/mpzy/top/mp.vue

+<template>
+  <DefaultDialog :app='app'>
+    <div slot="form" style="display: flex;height: 70vh;">
+      <div class="full">
+        <div class="mpSearch" style="position: relative;">
+          <el-button @click="search" size="mini" style="position: absolute;right: 10px;z-index: 999999; "
+            type="primary">搜索</el-button>
+          <!-- 选择容器-->
+          <!-- 选择包装码-->
+          <el-row :gutter="20" class="search-row-1">
+            <el-col :span="6" class="search-col">
+              <div class="search-item">
+                <span class="search-span">容器:</span>
+                <AuxInput :transform="{
+        			               value:'id',
+        			               label:'code'}" :match="{
+        			         	label:'rqCode',
+        			         	value:'rqid'
+        			         }" code='RQGL' :form='form' />
+              </div>
+            </el-col>
+            <el-col :span="6" class="search-col">
+              <div class="search-item">
+                <span class="search-span">唯一码:</span>
+                <AuxInput :transform="{
+        	               value:'id',
+        	               label:'code'}" :match="{
+        	         	label:'packcode',
+        	         	value:'packid'
+        	         }" code='WMSBCGL' :form='form' />
+              </div>
+            </el-col>
+          </el-row>
+          <!--          -->
+
+        </div>
+        <BasePage ref="basePage" :toolButton='false' :power='power' class="min_full" :config="config"
+          style="height:calc(100% - 45px) ;width: 100%;">
+          <template #dialog="ctx">
+            <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+          </template>
+          <template #toolbar="ctx">
+            <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+            <!-- <el-button @click="demo(ctx.basePage)" size='mini'  type="primary">示例按钮</el-button> -->
+          </template>
+
+        </BasePage>
+
+      </div>
+    </div>
+    <div slot="reFooter" class="refooter">
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="app.showDialog=false">取 消</el-button>
+        <el-button type="primary" @click="save()">保 存</el-button>
+      </span>
+    </div>
+  </DefaultDialog>
+</template>
+<script>
+  export default {
+
+    props: {
+      app: {
+        type: Object,
+        default: () => {
+          return {}
+        }
+      }
+    },
+    async mounted() {
+      this.$nextTick(() => {
+        this.form.lydjid = this.app.form.lydjid
+      })
+    },
+    data() {
+      return {
+        form: {
+          rqid: '',
+          rqCode: ''
+
+        },
+        power: {
+          add: false,
+          copy: false,
+          delButton: false,
+          editButton: false,
+          operateButtons: false,
+          workFlow: false,
+          /* 表格 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          url: 'wms/common/queryPackByCode',
+          queryUrl: "wms/common/queryPackmxByCode",
+          tableTitle: [{
+              title: "物料编码",
+              field: "wlxxCode",
+              width: 140
+            },
+            {
+              title: "物料名称",
+              field: "wlxxName",
+              width: 140
+            },
+            {
+              title: "物料规格",
+              field: "wlxxGg",
+              width: 140
+            },
+            {
+              title: "物料批号",
+              field: "wlph",
+              width: 140
+            },
+            {
+              title: "物料数量",
+              field: "sl",
+              width: 140
+            },
+            {
+              title: "制令号",
+              field: "zlh",
+              width: 140
+            },
+            {
+              title: "唯一码",
+              field: "packCode",
+              width: 240
+            },
+            {
+              title: "维护人",
+              field: "whr"
+            },
+            {
+              title: "维护时间",
+              field: "whsj",
+              fieldType: "ftDateTime"
+            },
+          ],
+          queryParams: []
+        }
+
+      }
+    },
+    methods: {
+      save() {
+        if(this.form.rqid){
+          let list =this.$refs.basePage.tabData||[]
+          list.forEach(item=>{
+            item.rqid=this.form.rqid
+            item.rqCode=this.form.rqCode
+          })
+          this.$emit('save',list)
+          this.app.showDialog=false
+          /* 触发传递事件*/
+
+        }else{
+          this.$warning('请选择容器后保存')
+        }
+
+      },
+      search() {
+        /* 卡下数据*/
+        if (this.form.packid) {
+          this.$refs.basePage.queryParams.code = this.form.packcode
+          this.$refs.basePage.refresh()
+          /* 查询*/
+        } else {
+          this.$warning('请选择唯一码')
+        }
+
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .mpSearch {
+    height: 40px;
+    width: 100%;
+  }
+
+  ::v-deep .el-icon-refresh-right {
+    display: none;
+  }
+</style>

src/views/ccgl/rkgl/rkd/index.vue

@@ -6,10 +6,15 @@
         <Top @getRow='topGetRow' ref="top"></Top>
       </div>
       <div class="bottom flex">
-        <div class="left">
-          <Left @getRow='leftGetRow' ref="left" />
-        </div>
-        <div class="right">
+        <div class="full"  >
+            <el-tabs class="full" v-model="activeName" >
+              <el-tab-pane  class="full" label="入库单明细" name="first">
+                <Mx    ref="mx" class="full"  />
+              </el-tab-pane>
+              <el-tab-pane  class="full" label="入库清单" name="second">
+                <Rkqd    ref="rkqd" class="full"  />
+              </el-tab-pane>
+            </el-tabs>
 
         </div>
       </div>
@@ -20,25 +25,34 @@
 
 <script>
   import Top from './top/index.vue'
-  import Left from './left/index.vue'
+  import Mx from './mx.vue'
+  import Rkqd from './rkqd.vue'
   export default {
     components: {
       Top,
-      Left
+      Mx,
+      Rkqd
+    },
+    data(){
+      return{
+        activeName:'first'
+      }
     },
     methods: {
       topGetRow(row) {
         /* dom赋值*/
         let mid = row.id
-        this.$refs.left.$refs.basePage.queryParams.mid = mid
-        this.$refs.left.$refs.basePage.$refs['TablePager'].pageQuery({
+        this.$refs.mx.$refs.basePage.queryParams.mid = mid
+        this.$refs.mx.$refs.basePage.$refs['TablePager'].pageQuery({
+          setFirstCurrent: true
+        })
+        this.$refs.rkqd.$refs.basePage.queryParams.mid = mid
+        this.$refs.rkqd.$refs.basePage.$refs['TablePager'].pageQuery({
           setFirstCurrent: true
         })
 
       },
-      leftGetRow(row){
-      console.log('leftGetRow',row)
-      }
+
     }
 
   }
@@ -79,4 +93,10 @@
     display: flex;
     flex-direction: column;
   }
+  ::v-deep .el-tabs__content{
+     height: calc(100% - 40px);
+   }
+   ::v-deep .el-tabs__nav-scroll{
+     padding-left: 10px;
+   }
 </style>

src/views/ccgl/rkgl/rkd/left/index.vue → src/views/ccgl/rkgl/rkd/mx.vue

@@ -5,15 +5,16 @@
       <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
     </template>
     <template #toolbar="ctx">
-      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
-      <el-button @click="demo(ctx.basePage)" size='mini'  type="primary">按码盘单开</el-button>
+
     </template>
 
   </BasePage>
 </template>
 
 <script>
+  // import wlphsx from 'common/src/mixin/wlphsx.js'
   export default {
+    // mixins:[wlphsx],
     data() {
       return {
         power: {

src/views/ccgl/rkgl/rkd/rkqd.vue

+<template>
+  <BasePage  @getRow='getRow' ref="basePage" :power='power' :toolButton='false' class="min_full" style="height: 100%;border-top: 0px;" :autoQuery='false'
+    :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+
+  export default {
+    mounted() {
+
+
+    },
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          url: 'wms/rkgl/rktz',
+          queryUrl: 'wms/rkgl/rktz/query/rkqd',
+          tableTitle: [{
+              title: "物料编号",
+              field: "wlxxCode",
+              fieldType: "upper",
+              width: 140
+            },
+            {
+                title: "物料名称",
+                field: "wlxxName",
+                width: 140
+              },
+            {
+                title: "物料规格",
+                field: "wlxxGg",
+                width: 140
+              },
+              {
+              	title: "制令号",
+              	field: "zlh",
+              	width: 120,
+              },
+              {
+                  title: "物料批号",
+                  field: "wlph",
+                  width: 140
+                },
+              {
+              	title: "应收数量",
+              	field: "yssl",
+                width: 100,
+              },
+              {
+              	title: "唯一码",
+              	field: "packid",
+              	width: 240,
+              },
+             {
+             	title: "容器",
+             	field: "rqName",
+             	width: 100,
+             },
+             {
+             	title: "状态",
+             	field: "zt",
+             	width: 100,
+              "transform": {
+              							    "url": "wms/rkgl/dbrk/init/zt",
+              							    "label": "name",
+              							    "value": "id"
+              							  }
+             }
+          ],
+          queryParams: [],
+
+        }
+      }
+
+    },
+    methods: {
+      getRow(val){
+        this.$emit('getRow',val)
+      },
+      demo(ctx){
+        if(ctx.singleItem&&ctx.singleItem.id){
+          console.log(ctx.singleItem)
+        }else{
+          this.$warning('请选中一条数据')
+        }
+      }
+
+    },
+    components: {
+
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/rkgl/rkd/top/edit.vue

 <template>
-	<RelDialog bigTitle detailTable='LLCKMX' @getFormDetail='getFormDetail' width="70%" :type='type' :editApp='editApp'
+	<RelDialog bigTitle detailTable='RKTZMX' @getFormDetail='getFormDetail' width="70%" :type='type' :editApp='editApp'
 		:app='app' :buttonApp='buttonApp'>
 		<el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules">
 			<el-row :gutter="20" :app="this" class="editRow">
@@ -134,7 +134,7 @@
 						}
 					},
 					{
-						label: '保管员',
+						label: '入库人',
 						prop: 'rkr',
 						span: 8,
 						type: 'input',
@@ -189,41 +189,43 @@
 						field: "gg",
 						width: 140
 					},
-					{
-						title: "计量单位",
-						field: "jldwname",
-						width: 100,
-						allowEdit: false
-					},
-					{
-						title: "应收数量",
-						field: "yssl",
-						allowEdit: true,
-						type: 'inputNumber',
-						width: 200,
-						blur: toFixed(null),
-					},
+					// {
+					// 	title: "计量单位",
+					// 	field: "jldwname",
+					// 	width: 100,
+					// 	allowEdit: false
+					// },
+
 					/* 不可编辑*/
+          {
+          	title: "制令号",
+          	field: "zlh",
+          	type: 'inputText',
+          	width: 100,
+          	allowEdit: true
+          },
+
+          {
+          	title: "物料批号",
+          	field: "wlph",
+          	type: 'inputText',
+          	width: 200,
+          	// show: JSON.parse(localStorage.getItem('isPhgl'))
+          },
+          {
+          	title: "应收数量",
+          	field: "yssl",
+          	allowEdit: true,
+          	type: 'inputNumber',
+          	width: 200,
+          	blur: toFixed(null),
+          },
 					{
 						title: "入库数量",
 						field: "rksl",
 						width: 200,
 					},
-					{
-						title: "制令号",
-						field: "zlh",
-						type: 'inputText',
-						width: 100,
-						allowEdit: true
-					},
 
-					{
-						title: "物料批号",
-						field: "wlph",
-						type: 'inputText',
-						width: 200,
-						show: JSON.parse(localStorage.getItem('isPhgl'))
-					},
 					{
 						title: "库位",
 						field: "kwid",
@@ -263,4 +265,4 @@
 </script>
 <style lang="scss" scoped>
 	@import url("~common/src/assets/styles/editDetail.scss");
-</style>
\ No newline at end of file
+</style>

src/views/ccgl/rkgl/rkd/top/index.vue

@@ -8,7 +8,6 @@
 		 <ImportButton @success="()=>{
 		  			        ctx.basePage.refresh()
 		  			        }" :url="'/wms/rkgl/rktz/import'" />
-		 <el-button @click="demo(ctx.basePage)" size='mini' type="primary" style="margin-left: 10px;">直接入库demo</el-button>
 		</template>
 
 	</BasePage>
@@ -128,7 +127,16 @@
 							  typeConfig: {
 							    src: 'wms/rkgl/rktz/init/zt'
 							  }
-							}
+							},
+              {
+                label: '事务类型',
+                prop: 'swlxid',
+                span: 6,
+                type: 'RelSelect',
+                typeConfig: {
+                  src: 'wms/rkgl/rktz/init/swlx'
+                }
+              }
 						]
 					],
 					/* 默认启停用  */

src/views/ccgl/rkgl/sjrw/index.vue

+<template>
+  <div class="outer">
+    <div class=" higher flex-column">
+      <!-- 分层-->
+      <div class="top">
+        <Top @getRow='topGetRow' ref="top"></Top>
+      </div>
+      <div class="bottom flex">
+        <div class="full"  >
+            <el-tabs class="full" v-model="activeName" >
+              <el-tab-pane  class="full" label="上架单明细" name="first">
+                <Mx    ref="mx" class="full"  />
+              </el-tab-pane>
+              <el-tab-pane  class="full" label="上架汇总" name="second">
+                <Sjhz    ref="sjhz" class="full"  />
+              </el-tab-pane>
+              <el-tab-pane  class="full" label="上架结果" name="third">
+              <Sjjg  ref="sjjg" class="full" />
+              </el-tab-pane>
+            </el-tabs>
+
+        </div>
+      </div>
+
+    </div>
+  </div>
+</template>
+
+<script>
+  import Top from './top/index.vue'
+  import Mx from './mx.vue'
+  import Sjhz from './sjhz.vue'
+  import Sjjg from './sjjg.vue'
+  export default {
+    components: {
+      Top,
+      Mx,
+      Sjhz,
+      Sjjg
+    },
+    data(){
+      return{
+        activeName:'first'
+      }
+    },
+    methods: {
+      topGetRow(row) {
+        let mid = row.id
+        this.$refs.mx.$refs.basePage.queryParams.mid = mid
+        this.$refs.mx.$refs.basePage.$refs['TablePager'].pageQuery({
+          setFirstCurrent: true
+        })
+        this.$refs.sjhz.$refs.basePage.queryParams.mid = mid
+        this.$refs.sjhz.$refs.basePage.$refs['TablePager'].pageQuery()
+        this.$refs.sjjg.$refs.basePage.queryParams.mid = mid
+        this.$refs.sjjg.$refs.basePage.$refs['TablePager'].pageQuery()
+
+      },
+
+    }
+
+  }
+</script>
+
+<style lang="scss" scoped>
+  .outer {
+    overflow: auto;
+    height: calc(100vh - 84px);
+    width: 100%;
+
+    .top {
+      width: 100%;
+      height: 45%;
+    }
+
+    .bottom {
+      width: 100%;
+      height: 55%;
+
+      .left {
+        width: 50%;
+        height: 100%;
+      }
+
+      .right {
+        width: 50%;
+        height: 100%;
+      }
+    }
+  }
+
+  .higher {
+    height: 140vh;
+  }
+
+  .flex-column {
+    display: flex;
+    flex-direction: column;
+  }
+  ::v-deep .el-tabs__content{
+     height: calc(100% - 40px);
+   }
+   ::v-deep .el-tabs__nav-scroll{
+     padding-left: 10px;
+   }
+</style>

src/views/ccgl/rkgl/sjrw/mx.vue

+<template>
+  <BasePage  @getRow='getRow' ref="basePage" :power='power' :toolButton='false' class="min_full" style="height: 100%;border-top: 0px;" :autoQuery='false'
+    :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+  // import wlphsx from 'common/src/mixin/wlphsx.js'
+  export default {
+    // mixins:[wlphsx],
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          url: 'wms/rkgl/sjtz',
+          queryUrl: 'wms/rkgl/sjtz/query/detail',
+          tableTitle: [{
+              title: "物料编号",
+              field: "wlxxCode",
+              fieldType: "upper",
+              width: 140
+            },
+            {
+                title: "物料名称",
+                field: "wlxxName",
+                width: 140
+              },
+            {
+                title: "物料规格",
+                field: "wlxxGg",
+                width: 140
+              },
+              {
+              	title: "制令号",
+              	field: "zlh",
+              	width: 120,
+              },
+              {
+                  title: "物料批号",
+                  field: "wlph",
+                  width: 140
+                },
+              {
+              	title: "应收数量",
+              	field: "yssl",
+                width: 100,
+              },
+              {
+              	title: "唯一码",
+              	field: "packid",
+              	width: 240,
+              },
+             {
+             	title: "容器",
+             	field: "rqCode",
+             	width: 100,
+             },
+          ],
+          queryParams: [],
+
+        }
+      }
+
+    },
+    methods: {
+      getRow(val){
+        this.$emit('getRow',val)
+      },
+      demo(ctx){
+        if(ctx.singleItem&&ctx.singleItem.id){
+          console.log(ctx.singleItem)
+        }else{
+          this.$warning('请选中一条数据')
+        }
+      }
+
+    },
+    components: {
+
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/rkgl/sjrw/sjhz.vue

+<template>
+  <BasePage @getRow='getRow' ref="basePage" :power='power' :toolButton='false' class="min_full"
+    style="height: 100%;border-top: 0px;" :autoQuery='false' :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+  export default {
+    mounted() {
+
+
+    },
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          url: 'wms/rkgl/sjtzhz',
+          // queryUrl: 'wms/rkgl/rktz/query/rkqd',
+          tableTitle: [{
+              title: "容器",
+              field: "rqCode",
+              width: 140
+            },
+            {
+              title: "库位",
+              field: "kwName",
+              width: 140
+            },
+            {
+              title: "状态",
+              field: "zt",
+              width: 100,
+              "transform": {
+                "url": "wms/rkgl/sjtzhz/init/zt",
+                "label": "name",
+                "value": "id"
+              }
+            }
+          ],
+          queryParams: [],
+
+        }
+      }
+
+    },
+    methods: {
+      getRow(val) {
+        this.$emit('getRow', val)
+      },
+      demo(ctx) {
+        if (ctx.singleItem && ctx.singleItem.id) {
+          console.log(ctx.singleItem)
+        } else {
+          this.$warning('请选中一条数据')
+        }
+      }
+
+    },
+    components: {
+
+    }
+
+  }
+</script>
+
+<style>
+</style>
\ No newline at end of file

src/views/ccgl/rkgl/sjrw/sjjg.vue

+<template>
+  <BasePage @getRow='getRow' ref="basePage" :power='power' :toolButton='false' class="min_full"
+    style="height: 100%;border-top: 0px;" :autoQuery='false' :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+  export default {
+    mounted() {
+
+
+    },
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          url: 'wms/rkgl/sjtzjg',
+          // queryUrl: 'wms/rkgl/rktz/query/rkqd',
+          tableTitle: [{
+              title: "物料编码",
+              field: "wlxxCode",
+              width: 140
+            },
+            {
+                title: "物料名称",
+                field: "wlxxName",
+                width: 140
+              },
+              {
+                  title: "物料规格",
+                  field: "wlxxGg",
+                  width: 140
+                },
+                {
+                    title: "制令号",
+                    field: "zlh",
+                    width: 140
+                  },
+                  {
+                      title: "物料批号",
+                      field: "wlph",
+                      width: 140
+                    },
+            {
+              title: "库位",
+              field: "kwName",
+              width: 140
+            },
+            {
+              title: "唯一码",
+              field: "packid",
+              width: 240
+            },
+            {
+              title: "容器",
+              field: "rqCode",
+              width: 200
+            },
+            {
+              title: "已上架数量",
+              field: "sjsl",
+              width: 200
+            }
+
+          ],
+          queryParams: [],
+
+        }
+      }
+
+    },
+    methods: {
+      getRow(val) {
+        this.$emit('getRow', val)
+      },
+      demo(ctx) {
+        if (ctx.singleItem && ctx.singleItem.id) {
+          console.log(ctx.singleItem)
+        } else {
+          this.$warning('请选中一条数据')
+        }
+      }
+
+    },
+    components: {
+
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/rkgl/sjrw/top/edit.vue

+<template>
+  <RelDialog bigTitle detailTable='SJTZMX' @getFormDetail='getFormDetail' width="70%" :type='type' :editApp='editApp'
+    :app='app' :buttonApp='buttonApp'>
+    <el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules">
+      <Xzrkqd @save='xzrkqdSave' :app='this' v-if="showDialog" />
+      <el-row :gutter="20" :app="this" class="editRow">
+        <EditColItem :required="item.required||false" :readonly="item.readonly?true:false "
+          v-for="(item,index) in editColItemList " :value="item.value" :span="item.span" :label="item.label"
+          :prop='item.prop' :key="item.prop" :type="item.type" :typeConfig='item.typeConfig' :rule="item.rule" />
+        <!-- 额外数据 -->
+      </el-row>
+
+      <div class="editTab">
+        <editTableForEdit  :AuxButton='false' :indexApp='app' :type='type' ref="editTableForEdit"
+          :editTableTitle='editTableTitle' v-if="editTableForEdit" :computedRow='computedRow'
+          :editTableData="formDetail" >
+          <template v-if="type!='view'" #toolbar="ctx">
+            <el-button @click="xzrkqd" size="mini" style="display: inline-block;margin-right: 10px;"
+              type="primary">选择入库清单</el-button>
+          </template>
+          </editTableForEdit>
+      </div>
+      <el-row class="bottomInfo" :gutter="20">
+        <el-col class="center" :span="12">
+          创建人:{{
+						form.cjr||localUser
+					}}
+        </el-col>
+        <el-col class="center" :span="12">
+          创建时间:{{
+						$moment(form.cjsj).format('YYYY-MM-DD HH:mm:ss')||$moment().format('YYYY-MM-DD HH:mm:ss')
+					  }}
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <!-- editTab数据 -->
+  </RelDialog>
+</template>
+<script>
+
+  import {
+    toFixed,
+    doRkdChange
+  } from 'common/src/utils/blur.js'
+  import {
+    editMixin,
+    editMixin_expand
+  } from 'common'
+ import Xzrkqd from './xzrkqd.vue'
+  export default {
+    mixins: [editMixin, editMixin_expand],
+    components:{
+      Xzrkqd
+    },
+    methods: {
+      xzrkqdSave(obj){
+        let {list,row}=obj
+        this.form.swlxid=row.swlxid
+        this.form.lydjid=row.id
+        this.form.ckid=row.ckid
+        this.form.bmid=row.bmid
+        this.form.ywrq=row.ywrq
+        let length = this.formDetail.length
+        this.formDetail.splice(0, length)
+        list.forEach(item => {
+          item.lydjid = item.id
+          delete item.id
+          this.formDetail.push(_.cloneDeep(item))
+        })
+
+      },
+      xzrkqd(){
+      this.showDialog=true
+      },
+      /* 需要整体row时的回调 */
+      computedRow(row) {
+        // this.$refs.editTableForEdit.$forceUpdate()
+      },
+      /* 选择list时的回调 */
+
+    },
+    data() {
+      return {
+        /* dialog*/
+        showDialog: false,
+        DialogTitle: '选择入库清单',
+        DialogWidth: '80vw',
+        form: {
+          djly: 'RKTZ'
+        },
+        /* 常规edit数据 */
+        editColItemList: [{
+            label: '单据号',
+            prop: 'djid',
+            span: 12,
+            type: 'input',
+          },
+          {
+            "label": "仓库",
+            "prop": "ckid",
+            "span": 12,
+            "type": "RelSelect",
+            "value": "",
+            "required": true,
+            "typeConfig": {
+              "src": "jcsj/common/ck/queryCkid",
+              "match": {
+                "value": "id",
+                "label": "name"
+              }
+            }
+          },
+          {
+            "label": "事务类型",
+            "prop": "swlxid",
+            "span": 12,
+            "type": "RelSelect",
+            "value": "",
+            "required": true,
+            "typeConfig": {
+              "src": "wms/rkgl/sjtz/init/swlx",
+              "match": {
+                "value": "id",
+                "label": "name"
+              }
+            }
+          },
+          {
+            "label": "部门",
+            "prop": "bmid",
+            "span": 12,
+            "type": "RelSelect",
+            "value": "",
+            "typeConfig": {
+              "src": "jcsj/common/bm/query",
+              "match": {
+                "value": "id",
+                "label": "bmmc"
+              }
+            }
+          },
+          {
+            label: '业务日期',
+            prop: 'ywrq',
+            span: 12,
+            type: 'date',
+            value: new Date().getTime(),
+            "required": true,
+          },
+          {
+            label: '上架人',
+            prop: 'sjrid',
+            span: 12,
+            "required": true,
+            type: 'AuxInput',
+            typeConfig: {
+            	code: 'USER',
+            	label: 'sjrName',
+            	transform: {
+            		value: 'id',
+            		label: 'username'
+            	}
+
+            },
+
+          },
+          // {
+          // 	label: '单据来源',
+          // 	prop: 'djlyName',
+          // 	span: 12,
+          // 	type: 'input',
+          // 	value:'入库单',
+          // 	readonly:true
+          // },
+          {
+            label: '备注',
+            prop: 'bz',
+            span: 24,
+            type: 'input'
+          }
+        ],
+        /* 从表编辑数据 */
+        editTableTitle: [{
+              title: "物料编号",
+              field: "wlxxCode",
+              fieldType: "upper",
+              width: 140
+            },
+            {
+                title: "物料名称",
+                field: "wlxxName",
+                width: 140
+              },
+            {
+                title: "物料规格",
+                field: "wlxxGg",
+                width: 140
+              },
+              {
+              	title: "制令号",
+              	field: "zlh",
+              	width: 120,
+              },
+              {
+                  title: "物料批号",
+                  field: "wlph",
+                  width: 140
+                },
+              {
+              	title: "应收数量",
+              	field: "yssl",
+                width: 100,
+              },
+              {
+              	title: "唯一码",
+              	field: "packid",
+              	width: 240,
+              },
+             {
+             	title: "容器",
+             	field: "rqCode",
+             	width: 100,
+             },
+        ]
+      }
+    }
+  }
+</script>
+<style lang="scss" scoped>
+  @import url("~common/src/assets/styles/editDetail.scss");
+</style>

src/views/ccgl/rkgl/sjrw/top/index.vue

+<template>
+	<BasePage addRename='按入库清单开'  @getRow='getRow'   class="min_full" style="height: 100%;" :config="config">
+		<template #dialog="ctx">
+			<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+		</template>
+		<template #toolbar="ctx">
+		 <!-- <el-button @click="demo(ctx.basePage)" size='mini'  type="primary">直接入库</el-button> -->
+<!-- 		 <ImportButton @success="()=>{
+		  			        ctx.basePage.refresh()
+		  			        }" :url="'/wms/rkgl/rktz/import'" /> -->
+		</template>
+
+	</BasePage>
+</template>
+
+<script>
+	import Edit from './edit.vue'
+	export default {
+		data() {
+			return {
+				config: {
+					queryDetail: true,
+					/* 基本配置*/
+					url: 'wms/rkgl/sjtz',
+					tableTitle: [{
+							title: "上架单号",
+							field: "djid",
+							fieldType: "ftString",
+							width: 120
+						},
+						{
+							title: "业务日期",
+							field: "ywrq",
+							fieldType: "ftDateTime"
+						},
+						{
+							title: "仓库",
+							field: "ckName",
+							fieldType: "ftString",
+							width: 192,
+						},
+						{
+							title: "库位",
+							field: "kwName",
+							fieldType: "ftString",
+							width: 192,
+						},
+						{
+							title: "事务类型",
+							field: "swlxName",
+							fieldType: "ftString",
+							width: 192,
+						},
+						{
+							title: "部门",
+							field: "bmName",
+							fieldType: "ftString",
+							width: 192
+						},
+
+						{
+							title: "上架人",
+							field: "sjrName",
+							fieldType: "ftString",
+							width: 192
+						},
+						{
+							title: "单据来源",
+							field: "djly",
+							"transform": {
+								"url": "wms/rkgl/sjtz/init/djly",
+								"label": "name",
+								"value": "id"
+							},
+							width: 80
+						},
+						{
+							title: "来源单据号",
+							field: "lydjid",
+							fieldType: "ftString",
+							width: 192
+						},
+						{
+							title: "状态",
+							field: "zt",
+							"transform": {
+								"url": "wms/rkgl/sjtz/init/zt",
+								"label": "name",
+								"value": "id"
+							},
+
+							width: 60
+						},
+						{
+							title: "备注",
+							field: "bz",
+							fieldType: "ftString",
+							width: 300
+						},
+						{
+							title: "维护人",
+							field: "whr",
+							fieldType: "ftString"
+						},
+						{
+							title: "维护时间",
+							field: "whsj",
+							fieldType: "ftDateTime",
+							hidden: true
+						},
+						{
+							title: "创建人",
+							field: "cjr",
+							fieldType: "ftString"
+						},
+						{
+							title: "创建时间",
+							field: "cjsj",
+							fieldType: "ftDateTime",
+							hidden: true
+						},
+					],
+					queryParams: [
+					[{
+							label: '日期',
+							startProp: "start",
+							endProp: "end",
+							span: 12,
+							type: 'RelDaterangeV2',
+							startValue: new Date().getTime() - 1000 * 60 * 60 * 24 * 30,
+							endValue: new Date().getTime(),
+						},
+
+						{
+							"label": "仓库",
+							"prop": "ckid",
+							"span": 6,
+							"type": "RelSelect",
+							"value": "",
+							"typeConfig": {
+								"src": "jcsj/common/ck/queryCkid",
+								"match": {
+									"value": "id",
+									"label": "name"
+								}
+							}
+						},
+						{
+							label: '库位',
+							prop: 'kwid',
+							span: 6,
+							type: 'RelSelect',
+							typeConfig: {
+								src: "jcsj/kw/query",
+								linkage: true,
+								linkParams:['ckid']
+							},
+						},
+
+					],[
+						{
+							label: '上架单号',
+							prop: 'djid',
+							span: 6,
+							type: 'input',
+							value: ''
+						},
+						{
+							label: '上架人',
+							prop: 'sjr',
+							span: 6,
+							type: 'input',
+							value: ''
+						},
+					]
+					],
+					/* 默认启停用  */
+
+				}
+			}
+
+		},
+		methods: {
+      getRow(val){
+        this.$emit('getRow',val)
+      }
+		},
+		components: {
+			Edit
+		}
+
+	}
+</script>
+
+<style>
+</style>

src/views/ccgl/rkgl/sjrw/top/rkd.vue

+<template>
+	<BasePage  :setFirstCurrent='false' :power='power'  @getRow='getRow'   class="min_full" style="height: 100%;" :config="config">
+		<template #dialog="ctx">
+			<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+		</template>
+		<template #toolbar="ctx">
+		 <!-- <el-button @click="demo(ctx.basePage)" size='mini'  type="primary">直接入库</el-button> -->
+
+		</template>
+
+	</BasePage>
+</template>
+
+<script>
+	// import Edit from './edit.vue'
+	export default {
+		data() {
+			return {
+        power:{
+        	add: false,
+        					copy: false,
+        					delButton: false,
+        					editButton: false,
+        					operateButtons: false,
+        					workFlow: false,
+        					/* 表格 */
+        					showSelection: false,
+        					saveSelected: false
+        },
+				config: {
+					queryDetail: true,
+					/* 基本配置*/
+					url: 'wms/rkgl/rktz',
+					tableTitle: [{
+							title: "状态",
+							field: "zt",
+							fieldType: "ftString",
+							align: 'center',
+							width: 80,
+							"transform": {
+								"url": "wms/rkgl/rktz/init/zt",
+								"label": "name",
+								"value": "id"
+							}
+						},
+						{
+							title: "入库单号",
+							field: "djid",
+							width: 140
+						},
+						{
+							title: "入库日期",
+							field: "ywrq",
+							fieldType: 'ftDate'
+						},
+						{
+							title: "入库人",
+							field: "rkr",
+							width: 140
+						},
+						{
+							title: "事务类型",
+							field: "swlxName",
+							width: 100
+						},
+						{
+							title: "仓库",
+							field: "ckid",
+							width: 140,
+							hidden: true
+						},
+						{
+							title: "仓库",
+							field: "ckName",
+							width: 140
+						},
+						{
+							title: "入库部门",
+							field: "bmName",
+							width: 140
+						},
+						{
+							title: "备注",
+							field: "bz",
+							width: 240
+						},
+						{
+							title: "维护人",
+							field: "whr"
+						},
+						{
+							title: "维护时间",
+							field: "whsj",
+							fieldType: 'ftDateTime'
+						}
+					],
+					queryParams: [
+						[{
+								label: '日期',
+								startProp: "start",
+								endProp: "end",
+								span: 12,
+								type: 'RelDaterangeV2',
+								startValue: new Date().getTime()-1000*60*60*24*30,
+								endValue:new Date().getTime(),
+							},
+							{
+								"label": "仓库",
+								"prop": "ckid",
+								"span": 6,
+								"type": "RelSelect",
+								"value": "",
+								"typeConfig": {
+									"src": "jcsj/common/ck/queryCkid",
+									"match": {
+										"value": "id",
+										"label": "name"
+									}
+								}
+							},
+							{
+								label: '单据编号',
+								prop: 'djid',
+								span: 6,
+								type: 'input',
+								value: ''
+							}
+
+
+						],[
+							{
+							  label: '状态',
+							  prop: 'zt',
+							  span: 6,
+							  type: 'RelSelect',
+							  typeConfig: {
+							    src: 'wms/rkgl/rktz/init/zt'
+							  }
+							},
+              {
+                label: '事务类型',
+                prop: 'swlxid',
+                span: 6,
+                type: 'RelSelect',
+                typeConfig: {
+                  src: 'wms/rkgl/rktz/init/swlx'
+                }
+              }
+						]
+					],
+					/* 默认启停用  */
+
+				}
+			}
+
+		},
+		methods: {
+      getRow(val){
+        this.$emit('getRow',val)
+      }
+		},
+		components: {
+			// Edit
+		}
+
+	}
+</script>
+
+<style>
+</style>

src/views/ccgl/rkgl/sjrw/top/rkqd.vue

+<template>
+  <BasePage  @getRow='getRow' ref="basePage" :power='power' :toolButton='false' class="min_full" style="height: 100%;border-top: 0px;" :autoQuery='false'
+    :config="config">
+    <template #dialog="ctx">
+      <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+    </template>
+    <template #toolbar="ctx">
+      <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
+
+    </template>
+
+  </BasePage>
+</template>
+
+<script>
+
+  export default {
+    mounted() {
+
+
+    },
+    data() {
+      return {
+        power: {
+          add: false,
+          copy: false,
+          /* 手动控制删除 */
+          delButton: false,
+          /* 手动控制编辑按钮权限 */
+          editButton: false,
+          /* 是否渲染右侧操作按钮 */
+          operateButtons: false,
+          /* 是否开启工作流按钮 */
+          workFlow: false,
+          /* 表格开启选择，以及记住选择 */
+          showSelection: false,
+          saveSelected: false
+        },
+        config: {
+          /* 基本配置*/
+          url: 'wms/rkgl/rktz',
+          queryUrl: 'wms/rkgl/sjtz/query/rktzqd',
+          tableTitle: [{
+              title: "物料编号",
+              field: "wlxxCode",
+              fieldType: "upper",
+              width: 140
+            },
+            {
+                title: "物料名称",
+                field: "wlxxName",
+                width: 140
+              },
+            {
+                title: "物料规格",
+                field: "wlxxGg",
+                width: 140
+              },
+              {
+              	title: "制令号",
+              	field: "zlh",
+              	width: 120,
+              },
+              {
+                  title: "物料批号",
+                  field: "wlph",
+                  width: 140
+                },
+              {
+              	title: "应收数量",
+              	field: "yssl",
+                width: 100,
+              },
+              {
+              	title: "唯一码",
+              	field: "packid",
+              	width: 240,
+              },
+             {
+             	title: "容器",
+             	field: "rqName",
+             	width: 100,
+             },
+             {
+             	title: "状态",
+             	field: "zt",
+             	width: 100,
+              "transform": {
+              							    "url": "wms/rkgl/dbrk/init/zt",
+              							    "label": "name",
+              							    "value": "id"
+              							  }
+             }
+          ],
+          queryParams: [],
+
+        }
+      }
+
+    },
+    methods: {
+      getRow(val){
+        this.$emit('getRow',val)
+      },
+      demo(ctx){
+        if(ctx.singleItem&&ctx.singleItem.id){
+          console.log(ctx.singleItem)
+        }else{
+          this.$warning('请选中一条数据')
+        }
+      }
+
+    },
+    components: {
+
+    }
+
+  }
+</script>
+
+<style>
+</style>

src/views/ccgl/rkgl/sjrw/top/xzrkqd.vue

+<template>
+  <DefaultDialog :app='app'>
+    <div slot="form" style="display: flex;height: 70vh;">
+      <div class="full">
+        <el-tabs class="full" v-model="activeName">
+          <el-tab-pane class="full" label="入库单" name="first">
+            <Rkd  @getRow='getRow' />
+          </el-tab-pane>
+          <el-tab-pane class="full" label="入库清单" name="second">
+            <Rkqd ref="rkqd" />
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+    </div>
+    <div slot="reFooter" class="refooter">
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="app.showDialog=false">取 消</el-button>
+        <el-button type="primary" @click="save()">保 存</el-button>
+      </span>
+    </div>
+  </DefaultDialog>
+</template>
+<script>
+  import Rkd from './rkd.vue'
+  import Rkqd from './rkqd.vue'
+  export default {
+    components: {
+      Rkd,
+      Rkqd
+    },
+    props: {
+      app: {
+        type: Object,
+        default: () => {
+          return {}
+        }
+      }
+    },
+    async mounted() {
+
+
+    },
+    data() {
+      return {
+        row:{},
+        activeName: 'first'
+
+      }
+    },
+    methods: {
+      save() {
+       let list=this.$refs.rkqd.$refs.basePage.tabData||[]
+      
+
+       if(list.length==0){
+         this.$warning('请选择存在数据的入库单')
+       }else{
+         let obj={
+           list:list,
+           row:this.row
+         }
+         this.$emit('save',obj)
+         this.app.showDialog=false
+       }
+        // if()
+      },
+      getRow(val) {
+        this.row=val
+        this.$refs.rkqd.$refs.basePage.queryParams.mid = val.id
+        this.$refs.rkqd.$refs.basePage.$refs['TablePager'].pageQuery({
+          // setFirstCurrent: true
+        })
+        this.activeName = 'second'
+
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  ::v-deep .el-tabs__content {
+    height: calc(100% - 50px);
+  }
+
+  ::v-deep .el-tabs__nav-scroll {
+    padding-left: 10px;
+  }
+</style>