<template> <a-card class="j-inner-table-wrapper" :bordered="false"> <!-- 查询区域 begin --> <div class="table-page-search-wrapper"> <a-form layout="inline"> <a-row :gutter="24"> </a-row> </a-form> </div> <!-- 查询区域 end --> <!-- 操作按钮区域 begin --> <div class="table-operator"> <a-button type="primary" icon="download" @click="handleExportXls('盘点明细表')">导出</a-button> <!-- 高级查询区域 --> </div> <!-- 操作按钮区域 end --> <!-- table区域 begin --> <div> <a-table ref="table" size="middle" bordered rowKey="id" class="j-table-force-nowrap" :scroll="{x:true}" :loading="loading" :columns="columns" :dataSource="dataSource" :pagination="ipagination" :expandedRowKeys="expandedRowKeys" :rowSelection="{selectedRowKeys, onChange: onSelectChange}" @expand="handleExpand" @change="handleTableChange" > <!-- 内嵌table区域 begin --> <template slot="expandedRowRender" slot-scope="record"> <a-tabs tabPosition="top"> <a-tab-pane tab="物料详情表" key="cycleCountDetailChild" forceRender> <cycle-count-detail-child-sub-table :record="record"/> </a-tab-pane> </a-tabs> </template> <!-- 内嵌table区域 end --> <template slot="htmlSlot" slot-scope="text"> <div v-html="text"></div> </template> <template slot="imgSlot" slot-scope="text"> <div style="font-size: 12px;font-style: italic;"> <span v-if="!text">无图片</span> <img v-else :src="getImgView(text)" alt="" style="max-width:80px;height:25px;"/> </div> </template> <template slot="fileSlot" slot-scope="text"> <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span> <a-button v-else ghost type="primary" icon="download" size="small" @click="downloadFile(text)" > <span>下载</span> </a-button> </template> <template slot="action" slot-scope="text, record"> <a v-if="record.enableStatus === 1" @click="generateCount(record.id)">生成盘点任务</a> <a-divider v-if="record.enableStatus === 1" type="vertical"/> <a @click="loadData()"><a-icon type="sync"/>刷新</a> <a-divider type="vertical"/> <a-popconfirm title="确定删除吗?" @confirm="handleDelete(record.id)"> <a>删除</a> </a-popconfirm> </template> </a-table> </div> <!-- table区域 end --> <!-- 表单区域 --> <cycle-count-detail-modal ref="modalForm" @ok="modalFormOk"/> </a-card> </template> <script> import { JeecgListMixin } from '@/mixins/JeecgListMixin' import CycleCountDetailModal from './modules/CycleCountDetailModal' import CycleCountDetailChildSubTable from './subTables/CycleCountDetailChildSubTable' import '@/assets/less/TableExpand.less' import {createCycleCoutTaskByDetailId, stockTakeTask} from "../../../api/api"; import Utils from "../../../components/jeecgbiz/JButtonBizComponent/util.js" export default { name: 'CycleCountDetailList', cycleCountDetailId:'', mixins: [JeecgListMixin], components: { CycleCountDetailModal, CycleCountDetailChildSubTable, }, props: { isLoad: { type: Boolean, default: false, } }, data() { return { description: '盘点明细表列表管理页面', // 表头 columns: [ // { // title: 'ID', // key: 'rowIndex', // width: 60, // align: 'center', // customRender: (t, r, index) => parseInt(index) + 1 // }, // { // title: '盘点主单id', // align: 'center', // dataIndex: 'cycleCountHeadId', // }, { title: '盘点主单编码', align: 'center', dataIndex: 'cycleCountHeadCode', }, // { // title: '任务表头', // align: 'center', // dataIndex: 'taskHeaderId', // }, // { // title: '任务明细头', // align: 'center', // dataIndex: 'taskDetailId', // }, // { // title: '仓库', // align: 'center', // dataIndex: 'warehouseCode', // }, // { // title: '货主', // align: 'center', // dataIndex: 'companyCode', // }, // { // title: '库存明细头', // align: 'center', // dataIndex: 'inventoryDetailId', // }, { title: '库位', align: 'center', dataIndex: 'locationCode', }, { title: '容器', align: 'center', dataIndex: 'containerCode', }, { title: '库存状态', align: 'center', dataIndex: 'inventorySts_dictText', }, { title: '系统数量', align: 'center', dataIndex: 'systemQty', }, { title: '实盘数量', align: 'center', dataIndex: 'countedQty', }, { title: '差异数量', align: 'center', dataIndex: 'gapQty', }, { title: '失败原因', align: 'center', dataIndex: 'rejectionNote', }, { title: '完成用户', align: 'center', dataIndex: 'completedBy', }, { title: '完成时间', align: 'center', dataIndex: 'completedAt', }, { title: '状态', align: 'center', dataIndex: 'enableStatus_dictText', }, { title: '操作', dataIndex: 'action', align: 'center', width:147, scopedSlots: { customRender: 'action' }, }, ], // 字典选项 dictOptions: {}, // 展开的行test expandedRowKeys: [], url: { list: '/cycleCountDetail/cycleCountDetail/list', delete: '/cycleCountDetail/cycleCountDetail/delete', deleteBatch: '/cycleCountDetail/cycleCountDetail/deleteBatch', exportXlsUrl: '/cycleCountDetail/cycleCountDetail/exportXls', importExcelUrl: '/cycleCountDetail/cycleCountDetail/importExcel', }, superFieldList:[], } }, created() { this.getSuperFieldList(); }, mounted() { let _this = this; Utils.$on('methodB',(data)=> { _this.methodB(data); }) // var _this = this; // setInterval(function () { // if(_this.isLoad) { // _this.loadDataList(); // } // },1000) }, computed: { importExcelUrl() { return window._CONFIG['domianURL'] + this.url.importExcelUrl } }, methods: { // testaa(){ // alert("刷新了") // var _this = this; // _this.loadDataList(); // }, methodB(data) { var _this = this; _this.loadDataList(); }, initDictConfig() { }, generateCount(id){ createCycleCoutTaskByDetailId(id).then((res) => { // alert("请求成功") if (res.success) { this.$message.success(res.message) this.$emit('ok') var _this = this; _this.loadData(); } else { this.$message.warning(res.message); } }).finally(() => { this.confirmLoading = false; this.close() }) }, handleExpand(expanded, record) { this.expandedRowKeys = [] if (expanded === true) { this.expandedRowKeys.push(record.id) } }, getSuperFieldList(){ let fieldList=[]; fieldList.push({type:'string',value:'cycleCountHeadId',text:'盘点主单id',dictCode:''}) fieldList.push({type:'string',value:'cycleCountHeadCode',text:'盘点主单code',dictCode:''}) fieldList.push({type:'string',value:'taskHeaderId',text:'任务表头',dictCode:''}) fieldList.push({type:'string',value:'taskDetailId',text:'任务明细头',dictCode:''}) fieldList.push({type:'string',value:'warehouseCode',text:'仓库',dictCode:''}) fieldList.push({type:'string',value:'companyCode',text:'货主',dictCode:''}) fieldList.push({type:'string',value:'inventoryDetailId',text:'库存明细头',dictCode:''}) fieldList.push({type:'string',value:'locationCode',text:'库位',dictCode:''}) fieldList.push({type:'string',value:'containerCode',text:'容器',dictCode:''}) fieldList.push({type:'string',value:'inventorySts',text:'库存状态',dictCode:''}) fieldList.push({type:'string',value:'systemQty',text:'系统数量',dictCode:''}) fieldList.push({type:'string',value:'countedQty',text:'实盘数量',dictCode:''}) fieldList.push({type:'string',value:'gapQty',text:'差异数量',dictCode:''}) fieldList.push({type:'string',value:'rejectionNote',text:'失败原因',dictCode:''}) fieldList.push({type:'string',value:'completedBy',text:'完成用户',dictCode:''}) fieldList.push({type:'string',value:'completedAt',text:'完成时间',dictCode:''}) fieldList.push({type:'string',value:'enableStatus',text:'盘点明细状态',dictCode:''}) this.superFieldList = fieldList } } } </script> <style lang="less" scoped> @import '~@assets/less/common.less'; </style>