1.0.6 模板变量、打印模板

src/api/oa/base/printTemplate/index.ts

@@ -0,0 +1,76 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { PrintTemplateVO, PrintTemplateForm, PrintTemplateQuery } from '@/api/oa/base/printTemplate/types';
+
+/**
+ * 查询打印模板信息列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listPrintTemplate = (query?: PrintTemplateQuery): AxiosPromise<PrintTemplateVO[]> => {
+  return request({
+    url: '/oa/base/printTemplate/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询打印模板信息详细
+ * @param templateId
+ */
+export const getPrintTemplate = (templateId: string | number): AxiosPromise<PrintTemplateVO> => {
+  return request({
+    url: '/oa/base/printTemplate/' + templateId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增打印模板信息
+ * @param data
+ */
+export const addPrintTemplate = (data: PrintTemplateForm) => {
+  return request({
+    url: '/oa/base/printTemplate',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改打印模板信息
+ * @param data
+ */
+export const updatePrintTemplate = (data: PrintTemplateForm) => {
+  return request({
+    url: '/oa/base/printTemplate',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除打印模板信息
+ * @param templateId
+ */
+export const delPrintTemplate = (templateId: string | number | Array<string | number>) => {
+  return request({
+    url: '/oa/base/printTemplate/' + templateId,
+    method: 'delete'
+  });
+};
+
+/**
+ * 下拉框查询打印模板信息列表
+ * @param query
+ * @returns {*}
+ */
+export function getBasePrintTemplateList (query) {
+    return request({
+        url: '/oa/base/printTemplate/getBasePrintTemplateList',
+        method: 'get',
+        params: query
+    });
+};

src/api/oa/base/printTemplate/types.ts

@@ -0,0 +1,154 @@
+export interface PrintTemplateVO {
+  /**
+   * 模板ID
+   */
+  templateId: string | number;
+
+  /**
+   * 模板名称
+   */
+  templateName: string;
+
+  /**
+   * 模板类型(1合同 2发货单）
+   */
+  templateType: string;
+  version: string;
+
+  /**
+   * 模板状态(1暂存 2审批中 3可用)
+   */
+  templateStatus: string;
+
+  /**
+   * 流程状态
+   */
+  flowStatus: string;
+
+  /**
+   * 模板数据
+   */
+  templateData: string;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag: string;
+
+  /**
+   * 创建部门
+   */
+  createDept: number;
+
+  /**
+   * 创建人
+   */
+  createBy: number;
+
+  /**
+   * 创建时间
+   */
+  createTime: string;
+
+  /**
+   * 更新人
+   */
+  updateBy: number;
+
+  /**
+   * 更新时间
+   */
+  updateTime: string;
+
+}
+
+export interface PrintTemplateForm extends BaseEntity {
+  /**
+   * 模板ID
+   */
+  templateId?: string | number;
+
+  /**
+   * 模板名称
+   */
+  templateName?: string;
+  version?: string;
+
+  /**
+   * 模板类型(1合同 2发货单）
+   */
+  templateType?: string;
+
+  /**
+   * 模板状态(1暂存 2审批中 3可用)
+   */
+  templateStatus?: string;
+
+  /**
+   * 流程状态
+   */
+  flowStatus?: string;
+
+  /**
+   * 模板数据
+   */
+  templateData?: string;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+}
+
+export interface PrintTemplateQuery extends PageQuery {
+
+  /**
+   * 模板名称
+   */
+  templateName?: string;
+
+  /**
+   * 模板类型(1合同 2发货单）
+   */
+  templateType?: string;
+  version?: string;
+
+  /**
+   * 模板状态(1暂存 2审批中 3可用)
+   */
+  templateStatus?: string;
+
+  /**
+   * 流程状态
+   */
+  flowStatus?: string;
+
+  /**
+   * 模板数据
+   */
+  templateData?: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}
+
+
+

src/api/oa/base/templateVariable/index.ts

@@ -0,0 +1,76 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { TemplateVariableVO, TemplateVariableForm, TemplateVariableQuery } from '@/api/oa/base/templateVariable/types';
+
+/**
+ * 查询模板变量信息列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listTemplateVariable = (query?: TemplateVariableQuery): AxiosPromise<TemplateVariableVO[]> => {
+  return request({
+    url: '/oa/base/templateVariable/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询模板变量信息详细
+ * @param variableId
+ */
+export const getTemplateVariable = (variableId: string | number): AxiosPromise<TemplateVariableVO> => {
+  return request({
+    url: '/oa/base/templateVariable/' + variableId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增模板变量信息
+ * @param data
+ */
+export const addTemplateVariable = (data: TemplateVariableForm) => {
+  return request({
+    url: '/oa/base/templateVariable',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改模板变量信息
+ * @param data
+ */
+export const updateTemplateVariable = (data: TemplateVariableForm) => {
+  return request({
+    url: '/oa/base/templateVariable',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除模板变量信息
+ * @param variableId
+ */
+export const delTemplateVariable = (variableId: string | number | Array<string | number>) => {
+  return request({
+    url: '/oa/base/templateVariable/' + variableId,
+    method: 'delete'
+  });
+};
+
+/**
+ * 下拉框查询模板变量信息列表
+ * @param query
+ * @returns {*}
+ */
+export function getBaseTemplateVariableList (query) {
+    return request({
+        url: '/oa/base/templateVariable/getBaseTemplateVariableList',
+        method: 'get',
+        params: query
+    });
+};

src/api/oa/base/templateVariable/types.ts

@@ -0,0 +1,186 @@
+export interface TemplateVariableVO {
+  /**
+   * 变量ID
+   */
+  variableId: string | number;
+
+  /**
+   * 变量显示名称
+   */
+  varLabel: string;
+
+  /**
+   * 变量名称(含占位符)
+   */
+  varName: string;
+
+  /**
+   * 模板类型(1合同 2发货单）
+   */
+  templateType: string;
+
+  /**
+   * 数据表名
+   */
+  dataSource: string;
+
+  /**
+   * 数据字段
+   */
+  dataField: string;
+
+  /**
+   * 变量类型(1文本 2数值 3时间 4数组)
+   */
+  varType: string;
+
+  /**
+   * 默认值
+   */
+  defaultValue: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder: number;
+
+  /**
+   * 模板ID（预留）
+   */
+  templateId: string | number;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag: string;
+
+}
+
+export interface TemplateVariableForm extends BaseEntity {
+  /**
+   * 变量ID
+   */
+  variableId?: string | number;
+
+  /**
+   * 变量显示名称
+   */
+  varLabel?: string;
+
+  /**
+   * 变量名称(含占位符)
+   */
+  varName?: string;
+
+  /**
+   * 模板类型(1合同 2发货单）
+   */
+  templateType?: string;
+
+  /**
+   * 数据表名
+   */
+  dataSource?: string;
+
+  /**
+   * 数据字段
+   */
+  dataField?: string;
+
+  /**
+   * 变量类型(1文本 2数值 3时间 4数组)
+   */
+  varType?: string;
+
+  /**
+   * 默认值
+   */
+  defaultValue?: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder?: number;
+
+  /**
+   * 模板ID（预留）
+   */
+  templateId?: string | number;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+}
+
+export interface TemplateVariableQuery extends PageQuery {
+
+  /**
+   * 变量显示名称
+   */
+  varLabel?: string;
+
+  /**
+   * 变量名称(含占位符)
+   */
+  varName?: string;
+
+  /**
+   * 模板类型(1合同 2发货单）
+   */
+  templateType?: string;
+
+  /**
+   * 数据表名
+   */
+  dataSource?: string;
+
+  /**
+   * 数据字段
+   */
+  dataField?: string;
+
+  /**
+   * 变量类型(1文本 2数值 3时间 4数组)
+   */
+  varType?: string;
+
+  /**
+   * 默认值
+   */
+  defaultValue?: string;
+
+  /**
+   * 排序号
+   */
+  sortOrder?: number;
+
+  /**
+   * 模板ID（预留）
+   */
+  templateId?: string | number;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+}
+
+
+

src/views/oa/base/printTemplate/index.vue

@@ -0,0 +1,325 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="80px">
+            <el-form-item label="模板名称" prop="templateName">
+              <el-input v-model="queryParams.templateName" placeholder="请输入模板名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="模板类型" prop="templateType">
+              <el-select v-model="queryParams.templateType" placeholder="请选择模板类型" clearable>
+                <el-option v-for="dict in template_type" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="模板状态" prop="templateStatus">
+              <el-select v-model="queryParams.templateStatus" placeholder="请选择模板状态" clearable>
+                <el-option v-for="dict in template_status" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+<!--            <el-form-item label="激活标识" prop="activeFlag">-->
+<!--              <el-select v-model="queryParams.activeFlag" placeholder="请选择激活标识" clearable>-->
+<!--                <el-option v-for="dict in active_flag" :key="dict.value" :label="dict.label" :value="dict.value" />-->
+<!--              </el-select>-->
+<!--            </el-form-item>-->
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['oa/base:printTemplate:add']"> 新增 </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa/base:printTemplate:edit']"
+              >修改
+            </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa/base:printTemplate:remove']"
+              >删除
+            </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['oa/base:printTemplate:export']">导出 </el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" border :data="printTemplateList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="模板ID" align="center" prop="templateId" v-if="columns[0].visible" />
+        <el-table-column label="模板名称" align="center" prop="templateName" v-if="columns[2].visible" />
+        <el-table-column label="模板版本" align="center" prop="version" v-if="columns[3].visible" />
+        <el-table-column label="模板类型" align="center" prop="templateType" v-if="columns[4].visible">
+          <template #default="scope">
+            <dict-tag :options="template_type" :value="scope.row.templateType" />
+          </template>
+        </el-table-column>
+        <el-table-column label="模板状态" align="center" prop="templateStatus" v-if="columns[5].visible">
+          <template #default="scope">
+            <dict-tag :options="template_status" :value="scope.row.templateStatus" />
+          </template>
+        </el-table-column>
+        <el-table-column label="流程状态" align="center" prop="flowStatus" v-if="columns[6].visible" />
+        <el-table-column label="模板数据" align="center" prop="templateData" v-if="columns[7].visible" />
+        <el-table-column label="备注" align="center" prop="remark" v-if="columns[8].visible" />
+        <el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[9].visible">
+          <template #default="scope">
+            <dict-tag :options="active_flag" :value="scope.row.activeFlag" />
+          </template>
+        </el-table-column>
+        <el-table-column label="创建部门" align="center" prop="createDept" v-if="columns[11].visible" />
+        <el-table-column label="创建人" align="center" prop="createBy" v-if="columns[12].visible" />
+        <el-table-column label="创建时间" align="center" prop="createTime" width="180" v-if="columns[13].visible">
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="更新人" align="center" prop="updateBy" v-if="columns[14].visible" />
+        <el-table-column label="更新时间" align="center" prop="updateTime" width="180" v-if="columns[15].visible">
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['oa/base:printTemplate:edit']"></el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['oa/base:printTemplate:remove']"></el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+    </el-card>
+    <!-- 添加或修改打印模板信息对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+      <el-form ref="printTemplateFormRef" :model="form" :rules="rules" label-width="120px">
+        <el-form-item label="模板名称" prop="templateName">
+          <el-input v-model="form.templateName" placeholder="请输入模板名称" />
+        </el-form-item>
+        <el-form-item label="模板类型" prop="templateType">
+          <el-select v-model="form.templateType" placeholder="请选择模板类型">
+            <el-option v-for="dict in template_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="模板版本" prop="version">
+          <el-input v-model="form.version" placeholder="请输入模板版本" />
+        </el-form-item>
+<!--        <el-form-item label="模板状态" prop="templateStatus">-->
+<!--          <el-radio-group v-model="form.templateStatus">-->
+<!--            <el-radio v-for="dict in template_status" :key="dict.value" :value="dict.value">{{ dict.label }} </el-radio>-->
+<!--          </el-radio-group>-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="流程状态" prop="flowStatus">-->
+<!--          <el-input v-model="form.flowStatus" placeholder="请输入流程状态" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="模板数据" prop="templateData">-->
+<!--          <el-input v-model="form.templateData" type="textarea" placeholder="请输入内容" />-->
+<!--        </el-form-item>-->
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+<!--        <el-form-item label="激活标识" prop="activeFlag">-->
+<!--          <el-radio-group v-model="form.activeFlag">-->
+<!--            <el-radio v-for="dict in active_flag" :key="dict.value" :value="dict.value">{{ dict.label }} </el-radio>-->
+<!--          </el-radio-group>-->
+<!--        </el-form-item>-->
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="PrintTemplate" lang="ts">
+import { listPrintTemplate, getPrintTemplate, delPrintTemplate, addPrintTemplate, updatePrintTemplate } from '@/api/oa/base/printTemplate';
+import { PrintTemplateVO, PrintTemplateQuery, PrintTemplateForm } from '@/api/oa/base/printTemplate/types';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { template_type, active_flag, template_status } = toRefs<any>(proxy?.useDict('template_type', 'active_flag', 'template_status'));
+
+const printTemplateList = ref<PrintTemplateVO[]>([]);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+
+const queryFormRef = ref<ElFormInstance>();
+const printTemplateFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+// 列显隐信息
+const columns = ref<FieldOption[]>([
+  { key: 0, label: `模板ID`, visible: false },
+  { key: 1, label: `租户编号`, visible: false },
+  { key: 2, label: `模板名称`, visible: true },
+  { key: 3, label: `版本号`, visible: true },
+  { key: 4, label: `模板类型`, visible: true },
+  { key: 5, label: `模板状态`, visible: true },
+  { key: 6, label: `流程状态`, visible: true },
+  { key: 7, label: `模板数据`, visible: false },
+  { key: 8, label: `备注`, visible: true },
+  { key: 9, label: `激活标识`, visible: false },
+  { key: 10, label: `删除标志`, visible: false },
+  { key: 11, label: `创建部门`, visible: false },
+  { key: 12, label: `创建人`, visible: false },
+  { key: 13, label: `创建时间`, visible: false },
+  { key: 14, label: `更新人`, visible: false },
+  { key: 15, label: `更新时间`, visible: false }
+]);
+
+const initFormData: PrintTemplateForm = {
+  templateId: undefined,
+  templateName: undefined,
+  templateType: undefined,
+  templateStatus: '1',
+  flowStatus: undefined,
+  version: undefined,
+  templateData: undefined,
+  remark: undefined,
+  activeFlag: undefined
+};
+const data = reactive<PageData<PrintTemplateForm, PrintTemplateQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    templateName: undefined,
+    templateType: undefined,
+    templateStatus: undefined,
+    version: undefined,
+    flowStatus: undefined,
+    templateData: undefined,
+    activeFlag: undefined,
+    params: {}
+  },
+  rules: {
+    templateName: [{ required: true, message: '模板名称不能为空', trigger: 'blur' }],
+    templateType: [{ required: true, message: '模板类型不能为空', trigger: 'change' }]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询打印模板信息列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listPrintTemplate(queryParams.value);
+  printTemplateList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+};
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+};
+
+/** 表单重置 */
+const reset = () => {
+  form.value = { ...initFormData };
+  printTemplateFormRef.value?.resetFields();
+};
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+};
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: PrintTemplateVO[]) => {
+  ids.value = selection.map((item) => item.templateId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+};
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '添加打印模板信息';
+};
+
+/** 修改按钮操作 */
+const handleUpdate = async (row?: PrintTemplateVO) => {
+  reset();
+  const _templateId = row?.templateId || ids.value[0];
+  const res = await getPrintTemplate(_templateId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = '修改打印模板信息';
+};
+
+/** 提交按钮 */
+const submitForm = () => {
+  printTemplateFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.templateId) {
+        await updatePrintTemplate(form.value).finally(() => (buttonLoading.value = false));
+      } else {
+        await addPrintTemplate(form.value).finally(() => (buttonLoading.value = false));
+      }
+      proxy?.$modal.msgSuccess('操作成功');
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: PrintTemplateVO) => {
+  const _templateIds = row?.templateId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除打印模板信息编号为"' + _templateIds + '"的数据项？').finally(() => (loading.value = false));
+  await delPrintTemplate(_templateIds);
+  proxy?.$modal.msgSuccess('删除成功');
+  await getList();
+};
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download(
+    'oa/base/printTemplate/export',
+    {
+      ...queryParams.value
+    },
+    `printTemplate_${new Date().getTime()}.xlsx`
+  );
+};
+
+onMounted(() => {
+  getList();
+});
+</script>

src/views/oa/base/templateVariable/index.vue

@@ -0,0 +1,342 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="100px">
+            <el-form-item label="变量显示名称" prop="varLabel">
+              <el-input v-model="queryParams.varLabel" placeholder="请输入变量显示名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+<!--            <el-form-item label="变量名称(含占位符)" prop="varName">-->
+<!--              <el-input v-model="queryParams.varName" placeholder="请输入变量名称(含占位符)" clearable @keyup.enter="handleQuery" />-->
+<!--            </el-form-item>-->
+            <el-form-item label="模板类型" prop="templateType">
+              <el-select v-model="queryParams.templateType" placeholder="请选择模板类型" clearable>
+                <el-option v-for="dict in template_type" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+<!--            <el-form-item label="变量类型" prop="varType">-->
+<!--              <el-select v-model="queryParams.varType" placeholder="请选择变量类型" clearable>-->
+<!--                <el-option v-for="dict in var_type" :key="dict.value" :label="dict.label" :value="dict.value" />-->
+<!--              </el-select>-->
+<!--            </el-form-item>-->
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['oa/base:templateVariable:add']">新增 </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa/base:templateVariable:edit']"
+              >修改
+            </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa/base:templateVariable:remove']"
+              >删除
+            </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['oa/base:templateVariable:export']">导出 </el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" border :data="templateVariableList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="变量ID" align="center" prop="variableId" v-if="columns[0].visible" />
+        <el-table-column label="变量显示名称" align="center" prop="varLabel" width="110" v-if="columns[2].visible" />
+        <el-table-column label="变量名称(含占位符)" align="center" prop="varName" width="160" v-if="columns[3].visible" />
+        <el-table-column label="模板类型" align="center" prop="templateType" v-if="columns[4].visible">
+          <template #default="scope">
+            <dict-tag :options="template_type" :value="scope.row.templateType" />
+          </template>
+        </el-table-column>
+        <el-table-column label="数据表名" align="center" prop="dataSource" v-if="columns[5].visible" />
+        <el-table-column label="数据字段" align="center" prop="dataField" v-if="columns[6].visible" />
+        <el-table-column label="变量类型" align="center" prop="varType" v-if="columns[7].visible">
+          <template #default="scope">
+            <dict-tag :options="var_type" :value="scope.row.varType" />
+          </template>
+        </el-table-column>
+        <el-table-column label="默认值" align="center" prop="defaultValue" v-if="columns[8].visible" />
+        <el-table-column label="排序号" align="center" prop="sortOrder" v-if="columns[9].visible" />
+        <el-table-column label="模板ID" align="center" prop="templateId" v-if="columns[10].visible" />
+        <el-table-column label="备注" align="center" prop="remark" v-if="columns[11].visible" />
+        <el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[12].visible">
+          <template #default="scope">
+            <dict-tag :options="active_flag" :value="scope.row.activeFlag" />
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['oa/base:templateVariable:edit']"></el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button
+                link
+                type="primary"
+                icon="Delete"
+                @click="handleDelete(scope.row)"
+                v-hasPermi="['oa/base:templateVariable:remove']"
+              ></el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+    </el-card>
+    <!-- 添加或修改模板变量信息对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+      <el-form ref="templateVariableFormRef" :model="form" :rules="rules" label-width="150px">
+        <el-form-item label="变量显示名称" prop="varLabel">
+          <el-input v-model="form.varLabel" placeholder="请输入变量显示名称" />
+        </el-form-item>
+        <el-form-item label="变量名称(含占位符)" prop="varName">
+          <el-input v-model="form.varName" placeholder="请输入变量名称(含占位符)" />
+        </el-form-item>
+        <el-form-item label="模板类型" prop="templateType">
+          <el-select v-model="form.templateType" placeholder="请选择模板类型">
+            <el-option v-for="dict in template_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="数据表名" prop="dataSource">
+          <el-input v-model="form.dataSource" placeholder="请输入数据表名" />
+        </el-form-item>
+        <el-form-item label="数据字段" prop="dataField">
+          <el-input v-model="form.dataField" placeholder="请输入数据字段" />
+        </el-form-item>
+        <el-form-item label="变量类型" prop="varType">
+          <el-select v-model="form.varType" placeholder="请选择变量类型">
+            <el-option v-for="dict in var_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="默认值" prop="defaultValue">
+          <el-input v-model="form.defaultValue" placeholder="请输入默认值" />
+        </el-form-item>
+        <el-form-item label="排序号" prop="sortOrder">
+          <el-input-number v-model="form.sortOrder" placeholder="请输入排序号" style="width: 240px" />
+        </el-form-item>
+<!--        <el-form-item label="模板ID" prop="templateId">-->
+<!--          <el-input v-model="form.templateId" placeholder="请输入模板ID" />-->
+<!--        </el-form-item>-->
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+<!--        <el-form-item label="激活标识" prop="activeFlag">-->
+<!--          <el-input v-model="form.activeFlag" placeholder="请输入激活标识" />-->
+<!--        </el-form-item>-->
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="TemplateVariable" lang="ts">
+import {
+  listTemplateVariable,
+  getTemplateVariable,
+  delTemplateVariable,
+  addTemplateVariable,
+  updateTemplateVariable
+} from '@/api/oa/base/templateVariable';
+import { TemplateVariableVO, TemplateVariableQuery, TemplateVariableForm } from '@/api/oa/base/templateVariable/types';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { template_type, var_type, active_flag } = toRefs<any>(proxy?.useDict('template_type', 'var_type', 'active_flag'));
+
+const templateVariableList = ref<TemplateVariableVO[]>([]);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+
+const queryFormRef = ref<ElFormInstance>();
+const templateVariableFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+// 列显隐信息
+const columns = ref<FieldOption[]>([
+  { key: 0, label: `变量ID`, visible: false },
+  { key: 1, label: `租户编号`, visible: false },
+  { key: 2, label: `变量显示名称`, visible: true },
+  { key: 3, label: `变量名称(含占位符)`, visible: true },
+  { key: 4, label: `模板类型`, visible: true },
+  { key: 5, label: `数据表名`, visible: true },
+  { key: 6, label: `数据字段`, visible: true },
+  { key: 7, label: `变量类型`, visible: true },
+  { key: 8, label: `默认值`, visible: true },
+  { key: 9, label: `排序号`, visible: true },
+  { key: 10, label: `模板ID`, visible: false },
+  { key: 11, label: `备注`, visible: true },
+  { key: 12, label: `激活标识`, visible: false },
+  { key: 13, label: `删除标志`, visible: false },
+  { key: 14, label: `创建部门`, visible: false },
+  { key: 15, label: `创建人`, visible: false },
+  { key: 16, label: `创建时间`, visible: false },
+  { key: 17, label: `更新人`, visible: false },
+  { key: 18, label: `更新时间`, visible: false }
+]);
+
+const initFormData: TemplateVariableForm = {
+  variableId: undefined,
+  varLabel: undefined,
+  varName: undefined,
+  templateType: undefined,
+  dataSource: undefined,
+  dataField: undefined,
+  varType: undefined,
+  defaultValue: undefined,
+  sortOrder: undefined,
+  templateId: undefined,
+  remark: undefined,
+  activeFlag: undefined
+};
+const data = reactive<PageData<TemplateVariableForm, TemplateVariableQuery>>({
+  form: { ...initFormData },
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    varLabel: undefined,
+    varName: undefined,
+    templateType: undefined,
+    dataSource: undefined,
+    dataField: undefined,
+    varType: undefined,
+    defaultValue: undefined,
+    sortOrder: undefined,
+    templateId: undefined,
+    activeFlag: undefined,
+    params: {}
+  },
+  rules: {
+    varLabel: [{ required: true, message: '变量显示名称不能为空', trigger: 'blur' }],
+    varName: [{ required: true, message: '变量名称(含占位符)不能为空', trigger: 'blur' }],
+    templateType: [{ required: true, message: '模板类型不能为空', trigger: 'blur' }],
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询模板变量信息列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listTemplateVariable(queryParams.value);
+  templateVariableList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+};
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+};
+
+/** 表单重置 */
+const reset = () => {
+  form.value = { ...initFormData };
+  templateVariableFormRef.value?.resetFields();
+};
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+};
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: TemplateVariableVO[]) => {
+  ids.value = selection.map((item) => item.variableId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+};
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = '添加模板变量信息';
+};
+
+/** 修改按钮操作 */
+const handleUpdate = async (row?: TemplateVariableVO) => {
+  reset();
+  const _variableId = row?.variableId || ids.value[0];
+  const res = await getTemplateVariable(_variableId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = '修改模板变量信息';
+};
+
+/** 提交按钮 */
+const submitForm = () => {
+  templateVariableFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.variableId) {
+        await updateTemplateVariable(form.value).finally(() => (buttonLoading.value = false));
+      } else {
+        await addTemplateVariable(form.value).finally(() => (buttonLoading.value = false));
+      }
+      proxy?.$modal.msgSuccess('操作成功');
+      dialog.visible = false;
+      await getList();
+    }
+  });
+};
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: TemplateVariableVO) => {
+  const _variableIds = row?.variableId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除模板变量信息编号为"' + _variableIds + '"的数据项？').finally(() => (loading.value = false));
+  await delTemplateVariable(_variableIds);
+  proxy?.$modal.msgSuccess('删除成功');
+  await getList();
+};
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download(
+    'oa/base/templateVariable/export',
+    {
+      ...queryParams.value
+    },
+    `templateVariable_${new Date().getTime()}.xlsx`
+  );
+};
+
+onMounted(() => {
+  getList();
+});
+</script>