long
2 years ago
3 changed files with 327 additions and 6 deletions
@ -0,0 +1,322 @@
|
||||
<template> |
||||
<a-card :bordered="false" :class="'cust-erp-sub-tab'"> |
||||
<!-- 操作按钮区域 --> |
||||
<!-- <div class="table-operator" v-if="mainId">--> |
||||
<!-- <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>--> |
||||
<!-- <a-button type="primary" icon="download" @click="handleExportXls('物资入库流程清单表')">导出</a-button>--> |
||||
<!-- <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>--> |
||||
<!-- <a-dropdown v-if="selectedRowKeys.length > 0">--> |
||||
<!-- <a-menu slot="overlay">--> |
||||
<!-- <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>--> |
||||
<!-- </a-menu>--> |
||||
<!-- <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>--> |
||||
<!-- </a-dropdown>--> |
||||
<!-- </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:300}" |
||||
:columns="columns" |
||||
:dataSource="dataSource" |
||||
:pagination="ipagination" |
||||
:loading="loading" |
||||
@change="handleTableChange"> |
||||
|
||||
<!-- :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"--> |
||||
<template slot="materialDescription" slot-scope="text, record"> |
||||
<j-ellipsis :value="text" :length="5"/> |
||||
</template> |
||||
<template slot="supplierId" slot-scope="text, record"> |
||||
<j-ellipsis :value="text" :length="5"/> |
||||
</template> |
||||
|
||||
<!-- <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="handleEdit(record)">编辑</a>--> |
||||
<!-- <a-divider type="vertical" />--> |
||||
<!-- <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">--> |
||||
<!-- <a>删除</a>--> |
||||
<!-- </a-popconfirm>--> |
||||
<!-- </span>--> |
||||
|
||||
</a-table> |
||||
</div> |
||||
|
||||
<!-- <processMaterialWarehousingList-modal ref="modalForm" @ok="modalFormOk" :mainId="mainId"></processMaterialWarehousingList-modal>--> |
||||
</a-card> |
||||
</template> |
||||
|
||||
<script> |
||||
|
||||
import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
||||
import ProcessMaterialWarehousingListModal from './modules/ProcessMaterialWarehousingListModal' |
||||
import JSuperQuery from '@/components/jeecg/JSuperQuery.vue' |
||||
|
||||
|
||||
export default { |
||||
name: "ProcessMaterialWarehousingListList", |
||||
mixins:[JeecgListMixin], |
||||
components: { ProcessMaterialWarehousingListModal,JSuperQuery }, |
||||
props: { |
||||
mainId: { |
||||
type: String, |
||||
required: false |
||||
} |
||||
}, |
||||
watch:{ |
||||
mainId:{ |
||||
immediate: true, |
||||
handler(val) { |
||||
console.log("val============",val) |
||||
if(!this.mainId){ |
||||
this.clearList() |
||||
}else{ |
||||
this.queryParam['id'] = val |
||||
this.loadData(1); |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
data () { |
||||
return { |
||||
description: '物资入库流程管理页面', |
||||
disableMixinCreated:true, |
||||
// 表头 |
||||
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: 'materialNumber', |
||||
}, |
||||
{ |
||||
title:'物料名称及规格型号', |
||||
align:"center", |
||||
scopedSlots: { customRender: 'materialDescription' }, |
||||
dataIndex: 'materialDescription', |
||||
}, |
||||
// { |
||||
// title:'仓储地点_id', |
||||
// align:"center", |
||||
// dataIndex: 'unitWasteWarehouseCodeId_dictText', |
||||
// }, |
||||
// { |
||||
// title:'生产时间', |
||||
// align:"center", |
||||
// dataIndex: 'productionTime', |
||||
// customRender:function (text) { |
||||
// return !text?"":(text.length>10?text.substr(0,10):text) |
||||
// } |
||||
// }, |
||||
// { |
||||
// title:'保质期', |
||||
// align:"center", |
||||
// dataIndex: 'expirationDate', |
||||
// customRender:function (text) { |
||||
// return !text?"":(text.length>10?text.substr(0,10):text) |
||||
// } |
||||
// }, |
||||
// { |
||||
// title:'是否到货', |
||||
// align:"center", |
||||
// dataIndex: 'arrivalNotice_dictText', |
||||
// }, |
||||
// { |
||||
// title:'器材编号', |
||||
// align:"center", |
||||
// dataIndex: 'equipment_dictText', |
||||
// }, |
||||
{ |
||||
title:'WBS', |
||||
align:"center", |
||||
dataIndex: 'wbs', |
||||
}, |
||||
// { |
||||
// title:'物料名称及规格型号', |
||||
// align:"center", |
||||
// dataIndex: 'materialName_dictText', |
||||
// }, |
||||
{ |
||||
title:'单位', |
||||
align:"center", |
||||
dataIndex: 'materialUnit', |
||||
}, |
||||
{ |
||||
title:'单价', |
||||
align:"center", |
||||
dataIndex: 'materialPrice' |
||||
}, |
||||
{ |
||||
title:'数量', |
||||
align:"center", |
||||
dataIndex: 'materialQuantity' |
||||
}, |
||||
// { |
||||
// title:'金额', |
||||
// align:"center", |
||||
// dataIndex: 'materialAmount' |
||||
// }, |
||||
{ |
||||
title:'供应商', |
||||
align:"center", |
||||
scopedSlots: { customRender: 'supplierId' }, |
||||
dataIndex: 'supplierId' |
||||
}, |
||||
{ |
||||
title:'批次', |
||||
align:"center", |
||||
dataIndex: 'supplierBatch' |
||||
}, |
||||
{ |
||||
title:'入库时间', |
||||
align:"center", |
||||
dataIndex: 'storageTime', |
||||
customRender:function (text) { |
||||
return !text?"":(text.length>10?text.substr(0,10):text) |
||||
} |
||||
}, |
||||
{ |
||||
title:'入库人', |
||||
align:"center", |
||||
dataIndex: 'librarySign', |
||||
}, |
||||
// { |
||||
// title:'核算属性', |
||||
// align:"center", |
||||
// dataIndex: 'accountingAttributes_dictText', |
||||
// }, |
||||
// { |
||||
// title:'批次入库时间', |
||||
// align:"center", |
||||
// dataIndex: 'warehousingTime', |
||||
// customRender:function (text) { |
||||
// return !text?"":(text.length>10?text.substr(0,10):text) |
||||
// } |
||||
// }, |
||||
// { |
||||
// title:'用途', |
||||
// align:"center", |
||||
// dataIndex: 'purpose' |
||||
// }, |
||||
// { |
||||
// title:'删除标志', |
||||
// align:"center", |
||||
// dataIndex: 'defFlag' |
||||
// }, |
||||
// { |
||||
// title:'删除时间', |
||||
// align:"center", |
||||
// dataIndex: 'delTime', |
||||
// customRender:function (text) { |
||||
// return !text?"":(text.length>10?text.substr(0,10):text) |
||||
// } |
||||
// }, |
||||
// { |
||||
// title: '操作', |
||||
// dataIndex: 'action', |
||||
// align:"center", |
||||
// fixed:"right", |
||||
// width:147, |
||||
// scopedSlots: { customRender: 'action' }, |
||||
// } |
||||
], |
||||
url: { |
||||
list: "/hy/processMaterialWarehousing/queryMaterialWarehousingApplyListByMainId", |
||||
delete: "/hy/processMaterialWarehousing/deleteProcessMaterialWarehousingList", |
||||
deleteBatch: "/hy/processMaterialWarehousing/deleteBatchProcessMaterialWarehousingList", |
||||
exportXlsUrl: "/hy/processMaterialWarehousing/exportProcessMaterialWarehousingList", |
||||
importUrl: "/hy/processMaterialWarehousing/importProcessMaterialWarehousingList", |
||||
}, |
||||
dictOptions:{ |
||||
company:[], |
||||
sysOrgCode:[], |
||||
}, |
||||
superFieldList:[], |
||||
} |
||||
}, |
||||
created() { |
||||
this.getSuperFieldList(); |
||||
}, |
||||
computed: { |
||||
importExcelUrl(){ |
||||
return `${window._CONFIG['domianURL']}/${this.url.importUrl}/${this.mainId}`; |
||||
} |
||||
}, |
||||
methods: { |
||||
clearList(){ |
||||
this.dataSource=[] |
||||
this.selectedRowKeys=[] |
||||
this.ipagination.current = 1 |
||||
}, |
||||
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:'string',value:'processUdgetPlanId',text:'关联预算流程',dictCode:''}) |
||||
fieldList.push({type:'int',value:'materialType',text:'物资类型',dictCode:''}) |
||||
fieldList.push({type:'int',value:'targetLibrary',text:'入库目标库',dictCode:''}) |
||||
fieldList.push({type:'int',value:'warehousingBatch',text:'入库总批次',dictCode:''}) |
||||
fieldList.push({type:'string',value:'fileId',text:'文件id',dictCode:''}) |
||||
this.superFieldList = fieldList |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style scoped> |
||||
@import '~@assets/less/common.less'; |
||||
</style> |
||||
Loading…
Reference in new issue