diff --git a/README.md b/README.md index 11fc1af1a428ca0871962e4df9ff0547c9bff7b7..bc64d21c371b1736cf959f585c0a67d55c15f38a 100644 --- a/README.md +++ b/README.md @@ -41,83 +41,83 @@ - http://v2.volcore.xyz/app/guide ## 2023.05.13增加审批流程分支、条件功能 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/flow.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/flow2.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/flow3.png) +![Home](/imgs/flow.png) +![Home](/imgs/flow2.png) +![Home](/imgs/flow3.png) ## 框架移动端(uniapp)已发布,同样全自动生成代码,扫描小程序二维码即可查看 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/qrcode.png) +![Home](/imgs/qrcode.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/app-01.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/app-02.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/m001.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/m002.png) +![Home](/imgs/app-01.png) +![Home](/imgs/app-02.png) +![Home](/imgs/m001.png) +![Home](/imgs/m002.png) ## 框架已支持Vue3版本 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/v3.png) +![Home](/imgs/v3.png) ## 框架已增加低代码设计器 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/fd01.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/fd02.png) +![Home](/imgs/fd01.png) +![Home](/imgs/fd02.png) ## 框架2.0已更新(部分新增功能截图) 增加切换皮肤功能 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/h.png) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/home_them.png) +![Home](/imgs/h.png) +![Home](/imgs/home_them.png) 增加可复用的后台请求参数校验 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/validator.png) +![Home](/imgs/validator.png) 增加树形菜单与代码生成页面使用 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/x7tree.png) +![Home](/imgs/x7tree.png) 增加文本编辑器直接发布静态页面功能 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/editor.png) +![Home](/imgs/editor.png) 一对一多从表显示(只需要少量代码就可完成成,其他都由代码生成器生成) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/m1.png) +![Home](/imgs/m1.png) 表合并显示 (只需要几行代码完成代码生成器生成的页面实现扩展) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/span.png) +![Home](/imgs/span.png) 从图上传图片 (只需要几行代码完成代码生成器生成的页面实现扩展) -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/p1.png) +![Home](/imgs/p1.png) 一对多从表(不限从表数量)扩展 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/multi.png) +![Home](/imgs/multi.png) 图表 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/charts.png) +![Home](/imgs/charts.png) ## 1、只读基础表单 整个只读的基础表单的所有前后端代码,全部由代码生成器生成,代码生成器中几乎不需要配置,并支持并后端业务代码扩展,直接生成代码后,配置菜单权限即可 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/table1.png) +![Home](/imgs/table1.png) ## 2、自动绑定下拉框数据表单 整个自动绑定下拉框数据表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,在代码生成器中只需要指定数据源编号,页面加载时会根据编号自动加载数据源并绑定 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/table2.png) +![Home](/imgs/table2.png) ## 3、启用图片支持、审核表单 整个启用图片支持、审核表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,审核功能需要在菜单配置权限、代码生成器中勾选启用图片支持 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/table3.png) +![Home](/imgs/table3.png) ## 4、高级查询 整个表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,查询字段、类型(下拉框、日期、TextArea等)、所在行与列都由代码生成器完成,不需要写任何代码 - ![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/tablesearch4.png) + ![Home](/imgs/tablesearch4.png) ## 5、主从表新建、编辑 主从表新建、编辑所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,新建、编辑从表配置、字段、类型(下拉框、日期、TextArea等)、所在行与列、字段是否只读、标签显示的长度等都由代码生成器完成,不需要写任何代码 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/editTbale2.png) +![Home](/imgs/editTbale2.png) ## 6、excel导入 excel导入整个页面都由代码生成器生成,导入的字段、字段是否必填,下载模板也由代码生成器上配置(自己根据实际需要决定是否采用此方法),导入时会验证是否为空与数据的合法性,逻辑校验自己实现扩展方法即可 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/importTable1.png) +![Home](/imgs/importTable1.png) ## 7、H5开发 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/h5.jpg) +![Home](/imgs/h5.jpg) ## 8、权限分配 目前只实现了对用户的角色的Action进行权限分配 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/auth.png) +![Home](/imgs/auth.png) ## 9、代码生成器 代码生成器提供了20多种可配置的属性,可灵活配置显示、查询、编辑、导入、导出、主从关系等功能点击看代码生成器文档 -![Home](https://github.com/cq-panda/Vue.NetCore/blob/master/imgs/coder.png) +![Home](/imgs/coder.png) 其他功能。。。。。 diff --git "a/Vol.Vue3\347\211\210\346\234\254/src/components/workflow/node.vue" "b/Vol.Vue3\347\211\210\346\234\254/src/components/workflow/node.vue" index d5a417aedc188f7d14215d88df89fd832bcf64f3..5cd8e3dabd25eaaf1a5c5501ede7a037624658f8 100644 --- "a/Vol.Vue3\347\211\210\346\234\254/src/components/workflow/node.vue" +++ "b/Vol.Vue3\347\211\210\346\234\254/src/components/workflow/node.vue" @@ -1,5 +1,6 @@ - + - + @@ -69,6 +68,10 @@ export default { default: () => { return [] } + }, + disabled:{ + typeof:Boolean, + default:false } }, data() { diff --git "a/Vol.Vue3\347\211\210\346\234\254/src/components/workflow/node_form.vue" "b/Vol.Vue3\347\211\210\346\234\254/src/components/workflow/node_form.vue" index 91714e33520eb1e1bdd83796ad7e06d79fc9f58a..ceff15de5335180c588dabc18ed712a91162da20 100644 --- "a/Vol.Vue3\347\211\210\346\234\254/src/components/workflow/node_form.vue" +++ "b/Vol.Vue3\347\211\210\346\234\254/src/components/workflow/node_form.vue" @@ -12,11 +12,11 @@
+ :formRules="formRules" :disabled="disabled">
- +
@@ -35,6 +35,10 @@ export default { 'node-filter': nodeFilter }, props: { + disabled:{ + typeof:Boolean, + default:false + } // node: { // type: Object, // default: () => { @@ -67,7 +71,7 @@ export default { }, data() { return { - tableName:"", + tableName: "", index: 1, visible: true, // node 或 line @@ -197,7 +201,7 @@ export default { { key: 1, value: '是' }, { key: 0, value: '否' } ], - type: 'radio' + type: 'switch' } ], ], @@ -212,8 +216,8 @@ export default { * @param data * @param id */ - nodeInit(data, id,tableName) { - this.tableName=tableName; + nodeInit(data, id, tableName) { + this.tableName = tableName; this.type = 'node' this.data = data; // this.tableName=data. @@ -227,7 +231,7 @@ export default { }) }) if (!node.filters) { - node.filters=[]; + node.filters = []; } this.node = node;// cloneDeep(node) if (node.type != 'start' && node.type != 'end') { diff --git "a/Vol.Vue3\347\211\210\346\234\254/src/components/workflow/panel.vue" "b/Vol.Vue3\347\211\210\346\234\254/src/components/workflow/panel.vue" index dd3eaa6551197865280b0eec9948c2f2f84a510b..02d7cf2edcc9bbb59ea4ff1e395d5794bdd101a1 100644 --- "a/Vol.Vue3\347\211\210\346\234\254/src/components/workflow/panel.vue" +++ "b/Vol.Vue3\347\211\210\346\234\254/src/components/workflow/panel.vue" @@ -8,8 +8,8 @@
基础信息
- + :disabled="disabled" :formRules="formRules"> +
@@ -17,10 +17,10 @@
- @@ -29,7 +29,7 @@
-
@@ -50,13 +50,19 @@ import lodash from 'lodash' // import { getDataA } from './data_A' import VolForm from '@/components/basic/VolForm.vue'; export default { + props: { + disabled: { + typeof: Boolean, + default: false + } + }, data() { return { formFields: { WorkName: '', WorkTable: '', WorkTableName: '', - Weight:1, + Weight: 1, AuditingEdit: 0, Remark: '' }, @@ -276,7 +282,7 @@ export default { this.jsPlumb.makeSource(node.id, lodash.merge(this.jsplumbSourceOptions, {})) // // 设置目标点,其他源点拖出的线可以连接该节点 this.jsPlumb.makeTarget(node.id, this.jsplumbTargetOptions) - if (!node.viewOnly) { + if (!node.viewOnly && !this.disabled) { this.jsPlumb.draggable(node.id, { containment: 'parent', stop: function (el) { @@ -292,7 +298,7 @@ export default { var connParam = { source: line.from, target: line.to, - label: line.label ? line.label : 'x', + label: this.disabled ? null : (line.label ? line.label : 'x'), connector: line.connector ? line.connector : '', anchors: line.anchors ? line.anchors : undefined, @@ -328,6 +334,8 @@ export default { }, // 删除激活的元素 deleteElement() { + if (this.disabled) + return if (this.activeElement.type === 'node') { this.deleteNode(this.activeElement.nodeId) } else if (this.activeElement.type === 'line') { diff --git "a/Vol.Vue3\347\211\210\346\234\254/src/extension/system/flow/Sys_WorkFlow.js" "b/Vol.Vue3\347\211\210\346\234\254/src/extension/system/flow/Sys_WorkFlow.js" index 68b572bcb6fa3b2a4ea46bf4e12557f006b33d98..afc62d5ad6be6bbc316e72a766496c3fd8442d7f 100644 --- "a/Vol.Vue3\347\211\210\346\234\254/src/extension/system/flow/Sys_WorkFlow.js" +++ "b/Vol.Vue3\347\211\210\346\234\254/src/extension/system/flow/Sys_WorkFlow.js" @@ -52,6 +52,21 @@ let extension = { // }); //示例:设置修改新建、编辑弹出框字段标签的长度 // this.boxOptions.labelWidth = 150; + this.columns.forEach(x => { + if (x.field == "WorkName") { + //懒得改代码生成器重新生成超链接 + x.link = false; + x.formatter = (row, column, event) => { + return '' + row.WorkName + '' + }; + //绑定点击事件 + x.click = (row, column, event) => { + this.isLink = true; + this.edit(row) + this.isLink = false; + }; + } + }) }, onInited() { this.height = this.height - 50; @@ -83,8 +98,14 @@ let extension = { async modelOpenBeforeAsync(row) { //点击编辑/新建按钮弹出框前,可以在此处写逻辑,如,从后台获取数据 this.$refs.gridHeader.open(row); + if (this.isLink) { + this.$refs.gridHeader.disabled = true; + } + else { + this.$refs.gridHeader.disabled = false; + } return false; - } + } } }; export default extension; diff --git "a/Vol.Vue3\347\211\210\346\234\254/src/extension/system/flow/Sys_WorkFlow/WorkFlowGridHeader.vue" "b/Vol.Vue3\347\211\210\346\234\254/src/extension/system/flow/Sys_WorkFlow/WorkFlowGridHeader.vue" index a0abc2cfc4ccc0498781f0579faa431dd9e854dc..f2ce06c7b522481cd1d695f420f312c875ae01a0 100644 --- "a/Vol.Vue3\347\211\210\346\234\254/src/extension/system/flow/Sys_WorkFlow/WorkFlowGridHeader.vue" +++ "b/Vol.Vue3\347\211\210\346\234\254/src/extension/system/flow/Sys_WorkFlow/WorkFlowGridHeader.vue" @@ -1,12 +1,12 @@