可信代码库-个人中心添加前往治理中心按钮

src/views/Jyh/PersonalCenter/index.vue

@@ -21,12 +21,16 @@
           <!--            <d-button class="mr-2" variant="solid">订阅</d-button>-->
           <!--          </div>-->
         </div>
-        <d-tabs class="jyh-tabs jyh-tabs-2 jyh-tabs-3" type="wrapped" v-model="selectTab">
+        <d-tabs style="position: relative" class="jyh-tabs jyh-tabs-2 jyh-tabs-3" type="wrapped" v-model="selectTab">
           <d-tab id="yjtzlb" title="预警通知列表"></d-tab>
           <d-tab id="dylb" title="订阅列表"></d-tab>
           <d-tab id="personalSettings" title="个人设置"></d-tab>
+          <d-button class="goToGovernCenter" @click="goToGovernCenter" variant="text">前往治理中心
+            <i style="font-size: 14px" class="icon icon-code-editor-flod"></i>
+          </d-button>
+
         </d-tabs>
-      </div>
+     </div>
     </div>
     <div class="version-detail-content">
       <early-warning v-if="selectTab === 'yjtzlb'" />
@@ -44,7 +48,7 @@ import EarlyWarning from './Detail/EarlyWarning.vue';
 import SubscribeList from './Detail/SubscribeList.vue';
 import PersonalSettings from './Detail/PersonalSettings.vue';
 import { useAccount } from '@/utils/hooks/useAccount';
-
+import { Message } from 'vue-devui/message';
 const { namespace } = getOrgInfo();
 const avatarUrl = '/src/assets/imgs/avatar/male.png';
 
@@ -63,6 +67,15 @@ const openDelete = (row: any) => {
 
 const router = useRouter();
 
+// 前往治理中心按钮点击事件
+const goToGovernCenter = () => {
+  Message.warning('请联系平台管理员，开通账号权限');
+  // 可以在此添加跳转逻辑，当前无权限时不实际跳转
+  // if (hasPermission) {
+  //   router.push('/govern-center');
+  // }
+};
+
 // 分页
 const changeIndex = () => {
   // getGroupClaListData();
@@ -284,4 +297,18 @@ const signCla = (row: any) => {
   width: 100%;
   margin-top: 12px;
 }
+
+.goToGovernCenter {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  padding: 8px 16px;
+  color: #0A59F7;
+  font-family: HarmonyOS Sans SC;
+  font-weight: medium;
+  font-size: 14px;
+  line-height: 22px;
+  letter-spacing: 0px;
+  text-align: left;
+}
 </style>