597 lines
19 KiB
Vue
Raw Normal View History

2025-02-19 18:03:41 +08:00
<template>
<lay-container fluid="true" class="organization-box">
<div style="display: flex">
<div :style="{ width: isFold ? `0px` : `230px` }" class="left-tree">
2025-03-19 18:01:50 +08:00
<div v-if="!isFold">科室列表</div>
2025-02-19 18:03:41 +08:00
<lay-tree v-show="!isFold" style="margin-top: 10px" :data="data" v-model:selectedKey="group_id"
2025-03-19 18:01:50 +08:00
:showLine="false" @node-click="handleClick">
2025-02-19 18:03:41 +08:00
<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">
2025-02-19 18:03:41 +08:00
<!-- table -->
<lay-card>
<lay-form>
<lay-row>
<lay-col :md="5">
<lay-form-item label="年" label-width="80px">
2025-03-19 18:01:50 +08:00
<lay-date-picker type="year" v-model="year" placeholder="年" allow-clear></lay-date-picker>
2025-02-19 18:03:41 +08:00
</lay-form-item>
</lay-col>
<lay-col :md="5">
<lay-form-item label="季度" label-width="80px">
<lay-select v-model="quarter" 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-option :value="4" label="第四季度"></lay-select-option>
</lay-select>
</lay-form-item>
</lay-col>
2025-03-19 18:01:50 +08:00
<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+'('+item.code+')'"></lay-select-option>
2025-03-19 18:01:50 +08:00
</lay-select>
</lay-form-item>
</lay-col>
2025-02-19 18:03:41 +08:00
<lay-col :md="5">
<lay-form-item label-width="20">
2025-03-18 14:18:28 +08:00
<lay-button style="margin-left: 20px" type="primary" size="sm" @click="toSearch">
2025-02-19 18:03:41 +08:00
查询
</lay-button>
<lay-button size="sm" @click="toReset"> 重置</lay-button>
</lay-form-item>
</lay-col>
</lay-row>
</lay-form>
</lay-card>
2025-03-19 18:01:50 +08:00
<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>
2025-02-19 18:03:41 +08:00
</lay-tab>
2025-03-19 18:01:50 +08:00
<lay-table :page="page" height="600px" :columns="columns" :loading="loading" :data-source="dataSource"
@change="pageChange">
<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="danger" size="sm">医院已评</lay-tag>
2025-03-19 18:01:50 +08:00
</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 == 3 && userStore.userInfo.level == 3"
@click="getInfo(row, 3)">医院评分</span>
<span style="color: #00A394;cursor: pointer" v-if="row.scoringrecord_status == 1"
@click="getInfo(row, 2)">科室评分</span>
<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>
2025-02-19 18:03:41 +08:00
</div>
</div>
2025-03-19 18:01:50 +08:00
<lay-layer v-model="infoShow" title="自评详情" :type="4" :shade="true" :area="['950px', '100%']"
2025-03-22 16:19:55 +08:00
:btn="addIsInfo != 1 ? addButton : ''">
2025-02-19 18:03:41 +08:00
<lay-container fluid="true" style="padding: 20px">
<lay-table :default-expand-all="true" ref="tableRef6" children-column-name="children" :columns="columns6"
2025-03-19 18:01:50 +08:00
:data-source="dataSource6">
2025-03-22 16:19:55 +08:00
<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>
2025-02-19 18:03:41 +08:00
</template>
2025-03-22 16:19:55 +08:00
<template v-slot:content_score="{ row, column, rowIndex }">
<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>
2025-03-18 18:02:10 +08:00
</template>
2025-03-22 16:19:55 +08:00
<template v-slot:department_score="{ row, rowIndex }">
<div v-if="row.pid == 0">已评分{{ row.department_score ? row.department_score : 0 }}</div>
<lay-input-number :disabled="addIsInfo==1" @change="inputKsChange(row)" v-if="row.pid != 0" :min="0" :max="row.base_score" v-model="row.department_score"
position="right"></lay-input-number>
2025-02-19 18:03:41 +08:00
</template>
</lay-table>
</lay-container>
</lay-layer>
2025-03-11 17:00:48 +08:00
<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">
2025-03-18 14:18:28 +08:00
<lay-button type="primary" size="sm" @click="toUserSearch">查询</lay-button>
<lay-button size="sm" @click="toReset">重置</lay-button>
2025-03-11 17:00:48 +08:00
</lay-form-item>
</lay-col>
</lay-row>
</lay-form>
</lay-card>
</lay-col>
<lay-col :md="24">
2025-03-19 18:01:50 +08:00
<lay-tab v-model="userTabId" @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"
2025-03-11 17:00:48 +08:00
:data-source="userDataSource">
2025-03-19 18:01:50 +08:00
<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="danger" size="sm">医院已评</lay-tag>
2025-03-19 18:01:50 +08:00
</template>
2025-03-11 17:00:48 +08:00
<template v-slot:operator="{ row }">
2025-03-18 18:02:10 +08:00
<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>
2025-03-11 17:00:48 +08:00
</template>
</lay-table>
</lay-col>
</lay-row>
</lay-container>
</lay-layer>
2025-02-19 18:03:41 +08:00
</lay-container>
</template>
<script setup lang="ts">
2025-03-19 18:01:50 +08:00
import { ref, reactive, onMounted } from 'vue'
import { layer } from '@layui/layui-vue'
2025-02-19 18:03:41 +08:00
import {
getUserGroupNew,
getGroupQuarter,
getQuarterUserList,
getQuarterListFind,
2025-03-11 17:00:48 +08:00
getQuarterListUpdate,
getQuarterlyFindData
2025-02-19 18:03:41 +08:00
} from "@/api/module/home";
import dayjs from "dayjs";
2025-03-19 18:01:50 +08:00
import { useUserStore } from '@/store/user';
import { useRoute } from 'vue-router'
const route = useRoute()
const userStore = useUserStore()
const userId = ref();
2025-02-19 18:03:41 +08:00
onMounted(() => {
2025-03-19 18:01:50 +08:00
if(route.params.id){
console.log(route.params.id);
userId.value = parseInt(route.params.id);
}
2025-02-19 18:03:41 +08:00
getLeftList();
})
2025-03-11 17:00:48 +08:00
const userShow = ref(false);
const userColumns = ref([
{ title: '季度', width: '80px', key: 'quarter', 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' },
2025-03-19 18:01:50 +08:00
{ title: '状态', width: '100px', key: 'scoringrecord_status', customSlot: 'scoringrecord_status', align: 'center' },
2025-03-11 17:00:48 +08:00
{ 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;
userDataSource.value = [];
2025-03-11 17:00:48 +08:00
getUserListInfo();
}
2025-03-22 16:19:55 +08:00
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 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;
});
}
2025-03-11 17:00:48 +08:00
const getUserListInfo = () => {
getQuarterlyFindData({
'user_id': userInfo.value.id,
'evaluation_id': userTabId.value,
'time': searchAccountUser.value
}).then((res) => {
console.log(res)
2025-03-19 18:01:50 +08:00
if (res.code == 1) {
2025-03-11 17:00:48 +08:00
userDataSource.value = res.data;
2025-03-19 18:01:50 +08:00
} else {
2025-03-11 17:00:48 +08:00
userDataSource.value = [];
}
})
}
const openUserTab = (d) => {
console.log(d)
userTabId.value = d;
userDataSource.value = [];
getUserListInfo();
}
2025-03-19 18:01:50 +08:00
const getMonthlyInfo = (item, type) => {
addIsInfo.value = type;
2025-03-11 17:00:48 +08:00
infoShow.value = true;
console.log(item);
2025-03-19 18:01:50 +08:00
item.time = item.quarter;
2025-03-11 17:00:48 +08:00
getInfoMode(item);
}
const toUserSearch = () => {
getUserListInfo();
}
2025-02-19 18:03:41 +08:00
const openTab = (d) => {
console.log(d)
tab_id.value = d;
dataSource.value = [];
page.current = 1;
getList();
}
2025-03-19 18:01:50 +08:00
const page = reactive({ current: 1, limit: 10, total: 1 })
const pageChange = (d) => {
2025-02-19 18:03:41 +08:00
console.log(d);
page.current = d.current;
page.limit = d.limit;
getList();
}
const addIsInfo = ref(1);
const infoShow = ref(false);
const year = ref(dayjs().year());
const quarter = ref(1);
const yearmonth = ref();
const getList = () => {
getQuarterUserList({
2025-03-19 18:01:50 +08:00
'user_id': userId.value,
2025-02-19 18:03:41 +08:00
'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 {
2025-03-19 18:01:50 +08:00
layer.msg(res.msg, { icon: 2 })
}
})
}
const dataSerSource = ref([]);
const getSserList = () => {
getQuarterUserList({
'group_id': group_id.value,
'time': yearmonth.value,
'evaluation_schedule_id': tab_id.value,
page: 1,
size: 999
}).then((res) => {
console.log(res)
if (res.code == 1) {
dataSerSource.value = res.data.result;
page.total = res.data.count;
} else {
layer.msg(res.msg, { icon: 2 })
2025-02-19 18:03:41 +08:00
}
})
}
2025-03-19 18:01:50 +08:00
2025-02-19 18:03:41 +08:00
const thisInfo = ref();
2025-03-19 18:01:50 +08:00
const getInfo = (row, type) => {
2025-02-19 18:03:41 +08:00
infoShow.value = true;
2025-03-11 17:00:48 +08:00
addIsInfo.value = type;
2025-02-19 18:03:41 +08:00
console.log(row);
thisInfo.value = row;
getInfoMode(row);
2025-03-22 16:19:55 +08:00
// if (row.scoringrecord_status == 4 && userStore.userInfo.level != 3) {
// columns6.push({
// title: "医院评分",
// width: "100px",
// align: 'center',
// customSlot: 'yyinput',
// key: "yyinput"
// });
// }
2025-03-19 18:01:50 +08:00
2025-02-19 18:03:41 +08:00
}
2025-03-19 18:01:50 +08:00
2025-02-19 18:03:41 +08:00
const getInfoMode = (row) => {
getQuarterListFind({
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;
2025-03-22 16:19:55 +08:00
inputListZpShow();
inputListKsShow();
2025-02-19 18:03:41 +08:00
} else {
2025-03-19 18:01:50 +08:00
layer.msg(res.msg, { icon: 2 })
2025-02-19 18:03:41 +08:00
}
})
}
const tabList = ref([]);
const tab_id = ref(0);
const getTabList = () => {
2025-03-19 18:01:50 +08:00
getGroupQuarter({ 'group_id': group_id.value }).then((res) => {
2025-02-19 18:03:41 +08:00
console.log(res)
if (res.code == 1) {
tabList.value = res.data;
tab_id.value = res.data[0].id;
2025-03-11 17:00:48 +08:00
userTabId.value = res.data[0].id;
2025-02-19 18:03:41 +08:00
getList();
} else {
2025-03-19 18:01:50 +08:00
layer.msg(res.msg, { icon: 2 })
2025-02-19 18:03:41 +08:00
}
})
}
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();
2025-03-19 18:01:50 +08:00
getSserList();
2025-02-19 18:03:41 +08:00
} else {
2025-03-19 18:01:50 +08:00
layer.msg(res.msg, { icon: 2 })
2025-02-19 18:03:41 +08:00
}
})
}
const data = ref([])
const isFold = ref(false)
const searchQuery = ref({
year: '',
evaluateTarget: '',
status: ''
})
function toReset() {
searchQuery.value = {
year: '',
evaluateTarget: '',
status: ''
}
userId.value = '';
getList();
getSserList();
2025-02-19 18:03:41 +08:00
}
function handleClick(node: any) {
// selectedNode.value = JSON.parse(JSON.stringify(node))
page.current = 1;
group_id.value = node.id;
2025-02-19 18:03:41 +08:00
getList();
getSserList();
2025-02-19 18:03:41 +08:00
// change(page)
}
function toSearch() {
page.current = 1;
2025-03-19 18:01:50 +08:00
yearmonth.value = year.value + '-' + quarter.value;
2025-02-19 18:03:41 +08:00
getList();
}
const loading = ref(false)
const selectedKeys = ref()
const columns = ref([
2025-03-19 18:01:50 +08:00
{ title: '选项', width: '55px', type: 'checkbox', align: 'center' },
{ title: '序号', width: '60px', key: 'id', align: 'center' },
{ 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: 'hospital_score_scoringrecord', align: 'center' },
{ 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: 'user_scoringrecord', align: 'center', customSlot: ({row})=>{
return row.user_scoringrecord==''||row.user_scoringrecord==0?'未评分':row.user_scoringrecord;
} },
2025-03-19 18:01:50 +08:00
{ title: '自评状态', width: '100px', key: 'scoringrecord_status', customSlot: 'scoringrecord_status', align: 'center' },
2025-02-19 18:03:41 +08:00
{
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 getQuarterListUpdate({
'term': thisInfo.value.time,
'json': json,
'user_id': thisInfo.value.id,
evaluation_schedule_id: tab_id.value
});
console.log(res)
if (res.code == 1) {
2025-03-19 18:01:50 +08:00
layer.msg('提交成功!', { icon: 1 })
2025-02-19 18:03:41 +08:00
thisInfo.value = {};
infoShow.value = false;
getList();
} else {
2025-03-19 18:01:50 +08:00
layer.msg(res.msg, { icon: 2 })
2025-02-19 18:03:41 +08:00
}
}
},
{
text: "取消",
callback: () => {
infoShow.value = false;
}
}
])
const columns6 = [
{
title: "考评项目",
width: "300px",
key: "project_name"
},
{
title: "分值",
2025-03-22 16:19:55 +08:00
width: "80px",
2025-02-19 18:03:41 +08:00
align: 'center',
2025-03-22 16:19:55 +08:00
key: "base_score",
customSlot: 'base_score',
totalRow: true
2025-02-19 18:03:41 +08:00
},
{
title: "自评分",
width: "100px",
align: 'center',
2025-03-22 16:19:55 +08:00
customSlot: 'content_score',
key: "content_score",
totalRow: true
2025-02-19 18:03:41 +08:00
},
{
title: "科室评分",
width: "100px",
align: 'center',
2025-03-22 16:19:55 +08:00
customSlot: 'department_score',
key: "department_score",
totalRow: true
2025-02-19 18:03:41 +08:00
}
]
2025-03-19 18:01:50 +08:00
// 根据用户级别动态添加医院评分列
2025-03-22 16:19:55 +08:00
// if (userStore.userInfo.level == 3) {
// columns6.push({
// title: "医院评分",
// width: "100px",
// align: 'center',
// customSlot: 'yyinput',
// key: "yyinput"
// });
// }
2025-02-19 18:03:41 +08:00
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;
}
2025-03-19 18:01:50 +08:00
.layui-tab-content{
padding: 0;
}
2025-02-19 18:03:41 +08:00
</style>