feat: 优化体验问题

TencentBlueKing · Dec 1, 2023 · abc0d32 · abc0d32
1 parent 84f76ae
commit abc0d32
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/dashboard-front-new/src/views/resource/setting/detail.vue b/src/dashboard-front-new/src/views/resource/setting/detail.vue
@@ -76,7 +76,7 @@
         <template #label>
           <span class="label-cls">{{ t('请求方法：') }}</span>
         </template>
-        <span class="value-cls">{{ formData.method }}</span>
+        <bk-tag :theme="methodsEnum[formData?.method]">{{ formData?.method }}</bk-tag>
       </bk-form-item>
       <bk-form-item class="form-item-cls">
         <template #label>
@@ -160,6 +160,7 @@ import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { getResourceDetailData, getBackendsDetailData, deleteResources } from '@/http';
 import { Message } from 'bkui-vue';
+import { MethodsEnum } from '@/types';
 
 const router = useRouter();
 
@@ -183,6 +184,8 @@ const formData = ref<any>({});
 // 服务table
 const servicesData = ref<any>({});
 
+const methodsEnum: any = ref(MethodsEnum);
+
 // 资源详情
 const getResourceDetails = async () => {
   try {

diff --git a/src/dashboard-front-new/src/views/resource/setting/import-doc.vue b/src/dashboard-front-new/src/views/resource/setting/import-doc.vue
@@ -78,10 +78,10 @@
           :header="{ name: 'X-CSRFToken', value: CSRFToken }"
         >
           <template #default>
-            <bk-button>
-              <i class="icon apigateway-icon icon-ag-add-small pr10"></i>
+            <div>
+              <i class="icon apigateway-icon icon-ag-add-small"></i>
               {{ t('导入文档压缩包') }}
-            </bk-button>
+            </div>
           </template>
         </bk-upload>
       </bk-form-item>
@@ -124,6 +124,7 @@
         <bk-table-column
           width="80"
           type="selection"
+          align="center"
         />
         <bk-table-column
           v-if="docType === 'archive'"

diff --git a/src/dashboard-front-new/src/views/resource/setting/import.vue b/src/dashboard-front-new/src/views/resource/setting/import.vue
@@ -74,6 +74,7 @@
         <bk-table-column
           width="80"
           type="selection"
+          align="center"
         />
         <bk-table-column
           :label="t('请求路径')"