- 博客(29)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 el-table鼠标滚动勾选或取消勾选使用混入的公共js封装vue2vue3都可用
鼠标左键按下病滑动对table行进行勾选或取消勾选；可进行批量勾选和取消勾选
2024-09-11 09:27:00
416
原创 说明：跨系统或组件发送事件以及接收事件
//dwj:写一个dispatchEvent派发事件//dwj:进行事件的收集和派发到需要的事件//键值对进行事件发送到浏览器缓存例如dwj发送99//dwj:window.localStorage.setItem('dwj','99')
2024-03-04 11:57:27
376
原创 同一组件中的两个组件可合并可拆分之el-dialog组件div组件的拆分即融合
同一组件中的两个组件可合并可拆分之el-dialog组件div组件的拆分即融合
2024-01-10 14:37:49
513
1
原创 js 从设置时间点开始根据设置分钟数循环增加到结束时间点，循环时间点，循环动态循环表头
【代码】js 从设置时间点开始根据设置分钟数循环增加到结束时间点，循环时间点，循环动态循环表头。
2023-11-01 15:06:14
304
原创 vue3+ts el-table动态计算合并列(24小时内排班数据构建及页面构建数据案例)成型产品
vue3+ts el-table动态计算合并列(24小时内排班数据构建及页面构建数据案例)成型产品
2023-10-30 10:41:01
365
原创 vue3+ts el-table动态计算合并列(24小时内排班初始构建)-原创计算
【代码】vue3+ts el-table动态计算合并列(24小时内排班初始构建)-原创计算。
2023-10-17 10:24:29
207
原创 el-table动态列vue3动态列-批量录入体温-修订版2022-02-07
el-table动态列vue3动态列-批量录入体温-修订版2022-02-07<!-- 界面描述：批量录入界面动态列表, 增加键盘跳转下一个单元格，增加fixed固定列-->
2022-02-07 11:29:29
316
原创 vue2.0 el-dialog封装，修改源代码样式自适应屏幕浏览器，根据参数显示弹框位置左中右
<!--作者：dingwangjun--><!-- 界面描述：el-dialog弹出框。据需求传递参数,显示弹框的位置[左中右]--><template> <el-dialog :customClass="[location=='左' ? 'dialogLeft' : location=='中'? 'dialogCenter' : 'dialogRight']" class="selfDialog" :visible.sync.
2021-12-30 10:23:58
1733
1
原创 el-table动态列vue3.0动态列-批量录入体征-修订版2021-12-27
<!--作者：dingwangjun--><!-- 界面描述：批量录入界面动态列表--><template> <div class="dwjBatchInput"> <div class="batch_heard_div"> <div class="div-inline"> <div class="div-inline" style="mar.
2021-12-27 11:15:59
508
原创 el-table动态列 vue3,ts动态列-批量录入体征
批量录入体征，动态列构建，构建共同列思想，vue3.0，ts， el-table动态列，防止震动变化动态列，el-table动态列 vue3,ts动态列-批量录入体征
2021-12-22 13:21:49
712
原创 vue3.0时间控件,datetime-local,可单独修改年月日时分的时间控件
<!--作者：dingwangjun--><!-- vue3.0+ts 原创基于datetime-local的时间组件控件 界面描述：开始时间输入型组件，尽量不要在里面写逻辑操作--><template> <div class="datetime-local"> <el-input type="datetime-local" size="mini" :style="{wi.
2021-10-28 08:30:34
1567
原创 vue3.0 el-dialog封装，修改源代码样式
<!--作者：dingwangjun--><!-- 界面描述：弹框封装的操作框--><template> <el-dialog width="700px" customClass="selfDialog" v-model="dialogVisible" :append-to-body="true" destroy-on-close.
2021-10-27 13:38:53
1057
原创 vue2.0 时间控件，可单独修改年月日时分的时间控件，html5时间控件类型datetime-local
<!--作者：dingwangjun--><!-- vue2写法，应用htlm5时间控件datetime-local 界面描述：开始时间输入型组件，尽量不要在里面写逻辑操作-->1.时间组件控件<template> <div class="datetime-local"> <el-input type="datetime-local" size="mini" :styl.
2021-10-27 09:16:40
750
原创 vue2事务总线写法，vue2公共总线写法emit
新建comBus.ts文件，内容如下：/** * 作者：dingwangjun * 描述：公共js,里面不加任何东西，传值用 * 描述：这里主要接受全局刷新到具体页面 * */import Vue from 'vue'export default new Vue()----------------------------------------------------------①界面引入文件import ComBus from '@/views/AatoBus/comBus' //..
2021-09-27 16:58:52
169
原创 vue3事务总线写法，vue3公共总线写法emit
1.方法1写法：需要安装mittnpm install --save mitt// main.ts中写法import mitt from "mitt"import { createApp } from "vue"const app = createApp({}) //正常配置// main挂载事务总线app.config.globalProperties.$mittBus = mitt();// 一个界面进行发送setup() { // 创建代理实例 const .
2021-09-27 16:57:26
669
1
原创 ts，js收集常用日期，时间格式转换
/*年-月-日- 时:分:秒*/export function parseTime(time) { if (time) { let date = new Date(time) let year = date.getFullYear() /* 在日期格式中，月份是从0开始的，因此要加0 * 使用三元表达式在小于10的前面加0，以达到格式统一 如 09:11:05 * */ let month = date.getMonth() + 1 < ..
2021-09-24 14:41:12
1842
原创 vue3,设置高度,vue3自适应大小日历
<!-- *日期：20210828 *作者：dingwangjun *界面描述：进度日历日程,设置高度,自适应大小--><template> <div style="height: 100%;padding: 5px;"> <div style="height: 30px;"> <div class="div-inline div_cale_heard1"> <div style="tex..
2021-09-24 14:23:54
1165
原创 vue3中消息提示，确认框的封装：Message，MessageBox
文件夹：msgBox.ts/** * 时间：2020/11/20 * Created by dingwangjun on * 说明：消息 */import { ElNotification, ElMessage,ElMessageBox } from 'element-plus'/** * 如何调用，如下面调用案例 * import {succesMsg,warnMsg,infoMsg, errorMsg,alertBox,confirmBox} from '@/ut...
2021-09-24 10:26:37
5317
1
原创 vue中，同步异步的操作，async,await
// 获取list条,进行每一天的添加async multiRowDrugItem(rows){ for(let i=0;i<rows.length;i++){ await this.oneRowDrugItem(rows[i]) }},// 获取一条药品async oneRowDrugItem(item){ let isNew = this.list.filter(p => p.cfh.toString().includes('Rp')...
2021-09-24 10:19:05
702
原创 css动态高度宽度，div排列，div总字体显示
1.css高度、宽度计算width: calc(50%);height: calc(100vh - 53px);.divSlot {height: calc(100vh - 100px);overflow-y: auto}2.vue3中监听浏览器屏幕，计算区域的大小onBeforeMount(()=>{// 监听dom元素window.addEventListener('resize', methods.getDomWidth);methods.getDom
2021-09-24 09:59:31
301
原创 vue项目从配置文件中读取配置的地址，vue打包动态配置文件
增加动态配置文件，打包后的前端可以根据现场修改访问地址需要配置其他值也类似在配置文件进行设置这里以配置地址为例进行说明如下：具体项目中已经使用过没有问题，大家可参考1.首先增加配置文件config.js在public文件下增加config.js或在static文件下增加config.js例如：并增加配置记录window.dict = { "author_name": "dingwangjun" "BASE_API" : "http://172.10.10.44...
2021-09-24 09:24:55
2359
1
原创 vue3通过折叠面板el-collapse、css、div封装实现体征的录入数据界面，使用了折叠面板el-collapse纯div封装的类似table的样式，增加横向，纵向滚动条
<!--作者：dingwangjun--><!-- 界面描述：编辑体征的录入数据界面，使用了折叠面板el-collapse纯div封装的类似table的样式--><template> <div class="div_size_fill divSignEdit" style="padding: 5px;"> <div style="height: 45px;line-height: 45px;width: 680px.
2021-09-16 14:15:53
1945
1
原创 ts，js写法,css增加遮罩方法，全局遮罩
/** * 全局遮罩,传值true和false * 启用遮罩shadeShowOrHide(true) * 关闭遮罩shadeShowOrHide(false) * */export function shadeShowOrHide(flag) { // flag为true增加遮罩,flag为false去掉遮罩 if(flag){ let mask_bg = document.createElement("div"); mask_bg.id = "mask_bg"; .
2021-08-11 13:47:00
335
原创 vue3写法 el-table动态增加增加列，含有子孩子children
<!-- 界面描述：编辑体征的录入数据 参考文章:chttps://blog.youkuaiyun.com/denglouhen/article/details/115372285--><template> <div class="div_size_fill"> <el-button type="primary" size="mini" @click="addNewColumn">添加列</el-button> .
2021-08-11 13:00:20
2860
原创 vue3实现体温、脉搏、呼吸展示的echarts图
<div :style="{height:height-50+'px'}"> <div id="myChart" style="width: 100%;height: 100%;"></div></div>onMounted(()=>{ methods.drawBedPlan() window.onresize = function temp() { let chartDom = document.getElementB.
2021-08-05 15:02:58
2057
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人