340 lines
15 KiB
Vue
340 lines
15 KiB
Vue
<template>
|
|
<div class="app-container master-page">
|
|
<el-form ref="queryRef" class="master-query page-filter" :model="queryParams" :inline="true">
|
|
<el-form-item label="仓库编码" prop="warehouseCode">
|
|
<el-input v-model="queryParams.warehouseCode" placeholder="请输入仓库编码" clearable maxlength="64" @keyup.enter="handleQuery" />
|
|
</el-form-item>
|
|
<el-form-item label="仓库名称" prop="warehouseName">
|
|
<el-input v-model="queryParams.warehouseName" placeholder="请输入仓库名称" clearable maxlength="100" @keyup.enter="handleQuery" />
|
|
</el-form-item>
|
|
<el-form-item label="状态" prop="status">
|
|
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable style="width: 160px">
|
|
<el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" icon="Search" @click="handleQuery" v-hasPermi="['master:warehouse:list']">搜索</el-button>
|
|
<el-button icon="Refresh" @click="resetQuery" v-hasPermi="['master:warehouse:list']">重置</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<el-row v-if="isMasterWriteAllowed" :gutter="10" class="mb8 master-toolbar">
|
|
<el-col :span="1.5"><el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['master:warehouse:add']">新增</el-button></el-col>
|
|
<el-col :span="1.5">
|
|
<el-button
|
|
v-if="proxy.$auth.hasPermiAnd(['master:warehouse:query', 'master:warehouse:edit'])"
|
|
type="success" plain icon="Edit" :disabled="single || detailLoading" :loading="detailLoading"
|
|
@click="handleUpdate()" v-hasPermi="['master:warehouse:edit']"
|
|
>修改</el-button>
|
|
</el-col>
|
|
<el-col :span="1.5"><el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['master:warehouse:remove']">删除</el-button></el-col>
|
|
<el-col :span="1.5"><el-button type="warning" plain icon="User" :disabled="single" @click="handleAssign()" v-hasPermi="['master:warehouse:assign']">分配用户</el-button></el-col>
|
|
</el-row>
|
|
<el-row v-if="userStore.admin === true && !testBatchStore.isTestMode" :gutter="10" class="mb8 master-toolbar">
|
|
<el-col :span="1.5"><el-button type="warning" plain icon="FolderAdd" :disabled="!selectedIds.length" @click="openAdoptionDialog">纳入测试批次</el-button></el-col>
|
|
</el-row>
|
|
|
|
<el-alert v-if="loadError" :title="loadError" type="error" :closable="false" show-icon class="mb8" />
|
|
<el-table class="master-table data-table" v-loading="loading" empty-text="暂无数据" :data="warehouseList" @selection-change="handleSelectionChange">
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
<el-table-column label="仓库ID" prop="warehouseId" align="center" />
|
|
<el-table-column label="仓库编码" prop="warehouseCode" align="center" :show-overflow-tooltip="true" />
|
|
<el-table-column label="仓库名称" prop="warehouseName" align="center" :show-overflow-tooltip="true" />
|
|
<el-table-column label="地址" prop="address" align="center" :show-overflow-tooltip="true" />
|
|
<el-table-column label="状态" prop="status" align="center" width="100">
|
|
<template #default="scope"><dict-tag :options="sys_normal_disable" :value="scope.row.status" /></template>
|
|
</el-table-column>
|
|
<el-table-column label="创建时间" prop="createTime" align="center" width="180">
|
|
<template #default="scope"><span>{{ parseTime(scope.row.createTime) }}</span></template>
|
|
</el-table-column>
|
|
<el-table-column v-if="isMasterWriteAllowed" label="操作" align="center" width="260" class-name="small-padding fixed-width">
|
|
<template #default="scope">
|
|
<el-button link type="primary" icon="User" @click="handleAssign(scope.row)" v-hasPermi="['master:warehouse:assign']">分配</el-button>
|
|
<el-button
|
|
v-if="proxy.$auth.hasPermiAnd(['master:warehouse:query', 'master:warehouse:edit'])"
|
|
link type="primary" icon="Edit" :disabled="detailLoading" @click="handleUpdate(scope.row)" v-hasPermi="['master:warehouse:edit']"
|
|
>修改</el-button>
|
|
<el-button
|
|
v-if="scope.row.canRemove === true"
|
|
link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['master:warehouse:remove']"
|
|
>删除</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
<pagination
|
|
v-show="total > 0" :total="total"
|
|
v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList"
|
|
/>
|
|
<test-batch-adoption-dialog ref="adoptionDialogRef" :root-type="'warehouse'" :resource-ids="selectedIds" @success="getList" />
|
|
|
|
<el-dialog
|
|
v-model="open"
|
|
:title="title"
|
|
width="min(560px, 92vw)"
|
|
append-to-body
|
|
:close-on-click-modal="!submitLoading"
|
|
:close-on-press-escape="!submitLoading"
|
|
:show-close="!submitLoading"
|
|
:before-close="handleDialogBeforeClose"
|
|
>
|
|
<el-alert v-if="formError" :title="formError" type="error" :closable="false" show-icon class="mb8" />
|
|
<el-form ref="warehouseRef" :model="form" :rules="rules" label-width="90px">
|
|
<el-form-item label="仓库编码" prop="warehouseCode">
|
|
<el-input v-model="form.warehouseCode" placeholder="请输入仓库编码" maxlength="64" show-word-limit />
|
|
</el-form-item>
|
|
<el-form-item label="仓库名称" prop="warehouseName">
|
|
<el-input v-model="form.warehouseName" placeholder="请输入仓库名称" maxlength="100" show-word-limit />
|
|
</el-form-item>
|
|
<el-form-item label="地址" prop="address">
|
|
<el-input v-model="form.address" type="textarea" :rows="2" maxlength="500" show-word-limit placeholder="请输入地址" />
|
|
</el-form-item>
|
|
<el-form-item label="状态" prop="status">
|
|
<el-radio-group v-model="form.status">
|
|
<el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label }}</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<el-form-item label="备注" prop="remark">
|
|
<el-input v-model="form.remark" type="textarea" :rows="3" maxlength="500" show-word-limit placeholder="请输入备注" />
|
|
</el-form-item>
|
|
</el-form>
|
|
<template #footer>
|
|
<div class="dialog-footer">
|
|
<el-button v-if="!form.warehouseId" type="primary" :loading="submitLoading" @click="submitCreate" v-hasPermi="['master:warehouse:add']">确 定</el-button>
|
|
<el-button v-else type="primary" :loading="submitLoading" @click="submitUpdate" v-hasPermi="['master:warehouse:edit']">确 定</el-button>
|
|
<el-button :disabled="submitLoading" @click="cancel">取 消</el-button>
|
|
</div>
|
|
</template>
|
|
</el-dialog>
|
|
|
|
<business-user-assign-dialog ref="assignDialogRef" @ok="getList" />
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.master-query { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:0 14px; padding:16px 18px 4px; margin-bottom:14px; background:var(--el-bg-color); border:1px solid var(--el-border-color-lighter); border-radius:8px; }
|
|
.master-query :deep(.el-form-item) { margin-right:0; width:100%; } .master-query :deep(.el-input), .master-query :deep(.el-select) { width:100% !important; } .master-query :deep(.el-form-item:last-child) { align-self:end; }
|
|
.master-toolbar { display:flex; flex-wrap:wrap; gap:8px; } .master-toolbar :deep(.el-col) { width:auto; }
|
|
.master-table :deep(.el-table__header th) { background:var(--el-fill-color-light); font-weight:600; } .master-table :deep(.el-table__cell) { padding:10px 0; } .master-table :deep(.fixed-width) { position:sticky; right:0; z-index:2; background:var(--el-bg-color); box-shadow:-4px 0 8px rgba(0,0,0,.04); }
|
|
@media (max-width:768px) { .master-query { grid-template-columns:1fr; padding:14px 14px 2px; } .master-query :deep(.el-form-item:last-child) { margin-bottom:12px; } .master-toolbar :deep(.el-button) { margin-left:0; } }
|
|
</style>
|
|
|
|
<script setup name="Warehouse">
|
|
import BusinessUserAssignDialog from "@/components/BusinessUserAssignDialog";
|
|
import { addWarehouse, delWarehouse, getWarehouse, listWarehouse, updateWarehouse } from "@/api/master/warehouse";
|
|
import TestBatchAdoptionDialog from '@/components/TestBatchAdoptionDialog'
|
|
import useUserStore from '@/store/modules/user'
|
|
import useTestBatchStore from '@/store/modules/testBatch'
|
|
|
|
const { proxy } = getCurrentInstance();
|
|
const userStore = useUserStore()
|
|
const testBatchStore = useTestBatchStore()
|
|
const isMasterWriteAllowed = computed(() => userStore.admin === true || !testBatchStore.isTestMode)
|
|
const adoptionDialogRef = ref()
|
|
const { sys_normal_disable } = proxy.useDict("sys_normal_disable");
|
|
const warehouseList = ref([]);
|
|
const selectedIds = ref([]);
|
|
const removableIds = ref([]);
|
|
const selectedRows = ref([]);
|
|
const assignDialogRef = ref();
|
|
const loading = ref(false);
|
|
const detailLoading = ref(false);
|
|
const submitLoading = ref(false);
|
|
const loadError = ref("");
|
|
const formError = ref("");
|
|
const open = ref(false);
|
|
const single = ref(true);
|
|
const multiple = ref(true);
|
|
const total = ref(0);
|
|
const title = ref("");
|
|
let listGeneration = 0;
|
|
let detailGeneration = 0;
|
|
|
|
function validateRequiredText(rule, value, callback) {
|
|
const labels = { warehouseCode: "仓库编码", warehouseName: "仓库名称" };
|
|
if (typeof value !== "string" || value.trim() === "") {
|
|
callback(new Error(`${labels[rule.field]}不能为空`));
|
|
return;
|
|
}
|
|
callback();
|
|
}
|
|
|
|
const data = reactive({
|
|
form: {},
|
|
queryParams: { pageNum: 1, pageSize: 10, warehouseCode: undefined, warehouseName: undefined, status: undefined },
|
|
rules: {
|
|
warehouseCode: [{ required: true, validator: validateRequiredText, trigger: "blur" }],
|
|
warehouseName: [{ required: true, validator: validateRequiredText, trigger: "blur" }],
|
|
status: [{ required: true, message: "请选择状态", trigger: "change" }]
|
|
}
|
|
});
|
|
const { form, queryParams, rules } = toRefs(data);
|
|
|
|
function isCurrentListRequest(listContext) {
|
|
return listContext.generation === listGeneration;
|
|
}
|
|
function getList() {
|
|
const listContext = {
|
|
generation: ++listGeneration,
|
|
query: { ...queryParams.value }
|
|
};
|
|
loading.value = true;
|
|
loadError.value = "";
|
|
listWarehouse(listContext.query).then((response) => {
|
|
if (!isCurrentListRequest(listContext)) {
|
|
return;
|
|
}
|
|
warehouseList.value = response.rows;
|
|
total.value = response.total;
|
|
}).catch(() => {
|
|
if (!isCurrentListRequest(listContext)) {
|
|
return;
|
|
}
|
|
warehouseList.value = [];
|
|
total.value = 0;
|
|
loadError.value = "仓库列表加载失败，请稍后重试";
|
|
}).finally(() => {
|
|
if (!isCurrentListRequest(listContext)) {
|
|
return;
|
|
}
|
|
loading.value = false;
|
|
});
|
|
}
|
|
function reset() {
|
|
formError.value = "";
|
|
form.value = { warehouseId: undefined, warehouseCode: "", warehouseName: "", address: "", status: "0", remark: "" };
|
|
proxy.resetForm("warehouseRef");
|
|
}
|
|
function invalidateDetailRequest() {
|
|
detailGeneration += 1;
|
|
detailLoading.value = false;
|
|
}
|
|
function isCurrentDetailRequest(detailContext) {
|
|
return detailContext.generation === detailGeneration;
|
|
}
|
|
function cancel() {
|
|
if (submitLoading.value) return;
|
|
invalidateDetailRequest();
|
|
open.value = false;
|
|
reset();
|
|
}
|
|
function handleDialogBeforeClose(done) {
|
|
if (submitLoading.value) return;
|
|
invalidateDetailRequest();
|
|
reset();
|
|
done();
|
|
}
|
|
function handleQuery() { queryParams.value.pageNum = 1; getList(); }
|
|
function resetQuery() { proxy.resetForm("queryRef"); handleQuery(); }
|
|
function handleSelectionChange(selection) {
|
|
selectedRows.value = selection;
|
|
selectedIds.value = selection.map((item) => item.warehouseId);
|
|
removableIds.value = selection
|
|
.filter((item) => item.canRemove === true)
|
|
.map((item) => item.warehouseId);
|
|
single.value = selectedIds.value.length !== 1;
|
|
multiple.value = removableIds.value.length === 0;
|
|
}
|
|
|
|
function openAdoptionDialog() { adoptionDialogRef.value?.open() }
|
|
function handleAdd() {
|
|
invalidateDetailRequest();
|
|
reset();
|
|
title.value = "新增仓库";
|
|
open.value = true;
|
|
}
|
|
function handleUpdate(row = {}) {
|
|
reset();
|
|
const warehouseId = row.warehouseId || selectedIds.value[0];
|
|
const detailContext = {
|
|
generation: ++detailGeneration,
|
|
resourceId: warehouseId
|
|
};
|
|
detailLoading.value = true;
|
|
getWarehouse(detailContext.resourceId).then((response) => {
|
|
if (!isCurrentDetailRequest(detailContext)) {
|
|
return;
|
|
}
|
|
const detail = response.data;
|
|
form.value = {
|
|
warehouseId: detail.warehouseId,
|
|
warehouseCode: detail.warehouseCode,
|
|
warehouseName: detail.warehouseName,
|
|
address: detail.address || "",
|
|
status: detail.status,
|
|
remark: detail.remark || ""
|
|
};
|
|
title.value = "修改仓库";
|
|
open.value = true;
|
|
}).catch(() => {
|
|
if (!isCurrentDetailRequest(detailContext)) {
|
|
return;
|
|
}
|
|
loadError.value = "仓库详情加载失败，请稍后重试";
|
|
}).finally(() => {
|
|
if (!isCurrentDetailRequest(detailContext)) {
|
|
return;
|
|
}
|
|
detailLoading.value = false;
|
|
});
|
|
}
|
|
function handleAssign(row = {}) {
|
|
if (!row.warehouseId) row = selectedRows.value[0];
|
|
if (!row) return;
|
|
assignDialogRef.value.show({
|
|
resourceType: "warehouse",
|
|
resourceId: row.warehouseId,
|
|
resourceName: row.warehouseName
|
|
});
|
|
}
|
|
function afterSubmit(response) {
|
|
proxy.$modal.msgSuccess(response.msg || "操作成功");
|
|
open.value = false;
|
|
getList();
|
|
}
|
|
function submitCreate() {
|
|
proxy.$refs.warehouseRef.validate((valid) => {
|
|
if (!valid) return;
|
|
submitLoading.value = true;
|
|
formError.value = "";
|
|
addWarehouse({
|
|
warehouseCode: form.value.warehouseCode.trim(),
|
|
warehouseName: form.value.warehouseName.trim(),
|
|
address: form.value.address?.trim() || undefined,
|
|
status: form.value.status,
|
|
remark: form.value.remark?.trim() || undefined
|
|
}).then(afterSubmit).catch(() => {
|
|
formError.value = "新增失败，请根据提示修正后重试";
|
|
}).finally(() => { submitLoading.value = false; });
|
|
});
|
|
}
|
|
function submitUpdate() {
|
|
proxy.$refs.warehouseRef.validate((valid) => {
|
|
if (!valid) return;
|
|
submitLoading.value = true;
|
|
formError.value = "";
|
|
updateWarehouse({
|
|
warehouseId: form.value.warehouseId,
|
|
warehouseCode: form.value.warehouseCode.trim(),
|
|
warehouseName: form.value.warehouseName.trim(),
|
|
address: form.value.address?.trim() || undefined,
|
|
status: form.value.status,
|
|
remark: form.value.remark?.trim() || undefined
|
|
}).then(afterSubmit).catch(() => {
|
|
formError.value = "修改失败，请根据提示修正后重试";
|
|
}).finally(() => { submitLoading.value = false; });
|
|
});
|
|
}
|
|
function handleDelete(row) {
|
|
const targetIds = row?.warehouseId ? (row.canRemove === true ? [row.warehouseId] : []) : removableIds.value;
|
|
if (!targetIds.length) { proxy.$modal.msgWarning("请选择允许删除的仓库"); return; }
|
|
proxy.$modal.confirm(`是否确认删除仓库编号为“${targetIds.join(",")}”的数据项？`).then(() =>
|
|
delWarehouse(targetIds.join(","))
|
|
).then(() => { proxy.$modal.msgSuccess("删除成功"); getList(); }).catch((error) => {
|
|
if (error !== "cancel" && error !== "close") loadError.value = "仓库删除失败，请稍后重试";
|
|
});
|
|
}
|
|
|
|
getList();
|
|
</script>
|