From a6d12d76bd7af0838b58374dd8843d0545d05145 Mon Sep 17 00:00:00 2001
From: memorylkf <312904636@qq.com>
Date: Fri, 16 Jan 2026 15:33:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20[=E5=B7=A5=E4=BD=9C=E5=8F=B0]=20?=
 =?UTF-8?q?=E6=95=B0=E9=87=8F=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/business/home/home.js     |   9 +++
 src/assets/images/home-icon1.jpg  | Bin 0 -> 1499 bytes
 src/lang/en.js                    |   3 +
 src/lang/en/business/home/home.js |   9 +++
 src/lang/zh.js                    |   3 +
 src/lang/zh/business/home/home.js |   9 +++
 src/views/index.vue               | 118 +++++++++++++++++++++++++++++++++++++-
 7 files changed, 150 insertions(+), 1 deletion(-)
 create mode 100644 src/api/business/home/home.js
 create mode 100644 src/assets/images/home-icon1.jpg
 create mode 100644 src/lang/en/business/home/home.js
 create mode 100644 src/lang/zh/business/home/home.js

diff --git a/src/api/business/home/home.js b/src/api/business/home/home.js
new file mode 100644
index 0000000..9f4de41
--- /dev/null
+++ b/src/api/business/home/home.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function home_count(query) {
+  return request({
+    url: '/system/business/home/count',
+    method: 'get',
+    params: query
+  })
+}
diff --git a/src/assets/images/home-icon1.jpg b/src/assets/images/home-icon1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d3ec8b42548e766cf36cb579a93ef64815d6d61f
GIT binary patch
literal 1499
zcmV<11tj{3P)<h;3K|Lk000e1NJLTq002k;002k`1^@s6RqeA!00004XF*Lt006O%
z3;baP000G&Nkl<ZcmeI4O>Y}T7{{O4Y+~otPN8k$Du`045~xC;iVJY$z=1=hB2|?*
zAg&-JXgSjZ^uUXdDn0=m5D297z$ZW|RBDgBNC*iL$qp?vacVb-<9PW0?X|lxvAwou
zvK#L{Qk(Ve%<MeBdFJhz*-;Weu4wIS7S^7xi8`l6&T1_=Q937DW&%VHKZuf&Xq8t=
z@=D~kBYJsqasI{?rE0x0hwz;RVAAD$@ola2C9U<b&LI!q6Q$H0rPZg?xy&_y+Ulf1
zM?ml8*U#5<?K4DN>J)iI?yoq?dFSI?_PhP`aoTUfQq-mV`iFq?EuM`!9IC%WU8ys5
zZ|AY+1_NBquYH9;7uo~H<oDN~<mNA;`k|?9$Q}#2Tqu5k+i`_MA{RUc4LbP0WkFt>
z!)g_KL7VhyvrVd75PK`HL5@8f0w4=A;dLDlyK-E|p+Tn3L1f8eB8r2+QenL?YU7+B
z6uO1sIB8}vyXbO+jFIt34FbC<9`qRvhHM;8AA&}TTR5_DIJb(M;z9K#8@E333>w2=
zxTCHkPp2njtToW+p7>g|Cbu>#m>(aUkd5oj$`9_X-kV;VpOzEjZeQ;$*R=eyz0+5m
zp#sBW;hJ<=%#S(p%G{(pG2zNAu1(7uk97C0?4rn5tGn`3xgtM4*dG4%aOd<_gk4^F
z1VG+BIwxr-V4dlb)}W8Z;P9bUp3k~+994LEV{_1?TJek(Gc6}fI4zC5ix;L-vfz%j
z-|qXjF+e9#t)e6t=!uCu83Saa%^4Q>Y|t*U%ZrQw>hg|5{U`y{qxd4#a1?fS<=3qp
z$)IXHJ2@c^+L5p&Qh>g=SCYHCjg^>L$C1<N@v!+c{6V4T!pi_h%1tR_&=&<s+Mph#
z5NZ{xz+y_Zhl`tjn<=BJ-NUqj;-W2@voLk(!KU%<Ac1UzDFVPpcZ#y@r{a4NrwRV4
z!b>x0c^RYigO<>$*eZIgPH^^v@MopE-)-ynLIbogJ|^ity73bTABKe124&EuyuXkU
zf6sO8?uKl5JsBsz&tNP>VJXJ04Wi=Xu%N7OzT_VkPQh)G4XI&f-kK6x6>DZ7>VG2z
zXd0vErc8(Ecx&c?e?x17{F!K8(@*^~=3+Cbc2B0lpJqf3&@uE>{1+v8Xwy;3RfO`A
z0P0Z~37`Z}4+1?NCl=HLko9hU8&ikxF*7gv+!{Ud6!<Yq_qnN*JY~`IXdTdBJ5{-1
zVi~vtwh{{9Py;%J1;vZmDJkxDaQt*oJjiW21I}2q9_GQi1#xBKEULj_73+X%aK3Y2
z4?T#cg>BFo>@hlSarA8+&>!#wezX3-G@Dj>zin6L%|~ZjzfE6Q2lN=Wqr8Zn78@2U
zi2ft?Vm8G(pcLE|=Q2|^b+DSYbwJF09$kIVUW{}3lPS0EZM3R+z{ITs;%da_|J)Cl
zoklQr-LD_%zTK{`1cwN09T2zXJ&v(Z&|Zu^Q&gN~<Z2xdS0moC*vkxI9D$-Hlhq!W
zi~-^n+^C6(*^Mzk+@BmZF_9-@fNo;*c9i5_6xi<ucI7+xD6?cjF}gH<C~XNoBQlZP
zP-zg(muqFI44D<ov+v_m1eF)jr-#as7x_9IV>bbc`;)`i7F-38zdg$t77kUyN8knS
zP0FLtjR0bztN1EswHmGJ#(WJTWWxpC+k-@oMI5bfVKrPY$3ocwl*9`7b%&>*@B`KX
z;*WF`G9ep>N5t?Hl#$kU0OiPpZ0h469ub2yRt89CRHLkTOd1=>d43L$h#6IF`_+pq
z$b|7)BkB5C70S8VZ(<`C9t@i2c2GC}wm^=8ljCu^9gl;STl4%JiK8V!=k~LM{%1k{
z>XIDM)u6GbiunQY8V8>whrG2z+3z<%#rBxM{{X_8$4y9I@v8s;002ovPDHLkV1hcp
B)|&tT

literal 0
HcmV?d00001

diff --git a/src/lang/en.js b/src/lang/en.js
index f600171..e69bcfe 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -1,3 +1,5 @@
+// 工作台-首页
+import home from './en/business/home/home'
 //系统管理
 // 菜单管理
 import menu from './en/system/menu'
@@ -140,6 +142,7 @@ export default {
       template
     },
     business: {
+      home: home,
       resource: {
         resource: resource,
         zcg: zcg,
diff --git a/src/lang/en/business/home/home.js b/src/lang/en/business/home/home.js
new file mode 100644
index 0000000..4753b35
--- /dev/null
+++ b/src/lang/en/business/home/home.js
@@ -0,0 +1,9 @@
+export default {
+  jrxzbd: 'Recent Record',
+  ytjbd: 'Submitted',
+  dtjbd: 'Saved',
+  bzxzsy: 'Weekly New Study',
+  ywcsy: 'Completed Study',
+
+  xttz: 'Notification'
+}
diff --git a/src/lang/zh.js b/src/lang/zh.js
index 35f4bc1..bb4faa0 100644
--- a/src/lang/zh.js
+++ b/src/lang/zh.js
@@ -1,3 +1,5 @@
+// 工作台-首页
+import home from './zh/business/home/home'
 //系统管理
 // 菜单管理
 import menu from './zh/system/menu'
@@ -135,6 +137,7 @@ export default {
       template
     },
     business: {
+      home: home,
       resource: {
         resource: resource,
         zcg: zcg,
diff --git a/src/lang/zh/business/home/home.js b/src/lang/zh/business/home/home.js
new file mode 100644
index 0000000..ab6d702
--- /dev/null
+++ b/src/lang/zh/business/home/home.js
@@ -0,0 +1,9 @@
+export default {
+  jrxzbd: '今日新增表单',
+  ytjbd: '已提交表单',
+  dtjbd: '待提交表单',
+  bzxzsy: '本周新增试验',
+  ywcsy: '已完成试验',
+
+  xttz: '系统通知'
+}
diff --git a/src/views/index.vue b/src/views/index.vue
index 21ac3e5..5aa30c0 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,21 +1,137 @@
 <template>
   <div class="app-container home">
-    <h1>{{ $t('system.title') }}</h1>
+    <el-card class="box-card home-top">
+      <div class="count-box">
+        <div class="count-item">
+          <div class="count-left">
+            <img src="@/assets/images/home-icon1.jpg" />
+          </div>
+          <div class="count-right">
+            <div class="count-count">{{count.formTodayCount}}</div>
+            <div class="count-tip">{{$t('page.business.home.jrxzbd')}}</div>
+          </div>
+        </div>
+        <div class="count-item">
+          <div class="count-left">
+            <img src="@/assets/images/home-icon1.jpg" />
+          </div>
+          <div class="count-right">
+            <div class="count-count">{{count.formYtjCount}}</div>
+            <div class="count-tip">{{$t('page.business.home.ytjbd')}}</div>
+          </div>
+        </div>
+        <div class="count-item">
+          <div class="count-left">
+            <img src="@/assets/images/home-icon1.jpg" />
+          </div>
+          <div class="count-right">
+            <div class="count-count">{{count.formTbzCount}}</div>
+            <div class="count-tip">{{$t('page.business.home.dtjbd')}}</div>
+          </div>
+        </div>
+        <div class="count-item">
+          <div class="count-left">
+            <img src="@/assets/images/home-icon1.jpg" />
+          </div>
+          <div class="count-right">
+            <div class="count-count">{{count.studyFinishCount}}</div>
+            <div class="count-tip">{{$t('page.business.home.bzxzsy')}}</div>
+          </div>
+        </div>
+        <div class="count-item">
+          <div class="count-left">
+            <img src="@/assets/images/home-icon1.jpg" />
+          </div>
+          <div class="count-right">
+            <div class="count-count">{{count.studyWeekCount}}</div>
+            <div class="count-tip">{{$t('page.business.home.ywcsy')}}</div>
+          </div>
+        </div>
+      </div>
+    </el-card>
+
+    <el-card class="box-card home-content">
+      
+    </el-card>
   </div>
 </template>
 
 <script>
+import { home_count} from "@/api/business/home/home";
 export default {
   name: "Index",
   data() {
     return {
+      count:{
+        formTodayCount:'',
+        formYtjCount:'',
+        formTbzCount:'',
+        studyFinishCount:'',
+        studyWeekCount:'',
+      },
     }
   },
+  created(){
+    this.getCount()
+  },
   methods: {
+    getCount(){
+      this.count = {
+        formTodayCount:'',
+        formYtjCount:'',
+        formTbzCount:'',
+        studyFinishCount:'',
+        studyWeekCount:'',
+      }
+      this.$modal.loading()
+      home_count().then(response => {
+        this.count = response.data
+      })
+      .finally(() => {
+        this.$modal.closeLoading()
+      })
+    }
   }
 }
 </script>
 
 <style scoped lang="scss">
+.home{
+  .home-top{
+    margin-bottom: 20px;
+    .count-box{
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      .count-item{
+        flex-shrink: 0;
+        width: 20%;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        .count-left{
+          flex-shrink: 0;
+          img{
+            width: 60px;
+          }
+        }
+        .count-right{
+          flex-grow: 1;
+          margin-left: 20px;
+          .count-count{
+            font-size: 20px;
+            font-weight: bold;
+          }
+          .count-tip{
+            margin-top: 10px;
+          }
+        }
+      }
+    }
+  }
+  .home-content{
+    min-height: 400px;
+  }
+}
 </style>