|
|
@@ -13,7 +13,7 @@
|
|
|
</el-col> -->
|
|
|
<!-- 列表 -->
|
|
|
<AutoResizer :given-height="220">
|
|
|
- <template #default="{height}">
|
|
|
+ <template #default="{ height }">
|
|
|
<el-table
|
|
|
v-if="columnsList.length > 0"
|
|
|
v-loading="loading"
|
|
|
@@ -58,7 +58,10 @@
|
|
|
prop="wmsStatus"
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
|
- <dict-tag :type="DICT_TYPE.WMS_MATERIAL_RETURN_STATUS" :value="scope.row.wmsStatus" />
|
|
|
+ <dict-tag
|
|
|
+ :type="DICT_TYPE.WMS_MATERIAL_RETURN_STATUS"
|
|
|
+ :value="scope.row.wmsStatus"
|
|
|
+ />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
@@ -75,15 +78,16 @@
|
|
|
type="text"
|
|
|
icon="el-icon-view"
|
|
|
@click="handleView(scope.row)"
|
|
|
- >查看</el-button>
|
|
|
+ >查看</el-button
|
|
|
+ >
|
|
|
<el-button
|
|
|
- v-hasPermi="['wms:incoming-produce-detail:query']"
|
|
|
type="text"
|
|
|
icon="el-icon-upload"
|
|
|
size="mini"
|
|
|
@click="handleCase(scope.row)"
|
|
|
@complete="getComplete"
|
|
|
- >入库方案</el-button>
|
|
|
+ >入库方案</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -98,38 +102,43 @@
|
|
|
@pagination="getList"
|
|
|
/>
|
|
|
<!-- 入库方案 -->
|
|
|
- <RejectWareHousingPlan ref="rejectWareHousingPlan" :warehousing-list="warehousingList" />
|
|
|
+ <RejectWareHousingPlan
|
|
|
+ ref="rejectWareHousingPlan"
|
|
|
+ :warehousing-list="warehousingList"
|
|
|
+ />
|
|
|
<!-- 查看明细 -->
|
|
|
<AwaitRejectDetail ref="awaitRejectDetail" />
|
|
|
</div>
|
|
|
-
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getIncomingRejectPage, getToStockPageFromOut } from '@/api/wms/incoming/reject'
|
|
|
-import RejectWareHousingPlan from './RejectWareHousingPlan.vue'
|
|
|
-import AwaitRejectDetail from './AwaitRejectDetail.vue'
|
|
|
-import { getFormColumnsList } from '@/api/system/saveColumns/index'
|
|
|
-import { mapGetters } from 'vuex'
|
|
|
-import { isArray } from 'min-dash'
|
|
|
+import {
|
|
|
+ getIncomingRejectPage,
|
|
|
+ getToStockPageFromOut,
|
|
|
+} from "@/api/wms/incoming/reject";
|
|
|
+import RejectWareHousingPlan from "./RejectWareHousingPlan.vue";
|
|
|
+import AwaitRejectDetail from "./AwaitRejectDetail.vue";
|
|
|
+import { getFormColumnsList } from "@/api/system/saveColumns/index";
|
|
|
+import { mapGetters } from "vuex";
|
|
|
+import { isArray } from "min-dash";
|
|
|
|
|
|
export default {
|
|
|
- name: 'AwaitRejectStock',
|
|
|
+ name: "AwaitRejectStock",
|
|
|
components: {
|
|
|
RejectWareHousingPlan,
|
|
|
- AwaitRejectDetail
|
|
|
+ AwaitRejectDetail,
|
|
|
},
|
|
|
props: {
|
|
|
- 'activeName': {
|
|
|
+ activeName: {
|
|
|
type: String,
|
|
|
- default: ''
|
|
|
+ default: "",
|
|
|
},
|
|
|
- 'queryParamspro': {
|
|
|
+ queryParamspro: {
|
|
|
type: Object,
|
|
|
- default: () => {}
|
|
|
- }
|
|
|
+ default: () => {},
|
|
|
+ },
|
|
|
},
|
|
|
- inject: ['paramsQuery'],
|
|
|
+ inject: ["paramsQuery"],
|
|
|
data() {
|
|
|
return {
|
|
|
// 遮罩层
|
|
|
@@ -139,7 +148,7 @@ export default {
|
|
|
// 领料单列表
|
|
|
list: [],
|
|
|
// 弹出层标题
|
|
|
- title: '',
|
|
|
+ title: "",
|
|
|
// 是否显示弹出层
|
|
|
open: false,
|
|
|
// 是否显示查看弹出层
|
|
|
@@ -150,7 +159,7 @@ export default {
|
|
|
queryParams: {
|
|
|
pageNo: 1,
|
|
|
pageSize: 10,
|
|
|
- receiveOrderNo: null
|
|
|
+ receiveOrderNo: null,
|
|
|
},
|
|
|
warehousingList: [],
|
|
|
currentRows: [],
|
|
|
@@ -160,43 +169,41 @@ export default {
|
|
|
rules: {},
|
|
|
// 显示隐藏列参数
|
|
|
columns: [
|
|
|
- { key: 0, label: '退料单号', visible: true },
|
|
|
- { key: 1, label: '退料原因', visible: true },
|
|
|
- { key: 2, label: '退料发起时间', visible: true },
|
|
|
- { key: 3, label: '退料状态', visible: true },
|
|
|
- { key: 4, label: '物料批次', visible: true },
|
|
|
- { key: 5, label: '退料单号', visible: true },
|
|
|
- { key: 6, label: '入库仓库', visible: true },
|
|
|
- { key: 7, label: '入库区域', visible: true },
|
|
|
- { key: 8, label: '入库货位', visible: true },
|
|
|
- { key: 9, label: '物料名称', visible: true },
|
|
|
- { key: 10, label: '供应商', visible: true },
|
|
|
- { key: 11, label: '物料编码', visible: true },
|
|
|
- { key: 12, label: '领料单号', visible: true },
|
|
|
- { key: 13, label: '发料单号', visible: true },
|
|
|
- { key: 14, label: '发料数量', visible: true },
|
|
|
- { key: 15, label: '退料数量', visible: true },
|
|
|
- { key: 16, label: '入库数量', visible: true },
|
|
|
- { key: 17, label: '创建时间', visible: true }
|
|
|
+ { key: 0, label: "退料单号", visible: true },
|
|
|
+ { key: 1, label: "退料原因", visible: true },
|
|
|
+ { key: 2, label: "退料发起时间", visible: true },
|
|
|
+ { key: 3, label: "退料状态", visible: true },
|
|
|
+ { key: 4, label: "物料批次", visible: true },
|
|
|
+ { key: 5, label: "退料单号", visible: true },
|
|
|
+ { key: 6, label: "入库仓库", visible: true },
|
|
|
+ { key: 7, label: "入库区域", visible: true },
|
|
|
+ { key: 8, label: "入库货位", visible: true },
|
|
|
+ { key: 9, label: "物料名称", visible: true },
|
|
|
+ { key: 10, label: "供应商", visible: true },
|
|
|
+ { key: 11, label: "物料编码", visible: true },
|
|
|
+ { key: 12, label: "领料单号", visible: true },
|
|
|
+ { key: 13, label: "发料单号", visible: true },
|
|
|
+ { key: 14, label: "发料数量", visible: true },
|
|
|
+ { key: 15, label: "退料数量", visible: true },
|
|
|
+ { key: 16, label: "入库数量", visible: true },
|
|
|
+ { key: 17, label: "创建时间", visible: true },
|
|
|
],
|
|
|
// 显示隐藏持久化参数
|
|
|
- columnsList: []
|
|
|
- }
|
|
|
+ columnsList: [],
|
|
|
+ };
|
|
|
},
|
|
|
// 获取当前登录用户id
|
|
|
computed: {
|
|
|
- ...mapGetters([
|
|
|
- 'userId'
|
|
|
- ])
|
|
|
+ ...mapGetters(["userId"]),
|
|
|
},
|
|
|
created() {
|
|
|
- this.getColumnsList()
|
|
|
- this.getList()
|
|
|
+ this.getColumnsList();
|
|
|
+ this.getList();
|
|
|
},
|
|
|
methods: {
|
|
|
/** 查询列表 */
|
|
|
getList() {
|
|
|
- this.loading = true
|
|
|
+ this.loading = true;
|
|
|
// 执行查询
|
|
|
// if (this.$route.query.rejectId) {
|
|
|
// this.queryParams.id = this.$route.query.rejectId
|
|
|
@@ -204,34 +211,38 @@ export default {
|
|
|
const params = {
|
|
|
...this.paramsQuery,
|
|
|
...this.queryParams,
|
|
|
- ...this.advParams
|
|
|
- }
|
|
|
+ ...this.advParams,
|
|
|
+ };
|
|
|
if (this.$route.query.receiveOrderNo) {
|
|
|
- this.queryParams.receiveOrderNo = this.$route.query.receiveOrderNo
|
|
|
+ this.queryParams.receiveOrderNo = this.$route.query.receiveOrderNo;
|
|
|
const params = {
|
|
|
...this.paramsQuery,
|
|
|
...this.queryParams,
|
|
|
- ...this.advParams
|
|
|
- }
|
|
|
- getToStockPageFromOut(params).then(res => {
|
|
|
- this.list = res.data.list
|
|
|
- this.total = res.data.total
|
|
|
- }).finally(() => {
|
|
|
- this.loading = false
|
|
|
- })
|
|
|
+ ...this.advParams,
|
|
|
+ };
|
|
|
+ getToStockPageFromOut(params)
|
|
|
+ .then((res) => {
|
|
|
+ this.list = res.data.list;
|
|
|
+ this.total = res.data.total;
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
} else {
|
|
|
- getIncomingRejectPage(params).then(response => {
|
|
|
- this.list = response.data.list
|
|
|
- this.total = response.data.total
|
|
|
- }).finally(() => {
|
|
|
- this.loading = false
|
|
|
- })
|
|
|
+ getIncomingRejectPage(params)
|
|
|
+ .then((response) => {
|
|
|
+ this.list = response.data.list;
|
|
|
+ this.total = response.data.total;
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
/** 取消按钮 */
|
|
|
cancel() {
|
|
|
- this.open = false
|
|
|
- this.reset()
|
|
|
+ this.open = false;
|
|
|
+ this.reset();
|
|
|
},
|
|
|
/** 表单重置 */
|
|
|
reset() {
|
|
|
@@ -244,65 +255,73 @@ export default {
|
|
|
wmsStoreId: undefined,
|
|
|
inQty: undefined,
|
|
|
funitId: undefined,
|
|
|
- remark: undefined
|
|
|
- }
|
|
|
- this.resetForm('form')
|
|
|
+ remark: undefined,
|
|
|
+ };
|
|
|
+ this.resetForm("form");
|
|
|
},
|
|
|
/** 搜索按钮操作 */
|
|
|
handleQuery() {
|
|
|
- this.queryParams.pageNo = 1
|
|
|
- this.getList()
|
|
|
+ this.queryParams.pageNo = 1;
|
|
|
+ this.getList();
|
|
|
},
|
|
|
// 入库方案
|
|
|
handleCase(row) {
|
|
|
- const { rejectNo } = row
|
|
|
- this.$refs.rejectWareHousingPlan.queryParams.rejectNo = rejectNo
|
|
|
- this.$refs.rejectWareHousingPlan.open = true
|
|
|
- this.$refs.rejectWareHousingPlan.title = '入库方案'
|
|
|
- this.$refs.rejectWareHousingPlan.getList()
|
|
|
+ const { rejectNo } = row;
|
|
|
+ this.$refs.rejectWareHousingPlan.queryParams.rejectNo = rejectNo;
|
|
|
+ this.$refs.rejectWareHousingPlan.open = true;
|
|
|
+ this.$refs.rejectWareHousingPlan.title = "入库方案";
|
|
|
+ this.$refs.rejectWareHousingPlan.getList();
|
|
|
},
|
|
|
// 查看明细
|
|
|
handleView(row) {
|
|
|
- const { rejectNo } = row
|
|
|
- this.$refs.awaitRejectDetail.queryParams.rejectNo = rejectNo
|
|
|
- this.$refs.awaitRejectDetail.open = true
|
|
|
+ const { rejectNo } = row;
|
|
|
+ this.$refs.awaitRejectDetail.queryParams.rejectNo = rejectNo;
|
|
|
+ this.$refs.awaitRejectDetail.open = true;
|
|
|
},
|
|
|
getComplete() {
|
|
|
- this.getList()
|
|
|
- this.$emit('rejectComplete')
|
|
|
+ this.getList();
|
|
|
+ this.$emit("rejectComplete");
|
|
|
},
|
|
|
// 获取显示隐藏列
|
|
|
getColumnsList() {
|
|
|
- const { componentName } = this.$route.meta || null
|
|
|
+ const { componentName } = this.$route.meta || null;
|
|
|
const params = {
|
|
|
userId: this.userId,
|
|
|
- vueForm: componentName
|
|
|
- }
|
|
|
- getFormColumnsList(params).then(res => {
|
|
|
- if (isArray(res.data)) {
|
|
|
- this.columnsList = res.data.length === 0 ? this.columns : res.data
|
|
|
- // 对比默认数据和接口数据,将缺失的列添加到接口数据中
|
|
|
- this.columnsList = this.columns.reduce((acc, defaultColumn) => {
|
|
|
- const found = res.data.find(apiColumn => apiColumn.key === defaultColumn.key)
|
|
|
- if (!found) {
|
|
|
- acc.push({ ...defaultColumn, vueForm: componentName, userId: this.userId, id: null })
|
|
|
- }
|
|
|
- return acc
|
|
|
- }, res.data)
|
|
|
- } else {
|
|
|
- this.columnsList = this.columns
|
|
|
- }
|
|
|
- }).catch((err) => {
|
|
|
- if (err) {
|
|
|
- this.columnsList = this.columns
|
|
|
- }
|
|
|
- }).finally(() => {
|
|
|
- this.$emit('columns', this.columnsList)
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+ vueForm: componentName,
|
|
|
+ };
|
|
|
+ getFormColumnsList(params)
|
|
|
+ .then((res) => {
|
|
|
+ if (isArray(res.data)) {
|
|
|
+ this.columnsList = res.data.length === 0 ? this.columns : res.data;
|
|
|
+ // 对比默认数据和接口数据,将缺失的列添加到接口数据中
|
|
|
+ this.columnsList = this.columns.reduce((acc, defaultColumn) => {
|
|
|
+ const found = res.data.find(
|
|
|
+ (apiColumn) => apiColumn.key === defaultColumn.key
|
|
|
+ );
|
|
|
+ if (!found) {
|
|
|
+ acc.push({
|
|
|
+ ...defaultColumn,
|
|
|
+ vueForm: componentName,
|
|
|
+ userId: this.userId,
|
|
|
+ id: null,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return acc;
|
|
|
+ }, res.data);
|
|
|
+ } else {
|
|
|
+ this.columnsList = this.columns;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ if (err) {
|
|
|
+ this.columnsList = this.columns;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ this.$emit("columns", this.columnsList);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
-<style>
|
|
|
-</style>
|
|
|
-
|
|
|
+<style></style>
|