|
@@ -89,9 +89,39 @@ const getFlowData = () => {
|
|
|
};
|
|
|
|
|
|
//选择测试项目相关 每次点击需要重新获取中间的流程的数据
|
|
|
-const onSelectTestPro = (pro) => {
|
|
|
+const onSelectTestPro = () => {
|
|
|
getFlowData();
|
|
|
};
|
|
|
+
|
|
|
+// 全局变量和仪器列表选择相关
|
|
|
+const configData: Record<string, any[]> = {
|
|
|
+ "@": [
|
|
|
+ {
|
|
|
+ label: "Fuphoenixes",
|
|
|
+ value: "Fuphoenixes",
|
|
|
+ id: "111",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "kooriookami",
|
|
|
+ value: "222",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ "#": [
|
|
|
+ {
|
|
|
+ label: "Fuphoenixes",
|
|
|
+ value: "333",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "kooriookami",
|
|
|
+ value: "444",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+};
|
|
|
+const configOptions = ref([]);
|
|
|
+
|
|
|
+const handleSearch = (_: string, prefix: string) => {
|
|
|
+ configOptions.value = configData[prefix] || [];
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
@@ -111,7 +141,7 @@ const onSelectTestPro = (pro) => {
|
|
|
<TitleHeader>属性配置</TitleHeader>
|
|
|
<div class="form-box" v-if="infoVisible">
|
|
|
<el-form rer="formRef" label-position="top">
|
|
|
- <el-form-item label="唯一名称">
|
|
|
+ <el-form-item label="节点标识名称">
|
|
|
<el-input
|
|
|
v-model="selectedNode!.data.information.nodeName"
|
|
|
></el-input>
|
|
@@ -121,7 +151,18 @@ const onSelectTestPro = (pro) => {
|
|
|
:label="property.proName"
|
|
|
:key="property.proName"
|
|
|
>
|
|
|
- <el-input v-model="property.bindValue"></el-input>
|
|
|
+ <el-mention
|
|
|
+ v-model="property.bindLabel"
|
|
|
+ :options="configOptions"
|
|
|
+ :prefix="['@', '#']"
|
|
|
+ whole
|
|
|
+ @search="handleSearch"
|
|
|
+ @select="
|
|
|
+ (opt) => {
|
|
|
+ property.bindCode = opt.code;
|
|
|
+ }
|
|
|
+ "
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|