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

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
+        })
+    }
 }

cdTMP/src/api/system/types/fragmentTypes.ts

@@ -17,6 +17,13 @@ export enum FragBelongDoc {
 export interface IFragSearchCondition {
     belongDocName?: FragBelongDoc
     name?: string
-    isMain?: boolean
+    is_main?: boolean
-    projectId?: number
+    projectId?: string
+}
+
+/**
+ * 接口：更新文档片段的对象
+ */
+export interface IFragUpdateObject extends IFragSearchCondition {
+    field_seq?: string
 }

cdTMP/src/utils/enums/productTypes.ts

@@ -1,9 +1,9 @@
 export enum ProductFileEnum {
-    dg = "大纲",
+    dg = "测评大纲",
-    sm = "说明",
+    sm = "测试说明",
-    jl = "记录",
+    jl = "测试记录",
     hsm = "回归说明",
     hjl = "回归记录",
-    bg = "报告",
+    bg = "测评报告",
     wtd = "问题单"
 }

cdTMP/src/utils/types/CommonType.ts

@@ -1,4 +1,4 @@
 export interface IDictData<T> {
-    label: string
+    label: T
-    value: T
+    value: number
 }

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,

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

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

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

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

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,

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

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
     }

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("-")

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

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("-")

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>

cdTMP/src/views/testmanage/components/PageHeader/types.ts

@@ -0,0 +1,5 @@
+export interface IPageHeaderProps {
+    title?: string
+    name?: string
+    step?: string // 可能出现项目状态
+}

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
+            <page-header :data="headerData"></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>
             <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>
+<script setup lang="ts">
-import { useRoute, useRouter } from "vue-router"
+import { computed, ComputedRef } from "vue"
-const router = useRouter()
+import type { IPageHeaderProps } from "../../components/PageHeader/types"
-
+import PageHeader from "@/views/testmanage/components/PageHeader/index.vue"
-// 1.头部-点击返回
+// 定义props
-const handleBackClick = () => {
-    router.go(-1)
-}
-// 2.定义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>

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">
+                <page-header :data="headerData"></page-header>
-                    <template #subtitle>
-                        <a-space>
-                            <span>{{ loadingData.name }}</span>
-                        </a-space>
-                        <span class="text-base ml-3 text-red-950">所属文档片段</span>
-                    </template>
-                </a-page-header>
                 <hr />
-                <ma-crud class="mt-3" :options="crudOptions" :columns="crudColumns" ref="crudRef"> </ma-crud>
+                <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>
+                </ma-crud>
             </div>
         </div>
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="tsx">
-import { ref } from "vue"
+import { computed, ComputedRef, ref } from "vue"
-import { useRoute, useRouter } from "vue-router"
+import { useRoute } from "vue-router"
-import { FragApi } from "@/api/system/fragment"
+import PageHeader from "@/views/testmanage/components/PageHeader/index.vue"
-import { ProductFileEnum } from "@/utils/enums/productTypes"
-import { IDictData } from "@/utils/types/CommonType"
 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()
-const crudRef = ref(null)
 // 产品文档类型写死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
     }
 ])
 

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 = "项目"