<template>
<a-modal
:title="'合并采购计划'"
:width="1700"
:visible="visible"
:confirmLoading="confirmLoading"
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭"
wrapClassName="ant-modal-cust-warp"
:closable="false"
style="top:5%;height: 85%;overflow-y: hidden">
<a-table
ref="table"
bordered
size="middle"
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
@change="handleTableChange">
<span slot="status" slot-scope="status">
<a-tag :key="status" :color="'volcano'">
{{ solutionPurchaseStatus(status) }}
</a-tag>
</span>
<span slot="flag" slot-scope="flag">
<a-tag :key="flag" :color="longTermColor(flag)">{{ longTerm(flag) }}</a-tag>
</span>
<span slot="tradeTime" slot-scope="time">{{ timeFormat(time) }}</span>
</a-table>
</a-modal>
</template>
<script>
import { JeecgListMixin } from '../../../mixins/JeecgListMixin'
import { ajaxGetDictItems, getPurchase, mergePurchase } from '../../../api/api'
import { filterObj } from '@/utils/util'
import { getAction } from '@/api/manage'
import moment from 'moment'
export default {
name: 'mergeModal',
mixins: [JeecgListMixin],
data() {
return {
confirmLoading: false,
visible:false,
disableMixinCreated: true,
loading: false,
pagination: {
defaultPageSize: 5,
showTotal: total => `共 ${total} 条数据`,
showSizeChanger: true,
pageSizeOptions: ['5', '10', '15', '20'],
onShowSizeChange: (current, pageSize) => this.pageSize = pageSize
},
columns: [
{
title: '采购单号',
dataIndex: 'code',
key: 'code'
}, {
title: '物料编码',
dataIndex: 'materialCode',
key: 'materialCode'
}, {
title: '物料名称',
dataIndex: 'materialName',
key: 'materialName'
}, {
title: '物料单位',
dataIndex: 'unit',
key: 'unit'
}, {
title: '数量',
dataIndex: 'qty',
key: 'qty'
// },{
// title: '公司',
// dataIndex: 'vendor',
// key: 'vendor'
}, {
title: '状态',
dataIndex: 'status',
key: 'status',
align: 'center',
scopedSlots: { customRender: 'status' }
}, {
title: '供应商',
dataIndex: 'supplier',
key: 'supplier'
}, {
title: '联系人',
dataIndex: 'contact',
key: 'contact'
}, {
title: '联系方式',
dataIndex: 'phone',
key: 'phone'
// },{
// title: '计划开始时间',
// dataIndex: 'planStartTime',
// key: 'planStartTime'
}, {
title: '计划完成时间',
dataIndex: 'planEndTime',
key: 'planEndTime',
align: 'center',
scopedSlots: {
customRender: 'tradeTime'
}
// },{
// title: '实际开始时间',
// dataIndex: 'actualStartTime',
// key: 'actualStartTime'
}, {
title: '实际完成时间',
dataIndex: 'actualEndTime',
key: 'actualEndTime',
align: 'center',
scopedSlots: {
customRender: 'tradeTime'
}
}, {
title: '是否为长周期件',
dataIndex: 'flag',
key: 'flag',
align: 'center',
scopedSlots: { customRender: 'flag' }
}, {
title: '备注',
dataIndex: 'remark',
key: 'remark'
}
],
url: {
list: '/material/purchase/list',
importExcelUrl: '/material/purchase/importExcel'
},
purchasedStatusList: [],
queryParam: [],
id: '',
mergeIds: ''
}
},
created() {
this.getPurchaseStatus()
},
methods: {
open(record) {
this.visible = true
this.queryParam.materialCode = record.materialCode
this.queryParam.excludeId = record.id
this.id = record.id
this.loadData()
},
loadData(arg) {
if (!this.url.list) {
this.$message.error('请设置url.list属性!')
return
}
//加载数据 若传入参数1则加载第一页的内容
if (arg === 1) {
this.ipagination.current = 1
}
var params = this.getQueryParams()//查询条件
this.loading = true
getAction(this.url.list, params).then((res) => {
if (res.success) {
//update-begin---author:zhangyafei Date:20201118 for：适配不分页的数据列表------------
this.dataSource = res.result.records || res.result
if (res.result.total) {
this.ipagination.total = res.result.total
} else {
this.ipagination.total = 0
}
//update-end---author:zhangyafei Date:20201118 for：适配不分页的数据列表------------
}
if (res.code === 510) {
this.$message.warning(res.message)
}
this.loading = false
})
},
getQueryParams() {
//获取查询条件
let sqp = {}
if (this.superQueryParams) {
sqp['superQueryParams'] = encodeURI(this.superQueryParams)
sqp['superQueryMatchType'] = this.superQueryMatchType
}
var param = Object.assign(sqp, this.queryParam, this.isorter, this.filters)
param.field = this.getQueryField()
param.pageNo = this.ipagination.current
param.pageSize = this.ipagination.pageSize
return filterObj(param)
},
getQueryField() {
//TODO 字段权限控制
var str = 'id,'
this.columns.forEach(function(value) {
str += ',' + value.dataIndex
})
return str
},
queryPurchaseIn() {
this.loading = true
let params = {
'workNo': this.queryParam.workNo,
'materialCode': this.queryParam.materialCode,
'materialName': this.queryParam.materialName,
/*长周期件*/
'flag': '1'
}
this.getPurchaseList(params)
},
getPurchaseList(params) {
getPurchase(params).then((res) => {
if (res.success) {
this.loading = false
this.dataSource = res.result.records
if (res.result.total) {
this.ipagination.total = res.result.total
} else {
this.ipagination.total = 0
}
}
})
},
getPurchaseStatus() {
ajaxGetDictItems('purchased_status').then((res) => {
if (res.success) {
this.purchasedStatusList = res.result
}
})
},
solutionPurchaseStatus(value) {
var actions = []
Object.keys(this.purchasedStatusList).some((key) => {
if (this.purchasedStatusList[key].value == ('' + value)) {
actions.push(this.purchasedStatusList[key].text)
return true
}
})
return actions.join('')
},
solutionPurchaseColor(value) {
},
longTerm(flag) {
if (flag == '0') {
return '否'
} else {
return '是'
}
},
longTermColor(flag) {
if (flag == '0') {
return 'volcano'
} else {
return 'blue'
}
},
timeFormat(val) {
return moment(val).format('YYYY-MM-DD')
},
handleCancel() {
this.visible = false
this.id = ''
this.mergeIds = ''
},
handleOk() {
if (this.selectedRowKeys.length <= 0) {
this.$message.warning('请选择一条记录！')
} else {
this.mergeIds = ''
for (var a = 0; a < this.selectedRowKeys.length; a++) {
this.mergeIds += this.selectedRowKeys[a] + ','
}
}
let params = {
"id": this.id,
"mergeIds": this.mergeIds
}
mergePurchase(params).then((res)=>{
if (res.success) {
this.handleCancel()
} else {
this.$message.warning(res.message)
}
})
}
},
computed: {
importExcelUrl: function() {
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
}
}
}
</script>
<style scoped>
</style>