This commit is contained in:
Air 2025-03-25 16:05:10 +08:00
parent 1097000d89
commit b19db7524c
9 changed files with 664 additions and 261 deletions

View File

@ -1,43 +1,7 @@
<div align="center">
<br/>
<h1 align="center">
layui vue admin
</h1>
<h4 align="center">
开 箱 即 用 的 layui vue 企 业 级 前 端 模 板
</h4>
[官 网](http://www.layui-vue.com/) | [预 览](http://admin.layui-vue.com/)
</div>
<p align="center">
<a href="#">
<img src="https://img.shields.io/badge/layui vue admin-1.0.0-green.svg" alt="Pear Admin Pro Version">
</a>
<a href="#">
<img src="https://img.shields.io/badge/vue-3.0.0+-green.svg" alt="Vue Version">
</a>
<a href="#">
<img src="https://img.shields.io/badge/layui vue-2.6.3-green.svg" alt="Ant Design Vue Version">
</a>
<a href="#">
<img src="https://img.shields.io/badge/node-16.0.0-red.svg" alt="Node Version">
</a>
</p>
<div align="center">
<img width="92%" style="border-radius:2px;margin-top:20px;margin-bottom:20px;box-shadow: 2px 0 6px gray;" src="resources/1.jpg" />
</div>
### 🌈 项目概述
* 基于 Layui Vue 实现的通用前端模板。整合最新技术高效快速开发,前后端分离模式,开箱即用。
* 核心模块包括:登录、工作空间、表单页面、列表页面、结果页面、异常页面 等功能。
* 代码量少、学习简单、功能强大、轻量级、易扩展,轻松开发从现在开始!
* 医风医德考评系统
### 开始使用
@ -63,16 +27,4 @@ npm run dev
npm run build
```
## 预览截图
| 预览 | 界面 |
|-----------------------|-----------------------|
| ![](resources/1.jpg) | ![](resources/2.jpg) |
| ![](resources/3.jpg) | ![](resources/4.jpg) |
| ![](resources/5.jpg) | ![](resources/6.jpg) |
| ![](resources/7.jpg) | ![](resources/8.jpg) |
| ![](resources/9.jpg) | ![](resources/10.jpg) |
| ![](resources/11.jpg) | ![](resources/12.jpg) |
| ![](resources/13.jpg) | ![](resources/14.jpg) |
```

View File

@ -388,6 +388,35 @@ export function personalProfileFind(data: any) {
return Http.post('/api/backend/Personal_profile/find', data)
}
// 月度评价
export function monthlyEvaluation(data: any) {
return Http.post('/api/backend/Evaluate/index', data)
}
// 月度新增评价
export function monthlyEvaluationCreate(data: any) {
return Http.post('/api/backend/Evaluate/create', data)
}
// 评价管理列表
export function monthlyEvaluationGroupIndex(data: any) {
return Http.post('/api/backend/Evaluate/groupIndex', data)
}
// 科室评价
export function monthlyEvaluationGroupUpdate(data: any) {
return Http.post('/api/backend/Evaluate/groupUpdate', data)
}
// 科室评价
export function monthlyEvaluationGroupIndexrecords(data: any) {
return Http.post('/api/backend/Evaluate/groupIndexrecords', data)
}
// 加减法详情
export function evaluationGroupIndexrecordsList(data: any) {
return Http.post('/api/backend/Evaluate/groupIndexrecordsList', data)
}

View File

@ -117,6 +117,11 @@ export default [
name: 'dayEvaluationExamine',
component: () => import('../../views/day_evaluation/examine.vue'),
meta: { title: '加减分审核', requireAuth: true, closable: true },
},{
path: '/day_evaluation/list',
name: 'dayEvaluationList',
component: () => import('../../views/day_evaluation/list.vue'),
meta: { title: '考评列表', requireAuth: true, closable: true },
},
]
},
@ -178,7 +183,7 @@ export default [
name: 'yearEvaluationList',
component: () => import('../../views/year_evaluation/list.vue'),
meta: { title: '评价管理列表', requireAuth: true, closable: true },
},
}
]
}
]

View File

@ -6,12 +6,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>
@ -21,43 +20,11 @@
</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"
<div style="padding: 10px">
<span style="font-size: 18px;vertical-align: center;margin-right: 20px">个人记录列表</span>
<lay-button type="primary" @click="openNew()" size="sm">新增记录</lay-button>
</div>
<lay-table :page="page" :height="'100%'" :columns="columns" :loading="loading"
:data-source="dataSource" v-model:selected-keys="selectedKeys" @change="change"
@sortChange="sortChange">
<template #status="{ row }">
@ -66,11 +33,6 @@
<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>
@ -106,51 +68,25 @@
</lay-container>
</template>
<script setup lang="ts">
import { ref, reactive } from 'vue'
import { ref, reactive, onMounted } from 'vue'
import { layer } from '@layui/layui-vue'
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,
}
])
import { getUserGroupNew } from '@/api/module/home';
onMounted(() => {
getLeftList();
})
const leftId = ref(0);
const data = ref()
const getLeftList = () => {
getUserGroupNew({}).then((res) => {
console.log(res)
if (res.code == 1) {
data.value = res.data;
leftId.value = res.data[0].id;
} else {
layer.msg(res.msg, { icon: 2 })
}
})
}
const showLine = ref(false)
const selectedKey = ref('')
const selectedNode = ref({

View File

@ -0,0 +1,290 @@
<template>
<lay-container fluid="true" class="organization-box">
<div style="display: flex">
<div :style="{ width: isFold ? `0px` : `300px` }" class="left-tree">
<!-- tree -->
<div v-show="!isFold">
科室列表
</div>
<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="leftId == 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 style="margin-top: 20px">
<lay-row style="min-width: 1200px">
<lay-col :md="5">
<lay-form-item label="月份:" :label-width="100">
<lay-date-picker type="yearmonth" style="width: 100%" v-model="searchForm.month"
placeholder="发生时间" allow-clear></lay-date-picker>
</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" size="lg">
<template v-slot:operator="{ data }">
<lay-space size="lg">
<span style="color: #00A394;cursor: pointer" @click="showDetail(data, 1)">加分详情</span>
<span style="color: #00A394;cursor: pointer" @click="showDetail(data, 2)">扣分详情</span>
</lay-space>
</template>
</lay-table>
</div>
</div>
<lay-layer v-model="userShow" :title="userTitle" :shade="true" :area="['60%', '60%']">
<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>
</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 { monthlyEvaluationGroupIndexrecords, getAdditionIndexManageExamine, getDoctorName, getUserGroupNew, evaluationGroupIndexrecordsList } from '@/api/module/home';
import { useUserStore } from '@/store/user';
const userStore = useUserStore()
import dayjs from "dayjs";
onMounted(() => {
getLeftList();
getUserAllList();
})
const userColumns = ref([
{
title: "月度",
width: "120px",
key: "date",
align: 'center'
},
{
title: "考评项目",
width: "120px",
key: "project_name",
align: 'center'
}, {
title: "考评备注",
width: "120px",
key: "notes",
align: 'center'
}, {
title: "分值",
width: "120px",
key: "score_value",
align: 'center'
}
])
const userDataSource = ref()
const userShow = ref(false)
const userTitle = ref('')
const showDetail = (data, type) => {
if (type == 1) {
userTitle.value = '加分详情'
} else {
userTitle.value = '扣分详情'
}
userShow.value = true;
evaluationGroupIndexrecordsList({ user_id: data.user_id, assessment_type: type }).then((res) => {
console.log(res)
userDataSource.value = res.data.data;
})
}
const userList = ref([]);
const getUserAllList = () => {
getDoctorName({}).then((res) => {
if (res.code === 1) {
userList.value = res.data;
}
})
}
const leftId = ref(0);
const data = ref()
const getLeftList = () => {
getUserGroupNew({}).then((res) => {
console.log(res)
if (res.code == 1) {
data.value = res.data;
leftId.value = res.data[0].id;
getUserList();
} else {
layer.msg(res.msg, { icon: 2 })
}
})
}
const getUserList = () => {
monthlyEvaluationGroupIndexrecords({ page: page.current, size: page.limit, group_id: leftId.value, ...searchForm.value }).then((res) => {
if (res.code == 1) {
dataSource.value = res.data.data;
page.total = res.data.count;
} else {
layer.msg(res.msg, { icon: 2 })
}
})
}
//
const toSearch = () => {
page.current = 1
dataSource.value = []
getUserList()
}
//
const handlePageChange = (d) => {
console.log(d);
getUserList()
}
//
const toReset = () => {
searchForm.value = {
month: dayjs().format('YYYY-MM'),
}
page.current = 1
dataSource.value = []
getUserList()
}
const loading = ref(false)
const page = reactive({ current: 1, limit: 10, total: 1 })
const columns = ref([
{
title: "月度",
width: "120px",
key: "month",
align: 'center'
},
{
title: "考评对象",
width: "120px",
key: "username",
align: 'center'
},
{
title: "科室",
width: "120px",
key: "group_name",
align: 'center'
},
{
title: "月度总加分",
width: "80px",
key: "total_addition",
align: 'center'
},
{
title: "月度总减分",
width: "100px",
key: "total_subtraction",
align: 'center'
},
{
title: '操作',
width: '180px',
customSlot: 'operator',
key: 'operator',
align: 'center',
fixed: 'right'
}
])
const dataSource = ref()
//
const searchForm = ref({
month: dayjs().format('YYYY-MM'),
})
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 })
}
getUserList();
})
}
//
const handleClick = (node: any) => {
leftId.value = node.id
page.current = 1
dataSource.value = []
getUserList();
}
</script>
<style scoped>
.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;
}
</style>

View File

@ -28,21 +28,39 @@
<lay-button type="primary" @click="addShow = true" size="sm">新增自我评价</lay-button>
</div>
<lay-table :columns="columns" :dataSource="dataSource" :even="true" height="500px"
size="lg"></lay-table>
size="lg">
<template #group_evaluation="scope">
<span>{{ scope.row.group_evaluation? scope.row.group_evaluation : '未评价'}}</span>
</template>
<template #operator="scope">
<span style="cursor: pointer;color: #009688" @click="toDetail(scope.row)">详情</span>
</template>
</lay-table>
</lay-card>
</lay-col>
</lay-row>
<lay-layer v-model="addShow" title="月度自评详情" :shade="true" :area="['500px', '500px']"
<lay-layer v-model="addShow" title="月度评价填报" :shade="true" :area="['500px', '500px']"
:btn="addIsInfo == 1 ? addButton : ''">
<lay-container fluid="true" style="padding: 20px">
<div style="margin-bottom: 20px">填报月份{{ month }}</div>
<lay-form :pane="true">
<lay-form-item label="自评内容" prop="desc">
<lay-textarea :rows="10" placeholder="请输入评价内容" v-model="addModel.desc"></lay-textarea>
<lay-textarea :rows="10" placeholder="请输入评价内容"
v-model="addModel.self_evaluation"></lay-textarea>
</lay-form-item>
</lay-form>
</lay-container>
</lay-layer>
<lay-layer v-model="infoShow" title="月度评价详情" :shade="true" :area="['700px', '700px']">
<lay-container fluid="true" style="padding: 20px">
<div style="margin-bottom: 20px">填报月份{{ infoData.term }}</div>
<div style="margin-bottom: 20px">考评对象{{ infoData.nickname }}</div>
<div style="margin-bottom: 20px">评价时间{{ infoData.selftime }}</div>
<div style="margin-bottom: 20px">我的评价{{ infoData.self_evaluation }}</div>
<div style="margin-bottom: 20px">科室{{ infoData.group_name }}</div>
<div style="margin-bottom: 20px">科室评价{{ infoData.group_evaluation? infoData.group_evaluation : '未评价' }}</div>
</lay-container>
</lay-layer>
</lay-container>
</template>
@ -50,8 +68,7 @@
import { ref, onMounted, reactive } from 'vue'
import { layer } from '@layui/layer-vue'
import {
MonthlyList,
MonthlyContent
monthlyEvaluation, monthlyEvaluationCreate
} from '../../api/module/home'
import { useUserStore } from "@/store/user";
import dayjs from "dayjs";
@ -59,14 +76,29 @@ const addIsInfo = ref(1);
const dataSource = ref([]);
const addShow = ref(false);
const month = ref(dayjs().format('MM'));
const infoShow = ref(false);
const infoData = ref({});
const toDetail = (row: any) => {
console.log(row)
infoShow.value = true;
infoData.value = row;
}
const addModel = reactive({
desc: ''
self_evaluation: '',
type: 1
})
onMounted(() => {
//getMonthlyList();
getMonthlyEvaluation();
//getMonthlyContent();
})
const getMonthlyEvaluation = () => {
monthlyEvaluation({ 'type': 1 }).then((res) => {
console.log(res)
if (res.code == 1) {
dataSource.value = res.data;
}
})
}
const searchAccount = ref(dayjs().year())
function toReset() {
@ -77,28 +109,34 @@ const columns = [
title: '月度',
width: '120px',
align: 'center',
key: 'month'
key: 'term'
},
{
title: '考评对象',
width: '150px',
align: 'center',
key: 'user'
key: 'nickname'
},
{
title: '评价时间',
width: '250px',
align: 'center',
key: 'createtime'
key: 'selftime'
},
{
title: '我的评价',
key: 'self_score',
key: 'self_evaluation',
ellipsisTooltip: true,
align: 'center',
},{
title: '科室',
key: 'group_name',
align: 'center',
}, {
title: '科室评价',
key: 'department_score',
customSlot: 'department_score',
key: 'group_evaluation',
customSlot: 'group_evaluation',
ellipsisTooltip: true,
align: 'center',
},
{
@ -114,17 +152,15 @@ const addButton = ref([
{
text: "确认",
callback: async () => {
// var json = JSON.stringify(dataSource6.value);
// var res = await MonthlyCreate({ 'json': json, 'user_id': userStore.userInfo.id, evaluation_schedule_id: current1.value });
// console.log(res)
// if (res.code == 1) {
// layer.msg('', { icon: 1 })
// visible11.value = false;
// getMonthlyList();
// //getMonthlyContent();
// } else {
// layer.msg(res.msg, { icon: 2 })
// }
var res = await monthlyEvaluationCreate(addModel);
console.log(res)
if (res.code == 1) {
layer.msg(res.msg)
addShow.value = false;
getMonthlyEvaluation();
} else {
layer.msg(res.msg, { icon: 2 })
}
}
},
{

View File

@ -24,25 +24,46 @@
<lay-col :md="24">
<lay-card>
<div style="padding: 10px">
<span style="font-size: 18px;vertical-align: center;margin-right: 20px">季度填报</span>
<span style="font-size: 18px;vertical-align: center;margin-right: 20px">季度评填报</span>
<lay-button type="primary" @click="addShow = true" size="sm">新增自我评价</lay-button>
</div>
<lay-table :columns="columns" :dataSource="dataSource" :even="true" height="500px"
size="lg"></lay-table>
size="lg">
<template #group_evaluation="scope">
<span>{{ scope.row.group_evaluation? scope.row.group_evaluation : '未评价'}}</span>
</template>
<template #operator="scope">
<span style="cursor: pointer;color: #009688" @click="toDetail(scope.row)">详情</span>
</template>
</lay-table>
</lay-card>
</lay-col>
</lay-row>
<lay-layer v-model="addShow" title="季度自评详情" :shade="true" :area="['500px', '500px']"
:btn="addIsInfo == 1 ? addButton : ''">
<lay-layer v-model="addShow" title="季度自评填写" :shade="true" :area="['500px', '500px']"
:btn="addButton">
<lay-container fluid="true" style="padding: 20px">
<div style="margin-bottom: 20px">填报季度 {{ quarter }} 季度</div>
<lay-form :pane="true">
<lay-form-item label="自评内容" prop="desc">
<lay-textarea :rows="10" placeholder="请输入评价内容" v-model="addModel.desc"></lay-textarea>
<lay-textarea :rows="10" placeholder="请输入评价内容"
v-model="addModel.self_evaluation"></lay-textarea>
</lay-form-item>
</lay-form>
</lay-container>
</lay-layer>
<lay-layer v-model="infoShow" title="季度自评详情" :shade="true" :area="['700px', '700px']">
<lay-container fluid="true" style="padding: 20px">
<div style="margin-bottom: 20px">填报月份{{ infoData.term }}</div>
<div style="margin-bottom: 20px">考评对象{{ infoData.nickname }}</div>
<div style="margin-bottom: 20px">评价时间{{ infoData.selftime }}</div>
<div style="margin-bottom: 20px">我的评价{{ infoData.self_evaluation }}</div>
<div style="margin-bottom: 20px">科室{{ infoData.group_name }}</div>
<div style="margin-bottom: 20px">评价时间{{ infoData.grouptime?infoData.grouptime:'未评价' }}</div>
<div style="margin-bottom: 20px">科室评价
<div style="display: inline-block;" v-html="infoData.group_evaluation?infoData.group_evaluation:'未评价'"></div>
</div>
</lay-container>
</lay-layer>
</lay-container>
</template>
@ -50,29 +71,41 @@
import { ref, onMounted, reactive } from 'vue'
import { layer } from '@layui/layer-vue'
import {
MonthlyList,
MonthlyContent
monthlyEvaluation, monthlyEvaluationCreate
} from '../../api/module/home'
import { useUserStore } from "@/store/user";
import dayjs from "dayjs";
const addIsInfo = ref(1);
const dataSource = ref([]);
const addShow = ref(false);
//
const addModel = reactive({
desc: ''
})
const getQuarter = () => {
//
return dayjs().month() < 3 ? 1 : dayjs().month() < 6 ? 2 : dayjs().month() < 9 ? 3 : 4;
    //
    return dayjs().month() < 3 ? 1 : dayjs().month() < 6 ? 2 : dayjs().month() < 9 ? 3 : 4;
}
const quarter = ref(getQuarter());
const infoShow = ref(false);
const infoData = ref({});
const toDetail = (row: any) => {
console.log(row)
infoShow.value = true;
infoData.value = row;
}
const addModel = reactive({
self_evaluation: '',
type: 2
})
onMounted(() => {
//getMonthlyList();
getMonthlyEvaluation();
//getMonthlyContent();
})
const getMonthlyEvaluation = () => {
monthlyEvaluation({ 'type': 2 }).then((res) => {
console.log(res)
if (res.code == 1) {
dataSource.value = res.data;
}
})
}
const searchAccount = ref(dayjs().year())
function toReset() {
@ -83,28 +116,34 @@ const columns = [
title: '季度',
width: '120px',
align: 'center',
key: 'quarter'
key: 'term'
},
{
title: '考评对象',
width: '150px',
align: 'center',
key: 'user'
key: 'nickname'
},
{
title: '评价时间',
width: '250px',
align: 'center',
key: 'createtime'
key: 'selftime'
},
{
title: '我的评价',
key: 'self_score',
key: 'self_evaluation',
ellipsisTooltip: true,
align: 'center',
},{
title: '科室',
key: 'group_name',
align: 'center',
}, {
title: '科室评价',
key: 'department_score',
customSlot: 'department_score',
key: 'group_evaluation',
customSlot: 'group_evaluation',
ellipsisTooltip: true,
align: 'center',
},
{
@ -120,17 +159,15 @@ const addButton = ref([
{
text: "确认",
callback: async () => {
// var json = JSON.stringify(dataSource6.value);
// var res = await MonthlyCreate({ 'json': json, 'user_id': userStore.userInfo.id, evaluation_schedule_id: current1.value });
// console.log(res)
// if (res.code == 1) {
// layer.msg('', { icon: 1 })
// visible11.value = false;
// getMonthlyList();
// //getMonthlyContent();
// } else {
// layer.msg(res.msg, { icon: 2 })
// }
var res = await monthlyEvaluationCreate(addModel);
console.log(res)
if (res.code == 1) {
layer.msg(res.msg)
addShow.value = false;
getMonthlyEvaluation();
} else {
layer.msg(res.msg, { icon: 2 })
}
}
},
{

View File

@ -24,25 +24,46 @@
<lay-col :md="24">
<lay-card>
<div style="padding: 10px">
<span style="font-size: 18px;vertical-align: center;margin-right: 20px">年度填报</span>
<span style="font-size: 18px;vertical-align: center;margin-right: 20px">年度评填报</span>
<lay-button type="primary" @click="addShow = true" size="sm">新增自我评价</lay-button>
</div>
<lay-table :columns="columns" :dataSource="dataSource" :even="true" height="500px"
size="lg"></lay-table>
size="lg">
<template #group_evaluation="scope">
<span>{{ scope.row.group_evaluation? scope.row.group_evaluation : '未评价'}}</span>
</template>
<template #operator="scope">
<span style="cursor: pointer;color: #009688" @click="toDetail(scope.row)">详情</span>
</template>
</lay-table>
</lay-card>
</lay-col>
</lay-row>
<lay-layer v-model="addShow" title="年度自评详情" :shade="true" :area="['500px', '500px']"
:btn="addIsInfo == 1 ? addButton : ''">
<lay-layer v-model="addShow" title="年度自评填写" :shade="true" :area="['500px', '500px']"
:btn="addButton">
<lay-container fluid="true" style="padding: 20px">
<div style="margin-bottom: 20px">填报年度{{ searchAccount }} 年度</div>
<div style="margin-bottom: 20px">填报年度{{ year }}</div>
<lay-form :pane="true">
<lay-form-item label="自评内容" prop="desc">
<lay-textarea :rows="10" placeholder="请输入评价内容" v-model="addModel.desc"></lay-textarea>
<lay-textarea :rows="10" placeholder="请输入评价内容"
v-model="addModel.self_evaluation"></lay-textarea>
</lay-form-item>
</lay-form>
</lay-container>
</lay-layer>
<lay-layer v-model="infoShow" title="年度自评详情" :shade="true" :area="['700px', '700px']">
<lay-container fluid="true" style="padding: 20px">
<div style="margin-bottom: 20px">填报月份{{ infoData.term }}</div>
<div style="margin-bottom: 20px">考评对象{{ infoData.nickname }}</div>
<div style="margin-bottom: 20px">评价时间{{ infoData.selftime }}</div>
<div style="margin-bottom: 20px">我的评价{{ infoData.self_evaluation }}</div>
<div style="margin-bottom: 20px">科室{{ infoData.group_name }}</div>
<div style="margin-bottom: 20px">评价时间{{ infoData.grouptime?infoData.grouptime:'未评价' }}</div>
<div style="margin-bottom: 20px">科室评价
<div style="display: inline-block;" v-html="infoData.group_evaluation?infoData.group_evaluation:'未评价'"></div>
</div>
</lay-container>
</lay-layer>
</lay-container>
</template>
@ -50,24 +71,37 @@
import { ref, onMounted, reactive } from 'vue'
import { layer } from '@layui/layer-vue'
import {
MonthlyList,
MonthlyContent
monthlyEvaluation, monthlyEvaluationCreate
} from '../../api/module/home'
import { useUserStore } from "@/store/user";
import dayjs from "dayjs";
const addIsInfo = ref(1);
const dataSource = ref([]);
const addShow = ref(false);
//
const year = ref(dayjs().year());
const infoShow = ref(false);
const infoData = ref({});
const toDetail = (row: any) => {
console.log(row)
infoShow.value = true;
infoData.value = row;
}
const addModel = reactive({
desc: ''
self_evaluation: '',
type: 3
})
onMounted(() => {
//getMonthlyList();
getMonthlyEvaluation();
//getMonthlyContent();
})
const getMonthlyEvaluation = () => {
monthlyEvaluation({ 'type': 3 }).then((res) => {
console.log(res)
if (res.code == 1) {
dataSource.value = res.data;
}
})
}
const searchAccount = ref(dayjs().year())
function toReset() {
@ -78,28 +112,34 @@ const columns = [
title: '年度',
width: '120px',
align: 'center',
key: 'year'
key: 'term'
},
{
title: '考评对象',
width: '150px',
align: 'center',
key: 'user'
key: 'nickname'
},
{
title: '评价时间',
width: '250px',
align: 'center',
key: 'createtime'
key: 'selftime'
},
{
title: '我的评价',
key: 'self_score',
key: 'self_evaluation',
ellipsisTooltip: true,
align: 'center',
},{
title: '科室',
key: 'group_name',
align: 'center',
}, {
title: '科室评价',
key: 'department_score',
customSlot: 'department_score',
key: 'group_evaluation',
customSlot: 'group_evaluation',
ellipsisTooltip: true,
align: 'center',
},
{
@ -115,17 +155,15 @@ const addButton = ref([
{
text: "确认",
callback: async () => {
// var json = JSON.stringify(dataSource6.value);
// var res = await MonthlyCreate({ 'json': json, 'user_id': userStore.userInfo.id, evaluation_schedule_id: current1.value });
// console.log(res)
// if (res.code == 1) {
// layer.msg('', { icon: 1 })
// visible11.value = false;
// getMonthlyList();
// //getMonthlyContent();
// } else {
// layer.msg(res.msg, { icon: 2 })
// }
var res = await monthlyEvaluationCreate(addModel);
console.log(res)
if (res.code == 1) {
layer.msg(res.msg)
addShow.value = false;
getMonthlyEvaluation();
} else {
layer.msg(res.msg, { icon: 2 })
}
}
},
{

View File

@ -23,7 +23,7 @@
<lay-row>
<lay-col :md="5">
<lay-form-item label="类型" label-width="80">
<lay-select v-model="type" :show-search="true" placeholder="请选择" :allowClear="true">
<lay-select v-model="ser.type" :show-search="true" placeholder="请选择" :allowClear="true">
<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>
@ -38,7 +38,7 @@
</lay-col>
<lay-col :md="5">
<lay-form-item label="考评对象" label-width="120">
<lay-input v-model="nickname" placeholder="请输入考评对象"></lay-input>
<lay-input v-model="ser.nickname" placeholder="请输入考评对象"></lay-input>
</lay-form-item>
</lay-col>
<lay-col :md="5">
@ -54,32 +54,51 @@
</lay-card>
<lay-table :page="page" height="600px" :columns="columns" :loading="loading" :data-source="dataSource"
@change="change">
<template v-slot:scoringrecord_status="{ row }">
<lay-tag v-if="row.scoringrecord_status == 1" type="primary">已自评</lay-tag>
<lay-tag v-if="row.scoringrecord_status == 2">未自评</lay-tag>
<lay-tag v-if="row.scoringrecord_status == 3" type="warm">科室已评</lay-tag>
<template v-slot:type="{ row }">
<lay-tag v-if="row.type == 1" type="primary">月度</lay-tag>
<lay-tag v-if="row.type == 2" type="warm">季度</lay-tag>
<lay-tag v-if="row.type == 3" type="danger">年度</lay-tag>
<!-- <lay-tag v-if="row.scoringrecord_status == 4" type="danger">医院已评</lay-tag> -->
</template>
<template v-slot:nickname="{ row }">
<div style="color: #00A394;cursor: pointer" @click="openUserListShow(row)">{{ row.nickname }}
</div>
<template v-slot:group_evaluation="{ row }">
{{ row.group_evaluation ? row.group_evaluation : '未评价' }}
</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>
<span style="color: #00A394;cursor: pointer" @click="getInfo(row, 2)">评价</span>
<span style="color: #00A394;cursor: pointer" @click="getInfo(row, 1)">详情</span>
</lay-space>
</template>
</lay-table>
</div>
</div>
<lay-layer v-model="addShow" title="月度评价填报" :shade="true" :area="['500px', '500px']" :btn="addButton">
<lay-container fluid="true" style="padding: 20px">
<div style="margin-bottom: 20px">填报月份{{ addModel.term }}</div>
<div style="margin-bottom: 20px">评价对象{{ addModel.nickname }}</div>
<lay-form :pane="true">
<lay-form-item label="评价内容" prop="desc">
<lay-textarea :rows="10" placeholder="请输入评价内容"
v-model="formData.group_evaluation"></lay-textarea>
</lay-form-item>
</lay-form>
</lay-container>
</lay-layer>
<lay-layer v-model="infoShow" title="月度评价详情" :shade="true" :area="['700px', '700px']">
<lay-container fluid="true" style="padding: 20px">
<div style="margin-bottom: 20px">填报月份{{ addModel.term }}</div>
<div style="margin-bottom: 20px">考评对象{{ addModel.nickname }}</div>
<div style="margin-bottom: 20px">评价时间{{ addModel.selftime }}</div>
<div style="margin-bottom: 20px">我的评价
<div v-html="addModel.self_evaluation"></div>
</div>
<div style="margin-bottom: 20px">科室{{ addModel.group_name }}</div>
<div style="margin-bottom: 20px">评价时间{{ addModel.grouptime?addModel.grouptime:'未评价' }}</div>
<div style="margin-bottom: 20px">科室评价
<div style="display: inline-block;" v-html="addModel.group_evaluation?addModel.group_evaluation:'未评价'"></div>
</div>
</lay-container>
</lay-layer>
</lay-container>
</template>
<script setup lang="ts">
@ -87,24 +106,30 @@ import { ref, reactive, onMounted } from 'vue'
import { layer } from '@layui/layui-vue'
import {
getUserGroupNew,
getGroupEvaluation,
getMonthlyUserList,
MonthlyCreate,
getMonthlyListFind, getMonthlyListUpdate, getMonthlyFindData,
MonthlyInfo
monthlyEvaluationGroupIndex,
monthlyEvaluationGroupUpdate
} 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();
const ser = reactive({
type: 1,
nickname: '',
year: dayjs().year()
});
const toSearch = () => {
page.current = 1;
getGroupEvaluation();
}
const page = reactive({ current: 1, limit: 10, total: 1 })
const isFold = ref(false)
const yearmonth = ref(dayjs().format('YYYY'));
onMounted(() => {
getLeftList();
})
const type = ref(1);
const group_id = ref(1);
const data = ref([]);
const getLeftList = () => {
@ -113,20 +138,34 @@ const getLeftList = () => {
if (res.code == 1) {
data.value = res.data;
group_id.value = res.data[0].id;
getGroupEvaluation();
} else {
layer.msg(res.msg, { icon: 2 })
}
})
}
const dataSource = ref([]);
const getGroupEvaluation = () => {
monthlyEvaluationGroupIndex({ 'group_id': group_id.value, ...ser}).then((res) => {
console.log(res)
if (res.code == 1) {
dataSource.value = res.data;
}
})
}
const handleClick = (data) => {
console.log(data)
group_id.value = data.id;
getGroupEvaluation();
}
const loading = ref(false)
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: '80px', key: 'term', align: 'center' },
{ title: '考评对象', width: '100px', key: 'nickname', align: 'center' },
{ title: '部门', width: '120px', key: 'group_name', align: 'center' },
{ title: '自我评价', width: '100px', key: 'user_scoringrecord', align: 'center' },
{ title: '科室评价', width: '100px', key: 'department_score_scoringrecord', align: 'center' },
{ title: '状态', width: '100px', key: 'scoringrecord_status', customSlot: 'scoringrecord_status', align: 'center' },
{ title: '自我评价', width: '100px', key: 'self_evaluation', align: 'center', ellipsisTooltip: true },
{ title: '科室评价', width: '100px', key: 'group_evaluation', customSlot: 'group_evaluation', align: 'center', ellipsisTooltip: true },
{ title: '类型', width: '100px', key: 'type', customSlot: 'type', align: 'center' },
{
title: '操作',
width: '180px',
@ -135,6 +174,47 @@ const columns = ref([
fixed: 'right', align: 'center'
}
])
const formData = reactive({
group_evaluation: '',
id: 0,
});
const addShow = ref(false);
const addModel = ref({});
const addType = ref(1);
const infoShow = ref(false);
const getInfo = (row, type) => {
formData.id = row.id;
console.log(row, type)
addModel.value = row;
addType.value = type;
if (type == 1) {
infoShow.value = true;
} else {
addShow.value = true;
}
}
const addButton = ref([
{
text: "确认",
callback: async () => {
var res = await monthlyEvaluationGroupUpdate(formData);
console.log(res)
if (res.code == 1) {
layer.msg(res.msg)
addShow.value = false;
getGroupEvaluation();
} else {
layer.msg(res.msg, { icon: 2 })
}
}
},
{
text: "取消",
callback: () => {
addShow.value = false;
}
}
])
</script>
<style>