feat(frontend): sqlserver添加统一设置和单据备注 #9684

Author: 3octaves

dbm-ui/frontend/src/components/editable-table/Column.vue

@@ -171,7 +171,8 @@
   const rowContext = inject(injectKey);
   const currentInstance = getCurrentInstance() as ComponentInternalInstance;
 
-  const columnKey = `bk-editable-table-column-${rowContext?.getColumnIndex()}`;
+  const columnIndex = rowContext!.getColumnIndex();
+  const columnKey = `bk-editable-table-column-${columnIndex}`;
 
   interface IFinalRule {
     message: string | (() => string);
@@ -337,9 +338,9 @@
     if (!props.disabledMethod) {
       return '';
     }
-    const columnIndex = tableContext!.getColumnRelateRowIndexByInstance(currentInstance);
+    const rowIndex = rowContext!.getRowIndex();
 
-    const result = props.disabledMethod(tableContext!.props.model[columnIndex], props.field);
+    const result = props.disabledMethod(tableContext!.props.model[rowIndex], props.field);
     if (typeof result === 'string') {
       return result;
     }
@@ -518,9 +519,8 @@
         }
 
         const rowIndex = rowContext!.getRowIndex();
-        const columnIndex = tableContext!.getColumnRelateRowIndexByInstance(currentInstance);
         const rowDataValue = {
-          columnIndex,
+          columnIndex: columnIndex - 1,
           rowData: tableContext.props.model[rowIndex],
           rowIndex,
         };

dbm-ui/frontend/src/views/db-manage/sqlserver/SQLSERVER_ROLLBACK/components/common/FinalDbColumn.vue

@@ -1,38 +1,32 @@
 <template>
   <EditableColumn
     ref="editableColumnRef"
+    :disabled-method="disabledMethod"
     field="rename_infos"
     :label="t('构造后 DB 名')"
     :min-width="300"
     required
     :rules="rules">
     <BkLoading :loading="isLoading || isCheckoutDbLoading">
       <EditableBlock>
-        <span
-          v-bk-tooltips="{
-            content: disabledTips,
-            disabled: !Boolean(disabledTips),
-          }"
+        <BkButton
+          text
+          theme="primary"
           @click="handleShowEditName">
-          <BkButton
-            :disabled="Boolean(disabledTips)"
-            text
-            theme="primary">
-            <span v-if="moduleValue.length < 1">--</span>
-            <template v-else>
-              <span v-if="hasEditDbName">
-                {{ t('已更新') }}
+          <span v-if="moduleValue.length < 1">--</span>
+          <template v-else>
+            <span v-if="hasEditDbName">
+              {{ t('已更新') }}
+            </span>
+            <I18nT
+              v-else
+              keypath="n项待修改">
+              <span style="padding-right: 4px; font-weight: bold; color: #ea3636">
+                {{ moduleValue.length }}
               </span>
-              <I18nT
-                v-else
-                keypath="n项待修改">
-                <span style="padding-right: 4px; font-weight: bold; color: #ea3636">
-                  {{ moduleValue.length }}
-                </span>
-              </I18nT>
-            </template>
-          </BkButton>
-        </span>
+            </I18nT>
+          </template>
+        </BkButton>
       </EditableBlock>
     </BkLoading>
   </EditableColumn>
@@ -116,18 +110,6 @@
   const isShowEditName = ref(false);
   const hasEditDbName = ref(false);
 
-  const disabledTips = computed(() => {
-    if (
-      props.cluster.id &&
-      props.targetClusterId &&
-      dbName.value.length > 0 &&
-      (props.restoreBackupFile || props.restoreTime)
-    ) {
-      return '';
-    }
-    return props.isLocal ? t('请先设置集群、构造 DB、回档信息') : t('请先设置集群、目标集群、构造 DB、回档信息');
-  });
-
   const rules = [
     {
       message: t('构造后 DB 名不能为空'),
@@ -199,12 +181,21 @@
   );
 
   const handleShowEditName = () => {
-    if (disabledTips.value) {
-      return;
-    }
     isShowEditName.value = true;
   };
 
+  const disabledMethod = () => {
+    if (
+      props.cluster.id &&
+      props.targetClusterId &&
+      dbName.value.length > 0 &&
+      (props.restoreBackupFile || props.restoreTime)
+    ) {
+      return false;
+    }
+    return props.isLocal ? t('请先设置集群、构造 DB、回档信息') : t('请先设置集群、目标集群、构造 DB、回档信息');
+  };
+
   const handleSubmit = () => {
     editNameRef.value!.submit().then((result) => {
       isShowEditName.value = false;