From 371207130ea23b8dc8b4387d25ecc23810b33a93 Mon Sep 17 00:00:00 2001
From: juwei001 <974220104@qq.com>
Date: Tue, 2 Apr 2024 14:40:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/common/card_title_sz.png    | Bin 0 -> 10409 bytes
 src/components/screen-title-sz/index.vue      | 131 ++++++++++++++++++
 .../screen-content-left/szyf-left/index.vue   |  12 +-
 .../screen-content-right/szyf-right/index.vue |  29 ++--
 4 files changed, 152 insertions(+), 20 deletions(-)
 create mode 100644 src/assets/images/common/card_title_sz.png
 create mode 100644 src/components/screen-title-sz/index.vue

diff --git a/src/assets/images/common/card_title_sz.png b/src/assets/images/common/card_title_sz.png
new file mode 100644
index 0000000000000000000000000000000000000000..01752bf6e6f2acaa051ab869ef85865e2f6a881b
GIT binary patch
literal 10409
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
TFaW6i00000NkvXXu0mjfgzpvY

literal 0
HcmV?d00001

diff --git a/src/components/screen-title-sz/index.vue b/src/components/screen-title-sz/index.vue
new file mode 100644
index 0000000..e707ccc
--- /dev/null
+++ b/src/components/screen-title-sz/index.vue
@@ -0,0 +1,131 @@
+<template>
+  <div style="height: 36px" class="screen-title-w">
+    <div class="box">
+      <div class="guang" v-if="ifTime">
+        <img
+          class="guang-img"
+          :src="require('@/assets/images/common/guang-zd.png')"
+        />
+      </div>
+      <div class="guang1" v-if="ifTime">
+        <img
+          class="guang-img1"
+          :src="require('@/assets/images/common/guang-zd.png')"
+        />
+      </div>
+    </div>
+    <div class="screen-title">
+      <div class="left">
+        <slot name="left"></slot>
+      </div>
+      <div class="right">
+        <slot name="right"></slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "screen-title",
+  // mounted() {
+  //   console.log("Math.random()", Math.random());
+  //   // JavaScript Math.random()
+  // },
+  data() {
+    return {
+      ifTime: false,
+    };
+  },
+  // created() {
+  // },
+  mounted() {
+    let times = (Math.random() * 2000).toFixed(0);
+    setTimeout(() => {
+      this.ifTime = true;
+    }, times);
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@keyframes run {
+  0% {
+    left: 0%;
+  }
+  100% {
+    left: calc(100% + 536px);
+  }
+}
+@keyframes run1 {
+  0% {
+    left: calc(0% - 268px);
+  }
+  100% {
+    left: calc(100% + 268px);
+  }
+}
+.screen-title-w {
+  width: 100%;
+  height: 36px;
+  background-size: 100% 100%;
+  background: url("~@/assets/images/common/card_title_sz.png") no-repeat;
+}
+.screen-title {
+  position: relative;
+  top: -36px;
+  width: 100%;
+  height: 36px;
+  background-position: 0 0;
+  @include flex();
+  align-items: center;
+  justify-content: space-between;
+  font-family: "zaozigongfang";
+  font-style: italic;
+  font-size: 16px;
+  // background-size: 100% 100%;
+  // background: url("~@/assets/images/common/card_title_red.png") no-repeat;
+  padding-right: 16px;
+  box-sizing: border-box;
+  .left {
+    margin-left: 44px;
+    height: 50px;
+    line-height: 64px;
+  }
+  .right {
+    font-style: normal;
+  }
+}
+.box {
+  position: relative;
+  height: 36px;
+  overflow: hidden;
+  .guang {
+    position: relative;
+    .guang-img {
+      width: 268px;
+      height: 26px;
+      animation: run 4s linear infinite;
+      position: relative;
+      top: -10px;
+    }
+  }
+  .guang1 {
+    position: relative;
+    .guang-img1 {
+      width: 268px;
+      height: 26px;
+      animation: run1 4s linear infinite;
+      position: relative;
+      bottom: 10px;
+    }
+  }
+}
+</style>
+
+<style scoped>
+/* .screen-title-right > span {
+  border: 1px solid #e7743b !important;
+  color: #fbe9c5 !important;
+} */
+</style>
diff --git a/src/views/next/screen-content-left/szyf-left/index.vue b/src/views/next/screen-content-left/szyf-left/index.vue
index dcfe25d..b69d34d 100644
--- a/src/views/next/screen-content-left/szyf-left/index.vue
+++ b/src/views/next/screen-content-left/szyf-left/index.vue
@@ -1,9 +1,9 @@
 <template>
   <div>
     <div class="card h266">
-      <screen-title>
+      <screen-title-sz>
         <div slot="left" class="screen-title-left">事件处理实况</div>
-      </screen-title>
+      </screen-title-sz>
       <div class="card-item-sjcl1">
         <section>
           <div class="total" @click="set_sjcl(true)">
@@ -29,9 +29,9 @@
       </div>
     </div>
     <div class="card h379" style="margin-top: 8px">
-      <screen-title>
+      <screen-title-sz>
         <div slot="left" class="screen-title-left">事件分析</div>
-      </screen-title>
+      </screen-title-sz>
       <div class="card-item-sjcl2">
         <section>
           <div id="chart3D"></div>
@@ -113,9 +113,9 @@
       </div>
     </div>
     <div class="card h232 m-top12">
-      <screen-title>
+      <screen-title-sz>
         <div slot="left" class="screen-title-left">重点人员</div>
-      </screen-title>
+      </screen-title-sz>
       <div>
         <el-carousel height="190px">
           <el-carousel-item
diff --git a/src/views/next/screen-content-right/szyf-right/index.vue b/src/views/next/screen-content-right/szyf-right/index.vue
index e17413f..fe1b914 100644
--- a/src/views/next/screen-content-right/szyf-right/index.vue
+++ b/src/views/next/screen-content-right/szyf-right/index.vue
@@ -1,9 +1,9 @@
 <template>
   <div>
     <div class="card h232 m-top12">
-      <screen-title>
+      <screen-title-sz>
         <div slot="left" class="screen-title-left">“移”语花开，共治有我</div>
-      </screen-title>
+      </screen-title-sz>
       <div class="card-item-zdbf">
         <div class="yygz">
           <div class="yygz-item" v-for="item in yygzList" :key="item.name">
@@ -13,9 +13,9 @@
       </div>
     </div>
     <div class="card h292" style="margin-top: 8px">
-      <screen-title>
+      <screen-title-sz>
         <div slot="left" class="screen-title-left">“移”治风采</div>
-      </screen-title>
+      </screen-title-sz>
       <!-- <div class="card-item-sjcl">
         <div class="item" v-for="(item, index) in monitorList" :key="index">
           <img :src="item.src" alt="" />
@@ -46,9 +46,9 @@
       </div>
     </div>
     <div class="card h339" style="margin-top: 8px">
-      <screen-title>
+      <screen-title-sz>
         <div slot="left" class="screen-title-left">服务事项分析</div>
-      </screen-title>
+      </screen-title-sz>
       <div id="myChart" style="width: 100%; height: 100%"></div>
     </div>
   </div>
@@ -211,15 +211,16 @@ export default {
           axisLabel: {
             show: true,
             color: '#BDCEEA',
-            fontSize: '12'
+            fontSize: '12',
+            rotate: 45
           },
-          data: ['社会保障', '生产许可', '户籍', '就业', 'xxx', '其他']
+          data: ['社会保障', '生产许可', '户籍', '就业', '民生诉求', '其他']
         },
         title: {
           text: '件',
           textStyle: {
             color: '#ACBBD4',
-            fontWeight: '800',
+            fontWeight: '600',
             fontSize: 14
           },
           left: '18px',
@@ -265,7 +266,7 @@ export default {
                 barBorderRadius: [0, 0, 0, 0]
               }
             },
-            data: [220, 182, 191, 234, 290, 330]
+            data: [1687, 158, 361, 821, 3628, 58]
           },
           {
             name: 'rightA',
@@ -290,7 +291,7 @@ export default {
                 barBorderRadius: [0, 0, 0, 0]
               }
             },
-            data: [220, 182, 191, 234, 290, 330],
+            data: [1687, 158, 361, 821, 3628, 58],
             barGap: 0
           },
           {
@@ -323,7 +324,7 @@ export default {
             symbolSize: ['25', '12'],
             symbolOffset: ['0', '-8'],
             symbolPosition: 'end',
-            data: [220, 182, 191, 234, 290, 330],
+            data: [1687, 158, 361, 821, 3628, 58],
             z: 3
           },
           {
@@ -341,8 +342,8 @@ export default {
             symbolSize: [60, 2],
             symbolPosition: 'start',
             symbolOffset: [3, -4],
-            symbolBoundingData: [350, 350, 350, 350, 350, 350],
-            data: [350, 350, 350, 350, 350, 350],
+            symbolBoundingData: [4000, 4000, 4000, 4000, 4000, 4000],
+            data: [4000, 4000, 4000, 4000, 4000, 4000],
             z: 1,
             animationEasing: 'elasticOut'
           }