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

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

1
components.d.ts vendored
View File

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

View File

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

View File

@ -5,11 +5,11 @@
<div v-show="!isFold">
科室列表
</div>
<lay-tree v-show="!isFold" style="margin-top: 10px" :data="data" v-model:selectedKey="selectedKey"
:showLine="showLine" :expandKeys="[1, 3, 4]" @node-click="handleClick">
<lay-tree v-show="!isFold" style="margin-top: 10px" :data="data" v-model:selectedKey="leftId"
:showLine="false" @node-click="handleClick">
<template #title="{ data }">
<span :class="selectedKey == data.id ? 'isChecked' : ''">
{{ data.title }} {{ data.id }}
<span :class="leftId == data.id ? 'isChecked' : ''">
{{ data.name }}
</span>
</template>
</lay-tree>
@ -18,402 +18,132 @@
<lay-icon v-else class="layui-icon-right"></lay-icon>
</div>
</div>
<div style="flex: 1; padding: 10px; over-flow: auto">
<!-- table -->
<lay-card>
<lay-form>
<lay-row>
<lay-col :md="5">
<lay-form-item label="用户账号" label-width="80">
<lay-input v-model="searchQuery.userAccount" 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-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>
<div style="flex: 1; padding: 10px; overflow: auto">
<div style="padding: 10px">
<span
class="page-title"
style="font-size: 18px;vertical-align: center;margin-right: 20px;vertical-align: middle;">医德征求意见管理</span>
<lay-button @click="openQrCode(1)" type="primary" size="sm">二维码院内</lay-button>
<lay-button @click="openQrCode(2)" type="primary" size="sm">二维码院外</lay-button>
</div>
<lay-table :page="page" height="600px" :columns="columns" :loading="loading" :data-source="dataSource"
@change="change">
<template #politics_type="{ row }">
<lay-tag color="#165DFF" v-if="row.politics_type == 1" size="sm">院外</lay-tag>
<lay-tag type="primary" v-if="row.politics_type == 2" size="sm">院内</lay-tag>
</template>
<template #role="{ row }">
<lay-tag color="#165DFF" variant="light">{{ row.role }}</lay-tag>
</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 #operator="{ row }">
<span @click="openInfo(row)" class="action-btn" style="color: #00A394;cursor: pointer">详情</span>
</template>
</lay-table>
</div>
</div>
<lay-layer v-model="visible11" :title="title" :area="['500px', '400px']">
<div style="padding: 20px">
<lay-form :model="model11" ref="layFormRef11" required>
<lay-form-item label="部门名称" prop="department">
<lay-input v-model="model11.department"></lay-input>
</lay-form-item>
<lay-form-item label="意见内容" prop="content">
<lay-textarea v-model="model11.content" placeholder="请输入意见内容"></lay-textarea>
</lay-form-item>
<lay-form-item label="是否采纳" prop="status">
<lay-switch v-model="model11.status"></lay-switch>
</lay-form-item>
</lay-form>
<div style="width: 100%; text-align: center">
<lay-button size="sm" type="primary" @click="toSubmit">保存</lay-button>
<lay-button size="sm" @click="toCancel">取消</lay-button>
<lay-layer v-model="showQrCode" title="二维码" :area="['400px', '400px']">
<div style="text-align: center">
<lay-qrcode :text="baseURL+'/h5/pages/index/hospital'" :width="300" v-if="qeCode == 1"></lay-qrcode>
<lay-qrcode :text="baseURL+'/h5/pages/index/hospital_nei'" :width="300" v-if="qeCode == 2"></lay-qrcode>
</div>
</lay-layer>
<lay-layer v-model="showInfo" title="意见详情" :type="4" :area="['600px', '100%']">
<div class="info-container">
<div class="info-section">
<div class="info-item"><span class="info-label">提交人</span>{{ infoData.nickname }}</div>
<div v-if="infoData.politics_type == 1" class="info-item">
<div class="info-item"><span class="info-label">手机号</span>{{ infoData.phone }}</div>
</div>
<div class="info-item"><span class="info-label">科室</span>{{ infoData.group_name }}</div>
<div class="info-item"><span class="info-label">类型</span>{{ infoData.politics_type == 1 ? '院外' : '院内' }}</div>
<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>
</lay-layer>
</lay-container>
</template>
<script setup lang="ts">
import { ref, reactive } from 'vue'
import { ref, reactive, onMounted } from '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 searchQuery = ref({
userAccount: '',
userName: '',
sex: ''
const showQrCode = ref(false)
onMounted(() => {
console.log(baseURL);
getLeftList();
})
function toReset() {
searchQuery.value = {
userAccount: '',
userName: '',
sex: ''
}
}
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 leftId = ref(0);
const data = ref()
const dataSource = ref([]);
const getLeftList = () => {
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 toSearch() {
page.current = 1
change(page)
const rightList = () => {
getSolicitopinionsIndex({ group_id: leftId.value, page: page.current, size: page.limit }).then((res) => {
console.log(res)
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 selectedKeys = ref()
const page = reactive({ current: 1, limit: 10, total: 100 })
const page = reactive({ current: 1, limit: 10, total: 0 })
const columns = ref([
{ title: '选项', width: '55px', type: 'checkbox', fixed: 'left' },
{ title: '编号', width: '80px', key: 'id', fixed: 'left' },
{ title: '部门名称', width: '120px', key: 'department' },
{ title: '意见内容', width: '300px', key: 'content' },
{ title: '是否采纳', width: '100px', customSlot: 'status' },
{ title: '部门名称', width: '120px', key: 'group_name', align: 'center' },
{ title: '提交人', width: '120px', key: 'nickname', align: 'center' },
{ title: '意见内容', width: '300px', key: 'content', align: 'center', ellipsis: true },
{ title: '类型', width: '300px', key: 'politics_type', align: 'center', customSlot: 'politics_type' },
{
title: '操作',
width: '150px',
customSlot: 'operator',
key: 'operator',
fixed: 'right'
fixed: 'right',
align: 'center'
}
])
const change = (page: any) => {
loading.value = true
setTimeout(() => {
dataSource.value = loadDataSource(page.current, page.limit)
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 change = (p) => {
page.current = p.current;
page.limit = p.limit;
rightList();
}
const model22 = ref({
organization: '',
name: '',
fullName: '',
code: '',
type: '',
sort: 0,
remark: ''
})
const layFormRef22 = ref()
const visible22 = ref(false)
const title22 = ref('新建')
</script>
<style scoped>
@ -424,6 +154,8 @@ const title22 = ref('新建')
box-sizing: border-box;
background-color: #fff;
overflow: hidden;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}
.left-tree {
@ -433,6 +165,7 @@ const title22 = ref('新建')
border-right: 1px solid #e6e6e6;
box-sizing: border-box;
position: relative;
transition: width 0.3s ease-in-out;
}
/* todo layui-tree-entry 设置无效 */
@ -455,6 +188,14 @@ const title22 = ref('新建')
background-color: #fff;
border: 1px solid #e6e6e6;
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 {
@ -465,7 +206,95 @@ const title22 = ref('新建')
.isChecked {
display: inline-block;
background-color: #e8f1ff;
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>

View File

@ -19,48 +19,48 @@
<lay-icon v-else class="layui-icon-right"></lay-icon>
</div>
</div>
<div style="flex: 1; padding: 10px; over-flow: auto">
<div style="flex: 1; padding: 10px; overflow: auto">
<!-- table -->
<lay-card>
<lay-form style="margin-top: 20px">
<lay-row style="min-width: 1200px">
<lay-col :md="5">
<lay-form-item label="发生时间:" :label-width="100">
<lay-date-picker style="width: 100%" v-model="searchForm.fsdate"
placeholder="发生时间" allow-clear></lay-date-picker>
</lay-form-item>
</lay-col>
<lay-col :md="6" >
<lay-form-item label="考评对象:" :label-width="100">
<lay-select v-model="searchForm.user_id" placeholder="请选择考评对象"
:show-search="true">
<lay-select-option v-for="user in userList" :key="user.id"
:value="user.id" :label="user.nickname">
</lay-select-option>
</lay-select>
</lay-form-item>
</lay-col>
<lay-col :md="4">
<lay-form-item label="审核状态:" :label-width="100">
<lay-select style="width: 100%" v-model="searchForm.status"
placeholder="审核状态">
<lay-select-option :value="1" label="待审核"></lay-select-option>
<lay-select-option :value="2" label="已通过"></lay-select-option>
<lay-select-option :value="3" label="已驳回"></lay-select-option>
</lay-select>
</lay-form-item>
</lay-col>
<lay-col :md="4">
<lay-form-item :label-width="0">
<lay-button style="margin-left: 20px" type="primary"
@click="toSearch">查询</lay-button>
<lay-button @click="toReset">重置</lay-button>
</lay-form-item>
</lay-col>
</lay-row>
</lay-form>
<lay-row style="min-width: 1200px">
<lay-col :md="5">
<lay-form-item label="发生时间:">
<lay-date-picker style="width: 100%" v-model="searchForm.fsdate" placeholder="发生时间"
allow-clear></lay-date-picker>
</lay-form-item>
</lay-col>
<lay-col :md="6">
<lay-form-item label="考评对象:">
<lay-select v-model="searchForm.user_id" placeholder="请选择考评对象" :show-search="true">
<lay-select-option v-for="user in userList" :key="user.id" :value="user.id" :label="user.nickname">
</lay-select-option>
</lay-select>
</lay-form-item>
</lay-col>
<lay-col :md="5">
<lay-form-item label="审核状态:" :label-width="100">
<lay-select style="width: 140px" v-model="searchForm.status" placeholder="审核状态">
<lay-select-option :value="1" label="待审核"></lay-select-option>
<lay-select-option :value="2" label="已通过"></lay-select-option>
<lay-select-option :value="3" label="已驳回"></lay-select-option>
</lay-select>
</lay-form-item>
</lay-col>
<lay-col :md="4">
<lay-form-item :label-width="0">
<lay-button style="margin-left: 20px" type="primary" @click="toSearch">查询</lay-button>
<lay-button @click="toReset">重置</lay-button>
</lay-form-item>
</lay-col>
</lay-row>
</lay-form>
</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 }">
<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>
@ -73,17 +73,20 @@
</template>
<template v-slot:operator="{ data }">
<lay-space size="lg">
<span style="color: #00A394;cursor: pointer" @click="showDetail(data)">详情</span>
<lay-popconfirm v-if="data.status == 1" trigger="click" content="请确认你的操作,流程将结束" cancelText="审核拒绝" confirmText="审核通过" @confirm="confirm(data, 2)"
@cancel="confirm(data, 3)">
<span style="color: #00A394;cursor: pointer">审核</span>
</lay-popconfirm>
<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)" @cancel="confirm(data, 3)">
</lay-popconfirm> -->
<span v-if="data.status == 1" style="color: #00A394;cursor: pointer"
@click="showDetail(data, 2)">审核</span>
</lay-space>
</template>
</lay-table>
</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">
<lay-descriptions title="考评信息" :column="2" border>
<lay-descriptions-item label="考评人">
@ -119,9 +122,17 @@
<a style="color: #009688" :href="detailForm.fj_url" target="_blank">附件下载</a>
</lay-descriptions-item>
</lay-descriptions>
<div style="text-align: center; margin-top: 20px;">
<lay-button @click="detailVisible = false">关闭</lay-button>
</div>
<lay-descriptions v-if="showType == 2" title="审核" :column="1" border style="margin-top: 20px">
<lay-descriptions-item label="状态">
<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>
</lay-layer>
</lay-container>
@ -131,18 +142,34 @@ import { ref, reactive, onMounted } from 'vue'
import { layer } from '@layui/layui-vue'
import { getAdditionIndexManage, getAdditionIndexManageExamine, getDoctorName, getUserGroupNew } from '@/api/module/home';
import { useUserStore } from '@/store/user';
import { baseURL } from '@/api/http';
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(() => {
getLeftList();
getUserAllList();
})
const userList = ref([]);
const getUserAllList = () => {
getDoctorName({}).then((res) => {
if (res.code === 1) {
userList.value = res.data;
}
})
getDoctorName({}).then((res) => {
if (res.code === 1) {
userList.value = res.data;
}
})
}
const leftId = ref(0);
const data = ref()
@ -171,30 +198,31 @@ const getUserList = () => {
}
//
const toSearch = () => {
page.current = 1
dataSource.value = []
getUserList()
page.current = 1
dataSource.value = []
getUserList()
}
//
const handlePageChange = (d) => {
console.log(d);
getUserList()
console.log(d);
getUserList()
}
//
const toReset = () => {
searchForm.value = {
fsdate: '',
user_id: '',
status: ''
}
page.current = 1
dataSource.value = []
getUserList()
searchForm.value = {
fsdate: '',
user_id: '',
status: ''
}
page.current = 1
dataSource.value = []
getUserList()
}
const loading = ref(false)
const selectedKeys = ref()
const page = reactive({ current: 1, limit: 10, total: 1 })
const columns = ref([
{ title: "选项", width: "55px", type: "checkbox", fixed: "left" },
{
title: "序号",
width: "80px",
@ -264,27 +292,43 @@ const detailForm = ref({
})
//
const searchForm = ref({
fsdate: '',
user_id: '',
status: ''
fsdate: '',
user_id: '',
status: ''
})
const showType = ref(1)
//
const showDetail = (row: any) => {
const showDetail = (row: any, type: number) => {
detailForm.value = row
detailVisible.value = true
detailVisible.value = true;
showType.value = type;
isId.value = row.id;
}
const confirm = (data: any, status: number) => {
console.log(data, status)
getAdditionIndexManageExamine({ id: data.id, status: status }).then((res) => {
if (res.code == 1) {
layer.msg(res.msg, { icon: 1 })
} else {
layer.msg(res.msg, { icon: 2 })
const isId = ref(0);
const addButton = ref([
{
text: "确认",
callback: async () => {
getAdditionIndexManageExamine({ id: isId.value, status: type.value }).then((res) => {
if (res.code == 1) {
layer.msg(res.msg, { icon: 1 })
} else {
layer.msg(res.msg, { icon: 2 })
}
getUserList();
})
detailVisible.value = false;
}
getUserList();
})
}
},
{
text: "取消",
callback: () => {
detailVisible.value = false;
}
}
])
//
const handleClick = (node: any) => {
leftId.value = node.id

View File

@ -40,8 +40,11 @@
</lay-row>
</lay-form>
</lay-card>
<lay-table :page="page" @change="handlePageChange" height="600px" :columns="columns" :loading="loading"
:data-source="dataSource" size="lg">
<lay-table :page="page" id="user_id" @change="handlePageChange" height="600px" :columns="columns"
: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 }">
<lay-space size="lg">
<span style="color: #00A394;cursor: pointer" @click="showDetail(data, 1)">加分详情</span>
@ -55,8 +58,7 @@
<lay-container fluid="true" style="padding: 20px">
<lay-row :space="10">
<lay-col :md="24">
<lay-table height="400px" :columns="userColumns"
:data-source="userDataSource">
<lay-table height="400px" :columns="userColumns" :data-source="userDataSource">
</lay-table>
</lay-col>
</lay-row>
@ -69,12 +71,28 @@ import { ref, reactive, onMounted } from 'vue'
import { layer } from '@layui/layui-vue'
import { monthlyEvaluationGroupIndexrecords, getAdditionIndexManageExamine, getDoctorName, getUserGroupNew, evaluationGroupIndexrecordsList } from '@/api/module/home';
import { useUserStore } from '@/store/user';
import { baseURL } from '@/api/http';
const userStore = useUserStore()
import dayjs from "dayjs";
onMounted(() => {
getLeftList();
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([
{
title: "月度",
@ -170,6 +188,7 @@ const toReset = () => {
const loading = ref(false)
const page = reactive({ current: 1, limit: 10, total: 1 })
const columns = ref([
{ fixed: "left", type: "checkbox", title: "复选" },
{
title: "月度",
width: "120px",

View File

@ -20,6 +20,10 @@
<span class="label">姓名</span>
<span class="value">{{ userInfo.nickname }}</span>
</div>
<div class="info-item">
<span class="label">身份证号码</span>
<span class="value">{{ userInfo.member_code || '暂无' }}</span>
</div>
<div class="info-item">
<span class="label">工号</span>
<span class="value">{{ userInfo.code }}</span>
@ -74,12 +78,12 @@
<!-- 证件信息区域 -->
<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-item">
<span class="label">身份证号码</span>
<span class="value">{{ userInfo.member_code || '暂无' }}</span>
</div>
<div class="info-item">
<span class="label">资格证编码</span>
<span class="value">{{ userInfo.certificate_code || '暂无' }}</span>
@ -91,7 +95,8 @@
<div class="info-item">
<span class="label">执业证图片</span>
<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;" />
</a>
<span v-else>暂无</span>
@ -238,17 +243,20 @@
</div>
</div>
</lay-card>
<lay-card>
</lay-card>
<lay-layer v-model="showQrCode" title="二维码" :area="['400px', '400px']">
<div style="text-align: center">
<lay-qrcode :text="baseURL+'/h5/pages/index/user_license?id='+userInfo.id" :width="300"></lay-qrcode>
</div>
</lay-layer>
</div>
</template>
<script setup>
<script setup>
import { ref, computed, onMounted } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import dayjs from "dayjs";
import { useUserStore } from '@/store/user';
import { baseURL } from '@/api/http';
import {
getAnnualFindData, getPersonalProfile, getGroupYear
} from "@/api/module/home";
@ -256,24 +264,11 @@ const userStore = useUserStore()
const route = useRoute()
// const userId = ref(route.query.id || '1');
const userInfo = ref({});
const loading = ref(true);
const defaultAvatar = ref('/src/assets/default-avatar.png');
const groupName = ref('');
const partyName = ref('');
const roleName = ref('');
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([]);
// 使
@ -357,6 +352,10 @@ const userColumns = ref([
{ title: '总得分', width: '100px', key: 'total_score', align: 'center' },
{ title: '状态', width: '100px', key: 'scoringrecord_status', customSlot: 'scoringrecord_status', align: 'center' },
])
const showQrCode = ref(false);
const openQrCode = () => {
showQrCode.value = true;
}
</script>
<style>

View File

@ -70,7 +70,10 @@
<span style="font-size: 18px;vertical-align: center;margin-right: 20px">拒收红包审核</span>
</div>
<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 }">
<lay-checkbox v-model="data.checked" :value="data.checked"></lay-checkbox>
</template>
@ -103,7 +106,7 @@
<!-- 修改详情弹窗内容 -->
<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">
<lay-descriptions title="基本信息" :column="2" border>
<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 { layer } from '@layui/layui-vue';
import { useUserStore } from '@/store/user';
import { baseURL } from '@/api/http';
const userStore = useUserStore()
//
const searchForm = ref({
@ -181,6 +185,21 @@ const searchForm = ref({
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({
current: 1,
@ -188,7 +207,7 @@ const page = reactive({
total: 1
})
const type = ref(1)
const type = ref(2)
const id = ref(0)
const reason = ref('')
@ -247,6 +266,7 @@ const formatRefundType = (type) => {
//
const columns = [
{ fixed: "left", type: "checkbox", title: "复选", align: 'center', width: '80px' },
{
title: '发生日期',
width: '120px',
@ -267,7 +287,7 @@ const columns = [
},
{
title: '病区',
width: '120px',
width: '100px',
key: 'bq_name',
align: 'center'
},
@ -279,7 +299,7 @@ const columns = [
},
{
title: '退还金额',
width: '100px',
width: '110px',
key: 'refunding_amount',
align: 'center',
customSlot: 'refundAmount'
@ -299,14 +319,14 @@ const columns = [
},
{
title: '状态',
width: '130px',
width: '120px',
key: 'status',
align: 'center',
customSlot: 'status'
},
{
title: '操作',
width: '150px',
width: '130px',
key: 'operation',
align: 'center',
fixed: 'right',

View File

@ -1,7 +1,818 @@
<template>
<div>
<h1>年度考评汇总管理</h1>
</div>
<lay-container fluid="true" class="organization-box">
<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 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>
<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) => {
//dataSource6children
let total = 0;
const index = dataSource6.value.findIndex(item => item.id === row.pid);
dataSource6.value[index].children.forEach(item => {
total += parseInt(item.content_score);
});
//rowindex
dataSource6.value[index].avg_score = total;
dataSource6.value[index].content_score = total;
}
//
const inputKsChange = (row) => {
//dataSource6children
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) => {
//dataSource6children
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 = () => {
//dataSource6children
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) => {
//dataSource6children
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) => {
//dataSource6children
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 = () => {
//dataSource6children
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 = () => {
//dataSource6children
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>

View File

@ -1,7 +1,190 @@
<template>
<div>
<h1>年度考评汇总</h1>
</div>
<lay-container style="padding: 20px">
<lay-card>
<div style="padding: 10px">
<span style="font-size: 18px;vertical-align: center;margin-right: 20px">年度考评自动公示</span>
</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>
<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>