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.
230 lines
9.7 KiB
230 lines
9.7 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.organId"> |
|
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id"> |
|
{{ item.supplier }} |
|
</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> |
|
<a-tag v-if="status == '2'" color="cyan">完成采购</a-tag> |
|
<a-tag v-if="status == '3'" color="blue">部分采购</a-tag> |
|
</template> |
|
</a-table> |
|
</div> |
|
<!-- table区域-end --> |
|
<!-- 表单区域 --> |
|
<purchase-order-modal ref="modalForm" @ok="modalFormOk"></purchase-order-modal> |
|
<bill-detail ref="modalDetail"></bill-detail> |
|
</a-card> |
|
</a-col> |
|
</a-row> |
|
</template> |
|
<!-- by ji sheng hua--> |
|
<script> |
|
import PurchaseOrderModal from './modules/PurchaseOrderModal' |
|
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: "PurchaseOrderList", |
|
mixins:[JeecgListMixin,BillListMixin,tableDragResizeMixin], |
|
components: { |
|
PurchaseOrderModal, |
|
BillDetail, |
|
JDate, |
|
ListColumnsSetter |
|
}, |
|
data () { |
|
return { |
|
// 查询条件 |
|
queryParam: { |
|
number: "", |
|
materialParam: "", |
|
type: "其它", |
|
subType: "采购订单", |
|
roleType: Vue.ls.get('roleType'), |
|
organId: "", |
|
depotId: "", |
|
creator: "" |
|
}, |
|
labelCol: { |
|
span: 5 |
|
}, |
|
wrapperCol: { |
|
span: 18, |
|
offset: 1 |
|
}, |
|
// 表头 |
|
columns: [ |
|
{ title: '供应商', dataIndex: 'organName',width:120, align:'center', ellipsis:true}, |
|
{ 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, ellipsis:true,align:'center',}, |
|
{ title: '金额合计', dataIndex: 'totalPrice',width:80,align:'center',}, |
|
{ title: '含税合计', dataIndex: 'totalTaxLastMoney',width:80,align:'center', |
|
customRender:function (text,record,index) { |
|
if(record.discountLastMoney) { |
|
return (record.discountMoney + record.discountLastMoney).toFixed(2); |
|
} else { |
|
return record.totalPrice; |
|
} |
|
} |
|
}, |
|
{ title: '状态', dataIndex: 'status', width: 80, align: "center",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" |
|
} |
|
} |
|
}, |
|
created() { |
|
this.initSupplier() |
|
this.initUser() |
|
}, |
|
computed: { |
|
}, |
|
methods: { |
|
} |
|
} |
|
</script> |
|
<style lang="less" scoped> |
|
@import '~@assets/less/common.less'; |
|
</style> |