wxc
10 months ago
22 changed files with 1488 additions and 255 deletions
@ -0,0 +1,9 @@
|
||||
import request from "@/api/request"; |
||||
|
||||
|
||||
export function listComfort(query) { |
||||
return request.get({ |
||||
url: `/comfort`, |
||||
query: query |
||||
}); |
||||
} |
||||
@ -0,0 +1,661 @@
|
||||
<template> |
||||
<div class="container"> |
||||
<header class="mb-20"> |
||||
<el-form :label-width="114"> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="申请时间"> |
||||
<date-time-range-picker-ext |
||||
v-model="query.applyDate" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="事发时间"> |
||||
<date-time-range-picker-ext |
||||
v-model="query.happenTime" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="姓名"> |
||||
<el-input |
||||
placeholder="请输入姓名" |
||||
v-model="query.applicantEmpName" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="申请人单位"> |
||||
<depart-tree-select v-model="query.departId" /> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<div class="flex between"> |
||||
<el-button type="primary" @click="handleShowAdd"> |
||||
<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="抚慰编号" |
||||
prop="number" |
||||
show-overflow-tooltip |
||||
/> |
||||
<el-table-column |
||||
label="申请时间" |
||||
prop="applyDate" |
||||
width="160" |
||||
/> |
||||
<el-table-column |
||||
label="事发时间" |
||||
prop="happenTime" |
||||
width="160" |
||||
/> |
||||
<el-table-column |
||||
label="申请人姓名" |
||||
prop="applicantEmpName" |
||||
width="100" |
||||
/> |
||||
<el-table-column label="申请人单位" prop="departName" /> |
||||
<el-table-column label="开户行"> |
||||
<template #default="{ row }"> |
||||
<span>{{ row.bankCard }}</span> |
||||
<span>{{ row.bankBranch }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="状态" width="100"> |
||||
<template #default="{ row }"> |
||||
<el-tag type="success" v-if="row.status === 1" |
||||
>正常</el-tag |
||||
> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="操作" width="200"> |
||||
<template #default="{ row }"> |
||||
<!-- <el-button |
||||
link |
||||
>查看</el-button |
||||
> |
||||
<el-button |
||||
link |
||||
>下载</el-button |
||||
> |
||||
<el-button |
||||
link |
||||
type="danger" |
||||
>删除</el-button |
||||
> --> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</div> |
||||
<div class="flex end mt-8"> |
||||
<el-pagination |
||||
@size-change="getList" |
||||
@current-change="getList" |
||||
: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 |
||||
:title="mode === 'add' ? '申请抚慰' : '编辑抚慰信息'" |
||||
v-model="show" |
||||
width="60vw" |
||||
top="5vh" |
||||
> |
||||
<el-form :label-width="140" ref="formRef" :model="form"> |
||||
<h5>办理信息</h5> |
||||
<el-form-item |
||||
label="申请时间" |
||||
:rules="{ |
||||
required: true, |
||||
trigger: ['blur'], |
||||
}" |
||||
prop="" |
||||
> |
||||
<el-date-picker |
||||
v-model="formData.applyDate" |
||||
type="date" |
||||
placeholder="请选择" |
||||
value-format="YYYY-MM-DD" |
||||
style="width: 300px" |
||||
:disabled-date="disabledDate" |
||||
/> |
||||
</el-form-item> |
||||
<el-row> |
||||
<el-col :span="12"> |
||||
<el-form-item |
||||
label="主办民警" |
||||
:rules="{ |
||||
required: true, |
||||
trigger: ['blur'], |
||||
}" |
||||
prop="" |
||||
> |
||||
<el-input style="width: 300px" /> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item |
||||
label="主办单位" |
||||
:rules="{ |
||||
required: true, |
||||
trigger: ['blur'], |
||||
}" |
||||
prop="handleDepartId" |
||||
> |
||||
<div style="width: 300px"> |
||||
<depart-tree-select |
||||
v-model="formData.handleDepartId" |
||||
:check-strictly="true" |
||||
@node-click=" |
||||
(node) => |
||||
(formData.handleDepartName = |
||||
node.shortName) |
||||
" |
||||
/> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-divider /> |
||||
<el-row> |
||||
<el-col :span="12"> |
||||
<el-form-item |
||||
label="是否为本人申请" |
||||
:rules="{ |
||||
required: true, |
||||
trigger: ['blur'], |
||||
}" |
||||
prop="" |
||||
> |
||||
<el-radio-group v-model="formData.isSelf"> |
||||
<el-radio :value="1">是</el-radio> |
||||
<el-radio :value="0">否</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12" v-if="formData.isSelf === 0"> |
||||
<el-form-item |
||||
label="关系" |
||||
:rules="{ |
||||
required: true, |
||||
trigger: ['blur'], |
||||
message: '请选择', |
||||
}" |
||||
prop="relation" |
||||
> |
||||
<el-radio-group v-model="formData.relation"> |
||||
<el-radio :value="1">同事</el-radio> |
||||
<el-radio :value="2">亲属</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12" v-if="formData.isSelf === 0"> |
||||
<el-form-item |
||||
label="代理人姓名" |
||||
:rules="{ |
||||
required: true, |
||||
trigger: ['blur'], |
||||
}" |
||||
prop="" |
||||
> |
||||
<el-input style="width: 300px" placeholder="请输入" /> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12" v-if="formData.isSelf === 0"> |
||||
<el-form-item |
||||
label="代理人单位" |
||||
:rules="{ |
||||
required: true, |
||||
trigger: ['blur'], |
||||
}" |
||||
prop="" |
||||
> |
||||
<div style="width: 300px"> |
||||
<depart-tree-select |
||||
v-model="formData.handleDepartId" |
||||
:check-strictly="true" |
||||
@node-click=" |
||||
(node) => |
||||
(formData.handleDepartName = |
||||
node.shortName) |
||||
" |
||||
/> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<h5>申请人信息</h5> |
||||
<el-row> |
||||
<el-col :span="12"> |
||||
<el-form-item |
||||
label="申请人姓名" |
||||
:rules="{ |
||||
required: true, |
||||
message: '请输入', |
||||
}" |
||||
prop="applicantEmpName" |
||||
> |
||||
<el-input |
||||
v-model="formData.applicantEmpName" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item |
||||
label="性别" |
||||
:rules="{ |
||||
required: true, |
||||
}" |
||||
prop="" |
||||
> |
||||
<el-radio-group v-model="formData.sex"> |
||||
<el-radio value="男">男</el-radio> |
||||
<el-radio value="女">女</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item |
||||
label="出生年月" |
||||
:rules="{ |
||||
required: true, |
||||
}" |
||||
prop="" |
||||
> |
||||
<el-date-picker |
||||
v-model="formData.birthday" |
||||
type="date" |
||||
placeholder="请选择" |
||||
value-format="YYYY-MM-DD" |
||||
style="width: 300px" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item |
||||
label="文化程度" |
||||
:rules="{ |
||||
required: true, |
||||
}" |
||||
prop="" |
||||
> |
||||
<el-select |
||||
clearable |
||||
style="width: 300px" |
||||
v-model="formData.levelEducation" |
||||
> |
||||
<el-option value="高中">高中</el-option> |
||||
<el-option value="大专">大专</el-option> |
||||
<el-option value="本科">本科</el-option> |
||||
<el-option value="研究生及以上" |
||||
>研究生及以上</el-option |
||||
> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item |
||||
label="政治面貌" |
||||
:rules="{ |
||||
required: true, |
||||
}" |
||||
prop="" |
||||
> |
||||
<el-input |
||||
v-model="formData.idCode" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item |
||||
label="身份证号码" |
||||
:rules="{ |
||||
required: true, |
||||
}" |
||||
prop="" |
||||
> |
||||
<el-input |
||||
v-model="formData.idCode" |
||||
clearable |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item |
||||
label="联系电话" |
||||
:rules="{ |
||||
required: true, |
||||
trigger: ['blur'], |
||||
}" |
||||
prop="" |
||||
> |
||||
<el-input |
||||
v-model="formData.idCode" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
|
||||
<el-col :span="12"> |
||||
<el-form-item |
||||
label="单位" |
||||
:rules="{ |
||||
required: true, |
||||
trigger: ['blur'], |
||||
}" |
||||
prop="" |
||||
> |
||||
<div style="width: 300px"> |
||||
<depart-tree-select |
||||
v-model="formData.involveDepartId" |
||||
:check-strictly="true" |
||||
/> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="职务" prop=""> |
||||
<el-input |
||||
v-model="formData.bankCard" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item |
||||
label="警种" |
||||
:rules="{ |
||||
required: true, |
||||
trigger: ['blur'], |
||||
}" |
||||
prop="" |
||||
> |
||||
<el-select |
||||
v-model="formData.policeType" |
||||
clearable |
||||
style="width: 300px" |
||||
> |
||||
<el-option |
||||
v-for="item in dict.policeType" |
||||
:key="item.id" |
||||
:label="item.dictLabel" |
||||
:value="item.dictValue" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item |
||||
label="警号" |
||||
:rules="{ |
||||
required: true, |
||||
trigger: ['blur'], |
||||
}" |
||||
prop="applicantEmpNo" |
||||
> |
||||
<el-input |
||||
v-model="formData.applicantEmpNo" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="警衔" prop=""> |
||||
<el-input |
||||
v-model="formData.applicantEmpNo" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="开户行" prop="bankCard"> |
||||
<el-input |
||||
v-model="formData.bankCard" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="所属支行" prop="bankBranch"> |
||||
<el-input |
||||
v-model="formData.bankBranch" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="银行账号" prop="bankCardAccount"> |
||||
<el-input |
||||
v-model="formData.bankCardAccount" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-divider /> |
||||
<h5>案发情况</h5> |
||||
<el-row> |
||||
<el-col :span="12"> |
||||
<el-form-item label="事发时间" prop=""> |
||||
<el-date-picker |
||||
v-model="formData.discoveryTime" |
||||
type="datetime" |
||||
placeholder="请选择" |
||||
value-format="YYYY-MM-DD HH:mm" |
||||
time-format="HH:mm" |
||||
style="width: 300px" |
||||
:disabled-date="disabledDate" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="24"> |
||||
<el-form-item label="事实及理由" prop=""> |
||||
<el-input |
||||
v-model="formData.bankCardAccount" |
||||
type="textarea" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="案发环节" prop=""> |
||||
<el-input |
||||
v-model="formData.bankCardAccount" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="受伤程度" prop=""> |
||||
<el-input |
||||
v-model="formData.bankCardAccount" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="侵权形式" prop=""> |
||||
<el-input |
||||
v-model="formData.bankCardAccount" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="办案单位" prop=""> |
||||
<el-input |
||||
v-model="formData.bankCardAccount" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="侵权人姓名" prop=""> |
||||
<el-input |
||||
v-model="formData.bankCardAccount" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="处理方式" prop=""> |
||||
<el-input |
||||
v-model="formData.bankCardAccount" |
||||
style="width: 300px" |
||||
placeholder="请输入" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-divider /> |
||||
<h5>佐证材料</h5> |
||||
<el-row> |
||||
<el-col :span="12"> |
||||
<el-form-item label="附件" prop=""> |
||||
<file-upload /> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-divider /> |
||||
<h5>呈报审批</h5> |
||||
<el-row> |
||||
<el-col :span="12"> |
||||
<el-form-item label="审批人" prop=""> |
||||
<el-input /> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<footer class="flex end"> |
||||
<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 { listUser, addUser, updateUser } from "@/api/system/user"; |
||||
import { listComfort } from "@/api/work/comfort"; |
||||
import { listRole } from "@/api/system/role"; |
||||
import feedback from "@/utils/feedback"; |
||||
|
||||
import useCatchStore from "@/stores/modules/catch"; |
||||
|
||||
const catchStore = useCatchStore(); |
||||
const dict = catchStore.getDicts(["policeType"]); |
||||
|
||||
const list = ref([]); |
||||
const query = ref({ |
||||
current: 1, |
||||
size: 10, |
||||
}); |
||||
const total = ref(0); |
||||
function getList() { |
||||
listComfort(query.value).then((data) => { |
||||
list.value = data.records; |
||||
total.value = data.total; |
||||
}); |
||||
} |
||||
|
||||
function reset() { |
||||
query.value = { |
||||
current: 1, |
||||
size: 10, |
||||
}; |
||||
getList(); |
||||
} |
||||
|
||||
getList(); |
||||
|
||||
const show = ref(false); |
||||
const mode = ref("add"); |
||||
const formData = ref({}); |
||||
const formRef = ref(null); |
||||
function handleEdit(row) { |
||||
show.value = true; |
||||
mode.value = "edit"; |
||||
form.value = row; |
||||
} |
||||
|
||||
function submit() { |
||||
formRef.value.validate((flag) => { |
||||
if (flag) { |
||||
if (mode.value === "edit") { |
||||
updateUser(form.value).then(() => { |
||||
show.value = false; |
||||
getList(); |
||||
feedback.msgSuccess("操作成功"); |
||||
}); |
||||
} else { |
||||
addUser(form.value).then(() => { |
||||
show.value = false; |
||||
form.value = {}; |
||||
getList(); |
||||
feedback.msgSuccess("操作成功"); |
||||
}); |
||||
} |
||||
} |
||||
}); |
||||
} |
||||
|
||||
watch(mode, (val) => { |
||||
if (val === "add") { |
||||
form.value = { |
||||
password: "123456", |
||||
}; |
||||
} |
||||
}); |
||||
|
||||
function handleShowAdd() { |
||||
mode.value = "add"; |
||||
show.value = true; |
||||
} |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
h5 { |
||||
margin: 10px 0; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue