<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>
import { ref } from "vue"
import { useRoute, useRouter } from "vue-router"
import dutApi from "@/api/project/dut"
const route = useRoute()
const router = useRouter()

// crud组件
const crudOptions = ref({
    api: dutApi.getDutList,
    parameters: {
        projectId: route.query.id,
        round: route.query.key
    },
    showIndex: false,
    rowSelection: { showCheckedAll: true },
    add: { show: true },
    edit: { show: true },
    delete: { show: true },
    searchColNumber: 3,
    tablePagination: true,
    operationColumn: true,
    formOption: {
        width: 500
    }
})
const crudColumns = ref([
    {
        title: "ID",
        width: 50,
        align:'center',
        dataIndex: "id",
        search: true,
        commonRules: [{ required: true, message: "标识是必填" }],
        validateTrigger: "blur"
    },
    {
        title: "标识",
        width: 150,
        align:'center',
        dataIndex: "ident",
        search: true,
        commonRules: [{ required: true, message: "标识是必填" }],
        validateTrigger: "blur"
    },
    {
        title: "被测件名",
        width: 120,
        dataIndex: "name",
        search: true,
        commonRules: [{ required: true, message: "需求名称是必填" }],
        validateTrigger: "blur"
    },
    {
        title:"空行",
        hide:true,
        align:'center',
        dataIndex:"black_line"
    },
    {
        title:"纯注释",
        hide:true,
        align:'center',
        dataIndex:"pure_code_line"
    },
    {
        title:"混合行",
        hide:true,
        align:'center',
        dataIndex:"mix_line"
    },
    {
        title:"总注释",
        hide:true,
        align:'center',
        dataIndex:"total_comment_line"
    },
    {
        title:"总代码",
        align:'center',
        dataIndex:"total_code_line"
    },
    {
        title:"总行数",
        align:'center',
        dataIndex:"total_line"
    },
    {
        title:"注释率",
        align:'center',
        dataIndex:"comment_line",
        commonRules: [{ required: true, message: "注释率必填" }],
    },
])
</script>

<style lang="less" scoped></style>
