11 changed files with 657 additions and 23 deletions
@ -0,0 +1,175 @@ |
|||||
|
<!--suppress ALL --> |
||||
|
<template> |
||||
|
<el-dialog |
||||
|
append-to-body |
||||
|
title="单据详情" |
||||
|
:visible.sync="dialogVisible" |
||||
|
fullscreen |
||||
|
@close="close" |
||||
|
@open="open" |
||||
|
> |
||||
|
<el-form ref="form" style="border: 1px solid #cfe0df;margin-top: 10px;padding-top: 10px;" :inline="true" |
||||
|
:model="form" size="mini" label-width="100px" label-suffix=":"> |
||||
|
<el-form-item label="单据编号" prop="code"> |
||||
|
<el-input v-model="form.code" disabled placeholder="系统生成" style="width: 210px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="单据类型" prop="form_type"> |
||||
|
<el-input v-model="form.form_type" disabled style="width: 210px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="单据日期" prop="source_form_date"> |
||||
|
<el-input v-model="form.source_form_date" disabled style="width: 210px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="物料数量" prop="qty"> |
||||
|
<el-input v-model="form.qty" disabled style="width: 210px"/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="单据状态" prop="status"> |
||||
|
<el-select |
||||
|
v-model="form.status" |
||||
|
disabled |
||||
|
size="mini" |
||||
|
placeholder="单据状态" |
||||
|
class="filter-item" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in dict.io_bill_status" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="创建时间" prop="create_time"> |
||||
|
<el-input v-model="form.create_time" disabled clearable style="width: 210px"/> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div class="crud-opts2"> |
||||
|
<span class="role-span2">单据明细</span> |
||||
|
</div> |
||||
|
<el-card class="box-card" shadow="never" :body-style="{padding:'0'}"> |
||||
|
<!--表格渲染--> |
||||
|
<el-table |
||||
|
ref="table" |
||||
|
:data="tableDtl" |
||||
|
style="width: 100%;" |
||||
|
max-height="300" |
||||
|
size="mini" |
||||
|
border |
||||
|
:highlight-current-row="true" |
||||
|
:header-cell-style="{background:'#f5f7fa',color:'#606266'}" |
||||
|
> |
||||
|
<el-table-column prop="code" label="单据编码" min-width="140" /> |
||||
|
<el-table-column prop="is_merge" label="是否已合单" :formatter="merge_Format" show-overflow-tooltip /> |
||||
|
<el-table-column show-overflow-tooltip prop="stor_name" min-width="120" label="仓库" /> |
||||
|
<el-table-column prop="material_code" label="物料编码" show-overflow-tooltip :min-width="flexWidth('material_code',crud.data,'物料编码')" /> |
||||
|
<el-table-column prop="qty" label="数量" show-overflow-tooltip /> |
||||
|
<el-table-column prop="assign_qty" label="出库已分配数量" show-overflow-tooltip width="120" /> |
||||
|
<el-table-column prop="unit_name" label="单位" show-overflow-tooltip width="120" /> |
||||
|
<el-table-column prop="source_form_date" label="单据日期" show-overflow-tooltip width="120" /> |
||||
|
<el-table-column prop="status" label="单据状态" show-overflow-tooltip :formatter="status_Format" width="120" /> |
||||
|
<el-table-column prop="create_time" label="创建时间" :min-width="flexWidth('create_time',crud.data,'创建时间')" /> |
||||
|
</el-table> |
||||
|
</el-card> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import {crud} from '@crud/crud' |
||||
|
import crudFormData, {getSonFormData} from './formData' |
||||
|
|
||||
|
export default { |
||||
|
name: 'ViewDialog', |
||||
|
mixins: [crud()], |
||||
|
dicts: ['base_data', 'ST_INV_IN_TYPE', 'io_bill_status', 'IS_OR_NOT'], |
||||
|
props: { |
||||
|
dialogShow: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
}, |
||||
|
rowmst: { |
||||
|
type: Object |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
dialogVisible: false, |
||||
|
tableDtl: [], |
||||
|
form: {}, |
||||
|
formStatus: [ |
||||
|
{ |
||||
|
value: '10', |
||||
|
label: '生成' |
||||
|
}, |
||||
|
{ |
||||
|
value: '20', |
||||
|
label: '执行中' |
||||
|
}, |
||||
|
{ |
||||
|
value: '99', |
||||
|
label: '完成' |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
dialogShow: { |
||||
|
handler(newValue) { |
||||
|
this.dialogVisible = newValue |
||||
|
} |
||||
|
}, |
||||
|
rowmst: { |
||||
|
handler(newValue) { |
||||
|
this.form = newValue |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
open() { |
||||
|
|
||||
|
}, |
||||
|
setForm(row) { |
||||
|
this.dialogVisible = true |
||||
|
this.form = row |
||||
|
this.queryTableDtl(row.id) |
||||
|
}, |
||||
|
close() { |
||||
|
this.dialogVisible = false |
||||
|
}, |
||||
|
status_Format(row, column) { |
||||
|
return this.dict.label.io_bill_status[row.status] |
||||
|
}, |
||||
|
merge_Format(row, column) { |
||||
|
return this.dict.label.IS_OR_NOT[row.is_merge] |
||||
|
}, |
||||
|
queryTableDtl(id) { |
||||
|
crudFormData.getdtl(id).then(res => { |
||||
|
this.tableDtl = res |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
.crud-opts2 { |
||||
|
padding: 0; |
||||
|
display: -webkit-flex; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.crud-opts2 .el-dialog__title2 { |
||||
|
line-height: 24px; |
||||
|
font-size: 20px; |
||||
|
color: #303133; |
||||
|
} |
||||
|
|
||||
|
.crud-opts2 .role-span2 { |
||||
|
padding: 0px 0px 20px 0px; |
||||
|
} |
||||
|
|
||||
|
.crud-opts2 { |
||||
|
padding: 10px 0px 0px 50px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,70 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export function add(data) { |
||||
|
return request({ |
||||
|
url: 'api/pmFormData', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function del(ids) { |
||||
|
return request({ |
||||
|
url: 'api/pmFormData', |
||||
|
method: 'delete', |
||||
|
data: ids |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function edit(data) { |
||||
|
return request({ |
||||
|
url: 'api/pmFormData', |
||||
|
method: 'put', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function getFormType() { |
||||
|
return request({ |
||||
|
url: 'api/bmFormStruc/getTypes', |
||||
|
method: 'get' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function getParentFormTypes() { |
||||
|
return request({ |
||||
|
url: 'api/bmFormStruc/getParentFormTypes', |
||||
|
method: 'get' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function getSonFormData(id) { |
||||
|
return request({ |
||||
|
url: 'api/pmFormData/getSonFormData/' + id, |
||||
|
method: 'get' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function getdtl(id) { |
||||
|
return request({ |
||||
|
url: 'api/pmFormData/getdtl/' + id, |
||||
|
method: 'get' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function tomerge(data) { |
||||
|
return request({ |
||||
|
url: '/api/pmFormData/tomerge', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function dismerge(data) { |
||||
|
return request({ |
||||
|
url: '/api/pmFormData/dismerge', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
export default { add, edit, del, getParentFormTypes, getSonFormData, dismerge, tomerge, getdtl } |
||||
@ -0,0 +1,264 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<!--工具栏--> |
||||
|
<div class="head-container"> |
||||
|
<div> |
||||
|
<!-- 搜索 --> |
||||
|
<el-form |
||||
|
:inline="true" |
||||
|
class="demo-form-inline" |
||||
|
label-position="right" |
||||
|
label-width="90px" |
||||
|
label-suffix=":" |
||||
|
> |
||||
|
<el-form-item label="单据日期" prop="analyseData"> |
||||
|
<el-date-picker |
||||
|
v-model="query.datepick" |
||||
|
type="daterange" |
||||
|
value-format="yyyy-MM-dd" |
||||
|
range-separator="至" |
||||
|
start-placeholder="开始日期" |
||||
|
end-placeholder="结束日期" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="单据编码"> |
||||
|
<el-input |
||||
|
v-model="query.code" |
||||
|
clearable |
||||
|
size="mini" |
||||
|
placeholder="编码" |
||||
|
@keyup.enter.native="crud.toQuery" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="物料编码"> |
||||
|
<el-input |
||||
|
v-model="query.material_code" |
||||
|
clearable |
||||
|
style="width: 250px" |
||||
|
size="mini" |
||||
|
placeholder="请输入物料编码" |
||||
|
prefix-icon="el-icon-search" |
||||
|
class="filter-item" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="是否合单"> |
||||
|
<el-select |
||||
|
v-model="query.is_merge" |
||||
|
clearable |
||||
|
size="mini" |
||||
|
placeholder="请选择" |
||||
|
class="filter-item" |
||||
|
@change="crud.toQuery" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in dict.IS_OR_NOT" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="单据状态"> |
||||
|
<el-select |
||||
|
v-model="query.status" |
||||
|
clearable |
||||
|
size="mini" |
||||
|
placeholder="单据状态" |
||||
|
class="filter-item" |
||||
|
@change="crud.toQuery" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in dict.io_bill_status" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<rrOperation :crud="crud" /> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> |
||||
|
<crudOperation :permission="permission"> |
||||
|
<el-button |
||||
|
slot="right" |
||||
|
class="filter-item" |
||||
|
size="mini" |
||||
|
type="warning" |
||||
|
icon="el-icon-download" |
||||
|
> |
||||
|
导入 |
||||
|
</el-button> |
||||
|
<el-button |
||||
|
slot="right" |
||||
|
class="filter-item" |
||||
|
size="mini" |
||||
|
type="primary" |
||||
|
icon="el-icon-plus" |
||||
|
@click="tomerge" |
||||
|
> |
||||
|
合并清单 |
||||
|
</el-button> |
||||
|
<el-button |
||||
|
slot="right" |
||||
|
class="filter-item" |
||||
|
size="mini" |
||||
|
type="primary" |
||||
|
icon="el-icon-minus" |
||||
|
@click="dismerge" |
||||
|
> |
||||
|
取消合并 |
||||
|
</el-button> |
||||
|
</crudOperation> |
||||
|
<!--表格渲染--> |
||||
|
<el-table |
||||
|
ref="table" |
||||
|
v-loading="crud.loading" |
||||
|
lazy |
||||
|
:data="crud.data" |
||||
|
> |
||||
|
<el-table-column type="selection" width="55" /> |
||||
|
<el-table-column prop="code" label="单据编码" min-width="140"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-link v-if="scope.row.new_merge_flag === '1'" type="warning" @click="toView(scope.row)">{{ |
||||
|
scope.row.code |
||||
|
}} |
||||
|
</el-link> |
||||
|
<span v-else>{{ scope.row.code }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="is_merge" label="是否已合单" :formatter="merge_Format" show-overflow-tooltip /> |
||||
|
<el-table-column show-overflow-tooltip prop="stor_name" min-width="120" label="仓库" /> |
||||
|
<el-table-column prop="material_code" label="物料编码" show-overflow-tooltip :min-width="flexWidth('material_code',crud.data,'物料编码')" /> |
||||
|
<el-table-column prop="material_name" label="物料名称" show-overflow-tooltip :min-width="flexWidth('material_name',crud.data,'物料名称')" /> |
||||
|
<el-table-column prop="qty" label="数量" show-overflow-tooltip /> |
||||
|
<el-table-column prop="assign_qty" label="出库已分配数量" show-overflow-tooltip width="120" /> |
||||
|
<el-table-column prop="unit_name" label="单位" show-overflow-tooltip width="120" /> |
||||
|
<el-table-column prop="source_form_date" label="清单日期" show-overflow-tooltip width="120" /> |
||||
|
<el-table-column prop="status" label="单据状态" show-overflow-tooltip :formatter="status_Format" width="120" /> |
||||
|
<el-table-column prop="merge_codes" label="被合单据" show-overflow-tooltip width="120" /> |
||||
|
<el-table-column prop="create_time" label="创建时间" :min-width="flexWidth('create_time',crud.data,'创建时间')" /> |
||||
|
</el-table> |
||||
|
<!--分页组件--> |
||||
|
<pagination /> |
||||
|
</div> |
||||
|
<ViewDialog ref="viewDialog" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import crudFormData from './formData' |
||||
|
import CRUD, { crud, header, presenter } from '@crud/crud' |
||||
|
import crudOperation from '@crud/CRUD.operation.vue' |
||||
|
import rrOperation from '@crud/RR.operation.vue' |
||||
|
import pagination from '@crud/Pagination.vue' |
||||
|
import ViewDialog from './ViewDialog.vue' |
||||
|
|
||||
|
export default { |
||||
|
name: 'FormData2', |
||||
|
dicts: ['base_data', 'ST_INV_IN_TYPE', 'io_bill_status', 'IS_OR_NOT'], |
||||
|
components: { pagination, crudOperation, rrOperation, ViewDialog }, |
||||
|
mixins: [presenter(), header(), crud()], |
||||
|
cruds() { |
||||
|
return CRUD({ |
||||
|
title: '用料清单管理', |
||||
|
url: 'api/pmFormData', |
||||
|
idField: 'id', |
||||
|
sort: 'id,desc', |
||||
|
crudMethod: { ...crudFormData }, |
||||
|
optShow: { |
||||
|
add: false, |
||||
|
reset: true |
||||
|
}, |
||||
|
query: { |
||||
|
form_type: '1001' |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
permission: {}, |
||||
|
rows : [], |
||||
|
rules: { |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
[CRUD.HOOK.beforeRefresh]() { |
||||
|
if (this.query.datepick) { |
||||
|
this.query.start_time = this.query.datepick[0] |
||||
|
if (this.query.datepick.length > 1) { |
||||
|
this.query.end_time = this.query.datepick[1] |
||||
|
} |
||||
|
} else { |
||||
|
this.query.start_time = '' |
||||
|
this.query.end_time = '' |
||||
|
} |
||||
|
}, |
||||
|
status_Format(row, column) { |
||||
|
return this.dict.label.io_bill_status[row.status] |
||||
|
}, |
||||
|
merge_Format(row, column) { |
||||
|
return this.dict.label.IS_OR_NOT[row.is_merge] |
||||
|
}, |
||||
|
tomerge() { |
||||
|
this.rows = this.$refs.table.selection |
||||
|
if (this.rows.length < 2) { |
||||
|
this.crud.notify('最少选择2个单据进行合单', CRUD.NOTIFICATION_TYPE.INFO) |
||||
|
return |
||||
|
} |
||||
|
const mater = this.rows[0].material_code |
||||
|
for (let i = 0; i < this.rows.length; i++) { |
||||
|
const now = this.rows[i] |
||||
|
if (now.is_merge === '1') { |
||||
|
this.crud.notify('不允许提交已合单的单据:' + now.code, CRUD.NOTIFICATION_TYPE.INFO) |
||||
|
return |
||||
|
} |
||||
|
if (now.new_merge_flag === '1') { |
||||
|
this.crud.notify('不允许提交合新合单的单据:' + now.code, CRUD.NOTIFICATION_TYPE.INFO) |
||||
|
return |
||||
|
} |
||||
|
if (now.material_code !== mater) { |
||||
|
this.crud.notify('合单的物料必须相同:' + now.material_code, CRUD.NOTIFICATION_TYPE.INFO) |
||||
|
return |
||||
|
} |
||||
|
} |
||||
|
crudFormData.tomerge(this.rows).then(res => { |
||||
|
this.crud.notify('合单成功！', CRUD.NOTIFICATION_TYPE.SUCCESS) |
||||
|
this.crud.toQuery() |
||||
|
}) |
||||
|
}, |
||||
|
dismerge() { |
||||
|
this.rows = this.$refs.table.selection |
||||
|
if (this.rows.length < 1) { |
||||
|
this.crud.notify('请选择需要取消合单的单据', CRUD.NOTIFICATION_TYPE.INFO) |
||||
|
return |
||||
|
} |
||||
|
for (let i = 0; i < this.rows.length; i++) { |
||||
|
const now = this.rows[i] |
||||
|
if (now.new_merge_flag === '0') { |
||||
|
this.crud.notify('不允许提交未合单的单据:' + now.code, CRUD.NOTIFICATION_TYPE.INFO) |
||||
|
return |
||||
|
} |
||||
|
} |
||||
|
crudFormData.dismerge(this.rows).then(res => { |
||||
|
this.crud.notify('取消合单成功！', CRUD.NOTIFICATION_TYPE.SUCCESS) |
||||
|
this.crud.toQuery() |
||||
|
}) |
||||
|
}, |
||||
|
toView(row) { |
||||
|
if (row !== null) { |
||||
|
this.$refs.viewDialog.setForm(row) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
||||
|
|
||||
Loading…
Reference in new issue