前提：select是动静的，之前提交过得值可能曾经在select中删除了，所以回显时只有一串ID 我的解决办法就是改源码：antd-vue 版本 ^1.7.8源码地位 node_modules\ant-design-vue\es\vc-select\Select.js左右getDerivedState办法中200行左右 value是回显的值，optionsInfo是下拉列表的值。做一下匹配。大家自行浏览 value = value.filter(v => { const flag = Object.keys(optionsInfo).includes(`string-${v}`) return flag })
业务需要；须要table内的某项或者某些项能编辑；并且须要校验规定 1.在form-model搁置在 table 内<!-- html --><advance-table bordered :scroll="{ x:'100%',y: 300 }" :columns="columns_white_list_edit" :data-source="siteList" :rowKey="(row,index) => row.siteId" :rowSelection="{selectedRowKeys:selectedRowKeysSite,onChange:onChangeSite,columnWidth:50}" :pagination="paginationSite" @change="handleTableChangeSite" :showToolbar="false" > <a-form-model :model="record" :ref="`formData_${index}`" slot="endTime" class="handle-btn-box" slot-scope="{text, record, index}"> <a-form-model-item prop="endTime" :rules="{ required: true, message: '请抉择' }" > <a-date-picker v-model="record.endTime" @change="changeItemTime(record.siteId,index)" showTime format="YYYY-MM-DD hh:mm:ss" valueFormat="YYYY-MM-DD hh:mm:ss" :getCalendarContainer="() => win.document.body" /> </a-form-model-item> </a-form-model> </advance-table><!-- js -->for (const key in _this.$refs) { if (key === 'con') break _this.$refs[key].validate(async valid => { if (!valid) return false })}2.将table搁置在form-model 内<!-- html --><a-form-model :model="reqData" ref="formData"> <advance-table bordered :scroll="{ x:'100%',y: 300 }" :columns="columns_white_list_edit" :data-source="reqData.siteList" :rowKey="(row,index) => row.siteId" :rowSelection="{selectedRowKeys:selectedRowKeysSite,onChange:onChangeSite,columnWidth:50}" :pagination="paginationSite" @change="handleTableChangeSite" :showToolbar="false" > <template slot="endTime" slot-scope="{text, record, index}"> <a-form-model-item :prop="`siteList.${index}.endTime`" :rules="{ required: true, message: '请抉择' }" > <a-date-picker v-model="record.endTime" showTime format="YYYY-MM-DD hh:mm:ss" valueFormat="YYYY-MM-DD hh:mm:ss" :getCalendarContainer="() => win.document.body" /> </a-form-model-item> </template> </advance-table></a-form-model><!-- js -->_this.$refs.formData.validate(async valid => { if (!valid) return})重点是 :prop="siteList.${index}.endTime" ...
应用antd-vue的工夫控件，并设置抉择范畴。通常需要都是只管制日期就好，然而也有需要是要求限度具体工夫的，从 antd-vue官网文档 上看到，show-time和disabled-time一起应用能够实现限度工夫可用范畴。应用如下： <template> <div> <span>给定工夫，限度可选范畴：{{ setDate }}</span> </div> <a-date-picker v-model:value="bookDeliveryTime" valueFormat="YYYY-MM-DD HH:mm:ss" :disabled="pickerDisabled" :disabled-date="disabledDate" :disabled-time="disabledDateTime" show-time @change="changeDeliveryTime" /></template><script setup>import { ref } from "@vue/reactivity"import moment from "moment"const setDate = ref(moment(new Date()).format("YYYY-MM-DD HH:mm:ss"))const bookDeliveryTime = ref(null)const pickerDisabled = ref(false)// 日期限度const disabledDate = current => { // 蕴含当天以及之后的7天可选 return current < moment().startOf('day') || current > moment().add(7, 'days')}// 工夫限度const disabledDateTime = datetime => { // 当日只能抉择以后工夫之后的工夫点，否则不做限度 if (datetime && datetime.date() === moment().date()) { const hours = moment().hours() // 以后工夫的时分秒 return { disabledHours: () => range(0, hours + 1), // 假如以后为7点整，则0-7都不可选 disabledMinutes: () => [], // 因为7点不可选，所以不可选的分钟和秒钟的数组为空，即0-59这60个数字都可选 disabledSeconds: () => [] } }}// 对应的工夫（时、分、秒）的范畴const range = (start, end) => { const result = [] for (let i = start; i < end; i++) { result.push(i) } return result}const changeDeliveryTime = (val, date, d) => { if (!val) return bookDeliveryTime.value = moment(val).format('YYYY-MM-DD HH:mm:ss')}</script>
vue3我的项目中应用antd-vue的a-date-picker工夫组件，抉择工夫时，页面报错 解决方案： format属性改为 valueFormat
antd vue 应用tag组件时，调用close会先后敞开2个标签代码是这样的 <template v-for="(tag, index) in tags"> <a-tag :key="index" :closable="true" @close="() => handleClose(tag)"> {{ tag.classify_name }} </a-tag></template>// 删除标签handleClose (tag) { const tags = this.tags.filter(item => item.id !== tag.id) this.tags = tags},解决办法：tag组件的key不要应用索引，改成相似id这样的字段应用索引导致删除了2次索引为 i 的值，看起来删除了2个标签（当然就算应用索引也不应该删2次，是antd vue的锅） 批改后，问题解决<template v-for="tag in tags"> <a-tag :key="tag.id" :closable="true" @close="() => handleClose(tag)"> {{ tag.classify_name }} </a-tag></template>
在main.js中 import { Icon } from 'ant-design-vue';const IconFont = Icon.createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',});// 全局注册 IconFont 组件Vue.component('IconFont', IconFont)这样就能够在任意页面应用组件 <icon-font type="icon-twitter" />
我的项目介绍JeecgBoot是一款基于代码生成器的低代码平台！前后端拆散架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT 反对微服务。弱小的代码生成器让前后端代码一键生成! JeecgBoot引领低代码开发模式(OnlineCoding-> 代码生成-> 手工MERGE)， 帮忙解决Java我的项目70%的反复工作，让开发更多关注业务。既能疾速提高效率，节省成本，同时又不失灵活性！以后版本：v2.4.6 | 2021-08-16 源码下载https://github.com/jeecgboot/jeecg-boothttps://gitee.com/jeecg/jeecg-boot技术文档官方网站： http://www.jeecg.com新手入门： http://jeecg.com/doc/quickstart在线演示： http://boot.jeecg.com技术文档： http://doc.jeecg.com降级日志次要四大方面优化： Online表单性能强化、数据库兼容优化、性能优化、底层依赖降级新性能降级新增微服务模块 jeecg-cloud-sentinel新增OAuth2登录，反对企业微信和钉钉的静默受权新增在线用户监控，反对踢掉性能反对自定义首页，通过枚举形式配置降级代码生成器兼容更多数据库降级Online报表分页性能，兼容更多数据库降级在线数据源配置，反对更多数据库Online表单，反对按用户受权Online表单，部门、人员抉择组件反对自定义存储显示字段Online表单，反对与积木报表对接Online表单，反对多字段排序Online表单，反对关联查问和关联列表展现Online表单，sql加强反对选中多条数据字典拦截器性能优化，将循环查问革新成一次性查问@Dict 字典翻译时，减少redis缓存进一步优化前端，压缩online js lib缩小1M解决IE兼容问题去掉durid广告接口签名密钥串移到配置文件里SQL注入破绽解决查问过滤器，值为逗号、空格报错多租户配置降级工具类hutool缩减依赖，只援用必须模块Demo模块默认改成多租户示例代码生成器数据库配置不反对明码加密主键策略批改 IdType.ID_WORKER_STR --> IdType.ASSIGN_IDgateway默认走database、减少swagger敞开配置反对数据库Online报表兼容mysql 、mariadb 、oracle 、db2 、h2 、hsql 、sqlite 、postgresql 、sqlserver达梦数据库 、虚谷数据库 、人大金仓 、南大通用Phoenix 、presto 、Gauss 、Firebird、clickhouse 、 OceanBaseOnline表单兼容mysql 、mariadb 、oracle 、postgresql 、sqlserver 、达梦数据库代码生成器兼容mysql、mariadb、sqlserver、oracle、postgresql、sqlite、polardb、clickhouse、edb达梦数据库、人大金仓数据库、华为高斯、derby降级底层依赖jimureport-spring-boot-starter 1.3.4-beta >> 1.3.78autopoi 1.3.2 >> 1.3.5jeewx-api 1.4.3 >> 1.4.5codegenerate 1.3.2 >> 1.3.6mybatis-plus 3.4.1 >> 3.4.3.1knife4j-spring-boot-starter:2.0.8 --> 2.0.9fastjson 1.2.75 >> 1.2.76redisson 3.13.6 >> 3.16.1Issues修复批改头像modal #25932.4.5降级后呈现后端排序报错 #2639JS加强怎么实现点击一个表单的列表页面的自定义按钮弹出另一个表单的新增页面呢？#2580分类字典批改后不主动刷新内容#I3TO07JS加强依据条件怎么限度不让编辑和删除呢？#2592列表页面限度删除没成果！限度编辑有用 #I3V547online表单中，下拉多选框控件无奈查问 #I3N16Y从2.4.3更新后online表单开发，js加强应用beforeEdit办法，编辑点击有效，删除beforeEdit即可复原 #2647DictAspect字典解析性能问题 #I3IB91online表单控件 用户抉择控件 #2619对于 token 命名问题 #2232online表单数据源配置，数据库类型辨认谬误 #2671online表单数据源配置，不反对数据库明码加密 #26722.4.5前台定时工作无奈翻页 #2666部门查问问题 #I3UD06定时工作, 数量超过12个时候页生效 #I3Y1G5多租户服务端对申请头校验 #2598JeecgListMixin.js 中loadData没有对request超时做解决 #2584前端用户抉择单选无奈置空的问题 #2610对于OL排列逻辑的小倡议 #1785online在线表单新增字段时，焦点不会主动定位到最新行数据 #2511【online表单开发】新增数据库字段时，程序可否放在ID的前面，而不是所属部门的前面 #1823pgsql 数据库 代码生成，配置 之后 获得表是public上面的 #2101postgresql 模式问题 #2656数据库改成postgresql后，导入数据库表无奈应用 #I3VN62online表单中主从表权限相互影响 #2680Online 报表配置中，报表SQL语句是多行的时候没法全选SQL语句 #2674主动工作cron表达式生成的问题 #26962.4.5企业微信中利用中是否能够设置主动登录 #I3Z8SESign 签名校验失败 #2728jeecgboot采纳达蒙数据库后，online代码生成模块配置数据库连贯无奈连贯 #2725前端发现BUG #I3ZL4T最新代码在开发环境无奈在ie11上关上 #2812对于postgresql数据源连贯问题 #2747JEditableTable.formTypes.upload组件，显示谬误 #2691前端省市县组件太旧了，有局部县区没有保护进去 #I40MGSAutoPOI中@EXCEL注解参数没有 #I3ZE9E已解冻的租户下的用户仍然能够登陆 #2796删除租户时,未验证租户是否已被援用 #2795JVxeTable用loadNewData问题 #2784JS加强，beforeDelete有效 #I42OAUIE11关上登录页，无奈失常显示，始终转圈 #2841前端省市县组件太旧了，有局部县区没有保护进去 #I40MGS省市区组件内容短少 #I4074O代码优化和标准（ExcelImportServer.class） #2783多租户平安问题 #2814导入mixins短少加载中的动画，数据量比拟大时，导入进行中没有反馈，倡议加上this.loading = true进行管制 #I3O4YL依据数据权限前缀获取容许导出的表格字段查问，冀望查问是一条数据，应用户有两个角色，查出两个角色 #I3ZKGUbeforeDelete有效 #28152.4.5 online内嵌子表，设置按工夫范畴查问时，日期抉择框叠加 #2764请问，online表单设置按钮，绑定JAVA加强或SQL加强，无奈多选，只能一次选一条 #2766sql加强问题，如果操作多行，例如截图中，多选后，能够激活多行被勾选的数据。 #2743在jeecg中如何应用自定义按钮，选中一行或多行数据后，打印jimu单据，未找到教程，请大佬指导 #2739登录零碎，系统管理-零碎通告-新增-“题目”处存在存储型XSS #I40W1W钉钉同步到本地的人员没有状态，导致同步之后无奈登录 #I3ZC2Lnacos批改了端口号不失效，启动时候还是默认端口8848 #2819应用autopoi导入提醒短少办法 #2868JPopup组件在modal中应用报错 #27292.4.5 没有用记治理没有同步钉钉性能 I44JE9mybatis plus 3.4.1版本 @SqlParser 注解过期，近期有思考降级到mybatis plus 3.4.3吗？ #2840在线报表导出的共计数据与页面上显示的不统一 #2852BusinessException是否前端提醒异样信息 #I42UOQ第三方APP音讯测试问题 “字段太长,超出数据库字段的长度” 解决方案 #2898为什么抉择 JeecgBoot?开源界“小普元”超过传统商业平台。引领低代码开发模式(OnlineCoding-> 代码生成器 -> 手工MERGE)，低代码开发同时又反对灵便编码， 能够帮忙解决Java我的项目70%的反复工作，让开发更多关注业务。既能疾速进步开发效率，节省成本，同时又不失灵活性。采纳最新支流前后拆散框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵便的扩大能力，可灵便实现二次开发;开发效率很高,采纳代码生成器，单表数据模型和一对多(父子表)、树列表等数据模型，增删改查性能主动生成，菜单配置间接应用（前端代码和后端代码都一键生成）；代码生成器提供弱小模板机制，反对自定义模板格调。目前提供四套格调模板（单表两套、一对多两套）封装欠缺的用户、角色、菜单、组织机构、数据字典、在线定时工作等根底性能。弱小的权限机制，反对拜访受权、按钮权限、数据权限、表单权限等零代码在线开发能力，在线配置表单、在线配置报表、在线配置图表、在线设计表单罕用共通封装，各种工具类(定时工作,短信接口,邮件发送,Excel导入导出等),根本满足80%我的项目需要繁难Excel导入导出，反对单表导出和一对多表模式导出，生成的代码自带导入导出性能集成繁难报表工具，图像报表和数据导出十分不便，可极其不便的生成图形报表、pdf、excel、word等报表；采纳前后拆散技术，页面UI精美，针对罕用组件做了封装：工夫、行表格控件、截取显示控件、报表组件，编辑器等等查问过滤器：查问性能主动生成，后盾动静拼SQL追加查问条件；反对多种匹配形式（全匹配/含糊查问/蕴含查问/不匹配查问）；数据权限（精细化数据权限管制，管制到行级，列表级，表单字段级，实现不同人看不同数据，不同人对同一个页面操作不同字段在线配置报表（无需编码，通过在线配置形式，实现曲线图，柱状图，数据等报表）页面校验主动生成(必须输出、数字校验、金额校验、工夫空间等);提供单点登录CAS集成计划，我的项目中曾经提供欠缺的对接代码表单设计器，反对用户自定义表单布局，反对单表，一对多表单、反对select、radio、checkbox、textarea、date、popup、列表、宏等控件业余接口对接机制，对立采纳restful接口方式，集成swagger-ui在线接口文档，Jwt token平安验证，不便客户端对接接口平安机制，可细化管制接口受权，十分简便实现不同客户端只看本人数据等管制高级组合查问性能，在线配置反对奴才表关联查问，可保留查问历史提供各种系统监控，实时跟踪零碎运行状况（监控 Redis、Tomcat、jvm、服务器信息、申请追踪、SQL监控）音讯核心（反对短信、邮件、微信推送等等）集成Websocket音讯告诉机制提供APP公布计划：反对多语言，提供国际化计划；数据变更记录日志，可记录数据每次变更内容，通过版本比照性能查看历史变动平台UI弱小，实现了挪动自适应平台首页格调，提供多种组合模式，反对自定义格调提供简略易用的打印插件，反对谷歌、IE浏览器等各种浏览器示例代码丰盛，提供很多学习案例参考采纳maven分模块开发方式反对菜单动静路由权限管制采纳 RBAC（Role-Based Access Control，基于角色的访问控制）零碎功能模块├─系统管理│ ├─用户治理│ ├─角色治理│ ├─菜单治理│ ├─权限设置（反对按钮权限、数据权限）│ ├─表单权限（管制字段禁用、暗藏）│ ├─部门治理│ ├─我的部门（二级管理员）│ └─字典治理│ └─分类字典│ └─零碎布告│ └─职务治理│ └─通讯录│ └─多租户治理├─Online在线开发(低代码)│ ├─Online在线表单 - 性能已凋谢│ ├─Online代码生成器 - 性能已凋谢│ ├─Online在线报表 - 性能已凋谢│ ├─Online在线图表(暂不开源)│ ├─Online图表模板配置(暂不开源)│ ├─Online布局设计(暂不开源)│ ├─多数据源治理 - 性能已凋谢├─积木报表设计器(低代码)│ ├─打印设计器 - 性能已凋谢│ ├─数据报表设计 - 性能已凋谢│ ├─图形报表设计(反对Echart) - 性能已凋谢│ ├─大屏设计器(暂不开源)├─音讯核心│ ├─音讯治理│ ├─模板治理├─代码生成器(低代码)│ ├─代码生成器性能（一键生成前后端代码，生成后无需批改间接用，相对是后端开发福音）│ ├─代码生成器模板（提供4套模板，别离反对单表和一对多模型，不同格调抉择）│ ├─代码生成器模板（生成代码，自带excel导入导出）│ ├─查问过滤器（查问逻辑无需编码，零碎依据页面配置主动生成）│ ├─高级查询器（弹窗主动组合查问条件）│ ├─Excel导入导出工具集成（反对单表，一对多 导入导出）│ ├─平台挪动自适应反对├─系统监控│ ├─Gateway路由网关│ ├─性能扫描监控│ │ ├─监控 Redis│ │ ├─Tomcat│ │ ├─jvm│ │ ├─服务器信息│ │ ├─申请追踪│ │ ├─磁盘监控│ ├─定时工作│ ├─系统日志│ ├─音讯核心（反对短信、邮件、微信推送等等）│ ├─数据日志（记录数据快照，可比照快照，查看数据变更状况）│ ├─零碎告诉│ ├─SQL监控│ ├─swagger-ui(在线接口文档)│─报表示例│ ├─曲线图│ └─饼状图│ └─柱状图│ └─折线图│ └─面积图│ └─雷达图│ └─仪表图│ └─进度条│ └─排名列表│ └─等等│─大屏模板│ ├─作战指挥核心大屏│ └─物流服务中心大屏│─罕用示例│ ├─自定义组件│ ├─对象存储(对接阿里云)│ ├─JVXETable示例（各种简单ERP布局示例）│ ├─单表模型例子│ └─一对多模型例子│ └─打印例子│ └─一对多TAB例子│ └─内嵌table例子│ └─罕用抉择组件│ └─异步树table│ └─接口模仿测试│ └─表格共计示例│ └─异步树列表示例│ └─一对多JEditable│ └─JEditable组件示例│ └─图片拖拽排序│ └─图片翻页│ └─图片预览│ └─PDF预览│ └─分屏性能│─封装通用组件 │ ├─行编辑表格JEditableTable│ └─省略显示组件│ └─工夫控件│ └─高级查问│ └─用户抉择组件│ └─报表组件封装│ └─字典组件│ └─下拉多选组件│ └─选人组件│ └─选部门组件│ └─通过部门选人组件│ └─封装曲线、柱状图、饼状图、折线图等等报表的组件（通过封装，应用简略）│ └─在线code编辑器│ └─上传文件组件│ └─验证码组件│ └─树列表组件│ └─表单禁用组件│ └─等等│─更多页面模板│ ├─各种高级表单│ ├─各种列表成果│ └─后果页面│ └─异样页面│ └─集体页面├─高级性能│ ├─零碎编码规定│ ├─提供单点登录CAS集成计划│ ├─提供APP公布计划│ ├─集成Websocket音讯告诉机制│─流程模块性能 (暂不开源)│ ├─流程设计器│ ├─在线表单设计│ └─我的工作│ └─历史流程│ └─历史流程│ └─流程实例治理│ └─流程监听治理│ └─流程表达式│ └─我发动的流程│ └─我的抄送│ └─流程委派、抄送、跳转│ └─。。。└─其余模块 └─更多功能开发中。。零碎截图PC端 ...