reactor:对接司法大屏;

src/views/home/center-bottom.vue

@@ -27,11 +27,11 @@
             <TextTooltip :content="item.sourceChannel"></TextTooltip>
             <TextTooltip :content="item.title"></TextTooltip>
             <TextTooltip :content="item.acceptType"></TextTooltip>
-            <!--            <TextTooltip :content="item.hotspotName"></TextTooltip>-->
-            <el-tooltip placement="top">
-              <template #content> {{ item.hotspotName }}</template>
-              <span>{{ item.hotspotName }}</span>
-            </el-tooltip>
+            <TextTooltip :content="item.hotspotName"></TextTooltip>
+            <!--            <el-tooltip placement="top">
+                          <template #content> {{ item.hotspotName }}</template>
+                          <span>{{ item.hotspotName }}</span>
+                        </el-tooltip>-->
             <TextTooltip :content="item.county"></TextTooltip>
             <TextTooltip :content="item.actualHandleOrgName"></TextTooltip>
           </div>

src/views/home/right-center.vue

@@ -11,7 +11,7 @@
         <div class="scroll">
           <div class="scroll-item" v-for="(item, index) in list" :key="index">
             <span class="scroll-item-area" :class="index<=2 ? 'three' : ''">NO.{{ index + 1 }}</span>
-            <TextTooltip :content="item.visitOrgName" className="scroll-item-title"></TextTooltip>
+            <TextTooltip :content="item.visitOrgName" className="scroll-item-title-rt"></TextTooltip>
             <span class="scroll-item-hotspot"><CountUp :endVal="item.visitCount " :duration="2"/>(件)</span>
             <span class="scroll-item-num">{{ item.satisfiedRate }}%</span>
           </div>
@@ -165,7 +165,7 @@ onMounted(() => {
 }
 </style>
 <style lang="scss">
-.scroll-item-title {
+.scroll-item-title-rt {
   width: 50%;
   margin-left: 20px;
 }

src/views/home/right-top.vue

@@ -12,10 +12,11 @@
           <span class="scroll-item-empty">{{ index }}</span>
           <span class="scroll-item-area">{{ item.areaName }}</span>
           <TextTooltip :content="item.title" className="scroll-item-title"></TextTooltip>
-          <el-tooltip placement="top">
-            <template #content> {{ item.title }}</template>
-            <span class="scroll-item-hotspot">{{ item.hotspotName }}</span>
-          </el-tooltip>
+          <TextTooltip :content="item.hotspotName" className="scroll-item-hotspot"></TextTooltip>
+          <!--          <el-tooltip placement="top">
+                      <template #content> {{ item.hotspotName }}</template>
+                      <span class="scroll-item-hotspot">{{ item.hotspotName }}</span>
+                    </el-tooltip>-->
           <span class="scroll-item-num"> <CountUp :endVal="item.sumCount " :duration="2"/>次</span>
         </div>
       </vue3-seamless-scroll>
@@ -121,7 +122,7 @@ onMounted(() => {
       }
 
       &-title {
-        width: 50%;
+        width: 40%;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
@@ -146,7 +147,7 @@ onMounted(() => {
 </style>
 <style lang="scss">
 .scroll-item-title {
-  width: 50%;
+  width: 40%;
   margin-left: 10px;
   line-height: initial;
 }

src/views/judicial/right-top.vue

@@ -11,8 +11,8 @@
         <div class="scroll">
           <div class="scroll-item" v-for="(item, index) in list" :key="index">
             <span class="scroll-item-area" :class="index<=2 ? 'three' : ''">NO.{{ index + 1 }}</span>
-            <TextTooltip :content="item.visitOrgName" className="scroll-item-title"></TextTooltip>
-            <span class="scroll-item-hotspot"><CountUp :endVal="item.visitCount " :duration="2"/>(件)</span>
+            <TextTooltip :content="item.visitOrgName" className="scroll-item-title-ju"></TextTooltip>
+            <span class="scroll-item-hotspot-ju"><CountUp :endVal="item.visitCount " :duration="2"/>(件)</span>
             <span class="scroll-item-num">{{ item.satisfiedRate }}%</span>
           </div>
         </div>
@@ -165,7 +165,7 @@ onMounted(() => {
 }
 </style>
 <style lang="scss">
-.scroll-item-title {
+.scroll-item-title-ju {
   width: 50%;
   margin-left: 20px;
 }