<template> <a-card :bordered="false" :class="'cust-erp-sub-tab'"> <!-- 操作按钮区域 --> <div class="table-operator" v-if="mainId"> <a-button @click="handleAdd" v-has="'taskDetail:add'" 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> <a-dropdown v-if="selectedRowKeys.length > 0"> <a-menu slot="overlay" v-has="'taskDetail:deleteBatch'"> <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="{x:true}" :columns="columns" :dataSource="dataSource" :pagination="ipagination" :loading="loading" :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" @change="handleTableChange"> <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"> <adjustment-doc-modal ref="adjustmentModal" @ok="modalFormOk" :id="record.id" :taskHeaderId="record.taskHeaderId"/> <a v-if="record.taskType==700" @click="createMany(record)">实盘登记</a> <a-divider type="vertical" v-if="record.taskType==700" /> <a v-has="'taskDetail:edit'" @click="handleEdit(record)">编辑</a> <a-divider type="vertical"/> <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-has="'taskDetail:delete'">删除</a> </a-popconfirm> </span> </a-table> </div> <taskDetail-modal ref="modalForm" @ok="modalFormOk" :mainId="mainId"></taskDetail-modal> </a-card> </template> <script> import {JeecgListMixin} from '@/mixins/JeecgListMixin' import TaskDetailModal from './modules/TaskDetailModal' import AdjustmentDocModal from "../stocktaking/modules/AdjustmentDocModal"; export default { name: "TaskDetailList", mixins: [JeecgListMixin], components: {TaskDetailModal,AdjustmentDocModal}, props: { mainId: { type: String, default: '', required: false } }, watch: { mainId: { immediate: true, handler(val) { if (!this.mainId) { this.clearList() } else { this.queryParam['taskHeaderId'] = val this.loadData(1); } } } }, data() { return { description: '任务表管理页面', disableMixinCreated: true, // 表头 columns: [ { title: '任务详情ID', align: "center", dataIndex: 'id' }, { title: '货主', align: "center", dataIndex: 'companyCode' }, { title: '物料编码', align: "center", dataIndex: 'materialCode' }, { title: '物料名称', align: "center", dataIndex: 'materialName' }, { title: '物料规格', align: "center", dataIndex: 'materialSpec' }, { title: '物料单位', align: "center", dataIndex: 'materialUnit' }, { title: '数量', align: "center", dataIndex: 'qty' }, { title: '批次', align: "center", dataIndex: 'batch' }, { title: '库存状态', align: "center", dataIndex: 'inventoryStatus_dictText', }, { title: '创建人', align: "center", dataIndex: 'createBy' }, { title: '创建日期', align: "center", dataIndex: 'createTime' }, { title: '更新人', align: "center", dataIndex: 'updateBy' }, { title: '更新日期', align: "center", dataIndex: 'updateTime' }, { title: '操作', dataIndex: 'action', align: "center", fixed: "right", width: 147, scopedSlots: {customRender: 'action'}, } ], url: { list: "/task/taskHeader/listTaskDetailByMainId", delete: "/task/taskHeader/deleteTaskDetail", deleteBatch: "/task/taskHeader/deleteBatchTaskDetail", exportXlsUrl: "/task/taskHeader/exportTaskDetail", importUrl: "/task/taskHeader/importTaskDetail", }, dictOptions: { taskType: [], isEmptyOut: [], isDoubleIn: [], status: [], } } }, created() { }, computed: { importExcelUrl() { return `${window._CONFIG['domianURL']}/${this.url.importUrl}/${this.mainId}`; } }, methods: { clearList() { this.dataSource = [] this.selectedRowKeys = [] this.ipagination.current = 1 }, createMany() { this.$refs.adjustmentModal.edit(); this.$refs.adjustmentModal.title = "实盘登记"; }, } } </script> <style scoped> @import '~@assets/less/common.less' </style>