From ca1fa7d859c6ad07c15c9deb460bd92780162a60 Mon Sep 17 00:00:00 2001
From: zmk <496160012@qq.com>
Date: 星期二, 28 五月 2024 01:02:49 +0800
Subject: [PATCH] 提交代码
---
javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html | 59 +++++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 49 insertions(+), 10 deletions(-)
diff --git a/javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html b/javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html
index b8aa1a6..180fb5e 100644
--- a/javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html
+++ b/javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html
@@ -13,8 +13,11 @@
height: 100%;
}
.el-card__header{
- height: 40px;
- padding: 8px 20px;
+ height: 55px;
+ padding: 18px 20px;
+ color: #FFFFFF;
+ font-weight: 500;
+ font-size: 14px;
}
#app {
height: 100%;
@@ -24,13 +27,37 @@
width: 180px !important;
height: 180px !important;
}
+ .card1{
+ height: 320px;margin-right: 20px;
+ }
+ .card-blue .el-card__header{
+ height: 40px;
+ padding: 8px 20px;
+ background: #1894F6;
+ }
+ .card-yellow .el-card__header{
+ height: 40px;
+ padding: 8px 20px;
+ background: #F7931E;
+ }
+ .card-red .el-card__header{
+ height: 40px;
+ padding: 8px 20px;
+ background: #FF0000;
+ }
+ .card-green .el-card__header{
+ height: 40px;
+ padding: 8px 20px;
+ background: #67C23A;
+ }
+
</style>
</head>
<body>
<div id="app" v-cloak>
<el-row style="height: 200px;">
<el-col :span="8">
- <el-card class="box-card" style="height: 320px;">
+ <el-card class="box-card card-blue" style="height: 320px;margin-right: 20px;">
<div slot="header" class="clearfix">
<span>鍦哄湴绠�浠�</span>
</div>
@@ -92,9 +119,9 @@
</el-col>
<el-col :span="10" >
- <el-card class="box-card" style="height: 320px;">
+ <el-card class="box-card card-yellow" style="height: 320px;margin-right: 20px;">
<div slot="header" class="clearfix">
- <span>鍦哄湴杩涘害</span>
+ <span>閽诲瓟杩涘害</span>
</div>
<template>
<el-table :data="holeData" size="small" style="width: 100%">
@@ -115,17 +142,29 @@
</el-col>
<el-col :span="6" >
- <el-card class="box-card" style="height: 320px;">
+ <el-card class="box-card card-red" style="height: 320px;">
<div slot="header" class="clearfix">
- <span>鍦哄湴杩涘害</span>
+ <span>鍦哄湴杩涘害(%)</span>
</div>
- <div style="">
- <el-progress type="dashboard" :percentage="50">
- </el-progress>
+ <div>
+ <div style="padding-left: 20%;">
+ <el-progress type="dashboard" color="#FF0000" :percentage="50">
+ </el-progress>
+ </div>
</div>
</el-card>
</el-col>
</el-row>
+ <el-row style="height: 200px;">
+ <el-col :span="24">
+ <el-card class="box-card card-green" style="height: 320px;margin-top: 20px">
+ <div slot="header" class="clearfix">
+ <span>鏉愭枡淇℃伅</span>
+ </div>
+ </el-card>
+ </el-col>
+
+ </el-row>
</div>
--
Gitblit v1.9.1