【修改】 pptx考点新增页面

2025-08-06 00:26:08 +08:00
parent 071e35ba5d
commit 0579d2ace7
3 changed files with 358 additions and 498 deletions
--- a/src/views/wps/pptx/PptxForm.vue
+++ b/src/views/wps/pptx/PptxForm.vue
@@ -5,90 +5,35 @@
      v-loading="formLoading"
      :model="formData"
      :rules="formRules"
-      label-width="160px"
+      label-width="120px"
    >
      <el-form-item label="上级节点" prop="parentId">
        <el-tree-select
          v-model="formData.parentId"
-          :data="wordTree"
+          :data="PptxTree"
          :props="defaultProps"
          check-strictly
-          placeholder="请选择上级Pptx节点"
+          default-expand-all
+          placeholder="请选择上级Slide节点"
        />
      </el-form-item>
-      <el-form-item label="名称" prop="name">
-        <el-input v-model="formData.name" placeholder="请输入名称" />
+      <el-form-item label="Slide节点名称" prop="name">
+        <el-input v-model="formData.name" placeholder="请输入Slide节点名称" />
+      </el-form-item>
+      <el-form-item label="显示排序" prop="sort">
+        <el-input-number v-model="formData.sort" :min="0" controls-position="right" />
+      </el-form-item>
+      <el-form-item label="节点方法" prop="functions">
+        <el-input v-model="formData.functions" placeholder="请输入节点方法" />
+      </el-form-item>
+      <el-form-item label="方法参数" prop="parameter">
+        <el-input v-model="formData.parameter" placeholder="请输入节点方法" />
+      </el-form-item>
+      <el-form-item label="中文描述" prop="chineseName">
+        <el-input v-model="formData.chineseName" maxlength="50" placeholder="请输入中文描述" />
      </el-form-item>
      <el-form-item label="标签名称" prop="title">
-        <el-input v-model="formData.title" placeholder="请输入标签名称" />
-      </el-form-item>
-      <el-form-item label="值参数" prop="valueList">
-        <el-input v-model="formData.valueList" maxlength="50" placeholder="请输入值参数(多值判断#分隔) 当查询数据类型为文本是填入null" />
-      </el-form-item>
-      <el-form-item label="查询数据类型" prop="isText">
-        <el-select
-          v-model="formData.isText"
-          clearable
-          placeholder="请输入查找的是文本还是参数（0：参数；1：文本）"
-        >
-          <el-option
-            v-for="dict in getIntDictOptions(DICT_TYPE.PPTX_ISTEXT)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="中文考点名称" prop="chineseName">
-        <el-input v-model="formData.chineseName" maxlength="50" placeholder="请输入中文考点名称" />
-      </el-form-item>
-      <el-form-item label="返回数据类型" prop="isTrue">
-        <el-select
-          v-model="formData.isTrue"
-          clearable
-          placeholder="请选择对结果的判断（0:否 返回值，1:是 返回 是否）"
-        >
-          <el-option
-            v-for="dict in getIntDictOptions(DICT_TYPE.PPTX_ISTRUE)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="参数归属" prop="isParameter">
-        <el-select
-          v-model="formData.isParameter"
-          clearable
-          placeholder="请选择0:内参数；1：外参数；2；内外参数（方法使用#继续分割）"
-        >
-          <el-option
-            v-for="dict in getIntDictOptions(DICT_TYPE.PPTX_ISPARAMETER)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="考点级别" prop="titleType">
-        <el-select v-model="formData.titleType" clearable placeholder="请选择考点级别">
-          <el-option
-            v-for="dict in getIntDictOptions(DICT_TYPE.PPTX_TITLETYPE)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="值转换类型" prop="dataType">
-        <el-select v-model="formData.dataType" clearable placeholder="请选择值转换类型">
-          <el-option
-            v-for="dict in getStrDictOptions(DICT_TYPE.PPTX_DATATYPE)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
+        <el-input v-model="formData.title" maxlength="50" placeholder="请输入标签名称" />
      </el-form-item>
      <el-form-item label="状态" prop="status">
        <el-select v-model="formData.status" clearable placeholder="请选择状态">
@@ -100,9 +45,6 @@
          />
        </el-select>
      </el-form-item>
-      <el-form-item label="显示排序" prop="sort">
-        <el-input-number v-model="formData.sort" :min="0" controls-position="right" />
-      </el-form-item>
    </el-form>
    <template #footer>
      <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -117,7 +59,7 @@ import * as PptxApi from '@/api/wps/pptx'
 import { CommonStatusEnum } from '@/utils/constants'
 import { FormRules } from 'element-plus'

-defineOptions({ name: 'WpsWord' })
+defineOptions({ name: 'WpsPptx' })

 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@@ -128,27 +70,23 @@ const formLoading = ref(false) // 表单的加载中：1）修改时的数据加
 const formType = ref('') // 表单的类型：create - 新增；update - 修改
 const formData = ref({
  id: undefined,
+  title: '',
  parentId: undefined,
  name: undefined,
  sort: undefined,
-  title: undefined,
-  valueList: undefined,
+  functions: undefined,
+  parameter: undefined,
  chineseName: undefined,
-  status: CommonStatusEnum.ENABLE,
-  dataType: CommonStatusEnum.ENABLE,
-  isText: CommonStatusEnum.ENABLE,
-  isTrue: CommonStatusEnum.ENABLE,
-  titleType: CommonStatusEnum.ENABLE,
-  isParameter: CommonStatusEnum.ENABLE
+  status: CommonStatusEnum.ENABLE
 })
 const formRules = reactive<FormRules>({
-  parentId: [{ required: true, message: '上级Word节点不能为空', trigger: 'blur' }],
+  parentId: [{ required: true, message: '上级Pptx节点不能为空', trigger: 'blur' }],
  name: [{ required: true, message: '节点名称不能为空', trigger: 'blur' }],
  sort: [{ required: true, message: '显示排序不能为空', trigger: 'blur' }],
  status: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
 })
 const formRef = ref() // 表单 Ref
-const wordTree = ref() // 树形结构
+const PptxTree = ref() // 树形结构

 /** 打开弹窗 */
 const open = async (type: string, id?: number) => {
@@ -165,7 +103,7 @@ const open = async (type: string, id?: number) => {
      formLoading.value = false
    }
  }
-  // 获得Word节点树
+  // 获得Pptx节点树
  await getTree()
 }
 defineExpose({ open }) // 提供 open 方法，用于打开弹窗
@@ -200,28 +138,24 @@ const submitForm = async () => {
 const resetForm = () => {
  formData.value = {
    id: undefined,
+    title: '',
    parentId: undefined,
    name: undefined,
    sort: undefined,
-    title: undefined,
-    valueList: undefined,
+    functions: undefined,
+    parameter: undefined,
    chineseName: undefined,
-    status: CommonStatusEnum.ENABLE,
-    dataType: CommonStatusEnum.ENABLE,
-    isText: CommonStatusEnum.ENABLE,
-    isTrue: CommonStatusEnum.ENABLE,
-    titleType: CommonStatusEnum.ENABLE,
-    isParameter: CommonStatusEnum.ENABLE
+    status: CommonStatusEnum.ENABLE
  }
  formRef.value?.resetFields()
 }

-/** 获得树 */
+/** 获得Pptx树 */
 const getTree = async () => {
-  wordTree.value = []
+  PptxTree.value = []
  const data = await PptxApi.getSimplePptxList()
-  let word: Tree = { id: 0, name: '顶级Word节点', children: [] }
-  word.children = handleTree(data)
-  wordTree.value.push(word)
+  let Pptx: Tree = { id: 0, name: '顶级Pptx节点', children: [] }
+  Pptx.children = handleTree(data)
+  PptxTree.value.push(Pptx)
 }
 </script>
--- a/src/views/wps/pptx/index.vue
+++ b/src/views/wps/pptx/index.vue
@@ -34,27 +34,9 @@
    >
      <el-table-column prop="name" label="名称" />
      <el-table-column prop="title" label="标签名称" /> 
-      <el-table-column prop="valueList" label="值参数(多值判断#分隔)" /> 
-      <el-table-column prop="isText" label="查询数据类型">
-      <template #default="scope">
-          <dict-tag :type="DICT_TYPE.PPTX_ISTEXT" :value="scope.row.isText" />
-        </template>
-      </el-table-column>
-      <el-table-column prop="isTrue" label="返回数据类型">
-        <template #default="scope">
-          <dict-tag :type="DICT_TYPE.PPTX_ISTRUE" :value="scope.row.isTrue" />
-        </template>
-      </el-table-column>
-      <el-table-column prop="dataType" label="值转换类型">
-        <template #default="scope">
-          <dict-tag :type="DICT_TYPE.PPTX_DATATYPE" :value="scope.row.dataType" />
-        </template>
-      </el-table-column>
-      <el-table-column prop="isParameter" label="参数归属">
-        <template #default="scope">
-          <dict-tag :type="DICT_TYPE.PPTX_ISPARAMETER" :value="scope.row.isParameter" />
-        </template>
-      </el-table-column>
+      <el-table-column prop="functions" label="方法名称" />
+      <el-table-column prop="parameter" label="方法参数" />
+      <el-table-column prop="chineseName" label="中文描述" />
      <el-table-column label="操作" align="center" width="150">
        <template #default="scope">
          <el-button
@@ -79,6 +61,7 @@
  <!-- 表单弹窗：添加/修改 -->
  <PptxForm ref="formRef" @success="getList" />
 </template>
+
 <script lang="ts" setup>
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
@@ -104,7 +87,7 @@ const queryFormRef = ref() // 搜索的表单
 const isExpandAll = ref(true) // 是否展开，默认全部展开
 const refreshTable = ref(true) // 重新渲染表格状态

-/** 查询Word节点列表 */
+/** 查询Pptx节点列表 */
 const getList = async () => {
  loading.value = true
  try {