refactor: clean up formatting and improve code readability in index.vue

This commit is contained in:
wxg0103 2025-07-10 16:15:15 +08:00
parent e6600a4b6b
commit 0b48880f9e

View File

@ -147,8 +147,8 @@
<div class="flex align-center"> <div class="flex align-center">
<div class="mr-4"> <div class="mr-4">
<span>{{ <span>{{
$t('views.applicationWorkflow.nodes.aiChatNode.returnContent.label') $t('views.applicationWorkflow.nodes.aiChatNode.returnContent.label')
}}</span> }}</span>
</div> </div>
<el-tooltip effect="dark" placement="right" popper-class="max-w-200"> <el-tooltip effect="dark" placement="right" popper-class="max-w-200">
<template #content> <template #content>
@ -158,7 +158,7 @@
</el-tooltip> </el-tooltip>
</div> </div>
</template> </template>
<el-switch size="small" v-model="form_data.is_result" /> <el-switch size="small" v-model="form_data.is_result"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
@ -166,14 +166,15 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { set, groupBy, create, cloneDeep } from 'lodash' import {set, groupBy, create, cloneDeep} from 'lodash'
import NodeContainer from '@/workflow/common/NodeContainer.vue' import NodeContainer from '@/workflow/common/NodeContainer.vue'
import { ref, computed, onMounted, onActivated } from 'vue' import {ref, computed, onMounted, onActivated} from 'vue'
import NodeCascader from '@/workflow/common/NodeCascader.vue' import NodeCascader from '@/workflow/common/NodeCascader.vue'
import type { FormInstance } from 'element-plus' import type {FormInstance} from 'element-plus'
import applicationApi from '@/api/application/application' import applicationApi from '@/api/application/application'
import { isWorkFlow } from '@/utils/application' import {isWorkFlow} from '@/utils/application'
import { useRoute } from 'vue-router' import {useRoute} from 'vue-router'
const route = useRoute() const route = useRoute()
const form = { const form = {
question_reference_address: ['start-node', 'question'], question_reference_address: ['start-node', 'question'],
@ -185,7 +186,7 @@ const form = {
} }
const { const {
params: { id }, params: {id},
} = route as any } = route as any
const applicationNodeFormRef = ref<FormInstance>() const applicationNodeFormRef = ref<FormInstance>()
@ -223,7 +224,7 @@ const update_field = () => {
} }
// todo // todo
applicationApi applicationApi
.getApplicationDetail(id) .getApplicationDetail(props.nodeModel.properties.node_data.application_id)
.then((ok) => { .then((ok) => {
const old_api_input_field_list = cloneDeep( const old_api_input_field_list = cloneDeep(
props.nodeModel.properties.node_data.api_input_field_list, props.nodeModel.properties.node_data.api_input_field_list,
@ -241,7 +242,7 @@ const update_field = () => {
) )
const merge_api_input_field_list = (new_api_input_field_list || []).map((item: any) => { const merge_api_input_field_list = (new_api_input_field_list || []).map((item: any) => {
const find_field = old_api_input_field_list.find( const find_field = old_api_input_field_list?.find(
(old_item: any) => old_item.variable == item.variable, (old_item: any) => old_item.variable == item.variable,
) )
if (find_field) { if (find_field) {
@ -263,7 +264,7 @@ const update_field = () => {
merge_api_input_field_list, merge_api_input_field_list,
) )
const merge_user_input_field_list = (new_user_input_field_list || []).map((item: any) => { const merge_user_input_field_list = (new_user_input_field_list || []).map((item: any) => {
const find_field = old_user_input_field_list.find( const find_field = old_user_input_field_list?.find(
(old_item: any) => old_item.field == item.field, (old_item: any) => old_item.field == item.field,
) )
if (find_field) { if (find_field) {
@ -309,7 +310,7 @@ const props = defineProps<{ nodeModel: any }>()
const validate = () => { const validate = () => {
return applicationNodeFormRef.value?.validate().catch((err) => { return applicationNodeFormRef.value?.validate().catch((err) => {
return Promise.reject({ node: props.nodeModel, errMessage: err }) return Promise.reject({node: props.nodeModel, errMessage: err})
}) })
} }