wo123/yifengyide
2
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1.新增医德征求意见管理，生成二维码，查看列表，详情

Browse Source 
2.h5新增医德征求意见管理，院内，院外
3.h5新增清廉执照展示，扫二维码访问
4.加减分审核增加选择导出excel
5.考评列表增加选择导出excel
6.拒收红包列表增加导出excel
7.新增年度汇总中的考评汇总，增加考评结果查询
This commit is contained in:
王创世 2025-03-27 18:02:25 +08:00
parent d6f901885c
commit 64ed366b73
9 changed files with 1404 additions and 493 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components.d.ts vendored
View File

@ -40,6 +40,7 @@ declare module 'vue' {
LayMenu: typeof import('@layui/layui-vue')['LayMenu'] LayMenu: typeof import('@layui/layui-vue')['LayMenu']
LayMenuItem: typeof import('@layui/layui-vue')['LayMenuItem'] LayMenuItem: typeof import('@layui/layui-vue')['LayMenuItem']
LayPopconfirm: typeof import('@layui/layui-vue')['LayPopconfirm'] LayPopconfirm: typeof import('@layui/layui-vue')['LayPopconfirm']
LayQrcode: typeof import('@layui/layui-vue')['LayQrcode']
LayRadio: typeof import('@layui/layui-vue')['LayRadio'] LayRadio: typeof import('@layui/layui-vue')['LayRadio']
LayRadioGroup: typeof import('@layui/layui-vue')['LayRadioGroup'] LayRadioGroup: typeof import('@layui/layui-vue')['LayRadioGroup']
LayRow: typeof import('@layui/layui-vue')['LayRow'] LayRow: typeof import('@layui/layui-vue')['LayRow']

5
src/api/module/home.ts
View File

@ -485,6 +485,11 @@ export function getEvaluationlevelDelete(data: any) {
return Http.post('/api/backend/Evaluationlevel/delete', data) return Http.post('/api/backend/Evaluationlevel/delete', data)
} }
// 医德征求意见列表
export function getSolicitopinionsIndex(data: any) {
return Http.post('/api/backend/Solicitopinions/index', data)
}

571
src/views/configuration/opinion.vue
View File

@ -5,11 +5,11 @@
<div v-show="!isFold"> <div v-show="!isFold">
科室列表 科室列表
</div> </div>
<lay-tree v-show="!isFold" style="margin-top: 10px" :data="data" v-model:selectedKey="selectedKey" <lay-tree v-show="!isFold" style="margin-top: 10px" :data="data" v-model:selectedKey="leftId"
:showLine="showLine" :expandKeys="[1, 3, 4]" @node-click="handleClick"> :showLine="false" @node-click="handleClick">
<template #title="{ data }"> <template #title="{ data }">
<span :class="selectedKey == data.id ? 'isChecked' : ''"> <span :class="leftId == data.id ? 'isChecked' : ''">
{{ data.title }} {{ data.id }} {{ data.name }}
</span> </span>
</template> </template>
</lay-tree> </lay-tree>
@ -18,402 +18,132 @@
<lay-icon v-else class="layui-icon-right"></lay-icon> <lay-icon v-else class="layui-icon-right"></lay-icon>
</div> </div>
</div> </div>
<div style="flex: 1; padding: 10px; over-flow: auto"> <div style="flex: 1; padding: 10px; overflow: auto">
<!-- table --> <div style="padding: 10px">
<lay-card> <span
<lay-form> class="page-title"
<lay-row> style="font-size: 18px;vertical-align: center;margin-right: 20px;vertical-align: middle;">医德征求意见管理</span>
<lay-col :md="5"> <lay-button @click="openQrCode(1)" type="primary" size="sm">二维码（院内）</lay-button>
<lay-form-item label="用户账号" label-width="80"> <lay-button @click="openQrCode(2)" type="primary" size="sm">二维码（院外）</lay-button>
<lay-input v-model="searchQuery.userAccount" placeholder="请输入" size="sm" </div>
:allow-clear="true" style="width: 98%"></lay-input> <lay-table :page="page" height="600px" :columns="columns" :loading="loading" :data-source="dataSource"
</lay-form-item> @change="change">
</lay-col> <template #politics_type="{ row }">
<lay-col :md="5"> <lay-tag color="#165DFF" v-if="row.politics_type == 1" size="sm">院外</lay-tag>
<lay-form-item label="用户名" label-width="80"> <lay-tag type="primary" v-if="row.politics_type == 2" size="sm">院内</lay-tag>
<lay-input v-model="searchQuery.userName" placeholder="请输入" size="sm"
:allow-clear="true" style="width: 98%"></lay-input>
</lay-form-item>
</lay-col>
<lay-col :md="5">
<lay-form-item label="性别" label-width="80">
<lay-select class="search-input" size="sm" v-model="searchQuery.sex"
:allow-clear="true" placeholder="请选择">
<lay-select-option value="man" label="男"></lay-select-option>
<lay-select-option value="woman" label="女"></lay-select-option>
</lay-select>
</lay-form-item>
</lay-col>
<lay-col :md="5">
<lay-form-item label-width="20">
<lay-button style="margin-left: 20px" type="normal" size="sm" @click="toSearch">
查询
</lay-button>
<lay-button size="sm" @click="toReset"> 重置 </lay-button>
</lay-form-item>
</lay-col>
</lay-row>
</lay-form>
</lay-card>
<lay-table :page="page" :height="'100%'" :columns="columns" :loading="loading" :default-toolbar="true"
:data-source="dataSource" v-model:selected-keys="selectedKeys" @change="change"
@sortChange="sortChange">
<template #status="{ row }">
<lay-switch :model-value="row.status" @change="changeStatus($event, row)"></lay-switch>
</template> </template>
<template #role="{ row }"> <template #operator="{ row }">
<lay-tag color="#165DFF" variant="light">{{ row.role }}</lay-tag> <span @click="openInfo(row)" class="action-btn" style="color: #00A394;cursor: pointer">详情</span>
</template>
<template v-slot:toolbar>
<lay-button size="sm" type="primary" @click="changeVisible11('新增', null)">新增</lay-button>
<lay-button size="sm" @click="toRemove">删除</lay-button>
</template>
<template v-slot:operator="{ row }">
<lay-button size="xs" border="green" border-style="dashed"
@click="changeVisible11('编辑', row)">编辑</lay-button>
<lay-popconfirm content="确定要删除此用户吗?" @confirm="confirm" @cancel="cancel">
<lay-button size="xs" border="red" border-style="dashed">删除</lay-button>
</lay-popconfirm>
</template> </template>
</lay-table> </lay-table>
</div> </div>
</div> </div>
<lay-layer v-model="visible11" :title="title" :area="['500px', '400px']"> <lay-layer v-model="showQrCode" title="二维码" :area="['400px', '400px']">
<div style="padding: 20px"> <div style="text-align: center">
<lay-form :model="model11" ref="layFormRef11" required> <lay-qrcode :text="baseURL+'/h5/pages/index/hospital'" :width="300" v-if="qeCode == 1"></lay-qrcode>
<lay-form-item label="部门名称" prop="department"> <lay-qrcode :text="baseURL+'/h5/pages/index/hospital_nei'" :width="300" v-if="qeCode == 2"></lay-qrcode>
<lay-input v-model="model11.department"></lay-input> </div>
</lay-form-item> </lay-layer>
<lay-form-item label="意见内容" prop="content"> <lay-layer v-model="showInfo" title="意见详情" :type="4" :area="['600px', '100%']">
<lay-textarea v-model="model11.content" placeholder="请输入意见内容"></lay-textarea> <div class="info-container">
</lay-form-item> <div class="info-section">
<lay-form-item label="是否采纳" prop="status"> <div class="info-item"><span class="info-label">提交人：</span>{{ infoData.nickname }}</div>
<lay-switch v-model="model11.status"></lay-switch> <div v-if="infoData.politics_type == 1" class="info-item">
</lay-form-item> <div class="info-item"><span class="info-label">手机号：</span>{{ infoData.phone }}</div>
</lay-form> </div>
<div style="width: 100%; text-align: center"> <div class="info-item"><span class="info-label">科室：</span>{{ infoData.group_name }}</div>
<lay-button size="sm" type="primary" @click="toSubmit">保存</lay-button> <div class="info-item"><span class="info-label">类型：</span>{{ infoData.politics_type == 1 ? '院外' : '院内' }}</div>
<lay-button size="sm" @click="toCancel">取消</lay-button> <div class="info-item"><span class="info-label">提交时间：</span>{{ infoData.createtime }}</div>
</div>
<div class="info-section content-section">
<div class="info-item">
<div class="info-label">意见内容：</div>
<div class="info-content">{{ infoData.content }}</div>
</div>
</div> </div>
</div> </div>
</lay-layer> </lay-layer>
</lay-container> </lay-container>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive } from 'vue' import { ref, reactive, onMounted } from 'vue'
import { layer } from '@layui/layui-vue' import { layer } from '@layui/layui-vue'
import { getUserGroupNew, getSolicitopinionsIndex } from '@/api/module/home';
import { baseURL } from '@/api/http';
const data = ref([
{
title: '内科',
id: 1,
children: [
{
title: '呼吸内科',
id: 2,
},
{
title: '心血管内科',
id: 3,
},
{
title: '消化内科',
id: 4,
}
]
},
{
title: '外科',
id: 5,
children: [
{
title: '普通外科',
id: 6,
},
{
title: '骨科',
id: 7,
}
]
},
{
title: '妇产科',
id: 8,
},
{
title: '儿科',
id: 9,
}
])
const showLine = ref(false)
const selectedKey = ref('')
const selectedNode = ref({
id: 0,
title: ''
})
const isFold = ref(false) const isFold = ref(false)
const searchQuery = ref({ const showQrCode = ref(false)
userAccount: '', onMounted(() => {
userName: '', console.log(baseURL);
sex: ''
getLeftList();
}) })
function toReset() { const leftId = ref(0);
searchQuery.value = { const data = ref()
userAccount: '', const dataSource = ref([]);
userName: '', const getLeftList = () => {
sex: '' getUserGroupNew({}).then((res) => {
console.log(res)
if (res.code == 1) {
data.value = res.data;
leftId.value = res.data[0].id;
rightList();
} else {
layer.msg(res.msg, { icon: 2 })
} }
}
function handleClick(node: any) {
selectedNode.value = JSON.parse(JSON.stringify(node))
page.current = selectedNode.value.id
change(page)
}
function toAdd() {
visible22.value = true
}
function toEdit() {
model22.value = {
organization: '1',
name: '研发部',
fullName: 'xxxx公司-研发部',
code: '001',
type: '1',
sort: 1,
remark: '备注'
}
visible22.value = true
}
function toDelete() {
if (selectedKey.value == '') {
layer.msg('您未选择组织机构，请先选择要删除的组织机构', {
icon: 3,
time: 2000
}) })
return
}
layer.confirm(
'您将删除所选中的组织机构 [ ' + selectedNode.value.title + ' ] ？',
{
title: '提示',
btn: [
{
text: '确定',
callback: (id: any) => {
layer.msg('您已成功删除')
layer.close(id)
}
},
{
text: '取消',
callback: (id: any) => {
layer.msg('您已取消操作')
layer.close(id)
}
}
]
}
)
} }
const rightList = () => {
function toSearch() { getSolicitopinionsIndex({ group_id: leftId.value, page: page.current, size: page.limit }).then((res) => {
page.current = 1 console.log(res)
change(page) if (res.code == 1) {
dataSource.value = res.data.list;
page.total = res.data.total;
} else {
layer.msg(res.msg, { icon: 2 })
}
})
}
const handleClick = (data: any) => {
console.log(data)
leftId.value = data.id;
rightList();
}
const qeCode = ref(1);
const openQrCode = (type) => {
showQrCode.value = true
qeCode.value = type;
}
const showInfo = ref(false);
const infoData = ref({});
const openInfo = (row: any) => {
console.log(row)
showInfo.value = true;
infoData.value = row;
} }
const loading = ref(false) const loading = ref(false)
const selectedKeys = ref() const page = reactive({ current: 1, limit: 10, total: 0 })
const page = reactive({ current: 1, limit: 10, total: 100 })
const columns = ref([ const columns = ref([
{ title: '选项', width: '55px', type: 'checkbox', fixed: 'left' }, { title: '部门名称', width: '120px', key: 'group_name', align: 'center' },
{ title: '编号', width: '80px', key: 'id', fixed: 'left' }, { title: '提交人', width: '120px', key: 'nickname', align: 'center' },
{ title: '部门名称', width: '120px', key: 'department' }, { title: '意见内容', width: '300px', key: 'content', align: 'center', ellipsis: true },
{ title: '意见内容', width: '300px', key: 'content' }, { title: '类型', width: '300px', key: 'politics_type', align: 'center', customSlot: 'politics_type' },
{ title: '是否采纳', width: '100px', customSlot: 'status' },
{ {
title: '操作', title: '操作',
width: '150px', width: '150px',
customSlot: 'operator', customSlot: 'operator',
key: 'operator', key: 'operator',
fixed: 'right' fixed: 'right',
align: 'center'
} }
]) ])
const change = (page: any) => { const change = (p) => {
loading.value = true page.current = p.current;
setTimeout(() => { page.limit = p.limit;
dataSource.value = loadDataSource(page.current, page.limit) rightList();
loading.value = false
}, 1000)
}
const sortChange = (key: any, sort: number) => {
layer.msg(`字段${key} - 排序${sort}, 你可以利用 sort-change 实现服务端排序`)
}
const dataSource = ref([
{
id: '1',
department: '呼吸内科',
content: '建议增加呼吸科专业设备配置',
status: true
},
{
id: '2',
department: '心血管内科',
content: '关于心血管科室人员培训的建议',
status: false
},
{
id: '3',
department: '消化内科',
content: '建议增加消化科专业设备配置',
status: true
},
{
id: '4',
department: '普通外科',
content: '建议增加普通外科专业设备配置',
status: false
},
{
id: '5',
department: '骨科',
content: '建议增加骨科专业设备配置',
status: true
}
])
const changeStatus = (isChecked: boolean, row: any) => {
dataSource.value.forEach((item) => {
if (item.id === row.id) {
layer.msg('Success', { icon: 1 }, () => {
item.status = isChecked
})
}
})
}
const remove = () => {
layer.msg(selectedKeys.value, { area: '50%' })
}
const loadDataSource = (page: number, pageSize: number) => {
var response = []
var startIndex = (page - 1) * pageSize + 1
var endIndex = page * pageSize
for (var i = startIndex; i <= endIndex; i++) {
response.push({
id: `${i}`,
department: selectedNode.value.title || '呼吸内科',
content: `意见内容${i}`,
status: i % 2 === 0
})
}
return response
}
const model11 = ref({
id: '',
department: '',
content: '',
status: false
})
const layFormRef11 = ref()
const visible11 = ref(false)
const title = ref('新增')
const changeVisible11 = (text: any, row: any) => {
title.value = text
if (row != null) {
let info = JSON.parse(JSON.stringify(row))
model11.value = info
} else {
model11.value = {
id: '',
department: '',
content: '',
status: false
}
}
visible11.value = !visible11.value
}
const submit11 = function () {
layFormRef11.value.validate((isValidate: any, model: any, errors: any) => {
layer.open({
type: 1,
title: '表单提交结果',
content: `<div style="padding: 10px"><p>是否通过 : ${isValidate}</p> <p>表单数据 : ${JSON.stringify(
model
)} </p> <p>错误信息 : ${JSON.stringify(errors)}</p></div>`,
shade: false,
isHtmlFragment: true,
btn: [
{
text: '确认',
callback(index: any) {
layer.close(index)
}
}
],
area: '500px'
})
})
}
// 清除校验
const clearValidate11 = function () {
layFormRef11.value.clearValidate()
}
// 重置表单
const reset11 = function () {
layFormRef11.value.reset()
}
function toRemove() {
if (selectedKeys.value.length == 0) {
layer.msg('您未选择数据，请先选择要删除的数据', { icon: 3, time: 2000 })
return
}
layer.confirm('您将删除所有选中的数据？', {
title: '提示',
btn: [
{
text: '确定',
callback: (id: any) => {
layer.msg('您已成功删除')
layer.close(id)
}
},
{
text: '取消',
callback: (id: any) => {
layer.msg('您已取消操作')
layer.close(id)
}
}
]
})
}
function toSubmit() {
layer.msg('保存成功！', { icon: 1, time: 1000 })
visible11.value = false
visible22.value = false
}
function toCancel() {
visible11.value = false
visible22.value = false
}
function confirm() {
layer.msg('您已成功删除')
}
function cancel() {
layer.msg('您已取消操作')
} }
const model22 = ref({
organization: '',
name: '',
fullName: '',
code: '',
type: '',
sort: 0,
remark: ''
})
const layFormRef22 = ref()
const visible22 = ref(false)
const title22 = ref('新建')
</script> </script>
<style scoped> <style scoped>
@ -424,6 +154,8 @@ const title22 = ref('新建')
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: #fff;
overflow: hidden; overflow: hidden;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
} }
.left-tree { .left-tree {
@ -433,6 +165,7 @@ const title22 = ref('新建')
border-right: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
transition: width 0.3s ease-in-out;
} }
/* todo layui-tree-entry 设置无效 */ /* todo layui-tree-entry 设置无效 */
@ -455,6 +188,14 @@ const title22 = ref('新建')
background-color: #fff; background-color: #fff;
border: 1px solid #e6e6e6; border: 1px solid #e6e6e6;
cursor: pointer; cursor: pointer;
text-align: center;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
transition: all 0.2s ease;
}
.isFold:hover {
background-color: #f2f2f2;
transform: scale(1.05);
} }
.search-input { .search-input {
@ -465,7 +206,95 @@ const title22 = ref('新建')
.isChecked { .isChecked {
display: inline-block; display: inline-block;
background-color: #e8f1ff;
color: red; color: red;
} }
/* 添加详情弹窗样式 */
:deep(.lay-layer-content) {
padding: 15px !important;
}
/* 表格头部样式 */
:deep(.lay-table-th) {
background-color: #f7f8fa !important;
font-weight: 500;
}
/* 按钮样式优化 */
:deep(.lay-btn) {
border-radius: 4px;
transition: all 0.2s;
}
:deep(.lay-btn:hover) {
opacity: 0.9;
transform: translateY(-1px);
}
/* 医德征求意见管理标题样式 */
.page-title {
font-size: 18px;
font-weight: 500;
margin-right: 20px;
vertical-align: middle;
color: #1d2129;
}
/* 操作按钮样式 */
.action-btn {
color: #00A394;
cursor: pointer;
transition: color 0.2s;
}
.action-btn:hover {
color: #008F82;
text-decoration: underline;
}
/* 详情弹窗样式 */
.info-container {
padding: 20px;
}
.info-section {
background-color: #f8f9fa;
border-radius: 8px;
padding: 16px;
margin-bottom: 16px;
}
.info-item {
margin-bottom: 12px;
line-height: 1.6;
color: #1d2129;
}
.info-item:last-child {
margin-bottom: 0;
}
.info-label {
color: #86909c;
display: inline-block;
min-width: 80px;
font-weight: 500;
}
.content-section {
background-color: #fff;
border: 1px solid #e5e6eb;
}
.info-content {
margin-top: 8px;
white-space: pre-wrap;
line-height: 1.8;
color: #4e5969;
}
/* 确保弹窗内容区域有合适的内边距 */
:deep(.lay-layer-content) {
padding: 0 !important;
}
</style> </style>

106
src/views/day_evaluation/examine.vue
View File

@ -19,31 +19,28 @@
<lay-icon v-else class="layui-icon-right"></lay-icon> <lay-icon v-else class="layui-icon-right"></lay-icon>
</div> </div>
</div> </div>
<div style="flex: 1; padding: 10px; over-flow: auto"> <div style="flex: 1; padding: 10px; overflow: auto">
<!-- table --> <!-- table -->
<lay-card> <lay-card>
<lay-form style="margin-top: 20px"> <lay-form style="margin-top: 20px">
<lay-row style="min-width: 1200px"> <lay-row style="min-width: 1200px">
<lay-col :md="5"> <lay-col :md="5">
<lay-form-item label="发生时间：" :label-width="100"> <lay-form-item label="发生时间：">
<lay-date-picker style="width: 100%" v-model="searchForm.fsdate" <lay-date-picker style="width: 100%" v-model="searchForm.fsdate" placeholder="发生时间"
placeholder="发生时间" allow-clear></lay-date-picker> allow-clear></lay-date-picker>
</lay-form-item> </lay-form-item>
</lay-col> </lay-col>
<lay-col :md="6" > <lay-col :md="6">
<lay-form-item label="考评对象：" :label-width="100"> <lay-form-item label="考评对象：">
<lay-select v-model="searchForm.user_id" placeholder="请选择考评对象" <lay-select v-model="searchForm.user_id" placeholder="请选择考评对象" :show-search="true">
:show-search="true"> <lay-select-option v-for="user in userList" :key="user.id" :value="user.id" :label="user.nickname">
<lay-select-option v-for="user in userList" :key="user.id"
:value="user.id" :label="user.nickname">
</lay-select-option> </lay-select-option>
</lay-select> </lay-select>
</lay-form-item> </lay-form-item>
</lay-col> </lay-col>
<lay-col :md="4"> <lay-col :md="5">
<lay-form-item label="审核状态：" :label-width="100"> <lay-form-item label="审核状态：" :label-width="100">
<lay-select style="width: 100%" v-model="searchForm.status" <lay-select style="width: 140px" v-model="searchForm.status" placeholder="审核状态">
placeholder="审核状态">
<lay-select-option :value="1" label="待审核"></lay-select-option> <lay-select-option :value="1" label="待审核"></lay-select-option>
<lay-select-option :value="2" label="已通过"></lay-select-option> <lay-select-option :value="2" label="已通过"></lay-select-option>
<lay-select-option :value="3" label="已驳回"></lay-select-option> <lay-select-option :value="3" label="已驳回"></lay-select-option>
@ -52,15 +49,18 @@
</lay-col> </lay-col>
<lay-col :md="4"> <lay-col :md="4">
<lay-form-item :label-width="0"> <lay-form-item :label-width="0">
<lay-button style="margin-left: 20px" type="primary" <lay-button style="margin-left: 20px" type="primary" @click="toSearch">查询</lay-button>
@click="toSearch">查询</lay-button>
<lay-button @click="toReset">重置</lay-button> <lay-button @click="toReset">重置</lay-button>
</lay-form-item> </lay-form-item>
</lay-col> </lay-col>
</lay-row> </lay-row>
</lay-form> </lay-form>
</lay-card> </lay-card>
<lay-table :page="page" @change="handlePageChange" height="600px" :columns="columns" :loading="loading" :data-source="dataSource"> <lay-table v-model:selected-keys="selectedKeys" :page="page" @change="handlePageChange" height="600px"
:columns="columns" :loading="loading" :data-source="dataSource">
<template v-slot:toolbar>
<lay-button size="sm" type="primary" @click="exportExcel">导出Excel</lay-button>
</template>
<template v-slot:status="{ data }"> <template v-slot:status="{ data }">
<lay-tag v-if="data.status == 1" type="warm" size="sm">待审核</lay-tag> <lay-tag v-if="data.status == 1" type="warm" size="sm">待审核</lay-tag>
<lay-tag v-if="data.status == 2" type="normal" size="sm">已通过</lay-tag> <lay-tag v-if="data.status == 2" type="normal" size="sm">已通过</lay-tag>
@ -73,17 +73,20 @@
</template> </template>
<template v-slot:operator="{ data }"> <template v-slot:operator="{ data }">
<lay-space size="lg"> <lay-space size="lg">
<span style="color: #00A394;cursor: pointer" @click="showDetail(data)">详情</span> <span style="color: #00A394;cursor: pointer" @click="showDetail(data, 1)">详情</span>
<lay-popconfirm v-if="data.status == 1" trigger="click" content="请确认你的操作，流程将结束" cancelText="审核拒绝" confirmText="审核通过" @confirm="confirm(data, 2)" <!-- <lay-popconfirm v-if="data.status == 1" trigger="click" content="请确认你的操作，流程将结束" cancelText="审核拒绝"
@cancel="confirm(data, 3)"> confirmText="审核通过" @confirm="confirm(data, 2)" @cancel="confirm(data, 3)">
<span style="color: #00A394;cursor: pointer">审核</span>
</lay-popconfirm> </lay-popconfirm> -->
<span v-if="data.status == 1" style="color: #00A394;cursor: pointer"
@click="showDetail(data, 2)">审核</span>
</lay-space> </lay-space>
</template> </template>
</lay-table> </lay-table>
</div> </div>
</div> </div>
<lay-layer v-model="detailVisible" :type="4" title="详情查看" :area="['950px', '100%']" :shade="true"> <lay-layer v-model="detailVisible" :type="4" title="详情查看" :area="['950px', '100%']"
:btn="showType == 1 ? '' : addButton">
<div style="padding: 20px"> <div style="padding: 20px">
<lay-descriptions title="考评信息" :column="2" border> <lay-descriptions title="考评信息" :column="2" border>
<lay-descriptions-item label="考评人"> <lay-descriptions-item label="考评人">
@ -119,9 +122,17 @@
<a style="color: #009688" :href="detailForm.fj_url" target="_blank">附件下载</a> <a style="color: #009688" :href="detailForm.fj_url" target="_blank">附件下载</a>
</lay-descriptions-item> </lay-descriptions-item>
</lay-descriptions> </lay-descriptions>
<div style="text-align: center; margin-top: 20px;"> <lay-descriptions v-if="showType == 2" title="审核" :column="1" border style="margin-top: 20px">
<lay-button @click="detailVisible = false">关闭</lay-button> <lay-descriptions-item label="状态">
</div> <lay-radio-group name="action" v-model="type">
<lay-radio :value="2">通过</lay-radio>
<lay-radio :value="3">驳回</lay-radio>
</lay-radio-group>
</lay-descriptions-item>
<lay-descriptions-item label="驳回原因" v-if="type == 3">
<lay-textarea v-model="reason" placeholder="请输入驳回原因"></lay-textarea>
</lay-descriptions-item>
</lay-descriptions>
</div> </div>
</lay-layer> </lay-layer>
</lay-container> </lay-container>
@ -131,7 +142,23 @@ import { ref, reactive, onMounted } from 'vue'
import { layer } from '@layui/layui-vue' import { layer } from '@layui/layui-vue'
import { getAdditionIndexManage, getAdditionIndexManageExamine, getDoctorName, getUserGroupNew } from '@/api/module/home'; import { getAdditionIndexManage, getAdditionIndexManageExamine, getDoctorName, getUserGroupNew } from '@/api/module/home';
import { useUserStore } from '@/store/user'; import { useUserStore } from '@/store/user';
import { baseURL } from '@/api/http';
const userStore = useUserStore() const userStore = useUserStore()
const exportExcel = () => {
if (selectedKeys.value.length == 0) {
layer.msg('请选择要导出的数据', { icon: 2 })
return
}
//数组转字符串
const ids = selectedKeys.value.join(',');
console.log(ids);
//导出Excel
window.open(baseURL + '/api/backend/excel_controller/dailyexport?ids=' + ids)
}
const reason = ref('')
const type = ref(2)
const isFold = ref(false)
onMounted(() => { onMounted(() => {
getLeftList(); getLeftList();
getUserAllList(); getUserAllList();
@ -195,6 +222,7 @@ const loading = ref(false)
const selectedKeys = ref() const selectedKeys = ref()
const page = reactive({ current: 1, limit: 10, total: 1 }) const page = reactive({ current: 1, limit: 10, total: 1 })
const columns = ref([ const columns = ref([
{ title: "选项", width: "55px", type: "checkbox", fixed: "left" },
{ {
title: "序号", title: "序号",
width: "80px", width: "80px",
@ -269,14 +297,21 @@ const searchForm = ref({
status: '' status: ''
}) })
const showType = ref(1)
// 显示详情方法 // 显示详情方法
const showDetail = (row: any) => { const showDetail = (row: any, type: number) => {
detailForm.value = row detailForm.value = row
detailVisible.value = true detailVisible.value = true;
showType.value = type;
isId.value = row.id;
} }
const confirm = (data: any, status: number) => { const isId = ref(0);
console.log(data, status) const addButton = ref([
getAdditionIndexManageExamine({ id: data.id, status: status }).then((res) => { {
text: "确认",
callback: async () => {
getAdditionIndexManageExamine({ id: isId.value, status: type.value }).then((res) => {
if (res.code == 1) { if (res.code == 1) {
layer.msg(res.msg, { icon: 1 }) layer.msg(res.msg, { icon: 1 })
} else { } else {
@ -284,7 +319,16 @@ const confirm = (data: any, status: number) => {
} }
getUserList(); getUserList();
}) })
} detailVisible.value = false;
}
},
{
text: "取消",
callback: () => {
detailVisible.value = false;
}
}
])
// 修改点击科室树节点的处理方法 // 修改点击科室树节点的处理方法
const handleClick = (node: any) => { const handleClick = (node: any) => {
leftId.value = node.id leftId.value = node.id

27
src/views/day_evaluation/list.vue
View File

@ -40,8 +40,11 @@
</lay-row> </lay-row>
</lay-form> </lay-form>
</lay-card> </lay-card>
<lay-table :page="page" @change="handlePageChange" height="600px" :columns="columns" :loading="loading" <lay-table :page="page" id="user_id" @change="handlePageChange" height="600px" :columns="columns"
:data-source="dataSource" size="lg"> :loading="loading" :data-source="dataSource" size="lg" v-model:selected-keys="selectedKeys">
<template v-slot:toolbar>
<lay-button size="sm" type="primary" @click="exportExcel">导出Excel</lay-button>
</template>
<template v-slot:operator="{ data }"> <template v-slot:operator="{ data }">
<lay-space size="lg"> <lay-space size="lg">
<span style="color: #00A394;cursor: pointer" @click="showDetail(data, 1)">加分详情</span> <span style="color: #00A394;cursor: pointer" @click="showDetail(data, 1)">加分详情</span>
@ -55,8 +58,7 @@
<lay-container fluid="true" style="padding: 20px"> <lay-container fluid="true" style="padding: 20px">
<lay-row :space="10"> <lay-row :space="10">
<lay-col :md="24"> <lay-col :md="24">
<lay-table height="400px" :columns="userColumns" <lay-table height="400px" :columns="userColumns" :data-source="userDataSource">
:data-source="userDataSource">
</lay-table> </lay-table>
</lay-col> </lay-col>
</lay-row> </lay-row>
@ -69,12 +71,28 @@ import { ref, reactive, onMounted } from 'vue'
import { layer } from '@layui/layui-vue' import { layer } from '@layui/layui-vue'
import { monthlyEvaluationGroupIndexrecords, getAdditionIndexManageExamine, getDoctorName, getUserGroupNew, evaluationGroupIndexrecordsList } from '@/api/module/home'; import { monthlyEvaluationGroupIndexrecords, getAdditionIndexManageExamine, getDoctorName, getUserGroupNew, evaluationGroupIndexrecordsList } from '@/api/module/home';
import { useUserStore } from '@/store/user'; import { useUserStore } from '@/store/user';
import { baseURL } from '@/api/http';
const userStore = useUserStore() const userStore = useUserStore()
import dayjs from "dayjs"; import dayjs from "dayjs";
onMounted(() => { onMounted(() => {
getLeftList(); getLeftList();
getUserAllList(); getUserAllList();
}) })
const exportExcel = () => {
console.log(selectedKeys.value)
if (selectedKeys.value.length == 0) {
layer.msg('请选择要导出的数据', { icon: 2 })
return
}
//数组转字符串
const ids = selectedKeys.value.join(',');
console.log(ids);
console.log(searchForm.value.month)
//导出Excel
window.open(baseURL+`/api/backend/excel_controller/groupIndexrecordsex?ids=${ids}&month=${searchForm.value.month}`)
}
const selectedKeys = ref()
const isFold = ref(false)
const userColumns = ref([ const userColumns = ref([
{ {
title: "月度", title: "月度",
@ -170,6 +188,7 @@ const toReset = () => {
const loading = ref(false) const loading = ref(false)
const page = reactive({ current: 1, limit: 10, total: 1 }) const page = reactive({ current: 1, limit: 10, total: 1 })
const columns = ref([ const columns = ref([
{ fixed: "left", type: "checkbox", title: "复选" },
{ {
title: "月度", title: "月度",
width: "120px", width: "120px",

45
src/views/file_bag/index.vue
View File

@ -20,6 +20,10 @@
<span class="label">姓名：</span> <span class="label">姓名：</span>
<span class="value">{{ userInfo.nickname }}</span> <span class="value">{{ userInfo.nickname }}</span>
</div> </div>
<div class="info-item">
<span class="label">身份证号码：</span>
<span class="value">{{ userInfo.member_code || '暂无' }}</span>
</div>
<div class="info-item"> <div class="info-item">
<span class="label">工号：</span> <span class="label">工号：</span>
<span class="value">{{ userInfo.code }}</span> <span class="value">{{ userInfo.code }}</span>
@ -74,12 +78,12 @@
<!-- 证件信息区域 --> <!-- 证件信息区域 -->
<div class="detail-section"> <div class="detail-section">
<h3 class="section-title">证件信息</h3> <h3 class="section-title">
<span style="margin-right: 20px;">清廉执照</span>
<lay-button type="primary" size="sm" @click="openQrCode">二维码展示</lay-button>
</h3>
<div class="info-grid"> <div class="info-grid">
<div class="info-item">
<span class="label">身份证号码：</span>
<span class="value">{{ userInfo.member_code || '暂无' }}</span>
</div>
<div class="info-item"> <div class="info-item">
<span class="label">资格证编码：</span> <span class="label">资格证编码：</span>
<span class="value">{{ userInfo.certificate_code || '暂无' }}</span> <span class="value">{{ userInfo.certificate_code || '暂无' }}</span>
@ -91,7 +95,8 @@
<div class="info-item"> <div class="info-item">
<span class="label">执业证图片：</span> <span class="label">执业证图片：</span>
<span class="value"> <span class="value">
<a v-if="userInfo.license_image" style="color:blue;" :href="userInfo.license_image" target="_blank"> <a v-if="userInfo.license_image" style="color:blue;" :href="userInfo.license_image"
target="_blank">
<img :src="userInfo.license_image" style="width: 100px;" /> <img :src="userInfo.license_image" style="width: 100px;" />
</a> </a>
<span v-else>暂无</span> <span v-else>暂无</span>
@ -238,9 +243,11 @@
</div> </div>
</div> </div>
</lay-card> </lay-card>
<lay-card> <lay-layer v-model="showQrCode" title="二维码" :area="['400px', '400px']">
<div style="text-align: center">
</lay-card> <lay-qrcode :text="baseURL+'/h5/pages/index/user_license?id='+userInfo.id" :width="300"></lay-qrcode>
</div>
</lay-layer>
</div> </div>
</template> </template>
@ -249,6 +256,7 @@ import { ref, computed, onMounted } from 'vue';
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
import dayjs from "dayjs"; import dayjs from "dayjs";
import { useUserStore } from '@/store/user'; import { useUserStore } from '@/store/user';
import { baseURL } from '@/api/http';
import { import {
getAnnualFindData, getPersonalProfile, getGroupYear getAnnualFindData, getPersonalProfile, getGroupYear
} from "@/api/module/home"; } from "@/api/module/home";
@ -256,24 +264,11 @@ const userStore = useUserStore()
const route = useRoute() const route = useRoute()
// const userId = ref(route.query.id || '1'); // const userId = ref(route.query.id || '1');
const userInfo = ref({}); const userInfo = ref({});
const loading = ref(true);
const defaultAvatar = ref('/src/assets/default-avatar.png'); const defaultAvatar = ref('/src/assets/default-avatar.png');
const groupName = ref('');
const partyName = ref('');
const roleName = ref('');
const yearmonthJia = ref(dayjs().year()); const yearmonthJia = ref(dayjs().year());
// 计算性别显示文本
const genderText = computed(() => {
if (userInfo.value.gender === 1) {
return '男';
} else if (userInfo.value.gender === 2) {
return '女';
} else {
return '未知';
}
});
const jiaList = ref([]); const jiaList = ref([]);
// 获取用户详情（使用模拟数据） // 获取用户详情（使用模拟数据）
@ -357,6 +352,10 @@ const userColumns = ref([
{ title: '总得分', width: '100px', key: 'total_score', align: 'center' }, { title: '总得分', width: '100px', key: 'total_score', align: 'center' },
{ title: '状态', width: '100px', key: 'scoringrecord_status', customSlot: 'scoringrecord_status', align: 'center' }, { title: '状态', width: '100px', key: 'scoringrecord_status', customSlot: 'scoringrecord_status', align: 'center' },
]) ])
const showQrCode = ref(false);
const openQrCode = () => {
showQrCode.value = true;
}
</script> </script>
<style> <style>

34
src/views/packet/examine.vue
View File

@ -70,7 +70,10 @@
<span style="font-size: 18px;vertical-align: center;margin-right: 20px">拒收红包审核</span> <span style="font-size: 18px;vertical-align: center;margin-right: 20px">拒收红包审核</span>
</div> </div>
<lay-table @change="handlePageChange" :columns="columns" :dataSource="dataSource" <lay-table @change="handlePageChange" :columns="columns" :dataSource="dataSource"
:even="true" height="500px" size="lg" :page="page"> :even="true" height="500px" size="lg" :page="page" v-model:selected-keys="selectedKeys">
<template v-slot:toolbar>
<lay-button size="sm" type="primary" @click="exportExcel">导出Excel</lay-button>
</template>
<template v-slot:checkbox="{ data }"> <template v-slot:checkbox="{ data }">
<lay-checkbox v-model="data.checked" :value="data.checked"></lay-checkbox> <lay-checkbox v-model="data.checked" :value="data.checked"></lay-checkbox>
</template> </template>
@ -103,7 +106,7 @@
<!-- 修改详情弹窗内容 --> <!-- 修改详情弹窗内容 -->
<lay-layer v-model="detailVisible" :title="addIsInfo == 1 ? '详情查看' : '审核'" :type="4" :area="['950px', '100%']" <lay-layer v-model="detailVisible" :title="addIsInfo == 1 ? '详情查看' : '审核'" :type="4" :area="['950px', '100%']"
:shade="true" :btn="addIsInfo == 1 ? '' : addButton"> :btn="addIsInfo == 1 ? '' : addButton">
<div style="padding: 20px"> <div style="padding: 20px">
<lay-descriptions title="基本信息" :column="2" border> <lay-descriptions title="基本信息" :column="2" border>
<lay-descriptions-item label="考评对象"> <lay-descriptions-item label="考评对象">
@ -173,6 +176,7 @@ import { onMounted, reactive, ref } from 'vue'
import { getDoctorName, getRejectRedEnvelopes, rejectRedEnvelopesCreate, rejectRedEnvelopesUpdate, userGroupData } from '@/api/module/home'; import { getDoctorName, getRejectRedEnvelopes, rejectRedEnvelopesCreate, rejectRedEnvelopesUpdate, userGroupData } from '@/api/module/home';
import { layer } from '@layui/layui-vue'; import { layer } from '@layui/layui-vue';
import { useUserStore } from '@/store/user'; import { useUserStore } from '@/store/user';
import { baseURL } from '@/api/http';
const userStore = useUserStore() const userStore = useUserStore()
// 搜索表单 // 搜索表单
const searchForm = ref({ const searchForm = ref({
@ -181,6 +185,21 @@ const searchForm = ref({
status: '' status: ''
}) })
const selectedKeys = ref()
const exportExcel = () => {
console.log(selectedKeys.value)
if (selectedKeys.value.length == 0) {
layer.msg('请选择要导出的数据', { icon: 2 })
return
}
//数组转字符串
const ids = selectedKeys.value.join(',');
console.log(ids);
//console.log(searchForm.value.month)
//导出Excel
window.open(baseURL + `/api/backend/excel_controller/RejectRedEnvelopesEs?ids=${ids}`)
}
// 修改分页参数的定义方式 // 修改分页参数的定义方式
const page = reactive({ const page = reactive({
current: 1, current: 1,
@ -188,7 +207,7 @@ const page = reactive({
total: 1 total: 1
}) })
const type = ref(1) const type = ref(2)
const id = ref(0) const id = ref(0)
const reason = ref('') const reason = ref('')
@ -247,6 +266,7 @@ const formatRefundType = (type) => {
// 修改表格列配置 // 修改表格列配置
const columns = [ const columns = [
{ fixed: "left", type: "checkbox", title: "复选", align: 'center', width: '80px' },
{ {
title: '发生日期', title: '发生日期',
width: '120px', width: '120px',
@ -267,7 +287,7 @@ const columns = [
}, },
{ {
title: '病区', title: '病区',
width: '120px', width: '100px',
key: 'bq_name', key: 'bq_name',
align: 'center' align: 'center'
}, },
@ -279,7 +299,7 @@ const columns = [
}, },
{ {
title: '退还金额', title: '退还金额',
width: '100px', width: '110px',
key: 'refunding_amount', key: 'refunding_amount',
align: 'center', align: 'center',
customSlot: 'refundAmount' customSlot: 'refundAmount'
@ -299,14 +319,14 @@ const columns = [
}, },
{ {
title: '状态', title: '状态',
width: '130px', width: '120px',
key: 'status', key: 'status',
align: 'center', align: 'center',
customSlot: 'status' customSlot: 'status'
}, },
{ {
title: '操作', title: '操作',
width: '150px', width: '130px',
key: 'operation', key: 'operation',
align: 'center', align: 'center',
fixed: 'right', fixed: 'right',

815
src/views/year_evaluation_summary/examine.vue
View File

@ -1,7 +1,818 @@
<template> <template>
<div> <lay-container fluid="true" class="organization-box">
<h1>年度考评汇总管理</h1> <div style="display: flex">
<div :style="{ width: isFold ? `0px` : `230px` }" class="left-tree">
<div v-if="!isFold">科室列表</div>
<lay-tree v-show="!isFold" style="margin-top: 10px" :data="data" v-model:selectedKey="group_id"
:showLine="false" @node-click="handleClick">
<template #title="{ data }">
<span :class="group_id == data.id ? 'isChecked' : ''">
{{ data.name }}
</span>
</template>
</lay-tree>
<div class="isFold" @click="isFold = !isFold">
&nbsp;<lay-icon v-if="!isFold" class="layui-icon-left"></lay-icon>
<lay-icon v-else class="layui-icon-right"></lay-icon>
</div> </div>
</div>
<div style="flex: 1; padding: 10px; overflow: auto">
<!-- table -->
<lay-card>
<lay-form>
<lay-row>
<lay-col :md="5">
<lay-form-item label="年度" label-width="80px">
<lay-date-picker type="year" v-model="yearmonth" placeholder="年度" allow-clear></lay-date-picker>
</lay-form-item>
</lay-col>
<lay-col :md="6">
<lay-form-item label="考评对象" label-width="80px">
<lay-select v-model="userId" :show-search="true" placeholder="请选择" :allowClear="true">
<lay-select-option v-for="item in dataSerSource" :value="item.id"
:label="item.nickname"></lay-select-option>
</lay-select>
</lay-form-item>
</lay-col>
<lay-col :md="6">
<lay-form-item label="考评结果" label-width="80px">
<lay-select v-model="scoringrecord_status" :show-search="true" placeholder="请选择" :allowClear="true">
<lay-select-option value="1">已自评</lay-select-option>
<lay-select-option value="2">未自评</lay-select-option>
<lay-select-option value="3">科室已评</lay-select-option>
<lay-select-option value="4">医院已评</lay-select-option>
<lay-select-option value="5">支部已评</lay-select-option>
<lay-select-option value="6">总党支已评</lay-select-option>
</lay-select>
</lay-form-item>
</lay-col>
<lay-col :md="5">
<lay-form-item label-width="20">
<lay-button style="margin-left: 20px" type="primary" size="sm" @click="toSearch">
查询
</lay-button>
<lay-button size="sm" @click="toReset"> 重置</lay-button>
</lay-form-item>
</lay-col>
</lay-row>
</lay-form>
</lay-card>
<lay-tab v-model="tab_id" @change="openTab">
<lay-tab-item v-for="item in tabList" :title="item.title" :id="item.id"></lay-tab-item>
</lay-tab>
<lay-table :page="page" height="600px" :columns="columns" :loading="loading" :data-source="dataSource"
v-model:selected-keys="selectedKeys" @change="change">
<template v-slot:scoringrecord_status="{ row }">
<!-- 1.已自评 2.未自评 3.科室已评 4.医院已评 5.支部已评 6.总党支已评 -->
<lay-tag v-if="row.scoringrecord_status == 1" type="primary" size="sm">已自评</lay-tag>
<lay-tag v-if="row.scoringrecord_status == 2" size="sm">未自评</lay-tag>
<lay-tag v-if="row.scoringrecord_status == 3" type="warm" size="sm">科室已评</lay-tag>
<lay-tag v-if="row.scoringrecord_status == 4" type="normal" size="sm">医院已评</lay-tag>
<lay-tag v-if="row.scoringrecord_status == 5" color="blue" size="sm">支部已评</lay-tag>
<lay-tag v-if="row.scoringrecord_status == 6" color="#000033" size="sm">总党支已评 </lay-tag>
</template>
<template v-slot:nickname="{ row }">
<div style="color: #00A394;cursor: pointer" @click="openUserListShow(row)">{{ row.nickname }}</div>
</template>
<template v-slot:operator="{ row }">
<lay-space>
<span style="color: #00A394;cursor: pointer" v-if="row.scoringrecord_status != 2"
@click="getInfo(row, 1)">考评详情</span>
<span style="color: #999999;cursor: not-allowed" v-if="row.scoringrecord_status == 2">未自评</span>
</lay-space>
</template>
</lay-table>
</div>
</div>
<lay-layer @close="layerEnd" v-model="infoShow" title="考评详情" :type="4" :shade="true" :area="['70%', '100%']">
<lay-container fluid="true" style="padding: 20px">
<lay-table :default-expand-all="true" ref="tableRef6" children-column-name="children" :columns="columns6"
:data-source="dataSource6">
<template v-slot:base_score="{ data }">
<div v-if="data.pid == 0">题目分：{{ data.base_score }}</div>
<div v-if="data.pid != 0">{{ data.base_score }}</div>
</template>
<!-- 自评评分 -->
<template v-slot:content_score="{ row }">
<div v-if="row.pid == 0">已评分：{{ row.avg_score ? row.avg_score : 0 }}</div>
<lay-input-number @change="inputChange(row)" v-if="row.pid != 0" :disabled="true" :min="0"
:max="row.base_score" v-model="row.content_score" position="right"></lay-input-number>
</template>
<!-- 科室评分 -->
<template v-slot:department_score="{ row }">
<div v-if="row.pid == 0">已评分：{{ row.department_score ? row.department_score : 0 }}</div>
<lay-input-number v-if="addIsInfo == 1 && row.pid != 0" :disabled="true" :min="0" :max="row.base_score"
v-model="row.department_score" position="right"></lay-input-number>
</template>
<!-- 支部评分 -->
<template v-slot:party_branch_score="{ row }">
<div v-if="row.pid == 0">已评分：{{ row.party_branch_score ? row.party_branch_score : 0 }}</div>
<lay-input-number v-if="addIsInfo == 1 && row.pid != 0" :disabled="true" :min="0" :max="row.base_score"
v-model="row.party_branch_score" position="right"></lay-input-number>
</template>
<!-- 党总支评分 -->
<template v-slot:overall_party_score="{ row }">
<div v-if="row.pid == 0">已评分：{{ row.overall_party_score ? row.overall_party_score : 0 }}</div>
<lay-input-number v-if="addIsInfo == 1 && row.pid != 0" :disabled="true" :min="0" :max="row.base_score"
v-model="row.overall_party_score" position="right"></lay-input-number>
</template>
<!-- 医院评分 -->
<template v-slot:hospital_score="{ row }">
<div v-if="row.pid == 0">已评分：{{ row.hospital_score ? row.hospital_score : 0 }}</div>
<lay-input-number v-if="addIsInfo == 1 && row.pid != 0" :disabled="true" :min="0" :max="row.base_score"
v-model="row.hospital_score" position="right"></lay-input-number>
</template>
</lay-table>
</lay-container>
</lay-layer>
<lay-layer v-model="userShow" title="年末考评列表" :shade="true" :area="['90%', '90%']">
<lay-container fluid="true" style="padding: 20px">
<lay-row :space="10">
<lay-col :md="24">
<lay-card>
<lay-form style="margin-top: 20px">
<lay-row>
<lay-col :md="5">
<lay-form-item label="年度：" label-width="50">
<lay-date-picker type="year" v-model="searchAccountUser" placeholder="请选择"
allow-clear></lay-date-picker>
</lay-form-item>
</lay-col>
<lay-col :md="4">
<lay-form-item label-width="0">
<lay-button type="primary" size="sm" @click="toUserSearch">查询</lay-button>
<lay-button size="sm" @click="toReset">重置</lay-button>
</lay-form-item>
</lay-col>
</lay-row>
</lay-form>
</lay-card>
</lay-col>
<lay-col :md="24">
<lay-tab v-model="userTabId" type="button" @change="openUserTab">
<lay-tab-item v-for="item in tabList" :title="item.title" :id="item.id"></lay-tab-item>
</lay-tab>
<lay-table height="400px" :default-expand-all="true" :columns="userColumns" :data-source="userDataSource">
<template v-slot:scoringrecord_status="{ row }">
<lay-tag v-if="row.scoringrecord_status == 1" type="primary" size="sm">已自评</lay-tag>
<lay-tag v-if="row.scoringrecord_status == 2" size="sm">未自评</lay-tag>
<lay-tag v-if="row.scoringrecord_status == 3" type="warm" size="sm">科室已评</lay-tag>
<lay-tag v-if="row.scoringrecord_status == 4" type="normal" size="sm">医院已评</lay-tag>
<lay-tag v-if="row.scoringrecord_status == 5" color="blue" size="sm">支部已评</lay-tag>
<lay-tag v-if="row.scoringrecord_status == 6" color="#000033" size="sm">总党支已评 </lay-tag>
</template>
<template v-slot:operator="{ row }">
<span v-if="row.if == 2" style="color: #00A394;cursor: pointer"
@click="getMonthlyInfo(row, 1)">考评详情</span>
<span style="color: #999999;cursor: not-allowed" v-if="row.if == 1">未自评</span>
</template>
</lay-table>
</lay-col>
</lay-row>
</lay-container>
</lay-layer>
</lay-container>
</template> </template>
<script setup lang="ts">
import { ref, reactive, onMounted } from 'vue'
import { layer } from '@layui/layui-vue'
import {
getUserGroupNew,
getGroupYear,
getYearUserList,
getYearListFind, getYearListUpdate,
getAnnualFindData
} from "@/api/module/home";
import dayjs from "dayjs";
import { useUserStore } from '@/store/user';
import { useRoute } from 'vue-router'
const route = useRoute()
const userStore = useUserStore()
const userId = ref();
onMounted(() => {
if (route.params.id) {
userId.value = parseInt(route.params.id);
}
getLeftList();
})
const columns6 = ref([
{
title: "考评项目",
width: "300px",
key: "project_name"
},
{
title: "分值",
width: "80px",
align: 'center',
key: "base_score",
customSlot: 'base_score',
totalRow: true
},
{
title: "自评分",
width: "100px",
align: 'center',
customSlot: 'content_score',
key: "content_score",
totalRow: true
}
])
const inputChange = (row) => {
//计算出dataSource6里分数在children下所有的已评总分
let total = 0;
const index = dataSource6.value.findIndex(item => item.id === row.pid);
dataSource6.value[index].children.forEach(item => {
total += parseInt(item.content_score);
});
//找到row的index
dataSource6.value[index].avg_score = total;
dataSource6.value[index].content_score = total;
}
//科室评分总分
const inputKsChange = (row) => {
//计算出dataSource6里分数在children下所有的已评总分
let total = 0;
const index = dataSource6.value.findIndex(item => item.id === row.pid);
dataSource6.value[index].children.forEach(item => {
total += parseInt(item.department_score);
});
dataSource6.value[index].department_score = total;
}
//支部评分总分
const inputZbChange = (row) => {
//计算出dataSource6里分数在children下所有的已评总分
let total = 0;
const index = dataSource6.value.findIndex(item => item.id === row.pid);
dataSource6.value[index].children.forEach(item => {
total += parseInt(item.party_branch_score);
});
dataSource6.value[index].party_branch_score = total;
}
//支部评分总分
const inputListZbShow = () => {
//计算出dataSource6里分数在children下所有的已评总分
dataSource6.value.forEach((item, index) => {
let total = 0;
item.children.forEach(item2 => {
total += parseInt(item2.party_branch_score);
});
dataSource6.value[index].party_branch_score = total;
});
}
//医院评分总分
const inputYyChange = (row) => {
//计算出dataSource6里分数在children下所有的已评总分
let total = 0;
const index = dataSource6.value.findIndex(item => item.id === row.pid);
dataSource6.value[index].children.forEach(item => {
total += parseInt(item.hospital_score);
});
dataSource6.value[index].hospital_score = total;
}
//总党支评分总分
const inputListYyShow = () => {
dataSource6.value.forEach((item, index) => {
let total = 0;
item.children.forEach(item2 => {
total += parseInt(item2.hospital_score);
});
dataSource6.value[index].hospital_score = total;
});
}
//总党支评分总分
const inputZdzChange = (row) => {
//计算出dataSource6里分数在children下所有的已评总分
let total = 0;
const index = dataSource6.value.findIndex(item => item.id === row.pid);
dataSource6.value[index].children.forEach(item => {
total += parseInt(item.overall_party_score);
});
dataSource6.value[index].overall_party_score = total;
}
//总党支评分总分
const inputListZdzShow = () => {
dataSource6.value.forEach((item, index) => {
let total = 0;
item.children.forEach(item2 => {
total += parseInt(item2.overall_party_score);
});
dataSource6.value[index].overall_party_score = total;
});
}
//科室评分总分
const inputListKsShow = () => {
//计算出dataSource6里分数在children下所有的已评总分
dataSource6.value.forEach((item, index) => {
let total = 0;
item.children.forEach(item2 => {
total += parseInt(item2.department_score);
});
dataSource6.value[index].department_score = total;
});
}
//自评列表总分
const inputListZpShow = () => {
//计算出dataSource6里分数在children下所有的已评总分
dataSource6.value.forEach((item, index) => {
let total = 0;
item.children.forEach(item2 => {
total += parseInt(item2.content_score);
});
dataSource6.value[index].avg_score = total;
dataSource6.value[index].content_score = total;
});
}
const userShow = ref(false);
const userColumns = ref([
{ title: '年度', width: '80px', key: 'year', align: 'center' },
{ title: '考评对象', width: '100px', key: 'user', align: 'center' },
{ title: '参评时间', width: '100px', key: 'createtime', align: 'center', customSlot: ({row})=>{
return row.createtime==''||row.createtime==null?'未参评':row.createtime;
} },
{ title: '自评总分', width: '100px', key: 'self_score', align: 'center', customSlot: ({row})=>{
return row.self_score==''||row.self_score==0?'未评分':row.self_score;
} },
{ title: '科室评分', width: '100px', key: 'department_score', align: 'center', customSlot: ({row})=>{
return row.department_score==''||row.department_score==0?'未评分':row.department_score;
} },
{ title: '医院评分', width: '100px', key: 'hospital_score', align: 'center', customSlot: ({row})=>{
return row.hospital_score==''||row.hospital_score==0?'未评分':row.hospital_score;
} },
{ title: '总得分', width: '100px', key: 'total_score', align: 'center', customSlot: ({row})=>{
return row.total_score==''||row.total_score==0?'未评分':row.total_score;
} },
{ title: '状态', width: '100px', key: 'scoringrecord_status', customSlot: 'scoringrecord_status', align: 'center' },
{ title: '操作', width: '100px', key: 'operator', customSlot: 'operator', align: 'center' },
])
const userDataSource = ref([]);
const userTabId = ref(0);
const userInfo = ref({});
const searchAccountUser = ref(dayjs().year());
const openUserListShow = (row) => {
userInfo.value = row;
userShow.value = true;
getUserListInfo();
}
const scoringrecord_status = ref();
const getUserListInfo = () => {
getAnnualFindData({
'user_id': userInfo.value.id,
'evaluation_id': userTabId.value,
'time': searchAccountUser.value
}).then((res) => {
console.log(res)
if (res.code == 1) {
userDataSource.value = res.data;
} else {
userDataSource.value = [];
}
})
}
const openUserTab = (d) => {
console.log(d)
userTabId.value = d;
userDataSource.value = [];
getUserListInfo();
}
const getMonthlyInfo = (item, type) => {
addIsInfo.value = type;
infoShow.value = true;
console.log(item);
item.time = item.year;
getInfoMode(item);
if (type == 1) {
columns6.value = [
{
title: "考评项目",
width: "300px",
key: "project_name"
},
{
title: "分值",
width: "80px",
align: 'center',
key: "base_score",
customSlot: 'base_score',
totalRow: true
},
{
title: "自评分",
width: "100px",
align: 'center',
customSlot: 'content_score',
key: "content_score",
totalRow: true
}, {
title: "科室评分",
width: "100px",
align: 'center',
customSlot: 'department_score',
key: "department_score",
totalRow: true
}, {
title: "支部评分",
width: "100px",
align: 'center',
customSlot: 'party_branch_score',
key: "party_branch_score",
totalRow: true
}, {
title: "总党支评分",
width: "100px",
align: 'center',
customSlot: 'overall_party_score',
key: "overall_party_score",
totalRow: true
}, {
title: "医院评分",
width: "100px",
align: 'center',
customSlot: 'hospital_score',
key: "hospital_score",
totalRow: true
}
];
}
//科室评分
else if (type == 2) {
columns6.value.push({
title: "科室评分",
width: "100px",
align: 'center',
customSlot: 'department_score',
key: "department_score",
totalRow: true
})
} else if (type == 3) {
columns6.value.push({
title: "支部评分",
width: "100px",
align: 'center',
customSlot: 'party_branch_score',
key: "party_branch_score",
totalRow: true
})
} else if (type == 4) {
columns6.value.push({
title: "总党支评分",
width: "100px",
align: 'center',
customSlot: 'overall_party_score',
key: "overall_party_score",
totalRow: true
})
} else {
columns6.value.push({
title: "医院评分",
width: "100px",
align: 'center',
customSlot: 'hospital_score',
key: "hospital_score",
totalRow: true
})
}
}
const toUserSearch = () => {
getUserListInfo();
}
const openTab = (d) => {
console.log(d)
tab_id.value = d;
dataSource.value = [];
page.current = 1;
getList();
}
const page = reactive({ current: 1, limit: 10, total: 1 })
const change = (d) => {
console.log(d);
page.current = d.current;
page.limit = d.limit;
getList();
}
const addIsInfo = ref(1);
const infoShow = ref(false);
const yearmonth = ref(dayjs().year());
const getList = () => {
getYearUserList({
'scoringrecord_status': scoringrecord_status.value,
'user_id': userId.value,
'group_id': group_id.value,
'time': yearmonth.value,
'evaluation_schedule_id': tab_id.value,
page: page.current,
size: page.limit
}).then((res) => {
console.log(res)
if (res.code == 1) {
dataSource.value = res.data.result;
page.total = res.data.count;
} else {
layer.msg(res.msg, { icon: 2 })
}
})
}
const dataSerSource = ref([]);
const getSerList = () => {
getYearUserList({
'group_id': group_id.value,
'time': yearmonth.value,
'evaluation_schedule_id': tab_id.value,
page: 1,
size: 10000
}).then((res) => {
console.log(res)
if (res.code == 1) {
dataSerSource.value = res.data.result;
} else {
layer.msg(res.msg, { icon: 2 })
}
})
}
const thisInfo = ref();
const getInfo = (row, type) => {
infoShow.value = true;
addIsInfo.value = type;
thisInfo.value = row;
getInfoMode(row);
if (type == 1) {
columns6.value = [
{
title: "考评项目",
width: "300px",
key: "project_name"
},
{
title: "分值",
width: "80px",
align: 'center',
key: "base_score",
customSlot: 'base_score',
totalRow: true
},
{
title: "自评分",
width: "100px",
align: 'center',
customSlot: 'content_score',
key: "content_score",
totalRow: true
}, {
title: "科室评分",
width: "100px",
align: 'center',
customSlot: 'department_score',
key: "department_score",
totalRow: true
}, {
title: "支部评分",
width: "100px",
align: 'center',
customSlot: 'party_branch_score',
key: "party_branch_score",
totalRow: true
}, {
title: "总党支评分",
width: "100px",
align: 'center',
customSlot: 'overall_party_score',
key: "overall_party_score",
totalRow: true
}, {
title: "医院评分",
width: "100px",
align: 'center',
customSlot: 'hospital_score',
key: "hospital_score",
totalRow: true
}
];
}
}
const getInfoMode = (row) => {
getYearListFind({
evaluation_schedule_id: tab_id.value,
month: row.time,
user_id: row.id
}).then((res) => {
console.log(res)
if (res.code == 1) {
dataSource6.value = res.data;
inputListZpShow();
inputListKsShow();
inputListZbShow();
inputListZdzShow();
inputListYyShow();
} else {
layer.msg(res.msg, { icon: 2 })
}
})
}
const tabList = ref([]);
const tab_id = ref(0);
const getTabList = () => {
getGroupYear({ 'group_id': group_id.value }).then((res) => {
console.log(res)
if (res.code == 1) {
tabList.value = res.data;
tab_id.value = res.data[0].id;
userTabId.value = res.data[0].id;
getList();
} else {
layer.msg(res.msg, { icon: 2 })
}
})
}
const group_id = ref(1);
const getLeftList = () => {
getUserGroupNew({}).then((res) => {
console.log(res)
if (res.code == 1) {
data.value = res.data;
group_id.value = res.data[0].id;
getTabList();
getSerList();
} else {
layer.msg(res.msg, { icon: 2 })
}
})
}
const data = ref([])
const isFold = ref(false)
function toReset() {
yearmonth.value = dayjs().year();
userId.value = '';
page.current = 1;
scoringrecord_status.value = '';
getList();
}
function handleClick(node: any) {
// selectedNode.value = JSON.parse(JSON.stringify(node))
page.current = 1;
getList();
// change(page)
}
function toSearch() {
page.current = 1;
getList();
}
const loading = ref(false)
const selectedKeys = ref()
const columns = ref([
{ title: '年度', width: '80px', key: 'time', align: 'center' },
{ title: '考评对象', width: '100px', key: 'nickname', customSlot: 'nickname', align: 'center' },
{ title: '工号', width: '100px', key: 'code', align: 'center' },
{ title: '部门', width: '120px', key: 'group_name', align: 'center' },
{ title: '自评总分', width: '100px', key: 'user_scoringrecord', align: 'center', customSlot: ({row})=>{
return row.user_scoringrecord==''||row.user_scoringrecord==0?'未评分':row.user_scoringrecord;
} },
{ title: '科室评分', width: '100px', key: 'department_score_scoringrecord', align: 'center', customSlot: ({row})=>{
return row.department_score_scoringrecord==''||row.department_score_scoringrecord==0?'未评分':row.department_score_scoringrecord;
} },
{ title: '党支部评分', width: '100px', key: 'party_score_scoringrecord', align: 'center', customSlot: ({row})=>{
return row.party_score_scoringrecord==''||row.party_score_scoringrecord==0?'未评分':row.party_score_scoringrecord;
} },
{ title: '党总支评分', width: '100px', key: 'overall_score_scoringrecord', align: 'center', customSlot: ({row})=>{
return row.overall_score_scoringrecord==''||row.overall_score_scoringrecord==0?'未评分':row.overall_score_scoringrecord;
} },
{ title: '医院评分', width: '100px', key: 'hospital_score_scoringrecord', align: 'center', customSlot: ({row})=>{
return row.hospital_score_scoringrecord==''||row.hospital_score_scoringrecord==0?'未评分':row.hospital_score_scoringrecord;
} },
{ title: '总得分', width: '100px', key: 'total_score', align: 'center', customSlot: ({row})=>{
return row.total_score==''||row.total_score==0?'未评分':row.total_score;
} },
{ title: '自评状态', width: '100px', key: 'scoringrecord_status', customSlot: 'scoringrecord_status', align: 'center' },
{
title: '操作',
width: '180px',
customSlot: 'operator',
key: 'operator',
fixed: 'right', align: 'center'
}
])
const dataSource = ref()
const addButton = ref([
{
text: "确认",
callback: async () => {
var json = JSON.stringify(dataSource6.value);
var res = await getYearListUpdate({
'type': thisInfo.value.scoringrecord_status,
'term': thisInfo.value.time,
'json': json,
'user_id': thisInfo.value.id,
evaluation_schedule_id: tab_id.value
});
console.log(res)
if (res.code == 1) {
layer.msg('提交成功！', { icon: 1 })
thisInfo.value = {};
infoShow.value = false;
getList();
} else {
layer.msg(res.msg, { icon: 2 })
}
}
},
{
text: "取消",
callback: () => {
infoShow.value = false;
}
}
])
const layerEnd = () => {
columns6.value = [
{
title: "考评项目",
width: "300px",
key: "project_name"
},
{
title: "分值",
width: "80px",
align: 'center',
key: "base_score",
customSlot: 'base_score',
totalRow: true
},
{
title: "自评分",
width: "100px",
align: 'center',
customSlot: 'content_score',
key: "content_score",
totalRow: true
}
];
}
const dataSource6 = ref([])
</script>
<style>
.layui-table-header .layui-table-cell {
background-color: #ECF8FA !important;
}
.organization-box {
width: calc(100vw - 240px);
height: calc(100vh - 110px);
margin-top: 10px;
box-sizing: border-box;
background-color: #fff;
overflow: hidden;
}
.left-tree {
display: inline-block;
padding: 20px 15px 0 5px;
height: 1200px;
border-right: 1px solid #e6e6e6;
box-sizing: border-box;
position: relative;
}
/* todo layui-tree-entry 设置无效 */
.layui-tree-entry {
position: relative;
padding: 10px 0;
height: 20px;
line-height: 20px;
white-space: nowrap;
}
.isFold {
position: absolute;
top: 36%;
right: -10px;
width: 26px;
height: 26px;
line-height: 26px;
border-radius: 13px;
background-color: #fff;
border: 1px solid #e6e6e6;
cursor: pointer;
}
.search-input {
display: inline-block;
width: 98%;
margin-right: 10px;
}
.isChecked {
display: inline-block;
background-color: #e8f1ff;
color: red;
}
.layui-tab-content {
padding: 0;
}
</style>

187
src/views/year_evaluation_summary/index.vue
View File

@ -1,7 +1,190 @@
<template> <template>
<div> <lay-container style="padding: 20px">
<h1>年度考评汇总</h1> <lay-card>
<div style="padding: 10px">
<span style="font-size: 18px;vertical-align: center;margin-right: 20px">年度考评自动公示</span>
</div> </div>
<lay-table :page="page" height="600px" size="lg" @change="changePage" :columns="columns"
:data-source="dataSource">
<!-- <template v-slot:content="{ data }">
<div v-html="data.content"></div>
</template> -->
<template v-slot:status="{ data }">
<span v-if="data.status == 1">已发布</span>
<span v-if="data.status == 0">已隐藏</span>
</template>
<template v-slot:operator="{ data }">
<lay-space size="lg">
<span style="color: #00A394;cursor: pointer" @click="viewDetail(data)">下载公示</span>
</lay-space>
</template>
</lay-table>
</lay-card>
<lay-layer v-model="detailShow" title="党风廉政教育详情" :type="4" :shade="true" :area="['650px', '100%']"
:btn="detailButton">
<lay-container fluid="true" style="padding: 20px">
<h2 style="text-align: center; margin-bottom: 20px;">{{ detailData.party_style_name }}</h2>
<div class="detail-content" v-html="detailData.party_style_countent"></div>
</lay-container>
</lay-layer>
</lay-container>
</template> </template>
<script setup lang="ts">
import {
educationList,
} from '../../api/module/home'
import { ref, onMounted, reactive, watch, toRaw } from 'vue'
import { layer } from '@layui/layer-vue'
import { useUserStore } from '@/store/user'
const userStore = useUserStore()
// 分页变化
const changePage = (ppc: { current: number; limit: number }) => {
page.current = ppc.current;
page.limit = ppc.limit;
getNoticeList();
}
// 列表数据
const dataSource = ref([]);
// 定义数据类型接口
interface EducationData {
id: number;
party_style_name: string;
party_style_countent: string;
status?: number; // 添加可选的状态字段，如果后端支持
}
// 修改分页参数定义
const page = reactive({
current: 1,
limit: 10,
total: 1
});
onMounted(() => {
getNoticeList()
// Wait for editor to be mounted and initialized
// nextTick(() => {
// // Add null check before accessing editor
// if (editorRef.value && editorRef.value.getQuill()) {
// // Initialize title tooltips
// initTitle()
// // Add paste event listener
// const editor = editorRef.value.getQuill()
// editor.root.addEventListener('paste', customPaste, false)
// }
// })
});
const getNoticeList = () => {
educationList({ page: page.current, size: page.limit }).then((res: any) => {
if (res.code == 1) {
dataSource.value = res.data.data;
page.total = res.data.count;
} else {
layer.msg(res.msg, { icon: 2 })
}
})
}
const columns = [
{
title: "年度",
width: "180px",
key: "party_style_name",
align: 'center'
},
{
title: "考评人数",
width: "180px",
key: "createtime",
align: 'center'
},
{
title: "已考评人数",
width: "180px",
key: "createtime",
align: 'center'
},
{
title: '操作',
width: '120px',
customSlot: 'operator',
key: 'operator',
align: 'center',
fixed: 'right'
}
]
// 详情查看相关
const detailShow = ref(false);
const detailData = reactive<EducationData>({
id: 0,
party_style_name: '',
party_style_countent: ''
});
const viewDetail = (data: EducationData) => {
detailShow.value = true;
detailData.id = data.id;
detailData.party_style_name = data.party_style_name;
detailData.party_style_countent = data.party_style_countent;
}
const detailButton = ref([
{
text: "关闭",
callback: () => {
detailShow.value = false;
}
}
])
</script>
<style scoped>
:deep(.w-e-text-container) {
min-height: 400px !important;
}
:deep(.w-e-toolbar) {
border: 1px solid #ddd !important;
border-bottom: none !important;
}
:deep(.w-e-text-container) {
border: 1px solid #ddd !important;
border-top: none !important;
}
:deep(.ql-editor) {
height: 300px;
width: 100%;
}
:deep(.layui-input-block) {
max-width: 85%;
}
:deep(.detail-content) {
padding: 10px;
max-height: calc(100vh - 200px);
overflow-y: auto;
}
/* 添加视频自适应样式 */
:deep(.detail-content video) {
max-width: 100%;
height: auto;
}
:deep(.detail-content iframe) {
max-width: 100%;
width: 100%;
aspect-ratio: 16 / 9;
}
</style>