Compare commits

26 Commits

Author SHA1 Message Date
chenlin
6fc69bc42a 集团数据看板数据对接 2025-11-26 14:13:02 +08:00
735aa22f95 候选人名称修改 2025-11-21 19:19:52 +08:00
3824642338 Merge branch 'dev' of http://120.46.213.136:9528/isoftstone/lc_frontend into dev 2025-11-21 09:49:41 +08:00
e30b3e3908 样式修改 2025-11-21 09:49:20 +08:00
ec1c68dbc8 fix(bpm): 修正流程实例创建权限标识
- 将按钮权限从 'bpm:process-instance:query' 更正为 'bpm:process-instance:create'
- 确保发起流程功能使用正确的权限控制
2025-11-19 11:18:13 +08:00
973792d196 feat(table): 添加批量同步功能并优化界面图标- 在菜单栏新增“批量同步”按钮,支持一键同步所有未同步表单
-优化多个图标标签的闭合格式,去除多余空格
- 调整部分按钮图标与文字间距样式
- 完善数据源SQL配置、默认排序和搜索按钮的布局结构- 修复部分标签未正确闭合的问题- 统一导入语句及变量解构格式,提升代码可读性- 增加批量同步逻辑,包括查询未同步表单及并发同步处理
- 提供无须同步时的消息提示功能
2025-11-13 19:49:23 +08:00
68594b62b8 fix(bpm): 调整流程实例权限控制逻辑
- 将详情按钮的权限从 cancel 调整为 query
- 取消按钮的显示条件扩展支持 result 为2 的情况
- 取消按钮的权限从 query 调整为 cancel
2025-11-13 10:36:10 +08:00
96edc4e21e 人员持证引入人员不再过滤是否审批 2025-11-12 14:05:46 +08:00
78746d3a2d 部门选择添加内部部门选项 2025-11-11 11:05:33 +08:00
59843de257 feat(screen): 更新区域大屏安全指数获取逻辑并优化界面布局
- 在 mainScreen.vue 和 regionScreen.vue 中新增安全指数独立报表获取逻辑
- 修复 regionScreen.vue 中的模板标签格式和属性换行问题-优化 regionScreen.vue 中的 CSS 背景图片设置和布局结构
- 移除 mainScreen.vue 中未使用的 echarts 日志导入
- 调整多个组件标签的属性排列以提高可读性
-优化 regionScreen.vue 中的数据处理逻辑和查询参数传递方式- 清理 regionScreen.vue 中多余的空行和样式代码
2025-11-06 11:56:15 +08:00
20680032bc feat(screen): 隐藏隐患排查治理标题并调整子标题
- 在 companyScreen.vue 中隐藏“隐患排查治理”标题
- 在 HiddenDangerPanel.vue 中将“分类风险”更改为“隐患等级”
- 在 mainScreenV1.vue 中同步修改标题和子标题显示逻辑
- 在 parkScreen.vue 中隐藏“隐患排查治理”标题
2025-10-31 14:58:49 +08:00
aa5f1f5b9b Merge branch 'dev' of http://120.46.213.136:9528/isoftstone/lc_frontend into dev 2025-10-30 17:12:03 +08:00
6f4be5956e 部门选择 外协单位 选项优化 2025-10-30 17:11:59 +08:00
5d07ca6d0e feat(bpm): 新增任务分配规则支持自定义用户选择
- 在任务分配规则中增加 userSelects 类型支持
- 新增 TaskSelectAssigneeForm 组件用于选择任务候选人
- 更新 UserSelect 组件导出 Column 接口- 调整任务分配表单逻辑以适配新的用户选择类型- 优化任务分配规则获取与展示逻辑
2025-10-30 15:22:30 +08:00
5a1567dc34 feat(bpm): 隐藏流程实例详情中的转办和加签按钮
- 注释掉了任务转办功能按钮
- 注释掉了任务加签功能按钮
-保留了其他操作按钮的功能逻辑
2025-10-27 11:42:55 +08:00
bc9fd221a5 Merge branch 'dev-bpm' into dev 2025-10-27 11:33:44 +08:00
256edf264e feat(bpm): 添加抄送任务流程查看功能
- 在抄送任务列表中增加“流程”按钮,跳转至流程实例详情页
- 调整流程编号字段显示逻辑,默认展示并支持搜索
-优化抄送时间字段格式化方式,并调整搜索类型为时间范围选择
- 禁用规则类型下拉框编辑状态,并默认选中固定值30- 设置任务名称、ID及流程实例名称回填逻辑
2025-10-27 10:37:57 +08:00
7328df959d Revert "放开抄送"
This reverts commit bea6e51eea.
2025-10-23 17:44:30 +08:00
bea6e51eea 放开抄送 2025-10-23 16:46:20 +08:00
d01ce5d4a4 feat(bpm): 新增抄送任务页面并优化流程实例界面
- 新增抄送任务页面,支持查看抄送我的流程任务
-优化流程实例页面UI细节,调整按钮布局和间距
- 完善表单验证规则,确保必填字段校验正确
-修复流程取消功能,支持输入取消原因- 调整代码格式,统一导入语句和对象属性写法- 启用任务抄送按钮,完善审批操作栏功能
2025-10-23 16:29:23 +08:00
28214cade5 Merge branch 'dev' of http://120.46.213.136:9528/isoftstone/lc_frontend into dev 2025-10-21 14:15:56 +08:00
bf81c37459 自定义弹出列表【选择外协人员】 2025-10-21 14:15:51 +08:00
22a49b1d65 feat(document): 添加工作档案标签页
- 在TabsCardDocument组件中新增工作档案标签页配置
- 设置标签页名称为'工作档案'
- 配置标签页对应表单ID为'1966386366515343361'
- 设置计算高度为200像素- 固定搜索条件file_main_type为5
2025-10-20 10:53:20 +08:00
e522bf59a6 增加自定义导出 2025-10-17 16:56:39 +08:00
04e69632f9 推送测试 2025-10-17 11:37:34 +08:00
f8c38c5936 审批info增加滚动条 2025-10-17 11:05:44 +08:00
32 changed files with 5323 additions and 1900 deletions

View File

@@ -4,7 +4,7 @@ VITE_NODE_ENV=development
VITE_DEV=true VITE_DEV=true
# 请求路径 注:/api 正常不需要 当前是访问演示环境nginx转发用 # 请求路径 注:/api 正常不需要 当前是访问演示环境nginx转发用
VITE_BASE_URL='http://10.28.117.100' VITE_BASE_URL='https://demo.jeelowcode.com/api'
# 文件上传类型server - 后端上传, client - 前端直连上传仅支持S3服务 # 文件上传类型server - 后端上传, client - 前端直连上传仅支持S3服务
VITE_UPLOAD_TYPE=server VITE_UPLOAD_TYPE=server

View File

@@ -63,7 +63,7 @@ watch(
</script> </script>
<template> <template>
<ConfigGlobal :size="currentSize"> <ConfigGlobal :size="currentSize">
<div class="h-100% w-100%" :class="greyMode ? `${prefixCls}-grey-mode` : ''"> <div class="h-100% w-100%" style="overflow-y: auto;" :class="greyMode ? `${prefixCls}-grey-mode` : ''">
<RouterView /> <RouterView />
</div> </div>
<routerSearch /> <routerSearch />

View File

@@ -1,5 +1,6 @@
import request from '@/config/axios' import request from '@/config/axios'
import { encryptAES } from '@/components/LowDesign/src/utils/aes' import { encryptAES } from '@/components/LowDesign/src/utils/aes'
import download from '@/utils/download'
//获取表单开发列表 //获取表单开发列表
export const getDbList = (data) => { export const getDbList = (data) => {
@@ -158,6 +159,11 @@ export const exportExcelData = (tableId, data) => {
return request.download({ url: `/jeelowcode/excel/exportExcel/${tableId}`, method: 'POST', data }) return request.download({ url: `/jeelowcode/excel/exportExcel/${tableId}`, method: 'POST', data })
} }
//导出Excel表数据
export const exportExcelDataCustom = (explain,tableId, data) => {
return request.download({ url: `/jeelowcode/excel/exportExcelCustom/${tableId}`, method: 'POST', data }).then((data) => download.excel(data, explain, 'xlsx'))
}
//下载导入模板 //下载导入模板
export const downloadImportTemplate = (tableId) => { export const downloadImportTemplate = (tableId) => {
return request.download({ url: `/jeelowcode/excel/exportExcelTemplate/${tableId}` }) return request.download({ url: `/jeelowcode/excel/exportExcelTemplate/${tableId}` })

6
src/api/index.ts Normal file
View File

@@ -0,0 +1,6 @@
import request from '@/config/axios'
// 获取外协管理数据
export const getOutsourcingManagementData = (data) => {
return request.post({ url: '/jeelowcode/report-data/list/kb_wx_jt', data })
}

View File

@@ -0,0 +1,107 @@
<template>
<ContentWrap>
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="80px">
<div v-for="taskAssignRule in props?.taskAssignRules" :key="taskAssignRule.taskDefinitionKey">
<el-divider content-position="left">审批节点{{ taskAssignRule?.taskDefinitionName }}</el-divider>
<el-form-item :label="'候选人'"
:prop="taskAssignRule.taskDefinitionKey"
label-width="122">
<UserSelect
v-model="formData[taskAssignRule.taskDefinitionKey]"
:column="userSelectColumn"
:prop="taskAssignRule.taskDefinitionKey"
type="edit"
:func="(value)=>{console.log(JSON.stringify(value))}"
>
</UserSelect>
</el-form-item>
</div>
</el-form>
</ContentWrap>
</template>
<script lang="ts" setup>
// 从 UserSelect 组件导入 Column 类型
import type {Column} from '@/components/LowDesign/src/shareControl/UserSelect.vue'
// 定义组件选项
defineOptions({
name: "BpmTaskSelectAssigneeForm"
})
interface TaskAssignRule {
id: number
modelId: string
processDefinitionId: string
taskDefinitionKey: string
taskDefinitionName: string
type: number
options: number[]
}
const props = defineProps<{
taskAssignRules: TaskAssignRule[]
modelValue: {}
}>()
const formRef = ref()
const formData = ref(props.modelValue)
const formRules = ref({})
const userSelectColumn: Column = {
label: '候选人',
findType: 'all',
multiple: false,
columnKey: ['sex', 'post', 'deptName']
}
const emit = defineEmits(['updateModelValue'])
watch(
() => props.modelValue,
(val: {}) => {
formData.value = val
},
{
deep: true,
immediate: true,
}
)
watch(
() => formData.value,
(val: {}) => {
emit('updateModelValue', val)
},
{
deep: true,
immediate: true,
}
)
const validateAssignee = (successCallBack: () => void, failCallback: () => void) => {
formRef.value.validate((valid: boolean) => {
if (valid) successCallBack()
else failCallback()
})
}
defineExpose({validateAssignee})
// 初始化 formData
onMounted(() => {
if (props.taskAssignRules) {
props.taskAssignRules.forEach(rule => {
formData.value[rule.taskDefinitionKey] = ''
formRules.value[rule.taskDefinitionKey] = [
{
required: true,
message: '请选择候选人',
trigger: 'blur'
}
]
})
}
})
</script>

View File

@@ -18,6 +18,18 @@
v-bind="userVBind" v-bind="userVBind"
class="w-100%" class="w-100%"
></userSelect> ></userSelect>
</span>
<span prop="delegateDictId" style="display:none">
<DicTableSelect
id="costomDictSelect"
:column="distSelectColumn"
size="default"
type="add"
prop="fields_7897245"
:scope="dictSelectScope"
@set-form-data="handleSetFormData"
></DicTableSelect>
</span> </span>
<!-- 顶部统计 --> <!-- 顶部统计 -->
<div <div
@@ -383,12 +395,108 @@ interface Props {
dicRowKey?: string //dicTable模式 行数据的 Key dicRowKey?: string //dicTable模式 行数据的 Key
} }
const dictSelectScope = {
"key": 0,
"value": "",
"column": {
"type": "dicTableSelect",
"controlType": "select",
"label": "表格选择框",
// "fixedSearch":{
// "approveStatusName":"已审批"
// },
"separator": " | ",
"multiple": true,
"display": true,
"span": 12,
"disabled": false,
"required": false,
"hideLabel": false,
"i18nCode": "fields_7897245",
"dictTable": "1959187451673116674",
"dictCode": "id",
"dictText": "personName",
"dictTableColumn": [
"personName",
"personAge",
"personSex",
"mobile",
"approveStatusName"
],
"prop": "fields_7897245",
"dataType": "string",
"className": "control-dicTableSelect control-fields_7897245 ",
"props": {
"lable": "personName",
"value": "id"
},
"rules": [
]
},
"size": "default",
"disabled": false
}
const distSelectColumn = {
"type": "dicTableSelect",
"controlType": "select",
"multiple": true,
"label": "表格选择框",
"separator": " | ",
"display": true,
"span": 12,
"disabled": false,
// "fixedSearch":{
// "approveStatusName":"已审批"
// },
"required": false,
"hideLabel": false,
"i18nCode": "fields_7897245",
"dictTable": "1959187451673116674",
"dictCode": "id",
"dictText": "personName",
"dictTableColumn": [
"personName",
"personAge",
"personSex",
"mobile",
"approveStatusName"
]
,
"prop": "fields_7897245",
"dataType": "string",
"className": "control-dicTableSelect control-fields_7897245 ",
"props": {
"lable": "personName",
"value": "id"
},
"rules": [
]
}
const props = withDefaults(defineProps<Props>(), { const props = withDefaults(defineProps<Props>(), {
model: 'default', model: 'default',
fixedSearch: () => { fixedSearch: () => {
return {} return {}
} }
}) })
const handleSetFormData = (key, val) => {
const cleaned = val.split('|').map(s => s.trim()).join(','); // "1975577437793124352 | 1965778349088899074"
console.log(cleaned);
// 在这里添加其他处理逻辑
useFun.requestApi('get', '/jeelowcode/outsidePerson/importOutside?tableId='+props.tableId+'&ids=' + cleaned, {
}).then(res => {
if (res.length > 0) {
message.success('下发成功')
useFun.refreshChange()
} else {
message.error(res.message)
}
})
};
const userVBind = { const userVBind = {
prop: 'delegateUserId', prop: 'delegateUserId',
type: 'edit', type: 'edit',
@@ -440,6 +548,17 @@ const userVBind = {
}else if(props.tableId=='1968562717683908610'){ // 考试计划 }else if(props.tableId=='1968562717683908610'){ // 考试计划
useFun.requestApi('get', '/jeelowcode/examIssus/addRecord?tableId='+props.tableId+'&ids=' + ids+'&userIds='+resultValue, { useFun.requestApi('get', '/jeelowcode/examIssus/addRecord?tableId='+props.tableId+'&ids=' + ids+'&userIds='+resultValue, {
}).then(res => {
if (res.length > 0) {
message.success('下发成功')
useFun.refreshChange()
} else {
message.error(res.message)
}
})
}else if(props.tableId=='1983351353033953281'){ // 工作事项
useFun.requestApi('get', '/jeelowcode/itemIssus/addResult?tableId='+props.tableId+'&ids=' + ids+'&userIds='+resultValue, {
}).then(res => { }).then(res => {
if (res.length > 0) { if (res.length > 0) {
message.success('下发成功') message.success('下发成功')

View File

@@ -1,5 +1,6 @@
<template> <template>
<div class="dic-table-select-box w-100%"> <div class="dic-table-select-box w-100%">
{{ JSON.stringify(props) }}
<div <div
class="table-input pos-relative" class="table-input pos-relative"
:class="[{ disabled }, type, size]" :class="[{ disabled }, type, size]"
@@ -273,9 +274,9 @@ const getCurrTableSelect = (type?) => {
const dicObj = {} const dicObj = {}
const textList: string[] = [] const textList: string[] = []
const ids = tableRef.value.tableSelect.map((item) => { const ids = tableRef.value.tableSelect.map((item) => {
if (item[props.column.dictText]) { if (item[props.column.dictCode]) {
dicObj[item[dicCode.value]] = item[props.column.dictText] dicObj[item[dicCode.value]] = item[props.column.dictCode]
textList.push(item[props.column.dictText]) textList.push(item[props.column.dictCode])
} }
return item[dicCode.value] return item[dicCode.value]
}) })

View File

@@ -217,7 +217,7 @@ defineOptions({ name: 'UserSelect' })
* all_sub 所有下级 * all_sub 所有下级
*/ */
interface Column { export interface Column {
label: string label: string
findType: 'all' | 'now' | 'sub' | 'all_sub' | 'direct_sub' //查询类型 findType: 'all' | 'now' | 'sub' | 'all_sub' | 'direct_sub' //查询类型
columnKey: Array<'mobile' | 'email' | 'sex' | 'post' | 'deptName'> //扩展显示列 columnKey: Array<'mobile' | 'email' | 'sex' | 'post' | 'deptName'> //扩展显示列

View File

@@ -34,7 +34,7 @@ const dicObj = {
{ label: '邮箱', value: 'email' }, { label: '性别', value: 'sex' }, { label: '岗位', value: 'post' }, { label: '部门', value: 'deptName' } { label: '邮箱', value: 'email' }, { label: '性别', value: 'sex' }, { label: '岗位', value: 'post' }, { label: '部门', value: 'deptName' }
], ],
userFindType: [{ label: '全部用户', value: 'all' }, { label: '本级用户', value: 'now' }, { label: '本级及下级用户', value: 'sub' }], userFindType: [{ label: '全部用户', value: 'all' }, { label: '本级用户', value: 'now' }, { label: '本级及下级用户', value: 'sub' }],
deptFindType: [{ label: '全部部门', value: 'all' }, { label: '本级部门', value: 'now' }, { label: '本级及下级部门', value: 'sub' }], deptFindType: [{ label: '全部部门', value: 'all' }, { label: '本级部门', value: 'now' }, { label: '本级及下级部门', value: 'sub' }, { label: '外协单位', value: 'out' }, { label: '内部单位', value: 'internal' }],
customControlType: [{ label: '未全局注册', value: false }, { label: '已全局注册', value: true }], customControlType: [{ label: '未全局注册', value: false }, { label: '已全局注册', value: true }],
regionType: [{ label: '全球-国家', value: 'gj' }, { label: '中国-省市区', value: 'ssq' }, { label: '中国-省市', value: 'ss' }, { label: '中国-省', value: 's' }], regionType: [{ label: '全球-国家', value: 'gj' }, { label: '中国-省市区', value: 'ssq' }, { label: '中国-省市', value: 'ss' }, { label: '中国-省', value: 's' }],
dictTextFormatter: [ dictTextFormatter: [

View File

@@ -7,6 +7,7 @@ import { encryptAES, decryptAES } from '@/components/LowDesign/src/utils/aes'
import { useUserStoreWithOut } from '@/store/modules/user' import { useUserStoreWithOut } from '@/store/modules/user'
import { useI18n } from '@/hooks/web/useI18n'; import { useI18n } from '@/hooks/web/useI18n';
import router from '@/router/index' import router from '@/router/index'
import {exportExcelDataCustom} from '@/api/design/table'
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
@@ -18,6 +19,7 @@ export default {
* @param options 请求配置 如:{ params:{ text:'测试' } } * @param options 请求配置 如:{ params:{ text:'测试' } }
*/ */
requestApi: (Method, url, options) => callApiFun(Method, url, options), requestApi: (Method, url, options) => callApiFun(Method, url, options),
exportExcelCustom: (tableId, data) => exportExcelDataCustom(tableId, data),
cloneDeep, //深拷贝 cloneDeep, //深拷贝
listToTree,//列表转树结构 listToTree,//列表转树结构
formatDate,//时间格式化 formatDate,//时间格式化

View File

@@ -546,13 +546,15 @@ export const formDataFormatting = (formOption, formData, formType) => {
echoObj[dicKey].push(...data[key].split(',')) echoObj[dicKey].push(...data[key].split(','))
} }
} else echoObj[type].push(...data[key].split(',')) } else echoObj[type].push(...data[key].split(','))
} else if (column[key]?.controlType == 'date') { } else if (column[key]?.controlType == 'date'||key=='create_time') {
if (data[key]) { if (data[key]) {
if (typeof data[key] == 'number' || typeof data[key] == 'string') { if (typeof data[key] == 'number' || typeof data[key] == 'string') {
data[key] = data[key] + '' data[key] = data[key] + ''
if (!(/[-|\/]/g.test(data[key]))) { if (!(/[-|\/]/g.test(data[key]))) {
//如果是时间戳强制转换 //如果是时间戳强制转换
data[key] = formatDate(new Date(data[key]), column[key].valueFormat || 'YYYY-MM-DD HH:mm:ss') const timestamp = parseInt(data[key], 10)
data[key] = formatDate(new Date(timestamp), column[key].valueFormat || 'YYYY-MM-DD HH:mm:ss')
} }
} }
} }

View File

@@ -171,7 +171,7 @@ const canvasClick = (e) => {
token: backToken.value token: backToken.value
} }
reqCheck(data).then((res) => { reqCheck(data).then((res) => {
if (res?.repCode == '0000') { if (res.repCode == '0000') {
barAreaColor.value = '#4cae4c' barAreaColor.value = '#4cae4c'
barAreaBorderColor.value = '#5cb85c' barAreaBorderColor.value = '#5cb85c'
text.value = t('captcha.success') text.value = t('captcha.success')
@@ -228,14 +228,14 @@ const getPictrue = async () => {
captchaType: captchaType.value captchaType: captchaType.value
} }
const res = await getCode(data) const res = await getCode(data)
if (res?.repCode == '0000') { if (res.repCode == '0000') {
pointBackImgBase.value = res?.repData?.originalImageBase64 pointBackImgBase.value = res.repData.originalImageBase64
backToken.value = res?.repData?.token backToken.value = res.repData.token
secretKey.value = res?.repData?.secretKey secretKey.value = res.repData.secretKey
poinTextList.value = res?.repData?.wordList || [] poinTextList.value = res.repData.wordList
text.value = t('captcha.point') + '【' + poinTextList.value?.join(',') + '】' text.value = t('captcha.point') + '【' + poinTextList.value.join(',') + '】'
} else { } else {
text.value = res?.repMsg text.value = res.repMsg
} }
} }
//坐标转换函数 //坐标转换函数

View File

@@ -287,7 +287,7 @@ const end = () => {
token: backToken.value token: backToken.value
} }
reqCheck(data).then((res) => { reqCheck(data).then((res) => {
if (res?.repCode == '0000') { if (res.repCode == '0000') {
moveBlockBackgroundColor.value = '#5cb85c' moveBlockBackgroundColor.value = '#5cb85c'
leftBarBorderColor.value = '#5cb85c' leftBarBorderColor.value = '#5cb85c'
iconColor.value = '#fff' iconColor.value = '#fff'
@@ -364,13 +364,13 @@ const getPictrue = async () => {
captchaType: captchaType.value captchaType: captchaType.value
} }
const res = await getCode(data) const res = await getCode(data)
if (res?.repCode == '0000') { if (res.repCode == '0000') {
backImgBase.value = res?.repData?.originalImageBase64 backImgBase.value = res.repData.originalImageBase64
blockBackImgBase.value = res?.repData?.jigsawImageBase64 blockBackImgBase.value = res.repData.jigsawImageBase64
backToken.value = res?.repData?.token backToken.value = res.repData.token
secretKey.value = res?.repData?.secretKey secretKey.value = res.repData.secretKey
} else { } else {
tipWords.value = res?.repMsg tipWords.value = res.repMsg
} }
} }
</script> </script>

View File

@@ -57,12 +57,45 @@ const remainingRouter: AppRouteRecordRaw[] = [
name: 'Home', name: 'Home',
meta: {}, meta: {},
children: [ children: [
// {
// path: 'index',
// component: () => import('@/views/Home/Index10.vue'),
// name: 'Index',
// meta: {
// title: t('router.home'),
// icon: 'ep:home-filled',
// noCache: false,
// affix: true
// }
// },
{ {
path: 'index', path: 'index',
component: () => import('@/views/Home/Index10.vue'), component: () => import('@/views/Home/Index10.vue'),
name: 'Index', name: 'Index',
meta: { meta: {
title: t('router.home'), title: '集团视角数据看板',
icon: 'ep:home-filled',
noCache: false,
affix: true
}
},
{
path: 'region', // 区域数据看板
component: () => import('@/views/Home/Index12.vue'),
name: 'RegionIndex',
meta: {
title: '区域视角数据看板',
icon: 'ep:home-filled',
noCache: false,
affix: true
}
},
{
path: 'park', // 园区数据看板
component: () => import('@/views/Home/Index13.vue'),
name: 'ParkIndex',
meta: {
title: '园区视角数据看板',
icon: 'ep:home-filled', icon: 'ep:home-filled',
noCache: false, noCache: false,
affix: true affix: true

File diff suppressed because it is too large Load Diff

1800
src/views/Home/Index12.vue Normal file

File diff suppressed because it is too large Load Diff

1800
src/views/Home/Index13.vue Normal file

File diff suppressed because it is too large Load Diff

View File

@@ -227,13 +227,11 @@ const getCookie = () => {
// 根据域名,获得租户信息 // 根据域名,获得租户信息
const getTenantByWebsite = async () => { const getTenantByWebsite = async () => {
const website = location.host const website = location.host
try {
const res = await LoginApi.getTenantByWebsite(website) const res = await LoginApi.getTenantByWebsite(website)
if (res) { if (res) {
loginData.loginForm.tenantName = res.name loginData.loginForm.tenantName = res.name
authUtil.setTenantId(res.id) authUtil.setTenantId(res.id)
} }
} catch (e) { }
} }
const loading = ref() // ElLoading.service 返回的实例 const loading = ref() // ElLoading.service 返回的实例
// 登录 // 登录
@@ -270,7 +268,12 @@ const handleLogin = async (params) => {
} else { } else {
push({ path: redirect.value || permissionStore.addRouters[0].path }) push({ path: redirect.value || permissionStore.addRouters[0].path })
} }
} finally { }
catch (e) {
loginLoading.value = false
loading.value?.close()
}
finally {
loginLoading.value = false loginLoading.value = false
loading.value?.close() loading.value?.close()
} }

View File

@@ -14,7 +14,7 @@
<el-input v-model="formData.processInstanceKey" disabled placeholder="请输入流程标识" /> <el-input v-model="formData.processInstanceKey" disabled placeholder="请输入流程标识" />
</el-form-item> </el-form-item>
<el-form-item label="规则类型" prop="type"> <el-form-item label="规则类型" prop="type">
<el-select v-model="formData.type" clearable style="width: 100%"> <el-select v-model="formData.type" clearable style="width: 100%" disabled>
<el-option <el-option
v-for="dict in getIntDictOptions(DICT_TYPE.BPM_TASK_ASSIGN_RULE_TYPE)" v-for="dict in getIntDictOptions(DICT_TYPE.BPM_TASK_ASSIGN_RULE_TYPE)"
:key="dict.value" :key="dict.value"
@@ -165,7 +165,7 @@ const open = async (row) => {
resetForm() resetForm()
// 2. 再设置表单 // 2. 再设置表单
if (row != null) { if (row != null) {
formData.value.type = undefined as unknown as number formData.value.type = 30
formData.value.taskName = row.name formData.value.taskName = row.name
formData.value.taskId = row.id formData.value.taskId = row.id
formData.value.processInstanceName = row.processInstance.name formData.value.processInstanceName = row.processInstance.name

View File

@@ -41,6 +41,7 @@
<Icon icon="ep:close" /> <Icon icon="ep:close" />
不通过 不通过
</el-button> </el-button>
<!--
<el-button type="primary" @click="openTaskUpdateAssigneeForm(item.id)"> <el-button type="primary" @click="openTaskUpdateAssigneeForm(item.id)">
<Icon icon="ep:edit" /> <Icon icon="ep:edit" />
转办 转办
@@ -53,6 +54,7 @@
<Icon icon="ep:plus" /> <Icon icon="ep:plus" />
加签 加签
</el-button> </el-button>
-->
<el-button type="warning" @click="handleBack(item)"> <el-button type="warning" @click="handleBack(item)">
<Icon icon="ep:back" /> <Icon icon="ep:back" />
回退 回退
@@ -173,6 +175,8 @@ const handleAudit = async (task, pass) => {
getDetail() getDetail()
} }
const printPage = async () => { const printPage = async () => {
const { href } = router.resolve({ name: 'BpmProcessInstanceInfo', const { href } = router.resolve({ name: 'BpmProcessInstanceInfo',
@@ -231,6 +235,10 @@ const getProcessInstance = async () => {
if (processDefinition.formType === 10) { if (processDefinition.formType === 10) {
detailForm.value.formId = processDefinition.formId detailForm.value.formId = processDefinition.formId
detailForm.value.optionsData = JSON.parse(processDefinition.formConf) detailForm.value.optionsData = JSON.parse(processDefinition.formConf)
if (data.formVariables.jeelowcode_subtable_data) {
data.formVariables = { ...data.formVariables, ...data.formVariables.jeelowcode_subtable_data }
delete data.formVariables.jeelowcode_subtable_data
}
detailForm.value.defaultData = data.formVariables detailForm.value.defaultData = data.formVariables
// setConfAndFields2( // setConfAndFields2(
// detailForm, // detailForm,

View File

@@ -16,7 +16,7 @@
@current-change="currentChange" @current-change="currentChange"
> >
<template #category="{ row }"> <template #category="{ row }">
<dict-tag :type="DICT_TYPE.BPM_MODEL_CATEGORY" :value="row.category || ''" /> <dict-tag :type="DICT_TYPE.BPM_MODEL_CATEGORY" :value="row.category || ''"/>
</template> </template>
<template #status="scope"> <template #status="scope">
<dict-tag <dict-tag
@@ -38,8 +38,9 @@
/> />
</template> </template>
<template #menu-left> <template #menu-left>
<el-button type="primary" v-hasPermi="['bpm:process-instance:query']" @click="handleCreate"> <el-button type="primary" v-hasPermi="['bpm:process-instance:create']" @click="handleCreate">
<Icon icon="ep:plus" class="mr-5px" /> 发起流程 <Icon icon="ep:plus" class="mr-5px"/>
发起流程
</el-button> </el-button>
</template> </template>
<!-- 自定义操作栏 --> <!-- 自定义操作栏 -->
@@ -47,34 +48,34 @@
<el-button <el-button
link link
type="primary" type="primary"
v-hasPermi="['bpm:process-instance:cancel']" v-hasPermi="['bpm:process-instance:query']"
@click="handleDetail(row)" @click="handleDetail(row)"
> >
详情 详情
</el-button> </el-button>
<!-- <el-button <el-button
link link
type="danger" type="danger"
v-if="row.result === 1" v-if="row.result === 1|| row.result === 2"
v-hasPermi="['bpm:process-instance:query']" v-hasPermi="['bpm:process-instance:cancel']"
@click="handleCancel(row)" @click="handleCancel(row)"
> >
取消 取消
</el-button> --> </el-button>
</template> </template>
</avue-crud> </avue-crud>
</ContentWrap> </ContentWrap>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict' import {DICT_TYPE, getIntDictOptions} from '@/utils/dict'
import { dateFormatter, getSearchDate } from '@/utils/formatTime' import {dateFormatter, getSearchDate} from '@/utils/formatTime'
import * as ProcessInstanceApi from '@/api/bpm/processInstance' import * as ProcessInstanceApi from '@/api/bpm/processInstance'
defineOptions({ name: 'BpmCCProcessInstance' }) defineOptions({name: 'BpmCCProcessInstance'})
const router = useRouter() // 路由 const router = useRouter() // 路由
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化 const {t} = useI18n() // 国际化
const { getCurrPermi } = useCrudPermi() const {getCurrPermi} = useCrudPermi()
const loading = ref(true) // 列表的加载中 const loading = ref(true) // 列表的加载中
const tableOption = reactive({ const tableOption = reactive({
@@ -104,7 +105,7 @@ const tableOption = reactive({
type: 'select', type: 'select',
span: 12, span: 12,
dicData: getIntDictOptions(DICT_TYPE.BPM_MODEL_CATEGORY), dicData: getIntDictOptions(DICT_TYPE.BPM_MODEL_CATEGORY),
rules: [{ required: true, message: '流程分类不能为空', trigger: 'blur' }] rules: [{required: true, message: '流程分类不能为空', trigger: 'blur'}]
}, },
tasks: { tasks: {
label: '当前审批任务' label: '当前审批任务'
@@ -115,7 +116,7 @@ const tableOption = reactive({
type: 'select', type: 'select',
span: 12, span: 12,
dicData: getIntDictOptions(DICT_TYPE.BPM_PROCESS_INSTANCE_STATUS), dicData: getIntDictOptions(DICT_TYPE.BPM_PROCESS_INSTANCE_STATUS),
rules: [{ required: true, message: '状态不能为空', trigger: 'blur' }] rules: [{required: true, message: '状态不能为空', trigger: 'blur'}]
}, },
result: { result: {
label: '结果', label: '结果',
@@ -123,7 +124,7 @@ const tableOption = reactive({
type: 'select', type: 'select',
span: 12, span: 12,
dicData: getIntDictOptions(DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT), dicData: getIntDictOptions(DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT),
rules: [{ required: true, message: '结果不能为空', trigger: 'blur' }] rules: [{required: true, message: '结果不能为空', trigger: 'blur'}]
}, },
createTime: { createTime: {
label: '提交时间', label: '提交时间',
@@ -203,7 +204,8 @@ const searchChange = (params, done) => {
/** 清空按钮操作 */ /** 清空按钮操作 */
const resetChange = () => { const resetChange = () => {
searchChange({}, () => {}) searchChange({}, () => {
})
} }
const sizeChange = (pageSize) => { const sizeChange = (pageSize) => {
@@ -218,7 +220,7 @@ const currentChange = (currentPage) => {
/** 取消按钮操作 */ /** 取消按钮操作 */
const handleCancel = async (row) => { const handleCancel = async (row) => {
// 二次确认 // 二次确认
const { value } = await ElMessageBox.prompt('请输入取消原因', '取消流程', { const {value} = await ElMessageBox.prompt('请输入取消原因', '取消流程', {
confirmButtonText: t('common.ok'), confirmButtonText: t('common.ok'),
cancelButtonText: t('common.cancel'), cancelButtonText: t('common.cancel'),
inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空,且非空格 inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空,且非空格

View File

@@ -0,0 +1,175 @@
<!-- 工作流抄送我的流程 -->
<template>
<ContentWrap>
<avue-crud
ref="crudRef"
v-model="tableForm"
v-model:page="tablePage"
v-model:search="tableSearch"
:data="tableData"
:option="tableOption"
:permission="permission"
@search-change="searchChange"
@search-reset="resetChange"
@refresh-change="getTableData"
@size-change="sizeChange"
@current-change="currentChange"
>
<template #menu="{ row }">
<el-button link type="primary" @click="handleAudit(row)">流程</el-button>
</template>
</avue-crud>
</ContentWrap>
</template>
<script lang="ts" setup>
import {dateFormatter} from '@/utils/formatTime'
import * as ProcessInstanceApi from '@/api/bpm/processInstance'
defineOptions({
name: 'BpmCopyTask'
})
// 路由
const {push} = useRouter()
// 列表的加载中
const loading = ref(true)
const {getCurrPermi} = useCrudPermi()
// 表格的配置
const tableOption = reactive({
addBtn: false,
editBtn: false,
delBtn: false,
viewBtn: true,
viewBtnText: '详情',
viewBtnIcon: 'none',
align: 'center',
headerAlign: 'center',
searchMenuSpan: 6,
searchMenuPosition: 'left',
labelSuffix: ' ',
span: 24,
dialogWidth: '50%',
column: {
taskId: {
label: '任务编号'
},
taskName: {
label: '任务名称'
},
processInstanceId: {
label: '流程编号',
search: true,
},
processInstanceName: {
label: '所属流程',
search: true,
},
startUserNickname: {
label: '流程发起人',
},
reason: {
label: '抄送原因'
},
creatorNickname: {
label: '抄送人'
},
createTime: {
label: '抄送时间',
type: 'datetime',
width: 180,
formatter: (row: any, value: any, rowv: any, column: any) => {
return dateFormatter(row, column, value)
}
},
searchCreateTime: {
label: '抄送时间',
display: false,
hide: true,
search: true,
searchType: 'datetimerange',
valueFormat: 'YYYY-MM-DD HH:mm:ss',
startPlaceholder: '开始时间',
endPlaceholder: '结束时间',
searchRange: true,
}
}
})
const tableForm = ref<any>({})
const tableData = ref([])
const tableSearch = ref<any>({})
const tablePage = ref({
currentPage: 1,
pageSize: 10,
total: 0
})
const permission = getCurrPermi(['bpm:task'])
const crudRef = ref()
useCrudHeight(crudRef)
const getTableData = async () => {
// 列表的加载中...
loading.value = true
// 拼接查询参数
let searchObj = {
...tableSearch.value,
pageNo: tablePage.value.currentPage,
pageSize: tablePage.value.pageSize
}
// 处理时间参数,如果为空则去掉这个属性
if (!searchObj.createTime?.length) delete searchObj.createTime
// 去掉空字符串属性
for (let key in searchObj) if (searchObj[key] === '') delete searchObj[key]
// 请求我的待阅数据
try {
const data = await ProcessInstanceApi.getProcessInstanceCCPage(searchObj)
tableData.value = data.list
tablePage.value.total = data.total
} finally {
// 无论请求成功或者失败,这里都需要将加载中关闭
loading.value = false
}
}
const searchChange = (params: any, done: any) => {
tablePage.value.currentPage = 1
// 获取数据
getTableData().finally(() => done())
}
const resetChange = () => {
searchChange({}, () => {
})
}
const sizeChange = (pageSize) => {
tablePage.value.pageSize = pageSize
resetChange()
}
const currentChange = (currentPage) => {
tablePage.value.currentPage = currentPage
getTableData()
}
const handleAudit = (row: any) => {
push({
name: 'BpmProcessInstanceDetail',
query: {
id: row.processInstanceId
}
})
}
/** 初始化 **/
onMounted(async () => {
await getTableData()
})
</script>

View File

@@ -26,7 +26,7 @@
</template> </template>
<template #menu="{ row }"> <template #menu="{ row }">
<el-button link type="primary" @click="handleAudit(row)">审批</el-button> <el-button link type="primary" @click="handleAudit(row)">审批</el-button>
<!-- <el-button link type="primary" @click="handleCC(row)">抄送</el-button>--> <el-button link type="primary" @click="handleCC(row)">抄送</el-button>
</template> </template>
</avue-crud> </avue-crud>
<TaskCCDialogForm ref="taskCCDialogForm" /> <TaskCCDialogForm ref="taskCCDialogForm" />

View File

@@ -32,22 +32,22 @@
</ContentWrap> </ContentWrap>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict' import {DICT_TYPE, getIntDictOptions} from '@/utils/dict'
import * as TaskAssignRuleApi from '@/api/bpm/taskAssignRule' import * as TaskAssignRuleApi from '@/api/bpm/taskAssignRule'
import * as RoleApi from '@/api/system/role' import * as RoleApi from '@/api/system/role'
import * as PostApi from '@/api/system/post' import * as PostApi from '@/api/system/post'
import * as UserGroupApi from '@/api/bpm/userGroup' import * as UserGroupApi from '@/api/bpm/userGroup'
import { setUserAndDeptName } from '@/components/LowDesign/src/utils/getName' import {setUserAndDeptName} from '@/components/LowDesign/src/utils/getName'
import { useLowStoreWithOut } from '@/store/modules/low' import {useLowStoreWithOut} from '@/store/modules/low'
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化 const {t} = useI18n() // 国际化
const { getCurrPermi } = useCrudPermi() const {getCurrPermi} = useCrudPermi()
const lowStore = useLowStoreWithOut() const lowStore = useLowStoreWithOut()
defineOptions({ name: 'BpmTaskAssignRule' }) defineOptions({name: 'BpmTaskAssignRule'})
const { query } = useRoute() // 查询参数 const {query} = useRoute() // 查询参数
const loading = ref(true) const loading = ref(true)
const getRules = (label) => { const getRules = (label) => {
@@ -65,6 +65,7 @@ const getUserKey = (val) => {
else if ([20, 21].includes(val)) key = 'deptIds' else if ([20, 21].includes(val)) key = 'deptIds'
else if (val == 22) key = 'postIds' else if (val == 22) key = 'postIds'
else if ([30, 31, 32].includes(val)) key = 'userIds' else if ([30, 31, 32].includes(val)) key = 'userIds'
else if (val == 35) key = 'userSelects'
else if (val == 40) key = 'userGroupIds' else if (val == 40) key = 'userGroupIds'
else if (val == 50) key = 'scripts' else if (val == 50) key = 'scripts'
return key return key
@@ -81,8 +82,8 @@ const tableOption = reactive({
delBtn: false, delBtn: false,
calcHeight: 20, calcHeight: 20,
column: { column: {
taskDefinitionName: { label: '任务名', disabled: true }, taskDefinitionName: {label: '任务名', disabled: true},
taskDefinitionKey: { label: '任务标识', disabled: true }, taskDefinitionKey: {label: '任务标识', disabled: true},
type: { type: {
label: '规则类型', label: '规则类型',
type: 'select', type: 'select',
@@ -90,12 +91,13 @@ const tableOption = reactive({
rules: getRules('规则类型'), rules: getRules('规则类型'),
control: (val) => { control: (val) => {
const columnObj = { const columnObj = {
roleIds: { display: false }, roleIds: {display: false},
deptIds: { display: false }, deptIds: {display: false},
postIds: { display: false }, postIds: {display: false},
userIds: { display: false }, userIds: {display: false},
userGroupIds: { display: false }, userGroupIds: {display: false},
scripts: { display: false } scripts: {display: false},
userSelects: {display: false},
} }
const key = getUserKey(val) const key = getUserKey(val)
if (key) columnObj[key].display = true if (key) columnObj[key].display = true
@@ -112,6 +114,7 @@ const tableOption = reactive({
let arr = row.options.map((id) => { let arr = row.options.map((id) => {
if (key == 'deptIds') return lowStore.dicObj.deptSelect?.[id] || id if (key == 'deptIds') return lowStore.dicObj.deptSelect?.[id] || id
else if (key == 'userIds') return lowStore.dicObj.userSelect?.[id] || id else if (key == 'userIds') return lowStore.dicObj.userSelect?.[id] || id
else if (key == 'userSelects') return ''
else return dicObj.value[key][id] else return dicObj.value[key][id]
}) })
@@ -198,7 +201,7 @@ const rowUpdate = async (form, index, done, loading) => {
const delKey = ['roleIds', 'deptIds', 'postIds', 'userIds', 'userGroupIds', 'scripts'] const delKey = ['roleIds', 'deptIds', 'postIds', 'userIds', 'userGroupIds', 'scripts']
if (key) { if (key) {
if (typeof form[key] == 'number') form[key] = form[key] + '' if (typeof form[key] == 'number') form[key] = form[key] + ''
const value = form[key] const value = key === 'userSelects' ? '' : form[key]
form.options = typeof value == 'string' ? value.split(',') : value form.options = typeof value == 'string' ? value.split(',') : value
} }
delKey.forEach((prop) => delete form[prop]) delKey.forEach((prop) => delete form[prop])
@@ -228,14 +231,14 @@ const getDicData = () => {
const id = item.id + '' const id = item.id + ''
const name = item.name const name = item.name
dicObj.value[key][id] = name dicObj.value[key][id] = name
return { label: name, value: id } return {label: name, value: id}
}) })
}) })
dicObj.value.scripts = {} dicObj.value.scripts = {}
tableOption.column.scripts.dicData = getIntDictOptions(DICT_TYPE.BPM_TASK_ASSIGN_SCRIPT).map( tableOption.column.scripts.dicData = getIntDictOptions(DICT_TYPE.BPM_TASK_ASSIGN_SCRIPT).map(
(item) => { (item) => {
dicObj.value.scripts[item.value] = item.label dicObj.value.scripts[item.value] = item.label
return { value: item.value + '', label: item.label } return {value: item.value + '', label: item.label}
} }
) as never[] ) as never[]
dicObj.value.type = {} dicObj.value.type = {}
@@ -262,7 +265,7 @@ const formattingTableData = (data): Promise<any[]> => {
} }
return item return item
}) })
await setUserAndDeptName({ userIdList, deptIdList }) await setUserAndDeptName({userIdList, deptIdList})
resolve(data) resolve(data)
}) })
} }

View File

@@ -61,6 +61,13 @@ const tabsPaneList = ref([
calcHeight: 200, calcHeight: 200,
fixedSearch: {file_main_type: 4} fixedSearch: {file_main_type: 4}
}, },
{
label: '工作档案',
name: 'workArchive',
formId: '1966386366515343361',
calcHeight: 200,
fixedSearch: {file_main_type: 5}
},
]) ])
// 定义点击tab的事件动作 // 定义点击tab的事件动作

View File

@@ -41,7 +41,7 @@
> >
<template #menu-left="{ size }"> <template #menu-left="{ size }">
<el-button type="primary" :size="size" @click="menuLeftHandle('aiCreated')"> <el-button type="primary" :size="size" @click="menuLeftHandle('aiCreated')">
<Icon :size="14" icon="jam:magic-f" /> <Icon :size="14" icon="jam:magic-f"/>
<span class="ml-3px!">AI建表</span> <span class="ml-3px!">AI建表</span>
</el-button> </el-button>
<el-button <el-button
@@ -51,12 +51,12 @@
@click="menuLeftHandle('btn')" @click="menuLeftHandle('btn')"
class="mr-10px" class="mr-10px"
> >
<Icon :size="14" icon="teenyicons:button-outline" /> <Icon :size="14" icon="teenyicons:button-outline"/>
<span class="ml-3px!">自定义按钮</span> <span class="ml-3px!">自定义按钮</span>
</el-button> </el-button>
<el-dropdown @command="menuLeftHandle" v-hasPermi="['jeelowcode:web']"> <el-dropdown @command="menuLeftHandle" v-hasPermi="['jeelowcode:web']">
<el-button type="primary" :size="size"> <el-button type="primary" :size="size">
<Icon :size="14" icon="teenyicons:webpack-outline" /> <Icon :size="14" icon="teenyicons:webpack-outline"/>
<span class="ml-3px!">前端增强</span> <span class="ml-3px!">前端增强</span>
</el-button> </el-button>
<template #dropdown> <template #dropdown>
@@ -74,7 +74,7 @@
@click="menuLeftHandle('sql')" @click="menuLeftHandle('sql')"
v-hasPermi="['jeelowcode:sql']" v-hasPermi="['jeelowcode:sql']"
> >
<Icon :size="14" icon="devicon-plain:sqldeveloper" /> <Icon :size="14" icon="devicon-plain:sqldeveloper"/>
<span class="ml-3px!">SQL增强</span> <span class="ml-3px!">SQL增强</span>
</el-button> </el-button>
<el-button <el-button
@@ -83,9 +83,20 @@
@click="menuLeftHandle('java')" @click="menuLeftHandle('java')"
v-hasPermi="['jeelowcode:java']" v-hasPermi="['jeelowcode:java']"
> >
<Icon :size="14" icon="hugeicons:java" /> <Icon :size="14" icon="hugeicons:java"/>
<span class="ml-3px!">JAVA增强</span> <span class="ml-3px!">JAVA增强</span>
</el-button> </el-button>
<!-- 批量同步 -->
<el-button
type="primary"
:size="size"
@click="handleBatchSync"
v-hasPermi="['jeelowcode:dbform:sync']"
>
<Icon :size="14" icon="simple-icons:oracle"/>
<span class="ml-3px!">批量同步</span>
</el-button>
</template> </template>
<template #menu="{ size, row }"> <template #menu="{ size, row }">
<div class="flex justify-center flex-items-center"> <div class="flex justify-center flex-items-center">
@@ -107,7 +118,7 @@
<div class="mt--2px cursor-pointer"> <div class="mt--2px cursor-pointer">
<el-text :size="size" type="primary"> <el-text :size="size" type="primary">
更多 更多
<Icon :size="16" icon="iconamoon:arrow-down-2-light" /> <Icon :size="16" icon="iconamoon:arrow-down-2-light"/>
</el-text> </el-text>
</div> </div>
<template #dropdown> <template #dropdown>
@@ -190,7 +201,8 @@
@click="openDataOrigin" @click="openDataOrigin"
:disabled="!tableForm.dataOrigin" :disabled="!tableForm.dataOrigin"
> >
<Icon :size="14" icon="lucide:text-search"></Icon> <span>数据源SQL配置</span> <Icon :size="14" icon="lucide:text-search"></Icon>
<span>数据源SQL配置</span>
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
@@ -211,10 +223,12 @@
<span>表格扩展配置</span> <span>表格扩展配置</span>
</el-button> </el-button>
<el-button @click="sortPopup = true"> <el-button @click="sortPopup = true">
<Icon :size="14" icon="mdi:sort"></Icon> <span>默认排序</span> <Icon :size="14" icon="mdi:sort"></Icon>
<span>默认排序</span>
</el-button> </el-button>
<el-button @click="searchPopup = true"> <el-button @click="searchPopup = true">
<Icon :size="14" icon="lucide:text-search"></Icon> <span>默认搜索</span> <Icon :size="14" icon="lucide:text-search"></Icon>
<span>默认搜索</span>
</el-button> </el-button>
</div> </div>
</template> </template>
@@ -300,7 +314,7 @@
</template> </template>
<template #optionCondition="{ row }"> <template #optionCondition="{ row }">
<template v-for="item in row.optionCondition" :key="item.key"> <template v-for="item in row.optionCondition" :key="item.key">
<el-tag v-if="item.value !== 0" size="small"> {{ item.label }}{{ item.value }} </el-tag> <el-tag v-if="item.value !== 0" size="small"> {{ item.label }}{{ item.value }}</el-tag>
</template> </template>
</template> </template>
</avue-crud> </avue-crud>
@@ -417,7 +431,8 @@
size="small" size="small"
type="primary" type="primary"
@click="copySampleStr(key)" @click="copySampleStr(key)"
>点击复制</el-button >点击复制
</el-button
> >
</div> </div>
</div> </div>
@@ -462,32 +477,32 @@ import {
DataOriginOption, DataOriginOption,
AuthConfig AuthConfig
} from './components' } from './components'
import { TipView } from '../general/components/index' import {TipView} from '../general/components/index'
import * as TableApi from '@/api/design/table' import * as TableApi from '@/api/design/table'
import * as JsApi from '@/api/design/table/jsEnhance' import * as JsApi from '@/api/design/table/jsEnhance'
import { dicObj, pageOption, tableInfoOption } from './designData' import {dicObj, pageOption, tableInfoOption} from './designData'
import { scssEnhanceExample, controlInitExample } from '@/components/LowDesign/src/utils/example' import {scssEnhanceExample, controlInitExample} from '@/components/LowDesign/src/utils/example'
import { formattingLengStr } from '@/utils/lowDesign' import {formattingLengStr} from '@/utils/lowDesign'
import controlPath from '@/components/LowDesign/src/controlPath' import controlPath from '@/components/LowDesign/src/controlPath'
import useMEDialog from '@/hooks/design/useMEDialog' import useMEDialog from '@/hooks/design/useMEDialog'
import useCopyText from '@/hooks/design/useCopyText' import useCopyText from '@/hooks/design/useCopyText'
import { ElButton, ElLoading } from 'element-plus' import {ElButton, ElLoading} from 'element-plus'
import { cloneDeep } from 'lodash-es' import {cloneDeep} from 'lodash-es'
import { useRenderVxeColumn } from '../general/components/useRenderVxeColumn' import {useRenderVxeColumn} from '../general/components/useRenderVxeColumn'
import { useGroup } from '@/hooks/design/useGroup' import {useGroup} from '@/hooks/design/useGroup'
import { checkPermi } from '@/utils/permission' import {checkPermi} from '@/utils/permission'
import { ElMessage } from 'element-plus' import {ElMessage} from 'element-plus'
defineOptions({ name: 'TableDesign' }) defineOptions({name: 'TableDesign'})
const { MEDialog, MEData, openMEDialog } = useMEDialog() const {MEDialog, MEData, openMEDialog} = useMEDialog()
const { copyText } = useCopyText() const {copyText} = useCopyText()
useRenderVxeColumn() useRenderVxeColumn()
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
const router = useRouter() // 路由 const router = useRouter() // 路由
const { t } = useI18n() // 国际化 const {t} = useI18n() // 国际化
const { getCurrPermi } = useCrudPermi() const {getCurrPermi} = useCrudPermi()
const loading = ref(true) // 列表的加载中 const loading = ref(true) // 列表的加载中
const saveLoading = ref(false) const saveLoading = ref(false)
@@ -555,7 +570,7 @@ const authPopup = ref({
show: false, show: false,
vBind: {} vBind: {}
}) })
const aiCreatedObj = ref({ popup: false, loading: false, describe: '', timer: null as any }) const aiCreatedObj = ref({popup: false, loading: false, describe: '', timer: null as any})
const basicPopup = ref({ const basicPopup = ref({
show: false, show: false,
@@ -580,9 +595,9 @@ const samplePopup = ref(false)
const permission = getCurrPermi(['jeelowcode:dbform']) const permission = getCurrPermi(['jeelowcode:dbform'])
const tableConfigList = [ const tableConfigList = [
{ label: '表格选择', prop: 'tableSelect', valClass: 'w-75px!' }, {label: '表格选择', prop: 'tableSelect', valClass: 'w-75px!'},
{ label: '搜索样式', prop: 'searchStyle', valClass: 'w-100px!' }, {label: '搜索样式', prop: 'searchStyle', valClass: 'w-100px!'},
{ label: '操作栏样式', prop: 'operateMenuStyle', labelWidth: '90px', valClass: 'w-100px!' }, {label: '操作栏样式', prop: 'operateMenuStyle', labelWidth: '90px', valClass: 'w-100px!'},
{ {
label: '操作栏最大横排数', label: '操作栏最大横排数',
prop: 'maxMenuNum', prop: 'maxMenuNum',
@@ -598,7 +613,7 @@ const tableConfigList = [
showKey: 'tableType', showKey: 'tableType',
showVal: 1, showVal: 1,
valClass: 'w-114px!', valClass: 'w-114px!',
changeFun: ({ value }) => { changeFun: ({value}) => {
let dicData = cloneDeep(dicObj.tableConfig) let dicData = cloneDeep(dicObj.tableConfig)
if (value == 'card') { if (value == 'card') {
dicData = dicData.filter( dicData = dicData.filter(
@@ -632,8 +647,8 @@ const tableConfigList = [
showVal: 'expand', showVal: 'expand',
valClass: 'w-90px!' valClass: 'w-90px!'
}, },
{ label: '树表样式', prop: 'treeStyle', showKey: 'tableType', showVal: 2 }, {label: '树表样式', prop: 'treeStyle', showKey: 'tableType', showVal: 2},
{ label: '树表模式', prop: 'treeMode', showKey: 'tableType', showVal: 2 } {label: '树表模式', prop: 'treeMode', showKey: 'tableType', showVal: 2}
] ]
const menuMoreList = [ const menuMoreList = [
@@ -642,14 +657,14 @@ const menuMoreList = [
type: 'sync', type: 'sync',
isShow: (row) => row.isDbSync == 'N' && checkPermi(['jeelowcode:dbform:sync']) isShow: (row) => row.isDbSync == 'N' && checkPermi(['jeelowcode:dbform:sync'])
}, },
{ label: '功能测试', type: 'test' }, {label: '功能测试', type: 'test'},
{ label: '路由地址', type: 'address' }, {label: '路由地址', type: 'address'},
{ label: '接口地址', type: 'apiUrl' }, {label: '接口地址', type: 'apiUrl'},
{ label: '租户权限配置', type: 'auth' }, {label: '租户权限配置', type: 'auth'},
{ label: '复制表', type: 'copy', isShow: () => checkPermi(['jeelowcode:dbform:create']) }, {label: '复制表', type: 'copy', isShow: () => checkPermi(['jeelowcode:dbform:create'])},
{ label: 'js增强解锁', type: 'jsUnlock', isShow: () => checkPermi(['jeelowcode:web']) }, {label: 'js增强解锁', type: 'jsUnlock', isShow: () => checkPermi(['jeelowcode:web'])},
{ label: 'scss增强解锁', type: 'scssUnlock', isShow: () => checkPermi(['jeelowcode:web']) }, {label: 'scss增强解锁', type: 'scssUnlock', isShow: () => checkPermi(['jeelowcode:web'])},
{ label: '删除', type: 'del', isShow: () => checkPermi(['jeelowcode:dbform:delete']) } {label: '删除', type: 'del', isShow: () => checkPermi(['jeelowcode:dbform:delete'])}
] ]
useCrudHeight(crudRef) useCrudHeight(crudRef)
@@ -747,8 +762,8 @@ const tableFormVerify = (type) => {
customFormRef.value.validate((bool, done, msg) => { customFormRef.value.validate((bool, done, msg) => {
done() done()
if (!bool) return reject(msg) if (!bool) return reject(msg)
const { tableName, tableType, tableClassify } = tableForm.value const {tableName, tableType, tableClassify} = tableForm.value
const subTable = { bool: true, len: 0 } const subTable = {bool: true, len: 0}
if (tableClassify == 2 && tableName && tableName.indexOf('view_') != 0) { if (tableClassify == 2 && tableName && tableName.indexOf('view_') != 0) {
message.warning('视图表的表名请以 view_ 开头') message.warning('视图表的表名请以 view_ 开头')
return reject('message') return reject('message')
@@ -813,7 +828,7 @@ const tableFormVerify = (type) => {
if (messageText) { if (messageText) {
handleVerifyError(tabKey, item._X_ROW_KEY, index) handleVerifyError(tabKey, item._X_ROW_KEY, index)
ElMessage({ dangerouslyUseHTMLString: true, message: messageText }) ElMessage({dangerouslyUseHTMLString: true, message: messageText})
errText = 'message' errText = 'message'
break break
} }
@@ -846,7 +861,7 @@ const tableFormVerify = (type) => {
: '' : ''
} }
if (key == 'summaryList') { if (key == 'summaryList') {
const { sqlType, sqlValue } = item.summaryJson const {sqlType, sqlValue} = item.summaryJson
itemObj.summaryType = 'bottom' itemObj.summaryType = 'bottom'
itemObj.summarySql = sqlType == 'custom' ? sqlValue : sqlType itemObj.summarySql = sqlType == 'custom' ? sqlValue : sqlType
itemObj.summaryJson = JSON.stringify(item.summaryJson) itemObj.summaryJson = JSON.stringify(item.summaryJson)
@@ -938,7 +953,7 @@ const contrastEditData = (infoData) => {
} }
const setApiDetailData = (data) => { const setApiDetailData = (data) => {
apiDetailData.value = { delIdVo: {} } apiDetailData.value = {delIdVo: {}}
for (const key in data) { for (const key in data) {
let listKey = key let listKey = key
if (['summaryBottomList', 'summaryTopList'].includes(listKey)) listKey = 'summaryList' if (['summaryBottomList', 'summaryTopList'].includes(listKey)) listKey = 'summaryList'
@@ -990,9 +1005,9 @@ const menuLeftHandle = (type) => {
if (aiCreatedObj.value.timer) clearInterval(aiCreatedObj.value.timer) if (aiCreatedObj.value.timer) clearInterval(aiCreatedObj.value.timer)
} }
} }
const menuHandle = async ({ type, row, index }) => { const menuHandle = async ({type, row, index}) => {
if (type == 'edit') crudRef.value.rowEdit(row, index) if (type == 'edit') crudRef.value.rowEdit(row, index)
else if (type == 'test') router.push({ path: '/low/table/test/' + row.id }) else if (type == 'test') router.push({path: '/low/table/test/' + row.id})
else if (type == 'sync') syncDbTable(row) else if (type == 'sync') syncDbTable(row)
else if (type == 'address') showAddress(row) else if (type == 'address') showAddress(row)
else if (type == 'apiUrl') showApiUrl(row) else if (type == 'apiUrl') showApiUrl(row)
@@ -1002,7 +1017,7 @@ const menuHandle = async ({ type, row, index }) => {
else if (type == 'auth') { else if (type == 'auth') {
authPopup.value = { authPopup.value = {
show: true, show: true,
vBind: { dbformId: row.id, tableName: row.tableName, tableDescribe: row.tableDescribe } vBind: {dbformId: row.id, tableName: row.tableName, tableDescribe: row.tableDescribe}
} }
} }
} }
@@ -1014,7 +1029,7 @@ const syncDbTable = (row) => {
title: '同步数据库', title: '同步数据库',
width: '400px', width: '400px',
isCenter: true, isCenter: true,
dialogParams: { alignCenter: true }, dialogParams: {alignCenter: true},
footerBtn: [ footerBtn: [
{ {
name: '取 消', name: '取 消',
@@ -1023,7 +1038,7 @@ const syncDbTable = (row) => {
{ {
name: '确 定', name: '确 定',
loading: true, loading: true,
params: { type: 'primary' }, params: {type: 'primary'},
clickFun: async (done) => { clickFun: async (done) => {
if (syncData.value.value == 'force') { if (syncData.value.value == 'force') {
await message.prompt( await message.prompt(
@@ -1086,7 +1101,7 @@ const showApiUrl = async (row) => {
value: `/jeelowcode/${isOpen ? 'open' : 'dbform-data'}/save/batch/${row.id}`, value: `/jeelowcode/${isOpen ? 'open' : 'dbform-data'}/save/batch/${row.id}`,
tipText: '接口参数格式data:[ { 新增的数据... },{ ... } ]' tipText: '接口参数格式data:[ { 新增的数据... },{ ... } ]'
}, },
{ label: '编辑数据[put]', value: `/jeelowcode/dbform-data/edit/${row.id}` }, {label: '编辑数据[put]', value: `/jeelowcode/dbform-data/edit/${row.id}`},
{ {
label: '批量编辑数据[put]', label: '批量编辑数据[put]',
value: `/jeelowcode/dbform-data/edit/batch/${row.id}`, value: `/jeelowcode/dbform-data/edit/batch/${row.id}`,
@@ -1107,19 +1122,19 @@ const showApiUrl = async (row) => {
let list: VNode[] = [] let list: VNode[] = []
apiList.forEach((item) => { apiList.forEach((item) => {
list.push( list.push(
h('div', { style: { marginBottom: '10px', border: ' 1px solid #eee', padding: '10px' } }, [ h('div', {style: {marginBottom: '10px', border: ' 1px solid #eee', padding: '10px'}}, [
h('div', [ h('div', [
h('span', { style: { fontWeight: 600, fontSize: '14px' } }, item.label + ''), h('span', {style: {fontWeight: 600, fontSize: '14px'}}, item.label + ''),
h( h(
ElButton, ElButton,
{ size: 'small', type: 'primary', onClick: () => copyText(item.value) }, {size: 'small', type: 'primary', onClick: () => copyText(item.value)},
() => '复制' () => '复制'
) )
]), ]),
h('div', { style: { fontSize: '12px' } }, item.value), h('div', {style: {fontSize: '12px'}}, item.value),
h( h(
'div', 'div',
{ style: { display: !!item.tipText, fontSize: '12px', color: '#E6A23C' } }, {style: {display: !!item.tipText, fontSize: '12px', color: '#E6A23C'}},
item.tipText item.tipText
) )
]) ])
@@ -1127,11 +1142,11 @@ const showApiUrl = async (row) => {
}) })
message.alert('', '接口地址', { message.alert('', '接口地址', {
message: () => { message: () => {
return h('div', { width: '360px' }, list) return h('div', {width: '360px'}, list)
}, },
confirmButtonText: '关闭', confirmButtonText: '关闭',
dangerouslyUseHTMLString: true, dangerouslyUseHTMLString: true,
customStyle: { width: '384px' } customStyle: {width: '384px'}
}) })
} }
const copyDbTable = (row) => { const copyDbTable = (row) => {
@@ -1146,7 +1161,7 @@ const copyDbTable = (row) => {
if (!RExp.test(value)) return '表名只能使用小写字母、数字、下划线,并以字母开头' if (!RExp.test(value)) return '表名只能使用小写字母、数字、下划线,并以字母开头'
} }
}) })
.then(async ({ value }) => { .then(async ({value}) => {
loading.value = true loading.value = true
const bool = await TableApi.verifyDbName(value) const bool = await TableApi.verifyDbName(value)
if (bool) { if (bool) {
@@ -1169,7 +1184,7 @@ const unlockEnhance = (type, row) => {
const openWebEnhance = async (enhanceType) => { const openWebEnhance = async (enhanceType) => {
loading.value = true loading.value = true
jsEnhanceData.value = { jsJson: '' } jsEnhanceData.value = {jsJson: ''}
const dbformId = tableSelect.value[0].id const dbformId = tableSelect.value[0].id
const detailData = await JsApi.getJsDetail({ const detailData = await JsApi.getJsDetail({
dbformId, dbformId,
@@ -1217,7 +1232,7 @@ const openWebEnhance = async (enhanceType) => {
}, },
footerBtn: [ footerBtn: [
{ {
params: { type: 'primary' }, params: {type: 'primary'},
name: '保 存', name: '保 存',
icon: 'mingcute:save-line', icon: 'mingcute:save-line',
loading: true, loading: true,
@@ -1228,7 +1243,7 @@ const openWebEnhance = async (enhanceType) => {
} }
}, },
{ {
params: { type: 'success' }, params: {type: 'success'},
name: '保存并关闭', name: '保存并关闭',
icon: 'mingcute:save-line', icon: 'mingcute:save-line',
loading: true, loading: true,
@@ -1257,11 +1272,11 @@ const openWebEnhance = async (enhanceType) => {
} }
if (enhanceType == 'js') { if (enhanceType == 'js') {
params['providerType'] = 'tableJsEnhance' params['providerType'] = 'tableJsEnhance'
params['otherParams'] = { type: 'simple', width: '300px', tipKeyList: ['TableJsEnhance'] } params['otherParams'] = {type: 'simple', width: '300px', tipKeyList: ['TableJsEnhance']}
params['language'] = 'javascript' params['language'] = 'javascript'
params['headerBtn'] = [ params['headerBtn'] = [
{ {
params: { type: 'success' }, params: {type: 'success'},
name: '控件使用示例', name: '控件使用示例',
icon: 'jam:code-sample', icon: 'jam:code-sample',
clickFun: async () => (samplePopup.value = true) clickFun: async () => (samplePopup.value = true)
@@ -1279,7 +1294,7 @@ const openWebEnhance = async (enhanceType) => {
} }
} }
openMEDialog({ params, prop: 'jsJson' }, jsEnhanceData.value) openMEDialog({params, prop: 'jsJson'}, jsEnhanceData.value)
isUnload.value = true isUnload.value = true
} }
const handleWebEnhance = (dbformId, enhanceType) => { const handleWebEnhance = (dbformId, enhanceType) => {
@@ -1301,16 +1316,16 @@ const handleWebEnhance = (dbformId, enhanceType) => {
}) })
} }
const cellStyle = ({ row, columnIndex }) => { const cellStyle = ({row, columnIndex}) => {
if (columnIndex == 6) { if (columnIndex == 6) {
return { color: row.isDbSync == 'Y' ? '#67C23A' : '#F56C6C' } return {color: row.isDbSync == 'Y' ? '#67C23A' : '#F56C6C'}
} }
if (columnIndex == 5) { if (columnIndex == 5) {
let color = '' let color = ''
if (row.tableClassify == 1) color = '#409EFF' if (row.tableClassify == 1) color = '#409EFF'
else if (row.tableClassify == 2) color = '#909399' else if (row.tableClassify == 2) color = '#909399'
else if (row.tableClassify == 3) color = '#E6A23C' else if (row.tableClassify == 3) color = '#E6A23C'
return { color } return {color}
} }
} }
@@ -1327,7 +1342,7 @@ const radioClick = (row) => {
const setTreeLabelDicData = (dicData) => { const setTreeLabelDicData = (dicData) => {
if (dicData.length == 0) { if (dicData.length == 0) {
dicData = [{ label: '请先添加字段', value: 'low', disabled: true }] dicData = [{label: '请先添加字段', value: 'low', disabled: true}]
} }
customFormRef.value.updateDic('treeLabelField', dicData) customFormRef.value.updateDic('treeLabelField', dicData)
} }
@@ -1354,7 +1369,7 @@ const openDataOrigin = () => {
}) })
const filedData = [...tableInfoRef.value.infoData.basics, ...tableInfoRef.value.tableInfoDefault] const filedData = [...tableInfoRef.value.infoData.basics, ...tableInfoRef.value.tableInfoDefault]
dataOriginPopup.value.viewField = filedData.map((item) => { dataOriginPopup.value.viewField = filedData.map((item) => {
return { label: item.fieldName, value: item.fieldCode } return {label: item.fieldName, value: item.fieldCode}
}) })
dataOriginPopup.value.show = true dataOriginPopup.value.show = true
} }
@@ -1391,14 +1406,14 @@ const analysisDataOrigin = async () => {
return item return item
}) })
} }
let { infoData } = tableInfoOption.formattingInitData(analysisData) let {infoData} = tableInfoOption.formattingInitData(analysisData)
infoData = infoData.map((item) => { infoData = infoData.map((item) => {
for (const key in item) { for (const key in item) {
if (item[key] === null || item[key] === undefined || key == 'fieldList_id') { if (item[key] === null || item[key] === undefined || key == 'fieldList_id') {
delete item[key] delete item[key]
} }
} }
return { ...cloneDeep(tableInfoOption.infoDefaultData.basics), ...item } return {...cloneDeep(tableInfoOption.infoDefaultData.basics), ...item}
}) })
setInfoBasics(infoData) setInfoBasics(infoData)
message.success('解析成功') message.success('解析成功')
@@ -1422,11 +1437,11 @@ const getSqlFormConfig = async () => {
(item) => !tableInfoOption.disabledArr.includes(item.fieldCode) || item.fieldCode == 'pid' (item) => !tableInfoOption.disabledArr.includes(item.fieldCode) || item.fieldCode == 'pid'
) )
fieldList = fieldList.map((item) => { fieldList = fieldList.map((item) => {
return { ...cloneDeep(tableInfoOption.infoDefaultData.basics), ...item } return {...cloneDeep(tableInfoOption.infoDefaultData.basics), ...item}
}) })
setInfoBasics(fieldList) setInfoBasics(fieldList)
message.success('生成成功') message.success('生成成功')
let { tableName } = customFormOption.value.column let {tableName} = customFormOption.value.column
tableName['disabled'] = true tableName['disabled'] = true
}) })
.finally(() => (sqlFormLoading.value = false)) .finally(() => (sqlFormLoading.value = false))
@@ -1457,7 +1472,7 @@ const handleAiCreatedTable = async () => {
(item) => !tableInfoOption.disabledArr.includes(item.fieldCode) || item.fieldCode == 'pid' (item) => !tableInfoOption.disabledArr.includes(item.fieldCode) || item.fieldCode == 'pid'
) )
data.fieldModelList = data.fieldModelList.map((item) => { data.fieldModelList = data.fieldModelList.map((item) => {
return { ...cloneDeep(tableInfoOption.infoDefaultData.basics), ...item } return {...cloneDeep(tableInfoOption.infoDefaultData.basics), ...item}
}) })
aiCreatedObj.value.popup = false aiCreatedObj.value.popup = false
crudRef.value.rowAdd() crudRef.value.rowAdd()
@@ -1499,7 +1514,7 @@ const getTableData = async () => {
if (typeof item[key] == 'number') { if (typeof item[key] == 'number') {
let val: number | string = item[key] let val: number | string = item[key]
if (['jsCou', 'scssCou'].includes(key)) val = val > 0 ? '√' : val if (['jsCou', 'scssCou'].includes(key)) val = val > 0 ? '√' : val
item.optionCondition.push({ label: couKey[key], value: val, key }) item.optionCondition.push({label: couKey[key], value: val, key})
} }
} }
return item return item
@@ -1524,7 +1539,8 @@ const searchChange = (params, done) => {
/** 清空按钮操作 */ /** 清空按钮操作 */
const resetChange = () => { const resetChange = () => {
searchChange({}, () => {}) searchChange({}, () => {
})
} }
const sizeChange = (pageSize) => { const sizeChange = (pageSize) => {
@@ -1542,7 +1558,7 @@ const beforeOpen = async (done, type) => {
isTableInfo.value = false isTableInfo.value = false
const groupData = cloneDeep(treeData.value) const groupData = cloneDeep(treeData.value)
customFormOption.value.column.groupDbformId.dicData = groupData[0].children customFormOption.value.column.groupDbformId.dicData = groupData[0].children
const { tableName, subTableListStr } = customFormOption.value.column const {tableName, subTableListStr} = customFormOption.value.column
if (['edit', 'view'].includes(type) && tableForm.value.id) { if (['edit', 'view'].includes(type) && tableForm.value.id) {
loading.value = true loading.value = true
const data = await TableApi.getDbDetail(tableForm.value.id, ['all']) const data = await TableApi.getDbDetail(tableForm.value.id, ['all'])
@@ -1550,7 +1566,7 @@ const beforeOpen = async (done, type) => {
data.dbForm.tableConfig = data.dbForm.tableConfig?.split(',') || [] data.dbForm.tableConfig = data.dbForm.tableConfig?.split(',') || []
data.dbForm.dataConfig = data.dbForm.dataConfig?.split(',') || [] data.dbForm.dataConfig = data.dbForm.dataConfig?.split(',') || []
editInfoData.value = data editInfoData.value = data
tableForm.value = { ...data.dbForm } tableForm.value = {...data.dbForm}
tableName['disabled'] = true tableName['disabled'] = true
tableName['rules'] = [] tableName['rules'] = []
subTableListStr['display'] = tableForm.value.tableType == 3 && tableForm.value.subTableListStr subTableListStr['display'] = tableForm.value.tableType == 3 && tableForm.value.subTableListStr
@@ -1585,7 +1601,7 @@ const beforeOpen = async (done, type) => {
searchStyle: 'default' searchStyle: 'default'
} }
tableName['disabled'] = false tableName['disabled'] = false
tableName['rules'] = [{ validator: pageOption.tableName_required, trigger: 'blur' }] as any tableName['rules'] = [{validator: pageOption.tableName_required, trigger: 'blur'}] as any
subTableListStr['display'] = false subTableListStr['display'] = false
if (groupValue.value) tableForm.value.groupDbformId = groupValue.value if (groupValue.value) tableForm.value.groupDbformId = groupValue.value
authValue.value = '' authValue.value = ''
@@ -1648,8 +1664,8 @@ const rowSave = async (formData, done, loading) => {
const form = handleApiFormData(formData) const form = handleApiFormData(formData)
tableFormVerify('add') tableFormVerify('add')
.then(async (infoData: object) => { .then(async (infoData: object) => {
const elLoading = ElLoading.service({ fullscreen: true }) const elLoading = ElLoading.service({fullscreen: true})
let bool = await TableApi.saveDbData({ dbForm: { ...form }, ...infoData }).catch(() => false) let bool = await TableApi.saveDbData({dbForm: {...form}, ...infoData}).catch(() => false)
if (bool) { if (bool) {
message.success(t('common.createSuccess')) message.success(t('common.createSuccess'))
resetChange() resetChange()
@@ -1662,7 +1678,7 @@ const rowSave = async (formData, done, loading) => {
let key = Object.keys(error)[0] let key = Object.keys(error)[0]
message.info(error[key][0].message) message.info(error[key][0].message)
} else if (error !== 'message') { } else if (error !== 'message') {
message.alert(error, '请修改', { dangerouslyUseHTMLString: true }) message.alert(error, '请修改', {dangerouslyUseHTMLString: true})
} }
loading() loading()
}) })
@@ -1680,7 +1696,7 @@ const rowUpdate = async (formData, index?, done?, loading?) => {
const form = handleApiFormData(formData) const form = handleApiFormData(formData)
tableFormVerify('edit') tableFormVerify('edit')
.then(async (infoData: object) => { .then(async (infoData: object) => {
let bool = await TableApi.updateDbData({ dbForm: { ...form }, ...infoData }).catch( let bool = await TableApi.updateDbData({dbForm: {...form}, ...infoData}).catch(
() => false () => false
) )
if (bool) { if (bool) {
@@ -1702,7 +1718,7 @@ const rowUpdate = async (formData, index?, done?, loading?) => {
let key = Object.keys(error)[0] let key = Object.keys(error)[0]
message.info(error[key][0].message) message.info(error[key][0].message)
} else if (error !== 'message') { } else if (error !== 'message') {
message.alert(error, '请修改', { dangerouslyUseHTMLString: true }) message.alert(error, '请修改', {dangerouslyUseHTMLString: true})
} }
loading() loading()
}) })
@@ -1738,13 +1754,35 @@ const rowDel = async (form) => {
message.success(t('common.delSuccess')) message.success(t('common.delSuccess'))
// 刷新列表 // 刷新列表
await getTableData() await getTableData()
} catch {} } catch {
}
} }
const beforeUnload = (event) => { const beforeUnload = (event) => {
if (isUnload.value) return (event.returnValue = '您确定要关闭页面吗?') if (isUnload.value) return (event.returnValue = '您确定要关闭页面吗?')
} }
/** 批量同步 **/
const handleBatchSync = async () => {
// 首先需要查询有没有需要同步的表单,如果没有则提示消息并结束,如果有则打开弹窗
let searchObj = {
isDbSync: 'N',
pageNo: tablePage.value.currentPage,
pageSize: -1
}
const data = await TableApi.getDbList(searchObj)
if (data?.records?.length > 0) {
// 将data.records取出来每个记录的id作为row.id并且发起普通同步
const promises = data.records.map((row) => TableApi.asyncDbData(row.id, 'default'))
await Promise.all(promises).catch(() => message.alert('同步失败'))
// 刷新列表
getTableData()
} else {
// 没有需要同步的表单,提示信息并结束方法
message.info('没有需要同步的表单')
}
}
/** 初始化 **/ /** 初始化 **/
onMounted(async () => { onMounted(async () => {
window.addEventListener('beforeunload', beforeUnload) window.addEventListener('beforeunload', beforeUnload)

View File

@@ -70,7 +70,8 @@
</div> </div>
<div class="bottom-card"> <div class="bottom-card">
<div class="bottom-card-title"> <div class="bottom-card-title">
<span>隐患排查治理</span> <!-- 隐患排查治理 标题需要隐藏 2025-10-31 -->
<span></span>
<img width="50%" style="margin: 8px 0" src="@/assets/images/line_1.png" /> <img width="50%" style="margin: 8px 0" src="@/assets/images/line_1.png" />
</div> </div>
<div class="type-wrapper"> <div class="type-wrapper">

View File

@@ -1,9 +1,10 @@
<template> <template>
<div class="center-container"> <div class="center-container">
<div class="center-content"> <div class="center-content">
<span class="title">隐患排查治理</span> <!-- 隐患排查治理 这个标题需要隐藏 2025-10-31 -->
<span class="title"></span>
<img class="bottom-border-line" src="@/assets/images/title_border_line_1.png" /> <img class="bottom-border-line" src="@/assets/images/title_border_line_1.png" />
<span class="sub-title">分类风险</span> <span class="sub-title">隐患等级</span>
<img width="50%" src="@/assets/images/line_1.png" /> <img width="50%" src="@/assets/images/line_1.png" />
<div class="type-wrapper"> <div class="type-wrapper">

View File

@@ -60,6 +60,7 @@ import RiskStatisticsPanel from './components/RiskStatisticsPanel.vue'
import HighRiskAlertPanel from './components/HighRiskAlertPanel.vue' import HighRiskAlertPanel from './components/HighRiskAlertPanel.vue'
import TimeoutWorkOrderPanel from './components/TimeoutWorkOrderPanel.vue' import TimeoutWorkOrderPanel from './components/TimeoutWorkOrderPanel.vue'
import HiddenDangerPanel from './components/HiddenDangerPanel.vue' import HiddenDangerPanel from './components/HiddenDangerPanel.vue'
import {error} from "echarts/types/src/util/log";
// 类型定义 // 类型定义
interface AlertItem { interface AlertItem {
@@ -484,7 +485,16 @@ const handleHiddenDangerPannelData = (query) => {
_data2.general = Number(res.records[0].general) _data2.general = Number(res.records[0].general)
_data2.major = Number(res.records[0].major) _data2.major = Number(res.records[0].major)
// 安全指数另算,再起一个报表
// dashboardData.value.hiddenDangerData.safetyIndex = res.records[0].safetyIndex
// 在这里添加获取安全指数的逻辑
getTableList('hidden_danger_safety_index', query).then(res => {
if (res.records && res.records.length > 0) {
dashboardData.value.hiddenDangerData.safetyIndex = res.records[0].safetyIndex dashboardData.value.hiddenDangerData.safetyIndex = res.records[0].safetyIndex
}
}).catch(error => {
console.error('获取隐患排查治理数据失败:', error)
})
// 获取隐患排查治理处理进度数据 // 获取隐患排查治理处理进度数据
getTableList('hidden_danger_process_progress', query).then(res => { getTableList('hidden_danger_process_progress', query).then(res => {

View File

@@ -33,9 +33,10 @@
<div class="center-container"> <div class="center-container">
<div class="center-content"> <div class="center-content">
<span class="title">隐患排查治理</span> <!-- 隐患排查治理 -->
<span class="title"></span>
<img class="bottom-border-line" src="@/assets/images/title_border_line_1.png" /> <img class="bottom-border-line" src="@/assets/images/title_border_line_1.png" />
<span class="sub-title">分类风险</span> <span class="sub-title">隐患等级</span>
<img width="50%" src="@/assets/images/line_1.png" /> <img width="50%" src="@/assets/images/line_1.png" />
<div class="type-wrapper"> <div class="type-wrapper">
<div class="type-item"> <div class="type-item">

View File

@@ -60,7 +60,8 @@
</div> </div>
<div class="bottom-card"> <div class="bottom-card">
<div class="bottom-card-title"> <div class="bottom-card-title">
<span>隐患排查治理</span> <!--隐患排查治理-->
<span></span>
<img width="50%" style="margin: 8px 0" src="@/assets/images/line_1.png" /> <img width="50%" style="margin: 8px 0" src="@/assets/images/line_1.png" />
</div> </div>
<div class="type-wrapper"> <div class="type-wrapper">

View File

@@ -3,7 +3,8 @@
<!-- 顶部标题栏 --> <!-- 顶部标题栏 -->
<div class="header-container"> <div class="header-container">
<div class="header-left"> <div class="header-left">
<img class="back-img" @click="returnToHeadquarters" src="@/assets/images/screen/back_image.png" /> <img class="back-img" @click="returnToHeadquarters"
src="@/assets/images/screen/back_image.png"/>
<div class="back-button" @click="openRegionSelector"> {{ selectedRegion }} <div class="back-button" @click="openRegionSelector"> {{ selectedRegion }}
<span>···</span> <span>···</span>
</div> </div>
@@ -16,39 +17,44 @@
</div> </div>
</div> </div>
<!-- 天气预报 --> <!-- 天气预报 -->
<WeatherWarning /> <WeatherWarning/>
<!-- 主内容区 --> <!-- 主内容区 -->
<div class="content-container"> <div class="content-container">
<div class="left-wrapper"> <div class="left-wrapper">
<OverviewPanel :totalCount="dashboardData?.totalCount || 0" <OverviewPanel :totalCount="dashboardData?.totalCount || 0"
:formalEmployeeCount="dashboardData?.formalEmployeeCount || 0" :formalEmployeeCount="dashboardData?.formalEmployeeCount || 0"
:externalStaffCount="dashboardData?.externalStaffCount || 0" :visitorCount="dashboardData?.visitorCount || 0" :externalStaffCount="dashboardData?.externalStaffCount || 0"
:parkStatistics="dashboardData?.parkStatistics" /> :visitorCount="dashboardData?.visitorCount || 0"
<RiskStatisticsPanel :riskStatistics="riskStatistics" :dangerDetail="dangerDetail" :park="parkValue" :parkStatistics="dashboardData?.parkStatistics"/>
@tab-change="handleRiskTabChange" :campus_id="query.campus_id" /> <RiskStatisticsPanel :riskStatistics="riskStatistics" :dangerDetail="dangerDetail"
:park="parkValue"
@tab-change="handleRiskTabChange" :campus_id="query.campus_id"/>
</div> </div>
<div class="right-wrapper"> <div class="right-wrapper">
<HighRiskAlertPanel :alertData="dashboardData?.alertData" :alertDetails="dashboardData?.alertData.details" <HighRiskAlertPanel :alertData="dashboardData?.alertData"
:sourceIndex="sourceIndex" /> :alertDetails="dashboardData?.alertData.details"
:sourceIndex="sourceIndex"/>
<TimeoutWorkOrderPanel :timeoutWorkOrders="dashboardData?.timeoutWorkOrders" <TimeoutWorkOrderPanel :timeoutWorkOrders="dashboardData?.timeoutWorkOrders"
:alertDetails="dashboardData?.timeoutWorkOrders.details" :sourceIndex="sourceIndex" /> :alertDetails="dashboardData?.timeoutWorkOrders.details"
:sourceIndex="sourceIndex"/>
</div> </div>
<HiddenDangerPanel :hiddenDangerData="dashboardData?.hiddenDangerData" /> <HiddenDangerPanel :hiddenDangerData="dashboardData?.hiddenDangerData"/>
</div> </div>
</div> </div>
<!-- 区域选择弹窗 --> <!-- 区域选择弹窗 -->
<RegionSelector v-model="regionSelectorVisible" :modelSelected="selectedPark" :regions="regionOption" <RegionSelector v-model="regionSelectorVisible" :modelSelected="selectedPark"
@change="onRegionChange" /> :regions="regionOption"
@change="onRegionChange"/>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { getTableList, getTableData } from './report' import {getTableList, getTableData} from './report'
import { ref, onMounted, watch, onUnmounted } from 'vue' import {ref, onMounted, watch, onUnmounted} from 'vue'
import { useRoute, useRouter } from 'vue-router' import {useRoute, useRouter} from 'vue-router'
import RegionSelector from './components/RegionSelector.vue' import RegionSelector from './components/RegionSelector.vue'
import WeatherWarning from './components/WeatherWarning.vue' import WeatherWarning from './components/WeatherWarning.vue'
import { getDashboardData, getAlertDetails, type DashboardData } from '@/api/dashboard' import {getDashboardData, getAlertDetails, type DashboardData} from '@/api/dashboard'
import OverviewPanel from './components/OverviewPanel.vue' import OverviewPanel from './components/OverviewPanel.vue'
import RiskStatisticsPanel from './components/RiskStatisticsPanel.vue' import RiskStatisticsPanel from './components/RiskStatisticsPanel.vue'
@@ -225,7 +231,7 @@ onMounted(async () => {
} }
try { try {
let { records } = await getTableList( let {records} = await getTableList(
'park_info_list' 'park_info_list'
) )
// records = [ // records = [
@@ -252,7 +258,9 @@ onMounted(async () => {
// 去重region字段使用Map来确保唯一性 // 去重region字段使用Map来确保唯一性
const regionMap = new Map() const regionMap = new Map()
records.filter((el) => el.region_id == query.regionCode) records.filter((el) => el.region_id == query.regionCode)
.map(el => { return el }) .map(el => {
return el
})
.forEach(el => { .forEach(el => {
if (!regionMap.has(el.park_name)) { if (!regionMap.has(el.park_name)) {
regionMap.set(el.park_name, { regionMap.set(el.park_name, {
@@ -480,7 +488,16 @@ const handleHiddenDangerPannelData = (query) => {
_data2.general = Number(res.records[0].general) _data2.general = Number(res.records[0].general)
_data2.major = Number(res.records[0].major) _data2.major = Number(res.records[0].major)
// 安全指数另算,再起一个报表
// dashboardData.value.hiddenDangerData.safetyIndex = res.records[0].safetyIndex
// 在这里添加获取安全指数的逻辑
getTableList('hidden_danger_safety_index', query).then(res => {
if (res.records && res.records.length > 0) {
dashboardData.value.hiddenDangerData.safetyIndex = res.records[0].safetyIndex dashboardData.value.hiddenDangerData.safetyIndex = res.records[0].safetyIndex
}
}).catch(error => {
console.error('获取隐患排查治理数据失败:', error)
})
// 获取隐患排查治理处理进度数据 // 获取隐患排查治理处理进度数据
getTableList('hidden_danger_process_progress', query).then(res => { getTableList('hidden_danger_process_progress', query).then(res => {
@@ -571,7 +588,7 @@ const handleRiskTabChange = async (tab: TabType) => {
// 根据不同的tab请求不同的接口 // 根据不同的tab请求不同的接口
getTableList( getTableList(
code, code,
{ ...query, activeTab: tab } {...query, activeTab: tab}
).then(response => { ).then(response => {
// 更新风险统计数据 - 传递完整的数组数据用于饼图显示 // 更新风险统计数据 - 传递完整的数组数据用于饼图显示
if (response.records && response.records.length > 0) { if (response.records && response.records.length > 0) {
@@ -620,7 +637,7 @@ const handleRiskTabChange = async (tab: TabType) => {
// 根据不同的tab请求不同的接口 // 根据不同的tab请求不同的接口
getTableList( getTableList(
code, code,
{ ...query, activeTab: tab } {...query, activeTab: tab}
).then(response => { ).then(response => {
// 更新风险统计数据 - 传递完整的数组数据用于饼图显示 // 更新风险统计数据 - 传递完整的数组数据用于饼图显示
if (response.records && response.records.length > 0) { if (response.records && response.records.length > 0) {
@@ -650,7 +667,7 @@ const onRegionChange = (item: RegionItem): void => {
parkValue.value = item.code parkValue.value = item.code
router.push({ router.push({
path: '/screen/company', path: '/screen/company',
query: { parkName: item.name, parkCode: item.code } query: {parkName: item.name, parkCode: item.code}
}) })
} }
@@ -1219,12 +1236,10 @@ const timeOut1 = (): void => {
.left-top { .left-top {
padding: 0 5px; padding: 0 5px;
background-image: background-image: url('@/assets/images/screen/left_top_img.png'),
url('@/assets/images/screen/left_top_img.png'),
url('@/assets/images/screen/left_center_img.png'), url('@/assets/images/screen/left_center_img.png'),
url('@/assets/images/screen/left_bottom_img.png'); url('@/assets/images/screen/left_bottom_img.png');
background-position: background-position: top center,
top center,
left center, left center,
bottom center; bottom center;
@@ -1232,8 +1247,7 @@ const timeOut1 = (): void => {
background-repeat: no-repeat, no-repeat, no-repeat; background-repeat: no-repeat, no-repeat, no-repeat;
/* 设置位置 */ /* 设置位置 */
background-size: background-size: 100% 90px,
100% 90px,
cover, cover,
100% 68px; 100% 68px;
flex: 1; flex: 1;
@@ -1396,12 +1410,10 @@ const timeOut1 = (): void => {
} }
.left-bottom { .left-bottom {
background-image: background-image: url('@/assets/images/screen/left_top_2_img.png'),
url('@/assets/images/screen/left_top_2_img.png'),
url('@/assets/images/screen/left_center_img.png'), url('@/assets/images/screen/left_center_img.png'),
url('@/assets/images/screen/left_bottom_img.png'); url('@/assets/images/screen/left_bottom_img.png');
background-position: background-position: top center,
top center,
left center, left center,
bottom center; bottom center;
@@ -1409,8 +1421,7 @@ const timeOut1 = (): void => {
background-repeat: no-repeat, no-repeat, no-repeat; background-repeat: no-repeat, no-repeat, no-repeat;
/* 设置位置 */ /* 设置位置 */
background-size: background-size: 100% 90px,
100% 90px,
cover, cover,
100% 68px; 100% 68px;
flex: 1; flex: 1;
@@ -1462,8 +1473,6 @@ const timeOut1 = (): void => {
row-gap: 1rem; row-gap: 1rem;
} }
.center-container { .center-container {