element
ajaxPost293614
你就是你最大的资本。
展开
-
Element的时间选择器DatePicker在form中默认当天时间
HTML: <el-form-item label="生产日期"> <el-date-picker v-model="queryDateRange" size="mini" style="width: 240px" value-format="yyyy-MM-dd" type="daterange" range-separator="-".原创 2021-07-23 09:24:07 · 1321 阅读 · 0 评论 -
Element自定义表单rules规则
data() { var validateSplitNum = (rule, value, callback) => { if (value < 1) { callback(new Error("请输入大于零的正整数")); } else { callback(); } }; return { rules: { splitNum: [ { requir...原创 2021-06-03 15:18:25 · 678 阅读 · 0 评论 -
解决el-dialog中使用echarts加载不出图表
HTML:<template> <el-dialog :visible.sync="openGantt" width="1200px" :append-to-body="true" destroy-on-close @open="openFun()" @close="cancel" > <div id="popupGanttDispatchControl" :style="{ heig原创 2021-06-03 15:15:09 · 2051 阅读 · 0 评论 -
修改Echart 图表主题颜色
this.chart = echarts.init( document.getElementById("taskStatisticsComCamBar"), "light" //default);原创 2021-04-13 17:40:49 · 610 阅读 · 0 评论 -
Echart自定义tooltip带小圆点
tooltip: { trigger: "item", formatter: function (params) { console.log(params) // marker 为一个HTML标签 var res = params.marker + params.name + ":" + params.value + "%"; return res;...原创 2021-04-09 11:45:54 · 776 阅读 · 0 评论 -
ElementUI获取子组件Dialog内的Form
子组件:父组件:使用:原创 2021-03-19 14:54:26 · 505 阅读 · 0 评论 -
Echart甘特图圆柱图表bar柱体颜色根据参数值去改变
效果图:绿色的圆柱图就是根据值去判断的颜色 series.data数据:注意:这里data可以直接取参数为value的值,这样就可以区分参数再做调整。setOption配置: initChart(item) { this.chart = echarts.init(document.getElementById("popupGantt")); this.chart.setOption({ backgro...原创 2021-03-18 16:49:38 · 681 阅读 · 0 评论 -
element Table组件树类型多参数使用row-key
<el-table v-loading="loading" :data="data" border default-expand-all :row-key="getRowKeys" :tree-props="{ children: 'children', children: 'children' }" > getRowKeys(row){ return row.code + row....原创 2021-03-02 09:07:39 · 5115 阅读 · 4 评论 -
VUE 在Element Table组件中实现打印
1. // 多选框选中数据 handleSelectionChange(selection) { this.multipleSelection = selection; this.ids = selection.map((item) => item.postId); this.single = selection.length != 1; this.multiple = !selection.length; },原创 2020-10-28 16:55:12 · 1555 阅读 · 0 评论 -
Element表单校验validator的使用方法
<el-form ref="form" :model="form" :rules="rules" label-width="110px"> <el-form-item label="派工单号" prop="postCode"> <el-input v-model="form.postCode" /> </el-form-item> <el-form-item label.原创 2020-09-30 15:55:28 · 9031 阅读 · 5 评论 -
Tabs 标签页使用子组件展示页面的基本实现
1:文件位置2:页面代码<template> <div class="app-container"> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="工厂布局" name="first"> <plant-layout /> </el-tab-pane> &.原创 2020-09-29 16:33:45 · 807 阅读 · 0 评论 -
vue跳转同一域名下的另一个页面
直接上代码: 页面js /** 新增按钮操作 */ handleAdd() { this.reset(); this.$router.push({ path: "/orderControl/add", }); }, /** 修改按钮操作 */ handleUpdate(row) { this.reset(); console.log(row); this.$ro.原创 2020-09-27 17:48:56 · 907 阅读 · 0 评论 -
vue在使用element组件时 scss的样式没作用
先看下代码问题:我发现 nesting-details 的样式没有变化,然后我就看了下Elements的打印发现!!!一下子我就懂了,原来element ui 把 el-dialog 弹窗的元素给分离出去了,他不是当前dispatch-index页面内部的元素而是相当于一个全局的元素去展示的,所以之前scss表里的嵌套关系是错误的 要改成:ok:问题解决结论:dialog弹窗的样式,单独处理,不能结合本页面去写嵌套样式...原创 2020-09-27 15:10:28 · 1895 阅读 · 0 评论 -
Steps 步骤条自定义描述description
效果图:HTML代码,这里用到了Slot <el-steps :active="6" finish-status="error " align-center> <el-step v-for="(item,index) in waySnapshotData" :key="index" :title="item.title"> <template slot="descripti...原创 2020-09-22 17:58:47 · 1793 阅读 · 0 评论 -
element中table下的el-table-column使用表格变量
<el-table-column prop="warn" align="center" label="报警"> <template slot-scope="props"> //这里对列表数据的 warn参数做出逻辑处理 <el-tag :type="props.row.warn == 0 ? 'success' : 'danger'" effect="dark">{{props.row.warn }}&...原创 2020-09-16 15:49:21 · 2742 阅读 · 0 评论 -
在table中写颜色块表示状态
1.先上效果图2.html //颜色块 <el-table-column prop="status" label="状态" align="center" width="80"> <template slot-scope="props"> <el-tag :type="props.row.status == 1 ? 'success' : 'danger'" effect="dark"></el-原创 2020-09-16 15:47:28 · 365 阅读 · 0 评论 -
Element DatePicke时间筛选转yyyy-MM-dd格式字符串
1.选择时间,经过处理看打印结果2.js代码 datePickerChange(item) { console.log('startTime:',item[0]) console.log('endTime:',item[1]) if (item) { //startTime let d1 = new Date(item[0]); let dm1 = d1.getMonth() ..原创 2020-09-10 09:39:49 · 838 阅读 · 0 评论 -
vue admin template 修改使用后端接口
1.development和production都改下默认url2.api接口文件 我的接口就是http://xx.com/loginimport request from '@/utils/request'export function login(data) { return request({ url: '/login', method: 'post', data // method: 'get', // params: da...原创 2020-08-27 09:54:10 · 5638 阅读 · 9 评论 -
el-steps分布展示页面
<template> <div class="app-container automation"> <el-steps :active="active" finish-status="success"> <el-step title="步骤 1"></el-step> <el-step title="步骤 2"></el-step> <el-step title=...原创 2020-08-21 17:54:20 · 4375 阅读 · 2 评论 -
element ui Table 中 el-table-column循环使用formatter解析部分参数
直接上代码 <el-table v-loading="loading" :data="companyList" @selection-change="handleSelectionChange" @cell-dblclick="handleUpdate" border > <el-table-column type="selection" width="55" align="center" />原创 2020-08-03 15:17:56 · 6082 阅读 · 2 评论