首页大屏开发-修改

src/components/institutionManage/InstitutionInfo.vue

@@ -779,7 +779,7 @@ export default {
         sessionStorage.setItem("f7a42fe7211f98ac7a60a285ac3a9529", row.institutionName)
 
         this.$router.push({
-          path: '/ContainerSys/AdminHome'
+          path: '/ContainerSys/AdminHomeS'
         })
         location.reload()
       }).catch(() => {

src/components/manage/main/AdminHome.vue

@@ -13,28 +13,24 @@
           <el-tabs>
             <el-tab-pane>
               <template slot="label">
-                <IndexSmallTitle title="年龄占比"/>
+                <IndexSmallTitle title="年龄占比" />
               </template>
               <IndexSmallPie ref="indexSmallPieRef" :legend-data="groupEvaluationRatioData" />
             </el-tab-pane>
             <el-tab-pane>
               <template slot="label">
-                <IndexSmallTitle title="筛查进度"/>
+                <IndexSmallTitle title="筛查进度" />
               </template>
               <div class="progress-bar-outline">
-                <IndexProgressBar
-                    v-for="(item, index) in screeningProgress"
-                    :key="index"
-                    :text="item.name"
-                    :percentage="item.value"
-                />
+                <IndexProgressBar v-for="(item, index) in screeningProgress" :key="index" :text="item.name"
+                  :percentage="item.value" />
               </div>
             </el-tab-pane>
           </el-tabs>
         </div>
         <div class="bor-8 text-bg half-middle" id="bottomTableOutline">
           <div class="top-absolut-div">
-            <IndexSmallTitle title="近段时间主要使用的："/>
+            <IndexSmallTitle title="近段时间主要使用的：" />
           </div>
           <el-tabs class="table-tabs">
             <el-tab-pane label="量表">
@@ -58,12 +54,12 @@
           <div class="middle-line-text">{{ allUserNum }}</div>
         </div>
         <div class="bor-8 text-bg half-middle">
-          <IndexSmallTitle title="动态数据"/>
+          <IndexSmallTitle title="动态数据" />
           <IndexSmoothLine id="1" :x-data="dynamicData.xData" :y-data="dynamicData.yData" :names="dynamicData.names" />
         </div>
         <div class="bor-8 text-bg half-middle">
           <div class="top-absolut-div">
-            <IndexSmallTitle title="实时预警："/>
+            <IndexSmallTitle title="实时预警：" />
           </div>
           <el-tabs class="table-tabs">
             <el-tab-pane label="群体">
@@ -93,23 +89,20 @@
       </div>
       <div class="main-content-item">
         <div class="map-item">
-          <template v-for="(item, index) in mapData">
-            <div :key="index" class="map-item-unit" :class="`${item.institution_no}`">
-              <div class="point"
-                :class="{
-                  green: item.warnNum === 0,
-                  blue: item.warnNum > 0 && item.warnNum <= 4,
-                  orange: item.warnNum > 4  && item.warnNum <= 8,
-                  red: item.warnNum > 8
-                }"></div>
-              <div class="text"
-                :class="{
-                  green: item.warnNum === 0,
-                  blue: item.warnNum > 0 && item.warnNum < 4,
-                  orange: item.warnNum >= 4  && item.warnNum < 8,
-                  red: item.warnNum >= 8
-                }"
-              >
+          <template>
+            <div v-for="(item, index) in mapData" :key="index" class="map-item-unit" :class="`${item.institution_no}`">
+              <div class="point" :class="{
+                green: item.warnNum === 0,
+                blue: item.warnNum > 0 && item.warnNum <= 4,
+                orange: item.warnNum > 4 && item.warnNum <= 8,
+                red: item.warnNum > 8
+              }"></div>
+              <div class="text" :class="{
+                green: item.warnNum === 0,
+                blue: item.warnNum > 0 && item.warnNum < 4,
+                orange: item.warnNum >= 4 && item.warnNum < 8,
+                red: item.warnNum >= 8
+              }">
                 {{ item.institution_name }}：
                 {{ item.warnNum }}个
               </div>
@@ -117,26 +110,28 @@
           </template>
 
           <div class="legend-area">
-            <div class="legend"><div class="green"></div><span>0</span></div>
-            <div class="legend"><div class="blue"></div><span>0 < 风险数 ≤ 4</span></div>
-            <div class="legend"><div class="orange"></div><span>4 < 风险数 ≤ 8</span></div>
-            <div class="legend"><div class="red"></div><span>风险数 > 8</span></div>
+            <div class="legend">
+              <div class="green"></div><span>0</span>
+            </div>
+            <div class="legend">
+              <div class="blue"></div><span>0 < 风险数 ≤ 4</span>
+            </div>
+            <div class="legend">
+              <div class="orange"></div><span>4 < 风险数 ≤ 8</span>
+            </div>
+            <div class="legend">
+              <div class="red"></div><span>风险数 > 8</span>
+            </div>
           </div>
         </div>
         <div class="bor-8 text-bg">
-          <IndexSmallTitle title="测评结果风险等级"/>
+          <IndexSmallTitle title="测评结果风险等级" />
           <IndexBar :x-data="riskLevelData.xData" :y-data="riskLevelData.yData" />
         </div>
         <div class="bor-8 text-bg half-middle">
-          <IndexSmallTitle title="风险变化趋势"/>
-          <IndexSmoothLine
-              id="2"
-              color="#2AE3FF"
-              transparent-color="rgba(42, 227, 255, 0)"
-              :x-data="riskChangeData.xData"
-              :y-data="riskChangeData.yData"
-              :names="riskChangeData.names"
-          />
+          <IndexSmallTitle title="风险变化趋势" />
+          <IndexSmoothLine id="2" color="#2AE3FF" transparent-color="rgba(42, 227, 255, 0)"
+            :x-data="riskChangeData.xData" :y-data="riskChangeData.yData" :names="riskChangeData.names" />
         </div>
       </div>
     </div>
@@ -144,10 +139,10 @@
 </template>
 
 <script>
-import IndexSmallTitle  from "../IndexSmallTitle/index.vue"
+import IndexSmallTitle from "../IndexSmallTitle/index.vue"
 import IndexProgressBar from "../IndexProgressBar/index.vue"
 import IndexSmallPie from "../../echarts/IndexSmallPie.vue"
-import IndexSmoothLine  from "../../echarts/IndexSmoothLine.vue"
+import IndexSmoothLine from "../../echarts/IndexSmoothLine.vue"
 import IndexBar from "../../echarts/IndexBar.vue"
 import { roundToFixed } from "../../../utils/utils"
 
@@ -382,7 +377,8 @@ export default {
   background-image: url('/static/assets/index/bg-pic.png');
   background-size: 100% 100%;
   background-repeat: no-repeat;
-  background-position: center; /* 可选，让图片居中对齐 */
+  background-position: center;
+  /* 可选，让图片居中对齐 */
 
   .top-header {
     width: 100%;
@@ -390,7 +386,8 @@ export default {
     background-image: url('/static/assets/index/bg-header.png');
     background-size: 100% 100%;
     background-repeat: no-repeat;
-    background-position: center; /* 可选，让图片居中对齐 */
+    background-position: center;
+    /* 可选，让图片居中对齐 */
   }
 
   .main-content {
@@ -477,7 +474,8 @@ export default {
       .text-item {
         background-size: 100% 100%;
         background-repeat: no-repeat;
-        background-position: center; /* 可选，让图片居中对齐 */
+        background-position: center;
+        /* 可选，让图片居中对齐 */
         color: white;
         height: 17.6%;
 
@@ -509,7 +507,8 @@ export default {
         background-image: url('/static/assets/index/bg-map.png');
         background-size: 100% 100%;
         background-repeat: no-repeat;
-        background-position: center; /* 可选，让图片居中对齐 */
+        background-position: center;
+        /* 可选，让图片居中对齐 */
         position: relative;
 
         .legend-area {
@@ -570,6 +569,7 @@ export default {
 
           .green {
             color: #09fb84;
+
             &.point {
               background-color: #09fb84;
             }
@@ -577,6 +577,7 @@ export default {
 
           .blue {
             color: #5695DD;
+
             &.point {
               background-color: #5695DD;
             }
@@ -584,6 +585,7 @@ export default {
 
           .orange {
             color: #dd8a56;
+
             &.point {
               background-color: #dd8a56;
             }
@@ -591,6 +593,7 @@ export default {
 
           .red {
             color: #e66060;
+
             &.point {
               background-color: #e66060;
             }