|
|
|
|
<template>
|
|
|
|
|
<a-card :bordered="false" >
|
|
|
|
|
<!-- 查询区域 -->
|
|
|
|
|
<div class="table-page-search-wrapper">
|
|
|
|
|
<a-form layout="inline" @keyup.enter.native="searchQuery">
|
|
|
|
|
<a-row :gutter="24">
|
|
|
|
|
<a-col :xl="5" :lg="7" :md="8" :sm="24">
|
|
|
|
|
<a-form-item label="供应商">
|
|
|
|
|
<a-input placeholder="请输入供应商信息" v-model="queryParam.supplierId"></a-input>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xl="5" :lg="7" :md="8" :sm="24">
|
|
|
|
|
<a-form-item label="物料组">
|
|
|
|
|
<a-input placeholder="请输入物料组" v-model="queryParam.materialClassify"/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xl="5" :lg="7" :md="8" :sm="24">
|
|
|
|
|
<a-form-item label="物料名称">
|
|
|
|
|
<a-input placeholder="请输入物料名称" v-model="queryParam.materialName"/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xl="8" :lg="7" :md="8" :sm="24">
|
|
|
|
|
<!-- <a-button type="primary" icon="download" @click="handleExportXls('物资采购记录')">导出</a-button>-->
|
|
|
|
|
<a-button type="primary" @click="searchQuery" icon="search" style="margin-left: 8px">查询</a-button>
|
|
|
|
|
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
|
|
|
|
|
</a-col>
|
|
|
|
|
<!-- <a-col :xl="4" :lg="7" :md="8" :sm="16">-->
|
|
|
|
|
<!-- <a-form-item label="出库人">-->
|
|
|
|
|
<!-- <a-input placeholder="请选择出库人" v-model="queryParam.librarySign"/>-->
|
|
|
|
|
<!-- </a-form-item>-->
|
|
|
|
|
<!-- </a-col>-->
|
|
|
|
|
<!-- <a-col :xl="4" :lg="7" :md="8" :sm="16">-->
|
|
|
|
|
<!-- <a-form-item label="入库时间" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
|
|
|
|
|
<!-- <a-range-picker-->
|
|
|
|
|
<!-- style="width: 180px"-->
|
|
|
|
|
<!-- format="YYYY-MM-DD"-->
|
|
|
|
|
<!-- :placeholder="['开始时间', '结束时间']"-->
|
|
|
|
|
<!-- @change="onDateChangestorageTime"-->
|
|
|
|
|
<!-- />-->
|
|
|
|
|
<!-- </a-form-item>-->
|
|
|
|
|
<!-- </a-col>-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-form>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 查询区域-END -->
|
|
|
|
|
|
|
|
|
|
<!-- 操作按钮区域 -->
|
|
|
|
|
<!-- <div class="table-operator" style="float: left;">-->
|
|
|
|
|
|
|
|
|
|
<!-- <!– <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">–>-->
|
|
|
|
|
<!-- <!– <a-button type="primary" icon="import">导入</a-button>–>-->
|
|
|
|
|
<!-- <!– </a-upload>–>-->
|
|
|
|
|
<!-- <!– <!– 高级查询区域 –>–>-->
|
|
|
|
|
<!-- <!– <j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>–>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
|
|
|
|
<!-- table区域-begin -->
|
|
|
|
|
<div>
|
|
|
|
|
<!-- <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">-->
|
|
|
|
|
<!-- <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项-->
|
|
|
|
|
<!-- <a style="margin-left: 24px" @click="onClearSelected">清空</a>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
|
|
|
|
|
<a-table
|
|
|
|
|
ref="table"
|
|
|
|
|
size="middle"
|
|
|
|
|
bordered
|
|
|
|
|
rowKey="id"
|
|
|
|
|
:scroll="{y:460}"
|
|
|
|
|
:columns="columns"
|
|
|
|
|
:dataSource="dataSource"
|
|
|
|
|
:pagination="ipagination"
|
|
|
|
|
:loading="loading"
|
|
|
|
|
:customRow="clickThenSelect"
|
|
|
|
|
@change="handleTableChange">
|
|
|
|
|
|
|
|
|
|
<span slot="materialSeries" slot-scope="text, record">
|
|
|
|
|
<j-ellipsis :value="text" :length="9"/>
|
|
|
|
|
</span>
|
|
|
|
|
<span slot="supplierId" slot-scope="text, record">
|
|
|
|
|
<j-ellipsis :value="text" :length="7"/>
|
|
|
|
|
</span>
|
|
|
|
|
<span slot="materialName" slot-scope="text, record">
|
|
|
|
|
<j-ellipsis :value="text" :length="7"/>
|
|
|
|
|
</span>
|
|
|
|
|
<span slot="specification" slot-scope="text, record">
|
|
|
|
|
<j-ellipsis :value="text" :length="10"/>
|
|
|
|
|
</span>
|
|
|
|
|
<span slot="type" slot-scope="text, record">
|
|
|
|
|
<j-ellipsis :value="text" :length="10"/>
|
|
|
|
|
</span>
|
|
|
|
|
<span slot="supplier" slot-scope="text, record">
|
|
|
|
|
<j-ellipsis :value="text" :length="7"/>
|
|
|
|
|
</span>
|
|
|
|
|
<template slot="htmlSlot" slot-scope="text">
|
|
|
|
|
<div v-html="text"></div>
|
|
|
|
|
</template>
|
|
|
|
|
<template slot="imgSlot" slot-scope="text">
|
|
|
|
|
<span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
|
|
|
|
|
<img v-else :src="getImgView(text)" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
|
|
|
|
|
</template>
|
|
|
|
|
<template slot="fileSlot" slot-scope="text">
|
|
|
|
|
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
|
|
|
|
|
<a-button
|
|
|
|
|
v-else
|
|
|
|
|
:ghost="true"
|
|
|
|
|
type="primary"
|
|
|
|
|
icon="download"
|
|
|
|
|
size="small"
|
|
|
|
|
@click="downloadFile(text)">
|
|
|
|
|
下载
|
|
|
|
|
</a-button>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<span slot="action" slot-scope="text, record">
|
|
|
|
|
<!-- <a @click="handleEnterDetail(record)">详情</a>-->
|
|
|
|
|
|
|
|
|
|
<!-- <a-divider type="vertical" />-->
|
|
|
|
|
<!-- <a-dropdown>-->
|
|
|
|
|
<!-- <a class="ant-dropdown-link">更多 <a-icon type="down" /></a>-->
|
|
|
|
|
<!-- <a-menu slot="overlay">-->
|
|
|
|
|
<!-- <a-menu-item>-->
|
|
|
|
|
<!-- <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">-->
|
|
|
|
|
<!-- <a>删除</a>-->
|
|
|
|
|
<!-- </a-popconfirm>-->
|
|
|
|
|
<!-- </a-menu-item>-->
|
|
|
|
|
<!-- </a-menu>-->
|
|
|
|
|
<!-- </a-dropdown>-->
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
</a-table>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- <a-tabs defaultActiveKey="1">-->
|
|
|
|
|
<!-- <a-tab-pane tab="物资出库流程出库清单" key="1" >-->
|
|
|
|
|
<!-- <ProcessMaterialsDeliveryListList :mainId="selectedMainId" />-->
|
|
|
|
|
<!-- </a-tab-pane>-->
|
|
|
|
|
<!-- </a-tabs>-->
|
|
|
|
|
|
|
|
|
|
<!-- <processMaterialsDelivery-modal ref="modalForm" @ok="modalFormOk"></processMaterialsDelivery-modal>-->
|
|
|
|
|
</a-card>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
|
|
|
|
import ProcessMaterialsDeliveryModal from '@/views/processmaterials/modules/ProcessMaterialsDeliveryModal'
|
|
|
|
|
import { getAction } from '@/api/manage'
|
|
|
|
|
import ProcessMaterialsDeliveryListList from '@/views/processmaterials/ProcessMaterialsDeliveryListList'
|
|
|
|
|
import '@/assets/less/TableExpand.less'
|
|
|
|
|
import JSuperQuery from '@/components/jeecg/JSuperQuery.vue'
|
|
|
|
|
import { initDictOptions } from '@comp/dict/JDictSelectUtil'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: "LndustriaMaterialsPlan",
|
|
|
|
|
mixins:[JeecgListMixin],
|
|
|
|
|
components: {
|
|
|
|
|
ProcessMaterialsDeliveryListList,
|
|
|
|
|
ProcessMaterialsDeliveryModal,
|
|
|
|
|
JSuperQuery
|
|
|
|
|
},
|
|
|
|
|
props:{
|
|
|
|
|
materPlanId:{
|
|
|
|
|
type:String,
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data () {
|
|
|
|
|
return {
|
|
|
|
|
description: '物资出库流程管理页面',
|
|
|
|
|
|
|
|
|
|
// 表头
|
|
|
|
|
// 表头
|
|
|
|
|
columns: [
|
|
|
|
|
{
|
|
|
|
|
title: '序号',
|
|
|
|
|
dataIndex: '',
|
|
|
|
|
key:'rowIndex',
|
|
|
|
|
width:60,
|
|
|
|
|
align:"center",
|
|
|
|
|
customRender:function (t,r,index) {
|
|
|
|
|
return parseInt(index)+1;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title:'物料组',
|
|
|
|
|
align:"center",
|
|
|
|
|
dataIndex: 'materialClassify',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title:'物料号',
|
|
|
|
|
align:"center",
|
|
|
|
|
dataIndex: 'materialsNumber',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title:'物料名称及规格型号',
|
|
|
|
|
align:"center",
|
|
|
|
|
scopedSlots: { customRender: 'materialName' },
|
|
|
|
|
dataIndex: 'materialName',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title:'系列',
|
|
|
|
|
align:"center",
|
|
|
|
|
scopedSlots: { customRender: 'materialSeries' },
|
|
|
|
|
dataIndex: 'materialSeries',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title:'单位',
|
|
|
|
|
align:"center",
|
|
|
|
|
dataIndex: 'materialUnit',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title:'单价',
|
|
|
|
|
align:"center",
|
|
|
|
|
disabled: this.disabled,
|
|
|
|
|
dataIndex: 'materialPrice'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title:'数量',
|
|
|
|
|
align:"center",
|
|
|
|
|
dataIndex: 'materialQuantity'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title:'金额',
|
|
|
|
|
align:"center",
|
|
|
|
|
dataIndex: 'materialAmount'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title:'执行标准',
|
|
|
|
|
align:"center",
|
|
|
|
|
dataIndex: 'materialStandard'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title:'供应商',
|
|
|
|
|
align:"center",
|
|
|
|
|
scopedSlots: { customRender: 'supplierId' },
|
|
|
|
|
dataIndex: 'supplierId'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title:'备注',
|
|
|
|
|
align:"center",
|
|
|
|
|
dataIndex: 'remarks',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
url: {
|
|
|
|
|
list: "/hy/processUdgetPlan/queryProcessUdgetPlanMaterialByMainIdDetail",
|
|
|
|
|
delete: "/hy/processUdgetPlan/deleteProcessUdgetPlanMaterial",
|
|
|
|
|
deleteBatch: "/hy/processUdgetPlan/deleteBatchProcessUdgetPlanMaterial",
|
|
|
|
|
exportXlsUrl: "/hy/processUdgetPlan/exportProcessUdgetPlanMaterial",
|
|
|
|
|
importUrl: "/hy/processUdgetPlan/importProcessUdgetPlanMaterial",
|
|
|
|
|
},
|
|
|
|
|
dictOptions:{
|
|
|
|
|
company:[],
|
|
|
|
|
sysOrgCode:[],
|
|
|
|
|
materialType:[],
|
|
|
|
|
},
|
|
|
|
|
/* 分页参数 */
|
|
|
|
|
ipagination:{
|
|
|
|
|
current: 1,
|
|
|
|
|
pageSize: 5,
|
|
|
|
|
pageSizeOptions: ['5', '10', '50'],
|
|
|
|
|
showTotal: (total, range) => {
|
|
|
|
|
return range[0] + "-" + range[1] + " 共" + total + "条"
|
|
|
|
|
},
|
|
|
|
|
showQuickJumper: true,
|
|
|
|
|
showSizeChanger: true,
|
|
|
|
|
total: 0
|
|
|
|
|
},
|
|
|
|
|
selectedMainId:'',
|
|
|
|
|
superFieldList:[],
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
created() {
|
|
|
|
|
// console.log("=============",this.deliveryDetailId);
|
|
|
|
|
this.getSuperFieldList();
|
|
|
|
|
this.loadData();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
watch:{
|
|
|
|
|
materPlanId:function (newData, oldData) {
|
|
|
|
|
//newData是更新后的数据
|
|
|
|
|
//oldData是旧数据
|
|
|
|
|
if(newData !== oldData){
|
|
|
|
|
this.loadData();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
importExcelUrl: function(){
|
|
|
|
|
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
|
|
searchQuery() {
|
|
|
|
|
this.loadData(1);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
initDictConfig(){
|
|
|
|
|
initDictOptions('sys_depart,depart_name,id').then((res) => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$set(this.dictOptions, 'company', res.result)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
initDictOptions('sys_depart,depart_name,id').then((res) => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$set(this.dictOptions, 'sysOrgCode', res.result)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
initDictOptions('').then((res) => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$set(this.dictOptions, 'materialType', res.result)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
clickThenSelect(record) {
|
|
|
|
|
return {
|
|
|
|
|
on: {
|
|
|
|
|
click: () => {
|
|
|
|
|
this.onSelectChange(record.id.split(","), [record]);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onClearSelected() {
|
|
|
|
|
this.selectedRowKeys = [];
|
|
|
|
|
this.selectionRows = [];
|
|
|
|
|
this.selectedMainId=''
|
|
|
|
|
},
|
|
|
|
|
onSelectChange(selectedRowKeys, selectionRows) {
|
|
|
|
|
this.selectedMainId=selectedRowKeys[0]
|
|
|
|
|
this.selectedRowKeys = selectedRowKeys;
|
|
|
|
|
this.selectionRows = selectionRows;
|
|
|
|
|
},
|
|
|
|
|
loadData(arg) {
|
|
|
|
|
if(!this.url.list){
|
|
|
|
|
this.$message.error("请设置url.list属性!")
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
//加载数据 若传入参数1则加载第一页的内容
|
|
|
|
|
if (arg === 1) {
|
|
|
|
|
this.ipagination.current = 1;
|
|
|
|
|
}
|
|
|
|
|
this.onClearSelected()
|
|
|
|
|
this.queryParam.processUdgetPlanId = this.materPlanId;
|
|
|
|
|
var params = this.getQueryParams();//查询条件
|
|
|
|
|
this.loading = true;
|
|
|
|
|
console.log("=====>",params)
|
|
|
|
|
console.log(params)
|
|
|
|
|
getAction(this.url.list, params).then((res) => {
|
|
|
|
|
console.log(res,"//////////////////////////");
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.dataSource = res.result.records;
|
|
|
|
|
this.ipagination.total = res.result.total;
|
|
|
|
|
}
|
|
|
|
|
if(res.code===510){
|
|
|
|
|
this.$message.warning(res.message)
|
|
|
|
|
}
|
|
|
|
|
this.loading = false;
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
getSuperFieldList(){
|
|
|
|
|
let fieldList=[];
|
|
|
|
|
fieldList.push({type:'sel_depart',value:'company',text:'流程发起公司'})
|
|
|
|
|
fieldList.push({type:'datetime',value:'createTime',text:'流程发起时间'})
|
|
|
|
|
fieldList.push({type:'sel_depart',value:'sysOrgCode',text:'流程发起部门'})
|
|
|
|
|
fieldList.push({type:'sel_user',value:'createBy',text:'流程发起人'})
|
|
|
|
|
fieldList.push({type:'int',value:'materialType',text:'物资类型',dictCode:''})
|
|
|
|
|
fieldList.push({type:'date',value:'deliveryTime',text:'出库时间'})
|
|
|
|
|
fieldList.push({type:'string',value:'fileId',text:'文件id',dictCode:''})
|
|
|
|
|
this.superFieldList = fieldList
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped>
|
|
|
|
|
@import '~@assets/less/common.less';
|
|
|
|
|
</style>
|
