|
|
@@ -0,0 +1,2010 @@
|
|
|
+<template>
|
|
|
+ <el-card shadow="always" :body-style="{ padding: '10px' }">
|
|
|
+ <div class="app-container">
|
|
|
+ <!-- 头部 -->
|
|
|
+ <div class='container-header'>
|
|
|
+ <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
|
|
|
+ <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url +
|
|
|
+ '?updateSupport=' +
|
|
|
+ upload.updateSupport +
|
|
|
+ '&tableName=' +
|
|
|
+ tableName +
|
|
|
+ '&sqlKey=' +
|
|
|
+ tableKey
|
|
|
+ " v-loading="upload.isUploading" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress"
|
|
|
+ :on-success="handleFileSuccess" :auto-upload="false" :onChange="handleChange" drag>
|
|
|
+ <i class="el-icon-upload"></i>
|
|
|
+ <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
|
|
+ <div class="el-upload__tip text-center" slot="tip">
|
|
|
+ <span>仅允许导入xls、xlsx格式文件。</span>
|
|
|
+ <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
|
|
|
+ @click="importTemplate">下载模板
|
|
|
+ </el-link>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitFileForm">确 定</el-button>
|
|
|
+ <el-button @click="upload.open = false">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <Queryfrom v-if="QueryfromLoading" :formVals="templateInfo.where" :statisticList="statisticList"
|
|
|
+ :showCount="showCount" :showSearch="showSearch" @getList="getList" ref="mychild" />
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <!-- 按钮行 start -->
|
|
|
+ <btn-menu-list @topBtnHandler="topBtnHandler" :topBtnArr="topBtnArr" :selection="selection"></btn-menu-list>
|
|
|
+ <right-toolbar :showCount.sync="showCount" :showSearch.sync="showSearch" :counts="true"
|
|
|
+ @queryTable="pageList"></right-toolbar>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <!-- 内容 -->
|
|
|
+ <div class='container-body'>
|
|
|
+ <!-- 左侧树形 -->
|
|
|
+ <div class='container-left'>
|
|
|
+ <el-tree :data="treeData" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
|
|
|
+ </div>
|
|
|
+ <!-- 右侧 -->
|
|
|
+ <div class='container-right'>
|
|
|
+ <el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange" ref="tableRef"
|
|
|
+ :cell-style="cellStyle" :reserve-selection="true" :row-key="getRowKey">
|
|
|
+ <el-table-column type="selection" width="55" reserve-selection align="center" >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column v-for="item in columns" :key="item.key" :label="item.value" align="center" :prop="item.key">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <!-- 存在字段样式或字典样式 -->
|
|
|
+ <template v-if="scope.row.styleFieldObj != undefined &&
|
|
|
+ scope.row.styleFieldObj[item.key]
|
|
|
+ ">
|
|
|
+ <!-- 字段样式 -->
|
|
|
+ <template v-if="scope.row.styleFieldObj[item.key].styleType == 1">
|
|
|
+ <!-- 一般字体样式 -->
|
|
|
+ <template v-if="scope.row.styleFieldObj[item.key].fieldStyleType == 0">
|
|
|
+ <span :style="`color:${scope.row.styleFieldObj[item.key].fontColor
|
|
|
+ }`">{{ scope.row[item.key] }}</span>
|
|
|
+ </template>
|
|
|
+ <!-- 标签字体样式 -->
|
|
|
+ <template v-else-if="scope.row.styleFieldObj[item.key].fieldStyleType == 1
|
|
|
+ ">
|
|
|
+ <el-tag :type="scope.row.styleFieldObj[item.key].tagType" :effect="scope.row.styleFieldObj[item.key].isTagFullBg
|
|
|
+ ? 'dark'
|
|
|
+ : 'light'
|
|
|
+ ">
|
|
|
+ {{ scope.row[item.key] }}
|
|
|
+ </el-tag>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 字典样式 -->
|
|
|
+ <template v-else-if="scope.row.styleFieldObj[item.key].styleType == 2">
|
|
|
+ <span v-if="scope.row.styleFieldObj[item.key].listClass == '' ||
|
|
|
+ scope.row.styleFieldObj[item.key].listClass == 'default'
|
|
|
+ ">{{ scope.row.styleFieldObj[item.key].dictLabel }}</span>
|
|
|
+ <el-tag v-else :type="scope.row.styleFieldObj[item.key].listClass == 'primary'
|
|
|
+ ? ''
|
|
|
+ : scope.row.styleFieldObj[item.key].listClass
|
|
|
+ ">{{ scope.row.styleFieldObj[item.key].dictLabel }}
|
|
|
+ </el-tag>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <!-- 显示默认值 -->
|
|
|
+ <template v-else>
|
|
|
+ {{ scope.row[item.key] }}
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column v-if="isShowExcuteCol" label="操作" width="150" align="center" class-name="small-padding fixed-width" fixed="right">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <Menu :row="scope.row" v-for="btnObj in excuteBtnArr" :key="btnObj.id" :listAll="btnObj"
|
|
|
+ @excuteHandler="excuteHandler"></Menu>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
|
|
+ @pagination="pageList" />
|
|
|
+
|
|
|
+ <!-- 添加或修改 -->
|
|
|
+ <el-dialog :title="title" :visible.sync="open" append-to-body>
|
|
|
+ <div v-show="formType == 'dragFormGroup' && !formListShow" class="dialog_loading">
|
|
|
+ <i class="el-icon-loading"></i>
|
|
|
+ </div>
|
|
|
+ <template>
|
|
|
+ <FormList v-show="formType == 'dragFormGroup' && formListShow && !isLayout" ref="formGroupRef"
|
|
|
+ :formList="formList"></FormList>
|
|
|
+ <LayoutIndex v-show="formType == 'dragFormGroup' && formListShow && isLayout" ref="formGroupLayoutRef"
|
|
|
+ :layoutData="layoutData"></LayoutIndex>
|
|
|
+ </template>
|
|
|
+ <template>
|
|
|
+ <k-form-build v-if="jsonData && formType == 'dragForm'" class="formBuild" ref="addFromRef"
|
|
|
+ :dynamicData="dynamicData" :defaultValue="defaultValue" @submit="tempSubBtn" @change="formChangeHandler"
|
|
|
+ :value="jsonData" :tableData="tableTempList" />
|
|
|
+ </template>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="editConfirmHandler">确 定
|
|
|
+ </el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 绑定按钮dialog -->
|
|
|
+ <el-dialog title="提示" :visible.sync="btnDialogVisible" :before-close="handleClose">
|
|
|
+ <DialogTemplate ref="dialogRef" :groupKey="groupKey" :rowobj="rowobj" :subCount="subCount"
|
|
|
+ :tableCount="tableCount" :subTableName="subTableName" @addList="addListHandler">
|
|
|
+ </DialogTemplate>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="btnDialogVisible = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="btnComfirm">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 自定义弹窗 -->
|
|
|
+ <el-dialog title="提示" :visible.sync="btnDialogVisible" :before-close="handleClose">
|
|
|
+ <DialogTemplate ref="dialogRef" :groupKey="groupKey" :rowobj="rowobj" :subCount="subCount"
|
|
|
+ :tableCount="tableCount" :subTableName="subTableName" @addList="addListHandler">
|
|
|
+ </DialogTemplate>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="btnDialogVisible = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="btnComfirm">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 打印弹窗 -->
|
|
|
+ <el-dialog title="打印" :visible.sync="printShow" width="30%">
|
|
|
+ <div ref="detailTable" id="detail"></div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="printShow = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="confirmPrint">打 印</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <div id="printDom"></div>
|
|
|
+ <!-- 消息提示弹窗 -->
|
|
|
+ <el-dialog title="提示" :visible.sync="toastShow" width="30%">
|
|
|
+ <span>
|
|
|
+ <i :class="`el-icon-info ${toastType}`"></i>
|
|
|
+ {{ toastMsg || "暂无提示信息" }}
|
|
|
+ </span>
|
|
|
+ <template #footer>
|
|
|
+ <span>
|
|
|
+ <el-button type="primary" @click="toastShow = false">确认</el-button>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import {
|
|
|
+ delTableData,
|
|
|
+ dragTableInfo,
|
|
|
+ listTable,
|
|
|
+ unionListTableData,
|
|
|
+ getInfoBySqlKey,
|
|
|
+ btnCommonApi,
|
|
|
+ addTableData,
|
|
|
+ batchEdit,
|
|
|
+ getStatisticList,
|
|
|
+} from "@/api/tablelist/commonTable";
|
|
|
+import { listData } from "@/api/system/tenant/data";
|
|
|
+import { getToken } from "@/utils/auth";
|
|
|
+import Queryfrom from "@/views/tablelist/commonTable/queryfrom.vue";
|
|
|
+import { camelCase, toUnderline } from "@/utils";
|
|
|
+import { inputDisableComplete } from "@/utils/other";
|
|
|
+import Menu from "@/views/tablelist/commonTable/BtnMenu.vue";
|
|
|
+import BtnMenuList from "@/views/tablelist/commonTable/BtnMenuList.vue";
|
|
|
+import { checkRole } from "@/utils/permission";
|
|
|
+import DialogTemplate from "@/views/dialogTemplate/components/index.vue";
|
|
|
+import FormList from "@/components/FormGroup/formList.vue";
|
|
|
+import { v4 as uuidv4 } from "uuid";
|
|
|
+import printHtml from "./print";
|
|
|
+import LayoutIndex from "@/views/tablelist/components/FormGroupLayout/LayoutIndex.vue";
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: "listTreeInfo",
|
|
|
+ components: {
|
|
|
+ Queryfrom,
|
|
|
+ Menu,
|
|
|
+ DialogTemplate,
|
|
|
+ FormList,
|
|
|
+ BtnMenuList,
|
|
|
+ LayoutIndex,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ treeData: [{
|
|
|
+ id: '1',
|
|
|
+ label: '一级 1',
|
|
|
+ children: [{
|
|
|
+ id: '1-1',
|
|
|
+ label: '二级 1-1',
|
|
|
+ children: [{
|
|
|
+ id: '1-1-1',
|
|
|
+ label: '三级 1-1-1'
|
|
|
+ }]
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ id: '2',
|
|
|
+ label: '一级 2',
|
|
|
+ children: [{
|
|
|
+ id: '2-1',
|
|
|
+ label: '二级 2-1',
|
|
|
+ children: [{
|
|
|
+ id: '2-1-1',
|
|
|
+ label: '三级 2-1-1'
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ id: '2-2',
|
|
|
+ label: '二级 2-2',
|
|
|
+ children: [{
|
|
|
+ id: '2-2-1',
|
|
|
+ label: '三级 2-2-1'
|
|
|
+ }]
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ id: '3',
|
|
|
+ label: '一级 3',
|
|
|
+ children: [{
|
|
|
+ id: '3-1',
|
|
|
+ label: '二级 3-1',
|
|
|
+ children: [{
|
|
|
+ id: '3-1-1',
|
|
|
+ label: '三级 3-1-1'
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ id: '3-2',
|
|
|
+ label: '二级 3-2',
|
|
|
+ children: [{
|
|
|
+ id: '3-2-1',
|
|
|
+ label: '三级 3-2-1'
|
|
|
+ }]
|
|
|
+ }]
|
|
|
+ }],
|
|
|
+ defaultProps: {
|
|
|
+ children: 'children',
|
|
|
+ label: 'label'
|
|
|
+ },
|
|
|
+ QueryfromLoading: false,
|
|
|
+ // 当前table唯一标识
|
|
|
+ tableKey: null,
|
|
|
+ // 当前treeTableKey唯一标识
|
|
|
+ treeTableKey: null,
|
|
|
+ // 当前模版信息
|
|
|
+ templateInfo: {},
|
|
|
+ // 当前表名称
|
|
|
+ tableName: null,
|
|
|
+ // 列信息
|
|
|
+ columns: {},
|
|
|
+ // 统计card
|
|
|
+ statisticList: [],
|
|
|
+ // 显示统计
|
|
|
+ showCount: true,
|
|
|
+ // 显示搜索条件
|
|
|
+ showSearch: false,
|
|
|
+ // 样式表
|
|
|
+ styleList: [],
|
|
|
+ // 共通查询参数接受子组件的参数
|
|
|
+ queryParams: {
|
|
|
+ pageNum: 1, // 第几页
|
|
|
+ pageSize: 10, // 每页大小
|
|
|
+ orderByColumn: "", // 根据某列排序
|
|
|
+ isAsc: "", // desc（降序）或 asc（升序）
|
|
|
+ // 基本查询参数
|
|
|
+ basicMap: {
|
|
|
+ tableName: "",
|
|
|
+ },
|
|
|
+ // 当前表字段筛选参数
|
|
|
+ queryMap: {
|
|
|
+ // 当前查询基本参数
|
|
|
+ // ... key : value 当前页面的筛选条件
|
|
|
+ // 超级查询的唯一值
|
|
|
+ queryCriteriaValue: "",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ // 遮罩层
|
|
|
+ loading: true,
|
|
|
+ // 操作列 按钮数据
|
|
|
+ excuteBtnArr: [],
|
|
|
+ topBtnArr: [], //顶部按钮数据
|
|
|
+ // 操作列是否显示隐藏
|
|
|
+ isShowExcuteCol: false,
|
|
|
+ // 用户表格数据
|
|
|
+ tableList: [],
|
|
|
+ // 选中数组
|
|
|
+ ids: [],
|
|
|
+ selection: [], //选中数组
|
|
|
+ // 非单个禁用
|
|
|
+ single: true,
|
|
|
+ // 非多个禁用
|
|
|
+ multiple: true,
|
|
|
+ formType: "dragFormGroup",
|
|
|
+ // 当前点击按钮的数据
|
|
|
+ currentBtnData: {},
|
|
|
+ // 当前点击行的数据
|
|
|
+ currentRow: {},
|
|
|
+ times: 1, //请求次数
|
|
|
+ formListShow: false, //控制表单组是否显示
|
|
|
+ printShow: false, //打印页面
|
|
|
+ printHtml: "", //打印的html
|
|
|
+ // 提示信息 start
|
|
|
+ toastMsg: "",
|
|
|
+ toastShow: false,
|
|
|
+ toastType: "",
|
|
|
+ // 提示信息 end
|
|
|
+ // 排序方式 默认降序
|
|
|
+ sortOrder: true,
|
|
|
+ // 查询条件
|
|
|
+ queryFromWhere: {},
|
|
|
+ // 字典样式对象
|
|
|
+ dictStyleObj: {},
|
|
|
+ // excel共通导入数据
|
|
|
+ upload: {
|
|
|
+ // 是否显示弹出层
|
|
|
+ open: false,
|
|
|
+ // 弹出层标题（
|
|
|
+ title: "",
|
|
|
+ // 是否禁用上传
|
|
|
+ isUploading: false,
|
|
|
+ // 是否更新已经存在的数据
|
|
|
+ updateSupport: 0,
|
|
|
+ // 设置上传的请求头部
|
|
|
+ headers: { Authorization: "Bearer " + getToken() },
|
|
|
+ // 上传的地址
|
|
|
+ url: process.env.VUE_APP_BASE_API1 + "common/uploadData",
|
|
|
+ },
|
|
|
+ // 总条数
|
|
|
+ total: 0,
|
|
|
+ // 表单组数据
|
|
|
+ formList: [],
|
|
|
+ isLayout: false,
|
|
|
+ layoutData: "", //表单组布局数据
|
|
|
+ //存放表单渲染数据
|
|
|
+ jsonData: {},
|
|
|
+ // 下拉框动态数据
|
|
|
+ dynamicData: {},
|
|
|
+ // 回显表格数据,
|
|
|
+ defaultValue: {},
|
|
|
+ // 临时测试数据
|
|
|
+ tableTempList: [
|
|
|
+ {
|
|
|
+ id: "1",
|
|
|
+ user_name: "张三",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: "2",
|
|
|
+ user_name: "李四",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: "3",
|
|
|
+ user_name: "王五",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ // 绑定按钮dialog
|
|
|
+ btnDialogVisible: false,
|
|
|
+ // 绑定修改dialog
|
|
|
+ groupKey: "",
|
|
|
+ // 修改选中行
|
|
|
+ rowobj: {},
|
|
|
+ // 该行的统计信息
|
|
|
+ subCount: [],
|
|
|
+ tableCount: [],
|
|
|
+ subTableName: "",
|
|
|
+ // 弹窗新增数据
|
|
|
+ addLists: [],
|
|
|
+ FormNameList: [], //表单组中表格名称
|
|
|
+ // 表单参数
|
|
|
+ form: {},
|
|
|
+ // 自动生成字段
|
|
|
+ theAutoField: [
|
|
|
+ "id",
|
|
|
+ "createBy",
|
|
|
+ "createById",
|
|
|
+ "createTime",
|
|
|
+ "delFlag",
|
|
|
+ "updateBy",
|
|
|
+ "updateById",
|
|
|
+ "updateTime",
|
|
|
+ "del_flag",
|
|
|
+ "create_by",
|
|
|
+ "create_by_id",
|
|
|
+ "create_time",
|
|
|
+ "data_approval_status",
|
|
|
+ "update_by",
|
|
|
+ "update_by_id",
|
|
|
+ "update_time",
|
|
|
+ ],
|
|
|
+ // cru 弹窗
|
|
|
+ open: false,
|
|
|
+ // 弹出层标题
|
|
|
+ title: "",
|
|
|
+ // 日期范围
|
|
|
+ dateRange: [],
|
|
|
+ rules: {},
|
|
|
+ //存放html代码块
|
|
|
+ iframeUrl: "",
|
|
|
+ FormListDefaultValue: {}, //表单组的默认表单数据
|
|
|
+
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ // 得到当前展示的table的唯一标识
|
|
|
+ this.tableKey = this.$route.query.tableKey;
|
|
|
+ this.treeTableKey = this.$route.query.treeTableKey;
|
|
|
+ // console.log('this.treeTableKey,this.tableKey', this.treeTableKey, this.tableKey)
|
|
|
+ // console.log('this.queryParams', this.queryParams)
|
|
|
+ // 优化共通模版查询调用逻辑 （Don't fucking change it）
|
|
|
+ this.getList(this.queryParams);
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ // this.initFormGroupDialog();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleNodeClick(data) {
|
|
|
+ console.log('treeData', data);
|
|
|
+ },
|
|
|
+ isUpperCase(char) {
|
|
|
+ return char === char.toUpperCase();
|
|
|
+ },
|
|
|
+
|
|
|
+ getList(queryParams) {
|
|
|
+ this.loading = true;
|
|
|
+ // 序列化当前查询参数列表
|
|
|
+ queryParams && (this.queryParams.queryMap = Object.assign({}, queryParams.queryMap));
|
|
|
+ if (typeof queryParams.queryMap.timehorizon != undefined) {
|
|
|
+ // timehorizon 时间范围转换字符串回传后台
|
|
|
+ this.queryParams.queryMap.timehorizon = JSON.stringify(
|
|
|
+ Object.assign({}, queryParams.queryMap.timehorizon)
|
|
|
+ );
|
|
|
+ }
|
|
|
+ // 获取当前表单结构信息
|
|
|
+ dragTableInfo({ queryMap: { tableKey: this.tableKey } })
|
|
|
+ .then((res) => {
|
|
|
+ // // 得到当前模版信息 --- sql columns queryWhere
|
|
|
+ this.templateInfo = res.data.resultMap;
|
|
|
+ this.QueryfromLoading = true; // 加载查询组件
|
|
|
+ this.styleList = res.data.resultMap.style?.map((item) => {
|
|
|
+ item.styleField = camelCase(
|
|
|
+ item.styleField.replace(".", "_") || ""
|
|
|
+ );
|
|
|
+ return item;
|
|
|
+ });
|
|
|
+ // 获取操作列的按钮数据
|
|
|
+ this.excuteBtnArr = res.data.resultMap.button?.filter(
|
|
|
+ (item) => item.btnGroupType == "right"
|
|
|
+ );
|
|
|
+ this.topBtnArr =
|
|
|
+ res.data.resultMap.button?.filter(
|
|
|
+ (item) => item.btnGroupType == "top"
|
|
|
+ ) || [];
|
|
|
+ this.calcuteExcuteCol();
|
|
|
+ this.$nextTick(() => this.$refs.tableRef.doLayout());
|
|
|
+ this.queryParams.orderByColumn =
|
|
|
+ res.data.resultMap.querySql.orderByColumn;
|
|
|
+ this.sortOrder = JSON.parse(res.data.resultMap.querySql.sortOrder);
|
|
|
+ // 根据拖拽时设置当前列表排列顺序
|
|
|
+ this.queryParams.isAsc = this.sortOrder ? "DESC" : "ASC";
|
|
|
+ this.tableName = this.templateInfo.template.dtTableName;
|
|
|
+ // 得到查询条件
|
|
|
+ this.queryFromWhere = res.data.resultMap.where;
|
|
|
+ // 得到当前列表信息
|
|
|
+ this.columns = this.columnsHandler(
|
|
|
+ JSON.parse(this.templateInfo.template.dtColumnName)
|
|
|
+ );
|
|
|
+ })
|
|
|
+ .finally((fes) => {
|
|
|
+ // // 调用子组件中查询条件顺序处理事件
|
|
|
+ this.$refs.mychild.handlerFormVals();
|
|
|
+ if (this.templateInfo == {}) return;
|
|
|
+ // 调用查询需要携带当前table的唯一标识
|
|
|
+ this.queryParams.queryMap.sqlkey = this.templateInfo.template.sqlKey;
|
|
|
+ this.queryParams.orderByColumn = camelCase(
|
|
|
+ this.queryParams.orderByColumn || ""
|
|
|
+ );
|
|
|
+ // 根据sql语句查询当前表数据 ->得到列表数据
|
|
|
+ unionListTableData(this.queryParams).then(async (res) => {
|
|
|
+ this.tableList = [];
|
|
|
+ res.rows.forEach((item) => this.tableList.push(item.resultMap));
|
|
|
+ // 驼峰转换
|
|
|
+ let tempTableList = [];
|
|
|
+ tempTableList = this.tableList.map((item) => {
|
|
|
+ let kv = {};
|
|
|
+ for (let itemKey in item) kv[camelCase(itemKey)] = item[itemKey];
|
|
|
+ return kv;
|
|
|
+ });
|
|
|
+ this.tableList = await this.setFieldStyleData(tempTableList);
|
|
|
+ this.total = res.total;
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ // // 查询统计信息
|
|
|
+ getStatisticList({
|
|
|
+ queryMap: {
|
|
|
+ tableKey: this.templateInfo.template.tableKey,
|
|
|
+ queryCriteriaValue: this.queryParams.queryMap.queryCriteriaValue,
|
|
|
+ },
|
|
|
+ }).then((res) => {
|
|
|
+ this.statisticList = res.data;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 计算操作列的显示与隐藏
|
|
|
+ calcuteExcuteCol() {
|
|
|
+ if (!this.excuteBtnArr || !this.excuteBtnArr.length) {
|
|
|
+ this.isShowExcuteCol = false;
|
|
|
+ } else {
|
|
|
+ this.isShowExcuteCol = !this.excuteBtnArr?.every(
|
|
|
+ (arr) => arr.children.length == 0
|
|
|
+ );
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 多选框选中数据
|
|
|
+ handleSelectionChange(selection) {
|
|
|
+ this.ids = selection.map(
|
|
|
+ (item) =>
|
|
|
+ item[
|
|
|
+ camelCase(
|
|
|
+ this.tableName + "_" + this.templateInfo.template?.primaryKey
|
|
|
+ )
|
|
|
+ ]
|
|
|
+ );
|
|
|
+ this.selection = selection;
|
|
|
+ this.single = selection.length != 1;
|
|
|
+ this.multiple = !selection.length;
|
|
|
+ },
|
|
|
+ // 判断是否生效行样式
|
|
|
+ cellStyle({ row, column, rowIndex, columnIndex }) {
|
|
|
+ let rowStyleList = this.styleList.filter((item) => item.styleType == 0);
|
|
|
+ if (!rowStyleList.length) return "";
|
|
|
+ let mainTableName = this.templateInfo.querySql.tableAlias; //主表名
|
|
|
+ for (let i = 0; i < rowStyleList.length; i++) {
|
|
|
+ let item = rowStyleList[i];
|
|
|
+ let judgeRes = this.determineCondition(item.styleCondtion, row);
|
|
|
+ if (judgeRes) {
|
|
|
+ let styleCode = JSON.parse(item.styleCode);
|
|
|
+ return `background-color:${styleCode.rowBgColor};`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 获取生效条件组结果
|
|
|
+ determineCondition(conditionStr, row) {
|
|
|
+ let conditionList = JSON.parse(conditionStr);
|
|
|
+ if (!conditionList.length) return false;
|
|
|
+ return conditionList.every((item) => this.judgeOneCondition(item, row));
|
|
|
+ },
|
|
|
+ // 获取单个判断条件结果
|
|
|
+ judgeOneCondition(item, row) {
|
|
|
+ let fullField = camelCase(item.tableName + "_" + item.fieldName);
|
|
|
+ switch (item.condition) {
|
|
|
+ case 1:
|
|
|
+ return row[fullField] > item.flagValue;
|
|
|
+ case 2:
|
|
|
+ return row[fullField] < item.flagValue;
|
|
|
+ case 3:
|
|
|
+ return row[fullField] == item.flagValue;
|
|
|
+ case 4:
|
|
|
+ return row[fullField] >= item.flagValue;
|
|
|
+ case 5:
|
|
|
+ return row[fullField] <= item.flagValue;
|
|
|
+ default:
|
|
|
+ return true; //默认为true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 获取row-key
|
|
|
+ getRowKey(row) {
|
|
|
+ return row[
|
|
|
+ camelCase(this.tableName + "_" + this.templateInfo.template?.primaryKey)
|
|
|
+ ];
|
|
|
+ },
|
|
|
+ // 操作列回调
|
|
|
+ excuteHandler(btnData, row) {
|
|
|
+ console.log("btnData, row", btnData, row);
|
|
|
+ let { btnType, btnParams, btnFormType } = btnData;
|
|
|
+ this.formType = btnFormType;
|
|
|
+ this.currentBtnData = btnData;
|
|
|
+ this.currentRow = JSON.parse(JSON.stringify(row));
|
|
|
+ // 无表单
|
|
|
+ if (
|
|
|
+ btnFormType == "noNeed" &&
|
|
|
+ btnType != "UPDATE" &&
|
|
|
+ btnType != "INNERLINK" &&
|
|
|
+ btnType != "OUTLINK"
|
|
|
+ ) {
|
|
|
+ this.noNeedHandler(btnData, row);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (btnData.btnFormType == "dragFormGroup") {
|
|
|
+ this.times = 1; //重置请求次数
|
|
|
+ this.formListShow = false;
|
|
|
+ }
|
|
|
+
|
|
|
+ switch (btnType) {
|
|
|
+ case "INNERLINK": //内链
|
|
|
+ this.routerHandler(btnData, btnType);
|
|
|
+ break;
|
|
|
+ case "OUTLINK":
|
|
|
+ this.routerHandler(btnData, btnType);
|
|
|
+ break;
|
|
|
+ case "UPDATE":
|
|
|
+ this.handleUpdate(row, btnData);
|
|
|
+ break;
|
|
|
+ case "EXECUTE":
|
|
|
+ this.handleUpdate(row, btnData);
|
|
|
+ break;
|
|
|
+ case "INITIATED":
|
|
|
+ this.handleUpdate(row, btnData);
|
|
|
+ break;
|
|
|
+ case "DELETE":
|
|
|
+ this.handleDelete(row, btnData);
|
|
|
+ break;
|
|
|
+ case "INSERT":
|
|
|
+ this.handleUpdate(row, btnData);
|
|
|
+ break;
|
|
|
+ case "PRINT":
|
|
|
+ this.printHandler(btnData, row);
|
|
|
+ break;
|
|
|
+ case "TOAST":
|
|
|
+ this.showToast(btnData, row);
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ noNeedHandler(btnData, row) {
|
|
|
+ this.$modal
|
|
|
+ .confirm("是否确认执行该操作？")
|
|
|
+ .then(async () => {
|
|
|
+ // 获取默认参数
|
|
|
+ let data = {
|
|
|
+ basicMap: {
|
|
|
+ tableName: this.tableName,
|
|
|
+ // btnKey: btnData.btnKey,
|
|
|
+ btnKey: this.currentBtnData.btnKey,
|
|
|
+ },
|
|
|
+ conditionMap: {},
|
|
|
+ commMap: {},
|
|
|
+ btnParametersMap: {},
|
|
|
+ };
|
|
|
+ if (this.currentBtnData.btnParams) {
|
|
|
+ let conditionData =
|
|
|
+ JSON.parse(this.currentBtnData.btnParams).conditionData || [];
|
|
|
+ // let
|
|
|
+ let commonData =
|
|
|
+ JSON.parse(this.currentBtnData.btnParams).commonFieldData || [];
|
|
|
+
|
|
|
+ conditionData.forEach((item) => {
|
|
|
+ data.conditionMap[item.fieldName.split(".")[1]] = item.fieldValue
|
|
|
+ ? item.fieldValue
|
|
|
+ : this.currentRow[camelCase(item.fieldName.replace(".", "_"))];
|
|
|
+ });
|
|
|
+ commonData.forEach((item) => {
|
|
|
+ data.btnParametersMap[item.fieldName.split(".")[1]] =
|
|
|
+ item.fieldValue
|
|
|
+ ? item.fieldValue
|
|
|
+ : this.currentRow[
|
|
|
+ camelCase(item.fieldName.replace(".", "_"))
|
|
|
+ ];
|
|
|
+ });
|
|
|
+ }
|
|
|
+ data.basicMap.btnType = this.currentBtnData.btnType;
|
|
|
+ data.basicMap.visible = true;
|
|
|
+ try {
|
|
|
+ let res = await btnCommonApi(data);
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message.success(res.msg);
|
|
|
+ } else {
|
|
|
+ console.error(res.msg);
|
|
|
+ this.$message.error("网络异常,请稍后再试");
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ this.$message.error("网络异常,请稍后再试");
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ // 调用子组件查询方法 目的是携带上子组件中的查询参数
|
|
|
+ this.$refs.mychild.pageList();
|
|
|
+ // this.$modal.msgSuccess("操作成功");
|
|
|
+ })
|
|
|
+ .catch(() => { });
|
|
|
+ },
|
|
|
+ // 页面跳转
|
|
|
+ routerHandler(btnData, type) {
|
|
|
+ let { url, commonFieldData } = JSON.parse(btnData.btnParams);
|
|
|
+ let tempArr = [];
|
|
|
+ if (commonFieldData) {
|
|
|
+ let queryArr = JSON.parse(commonFieldData);
|
|
|
+
|
|
|
+ tempArr = queryArr.map((item) => {
|
|
|
+ let key = this.formatField(item.fieldName, camelCase(this.tableName));
|
|
|
+ let value = item.fieldValue
|
|
|
+ ? item.fieldValue
|
|
|
+ : this.currentRow[item.fieldName];
|
|
|
+ return key + "=" + value;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (tempArr.length) {
|
|
|
+ url += "?" + tempArr.join("&");
|
|
|
+ }
|
|
|
+ if (type == "INNERLINK") {
|
|
|
+ this.$router.push(url);
|
|
|
+ } else {
|
|
|
+ window.open("http://" + url, "_blank");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 去掉表名 开头字母小写
|
|
|
+ formatField(field = "", tableName) {
|
|
|
+ let temp = field.replace(tableName, "");
|
|
|
+ return toUnderline(temp[0].toLowerCase() + temp.slice(1));
|
|
|
+ },
|
|
|
+ /** 修改按钮操作 */
|
|
|
+ async handleUpdate(row, btnData) {
|
|
|
+ let nameTable = this.templateInfo.template.dtTableName;
|
|
|
+ this.rowobj = {};
|
|
|
+ let obj = {};
|
|
|
+ this.formList = [];
|
|
|
+ for (let key in row) {
|
|
|
+ let modifiedTable = key
|
|
|
+ .replace(/[A-Z]/g, (match) => `_${match}`)
|
|
|
+ .toLowerCase();
|
|
|
+
|
|
|
+ this.rowobj[modifiedTable] = row[key];
|
|
|
+
|
|
|
+ let str = modifiedTable.substring(nameTable.length + 1);
|
|
|
+ obj[str] = row[key];
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ let { btnFormType, btnGroupType } = btnData;
|
|
|
+ let payLoad = {};
|
|
|
+ let primary = camelCase(
|
|
|
+ this.tableName + "_" + this.templateInfo.template?.primaryKey
|
|
|
+ );
|
|
|
+ payLoad = {
|
|
|
+ basicMap: {
|
|
|
+ btnType: this.currentBtnData.btnType,
|
|
|
+ btnKey: this.currentBtnData.btnKey,
|
|
|
+ visible: "false",
|
|
|
+ sqlKey: this.templateInfo.template.sqlKey,
|
|
|
+ tableName: this.tableName,
|
|
|
+ },
|
|
|
+ conditionMap: {},
|
|
|
+ };
|
|
|
+ payLoad.conditionMap[this.templateInfo.template?.primaryKey] =
|
|
|
+ row[primary];
|
|
|
+ let res = await btnCommonApi(payLoad);
|
|
|
+ // 判断是否绑定dialog弹窗
|
|
|
+ if (!this.currentBtnData.btnTableFormGroupKey) {
|
|
|
+ if (
|
|
|
+ btnGroupType == "right" &&
|
|
|
+ (!res.data || !res.data.template) &&
|
|
|
+ !res.data?.mainForm
|
|
|
+ ) {
|
|
|
+ //右侧判定逻辑
|
|
|
+ this.$message.error("当前按钮未绑定表单!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ btnGroupType == "top" &&
|
|
|
+ (!res.data || !res.data.dfVueTemplate) &&
|
|
|
+ !res.data?.mainForm
|
|
|
+ ) {
|
|
|
+ //顶部判定逻辑
|
|
|
+ this.$message.error("当前按钮未绑定表单!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (btnFormType == "dragFormGroup") {
|
|
|
+ //表单组
|
|
|
+ if (res.code == 200) {
|
|
|
+ if (res.data.mainForm) {
|
|
|
+ //表单组
|
|
|
+ // 判断是否有布局数据
|
|
|
+ this.isLayout =
|
|
|
+ res.data.layoutJson &&
|
|
|
+ JSON.parse(res.data.layoutJson)?.list.length > 0;
|
|
|
+ this.transformDataFormat(res.data);
|
|
|
+ if (this.isLayout) {
|
|
|
+ //自定义布局
|
|
|
+ this.layoutData = JSON.parse(JSON.stringify(res.data));
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.formList = res.data;
|
|
|
+ }
|
|
|
+ this.open = true;
|
|
|
+ if (btnData.btnFormType == "dragFormGroup") {
|
|
|
+ if (this.times) {
|
|
|
+ this.times = 0;
|
|
|
+ // debugger;
|
|
|
+ this.$nextTick(async () => {
|
|
|
+ // debugger;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.handleUpdate(row, btnData).then((res) => {
|
|
|
+ this.formListShow = true;
|
|
|
+ });
|
|
|
+ }, 1000);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (this.isLayout) {
|
|
|
+ //布局样式
|
|
|
+ this.$nextTick(() => {
|
|
|
+ // 手动触发布局组件的数据处理函数
|
|
|
+ this.$refs.formGroupLayoutRef?.initLayoutData(
|
|
|
+ JSON.parse(JSON.stringify(res.data))
|
|
|
+ );
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message.error("网络异常,请稍后再试");
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ let optionsData = "",
|
|
|
+ templateData = "";
|
|
|
+ if (btnGroupType == "top") {
|
|
|
+ optionsData = res.data.dfFormSql;
|
|
|
+ templateData = res.data.dfVueTemplate;
|
|
|
+ } else {
|
|
|
+ //修改
|
|
|
+ optionsData = res.data.template.dfFormSql;
|
|
|
+ templateData = res.data.template.dfVueTemplate;
|
|
|
+
|
|
|
+ this.addRealFieldName(res.data.result.resultMap);
|
|
|
+ let resultMap = res.data.result.resultMap;
|
|
|
+
|
|
|
+ Object.assign(this.defaultValue, resultMap);
|
|
|
+ }
|
|
|
+ //单个表单
|
|
|
+ optionsData && (this.dynamicData = JSON.parse(optionsData));
|
|
|
+ this.jsonData = JSON.parse(templateData);
|
|
|
+ this.open = true;
|
|
|
+ this.title = btnGroupType == "top" ? "新增信息" : "修改信息";
|
|
|
+ if (btnGroupType == "top") {
|
|
|
+ //新增 重置表单
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.addFromRef.reset();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.form.password = this.initPassword;
|
|
|
+ if (btnGroupType == "right") {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.addFromRef.setData(res.data.result.resultMap);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.subTableName = res.data.result.dragTables[1].dtTableName;
|
|
|
+ this.btnDialogVisible = true;
|
|
|
+ this.groupKey = this.currentBtnData.btnTableFormGroupKey;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ let refChild = this.$refs.dialogRef;
|
|
|
+ refChild.getLists(this.groupKey);
|
|
|
+ });
|
|
|
+ let tablesubKey = res.data.result.dragTables[1].tableKey;
|
|
|
+ // 查询统计信息
|
|
|
+ getStatisticList({
|
|
|
+ queryMap: {
|
|
|
+ tableKey: tablesubKey,
|
|
|
+ },
|
|
|
+ }).then((res) => {
|
|
|
+ this.subCount = res.data;
|
|
|
+ });
|
|
|
+ let prmKey = this.templateInfo.template.primaryKey;
|
|
|
+ let pkey = prmKey.replace(/_([a-z])/g, (match, p1) =>
|
|
|
+ p1.toUpperCase()
|
|
|
+ );
|
|
|
+ let data = {
|
|
|
+ queryMap: {
|
|
|
+ tableKey: res.data.result.dragTables[2].tableKey,
|
|
|
+ },
|
|
|
+ };
|
|
|
+ let key =
|
|
|
+ "#{" +
|
|
|
+ this.templateInfo.template.dtTableName +
|
|
|
+ "." +
|
|
|
+ this.templateInfo.template.primaryKey;
|
|
|
+
|
|
|
+ data.queryMap[key] =
|
|
|
+ "'" + obj[this.templateInfo.template.primaryKey] + "'";
|
|
|
+
|
|
|
+ getStatisticList(data).then((res) => {
|
|
|
+ this.tableCount = res.data;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ console.log(error);
|
|
|
+ this.$message.error("网络异常,请稍后再试");
|
|
|
+ }
|
|
|
+ console.log(this.times);
|
|
|
+ return;
|
|
|
+ },
|
|
|
+ /** 删除按钮操作
|
|
|
+ *
|
|
|
+ * 删除提示信息语句（标识）
|
|
|
+ * */
|
|
|
+ handleDelete(row, btnData) {
|
|
|
+ let delIds = this.ids;
|
|
|
+ let primary = camelCase(this.templateInfo.template?.primaryKey);
|
|
|
+ this.addRealFieldName(row);
|
|
|
+ if (row[primary] != undefined && row[primary] != null) {
|
|
|
+ delIds = [];
|
|
|
+ delIds.push(row[primary]);
|
|
|
+ }
|
|
|
+ let data = {
|
|
|
+ basicMap: {
|
|
|
+ btnType: btnData.btnType,
|
|
|
+ btnKey: btnData.btnKey,
|
|
|
+ tableName: this.tableName,
|
|
|
+ },
|
|
|
+ conditionMap: {
|
|
|
+ // id: delIds,
|
|
|
+ },
|
|
|
+ btnParametersMap: {},
|
|
|
+ };
|
|
|
+ if (this.currentBtnData.btnParams) {
|
|
|
+ let btnParams =
|
|
|
+ JSON.parse(this.currentBtnData.btnParams)?.commonFieldData || [];
|
|
|
+ let conditionData =
|
|
|
+ JSON.parse(this.currentBtnData.btnParams).conditionData || [];
|
|
|
+ conditionData.forEach((item) => {
|
|
|
+ data.conditionMap[item.fieldName.split(".")[1]] = item.fieldValue
|
|
|
+ ? item.fieldValue
|
|
|
+ : this.currentRow[camelCase(item.fieldName.replace(".", "_"))];
|
|
|
+ });
|
|
|
+ btnParams.forEach((item) => {
|
|
|
+ data.btnParametersMap[item.fieldName.split(".")[1]] = item.fieldValue
|
|
|
+ ? item.fieldValue
|
|
|
+ : this.currentRow[camelCase(item.fieldName.replace(".", "_"))];
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.$modal
|
|
|
+ .confirm('是否确认删除"' + delIds + '"的数据项？')
|
|
|
+ .then(function () {
|
|
|
+ // return delTableData(data);
|
|
|
+ return btnCommonApi(data);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ // 调用子组件查询方法 目的是携带上子组件中的查询参数
|
|
|
+ this.$refs.mychild.pageList();
|
|
|
+ this.$modal.msgSuccess("删除成功");
|
|
|
+ })
|
|
|
+ .catch(() => { });
|
|
|
+ },
|
|
|
+ // 打印回调
|
|
|
+ printHandler(btnData, row) {
|
|
|
+ // 发送请求获取打印数据
|
|
|
+ this.printShow = true;
|
|
|
+ this.printHtml = printHtml;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.detailTable.innerHTML = this.printHtml;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 确认打印回调
|
|
|
+ confirmPrint() {
|
|
|
+ document.body.innerHTML = document.getElementById("printDom").innerHTML =
|
|
|
+ this.printHtml;
|
|
|
+ window.print(); //打印
|
|
|
+ window.location.reload();
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ // 消息提示回调
|
|
|
+ showToast(btnData, row) {
|
|
|
+ let { btnFormKey, btnFormType } = btnData;
|
|
|
+ this.toastMsg = btnFormKey;
|
|
|
+ this.toastType = btnFormType;
|
|
|
+ this.toastShow = true;
|
|
|
+ },
|
|
|
+ // 处理列表信息
|
|
|
+ columnsHandler(columns) {
|
|
|
+ let resArr = [];
|
|
|
+ columns.forEach((item) => {
|
|
|
+ for (const key in item) {
|
|
|
+ let tempObj = {};
|
|
|
+ tempObj.key = camelCase(key);
|
|
|
+ tempObj.value = item[key];
|
|
|
+ resArr.push(tempObj);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return resArr;
|
|
|
+ },
|
|
|
+ // 设置表格字段样式
|
|
|
+ async setFieldStyleData(tableList) {
|
|
|
+ let fieldConditionList = this.styleList.filter(
|
|
|
+ (item) => item.styleType == 1 || item.styleType == 2
|
|
|
+ );
|
|
|
+ if (!fieldConditionList.length) return tableList;
|
|
|
+ let res = await this.setDictStyleData();
|
|
|
+
|
|
|
+ this.dictStyleObj = res.reduce((pre, item) => {
|
|
|
+ return {
|
|
|
+ ...pre,
|
|
|
+ ...item,
|
|
|
+ };
|
|
|
+ }, {});
|
|
|
+ tableList.forEach((row) => {
|
|
|
+ // if (!row.styleFieldObj) row.styleFieldObj = {};
|
|
|
+ for (let i = 0; i < fieldConditionList.length; i++) {
|
|
|
+ let item = fieldConditionList[i];
|
|
|
+ if (item.styleType == 1) {
|
|
|
+ //字段样式
|
|
|
+ let judgeRes = this.determineCondition(item.styleCondtion, row);
|
|
|
+ if (judgeRes) {
|
|
|
+ let styleCode = JSON.parse(item.styleCode);
|
|
|
+ if (!row.styleFieldObj) row.styleFieldObj = {};
|
|
|
+ row.styleFieldObj[item.styleField] = {
|
|
|
+ styleType: item.styleType,
|
|
|
+ fieldStyleType: styleCode.fieldStyleType,
|
|
|
+ fontColor: styleCode.fontColor,
|
|
|
+ isTagFullBg: styleCode.isTagFullBg,
|
|
|
+ tagType: styleCode.tagType,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ //字典样式
|
|
|
+ let dicStyle = this.dictStyleObj[item.styleField]?.find((dict) => {
|
|
|
+ return dict.dictValue == row[item.styleField];
|
|
|
+ });
|
|
|
+ if (dicStyle) {
|
|
|
+ if (!row.styleFieldObj) row.styleFieldObj = {};
|
|
|
+ row.styleFieldObj[item.styleField] = dicStyle; //设置该字段应该显示的字典样式
|
|
|
+ row.styleFieldObj[item.styleField].styleType = 2;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return tableList;
|
|
|
+ },
|
|
|
+ //设置表格字典相关数据
|
|
|
+ setDictStyleData() {
|
|
|
+ let fieldConditionList = this.styleList.filter(
|
|
|
+ (item) => item.styleType == 2
|
|
|
+ );
|
|
|
+ if (!fieldConditionList.length) return;
|
|
|
+ let PromiseList = fieldConditionList.map((item) => {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ let temp = {};
|
|
|
+ try {
|
|
|
+ listData({
|
|
|
+ isEnablePaging: false,
|
|
|
+ dictType: item.styleCondtion,
|
|
|
+ }).then((res) => {
|
|
|
+ temp[item.styleField] = res.rows;
|
|
|
+ resolve(temp);
|
|
|
+ });
|
|
|
+ } catch (error) {
|
|
|
+ reject(error);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ return Promise.all(PromiseList);
|
|
|
+ },
|
|
|
+ // 文件上传中处理
|
|
|
+ handleFileUploadProgress(event, file, fileList) {
|
|
|
+ this.upload.isUploading = true;
|
|
|
+ },
|
|
|
+ // 文件上传成功处理
|
|
|
+ handleFileSuccess(response, file, fileList) {
|
|
|
+ this.upload.open = false;
|
|
|
+ this.upload.isUploading = false;
|
|
|
+ this.$refs.upload.clearFiles();
|
|
|
+ this.$alert(
|
|
|
+ "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
|
|
|
+ response.msg +
|
|
|
+ "</div>",
|
|
|
+ "导入结果",
|
|
|
+ { dangerouslyUseHTMLString: true }
|
|
|
+ );
|
|
|
+ this.$refs.mychild.pageList({
|
|
|
+ limit: this.queryParams.pageSize,
|
|
|
+ page: this.queryParams.pageNum,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //重点在这里
|
|
|
+ handleChange(file, fileList) {
|
|
|
+ file.name = this.tableName + "." + file.name.split(".")[1];
|
|
|
+ fileList.forEach((item) => {
|
|
|
+ item.name = this.tableName + "." + file.name.split(".")[1];
|
|
|
+ });
|
|
|
+ let newFile = new File(
|
|
|
+ [file],
|
|
|
+ this.tableName + "." + file.name.split(".")[1]
|
|
|
+ ); //创建出来也是不可编辑的file对象
|
|
|
+ },
|
|
|
+ /** 下载模板操作 */
|
|
|
+ importTemplate() {
|
|
|
+ this.download(
|
|
|
+ process.env.VUE_APP_BASE_API1 +
|
|
|
+ `common/exportTemplate?tableName=${this.tableName}&sqlkey=${this.templateInfo.template.sqlKey}`,
|
|
|
+ {},
|
|
|
+ `下载模版名称${new Date().getTime()}.xlsx`
|
|
|
+ );
|
|
|
+ },
|
|
|
+ // 提交上传文件
|
|
|
+ submitFileForm() {
|
|
|
+ this.$refs.upload.submit();
|
|
|
+ },
|
|
|
+ // 顶部按钮回调
|
|
|
+ topBtnHandler(btnData) {
|
|
|
+ let { btnType, btnParams, btnFormType } = btnData;
|
|
|
+ let row = this.selection[0] || [];
|
|
|
+ this.formType = btnFormType;
|
|
|
+ this.currentBtnData = btnData;
|
|
|
+ this.currentRow = JSON.parse(JSON.stringify(row));
|
|
|
+ // 无表单
|
|
|
+ if (
|
|
|
+ btnFormType == "noNeed" &&
|
|
|
+ btnType != "IMPORT" &&
|
|
|
+ btnType != "EXPORT" &&
|
|
|
+ btnType != "DELETE" &&
|
|
|
+ btnType != "UPDATE" &&
|
|
|
+ btnType != "INSERT" &&
|
|
|
+ btnType != "PRINT" &&
|
|
|
+ btnType != "INNERLINK" &&
|
|
|
+ btnType != "OUTLINK"
|
|
|
+ ) {
|
|
|
+ this.noNeedHandler(btnData, row);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (btnData.btnFormType == "dragFormGroup") {
|
|
|
+ this.times = 1; //重置请求次数
|
|
|
+ this.formListShow = false;
|
|
|
+ }
|
|
|
+ switch (btnType) {
|
|
|
+ case "INNERLINK":
|
|
|
+ this.routerHandler(btnData, btnType);
|
|
|
+ break;
|
|
|
+ case "OUTLINK":
|
|
|
+ this.routerHandler(btnData, btnType);
|
|
|
+ break;
|
|
|
+ case "UPDATE":
|
|
|
+ this.handleUpdate(row, btnData);
|
|
|
+ break;
|
|
|
+ case "EXECUTE":
|
|
|
+ this.handleUpdate(row, btnData);
|
|
|
+ break;
|
|
|
+ case "INITIATED":
|
|
|
+ this.handleUpdate(row, btnData);
|
|
|
+ break;
|
|
|
+ case "DELETE":
|
|
|
+ this.handleBatchDelete();
|
|
|
+ break;
|
|
|
+ case "INSERT":
|
|
|
+ this.handleUpdate(row, btnData);
|
|
|
+ break;
|
|
|
+ case "IMPORT":
|
|
|
+ this.upload.open = true;
|
|
|
+ break;
|
|
|
+ case "EXPORT":
|
|
|
+ this.handleExport();
|
|
|
+ break;
|
|
|
+ case "PRINT":
|
|
|
+ this.printHandler(btnData, row);
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 批量删除接口
|
|
|
+ handleBatchDelete() {
|
|
|
+ let delIds = this.ids;
|
|
|
+ let primary = camelCase(this.templateInfo.template?.primaryKey);
|
|
|
+ let data = {
|
|
|
+ basicMap: {
|
|
|
+ tableName: this.tableName,
|
|
|
+ },
|
|
|
+ conditionMap: {
|
|
|
+ // id: delIds,
|
|
|
+ },
|
|
|
+ };
|
|
|
+ data.conditionMap[this.templateInfo.template?.primaryKey] = delIds;
|
|
|
+ this.$modal
|
|
|
+ .confirm('是否确认删除"' + delIds + '"的数据项？')
|
|
|
+ .then(function () {
|
|
|
+ return delTableData(data);
|
|
|
+ // return btnCommonApi(data);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ // 调用子组件查询方法 目的是携带上子组件中的查询参数
|
|
|
+ this.$refs.mychild.pageList();
|
|
|
+ this.$modal.msgSuccess("删除成功");
|
|
|
+ })
|
|
|
+ .catch(() => { });
|
|
|
+ },
|
|
|
+ /** 导出按钮操作 */
|
|
|
+ handleExport() {
|
|
|
+ let primary = camelCase(this.templateInfo.template?.primaryKey);
|
|
|
+ let realyKey = camelCase(this.tableName + "_" + primary);
|
|
|
+ if (this.ids.length > 0) {
|
|
|
+ this.queryParams["execlMap"] = [];
|
|
|
+ this.ids.forEach((item) => {
|
|
|
+ this.queryParams.execlMap.push(
|
|
|
+ this.tableList.find((ttem) => {
|
|
|
+ return ttem[realyKey] === item;
|
|
|
+ })
|
|
|
+ );
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.queryParams.execlMap = JSON.stringify(this.queryParams.execlMap);
|
|
|
+ this.download(
|
|
|
+ process.env.VUE_APP_BASE_API1 + "common/export",
|
|
|
+ {
|
|
|
+ ...this.queryParams,
|
|
|
+ },
|
|
|
+ `文件名称_${new Date().getTime()}.xlsx`
|
|
|
+ );
|
|
|
+ },
|
|
|
+ // 分页查询
|
|
|
+ pageList(row) {
|
|
|
+ // 调用子组件-》携带子组件参数请求后台
|
|
|
+ this.$refs.mychild.pageList(
|
|
|
+ row == undefined
|
|
|
+ ? {
|
|
|
+ limit: this.queryParams.pageSize,
|
|
|
+ page: this.queryParams.pageNum,
|
|
|
+ }
|
|
|
+ : row
|
|
|
+ );
|
|
|
+ },
|
|
|
+ // 使用提交数据类型的按钮获取数据
|
|
|
+ tempSubBtn(getData) {
|
|
|
+ getData()
|
|
|
+ .then((values) => { })
|
|
|
+ .catch(() => { });
|
|
|
+ },
|
|
|
+ // k-form-build表单变化回调
|
|
|
+ formChangeHandler(value, label) { },
|
|
|
+ //提交编辑结果按钮回调
|
|
|
+ async editConfirmHandler() {
|
|
|
+ if (this.$refs.addFromRef && this.formType == "dragForm") {
|
|
|
+ this.$refs.addFromRef
|
|
|
+ .getData()
|
|
|
+ .then(async (values) => {
|
|
|
+ for (const key of Object.keys(values)) {
|
|
|
+ values[key] =
|
|
|
+ typeof values[key] == "undefined" ? "" : values[key];
|
|
|
+ }
|
|
|
+ let data = {
|
|
|
+ basicMap: {
|
|
|
+ tableName: this.tableName,
|
|
|
+ // btnKey: btnData.btnKey,
|
|
|
+ btnKey: this.currentBtnData.btnKey,
|
|
|
+ },
|
|
|
+ addListMap: [values],
|
|
|
+ conditionMap: {},
|
|
|
+ commMap: {},
|
|
|
+ btnParametersMap: {},
|
|
|
+ };
|
|
|
+
|
|
|
+ if (this.currentBtnData.btnParams) {
|
|
|
+ let btnParams =
|
|
|
+ JSON.parse(this.currentBtnData.btnParams)?.commonFieldData ||
|
|
|
+ [];
|
|
|
+ let conditionData =
|
|
|
+ JSON.parse(this.currentBtnData.btnParams).conditionData || [];
|
|
|
+ // let
|
|
|
+ btnParams.forEach((item) => {
|
|
|
+ data.btnParametersMap[item.fieldName.split(".")[1]] =
|
|
|
+ item.fieldValue
|
|
|
+ ? item.fieldValue
|
|
|
+ : this.currentRow[
|
|
|
+ camelCase(item.fieldName.replace(".", "_"))
|
|
|
+ ];
|
|
|
+ });
|
|
|
+ conditionData.forEach((item) => {
|
|
|
+ data.conditionMap[item.fieldName.split(".")[1]] =
|
|
|
+ item.fieldValue
|
|
|
+ ? item.fieldValue
|
|
|
+ : this.currentRow[
|
|
|
+ camelCase(item.fieldName.replace(".", "_"))
|
|
|
+ ];
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (Object.keys(this.defaultValue).length) {
|
|
|
+ //修改
|
|
|
+ // data.conditionMap[this.templateInfo.template?.primaryKey] =
|
|
|
+ // this.defaultValue[this.templateInfo.template?.primaryKey];
|
|
|
+ if (values.batch) {
|
|
|
+ //动态表单的修改
|
|
|
+ data = this.getEditBatchData(values, data);
|
|
|
+ } else {
|
|
|
+ Object.keys(values).map((k) => {
|
|
|
+ data.commMap[k] = values[k];
|
|
|
+ });
|
|
|
+ }
|
|
|
+ data.basicMap.btnType = this.currentBtnData.btnType;
|
|
|
+ data.basicMap.visible = true;
|
|
|
+ } else {
|
|
|
+ // 处理 动态表格
|
|
|
+ // start
|
|
|
+ if (values.batch) {
|
|
|
+ data = this.getInsertBatchData(values, data);
|
|
|
+ }
|
|
|
+ // end
|
|
|
+ //新增
|
|
|
+ data.basicMap.btnType = "INSERT";
|
|
|
+ data.basicMap.visible = true;
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ let res = await btnCommonApi(data);
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message.success("操作成功");
|
|
|
+ } else {
|
|
|
+ this.$message.error("网络异常,请稍后再试");
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ this.$message.error("网络异常,请稍后再试");
|
|
|
+ }
|
|
|
+ // ⚠️⚠️⚠️调用查询组件中查询函数-》handleQuery回调getList();
|
|
|
+ this.$refs.mychild.handleQuery();
|
|
|
+ this.defaultValue = {};
|
|
|
+ this.open = false;
|
|
|
+ })
|
|
|
+ .catch((res) => {
|
|
|
+ console.log("res", res);
|
|
|
+ this.$modal.msgError("表单校验失败,请规范填写数据");
|
|
|
+ });
|
|
|
+ } else if (this.formType == "dragFormGroup") {
|
|
|
+ //无布局
|
|
|
+ let promiseArray = [];
|
|
|
+ if (this.isLayout) {
|
|
|
+ let res = await this.$refs.formGroupLayoutRef.getFormData();
|
|
|
+
|
|
|
+ res.forEach((item) => {
|
|
|
+ promiseArray.push(...item);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ console.log("res", this.FormNameList)
|
|
|
+ promiseArray = this.FormNameList.map((item) => {
|
|
|
+ console.log("如何循环---", item);
|
|
|
+ return this.$refs.formGroupRef?.getFormData(item);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ console.log(promiseArray, "111111")
|
|
|
+ Promise.all(promiseArray).then(async (res) => {
|
|
|
+ // console.log("res", res);
|
|
|
+ // return;
|
|
|
+ // 获取到所有表单数据
|
|
|
+ let mainForm = res.find((item) => item.isMainForm);
|
|
|
+ let mainFormData = mainForm.data;
|
|
|
+ let data = {
|
|
|
+ basicMap: {
|
|
|
+ tableName: this.tableName,
|
|
|
+ // btnKey: btnData.btnKey,
|
|
|
+ btnKey: this.currentBtnData.btnKey,
|
|
|
+ BpmRunNodeFormDateVo: {},
|
|
|
+ },
|
|
|
+ conditionMap: {},
|
|
|
+ commMap: {},
|
|
|
+ btnParametersMap: {},
|
|
|
+ };
|
|
|
+
|
|
|
+ let btnParams =
|
|
|
+ JSON.parse(this.currentBtnData.btnParams)?.commonFieldData || [];
|
|
|
+ let conditionData =
|
|
|
+ JSON.parse(this.currentBtnData.btnParams)?.conditionData || [];
|
|
|
+ Object.keys(mainFormData).map((k) => {
|
|
|
+ data.commMap[k] = mainFormData[k];
|
|
|
+ });
|
|
|
+ btnParams.forEach((item) => {
|
|
|
+ data.btnParametersMap[item.fieldName.split(".")[1]] =
|
|
|
+ item.fieldValue
|
|
|
+ ? item.fieldValue
|
|
|
+ : this.currentRow[camelCase(item.fieldName.replace(".", "_"))];
|
|
|
+ });
|
|
|
+ conditionData.forEach((item) => {
|
|
|
+ data.conditionMap[item.fieldName.split(".")[1]] = item.fieldValue
|
|
|
+ ? item.fieldValue
|
|
|
+ : this.currentRow[camelCase(item.fieldName.replace(".", "_"))];
|
|
|
+ });
|
|
|
+ data.basicMap.btnType = this.currentBtnData.btnType;
|
|
|
+ data.basicMap.visible = true;
|
|
|
+ let payLoad = {
|
|
|
+ insertCommonEntityList: [],
|
|
|
+ updateCommonEntityList: [],
|
|
|
+ deleteCommonEntityList: [],
|
|
|
+ };
|
|
|
+ if (this.currentBtnData.btnType == "UPDATE") {
|
|
|
+ // 准备删除数据
|
|
|
+ res.forEach((item, index) => {
|
|
|
+ let result = {};
|
|
|
+ if (index == 0) {
|
|
|
+ //主表 主表不会是动态表格
|
|
|
+ result = {
|
|
|
+ basicMap: {
|
|
|
+ tableName: item.tableName,
|
|
|
+ },
|
|
|
+ commMap: {
|
|
|
+ ...item.data,
|
|
|
+ },
|
|
|
+ conditionMap: {},
|
|
|
+ };
|
|
|
+ //主表条件
|
|
|
+ let conditionData =
|
|
|
+ JSON.parse(this.currentBtnData.btnParams).conditionData || [];
|
|
|
+ conditionData.forEach((item) => {
|
|
|
+ result.conditionMap[item.fieldName.split(".")[1]] =
|
|
|
+ item.fieldValue
|
|
|
+ ? item.fieldValue
|
|
|
+ : this.currentRow[
|
|
|
+ camelCase(item.fieldName.replace(".", "_"))
|
|
|
+ ];
|
|
|
+ });
|
|
|
+ payLoad.updateCommonEntityList.push(result);
|
|
|
+ } else {
|
|
|
+ // 从表条件
|
|
|
+ let {
|
|
|
+ formItem,
|
|
|
+ relateFormItem,
|
|
|
+ formType,
|
|
|
+ defaultValue,
|
|
|
+ tableName,
|
|
|
+ } = item;
|
|
|
+ if (formType == "batch") {
|
|
|
+ //动态表格的修改
|
|
|
+ let result = {};
|
|
|
+ // 准备删除数据
|
|
|
+ if (defaultValue[tableName]?.length) {
|
|
|
+ let ids = defaultValue[tableName].map((item) => item.id);
|
|
|
+ result = {
|
|
|
+ basicMap: {
|
|
|
+ tableName,
|
|
|
+ },
|
|
|
+ conditionMap: {
|
|
|
+ id: ids,
|
|
|
+ },
|
|
|
+ };
|
|
|
+ payLoad.deleteCommonEntityList.push(result);
|
|
|
+ }
|
|
|
+ // 准备新增数据
|
|
|
+ result = this.getFormGroupBatchData(item, index, res);
|
|
|
+ if (item.insertMap.length) {
|
|
|
+ this.addInsertData(item.insertMap, result, res);
|
|
|
+ }
|
|
|
+ // 去除未修改数据的自动生成字段
|
|
|
+ this.removeAutoField(result);
|
|
|
+ payLoad.insertCommonEntityList.push(result);
|
|
|
+ } else {
|
|
|
+ //普通表格的修改
|
|
|
+ result = {
|
|
|
+ basicMap: {
|
|
|
+ tableName: item.tableName,
|
|
|
+ },
|
|
|
+ commMap: {
|
|
|
+ ...item.data,
|
|
|
+ },
|
|
|
+ conditionMap: {},
|
|
|
+ };
|
|
|
+ let fieldName = formItem.split(".")[1];
|
|
|
+ let value =
|
|
|
+ this.currentRow[
|
|
|
+ camelCase(relateFormItem.replace(".", "_"))
|
|
|
+ ];
|
|
|
+ result.conditionMap[fieldName] = value;
|
|
|
+ payLoad.updateCommonEntityList.push(result);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else if (this.currentBtnData.btnType == "INSERT") {
|
|
|
+ // 新增
|
|
|
+ let uuid = uuidv4().replace("-", "");
|
|
|
+ payLoad.insertCommonEntityList = res.map((item, index) => {
|
|
|
+ let result = {};
|
|
|
+ if (item.data.batch) {
|
|
|
+ //动态表格
|
|
|
+ result = this.getFormGroupBatchData(item, index, res);
|
|
|
+ } else {
|
|
|
+ result = {
|
|
|
+ basicMap: {
|
|
|
+ tableName: item.tableName,
|
|
|
+ },
|
|
|
+ addListMap: [
|
|
|
+ {
|
|
|
+ ...item.data,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ };
|
|
|
+ let { formItem, relateFormItem } = item;
|
|
|
+ if (index == 0) {
|
|
|
+ //主表单
|
|
|
+ // 添加新增数据的关联条件
|
|
|
+ let mainFormKey = mainForm.data[formItem.split(".")[1]];
|
|
|
+ if (mainFormKey) {
|
|
|
+ result.addListMap[0][formItem.split(".")[1]] = mainFormKey;
|
|
|
+ } else {
|
|
|
+ mainForm.data[formItem.split(".")[1]] = uuid;
|
|
|
+ result.addListMap[0][formItem.split(".")[1]] = uuid;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ //子表单
|
|
|
+ result.addListMap[0][formItem.split(".")[1]] =
|
|
|
+ mainForm.data[relateFormItem?.split(".")[1]];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (item.insertMap?.length) {
|
|
|
+ this.addInsertData(item.insertMap, result, res);
|
|
|
+ }
|
|
|
+ return result;
|
|
|
+ });
|
|
|
+ } else if (this.currentBtnData.btnType == "INITIATED") {
|
|
|
+ payLoad.updateCommonEntityList = res.map((item, index) => {
|
|
|
+ let a = {};
|
|
|
+ if (item.updateMap?.length) {
|
|
|
+ item.updateMap.forEach((item) => {
|
|
|
+ a[item.fieldName.split(".")[1]] = item.refValue;
|
|
|
+ })
|
|
|
+ }
|
|
|
+ let result = {
|
|
|
+ basicMap: {
|
|
|
+ tableName: item.tableName,
|
|
|
+ },
|
|
|
+ commMap: {
|
|
|
+ ...item.data,
|
|
|
+ ...a,
|
|
|
+ },
|
|
|
+ conditionMap: {},
|
|
|
+ };
|
|
|
+ if (index == 0) {
|
|
|
+ //主表条件
|
|
|
+ let conditionData =
|
|
|
+ JSON.parse(this.currentBtnData.btnParams).conditionData || [];
|
|
|
+ conditionData.forEach((item) => {
|
|
|
+ result.conditionMap[item.fieldName.split(".")[1]] =
|
|
|
+ item.fieldValue
|
|
|
+ ? item.fieldValue
|
|
|
+ : this.currentRow[
|
|
|
+ camelCase(item.fieldName.replace(".", "_"))
|
|
|
+ ];
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ // 从表条件
|
|
|
+ let { formItem, relateFormItem } = item;
|
|
|
+ let fieldName = formItem.split(".")[1];
|
|
|
+ let value =
|
|
|
+ this.currentRow[camelCase(relateFormItem.replace(".", "_"))];
|
|
|
+ result.conditionMap[fieldName] = value;
|
|
|
+ }
|
|
|
+ return result;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ console.log(payLoad.updateCommonEntityList, "hmc");
|
|
|
+ data.basicMap.BpmRunNodeFormDateVo = payLoad;
|
|
|
+ // return;
|
|
|
+ try {
|
|
|
+ let res = await btnCommonApi(data);
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message.success("操作成功");
|
|
|
+ // ⚠️⚠️⚠️调用查询组件中查询函数-》handleQuery回调getList();
|
|
|
+ this.$refs.mychild.handleQuery();
|
|
|
+ this.defaultValue = {};
|
|
|
+ this.open = false;
|
|
|
+ } else {
|
|
|
+ this.$message.error("网络异常,请稍后再试");
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ this.$message.error("网络异常,请稍后再试");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ // 没有绑定表单
|
|
|
+ let data = {
|
|
|
+ basicMap: {
|
|
|
+ tableName: this.tableName,
|
|
|
+ // btnKey: btnData.btnKey,
|
|
|
+ btnKey: this.currentBtnData.btnKey,
|
|
|
+ btnType: this.currentBtnData.btnType,
|
|
|
+ visible: true,
|
|
|
+ },
|
|
|
+ addListMap: [],
|
|
|
+ conditionMap: {},
|
|
|
+ commMap: {},
|
|
|
+ btnParametersMap: {},
|
|
|
+ };
|
|
|
+ if (this.currentBtnData.btnParams) {
|
|
|
+ let btnParams =
|
|
|
+ JSON.parse(this.currentBtnData.btnParams)?.commonFieldData || [];
|
|
|
+ let conditionData =
|
|
|
+ JSON.parse(this.currentBtnData.btnParams).conditionData || [];
|
|
|
+ conditionData.forEach((item) => {
|
|
|
+ data.conditionMap[item.fieldName.split(".")[1]] = item.fieldValue
|
|
|
+ ? item.fieldValue
|
|
|
+ : this.currentRow[camelCase(item.fieldName.replace(".", "_"))];
|
|
|
+ });
|
|
|
+ btnParams.forEach((item) => {
|
|
|
+ data.btnParametersMap[item.fieldName.split(".")[1]] =
|
|
|
+ item.fieldValue
|
|
|
+ ? item.fieldValue
|
|
|
+ : this.currentRow[camelCase(item.fieldName.replace(".", "_"))];
|
|
|
+ });
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ let res = await btnCommonApi(data);
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message.success("操作成功");
|
|
|
+ } else {
|
|
|
+ this.$message.error("网络异常,请稍后再试");
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ this.$message.error("网络异常,请稍后再试");
|
|
|
+ }
|
|
|
+ // ⚠️⚠️⚠️调用查询组件中查询函数-》handleQuery回调getList();
|
|
|
+ this.$refs.mychild.handleQuery();
|
|
|
+ this.defaultValue = {};
|
|
|
+ this.open = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 处理 动态表单 动态表格 新增数据
|
|
|
+ getInsertBatchData(values, data) {
|
|
|
+ if (Object.keys(values.batch).length == 0) return data;
|
|
|
+ let tableName = Object.keys(values.batch)[0];
|
|
|
+ data.basicMap.tableName = tableName;
|
|
|
+ data.addListMap = values.batch[tableName].map((item) => {
|
|
|
+ delete item.key;
|
|
|
+ return item;
|
|
|
+ });
|
|
|
+ return data;
|
|
|
+ },
|
|
|
+ // 处理 动态表单 动态表格 修改数据
|
|
|
+ getEditBatchData(values, data) { },
|
|
|
+ // 去除多余字段
|
|
|
+ removeAutoField(result) {
|
|
|
+ result.addListMap.forEach((item) => {
|
|
|
+ this.theAutoField.forEach((field) => {
|
|
|
+ delete item[field];
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 处理 表单组 含有动态表格 新增数据
|
|
|
+ getFormGroupBatchData(values, index, result) {
|
|
|
+ let tableName = Object.keys(values.data.batch)[0];
|
|
|
+ let res = {
|
|
|
+ basicMap: {
|
|
|
+ tableName,
|
|
|
+ },
|
|
|
+ addListMap: [],
|
|
|
+ };
|
|
|
+ let { formItem, relateFormItem } = values;
|
|
|
+ res.addListMap = values.data.batch[tableName].map((item) => {
|
|
|
+ delete item.key;
|
|
|
+ item[formItem.split(".")[1]] =
|
|
|
+ result[0].data[relateFormItem.split(".")[1]]; //将主表单的关联值赋值给从表单
|
|
|
+ return item;
|
|
|
+ });
|
|
|
+ return res;
|
|
|
+ },
|
|
|
+ // 添加插入的数据
|
|
|
+ addInsertData(insertMap, result, res) {
|
|
|
+ result.addListMap.forEach((i) => {
|
|
|
+ insertMap.forEach((j) => {
|
|
|
+ i[j.fieldName?.split(".")[1]] = res.find(
|
|
|
+ (k) => k.tableName == j.tableName
|
|
|
+ )?.data[j.relaField.split(".")[1]];
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 取消按钮
|
|
|
+ cancel() {
|
|
|
+ this.open = false;
|
|
|
+ // this.reset();
|
|
|
+ },
|
|
|
+ // 绑定dialog对话框关闭
|
|
|
+ handleClose() {
|
|
|
+ this.btnDialogVisible = false;
|
|
|
+ },
|
|
|
+ // 弹窗新增的数
|
|
|
+ addListHandler(val) {
|
|
|
+ this.addLists.push(...val);
|
|
|
+ },
|
|
|
+ // 绑定弹窗Dialog确定按钮
|
|
|
+ btnComfirm() { },
|
|
|
+ // 将表单组数据转换成符合单个表单的数据格式
|
|
|
+ transformDataFormat(data) {
|
|
|
+ this.FormNameList = [];
|
|
|
+ let { mainForm, subFormList } = data;
|
|
|
+ this.formList = [];
|
|
|
+ let showValue = null;
|
|
|
+ if (mainForm.showValue) {
|
|
|
+ showValue = mainForm.showValue[0]?.resultMap;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (showValue) {
|
|
|
+ for (const key of Object.keys(showValue)) {
|
|
|
+ if (key != "remark") {
|
|
|
+ showValue[toUnderline(key)] = showValue[key];
|
|
|
+ // delete showValue[key];
|
|
|
+ if (toUnderline(key) != key) {
|
|
|
+ delete showValue[key];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ mainForm.showTemplate.resultMap = [showValue];
|
|
|
+ }
|
|
|
+
|
|
|
+ this.formList.push({
|
|
|
+ template: mainForm.showTemplate,
|
|
|
+ tableName: mainForm.mainFormTable,
|
|
|
+ });
|
|
|
+ this.FormNameList.push({
|
|
|
+ tableName: mainForm.mainFormTable,
|
|
|
+ formItem: mainForm.mainFormItem,
|
|
|
+ relateFormItem: null,
|
|
|
+ isMainForm: true,
|
|
|
+ formType: mainForm.showTemplate.spare == "2" ? "batch" : "normal",
|
|
|
+ defaultValue: mainForm.showValue ? mainForm.showValue[0].resultMap : {},
|
|
|
+ });
|
|
|
+ if (subFormList && subFormList.length > 0) {
|
|
|
+ console.log("subFormList", subFormList)
|
|
|
+ subFormList.forEach((item) => {
|
|
|
+ console.log("sub item", item)
|
|
|
+ let showValue = null;
|
|
|
+ if (item.showValue) {
|
|
|
+ showValue = item.showValue[0];
|
|
|
+ }
|
|
|
+ let defaultValue = {};
|
|
|
+ if (showValue) {
|
|
|
+ if (item.showTemplate.spare == "2") {
|
|
|
+ //动态表格表单
|
|
|
+ let batch = {},
|
|
|
+ tableName = item.formItem?.split(".")?.[0];
|
|
|
+ batch[tableName] = item.showValue.map((item) => item.resultMap);
|
|
|
+ defaultValue = JSON.parse(JSON.stringify(batch));
|
|
|
+ // 所有字段驼峰转下划线
|
|
|
+ batch[tableName].forEach((i) => {
|
|
|
+ for (const key of Object.keys(i)) {
|
|
|
+ i[toUnderline(key)] = i[key];
|
|
|
+ if (toUnderline(key) != key) {
|
|
|
+ delete i[key];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ item.showTemplate.resultMap = [
|
|
|
+ {
|
|
|
+ batch,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ } else {
|
|
|
+ for (const key of Object.keys(item.showValue[0].resultMap)) {
|
|
|
+ item.showValue[0].resultMap[toUnderline(key)] =
|
|
|
+ item.showValue[0].resultMap[key];
|
|
|
+ if (toUnderline(key) != key) {
|
|
|
+ delete item.showValue[0].resultMap[key];
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ item.showTemplate.resultMap = [item.showValue[0].resultMap];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.formList.push({
|
|
|
+ template: item.showTemplate,
|
|
|
+ tableName: item.formItem?.split(".")?.[0],
|
|
|
+ });
|
|
|
+ this.FormNameList.push({
|
|
|
+ tableName: item.formItem?.split(".")?.[0],
|
|
|
+ formItem: item.formItem,
|
|
|
+ relateFormItem: item.relateMainItem,
|
|
|
+ formType: item.showTemplate.spare == "2" ? "batch" : "normal",
|
|
|
+ defaultValue,
|
|
|
+ insertMap: item.insertMap,
|
|
|
+ updateMap: item.updateMap,
|
|
|
+ isMainForm: false,
|
|
|
+ });
|
|
|
+ console.log(this.FormNameList)
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 添加真正的字段名
|
|
|
+ addRealFieldName(row) {
|
|
|
+ let fieldList = Object.keys(row);
|
|
|
+ // let tableName = this.longestCommonSubstring(fieldList);
|
|
|
+ let tableName = camelCase(this.tableName);
|
|
|
+ fieldList.forEach((field) => {
|
|
|
+ let realField = field.replace(tableName, "");
|
|
|
+ realField = realField[0].toLocaleLowerCase() + realField.substring(1);
|
|
|
+ row[realField] = row[field];
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 没有找到调用的地方的方法-----------------------------------------
|
|
|
+ /** 新增按钮操作 */
|
|
|
+ handleAdd(row) {
|
|
|
+ // this.reset();
|
|
|
+ this.defaultValue = {};
|
|
|
+ this.formType = "dragForm";
|
|
|
+ let payLoad = {
|
|
|
+ basicMap: {
|
|
|
+ btnType: this.currentBtnData.btnType,
|
|
|
+ btnKey: this.currentBtnData.btnKey,
|
|
|
+ visible: "false",
|
|
|
+ sqlKey: this.templateInfo.template.sqlKey,
|
|
|
+ tableName: this.tableName,
|
|
|
+ },
|
|
|
+ };
|
|
|
+ // getInfoBySqlKey(this.templateInfo.template.sqlKey)
|
|
|
+ btnCommonApi(payLoad).then(({ data }) => {
|
|
|
+ if (!data || !data.dfVueTemplate) {
|
|
|
+ this.jsonData = false;
|
|
|
+ this.$message.error("当前表格未绑定表单!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (data.dfFormSql) {
|
|
|
+ let dynamicData = JSON.parse(data.dfFormSql);
|
|
|
+ Object.assign(this.dynamicData, dynamicData);
|
|
|
+ }
|
|
|
+ this.jsonData = JSON.parse(data.dfVueTemplate);
|
|
|
+ this.open = true;
|
|
|
+ this.title = "添加信息";
|
|
|
+ this.form.password = this.initPassword;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.addFromRef.reset();
|
|
|
+ inputDisableComplete();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 提交按钮 */
|
|
|
+ submitForm: function () {
|
|
|
+ this.$refs["form"].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+
|
|
|
+ if (this.form.userId != undefined) {
|
|
|
+ updateUser(this.form).then((response) => {
|
|
|
+ this.$modal.msgSuccess("修改成功");
|
|
|
+ this.open = false;
|
|
|
+ // ⚠️⚠️⚠️调用查询组件中查询函数-》handleQuery回调getList();
|
|
|
+ this.$refs.mychild.handleQuery();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ addUser(this.form).then((response) => {
|
|
|
+ this.$modal.msgSuccess("新增成功");
|
|
|
+ this.open = false;
|
|
|
+ // ⚠️⚠️⚠️调用查询组件中查询函数-》handleQuery回调getList();
|
|
|
+ this.$refs.mychild.handleQuery();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 延迟
|
|
|
+ sleep(ms) {
|
|
|
+ var unixtime_ms = new Date().getTime();
|
|
|
+ while (new Date().getTime() < unixtime_ms + ms) { }
|
|
|
+ return "";
|
|
|
+ },
|
|
|
+ // 预加载一次表单组数据;
|
|
|
+ async initFormGroupDialog() {
|
|
|
+ this.loading = true;
|
|
|
+ console.log(this.excuteBtnArr.children);
|
|
|
+ let targetMenuList = this.excuteBtnArr?.children?.filter((item) => {
|
|
|
+ return item.btnFormType == "dragFormGroup";
|
|
|
+ });
|
|
|
+ console.log(targetMenuList, this.tableList);
|
|
|
+ if (targetMenuList?.length > 0 && this.tableList.length > 0) {
|
|
|
+ for (let i = 0; i < targetMenuList.length; i++) {
|
|
|
+ this.excuteHandler(targetMenuList[i], this.tableList[0]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.loading = false;
|
|
|
+ },
|
|
|
+ showValue() {
|
|
|
+ this.$refs.formGroupRef.setDefaultValue();
|
|
|
+ },
|
|
|
+ // 下划线命名转驼峰命名
|
|
|
+ toUnderScoreCase(str) {
|
|
|
+ if (str === null) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ let sb = "";
|
|
|
+ // 前置字符是否大写
|
|
|
+ let preCharIsUpperCase = true;
|
|
|
+ // 当前字符是否大写
|
|
|
+ let curreCharIsUpperCase = true;
|
|
|
+ // 下一字符是否大写
|
|
|
+ let nexteCharIsUpperCase = true;
|
|
|
+ for (let i = 0; i < str.length; i++) {
|
|
|
+ let c = str.charAt(i);
|
|
|
+ if (i > 0) {
|
|
|
+ preCharIsUpperCase = isUpperCase(str.charAt(i - 1));
|
|
|
+ } else {
|
|
|
+ preCharIsUpperCase = false;
|
|
|
+ }
|
|
|
+
|
|
|
+ curreCharIsUpperCase = isUpperCase(c);
|
|
|
+
|
|
|
+ if (i < str.length - 1) {
|
|
|
+ nexteCharIsUpperCase = isUpperCase(str.charAt(i + 1));
|
|
|
+ }
|
|
|
+
|
|
|
+ if (
|
|
|
+ preCharIsUpperCase &&
|
|
|
+ curreCharIsUpperCase &&
|
|
|
+ !nexteCharIsUpperCase
|
|
|
+ ) {
|
|
|
+ sb += SEPARATOR;
|
|
|
+ } else if (i !== 0 && !preCharIsUpperCase && curreCharIsUpperCase) {
|
|
|
+ sb += SEPARATOR;
|
|
|
+ }
|
|
|
+ sb += c.toLowerCase();
|
|
|
+ }
|
|
|
+
|
|
|
+ return sb;
|
|
|
+ },
|
|
|
+ // 更多操作触发
|
|
|
+ handleCommand(command, row) {
|
|
|
+ switch (command) {
|
|
|
+ case "handleResetPwd":
|
|
|
+ this.handleResetPwd(row);
|
|
|
+ break;
|
|
|
+ case "handleAuthRole":
|
|
|
+ this.handleAuthRole(row);
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ longestCommonSubstring(strs) {
|
|
|
+ if (!strs || strs.includes("")) return "";
|
|
|
+ let str1_Length = strs[0].length;
|
|
|
+ let str_Nums = strs.length;
|
|
|
+ let flag = 0;
|
|
|
+ for (let i = 0; i < str1_Length && flag == 0; i++) {
|
|
|
+ let char = strs[0][i];
|
|
|
+ for (var j = 1; j < str_Nums; j++) {
|
|
|
+ if (char !== strs[j][i] || i == strs[j].length) {
|
|
|
+ return strs[1].substring(0, i);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return strs[0];
|
|
|
+ },
|
|
|
+ getLastUppercaseWord(text) {
|
|
|
+ const pattern = /\b[A-Z][a-z]*\b/g;
|
|
|
+ const matches = [...text.matchAll(pattern)];
|
|
|
+ if (matches.length > 0) {
|
|
|
+ const lastMatch = matches[matches.length - 1][0];
|
|
|
+ return lastMatch;
|
|
|
+ } else {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 格式化表单组布局数据
|
|
|
+ formateLayout(data) {
|
|
|
+ let { layoutJson, mainForm, subFormList } = data;
|
|
|
+ },
|
|
|
+ /** 导入按钮操作 */
|
|
|
+ handleImport() {
|
|
|
+ this.upload.title = "当前导入";
|
|
|
+ this.upload.open = true;
|
|
|
+ },
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+.dialog_loading {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-dialog:not(.is-fullscreen) {
|
|
|
+ min-width: 610px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.success {
|
|
|
+ color: #67c23a;
|
|
|
+}
|
|
|
+
|
|
|
+.error {
|
|
|
+ color: #f56c6c;
|
|
|
+}
|
|
|
+
|
|
|
+.warning {
|
|
|
+ color: #e6a23c;
|
|
|
+}
|
|
|
+
|
|
|
+.info {
|
|
|
+ color: #909399;
|
|
|
+}
|
|
|
+</style>
|
|
|
+<style scoped>
|
|
|
+ .container-body {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .container-left {
|
|
|
+ width:20%
|
|
|
+ }
|
|
|
+ .container-right {
|
|
|
+ width:80%
|
|
|
+ }
|
|
|
+ ::v-deep .myDiv .el-button--medium {
|
|
|
+ padding: 10px 10px;
|
|
|
+ }
|
|
|
+</style>
|
