optimization: 文本框/下拉框详情展示内容调整&&独立子流程节点详情传参调整

TencentBlueKing · Sep 7, 2023 · eed4554 · eed4554
1 parent 9dbfce7
commit eed4554
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 7 deletions.
diff --git a/frontend/desktop/src/components/common/RenderForm/tags/TagSelect.vue b/frontend/desktop/src/components/common/RenderForm/tags/TagSelect.vue
@@ -72,7 +72,7 @@
             </p>
             <span v-show="!validateInfo.valid" class="common-error-tip error-info">{{validateInfo.message}}</span>
         </div>
-        <span v-else class="rf-view-value">{{viewValue}}</span>
+        <span v-else class="rf-view-value">{{ value || '--' }}</span>
     </div>
 </template>
 <script>

diff --git a/frontend/desktop/src/components/common/RenderForm/tags/TagTextarea.vue b/frontend/desktop/src/components/common/RenderForm/tags/TagTextarea.vue
@@ -11,7 +11,7 @@
 */
 <template>
     <div class="tag-textarea">
-        <div class="rf-form-wrapper" v-if="formMode">
+        <div class="rf-form-wrapper">
             <div class="rf-form-wrap" :class="{ 'input-focus': input.focus, 'input-disable': isDisabled, 'text-view-mode': !formMode }">
                 <div
                     ref="input"
@@ -47,7 +47,6 @@
                 </div>
             </transition>
         </div>
-        <div v-else class="rf-view-value">{{ value || '--' }}</div>
         <span v-show="!validateInfo.valid" class="common-error-tip error-info">{{validateInfo.message}}</span>
     </div>
 </template>
@@ -119,7 +118,7 @@
                 }
             },
             isDisabled () {
-                return !this.editable || !this.formMode || this.disable
+                return !this.editable || !this.formMode || this.disable || this.scheme.attrs?.disabled
             }
         },
         watch: {
@@ -158,7 +157,7 @@
         mounted () {
             const divInputDom = this.$el.querySelector('.div-input')
             if (divInputDom) {
-                divInputDom.innerText = this.value
+                divInputDom.innerText = typeof this.value === 'string' ? this.value : JSON.stringify(this.value)
                 if (this.render) {
                     this.handleInputBlur()
                     // 把用户手动换行变成div标签

diff --git a/frontend/desktop/src/pages/task/TaskExecute/ExecuteInfo.vue b/frontend/desktop/src/pages/task/TaskExecute/ExecuteInfo.vue
@@ -786,6 +786,7 @@
                         query = { task_id, node_id, subprocess_stack }
                         res = await this.taskflowNodeDetail(query)
                     } else {
+                        query.subprocess_simple_inputs = true // 标记独立子流程取{key: value}类型数据
                         res = await this.getNodeActDetail(query)
                     }
                     if (res.result) {

diff --git a/frontend/desktop/src/pages/task/TaskExecute/ModifyParams.vue b/frontend/desktop/src/pages/task/TaskExecute/ModifyParams.vue
@@ -191,7 +191,7 @@
                     const { has_key = false, keys_in_constants_parameter = [] } = instanceData.constants_info || {}
                     Object.keys(pipelineData.constants).forEach(key => {
                         const cnt = pipelineData.constants[key]
-                        if (cnt.show_type === 'show' && !cnt.pre_render_mako) {
+                        if (cnt.show_type === 'show') {
                             if (!has_key || keys_in_constants_parameter.includes(key)) {
                                 // api调用时不做校验
                                 cnt.validation = ''

diff --git a/frontend/desktop/src/store/modules/task.js b/frontend/desktop/src/store/modules/task.js
@@ -363,13 +363,14 @@ const task = {
          */
         getNodeActDetail ({ commit }, data) {
             const { project_id } = store.state.project
-            const { instance_id, node_id, component_code, subprocess_stack, loop } = data
+            const { instance_id, node_id, component_code, subprocess_stack, subprocess_simple_inputs, loop } = data
             return axios.get(`taskflow/api/nodes/detail/${project_id}/`, {
                 params: {
                     instance_id,
                     node_id,
                     component_code,
                     subprocess_stack,
+                    subprocess_simple_inputs,
                     loop
                 }
             }).then(response => response.data)