Skip to content

M
mini-wms
Commit 563b3de0 by zhangtw
Options

统计页面优化

parent 45790555
正在显示 包含 400 行增加 和 302 行删除
ruoyi-admin-vue/src/views/inventory/inbound/details.vue
...@@ -39,8 +39,6 @@ ...@@ -39,8 +39,6 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="仓库" prop="warehouseId"> <el-form-item label="仓库" prop="warehouseId">
<el-input <el-input
v-model="queryWarehouseName" v-model="queryWarehouseName"
...@@ -75,16 +73,6 @@ ...@@ -75,16 +73,6 @@
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="标签颜色" prop="labelColor">
<el-select v-model="queryParams.labelColor" placeholder="请选择标签颜色" clearable>
<el-option
v-for="dict in dict.type.label_color"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item> -->
</page-wrapper-search> </page-wrapper-search>
<!-- 表格区域 --> <!-- 表格区域 -->
...@@ -104,9 +92,10 @@ ...@@ -104,9 +92,10 @@
<el-table-column label="危险类别" align="center" prop="hazardId" width="120"> <el-table-column label="危险类别" align="center" prop="hazardId" width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag <el-tag
:type="getDictListClass('danger_type',scope.row.hazardId)" :type="getDictTagType('danger_type', scope.row.hazardId)"
size="small"> size="small"
{{ getDictLabel('danger_type',scope.row.hazardId) }} >
{{ getDictLabel('danger_type', scope.row.hazardId) }}
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
...@@ -114,14 +103,14 @@ ...@@ -114,14 +103,14 @@
<el-table-column label="计量单位" align="center" prop="materialUnit" width="120" /> <el-table-column label="计量单位" align="center" prop="materialUnit" width="120" />
<el-table-column label="单位重量" align="center" prop="unitWeight" width="120" > <el-table-column label="单位重量" align="center" prop="unitWeight" width="120" >
<template slot-scope="scope"> <template slot-scope="scope">
{{ formatAmount(scope.row.unitWeight || 0) }} {{ formatNumber(scope.row.unitWeight) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="计划数量" align="center" prop="plannedQuantity" width="100" /> <el-table-column label="计划数量" align="center" prop="plannedQuantity" width="100" />
<el-table-column label="实际数量" align="center" prop="actualQuantity" width="100" /> <el-table-column label="实际数量" align="center" prop="actualQuantity" width="100" />
<el-table-column label="总额" align="center" prop="totalPrice" width="100" > <el-table-column label="总额" align="center" prop="totalPrice" width="100" >
<template slot-scope="scope"> <template slot-scope="scope">
{{ formatAmount(scope.row.totalPrice || 0) }} {{ formatNumber(scope.row.totalPrice) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="100" fixed="right"> <el-table-column label="操作" align="center" width="100" fixed="right">
...@@ -136,146 +125,164 @@ ...@@ -136,146 +125,164 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<!-- 详情弹窗 -->
<el-dialog <!-- 详情弹窗 -->
title="出库物料详情" <el-dialog
:visible.sync="detailDialogVisible" title="出库物料详情"
width="1400px" v-model="detailDialogVisible"
append-to-body :visible.sync="detailDialogVisible"
:close-on-click-modal="false" width="1400px"
> append-to-body
:close-on-click-modal="false"
<el-form :model="detailQueryParams" ref="detailQueryForm" size="small" :inline="true" label-width="100px" style="margin-bottom: 15px;"> >
<el-form-item label="入库日期" prop="inboundDateRange"> <el-form
<el-date-picker :model="detailQueryParams"
v-model="inboundDateRange" ref="detailQueryForm"
type="daterange" size="small"
range-separator="至" inline
start-placeholder="开始日期" label-width="100px"
end-placeholder="结束日期" class="detail-search-form"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
clearable
/>
</el-form-item>
<el-form-item label="关联入库单号" prop="orderId">
<el-input
v-model="queryParams.orderId"
placeholder="请输入入库单号"
clearable
/>
</el-form-item>
<el-form-item label="批次" prop="batchId">
<el-input
v-model="queryParams.batchId"
placeholder="请输入批次"
clearable
/>
</el-form-item>
<el-form-item label="仓库" prop="warehouseId">
<el-input
v-model="queryWarehouseName"
placeholder="请选择仓库"
readonly
@focus="openWarehouseSelector"
:suffix-icon="''"
>
<template v-if="queryWarehouseName" #suffix>
<i
class="el-icon-circle-close el-input__icon"
style="cursor: pointer;"
@click.stop="clearQueryWarehouse"
></i>
</template>
</el-input>
</el-form-item>
<el-form-item label="库位" prop="locationId">
<el-input
v-model="queryLocationName"
placeholder="请选择库位"
readonly
@focus="openLocationSelector"
:suffix-icon="''"
>
<template v-if="queryLocationName" #suffix>
<i
class="el-icon-circle-close el-input__icon"
style="cursor: pointer;"
@click.stop="clearQueryLocation"
></i>
</template>
</el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleDetailQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetDetailQuery">重置</el-button>
</el-form-item>
</el-form>
<div style="max-height: 600px; overflow: auto;">
<el-table
v-loading="detailLoading"
:data="detailList"
border
style="width: 100%"
> >
<el-table-column type="index" label="序号" width="60" align="center" /> <el-form-item label="入库日期" prop="inboundDateRange">
<el-table-column label="物料名称" align="center" prop="materialName" min-width="150" show-overflow-tooltip /> <el-date-picker
<el-table-column label="关联订单号" align="center" prop="orderId" width="150" /> v-model="detailDateRange"
<el-table-column label="批次" align="center" prop="batchId" width="120" /> type="daterange"
<el-table-column label="仓库" align="center" prop="warehousesName" width="120" /> range-separator="至"
<el-table-column label="库位" align="center" prop="locationName" width="120" /> start-placeholder="开始日期"
<el-table-column label="计划数量" align="center" prop="plannedQuantity" width="100" /> end-placeholder="结束日期"
<el-table-column label="实际数量" align="center" prop="actualQuantity" width="100" /> format="yyyy-MM-dd"
<el-table-column label="入库日期" align="center" prop="inboundDate" width="120"> value-format="yyyy-MM-dd"
<template slot-scope="scope"> clearable
<span>{{ parseTime(scope.row.inboundDate,'{y}-{m}-{d}') }}</span> />
</template> </el-form-item>
</el-table-column> <el-form-item label="关联入库单号" prop="orderId">
<el-table-column label="单价" align="center" prop="unitPrice" width="100"> <el-input
<template slot-scope="scope"> v-model="detailQueryParams.orderId"
{{ formatAmount(scope.row.unitPrice || 0) }} placeholder="请输入入库单号"
</template> clearable
</el-table-column> />
<el-table-column label="金额" align="center" prop="totalPrice" width="120"> </el-form-item>
<template slot-scope="scope"> <el-form-item label="批次" prop="batchId">
{{ formatAmount(scope.row.totalPrice || (scope.row.actualQuantity || 0) * (scope.row.unitPrice || 0)) }} <el-input
</template> v-model="detailQueryParams.batchId"
</el-table-column> placeholder="请输入批次"
<el-table-column label="备注" align="center" prop="remark" min-width="150" show-overflow-tooltip /> clearable
</el-table> />
</div> </el-form-item>
<pagination <el-form-item label="仓库" prop="warehouseId">
v-show="detailTotal > 0" <el-input
:total="detailTotal" v-model="detailWarehouseName"
:page.sync="detailQueryParams.pageNum" placeholder="请选择仓库"
:limit.sync="detailQueryParams.pageSize" readonly
@pagination="getDetailList" @focus="openDetailWarehouseSelector"
style="margin-top: 15px;" :suffix-icon="''"
/> >
<div slot="footer" class="dialog-footer"> <template v-if="detailWarehouseName" #suffix>
<el-button @click="detailDialogVisible = false">关 闭</el-button> <i
</div> class="el-icon-circle-close el-input__icon"
</el-dialog> style="cursor: pointer;"
@click.stop="clearDetailWarehouse"
></i>
</template>
</el-input>
</el-form-item>
<el-form-item label="库位" prop="locationId">
<el-input
v-model="detailLocationName"
placeholder="请选择库位"
readonly
@focus="openDetailLocationSelector"
:suffix-icon="''"
>
<template v-if="detailLocationName" #suffix>
<i
class="el-icon-circle-close el-input__icon"
style="cursor: pointer;"
@click.stop="clearDetailLocation"
></i>
</template>
</el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleDetailQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetDetailQuery">重置</el-button>
</el-form-item>
</el-form>
<div class="detail-table-container">
<el-table
v-loading="detailLoading"
:data="detailList"
border
style="width: 100%"
>
<el-table-column type="index" label="序号" width="60" align="center" />
<el-table-column label="物料名称" align="center" prop="materialName" min-width="150" show-overflow-tooltip />
<el-table-column label="关联入库单号" align="center" prop="orderId" width="180" />
<el-table-column label="批次" align="center" prop="batchId" width="120" />
<el-table-column label="仓库" align="center" prop="warehousesName" width="120" />
<el-table-column label="库位" align="center" prop="locationName" width="120" />
<el-table-column label="计划数量" align="center" prop="plannedQuantity" width="100" />
<el-table-column label="实际数量" align="center" prop="actualQuantity" width="100" />
<el-table-column label="入库日期" align="center" prop="inboundDate" width="120">
<template slot-scope="scope">
{{ parseTime(scope.row.inboundDate, '{y}-{m}-{d}') }}
</template>
</el-table-column>
<el-table-column label="单价" align="center" prop="unitPrice" width="100">
<template slot-scope="scope">
{{ formatNumber(scope.row.unitPrice) }}
</template>
</el-table-column>
<el-table-column label="金额" align="center" prop="totalPrice" width="120">
<template slot-scope="scope">
{{ formatNumber((scope.row.actualQuantity || 0) * (scope.row.unitPrice || 0)) }}
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" min-width="150" show-overflow-tooltip />
</el-table>
</div>
<pagination
v-show="detailTotal > 0"
:total="detailTotal"
:page.sync="detailQueryParams.pageNum"
:limit.sync="detailQueryParams.pageSize"
@pagination="getDetailList"
class="detail-pagination"
/>
<div slot="footer" class="dialog-footer">
<el-button @click="detailDialogVisible = false">关 闭</el-button>
</div>
</el-dialog>
<!-- 分页组件 --> <!-- 分页组件 -->
<pagination <pagination
v-show="total>0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
<!-- 仓库选择组件 --> <!-- 仓库/库位选择组件 -->
<WarehouseSelector <WarehouseSelector
v-model="warehouseSelectorVisible" v-model="warehouseSelectorVisible"
@selected="handleWarehouseSelected" @selected="handleWarehouseSelected"
/> />
<!-- 库位选择组件 -->
<LocationSelector <LocationSelector
v-model="locationSelectorVisible" v-model="locationSelectorVisible"
@selected="handleLocationSelected" @selected="handleLocationSelected"
/> />
<WarehouseSelector
v-model="detailWarehouseSelectorVisible"
@selected="handleDetailWarehouseSelected"
/>
<LocationSelector
v-model="detailLocationSelectorVisible"
@selected="handleDetailLocationSelected"
/>
</div> </div>
</div> </div>
</template> </template>
...@@ -289,7 +296,7 @@ import LocationSelector from "@/views/compononents/LocationSelector.vue" ...@@ -289,7 +296,7 @@ import LocationSelector from "@/views/compononents/LocationSelector.vue"
export default { export default {
name: "InboundDetails", name: "InboundDetails",
dicts: ['label_color','danger_type'], dicts: ['label_color', 'danger_type'],
components: { components: {
PageTitle, PageTitle,
PageWrapperSearch, PageWrapperSearch,
...@@ -298,246 +305,315 @@ export default { ...@@ -298,246 +305,315 @@ export default {
}, },
data() { data() {
return { return {
// 入库日期选择数组 // 主页面状态
inboundDateRange: null, loading: true,
// 仓库选择相关 total: 0,
inboundList: [],
warehouseSelectorVisible: false, warehouseSelectorVisible: false,
queryWarehouseName: null,
// 库位选择相关
locationSelectorVisible: false, locationSelectorVisible: false,
queryLocationName: null, queryWarehouseName: '',
// 遮罩层 queryLocationName: '',
loading: true,
// 详情弹窗状态
detailDialogVisible: false,
detailLoading: true, detailLoading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 总条数
total: 0,
detailTotal: 0, detailTotal: 0,
// 入库表格数据 detailList: [],
inboundList: [], detailWarehouseSelectorVisible: false,
// 查询参数 detailLocationSelectorVisible: false,
detailWarehouseName: '',
detailLocationName: '',
detailDateRange: null, // 独立的详情日期范围，避免和主页面冲突
// 查询参数（规范化命名 + 初始值统一）
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
sapNo: null, sapNo: '',
materialName: null, materialName: '',
warehouseId: null, warehouseId: '',
locationId: null, locationId: '',
labelColor: null, labelColor: '',
inboundDateStart: '',
inboundDateEnd: ''
}, },
detailDialogVisible: false,
detailList: [],
detailQueryParams: { detailQueryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
orderId: null, materialId: '',
materialId: null, orderId: '',
warehouseId: null, batchId: '',
locationId: null, warehouseId: '',
batchId: null, locationId: '',
inboundDateStart: null, inboundDateStart: '',
inboundDateEnd: null inboundDateEnd: ''
}, },
// 多选相关（仅声明必要变量）
ids: [],
single: true,
multiple: true
} }
}, },
created() { created() {
this.getList() this.getList()
}, },
methods: { methods: {
// 封装字典取值方法 /**
* 获取字典标签（通用方法）
* @param {string} dictType 字典类型
* @param {*} value 字典值
* @returns {string} 字典标签
*/
getDictLabel(dictType, value) { getDictLabel(dictType, value) {
if (!value || !this.dict?.type?.[dictType]) return '-'; if (!value || !this.dict?.type?.[dictType]) return '-';
const dictItem = this.dict.type[dictType].find(item => item.value === value); const dictItem = this.dict.type[dictType].find(item => item.value === value);
return dictItem?.label || '-'; return dictItem?.label || '-';
}, },
getDictListClass(dictType, value) {
if (!value || !this.dict?.type?.[dictType]) return '-'; /**
* 获取字典标签样式（语义化命名）
* @param {string} dictType 字典类型
* @param {*} value 字典值
* @returns {string} 样式类名
*/
getDictTagType(dictType, value) {
if (!value || !this.dict?.type?.[dictType]) return '';
const dictItem = this.dict.type[dictType].find(item => item.value === value); const dictItem = this.dict.type[dictType].find(item => item.value === value);
return dictItem?.raw?.listClass || ''; return dictItem?.raw?.listClass || '';
}, },
/** 查询入库列表 */ /**
getList() { * 数字格式化（通用方法，替代原formatAmount）
this.loading = true * @param {number} num 待格式化数字
inbound_details(this.queryParams).then(response => { * @returns {string} 保留两位小数的字符串
this.inboundList = response.rows */
this.total = response.total formatNumber(num) {
this.loading = false const number = Number(num);
}).catch(() => { return isNaN(number) ? '0.00' : number.toFixed(2);
this.loading = false },
})
/**
* 查询主列表数据
*/
async getList() {
try {
this.loading = true;
const response = await inbound_details(this.queryParams);
this.inboundList = response.rows || [];
this.total = response.total || 0;
} catch (error) {
this.$message.error('查询入库列表失败：' + error.message);
} finally {
this.loading = false;
}
}, },
/** 搜索按钮操作 */ /**
* 主页面搜索
*/
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1 this.queryParams.pageNum = 1;
if (Array.isArray(this.inboundDateRange) && this.inboundDateRange.length === 2) { // 处理日期范围（原代码错误绑定到全局inboundDateRange，已修正）
this.queryParams.inboundDateStart = this.inboundDateRange[0]; if (Array.isArray(this.detailDateRange) && this.detailDateRange.length === 2) {
this.queryParams.inboundDateEnd = this.inboundDateRange[1]; this.queryParams.inboundDateStart = this.detailDateRange[0];
this.queryParams.inboundDateEnd = this.detailDateRange[1];
} else { } else {
// 清空开始/结束日期（避免残留旧值） this.queryParams.inboundDateStart = '';
this.queryParams.inboundDateStart = ""; this.queryParams.inboundDateEnd = '';
this.queryParams.inboundDateEnd = "";
} }
this.getList() this.getList();
}, },
/** 重置按钮操作 */ /**
* 重置主页面查询条件
*/
resetQuery() { resetQuery() {
this.queryParams = { this.queryParams = {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
sapNo: null, sapNo: '',
materialName: null, materialName: '',
orderId: null, warehouseId: '',
batchId: null, locationId: '',
warehouseId: null, labelColor: '',
locationId: null, inboundDateStart: '',
labelColor: null, inboundDateEnd: ''
inboundDateStart: null, };
inboundDateStart: null this.queryWarehouseName = '';
} this.queryLocationName = '';
this.queryWarehouseName = null this.detailDateRange = null;
this.queryLocationName = null this.getList();
this.inboundDateRange = null
this.handleQuery()
}, },
/**
* 打开详情弹窗
* @param {object} row 选中的行数据
*/
handleViewDetail(row) { handleViewDetail(row) {
this.currentDetailRow = row this.detailDialogVisible = true;
this.detailDialogVisible = true // 初始化详情查询参数
this.detailQueryParams = { this.detailQueryParams = {
pageNum: 1, pageNum: 1,
pageSize: 10,
orderId: null,
materialId: row.materialId, materialId: row.materialId,
warehouseId: null, orderId: '',
warehousesCode: null, batchId: '',
locationId: null, warehouseId: this.queryParams.warehouseId, // 继承主页面仓库筛选
batchId: null, locationId: this.queryParams.locationId, // 继承主页面库位筛选
inboundDateStart: null, inboundDateStart: '',
inboundDateStart: null inboundDateEnd: ''
} };
this.detailWarehouseName = null this.detailWarehouseName = this.queryWarehouseName;
this.detailLocationName = null this.detailLocationName = this.queryLocationName;
this.detailList = [] this.detailDateRange = null;
this.detailTotal = 0 this.getDetailList();
this.getDetailList()
}, },
getDetailList() {
this.detailLoading = true /**
const params = { ...this.detailQueryParams } * 查询详情列表数据
params.warehouseId = params.warehouseId || this.queryParams.warehouseId */
params.locationId = params.locationId || this.queryParams.locationId async getDetailList() {
try {
details_information(params).then(response => { this.detailLoading = true;
this.detailList = response.rows || [] // 处理详情日期范围
this.detailTotal = response.total || 0 if (Array.isArray(this.detailDateRange) && this.detailDateRange.length === 2) {
this.detailLoading = false this.detailQueryParams.inboundDateStart = this.detailDateRange[0];
}).catch(() => { this.detailQueryParams.inboundDateEnd = this.detailDateRange[1];
this.detailLoading = false }
}) const response = await details_information(this.detailQueryParams);
this.detailList = response.rows || [];
this.detailTotal = response.total || 0;
} catch (error) {
this.$message.error('查询物料详情失败：' + error.message);
} finally {
this.detailLoading = false;
}
}, },
/**
* 详情弹窗搜索
*/
handleDetailQuery() { handleDetailQuery() {
this.detailQueryParams.pageNum = 1 this.detailQueryParams.pageNum = 1;
this.getDetailList() this.getDetailList();
}, },
/**
* 重置详情弹窗查询条件
*/
resetDetailQuery() { resetDetailQuery() {
this.detailQueryParams = { const materialId = this.detailQueryParams.materialId; // 保留物料ID
this.detailQueryParams = {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
orderId: null, materialId,
materialId: row.materialId, orderId: '',
warehouseId: null, batchId: '',
locationId: null, warehouseId: '',
batchId: null, locationId: '',
inboundDateStart: null, inboundDateStart: '',
inboundDateStart: null inboundDateEnd: ''
} };
this.inboundDateRange = null this.detailDateRange = null;
this.detailQueryParams.pageNum = 1 this.detailWarehouseName = '';
this.getDetailList() this.detailLocationName = '';
}, this.getDetailList();
formatAmount(amount) {
if (amount === null || amount === undefined || isNaN(amount)) {
return '0.00'
}
return parseFloat(amount).toFixed(2)
}, },
/** 多选框选中数据 */ /**
* 多选框选中事件
* @param {array} selection 选中的行
*/
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id);
this.single = selection.length !== 1 this.single = selection.length !== 1;
this.multiple = !selection.length this.multiple = !selection.length;
}, },
/** 打开仓库选择器 */ // ========== 仓库/库位选择器相关方法（通用封装） ==========
openWarehouseSelector() { openWarehouseSelector() {
this.warehouseSelectorVisible = true this.warehouseSelectorVisible = true;
}, },
/** 仓库选择回调 */
handleWarehouseSelected(warehouse) { handleWarehouseSelected(warehouse) {
if (!warehouse) return if (!warehouse) return;
this.queryParams.warehouseId = warehouse.warehouseId this.queryParams.warehouseId = warehouse.warehouseId;
this.queryWarehouseName = warehouse.warehousesName || warehouse.warehousesCode this.queryWarehouseName = warehouse.warehousesName || warehouse.warehousesCode;
// 仓库选择后，清空库位信息 this.handleQuery();
// this.queryLocationName = null
// this.queryParams.locationId = null
this.handleQuery()
}, },
/** 清空仓库选择 */
clearQueryWarehouse() { clearQueryWarehouse() {
this.queryWarehouseName = null this.queryWarehouseName = '';
this.queryParams.warehouseId = null this.queryParams.warehouseId = '';
// 清空仓库时，同时清空库位 this.handleQuery();
// this.queryLocationName = null
// this.queryParams.locationId = null
this.handleQuery()
}, },
/** 打开库位选择器 */
openLocationSelector() { openLocationSelector() {
// if (!this.queryParams.warehouseId) { this.locationSelectorVisible = true;
// this.$message.warning("请先选择仓库")
// return
// }
this.locationSelectorVisible = true
}, },
/** 库位选择回调 */
handleLocationSelected(location) { handleLocationSelected(location) {
if (!location) return if (!location) return;
this.queryParams.locationId = location.locationId || location.id this.queryParams.locationId = location.locationId || location.id;
this.queryLocationName = location.locationName || location.locationCode this.queryLocationName = location.locationName || location.locationCode;
this.handleQuery() this.handleQuery();
}, },
/** 清空库位选择 */
clearQueryLocation() { clearQueryLocation() {
this.queryLocationName = null this.queryLocationName = '';
this.queryParams.locationId = null this.queryParams.locationId = '';
this.handleQuery() this.handleQuery();
},
openDetailWarehouseSelector() {
this.detailWarehouseSelectorVisible = true;
},
handleDetailWarehouseSelected(warehouse) {
if (!warehouse) return;
this.detailQueryParams.warehouseId = warehouse.warehouseId;
this.detailWarehouseName = warehouse.warehousesName || warehouse.warehousesCode;
this.detailLocationName = '';
this.detailQueryParams.locationId = '';
},
clearDetailWarehouse() {
this.detailWarehouseName = '';
this.detailQueryParams.warehouseId = '';
this.detailLocationName = '';
this.detailQueryParams.locationId = '';
}, },
/** 导出按钮操作 */ openDetailLocationSelector() {
this.detailLocationSelectorVisible = true;
},
handleDetailLocationSelected(location) {
if (!location) return;
this.detailQueryParams.locationId = location.locationId || location.id;
this.detailLocationName = location.locationName || location.locationCode;
},
clearDetailLocation() {
this.detailLocationName = '';
this.detailQueryParams.locationId = '';
},
/**
* 导出数据
*/
handleExport() { handleExport() {
this.download('/inventory/inbound_items/exportDetails', { this.download(
...this.queryParams '/inventory/inbound_items/exportDetails',
}, `inbound_${new Date().getTime()}.xlsx`) { ...this.queryParams },
`inbound_details_${new Date().getTime()}.xlsx`
);
} }
} }
} }
</script> </script>
<style scoped> <style scoped>
/* 核心样式保留，冗余样式删除 */
.page-container { .page-container {
padding: 16px; padding: 16px;
background: #fff; background: #fff;
...@@ -548,4 +624,25 @@ export default { ...@@ -548,4 +624,25 @@ export default {
.table-container { .table-container {
margin-top: 16px; margin-top: 16px;
} }
</style>
/* 详情弹窗样式优化 */
.detail-search-form {
margin-bottom: 16px;
}
.detail-table-container {
max-height: 600px;
overflow: auto;
margin-bottom: 16px;
}
.detail-pagination {
margin-top: 10px;
text-align: right;
}
/* 修复弹窗内分页样式 */
:deep(.el-pagination) {
margin-top: 10px;
}
</style>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论