From 09f0861e61e69e2d818eafc7b9edbd17cf0822d4 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期四, 06 十一月 2025 17:20:02 +0800
Subject: [PATCH] 页面优化以及扣分详情导出
---
src/views/home/data-check/index.vue | 176 ++++++++++++++--------------------------------------------
1 files changed, 43 insertions(+), 133 deletions(-)
diff --git a/src/views/home/data-check/index.vue b/src/views/home/data-check/index.vue
index 47307b0..ec04a8f 100644
--- a/src/views/home/data-check/index.vue
+++ b/src/views/home/data-check/index.vue
@@ -1,107 +1,49 @@
<template>
<div class="data-table-container">
+
<el-card class="data-card" :body-style="{ height: '100%' }">
<div class="card-content">
<div class="title-container">
- <h1>鏍哥畻鎶ヨ〃</h1>
- <div class="more-button">
+ <h1>鑰冩牳鎶ヨ〃</h1>
+ <el-select v-model="category" placeholder="璇烽�夋嫨" @change="calculate(category)" style="width: 150px;">
+ <el-option label="瑙嗛" value="1" />
+ <el-option label="杞﹁締" value="2" />
+ <el-option label="浜鸿劯" value="3" />
+ </el-select>
+ <div class="more-button" @click="$router.push({ path: '/check/result' })">
<span>鏇村</span>
<i class="el-icon-arrow-right"></i>
</div>
</div>
- <div class="table-container">
- <div class="table-content">
- <el-table :data="tableData" :show-header="false" class="data-table">
- <el-table-column>
- <template slot-scope="scope">
- <p>{{ scope.row.name }}</p>
- <p>{{ scope.row.date }}</p>
- </template>
- </el-table-column>
- <el-table-column align="center" width="80px">
-
- <template slot-scope="scope">
- <div class="more-info">
- <span>璇︽儏</span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
- </div>
+ <el-table :data="tableData" style="width: 100%" height="350">
+ <el-table-column type="index" label="鎺掑悕" align="center" />
+ <el-table-column prop="deptName" label="鍖哄煙" align="center" show-overflow-tooltip />
+ <el-table-column prop="score" label="鍒嗘暟" align="center" />
+ </el-table>
</div>
</el-card>
</div>
</template>
<script>
+import { calculate } from "@/api/platform/home";
export default {
- name: 'DataCheck',
+ name: 'DataRank',
data() {
return {
- tableData: [
- {
- date: '2024.02.28 15:14:01',
- name: '杩愮淮鍏徃鍚嶇О1',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
- num: 111,
- },
- {
- date: '2024.02.28 15:14:01',
- name: '杩愮淮鍏徃鍚嶇О1',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
- num: 111,
- },
- {
- date: '2024.02.28 15:14:01',
- name: '杩愮淮鍏徃鍚嶇О1',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
- num: 111,
- },
- {
- date: '2024.02.28 15:14:01',
- name: '杩愮淮鍏徃鍚嶇О1',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
- num: 111,
- },
- {
- date: '2024.02.28 15:14:01',
- name: '杩愮淮鍏徃鍚嶇О1',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
- num: 111,
- },
- {
- date: '2024.02.28 15:14:01',
- name: '杩愮淮鍏徃鍚嶇О1',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
- num: 111,
- },
- {
- date: '2024.02.28 15:14:01',
- name: '杩愮淮鍏徃鍚嶇О1',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
- num: 111,
- },
- {
- date: '2024.02.28 15:14:01',
- name: '杩愮淮鍏徃鍚嶇О1',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
- num: 111,
- },
- {
- date: '2024.02.28 15:14:01',
- name: '杩愮淮鍏徃鍚嶇О1',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
- num: 111,
- },
- {
- date: '2024.02.28 15:14:01',
- name: '杩愮淮鍏徃鍚嶇О1',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
- num: 111,
- },
- ]
+ category: "1",
+ tableData: []
+ }
+ },
+ mounted() {
+ this.calculate(this.category);
+ },
+ methods: {
+ calculate(category) {
+ calculate(category).then(res => {
+ this.tableData = res.data;
+ })
}
}
}
@@ -109,7 +51,8 @@
<style lang="scss" scoped>
.data-table-container {
- height: 400px;
+ height: 450px;
+ margin-bottom: 20px;
.data-card {
height: 100%;
@@ -120,6 +63,19 @@
display: flex;
flex-direction: column;
}
+ }
+}
+
+.title-container {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ .more-button {
+ cursor: pointer;
+ font-size: 16px;
+ padding: 0 10px;
}
}
@@ -137,53 +93,7 @@
}
}
-.title-container {
- width: 100%;
- display: flex;
- justify-content: space-between;
- align-items: center;
-
- .more-button {
- cursor: pointer;
- font-size: 16px;
- padding: 0 10px;
- }
-}
-
-.more-info {
- cursor: pointer;
- font-size: 16px;
- padding: 0 10px;
-}
-
.data-table {
width: 100%;
}
-
-::v-deep .data-table>>>.el-table__row>td {
- /* 鍘婚櫎琛ㄦ牸绾� */
- border: none;
-}
-
-::v-deep .data-table th {
- border: none;
-}
-
-::v-deep .data-table td,
-::v-deep .data-table th.is-leaf {
- border: none;
-}
-
-// 琛ㄦ牸鏈�澶栬竟妗�
-::v-deep .el-table--border,
-::v-deep .el-table--group {
- border: none;
-
-}
-
-::v-deep .el-table--border::after,
-::v-deep .el-table--group::after,
-::v-deep .el-table::before {
- background-color: transparent;
-}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0