54321

cdTMP/src/views/project/dut/index.vue

@@ -0,0 +1,83 @@
+<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 designDemandApi from "@/api/project/designDemand"
+const route = useRoute()
+const router = useRouter()
+const roundNumber = route.query.key.split("-")[0]
+const dutNumber = route.query.key.split("-")[1]
+// crud组件
+const crudOptions = ref({
+    api: designDemandApi.getDesignDemandList,
+    parameters: {
+        projectId: route.query.id,
+        round: roundNumber,
+        dut: dutNumber
+    },
+    showIndex: false,
+    rowSelection: { showCheckedAll: true },
+    add: { show: true },
+    edit: { show: true },
+    delete: { show: true },
+    searchColNumber: 3,
+    tablePagination: true,
+    operationColumn: true,
+    formOption: {
+        width: 1200
+    }
+})
+const crudColumns = ref([
+    {
+        title: "ID",
+        width: 50,
+        dataIndex: "id",
+        search: true,
+        commonRules: [{ required: true, message: "标识是必填" }],
+        validateTrigger: "blur"
+    },
+    {
+        title: "标识",
+        width: 120,
+        dataIndex: "ident",
+        search: true,
+        commonRules: [{ required: true, message: "标识是必填" }],
+        validateTrigger: "blur"
+    },
+    {
+        title: "需求名称",
+        width: 150,
+        dataIndex: "name",
+        search: true,
+        commonRules: [{ required: true, message: "需求名称是必填" }],
+        validateTrigger: "blur"
+    },
+    {
+        title: "需求类型",
+        width: 150,
+        dataIndex: "demandType",
+        formType: "radio",
+        search: true,
+        dict: { name: "demandType", props: { label: "title", value: "key" }, translation: true },
+        commonRules: [{ required: true, message: "需求类型是必填" }],
+        validateTrigger: "blur"
+    },
+    {
+        title: "需求描述",
+        dataIndex: "description",
+        width: 300,
+        formType: "editor",
+        height: 300
+    }
+])
+</script>
+
+<style lang="less" scoped></style>