123
This commit is contained in:
219
cdTMP/src/views/project/case/index.vue
Normal file
219
cdTMP/src/views/project/case/index.vue
Normal file
@@ -0,0 +1,219 @@
|
||||
<template>
|
||||
<div class="ma-content-block lg:flex justify-between p-4">
|
||||
<div class="lg:w-full w-full lg:ml-4 mt-5 lg:mt-0">
|
||||
<!-- CRUD组件 -->
|
||||
<ma-crud :options="crudOptions" :columns="crudColumns"></ma-crud>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="jsx">
|
||||
import { ref } from "vue"
|
||||
import { useRoute, useRouter } from "vue-router"
|
||||
import problemApi from "@/api/project/problem"
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
const roundNumber = route.query.key.split("-")[0]
|
||||
const designDemandNumber = route.query.key.split("-")[1]
|
||||
const testDemandNumber = route.query.key.split("-")[2]
|
||||
const caseNumber = route.query.key.split("-")[3]
|
||||
const crudOptions = ref({
|
||||
api: problemApi.getProblemList,
|
||||
parameters: {
|
||||
projectId: route.query.id,
|
||||
round: roundNumber,
|
||||
designDemand: designDemandNumber,
|
||||
testDemand: testDemandNumber,
|
||||
case: caseNumber
|
||||
},
|
||||
showIndex: false,
|
||||
rowSelection: { showCheckedAll: true },
|
||||
add: { show: true },
|
||||
edit: { show: true },
|
||||
delete: { show: true },
|
||||
searchColNumber: 3,
|
||||
tablePagination: true,
|
||||
operationColumn: true,
|
||||
scroll:{ x: '100%', y: '100%' },
|
||||
formOption: {
|
||||
width: 1000
|
||||
}
|
||||
})
|
||||
const crudColumns = ref([
|
||||
{
|
||||
title: "名称",
|
||||
align: "left",
|
||||
search: true,
|
||||
dataIndex: "name",
|
||||
commonRules: [{ required: true, message: "名称是必填" }],
|
||||
validateTrigger: "blur"
|
||||
},
|
||||
{
|
||||
title: "标识",
|
||||
align: "center",
|
||||
width: 140,
|
||||
search: true,
|
||||
dataIndex: "ident",
|
||||
commonRules: [{ required: true, message: "标识是必填" }],
|
||||
validateTrigger: "blur"
|
||||
},
|
||||
{
|
||||
title: "缺陷状态",
|
||||
align: "center",
|
||||
width: 80,
|
||||
search: true,
|
||||
dataIndex: "status",
|
||||
formType: "radio",
|
||||
addDefaultValue: "2",
|
||||
commonRules: [{ required: true, message: "缺陷状态是必填" }],
|
||||
dict: {
|
||||
name: "problemStatu",
|
||||
translation: true,
|
||||
props: { label: "title", value: "key" },
|
||||
tagColors: { 1: "green", 2: "blue", 3: "#FF7D00", 4: "red" }
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "缺陷类型",
|
||||
align: "center",
|
||||
width: 80,
|
||||
dataIndex: "type",
|
||||
search: true,
|
||||
addDefaultValue: "3",
|
||||
formType: "radio",
|
||||
commonRules: [{ required: true, message: "缺陷类型必选" }],
|
||||
dict: {
|
||||
name: "problemType",
|
||||
translation: true,
|
||||
props: { label: "title", value: "key" }
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "缺陷等级",
|
||||
align: "center",
|
||||
width: 80,
|
||||
dataIndex: "grade",
|
||||
search: true,
|
||||
addDefaultValue: "1",
|
||||
formType: "radio",
|
||||
commonRules: [{ required: true, message: "缺陷等级必填" }],
|
||||
dict: {
|
||||
name: "problemGrade",
|
||||
translation: true,
|
||||
props: { label: "title", value: "key" }
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "闭环方式",
|
||||
align: "center",
|
||||
width: 150,
|
||||
dataIndex: "closeMethod",
|
||||
addDefaultValue: "2",
|
||||
search: true,
|
||||
formType: "radio",
|
||||
dict: {
|
||||
name: "closeMethod",
|
||||
translation: true,
|
||||
props: { label: "title", value: "key" }
|
||||
},
|
||||
customRender: ({ record }) => {
|
||||
// 判断是否具有1：修改文档
|
||||
if (!record.closeMethod.hasOwnProperty("0")) {
|
||||
if (!record.closeMethod.hasOwnProperty("1")) {
|
||||
return <a-tag size="small" bordered color="magenta">还未闭环</a-tag>
|
||||
}
|
||||
}
|
||||
const tagObj = []
|
||||
for (let item in record.closeMethod) {
|
||||
if (item === "0") {
|
||||
tagObj.push(<a-tag size="small" bordered color="blue">修改文档</a-tag>)
|
||||
} else if (item === "1") {
|
||||
tagObj.push(<a-tag size="small" bordered color="green">修改程序</a-tag>)
|
||||
}
|
||||
}
|
||||
return <a-space size='mini'>{tagObj}</a-space>
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
hide: true,
|
||||
search: true,
|
||||
dataIndex: "operation",
|
||||
formType: "editor"
|
||||
},
|
||||
{
|
||||
title: "期望结果",
|
||||
hide: true,
|
||||
dataIndex: "expect"
|
||||
},
|
||||
{
|
||||
title: "问题结果",
|
||||
hide: true,
|
||||
dataIndex: "result",
|
||||
formType: "editor"
|
||||
},
|
||||
{
|
||||
title: "修改建议",
|
||||
hide: true,
|
||||
dataIndex: "suggest"
|
||||
},
|
||||
{
|
||||
title: "提单人",
|
||||
dataIndex: "postPerson",
|
||||
search: true,
|
||||
formType: "select",
|
||||
commonRules: [{ required: true, message: "提单人必填" }],
|
||||
dict: { url: "system/user/index", translation: true, props: { label: "name", value: "name" } }
|
||||
},
|
||||
{
|
||||
title:'提单日期',
|
||||
hide: true,
|
||||
dataIndex:"postDate",
|
||||
formType:'date'
|
||||
},
|
||||
{
|
||||
title: "设计师上级",
|
||||
hide: true,
|
||||
dataIndex: "designerPerson",
|
||||
formType: "select",
|
||||
commonRules: [{ required: true, message: "提单人必填" }],
|
||||
dict: { url: "system/user/index", translation: true, props: { label: "name", value: "name" } }
|
||||
},
|
||||
{
|
||||
title:'提单日期',
|
||||
hide: true,
|
||||
dataIndex:"designDate",
|
||||
formType:'date'
|
||||
},
|
||||
{
|
||||
title: "验证人",
|
||||
hide: true,
|
||||
dataIndex: "verifyPerson",
|
||||
formType: "select",
|
||||
commonRules: [{ required: true, message: "提单人必填" }],
|
||||
dict: { url: "system/user/index", translation: true, props: { label: "name", value: "name" } }
|
||||
},
|
||||
{
|
||||
title:'验证日期',
|
||||
hide: true,
|
||||
dataIndex:"verifyDate",
|
||||
formType:'date'
|
||||
},
|
||||
{
|
||||
title: "撤销人",
|
||||
hide: true,
|
||||
dataIndex: "revokePerson",
|
||||
formType: "select",
|
||||
commonRules: [{ required: true, message: "提单人必填" }],
|
||||
dict: { url: "system/user/index", translation: true, props: { label: "name", value: "name" } }
|
||||
},
|
||||
{
|
||||
title:'撤销日期',
|
||||
hide: true,
|
||||
dataIndex:"revokeDate",
|
||||
formType:'date'
|
||||
},
|
||||
])
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped></style>
|
||||
Reference in New Issue
Block a user