feat(frontend): 单据管理迭代_1206 #7190

dbm-ui/frontend/src/locales/zh-cn.json

@@ -3787,5 +3787,10 @@
   "提醒频率：": "提醒频率：",
   "校验与修复类型：": "校验与修复类型：",
   "校验与修复频率设置：": "校验与修复频率设置：",
+  "修复主库": "修复主库",
+  "修复从库": "修复从库",
+  "检查业务来源的连接：": "检查业务来源的连接：",
+  "检查主从同步延迟：": "检查主从同步延迟：",
+  "检查主从数据校验结果：": "检查主从数据校验结果：",
   "这行勿动！新增翻译请在上一行添加！": ""
 }

dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/common/mysql-dump-data/Index.vue

@@ -12,11 +12,9 @@
 -->
 
 <template>
-  <div class="export-data-details">
-    <DemandInfo
-      :config="config"
-      :data="ticketDetails" />
-  </div>
+  <DemandInfo
+    :config="config"
+    :data="ticketDetails" />
 </template>
 
 <script setup lang="tsx">

dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/components/DemandInfo.vue

@@ -1,28 +1,28 @@
 <template>
-  <div class="ticket-details-page">
+  <div class="demand-info">
     <div
       v-for="(dataItem, dataKey) in config"
       :key="dataKey"
-      class="ticket-details-info"
-      :class="{ 'ticket-details-info-no-title': !dataItem.title }">
+      class="demand-info-info"
+      :class="{ 'demand-info-info-no-title': !dataItem.title }">
       <strong
         v-if="dataItem.title"
-        class="ticket-details-info-title">
+        class="demand-info-info-title">
         {{ dataItem.title }}
       </strong>
-      <div class="ticket-details-list">
+      <div class="demand-info-list">
         <template
           v-for="(listItem, listKey) in dataItem.list"
           :key="listKey">
           <div
             v-if="!listItem.isHidden && (listItem.key || listItem.render)"
-            class="ticket-details-item"
+            class="demand-info-item"
             :class="{
               whole: listItem.iswhole,
               table: listItem.isTable,
             }">
-            <span class="ticket-details-item-label">{{ listItem.label }}：</span>
-            <span class="ticket-details-item-value">
+            <span class="demand-info-item-label">{{ listItem.label }}：</span>
+            <span class="demand-info-item-value">
               <Component
                 :is="listItem.render"
                 v-if="listItem.render" />
@@ -75,43 +75,43 @@
 <style lang="less" scoped>
   @import '@styles/mixins.less';
 
-  .ticket-details-page {
-    .ticket-details-info {
+  .demand-info {
+    .demand-info-info {
       padding-left: 82px;
       font-size: @font-size-mini;
 
-      .ticket-details-info-title {
+      .demand-info-info-title {
         color: @title-color;
       }
     }
 
-    .ticket-details-info-no-title {
+    .demand-info-info-no-title {
       padding-left: 0;
     }
 
-    .ticket-details-list {
+    .demand-info-list {
       .flex-center();
 
       max-width: 1000px;
       padding: 8px 0 16px;
       flex-wrap: wrap;
     }
 
-    .ticket-details-item {
+    .demand-info-item {
       .flex-center();
 
       overflow: hidden;
       line-height: 32px;
       flex: 0 0 50%;
       align-items: flex-start;
 
-      .ticket-details-item-label {
+      .demand-info-item-label {
         flex-shrink: 0;
         min-width: 160px;
         text-align: right;
       }
 
-      .ticket-details-item-value {
+      .demand-info-item-value {
         overflow: hidden;
         color: @title-color;
         text-overflow: ellipsis;
@@ -136,7 +136,7 @@
         align-items: flex-start;
         flex: 0 0 100%;
 
-        .ticket-details-item-value {
+        .demand-info-item-value {
           padding-top: 8px;
         }
       }

dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/mysql/DataRepair.vue

@@ -13,7 +13,7 @@
 
 <template>
   <BkTable :data="ticketDetails.details.infos">
-    <BkTableColumn :label="t('集群域名')">
+    <BkTableColumn :label="t('集群')">
       <template #default="{ data }">
         {{ ticketDetails.details.clusters[data.cluster_id].immute_domain }}
       </template>

dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/mysql/HaApply.vue

@@ -0,0 +1,34 @@
+<!--
+ * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
+ *
+ * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
+ *
+ * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License athttps://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
+ * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+ * the specific language governing permissions and limitations under the License.
+-->
+<template>
+  <Apply :ticket-details="ticketDetails" />
+</template>
+
+<script setup lang="ts">
+  import TicketModel, { type Mysql } from '@services/model/ticket/ticket';
+
+  import { TicketTypes } from '@common/const';
+
+  import Apply from './common/Apply.vue';
+
+  interface Props {
+    ticketDetails: TicketModel<Mysql.HaApply>;
+  }
+
+  defineProps<Props>();
+
+  defineOptions({
+    name: TicketTypes.MYSQL_HA_APPLY,
+    inheritAttrs: false,
+  });
+</script>

dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/mysql/MasterFailOver.vue

@@ -36,6 +36,17 @@
       </template>
     </BkTableColumn>
   </BkTable>
+  <InfoList>
+    <InfoItem :label="t('检查业务来源的连接：')">
+      {{ ticketDetails.details.is_check_process ? t('是') : t('否') }}
+    </InfoItem>
+    <InfoItem :label="t('检查主从同步延迟：')">
+      {{ ticketDetails.details.is_check_delay ? t('是') : t('否') }}
+    </InfoItem>
+    <InfoItem :label="t('检查主从数据校验结果：')">
+      {{ ticketDetails.details.is_verify_checksum ? t('是') : t('否') }}
+    </InfoItem>
+  </InfoList>
 </template>
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
@@ -44,6 +55,8 @@
 
   import { TicketTypes } from '@common/const';
 
+  import InfoList, { Item as InfoItem } from '../components/info-list/Index.vue';
+
   interface Props {
     ticketDetails: TicketModel<Mysql.MasterFailOver>;
   }

dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/mysql/MasterSlaveSwitch.vue

@@ -36,6 +36,17 @@
       </template>
     </BkTableColumn>
   </BkTable>
+  <InfoList>
+    <InfoItem :label="t('检查业务来源的连接：')">
+      {{ ticketDetails.details.is_check_process ? t('是') : t('否') }}
+    </InfoItem>
+    <InfoItem :label="t('检查主从同步延迟：')">
+      {{ ticketDetails.details.is_check_delay ? t('是') : t('否') }}
+    </InfoItem>
+    <InfoItem :label="t('检查主从数据校验结果：')">
+      {{ ticketDetails.details.is_verify_checksum ? t('是') : t('否') }}
+    </InfoItem>
+  </InfoList>
 </template>
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
@@ -44,6 +55,8 @@
 
   import { TicketTypes } from '@common/const';
 
+  import InfoList, { Item as InfoItem } from '../components/info-list/Index.vue';
+
   interface Props {
     ticketDetails: TicketModel<Mysql.MasterSlaveSwitch>;
   }

dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/mysql/SingleApply.vue

@@ -0,0 +1,34 @@
+<!--
+ * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
+ *
+ * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
+ *
+ * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License athttps://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
+ * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+ * the specific language governing permissions and limitations under the License.
+-->
+<template>
+  <Apply :ticket-details="ticketDetails" />
+</template>
+
+<script setup lang="ts">
+  import TicketModel, { type Mysql } from '@services/model/ticket/ticket';
+
+  import { TicketTypes } from '@common/const';
+
+  import Apply from './common/Apply.vue';
+
+  interface Props {
+    ticketDetails: TicketModel<Mysql.SingleApply>;
+  }
+
+  defineProps<Props>();
+
+  defineOptions({
+    name: TicketTypes.MYSQL_SINGLE_APPLY,
+    inheritAttrs: false,
+  });
+</script>