From 67c560c0cad4224c41b36b2ec755bf3d5aa7e68f Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期五, 06 二月 2026 10:51:51 +0800
Subject: [PATCH] Merge branch 'dev_New' into dev_湖南鹏创电子
---
src/views/equipmentManagement/attendanceManagement/index.vue | 403 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 403 insertions(+), 0 deletions(-)
diff --git a/src/views/equipmentManagement/attendanceManagement/index.vue b/src/views/equipmentManagement/attendanceManagement/index.vue
new file mode 100644
index 0000000..a346d0b
--- /dev/null
+++ b/src/views/equipmentManagement/attendanceManagement/index.vue
@@ -0,0 +1,403 @@
+<template>
+ <div class="app-container">
+ <!-- 鏈嶅姟璇勪环姒傝锛氭ā鎷熷憳宸ヤ笟缁╄瘎鍒� -->
+ <el-row :gutter="16" class="mb16">
+ <el-col :span="8">
+ <el-card shadow="never">
+ <div class="kpi-title">鏈湀骞冲潎璇勫垎</div>
+ <div class="kpi-value">
+ {{ overallAvgScore.toFixed(1) }}
+ <span class="kpi-unit">鍒�</span>
+ </div>
+ <el-rate v-model="overallAvgScore" disabled show-score score-template="{value} / 5" />
+ </el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="never">
+ <div class="kpi-title">宸茶瘎浠风淮淇伐鍗�</div>
+ <div class="kpi-value">
+ {{ ratedCount }}
+ <span class="kpi-unit">鍗�</span>
+ </div>
+ </el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="never">
+ <div class="kpi-title">寰呰瘎浠风淮淇伐鍗�</div>
+ <div class="kpi-value kpi-warning">
+ {{ pendingCount }}
+ <span class="kpi-unit">鍗�</span>
+ </div>
+ </el-card>
+ </el-col>
+ </el-row>
+
+ <!-- 鏌ヨ鏉′欢锛氱鐞嗗憳鎸夊伐绋嬪笀 / 瀹㈡埛 / 鏃堕棿杩芥函璇勪环 -->
+ <div class="search_form">
+ <div>
+ <span class="search_title">缁翠慨宸ョ▼甯堬細</span>
+ <el-input
+ v-model="searchForm.engineerName"
+ placeholder="璇疯緭鍏ュ伐绋嬪笀濮撳悕"
+ style="width: 180px"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+
+ <span class="search_title ml10">瀹㈡埛鍚嶇О锛�</span>
+ <el-input
+ v-model="searchForm.customerName"
+ placeholder="璇疯緭鍏ュ鎴峰悕绉�"
+ style="width: 180px"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+
+ <span class="search_title ml10">瀹屾垚鏃堕棿锛�</span>
+ <el-date-picker
+ v-model="searchForm.dateRange"
+ type="daterange"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ value-format="YYYY-MM-DD"
+ format="YYYY-MM-DD"
+ clearable
+ />
+
+ <span class="search_title ml10">璇勪环鐘舵�侊細</span>
+ <el-select
+ v-model="searchForm.status"
+ placeholder="璇烽�夋嫨"
+ style="width: 140px"
+ clearable
+ >
+ <el-option label="寰呰瘎浠�" value="pending" />
+ <el-option label="宸茶瘎浠�" value="rated" />
+ </el-select>
+
+ <el-button type="primary" @click="handleQuery" style="margin-left: 10px">
+ 鎼滅储
+ </el-button>
+ <el-button @click="resetSearch">閲嶇疆</el-button>
+ </div>
+ <div>
+ <el-button icon="Download" @click="handleExport">
+ 瀵煎嚭璇勪环缁熻
+ </el-button>
+ </div>
+ </div>
+
+ <!-- 缁翠慨璇勪环鍒楄〃锛氭ā鎷熲�滅淮淇畬鎴愬悗瑙﹀彂璇勪环鈥濆満鏅� -->
+ <div class="table_list">
+ <el-table
+ :data="tableData"
+ border
+ style="width: 100%"
+ height="calc(100vh - 24em)"
+ :header-cell-style="{ background: '#F0F1F5', color: '#333333' }"
+ >
+ <el-table-column type="index" label="搴忓彿" width="60" align="center" />
+ <el-table-column prop="orderNo" label="缁翠慨宸ュ崟鍙�" width="160" show-overflow-tooltip />
+ <el-table-column prop="deviceName" label="璁惧鍚嶇О" width="160" show-overflow-tooltip />
+ <el-table-column prop="customerName" label="瀹㈡埛鍚嶇О" width="180" show-overflow-tooltip />
+ <el-table-column prop="engineerName" label="缁翠慨宸ョ▼甯�" width="120" />
+ <el-table-column prop="completeTime" label="缁翠慨瀹屾垚鏃堕棿" width="180" />
+ <el-table-column prop="score" label="鏄熺骇璇勫垎" width="140" align="center">
+ <template #default="scope">
+ <el-rate v-if="scope.row.score" v-model="scope.row.score" disabled />
+ <span v-else>-</span>
+ </template>
+ </el-table-column>
+ <el-table-column prop="status" label="璇勪环鐘舵��" width="100" align="center">
+ <template #default="scope">
+ <el-tag
+ :type="scope.row.status === 'rated' ? 'success' : 'warning'"
+ size="small"
+ >
+ {{ scope.row.status === 'rated' ? '宸茶瘎浠�' : '寰呰瘎浠�' }}
+ </el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column prop="feedback" label="瀹㈡埛鍙嶉" show-overflow-tooltip />
+ <el-table-column label="鎿嶄綔" width="160" align="center" fixed="right">
+ <template #default="scope">
+ <el-button
+ v-if="scope.row.status === 'pending'"
+ type="primary"
+ link
+ size="small"
+ @click="openEvaluate(scope.row)"
+ >
+ 鍘昏瘎浠�
+ </el-button>
+ <el-button
+ v-else
+ type="primary"
+ link
+ size="small"
+ @click="openEvaluate(scope.row)"
+ >
+ 鏌ョ湅 / 淇敼璇勪环
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+
+ <!-- 璇勪环寮规锛氭ā鎷熲�滅淮淇畬鎴愬悗寮瑰嚭瀹㈡埛绔瘎浠封�� -->
+ <el-dialog
+ v-model="dialogVisible"
+ :title="dialogTitle"
+ width="520px"
+ destroy-on-close
+ >
+ <div class="dialog-order-info" v-if="currentOrder">
+ <div>缁翠慨宸ュ崟锛歿{ currentOrder.orderNo }}</div>
+ <div>璁惧鍚嶇О锛歿{ currentOrder.deviceName }}</div>
+ <div>缁翠慨宸ョ▼甯堬細{{ currentOrder.engineerName }}</div>
+ </div>
+ <el-form
+ ref="formRef"
+ :model="form"
+ :rules="rules"
+ label-width="100px"
+ >
+ <el-form-item label="鏄熺骇璇勫垎锛�" prop="score">
+ <el-rate v-model="form.score" :max="5" />
+ </el-form-item>
+ <el-form-item label="鏂囧瓧鍙嶉锛�" prop="feedback">
+ <el-input
+ v-model="form.feedback"
+ type="textarea"
+ :rows="4"
+ placeholder="璇峰～鍐欏鏈缁翠慨鏈嶅姟鐨勮瘎浠凤紝濡傚搷搴旈�熷害銆佷笓涓氱▼搴︺�佹矡閫氫綋楠岀瓑"
+ />
+ </el-form-item>
+ </el-form>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="handleSubmit">鎻� 浜� 璇� 浠�</el-button>
+ </div>
+ </template>
+ </el-dialog>
+ </div>
+</template>
+
+<script setup>
+import { ref, reactive, computed } from "vue";
+import { ElMessage } from "element-plus";
+
+// 妯℃嫙缁翠慨宸ュ崟 + 瀹㈡埛璇勪环鏁版嵁
+const rawOrders = ref([
+ {
+ id: 1,
+ orderNo: "WX-2024-1201-001",
+ deviceName: "绌哄帇鏈� A1 鍙�",
+ customerName: "鍗庡崡鐢靛瓙绉戞妧鏈夐檺鍏徃",
+ engineerName: "鐜嬪笀鍌�",
+ completeTime: "2024-12-01 10:30:00",
+ completeDate: "2024-12-01",
+ status: "rated",
+ score: 5,
+ feedback: "缁翠慨闈炲父涓撲笟锛屽搷搴旈�熷害蹇紝鐜板満瑙ｉ噴涔熷緢娓呮櫚锛屾弧鎰忋��",
+ },
+ {
+ id: 2,
+ orderNo: "WX-2024-1201-002",
+ deviceName: "娉ㄥ鏈� B3 鍙�",
+ customerName: "鍗庝笢绮惧瘑鍒堕�犳湁闄愬叕鍙�",
+ engineerName: "鏉庡笀鍌�",
+ completeTime: "2024-12-01 15:20:00",
+ completeDate: "2024-12-01",
+ status: "rated",
+ score: 4,
+ feedback: "鏁翠綋杩樹笉閿欙紝灏辨槸鍒板満鏃堕棿绋嶅井闀夸簡涓�鐐癸紝甯屾湜鍚庨潰鑳藉啀蹇竴浜涖��",
+ },
+ {
+ id: 3,
+ orderNo: "WX-2024-1202-003",
+ deviceName: "鐒婃帴鏈哄櫒浜� C2 鍙�",
+ customerName: "瑗垮崡鏂拌兘婧愮鎶�鑲′唤",
+ engineerName: "寮犲笀鍌�",
+ completeTime: "2024-12-02 11:05:00",
+ completeDate: "2024-12-02",
+ status: "pending",
+ score: null,
+ feedback: "",
+ },
+ {
+ id: 4,
+ orderNo: "WX-2024-1203-005",
+ deviceName: "娴嬭瘯鍙� D1 鍙�",
+ customerName: "鍖楁柟姹借溅闆堕儴浠舵湁闄愬叕鍙�",
+ engineerName: "鐜嬪笀鍌�",
+ completeTime: "2024-12-03 09:50:00",
+ completeDate: "2024-12-03",
+ status: "pending",
+ score: null,
+ feedback: "",
+ },
+]);
+
+// 鏌ヨ琛ㄥ崟
+const searchForm = reactive({
+ engineerName: "",
+ customerName: "",
+ dateRange: [],
+ status: "",
+});
+
+// 鍒楄〃鏁版嵁
+const tableData = ref([...rawOrders.value]);
+
+// 缁熻锛氭暣浣撹瘎鍒嗐�佸凡璇勪环 / 寰呰瘎浠锋暟閲�
+const ratedOrders = computed(() =>
+ rawOrders.value.filter((o) => o.status === "rated" && o.score)
+);
+
+const overallAvgScore = computed(() => {
+ if (!ratedOrders.value.length) return 0;
+ const sum = ratedOrders.value.reduce((acc, cur) => acc + (cur.score || 0), 0);
+ return sum / ratedOrders.value.length;
+});
+
+const ratedCount = computed(() => ratedOrders.value.length);
+const pendingCount = computed(
+ () => rawOrders.value.filter((o) => o.status === "pending").length
+);
+
+// 鏌ヨ / 閲嶇疆
+const recomputeTable = () => {
+ const list = rawOrders.value.filter((item) => {
+ if (
+ searchForm.engineerName &&
+ !item.engineerName.includes(searchForm.engineerName.trim())
+ ) {
+ return false;
+ }
+ if (
+ searchForm.customerName &&
+ !item.customerName.includes(searchForm.customerName.trim())
+ ) {
+ return false;
+ }
+ if (searchForm.status && item.status !== searchForm.status) {
+ return false;
+ }
+ if (Array.isArray(searchForm.dateRange) && searchForm.dateRange.length === 2) {
+ const [start, end] = searchForm.dateRange;
+ if (item.completeDate < start || item.completeDate > end) {
+ return false;
+ }
+ }
+ return true;
+ });
+ tableData.value = list;
+};
+
+const handleQuery = () => {
+ recomputeTable();
+};
+
+const resetSearch = () => {
+ searchForm.engineerName = "";
+ searchForm.customerName = "";
+ searchForm.dateRange = [];
+ searchForm.status = "";
+ recomputeTable();
+};
+
+// 瀵煎嚭锛堟紨绀猴級
+const handleExport = () => {
+ ElMessage.success("褰撳墠涓烘紨绀洪〉闈紝璇勪环瀵煎嚭鍔熻兘鏈鎺ュ疄闄呮帴鍙�");
+};
+
+// 璇勪环寮规
+const dialogVisible = ref(false);
+const dialogTitle = ref("缁翠慨鏈嶅姟璇勪环");
+const currentOrder = ref(null);
+const formRef = ref(null);
+const form = reactive({
+ score: 0,
+ feedback: "",
+});
+
+const rules = {
+ score: [{ required: true, message: "璇烽�夋嫨鏄熺骇璇勫垎", trigger: "change" }],
+ feedback: [{ required: true, message: "璇峰～鍐欐枃瀛楀弽棣�", trigger: "blur" }],
+};
+
+// 鎵撳紑璇勪环锛氭ā鎷熲�滅淮淇畬鎴愮‘璁ゅ悗寮瑰嚭璇勪环寮规鈥�
+const openEvaluate = (row) => {
+ currentOrder.value = row;
+ dialogTitle.value =
+ row.status === "pending" ? "缁翠慨鏈嶅姟璇勪环" : "鏌ョ湅 / 淇敼璇勪环";
+ form.score = row.score || 0;
+ form.feedback = row.feedback || "";
+ dialogVisible.value = true;
+};
+
+// 鎻愪氦璇勪环锛氬悓姝ュ埌鏈湴鈥滃憳宸ヤ笟缁╃粺璁♀��
+const handleSubmit = () => {
+ if (!formRef.value) return;
+ formRef.value.validate((valid) => {
+ if (!valid || !currentOrder.value) return;
+
+ const target = rawOrders.value.find((o) => o.id === currentOrder.value.id);
+ if (target) {
+ target.score = form.score;
+ target.feedback = form.feedback;
+ target.status = "rated";
+ }
+
+ ElMessage.success("璇勪环鎻愪氦鎴愬姛锛屽凡鍚屾鑷冲憳宸ヤ笟缁╃粺璁�");
+ dialogVisible.value = false;
+ recomputeTable();
+ });
+};
+
+// 鍒濆鍖栧垪琛�
+recomputeTable();
+</script>
+
+<style scoped lang="scss">
+.mb16 {
+ margin-bottom: 16px;
+}
+
+.kpi-title {
+ font-size: 13px;
+ color: #909399;
+}
+
+.kpi-value {
+ margin-top: 6px;
+ font-size: 24px;
+ font-weight: 600;
+ color: #303133;
+}
+
+.kpi-unit {
+ font-size: 12px;
+ margin-left: 4px;
+ color: #909399;
+}
+
+.kpi-warning {
+ color: #e6a23c;
+}
+
+.dialog-order-info {
+ margin-bottom: 12px;
+ font-size: 13px;
+ color: #606266;
+ line-height: 1.8;
+}
+
+.dialog-footer {
+ text-align: right;
+}
+</style>
+
--
Gitblit v1.9.3