From 5873cfe2ce41359b7a55eacb75cfa79f8361c019 Mon Sep 17 00:00:00 2001
From: 龚焕茏 <2842157468@qq.com>
Date: 星期一, 05 八月 2024 15:37:17 +0800
Subject: [PATCH] feat：首页考核报表
---
src/views/home/data-check/index.vue | 166 +++++++++++--------------------------------------------
1 files changed, 34 insertions(+), 132 deletions(-)
diff --git a/src/views/home/data-check/index.vue b/src/views/home/data-check/index.vue
index ffeb94b..fdd1808 100644
--- a/src/views/home/data-check/index.vue
+++ b/src/views/home/data-check/index.vue
@@ -1,115 +1,50 @@
<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>
+ <div class="more-button" @click="$router.push({ path: '/contract/report' })">
<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 prop="name" label="瑙勫垯鍚嶇О" align="center" show-overflow-tooltip>
+ </el-table-column>
+ <el-table-column prop="num" label="鏁伴噺" align="center">
+ </el-table-column>
+ <el-table-column prop="score" label="鍒嗘暟" align="center">
+ </el-table-column>
+ </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,
- },
- ]
+ tableData: []
}
+ },
+ mounted() {
+ calculate().then(res => {
+ this.tableData = res.data;
+ })
}
}
</script>
<style lang="scss" scoped>
.data-table-container {
- height: 445px;
+ height: 450px;
+ margin-bottom: 20px;
.data-card {
height: 100%;
@@ -120,6 +55,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 +85,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>
--
Gitblit v1.8.0