cdTestPlant3/cdTMP/src/views/project/case/index.vue

<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>