fixed: 修改流程编排详情bug

src/api/flow.ts

@@ -229,7 +229,8 @@ export function getServiceDetail(data: any) {
export const otherApi = {
  getSqlList: '/ipu/sqlMgmt/sql',
  downloadTemplate: 'ipu/file/databusTemplate/download',
  getSystemConfig: 'ipu/config/value'
  getSystemConfig: 'ipu/config/value',
  getModelList: 'ipu/modelMgmt/model'
};
// 获取接口详情
@@ -250,3 +251,11 @@ export function getSystemConfig() {
    url: otherApi.getSystemConfig
  });
}
// 查询模型列表
// http://127.0.0.1:8080/ipu/modelMgmt/model
export function getModelListApi() {
  return AIotRequest.get({
    url: otherApi.getModelList
  });
}

src/views/_components/_flow/Index.vue

@@ -584,7 +584,8 @@ export default {
    .flow-content {
      position: relative;
      height: calc(100vh - 172px);
      width: calc(100vw - 584px);
      // width: calc(100vw - 584px);
      width: 100%;
      overflow: hidden;
      .tool-control {
        position: absolute;

src/views/_components/panel/PanelGlobal.vue

@@ -62,7 +62,8 @@
      </el-tab-pane>
      <el-tab-pane label="模型声明" name="models">
        <el-button type="success" @click.stop="importModel">引入</el-button>
        <!-- <el-button type="success" @click.stop="importModel">引入</el-button> -->
        <common-select v-model="curModel" :options="modelInfo"></common-select>
      </el-tab-pane>
    </el-tabs>
@@ -140,6 +141,7 @@ import ImportModel from './global/ImportModel.vue';
import CustomDetailList from './global/CustomDetailList.vue';
import CustomDetail from './global/CustomDetail.vue';
import CustomImport from './global/CustomImport.vue';
import { getModelListApi } from '../../../api/flow';
const activeName = ref('customAttrs');
const route = useRoute();
@@ -421,29 +423,6 @@ const btns = [
// 自定义属性表格操作
function customAttrFn() {
  // if (attrInfo.value.type === 'add') {
  //   table.value.customAttrs.data.unshift(attrInfo.value.formData);
  //   attrInfo.value = {
  //     type: 'add',
  //     formData: JSON.parse(JSON.stringify(initFormData))
  //   };
  // } else if (attrInfo.value.type === 'edit') {
  //   table.value.customAttrs.data.map((item) => {
  //     if (item.id === attrInfo.value.formData.id) {
  //       item = attrInfo.value.formData;
  //     }
  //     return item;
  //   });
  // const newData = [...data, ...table.value.customAttrs.data];
  // newData.filter(
  //   (item, index) => newData.findIndex((t) => t.id === item.id) === index
  // );
  // table.value.customAttrs.data = newData;
  // table.value.customAttrs.data.map((item) => {
  //   item.actions = btns;
  //   return item;
  // });
  const data = customDetail.value.attrList;
  data.forEach((item) => {
    if (!table.value.customAttrs.data.some((el) => el.id === item.id)) {
@@ -458,6 +437,21 @@ function handleClickImport() {
  isShowPanel.value = true;
  dialogType.value = 'fileImport';
}
/**
 * 模型声明 start
 */
// 获取模型列表
const modelList = ref([]);
function getModelList() {
  getModelListApi().then((res) => {
    modelList.value = res;
  });
}
getModelList();
/**
 * 模型声明 end
 */
</script>
<script>

src/views/_components/right-panel/PanelBranch.vue

@@ -28,8 +28,8 @@ const props = defineProps({
});
const tabList = ref<any>([
  { name: 'input', label: '输入' },
  { name: 'function', label: '功能' },
  { name: 'output', label: '输出' }
  { name: 'function', label: '功能' }
  // { name: 'output', label: '输出' }
]);
const nodePanelData = <any>props.targetNode.cell.getData()?.attrsData || null;

src/views/_components/right-panel/PanelSql.vue

@@ -142,8 +142,8 @@ function getList() {
// 功能模块
const tabList = ref<any>([
  { name: 'input', label: '输入' },
  { name: 'function', label: '功能' },
  { name: 'input', label: '输入' },
  { name: 'output', label: '输出' }
]);

src/views/_components/right-panel/PanelSubFlow.vue

@@ -18,14 +18,23 @@
            ></common-select>
          </div>
          <div class="form-item">
            <div class="form-title">
              <h5>入参映射</h5>
            </div>
          </div>
          <div class="form-item">
            <div class="form-title">
              <h5>出参映射</h5>
            </div>
            <!-- <el-button @click="paramsMapping">参数映射</el-button> -->
            <el-collapse v-model="activeNames">
              <el-collapse-item title="入参映射" name="input">
                <common-table
                  row-key="uuid"
                  :table-header="tableHeader"
                  :table-data="functionData.inputNodes || []"
                ></common-table>
              </el-collapse-item>
              <el-collapse-item title="出参映射" name="output">
                <common-table
                  row-key="uuid"
                  :table-header="tableHeader"
                  :table-data="functionData.outputNodes || []"
                ></common-table>
              </el-collapse-item>
            </el-collapse>
          </div>
        </div>
      </template>
@@ -39,19 +48,24 @@ import PanelNodeLayout from './_components/PanelNodeLayout.vue';
import { getSubFlowList, getSubFlowDetailById } from '../../../api/subflow';
const { proxy } = getCurrentInstance();
const activeNames = ref<any>(['input', 'output']);
const subFlowDetail = ref<any>(null);
// const inputNodes = ref([]);
// const outputNodes = ref([]);
const props = defineProps({
  targetNode: {
    type: Object,
    default: () => {}
  }
});
const tabList = ref<any>([
  { name: 'input', label: '输入' },
  { name: 'function', label: '功能' },
  { name: 'output', label: '输出' }
const tableHeader: any = ref([
  { name: 'id', label: 'ID' },
  { name: 'name', label: '名称' },
  { name: 'type', label: '类型' },
  { name: 'alias', label: '别名', type: 'input' },
  { name: '', label: '' }
]);
const tabList = ref<any>([{ name: 'function', label: '功能' }]);
const subflowList = ref([]);
const propsMap = ref({
  label: 'name',
@@ -62,8 +76,8 @@ const nodePanelData = <any>props.targetNode.cell.getData()?.attrsData || null;
const functionData = ref<any>(
  nodePanelData?.function || {
    subflowId: '',
    input: [],
    output: []
    inputNodes: [],
    outputNodes: []
  }
);
// 获取子流程列表
@@ -99,6 +113,8 @@ function handleSelect(val: any) {
      console.log(res);
      if (res.resultCode === '0') {
        subFlowDetail.value = res.result;
        functionData.value.inputNodes = subFlowDetail.value.inputNodes;
        functionData.value.outputNodes = subFlowDetail.value.outputNodes;
      } else {
        proxy.$message.error(res.resultMsg);
      }

src/views/_components/right-panel/_components/PanelDataAssembly.vue

@@ -60,8 +60,8 @@
      </div>
      <div class="__down">
        <h5>后台jsonpath</h5>
        <div class="attr-content">
        <h5 v-if="isJsonPath">后台jsonpath</h5>
        <div v-if="isJsonPath" class="attr-content">
          <JsonEditor
            v-model="jsonpathData"
            class="editor"
@@ -144,7 +144,7 @@ const route = useRoute();
const systemId = route.query.id;
const panelGlobal = JSON.parse(localStorage.getItem('panelGlobal'));
const dataBus = panelGlobal?.[`${systemId}`];
const customAttrs = ref<any>(dataBus?.customAttrs?.data || []);
const customAttrs: any = ref(dataBus?.customAttrs?.data || []);
const props = defineProps({
  dataSource: {
@@ -157,7 +157,7 @@ const props = defineProps({
  }
});
// 源数据
const tagList = ref<any>([
const tagList: any = ref([
  { label: '对象', color: '#ff956f', type: 'object', tags: [] },
  { label: '数组', color: '#ffb95b', type: 'array', tags: [] },
  { label: '字符串', color: '#31cf9a', type: 'string', tags: [] },
@@ -168,7 +168,7 @@ const tagList = ref<any>([
  { label: '日期', color: '#c084fc', type: 'date', tags: [] },
  { label: '时间', color: '#f471b7', type: 'datetime', tags: [] }
]);
const treeData = ref<any>([...props.dataSource] || []);
const treeData: any = ref([...props.dataSource] || []);
const jsonData = ref<any>({});
const jsonpathData = ref<any>({});
@@ -505,7 +505,9 @@ defineExpose({
onMounted(() => {
  if (treeData.value?.length) {
    jsonData.value = tree2json(treeData.value, 'object');
    jsonpathData.value = tree2Jsonpath(treeData.value);
    if (props.isJsonPath) {
      jsonpathData.value = tree2Jsonpath(treeData.value);
    }
  } else {
    currentNode.value = {};
  }

src/views/_components/right-panel/_components/PanelDataMapping.vue

@@ -0,0 +1,653 @@
<!-- 
  数据转换组件
-->
<template>
  <div class="__data-conversion">
    <!--左树-->
    <div class="__left">
      <div class="__up">
        <h5 class="title">
          <span>属性树形结构</span>
        </h5>
        <div class="tree-content">
          <el-tree
            ref="myTree"
            :allow-drop="allowDrop"
            :data="treeData"
            :expand-on-click-node="false"
            highlight-current
            draggable
            :default-expanded-keys="currentNodes"
            :default-expand-all="defaultExpandAll"
            node-key="uuid"
            @node-click="getCurrentNode"
            @node-contextmenu="cancelCurrent"
          >
            <template #default="{ data }">
              <div class="tree-item">
                <span class="label">{{ data.name }}</span>
                <span class="type">
                  {{ data.code }}
                </span>
                <span class="type" :class="`${data.type}-color`">
                  {{ data.type }}
                </span>
                <!-- <el-input
                  v-model="data.alias"
                  class="tree-int"
                  size="small"
                  @click.stop
                ></el-input> -->
                <span class="type">{{ data.alias }}</span>
              </div>
            </template>
          </el-tree>
        </div>
      </div>
      <div class="__down">
        <!-- <h5>后台jsonpath</h5>
        <div class="attr-content">
          <JsonEditor
            v-model="jsonpathData"
            class="editor"
            current-mode="code"
            :mode-list="['code']"
            @blur="validate"
          ></JsonEditor>
        </div> -->
        <h5 class="title">属性内容</h5>
        <div class="attr-content">
          <JsonEditor
            v-model="jsonData"
            class="editor"
            current-mode="code"
            :mode-list="['code']"
            @blur="validate"
          ></JsonEditor>
        </div>
      </div>
    </div>
    <!--右列表-->
    <div class="__right">
      <h5 class="title">
        <span>数据总线</span>
        <el-button size="small" type="primary" @click.stop="quickCreate">
          快速创建
        </el-button>
      </h5>
      <ul class="tag-list">
        <li v-for="(item, index) in tagList" :key="index">
          <h5 class="tag-title">
            <span class="dian" :style="{ background: item.color }"></span>
            <span>{{ item.label }}</span>
          </h5>
          <div class="tag-content">
            <template v-for="(tag, tagIndex) in item.tags" :key="tagIndex">
              <span
                class="tag"
                :class="`${tag?.['type']}-color`"
                @click.stop="handleClickTag(tag)"
              >
                {{ tag.name }}
              </span>
            </template>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <common-dialog
    v-if="showAttrDialog"
    title="新增自定义属性"
    @close-dialog="closeDialog"
    @confirm-dialog="confirmDialog"
  >
    <!-- 自定义属性 -->
    <CustomDetail ref="customDetail" :attr-info="attrInfo"></CustomDetail>
  </common-dialog>
</template>
<script setup lang="ts">
import {
  ref,
  watch,
  nextTick,
  defineProps,
  onMounted,
  getCurrentInstance
} from 'vue';
import JsonEditor from 'json-editor-vue3';
import { useRoute } from 'vue-router';
import CustomDetail from '../../panel/global/CustomDetail.vue';
const { proxy } = getCurrentInstance();
const route = useRoute();
const defaultExpandAll = ref<any>(true);
const systemId = route.query.id;
const panelGlobal = JSON.parse(localStorage.getItem('panelGlobal'));
const dataBus = panelGlobal?.[`${systemId}`];
const customAttrs = ref<any>(dataBus?.customAttrs?.data || []);
const props = defineProps({
  dataSource: {
    type: Array,
    default: () => []
  },
  isJsonPath: {
    type: Boolean,
    default: () => false
  }
});
// 源数据
const tagList = ref<any>([
  { label: '对象', color: '#ff956f', type: 'object', tags: [] },
  { label: '数组', color: '#ffb95b', type: 'array', tags: [] },
  { label: '字符串', color: '#31cf9a', type: 'string', tags: [] },
  { label: '整数', color: '#169bfa', type: 'int', tags: [] },
  { label: '布尔类型', color: '#ff956f', type: 'boolean', tags: [] },
  { label: '长整数', color: '#ff5f5f', type: 'long', tags: [] },
  { label: '小数', color: '#21c5db', type: 'decimal', tags: [] },
  { label: '日期', color: '#c084fc', type: 'date', tags: [] },
  { label: '时间', color: '#f471b7', type: 'datetime', tags: [] }
]);
const treeData = ref<any>([...props.dataSource] || []);
const jsonData = ref<any>({});
const jsonpathData = ref<any>({});
const currentNode = ref<any>({});
const myTree = ref<any>(null);
// 源数据处理
function formateSourceData(data: any) {
  tagList.value.map((item: any) => {
    data.forEach((tag: any) => {
      if (tag.type === item.type) {
        tag.alias = '';
        if (!item.tags.some((el: any) => el.id === tag.id)) {
          item.tags.push(tag);
        }
      }
    });
    return item;
  });
}
formateSourceData(customAttrs.value);
/**
 * el-tree拖拽start
 */
// 是否可被插入
const allowDrop = (draggingNode: any, dropNode: any, type: any) => {
  console.log(draggingNode);
  if (type === 'inner') {
    if (dropNode.data.type === 'object' || dropNode.data.type === 'array') {
      return true;
    }
    return false;
  }
  // 被进入的节点如果是object或者array时，允许被传入，否则禁止拖进
  return true;
};
// 获取当前节点
function getCurrentNode(node: any) {
  if (currentNode.value === node) {
    myTree.value.setCurrentKey(null);
    currentNode.value = {};
  } else {
    currentNode.value = node;
  }
}
/**
 * el-tree拖拽end
 */
// 标签点击，添加至左边树
function handleClickTag(tag: any) {
  console.log(tag);
  if (currentNode.value) {
    proxy.$message.error('请先选中目标对象！');
  }
  nextTick(() => {
    myTree.value.setCurrentKey(currentNode.value.uuid);
  });
}
function cancelCurrent() {
  myTree.value.setCurrentKey(null);
  currentNode.value = {};
}
const defaultvalueMap = <any>{
  object: {},
  string: '',
  int: 0,
  boolean: false,
  array: [],
  'array-interator': [],
  'array-null': [],
  long: 0,
  date: '',
  datetime: '',
  decimal: 0.0
};
// 数据处理
function tree2json(
  data: any[],
  type: 'array-interator' | 'array-null' | 'object'
): any {
  const obj: any = {};
  data.map(({ children = [], type, alias, id }) => {
    const key = alias || id;
    obj[key] = children.length
      ? tree2json(children, type)
      : defaultvalueMap[type];
    return null;
  });
  return type.indexOf('array') > -1 ? [obj] : obj;
}
/**
 *
 * @param data 数据源
 * @param type 数据类型
 * 方法说明：
 * 1. 正常取值转换，通过对databus中的基础数据进行直接赋值的操作；
 * 2. 对象型数据转换，从模型中取数进行数据的赋值；
 * 3. 数组数据转换；1）需要迭代器的数据格式；2）不需要迭代器的数据格式；
 */
// tree to jsonpath
function arrayNullFunc(item: any) {
  const { children, id } = item;
  let values;
  if (children.length) {
    values = children.map((child: any) => {
      if (child.type === 'array-null' && child.children.length) {
        const childKey = child.alias || child.id;
        return {
          [childKey]: {
            _$$_isInterator: false,
            _$$_interator: '',
            values: arrayNullFunc(child)
          }
        };
      }
      if (
        (child.type === 'object' || child.type === 'array-interator') &&
        child.children.length
      ) {
        // eslint-disable-next-line no-use-before-define
        return tree2Jsonpath(child.children);
      }
      return `$.${child.id}`;
    });
  } else {
    values = `$.${id}`;
  }
  return values;
}
function tree2Jsonpath(data: any) {
  const result = {};
  const typeMap = {
    'array-null': (item: any) => {
      const { id, alias } = item;
      const key = alias || id;
      const values = arrayNullFunc(item);
      result[key] = {
        _$$_isInterator: false,
        _$$_interator: '',
        values
      };
    },
    'array-interator': (item: any) => {
      const { children, id, alias } = item;
      const key = alias || id;
      result[key] = {
        _$$_isInterator: true,
        _$$_interator: `$.${id}`,
        values: [tree2Jsonpath(children)]
      };
    },
    object: (item: any) => {
      const { children, id, alias } = item;
      const key = alias || id;
      result[key] = tree2Jsonpath(children);
    },
    default: (item: any) => {
      const { id, alias } = item;
      const key = alias || id;
      result[key] = `$.${id}`;
    }
  };
  data.forEach((item: any) => {
    const { type } = item;
    const fn = typeMap[type] || typeMap.default;
    fn(item);
  });
  return result;
}
function validate() {}
watch(
  treeData,
  () => {
    if (treeData.value?.length) {
      jsonData.value = tree2json(treeData.value, 'object');
      jsonpathData.value = tree2Jsonpath(treeData.value);
    } else {
      currentNode.value = {};
      jsonData.value = {};
      jsonpathData.value = {};
    }
  },
  { deep: true }
);
// 快速创建databus数据
const attrInfo = ref<any>([]);
const showAttrDialog = ref<any>(false);
const customDetail = ref<any>(null);
function quickCreate() {
  showAttrDialog.value = true;
}
// 关闭弹窗
function closeDialog() {
  showAttrDialog.value = false;
}
function confirmEvent() {}
const btns = [
  // { label: '编辑', name: 'edit', onClick: editFn },
  { label: '删除', name: 'delete', onClick: confirmEvent }
];
// 确认弹窗
function confirmDialog() {
  const data = customDetail.value.attrList;
  data.forEach((item: any) => {
    if (!customAttrs.value.some((el: any) => el.id === item.id)) {
      item.actions = btns;
      customAttrs.value.push(item);
    }
  });
  formateSourceData(customAttrs.value);
  dataBus.customAttrs.data = customAttrs.value;
  panelGlobal[`${systemId}`] = dataBus;
  localStorage.setItem('panelGlobal', JSON.stringify(panelGlobal));
  closeDialog();
}
const currentNodes = ref<any>([]);
watch(
  currentNode,
  () => {
    currentNodes.value = [currentNode.value.uuid];
  },
  { deep: true }
);
defineExpose({
  treeData,
  jsonData,
  jsonpathData
});
onMounted(() => {
  if (treeData.value?.length) {
    // jsonData.value = tree2json(treeData.value, 'object');
    // jsonpathData.value = tree2Jsonpath(treeData.value);
  } else {
    currentNode.value = {};
  }
});
</script>
<style scoped lang="scss">
.__data-conversion {
  display: flex;
  justify-content: space-between;
  height: calc(100% - 20px);
  padding: 0px;
  box-sizing: border-box;
  .__left {
    width: calc(60% - 7px);
    .__up {
      height: calc(50% - 20px);
      .title {
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
      }
      .tree-content {
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        height: calc(100% - 20px);
        padding: 15px;
        box-sizing: border-box;
        overflow-y: auto;
      }
    }
    .__down {
      height: calc(50% - 0px);
      margin-top: 20px;
      .attr-content {
        border: 1px solid rgba(0, 0, 0, 0.15);
        background: #ffffff;
        border-radius: 4px;
        height: calc(100% - 20px);
        overflow: hidden;
        .editor {
          height: calc(100%);
          :deep(.jsoneditor-statusbar) {
            padding: 0 5px;
            box-sizing: content-box;
          }
        }
      }
    }
  }
  .__right {
    width: calc(40% - 8px);
    height: 100%;
    .title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 5px;
    }
    .tag-list {
      background-color: #ffffff;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      height: calc(100% - 20px);
      padding: 15px;
      box-sizing: border-box;
      overflow-y: auto;
      li {
        margin-bottom: 5px;
      }
      .tag-title {
        line-height: 32px;
        display: flex;
        align-items: center;
        .dian {
          width: 10px;
          height: 10px;
          margin-right: 10px;
        }
      }
      .tag-content {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        .tag {
          height: 32px;
          margin-right: 12px;
          line-height: 32px;
          padding: 0 12px;
          border-radius: 4px;
          position: relative;
          padding-left: 26px;
          margin-bottom: 10px;
          cursor: pointer;
          &:after {
            content: '';
            position: absolute;
            width: 6px;
            height: 6px;
            left: 12px;
            top: 13px;
            border-radius: 50%;
          }
        }
        .int-color {
          color: #169bfa;
          background: rgba(22, 155, 250, 0.1);
          &:after {
            background: #169bfa;
          }
        }
        .string-color {
          color: #31cf9a;
          background: rgba(49, 207, 154, 0.1);
          &:after {
            background: #31cf9a;
          }
        }
        .boolean-color {
          color: #31cf9a;
          background: rgba(49, 207, 154, 0.1);
          &:after {
            background: #31cf9a;
          }
        }
        .object-color {
          color: #ff956f;
          background: rgba(255, 149, 111, 0.1);
          &:after {
            background: #ff956f;
          }
        }
        .array-color {
          color: #ffb95b;
          background: rgba(255, 185, 91, 0.1);
          &:after {
            background: #ffb95b;
          }
        }
        .decimal-color {
          color: #21c5db;
          background: rgba(33, 197, 219, 0.1);
          &:after {
            background: #21c5db;
          }
        }
        .date-color {
          color: #c084fc;
          background: rgba(192, 132, 252, 0.1);
          &:after {
            background: #c084fc;
          }
        }
        .long-color {
          color: #ff5f5f;
          background: rgba(255, 95, 95, 0.1);
          &:after {
            background: #ff5f5f;
          }
        }
        .datetime-color {
          color: #f471b7;
          background: rgba(244, 113, 183, 0.1);
          &:after {
            background: #f471b7;
          }
        }
      }
    }
  }
}
.title {
  line-height: 32px;
  color: #606266;
  font-weight: 400;
}
:deep(.el-tree-node) {
  line-height: 30px;
  padding: 3px 0;
}
:deep(.is-current) {
  line-height: 30px;
  padding: 3px 0;
}
.tree-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  .int-color {
    color: #169bfa;
  }
  .string-color {
    color: #31cf9a;
  }
  .boolean-color {
    color: #31cf9a;
  }
  .object-color {
    color: #ff956f;
  }
  .array-color {
    color: #ffb95b;
  }
  .decimal-color {
    color: #21c5db;
  }
  .date-color {
    color: #c084fc;
  }
  .long-color {
    color: #ff5f5f;
  }
  .datetime-color {
    color: #f471b7;
  }
  .tree-int {
    width: 100px;
  }
  .label {
    width: 30%;
  }
  .type {
    width: 100px;
  }
}
</style>
<style>
.jsoneditor-menu {
  background-color: #bbb;
  border-color: rgba(0, 0, 0, 0.15);
}
.jsoneditor {
  border-color: rgba(0, 0, 0, 0.15);
}
</style>

src/views/_components/right-panel/_components/PanelNodeFunction.vue

@@ -4,7 +4,7 @@
      <slot name="function-basic"></slot>
    </div>
    <div class="senior">
      <h4>高级用法</h4>
      <!-- <h4>高级用法</h4> -->
      <slot name="function-senior"></slot>
    </div>
  </div>

src/views/flow/_components/ApiDetailPage.vue

@@ -203,7 +203,7 @@ function logicOperation(state, msg) {
      logicModeUpdate(params, props.apiDetail?.id)
        .then((res) => {
          if (res.data.resultCode === '0') {
          if (res.resultCode === '0') {
            proxy.$message.success(res.resultMsg);
          } else {
            proxy.$message.error(res.resultMsg, 'error');
@@ -289,11 +289,11 @@ function testHooks() {
    const { params } = testRequest.value;
    testLogic(params, props.apiDetail.id)
      .then((res) => {
        if (res.data.resultCode === '0') {
        if (res.resultCode === '0') {
          proxy.$message.success('请求成功！');
          testResponse.value = res.data.result;
          testResponse.value = res.result;
        } else {
          proxy.$message.error(res.data.resultMsg);
          proxy.$message.error(res.resultMsg);
        }
      })
      .catch((err) => {
@@ -308,7 +308,7 @@ function testHooks() {
  };
}
const { testRequest, test, updateTestData } = testHooks();
const { testRequest, testResponse, test, updateTestData } = testHooks();
function validate() {}
function handleClick() {}