You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
216 lines
9.0 KiB
216 lines
9.0 KiB
<template> |
|
<a-row :gutter="24"> |
|
<a-col :md="24"> |
|
<a-card :style="cardStyle" :bordered="false"> |
|
<!-- 查询区域 --> |
|
<div class="table-page-search-wrapper"> |
|
<!-- 搜索区域 --> |
|
<a-form layout="inline" @keyup.enter.native="searchQuery"> |
|
<a-row :gutter="24"> |
|
<a-col :md="6" :sm="24"> |
|
<a-form-item label="单据编号" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input placeholder="请输入单据编号" v-model="queryParam.number"></a-input> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :md="6" :sm="24"> |
|
<a-form-item label="商品信息" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-input placeholder="请输入物料编码、名称、规格、型号" v-model="queryParam.materialParam"></a-input> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :md="6" :sm="24"> |
|
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-range-picker |
|
style="width:100%" |
|
v-model="queryParam.createTimeRange" |
|
format="YYYY-MM-DD" |
|
:placeholder="['开始时间', '结束时间']" |
|
@change="onDateChange" |
|
@ok="onDateOk" |
|
/> |
|
</a-form-item> |
|
</a-col> |
|
<template v-if="toggleSearchStatus"> |
|
<a-col :md="6" :sm="24"> |
|
<a-form-item label="仓库名称" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-select placeholder="请选择仓库" showSearch optionFilterProp="children" v-model="queryParam.depotId"> |
|
<a-select-option v-for="(depot,index) in depotList" :key="index" :value="depot.id"> |
|
{{ depot.depotName }} |
|
</a-select-option> |
|
</a-select> |
|
</a-form-item> |
|
</a-col> |
|
<a-col :md="6" :sm="24"> |
|
<a-form-item label="操作员" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
|
<a-select placeholder="选择操作员" showSearch optionFilterProp="children" v-model="queryParam.creator"> |
|
<a-select-option v-for="(item,index) in userList" :key="index" :value="item.id"> |
|
{{ item.userName }} |
|
</a-select-option> |
|
</a-select> |
|
</a-form-item> |
|
</a-col> |
|
</template> |
|
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> |
|
<a-col :md="6" :sm="24"> |
|
<a-button type="primary" @click="searchQuery">查询</a-button> |
|
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> |
|
<a @click="handleToggleSearch" style="margin-left: 8px"> |
|
{{ toggleSearchStatus ? '收起' : '展开' }} |
|
<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/> |
|
</a> |
|
</a-col> |
|
</span> |
|
</a-row> |
|
</a-form> |
|
</div> |
|
<!-- 操作按钮区域 --> |
|
<div class="table-operator" style="margin-top: 5px"> |
|
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> |
|
<a-dropdown> |
|
<a-menu slot="overlay"> |
|
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> |
|
<a-menu-item key="2" v-if="btnEnableList.indexOf(2)>-1" @click="batchSetStatus(1)"><a-icon type="check"/>审核</a-menu-item> |
|
<a-menu-item key="3" v-if="btnEnableList.indexOf(7)>-1" @click="batchSetStatus(0)"><a-icon type="stop"/>反审核</a-menu-item> |
|
</a-menu> |
|
<a-button> |
|
批量操作 <a-icon type="down" /> |
|
</a-button> |
|
</a-dropdown> |
|
<a-tooltip placement="left" title="用于两个仓库之间的商品调拨，调拨单会影响库存。" slot="action"> |
|
<a-icon v-if="btnEnableList.indexOf(1)>-1" type="question-circle" style="font-size:20px;float:right;" /> |
|
</a-tooltip> |
|
</div> |
|
<!-- table区域-begin --> |
|
<a-row> |
|
<a-col :md="2.5" :sm="24"> |
|
<list-columns-setter v-model="columns" :def-columns="columns" style="float: right;"/> |
|
</a-col> |
|
</a-row> |
|
<div> |
|
<a-table |
|
ref="table" |
|
size="middle" |
|
bordered |
|
rowKey="id" |
|
:columns="columns" |
|
:components="drag(columns)" |
|
:dataSource="dataSource" |
|
:pagination="ipagination" |
|
:scroll="scroll" |
|
:loading="loading" |
|
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" |
|
@change="handleTableChange"> |
|
<span slot="action" slot-scope="text, record"> |
|
<a @click="myHandleDetail(record, '调拨出库')">查看</a> |
|
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> |
|
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> |
|
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> |
|
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleCopyAdd(record)">复制</a> |
|
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> |
|
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => myHandleDelete(record)"> |
|
<a>删除</a> |
|
</a-popconfirm> |
|
</span> |
|
<template slot="customRenderStatus" slot-scope="status"> |
|
<a-tag v-if="status == '0'" color="red">未审核</a-tag> |
|
<a-tag v-if="status == '1'" color="green">已审核</a-tag> |
|
</template> |
|
</a-table> |
|
</div> |
|
<!-- table区域-end --> |
|
<!-- 表单区域 --> |
|
<allocation-out-modal ref="modalForm" @ok="modalFormOk"></allocation-out-modal> |
|
<bill-detail ref="modalDetail"></bill-detail> |
|
</a-card> |
|
</a-col> |
|
</a-row> |
|
</template> |
|
<!--power by jishenghua--> |
|
<script> |
|
import AllocationOutModal from './modules/AllocationOutModal' |
|
import BillDetail from './dialog/BillDetail' |
|
import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
|
import { BillListMixin } from './mixins/BillListMixin' |
|
import JDate from '@/components/jeecg/JDate' |
|
import Vue from 'vue' |
|
import ListColumnsSetter from '@/components/ListColumnsSetter' |
|
import tableDragResizeMixin from '@/mixins/tableDragResizeMixin' |
|
export default { |
|
name: "AllocationOutList", |
|
mixins:[JeecgListMixin,BillListMixin,tableDragResizeMixin], |
|
components: { |
|
AllocationOutModal, |
|
BillDetail, |
|
JDate, |
|
ListColumnsSetter |
|
}, |
|
data () { |
|
return { |
|
// 查询条件 |
|
queryParam: { |
|
number: "", |
|
materialParam: "", |
|
type: "出库", |
|
subType: "调拨", |
|
roleType: Vue.ls.get('roleType'), |
|
depotId: "", |
|
creator: "" |
|
}, |
|
labelCol: { |
|
span: 5 |
|
}, |
|
wrapperCol: { |
|
span: 18, |
|
offset: 1 |
|
}, |
|
// 表头 |
|
columns: [ |
|
{ title: '单据编号', dataIndex: 'number',width:160, align: 'center', |
|
customRender:function (text,record,index) { |
|
if(record.linkNumber) { |
|
return text + "[转]"; |
|
} else { |
|
return text; |
|
} |
|
} |
|
}, |
|
{ title: '商品信息', dataIndex: 'materialsList',width:220, align: 'center', ellipsis:true, |
|
customRender:function (text,record,index) { |
|
if(text) { |
|
return text.replace(",","，"); |
|
} |
|
} |
|
}, |
|
{ title: '单据日期', dataIndex: 'operTimeStr',width:145, align: 'center',}, |
|
{ title: '操作员', dataIndex: 'userName',width:80, align: 'center', ellipsis:true}, |
|
{ title: '金额合计', dataIndex: 'totalPrice',width:80, align: 'center',}, |
|
{ title: '状态', dataIndex: 'status', width: 80, align: "center", |
|
scopedSlots: { customRender: 'customRenderStatus' } |
|
}, |
|
{ |
|
title: '操作', |
|
dataIndex: 'action', |
|
align:"center", width: 150, |
|
scopedSlots: { customRender: 'action' }, |
|
} |
|
], |
|
url: { |
|
list: "/erp/depotHead/list", |
|
delete: "/erp/depotHead/delete", |
|
deleteBatch: "/erp/depotHead/deleteBatch", |
|
batchSetStatusUrl: "/erp/depotHead/batchSetStatus" |
|
} |
|
} |
|
}, |
|
computed: { |
|
}, |
|
created() { |
|
this.getDepotData() |
|
this.initUser() |
|
}, |
|
methods: { |
|
} |
|
} |
|
</script> |
|
<style lang="less" scoped> |
|
@import '~@assets/less/common.less'; |
|
</style> |