From 6660790baa07aad61d552e6af63a898af06afc62 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期一, 02 十二月 2024 17:02:57 +0800
Subject: [PATCH] 地图样式
---
src/views/home/data-check/index.vue | 148 ++++++++++++++-----------------------------------
1 files changed, 43 insertions(+), 105 deletions(-)
diff --git a/src/views/home/data-check/index.vue b/src/views/home/data-check/index.vue
index ae9064f..ec04a8f 100644
--- a/src/views/home/data-check/index.vue
+++ b/src/views/home/data-check/index.vue
@@ -1,79 +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: '2016-05-02',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�',
- num: 111,
- }, {
- date: '2016-05-04',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1517 寮�',
- num: 111,
- }, {
- date: '2016-05-01',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�',
- num: 111,
- }, {
- date: '2016-05-03',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�',
- num: 111,
- },
- {
- date: '2016-05-03',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�',
- num: 111,
- },
- {
- date: '2016-05-03',
- name: '鐜嬪皬铏�',
- address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�',
- num: 111,
- }
- ]
+ category: "1",
+ tableData: []
+ }
+ },
+ mounted() {
+ this.calculate(this.category);
+ },
+ methods: {
+ calculate(category) {
+ calculate(category).then(res => {
+ this.tableData = res.data;
+ })
}
}
}
@@ -81,7 +51,8 @@
<style lang="scss" scoped>
.data-table-container {
- height: 420px;
+ height: 450px;
+ margin-bottom: 20px;
.data-card {
height: 100%;
@@ -92,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;
}
}
@@ -109,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