feat: 项目

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

@@ -1,68 +1,145 @@
 <template>
   <div class="container">
-    <div class="info">
+    <Info />
-      <div class="item">
+    <div class="btn-container">
-        <div class="label">项目名称:</div>
+      <el-button>开始测试</el-button>
-        <div class="text">理想L8测试</div>
+      <el-button>结束测试</el-button>
+      <el-button>暂停测试</el-button>
+    </div>
+
+    <div class="test-container">
+      <div class="title">测试结果</div>
+      <div>
+        <el-button>生成报告</el-button>
+        <el-button>导出结果</el-button>
       </div>
-      <div class="item">
+    </div>
-        <div class="label">项目编号:</div>
+
-        <div class="text">CMVR20250729</div>
+    <div class="context-container">
+      <div class="left">
+        <div class="title">方案选择</div>
+        <div class="schemaList">
+          <div v-for="item in schemaList" class="schema">
+            <div class="name">{{ item.name }}</div>
+            <div class="type"><el-tag>{{ item.type }}</el-tag></div>
+          </div>
+        </div>
       </div>
-      <div class="item">
+      <div class="right">
-        <div class="label">测试人员:</div>
+        <el-table :data="tableData" style="width: 100%">
-        <div class="text">张栖瑞</div>
+          <el-table-column prop="id" label="结果ID" />
-      </div>
+          <el-table-column prop="uiKey" label="时间" />
-      <div class="item">
+          <el-table-column prop="uiUrl" label="语料文本" />
-        <div class="label">计划测试时间:</div>
+          <el-table-column prop="funcIds" label="响应时间" show-overflow-tooltip />
-        <div class="text">2025-07-29至2025-07-31</div>
+          <el-table-column prop="remark" label="字识别率" show-overflow-tooltip />
-      </div>
+          <el-table-column prop="createTime" label="测试结果" />
-      <div class="item">
+          <el-table-column prop="can" label="CAN结果" />
-        <div class="label">样品名称:</div>
+          <el-table-column prop="result" label="结果标记 " />
-        <div class="text">理想L8</div>
+          <el-table-column label="操作" width="200">
-      </div>
+            <template #default="{ row }">
-      <div class="item">
+            <el-button link type="primary" @click="handleUpdateUI(row)">
-        <div class="label">委托单位:</div>
+                编辑
-        <div class="text">招商车研</div>
+              </el-button>
-      </div>
+              <el-button link type="danger" @click="handleDeleteUI(row)">
-      <div class="item">
+                删除
-        <div class="label">送样日期:</div>
+              </el-button>
-        <div class="text">2025-07-29</div>
+            </template>
-      </div>
+          </el-table-column>
-      <div class="item">
+        </el-table>
-        <div class="label">项目描述:</div>
-        <div class="text">语音测试AI-CAP</div>
       </div>
     </div>
   </div>
 </template>
-<script setup></script>
+<script setup>
+import Info from './info.vue';
+
+const schemaList = ref([
+  {
+    name: '无噪声唤醒男声1',
+    type: '唤醒场景'
+  }, 
+  {
+    name: '有噪声唤醒(闹市)男声1',
+    type: '唤醒场景'
+  },
+  {
+    name: '有噪声唤醒(高速)女声1',
+    type: '唤醒场景'
+  },
+  {
+    name: '免唤醒',
+    type: '单次对话场景'
+  },
+  {
+    name: '有噪声交互男声1高速',
+    type: '单次对话场景'
+  },
+])
+
+const tableData = ref([])
+</script>
 <style lang="scss" scoped>
 .container {
   width: 100%;
   height: 100%;
 
-  .info {
+  .btn-container {
+    background: #fff;
+    margin: 4px 0;
+    padding: 4px 0;
+  }
+
+  .test-container {
+    height: 40px;
     display: flex;
     align-items: center;
-    flex-wrap: wrap;
+    justify-content: space-between;
-    padding: 12px;
-    border: 1px solid #e4e7ed;
-    border-radius: 8px;
-    margin-bottom: 20px;
 
-    &:hover {
+    .title {
-      box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
+      font-size: 20px;
+      font-weight: bold;
+    }
+  }
+
+  .context-container {
+    height: calc(100% - 200px);
+    display: flex;
+    gap: 10px;
+
+    .left {
+      width: 300px;
+      
+      .title {
+        height: 40px;
+        display: flex;
+        align-items: center;
+        background: #fff;
+        padding-left: 12px;
+        border: 1px solid #e4e7ed;
+        margin-bottom: 2px;
+      }
+
+      .schemaList {
+        height: calc(100% - 40px);
+        overflow-y: auto;
+        background: #fff;
+        border: 1px solid #e4e7ed;
+
+        .schema {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 12px;
+
+          &:hover {
+            background: #f0ecec;
+          }
+        }
+      }
     }
 
-    .item {
+    .right {
-      flex: 0 0 25%;
+      flex: 1;
-      display: flex;
-      align-items: center;
-
-      .label {
-        margin: 10px;
-      }
     }
   }
 }

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

@@ -0,0 +1,62 @@
+<template>
+  <div class="info">
+      <div class="item">
+        <div class="label">项目名称:</div>
+        <div class="text">理想L8测试</div>
+      </div>
+      <div class="item">
+        <div class="label">项目编号:</div>
+        <div class="text">CMVR20250729</div>
+      </div>
+      <div class="item">
+        <div class="label">测试人员:</div>
+        <div class="text">张栖瑞</div>
+      </div>
+      <div class="item">
+        <div class="label">计划测试时间:</div>
+        <div class="text">2025-07-29至2025-07-31</div>
+      </div>
+      <div class="item">
+        <div class="label">样品名称:</div>
+        <div class="text">理想L8</div>
+      </div>
+      <div class="item">
+        <div class="label">委托单位:</div>
+        <div class="text">招商车研</div>
+      </div>
+      <div class="item">
+        <div class="label">送样日期:</div>
+        <div class="text">2025-07-29</div>
+      </div>
+      <div class="item">
+        <div class="label">项目描述:</div>
+        <div class="text">语音测试AI-CAP</div>
+      </div>
+    </div>
+</template>
+<script setup></script>
+<style lang="scss" scoped>
+.info {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    padding: 12px;
+    background: #fff;
+    border: 1px solid #e4e7ed;
+    border-radius: 8px;
+
+    &:hover {
+      box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
+    }
+
+    .item {
+      flex: 0 0 25%;
+      display: flex;
+      align-items: center;
+
+      .label {
+        margin: 10px;
+      }
+    }
+  }
+</style>

src/views/is/project/index.vue

@@ -74,7 +74,7 @@
             <span>{{ parseTime(row.planEnd) }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="项目描述" width="200" show-overflow-tooltip align="center" prop="description" />
+        <el-table-column label="项目描述" width="200" show-overflow-tooltip align="center" prop="remark" />
         <el-table-column label="项目状态" align="center" prop="status">
           <template #default="{ row }">
             {{ row.status == 0 ? '已执行': '未执行' }}
@@ -89,13 +89,6 @@
               v-hasPermi="['system:project:add','system:project:edit']"
               >配置方案
             </el-button>
-            <el-button
-              size="mini"
-              type="text"
-              @click="handleEvaluate(row)"
-              v-hasPermi="['system:project:add','system:project:edit']"
-              >评价
-            </el-button>
             <el-button
               size="mini"
               type="text"
@@ -130,7 +123,6 @@
       />
     </div>
 
-    <!-- 添加或修改语料库对话框 -->
     <el-dialog
       :title="title"
       v-model="open"
@@ -138,7 +130,7 @@
       :append-to-body="false"
       body-class="testProject_dialog"
     >
-      <el-form ref="projectRef" :model="form" :rules="rules" label-width="120px">
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
         <div class="card">
           <div class="form-title">项目信息</div>
           <el-row :gutter="20">
@@ -158,6 +150,7 @@
                   clearable
                   v-model="form.planStart"
                   type="datetime"
+                  value-format="YYYY-MM-DD HH:mm:ss"
                   placeholder="请选择计划测试开始时间"
                 >
                 </el-date-picker>
@@ -169,6 +162,7 @@
                   clearable
                   v-model="form.planEnd"
                   type="datetime"
+                  value-format="YYYY-MM-DD HH:mm:ss"
                   placeholder="请选择计划测试结束时间"
                 >
                 </el-date-picker>
@@ -183,9 +177,9 @@
               </el-form-item>
             </el-col>
             <el-col :span="24">
-              <el-form-item label="项目描述" prop="description">
+              <el-form-item label="项目描述" prop="remark">
                 <el-input
-                  v-model="form.description"
+                  v-model="form.remark"
                   type="textarea"
                   placeholder="请输入项目描述"
                 />
@@ -201,47 +195,13 @@
         </div>
       </template>
     </el-dialog>
-
-    <Run
-      :drawer="executeOpen"
-      @close="executeOpen = false"
-      :currentRow="currentRow"
-    />
-
-    <el-drawer
-      v-model="openDashboard"
-      :destroy-on-close="true"
-      :size="580"
-      :title="currentLog.projectName + '的流程'"
-      append-to-body
-      modal-class="rdashboad-log"
-      @close="handleClose"
-    >
-      <el-card
-        v-for="item in taskRightList"
-        shadow="hover"
-        style="width: 100%; margin-bottom: 10px"
-      >
-        <div
-          class="flex align-center"
-          style="cursor: pointer"
-          @click="handleLogicFlow(item)"
-        >
-          <div>{{ item.name }}</div>
-          <div class="flex align-center" style="margin-left: 10px">
-            <el-icon>
-              <View />
-            </el-icon>
-          </div>
-        </div>
-      </el-card>
-    </el-drawer>
   </div>
 </template>
 
 <script setup>
 import TableSearch from "@/components/TableSearch/index.vue";
 import { useContainerHeight } from "@/hooks/tableHeight";
+import { ElMessageBox } from 'element-plus'
 
 const topContainerRef = ref();
 const containerHeight = useContainerHeight(topContainerRef);
@@ -265,7 +225,8 @@ const data = reactive({
     tester: null,
     planStart: null,
     planEnd: null,
-    description: null,
+    sort: null,
+    remark: null,
     status: null,
   },
   rules: {
@@ -283,11 +244,30 @@ function getList() {
   projectList.value = [
     {
       projectId: '1',
-      projectName: 'test',
+      projectName: 'test1',
       tester: 'test',
       planStart: '2025-11-24 11:08:01',
       planEnd: '2025-11-25 11:08:01',
-      description: 'ssssss'
+      sort: 1,
+      remark: 'ssssss'
+    },
+    {
+      projectId: '2',
+      projectName: 'test2',
+      tester: 'test',
+      planStart: '2025-11-23 11:08:01',
+      planEnd: '2025-11-25 11:08:01',
+      sort: 2,
+      remark: 'ssssss'
+    },
+    {
+      projectId: '3',
+      projectName: 'test3',
+      tester: 'test',
+      planStart: '2025-11-25 11:08:01',
+      planEnd: '2025-11-27 11:08:01',
+      sort: 3,
+      remark: 'ssssss'
     }
   ]
 }
@@ -306,13 +286,9 @@ function reset() {
     tester: null,
     planStart: null,
     planEnd: null,
-    description: null,
+    sort: null,
-    status: null,
     remark: null,
-    createBy: null,
+    status: null
-    createTime: null,
-    updateBy: null,
-    updateTime: null,
   };
 }
 
@@ -334,10 +310,12 @@ function handleSelectionChange(selection) {
   multiple.value = !selection.length;
 }
 
+const isAdd = ref(false)
 /** 新增按钮操作 */
 function handleAdd() {
   reset();
   open.value = true;
+  isAdd.value = true
   title.value = "添加测试项目";
 }
 
@@ -346,28 +324,53 @@ const handleSetting = (row) => {
   router.push('/is/plan/index/' + row.projectId)
 }
 
-const executeOpen = ref(false);
-const currentRow = ref(undefined);
-
 const handleExecute = (row) => {
-  currentRow.value = row;
-  executeOpen.value = true;
-}
-
-const currentLog = ref({});
-const openDashboard = ref(false);
-const taskRightList = ref([]);
-
-// 取消按钮
-function handleClose() {
-  openDashboard.value = false;
-}
-
-// 评价
-const handleEvaluate = (row) => {
   router.push('/is/evaluate/index/' + row.projectId)
 }
 
+const formRef = ref()
+const submitForm = () => {
+  if (!formRef.value) return
+
+  formRef.value.validate((valid) => {
+    if (isAdd.value) {
+      projectList.value.unshift({
+        ...form.value,
+        projectId: new Date().getTime()
+      })
+    } else {
+      let itemToUpdate = projectList.value.find(item => item.projectId === form.value.projectId);
+      if (itemToUpdate) {
+        itemToUpdate = {...form.value}
+      }
+    }
+    open.value =false
+    reset();
+  })
+}
+
+const handleUpdate = (row) => {
+  reset();
+  open.value = true;
+  isAdd.value = false
+  title.value = "修改测试项目";
+  form.value = row
+}
+
+const handleDelete = (row) => {
+   ElMessageBox.confirm(
+    `确定要删除项目"${row.projectName}"吗？`,
+    '警告',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }
+  ).then(async () => {
+     projectList.value = projectList.value.filter(item => item.projectId !== row.projectId)
+  })
+}
+
 onMounted(() => {
   getList();
 })

vite.config.js

@@ -36,7 +36,7 @@ export default defineConfig(({mode, command}) => {
                     //赵 http://10.148.108.58:13080
                     // dev http://10.148.20.34:13080
                     // target: VITE_API_URL,
-                    target: command === 'build' ? VITE_API_URL : 'http://192.168.0.10:13080',
+                    target: command === 'build' ? VITE_API_URL : 'http://192.168.0.100:13080',
                     changeOrigin: true,
                     rewrite: (p) => p.replace(/^\/dev-api/, '')
                 }