wxc
1 year ago
8 changed files with 582 additions and 192 deletions
@ -0,0 +1,57 @@ |
|||||||
|
<template> |
||||||
|
<div class="text-center description-value" :size="size"> |
||||||
|
<span>{{ value1 }}</span> |
||||||
|
<span class="separator">/</span> |
||||||
|
<span class="value2">{{ value2 }}</span> |
||||||
|
</div> |
||||||
|
<div class="text-center description-label" :size="size"> |
||||||
|
<span>{{ label1 }}</span> |
||||||
|
<span>/</span> |
||||||
|
<span>{{ label2 }}</span> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script setup> |
||||||
|
defineProps({ |
||||||
|
label1: { |
||||||
|
type: String, |
||||||
|
default: "", |
||||||
|
}, |
||||||
|
value1: { |
||||||
|
type: String, |
||||||
|
default: "", |
||||||
|
}, |
||||||
|
label2: { |
||||||
|
type: String, |
||||||
|
default: "", |
||||||
|
}, |
||||||
|
value2: { |
||||||
|
type: String, |
||||||
|
default: "", |
||||||
|
}, |
||||||
|
size: { |
||||||
|
type: String, |
||||||
|
default: "", |
||||||
|
} |
||||||
|
}); |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
.description-value { |
||||||
|
margin-bottom: 16px; |
||||||
|
font-size: 18px; |
||||||
|
color: var(--primary-color); |
||||||
|
&[size=large] { |
||||||
|
font-size: 28px; |
||||||
|
} |
||||||
|
.separator { |
||||||
|
margin: 0 10px; |
||||||
|
color: #666666; |
||||||
|
} |
||||||
|
.value2 { |
||||||
|
color: #FF2B2B; |
||||||
|
} |
||||||
|
} |
||||||
|
.description-label { |
||||||
|
font-size: 16px; |
||||||
|
color: #666666; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,203 @@ |
|||||||
|
<template> |
||||||
|
<div class="container"> |
||||||
|
<header> |
||||||
|
<el-form :label-width="114"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="单位名称"> |
||||||
|
<el-input |
||||||
|
placeholder="请输入" |
||||||
|
v-model="query.name" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="单位类型"> |
||||||
|
<el-input |
||||||
|
placeholder="请输入" |
||||||
|
v-model="query.six" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="统计时间"> </el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-form> |
||||||
|
<div class="mb-25 flex end"> |
||||||
|
<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="单位名称" prop="" /> |
||||||
|
<el-table-column label="主要责任人" prop="" /> |
||||||
|
<el-table-column label="民警人数" prop="" /> |
||||||
|
<el-table-column label="协辅警人数" prop="" /> |
||||||
|
<el-table-column label="查实问题涉及人数" prop="" width="180" /> |
||||||
|
<el-table-column |
||||||
|
label="查实问题数" |
||||||
|
prop="departName" |
||||||
|
width="120" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="风险指数" |
||||||
|
prop="fxzs" |
||||||
|
width="120" |
||||||
|
align="center" |
||||||
|
/> |
||||||
|
|
||||||
|
<el-table-column label="操作" width="160"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-button type="primary" link @click="show = true" |
||||||
|
>查看详情</el-button |
||||||
|
> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-dialog title="单位问题画像" v-model="show" width="85vw" top="2vh"> |
||||||
|
<header class="flex center v-center gap"> |
||||||
|
<label for="">统计范围</label> |
||||||
|
|
||||||
|
<el-button type="primary">查询</el-button> |
||||||
|
</header> |
||||||
|
<main> |
||||||
|
<el-row> |
||||||
|
<el-col :span="8"> |
||||||
|
<h5>单位情况</h5> |
||||||
|
<div class="row"> |
||||||
|
<div class="col col-24"> |
||||||
|
<label>单位名称</label> |
||||||
|
<span>{{}}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-24"> |
||||||
|
<label>所长</label> |
||||||
|
<span>{{}}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-24"> |
||||||
|
<label>副所长</label> |
||||||
|
<span>{{}}</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<description-pair |
||||||
|
label1="民警总人数" |
||||||
|
label2="问题涉及民警数" |
||||||
|
value1="132" |
||||||
|
value2="21" |
||||||
|
size="large" |
||||||
|
/> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<description-pair |
||||||
|
label1="协辅警人数" |
||||||
|
label2="问题涉及协辅警数" |
||||||
|
value1="132" |
||||||
|
value2="21" |
||||||
|
size="large" |
||||||
|
/> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-col> |
||||||
|
<el-col :span="8"> |
||||||
|
<h5>问题情况</h5> |
||||||
|
<el-row> |
||||||
|
<el-col :span="6" class="text-center"> |
||||||
|
<div class="text-primary" style="font-size: 34px"> |
||||||
|
51 |
||||||
|
</div> |
||||||
|
<div>问题总数</div> |
||||||
|
</el-col> |
||||||
|
<el-col :span="18"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> |
||||||
|
<description-pair |
||||||
|
label1="110接处警量" |
||||||
|
label2="问题数" |
||||||
|
value1="132" |
||||||
|
value2="21" |
||||||
|
/> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<description-pair |
||||||
|
label1="执法办案" |
||||||
|
label2="问题数" |
||||||
|
value1="132" |
||||||
|
value2="21" |
||||||
|
/> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-col> |
||||||
|
<el-col :span="8"> |
||||||
|
<h5>风险指数</h5> |
||||||
|
<div class="flex center"> |
||||||
|
<el-progress |
||||||
|
type="dashboard" |
||||||
|
:percentage="78" |
||||||
|
:stroke-width="16" |
||||||
|
:width="250" |
||||||
|
color="#DC6231" |
||||||
|
> |
||||||
|
<div> |
||||||
|
<span style="">78</span> |
||||||
|
</div> |
||||||
|
<div>分险指标值</div> |
||||||
|
<div>中风险</div> |
||||||
|
</el-progress> |
||||||
|
</div> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="8"> |
||||||
|
<h5>问题来源占比</h5> |
||||||
|
</el-col> |
||||||
|
<el-col :span="8"> |
||||||
|
<h5>业务类型占比</h5> |
||||||
|
</el-col> |
||||||
|
<el-col :span="8"> |
||||||
|
<h5>风险问题构成</h5> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-row> |
||||||
|
<el-col :span="8"> |
||||||
|
<h5>个人问题排名</h5> |
||||||
|
</el-col> |
||||||
|
<el-col :span="8"> |
||||||
|
<h5>突出问题排名</h5> |
||||||
|
</el-col> |
||||||
|
<el-col :span="8"> |
||||||
|
<h5>单位问题标签</h5> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<h5>问题变化趋势</h5> |
||||||
|
<div></div> |
||||||
|
<h5>问题清单</h5> |
||||||
|
<div></div> |
||||||
|
</main> |
||||||
|
</el-dialog> |
||||||
|
</template> |
||||||
|
<script lang="ts" setup> |
||||||
|
const query = ref({ |
||||||
|
current: 1, |
||||||
|
size: 10, |
||||||
|
}); |
||||||
|
const list = ref<any[]>([]); |
||||||
|
|
||||||
|
const show = ref(true); |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
@ -0,0 +1,299 @@ |
|||||||
|
<template> |
||||||
|
<div class="container"> |
||||||
|
<header class="mb-20"> |
||||||
|
<div class="flex between"> |
||||||
|
<div> |
||||||
|
<el-button type="primary" @click="handleAdd"> |
||||||
|
<template #icon> |
||||||
|
<icon name="el-icon-Plus" /> |
||||||
|
</template> |
||||||
|
新增</el-button |
||||||
|
> |
||||||
|
</div> |
||||||
|
<div style="width: 50%"> |
||||||
|
<el-row> |
||||||
|
<el-col :span="12"> </el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<div class="flex end"> |
||||||
|
<el-button type="primary" @click="getList"> |
||||||
|
<template #icon> |
||||||
|
<icon name="el-icon-Search" /> |
||||||
|
</template> |
||||||
|
查询</el-button |
||||||
|
> |
||||||
|
<el-button @click="reset">重置</el-button> |
||||||
|
</div> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="flex between mt-10"> |
||||||
|
<div> |
||||||
|
<div class="text-primary mt-10 mb-10">赋分分公式如下</div> |
||||||
|
<div> |
||||||
|
问题综合得分 = |
||||||
|
基础分值x(1+问题严重等级系数)x(1+问题发生频次系数)x(1+问题发生率系数) |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<a |
||||||
|
class="flex v-center gap file-link" |
||||||
|
:href="`${BASE_PATH}/templates/长沙公安数字督察灵敏感知体系问题赋分及风险预警机制.pdf`" |
||||||
|
target="__blank" |
||||||
|
> |
||||||
|
<icon name="local-icon-pdf" :size="48" /> |
||||||
|
<span>问题赋分机制.pdf</span> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</header> |
||||||
|
<div class="table-container"> |
||||||
|
<el-table :data="dictContents" row-key="id"> |
||||||
|
<el-table-column |
||||||
|
label="问题条目" |
||||||
|
prop="name" |
||||||
|
show-overflow-tooltip="" |
||||||
|
/> |
||||||
|
<el-table-column label="基础分值" prop="score" width="200" align="center"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<span v-if="row.level === 1">{{ |
||||||
|
getScoreRange(row) |
||||||
|
}}</span> |
||||||
|
<span v-else>{{ row.score }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="问题严重等级" |
||||||
|
prop="isActiveLevel" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-tag type="success" v-if="row.isActiveLevel === true" |
||||||
|
>开启</el-tag |
||||||
|
> |
||||||
|
<el-tag type="danger" v-if="row.isActiveLevel === false" |
||||||
|
>关闭</el-tag |
||||||
|
> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="序号" |
||||||
|
prop="sort" |
||||||
|
width="100" |
||||||
|
align="center" |
||||||
|
/> |
||||||
|
<el-table-column label="最后更新时间" prop="updTime" /> |
||||||
|
<el-table-column label="操作"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-button type="primary" link @click="handleEdit(row)" |
||||||
|
>编辑</el-button |
||||||
|
> |
||||||
|
<el-button type="danger" link @click="handleDelete(row)" |
||||||
|
>删除</el-button |
||||||
|
> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
<div class="mt-40"> |
||||||
|
<div>基础分值设定规则：</div> |
||||||
|
<p> |
||||||
|
1、二级问题条目设定的基础分值，作为其下属三级问题条目的默认基础分值。 |
||||||
|
</p> |
||||||
|
<p> |
||||||
|
2、若三级问题条目已单独设置基础分值，则赋分时以该三级条目的基础分值为准。 |
||||||
|
</p> |
||||||
|
<p> |
||||||
|
3、如三级问题条目未设置基础分值，则采用其所属二级问题条目的基础分值进行赋分。 |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-dialog |
||||||
|
v-model="show" |
||||||
|
:title="mode === 'add' ? '新增问题类型' : '编辑问题类型'" |
||||||
|
width="600" |
||||||
|
> |
||||||
|
<el-form label-width="120" ref="formRef" :model="formData"> |
||||||
|
<el-form-item |
||||||
|
label="父级节点" |
||||||
|
:rules="{ |
||||||
|
required: true, |
||||||
|
message: '请选择父级节点', |
||||||
|
}" |
||||||
|
prop="parentCode" |
||||||
|
> |
||||||
|
<el-tree-select |
||||||
|
class="flex-1" |
||||||
|
v-model="formData.parentCode" |
||||||
|
:data="dictContentOptions" |
||||||
|
clearable |
||||||
|
node-key="id" |
||||||
|
:props="{ |
||||||
|
label: 'name', |
||||||
|
}" |
||||||
|
:default-expanded-keys="[DICT_CONTENT_ROOT_ID]" |
||||||
|
placeholder="请选择父级节点" |
||||||
|
check-strictly |
||||||
|
filterable |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item |
||||||
|
label="问题条目" |
||||||
|
prop="name" |
||||||
|
:rules="{ |
||||||
|
required: true, |
||||||
|
message: '请输入问题条目', |
||||||
|
}" |
||||||
|
> |
||||||
|
<el-input |
||||||
|
v-model="formData.name" |
||||||
|
placeholder="请输入问题条目" |
||||||
|
clearable |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="基础分值" prop="score" v-if="formData.parentCode != DICT_CONTENT_ROOT_ID"> |
||||||
|
<el-input |
||||||
|
v-model="formData.score" |
||||||
|
placeholder="请输入序号" |
||||||
|
type="number" |
||||||
|
clearable |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="序号" prop="sort"> |
||||||
|
<el-input |
||||||
|
v-model="formData.sort" |
||||||
|
placeholder="请输入序号" |
||||||
|
type="number" |
||||||
|
clearable |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item |
||||||
|
label="问题严重等级" |
||||||
|
prop="isActiveLevel" |
||||||
|
:rules="{ |
||||||
|
required: true, |
||||||
|
message: '请选择问题严重等级', |
||||||
|
trigger: ['blur'], |
||||||
|
}" |
||||||
|
> |
||||||
|
<el-switch |
||||||
|
v-model="formData.isActiveLevel" |
||||||
|
inline-prompt |
||||||
|
active-text="开启" |
||||||
|
inactive-text="关闭" |
||||||
|
:active-value="true" |
||||||
|
:inactive-value="false" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<footer class="flex end"> |
||||||
|
<el-button @click="show = false">取消</el-button> |
||||||
|
<el-button type="primary" @click="submit">确定</el-button> |
||||||
|
</footer> |
||||||
|
</el-dialog> |
||||||
|
</template> |
||||||
|
<script lang="ts" setup> |
||||||
|
import { BASE_PATH } from "@/api/request"; |
||||||
|
import { DICT_CONTENT_ROOT_ID } from "@/enums/appEnums"; |
||||||
|
import { |
||||||
|
listDictContentTree, |
||||||
|
addDictContent, |
||||||
|
updateDictContent, |
||||||
|
delDictContent, |
||||||
|
} from "@/api/system/dictContent"; |
||||||
|
import feedback from "@/utils/feedback"; |
||||||
|
|
||||||
|
const dictContents = ref([]); |
||||||
|
const dictContentOptions = ref([ |
||||||
|
{ |
||||||
|
id: DICT_CONTENT_ROOT_ID, |
||||||
|
name: "顶级", |
||||||
|
children: [], |
||||||
|
}, |
||||||
|
]); |
||||||
|
|
||||||
|
function getList() { |
||||||
|
listDictContentTree().then((data) => { |
||||||
|
dictContents.value = data; |
||||||
|
dictContentOptions.value[0].children = data; |
||||||
|
}); |
||||||
|
} |
||||||
|
getList(); |
||||||
|
|
||||||
|
const show = ref(false); |
||||||
|
const formData = ref({}); |
||||||
|
const formRef = ref(); |
||||||
|
|
||||||
|
const mode = ref<string>("add"); |
||||||
|
watch(mode, (val) => { |
||||||
|
if (val === "add") { |
||||||
|
formData.value = {}; |
||||||
|
formRef.value.resetFields(); |
||||||
|
} |
||||||
|
}); |
||||||
|
async function submit() { |
||||||
|
await formRef.value.validate(); |
||||||
|
if (mode.value === "add") { |
||||||
|
await addDictContent(formData.value); |
||||||
|
const parentCode = formData.value.parentCode; |
||||||
|
formData.value = {}; |
||||||
|
formRef.value.resetFields(); |
||||||
|
formData.value.parentCode = parentCode; |
||||||
|
} else { |
||||||
|
await updateDictContent(formData.value); |
||||||
|
} |
||||||
|
show.value = false; |
||||||
|
getList(); |
||||||
|
} |
||||||
|
|
||||||
|
function handleAdd() { |
||||||
|
show.value = true; |
||||||
|
mode.value = "add"; |
||||||
|
} |
||||||
|
|
||||||
|
function handleEdit(row) { |
||||||
|
show.value = true; |
||||||
|
mode.value = "edit"; |
||||||
|
formData.value = {...row}; |
||||||
|
} |
||||||
|
|
||||||
|
const handleDelete = async (row) => { |
||||||
|
await feedback.confirm(`确定要删除 "${row.name}"？`); |
||||||
|
await delDictContent(row.id); |
||||||
|
getList(); |
||||||
|
feedback.msgSuccess("删除成功"); |
||||||
|
}; |
||||||
|
|
||||||
|
function getScoreRange(row) { |
||||||
|
const sorceSet = new Set(); |
||||||
|
row.children.forEach((item) => { |
||||||
|
if (item.score) { |
||||||
|
sorceSet.add(item.score); |
||||||
|
} |
||||||
|
item.children.forEach((j) => { |
||||||
|
if (j.score) { |
||||||
|
sorceSet.add(j.score); |
||||||
|
} |
||||||
|
}); |
||||||
|
}); |
||||||
|
if (sorceSet.size === 0) { |
||||||
|
return '' |
||||||
|
} |
||||||
|
if (sorceSet.size === 1) { |
||||||
|
return sorceSet.values().next().value |
||||||
|
} |
||||||
|
const min = Math.min(...sorceSet); |
||||||
|
const max = Math.max(...sorceSet); |
||||||
|
return `${min}-${max}` |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
.file-link { |
||||||
|
font-size: 18px; |
||||||
|
text-decoration: none; |
||||||
|
color: #19257d; |
||||||
|
padding: 0 8px; |
||||||
|
&:hover { |
||||||
|
background-color: #eee; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -1,179 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="container"> |
|
||||||
<header class="flex between mb-20"> |
|
||||||
<div> |
|
||||||
<el-button type="primary" @click="handleAdd"> |
|
||||||
<template #icon> |
|
||||||
<icon name="el-icon-Plus" /> |
|
||||||
</template> |
|
||||||
新增</el-button |
|
||||||
> |
|
||||||
</div> |
|
||||||
<div></div> |
|
||||||
</header> |
|
||||||
<div class="table-container"> |
|
||||||
<el-table :data="dictContents" row-key="id"> |
|
||||||
<el-table-column label="类型名称" prop="name" show-overflow-tooltip="" /> |
|
||||||
<el-table-column label="序号" prop="sort" width="200" /> |
|
||||||
<el-table-column label="最后更新时间" prop="updTime" /> |
|
||||||
<el-table-column label="操作"> |
|
||||||
<template #default="{ row }"> |
|
||||||
<el-button type="primary" link @click="handleEdit(row)" |
|
||||||
>编辑</el-button |
|
||||||
> |
|
||||||
<el-button |
|
||||||
type="danger" |
|
||||||
link |
|
||||||
@click="handleDelete(row)" |
|
||||||
>删除</el-button |
|
||||||
> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<el-dialog |
|
||||||
v-model="show" |
|
||||||
:title="mode === 'add' ? '新增问题类型' : '编辑问题类型'" |
|
||||||
width="600" |
|
||||||
> |
|
||||||
<el-form label-width="120" ref="formRef" :model="formData"> |
|
||||||
<el-form-item |
|
||||||
label="父级节点" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请选择父级节点', |
|
||||||
}" |
|
||||||
prop="parentCode" |
|
||||||
> |
|
||||||
<el-tree-select |
|
||||||
class="flex-1" |
|
||||||
v-model="formData.parentCode" |
|
||||||
:data="dictContentOptions" |
|
||||||
clearable |
|
||||||
node-key="id" |
|
||||||
:props="{ |
|
||||||
label: 'name', |
|
||||||
}" |
|
||||||
:default-expanded-keys="[DICT_CONTENT_ROOT_ID]" |
|
||||||
placeholder="请选择父级节点" |
|
||||||
check-strictly |
|
||||||
filterable |
|
||||||
/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
label="类型名称" |
|
||||||
prop="name" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请输入类型名称', |
|
||||||
}" |
|
||||||
> |
|
||||||
<el-input |
|
||||||
v-model="formData.name" |
|
||||||
placeholder="请输入类型名称" |
|
||||||
clearable |
|
||||||
/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="序号" prop="sort" > |
|
||||||
<el-input |
|
||||||
v-model="formData.sort" |
|
||||||
placeholder="请输入序号" |
|
||||||
type="number" |
|
||||||
clearable |
|
||||||
/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="备注"> |
|
||||||
<el-input |
|
||||||
v-model="formData.remark" |
|
||||||
placeholder="请输入备注" |
|
||||||
type="textarea" |
|
||||||
clearable |
|
||||||
/> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<footer class="flex end"> |
|
||||||
<el-button @click="show = false">取消</el-button> |
|
||||||
<el-button type="primary" @click="submit">确定</el-button> |
|
||||||
</footer> |
|
||||||
</el-dialog> |
|
||||||
</template> |
|
||||||
<script lang="ts" setup> |
|
||||||
import { DICT_CONTENT_ROOT_ID } from "@/enums/appEnums"; |
|
||||||
import { |
|
||||||
listDictContentTree, |
|
||||||
addDictContent, |
|
||||||
updateDictContent, |
|
||||||
delDictContent |
|
||||||
} from "@/api/system/dictContent"; |
|
||||||
import feedback from "@/utils/feedback"; |
|
||||||
|
|
||||||
const dictContents = ref([]); |
|
||||||
const dictContentOptions = ref([ |
|
||||||
{ |
|
||||||
id: DICT_CONTENT_ROOT_ID, |
|
||||||
name: "顶级", |
|
||||||
children: [], |
|
||||||
}, |
|
||||||
]); |
|
||||||
|
|
||||||
function getList() { |
|
||||||
listDictContentTree().then((data) => { |
|
||||||
dictContents.value = data; |
|
||||||
dictContentOptions.value[0].children = data; |
|
||||||
}); |
|
||||||
} |
|
||||||
getList(); |
|
||||||
|
|
||||||
const show = ref(false); |
|
||||||
const formData = ref({}); |
|
||||||
const formRef = ref(); |
|
||||||
|
|
||||||
const mode = ref<string>("add"); |
|
||||||
watch(mode, (val) => { |
|
||||||
if (val === 'add') { |
|
||||||
formData.value = {} |
|
||||||
formRef.value.resetFields() |
|
||||||
} |
|
||||||
}) |
|
||||||
async function submit() { |
|
||||||
await formRef.value.validate(); |
|
||||||
if (mode.value === "add") { |
|
||||||
await addDictContent(formData.value); |
|
||||||
const parentCode = formData.value.parentCode |
|
||||||
formData.value = {} |
|
||||||
formRef.value.resetFields() |
|
||||||
formData.value.parentCode = parentCode |
|
||||||
} else { |
|
||||||
await updateDictContent(formData.value); |
|
||||||
} |
|
||||||
show.value = false |
|
||||||
getList() |
|
||||||
} |
|
||||||
|
|
||||||
function handleAdd() { |
|
||||||
show.value = true; |
|
||||||
mode.value = "add"; |
|
||||||
} |
|
||||||
|
|
||||||
function handleEdit(row) { |
|
||||||
show.value = true; |
|
||||||
mode.value = "edit"; |
|
||||||
formData.value = row; |
|
||||||
} |
|
||||||
|
|
||||||
const handleDelete = async (row) => { |
|
||||||
await feedback.confirm(`确定要删除 "${row.name}"？`); |
|
||||||
await delDictContent(row.id) |
|
||||||
getList() |
|
||||||
feedback.msgSuccess('删除成功') |
|
||||||
}; |
|
||||||
</script> |
|
||||||
<style lang="scss" scoped> |
|
||||||
.form-tips { |
|
||||||
font-size: 12px; |
|
||||||
line-height: 1.2; |
|
||||||
color: #666; |
|
||||||
} |
|
||||||
</style> |
|
||||||
Loading…
Reference in new issue