feat: 1.对接全域布控下菜单的增删查改功能,以及用户操作流程优化。2.对接人力情报采集系统采集流转列表,搜索,新增接口

This commit is contained in:
jy
2025-06-04 17:27:57 +08:00
parent 2b3da38702
commit d8bee57f6b
44 changed files with 8479 additions and 594 deletions

View File

@ -18,7 +18,11 @@
</div>
<!-- 搜索 -->
<div ref="searchBox">
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"/>
<Search
:searchArr="searchConfiger"
@submit="onSearch"
:key="pageData.keyCount"
/>
</div>
<!-- 表格 -->
<div class="tabBox">
@ -29,14 +33,19 @@
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
@chooseData="chooseData"
>
<template #ryMz="{ row }">
<DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" />
<DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" />
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-link size="small" type="success" @click="addEdit('edit', row)">编辑</el-link>
<el-link size="small" type="danger" @click="deleteRow(row.id)">删除</el-link>
<el-link size="small" type="success" @click="addEdit('edit', row)"
>编辑</el-link
>
<el-link size="small" type="danger" @click="deleteRow(row.id)"
>删除</el-link
>
</template>
</MyTable>
<Pages
@ -50,7 +59,12 @@
></Pages>
</div>
<!-- 详情 -->
<DetailForm v-if="show" @updateDate="getList" ref="detailDiloag" :dic="{D_BZ_WHCD,D_BZ_MZ, D_BZ_XB,D_BZ_ZZMM}" />
<DetailForm
v-if="show"
@updateDate="getList"
ref="detailDiloag"
:dic="{ D_BZ_WHCD, D_BZ_MZ, D_BZ_XB, D_BZ_ZZMM }"
/>
</div>
</template>
@ -62,16 +76,26 @@ import Search from "@/components/aboutTable/Search.vue";
import DetailForm from "./components/addForm.vue";
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
import { CirclePlus, Upload, Download } from '@element-plus/icons-vue';
import { ElMessage } from 'element-plus';
import { CirclePlus, Upload, Download } from "@element-plus/icons-vue";
import { ElMessage } from "element-plus";
const { proxy } = getCurrentInstance();
const { D_BZ_WHCD,D_BZ_MZ, D_BZ_XB,D_BZ_ZZMM } = proxy.$dict("D_BZ_WHCD",'D_BZ_MZ','D_BZ_XB','D_BZ_ZZMM'); //获取字典数据
const { D_BZ_WHCD, D_BZ_MZ, D_BZ_XB, D_BZ_ZZMM } = proxy.$dict(
"D_BZ_WHCD",
"D_BZ_MZ",
"D_BZ_XB",
"D_BZ_ZZMM"
); //获取字典数据
const detailDiloag = ref();
const searchBox = ref(); //搜索框
const show = ref(false)
const show = ref(false);
const searchConfiger = ref([
{ label: "姓名", prop: 'ryXm', placeholder: "请输入姓名", showType: "input" },
{ label: "身份证号", prop: 'rySfzh', placeholder: "请输入身份证号", showType: "input" },
{ label: "姓名", prop: "ryXm", placeholder: "请输入姓名", showType: "input" },
{
label: "身份证号",
prop: "rySfzh",
placeholder: "请输入身份证号",
showType: "input"
}
]);
const pageData = reactive({
@ -92,66 +116,74 @@ const pageData = reactive({
{ label: "姓名", prop: "ryXm" },
{ label: "联系电话", prop: "ryLxdh" },
{ label: "身份证号", prop: "rySfzh" },
{ label: "民族", prop: "ryMz",showSolt: true },
{ label: "居住地址", prop: "jzdDz" },
{ label: "民族", prop: "ryMz", showSolt: true },
{ label: "居住地址", prop: "jzdDz" }
]
})
});
const queryFrom = ref({});
onMounted(() => {
getList()
getList();
tabHeightFn();
});
// 搜索
const onSearch = (val) =>{
queryFrom.value = {...val}
const onSearch = (val) => {
queryFrom.value = { ...val };
pageData.pageConfiger.pageCurrent = 1;
getList()
}
getList();
};
const changeNo = (val) =>{
const changeNo = (val) => {
pageData.pageConfiger.pageNum = val;
getList()
}
const changeSize = (val) =>{
getList();
};
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
getList()
}
getList();
};
// 获取列表
const getList = () =>{
const getList = () => {
pageData.tableConfiger.loading = true;
let data = { ...pageData.pageConfiger, ...queryFrom.value };
qcckGet(data,'/mosty-gsxt/tbGsxtJwry/selectPage').then(res=>{
pageData.tableData = res.records || [];
pageData.total = res.total;
pageData.tableConfiger.loading = false;
}).catch(()=>{ pageData.tableConfiger.loading = false; })
}
qcckGet(data, "/mosty-gsxt/tbGsxtJwry/selectPage")
.then((res) => {
pageData.tableData = res.records || [];
pageData.total = res.total;
pageData.tableConfiger.loading = false;
})
.catch(() => {
pageData.tableConfiger.loading = false;
});
};
// 删除
const deleteRow = (id) =>{
proxy.$confirm("确定要删除", "警告", {type: "warning"}).then(() => {
qcckDelete({}, '/mosty-gsxt/tbGsxtJwry/'+id).then(()=>{
proxy.$message({ type: "success", message: "删除成功" });
getList();
const deleteRow = (id) => {
proxy
.$confirm("确定要删除", "警告", { type: "warning" })
.then(() => {
qcckDelete({}, "/mosty-gsxt/tbGsxtJwry/" + id).then(() => {
proxy.$message({ type: "success", message: "删除成功" });
getList();
});
})
}).catch(() => {});
}
.catch(() => {});
};
// 详情
const addEdit = (type, row) => {
show.value = true;
nextTick(()=>{
nextTick(() => {
detailDiloag.value.init(type, row);
})
});
};
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
pageData.tableHeight =
window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};