فهرست منبع

提交官网代码

Lijy 2 ماه پیش
والد
کامیت
a8d54e84f7

+ 63 - 48
fhKeeper/formulahousekeeper/inva_4_tivo/appMarket.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,6 +8,7 @@
   <link rel="stylesheet" href="./css/reset.css">
   <link rel="stylesheet" href="./css/appMarket.css">
 </head>
+
 <body>
   <div class="applicationMarket">
     <div class="applicationMarket-title">
@@ -18,74 +20,87 @@
       </div>
     </div>
     <div class="topicContent">
+
       <div class="bigCircle">
-        <div class="bigCircle-icon">
-          <img src="./image/gsgj.png">
-        </div>
-        <div class="textTitle">
-          <div class="textTitle-title">
-            工时管家
-            <div class="textTitle-title-icon">
-              <img src="./image/ions/youjiantos.png" />
-            </div>
+        <a href="./index.html">
+          <div class="bigCircle-icon">
+            <img src="./image/gsgj.png">
           </div>
-          <div class="textTitle-text">
-            工时管家基础版提供核心的工时填报、审核和统计功能,专业版增加了项目管理模块,包含立项、任务协同进度追踪、费用成本管控等功能。旗舰版涵盖了客户管理、合同管理、请假和出差管理模块,满足全面数字化办公需求。
+          <div class="textTitle">
+            <div class="textTitle-title">
+              工时管家
+              <div class="textTitle-title-icon">
+                <img src="./image/ions/youjiantos.png" />
+              </div>
+            </div>
+            <div class="textTitle-text">
+              工时管家基础版提供核心的工时填报、审核和统计功能,专业版增加了项目管理模块,包含立项、任务协同进度追踪、费用成本管控等功能。旗舰版涵盖了客户管理、合同管理、请假和出差管理模块,满足全面数字化办公需求。
+            </div>
           </div>
-        </div>
+        </a>
       </div>
 
+
+
       <div class="bigCircle">
-        <div class="bigCircle-icon">
-          <img src="./image/customerNew/login_logo.png">
-        </div>
-        <div class="textTitle">
-          <div class="textTitle-title">
-            智能客户管家
-            <div class="textTitle-title-icon">
-              <img src="./image/ions/youjiantos.png" />
-            </div>
+        <a href="./customerNew.html">
+          <div class="bigCircle-icon">
+            <img src="./image/customerNew/login_logo.png">
           </div>
-          <div class="textTitle-text">
-            客户管家是一款专为企业设计的客户关系管理系统(CRM),旨在通过智能化、高效化的管理手段,帮助企业节约营销成本、降低客户流失率,并提升客户追踪与数据处理的效率。主要用于企业的客户关系管理,通过整合客户信息、线索管理、商机挖掘、销售流程优化等功能,帮助企业更好地理解和服务客户,提升客户满意度和忠诚度,进而促进业务增长。
+          <div class="textTitle">
+            <div class="textTitle-title">
+              智能客户管家
+              <div class="textTitle-title-icon">
+                <img src="./image/ions/youjiantos.png" />
+              </div>
+            </div>
+            <div class="textTitle-text">
+              客户管家是一款专为企业设计的客户关系管理系统(CRM),旨在通过智能化、高效化的管理手段,帮助企业节约营销成本、降低客户流失率,并提升客户追踪与数据处理的效率。主要用于企业的客户关系管理,通过整合客户信息、线索管理、商机挖掘、销售流程优化等功能,帮助企业更好地理解和服务客户,提升客户满意度和忠诚度,进而促进业务增长。
+            </div>
           </div>
-        </div>
+        </a>
       </div>
 
       <div class="bigCircle">
-        <div class="bigCircle-icon">
-          <img src="./image/workshopimage/logo.png">
-        </div>
-        <div class="textTitle">
-          <div class="textTitle-title">
-            生产车间管家
-            <div class="textTitle-title-icon">
-              <img src="./image/ions/youjiantos.png" />
-            </div>
+        <a href="./workshop.html">
+          <div class="bigCircle-icon">
+            <img src="./image/workshopimage/logo.png">
           </div>
-          <div class="textTitle-text">
-            生产车间管家是一款专为解决生产管理、员工报工、数据统计等企业痛点的综合性管理软件。它不仅能够帮助企业实现生产流程的智能化管理,还能优化产品管理、排产计划、员工填报以及数据统计等多个环节,从而提升企业的整体运营效率和管理水平。
+          <div class="textTitle">
+            <div class="textTitle-title">
+              生产车间管家
+              <div class="textTitle-title-icon">
+                <img src="./image/ions/youjiantos.png" />
+              </div>
+            </div>
+            <div class="textTitle-text">
+              生产车间管家是一款专为解决生产管理、员工报工、数据统计等企业痛点的综合性管理软件。它不仅能够帮助企业实现生产流程的智能化管理,还能优化产品管理、排产计划、员工填报以及数据统计等多个环节,从而提升企业的整体运营效率和管理水平。
+            </div>
           </div>
-        </div>
+        </a>
       </div>
 
+
       <div class="bigCircle">
-        <div class="bigCircle-icon">
-          <img src="./image/followup/suifangaas.png">
-        </div>
-        <div class="textTitle">
-          <div class="textTitle-title">
-            随访管家
-            <div class="textTitle-title-icon">
-              <img src="./image/ions/youjiantos.png" />
-            </div>
+        <a href="./followup.html">
+          <div class="bigCircle-icon">
+            <img src="./image/followup/suifangaas.png">
           </div>
-          <div class="textTitle-text">
-            随访管家是一款集患者资料收集整理、随访计划执行、和数据统计分析功能于一体的医患服务系统,帮助医院规范随访工作,提高随访效率,提升医疗水平,提高患者依从度。
+          <div class="textTitle">
+            <div class="textTitle-title">
+              随访管家
+              <div class="textTitle-title-icon">
+                <img src="./image/ions/youjiantos.png" />
+              </div>
+            </div>
+            <div class="textTitle-text">
+              随访管家是一款集患者资料收集整理、随访计划执行、和数据统计分析功能于一体的医患服务系统,帮助医院规范随访工作,提高随访效率,提升医疗水平,提高患者依从度。
+            </div>
           </div>
-        </div>
+        </a>
       </div>
     </div>
   </div>
 </body>
+
 </html>

+ 27 - 9
fhKeeper/formulahousekeeper/inva_4_tivo/css/appMarket.css

@@ -4,6 +4,9 @@ body {
   height: 100%;
   background-color: #f6f7fb;
 }
+div {
+  box-sizing: border-box;
+}
 .applicationMarket {
   height: 100%;
 }
@@ -39,18 +42,24 @@ body {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
+  margin-bottom: 60px;
 }
 .applicationMarket .topicContent .bigCircle {
   width: 49.3%;
   background-color: #fff;
   border-radius: 6px;
   height: 320px;
-  display: flex;
   padding: 25px;
-  flex-direction: row;
-  box-sizing: border-box;
   cursor: pointer;
   border: 1px solid #fff;
+  margin-bottom: 20px;
+}
+.applicationMarket .topicContent .bigCircle a {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  box-sizing: border-box;
 }
 .applicationMarket .topicContent .bigCircle .bigCircle-icon {
   width: 20%;
@@ -100,19 +109,28 @@ body {
 .applicationMarket .topicContent .bigCircle:hover .textTitle-title-icon {
   background-color: #fff !important;
 }
-.applicationMarket .topicContent .bigCircle:nth-child(0) {
-  margin-bottom: 20px;
-}
-.applicationMarket .topicContent .bigCircle:nth-child(1) {
-  margin-bottom: 20px;
-}
 .applicationMarket img {
   width: 100%;
 }
 @media only screen and (max-width: 768px) {
+  .applicationMarket .applicationMarket-title {
+    padding-bottom: 30px !important;
+  }
+  .applicationMarket .applicationMarket-title .applicationEncyclopedia {
+    font-size: 22px !important;
+  }
+  .applicationMarket .topicContent {
+    width: 85% !important;
+  }
+  .applicationMarket .bigCircle-icon {
+    width: 0 !important;
+    overflow: hidden !important;
+    padding: 0 !important;
+  }
   .applicationMarket .topicContent {
     display: flex;
     flex-direction: column;
+    justify-content: center;
   }
   .applicationMarket .topicContent .bigCircle {
     width: 100%;

+ 34 - 11
fhKeeper/formulahousekeeper/inva_4_tivo/css/appMarket.less

@@ -1,9 +1,14 @@
-html, body {
+html,
+body {
   width: 100%;
   height: 100%;
   background-color: #f6f7fb;
 }
 
+div {
+  box-sizing: border-box;
+}
+
 .applicationMarket {
   height: 100%;
   .applicationMarket-title {
@@ -40,19 +45,26 @@ html, body {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
+    margin-bottom: 60px;
 
     .bigCircle {
       width: 49.3%;
       background-color: #fff;
       border-radius: 6px;
       height: 320px;
-      display: flex;
       padding: 25px;
-      flex-direction: row;
-      box-sizing: border-box;
       cursor: pointer;
       border: 1px solid #fff;
 
+      a {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: row;
+        box-sizing: border-box;
+        box-sizing: border-box;
+      }
+
       .bigCircle-icon {
         width: 20%;
         height: 100%;
@@ -61,7 +73,7 @@ html, body {
         align-items: center;
         padding-right: 25px;
       }
-      
+
       .textTitle {
         width: 100%;
         display: flex;
@@ -109,11 +121,7 @@ html, body {
         }
       }
 
-      &:nth-child(0) {
-        margin-bottom: 20px;
-      }
-
-      &:nth-child(1) {
+      &{
         margin-bottom: 20px;
       }
     }
@@ -127,12 +135,27 @@ html, body {
 // 媒体查询
 @media only screen and (max-width: 768px) {
   .applicationMarket {
+    .applicationMarket-title {
+      padding-bottom: 30px !important;
+      .applicationEncyclopedia {
+        font-size: 22px !important;
+      }
+    }
+    .topicContent {
+      width: 85% !important;
+    }
+    .bigCircle-icon {
+      width: 0 !important;
+      overflow: hidden !important;
+      padding: 0 !important;
+    }
     .topicContent {
       display: flex;
       flex-direction: column;
+      justify-content: center;
       .bigCircle {
         width: 100%;
       }
     }
   }
-}
+}

+ 1 - 0
fhKeeper/formulahousekeeper/inva_4_tivo/moduleView/header.html

@@ -69,6 +69,7 @@
             { label: '关于我们', value: '../about.html', class: 'header-item' },
             { label: '企业动态', value: '../dynamic.html', class: 'header-item' },
             { label: '知识园地', value: '/articleTemplate/pageList?pageIndex=1&pageSize=10', class: 'header-item' },
+            { label: '应用市场', value: '../appMarket.html', class: 'header-item' },
           ],
           otherList: [
             { label: '工时管家', path: '../index.html', icon: './image/icon/workHour.png', hoverIcon: './image/icon/workHourHover.png' },