From 8e577a461e9a1840742a81f6fcd237ef34e5cdf1 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 10 三月 2025 15:37:50 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/dev' into dev
---
src/views/performance/staffEvaluate/index.vue | 222 +++++
src/api/cnas/performance/class.js | 83 ++
vue.config.js | 2
src/views/performance/staffAttendance/index.vue | 2
src/views/CNAS/process/demand/index.vue | 10
src/views/performance/staffEvaluate/leader-rate.vue | 155 +++
src/api/cnas/performance/staffEvaluate.js | 88 ++
src/views/performance/staffEvaluate/evaluation.vue | 91 ++
src/views/performance/class/index.vue | 1321 ++++++++++++++++++++++++++++++++
src/views/performance/manHour/workTimeConfig.vue | 50
src/views/performance/staffEvaluate/employee-mutual-evaluation.vue | 220 +++++
src/views/performance/staffEvaluate/supervisor-rate.vue | 168 ++++
12 files changed, 2,373 insertions(+), 39 deletions(-)
diff --git a/src/api/cnas/performance/class.js b/src/api/cnas/performance/class.js
new file mode 100644
index 0000000..4e9f553
--- /dev/null
+++ b/src/api/cnas/performance/class.js
@@ -0,0 +1,83 @@
+import resquest from '@/utils/request'
+
+export function page(params) {
+ return resquest({
+ url: '/performanceShift/page',
+ method: 'get',
+ params: params
+ })
+}
+
+
+export function pageYear(params) {
+ return resquest({
+ url: '/performanceShift/pageYear',
+ method: 'get',
+ params: params
+ })
+}
+
+export function add(data) {
+ return resquest({
+ url: '/performanceShift/add',
+ method: 'post',
+ data: data
+ })
+}
+
+export function exportExcel(params) {
+ return resquest({
+ url: '/performanceShift/export' + params,
+ method: 'get',
+ responseType: 'blob'
+ })
+}
+
+export function update(data) {
+ return resquest({
+ url: '/performanceShift/update',
+ method: 'put',
+ data: data
+ })
+}
+
+export function getUserList() {
+ return resquest({
+ url: '/performanceShift/getUserList',
+ method: 'get'
+ })
+}
+
+
+
+export function list(params) {
+ return resquest({
+ url: '/shiftTime/list',
+ method: 'get',
+ params: params
+ })
+}
+
+export function shiftAdd(data) {
+ return resquest({
+ url: '/shiftTime/add',
+ method: 'post',
+ data: data
+ })
+}
+
+export function remove(id) {
+ return resquest({
+ url: '/shiftTime/remove',
+ method: 'delete',
+ params: id
+ })
+}
+
+export function obtainItemParameterList(params) {
+ return resquest({
+ url: '/laboratoryScope/obtainItemParameterList',
+ method: 'get',
+ params: params
+ })
+}
\ No newline at end of file
diff --git a/src/api/cnas/performance/staffEvaluate.js b/src/api/cnas/performance/staffEvaluate.js
new file mode 100644
index 0000000..5e75634
--- /dev/null
+++ b/src/api/cnas/performance/staffEvaluate.js
@@ -0,0 +1,88 @@
+import resquest from '@/utils/request'
+
+export function obtainItemParameterList(params) {
+ return resquest({
+ url: '/laboratoryScope/obtainItemParameterList',
+ method: 'get',
+ params: params
+ })
+}
+
+export function exportEvaluate(data) {
+ return resquest({
+ url: '/evaluate/exportEvaluate',
+ method: 'post',
+ data: data,
+ responseType: "blob",
+ })
+}
+
+export function exportEvaluateLeader(data) {
+ return resquest({
+ url: '/evaluateLeader/exportEvaluateLeader',
+ method: 'post',
+ data: data,
+ responseType: "blob",
+ })
+}
+
+export function exportEvaluateCompetent(data) {
+ return resquest({
+ url: '/evaluateCompetent/exportEvaluateCompetent',
+ method: 'post',
+ data: data,
+ responseType: "blob",
+ })
+}
+
+export function page(params) {
+ return resquest({
+ url: '/evaluate/page',
+ method: 'get',
+ params: params,
+ })
+}
+
+export function getEvaluateGroup(params) {
+ return resquest({
+ url: '/evaluateGroup/getEvaluateGroup',
+ method: 'get',
+ params: params,
+ })
+}
+
+export function writeEvaluateLeader(data) {
+ return resquest({
+ url: '/evaluateLeader/writeEvaluateLeader',
+ method: 'post',
+ data: data,
+ })
+}
+
+
+
+export function getEvaluateLeader(params) {
+ return resquest({
+ url: '/evaluateLeader/getEvaluateLeader',
+ method: 'get',
+ params: params,
+ })
+}
+
+export function getEvaluateCompetent(params) {
+ return resquest({
+ url: '/evaluateCompetent/getEvaluateCompetent',
+ method: 'get',
+ params: params,
+ })
+}
+
+export function writeEvaluateCompetent(data) {
+ return resquest({
+ url: '/evaluateCompetent/writeEvaluateCompetent',
+ method: 'post',
+ data: data,
+ })
+}
+
+
diff --git a/src/views/CNAS/process/demand/index.vue b/src/views/CNAS/process/demand/index.vue
index 05b483d..6ad7886 100644
--- a/src/views/CNAS/process/demand/index.vue
+++ b/src/views/CNAS/process/demand/index.vue
@@ -237,14 +237,14 @@
<p>璇曢獙椤圭洰</p>
<p class="en">Test item</p>
</td>
- <td>
+ <td colspan="2">
<p>妫�楠屼緷鎹�</p>
<p class="en">Test standard</p>
</td>
- <td>
+ <!-- <td>
<p>璇曢獙瑕佹眰</p>
<p class="en">Test standard</p>
- </td>
+ </td> -->
<td>
<p>澶囨敞</p>
<p class="en">Note</p>
@@ -258,8 +258,8 @@
<p>{{ item.model }}</p>
</td>
<td>{{ item.product }}</td>
- <td>{{ item.standardMethodList }}</td>
- <td>{{ item.groupConcatTell }}</td>
+ <td colspan="2">{{ item.standardMethodList }}</td>
+ <!-- <td>{{ item.groupConcatTell }}</td> -->
<td>{{ item.remark }}</td>
</tr>
<tr>
diff --git a/src/views/performance/class/index.vue b/src/views/performance/class/index.vue
index 95ceac5..376e359 100644
--- a/src/views/performance/class/index.vue
+++ b/src/views/performance/class/index.vue
@@ -1,9 +1,1322 @@
<template>
- <div>鐝</div>
+ <div class="class-page">
+ <div class="search">
+ <div class="search_thing">
+ <div class="search_label">閫夋嫨鏃堕棿锛�</div>
+ <div class="search_input">
+ <el-date-picker
+ v-model="query.year"
+ :clearable="false"
+ format="yyyy"
+ placeholder="閫夋嫨骞�"
+ size="small"
+ style="width: 140px"
+ type="year"
+ @change="refreshTable()"
+ >
+ </el-date-picker>
+ <el-select
+ v-model="query.month"
+ clearable
+ placeholder="閫夋嫨鏈�"
+ size="small"
+ style="width: 140px; margin-left: 16px"
+ @change="refreshTable()"
+ >
+ <el-option
+ v-for="item in monthOptions"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ <el-input
+ v-model="query.userName"
+ clearable
+ placeholder="璇疯緭鍏ヤ汉鍛樺悕绉�"
+ size="small"
+ style="width: 140px; margin: 0 16px"
+ @keyup.enter.native="refreshTable()"
+ ></el-input>
+ <el-select
+ v-model="query.laboratory"
+ clearable
+ placeholder="璇烽�夋嫨瀹為獙瀹�"
+ size="small"
+ style="width: 140px"
+ @change="refreshTable()"
+ >
+ <el-option
+ v-for="item in laboratory"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ <div class="search_thing" style="padding-left: 30px">
+ <el-button size="small" @click="refresh()">閲� 缃�</el-button>
+ <el-button size="small" type="primary" @click="refreshTable()"
+ >鏌� 璇�</el-button
+ >
+ </div>
+ <div class="search_thing btns" style="padding-left: 30px">
+ <el-button
+ v-if="listPower"
+ :loading="downLoading"
+ size="small"
+ type="primary"
+ @click="configTime"
+ >鏃堕棿閰嶇疆</el-button
+ >
+ <el-button
+ v-if="downPower"
+ :loading="downLoading"
+ size="small"
+ type="primary"
+ @click="handleDown"
+ >瀵� 鍑�</el-button
+ >
+ <el-button
+ v-if="addPower"
+ size="small"
+ type="primary"
+ @click="schedulingVisible = true"
+ >鎺� 鐝�</el-button
+ >
+ </div>
+ </div>
+ <div v-loading="pageLoading" class="center">
+ <div v-show="query.month" class="clearfix" style="width: 100%">
+ <div class="fixed-left">
+ <div
+ class="content-title"
+ style="padding-left: 16px; box-sizing: border-box"
+ >
+ 浜哄憳鍚嶇О
+ </div>
+ <div
+ v-for="(item, index) in list"
+ :key="'e' + index"
+ :class="{ hoverType: currentUserIndex == index }"
+ class="content-user"
+ v-on:mouseenter="onMouseEnter(index)"
+ v-on:mouseleave="currentUserIndex = null"
+ >
+ <div class="user-pic">{{ item.name.charAt(0) }}</div>
+ <div class="user-info">
+ <p style="font-size: 14px; color: #3a7bfa; line-height: 24px">
+ <span>{{ item.name }}</span>
+ <span>
+ <span
+ style="
+ color: #999999;
+ font-size: 12px;
+ display: inline-block;
+ transform: scale(0.9) translateX(5px);
+ "
+ >鍑哄嫟:
+ </span>
+ <span style="font-size: 16px; color: #ff4902">
+ {{
+ query.month
+ ? item.monthlyAttendance.totalAttendance
+ : item.sidebarAnnualAttendance.totalAttendance
+ }}澶�
+ </span>
+ </span>
+ </p>
+ <p
+ style="
+ color: #999999;
+ font-size: 12px;
+ transform: scale(0.8) translateX(-20px);
+ white-space: nowrap;
+ width: 150px;
+ overflow-x: show;
+ "
+ >
+ 鏃�:{{ item.day0 }},涓�:{{ item.day1 }},澶�:{{ item.day2 }},浼�:{{
+ item.day3
+ }},鍋�:{{ item.day4 }},宸�:{{ item.day6 }}
+ </p>
+ </div>
+ </div>
+ </div>
+ <!-- -->
+
+
+
+ <div class="scroll-right">
+ <div class="content">
+ <div
+ class="content-title content-title-right"
+ style="border-bottom: 0"
+ >
+ <div
+ v-for="(item, index) in weeks"
+ :key="'b' + index"
+ class="content-title-item"
+ >
+ <span
+ v-if="item.week == '鍛ㄦ棩'"
+ class="month"
+ style="position: absolute; top: 1px"
+ >{{ item.weekNum }}鍛�</span
+ >
+ <p style="height: 26px; position: absolute; bottom: 1px">
+ <span class="day">{{ item.day }}</span>
+ <span class="week">{{ item.week.charAt(1) }}</span>
+ </p>
+ </div>
+ </div>
+ <div
+ v-for="(item, index) in list"
+ :key="'c' + index"
+ class="content-body"
+ v-on:mouseenter="onMouseEnter(index)"
+ v-on:mouseleave="currentUserIndex = null"
+ >
+ <div
+ v-for="(m, i) in item.list"
+ :key="'d' + i"
+ :class="{ hoverType: currentUserIndex == index }"
+ class="content-body-item"
+ >
+ <el-dropdown
+ :disabled="!upPower"
+ placement="bottom"
+ style="width: 100%; height: 100%; cursor: pointer"
+ trigger="click"
+ @command="(e) => handleCommand(e, m)"
+ >
+ <div
+ :class="{
+ type0: m.shift === '0',
+ type1: m.shift === '1',
+ type2: m.shift === '2',
+ type3: m.shift === '3',
+ type4: m.shift === '4',
+ type5: m.shift === '5',
+ type6: m.shift === '6',
+ }"
+ class="work-box"
+ >
+ <span
+ :style="`opacity: ${
+ getShiftByDic(m.shift) == '鏃�' ? 0 : 1
+ };`"
+ style="cursor: pointer"
+ >{{ getShiftByDic(m.shift) }}</span
+ >
+ </div>
+ <el-dropdown-menu slot="dropdown">
+ <el-dropdown-item
+ v-for="(n, j) in classType"
+ :key="'h' + j"
+ :command="n.value"
+ >{{ n.label }}</el-dropdown-item
+ >
+ </el-dropdown-menu>
+ </el-dropdown>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div
+ v-show="!query.month"
+ class="clearfix year-table"
+ style="width: 100%"
+ >
+ <div class="fixed-left">
+ <div
+ class="content-title"
+ style="padding-left: 16px; box-sizing: border-box"
+ >
+ 浜哄憳鍚嶇О
+ </div>
+ <div
+ v-for="(item, index) in yearList"
+ :key="'e' + index"
+ :class="{ hoverType: currentUserIndex == index }"
+ class="content-user"
+ v-on:mouseenter="onMouseEnter(index)"
+ v-on:mouseleave="currentUserIndex = null"
+ >
+ <div class="user-pic">{{ item.name.charAt(0) }}</div>
+ <div class="user-info">
+ <p style="font-size: 14px; color: #3a7bfa; line-height: 24px">
+ {{ item.name }}
+ </p>
+ <p
+ style="
+ color: #999999;
+ font-size: 12px;
+ transform: scale(0.8) translateX(-20px);
+ white-space: nowrap;
+ width: 150px;
+ overflow-x: show;
+ "
+ >
+ 鏃�:{{ item.day0 }},涓�:{{ item.day1 }},澶�:{{ item.day2 }},浼�:{{
+ item.day3
+ }},鍋�:{{ item.day4 }},宸�:{{ item.day6 }}
+ </p>
+ <p style="margin-top: 4px">
+ <span
+ style="
+ color: #999999;
+ font-size: 12px;
+ display: inline-block;
+ transform: scale(0.8) translateX(-10px);
+ "
+ >鍚堣鍑哄嫟: </span
+ ><span style="font-size: 16px; color: #ff4902"
+ >{{ item.year.totalYearAttendance }}澶�</span
+ >
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="scroll-right">
+ <div class="content">
+ <div>
+ <div
+ :style="`display: grid;
+ grid-template-columns: repeat(${monthList.length}, 1fr);`"
+ class="content-title content-title-right"
+ style="border-bottom: 0; height: 52px"
+ >
+ <div
+ v-for="(item, index) in monthList"
+ :key="'b' + index"
+ class="content-title-item"
+ style="height: 52px"
+ >
+ <span class="month">{{ item }}鏈�</span>
+ </div>
+ </div>
+ <div
+ v-for="(item, index) in yearList"
+ :key="'c' + index"
+ :style="`display: grid;
+ grid-template-columns: repeat(${monthList.length}, 1fr);`"
+ class="content-body"
+ v-on:mouseenter="onMouseEnter(index)"
+ v-on:mouseleave="currentUserIndex = null"
+ >
+ <div
+ v-for="(m, i) in item.monthList"
+ :key="'d' + i"
+ :class="{ hoverType: currentUserIndex == index }"
+ class="content-body-item"
+ >
+ <p style="color: rgb(153, 153, 153); font-size: 12px">
+ 鍚堣鍑哄嫟锛�<span style="font-size: 14px; color: #000">{{
+ m.totalMonthAttendance
+ }}</span>
+ </p>
+ <p style="color: rgb(153, 153, 153); font-size: 12px">
+ 鏃�:{{ m.day0 }},涓�:{{ m.day1 }},澶�:{{ m.day2 }},浼�:{{
+ m.day3
+ }},鍋�:{{ m.day4 }},宸�:{{ m.day6 }}
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <el-pagination
+ :current-page="currentPage"
+ :page-size="pageSize"
+ :page-sizes="[10, 20, 50, 100]"
+ :total="total"
+ background
+ layout="sizes,total, prev, pager, next, jumper"
+ style="margin-top: 10px; text-align: right; margin-right: 30px"
+ @size-change="handleSizeChange"
+ @current-change="currentChange"
+ >
+ </el-pagination>
+
+ <el-dialog :visible.sync="configTimeVisible" title="鏃堕棿閰嶇疆" width="620px">
+ <div v-loading="configTimeVisibleLoading" style="min-height: 200px">
+ <div v-for="(item, index) in timeQuery" :key="index">
+ <div
+ class="form"
+ style="display: flex; justify-content: space-between"
+ >
+ <div style="margin-bottom: 12px; width: 200px">
+ <span class="form_label">鐝锛�</span>
+ <span v-if="!item.isEdit"> {{ item.type }} </span>
+ <span v-if="item.isEdit" class="form_input">
+ <el-select
+ v-model="item.shift"
+ clearable
+ placeholder="璇烽�夋嫨"
+ size="small"
+ style="width: 70%; margin-right: 8px"
+ >
+ <el-option
+ v-for="obj in timeTypeList"
+ :key="obj.value"
+ :label="obj.label"
+ :value="obj.value"
+ >
+ </el-option>
+ </el-select>
+ </span>
+ </div>
+ <div style="width: calc(100% - 260px)">
+ <span class="form_label">鏃堕棿锛�</span>
+ <span v-if="!item.isEdit">
+ {{
+ item.startTime && item.endTime
+ ? item.startTime + "~" + item.endTime
+ : ""
+ }}
+ </span>
+ <span v-if="item.isEdit" class="form_input">
+ <el-time-select
+ v-model="item.startTime"
+ :picker-options="{
+ start: '00:00',
+ step: '00:15',
+ end: '24:00',
+ }"
+ placeholder="璧峰鏃堕棿"
+ size="small"
+ style="width: 120px"
+ >
+ </el-time-select>
+ <el-time-select
+ v-model="item.endTime"
+ :picker-options="{
+ start: '00:00',
+ step: '00:15',
+ end: '24:00',
+ }"
+ placeholder="缁撴潫鏃堕棿"
+ size="small"
+ style="width: 120px"
+ >
+ </el-time-select>
+ </span>
+ </div>
+ <span>
+ <i
+ v-if="item.isEdit"
+ class="el-icon-circle-check"
+ style="margin-left: 10px; color: #4b79f2; cursor: pointer"
+ @click="saveEdit(item, index)"
+ ></i>
+ <i
+ v-if="!item.isEdit"
+ class="el-icon-edit"
+ style="margin-left: 10px; color: #4b79f2; cursor: pointer"
+ @click="item.isEdit = true"
+ ></i>
+ <i
+ v-if="timeQuery.length > 1"
+ class="el-icon-delete"
+ style="margin-left: 10px; color: #ff4902; cursor: pointer"
+ @click="deleteTime(item, index)"
+ ></i>
+ </span>
+ </div>
+ <el-divider></el-divider>
+ <div
+ v-if="index === timeQuery.length - 1"
+ style="color: #4b79f2; cursor: pointer"
+ @click="addTimeForm"
+ >
+ 娣诲姞鏃堕棿閰嶇疆
+ </div>
+ </div>
+ <div
+ v-if="timeQuery.length === 0"
+ style="color: #4b79f2"
+ @click="addTimeForm"
+ >
+ 娣诲姞鏃堕棿閰嶇疆
+ </div>
+ </div>
+ </el-dialog>
+ <el-dialog :visible.sync="schedulingVisible" title="鎺掔彮" width="400px">
+ <div class="search_thing">
+ <div class="search_label" style="width: 90px">
+ <span style="color: red; margin-right: 4px">*</span>鍛ㄦ锛�
+ </div>
+ <div class="search_input" style="width: calc(100% - 90px)">
+ <el-date-picker
+ v-model="schedulingQuery.week"
+ format="yyyy 绗� WW 鍛�"
+ placeholder="閫夋嫨鍛ㄦ"
+ style="width: 100%"
+ type="week"
+ >
+ </el-date-picker>
+ </div>
+ </div>
+ <div class="search_thing">
+ <div class="search_label" style="width: 90px">
+ <span style="color: red; margin-right: 4px">*</span>浜哄憳鍚嶇О锛�
+ </div>
+ <div class="search_input" style="width: calc(100% - 90px)">
+ <el-select
+ v-model="schedulingQuery.userId"
+ clearable
+ collapse-tags
+ multiple
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option-group
+ v-for="(item, index) in Object.keys(personList)"
+ :key="index"
+ :label="item"
+ >
+ <el-option
+ v-for="op in personList[item]"
+ :key="op.id"
+ :label="op.name"
+ :value="op.id"
+ >
+ </el-option>
+ </el-option-group>
+ </el-select>
+ </div>
+ </div>
+ <div class="search_thing">
+ <div class="search_label" style="width: 90px">
+ <span style="color: red; margin-right: 4px">*</span>鐝锛�
+ </div>
+ <div class="search_input" style="width: calc(100% - 90px)">
+ <el-select
+ v-model="schedulingQuery.shift"
+ placeholder="璇烽�夋嫨"
+ style="width: 100%"
+ >
+ <el-option
+ v-for="item in classType"
+ :key="item.value"
+ :label="item.dictLabel"
+ :value="item.dictValue"
+ >
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="schedulingVisible = false">鍙� 娑�</el-button>
+ <el-button :loading="loading" type="primary" @click="confirmScheduling"
+ >纭� 瀹�</el-button
+ >
+ </span>
+ </el-dialog>
+ </div>
</template>
+
+ <script>
+import { getYearAndMonthAndDays } from "../../../utils/date";
-<script>
-export default {};
+import {
+ page,
+ pageYear,
+ add,
+ list,
+ shiftAdd,
+ remove,
+ exportExcel,
+ getUserList,
+ obtainItemParameterList,
+ update,
+} from "../../../api/cnas/performance/class";
+
+import { getDicts } from "../../../api/system/dict/data";
+
+export default {
+ components: {},
+ data() {
+ return {
+ addPower: true,
+ upPower: true,
+ downPower: true,
+ query: {
+ userName: "",
+ laboratory: "",
+ year: new Date(),
+ month: new Date().getMonth() + 1,
+ // month:''
+ },
+ monthOptions: [
+ {
+ value: 1,
+ label: "1鏈�",
+ },
+ {
+ value: 2,
+ label: "2鏈�",
+ },
+ {
+ value: 3,
+ label: "3鏈�",
+ },
+ {
+ value: 4,
+ label: "4鏈�",
+ },
+ {
+ value: 5,
+ label: "5鏈�",
+ },
+ {
+ value: 6,
+ label: "6鏈�",
+ },
+ {
+ value: 7,
+ label: "7鏈�",
+ },
+ {
+ value: 8,
+ label: "8鏈�",
+ },
+ {
+ value: 9,
+ label: "9鏈�",
+ },
+ {
+ value: 10,
+ label: "10鏈�",
+ },
+ {
+ value: 11,
+ label: "11鏈�",
+ },
+ {
+ value: 12,
+ label: "12鏈�",
+ },
+ ],
+ laboratory: [],
+ weeks: [],
+ classType: [],
+ currentUserIndex: null,
+ schedulingVisible: false,
+ personList: [],
+ loading: false,
+ schedulingQuery: {
+ week: "",
+ userId: null,
+ shift: "",
+ },
+ list: [],
+ currentPage: 1, // 褰撳墠椤�
+ pageSize: 10, // 涓�椤�10鏉�
+ total: 0,
+ pageLoading: false, // 缁勪欢loading鐨勫睍绀�,榛樿涓簍rue
+ finishLoding: false, // 鍔犺浇瀹屾垚锛屾樉绀哄凡缁忔病鏈夋洿澶氫簡
+ monthList: [],
+ yearList: [],
+ downLoading: false,
+ configTimeVisible: false, // 鏃堕棿閰嶇疆寮规
+ configTimeVisibleLoading: false, // 鏃堕棿閰嶇疆寮规loading
+ timeTypeList: [],
+ timeQuery: [],
+ listPower: false,
+ };
+ },
+ watch: {},
+ mounted() {
+ this.selectEnumByCategory();
+ this.obtainItemParameterList();
+ this.getUsers();
+ if (this.query.month) {
+ this.init();
+ } else {
+ this.initYear();
+ }
+ this.monthList = [];
+ for (let i = 12; i > 0; i--) {
+ this.monthList.push(i);
+ }
+ this.monthList.reverse();
+ },
+ methods: {
+ refresh() {
+ this.list = [];
+ this.yearList = [];
+ this.currentPage = 1;
+ this.query = {
+ userName: "",
+ laboratory: "",
+ year: new Date(),
+ month: new Date().getMonth() + 1,
+ };
+ if (this.query.month) {
+ this.init();
+ } else {
+ this.initYear();
+ }
+ },
+ refreshTable() {
+ this.currentPage = 1;
+ if (this.query.month) {
+ this.list = [];
+ this.init();
+ } else {
+ this.yearList = [];
+ this.initYear();
+ }
+ },
+ currentChange(num) {
+ this.currentPage = num;
+ if (this.query.month) {
+ this.init();
+ } else {
+ this.initYear();
+ }
+ },
+ handleSizeChange(val) {
+ this.pageSize = val;
+ if (this.query.month) {
+ this.init();
+ } else {
+ this.initYear();
+ }
+ },
+ transFromNumber(num) {
+ let changeNum = [
+ "闆�",
+ "涓�",
+ "浜�",
+ "涓�",
+ "鍥�",
+ "浜�",
+ "鍏�",
+ "涓�",
+ "鍏�",
+ "涔�",
+ ]; //changeNum[0] = "闆�"
+ let unit = ["", "鍗�", "鐧�", "鍗�", "涓�"];
+ num = parseInt(num);
+ let getWan = (temp) => {
+ let strArr = temp.toString().split("").reverse();
+ let newNum = "";
+ for (var i = 0; i < strArr.length; i++) {
+ newNum =
+ (i == 0 && strArr[i] == 0
+ ? ""
+ : i > 0 && strArr[i] == 0 && strArr[i - 1] == 0
+ ? ""
+ : changeNum[strArr[i]] + (strArr[i] == 0 ? unit[0] : unit[i])) +
+ newNum;
+ }
+ return newNum;
+ };
+ let overWan = Math.floor(num / 10000);
+ let noWan = num % 10000;
+ if (noWan.toString().length < 4) noWan = "0" + noWan;
+ return overWan ? getWan(overWan) + "涓�" + getWan(noWan) : getWan(num);
+ },
+ init() {
+ this.pageLoading = true;
+ let year = this.query.year.getFullYear();
+ let month0 = this.query.month
+ ? this.query.month
+ : new Date().getMonth() + 1;
+ let month = month0 > 9 ? month0 : "0" + month0;
+ let params = {
+ size: this.pageSize,
+ current: this.currentPage,
+ time: year + "-" + month + "-01 00:00:00",
+ userName: this.query.userName,
+ laboratory: this.query.laboratory,
+ };
+ page(params).then((res) => {
+ this.pageLoading = false;
+ if (res.code == 201) return;
+ this.total = res.data.page.total;
+ this.list = res.data.page.records.map((item) => {
+ for (let key in item.monthlyAttendance) {
+ let type = this.getDayByDic(key);
+ if (type != undefined || type != null) {
+ item[`day${type}`] = item.monthlyAttendance[key];
+ }
+ }
+ return item;
+ });
+ let headerList = res.data.headerList;
+ this.weeks = [];
+ headerList.forEach((item) => {
+ let obj = {
+ weekNum: item.weekly,
+ week: item.headerTime.split(" ")[1],
+ day: item.headerTime.split(" ")[0],
+ };
+ this.weeks.push(obj);
+ });
+ });
+ },
+ initYear() {
+ this.pageLoading = true;
+ let year = this.query.year.getFullYear();
+ let params = {
+ size: this.pageSize,
+ current: this.currentPage,
+ time: year + "-01-01 00:00:00",
+ userName: this.query.userName,
+ laboratory: this.query.laboratory,
+ };
+ pageYear(params).then((res) => {
+ this.pageLoading = false;
+ if (res.code == 201) return;
+ this.total = res.data.total;
+ this.yearList = res.data.records.map((item) => {
+ for (let key in item.year) {
+ let type = this.getDayByDic(key);
+ if (type != undefined || type != null) {
+ item[`day${type}`] = item.year[key];
+ }
+ }
+ item.monthList = [];
+ for (let m in item.month) {
+ let obj = {};
+ for (let key in item.month[m]) {
+ let type = this.getDayByDic(key);
+ if (type != undefined || type != null) {
+ obj[`day${type}`] = item.month[m][key];
+ }
+ }
+ obj.totalMonthAttendance = item.month[m].totalMonthAttendance;
+ item.monthList.push(obj);
+ }
+ return item;
+ });
+ });
+ },
+ onMouseEnter(index) {
+ this.currentUserIndex = index;
+ },
+ confirmScheduling() {
+ if (!this.schedulingQuery.week) {
+ this.$message.error("璇烽�夋嫨鍛ㄦ");
+ return;
+ }
+ let time = this.schedulingQuery.week.getTime();
+ let startWeek =
+ getYearAndMonthAndDays(new Date(time - 24 * 60 * 60 * 1000)) +
+ " 00:00:00";
+ let endWeek =
+ getYearAndMonthAndDays(new Date(time + 24 * 60 * 60 * 1000 * 5)) +
+ " 00:00:00";
+ if (
+ !this.schedulingQuery.userId ||
+ this.schedulingQuery.userId.length == 0
+ ) {
+ this.$message.error("璇烽�夋嫨浜哄憳");
+ return;
+ }
+ if (!this.schedulingQuery.shift) {
+ this.$message.error("璇烽�夋嫨鐝");
+ return;
+ }
+ this.loading = true;
+ let data = {
+ startWeek,
+ endWeek,
+ userId: this.schedulingQuery.userId.join(","),
+ shift: this.schedulingQuery.shift,
+ };
+
+ add(data).then((res) => {
+ this.loading = false;
+ if (res.code == 201) return;
+ this.$message.success("鎿嶄綔鎴愬姛");
+ this.schedulingVisible = false;
+ this.schedulingQuery = {
+ week: "",
+ userId: null,
+ shift: "",
+ };
+ this.refresh();
+ });
+ },
+ configTime() {
+ getDicts('sys_class_type').then((res) => {
+ console.log("res---", res);
+ this.timeTypeList = res.data;
+ });
+ this.getTimeList();
+ this.configTimeVisible = true;
+ },
+ getTimeList() {
+ this.configTimeVisibleLoading = true;
+ list()
+ .then((res) => {
+ if (res.code == 201) return;
+ if (res.data.length > 0) {
+ res.data.forEach((item) => {
+ item.isEdit = false;
+ const index = this.timeTypeList.findIndex(
+ (val) => val.value === item.shift
+ );
+ if (index > -1) {
+ item.type = this.timeTypeList[index].label;
+ }
+ });
+ this.timeQuery = res.data;
+ }
+ this.configTimeVisibleLoading = false;
+ })
+ .catch((e) => {
+ this.configTimeVisibleLoading = false;
+ console.log("e--", e);
+ });
+ },
+ addTimeForm() {
+ this.timeQuery.push({
+ type: "",
+ shift: "",
+ time: null,
+ isEdit: true,
+ });
+ },
+ saveEdit(item, index) {
+ if (item.shift) {
+ const index = this.timeTypeList.findIndex(
+ (val) => val.value === item.shift
+ );
+ if (index > -1) {
+ item.type = this.timeTypeList[index].label;
+ }
+ }
+ delete item.orderBy;
+ delete item.time;
+ const isEmpty = this.isObjectEmpty(item);
+ if (isEmpty) {
+ this.$message.error("璇峰～鍐欏畬鏁�");
+ return;
+ }
+ let newObj = {};
+ newObj.shift = item.shift;
+ newObj.startTime = item.startTime;
+ newObj.endTime = item.endTime;
+ if (item.id) {
+ // 鏈塱d涓轰慨鏀�
+ newObj.id = item.id;
+ url = this.$api.performanceShift.shiftUpdate;
+ }
+ shiftAdd(newObj).then((res) => {
+ if (res.code == 201) return;
+ this.$message.success("鎿嶄綔鎴愬姛");
+ this.getTimeList();
+ });
+ },
+ deleteTime(item, index) {
+ if (item.id) {
+ remove(item.id).then((res) => {
+ if (res.code == 201) return;
+ this.$message.success("鎿嶄綔鎴愬姛");
+ this.getTimeList();
+ });
+ } else {
+ this.timeQuery.splice(index, 1);
+ }
+ },
+ isObjectEmpty(obj) {
+ return Object.keys(obj).some((key) => !obj[key]);
+ },
+ handleDown() {
+ let year = this.query.year.getFullYear();
+ let time = "";
+ if (this.query.month) {
+ let month =
+ this.query.month > 9 ? this.query.month : "0" + this.query.month;
+ time = year + "-" + month + "-01 00:00:00";
+ } else {
+ time = year + "-01-01 00:00:00";
+ }
+ this.downLoading = true;
+ exportExcel(
+ `?time=${time}&userName=${this.query.userName}&laboratory=${
+ this.query.laboratory
+ }&isMonth=${this.query.month ? true : false}`
+ ).then((res) => {
+ this.$message.success("涓嬭浇鎴愬姛");
+ this.downLoading = false;
+ const blob = new Blob([res], {
+ type: "application/force-download",
+ });
+ let fileName = "";
+ if (this.query.month) {
+ fileName = year + "-" + this.query.month + " 鐝淇℃伅";
+ } else {
+ fileName = year + " 鐝姹囨��";
+ }
+ const filename = decodeURI(fileName + ".xlsx");
+ // 鍒涘缓涓�涓秴閾炬帴锛屽皢鏂囦欢娴佽祴杩涘幓锛岀劧鍚庡疄鐜拌繖涓秴閾炬帴鐨勫崟鍑讳簨浠�
+ const elink = document.createElement("a");
+ elink.download = filename;
+ elink.style.display = "none";
+ elink.href = URL.createObjectURL(blob);
+ document.body.appendChild(elink);
+ elink.click();
+ URL.revokeObjectURL(elink.href); // 閲婃斁URL 瀵硅薄
+ document.body.removeChild(elink);
+ });
+ },
+ selectEnumByCategory() {
+ getDicts("sys_class_type").then((res) => {
+ this.classType = res.data;
+ console.log('鐝绫诲瀷', this.classType);
+ });
+ },
+ obtainItemParameterList() {
+ if (this.PROJECT == "妫�娴嬩腑蹇�") {
+ this.laboratory = [
+ {
+ label: "閫氫俊浜у搧瀹為獙瀹�",
+ value: "閫氫俊浜у搧瀹為獙瀹�",
+ },
+ {
+ label: "鐢靛姏浜у搧瀹為獙瀹�",
+ value: "鐢靛姏浜у搧瀹為獙瀹�",
+ },
+ ];
+ } else {
+ obtainItemParameterList().then((res) => {
+ let data = [];
+ res.data.forEach((a) => {
+ data.push({
+ label: a.laboratoryName,
+ value: a.id,
+ });
+ });
+ this.laboratory = data;
+ console.log('laboratory', this.laboratory);
+ });
+ }
+ },
+ handleCommand(e, m) {
+ if (e != m.shift) {
+ update({ id: m.id, shift: e }).then((res) => {
+ if (res.code == 201) return;
+ this.$message.success("鎿嶄綔鎴愬姛");
+ m.shift = e;
+ });
+ }
+ },
+ getUsers() {
+ getUserList().then((res) => {
+ if (res.code === 201) {
+ return;
+ }
+ this.personList = res.data;
+ });
+ },
+ getDayByDic(e) {
+ let obj = this.classType.find((m) => m.dictLabel == e);
+ if (obj) {
+ return obj.dictValue;
+ }
+ },
+ getShiftByDic(e) {
+ let obj = this.classType.find((m) => m.dictValue == e.toString());
+ if (obj) {
+ return obj.dictLabel;
+ }
+ return "鏃�";
+ },
+ scrollInit() {
+ // 鑾峰彇瑕佺粦瀹氫簨浠剁殑鍏冪礌
+ const nav = document.getElementById("nav");
+ var flag; // 榧犳爣鎸変笅
+ var downX; // 榧犳爣鐐瑰嚮鐨剎涓嬫爣
+ var scrollLeft; // 褰撳墠鍏冪礌婊氬姩鏉＄殑鍋忕Щ閲�
+ nav.addEventListener("mousedown", function (event) {
+ flag = true;
+ downX = event.clientX; // 鑾峰彇鍒扮偣鍑荤殑x涓嬫爣
+ scrollLeft = this.scrollLeft; // 鑾峰彇褰撳墠鍏冪礌婊氬姩鏉＄殑鍋忕Щ閲�
+ });
+ nav.addEventListener("mousemove", function (event) {
+ if (flag) {
+ // 鍒ゆ柇鏄惁鏄紶鏍囨寜涓嬫粴鍔ㄥ厓绱犲尯鍩�
+ var moveX = event.clientX; // 鑾峰彇绉诲姩鐨剎杞�
+ var scrollX = moveX - downX; // 褰撳墠绉诲姩鐨剎杞翠笅鏍囧噺鍘诲垰鐐瑰嚮涓嬪幓鐨剎杞翠笅鏍囧緱鍒伴紶鏍囨粦鍔ㄨ窛绂�
+ this.scrollLeft = scrollLeft - scrollX; // 榧犳爣鎸変笅鐨勬粴鍔ㄦ潯鍋忕Щ閲忓噺鍘诲綋鍓嶉紶鏍囩殑婊戝姩璺濈
+ }
+ });
+ // 榧犳爣鎶捣鍋滄鎷栧姩
+ nav.addEventListener("mouseup", function () {
+ flag = false;
+ });
+ // 榧犳爣绂诲紑鍏冪礌鍋滄鎷栧姩
+ nav.addEventListener("mouseleave", function (event) {
+ flag = false;
+ });
+ },
+ },
+};
</script>
+
+ <style scoped>
+.form_title {
+ height: 36px;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ font-weight: 800;
+}
+.search {
+ height: 50px;
+ display: flex;
+ align-items: center;
+ position: relative;
+}
-<style></style>
+.search_thing {
+ display: flex;
+ align-items: center;
+ height: 50px;
+}
+
+.search_label {
+ width: 70px;
+ font-size: 14px;
+ text-align: right;
+}
+.search_input {
+ display: flex;
+ align-items: center;
+}
+.btns {
+ position: absolute;
+ right: 16px;
+ top: 50%;
+ transform: translate(0, -50%);
+}
+.center {
+ width: 100%;
+ height: 500px;
+ background-color: #fff;
+ overflow-y: auto;
+ display: flex;
+}
+>>> .scroll-pagination {
+ overflow-y: scroll;
+ scrollbar-width: none;
+}
+>>> .scroll-pagination::-webkit-scrollbar {
+ display: none;
+}
+.fixed-left {
+ float: left;
+ width: 220px; /* 宸﹁竟鍖哄煙瀹藉害 */
+ background-color: #fff;
+ box-shadow: 2px -2px 5px rgba(51, 51, 51, 0.12); /* 宸﹁竟闃村奖 */
+}
+.clearfix::after {
+ content: "";
+ display: table;
+ clear: both;
+}
+.scroll-right {
+ width: calc(100% - 220px); /* 鍑忓幓宸﹁竟鍖哄煙瀹藉害 */
+ min-height: calc(100% - 10px); /* 瑙嗗彛楂樺害 */
+ margin-left: 220px;
+ overflow-x: scroll;
+ /* overflow-x: hidden; */
+}
+
+.content {
+ min-height: calc(100% - 10px); /* 瑙嗗彛楂樺害 */
+}
+.content-title {
+ height: 52px;
+ line-height: 52px;
+ border-bottom: 1px solid #eeeeee;
+}
+.content-title-right {
+ display: flex;
+ align-items: center;
+}
+.content-title-item {
+ height: 100%;
+ width: 50px;
+ flex-shrink: 0;
+ border-bottom: 1px solid #eeeeee;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ position: relative;
+}
+.content-title-item .month {
+ font-size: 12px;
+ color: #3a7bfa;
+ box-sizing: border-box;
+ padding: 0 1px;
+ border-radius: 50%;
+ background: #d6e4ff;
+ text-align: center;
+ line-height: 22px;
+}
+.content-title-item .day {
+ font-size: 14px;
+ color: #333333;
+ /* margin-right: 4px; */
+}
+.content-title-item .week {
+ font-size: 12px;
+ color: #999999;
+}
+.content-body {
+ display: flex;
+ align-items: center;
+}
+.content-body-item {
+ height: 70px;
+ width: 50px;
+ flex-shrink: 0;
+ font-size: 12px;
+ box-sizing: border-box;
+ padding: 4px;
+ border-right: 1px solid #eeeeee;
+ border-bottom: 1px solid #eeeeee;
+}
+.work-box {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ background: #edeff2;
+ border-radius: 8px 8px 8px 8px;
+ color: #999;
+ font-size: 14px;
+}
+.work-box.type0 {
+ background: rgba(58, 123, 250, 0.15);
+ color: #3a7bfa !important;
+}
+.work-box.type0 span {
+ color: #3a7bfa !important;
+}
+.work-box.type1 {
+ background: #e3dcfe;
+ color: #635998 !important;
+}
+.work-box.type1 span {
+ color: #635998 !important;
+}
+.work-box.type2 {
+ background: #fae2ca;
+ color: #bc8d5e !important;
+}
+.work-box.type2 span {
+ color: #bc8d5e !important;
+}
+.work-box.type3 {
+ background: #e1f3d8;
+ color: #67c23a !important;
+}
+.work-box.type3 span {
+ color: #67c23a !important;
+}
+.work-box.type4 {
+ background: #fde2e2;
+ color: #f56c6c !important;
+}
+.work-box.type4 span {
+ color: #f56c6c !important;
+}
+.work-box.type5 {
+ background: #ff46c145;
+ color: #ff46c0 !important;
+}
+.work-box.type5 span {
+ color: #ff46c0 !important;
+}
+.work-box.type6 {
+ background: #00036418;
+ color: #000464 !important;
+}
+.work-box.type6 span {
+ color: #000464 !important;
+}
+.work-box-left {
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ line-height: 24px;
+}
+.content-user {
+ width: 100%;
+ height: 70px;
+ box-sizing: border-box;
+ border-bottom: 1px solid #eeeeee;
+ display: flex;
+ align-items: center;
+}
+.user-pic {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ background: #c0c4cc;
+ color: #fff;
+ font-size: 18px;
+ text-align: center;
+ line-height: 40px;
+ margin-left: 10px;
+}
+.user-info {
+ flex: 1;
+ margin-left: 10px;
+}
+.hoverType {
+ background: rgba(58, 123, 250, 0.03);
+}
+.year-table {
+ width: 100%;
+}
+/* .year-table .scroll-right{
+ width: calc(100% -220px);
+ } */
+.year-table .scroll-right {
+ flex: 1;
+}
+.year-table .month {
+ font-size: 14px;
+ color: #3a7bfa;
+ box-sizing: border-box;
+ padding: 0 4px;
+ border-radius: 50%;
+ background: #d6e4ff;
+ text-align: center;
+ line-height: 30px;
+}
+.year-table .content-title-item {
+ width: 100%;
+}
+.year-table .content-body {
+ /* width: calc(100% -220px) !important; */
+}
+.year-table .content-body-item {
+ width: 100%;
+ height: 70px;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+}
+</style>
+
\ No newline at end of file
diff --git a/src/views/performance/manHour/workTimeConfig.vue b/src/views/performance/manHour/workTimeConfig.vue
index 590c182..afdbc85 100644
--- a/src/views/performance/manHour/workTimeConfig.vue
+++ b/src/views/performance/manHour/workTimeConfig.vue
@@ -139,7 +139,7 @@
},
mounted() {
this.entityCopy = this.HaveJson(this.componentData.entity);
- this.getPower();
+ //this.getPower();
this.obtainItemParameterList();
this.selectEnumByCategoryForUnit();
},
@@ -174,30 +174,30 @@
this.page.current = 1;
this.getList();
},
- getPower(radio) {
- let power = JSON.parse(sessionStorage.getItem("power"));
- let up = false;
- let del = false;
- let add = false;
- for (var i = 0; i < power.length; i++) {
- if (power[i].menuMethod == "upDeviceParameter") {
- up = true;
- }
- if (power[i].menuMethod == "delDeviceParameter") {
- del = true;
- }
- if (power[i].menuMethod == "addDeviceParameter") {
- add = true;
- }
- }
- if (!up) {
- this.componentData.do.splice(1, 1);
- }
- if (!del) {
- this.componentData.do.splice(0, 1);
- }
- this.addPower = add;
- },
+ // getPower(radio) {
+ // let power = JSON.parse(sessionStorage.getItem("power"));
+ // let up = false;
+ // let del = false;
+ // let add = false;
+ // for (var i = 0; i < power.length; i++) {
+ // if (power[i].menuMethod == "upDeviceParameter") {
+ // up = true;
+ // }
+ // if (power[i].menuMethod == "delDeviceParameter") {
+ // del = true;
+ // }
+ // if (power[i].menuMethod == "addDeviceParameter") {
+ // add = true;
+ // }
+ // }
+ // if (!up) {
+ // this.componentData.do.splice(1, 1);
+ // }
+ // if (!del) {
+ // this.componentData.do.splice(0, 1);
+ // }
+ // this.addPower = add;
+ // },
openAdd() {
// this.$refs.ValueTable0.openAddDia(
// this.$api.auxiliaryWorkingHours.insertAuxiliaryWorkingHours
diff --git a/src/views/performance/staffAttendance/index.vue b/src/views/performance/staffAttendance/index.vue
index e18c940..a0a1c56 100644
--- a/src/views/performance/staffAttendance/index.vue
+++ b/src/views/performance/staffAttendance/index.vue
@@ -6,4 +6,4 @@
export default {};
</script>
-<style></style>
+<style></style>
\ No newline at end of file
diff --git a/src/views/performance/staffEvaluate/employee-mutual-evaluation.vue b/src/views/performance/staffEvaluate/employee-mutual-evaluation.vue
new file mode 100644
index 0000000..0f6ad20
--- /dev/null
+++ b/src/views/performance/staffEvaluate/employee-mutual-evaluation.vue
@@ -0,0 +1,220 @@
+<template>
+ <div class="table-item">
+ <p style="text-align: center;margin-bottom: 10px;">{{ entity.departLims }} {{ Number(entity.month.split('-')[1]) }} 鏈堜唤鍛樺伐浜掕瘎鎵撳垎琛�</p>
+ <el-table
+ :data="tableData"
+ style="width: 100%" height="380" v-loading="loading">
+ <el-table-column
+ type="index"
+ label="搴忓彿"
+ width="55">
+ </el-table-column>
+ <el-table-column label="濮撳悕">
+ </el-table-column>
+ <el-table-column label="妫�娴嬪強鏃舵��">
+ <el-table-column label="鍙婃椂瀹屾垚">
+ <el-table-column label="20" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="20" v-model="scope.row.seasonable" @input="m=>handleChange(m,scope.row,'seasonable')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="鍌績瀹屾垚">
+ <el-table-column label="15" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="15" v-model="scope.row.seasonable" @input="m=>handleChange(m,scope.row,'seasonable')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="寤舵湡杈冮暱">
+ <el-table-column label="10" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="10" v-model="scope.row.seasonable" @input="m=>handleChange(m,scope.row,'seasonable')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="妫�娴嬪噯纭��">
+ <el-table-column label="鍏ㄦ湀鏃犻敊">
+ <el-table-column label="20" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="20" v-model="scope.row.exact" @input="m=>handleChange(m,scope.row,'exact')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="鍋舵湁澶辫">
+ <el-table-column label="15" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="15" v-model="scope.row.exact" @input="m=>handleChange(m,scope.row,'exact')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="棰戠箒閿欒">
+ <el-table-column label="10" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="10" v-model="scope.row.exact" @input="m=>handleChange(m,scope.row,'exact')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔鎶�鑳�">
+ <el-table-column label="鎿嶄綔鐔熺粌">
+ <el-table-column label="20" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="20" v-model="scope.row.skill" @input="m=>handleChange(m,scope.row,'skill')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔鍩烘湰鐔熺粌">
+ <el-table-column label="15" width="120px">
+ <template slot-scope="scope">
+ <el-radio :label="15" v-model="scope.row.skill" @input="m=>handleChange(m,scope.row,'skill')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="闇�瑕佹寚瀵�">
+ <el-table-column label="12" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="12" v-model="scope.row.skill" @input="m=>handleChange(m,scope.row,'skill')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="璁惧缁存姢">
+ <el-table-column label="鑷缁存姢">
+ <el-table-column label="10" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="10" v-model="scope.row.preserve" @input="m=>handleChange(m,scope.row,'preserve')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="鑳界淮鎶�">
+ <el-table-column label="5" width="80px">
+ <template slot-scope="scope">
+ <el-radio :label="5" v-model="scope.row.preserve" @input="m=>handleChange(m,scope.row,'preserve')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="鏃犳剰璇�">
+ <el-table-column label="2" width="80px">
+ <template slot-scope="scope">
+ <el-radio :label="2" v-model="scope.row.preserve" @input="m=>handleChange(m,scope.row,'preserve')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="閬电珷瀹堢邯">
+ <el-table-column label="鑷閬靛畧" >
+ <el-table-column label="10" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="10" v-model="scope.row.discipline" @input="m=>handleChange(m,scope.row,'discipline')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="琚姩閬靛畧">
+ <el-table-column label="7" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="7" v-model="scope.row.discipline" @input="m=>handleChange(m,scope.row,'discipline')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="缁忓父杩濈邯">
+ <el-table-column label="5" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="5" v-model="scope.row.discipline" @input="m=>handleChange(m,scope.row,'discipline')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="鍥㈢粨鍗忎綔">
+ <el-table-column label="鍥㈢粨鍗忎綔">
+ <el-table-column label="10" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="10" v-model="scope.row.solidarity" @input="m=>handleChange(m,scope.row,'solidarity')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="鍩烘湰铻嶆唇">
+ <el-table-column label="8" width="90px">
+ <template slot-scope="scope">
+ <el-radio :label="8" v-model="scope.row.solidarity" @input="m=>handleChange(m,scope.row,'solidarity')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="5S-3瀹�">
+ <el-table-column label="鍖呭共鍖烘暣娲�">
+ <el-table-column label="10" width="110px">
+ <template slot-scope="scope">
+ <el-radio :label="10" v-model="scope.row.tidy" @input="m=>handleChange(m,scope.row,'tidy')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="瀛樺湪涓嶆竻娲佺偣">
+ <el-table-column label="7" width="130px">
+ <template slot-scope="scope">
+ <el-radio :label="7" v-model="scope.row.tidy" @input="m=>handleChange(m,scope.row,'tidy')">{{ '' }}</el-radio>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="寰楀垎" fixed="right">
+ <el-table-column label="100" width="70px" prop="total">
+ </el-table-column>
+ </el-table-column>
+ </el-table>
+ </div>
+ </template>
+
+ <script>
+import {
+ getEvaluateGroup
+} from '../../../api/cnas/performance/staffEvaluate'
+
+ export default {
+ props:{
+ entity:Object,
+ },
+ data(){
+ return{
+ tableData:[],
+ loading:false,
+ }
+ },
+ created(){
+ this.refreshTable()
+ },
+ methods:{
+ handleChange(value,row,prop){
+ row[prop] = Number(value)
+ getEvaluateGroup(...row).then(res => {
+ row.total = res.data
+ })
+ },
+ refreshTable(){
+ this.loading = true
+ getEvaluateGroup(this.entity).then(res => {
+ this.loading = false
+ this.tableData = res.data
+ })
+ },
+ refresh(){
+ this.refreshTable()
+ }
+ }
+ }
+ </script>
+
+ <style scoped>
+ .table-item{
+ width: 100%;
+ height: 100%;
+ }
+ >>>.el-table--border th.el-table__cell, .el-table__fixed-right-patch{
+ border-color: rgb(225, 223, 223);
+ }
+ >>>.el-table .cell, .el-table--border .el-table__cell .cell{
+ text-align: center;
+ }
+ </style>
+
\ No newline at end of file
diff --git a/src/views/performance/staffEvaluate/evaluation.vue b/src/views/performance/staffEvaluate/evaluation.vue
new file mode 100644
index 0000000..85db9bb
--- /dev/null
+++ b/src/views/performance/staffEvaluate/evaluation.vue
@@ -0,0 +1,91 @@
+<template>
+ <div class="table-item">
+ <lims-table
+ :tableData="tableData"
+ :column="column"
+ :tableLoading="tableLoading"
+ :height="'calc(100vh - 270px)'"
+ :page="page"
+ @pagination="pagination"
+ ></lims-table>
+ </div>
+</template>
+
+<script>
+import limsTable from "@/components/Table/lims-table.vue";
+import {
+ page
+} from '../../../api/cnas/performance/staffEvaluate'
+
+export default {
+ components: {
+ limsTable,
+ },
+ props: {
+ entity : {
+ type: Object,
+ default: () => {
+ return {};
+ },
+ }
+ },
+ data() {
+ return {
+ tableData: [],
+ tableLoading: false,
+ column: [
+ { label: "宸ュ彿", prop: "account" },
+ { label: "濮撳悕", prop: "name" },
+ {
+ label: "鍛樺伐浜掕瘎",
+ prop: "groupTotal",
+ },
+ { label: "缁勯暱璇勫垎", prop: "leaderTotal" },
+ { label: "涓荤璇勫垎", prop: "competentTotal" },
+ { label: "鑰冭瘎寰楀垎", prop: "score" },
+ { label: "鑰冭瘎绛夌骇", prop: "grade" },
+ ],
+ page: {
+ total: 0,
+ size: 10,
+ current: 0,
+ },
+ };
+ },
+ methods: {
+ getList() {
+ this.tableLoading = true;
+ let param = { ...this.entity, ...this.page };
+ delete param.total;
+ page({ ...param })
+ .then((res) => {
+ this.tableLoading = false;
+ if (res.code === 200) {
+ this.tableData = res.data.records;
+ this.page.total = res.data.total;
+ }
+ })
+ .catch((err) => {
+ this.tableLoading = false;
+ });
+ },
+ pagination({ page, limit }) {
+ this.page.current = page;
+ this.page.size = limit;
+ this.getList();
+ },
+ refreshTable() {
+ this.getList();
+ }
+
+ },
+ mounted() {},
+};
+</script>
+
+<style scoped>
+.table-item {
+ width: 100%;
+ height: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/performance/staffEvaluate/index.vue b/src/views/performance/staffEvaluate/index.vue
index 4a04173..bbfd6a3 100644
--- a/src/views/performance/staffEvaluate/index.vue
+++ b/src/views/performance/staffEvaluate/index.vue
@@ -1,9 +1,225 @@
<template>
- <div>浜哄憳鑰冭瘎</div>
+ <div class="personnel-evaluation">
+ <basicContainer>
+ <div class="search">
+ <div class="search_thing">
+ <div class="search_label">鏈堜唤锛�</div>
+ <div class="search_input">
+ <el-date-picker
+ v-model="entity.month"
+ format="yyyy-MM"
+ placeholder="閫夋嫨鏈�"
+ size="small"
+ type="month"
+ value-format="yyyy-MM"
+ @change="refreshTable()">
+ </el-date-picker>
+ </div>
+ </div>
+ <div class="search_thing">
+ <div class="search_label">瀹為獙瀹わ細</div>
+ <div class="search_input">
+ <el-select v-model="entity.departLims" placeholder="鍏ㄩ儴" size="small" @change="refreshTable()">
+ <el-option v-for="item in laboratoryList" :key="item.value" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </div>
+ </div>
+ <div class="search_thing">
+ <div class="search_label">浜哄憳鍚嶇О锛�</div>
+ <div class="search_input"><el-input v-model="entity.name" clearable placeholder="璇疯緭鍏�"
+ size="small" @keyup.enter.native="refreshTable()"></el-input></div>
+ </div>
+ <div class="search_thing" style="padding-left: 30px;">
+ <el-button size="small" @click="refresh()">閲� 缃�</el-button>
+ <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
+ </div>
+ </div>
+ <div class="tabs" style="margin-top: 10px;">
+ <el-radio-group v-model="tabValue" size="small" >
+ <el-radio-button v-hasPermi="['staffEvaluate:evaluation:list']" label="evaluation">鑰冭瘎</el-radio-button>
+ <el-radio-button v-hasPermi="['staffEvaluate:employeeMutualEvaluation:list']" label="employeeMutualEvaluation">鍛樺伐浜掕瘎</el-radio-button>
+ <el-radio-button v-hasPermi="['staffEvaluate:leaderRate:list']" label="leaderRate">缁勯暱璇勫垎</el-radio-button>
+ <el-radio-button v-hasPermi="['staffEvaluate:supervisorRate:list']" label="supervisorRate">涓荤鎵撳垎</el-radio-button>
+ </el-radio-group>
+ <el-button :loading="outLoading" size="small" type="primary" @click="handleDown">瀵� 鍑�</el-button>
+ </div>
+
+ </basicContainer>
+
+
+ <div class="table">
+ <component :is="tabValue" v-if="laboratoryList.length>0" ref="component" :entity="entity"></component>
+ </div>
+ </div>
</template>
<script>
-export default {};
+ import evaluation from '../staffEvaluate/evaluation.vue'
+import employeeMutualEvaluation from '../staffEvaluate/employee-mutual-evaluation.vue'
+import leaderRate from '../staffEvaluate/leader-rate.vue'
+import supervisorRate from '../staffEvaluate/supervisor-rate.vue'
+
+import {
+ obtainItemParameterList,
+ exportEvaluate,
+ exportEvaluateLeader,
+ exportEvaluateCompetent
+} from '../../../api/cnas/performance/staffEvaluate'
+
+export default {
+ components: {
+ evaluation,
+ employeeMutualEvaluation,
+ leaderRate,
+ supervisorRate,
+ },
+ data(){
+ return{
+ // isPermission: isPermission,
+ entity:{
+ month:new Date().getFullYear()+'-'+((new Date().getMonth() + 1) < 10 ? '0'+(new Date().getMonth() + 1):(new Date().getMonth() + 1)),
+ departLims:'',
+ name:''
+ },
+ tabValue:'evaluation',
+ laboratoryList:[],
+ outLoading:false,
+ copyEntity:null
+ }
+ },
+ created(){
+ this.obtainItemParameterList()
+ this.tabValue = this.initTabValueByPermissions()
+ },
+ methods: {
+ initTabValueByPermissions(){
+ // const per1 = this.isPermission('page')//鏌ヨ鑰冭瘎
+ // const per2 = this.isPermission('getEvaluateGroup')//鍛樺伐浜掕瘎
+ // const per3 = this.isPermission('getEvaluateLeader')//缁勯暱璇勫垎
+ // const per4 = this.isPermission('getEvaluateCompetent')//涓荤鎵撳垎
+ // return per1?'evaluation':per2?'employeeMutualEvaluation':per3?'leaderRate':per4?'supervisorRate':''
+
+ return 'evaluation'
+ },
+ refreshTable(){
+ this.$refs.component.refreshTable()
+ },
+ refresh(){
+ this.entity = this.HaveJson(this.copyEntity)
+ this.$refs.component.refresh()
+ },
+ obtainItemParameterList() {
+ obtainItemParameterList().then(res => {
+ let data = []
+ res.data.forEach(a => {
+ data.push({
+ label: a.laboratoryName,
+ value: a.laboratoryName
+ })
+ })
+ this.laboratoryList = data
+ this.entity.departLims = data[0].value
+ this.copyEntity = this.HaveJson(this.entity)
+ })
+ },
+ handleDown(){
+ let url = null;
+ let title = ''
+ if(this.tabValue=='evaluation'){
+ url = exportEvaluate
+ title = '鑰冭瘎琛�'
+ }else if(this.tabValue=='employeeMutualEvaluation'){
+ url = exportEvaluate
+ title = '鑰冭瘎琛�'
+ }else if(this.tabValue=='leaderRate'){
+ url = exportEvaluateLeader
+ title = '缁勯暱璇勫垎琛�'
+ }else if(this.tabValue=='supervisorRate'){
+ url = exportEvaluateCompetent
+ title = '涓荤璇勫垎琛�'
+ }
+ let entity = {...this.entity}
+ this.outLoading = true
+ url(entity).then(res => {
+ this.outLoading = false
+ const blob = new Blob([res],{ type: 'application/octet-stream' });
+ //灏咮lob 瀵硅薄杞崲鎴愬瓧绗︿覆
+ let reader = new FileReader();
+ reader.readAsText(blob, 'utf-8');
+ reader.onload = () => {
+ try {
+ let result = JSON.parse(reader.result);
+ if (result.message) {
+ this.$message.error(result.message);
+ } else {
+ const url = URL.createObjectURL(blob);
+ const link = document.createElement('a');
+ link.href = url;
+ link.download = entity.departLims+'-'+entity.month+title+'.xlsx';
+ link.click();
+ this.$message.success('瀵煎嚭鎴愬姛')
+ }
+ } catch (err) {
+ console.log(err);
+ const url = URL.createObjectURL(blob);
+ const link = document.createElement('a');
+ link.href = url;
+ link.download = entity.departLims+'-'+entity.month+title+'.xlsx';
+ link.click();
+ this.$message.success('瀵煎嚭鎴愬姛')
+ }
+ }
+ })
+ },
+ }
+}
</script>
-<style></style>
+<style scoped>
+.personnel-evaluation {
+ height: 100%;
+ overflow-y: auto;
+}
+.title {
+ height: 60px;
+ line-height: 60px;
+}
+.search {
+ background-color: #ffffff;
+ height: 80px;
+ display: flex;
+ align-items: center;
+ margin-top: 20px;
+ }
+
+ .search_thing {
+ width: 350px;
+ display: flex;
+ align-items: center;
+ }
+
+ .search_label {
+ width: 110px;
+
+ font-size: 14px;
+ text-align: right;
+ }
+
+ .search_input {
+ width: calc(100% - 110px);
+ }
+ .tabs{
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ }
+ .table {
+ margin-top: 10px;
+ background-color: #ffffff;
+ width: calc(100% - 40px);
+ height: calc(100% - 60px - 80px - 10px - 42px);
+ padding: 20px;
+ }
+</style>
+
diff --git a/src/views/performance/staffEvaluate/leader-rate.vue b/src/views/performance/staffEvaluate/leader-rate.vue
new file mode 100644
index 0000000..4b60c4e
--- /dev/null
+++ b/src/views/performance/staffEvaluate/leader-rate.vue
@@ -0,0 +1,155 @@
+<template>
+ <div class="table-item">
+ <p style="text-align: center; margin-bottom: 10px">
+ {{ entity.departLims }}
+ {{ Number(entity.month.split("-")[1]) }} 鏈堜唤缁勯暱鎵撳垎琛�
+ </p>
+ <el-table
+ :data="tableData"
+ style="width: 100%"
+ height="380"
+ v-loading="loading"
+ >
+ <el-table-column type="index" label="搴忓彿" width="55"> </el-table-column>
+ <el-table-column label="濮撳悕" prop="name"> </el-table-column>
+ <el-table-column label="宸ヤ綔璐ｄ换蹇�">
+ <el-table-column label="25">
+ <template slot-scope="scope">
+ <el-input-number
+ size="small"
+ v-model="scope.row.responsibility"
+ @change="(m) => handleChange(m, scope.row, 'responsibility')"
+ :min="0"
+ :max="25"
+ ></el-input-number>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="鏈嶄粠鍒嗗伐">
+ <el-table-column label="25">
+ <template slot-scope="scope">
+ <el-input-number
+ size="small"
+ v-model="scope.row.compliance"
+ @change="(m) => handleChange(m, scope.row, 'compliance')"
+ :min="0"
+ :max="25"
+ ></el-input-number>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="绉瀬鎬�">
+ <el-table-column label="20">
+ <template slot-scope="scope">
+ <el-input-number
+ size="small"
+ v-model="scope.row.positive"
+ @change="(m) => handleChange(m, scope.row, 'positive')"
+ :min="0"
+ :max="20"
+ ></el-input-number>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="鍥㈢粨鍚屼簨">
+ <el-table-column label="10">
+ <template slot-scope="scope">
+ <el-input-number
+ size="small"
+ v-model="scope.row.solidarity"
+ @change="(m) => handleChange(m, scope.row, 'solidarity')"
+ :min="0"
+ :max="10"
+ ></el-input-number>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="璇曢獙鍙婃椂鎬�">
+ <el-table-column label="10">
+ <template slot-scope="scope">
+ <el-input-number
+ size="small"
+ v-model="scope.row.seasonable"
+ @change="(m) => handleChange(m, scope.row, 'seasonable')"
+ :min="0"
+ :max="10"
+ ></el-input-number>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="缁撴灉鍑嗙‘鎬�">
+ <el-table-column label="10">
+ <template slot-scope="scope">
+ <el-input-number
+ size="small"
+ v-model="scope.row.exact"
+ @change="(m) => handleChange(m, scope.row, 'exact')"
+ :min="0"
+ :max="10"
+ ></el-input-number>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="寰楀垎" prop="total"> </el-table-column>
+ </el-table>
+ </div>
+</template>
+
+ <script>
+import {
+ writeEvaluateLeader,
+ getEvaluateLeader,
+} from "../../../api/cnas/performance/staffEvaluate";
+
+export default {
+ props: {
+ entity: Object,
+ },
+ data() {
+ return {
+ tableData: [],
+ loading: false,
+ };
+ },
+ created() {
+ this.refreshTable();
+ },
+ methods: {
+ handleChange(value, row, prop) {
+ row[prop] = Number(value);
+ writeEvaluateLeader({ ...row }).then((res) => {
+ row.total = res.data;
+ });
+ },
+ refreshTable() {
+ this.loading = true;
+ getEvaluateLeader(this.entity).then((res) => {
+ this.loading = false;
+ this.tableData = res.data;
+ });
+ },
+ refresh() {
+ this.refreshTable();
+ },
+ },
+};
+</script>
+
+ <style scoped>
+.table-item {
+ width: 100%;
+ height: 100%;
+}
+>>> .el-table--border th.el-table__cell,
+.el-table__fixed-right-patch {
+ border-color: rgb(225, 223, 223);
+}
+>>> .el-table .cell,
+.el-table--border .el-table__cell .cell {
+ text-align: center;
+}
+.el-input-number {
+ width: 110px;
+}
+</style>
+
\ No newline at end of file
diff --git a/src/views/performance/staffEvaluate/supervisor-rate.vue b/src/views/performance/staffEvaluate/supervisor-rate.vue
new file mode 100644
index 0000000..72a7e2c
--- /dev/null
+++ b/src/views/performance/staffEvaluate/supervisor-rate.vue
@@ -0,0 +1,168 @@
+<template>
+ <div class="table-item">
+ <p style="text-align: center; margin-bottom: 10px">
+ {{ entity.departLims }}
+ {{ Number(entity.month.split("-")[1]) }} 鏈堜唤涓荤鎵撳垎琛�
+ </p>
+ <el-table
+ :data="tableData"
+ style="width: 100%"
+ height="380"
+ v-loading="loading"
+ >
+ <el-table-column type="index" label="搴忓彿" width="55"> </el-table-column>
+ <el-table-column label="濮撳悕" prop="name"> </el-table-column>
+ <el-table-column label="鎶�鑳芥按骞�">
+ <el-table-column label="20">
+ <template slot-scope="scope">
+ <el-input-number
+ size="small"
+ v-model="scope.row.skill"
+ @change="(m) => handleChange(m, scope.row, 'skill')"
+ :min="0"
+ :max="20"
+ ></el-input-number>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="鏈嶄粠鍒嗗伐">
+ <el-table-column label="20">
+ <template slot-scope="scope">
+ <el-input-number
+ size="small"
+ v-model="scope.row.compliance"
+ @change="(m) => handleChange(m, scope.row, 'compliance')"
+ :min="0"
+ :max="20"
+ ></el-input-number>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="绉瀬鎬�">
+ <el-table-column label="20">
+ <template slot-scope="scope">
+ <el-input-number
+ size="small"
+ v-model="scope.row.positive"
+ @change="(m) => handleChange(m, scope.row, 'positive')"
+ :min="0"
+ :max="20"
+ ></el-input-number>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="5S-3瀹�">
+ <el-table-column label="10">
+ <template slot-scope="scope">
+ <el-input-number
+ size="small"
+ v-model="scope.row.tidy"
+ @change="(m) => handleChange(m, scope.row, 'tidy')"
+ :min="0"
+ :max="10"
+ ></el-input-number>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="瑙勭珷鍒跺害">
+ <el-table-column label="10">
+ <template slot-scope="scope">
+ <el-input-number
+ size="small"
+ v-model="scope.row.discipline"
+ @change="(m) => handleChange(m, scope.row, 'discipline')"
+ :min="0"
+ :max="10"
+ ></el-input-number>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="鍥㈢粨鍗忎綔">
+ <el-table-column label="10">
+ <template slot-scope="scope">
+ <el-input-number
+ size="small"
+ v-model="scope.row.solidarity"
+ @change="(m) => handleChange(m, scope.row, 'solidarity')"
+ :min="0"
+ :max="10"
+ ></el-input-number>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="鎻愭绉垎">
+ <el-table-column label="10">
+ <template slot-scope="scope">
+ <el-input-number
+ size="small"
+ v-model="scope.row.proposal"
+ @change="(m) => handleChange(m, scope.row, 'proposal')"
+ :min="0"
+ :max="10"
+ ></el-input-number>
+ </template>
+ </el-table-column>
+ </el-table-column>
+ <el-table-column label="寰楀垎" prop="total"> </el-table-column>
+ </el-table>
+ </div>
+</template>
+
+ <script>
+import {
+ getEvaluateCompetent,
+ writeEvaluateCompetent,
+} from "../../../api/cnas/performance/staffEvaluate";
+
+export default {
+ props: {
+ entity: Object,
+ },
+ data() {
+ return {
+ tableData: [],
+ loading: false,
+ };
+ },
+ created() {
+ this.refreshTable();
+ },
+ methods: {
+ handleChange(value, row, prop) {
+ row[prop] = Number(value);
+ writeEvaluateCompetent(...row).then((res) => {
+ row.total = res.data;
+ });
+ },
+ refreshTable() {
+ this.loading = true;
+ getEvaluateCompetent(this.entity).then((res) => {
+ this.loading = false;
+ this.tableData = res.data;
+ });
+ },
+ refresh() {
+ this.refreshTable();
+ },
+ },
+};
+</script>
+
+ <style scoped>
+.table-item {
+ width: 100%;
+ height: 100%;
+}
+>>> .el-table--border th.el-table__cell,
+.el-table__fixed-right-patch {
+ border-color: rgb(225, 223, 223);
+}
+>>> .el-table .cell,
+.el-table--border .el-table__cell .cell {
+ text-align: center;
+}
+.el-input-number {
+ width: 110px;
+}
+</style>
+
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index 4d2eb71..5fd87e1 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -36,7 +36,7 @@
proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: {
- target: `http://192.168.0.104:8002`,
+ target: `http://127.0.0.1:8002`,
// target: `http://127.0.0.1:8002`,
changeOrigin: true,
pathRewrite: {
--
Gitblit v1.9.3