feat：流水线变量语法支持两种风格 TencentBlueKing#10576

# Reviewed, transaction id: 16330
useryuyu · Aug 23, 2024 · c486ff5 · c486ff5
1 parent ad1c1ea
commit c486ff5
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/src/frontend/devops-manage/src/components/dialectPopoverTable.vue b/src/frontend/devops-manage/src/components/dialectPopoverTable.vue
@@ -4,6 +4,7 @@
     :width="900"
     :placement="placement"
     extCls="dialect-popover"
+    :componentEventDelay="300"
   >
     <label class="label">{{ t('变量语法风格') }}</label>
     <template #content>
@@ -117,5 +118,4 @@ const namingConventionData = [
     overflow: hidden;
   }
 }
-  
 </style>
diff --git a/src/frontend/devops-manage/src/components/project-form.vue b/src/frontend/devops-manage/src/components/project-form.vue
@@ -14,7 +14,7 @@ import IAMIframe from './IAM-Iframe';
 import { useI18n } from 'vue-i18n';
 import { Message, Popover } from 'bkui-vue';
 import http from '@/http/api';
-import DialectPopoverTable from "@/components/dialectPopoverTable";
+import DialectPopoverTable from "@/components/dialectPopoverTable.vue";
 const {
   t,
 } = useI18n();
@@ -472,13 +472,13 @@ onBeforeUnmount(() => {
     <bk-form-item
       property="pipelineDialect"
     >
-    <template #label>
-      <dialect-popover-table />
-    </template>
-    <bk-radio-group
-      v-model="projectData.pipelineDialect"
-      @change="handleChangeForm"
-    >
+      <template #label>
+        <dialect-popover-table />
+      </template>
+      <bk-radio-group
+        v-model="projectData.pipelineDialect"
+        @change="handleChangeForm"
+      >
         <bk-radio label="CLASSIC">
           <span>{{ t('传统风格') }}</span>
         </bk-radio>

diff --git a/src/frontend/devops-manage/src/views/manage/project/show-project.vue b/src/frontend/devops-manage/src/views/manage/project/show-project.vue
@@ -23,7 +23,7 @@ import {
   RESOURCE_ACTION,
   RESOURCE_TYPE,
 } from '@/utils/permission.js'
-import DialectPopoverTable from "@/components/dialectPopoverTable";
+import DialectPopoverTable from "@/components/dialectPopoverTable.vue";
 
 const { t } = useI18n();
 const router = useRouter();
@@ -421,7 +421,7 @@ onMounted(async () => {
                 </bk-form-item>
                 <bk-form-item property="pipelineDialect">
                   <template #label>
-                    <dialect-popover-table :placement="'bottom-end'"/>
+                    <dialect-popover-table :placement="'bottom-start'"/>
                   </template>
                   <div>
                     <span>{{ pipelineDialectMap[projectData.pipelineDialect] }}</span>