(create)新增项目所属文档片段crud

2024-07-25 18:51:12 +08:00
parent 3c32e70977
commit 7aecdb2df6
20 changed files with 231 additions and 61 deletions
--- a/cdTMP/src/api/system/fragment.ts
+++ b/cdTMP/src/api/system/fragment.ts
@@ -1,5 +1,5 @@
 import { request } from "@/api/request"
-import { IFragSearchCondition } from "./types/fragmentTypes"
+import { IFragSearchCondition, IFragUpdateObject } from "./types/fragmentTypes"
 export class FragApi {
    /**
     * 根据参数获取文档片段
@@ -12,4 +12,26 @@ export class FragApi {
            params
        })
    }
+    /**
+     * 根据fragment的对象更新数据库
+     * @returns 是否更新成功
+     */
+    static update(id: any, data: IFragUpdateObject) {
+        return request({
+            url: "system/userField/update/" + id,
+            method: "put",
+            data
+        })
+    }
+    /**
+     * 根据id删除fragment
+     * @returns 返回被删除的id或错误消息
+     */
+    static delete(data) {
+        return request({
+            url: "system/userField/delete",
+            method: "delete",
+            data
+        })
+    }
 }
--- a/cdTMP/src/api/system/types/fragmentTypes.ts
+++ b/cdTMP/src/api/system/types/fragmentTypes.ts
@@ -17,6 +17,13 @@ export enum FragBelongDoc {
 export interface IFragSearchCondition {
    belongDocName?: FragBelongDoc
    name?: string
-    isMain?: boolean
-    projectId?: number
+    is_main?: boolean
+    projectId?: string
+}
+
+/**
+ * 接口：更新文档片段的对象
+ */
+export interface IFragUpdateObject extends IFragSearchCondition {
+    field_seq?: string
 }
--- a/cdTMP/src/utils/enums/productTypes.ts
+++ b/cdTMP/src/utils/enums/productTypes.ts
@@ -1,9 +1,9 @@
 export enum ProductFileEnum {
-    dg = "大纲",
-    sm = "说明",
-    jl = "记录",
+    dg = "测评大纲",
+    sm = "测试说明",
+    jl = "测试记录",
    hsm = "回归说明",
    hjl = "回归记录",
-    bg = "报告",
+    bg = "测评报告",
    wtd = "问题单"
 }
--- a/cdTMP/src/utils/types/CommonType.ts
+++ b/cdTMP/src/utils/types/CommonType.ts
@@ -1,4 +1,4 @@
 export interface IDictData<T> {
-    label: string
-    value: T
+    label: T
+    value: number
 }
--- a/cdTMP/src/views/dashboard/usermanage/index.vue
+++ b/cdTMP/src/views/dashboard/usermanage/index.vue
@@ -43,6 +43,9 @@ const crudOptions = reactive({
    rowSelection: {
        showCheckedAll: true
    },
+    afterDelete(response) {
+        crudRef.value.setSelecteds([])
+    },
    // 是否显示操作列
    operationColumn: true,
    operationWidth: 200,
--- a/cdTMP/src/views/datamanage/abbreviation/index.vue
+++ b/cdTMP/src/views/datamanage/abbreviation/index.vue
@@ -25,7 +25,10 @@ const crudOptions = ref({
    showIndex: false,
    searchColNumber: 3,
    tablePagination: false,
-    rowSelection: { showCheckedAll: true }
+    rowSelection: { showCheckedAll: true },
+    afterDelete(response) {
+        crudRef.value.setSelecteds([])
+    }
 })
 const crudColumns = ref([
    { title: "ID", dataIndex: "id", addDisplay: false, editDisplay: false, width: 50, hide: true },
--- a/cdTMP/src/views/datamanage/dictmanage/dataList.vue
+++ b/cdTMP/src/views/datamanage/dictmanage/dataList.vue
@@ -99,7 +99,10 @@ const crudOptions = ref({
    },
    add: { show: true, api: dictApi.saveDictItem },
    edit: { show: true, api: dictApi.updateDictItemData },
-    delete: { show: true, api: dictApi.realDeleteItem }
+    delete: { show: true, api: dictApi.realDeleteItem },
+    afterDelete(response) {
+        crudRef.value.setSelecteds([])
+    }
 })

 // crudColumns
--- a/cdTMP/src/views/datamanage/dictmanage/index.vue
+++ b/cdTMP/src/views/datamanage/dictmanage/index.vue
@@ -61,7 +61,10 @@ const crudOptions = ref({
    searchColNumber: 4,
    tablePagination: false,
    operationColumn: true,
-    showTools: false
+    showTools: false,
+    afterDelete(response) {
+        crudRef.value.setSelecteds([])
+    }
 })

 const crudColumns = ref([
--- a/cdTMP/src/views/datamanage/projContact/index.vue
+++ b/cdTMP/src/views/datamanage/projContact/index.vue
@@ -26,7 +26,10 @@ const crudOptions = ref({
    searchColNumber: 3,
    tablePagination: false,
    rowSelection: { showCheckedAll: true },
-    showTools: false
+    showTools: false,
+    afterDelete(response) {
+        crudRef.value.setSelecteds([])
+    }
 })
 const crudColumns = ref([
    { title: "ID", dataIndex: "id", addDisplay: false, editDisplay: false, width: 50, hide: true },
--- a/cdTMP/src/views/project/case/components/ProblemChoose.vue
+++ b/cdTMP/src/views/project/case/components/ProblemChoose.vue
@@ -125,6 +125,9 @@ const crudOptions = ref({
    showTools: false, // 不显示工具栏
    operationColumn: true,
    operationColumnAlign: "center", // 操作列居中
+    afterDelete(response) {
+        crudRef.value.setSelecteds([])
+    },
    isDbClickEdit: false, // 双击不编辑当前列
    contextMenu: {
        enabled: true,
--- a/cdTMP/src/views/project/case/index.vue
+++ b/cdTMP/src/views/project/case/index.vue
@@ -106,6 +106,9 @@ const crudOptions = ref({
        testDemand: testDemandNumber,
        case: caseNumber
    },
+    afterDelete(response) {
+        crudRef.value.setSelecteds([])
+    },
    showIndex: false,
    showTools: false,
    operationColumnAlign: "center",
--- a/cdTMP/src/views/project/design-demand/index.vue
+++ b/cdTMP/src/views/project/design-demand/index.vue
@@ -153,6 +153,9 @@ const crudOptions = ref({
    add: { show: true, api: testDemandApi.save, text: "新增测试项" },
    edit: { show: true, api: testDemandApi.update, text: "修改测试项" },
    delete: { show: true, api: testDemandApi.delete },
+    afterDelete(response) {
+        crudRef.value.setSelecteds([])
+    },
    showTools: false,
    beforeOpenAdd: function () {
        let key_split = route.query.key.split("-")
@@ -198,7 +201,7 @@ const crudOptions = ref({
    searchColNumber: 3,
    tablePagination: false,
    operationColumn: true,
-    operationColumnAlign:'center',
+    operationColumnAlign: "center",
    formOption: {
        width: 1200
    }
--- a/cdTMP/src/views/project/dut/index.vue
+++ b/cdTMP/src/views/project/dut/index.vue
@@ -69,6 +69,9 @@ const crudOptions = ref({
    add: { show: true, api: designDemandApi.save, text: "新增设计需求" },
    edit: { show: true, api: designDemandApi.editDesignDemand, text: "编辑设计需求" },
    delete: { show: true, api: designDemandApi.delete },
+    afterDelete(response) {
+        crudRef.value.setSelecteds([])
+    },
    // 处理添加后函数
    beforeOpenAdd: function () {
        let key_split = route.query.key.split("-")
--- a/cdTMP/src/views/project/round/index.vue
+++ b/cdTMP/src/views/project/round/index.vue
@@ -32,6 +32,9 @@ let beiceType = [
 const crudOptions = ref({
    api: dutApi.getDutList,
    add: { show: true, api: dutApi.save, text: "新增被测件" },
+    afterDelete(response) {
+        crudRef.value.setSelecteds([])
+    },
    // 处理添加后函数
    beforeOpenAdd: function () {
        let round_str = parseInt(route.query.key) + 1
--- a/cdTMP/src/views/project/testDemand/index.vue
+++ b/cdTMP/src/views/project/testDemand/index.vue
@@ -42,6 +42,9 @@ const crudOptions = ref({
    delete: { show: true, api: caseApi.delete },
    operationColumnAlign: "center",
    isDbClickEdit: false, // 关闭双击编辑
+    afterDelete(response) {
+        crudRef.value.setSelecteds([])
+    },
    // 处理新增删除后树状图显示
    beforeOpenAdd: function () {
        let key_split = route.query.key.split("-")
--- a/cdTMP/src/views/testmanage/components/PageHeader/index.vue
+++ b/cdTMP/src/views/testmanage/components/PageHeader/index.vue
@@ -0,0 +1,43 @@
+<template>
+    <a-page-header
+        @back="handleBackClick"
+        :style="{ background: 'var(--color-bg-2)' }"
+        :title="props.data.title"
+        v-if="isBlankObj(props.data)"
+    >
+        <template #subtitle>
+            <a-space>
+                <span>{{ props.data.name }}</span>
+                <span class="text-base ml-3 text-red-950" v-if="!props.data.step">所属文档片段</span>
+                <a-tag color="red" size="small" v-else>{{ props.data.step }}</a-tag>
+            </a-space>
+        </template>
+    </a-page-header>
+</template>
+
+<script setup lang="ts">
+import { PropType } from "vue"
+import { useRouter } from "vue-router"
+import type { IPageHeaderProps } from "./types"
+// 组件属性
+const props = defineProps({
+    data: {
+        type: Object as PropType<IPageHeaderProps>,
+        required: true
+    }
+})
+const isBlankObj = (data: IPageHeaderProps) => {
+    return Object.keys(data).length > 0
+}
+const router = useRouter()
+// 返回上个页面
+const handleBackClick = () => {
+    router.go(-1)
+}
+</script>
+
+<style scoped lang="less">
+:deep(.arco-page-header-main) {
+    align-items: center;
+}
+</style>
--- a/cdTMP/src/views/testmanage/components/PageHeader/types.ts
+++ b/cdTMP/src/views/testmanage/components/PageHeader/types.ts
@@ -0,0 +1,5 @@
+export interface IPageHeaderProps {
+    title?: string
+    name?: string
+    step?: string // 可能出现项目状态
+}
--- a/cdTMP/src/views/testmanage/projBoard/cpns/Title.vue
+++ b/cdTMP/src/views/testmanage/projBoard/cpns/Title.vue
@@ -1,25 +1,14 @@
 <template>
    <div class="title-container">
        <div class="ma-content-block rounded-sm flex-col justify-between w-full p-3 bg-color">
-            <a-page-header
-                @back="handleBackClick"
-                :style="{ background: 'var(--color-bg-2)' }"
-                :title="props.pInfo.ident"
-            >
-                <template #subtitle>
-                    <a-space>
-                        <span>{{ props.pInfo.name }}</span>
-                        <a-tag color="red" size="small">{{ props.pInfo.step }}</a-tag>
-                    </a-space>
-                </template>
-            </a-page-header>
+            <page-header :data="headerData"></page-header>
            <div class="title">基本信息</div>
            <div class="item-container">
                <a-card
                    class="item"
                    v-for="(val, key) in pInfo.title_info"
                    :style="{ width: '360px' }"
-                    :title="key"
+                    :title="key.toString()"
                    :key="key"
                    hoverable
                >
@@ -35,21 +24,25 @@
    </div>
 </template>

-<script setup>
-import { useRoute, useRouter } from "vue-router"
-const router = useRouter()
-
-// 1.头部-点击返回
-const handleBackClick = () => {
-    router.go(-1)
-}
-// 2.定义props
+<script setup lang="ts">
+import { computed, ComputedRef } from "vue"
+import type { IPageHeaderProps } from "../../components/PageHeader/types"
+import PageHeader from "@/views/testmanage/components/PageHeader/index.vue"
+// 定义props
 const props = defineProps({
    pInfo: {
        type: Object,
        required: true
    }
 })
+// 给头部组件的计算属性
+const headerData: ComputedRef<IPageHeaderProps> = computed(() => {
+    return {
+        title: props.pInfo.ident as string,
+        name: props.pInfo.name as string,
+        step: props.pInfo.step
+    }
+})
 </script>

 <style lang="less" scoped>
--- a/cdTMP/src/views/testmanage/projFragment/index.vue
+++ b/cdTMP/src/views/testmanage/projFragment/index.vue
@@ -2,51 +2,100 @@
    <div class="proj-fragment-container">
        <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" v-loading="isDataLoading">
-                <a-page-header @back="handleBackClick" :style="{ background: 'var(--color-bg-2)' }" :title="loadingData.ident">
-                    <template #subtitle>
-                        <a-space>
-                            <span>{{ loadingData.name }}</span>
-                        </a-space>
-                        <span class="text-base ml-3 text-red-950">所属文档片段</span>
+                <page-header :data="headerData"></page-header>
+                <hr />
+                <ma-crud class="mt-3" :options="crudOptions" :columns="crudColumns" ref="crudRef">
+                    <!-- 切换is_main -->
+                    <template #is_main="{ record }">
+                        <a-switch
+                            v-model:model-value="record.is_main"
+                            :before-change="beforeSwitchChange(record)"
+                        ></a-switch>
                    </template>
-                </a-page-header>
-                <hr/>
-                <ma-crud class="mt-3" :options="crudOptions" :columns="crudColumns" ref="crudRef"> </ma-crud>
+                </ma-crud>
            </div>
        </div>
    </div>
 </template>

-<script setup lang="ts">
-import { ref } from "vue"
-import { useRoute, useRouter } from "vue-router"
-import { FragApi } from "@/api/system/fragment"
-import { ProductFileEnum } from "@/utils/enums/productTypes"
-import { IDictData } from "@/utils/types/CommonType"
+<script setup lang="tsx">
+import { computed, ComputedRef, ref } from "vue"
+import { useRoute } from "vue-router"
+import PageHeader from "@/views/testmanage/components/PageHeader/index.vue"
 import useFetchData from "@/hooks/fetchData"
+// apis
+import { FragApi } from "@/api/system/fragment"
 import projectApi from "@/api/testmanage/project"
+// types
+import { ProductFileEnum } from "@/utils/enums/productTypes"
+import type { IDictData } from "@/utils/types/CommonType"
+import type { IPageHeaderProps } from "../components/PageHeader/types"
+import type { IFragSearchCondition } from "@/api/system/types/fragmentTypes"
+import { Message } from "@arco-design/web-vue"
+
 const route = useRoute()
-const router = useRouter()
-const crudRef = ref(null)
+const crudRef = ref()
 // 产品文档类型写死7种
-const productFileType: IDictData<ProductFileEnum>[] = Object.keys(ProductFileEnum).map((it) => ({
+const productFileType: IDictData<ProductFileEnum>[] = Object.keys(ProductFileEnum).map((it, index) => ({
    label: ProductFileEnum[it],
-    value: it as ProductFileEnum
+    value: index + 1
 }))
-// 返回项目管理
-const handleBackClick = () => {
-    router.go(-1)
-}
 // hook-获取单个项目信息
 const fetchData = async () => {
    return projectApi.getProjectById(route.params.projectId)
 }
 const { loadingData, isDataLoading } = useFetchData({}, fetchData)
+// 给头部组件的计算属性
+const headerData: ComputedRef<IPageHeaderProps> = computed(() => {
+    return {
+        title: loadingData.value.ident as string,
+        name: loadingData.value.name as string
+    }
+})
+// 切换is_main
+const beforeSwitchChange = (record: any) => {
+    return async function (newVal: boolean) {
+        await FragApi.update(record.id, {
+            is_main: newVal,
+            projectId: route.params.projectId as string
+        })
+        Message.success("设置成功")
+    }
+}

 // ma-crud配置
 const crudOptions = ref<object>({
    api: FragApi.getFragList,
-    showTools: false
+    edit: { show: true, api: FragApi.update },
+    delete: { show: true, api: FragApi.delete },
+    beforeRequest: (params: IFragSearchCondition) => {
+        // 添加项目id参数
+        params.projectId = route.params.projectId as string
+    },
+    afterDelete(response: any) {
+        crudRef.value.setSelecteds([])
+    },
+    showTools: false,
+    operationColumn: true,
+    operationColumnWidth: 120,
+    operationColumnAlign: "center",
+    bordered: { wrapper: true, cell: true },
+    resizable: false, // 不允许调整列宽
+    rowSelection: { showCheckedAll: true, checkStrictly: true },
+    isDbClickEdit: false,
+    searchColNumber: 2,
+    formOption: {
+        isFull: true,
+        layout: [
+            {
+                formType: "grid",
+                cols: [
+                    { span: 12, formList: [{ dataIndex: "name" }] },
+                    { span: 12, formList: [{ dataIndex: "belong_doc" }] }
+                ]
+            }
+        ]
+    }
 })
 const crudColumns = ref<any[]>([
    {
@@ -75,7 +124,22 @@ const crudColumns = ref<any[]>([
        formType: "select",
        search: true,
        commonRules: [{ required: true, message: "所属文档必选" }],
-        dict: { data: productFileType }
+        dict: { data: productFileType, translation: true }
+    },
+    {
+        title: "替换片段",
+        align: "center",
+        dataIndex: "is_main",
+        addDisplay: false,
+        editDisplay: false
+    },
+    {
+        title: "内容",
+        align: "center",
+        dataIndex: "content",
+        hide: true,
+        formType: "editor",
+        height: 550
    }
 ])

--- a/cdTMP/src/views/testmanage/projmanage/index.vue
+++ b/cdTMP/src/views/testmanage/projmanage/index.vue
@@ -365,6 +365,9 @@ const crudOptions = ref({
    showTools: false,
    operationColumnWidth: 280, // 操作列宽度
    operationColumnAlign: "center", // 操作列对齐方式
+    afterDelete(response) {
+        crudRef.value.setSelecteds([])
+    },
    // 处理弹窗的title
    beforeOpenAdd: function () {
        crudRef.value.crudFormRef.actionTitle = "项目"