feat: 项目设计
This commit is contained in:
parent
349bb9c0d0
commit
cae784762e
@ -28,23 +28,32 @@
|
|||||||
<div class="right">
|
<div class="right">
|
||||||
<el-table :data="tableData" style="width: 100%">
|
<el-table :data="tableData" style="width: 100%">
|
||||||
<el-table-column prop="id" label="结果ID" />
|
<el-table-column prop="id" label="结果ID" />
|
||||||
<el-table-column prop="uiKey" label="时间" />
|
<el-table-column prop="time" label="时间" />
|
||||||
<el-table-column prop="uiUrl" label="语料文本" />
|
<el-table-column prop="text" label="语料文本" />
|
||||||
<el-table-column prop="funcIds" label="响应时间" show-overflow-tooltip />
|
<el-table-column prop="responseTime" 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 }">
|
<template #default="{ row }">
|
||||||
<el-button link type="primary" @click="handleUpdateUI(row)">
|
<div v-if="row.responseTime">{{ row.responseTime }}</div>
|
||||||
编辑
|
<div v-else><el-tag type="primary">未测试</el-tag></div>
|
||||||
</el-button>
|
|
||||||
<el-button link type="danger" @click="handleDeleteUI(row)">
|
|
||||||
删除
|
|
||||||
</el-button>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column prop="rate" label="字识别率" show-overflow-tooltip>
|
||||||
|
<template #default="{ row }">
|
||||||
|
<div v-if="row.rate">{{ row.rate }}</div>
|
||||||
|
<div v-else><el-tag type="info">未测试</el-tag></div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="result" label="测试结果">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tag :type="row.result ? 'success' : 'warning'">{{ row.result ? '通过' : '分析中' }}</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="can" label="CAN结果">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<div v-if="row.rate">{{ row.can }}</div>
|
||||||
|
<div v-else><el-tag type="danger">未测试</el-tag></div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="flag" label="结果标记 " />
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -76,7 +85,58 @@ const schemaList = ref([
|
|||||||
},
|
},
|
||||||
])
|
])
|
||||||
|
|
||||||
const tableData = ref([])
|
const tableData = ref([
|
||||||
|
{
|
||||||
|
id: 'test result 876',
|
||||||
|
time: '2025-11-26 16:46:23',
|
||||||
|
text: '我想听收音机',
|
||||||
|
responseTime: 0,
|
||||||
|
rate: 0,
|
||||||
|
result: 1,
|
||||||
|
can: 0,
|
||||||
|
flag: '无'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'test result 877',
|
||||||
|
time: '2025-11-25 16:46:23',
|
||||||
|
text: '暂停音乐',
|
||||||
|
responseTime: 0,
|
||||||
|
rate: 0,
|
||||||
|
result: 1,
|
||||||
|
can: 0,
|
||||||
|
flag: '需复核結果 '
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'test result 878',
|
||||||
|
time: '2025-11-26 17:49:24',
|
||||||
|
text: '取消静音',
|
||||||
|
responseTime: 0,
|
||||||
|
rate: 0,
|
||||||
|
result: 0,
|
||||||
|
can: 0,
|
||||||
|
flag: '无'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'test result 879',
|
||||||
|
time: '2025-11-26 16:46:23',
|
||||||
|
text: '静音',
|
||||||
|
responseTime: 0,
|
||||||
|
rate: 0,
|
||||||
|
result: 1,
|
||||||
|
can: 0,
|
||||||
|
flag: '无'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'test result 880',
|
||||||
|
time: '2025-11-28 16:46:23',
|
||||||
|
text: '音乐音量小点',
|
||||||
|
responseTime: 0,
|
||||||
|
rate: 0,
|
||||||
|
result: 1,
|
||||||
|
can: 0,
|
||||||
|
flag: '无'
|
||||||
|
}
|
||||||
|
])
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.container {
|
.container {
|
||||||
|
|||||||
@ -9,43 +9,43 @@
|
|||||||
@refresh="resetQuery"
|
@refresh="resetQuery"
|
||||||
@search="handleQuery"
|
@search="handleQuery"
|
||||||
>
|
>
|
||||||
<template #one>
|
<template #one>
|
||||||
<el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
|
<el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
|
||||||
<el-form-item label="项目名称" prop="projectName">
|
<el-form-item label="项目名称" prop="projectName">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="queryParams.projectName"
|
v-model="queryParams.projectName"
|
||||||
placeholder="请输入项目名称"
|
placeholder="请输入项目名称"
|
||||||
clearable
|
clearable
|
||||||
@keyup.enter="handleQuery"
|
@keyup.enter="handleQuery"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
|
<el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
|
||||||
<el-form-item label="测试人员" prop="tester">
|
<el-form-item label="测试人员" prop="tester">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="queryParams.tester"
|
v-model="queryParams.tester"
|
||||||
placeholder="请输入测试人员"
|
placeholder="请输入测试人员"
|
||||||
clearable
|
clearable
|
||||||
@keyup.enter="handleQuery"
|
@keyup.enter="handleQuery"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</template>
|
</template>
|
||||||
</TableSearch>
|
</TableSearch>
|
||||||
|
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col>
|
<el-col>
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
plain
|
plain
|
||||||
icon="Plus"
|
icon="Plus"
|
||||||
size="mini"
|
size="mini"
|
||||||
@click="handleAdd"
|
@click="handleAdd"
|
||||||
v-hasPermi="['system:project:add']"
|
v-hasPermi="['system:project:add']"
|
||||||
>新增</el-button
|
>新增</el-button
|
||||||
>
|
>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div :style="containerHeight">
|
<div :style="containerHeight">
|
||||||
@ -56,8 +56,27 @@
|
|||||||
@selection-change="handleSelectionChange"
|
@selection-change="handleSelectionChange"
|
||||||
>
|
>
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-table-column label="项目ID" align="center" prop="projectId" width="150" show-overflow-tooltip />
|
<el-table-column
|
||||||
<el-table-column label="项目名称" align="center" prop="projectName" width="150" show-overflow-tooltip />
|
label="项目ID"
|
||||||
|
align="center"
|
||||||
|
prop="projectId"
|
||||||
|
width="150"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="项目名称"
|
||||||
|
align="center"
|
||||||
|
prop="projectName"
|
||||||
|
width="150"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="车机版本Id"
|
||||||
|
align="center"
|
||||||
|
prop="vehicleConfigId"
|
||||||
|
width="150"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<el-table-column label="测试人员" align="center" prop="tester" />
|
<el-table-column label="测试人员" align="center" prop="tester" />
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="计划测试开始时间"
|
label="计划测试开始时间"
|
||||||
@ -69,31 +88,48 @@
|
|||||||
<span>{{ parseTime(row.planStart) }}</span>
|
<span>{{ parseTime(row.planStart) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="计划测试结束时间" align="center" prop="planEnd" width="180">
|
<el-table-column
|
||||||
|
label="计划测试结束时间"
|
||||||
|
align="center"
|
||||||
|
prop="planEnd"
|
||||||
|
width="180"
|
||||||
|
>
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<span>{{ parseTime(row.planEnd) }}</span>
|
<span>{{ parseTime(row.planEnd) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="项目描述" width="200" show-overflow-tooltip align="center" prop="remark" />
|
<el-table-column
|
||||||
|
label="项目描述"
|
||||||
|
width="200"
|
||||||
|
show-overflow-tooltip
|
||||||
|
align="center"
|
||||||
|
prop="remark"
|
||||||
|
/>
|
||||||
<el-table-column label="项目状态" align="center" prop="status">
|
<el-table-column label="项目状态" align="center" prop="status">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
{{ row.status == 0 ? '已执行': '未执行' }}
|
{{ row.status == 0 ? "已执行" : "未执行" }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" align="center" width="320px" class-name="small-padding fixed-width" fixed="right">
|
<el-table-column
|
||||||
|
label="操作"
|
||||||
|
align="center"
|
||||||
|
width="320px"
|
||||||
|
class-name="small-padding fixed-width"
|
||||||
|
fixed="right"
|
||||||
|
>
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-button
|
<el-button
|
||||||
size="mini"
|
size="mini"
|
||||||
type="text"
|
type="text"
|
||||||
@click="handleSetting(row)"
|
@click="handleSetting(row)"
|
||||||
v-hasPermi="['system:project:add','system:project:edit']"
|
v-hasPermi="['system:project:add', 'system:project:edit']"
|
||||||
>配置方案
|
>配置方案
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
size="mini"
|
size="mini"
|
||||||
type="text"
|
type="text"
|
||||||
@click="handleExecute(row)"
|
@click="handleExecute(row)"
|
||||||
v-hasPermi="['system:project:add','system:project:edit']"
|
v-hasPermi="['system:project:add', 'system:project:edit']"
|
||||||
>执行
|
>执行
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
@ -131,62 +167,67 @@
|
|||||||
body-class="testProject_dialog"
|
body-class="testProject_dialog"
|
||||||
>
|
>
|
||||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
|
<el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
|
||||||
<div class="card">
|
<el-row :gutter="20">
|
||||||
<div class="form-title">项目信息</div>
|
<el-col :span="12">
|
||||||
<el-row :gutter="20">
|
<el-form-item label="项目名称" prop="projectName">
|
||||||
<el-col :span="12">
|
<el-input v-model="form.projectName" placeholder="请输入语料名称" />
|
||||||
<el-form-item label="项目名称" prop="projectName">
|
</el-form-item>
|
||||||
<el-input v-model="form.projectName" placeholder="请输入语料名称" />
|
</el-col>
|
||||||
</el-form-item>
|
<el-col :span="12">
|
||||||
</el-col>
|
<el-form-item label="车机版本" prop="vehicleConfigId">
|
||||||
<el-col :span="12">
|
<el-tree-select
|
||||||
<el-form-item label="测试人员" prop="tester">
|
v-model="form.vehicleConfigId"
|
||||||
<el-input v-model="form.tester" placeholder="请输入测试人员" />
|
node-key="id"
|
||||||
</el-form-item>
|
:data="treeData"
|
||||||
</el-col>
|
:render-after-expand="false"
|
||||||
<el-col :span="12">
|
style="width: 240px"
|
||||||
<el-form-item label="计划开始时间" prop="planStart">
|
/>
|
||||||
<el-date-picker
|
</el-form-item>
|
||||||
clearable
|
</el-col>
|
||||||
v-model="form.planStart"
|
<el-col :span="12">
|
||||||
type="datetime"
|
<el-form-item label="测试人员" prop="tester">
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"
|
<el-input v-model="form.tester" placeholder="请输入测试人员" />
|
||||||
placeholder="请选择计划测试开始时间"
|
</el-form-item>
|
||||||
>
|
</el-col>
|
||||||
</el-date-picker>
|
<el-col :span="12">
|
||||||
</el-form-item>
|
<el-form-item label="计划开始时间" prop="planStart">
|
||||||
</el-col>
|
<el-date-picker
|
||||||
<el-col :span="12">
|
clearable
|
||||||
<el-form-item label="计划结束时间" prop="planEnd">
|
v-model="form.planStart"
|
||||||
<el-date-picker
|
type="datetime"
|
||||||
clearable
|
value-format="YYYY-MM-DD HH:mm:ss"
|
||||||
v-model="form.planEnd"
|
placeholder="请选择计划测试开始时间"
|
||||||
type="datetime"
|
>
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"
|
</el-date-picker>
|
||||||
placeholder="请选择计划测试结束时间"
|
</el-form-item>
|
||||||
>
|
</el-col>
|
||||||
</el-date-picker>
|
<el-col :span="12">
|
||||||
</el-form-item>
|
<el-form-item label="计划结束时间" prop="planEnd">
|
||||||
</el-col>
|
<el-date-picker
|
||||||
<el-col :span="12">
|
clearable
|
||||||
<el-form-item label="排序" prop="sort">
|
v-model="form.planEnd"
|
||||||
<el-input-number
|
type="datetime"
|
||||||
v-model="form.sort"
|
value-format="YYYY-MM-DD HH:mm:ss"
|
||||||
placeholder="排序"
|
placeholder="请选择计划测试结束时间"
|
||||||
/>
|
>
|
||||||
</el-form-item>
|
</el-date-picker>
|
||||||
</el-col>
|
</el-form-item>
|
||||||
<el-col :span="24">
|
</el-col>
|
||||||
<el-form-item label="项目描述" prop="remark">
|
<el-col :span="12">
|
||||||
<el-input
|
<el-form-item label="排序" prop="sort">
|
||||||
v-model="form.remark"
|
<el-input-number v-model="form.sort" placeholder="排序" />
|
||||||
type="textarea"
|
</el-form-item>
|
||||||
placeholder="请输入项目描述"
|
</el-col>
|
||||||
/>
|
<el-col :span="24">
|
||||||
</el-form-item>
|
<el-form-item label="项目描述" prop="remark">
|
||||||
</el-col>
|
<el-input
|
||||||
</el-row>
|
v-model="form.remark"
|
||||||
</div>
|
type="textarea"
|
||||||
|
placeholder="请输入项目描述"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
@ -201,7 +242,8 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import TableSearch from "@/components/TableSearch/index.vue";
|
import TableSearch from "@/components/TableSearch/index.vue";
|
||||||
import { useContainerHeight } from "@/hooks/tableHeight";
|
import { useContainerHeight } from "@/hooks/tableHeight";
|
||||||
import { ElMessageBox } from 'element-plus'
|
import { ElMessageBox } from "element-plus";
|
||||||
|
import { getTreeDataApi } from '@/api/is/func/index'
|
||||||
|
|
||||||
const topContainerRef = ref();
|
const topContainerRef = ref();
|
||||||
const containerHeight = useContainerHeight(topContainerRef);
|
const containerHeight = useContainerHeight(topContainerRef);
|
||||||
@ -217,59 +259,75 @@ const total = ref(0);
|
|||||||
const title = ref("");
|
const title = ref("");
|
||||||
|
|
||||||
const data = reactive({
|
const data = reactive({
|
||||||
form: {},
|
form: {
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
projectName: null,
|
projectName: null,
|
||||||
tester: null,
|
tester: null,
|
||||||
planStart: null,
|
planStart: null,
|
||||||
|
vehicleConfigId: null,
|
||||||
planEnd: null,
|
planEnd: null,
|
||||||
sort: null,
|
sort: null,
|
||||||
remark: null,
|
remark: null,
|
||||||
status: null,
|
status: null,
|
||||||
},
|
},
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
projectName: null,
|
||||||
|
},
|
||||||
rules: {
|
rules: {
|
||||||
projectName: [{ required: true, message: "项目名称不能为空", trigger: "blur" }],
|
projectName: [{ required: true, message: "项目名称不能为空", trigger: "blur" }],
|
||||||
tester: [{ required: true, message: "请输入测试人员", trigger: "blur" }],
|
tester: [{ required: true, message: "请输入测试人员", trigger: "blur" }],
|
||||||
planStart: [{ required: true, message: "请输入计划测试开始时间", trigger: "blur" }],
|
planStart: [{ required: true, message: "请输入计划测试开始时间", trigger: "blur" }],
|
||||||
planEnd: [{ required: true, message: "请输入计划测试结束时间", trigger: "blur" }]
|
planEnd: [{ required: true, message: "请输入计划测试结束时间", trigger: "blur" }],
|
||||||
|
vehicleConfigId: [{ required: true, message: "请选择车机版本", trigger: "blur" }],
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
const { queryParams, form, rules } = toRefs(data);
|
const { queryParams, form, rules } = toRefs(data);
|
||||||
|
|
||||||
|
const treeData = ref([])
|
||||||
|
|
||||||
|
const getTreeData = async () => {
|
||||||
|
const res = await getTreeDataApi()
|
||||||
|
if (res) {
|
||||||
|
treeData.value = res
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/** 查询语音交互-项目列表 */
|
/** 查询语音交互-项目列表 */
|
||||||
function getList() {
|
function getList() {
|
||||||
projectList.value = [
|
projectList.value = [
|
||||||
{
|
{
|
||||||
projectId: '1',
|
projectId: "1",
|
||||||
projectName: 'test1',
|
projectName: "test1",
|
||||||
tester: 'test',
|
tester: "test",
|
||||||
planStart: '2025-11-24 11:08:01',
|
planStart: "2025-11-24 11:08:01",
|
||||||
planEnd: '2025-11-25 11:08:01',
|
planEnd: "2025-11-25 11:08:01",
|
||||||
|
vehicleConfigId: '1',
|
||||||
sort: 1,
|
sort: 1,
|
||||||
remark: 'ssssss'
|
remark: "ssssss",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
projectId: '2',
|
projectId: "2",
|
||||||
projectName: 'test2',
|
projectName: "test2",
|
||||||
tester: 'test',
|
tester: "test",
|
||||||
planStart: '2025-11-23 11:08:01',
|
vehicleConfigId: '2',
|
||||||
planEnd: '2025-11-25 11:08:01',
|
planStart: "2025-11-23 11:08:01",
|
||||||
|
planEnd: "2025-11-25 11:08:01",
|
||||||
sort: 2,
|
sort: 2,
|
||||||
remark: 'ssssss'
|
remark: "ssssss",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
projectId: '3',
|
projectId: "3",
|
||||||
projectName: 'test3',
|
projectName: "test3",
|
||||||
tester: 'test',
|
tester: "test",
|
||||||
planStart: '2025-11-25 11:08:01',
|
vehicleConfigId: '3',
|
||||||
planEnd: '2025-11-27 11:08:01',
|
planStart: "2025-11-25 11:08:01",
|
||||||
|
planEnd: "2025-11-27 11:08:01",
|
||||||
sort: 3,
|
sort: 3,
|
||||||
remark: 'ssssss'
|
remark: "ssssss",
|
||||||
}
|
},
|
||||||
]
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
// 取消按钮
|
// 取消按钮
|
||||||
@ -286,9 +344,10 @@ function reset() {
|
|||||||
tester: null,
|
tester: null,
|
||||||
planStart: null,
|
planStart: null,
|
||||||
planEnd: null,
|
planEnd: null,
|
||||||
|
vehicleConfigId: null,
|
||||||
sort: null,
|
sort: null,
|
||||||
remark: null,
|
remark: null,
|
||||||
status: null
|
status: null,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -310,70 +369,74 @@ function handleSelectionChange(selection) {
|
|||||||
multiple.value = !selection.length;
|
multiple.value = !selection.length;
|
||||||
}
|
}
|
||||||
|
|
||||||
const isAdd = ref(false)
|
const isAdd = ref(false);
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
function handleAdd() {
|
function handleAdd() {
|
||||||
reset();
|
reset();
|
||||||
open.value = true;
|
open.value = true;
|
||||||
isAdd.value = true
|
isAdd.value = true;
|
||||||
title.value = "添加测试项目";
|
title.value = "添加测试项目";
|
||||||
}
|
}
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter();
|
||||||
const handleSetting = (row) => {
|
const handleSetting = (row) => {
|
||||||
router.push('/is/plan/index/' + row.projectId)
|
router.push("/is/plan/index/" + row.projectId);
|
||||||
}
|
};
|
||||||
|
|
||||||
const handleExecute = (row) => {
|
const handleExecute = (row) => {
|
||||||
router.push('/is/evaluate/index/' + row.projectId)
|
router.push("/is/evaluate/index/" + row.projectId);
|
||||||
}
|
};
|
||||||
|
|
||||||
const formRef = ref()
|
const formRef = ref();
|
||||||
const submitForm = () => {
|
const submitForm = () => {
|
||||||
if (!formRef.value) return
|
if (!formRef.value) return;
|
||||||
|
|
||||||
formRef.value.validate((valid) => {
|
formRef.value.validate((valid) => {
|
||||||
|
if (!valid) {
|
||||||
|
return
|
||||||
|
}
|
||||||
if (isAdd.value) {
|
if (isAdd.value) {
|
||||||
projectList.value.unshift({
|
projectList.value.unshift({
|
||||||
...form.value,
|
...form.value,
|
||||||
projectId: new Date().getTime()
|
projectId: new Date().getTime(),
|
||||||
})
|
});
|
||||||
} else {
|
} else {
|
||||||
let itemToUpdate = projectList.value.find(item => item.projectId === form.value.projectId);
|
let itemToUpdate = projectList.value.find(
|
||||||
|
(item) => item.projectId === form.value.projectId
|
||||||
|
);
|
||||||
if (itemToUpdate) {
|
if (itemToUpdate) {
|
||||||
itemToUpdate = {...form.value}
|
itemToUpdate = { ...form.value };
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
open.value =false
|
open.value = false;
|
||||||
reset();
|
reset();
|
||||||
})
|
});
|
||||||
}
|
};
|
||||||
|
|
||||||
const handleUpdate = (row) => {
|
const handleUpdate = (row) => {
|
||||||
reset();
|
reset();
|
||||||
open.value = true;
|
open.value = true;
|
||||||
isAdd.value = false
|
isAdd.value = false;
|
||||||
title.value = "修改测试项目";
|
title.value = "修改测试项目";
|
||||||
form.value = row
|
form.value = row;
|
||||||
}
|
};
|
||||||
|
|
||||||
const handleDelete = (row) => {
|
const handleDelete = (row) => {
|
||||||
ElMessageBox.confirm(
|
ElMessageBox.confirm(`确定要删除项目"${row.projectName}"吗？`, "警告", {
|
||||||
`确定要删除项目"${row.projectName}"吗？`,
|
confirmButtonText: "确定",
|
||||||
'警告',
|
cancelButtonText: "取消",
|
||||||
{
|
type: "warning",
|
||||||
confirmButtonText: '确定',
|
}).then(async () => {
|
||||||
cancelButtonText: '取消',
|
projectList.value = projectList.value.filter(
|
||||||
type: 'warning'
|
(item) => item.projectId !== row.projectId
|
||||||
}
|
);
|
||||||
).then(async () => {
|
});
|
||||||
projectList.value = projectList.value.filter(item => item.projectId !== row.projectId)
|
};
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getList();
|
getList();
|
||||||
})
|
getTreeData()
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
:deep() {
|
:deep() {
|
||||||
@ -386,30 +449,19 @@ onMounted(() => {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.form-title {
|
||||||
padding: 12px;
|
display: flex;
|
||||||
border: 1px solid #e4e7ed;
|
align-items: center;
|
||||||
border-radius: 8px;
|
font-size: 16px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 10px;
|
||||||
|
|
||||||
&:hover {
|
&::before {
|
||||||
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
|
content: "";
|
||||||
}
|
width: 4px;
|
||||||
|
height: 16px;
|
||||||
.form-title {
|
background: blue;
|
||||||
display: flex;
|
display: inline-block;
|
||||||
align-items: center;
|
margin-right: 8px;
|
||||||
font-size: 16px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
content: "";
|
|
||||||
width: 4px;
|
|
||||||
height: 16px;
|
|
||||||
background: blue;
|
|
||||||
display: inline-block;
|
|
||||||
margin-right: 8px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -72,7 +72,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { onMounted } from "vue";
|
import { onMounted, watch } from "vue";
|
||||||
import { getDictList } from '@/api/is/project/index'
|
import { getDictList } from '@/api/is/project/index'
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
@ -103,7 +103,9 @@ const toggleRowSelection = () => {
|
|||||||
if (selectList.value.length > 0) {
|
if (selectList.value.length > 0) {
|
||||||
functionList.value.forEach((row) => {
|
functionList.value.forEach((row) => {
|
||||||
selectList.value.forEach((item) => {
|
selectList.value.forEach((item) => {
|
||||||
|
if (row.dictCode === item.dictCode) {
|
||||||
|
tableRef.value.toggleRowSelection(row, true);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -157,8 +159,21 @@ const cancel = () => {
|
|||||||
resetForm()
|
resetForm()
|
||||||
};
|
};
|
||||||
|
|
||||||
const getSelectList = (corpusIds) => {
|
const getSelectList = async (funcIds) => {
|
||||||
|
const res = await getDictList({
|
||||||
|
dictType: 'ti_function_config'
|
||||||
|
})
|
||||||
|
if (res.code === 200) {
|
||||||
|
const arr = []
|
||||||
|
res.rows.forEach(row => {
|
||||||
|
funcIds.forEach(id => {
|
||||||
|
if (row.dictCode == id) {
|
||||||
|
arr.push(row)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
selectList.value = arr
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const rowClick = (row) => {
|
const rowClick = (row) => {
|
||||||
@ -167,10 +182,14 @@ const rowClick = (row) => {
|
|||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getList();
|
getList();
|
||||||
if (props.corpusIds) {
|
|
||||||
getSelectList(props.corpusIds.split(","));
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
watch(() => props.funcIds,
|
||||||
|
() =>{
|
||||||
|
getSelectList(props.funcIds.split(","));
|
||||||
|
}, {
|
||||||
|
immediate: true
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.btn-container {
|
.btn-container {
|
||||||
|
|||||||
@ -285,7 +285,7 @@ function handleAdd() {
|
|||||||
|
|
||||||
const selectIds = ref([])
|
const selectIds = ref([])
|
||||||
const getSelectRows = (arr) => {
|
const getSelectRows = (arr) => {
|
||||||
selectIds.value = arr.map(item => item.id);
|
selectIds.value = arr.map(item => item.dictCode);
|
||||||
};
|
};
|
||||||
|
|
||||||
const formRef = ref()
|
const formRef = ref()
|
||||||
@ -296,9 +296,21 @@ const submitForm = () => {
|
|||||||
{
|
{
|
||||||
...form.value,
|
...form.value,
|
||||||
schemeId: new Date().getTime(),
|
schemeId: new Date().getTime(),
|
||||||
|
funcIds: selectIds.value.toString(),
|
||||||
projectId: 1
|
projectId: 1
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
} else {
|
||||||
|
let index = schemeList.value.findIndex(
|
||||||
|
(item) => item.schemeId === form.value.schemeId
|
||||||
|
);
|
||||||
|
if (index !== -1) {
|
||||||
|
schemeList.value[index] = {
|
||||||
|
...form.value,
|
||||||
|
hhh: 'ffff',
|
||||||
|
funcIds: selectIds.value.toString(),
|
||||||
|
};
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
reset();
|
reset();
|
||||||
@ -309,7 +321,7 @@ const handleUpdate = (row) => {
|
|||||||
reset();
|
reset();
|
||||||
open.value = true;
|
open.value = true;
|
||||||
isAdd.value = false
|
isAdd.value = false
|
||||||
title.value = "修改测试项目";
|
title.value = "修改方案";
|
||||||
form.value = row
|
form.value = row
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user