1964347597-CSDN博客

<template> <el-dialog :customClass="[location=='左' ? 'dialogLeft' : location=='中'? 'dialogCenter' : 'dialogRight']" class="selfDialog" :visible.sync.

2021-12-30 10:23:58 1629 1

原创 el-table动态列vue3.0动态列-批量录入体征-修订版2021-12-27

<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 463

原创 el-table动态列 vue3,ts动态列-批量录入体征

批量录入体征，动态列构建，构建共同列思想，vue3.0，ts， el-table动态列，防止震动变化动态列，el-table动态列 vue3,ts动态列-批量录入体征

2021-12-22 13:21:49 672

原创 vue3.0时间控件,datetime-local,可单独修改年月日时分的时间控件

<template> <div class="datetime-local"> <el-input type="datetime-local" size="mini" :style="{wi.

2021-10-28 08:30:34 1456

原创 vue3.0 el-dialog封装，修改源代码样式

<template> <el-dialog width="700px" customClass="selfDialog" v-model="dialogVisible" :append-to-body="true" destroy-on-close.

2021-10-27 13:38:53 987

原创 vue2.0 时间控件，可单独修改年月日时分的时间控件，html5时间控件类型datetime-local

1.时间组件控件<template> <div class="datetime-local"> <el-input type="datetime-local" size="mini" :styl.

2021-10-27 09:16:40 667

原创 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 136

原创 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 616 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 1727

原创 vue3,设置高度,vue3自适应大小日历

<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 1095

原创 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 5118 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 679

原创 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 267

原创 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 2237 1

原创 vue3通过折叠面板el-collapse、css、div封装实现体征的录入数据界面，使用了折叠面板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 1839 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 304

原创 vue3写法 el-table动态增加增加列，含有子孩子children

<template> <div class="div_size_fill"> <el-button type="primary" size="mini" @click="addNewColumn">添加列</el-button> .

2021-08-11 13:00:20 2717

原创 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 1853 4

qq_28813031的博客

原创说明：跨系统或组件发送事件以及接收事件

原创同一组件中的两个组件可合并可拆分之el-dialog组件div组件的拆分即融合

原创 js 从设置时间点开始根据设置分钟数循环增加到结束时间点，循环时间点，循环动态循环表头

原创 vue3+ts el-table动态计算合并列(24小时内排班数据构建及页面构建数据案例)成型产品

原创基于vue3+ts-el-table合并单元格实现排班功能

原创 vue3+ts el-table动态计算合并列(24小时内排班初始构建)-原创计算

原创 el-table动态列vue3动态列-批量录入体温-修订版2022-02-07

原创 vue2.0 el-dialog封装，修改源代码样式自适应屏幕浏览器，根据参数显示弹框位置左中右