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-video/index.vue | 31 +++++++++++++++++++++----------
1 files changed, 21 insertions(+), 10 deletions(-)
diff --git a/src/views/home/data-video/index.vue b/src/views/home/data-video/index.vue
index 384123e..b82a11d 100644
--- a/src/views/home/data-video/index.vue
+++ b/src/views/home/data-video/index.vue
@@ -15,9 +15,15 @@
@change="dateChange">
</el-date-picker>
</div>
- <div >
+ <div style="margin-right: 20px">
<el-select v-model="params.area" placeholder="鍖哄幙" @change="getChart" clearable>
<el-option v-for="item in areaOption" :key="item.label" :label="item.label" :value="item.value">
+ </el-option>
+ </el-select>
+ </div>
+ <div>
+ <el-select v-model="params.constructionType" @change="getChart" clearable placeholder="鍒嗗缓绫诲瀷">
+ <el-option v-for="(item,index) in constructionTypeList" :key="index" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
@@ -40,6 +46,14 @@
name: 'DataVideo',
data() {
return {
+ constructionTypeList:[
+ { label:'涓�浜屾湡',value:'PHASE_ONE_TWO' },
+ { label:'涓夋湡',value:'PHASE_THREE' },
+ { label:'鍥涘尯浜鸿劯',value:'PHASE_FOURTH' },
+ { label:'涓滈儴鏂板煄',value:'EASTERN_NEW_CITY' },
+ { label:'娌挎哗浜屾湡浜鸿劯',value:'YAN_TAN_PHASE_TWO_FACE' },
+ { label: '鍏ュ窛鍗虫',value: 'CHECK_ENTER_SICHUAN'}
+ ],
date: '',
params: {
month: '',
@@ -142,10 +156,10 @@
}
},
grid: {
- left: 10,
+ left: 15,
right: 0,
bottom: 0,
- top: '20%',
+ top:'10%',
containLabel: true
},
legend: {
@@ -311,7 +325,6 @@
.data-chart-container {
height: 400px;
margin-bottom: 20px;
-
.data-card {
height: 100%;
@@ -324,12 +337,11 @@
}
.title-container {
- position: absolute;
display: flex;
- justify-content: space-between;
align-items: center;
- z-index: 2;
-
+ padding: 15px 20px; /* 鍐呰竟璺濇帶鍒堕珮搴﹀拰杈硅窛 */
+ background: #fff;
+ border-bottom: 1px solid #eee; /* 鍒嗛殧绾垮寮鸿瑙夊垎绂� */
.more-button {
cursor: pointer;
font-size: 16px;
@@ -338,9 +350,8 @@
}
.chart-container {
-
width: 100%;
- height: 100%;
+ height: 80%;
#chartContent {
width: 100%;
--
Gitblit v1.8.0