1.新增医德征求意见管理,生成二维码,查看列表,详情
2.h5新增医德征求意见管理,院内,院外 3.h5新增清廉执照展示,扫二维码访问 4.加减分审核增加选择导出excel 5.考评列表增加选择导出excel 6.拒收红包列表增加导出excel 7.新增年度汇总中的考评汇总,增加考评结果查询
This commit is contained in:
parent
d6f901885c
commit
64ed366b73
1
components.d.ts
vendored
1
components.d.ts
vendored
@ -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']
|
||||
|
@ -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)
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
@ -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>
|
||||
|
@ -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
|
||||
|
@ -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",
|
||||
|
@ -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>
|
||||
|
@ -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',
|
||||
|
@ -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">
|
||||
<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) => {
|
||||
//计算出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>
|
||||
|
@ -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>
|
Loading…
x
Reference in New Issue
Block a user