feat：stage 审核支持 checklist 确认场景 #10920

# Reviewed, transaction id: 18983
TencentBlueKing · Sep 20, 2024 · 4376bb8 · 4376bb8
1 parent 4a16a80
commit 4376bb8
Show file tree

Hide file tree

Showing 5 changed files with 242 additions and 436 deletions.
diff --git a/src/frontend/devops-pipeline/package.json b/src/frontend/devops-pipeline/package.json
@@ -18,7 +18,7 @@
         "@blueking/search-select": "0.0.1-beta.2",
         "@icon-cool/bk-icon-devops": "^0.2.1",
         "axios": "0.28.0",
-        "bk-magic-vue": "2.5.9-beta.9",
+        "bk-magic-vue": "2.5.9-beta.41",
         "bk-permission": "workspace:bk-permission",
         "bkui-pipeline": "workspace:bk-pipeline",
         "clipboard": "^1.7.1",

diff --git a/src/frontend/devops-pipeline/src/components/StageReviewPanel/components/params/approve.vue b/src/frontend/devops-pipeline/src/components/StageReviewPanel/components/params/approve.vue
@@ -7,22 +7,32 @@
                 :key="index"
                 class="review-params"
             >
-                <bk-input
-                    disabled
-                    :value="getParamKey(param)"
-                    class="review-param-item"
-                ></bk-input>
-                <span :class="{ 'review-param-gap': true, 'param-require': param.required }"></span>
+                <template v-if="!isCheakboxParam(param.valueType)">
+                    <bk-input
+                        disabled
+                        :value="getParamKey(param)"
+                        class="review-param-item"
+                    ></bk-input>
+                    <span
+                        :class="{ 'review-param-gap': true, 'param-require': param.required }"
+                    ></span>
+                </template>
                 <param-value
                     :form="param"
                     :disabled="disabled"
-                    class="review-param-item"
+                    :class="['review-param-item', {
+                        'checkbox-name': isCheakboxParam(param.valueType)
+                    }]"
                 ></param-value>
                 <i
                     class="bk-icon icon-info"
                     v-bk-tooltips="param.desc"
                     v-if="param.desc"
                 ></i>
+                <span
+                    v-if="isCheakboxParam(param.valueType)"
+                    :class="{ 'review-param-gap': true, 'param-require': param.required }"
+                ></span>
             </li>
         </ul>
         <span class="error-message">{{ errMessage }}</span>
@@ -31,6 +41,7 @@
 
 <script>
     import paramValue from './param-value'
+    import { isCheakboxParam } from '@/store/modules/atom/paramsConfig'
 
     export default {
         components: {
@@ -66,6 +77,7 @@
         },
 
         methods: {
+            isCheakboxParam,
             updateParams () {
                 const params = this.showReviewGroup.params && this.showReviewGroup.params.length ? this.showReviewGroup.params : this.reviewParams
                 this.params = params || []
@@ -109,6 +121,9 @@
         .review-param-item {
             width: 380px;
         }
+        .checkbox-name{
+            width: auto;
+        }
         .review-param-gap {
             display: inline-block;
             min-width: 28px;

diff --git a/src/frontend/devops-pipeline/src/components/StageReviewPanel/components/params/form.vue b/src/frontend/devops-pipeline/src/components/StageReviewPanel/components/params/form.vue
@@ -62,7 +62,7 @@
             </bk-form-item>
             <bk-form-item
                 :label="$t('stageReview.defaultValue')"
-                v-if="copyForm.valueType"
+                v-if="copyForm.valueType && !isCheakboxParam(copyForm.valueType)"
                 :key="copyForm.valueType"
             >
                 <param-value :form="copyForm"></param-value>

diff --git a/...rontend/devops-pipeline/src/components/StageReviewPanel/components/params/param-value.vue b/...rontend/devops-pipeline/src/components/StageReviewPanel/components/params/param-value.vue
@@ -93,7 +93,7 @@
 .clear {
     display: flex;
     align-items: center;
-    .bk-form-item label {
+    .bk-form-item {
         line-height: 30px;
     }
     .clear-name {