From be170d29944e544779c705d2c82ccded36568641 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期五, 24 十一月 2023 12:38:09 +0800
Subject: [PATCH] 提交信息
---
src/views/patient/servefn/index.vue | 52 ++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 38 insertions(+), 14 deletions(-)
diff --git a/src/views/patient/servefn/index.vue b/src/views/patient/servefn/index.vue
index 2f0b835..dd8701a 100644
--- a/src/views/patient/servefn/index.vue
+++ b/src/views/patient/servefn/index.vue
@@ -23,20 +23,14 @@
<!-- 鍙充晶鏁版嵁 -->
<div class="leftvlue">
<div>
- <el-row :gutter="8">
- <el-col :span="2.5">
+ <el-row :gutter="10">
+ <el-col :span="2.5" v-for="(item,index) in cardlist" :key="index">
<el-card shadow="hover">
- <div style="padding: 10px">
- <span>鎮ｈ�呮�绘暟</span>
- <div class="bottom clearfix">1232</div>
+ <div style="padding: 8px">
+ <span>{{item.name}}</span>
+ <div style="text-align: center; font-size: 18px; margin-top: 10px; font-weight: 600;">{{item.value}}</div>
</div>
</el-card>
- </el-col>
- <el-col :span="2.5">
- <el-card shadow="hover"> 榧犳爣鎮诞鏃舵樉绀� </el-card>
- </el-col>
- <el-col :span="2.5">
- <el-card shadow="hover"> 浠庝笉鏄剧ず </el-card>
</el-col>
</el-row>
</div>
@@ -544,6 +538,28 @@
tagname: undefined,
tagdescription: undefined,
},
+ cardlist:[
+{
+ name:'鎮ｈ�呮�绘暟',
+ value:123
+},
+{
+ name:'鍦ㄩ櫌鎮ｈ��',
+ value:23
+},
+{
+ name:'绂婚櫌鎮ｈ��',
+ value:41
+},
+{
+ name:'璇婄枟鎮ｈ��',
+ value:56
+},
+{
+ name:'绂讳笘鎮ｈ��',
+ value:0
+},
+ ],
// 鍒椾俊鎭�
columns: [
{ key: 0, label: `鏍囩缂栧彿`, visible: true },
@@ -718,7 +734,7 @@
margin-top: 20px;
margin: 20px;
padding: 30px;
- background: #edf1f7;
+ background: #d0e9fd;
border: 1px solid #dcdfe6;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
0 0 6px 0 rgba(0, 0, 0, 0.04);
@@ -785,11 +801,19 @@
text-align: left;
font-size: 20px;
}
-
+::v-deep.leftvlue .el-card__body{
+ background: #d0e9fd;
+}
+::v-deep.leftvlue .el-card__body:hover{
+ background: #8dc8f8;
+}
+.leftvlue{
+ width: 80%;
+ margin-top: 10px;
+}
.leftvlue-bg {
// display: flex;
// flex: 1;
- width: 80%;
margin-top: 20px;
// margin: 20px;
padding: 30px;
--
Gitblit v1.9.3