随笔分类 - 前端
摘要：问题：表单的validator校验，无法自动撑起tip提示的高度，导致遮盖了下边内容 https://blog.csdn.net/xiaoyuer_2020/article/details/136155506 解决方式：将tip提示的样式的定位设置为遵循正常的文档流对象，实现自适应高度 .el-fo
阅读全文
摘要：element-ui.scss 表格头 .el-table__header-wrapper .el-table__header tr>th { background-color: #f6f8fa; // background-color: #E9EEFA; font-size: 15px; font
阅读全文
摘要：grid: { left: '100', // 固定左边刻度宽度 right: '4%', bottom: '3%', containLabel: true }, 参考：https://blog.csdn.net/tangrp/article/details/109212317
阅读全文
摘要：给弹窗添加关闭事件： <template> <el-dialog :title="dialog.title" :visible.sync="dialog.visible" width="60%" v-if="dialog.title '当日预警详情' || dialog.title '当月预警详情'
阅读全文
摘要：utils/numberToChinese.js // 将四位数以内的数字转换为中文 function SectionToChinese(section) { const chnNumChar = [ '零', '一', '二', '三', '四', '五', '六', '七', '八', '九'
阅读全文
摘要：表单： <el-form-item label="通知人所在科室:" prop="ksdm"> <el-select v-model="formData.ksdm" placeholder="请选择" style="width: 90%" clearable filterable @change="
阅读全文
摘要：uniapp官网： https://uniapp.dcloud.net.cn/component/uniui/uni-breadcrumb.html uniapp组件： https://uniapp.dcloud.net.cn/component/button.html uCharts官网： htt
阅读全文
摘要：问题：表格数据return的时候文字过长导致悬浮框偏移到表格其他列上去了 <div style="width: 100px;" data-toggle="tooltip" data-placement="top" title="${displayValue}"> ${ displayValue }<
阅读全文
摘要：1、在utils文件夹下创建中间件middle.js // 中间件 实现跨页面调用方法 import Vue from 'vue' export default new Vue 2、被调用页面代码 <template></template> <script> import Middle from '
阅读全文
摘要：save2() { // 在点击确认按钮时，首先清除表单的校验错误 this.$refs.formRef2.clearValidate(); // 重新进行校验 this.$refs.formRef2.validate((valid) => { if (valid) { // 修改操作 if (th
阅读全文
摘要：后端返回时间为2024-11-07 09:51:12.48，带毫秒 formatDate(row, column, cellValue) { if (!cellValue) return ''; // 处理空值 const date = new Date(cellValue); // 将字符串转换为
阅读全文
摘要：<el-card v-loading="loading" shadow="hover" element-loading-background="rgba(0, 0, 0, 0)" > 在data里定义loading变量，初始值为true。在请求后台的前面写loading=true，后面写loadin
阅读全文
摘要：后端返回的数据格式： initLineChart(data) { // 通过 ID 选择 DOM 元素 const chartInstance = echarts.init(document.getElementById('line-chart')); // 格式化日期的函数 const forma
阅读全文
摘要：可自定义弹窗的名称，宽度，是否可见；页面中可在一个dialog中写，内部用v-if控制不同弹窗的显示 <el-dialog :title="dialog.title" :visible.sync="dialog.visible" :width="dialog.width" append-to-bod
阅读全文
摘要：需求： 上方的按钮和时间选择器控制下方柱状图的X轴（时间范围）；本周：包括今天在内的过去7天，本月：这一个月的所有天，全年：本年的所有月；日期范围框的时间在表格中显示为 日 html: <el-card style="margin-top: 20px;"> <div class="button-co
阅读全文
摘要：HTML： <div class="table-container"> <table style="width: 90%; margin-left: 5%"> <tr class="table-title"> <th style="width: 33%">科室名称</th> <th style="w
阅读全文
摘要：表格点击单元格出现弹窗 <el-table ref="table" :data="tableList" row-key="tableId" @row-click="handleRowClick" > <el-table-column label="列1" prop="column1" align="
阅读全文
摘要：computed: { // 使用computed属性来返回昨天的日期 yesterdayDate() { // 获取当前时间 const now = new Date(); // 减去一天的毫秒数 const oneDayAgo = new Date(now - 24 * 60 * 60 * 10
阅读全文
摘要：手机号格式验证 rules: { phone: [ { required: true, message: '请输入手机号', trigger: 'blur' }, { validator: this.validatePhone, trigger: 'blur' } ] }validatePhone(
阅读全文
摘要：日期： <el-form-item label="检验时间：" prop="date"> <el-date-picker v-model="queryParams.date" type="date" placeholder="请选择" clearable size="small" value-for
阅读全文
浙公网安备 33010602011771号