- 博客(16)
- 收藏
- 关注
原创 pdf签章拖拽
效果就是如下图这样,左边一个签章的名字,拖拽到中间部分的pdf上, 把拖拽的位置存下来点确定的时候把位置和签章的图片信息发给后台。
2023-06-07 16:22:06
1133
原创 vue FullCalendar使用案例及详解
先看下效果图需求:实现预约功能,设置过不可预约的时间段置灰不可选中,比如上图中周六周天不可预约,晚上23:00到24:00不可预约;当前天在第一个,往后排7天;点击上一周下一周时切换数据重新渲染后台返回的数据;待审核已预约的数据后台返回根据状态展示不同的颜色;在FullCalendar中拖拽或者点击时填充开始时间结束时间,时长到右侧的表单中;首先要安装完引用插件:import '@fullcalendar/core/vdom' // solves problem with Vite....
2022-05-05 16:57:15
20239
15
原创 git和gitHub
1,git下载,安装,配置1.1:官网下载地址:Git - Downloads,下载后一路下一步就ok 啦~桌面空白右键单击,可以看到git GUI Here(图形化界面)git Bash Here(命令窗口)1.2,点击git Bash Here配置用户名和邮箱(用户标识必须,配置后每次提交,用户名和邮箱都会记录在提交记录上配置用户名: git config --global user.name "yourName"配置邮箱: git config --global user.
2022-02-10 13:37:59
47
原创 element ui 中el-date-picker控制时间禁止状态
<el-date-picker class="wid100" size="mini" v-model="addYear" @change="changeYear" format="yyyy年" value-format="yyyy" type="year" placeholder="选择年" ...
2022-02-08 13:59:06
503
原创 【无标题】穿梭框
<template> <div><!-- 品名统计--> <div class="searchBox" v-if="dataType == 'staName'"> <el-form :model="queryParams" ref="queryForm" :inline="true"> <el-form-item label="品名" prop="staName"> &...
2021-12-28 16:01:04
321
原创 element ui 在表格中自定义tooltip
用element ui 表格做的看板,第一列表头是一个时间选择器,筛选整个看板的的时间,第一列的内容是当前行的名字,剩下的列是看板内容,指上去要有tootip提示并且提示内容有背景颜色,和第一列常规的tootip不同第一列表头时间选择器代码: <el-table-column width="200" align="left" :show-overflow-tooltip="true" prop="accName" > <template slo.
2021-10-20 10:13:05
2248
原创 element ui 文本域右el-textarea下角的计数限制不挡住文本框里面输入的字
beforeafter只需要改下样式,文本域的框离下边距比字体高度高一点就可以了,这样滚动滚动条,字一直可以看到。.el-textarea textarea{ padding-bottom: 13px;}.el-textarea .el-input__count{ height: 12px; line-height: 12px;}...
2021-10-11 11:20:20
6212
4
原创 常用的正则
密码:(密码必须由6-12位数字加字母组成)/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,12}$/高强度密码:(密码必须包含字母、数字、特殊字符,长度8到16位)/^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>,.\/]).{8,16}$/邮箱:/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/手机号和座机号/(^(\d{
2021-09-26 14:55:08
69
原创 element ui 表格中可编辑的两数字列计算el-input-number,el-input-number加减号没反应
3列的值是1列乘以2列计算得出的,并且1列和2列必须是正整数首先想到的是下图这种办法,用v-model.number 加校验,只要输入的是字符就会被替换成''空字符串,但这种方法在用户点击字符键盘后输入的内容就会被替换成空字符,无法做后面的计算处理后来改成type="number",这种做法虽然很好的处理了用户输入字符键盘的情况,但可以输入小数点,要求是必须是正整数。el-input-number完美的处理了我的需求:min是可输入的最小值:max是可输入的最大值,.
2021-09-15 16:59:12
6378
翻译 element ui表格时间列格式化
before after首先在main.js中注册全局定义格式化时间的过滤器方法,名字叫dataFormatVue.filter('dateFormat',function(originVal){ const dt =new Date(originVal) const y = dt.getFullYear() const m=(dt.getMonth()+1...
2021-09-14 10:24:32
532
原创 解决echarts柱状图鼠标指上时柱子消失或闪动
鼠标指上去,柱子消失或者闪动,原因是在设置柱子颜色的时候用到了透明,但没有使用rgba,hover时透明就会消失,把颜色改成对应的rgba就可以了。before:after:整体代码: getUnitReportChart(){ let chooseBtnColor=[] if(this.queryParams2.queryType==1){//实际采购量 chooseBtnColor=["#34cdfb...
2021-09-10 11:16:33
4106
原创 element ui表格头部和表单的小红星*
在表格模板中写:render-header="renderHeader" <el-table-column label="纯度" :render-header="renderHeader" >在方法中写 renderHeader (h, { column, $index }){ let currentLabel = column.label; return h('span',{},[ ...
2021-09-01 15:52:41
1166
原创 element ui表格勾选后勾选框置灰,不可再勾选
首先在type="selection"的表格列里写上方法:selectable="checkSelectable"<el-table-column type="selection" :selectable="checkSelectable" />checkSelectable方法中写 checkSelectable(row){ if(this.tDangerPurchaseDetailsList.length>0){//判断容器表里是否...
2021-09-01 09:44:50
2964
原创 Element UI 上传组件的使用
<el-upload class="upload-demo" :action="uploadImgUrl" accept=".pdf,.doc,.docx" :limit="1" :on-remove="handleRemove" :before-remove="beforeRemove" :on-success="uploadSuc...
2021-06-28 10:04:51
2175
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人