From 4f875afa7445691a0f25195b2bed1c835f2a128b Mon Sep 17 00:00:00 2001
From: luofann <fannluowork@gmail.com>
Date: Mon, 18 Nov 2024 15:19:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=A0=E9=99=A4=E8=BF=9E=E7=BA=BF?=
 =?UTF-8?q?=E6=97=B6=E5=A2=9E=E5=8A=A0=E4=BA=8C=E6=AC=A1=E7=A1=AE=E8=AE=A4?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=20--story=3D120088112=20#=20Reviewed,=20tran?=
 =?UTF-8?q?saction=20id:=2024063?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../apiConfigure/apiTable.vue                 | 83 ++++++++++---------
 .../editService/lineConfigue/index.vue        |  9 +-
 2 files changed, 50 insertions(+), 42 deletions(-)

diff --git a/frontend/pc/src/views/processManagement/apiConfigure/apiTable.vue b/frontend/pc/src/views/processManagement/apiConfigure/apiTable.vue
index af5f34151..8d0b4d708 100644
--- a/frontend/pc/src/views/processManagement/apiConfigure/apiTable.vue
+++ b/frontend/pc/src/views/processManagement/apiConfigure/apiTable.vue
@@ -25,47 +25,48 @@
     <div class="bk-api-button mb20">
       <p class="bk-api-title">{{ $t(`m.systemConfig["API列表"]`) }}</p>
       <div class="bk-api-button">
-        <bk-dropdown-menu class="mr10 access-btn" @show="dropdownShow" @hide="dropdownHide" ref="apiDropdown" :disabled="disableImport">
-          <div
-            slot="dropdown-trigger"
-            class="dropdown-trigger-btn"
-            style="padding-left: 12px;">
-            <span style="font-size: 14px;">{{ $t(`m.systemConfig['API接入']`)}}</span>
-            <i :class="['bk-icon icon-angle-down',{ 'icon-flip': isDropdownShow }]"></i>
-          </div>
-          <ul class="bk-dropdown-list" slot="dropdown-content">
-            <li>
-              <a href="javascript:;"
-                v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
-                :class="{ 'text-permission-disable': !hasPermission(targetPerms, curPerms) }"
-                :title="$t(`m.systemConfig['接入API']`)"
-                data-test-id="api_a_apiTableAccessApi"
-                @click="openShade('JOIN')">
-                {{ $t(`m.systemConfig['接入API']`) }}
-              </a>
-            </li>
-            <li>
-              <a href="javascript:;"
-                data-test-id="api_a_apiTableCreateApi"
-                v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
-                :class="{ 'text-permission-disable': !hasPermission(targetPerms, curPerms) }"
-                :title="$t(`m.systemConfig['新增API']`)"
-                @click="openShade('ADD')">
-                {{$t(`m.systemConfig['新增API']`)}}
-              </a>
-            </li>
-          </ul>
-        </bk-dropdown-menu>
-        <bk-button
-          data-test-id="api_button_apiTableuploadApi"
-          :theme="'default'"
-          :disabled="disableImport"
-          v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
-          :class="['mr10 bk-btn-file', { 'btn-permission-disable': !hasPermission(targetPerms, curPerms) }]"
-          :title="$t(`m.systemConfig['点击上传']`)">
-          <input :disabled="disableImport" :type="!hasPermission(targetPerms, curPerms) ? 'button' : 'file'" :value="fileVal" class="bk-input-file" @change="handleFile" @click="hasImportPermission">
-          {{$t(`m.systemConfig['导入']`)}}
-        </bk-button>
+        <template v-if="!disableImport">
+          <bk-dropdown-menu class="mr10 access-btn" @show="dropdownShow" @hide="dropdownHide" ref="apiDropdown">
+            <div
+              slot="dropdown-trigger"
+              class="dropdown-trigger-btn"
+              style="padding-left: 12px;">
+              <span style="font-size: 14px;">{{ $t(`m.systemConfig['API接入']`)}}</span>
+              <i :class="['bk-icon icon-angle-down',{ 'icon-flip': isDropdownShow }]"></i>
+            </div>
+            <ul class="bk-dropdown-list" slot="dropdown-content">
+              <li>
+                <a href="javascript:;"
+                  v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
+                  :class="{ 'text-permission-disable': !hasPermission(targetPerms, curPerms) }"
+                  :title="$t(`m.systemConfig['接入API']`)"
+                  data-test-id="api_a_apiTableAccessApi"
+                  @click="openShade('JOIN')">
+                  {{ $t(`m.systemConfig['接入API']`) }}
+                </a>
+              </li>
+              <li>
+                <a href="javascript:;"
+                  data-test-id="api_a_apiTableCreateApi"
+                  v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
+                  :class="{ 'text-permission-disable': !hasPermission(targetPerms, curPerms) }"
+                  :title="$t(`m.systemConfig['新增API']`)"
+                  @click="openShade('ADD')">
+                  {{$t(`m.systemConfig['新增API']`)}}
+                </a>
+              </li>
+            </ul>
+          </bk-dropdown-menu>
+          <bk-button
+            data-test-id="api_button_apiTableuploadApi"
+            :theme="'default'"
+            v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
+            :class="['mr10 bk-btn-file', { 'btn-permission-disable': !hasPermission(targetPerms, curPerms) }]"
+            :title="$t(`m.systemConfig['点击上传']`)">
+            <input :type="!hasPermission(targetPerms, curPerms) ? 'button' : 'file'" :value="fileVal" class="bk-input-file" @change="handleFile" @click="hasImportPermission">
+            {{$t(`m.systemConfig['导入']`)}}
+          </bk-button>
+        </template>
         <bk-button :theme="'default'"
           v-cursor="{ active: !hasPermission(targetPerms, curPerms) }"
           data-test-id="api_button_apiTableBatchDeleteApi"
diff --git a/frontend/pc/src/views/service/editService/lineConfigue/index.vue b/frontend/pc/src/views/service/editService/lineConfigue/index.vue
index 86ebb6fc6..622fac475 100644
--- a/frontend/pc/src/views/service/editService/lineConfigue/index.vue
+++ b/frontend/pc/src/views/service/editService/lineConfigue/index.vue
@@ -663,7 +663,14 @@
         this.$emit('closeLine');
       },
       deleteLine() {
-        this.$emit('deleteLine');
+        const _this = this;
+        this.$bkInfo({
+          type: 'warning',
+          title: this.$t('m[\'此操作不可撤销，确定要删除吗？\']'),
+          confirmFn() {
+            _this.$emit('deleteLine');
+          },
+        });
       },
       // 存为模板
       submitTemplate() {