From 1902a841a6cbb4de66a4d416b1ceb0ac236f748c Mon Sep 17 00:00:00 2001
From: chenxf <chxf@chinaweal.com.cn>
Date: Wed, 28 Jan 2026 10:40:29 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0RightBar=E6=8A=A5?=
 =?UTF-8?q?=E9=9A=9C=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加右侧浮动工具栏，支持报障和记录功能，跳转至运维系统。

Co-Authored-By: Claude (gemini-claude-opus-4-5-thinking) <noreply@anthropic.com>
---
 .env.development                  |   3 +
 .env.production                   |   3 +
 src/App.vue                       |   3 +
 src/assets/images/active.png      | Bin 0 -> 1636 bytes
 src/assets/images/devops1.png     | Bin 0 -> 4741 bytes
 src/assets/images/devops2.png     | Bin 0 -> 2583 bytes
 src/assets/images/show.png        | Bin 0 -> 1638 bytes
 src/components/RightBar/index.vue | 209 ++++++++++++++++++++++++++++++
 8 files changed, 218 insertions(+)
 create mode 100644 src/assets/images/active.png
 create mode 100644 src/assets/images/devops1.png
 create mode 100644 src/assets/images/devops2.png
 create mode 100644 src/assets/images/show.png
 create mode 100644 src/components/RightBar/index.vue

diff --git a/.env.development b/.env.development
index b41440c..af65911 100644
--- a/.env.development
+++ b/.env.development
@@ -24,3 +24,6 @@ VUE_APP_AICEPS_URL = 'http://10.201.62.87:6891/gz-aiceps-manage'
 
 VUE_APP_AICEPS_SERVICE_URL = 'http://localhost:9549'
 
+#运维系统
+VUE_APP_DEVOPS = 'https://www.chinaweal.com.cn:1777/devops-gd'
+
diff --git a/.env.production b/.env.production
index ab3a2a0..401f659 100644
--- a/.env.production
+++ b/.env.production
@@ -18,3 +18,6 @@ VUE_APP_AICEPS_URL = 'http://10.201.62.87:6891/gz-aiceps-manage'
 # 年报服务地址 无需写/aiceps-service-web 如和aiccs同域名同端口部署则置空
 VUE_APP_AICEPS_SERVICE_URL = ''
 
+#运维系统
+VUE_APP_DEVOPS = 'https://www.chinaweal.com.cn:1777/devops-gd'
+
diff --git a/src/App.vue b/src/App.vue
index 2d34b26..b8b7330 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,13 +1,16 @@
 <template>
   <div id="app">
     <router-view />
+    <RightBar />
   </div>
 </template>
 
 <script>
 import { getSsoToken_CK } from './utils/auth'
+import RightBar from '@/components/RightBar'
 export default {
   name: 'App',
+  components: { RightBar },
   computed: {
     currentSSOToken() {
       return this.$store.state.app.currentSSOToken
diff --git a/src/assets/images/active.png b/src/assets/images/active.png
new file mode 100644
index 0000000000000000000000000000000000000000..8552d9b3810af350bec38c3f4b7cc703af628204
GIT binary patch
literal 1636
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/devops1.png b/src/assets/images/devops1.png
new file mode 100644
index 0000000000000000000000000000000000000000..866a4b3029be64859b71bae490e67680af75b661
GIT binary patch
literal 4741
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
RT>L8m20C}Ot8Uvx{1272@kIat

literal 0
HcmV?d00001

diff --git a/src/assets/images/devops2.png b/src/assets/images/devops2.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3878af6ee569ec91705a09f8293dc9d9ba06da0
GIT binary patch
literal 2583
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
MSFT};4D8AO1)0sjMF0Q*

literal 0
HcmV?d00001

diff --git a/src/assets/images/show.png b/src/assets/images/show.png
new file mode 100644
index 0000000000000000000000000000000000000000..6913bb7f01c853427e44357f6d055ad239ed3a23
GIT binary patch
literal 1638
zcmV-s2ATPZP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF000G;Nkl<ZcwXh3
zTWDNW6o$V=6Kk$`$)yUWO%t)0h%vDbV)Ri^(FX-V1r=0K@P3WHSYO1}ORWkPR8Y~1
zf<7qv;G1pLhbFeEHAE63#6+7I(+~nN#js>e&RjB?%*>fN`<xTHA&|+Ov;KeoS^NHP
z!EsU5F5pVwGT>t1BA^MV2hR53{{`lOY2XiF1o#E$7m;HwDT<5Ws(Kr6GjJWySSH5b
zz<0n`BJz2evDUmEm;kDJ3Ge`L4{%P<M7?-(zz4v75&10$jIsq#)pno{xHkwwK4QEN
zyeuN4KHdp7161_|U{^T=0(f_qh`d;8oRTs?Rj&fx^g6dvv4ecCA9zGWe)1dCw*ad8
z5b%~?ppc$_SVZ3TgXK#AReb|^)DJ)e&+ZeE$BM-*S^!l&0Nh?|;E135R7CD5hC@*T
zsOlHMEyV<k(KBC)$gPF=6cj*JKLLtTvk+JW-yaZ>JM-b@6+l&A2Of`rc#x2LMdXR~
z0<J57s@kmXogkS+80$e1*`EtPrvR$j4Gcs`*adWti2R%#cs&6Q0@t`;5n;?jB64j(
z0aW!#;ME9;x`cj8L|)4TSd{^)+5r3x)VgF5VeAE<RYYcz9I^%213Voe!7!j-5s_!s
z2%xIx0e=B!g~1|1jMKmcA~I_nQW>DC&)WJrLSkV;_ld~vYyo}+E)A1Kgjho&(vcEC
zRj&pPM@T3N=w1=|A<+a>)l%P@z?oEbi%4Hm0GlCQaVFIsI4UCDqN=uSZTs<|m8q#I
zYHMq$si|3mxwyE<{QNx4&COx(X)*zB0KN$W%`j$WW;k);1e-T+roFwL#>Umh2FH&d
zXLfd$hK2^(+S;h9s&Yx~MibyU;3bzR$=FLvOAHJQaQd_j#Uv`(+1Z(bo}8RyWW)}I
zR!T=l#~OhG=J~t{U<VC%2OKzOxS^pTrl(h0TSY|$-QC?(S63%KFDxw3-*20{E2X8S
zh3(t7yQcM_3Gh9zW|b5)^2Edhqoe6Fj2%06uw~1Z6ihPp?GN?!^$Br8C<jdd%Q-vU
zaaQK$<~VjNea2}OHvy7me0-d-v9Z+Wo}M1+>gt^F$p}1Z0@$4RTvuqz%gYQ74kmhb
zD<VQ~Z!eoRZAyI37N@nfm91O1x}uXE_mm0nAF#s4LCH@2?2gSw1REKw*s!>B=S~MK
z)(yFA0;o&GlP6CyJUpC&$QHnwhGjvN0xV`26#~~{BQ$|2&#@7B<&y#9-U*r&B|RH)
zBtx8s!Eb@<9o2hP*tkxF_SxBb7y`s~DtsUCZWsa>MshJ^zi->NE%B3Ck~6}}%1XMr
zx^k`<1LT@m44IAXXn;WrhO*_btpRe)_G~$9-)9R`FlcEHG$l7gY=u&;ovkzq(Y>{@
zA!7Kd`Z19A7&$tg&X8AaiJ7tSGiOlo44mE+^|IiULxW@7Bv`#I?g_9LDB4^Uw;K86
zlk;H2tgh)*i_eG~=<(b~V_p`#7lGw9Z0&L%j(P&v&QN++GHhz@@$w&!dm_Za|LaPM
z{0506s;VA|kq<a1F^aRucv)a(=pTbZj!B&2O;Vl+aW+N!)zqI&E~6=I1aovDF-kK^
zW{9wnOw!q6lxLOA5aG-<OJ|6%kxbJC|MSUu6?BVd=F|o;Pv>p(*=@v^0N&^jXA||h
zz5RMUrEdW|5$x#JMu@ohi4WOIHkTQ?&=66Q02%#)`HJn@TvXOto7>y9xmEt(LY2<^
zzAOQ}Y%qVZSx@aURah=lThiKg{+>+Vub+yS)CuMT@T|7?19v$zTn+&r**1RC>RL*r
z1I>V31U%#AP2T0{a_x7vWp9_KzcyoIxfL#Z6!1&Hv*FpH|K)(~I<*290_S^I=q;qV
zC;kEc^z8a}F?tX<A|iHs+*$b_`n(=1#K8*k00000NkvXXu0mjfvZQ5Z+0Nfl==%**
z@tOv~asXMY?V|u5FlD%uog4t~r&6gsIjd_em5#Iplp-L;OJ=@<ndRl_dhK@}5$z|U
zFT~hbZ-wiA3WOyfHasG_E}c#fT9&m+?CJn|iKxr>eR+i*mSvq`=05?9i(TLM{gIZI
kmSJW-Xxp~DJ#H-i0jYqz-Id$ubpQYW07*qoM6N<$f+X_+2mk;8

literal 0
HcmV?d00001

diff --git a/src/components/RightBar/index.vue b/src/components/RightBar/index.vue
new file mode 100644
index 0000000..817e2ac
--- /dev/null
+++ b/src/components/RightBar/index.vue
@@ -0,0 +1,209 @@
+<template>
+  <div id="OM" class="OM" :class="{'slider':isSlider,'sliderLeft':sliderLeft}">
+    <div class="show">
+      <div class="tipPic" :class="{'show-active':isActive}" @click="toggleClick" />
+    </div>
+    <div>
+      <div class="item" style="text-align:center;font-size: 14px" @click="tofillOM">
+        <div class="omlist">
+          <img style="width:100%" src="../../assets/images/devops1.png" alt="">
+        </div>
+        报障
+      </div>
+      <div class="item" style="text-align:center;font-size: 14px" @click="toList">
+        <div class="omlist">
+          <img style="width:100%" src="../../assets/images/devops2.png" alt="">
+        </div>
+        记录
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      isSlider: true,
+      sliderLeft: true,
+      isActive: true
+    }
+  },
+  computed: {
+    userInfo() {
+      const user = JSON.parse(sessionStorage.getItem('user') || '{}')
+      return {
+        userId: this.$store.state.user.keys,
+        nickname: this.$store.state.user.name,
+        username: this.$store.state.user.username,
+        unitName: this.$store.state.user.unitName,
+        ...user
+      }
+    }
+  },
+  methods: {
+    hide() {
+      this.isSlider = true
+      this.sliderLeft = false
+    },
+    toggleClick() {
+      this.isActive = !this.isActive
+      if (this.sliderLeft) {
+        this.isSlider = !this.isSlider
+        this.sliderLeft = false
+      } else {
+        this.sliderLeft = !this.sliderLeft
+        this.isSlider = false
+      }
+    },
+    tofillOM() {
+      const { nickname, username, userId, unitName } = this.userInfo
+      if (!userId) {
+        this.$message.warning('请先登录')
+        return
+      }
+      const source = 9
+      window.open(`${process.env.VUE_APP_DEVOPS}/#/auth?info=${btoa(encodeURI(JSON.stringify({ userId, username: username || '', name: nickname || unitName || '游客', ts: Date.now() })))}&source=${source}&roleType=outer&redirect=/repair/outerAdd`)
+    },
+    toList() {
+      const { nickname, username, userId, unitName } = this.userInfo
+      if (!userId) {
+        this.$message.warning('请先登录')
+        return
+      }
+      const source = 9
+      window.open(`${process.env.VUE_APP_DEVOPS}/#/auth?info=${btoa(encodeURI(JSON.stringify({ userId, username: username || '', name: nickname || unitName || '游客', ts: Date.now() })))}&source=${source}&roleType=outer&redirect=/repair/outer`)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+.OM {
+  .omlist {
+    width: 40px;
+    height: 40px;
+    margin: 10px  auto;
+    font-size: 13px;
+    img {
+      width: 100%;
+    }
+  }
+  width: 80px;
+  height: auto;
+  background: #fff;
+  padding: 10px 0;
+  position: fixed;
+  margin-right: 42px;
+  border-radius: 20px;
+  right: -100px;
+  bottom: 150px;
+  cursor: pointer;
+  box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.1);
+  z-index: 1000;
+
+  ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+
+  .el-card__body {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+  }
+
+  .show {
+    width: 45px;
+    height: 100%;
+    position: absolute;
+    left: -35px;
+    top: 0;
+    display: flex;
+    align-items: center;
+    z-index: 9999;
+    transform: rotate(0);
+
+  }
+
+  .tipPic {
+    width: 45px;
+    height: 45px;
+    border-radius: 50%;
+    background: url('../../assets/images/show.png');
+    background-size: 100%;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+
+  }
+
+  .tipPic:hover {
+    background: url('../../assets/images/active.png');
+    background-size: 100%;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  }
+
+  .show-active {
+    transform: rotate(180deg);
+  }
+
+  .item{
+    margin-bottom: 10px;
+  }
+  .item:last-child{
+    margin-bottom: 0px;
+  }
+}
+.slider {
+  animation: mymove 1s ease-in-out 0s 1 alternate forwards;
+}
+
+.sliderLeft {
+  animation: moveLeft 1s ease-in-out 0s 1 alternate forwards;
+}
+
+@keyframes mymove {
+  0% {
+    right: 0%;
+  }
+
+  100% {
+    right: -100px;
+
+  }
+}
+
+@-webkit-keyframes mymove {
+  0% {
+
+    /* right:6%; */
+    right: 0%;
+  }
+
+  100% {
+    right:-100px;
+    /* right: -6%; */
+  }
+}
+
+@keyframes moveLeft {
+  0% {
+    right: -100px;
+  }
+  100% {
+    right: 0;
+  }
+}
+
+@-webkit-keyframes moveLeft {
+  0% {
+    right: -100px;
+  }
+
+  100% {
+    right: 0;
+  }
+}
+</style>