|
|
@@ -19,7 +19,7 @@
|
|
|
<layout>
|
|
|
<layout-content>
|
|
|
<div class="gva-table-box">
|
|
|
- <el-table ref="multipleTable" style="width: 100%;height: 66vh" tooltip-effect="dark"
|
|
|
+ <el-table ref="multipleTable" style="width: 100%;height: 75vh" tooltip-effect="dark"
|
|
|
:row-style="{ height: '40px' }" :header-cell-style="{ padding: '0px' }"
|
|
|
:cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
|
|
|
:data="restableData" border row-key="ID" size="small"
|
|
|
@@ -28,25 +28,25 @@
|
|
|
@row-click="tableRowClick" :show-overflow-tooltip="true"
|
|
|
@selection-change="handleSelectionChange">
|
|
|
<!-- <el-table-column type="selection" width="80" /> -->
|
|
|
- <el-table-column align="left" label="批次号" prop="批次号" width="105" />
|
|
|
- <el-table-column align="left" label="关联号" prop="关联号" width="105" />
|
|
|
- <el-table-column align="left" label="物料编号" prop="物料编号" width="105" />
|
|
|
- <el-table-column align="left" label="物料名称" prop="物料名称" width="80"/>
|
|
|
- <el-table-column align="left" label="入仓总量" prop="入仓总量" width="170"/>
|
|
|
- <el-table-column align="left" label="库存数量" prop="库存数量" width="160"/>
|
|
|
- <el-table-column align="left" label="领用数量" prop="领用数量" width="100"/>
|
|
|
- <el-table-column align="left" label="裁切退还" prop="裁切退还" width="100"/>
|
|
|
- <el-table-column align="left" label="单位" prop="单位" width="100"/>
|
|
|
- <el-table-column align="left" label="实际门幅" prop="实际门幅" width="100"/>
|
|
|
- <el-table-column align="left" label="状态" prop="状态" width="130"/>
|
|
|
- <el-table-column align="left" label="入仓人员" prop="入仓人员" width="130"/>
|
|
|
- <el-table-column align="left" label="入仓日期" prop="入仓日期" width="130"/>
|
|
|
- <el-table-column align="left" label="颜色" prop="颜色" width="100"/>
|
|
|
- <el-table-column align="left" label="计划用料" prop="计划用料" width="100"/>
|
|
|
- <el-table-column align="left" label="定额用料" prop="定额用料" width="100"/>
|
|
|
- <el-table-column align="left" label="计划门幅" prop="计划门幅" width="150"/>
|
|
|
- <el-table-column align="left" label="定额门幅" prop="定额门幅" width="170"/>
|
|
|
+ <el-table-column align="left" label="批次号" prop="批次号" width="90" />
|
|
|
+ <el-table-column align="left" label="关联号" prop="关联号" width="90" />
|
|
|
+ <el-table-column align="left" label="物料编号" prop="物料编号" width="150" />
|
|
|
+ <el-table-column align="left" label="物料名称" prop="物料名称" width="150"/>
|
|
|
+ <el-table-column align="left" label="颜色" prop="颜色" width="90"/>
|
|
|
+ <el-table-column align="left" label="计划用料" prop="计划用料" width="90"/>
|
|
|
+ <el-table-column align="left" label="计划门幅" prop="计划门幅" width="90"/>
|
|
|
+ <el-table-column align="left" label="定额用料" prop="定额用料" width="90"/>
|
|
|
+ <el-table-column align="left" label="定额门幅" prop="定额门幅" width="90"/>
|
|
|
+ <el-table-column align="left" label="实际门幅" prop="实际门幅" width="90"/>
|
|
|
+ <el-table-column align="left" label="入仓总量" prop="入仓总量" width="90"/>
|
|
|
+ <el-table-column align="left" label="库存数量" prop="库存数量" width="90"/>
|
|
|
+ <el-table-column align="left" label="领用数量" prop="领用数量" width="90"/>
|
|
|
+ <el-table-column align="left" label="裁切退还" prop="裁切退还" width="90"/>
|
|
|
+ <!-- <el-table-column align="left" label="状态" prop="状态" width="100"/> -->
|
|
|
+ <el-table-column align="left" label="单位" prop="单位" width="70"/>
|
|
|
<el-table-column align="left" label="关联订单" prop="关联订单" width="150"/>
|
|
|
+ <el-table-column align="left" label="入仓人员" prop="入仓人员" width="100"/>
|
|
|
+ <el-table-column align="left" label="入仓日期" prop="入仓日期" width="160"/>
|
|
|
</el-table>
|
|
|
<div class="gva-pagination">
|
|
|
<el-pagination
|
|
|
@@ -67,6 +67,111 @@
|
|
|
</layout>
|
|
|
</div>
|
|
|
|
|
|
+
|
|
|
+ <el-dialog v-model="FabricVisible" :before-close="FabricVisiblecloseDialog" title="入库、出库、退还详情数据"
|
|
|
+ style="width: 100%;height: 100%;margin: 0px;" top="0%" destroy-on-close>
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="入库记录" name="first">
|
|
|
+ <el-table ref="multipleTable" style="width: 100%;height: 80vh" tooltip-effect="dark"
|
|
|
+ :row-style="{ height: '40px' }" :header-cell-style="{ padding: '0px' }"
|
|
|
+ :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
|
|
|
+ :data="DetaillistrestableData" border row-key="ID" size="small"
|
|
|
+ :cell-class-name="tableDataCellClass" id="Fabricinventory"
|
|
|
+ highlight-current-row="true" @row-dblclick="updateCompanyFunc"
|
|
|
+ @row-click="tableRowClick" :show-overflow-tooltip="true"
|
|
|
+ @selection-change="handleSelectionChange">
|
|
|
+ <!-- <el-table-column type="selection" width="80" /> -->
|
|
|
+ <el-table-column align="left" label="批次号" prop="批次号" width="90" />
|
|
|
+ <el-table-column align="left" label="单号" prop="单号" width="140" />
|
|
|
+ <el-table-column align="left" label="订单编号" prop="订单编号" width="110" />
|
|
|
+ <el-table-column align="left" label="客户编号" prop="客户编号" width="80" />
|
|
|
+ <el-table-column align="left" label="生产款号" prop="生产款号" width="115" />
|
|
|
+ <el-table-column align="left" label="款式" prop="款式" width="115" />
|
|
|
+ <el-table-column align="left" label="物料名称" prop="物料名称" width="115" />
|
|
|
+ <el-table-column align="left" label="计划用料" prop="计划用料" width="90" />
|
|
|
+ <el-table-column align="left" label="定额用料" prop="定额用料" width="90" />
|
|
|
+ <el-table-column align="left" label="计划门幅" prop="计划门幅" width="90" />
|
|
|
+ <el-table-column align="left" label="定额门幅" prop="定额门幅" width="90" />
|
|
|
+ <el-table-column align="left" label="入库总量" prop="入库总量" width="90" />
|
|
|
+ <el-table-column align="left" label="面料结余" prop="面料结余" width="90" />
|
|
|
+ <el-table-column align="left" label="入库数量" prop="入库数量" width="90" />
|
|
|
+ <el-table-column align="left" label="出库数量" prop="出库数量" width="90" />
|
|
|
+ <el-table-column align="left" label="库存数量" prop="库存数量" width="90" />
|
|
|
+ <el-table-column align="left" label="投料单位" prop="投料单位" width="90" />
|
|
|
+ <el-table-column align="left" label="入库人员" prop="入库人员" width="90" />
|
|
|
+ <el-table-column align="left" label="入库时间" prop="入库时间" width="160" />
|
|
|
+ <el-table-column align="left" label="领用人员" prop="领用人员" width="90" />
|
|
|
+ <el-table-column align="left" label="备注" prop="备注" width="115" />
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane label="出库记录" name="second">
|
|
|
+ <el-table ref="multipleTable" style="width: 100%;height: 80vh" tooltip-effect="dark"
|
|
|
+ :row-style="{ height: '40px' }" :header-cell-style="{ padding: '0px' }"
|
|
|
+ :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
|
|
|
+ :data="chukutableData" border row-key="ID" size="small"
|
|
|
+ :cell-class-name="tableDataCellClass" id="Fabricinventory"
|
|
|
+ highlight-current-row="true" @row-dblclick="updateCompanyFunc"
|
|
|
+ @row-click="tableRowClick" :show-overflow-tooltip="true"
|
|
|
+ @selection-change="handleSelectionChange">
|
|
|
+ <!-- <el-table-column type="selection" width="80" /> -->
|
|
|
+ <el-table-column align="left" label="批次号" prop="批次号" width="90" />
|
|
|
+ <el-table-column align="left" label="单号" prop="单号" width="140" />
|
|
|
+ <el-table-column align="left" label="订单编号" prop="订单编号" width="110" />
|
|
|
+ <el-table-column align="left" label="客户编号" prop="客户编号" width="80" />
|
|
|
+ <el-table-column align="left" label="生产款号" prop="生产款号" width="115" />
|
|
|
+ <el-table-column align="left" label="款式" prop="款式" width="115" />
|
|
|
+ <el-table-column align="left" label="物料名称" prop="物料名称" width="115" />
|
|
|
+ <el-table-column align="left" label="计划用料" prop="计划用料" width="90" />
|
|
|
+ <el-table-column align="left" label="定额用料" prop="定额用料" width="90" />
|
|
|
+ <el-table-column align="left" label="计划门幅" prop="计划门幅" width="90" />
|
|
|
+ <el-table-column align="left" label="定额门幅" prop="定额门幅" width="90" />
|
|
|
+ <el-table-column align="left" label="入库总量" prop="入库总量" width="90" />
|
|
|
+ <el-table-column align="left" label="面料结余" prop="面料结余" width="90" />
|
|
|
+ <el-table-column align="left" label="入库数量" prop="入库数量" width="90" />
|
|
|
+ <el-table-column align="left" label="出库数量" prop="出库数量" width="90" />
|
|
|
+ <el-table-column align="left" label="库存数量" prop="库存数量" width="90" />
|
|
|
+ <el-table-column align="left" label="投料单位" prop="投料单位" width="90" />
|
|
|
+ <el-table-column align="left" label="出库人员" prop="出库人员" width="90" />
|
|
|
+ <el-table-column align="left" label="出库时间" prop="出库时间" width="160" />
|
|
|
+ <el-table-column align="left" label="领用人员" prop="领用人员" width="90" />
|
|
|
+ <el-table-column align="left" label="备注" prop="备注" width="115" />
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane label="退还记录" name="third">
|
|
|
+ <el-table ref="multipleTable" style="width: 100%;height: 80vh" tooltip-effect="dark"
|
|
|
+ :row-style="{ height: '40px' }" :header-cell-style="{ padding: '0px' }"
|
|
|
+ :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
|
|
|
+ :data="tuihuantableData" border row-key="ID" size="small"
|
|
|
+ :cell-class-name="tableDataCellClass" id="Fabricinventory"
|
|
|
+ highlight-current-row="true" @row-dblclick="updateCompanyFunc"
|
|
|
+ @row-click="tableRowClick" :show-overflow-tooltip="true"
|
|
|
+ @selection-change="handleSelectionChange">
|
|
|
+ <!-- <el-table-column type="selection" width="80" /> -->
|
|
|
+ <el-table-column align="left" label="批次号" prop="批次号" width="90" />
|
|
|
+ <el-table-column align="left" label="单号" prop="单号" width="140" />
|
|
|
+ <el-table-column align="left" label="订单编号" prop="订单编号" width="110" />
|
|
|
+ <el-table-column align="left" label="客户编号" prop="客户编号" width="80" />
|
|
|
+ <el-table-column align="left" label="生产款号" prop="生产款号" width="115" />
|
|
|
+ <el-table-column align="left" label="款式" prop="款式" width="115" />
|
|
|
+ <el-table-column align="left" label="物料名称" prop="物料名称" width="115" />
|
|
|
+ <el-table-column align="left" label="计划用料" prop="计划用料" width="90" />
|
|
|
+ <el-table-column align="left" label="定额用料" prop="定额用料" width="90" />
|
|
|
+ <el-table-column align="left" label="计划门幅" prop="计划门幅" width="90" />
|
|
|
+ <el-table-column align="left" label="定额门幅" prop="定额门幅" width="90" />
|
|
|
+ <el-table-column align="left" label="入库总量" prop="入库总量" width="90" />
|
|
|
+ <el-table-column align="left" label="面料结余" prop="面料结余" width="90" />
|
|
|
+ <el-table-column align="left" label="入库数量" prop="入库数量" width="90" />
|
|
|
+ <el-table-column align="left" label="出库数量" prop="出库数量" width="90" />
|
|
|
+ <el-table-column align="left" label="库存数量" prop="库存数量" width="90" />
|
|
|
+ <el-table-column align="left" label="投料单位" prop="投料单位" width="90" />
|
|
|
+ <el-table-column align="left" label="领用人员" prop="领用人员" width="90" />
|
|
|
+ <el-table-column align="left" label="备注" prop="备注" width="115" />
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </el-dialog>
|
|
|
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -89,7 +194,7 @@ export default {
|
|
|
// 全量引入格式化工具 请按需保留
|
|
|
import { Layout, LayoutSider, LayoutContent } from '@arco-design/web-vue';
|
|
|
import {ref, reactive} from 'vue'
|
|
|
-import {FabricLotList,fabricListmonth} from '@/api/mes/job'
|
|
|
+import {FabricLotList,fabricListmonth,FabricDetaillist} from '@/api/mes/job'
|
|
|
import {ElMessage} from "element-plus";
|
|
|
import * as XLSX from 'xlsx';
|
|
|
import FileSaver from 'file-saver';
|
|
|
@@ -204,14 +309,31 @@ const handleInput = async ()=>{
|
|
|
|
|
|
|
|
|
|
|
|
+
|
|
|
+const resbomtableData = ref([]);
|
|
|
+
|
|
|
//表格行点击
|
|
|
const tableRowClick = async (row)=>{
|
|
|
- console.log(row)
|
|
|
+ // console.log(row)
|
|
|
}
|
|
|
|
|
|
-const resbomtableData = ref([]);
|
|
|
-
|
|
|
+const _pch = ref('')
|
|
|
+const FabricVisible = ref(false)
|
|
|
+const DetaillistrestableData = reactive([])
|
|
|
+const chukutableData = reactive([])
|
|
|
+const tuihuantableData = reactive([])
|
|
|
|
|
|
+//双击
|
|
|
+const updateCompanyFunc = async (row)=>{
|
|
|
+ console.log(row)
|
|
|
+ _pch.value = row['批次号']
|
|
|
+ FabricVisible.value = true
|
|
|
+ const FabricDetaillistdata = await FabricDetaillist({lotNumber:_pch.value});
|
|
|
+ console.log(FabricDetaillistdata)
|
|
|
+ DetaillistrestableData.splice(0,FabricDetaillistdata.length,...FabricDetaillistdata.data['入库记录']);
|
|
|
+ chukutableData.splice(0,FabricDetaillistdata.length,...FabricDetaillistdata.data['出库记录']);
|
|
|
+ tuihuantableData.splice(0,FabricDetaillistdata.length,...FabricDetaillistdata.data['退还记录']);
|
|
|
+}
|
|
|
|
|
|
// =========== 分页 ===========
|
|
|
// 分页相关的响应式变量
|
