huojin
/
Byd_Dg_Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

出库管理界面调整

main
HUOJIN\92525 2024-06-24 15:58:14 +08:00
parent 797d4dd9e8
commit d1c30d3171
6 changed files with 313 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/api/bigItem.js
View File

@ -24,11 +24,12 @@ export function edit(data) {
}) })
} }
export function getAllBigItem() { export function queryAllBigItem(params) {
return request({ return request({
url: 'api/bigItem/All', url: 'api/bigItem/queryAllBigItem',
method: 'get' method: 'get',
params
}) })
} }
export default { add, edit, del } export default {add, edit, del, queryAllBigItem}

10
src/api/gd.js
View File

@ -24,4 +24,12 @@ export function edit(data) {
}) })
} }
export default { add, edit, del } export function queryAllGd(params) {
return request({
url: 'api/gd/queryAllGd',
method: 'get',
params
})
}
export default {add, edit, del,queryAllGd}

16
src/views/base-data/item/index.vue
View File

@ -94,6 +94,11 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="包装数量" prop="extendD1">
<el-input oninput="value=value.replace(/^0|[^0-9]/g,'')" v-model.number="form.extendD1" min="1"
style="width: 180px;"/>
</el-form-item>
<!-- <el-form-item label="单位" prop="unit"> <!-- <el-form-item label="单位" prop="unit">
<el-select v-model="form.unit" filterable placeholder="请选择" style="width: 180px;" <el-select v-model="form.unit" filterable placeholder="请选择" style="width: 180px;"
:default-first-option="true"> :default-first-option="true">
@ -123,9 +128,9 @@
height="68vh" height="68vh"
@selection-change="crud.selectionChangeHandler"> @selection-change="crud.selectionChangeHandler">
<el-table-column type="selection" width="55"/> <el-table-column type="selection" width="55"/>
<el-table-column prop="xh" label="序号" type="index" width="50"/>
<el-table-column prop="code" label="编码" width="150"/> <el-table-column prop="code" label="编码" width="150"/>
<el-table-column prop="name" label="名称" width="150"/> <el-table-column prop="name" label="名称" width="150"/>
<el-table-column prop="extendD1" label="包装数量" width="150"/>
<el-table-column prop="extendD2" label="整托高度" width="150"> <el-table-column prop="extendD2" label="整托高度" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
{{ dict.label.item_height[scope.row.extendD2] }} {{ dict.label.item_height[scope.row.extendD2] }}
@ -180,7 +185,7 @@ import pagination from '@crud/Pagination'
import DonMessage from "@/utils/message"; import DonMessage from "@/utils/message";
import {getToken} from "@/utils/auth"; import {getToken} from "@/utils/auth";
const defaultForm = {id: null} const defaultForm = {id: null,extendD1: 1}
export default { export default {
name: 'Item', name: 'Item',
components: {pagination, crudOperation, rrOperation, udOperation}, components: {pagination, crudOperation, rrOperation, udOperation},
@ -213,11 +218,12 @@ export default {
name: [ name: [
{required: true, message: '名称不能为空', trigger: 'blur'} {required: true, message: '名称不能为空', trigger: 'blur'}
], ],
unit: [
{required: true, message: '单位不能为空', trigger: 'blur'}
],
goodType: [ goodType: [
{required: true, message: '类型不能为空', trigger: 'blur'} {required: true, message: '类型不能为空', trigger: 'blur'}
],
extendD1: [
{required: true, message: '包装数量不能为空', trigger: 'blur'},
{type: 'number', message: '包装数量必须为数字'}
] ]
}, },
queryTypeOptions: [ queryTypeOptions: [

121
src/views/business-data/gd/index.vue
View File

@ -5,37 +5,52 @@
<div v-if="crud.props.searchToggle"> <div v-if="crud.props.searchToggle">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label">工单编号</label> <label class="el-form-item-label">工单编号</label>
<el-input v-model="query.code" clearable placeholder="工单编号" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" /> <el-input v-model="query.code" clearable placeholder="工单编号" style="width: 185px;" class="filter-item"
@keyup.enter.native="crud.toQuery"/>
<label class="el-form-item-label">任务编号</label> <label class="el-form-item-label">任务编号</label>
<el-input v-model="query.name" clearable placeholder="任务编号" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" /> <el-input v-model="query.name" clearable placeholder="任务编号" style="width: 185px;" class="filter-item"
@keyup.enter.native="crud.toQuery"/>
<label class="el-form-item-label">工单状态</label> <label class="el-form-item-label">工单状态</label>
<el-input v-model="query.status" clearable placeholder="工单状态" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" /> <el-select v-model="query.status" filterable placeholder="请选择" class="filter-item" style="width: 185px;">
<el-option
v-for="item in dict.gd_status"
:key="item.id"
:label="item.label"
:value="item.value"/>
</el-select>
<label class="el-form-item-label">需求工位</label> <label class="el-form-item-label">需求工位</label>
<el-input v-model="query.station" clearable placeholder="需求工位" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" /> <el-input v-model="query.station" clearable placeholder="需求工位" style="width: 185px;" class="filter-item"
<rrOperation :crud="crud" /> @keyup.enter.native="crud.toQuery"/>
<rrOperation :crud="crud"/>
</div> </div>
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
<crudOperation :permission="permission" :tableKey="this.$options.name"/> <crudOperation :permission="permission" :tableKey="this.$options.name"/>
<!--表单组件--> <!--表单组件-->
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px"> <el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0"
:title="crud.status.title" width="500px">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="工单编号"> <el-form-item label="任务编码" prop="name">
<el-input v-model="form.code" style="width: 370px;" /> <el-input v-model="form.name" style="width: 370px;"/>
</el-form-item> </el-form-item>
<el-form-item label="任务编号"> <el-form-item label="工单编码" prop="code">
<el-input v-model="form.name" style="width: 370px;" /> <el-input v-model="form.code" style="width: 370px;"/>
</el-form-item> </el-form-item>
<el-form-item label="工单状态">
<el-select v-model="form.status" filterable placeholder="请选择"> <el-form-item label="工单状态" prop="status">
<el-select v-model="form.status" filterable placeholder="请选择" style="width: 370px;">
<el-option <el-option
v-for="item in dict.gd_status" v-for="item in dict.gd_status"
v-if="item.value==='OPEN'"
:key="item.id" :key="item.id"
:label="item.label" :label="item.label"
:value="item.value" /> :value="item.value"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="需求工位"> <el-form-item label="需求工位" prop="station">
<el-input v-model="form.station" style="width: 370px;" /> <el-input v-model="form.station" style="width: 370px;"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -44,52 +59,76 @@
</div> </div>
</el-dialog> </el-dialog>
<!--表格渲染--> <!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler"> <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;"
<el-table-column type="selection" width="55" /> @selection-change="crud.selectionChangeHandler">
<el-table-column prop="id" label="ID" /> <el-table-column type="selection" width="55"/>
<el-table-column prop="createBy" label="创建人" /> <el-table-column prop="xh" label="序号" type="index" width="50"/>
<el-table-column prop="updateBy" label="修改人" /> <el-table-column prop="name" label="任务编码"/>
<el-table-column prop="createTime" label="创建时间" /> <el-table-column prop="code" label="工单编码"/>
<el-table-column prop="updateTime" label="修改时间" />
<el-table-column prop="code" label="工单编号" />
<el-table-column prop="name" label="任务编号" />
<el-table-column prop="status" label="工单状态"> <el-table-column prop="status" label="工单状态">
<template slot-scope="scope"> <template slot-scope="scope">
{{ dict.label.gd_status[scope.row.status] }} {{ dict.label.gd_status[scope.row.status] }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="station" label="需求工位" /> <el-table-column prop="station" label="需求工位"/>
<el-table-column v-if="checkPer(['admin','gd:edit','gd:del'])" label="操作" width="150px" align="center">
<el-table-column prop="createTime" label="创建时间"/>
<el-table-column v-if="checkPer(['admin','gd:edit','gd:del'])" label="操作" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<udOperation <udOperation
:data="scope.row" :data="scope.row"
:permission="permission" :permission="permission"
:showDle="false"
/> />
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<pagination /> <pagination/>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import crudGd from '@/api/gd' import crudGd from '@/api/gd'
import CRUD, { presenter, header, form, crud } from '@crud/crud' import CRUD, {presenter, header, form, crud} from '@crud/crud'
import rrOperation from '@crud/RR.operation' import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation' import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation' import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination' import pagination from '@crud/Pagination'
const defaultForm = { id: null, createBy: null, updateBy: null, createTime: null, updateTime: null, code: null, name: null, status: null, station: null } const defaultForm = {
id: null,
createBy: null,
updateBy: null,
createTime: null,
updateTime: null,
code: null,
name: null,
status: null,
station: null
}
export default { export default {
name: 'Gd', name: 'Gd',
components: { pagination, crudOperation, rrOperation, udOperation }, components: {pagination, crudOperation, rrOperation, udOperation},
mixins: [presenter(), header(), form(defaultForm), crud()], mixins: [presenter(), header(), form(defaultForm), crud()],
dicts: ['gd_status'], dicts: ['gd_status'],
cruds() { cruds() {
return CRUD({ title: 'gd', url: 'api/gd', idField: 'id', sort: 'id,desc', crudMethod: { ...crudGd }}) return CRUD({
title: '备料工单',
url: 'api/gd',
idField: 'id',
sort: 'id,desc',
crudMethod: {...crudGd},
optShow: {
add: true,
edit: false,
del: false,
reset: true,
download: true
}
})
}, },
data() { data() {
return { return {
@ -99,12 +138,24 @@ export default {
del: ['admin', 'gd:del'] del: ['admin', 'gd:del']
}, },
rules: { rules: {
name: [
{required: true, message: '任务编号不能为空', trigger: 'blur'}
],
code: [
{required: true, message: '工单编号不能为空', trigger: 'blur'}
],
status: [
{required: true, message: '工单状态不能为空', trigger: 'blur'}
],
station: [
{required: true, message: '需求工位不能为空', trigger: 'blur'}
]
}, },
queryTypeOptions: [ queryTypeOptions: [
{ key: 'code', display_name: '工单编号' }, {key: 'code', display_name: '工单编号'},
{ key: 'name', display_name: '任务编号' }, {key: 'name', display_name: '任务编号'},
{ key: 'status', display_name: '工单状态' }, {key: 'status', display_name: '工单状态'},
{ key: 'station', display_name: '需求工位' } {key: 'station', display_name: '需求工位'}
] ]
} }
}, },

200
src/views/business-data/gdDetail/index.vue
View File

@ -4,33 +4,91 @@
<div class="head-container"> <div class="head-container">
<div v-if="crud.props.searchToggle"> <div v-if="crud.props.searchToggle">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label">关联物料</label> <label class="el-form-item-label">单品物料</label>
<el-input v-model="query.itemId" clearable placeholder="关联物料" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" /> <el-input v-model="query.itemCode" clearable placeholder="单品物料" style="width: 185px;" class="filter-item"
<rrOperation :crud="crud" /> @keyup.enter.native="crud.toQuery"/>
<label class="el-form-item-label">成品物料</label>
<el-input v-model="query.bigItemCode" clearable placeholder="成品物料" style="width: 185px;" class="filter-item"
@keyup.enter.native="crud.toQuery"/>
<label class="el-form-item-label">单据类型</label>
<el-select v-model="query.orderType" filterable clearable placeholder="请选择" style="width: 185px;"
class="filter-item">
<el-option
v-for="item in dict.gd_type"
:key="item.id"
:label="item.value"
:value="item.value"/>
</el-select>
<rrOperation :crud="crud"/>
</div> </div>
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
<crudOperation :permission="permission" :tableKey="this.$options.name"/> <crudOperation :permission="permission" :tableKey="this.$options.name"/>
<!--表单组件--> <!--表单组件-->
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px"> <el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0"
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> :title="crud.status.title" width="500px">
<el-form-item label="行号"> <el-form ref="form" :model="form" :rules="rules" size="small" label-width="120px">
<el-input v-model="form.lineNo" style="width: 370px;" /> <el-form-item label="工单编码" prop="gd">
<el-select v-model="form.gd" @focus="getGd()" filterable clearable placeholder="请选择"
style="width: 300px;"
class="filter-item">
<el-option
v-for="gd in gds"
:key="gd.id"
:label="gd.code"
:value="gd"/>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="关联物料">
未设置字典，请手动设置 Select <el-form-item label="单品物料" prop="item">
<el-select v-model="form.item" @focus="getItem()" filterable clearable placeholder="请选择"
style="width: 300px;"
class="filter-item">
<el-option
v-for="item in items"
:key="item.id"
:label="item.code"
:value="item"/>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="订单数量">
<el-input v-model="form.itemQty" style="width: 370px;" /> <el-form-item label="单品需求数量" prop="itemQty">
<el-input class="filter-item" v-model.number="form.itemQty" style="width: 300px;"
oninput="value=value.replace(/^0|[^0-9]/g,'')"
min="1"/>
</el-form-item> </el-form-item>
<el-form-item label="总成代码">
<el-input v-model="form.bigItemId" style="width: 370px;" /> <el-form-item label="成品物料">
<el-select v-model="form.bigItem" @focus="getbigItem()" filterable clearable placeholder="请选择"
style="width: 300px;"
class="filter-item">
<el-option
v-for="bigItem in bigItems"
:key="bigItem.id"
:label="bigItem.code"
:value="bigItem"/>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="总成套数">
<el-input v-model="form.bigItemQty" style="width: 370px;" /> <el-form-item label="总成需求套数">
<el-input class="filter-item" v-model="form.bigItemQty" style="width: 300px;"
oninput="value=value.replace(/^0|[^0-9]/g,'')"
min="1"/>
</el-form-item> </el-form-item>
<el-form-item label="单据类型">
<el-input v-model="form.orderType" style="width: 370px;" /> <el-form-item label="单据类型" prop="orderType">
<el-select v-model="form.orderType" filterable clearable placeholder="请选择" style="width: 300px;"
class="filter-item">
<el-option
v-for="item in dict.gd_type"
:key="item.id"
:label="item.value"
:value="item.value"/>
</el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="text" @click="crud.cancelCU">取消</el-button> <el-button type="text" @click="crud.cancelCU">取消</el-button>
@ -38,70 +96,130 @@
</div> </div>
</el-dialog> </el-dialog>
<!--表格渲染--> <!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler"> <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;"
<el-table-column type="selection" width="55" /> @selection-change="crud.selectionChangeHandler">
<el-table-column prop="id" label="ID" /> <el-table-column type="selection" width="55"/>
<el-table-column prop="createBy" label="创建人" /> <el-table-column prop="xh" label="序号" type="index" width="50"/>
<el-table-column prop="updateBy" label="修改人" /> <el-table-column prop="gd.code" label="工单编码"/>
<el-table-column prop="createTime" label="创建时间" /> <el-table-column prop="item.code" label="单品物料"/>
<el-table-column prop="updateTime" label="修改时间" /> <el-table-column prop="itemQty" label="单品需求数量"/>
<el-table-column prop="gd.name" label="任务编号" /> <el-table-column prop="bigItem.code" label="成品物料"/>
<el-table-column prop="lineNo" label="行号" /> <el-table-column prop="bigItemQty" label="成品需求套数"/>
<el-table-column prop="item.code" label="关联物料" /> <el-table-column prop="orderType" label="单据类型"/>
<el-table-column prop="itemQty" label="单品数量" /> <el-table-column prop="createTime" label="创建时间"/>
<el-table-column prop="orderQty" label="未拆分数量" /> <el-table-column v-if="checkPer(['admin','gdDetail:edit','gdDetail:del'])" :show-overflow-tooltip="false"
<el-table-column prop="bigItem.code" label="总成代码" /> fixed="right" label="操作" align="center">
<el-table-column prop="bigItemQty" label="总成套数" />
<el-table-column prop="orderType" label="单据类型" />
<el-table-column v-if="checkPer(['admin','gdDetail:edit','gdDetail:del'])" :show-overflow-tooltip="false" fixed="right" label="操作" width="150px" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<udOperation <udOperation
:data="scope.row" :data="scope.row"
:permission="permission" :permission="permission"
:showDle="false"
/> />
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<pagination /> <pagination/>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import crudGdDetail from '@/api/gdDetail' import crudGdDetail from '@/api/gdDetail'
import CRUD, { presenter, header, form, crud } from '@crud/crud' import CRUD, {presenter, header, form, crud} from '@crud/crud'
import rrOperation from '@crud/RR.operation' import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation' import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation' import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination' import pagination from '@crud/Pagination'
import {getItemsList} from "@/api/item";
import {queryAllBigItem} from "@/api/bigItem"
import {queryAllGd} from "@/api/gd"
const defaultForm = { id: null, createBy: null, updateBy: null, createTime: null, updateTime: null, lineNo: null, item: null, itemQty: null, bigItem: null, bigItemQty: null, orderType: null, gd: null } const defaultForm = {
id: null,
createBy: null,
updateBy: null,
createTime: null,
updateTime: null,
lineNo: null,
item: null,
itemQty: null,
bigItem: null,
bigItemQty: null,
orderType: null,
gd: null
}
export default { export default {
name: 'GdDetail', name: 'GdDetail',
components: { pagination, crudOperation, rrOperation, udOperation }, components: {pagination, crudOperation, rrOperation, udOperation},
mixins: [presenter(), header(), form(defaultForm), crud()], mixins: [presenter(), header(), form(defaultForm), crud()],
dicts: ['gd_type'],
cruds() { cruds() {
return CRUD({ title: 'gdDetail', url: 'api/gdDetail', idField: 'id', sort: 'id,desc', crudMethod: { ...crudGdDetail }}) return CRUD({
title: '备料工单明细',
url: 'api/gdDetail',
idField: 'id',
sort: 'id,desc',
crudMethod: {...crudGdDetail},
optShow: {
add: true,
edit: false,
del: false,
reset: true,
download: true
}
})
}, },
data() { data() {
return { return {
items: [],
bigItems: [],
gds: [],
permission: { permission: {
add: ['admin', 'gdDetail:add'], add: ['admin', 'gdDetail:add'],
edit: ['admin', 'gdDetail:edit'], edit: ['admin', 'gdDetail:edit'],
del: ['admin', 'gdDetail:del'] del: ['admin', 'gdDetail:del']
}, },
rules: { rules: {
gd: [
{required: true, message: '请选择工单编码', trigger: 'blur'}
],
item: [
{required: true, message: '请选择单品物料', trigger: 'blur'}
],
itemQty: [
{required: true, message: '请输入单品需求数量', trigger: 'blur'},
],
orderType: [
{required: true, message: '请选择单据类型', trigger: 'blur'}
]
}, },
queryTypeOptions: [
{ key: 'itemId', display_name: '关联物料' }
]
} }
}, },
created() {
this.getItem();//获取物料
this.getbigItem();//获取成品
this.getGd();//获取工单
},
methods: { methods: {
// 钩子：在获取表格数据之前执行，false 则代表不获取数据 // 钩子：在获取表格数据之前执行，false 则代表不获取数据
[CRUD.HOOK.beforeRefresh]() { [CRUD.HOOK.beforeRefresh]() {
return true return true
},
getItem() {
getItemsList({enabled: true}).then(res => {
this.items = res
})
},
getbigItem() {
queryAllBigItem({}).then(res => {
this.bigItems = res
})
},
getGd() {
queryAllGd({status: 'OPEN'}).then(res => {
this.gds = res
})
} }
} }
} }

75
src/views/business-data/pick/index.vue
View File

@ -5,37 +5,40 @@
<div v-if="crud.props.searchToggle"> <div v-if="crud.props.searchToggle">
<!-- 搜索 --> <!-- 搜索 -->
<label class="el-form-item-label">出库单头</label> <label class="el-form-item-label">出库单头</label>
<el-input v-model="query.code" clearable placeholder="出库单头" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" /> <el-input v-model="query.code" clearable placeholder="出库单头" style="width: 185px;" class="filter-item"
@keyup.enter.native="crud.toQuery"/>
<label class="el-form-item-label">工单明细</label> <label class="el-form-item-label">工单明细</label>
<el-input v-model="query.gdDetaiId" clearable placeholder="工单明细" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" /> <el-input v-model="query.gdDetaiId" clearable placeholder="工单明细" style="width: 185px;" class="filter-item"
<rrOperation :crud="crud" /> @keyup.enter.native="crud.toQuery"/>
<rrOperation :crud="crud"/>
</div> </div>
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
<crudOperation :permission="permission" :tableKey="this.$options.name"/> <crudOperation :permission="permission" :tableKey="this.$options.name"/>
<!--表单组件--> <!--表单组件-->
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px"> <el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0"
:title="crud.status.title" width="500px">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="ID"> <el-form-item label="ID">
<el-input v-model="form.id" style="width: 370px;" /> <el-input v-model="form.id" style="width: 370px;"/>
</el-form-item> </el-form-item>
<el-form-item label="出库单头"> <el-form-item label="出库单头">
<el-input v-model="form.code" style="width: 370px;" /> <el-input v-model="form.code" style="width: 370px;"/>
</el-form-item> </el-form-item>
<el-form-item label="序号"> <el-form-item label="序号">
<el-input v-model="form.lineNo" style="width: 370px;" /> <el-input v-model="form.lineNo" style="width: 370px;"/>
</el-form-item> </el-form-item>
<el-form-item label="状态"> <el-form-item label="状态">
<el-select v-model="form.status" filterable placeholder="请选择"> <el-select v-model="form.status" filterable placeholder="请选择">
<el-option <el-option
v-for="item in dict.pick_status" v-for="item in dict.pick_status"
:key="item.id" :key="item.id"
:label="item.label" :label="item.label"
:value="item.value" /> :value="item.value"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item label="关联工单明细"> <!-- <el-form-item label="关联工单明细">
<el-input v-model="form.gdDetail" style="width: 370px;" /> <el-input v-model="form.gdDetail" style="width: 370px;" />
</el-form-item>--> </el-form-item>-->
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="text" @click="crud.cancelCU">取消</el-button> <el-button type="text" @click="crud.cancelCU">取消</el-button>
@ -43,20 +46,18 @@
</div> </div>
</el-dialog> </el-dialog>
<!--表格渲染--> <!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler"> <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;"
<el-table-column type="selection" width="55" /> @selection-change="crud.selectionChangeHandler">
<el-table-column prop="id" label="ID" /> <el-table-column type="selection" width="55"/>
<el-table-column prop="createTime" label="创建时间" /> <el-table-column prop="lineNo" label="序号"/>
<el-table-column prop="updateTime" label="修改时间" /> <el-table-column prop="code" label="出库单头"/>
<el-table-column prop="code" label="出库单头" />
<el-table-column prop="lineNo" label="序号" />
<el-table-column prop="status" label="状态"> <el-table-column prop="status" label="状态">
<template slot-scope="scope"> <template slot-scope="scope">
{{ dict.label.pick_status[scope.row.status] }} {{ dict.label.pick_status[scope.row.status] }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="point.code" label="封包点位" /> <el-table-column prop="point.code" label="封包点位"/>
<el-table-column prop="gdDetail.id" label="关联工单明细" /> <el-table-column prop="createTime" label="创建时间"/>
<el-table-column v-if="checkPer(['admin','pick:edit','pick:del'])" label="操作" width="150px" align="center"> <el-table-column v-if="checkPer(['admin','pick:edit','pick:del'])" label="操作" width="150px" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<udOperation <udOperation
@ -67,27 +68,38 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<pagination /> <pagination/>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import crudPick from '@/api/pick' import crudPick from '@/api/pick'
import CRUD, { presenter, header, form, crud } from '@crud/crud' import CRUD, {presenter, header, form, crud} from '@crud/crud'
import rrOperation from '@crud/RR.operation' import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation' import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation' import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination' import pagination from '@crud/Pagination'
const defaultForm = { id: null, createBy: null, updateBy: null, createTime: null, updateTime: null, deptId: null, code: null, lineNo: null, status: null, gdDetail: null } const defaultForm = {
id: null,
createBy: null,
updateBy: null,
createTime: null,
updateTime: null,
deptId: null,
code: null,
lineNo: null,
status: null,
beCall: null
}
export default { export default {
name: 'Pick', name: 'Pick',
dicts: ['pick_status'], dicts: ['pick_status'],
components: { pagination, crudOperation, rrOperation, udOperation }, components: {pagination, crudOperation, rrOperation, udOperation},
mixins: [presenter(), header(), form(defaultForm), crud()], mixins: [presenter(), header(), form(defaultForm), crud()],
cruds() { cruds() {
return CRUD({ title: 'pick', url: 'api/pick', idField: 'id', sort: 'id,desc', crudMethod: { ...crudPick }}) return CRUD({title: 'pick', url: 'api/pick', idField: 'id', sort: 'id,desc', crudMethod: {...crudPick}})
}, },
data() { data() {
return { return {
@ -96,11 +108,10 @@ export default {
edit: ['admin', 'pick:edit'], edit: ['admin', 'pick:edit'],
del: ['admin', 'pick:del'] del: ['admin', 'pick:del']
}, },
rules: { rules: {},
},
queryTypeOptions: [ queryTypeOptions: [
{ key: 'code', display_name: '出库单头' }, {key: 'code', display_name: '出库单头'},
{ key: 'gdDetaiId', display_name: '关联工单明细' } {key: 'gdDetaiId', display_name: '关联工单明细'}
] ]
} }
}, },