大表功能完成

cdTMP/src/views/project/opeSets/components/CaseTable/form.vue

@@ -0,0 +1,81 @@
+<template>
+    <div class="form-container">
+        <a-modal v-model:visible="visible" width="80%" unmount-on-close ok-text="更新" :on-before-ok="handleBeforeOk">
+            <template #title>测试用例-{{ modalTitle }}</template>
+            <ma-form v-model="form" ref="formRef" :columns="columnOptions" :options="options">
+                <template #inputPrepend-ident> YL-XX- </template>
+            </ma-form>
+        </a-modal>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue"
+import useOptions from "@/views/project/testDemand/CaseSubForm/useOptions"
+import caseApi from "@/api/project/case"
+import { useRoute } from "vue-router"
+import { Message } from "@arco-design/web-vue"
+
+// route
+const route = useRoute()
+
+// refs
+const formRef = ref(null)
+
+// emits
+const emit = defineEmits(["refresh"])
+
+// columns/options
+const { options, columnOptions } = useOptions(formRef)
+
+// modal-visible
+const visible = ref(false)
+
+// form-data
+const form = ref({})
+
+// 暴露给外部open函数
+const modalTitle = ref("")
+const open = async (rowData: any) => {
+    // 请求数据
+    try {
+        // 设置表单名称
+        modalTitle.value = rowData.title
+        const res = await caseApi.getCaseOneById(rowData.id)
+        // 更新表单
+        form.value = res.data
+        visible.value = true
+    } catch (e) {
+        visible.value = false
+    }
+}
+// 异步确认按钮点击
+const handleBeforeOk = async () => {
+    const isValidated = await (formRef.value as any).validateForm()
+    if (isValidated) {
+        // 失败
+        return false
+    } else {
+        // 成功 **变化**
+        const round = (form.value as any).key.split("-")[0]
+        const dut = (form.value as any).key.split("-")[1]
+        const designDemand = (form.value as any).key.split("-")[2]
+        const testDemand = (form.value as any).key.split("-")[2]
+        await caseApi.update((form.value as any).id, {
+            project_id: route.query.id,
+            ...form.value,
+            round,
+            designDemand,
+            testDemand,
+            dut: dut
+        })
+        // 刷新table
+        emit("refresh")
+        Message.success("修改成功")
+    }
+}
+// out use
+defineExpose({ open })
+</script>
+
+<style lang="less" scoped></style>