From 72c080230fbb2f129b36f8459c9c5c3159198eb9 Mon Sep 17 00:00:00 2001 From: chenjunyi <314298729@qq.com> Date: Sat, 31 Jan 2026 17:34:03 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=BD=AF=E4=BB=B6=E6=A6=82?= =?UTF-8?q?=E8=BF=B0-=E6=AE=B5=E8=90=BD=E5=92=8C=E5=9B=BE=E7=89=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- cdTMP/README.md | 8 +- cdTMP/package-lock.json | 421 +++++++++++++++--- cdTMP/package.json | 10 +- cdTMP/src/layout/components/navbar.vue | 37 +- .../components/projectInfoOther/index.vue | 40 ++ .../projectModal/ImageInput/index.vue | 95 ++++ .../projectModal/hooks/useTable.tsx | 111 +++++ .../projectInfoOther/projectModal/index.vue | 46 ++ .../projectModal/wordLikeTable/index.vue | 14 + cdTMP/src/layout/treeHooks/searchNodes.ts | 1 - cdTMP/版本记录防止升级错误.md | 3 +- 11 files changed, 705 insertions(+), 81 deletions(-) create mode 100644 cdTMP/src/layout/components/projectInfoOther/index.vue create mode 100644 cdTMP/src/layout/components/projectInfoOther/projectModal/ImageInput/index.vue create mode 100644 cdTMP/src/layout/components/projectInfoOther/projectModal/hooks/useTable.tsx create mode 100644 cdTMP/src/layout/components/projectInfoOther/projectModal/index.vue create mode 100644 cdTMP/src/layout/components/projectInfoOther/projectModal/wordLikeTable/index.vue diff --git a/cdTMP/README.md b/cdTMP/README.md index d0ab254..36dee56 100644 --- a/cdTMP/README.md +++ b/cdTMP/README.md @@ -1,7 +1,3 @@ -# Vue 3 + Vite +# 测试管理平台 -This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` diff --git a/cdTMP/src/layout/components/projectInfoOther/projectModal/ImageInput/index.vue b/cdTMP/src/layout/components/projectInfoOther/projectModal/ImageInput/index.vue new file mode 100644 index 0000000..9e105e7 --- /dev/null +++ b/cdTMP/src/layout/components/projectInfoOther/projectModal/ImageInput/index.vue @@ -0,0 +1,95 @@ + + + + + diff --git a/cdTMP/src/layout/components/projectInfoOther/projectModal/hooks/useTable.tsx b/cdTMP/src/layout/components/projectInfoOther/projectModal/hooks/useTable.tsx new file mode 100644 index 0000000..fa5e84a --- /dev/null +++ b/cdTMP/src/layout/components/projectInfoOther/projectModal/hooks/useTable.tsx @@ -0,0 +1,111 @@ +import { TableColumnData } from "@arco-design/web-vue" +import { ref, reactive } from "vue" +// 粘贴图片组件 +import ImageInput from "../ImageInput/index.vue" +// wordlike组件 +import WordLikeTable from "../wordLikeTable/index.vue" + +export default function useTable() { + const columns = reactive([ + { + title: "类型", + width: 50, + align: "center", + dataIndex: "type", + render: ({ record }) => { + let item: string = "文" + let color: string = "red" + switch (record.type) { + case "text": + item = "文" + color = "blue" + break + case "image": + item = "图" + color = "red" + break + case "table": + item = "表" + color = "orangered" + break + } + return {item} + } + }, + { + title: "内容", + dataIndex: "content", + slotName: "content", + render({ record, rowIndex }) { + const { type } = record + switch (type) { + case "text": + return + case "image": + return + case "table": + return + } + } + }, + { + title: "操作", + align: "center", + width: 80, + render: ({ rowIndex }) => { + return ( + + + deleteRow(rowIndex)}> + {{ icon: () => }} + + + + ) + } + } + ]) + + // 数据定义 - 测试 + const data = ref([ + { + type: "text", + content: "这是数据内容", + fontnote: "" + } + ]) + + // 单行初始内容-并设置数据类型 + const initalRowData = { + type: "text", + content: "", + fontnote: "" + } + + // 删除该行 + const deleteRow = async (rowIndex: number) => { + data.value.splice(rowIndex, 1) + } + + // 拖拽 + const handleChange = (_data: typeof data.value) => { + data.value = _data + } + + // 新增文 + const addTextRow = () => { + data.value.push({ ...initalRowData }) + } + + // 新增图片 + const addPicRow = () => { + data.value.push({ type: "image", content: "", fontnote: "" }) + } + + // 新增表格 + const addTableRow = () => { + data.value.push({ type: "table", content: "", fontnote: "" }) + } + + return { columns, data, handleChange, addTextRow, addPicRow, addTableRow } +} diff --git a/cdTMP/src/layout/components/projectInfoOther/projectModal/index.vue b/cdTMP/src/layout/components/projectInfoOther/projectModal/index.vue new file mode 100644 index 0000000..c8de32b --- /dev/null +++ b/cdTMP/src/layout/components/projectInfoOther/projectModal/index.vue @@ -0,0 +1,46 @@ + + + + + diff --git a/cdTMP/src/layout/components/projectInfoOther/projectModal/wordLikeTable/index.vue b/cdTMP/src/layout/components/projectInfoOther/projectModal/wordLikeTable/index.vue new file mode 100644 index 0000000..1423959 --- /dev/null +++ b/cdTMP/src/layout/components/projectInfoOther/projectModal/wordLikeTable/index.vue @@ -0,0 +1,14 @@ + + + + + \ No newline at end of file diff --git a/cdTMP/src/layout/treeHooks/searchNodes.ts b/cdTMP/src/layout/treeHooks/searchNodes.ts index fc88567..a1cdff9 100644 --- a/cdTMP/src/layout/treeHooks/searchNodes.ts +++ b/cdTMP/src/layout/treeHooks/searchNodes.ts @@ -34,7 +34,6 @@ export default function useSearchNodes() { const searchKey = ref("") // 点击搜索事件 const handleSearchTreeDataClick = () => { - console.log(searchKey.value) // 返回过滤后的treeData // treeDataStore.originTreeData if (searchKey.value) { diff --git a/cdTMP/版本记录防止升级错误.md b/cdTMP/版本记录防止升级错误.md index 878282a..dee9614 100644 --- a/cdTMP/版本记录防止升级错误.md +++ b/cdTMP/版本记录防止升级错误.md @@ -1 +1,2 @@ -1. tinymce 7.9.1 \ No newline at end of file +1. tinymce 7.9.1 +2. vue-router 4.6.4 \ No newline at end of file