wxc
11 months ago
4 changed files with 346 additions and 55 deletions
@ -0,0 +1,28 @@
|
||||
import request from "@/api/request"; |
||||
|
||||
export function listDepartMaping(source, query) { |
||||
return request.get({ |
||||
url: '/depart/maping/' + source, |
||||
query |
||||
}); |
||||
} |
||||
|
||||
export function addDepartMaping(body) { |
||||
return request.post({ |
||||
url: '/depart/maping', |
||||
body |
||||
}); |
||||
} |
||||
|
||||
export function updateDepartMaping(body) { |
||||
return request.put({ |
||||
url: '/depart/maping', |
||||
body |
||||
}); |
||||
} |
||||
|
||||
export function delDepartMaping(id) { |
||||
return request.del({ |
||||
url: '/depart/maping/' + id |
||||
}); |
||||
} |
||||
@ -0,0 +1,254 @@
|
||||
<template> |
||||
<div class="container"> |
||||
<el-tabs v-model="activeName"> |
||||
<el-tab-pane label="情指行" name="情指行"> </el-tab-pane> |
||||
<el-tab-pane label="重点人员" name="重点人员"> </el-tab-pane> |
||||
<el-tab-pane label="民意感知" name="民意感知"> </el-tab-pane> |
||||
</el-tabs> |
||||
<header> |
||||
<el-row> |
||||
<el-col :span="12"> |
||||
<div class="form-row flex"> |
||||
<label class="text-center">{{ activeName }}</label> |
||||
<div class="flex wrap query-box"> |
||||
<el-input |
||||
placeholder="单位编码" |
||||
v-model="query.originId" |
||||
clearable |
||||
style="width: 200px" |
||||
/> |
||||
<el-input |
||||
placeholder="单位名称" |
||||
v-model="query.originId" |
||||
clearable |
||||
style="width: 200px" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<div class="form-row flex"> |
||||
<label class="text-center">数字督察</label> |
||||
<div class="flex wrap query-box"> |
||||
<div style="width: 280px"> |
||||
<depart-tree-select |
||||
v-model="query.involveDepartId" |
||||
placeholder="请选择机构" |
||||
/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</el-col> |
||||
</el-row> |
||||
<div class="flex between mt-20 mb-26"> |
||||
<el-button type="primary" @click="handleAdd"> |
||||
<template #icon><icon name="el-icon-Plus" /></template> |
||||
新增</el-button |
||||
> |
||||
<div> |
||||
<el-button type="primary" @click="getList"> |
||||
<template #icon |
||||
><icon name="el-icon-Search" |
||||
/></template> |
||||
查询</el-button |
||||
> |
||||
<el-button @click="reset">重置</el-button> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<div class="table-container"> |
||||
<el-table :data="list"> |
||||
<el-table-column |
||||
:label="`${activeName}单位编码`" |
||||
prop="externalId" |
||||
width="150" |
||||
/> |
||||
<el-table-column |
||||
:label="`${activeName}单位名称`" |
||||
prop="externalName" |
||||
/> |
||||
<el-table-column label="数字督察单位" prop="internalName" /> |
||||
<el-table-column |
||||
label="最后修改时间" |
||||
prop="updateTime" |
||||
width="160" |
||||
/> |
||||
<el-table-column label="操作" width="160"> |
||||
<template #default="{ row }"> |
||||
<el-button type="primary" link @click="handleEdit(row)" |
||||
>编辑</el-button |
||||
> |
||||
<el-button type="danger" link @click="handleDel(row)" |
||||
>删除</el-button |
||||
> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</div> |
||||
<div class="flex end mt-8"> |
||||
<el-pagination |
||||
@size-change="getList" |
||||
@current-change="getList" |
||||
:current-page="query.current" |
||||
:page-sizes="[10, 20, 50]" |
||||
v-model:page-size="query.size" |
||||
v-model:current-page="query.current" |
||||
layout="total, sizes, prev, pager, next" |
||||
:total="total" |
||||
> |
||||
</el-pagination> |
||||
</div> |
||||
</div> |
||||
|
||||
<el-dialog |
||||
v-model="show" |
||||
:title="mode === 'add' ? '新增机构映射' : '编辑机构映射'" |
||||
width="600" |
||||
> |
||||
<el-form :label-width="140" :model="formData" ref="fomrRef"> |
||||
<el-form-item |
||||
label="来源" |
||||
prop="source" |
||||
:rules="{ |
||||
required: true, |
||||
message: '请选择', |
||||
trigger: ['blur'], |
||||
}" |
||||
> |
||||
<el-select |
||||
v-model="formData.source" |
||||
clearable |
||||
style="width: 280px" |
||||
> |
||||
<el-option label="情指行" value="情指行"></el-option> |
||||
<el-option label="重点人员" value="重点人员"></el-option> |
||||
<el-option label="民意感知" value="民意感知"></el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item |
||||
label="单位编码" |
||||
prop="externalId" |
||||
:rules="{ |
||||
required: true, |
||||
message: '请输入', |
||||
trigger: ['blur'], |
||||
}" |
||||
> |
||||
<el-input |
||||
v-model="formData.externalId" |
||||
clearable |
||||
style="width: 280px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item |
||||
label="单位名称" |
||||
prop="externalName" |
||||
:rules="{ |
||||
required: true, |
||||
message: '请输入', |
||||
trigger: ['blur'], |
||||
}" |
||||
> |
||||
<el-input |
||||
v-model="formData.externalName" |
||||
clearable |
||||
style="width: 280px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item |
||||
label="数字督察单位" |
||||
prop="internalId" |
||||
:rules="{ |
||||
required: true, |
||||
message: '请选择', |
||||
trigger: ['blur'], |
||||
}" |
||||
> |
||||
<depart-tree-select |
||||
v-model="formData.internalId" |
||||
placeholder="请选择" |
||||
style="width: 280px" |
||||
/> |
||||
</el-form-item> |
||||
</el-form> |
||||
<footer class="flex end mt-40"> |
||||
<el-button @click="show = false" size="large">取消</el-button> |
||||
<el-button type="primary" @click="submit" size="large" |
||||
>确定</el-button |
||||
> |
||||
</footer> |
||||
</el-dialog> |
||||
</template> |
||||
<script setup> |
||||
import { |
||||
listDepartMaping, |
||||
addDepartMaping, |
||||
updateDepartMaping, |
||||
delDepartMaping |
||||
} from "@/api/system/departMaping"; |
||||
import feedback from "@/utils/feedback"; |
||||
const activeName = ref("情指行"); |
||||
const query = ref({}); |
||||
|
||||
const list = ref([]); |
||||
const total = ref(0); |
||||
function getList() { |
||||
listDepartMaping(activeName.value, query.value).then((data) => { |
||||
list.value = data.records; |
||||
total.value = data.total; |
||||
}); |
||||
} |
||||
|
||||
watch(activeName, () => { |
||||
getList(); |
||||
}); |
||||
|
||||
onMounted(() => { |
||||
getList(); |
||||
}); |
||||
|
||||
const show = ref(false); |
||||
const mode = ref("add"); |
||||
const formData = ref({}); |
||||
const fomrRef = ref(); |
||||
|
||||
function handleAdd() { |
||||
formData.value = { |
||||
source: activeName.value, |
||||
}; |
||||
show.value = true; |
||||
mode.value = "add"; |
||||
} |
||||
function handleEdit(row) { |
||||
formData.value = { ...row }; |
||||
formData.value.source = activeName.value; |
||||
show.value = true; |
||||
mode.value = "edit"; |
||||
} |
||||
|
||||
async function handleDel(row) { |
||||
await feedback.confirm("确定要删除该数据？"); |
||||
await delDepartMaping(row.id); |
||||
getList(); |
||||
feedback.msgSuccess('删除成功') |
||||
} |
||||
|
||||
async function submit() { |
||||
await fomrRef.value.validate(); |
||||
if (mode.value === "add") { |
||||
await addDepartMaping(formData.value); |
||||
} else { |
||||
await updateDepartMaping(formData.value); |
||||
} |
||||
show.value = false; |
||||
formData.value = { |
||||
source: activeName.value, |
||||
}; |
||||
getList(); |
||||
feedback.msgSuccess('操作成功') |
||||
} |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
</style> |
||||
Loading…
Reference in new issue