|
|
@@ -1,36 +1,24 @@
|
|
|
<!-- 批次明细 -->
|
|
|
<template>
|
|
|
<div class="detail-box">
|
|
|
- <el-table
|
|
|
- :data="tableData"
|
|
|
- :header-cell-style="{ background: '#EEEEEE', border: 'none' }"
|
|
|
- ><el-table-column width="80px" label="序号">
|
|
|
+
|
|
|
+ <el-table :data="tableData" :header-cell-style="{ background: '#EEEEEE', border: 'none' }"><el-table-column
|
|
|
+ width="80px" label="序号">
|
|
|
<template slot-scope="{ $index }">
|
|
|
- {{ $tableIndex($index, page, size) }}
|
|
|
+ <!-- {{ $tableIndex($index, page, size) }} -->
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column label="批次号" prop="batchNum" sortable>
|
|
|
<template slot-scope="{ row }">
|
|
|
- <el-popover
|
|
|
- placement="bottom-start"
|
|
|
- title=""
|
|
|
- width="900"
|
|
|
- trigger="click"
|
|
|
- >
|
|
|
- <el-table
|
|
|
- :data="row.children"
|
|
|
- height="300"
|
|
|
- row-key="index"
|
|
|
- :header-cell-style="{
|
|
|
- background: '#EEEEEE',
|
|
|
- border: 'none'
|
|
|
- }"
|
|
|
- v-loading="row.loading"
|
|
|
- >
|
|
|
+ <el-popover placement="bottom-start" title="" width="900" trigger="click">
|
|
|
+ <el-table :data="row.children" height="300" row-key="index" :header-cell-style="{
|
|
|
+ background: '#EEEEEE',
|
|
|
+ border: 'none'
|
|
|
+ }" v-loading="row.loading">
|
|
|
<el-table-column width="80px" label="序号">
|
|
|
<template slot-scope="{ $index }">
|
|
|
- {{ $tableIndex($index, page, size) }}
|
|
|
+ <!-- {{ $tableIndex($index, page, size) }} -->
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="入库单号" prop="bizNum"></el-table-column>
|
|
|
@@ -40,74 +28,37 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="数量" prop="count"></el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="包装单位"
|
|
|
- width="120"
|
|
|
- prop="packingUnit"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="最小包装单位"
|
|
|
- width="120"
|
|
|
- prop="minPackUnit"
|
|
|
- ></el-table-column>
|
|
|
+ <el-table-column label="包装单位" width="120" prop="packingUnit"></el-table-column>
|
|
|
+ <el-table-column label="最小包装单位" width="120" prop="minPackUnit"></el-table-column>
|
|
|
|
|
|
- <el-table-column
|
|
|
- label="库位"
|
|
|
- prop=""
|
|
|
- min-width="150"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column label="库位" prop="" min-width="150" show-overflow-tooltip>
|
|
|
<template slot-scope="{ row }">
|
|
|
- {{ row.position}}
|
|
|
+ {{ row.position }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="入库时间"
|
|
|
- prop="updateTime"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="入库人"
|
|
|
- prop=""
|
|
|
- ></el-table-column>
|
|
|
+ <el-table-column label="入库时间" prop="updateTime"></el-table-column>
|
|
|
+ <el-table-column label="入库人" prop=""></el-table-column>
|
|
|
<el-table-column label="条码" prop=""></el-table-column>
|
|
|
</el-table>
|
|
|
- <el-link
|
|
|
- type="primary"
|
|
|
- slot="reference"
|
|
|
- @click.stop="handleExpand(row)"
|
|
|
- >{{ row.batchNum }}</el-link
|
|
|
- >
|
|
|
+ <el-link type="primary" slot="reference" @click.stop="handleExpand(row)">{{ row.batchNum }}</el-link>
|
|
|
</el-popover>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="库存数量"
|
|
|
- prop="availableCountBase"
|
|
|
- ></el-table-column>
|
|
|
-
|
|
|
+ <el-table-column label="库存数量" prop="availableCountBase"></el-table-column>
|
|
|
+
|
|
|
<el-table-column label="计量单位" prop="measuringUnit"></el-table-column>
|
|
|
<el-table-column label="重量单位" prop=""></el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="包装数量"
|
|
|
- prop="packingUnit"
|
|
|
- ></el-table-column>
|
|
|
+ <el-table-column label="包装数量" prop="packingUnit"></el-table-column>
|
|
|
<el-table-column label="最小包装单元" prop=""></el-table-column>
|
|
|
<el-table-column label="首次入库时间" prop="createTime"></el-table-column>
|
|
|
<el-table-column label="最近出库时间" prop=""></el-table-column>
|
|
|
<el-table-column label="质检单" prop="" v-if="baseInfo.assetType === 3">
|
|
|
<template slot-scope="{ row }">
|
|
|
- <el-button type="text" @click="_getAnalysisCertificate(row)"
|
|
|
- >查看</el-button
|
|
|
- >
|
|
|
+ <el-button type="text" @click="_getAnalysisCertificate(row)">查看</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <Pagination
|
|
|
- :total="total"
|
|
|
- :page.sync="page"
|
|
|
- :size.sync="size"
|
|
|
- @pagination="handlePageChange"
|
|
|
- />
|
|
|
+ <Pagination :total="total" :page.sync="page" :size.sync="size" @pagination="handlePageChange" />
|
|
|
|
|
|
<el-dialog :visible.sync="certificateVisible" title="质检单" width="55vw">
|
|
|
<div style="text-align: center; max-height: 80vh; overflow: auto">
|
|
|
@@ -117,130 +68,133 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
- import Pagination from '@/components/Pagination';
|
|
|
- // import { sceneState } from '@/utils/dict/index'
|
|
|
- // import { useDictLabel } from '@/utils/dict/index'
|
|
|
- // import {
|
|
|
- // inWarehouseSceneDetail,
|
|
|
- // getAnalysisCertificate,
|
|
|
- // getDetail
|
|
|
- // } from '@/api/stockManagement/stockLedger'
|
|
|
- // import { imageView } from '@/utils/index'
|
|
|
+import Pagination from '@/components/Pagination';
|
|
|
+// import { sceneState } from '@/utils/dict/index'
|
|
|
+// import { useDictLabel } from '@/utils/dict/index'
|
|
|
+// import {
|
|
|
+// inWarehouseSceneDetail,
|
|
|
+// getAnalysisCertificate,
|
|
|
+// getDetail
|
|
|
+// } from '@/api/stockManagement/stockLedger'
|
|
|
+// import { imageView } from '@/utils/index'
|
|
|
|
|
|
- import { getBatchDetails } from '@/api/classifyManage/index'
|
|
|
- export default {
|
|
|
- components: { Pagination },
|
|
|
- props: {
|
|
|
- baseInfo: {
|
|
|
- type: Object,
|
|
|
- default: () => ({})
|
|
|
- },
|
|
|
- baseParams: {
|
|
|
- type: Object,
|
|
|
- default: () => ({})
|
|
|
- }
|
|
|
+import { getBatchDetails } from '@/api/classifyManage/index'
|
|
|
+export default {
|
|
|
+ components: { Pagination },
|
|
|
+ props: {
|
|
|
+ baseInfo: {
|
|
|
+ type: Object,
|
|
|
+ default: () => ({})
|
|
|
},
|
|
|
- data() {
|
|
|
- return {
|
|
|
- searchForm: { batchNum: '', isZero: '' },
|
|
|
- tableData: [],
|
|
|
- size: 10,
|
|
|
- page: 1,
|
|
|
- total: 0,
|
|
|
- certificateVisible: false,
|
|
|
- certificate: ''
|
|
|
- };
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.getList()
|
|
|
- },
|
|
|
- methods: {
|
|
|
- // getSceneState: useDictLabel(sceneState),
|
|
|
- //质检单 资产类型、资产编码以及批次号获取质检单
|
|
|
- async _getAnalysisCertificate(row) {
|
|
|
- if (row.certificate) {
|
|
|
- this.certificate = row.certificate;
|
|
|
- this.certificateVisible = true;
|
|
|
+ baseParams: {
|
|
|
+ type: Object,
|
|
|
+ default: () => ({})
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ searchForm: { batchNum: '', isZero: '' },
|
|
|
+ tableData: [],
|
|
|
+ size: 10,
|
|
|
+ page: 1,
|
|
|
+ total: 0,
|
|
|
+ certificateVisible: false,
|
|
|
+ certificate: ''
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // getSceneState: useDictLabel(sceneState),
|
|
|
+ //质检单 资产类型、资产编码以及批次号获取质检单
|
|
|
+ async _getAnalysisCertificate(row) {
|
|
|
+ if (row.certificate) {
|
|
|
+ this.certificate = row.certificate;
|
|
|
+ this.certificateVisible = true;
|
|
|
|
|
|
- return;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const res = await getAnalysisCertificate({
|
|
|
+ code: this.baseInfo.assetType,
|
|
|
+ ...this.baseParams,
|
|
|
+ batchNum: row.batchNum
|
|
|
+ });
|
|
|
+ if (res?.success) {
|
|
|
+ if (res.data?.length) {
|
|
|
+ imageView(res.data[0]).then((res) => {
|
|
|
+ this.certificate = res;
|
|
|
+ this.$set(row, 'certificate', res);
|
|
|
+ this.certificateVisible = true;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message.error('未上传质检单！');
|
|
|
}
|
|
|
- const res = await getAnalysisCertificate({
|
|
|
- code: this.baseInfo.assetType,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 批次入库详情
|
|
|
+ async handleExpand(row) {
|
|
|
+ if (!row.children?.length) {
|
|
|
+ this.$set(row, 'loading', true);
|
|
|
+ const res = await inWarehouseSceneDetail({
|
|
|
...this.baseParams,
|
|
|
+ bizStatus: 1,
|
|
|
batchNum: row.batchNum
|
|
|
});
|
|
|
if (res?.success) {
|
|
|
- if (res.data?.length) {
|
|
|
- imageView(res.data[0]).then((res) => {
|
|
|
- this.certificate = res;
|
|
|
- this.$set(row, 'certificate', res);
|
|
|
- this.certificateVisible = true;
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.$message.error('未上传质检单！');
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- // 批次入库详情
|
|
|
- async handleExpand(row) {
|
|
|
- if (!row.children?.length) {
|
|
|
- this.$set(row, 'loading', true);
|
|
|
- const res = await inWarehouseSceneDetail({
|
|
|
- ...this.baseParams,
|
|
|
- bizStatus: 1,
|
|
|
- batchNum: row.batchNum
|
|
|
- });
|
|
|
- if (res?.success) {
|
|
|
- this.$set(
|
|
|
- row,
|
|
|
- 'children',
|
|
|
- res.data.map((item, index) => ({
|
|
|
- index: index + '' + Date.now(),
|
|
|
- ...item
|
|
|
- }))
|
|
|
- );
|
|
|
- }
|
|
|
- this.$set(row, 'loading', false);
|
|
|
- }
|
|
|
- },
|
|
|
- search() {
|
|
|
- this.page = 1;
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- reset() {
|
|
|
- this.searchForm = {};
|
|
|
- this.search();
|
|
|
- },
|
|
|
- handlePageChange() {
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- async getList() {
|
|
|
- const params = {
|
|
|
- size: this.size,
|
|
|
- page: this.page,
|
|
|
- ...this.baseParams,
|
|
|
- batchNum: this.baseParams.batchNum || this.searchForm.batchNum,
|
|
|
- isZero: this.searchForm.isZero,
|
|
|
- inventoryCode: this.baseInfo.assetCode,
|
|
|
- name: this.baseInfo.assetName,
|
|
|
- // dimension: +this.$route.query.dimension
|
|
|
- batchNo:this.$route.query.batchNo,
|
|
|
- categoryId: this.baseParams.categoryId
|
|
|
- };
|
|
|
- const res = await getBatchDetails(params);
|
|
|
- if (res?.success) {
|
|
|
- this.tableData = (res.data.records || []).map((item, index) => ({
|
|
|
- index: index + '' + Date.now(),
|
|
|
- ...item
|
|
|
- }));
|
|
|
- this.total = res.data.total;
|
|
|
+ this.$set(
|
|
|
+ row,
|
|
|
+ 'children',
|
|
|
+ res.data.map((item, index) => ({
|
|
|
+ index: index + '' + Date.now(),
|
|
|
+ ...item
|
|
|
+ }))
|
|
|
+ );
|
|
|
}
|
|
|
+ this.$set(row, 'loading', false);
|
|
|
}
|
|
|
+ },
|
|
|
+ search() {
|
|
|
+ this.page = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ reset() {
|
|
|
+ this.searchForm = {};
|
|
|
+ this.search();
|
|
|
+ },
|
|
|
+ handlePageChange() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ async getList() {
|
|
|
+ const params = {
|
|
|
+ size: this.size,
|
|
|
+ page: this.page,
|
|
|
+ ...this.baseParams,
|
|
|
+ batchNum: this.baseParams.batchNum || this.searchForm.batchNum,
|
|
|
+ isZero: this.searchForm.isZero,
|
|
|
+ inventoryCode: this.baseInfo.assetCode,
|
|
|
+ name: this.baseInfo.assetName,
|
|
|
+ // dimension: +this.$route.query.dimension
|
|
|
+ batchNo: this.$route.query.batchNo,
|
|
|
+ categoryId: this.baseParams.categoryId
|
|
|
+ };
|
|
|
+ const res = await getBatchDetails(params);
|
|
|
+
|
|
|
+
|
|
|
+ this.tableData = (res.data.list || []).map((item, index) => ({
|
|
|
+ index: index + '' + Date.now(),
|
|
|
+ ...item
|
|
|
+ }));
|
|
|
+
|
|
|
+
|
|
|
+ this.total = res.count;
|
|
|
+
|
|
|
}
|
|
|
- };
|
|
|
+ }
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
- .detail-box {
|
|
|
- margin: 20px auto;
|
|
|
- }
|
|
|
+.detail-box {
|
|
|
+ margin: 20px auto;
|
|
|
+}
|
|
|
</style>
|
ysy