From b72f8be024b324a4de420c4e4367193ecad9f0ef Mon Sep 17 00:00:00 2001
From: "1747191978@qq.com" <1942943850@qq.com>
Date: Mon, 3 Mar 2025 18:19:57 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=90=8C=E6=A0=B7=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 acupuncture-前台/src/views/indexCom/image.png | Bin 0 -> 2558 bytes
 .../src/views/indexCom/patient.vue            |  53 +++++++++++++++++-
 2 files changed, 50 insertions(+), 3 deletions(-)
 create mode 100644 acupuncture-前台/src/views/indexCom/image.png

diff --git a/acupuncture-前台/src/views/indexCom/image.png b/acupuncture-前台/src/views/indexCom/image.png
new file mode 100644
index 0000000000000000000000000000000000000000..baced7af7308cc3c47a3832aee0e5e5c1a8279a9
GIT binary patch
literal 2558
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
UD{)BObpQYW07*qoM6N<$g5-DQLjV8(

literal 0
HcmV?d00001

diff --git a/acupuncture-前台/src/views/indexCom/patient.vue b/acupuncture-前台/src/views/indexCom/patient.vue
index fe2b21a4d..ae9b2c97d 100644
--- a/acupuncture-前台/src/views/indexCom/patient.vue
+++ b/acupuncture-前台/src/views/indexCom/patient.vue
@@ -9,8 +9,28 @@
               <div class="dis"></div>
             </div>
             <!-- 患者总数统计图 -->
-            <div style="height: 300px" v-loading="loading">
-              <div id="patienty" style="width: 100%"></div>
+            <div
+              style="
+                height: 300px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+              "
+              v-loading="loading"
+            >
+              <div class="div-hz">
+                <div class="div-hz-icon">
+                  <img src="./image.png" alt="" width="60px" height="60px" />
+                </div>
+                <div class="div-hz-num">
+                  <div class="">
+                    {{ HZXXvalue[0].value || 0 }}<span>人</span>
+                  </div>
+                  <div class="hz-num-title">患者总数</div>
+                </div>
+              </div>
+
+              <!-- <div id="patienty" style="width: 100%"></div> -->
             </div>
           </el-card>
         </div>
@@ -170,7 +190,7 @@ export default {
             };
             this.diseaseValue.push(data);
           }
-          this.Linepatient(); // 患者总数
+          // this.Linepatient(); // 患者总数
           this.handleAge(); // 年龄
           this.columnar(); //性别分析图
           this.handleDisease(); //病种分布
@@ -256,6 +276,33 @@ export default {
 </script>
 <style scoped src="@/assets/styles/common.css"></style>
 <style scoped>
+.div-hz {
+  background: #c6a268;
+  width: 80%;
+  height: 70%;
+  border-radius: 10px;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding: 24px;
+}
+.div-hz-icon {
+  flex: 1;
+}
+.div-hz-num {
+  flex: 1;
+  font-size: 50px;
+  color: #ffffff;
+  text-align: right;
+}
+.div-hz-num span {
+  font-size: 24px;
+  color: #ffffff;
+}
+.hz-num-title {
+  font-size: 22px;
+  color: #ffffff;
+}
 >>> .el-card__body {
   padding: 10px 0 !important;
 }