feat: 增加触控交互场景

src/api/is/project/index.js

@@ -30,4 +30,27 @@ export const getProjectList = (params) => {
     method: 'get',
     params
   })
+}
+
+export const deleteProject = (projectIds) => {
+  return request({
+    url: '/ti/project/' + projectIds,
+    method: 'delete'
+  })
+}
+
+export const getExecuteRunParams = (params) => {
+  return request({
+    url: '/ti/project/queryExecuteRunParams',
+    method: 'get',
+    params
+  })
+}
+
+export const projectExecute = (data) => {
+  return request({
+    url: '/ti/project/execute',
+    method: 'post',
+    data
+  })
 }

src/views/is/project/evaluate/Run.vue

@@ -0,0 +1,165 @@
+<template>
+  <el-drawer v-model="props.drawer" title="执行" :before-close="handleClose">
+    <el-form
+      ref="ruleFormRef"
+      style="max-width: 600px"
+      :model="{ formData }"
+      :rules="rules"
+      label-width="auto"
+    >
+    <el-form-item  label="机器人IP" prop="formData.terminalId"  :rules="[{ required: true, message: '请输入', trigger: 'blur' }]">
+        <el-select v-model="formData.terminalId" style="width: 200px">
+            <el-option
+                v-for="item in terminalIdOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+            />
+        </el-select>
+    </el-form-item>
+      <el-table
+        :data="formData.tableData"
+        :border="parentBorder"
+        :preserve-expanded-content="preserveExpanded"
+        default-expand-all
+        style="width: 100%"
+      >
+        <el-table-column type="expand">
+            <template #default="{ row: pRow, $index: pIndex }">
+                <el-table
+                    v-if="pRow.config.length > 0"
+                    :data="pRow.config"
+                    style="width: 100%"
+                    row-key="name" 
+                    default-expand-all
+                >
+                    <el-table-column prop="name" label="入参名称">
+                        <template #default="{ row }">
+                        <span>{{ row.name }}</span>
+                        <span v-if="row.required" style="color: #f56c6c; margin-left: 8px;">*</span>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="type" label="入参类型">
+                        <template #default="{ row }">
+                        <el-tag>{{ row.type }}</el-tag>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="value" label="入参值">
+                        <template #default="{ row, column, $index }">
+                            <el-form-item v-if="row.type !== 'object' && !row.type.includes('array')" label="" :prop="`formData.tableData.${pIndex}.config${row.propPath}value`" :rules="row.required ? [{ required: true, message: '请输入', trigger: 'blur' }] : []">
+                                <el-input v-if="row.type === 'string'" v-model="row.value" :disabled="row.name === 'schemeId'" />
+                                <el-input-number  v-if="row.type === 'number'" :controls="false" v-model="row.value" />
+                                <el-switch v-if="row.type === 'boolean'" v-model="row.value" />
+                            </el-form-item>
+                        </template>
+                    </el-table-column>
+                </el-table>
+          </template>
+        </el-table-column>
+        <el-table-column label="方案名称" prop="itemName" />
+      </el-table>
+    </el-form>
+    <template #footer>
+      <el-button @click="handleClose">关闭</el-button>
+      <el-button type="primary" @click="confirm">确定</el-button>
+    </template>
+  </el-drawer>
+</template>
+<script setup>
+import { ref, watch } from "vue";
+import { ElMessage } from "element-plus";
+import { addValueProperty, formatTableData } from "@/utils/flow";
+import { listTerminal } from "@/api/device/terminal.js";
+import { getExecuteRunParams, projectExecute } from "@/api/is/project/index.js";
+
+
+const props = defineProps({
+  drawer: Boolean,
+  projectId: String,
+});
+
+const emits = defineEmits(["close"]);
+
+const ruleFormRef = ref();
+const rules = ref({});
+
+const formData = ref({
+    terminalId: '',
+    tableData: []
+})
+
+const terminalIdOptions = ref([]);
+
+/** 获取设备终端列表 */
+const handleGetTerminalGroup = async (row) => {
+  const res = await listTerminal({ pageNum: 1, pageSize: 1000 });
+  if (res.code === 200) {
+    terminalIdOptions.value = res.rows?.map((item) => {
+      return {
+        label: `${item.name}(${item.host}:${item.port})`,
+        value: item.id,
+      };
+    });
+  }
+};
+
+const getProjectParams = async () => {
+  const res = await getExecuteRunParams({ projectId: props.projectId });
+  if (res.code === 200) {
+    const data = parseConfig(res.data)
+    console.log('data', data)
+    formData.value.tableData = data
+    handleGetTerminalGroup();
+  }
+};
+
+const parseConfig = (arr) => {
+  arr.forEach(item => {
+      if (item.config) {
+        item.config = addValueProperty(JSON.parse(item.config), item.schemeId)
+      } else {
+        item.config = []
+      }
+  })
+  return arr
+}
+
+const confirm = () => {
+  ruleFormRef.value
+    .validate()
+    .then(async () => {
+      const runParams = {}
+      formData.value.tableData.forEach(item => {
+        const data = formatTableData(item.config)
+        runParams[item.itemId] = data
+      })
+      const res = await projectExecute({ runParams, projectId: props.projectId, terminalId: formData.value.terminalId })
+      if (res.code === 200) {
+        ruleFormRef.value.resetFields();
+        ElMessage.success('执行成功')
+        emits("close");
+      } else {
+        ElMessage.success(res.msg)
+      }
+    })
+    .catch((err) => {
+      console.log(err);
+    });
+}
+
+const handleClose = () => {
+  ruleFormRef.value.resetFields();
+  emits("close");
+};
+
+watch(
+  () => props.drawer,
+  (newVal) => {
+    if (newVal) {
+      getProjectParams()
+    }
+  }
+);
+</script>

src/views/is/project/index.vue

@@ -118,6 +118,13 @@
           fixed="right"
         >
           <template #default="{ row }">
+            <el-button
+              size="mini"
+              type="text"
+              v-if="row.status == 1"
+              @click="handleExecute(row)"
+              >执行
+            </el-button>
             <el-button
               size="mini"
               type="text"
@@ -312,6 +319,12 @@
       </template>
     </el-dialog>
   </div>
+
+  <Run
+    :drawer="executeOpen"
+    @close="executeOpen = false"
+    :projectId="executeProjectId"
+  />
 </template>
 
 <script setup>
@@ -321,7 +334,8 @@ import { ElMessage, ElMessageBox } from "element-plus";
 import { getTreeDataApi } from '@/api/is/func/index'
 import { getChildrenByParentIdWithLevelLimitApi } from "@/api/evaluate/indicator.js";
 import { getFunction } from "@/api/is/func/index.js";
-import { addProject, getProjectList, updateProject } from "@/api/is/project/index.js";
+import { addProject, getProjectList, updateProject, deleteProject } from "@/api/is/project/index.js";
+import Run from "@/views/is/project/evaluate/Run.vue";
 
 const topContainerRef = ref();
 const containerHeight = useContainerHeight(topContainerRef);
@@ -503,9 +517,12 @@ const handleDelete = (row) => {
     cancelButtonText: "取消",
     type: "warning",
   }).then(async () => {
-    projectList.value = projectList.value.filter(
-      (item) => item.projectId !== row.projectId
-    );
+    deleteProject(row.projectId).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success("删除成功");
+        getList();
+      }
+    });
   });
 };
 
@@ -536,6 +553,13 @@ const vehicleConfigChange = (value) => {
   })
 }
 
+const executeOpen = ref(false);
+const executeProjectId = ref(null);
+const handleExecute = (row) => {
+  executeOpen.value = true;
+  executeProjectId.value = row.projectId;
+}
+
 onMounted(() => {
   getList();
   getTreeData();

src/views/test/detect/index.vue

@@ -304,6 +304,9 @@ const sceneList = [{
 },{
   label: '语音交互-连续对话场景',
   value: 'VI_CONTINUOUS_CORPUS'
+},{
+  label: '触控交互',
+  value: 'TI_TOUCH'
 }]
 
 const data = reactive({