<!--OA模块：调岗申请-->
|
<template>
|
<div class="app-container">
|
<div class="search_form mb20">
|
<div>
|
<span class="search_title">申请人：</span>
|
<el-select
|
v-model="searchForm.applicantId"
|
filterable
|
remote
|
clearable
|
reserve-keyword
|
placeholder="请选择或搜索申请人"
|
style="width: 220px"
|
:remote-method="remoteSearchApplicant"
|
:loading="applicantSearchLoading"
|
>
|
<el-option
|
v-for="u in applicantSearchOptions"
|
:key="u.userId"
|
:label="userSelectLabel(u)"
|
:value="u.userId"
|
/>
|
</el-select>
|
<span class="search_title" style="margin-left: 12px">转岗时间：</span>
|
<el-date-picker
|
v-model="searchForm.transferDateRange"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始"
|
end-placeholder="结束"
|
format="YYYY-MM-DD"
|
value-format="YYYY-MM-DD"
|
style="width: 260px"
|
clearable
|
/>
|
<el-button type="primary" style="margin-left: 10px" @click="handleQuery">搜索</el-button>
|
<el-button @click="resetSearch">重置</el-button>
|
</div>
|
<div>
|
<el-button type="primary" @click="openFormDialog('add')">新增调岗申请</el-button>
|
</div>
|
</div>
|
<div class="table_list">
|
<PIMTable
|
rowKey="id"
|
:column="tableColumn"
|
:tableData="tableData"
|
:page="page"
|
:isSelection="false"
|
:tableLoading="tableLoading"
|
@pagination="pagination"
|
:total="page.total"
|
/>
|
</div>
|
|
<!-- 新增 / 编辑 -->
|
<el-dialog
|
v-model="formDialog.visible"
|
:title="formDialog.title"
|
width="720px"
|
append-to-body
|
destroy-on-close
|
class="transfer-apply-form-dialog"
|
@closed="onFormClosed"
|
>
|
<el-form ref="formRef" :model="form" :rules="formRules" label-width="120px" class="transfer-apply-form">
|
<el-row :gutter="24">
|
<el-col :span="24">
|
<el-form-item label="申请人" prop="applicantId">
|
<el-select
|
v-model="form.applicantId"
|
filterable
|
remote
|
clearable
|
reserve-keyword
|
placeholder="请选择或搜索申请人"
|
style="width: 100%"
|
:remote-method="remoteSearchApplicantForm"
|
:loading="applicantFormSearchLoading"
|
@change="onApplicantChange"
|
>
|
<el-option
|
v-for="u in applicantFormOptions"
|
:key="u.userId"
|
:label="userSelectLabel(u)"
|
:value="u.userId"
|
/>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="24">
|
<el-col :span="12">
|
<el-form-item label="转岗日期" prop="transferDate">
|
<el-date-picker
|
v-model="form.transferDate"
|
type="date"
|
placeholder="请选择转岗日期"
|
format="YYYY-MM-DD"
|
value-format="YYYY-MM-DD"
|
style="width: 100%"
|
/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="原岗位" prop="originalPostName">
|
<el-input v-model="form.originalPostName" placeholder="选择申请人后自动带出" disabled />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="24">
|
<el-col :span="24">
|
<el-form-item label="转入岗位" prop="targetPostId">
|
<el-select v-model="form.targetPostId" placeholder="请选择转入岗位" clearable filterable style="width: 100%">
|
<el-option
|
v-for="p in targetPostOptions"
|
:key="p.postId"
|
:label="p.postName"
|
:value="p.postId"
|
:disabled="p.status === '1' || p.status === 1"
|
/>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="24">
|
<el-col :span="12">
|
<el-form-item label="审批方式" prop="approvalMode">
|
<el-radio-group v-model="form.approvalMode">
|
<el-radio value="parallel">与签</el-radio>
|
<el-radio value="countersign">会签</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="24">
|
<el-col :span="24">
|
<el-form-item label="审批人" prop="approverIds">
|
<el-tree-select
|
v-model="form.approverIds"
|
:data="approverTreeData"
|
multiple
|
collapse-tags
|
collapse-tags-tooltip
|
:max-collapse-tags="2"
|
:render-after-expand="false"
|
placeholder="请选择审批人（可多选）"
|
style="width: 100%"
|
:props="{ value: 'id', label: 'label', children: 'children', disabled: 'disabled' }"
|
check-strictly
|
/>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<template #footer>
|
<div class="dialog-footer">
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
<el-button @click="formDialog.visible = false">取 消</el-button>
|
</div>
|
</template>
|
</el-dialog>
|
|
<!-- 详情 -->
|
<el-dialog v-model="detailDialog.visible" title="调岗申请详情" width="560px" append-to-body>
|
<el-descriptions :column="1" border>
|
<el-descriptions-item label="申请人">{{ detailRow.applicantName }}</el-descriptions-item>
|
<el-descriptions-item label="转岗日期">{{ detailRow.transferDate }}</el-descriptions-item>
|
<el-descriptions-item label="原岗位">{{ detailRow.originalPostName }}</el-descriptions-item>
|
<el-descriptions-item label="转入岗位">{{ detailRow.targetPostName }}</el-descriptions-item>
|
<el-descriptions-item label="审批结果">{{ approvalResultLabel(detailRow.approvalResult) }}</el-descriptions-item>
|
<el-descriptions-item label="审批方式">{{ approvalModeLabel(detailRow.approvalMode) }}</el-descriptions-item>
|
<el-descriptions-item label="审批人">{{ detailRow.approverNames || "—" }}</el-descriptions-item>
|
</el-descriptions>
|
<template #footer>
|
<div class="dialog-footer">
|
<el-button type="primary" @click="detailDialog.visible = false">关 闭</el-button>
|
</div>
|
</template>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script setup>
|
import { findPostOptions } from "@/api/system/post.js";
|
import { deptTreeSelect, userListNoPageByTenantId } from "@/api/system/user.js";
|
import { computed, getCurrentInstance, nextTick, onMounted, reactive, ref, watch } from "vue";
|
|
const { proxy } = getCurrentInstance();
|
|
/** 与后端约定字段（本地占位，后期接口对齐） */
|
const createEmptyForm = () => ({
|
id: undefined,
|
applicantId: "",
|
applicantName: "",
|
transferDate: "",
|
originalPostId: "",
|
originalPostName: "",
|
targetPostId: "",
|
targetPostName: "",
|
approvalMode: "parallel",
|
approverIds: [],
|
approverNames: "",
|
});
|
|
/** 系统用户缓存（/system/user/userListNoPageByTenantId，与转正申请等一致） */
|
const allUsersCache = ref([]);
|
/** 岗位字典 postId -> postName（/system/post/optionselect，与员工档案入职表单一致） */
|
const postIdToName = ref({});
|
const targetPostOptions = ref([]);
|
|
function rebuildPostIdMap() {
|
const m = {};
|
for (const p of targetPostOptions.value || []) {
|
const id = p.postId ?? p.value ?? p.id;
|
if (id != null && id !== "") m[String(id)] = p.postName ?? p.label ?? "";
|
}
|
postIdToName.value = m;
|
}
|
|
function targetPostNameById(postId) {
|
if (postId == null || postId === "") return "";
|
const k = String(postId);
|
return (
|
postIdToName.value[k] ||
|
targetPostOptions.value.find((x) => String(x.postId ?? x.id ?? x.value) === k)?.postName ||
|
""
|
);
|
}
|
|
function userSelectLabel(u) {
|
const nick = u.nickName || "";
|
const name = u.userName || "";
|
if (nick && name && nick !== name) return `${nick}（${name}）`;
|
return nick || name || `用户${u.userId ?? u.id ?? ""}`;
|
}
|
|
function firstPostId(user) {
|
if (!user) return undefined;
|
if (Array.isArray(user.postIds) && user.postIds.length) return user.postIds[0];
|
if (user.postId != null && user.postId !== "") return user.postId;
|
return undefined;
|
}
|
|
/** 从用户对象解析「原岗位」（兼容 postName / postIds / posts 等常见返回） */
|
function resolveOriginalPost(user) {
|
if (!user) return { originalPostId: "", originalPostName: "" };
|
const nameStr = (user.postName ?? user.postname ?? "").toString().trim();
|
if (nameStr) {
|
const pid = firstPostId(user);
|
return { originalPostId: pid != null && pid !== "" ? String(pid) : "", originalPostName: nameStr };
|
}
|
if (Array.isArray(user.posts) && user.posts.length) {
|
const p0 = user.posts[0];
|
return {
|
originalPostId: p0.postId != null ? String(p0.postId) : "",
|
originalPostName: (p0.postName ?? "").toString() || "未命名岗位",
|
};
|
}
|
const pid = firstPostId(user);
|
if (pid != null && pid !== "") {
|
const n = postIdToName.value[String(pid)] || "";
|
return {
|
originalPostId: String(pid),
|
originalPostName: n || "当前岗位（未在岗位字典中）",
|
};
|
}
|
return { originalPostId: "", originalPostName: "未分配岗位" };
|
}
|
|
function userById(id) {
|
if (id == null || id === "") return undefined;
|
return allUsersCache.value.find((u) => String(u.userId ?? u.id) === String(id));
|
}
|
|
function filterUsersByQuery(query) {
|
const list = allUsersCache.value.filter((u) => isActiveUser(u));
|
const q = (query || "").trim().toLowerCase();
|
if (!q) return [...list];
|
return list.filter((u) => {
|
const nick = (u.nickName || "").toLowerCase();
|
const uname = (u.userName || "").toLowerCase();
|
const phone = (u.phonenumber || u.phone || "").toString();
|
return nick.includes(q) || uname.includes(q) || phone.includes(q);
|
});
|
}
|
|
async function loadUserPool() {
|
try {
|
const res = await userListNoPageByTenantId();
|
allUsersCache.value = unwrapArray(res);
|
} catch {
|
allUsersCache.value = [];
|
}
|
}
|
|
async function loadPostOptions() {
|
try {
|
const res = await findPostOptions();
|
const rows = res.data ?? res.rows ?? [];
|
targetPostOptions.value = Array.isArray(rows) ? rows : [];
|
} catch {
|
targetPostOptions.value = [];
|
}
|
rebuildPostIdMap();
|
}
|
|
/** 查询区：下拉远程模糊（数据来自 userListNoPageByTenantId，前端过滤） */
|
const applicantSearchLoading = ref(false);
|
const applicantSearchOptions = ref([]);
|
|
async function remoteSearchApplicant(query) {
|
applicantSearchLoading.value = true;
|
try {
|
if (!allUsersCache.value.length) {
|
await loadUserPool();
|
}
|
applicantSearchOptions.value = filterUsersByQuery(query);
|
} finally {
|
applicantSearchLoading.value = false;
|
}
|
}
|
|
/** 表单内申请人下拉 */
|
const applicantFormSearchLoading = ref(false);
|
const applicantFormOptions = ref([]);
|
|
async function remoteSearchApplicantForm(query) {
|
applicantFormSearchLoading.value = true;
|
try {
|
if (!allUsersCache.value.length) {
|
await loadUserPool();
|
}
|
applicantFormOptions.value = filterUsersByQuery(query);
|
} finally {
|
applicantFormSearchLoading.value = false;
|
}
|
}
|
|
function onApplicantChange(uid) {
|
const u = userById(uid);
|
if (u) {
|
form.applicantName = u.nickName || u.userName || "";
|
const { originalPostId, originalPostName } = resolveOriginalPost(u);
|
form.originalPostId = originalPostId;
|
form.originalPostName = originalPostName;
|
} else {
|
form.applicantName = "";
|
form.originalPostId = "";
|
form.originalPostName = "";
|
}
|
}
|
|
/** 审批人树 */
|
const approverTreeData = ref([]);
|
const approverLabelMap = ref({});
|
|
function unwrapArray(payload) {
|
if (Array.isArray(payload)) return payload;
|
if (payload && Array.isArray(payload.data)) return payload.data;
|
if (payload && Array.isArray(payload.rows)) return payload.rows;
|
return [];
|
}
|
|
function filterDisabledDept(deptList) {
|
if (!Array.isArray(deptList)) return [];
|
return deptList.filter((dept) => {
|
if (dept.disabled) return false;
|
if (dept.children?.length) {
|
dept.children = filterDisabledDept(dept.children);
|
}
|
return true;
|
});
|
}
|
|
function getUserDeptId(u) {
|
return u.deptId ?? u.sysDeptId ?? u.dept?.deptId ?? u.dept?.id ?? u.dept_id;
|
}
|
|
function getDeptNodeKey(node) {
|
const k = node?.id ?? node?.value ?? node?.deptId;
|
if (k == null || k === "") return null;
|
return k;
|
}
|
|
function isActiveUser(u) {
|
if (u.delFlag === "2" || u.delFlag === 2) return false;
|
if (u.status == null) return true;
|
return String(u.status) === "0";
|
}
|
|
function userToTreeLeaf(u) {
|
return {
|
id: String(u.userId ?? u.id),
|
label: u.nickName || u.userName || `用户${u.userId ?? u.id}`,
|
};
|
}
|
|
function buildUsersByDeptId(users) {
|
const map = new Map();
|
const unassigned = [];
|
for (const u of users) {
|
if (!isActiveUser(u)) continue;
|
const did = getUserDeptId(u);
|
if (did == null || did === "" || did === 0 || did === "0") {
|
unassigned.push(u);
|
continue;
|
}
|
const k = String(did);
|
if (!map.has(k)) map.set(k, []);
|
map.get(k).push(u);
|
}
|
return { map, unassigned };
|
}
|
|
function collectUserLabels(nodes, map) {
|
(nodes || []).forEach((n) => {
|
if (n.children?.length) {
|
collectUserLabels(n.children, map);
|
} else if (n.id != null && !String(n.id).startsWith("dept_")) {
|
map[String(n.id)] = n.label;
|
}
|
});
|
}
|
|
function mergeDeptTreeWithUsers(nodes, usersByDept) {
|
if (!Array.isArray(nodes)) return [];
|
const out = [];
|
for (const node of nodes) {
|
const deptIdRaw = getDeptNodeKey(node);
|
if (deptIdRaw == null) continue;
|
const sub = mergeDeptTreeWithUsers(node.children || [], usersByDept);
|
const usersHere = usersByDept.get(String(deptIdRaw)) || [];
|
const userChildren = usersHere.map(userToTreeLeaf);
|
const children = [...sub, ...userChildren];
|
if (!children.length) continue;
|
out.push({
|
id: `dept_${deptIdRaw}`,
|
label: node.label ?? node.deptName ?? "部门",
|
disabled: true,
|
children,
|
});
|
}
|
return out;
|
}
|
|
function buildFlatApproverTree(users) {
|
const list = users.filter(isActiveUser).map(userToTreeLeaf);
|
if (!list.length) return [];
|
return [
|
{
|
id: "dept_all_users",
|
label: "系统用户",
|
disabled: true,
|
children: list,
|
},
|
];
|
}
|
|
async function loadApproverTree() {
|
try {
|
const needFetchUsers = !allUsersCache.value.length;
|
const [deptRes, userRes] = await Promise.all([
|
deptTreeSelect(),
|
needFetchUsers ? userListNoPageByTenantId() : Promise.resolve(null),
|
]);
|
let rawTree = unwrapArray(deptRes);
|
rawTree = rawTree.length ? JSON.parse(JSON.stringify(rawTree)) : [];
|
let deptTree = filterDisabledDept(JSON.parse(JSON.stringify(rawTree)));
|
if (!deptTree.length && rawTree.length) {
|
deptTree = JSON.parse(JSON.stringify(rawTree));
|
}
|
let users = needFetchUsers ? unwrapArray(userRes) : [...allUsersCache.value];
|
if (needFetchUsers && users.length) {
|
allUsersCache.value = users;
|
}
|
const { map: usersByDept, unassigned } = buildUsersByDeptId(users);
|
let merged = mergeDeptTreeWithUsers(deptTree, usersByDept);
|
if (unassigned.length) {
|
merged.push({
|
id: "dept_unassigned",
|
label: "未分配部门",
|
disabled: true,
|
children: unassigned.map(userToTreeLeaf),
|
});
|
}
|
if (!merged.length && users.length) {
|
merged = buildFlatApproverTree(users);
|
}
|
approverTreeData.value = merged;
|
const map = {};
|
collectUserLabels(merged, map);
|
approverLabelMap.value = map;
|
} catch {
|
approverTreeData.value = [];
|
approverLabelMap.value = {};
|
proxy?.$modal?.msgWarning?.("审批人数据加载失败，请检查网络或稍后重试");
|
}
|
}
|
|
function resolveApproverNames(ids) {
|
if (!ids?.length) return "";
|
const map = approverLabelMap.value;
|
return ids.map((id) => map[String(id)] || id).join("、");
|
}
|
|
function approvalModeLabel(mode) {
|
if (mode === "countersign") return "会签";
|
return "与签";
|
}
|
|
function approvalResultLabel(v) {
|
if (v === "approved") return "已通过";
|
if (v === "rejected") return "已驳回";
|
if (v === "cancelled") return "已撤销";
|
return "待审批";
|
}
|
|
/** 本地模拟列表数据 */
|
const allRows = ref([
|
{
|
id: "1",
|
applicantId: "1001",
|
applicantName: "周明",
|
transferDate: "2026-05-20",
|
originalPostId: "post_dev",
|
originalPostName: "软件开发工程师",
|
targetPostId: "post_senior_dev",
|
targetPostName: "高级软件开发工程师",
|
approvalResult: "pending",
|
approvalMode: "parallel",
|
approverIds: [],
|
approverNames: "",
|
},
|
{
|
id: "2",
|
applicantId: "1002",
|
applicantName: "吴芳",
|
transferDate: "2026-05-10",
|
originalPostId: "post_pm",
|
originalPostName: "产品经理",
|
targetPostId: "post_senior_pm",
|
targetPostName: "高级产品经理",
|
approvalResult: "approved",
|
approvalMode: "countersign",
|
approverIds: [],
|
approverNames: "张三、李四",
|
},
|
]);
|
|
const searchForm = reactive({
|
applicantId: "",
|
transferDateRange: null,
|
});
|
|
const tableLoading = ref(false);
|
const page = reactive({
|
current: 1,
|
size: 10,
|
total: 0,
|
});
|
|
const filteredList = computed(() => {
|
let list = [...allRows.value];
|
if (searchForm.applicantId) {
|
list = list.filter((r) => String(r.applicantId) === String(searchForm.applicantId));
|
}
|
const range = searchForm.transferDateRange;
|
if (range && range.length === 2) {
|
const [start, end] = range;
|
list = list.filter((r) => r.transferDate >= start && r.transferDate <= end);
|
}
|
return list.sort((a, b) => (a.transferDate < b.transferDate ? 1 : -1));
|
});
|
|
watch(
|
filteredList,
|
(list) => {
|
page.total = list.length;
|
const maxPage = Math.max(1, Math.ceil(list.length / page.size) || 1);
|
if (page.current > maxPage) {
|
page.current = maxPage;
|
}
|
},
|
{ immediate: true }
|
);
|
|
const tableData = computed(() => {
|
const list = filteredList.value;
|
const start = (page.current - 1) * page.size;
|
return list.slice(start, start + page.size);
|
});
|
|
const tableColumn = ref([
|
{ label: "申请人", prop: "applicantName", minWidth: 100 },
|
{ label: "转岗日期", prop: "transferDate", width: 120 },
|
{ label: "原岗位", prop: "originalPostName", minWidth: 140 },
|
{ label: "转入岗位", prop: "targetPostName", minWidth: 160 },
|
{
|
label: "审批结果",
|
prop: "approvalResult",
|
width: 110,
|
dataType: "tag",
|
formatData: (v) => approvalResultLabel(v),
|
formatType: (v) => {
|
if (v === "approved") return "success";
|
if (v === "rejected") return "danger";
|
if (v === "cancelled") return "info";
|
return "warning";
|
},
|
},
|
{
|
dataType: "action",
|
label: "操作",
|
align: "center",
|
fixed: "right",
|
width: 180,
|
operation: [
|
{ name: "编辑", type: "text", clickFun: (row) => openFormDialog("edit", row) },
|
{ name: "查看详情", type: "text", clickFun: (row) => openDetail(row) },
|
],
|
},
|
]);
|
|
const formDialog = reactive({
|
visible: false,
|
title: "",
|
mode: "add",
|
});
|
const formRef = ref();
|
const form = reactive(createEmptyForm());
|
|
const formRules = {
|
applicantId: [{ required: true, message: "请选择申请人", trigger: "change" }],
|
transferDate: [{ required: true, message: "请选择转岗日期", trigger: "change" }],
|
originalPostName: [{ required: true, message: "原岗位不能为空", trigger: "change" }],
|
targetPostId: [{ required: true, message: "请选择转入岗位", trigger: "change" }],
|
approvalMode: [{ required: true, message: "请选择审批方式", trigger: "change" }],
|
approverIds: [{ type: "array", required: true, message: "请选择审批人", trigger: "change" }],
|
};
|
|
const detailDialog = reactive({ visible: false });
|
const detailRow = ref({});
|
|
function handleQuery() {
|
page.current = 1;
|
tableLoading.value = true;
|
setTimeout(() => {
|
tableLoading.value = false;
|
}, 150);
|
}
|
|
async function resetSearch() {
|
searchForm.applicantId = "";
|
searchForm.transferDateRange = null;
|
handleQuery();
|
await remoteSearchApplicant("");
|
}
|
|
function pagination(obj) {
|
page.current = obj.page;
|
page.size = obj.limit;
|
}
|
|
function openDetail(row) {
|
detailRow.value = { ...row };
|
detailDialog.visible = true;
|
}
|
|
function ensureApplicantInFormOptions(row) {
|
if (!row?.applicantId) return;
|
const id = String(row.applicantId);
|
if (!applicantFormOptions.value.some((u) => String(u.userId ?? u.id) === id)) {
|
applicantFormOptions.value = [
|
{
|
userId: row.applicantId,
|
nickName: row.applicantName,
|
userName: row.applicantUserName,
|
},
|
...applicantFormOptions.value,
|
];
|
}
|
}
|
|
async function openFormDialog(mode, row) {
|
formDialog.mode = mode;
|
formDialog.title = mode === "add" ? "新增调岗申请" : "编辑调岗申请";
|
loadApproverTree();
|
Object.assign(form, createEmptyForm());
|
await remoteSearchApplicantForm("");
|
if (mode === "edit" && row) {
|
ensureApplicantInFormOptions(row);
|
Object.assign(form, {
|
id: row.id,
|
applicantId: row.applicantId,
|
applicantName: row.applicantName,
|
transferDate: row.transferDate,
|
originalPostId: row.originalPostId,
|
originalPostName: row.originalPostName,
|
targetPostId: row.targetPostId,
|
targetPostName: row.targetPostName,
|
approvalMode: row.approvalMode,
|
approverIds: (row.approverIds || []).map((id) => String(id)),
|
approverNames: row.approverNames,
|
});
|
}
|
formDialog.visible = true;
|
nextTick(() => formRef.value?.clearValidate?.());
|
}
|
|
function onFormClosed() {
|
formRef.value?.resetFields?.();
|
}
|
|
async function submitForm() {
|
try {
|
await formRef.value?.validate?.();
|
} catch {
|
return;
|
}
|
form.approverNames = resolveApproverNames(form.approverIds);
|
form.targetPostName = targetPostNameById(form.targetPostId);
|
const payload = {
|
applicantId: form.applicantId,
|
applicantName: form.applicantName,
|
transferDate: form.transferDate,
|
originalPostId: form.originalPostId,
|
originalPostName: form.originalPostName,
|
targetPostId: form.targetPostId,
|
targetPostName: form.targetPostName,
|
approvalMode: form.approvalMode,
|
approverIds: [...form.approverIds],
|
approverNames: form.approverNames,
|
};
|
if (formDialog.mode === "add") {
|
const id = `local_${Date.now()}`;
|
allRows.value.unshift({
|
id,
|
...payload,
|
approvalResult: "pending",
|
});
|
proxy?.$modal?.msgSuccess?.("新增成功（本地模拟）");
|
} else {
|
const idx = allRows.value.findIndex((r) => r.id === form.id);
|
const prev = idx !== -1 ? allRows.value[idx] : {};
|
if (idx !== -1) {
|
allRows.value[idx] = {
|
...prev,
|
id: form.id,
|
...payload,
|
};
|
}
|
proxy?.$modal?.msgSuccess?.("保存成功（本地模拟）");
|
}
|
formDialog.visible = false;
|
handleQuery();
|
}
|
|
onMounted(async () => {
|
await Promise.all([loadUserPool(), loadPostOptions()]);
|
rebuildPostIdMap();
|
loadApproverTree();
|
await remoteSearchApplicant("");
|
});
|
</script>
|
|
<style scoped>
|
.mb20 {
|
margin-bottom: 20px;
|
}
|
.search_form {
|
display: flex;
|
flex-wrap: wrap;
|
align-items: center;
|
justify-content: space-between;
|
gap: 12px;
|
}
|
.search_title {
|
font-size: 14px;
|
color: var(--el-text-color-regular);
|
}
|
.transfer-apply-form :deep(.el-row) {
|
margin-bottom: 0;
|
}
|
.transfer-apply-form :deep(.el-form-item) {
|
margin-bottom: 18px;
|
}
|
.transfer-apply-form-dialog :deep(.el-dialog__body) {
|
padding-top: 12px;
|
}
|
</style>
|
