Commit 6bf96468 authored by 李苏's avatar 李苏 💬

乐心定制页面

parent bbfebd3e
...@@ -205,7 +205,7 @@ export const powerRoutes=[ ...@@ -205,7 +205,7 @@ export const powerRoutes=[
path: "dbrkd", path: "dbrkd",
}, },
{ {
erpComponent: true, // erpComponent: true,
component: 'ccgl/rkgl/sjrw/index', component: 'ccgl/rkgl/sjrw/index',
hidden: false, hidden: false,
meta: { meta: {
...@@ -232,6 +232,20 @@ export const powerRoutes=[ ...@@ -232,6 +232,20 @@ export const powerRoutes=[
name: 'sjzy', name: 'sjzy',
path: "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=[ ...@@ -251,7 +265,7 @@ export const powerRoutes=[
path: "ckgl", path: "ckgl",
children: [ children: [
{ {
erpComponent: true, // erpComponent: true,
component: 'ccgl/ckgl/ckd/index', component: 'ccgl/ckgl/ckd/index',
hidden: false, hidden: false,
meta: { meta: {
......
<template> <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>
</div>
</template> </template>
<script> <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> </script>
<style lang="scss" scoped > <style lang="scss" scoped>
.higher{ .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; 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> </style>
<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>
<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>
<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>
<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>
<template> <template>
<BasePage class="min_full" :config="config" > <div class="outer">
<template #dialog="ctx" > <div class=" higher flex-column">
<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 --> <!-- 分层-->
</template> <div class="top">
<template #toolbar="ctx" > <Top @getRow='topGetRow' ref="top"></Top>
<!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 --> </div>
<!-- <el-button @click="demo(ctx.basePage)" size='mini' type="primary">示例按钮</el-button> --> <div class="bottom flex">
</template> <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> </template>
<script> <script>
import Edit from './edit.vue' import Top from './top/index.vue'
export default{ import ckdmx from './ckdmx.vue'
import Rkqd from './rkqd.vue'
export default {
components: {
Top,ckdmx,Rkqd
// Left
},
data(){ data(){
return{ return {
config:{ activeName: 'first'
/* 基本配置*/ }
url:'jcsj/gysfl', },
tableTitle: [ methods: {
{title: "编码", field: "code", fieldType:"upper", width: 140}, topGetRow(row) {
{title: "名称", field: "name", width: 140}, /* dom赋值*/
{title: "停用", field: "tybz",fieldType:"tybz"}, let mid = row.id
{title: "停用日期", field: "tyrq", fieldType:"ftDate"}, this.$refs.ckdmx.$refs.basePage.queryParams.mid = mid
{title: "维护人", field: "whr"}, this.$refs.ckdmx.$refs.basePage.$refs['TablePager'].pageQuery({
{title: "维护时间", field: "whsj", fieldType:"ftDateTime"}, setFirstCurrent: true
], })
queryParams:[[ this.$refs.rkqd.$refs.basePage.queryParams.mid = mid
{ this.$refs.rkqd.$refs.basePage.$refs['TablePager'].pageQuery()
label: '编码',
prop: 'code',
span: 6,
type: 'input',
value:''
}, },
{ ckdmxGetRow(row){
label: '名称', let mid = row.id
prop: 'name',
span: 6, }
type: 'input',
value:''
} }
]], }
/* 默认启停用 */ </script>
showqt:true,
// qtUrl:'',
/* 树的支持*/
// hasTree:false,
// treeTitle:'',
// treeDefaultProps: {
// children: 'children',
// label: 'name',
// fatherId: 'pid',
// sonId: 'id',
// rootName: "全部",
// rootId:'root'
// },
// treeQueryParams:{
// }, <style lang="scss" scoped>
// treeUrl:'' .outer {
overflow: auto;
height: calc(100vh - 84px);
width: 100%;
} .top {
width: 100%;
height: 45%;
} }
}, .bottom {
methods: { width: 100%;
/* 示例*/ height: 55%;
// demo(basePage){
// } .left {
}, width: 50%;
components:{ height: 100%;
Edit
} }
.right {
width: 50%;
height: 100%;
}
}
} }
</script> .higher {
height: 140vh;
}
<style> .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> </style>
<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>
<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>
<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>
<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>
<template> <template>
<BasePage class="min_full" :config="config"> <div class="outer">
<template #dialog="ctx"> <div class=" higher flex-column">
<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 --> <!-- 分层-->
</template> <div class="top">
<template #toolbar="ctx"> <Top @getRow='topGetRow' ref="top"></Top>
<!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 --> </div>
<!-- <el-button @click="demo(ctx.basePage)" size='mini' type="primary">示例按钮</el-button> --> <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="()=>{ </div>
ctx.basePage.refresh() </div>
}" :url="'/wms/rkgl/dbrk/import'" />
<el-button @click="demo(ctx.basePage)" size='mini' type="primary" style="margin-left: 10px;">直接入库demo</el-button>
</template>
</BasePage> </div>
</div>
</template> </template>
<script> <script>
import Edit from './edit.vue' import Top from './top/index.vue'
import Rkdmx from './rkdmx.vue'
import Rkqd from './rkqd.vue'
export default { export default {
data() { components: {
return { Top,Rkdmx,Rkqd
config: { // Left
/* 基本配置*/
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: ''
}, },
{ data(){
"label": "调入仓库", return {
"prop": "ckid", activeName: 'first'
"span": 6,
"type": "RelSelect",
"value": "",
"typeConfig": {
"src": "jcsj/common/ck/queryCkid",
"match": {
"value": "id",
"label": "name"
}
} }
}, },
methods: {
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
],
[{
"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,
} }
</script>
<style lang="scss" scoped>
.outer {
overflow: auto;
height: calc(100vh - 84px);
width: 100%;
.top {
width: 100%;
height: 45%;
} }
}, .bottom {
methods: { width: 100%;
/* 示例*/ height: 55%;
// demo(basePage){
// } .left {
}, width: 50%;
components: { height: 100%;
Edit
} }
.right {
width: 50%;
height: 100%;
}
}
}
.higher {
height: 140vh;
} }
</script>
<style> .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> </style>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
...@@ -6,10 +6,15 @@ ...@@ -6,10 +6,15 @@
<Top @getRow='topGetRow' ref="top"></Top> <Top @getRow='topGetRow' ref="top"></Top>
</div> </div>
<div class="bottom flex"> <div class="bottom flex">
<div class="left"> <div class="full" >
<Left @getRow='leftGetRow' ref="left" /> <el-tabs class="full" v-model="activeName" >
</div> <el-tab-pane class="full" label="入库单明细" name="first">
<div class="right"> <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>
</div> </div>
...@@ -20,25 +25,34 @@ ...@@ -20,25 +25,34 @@
<script> <script>
import Top from './top/index.vue' import Top from './top/index.vue'
import Left from './left/index.vue' import Mx from './mx.vue'
import Rkqd from './rkqd.vue'
export default { export default {
components: { components: {
Top, Top,
Left Mx,
Rkqd
},
data(){
return{
activeName:'first'
}
}, },
methods: { methods: {
topGetRow(row) { topGetRow(row) {
/* dom赋值*/ /* dom赋值*/
let mid = row.id let mid = row.id
this.$refs.left.$refs.basePage.queryParams.mid = mid this.$refs.mx.$refs.basePage.queryParams.mid = mid
this.$refs.left.$refs.basePage.$refs['TablePager'].pageQuery({ 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 setFirstCurrent: true
}) })
}, },
leftGetRow(row){
console.log('leftGetRow',row)
}
} }
} }
...@@ -79,4 +93,10 @@ ...@@ -79,4 +93,10 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
::v-deep .el-tabs__content{
height: calc(100% - 40px);
}
::v-deep .el-tabs__nav-scroll{
padding-left: 10px;
}
</style> </style>
...@@ -5,15 +5,16 @@ ...@@ -5,15 +5,16 @@
<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 --> <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
</template> </template>
<template #toolbar="ctx"> <template #toolbar="ctx">
<!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
<el-button @click="demo(ctx.basePage)" size='mini' type="primary">按码盘单开</el-button>
</template> </template>
</BasePage> </BasePage>
</template> </template>
<script> <script>
// import wlphsx from 'common/src/mixin/wlphsx.js'
export default { export default {
// mixins:[wlphsx],
data() { data() {
return { return {
power: { power: {
......
<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>
<template> <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'> :app='app' :buttonApp='buttonApp'>
<el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules"> <el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules">
<el-row :gutter="20" :app="this" class="editRow"> <el-row :gutter="20" :app="this" class="editRow">
...@@ -134,7 +134,7 @@ ...@@ -134,7 +134,7 @@
} }
}, },
{ {
label: '保管员', label: '入库人',
prop: 'rkr', prop: 'rkr',
span: 8, span: 8,
type: 'input', type: 'input',
...@@ -189,11 +189,28 @@ ...@@ -189,11 +189,28 @@
field: "gg", field: "gg",
width: 140 width: 140
}, },
// {
// title: "计量单位",
// field: "jldwname",
// width: 100,
// allowEdit: false
// },
/* 不可编辑*/
{ {
title: "计量单位", title: "制令号",
field: "jldwname", field: "zlh",
type: 'inputText',
width: 100, width: 100,
allowEdit: false allowEdit: true
},
{
title: "物料批号",
field: "wlph",
type: 'inputText',
width: 200,
// show: JSON.parse(localStorage.getItem('isPhgl'))
}, },
{ {
title: "应收数量", title: "应收数量",
...@@ -203,27 +220,12 @@ ...@@ -203,27 +220,12 @@
width: 200, width: 200,
blur: toFixed(null), blur: toFixed(null),
}, },
/* 不可编辑*/
{ {
title: "入库数量", title: "入库数量",
field: "rksl", field: "rksl",
width: 200, 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: "库位", title: "库位",
field: "kwid", field: "kwid",
......
...@@ -8,7 +8,6 @@ ...@@ -8,7 +8,6 @@
<ImportButton @success="()=>{ <ImportButton @success="()=>{
ctx.basePage.refresh() ctx.basePage.refresh()
}" :url="'/wms/rkgl/rktz/import'" /> }" :url="'/wms/rkgl/rktz/import'" />
<el-button @click="demo(ctx.basePage)" size='mini' type="primary" style="margin-left: 10px;">直接入库demo</el-button>
</template> </template>
</BasePage> </BasePage>
...@@ -128,6 +127,15 @@ ...@@ -128,6 +127,15 @@
typeConfig: { typeConfig: {
src: 'wms/rkgl/rktz/init/zt' src: 'wms/rkgl/rktz/init/zt'
} }
},
{
label: '事务类型',
prop: 'swlxid',
span: 6,
type: 'RelSelect',
typeConfig: {
src: 'wms/rkgl/rktz/init/swlx'
}
} }
] ]
], ],
......
<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>
<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>
<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
<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>
<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>
<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>
<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>
<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>
<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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment