草庐IT

Element UI form表单及select下拉框实现动态添加和删除

需求为可动态选择用户及部门,并具备回显功能结合antvx6流程图,实现需求,每个流程图节点均可设置当前节点对应审批部门和用户,部门会签节点可设置多部门多用户,动态添加部门及用户。当前节点已配置人员部门可回显,当前节点已配置人员删除,回显为空。{{title}}{{companyName}}{{projectCompanyName}}{changeDeptId(val,index,item)}">取消确定exportdefault{name:'ViewDeails',components:{},props:{},data(){return{dialogFormVisible:false,//弹框

element-ui控件el-select如何在前面添加icon图标

在element-ui中input可以使用prefix-icon=“el-icon-user”在前面添加icon图标,但是select自己没有该属性。那么如何在element-ui控件el-select前面前面icon图标代码如下(示例):el-selectclearablestyle="width:560px"v-model="userModel.industryClassifyGid"placeholder="所属行业">template#prefix>spanstyle="padding-left:5px;">iclass="el-icon-suitcase">/i>/span>/tem

el-table单元格合并思路

el-table单元格合并el-table单元格合并的关键是el-table的span-method属性,本文将讲解一下我在单元格合并的思路,本人前端小白,可能有理解错误仅供参考,本文重点介绍思路,毕竟每个人需求不一样注意:有时候不需要单元格合并,可以使用插槽前提单元格的合并必须得有数据,所以应该先准备好合并前的数据,在有数据的基础上做减法合并前–每一行的数据都是双份的这样虽然数据变多了,但是给了我们操作其他列的空间合并后其中一行被合并就看不见了分析需要合并三个部分表头合并在el-table中嵌套使用el-table-column即可实现多级表头、列的数据放在最底层el-table-colum

Element-ui中表格el-table图片预览效果实现(非常实用)

🍊作者:计算机编程-吉哥🍊简介:专业从事JavaWeb程序开发,微信小程序开发,定制化项目、源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事,生活就是快乐的。🍊心愿:点赞👍收藏⭐评论 📝🍅 文末获取源码联系🏆先展示效果:  🏆使用的是下面这个插件噢~v-viewer插件🏆安装部署(重要):1.安装依赖,在项目文件里进行安装安装命令:npminstallv-viewer--save 2.在main.js中写如下:importViewerfrom'v-viewer'import'viewerjs/dist/viewer.css';Vue.use(Viewer); 3.在vue页面用标签包裹着i

element-ui中Tooltip文字提示——el-tooltip的样式修改

修改el-tooltip的背景颜色注意:以下修改都需要在全局样式修改,因为这个组件的层级,并不是在你使用他的地方,而是和你的app同一层级,所以在当前使用的地方找不到tip提示的dom节点。修改提示框中长方形框的背景颜色.el-tooltip__popper{background:rgba(0,0,0,0.65)!important;}修改提示框中的小三角的边框颜色//注意[^=top]是下三角即提示框在上方若提示框在下方则[^=bottom].el-tooltip__popper[x-placement^=top].popper__arrow:after{border-top-color:#

postman form-data传参java实现

java实现:/***form表单提交*@paramurl*@parammap*@return*/publicstaticStringdoPostForm(Stringurl,Mapmap){StringstrResult="";//1.获取默认的client实例CloseableHttpClientclient=HttpClients.createDefault();//2.创建httppost实例HttpPosthttpPost=newHttpPost(url);httpPost.setHeader("Content-Type","application/x-www-form-urlenc

element ui 中el-date-picker 默认展示当前日期

el-date-picker默认展示当前日期v-model绑定el-date-pickerclearablev-model="form.collectDate"type="date"value-format="yyyy-MM-dd"placeholder="请选择收拍日期">el-date-picker>el-date-pickerclearablev-model="form.toAuctionNo"type="date"value-format="yyyy-MM-dd"placeholder="请选择参拍场次">el-date-picker>methods中添加按钮事件方法,给对应的v-mo

Element-UI日期选择器el-date-picker给指定日期添加红点标注

一、需求背景        今天在项目开发中有一个需求,要求日期选择器中,指定的日期显示标注,标识该日期有待处理的内容。二、技术选型        查阅资料后我们得知,ElementUI在2.12.0版本里,日期选择器的picker-options新增了cellClassName方法,那么我们就来看一下如何实现。 三、代码data(){constthat=thisreturn{date:'',badgeDate:['2023-01-01','2023-01-11','2023-01-15'],pickerOptions:{cellClassName:(time)=>{if(that.badge

修改element-ui中的表格el-table的滚动条样式

一.单独修改element-ui中的表格el-table的滚动条样式(两种方法)1..el-table__body-wrapper{background-color:#ddd;}.el-table__body-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important;}2.//滚动条的宽度/deep/.el-table__body-wrapper::-webkit-scrollbar{width:8px;//横向滚动条height:8px;//纵向滚动条必写}//滚动条的滑块/deep/.el-table__body

Unity国际版forM1Mac

Unity国际版forM1Mac文章来自于:https://www.ccrui.cn/archives/unity-guo-ji-banform1mac.html为什么要使用国际版相比于国内特供版Unity而言,国际版Unity为去壳版本,在稳定性上比国内特供版更好,不会出现一些奇奇怪怪的bug下载地址LTS版本m1Mac下载问题在mac电脑上Unity分为Intel版本和Apple版本当使用上文下载链接直接调用UnityHub下载时会显示直接下载intel版本的Unity并且无法进行选择通过UnityEditor(Applesilicon)下载的方式可以单独下载安装适配m1芯片的Unity,