feat: 项目
This commit is contained in:
parent
5d86f4dcec
commit
710f7f191e
@ -1,68 +1,145 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="info">
|
||||
<div class="item">
|
||||
<div class="label">项目名称:</div>
|
||||
<div class="text">理想L8测试</div>
|
||||
<Info />
|
||||
<div class="btn-container">
|
||||
<el-button>开始测试</el-button>
|
||||
<el-button>结束测试</el-button>
|
||||
<el-button>暂停测试</el-button>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label">项目编号:</div>
|
||||
<div class="text">CMVR20250729</div>
|
||||
|
||||
<div class="test-container">
|
||||
<div class="title">测试结果</div>
|
||||
<div>
|
||||
<el-button>生成报告</el-button>
|
||||
<el-button>导出结果</el-button>
|
||||
</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 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 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 class="right">
|
||||
<el-table :data="tableData" style="width: 100%">
|
||||
<el-table-column prop="id" label="结果ID" />
|
||||
<el-table-column prop="uiKey" label="时间" />
|
||||
<el-table-column prop="uiUrl" label="语料文本" />
|
||||
<el-table-column prop="funcIds" label="响应时间" show-overflow-tooltip />
|
||||
<el-table-column prop="remark" label="字识别率" show-overflow-tooltip />
|
||||
<el-table-column prop="createTime" label="测试结果" />
|
||||
<el-table-column prop="can" label="CAN结果" />
|
||||
<el-table-column prop="result" label="结果标记 " />
|
||||
<el-table-column label="操作" width="200">
|
||||
<template #default="{ row }">
|
||||
<el-button link type="primary" @click="handleUpdateUI(row)">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button link type="danger" @click="handleDeleteUI(row)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</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;
|
||||
padding: 12px;
|
||||
justify-content: space-between;
|
||||
|
||||
.title {
|
||||
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;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 20px;
|
||||
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 {
|
||||
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
|
||||
background: #f0ecec;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item {
|
||||
flex: 0 0 25%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.label {
|
||||
margin: 10px;
|
||||
}
|
||||
.right {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
62
src/views/is/project/evaluate/info.vue
Normal file
62
src/views/is/project/evaluate/info.vue
Normal file
@ -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>
|
||||
@ -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,
|
||||
status: null,
|
||||
sort: null,
|
||||
remark: null,
|
||||
createBy: null,
|
||||
createTime: null,
|
||||
updateBy: null,
|
||||
updateTime: null,
|
||||
status: 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();
|
||||
})
|
||||
|
||||
@ -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/, '')
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user