渴望进步的小白-CSDN博客

原创 bootstrap-table简单例子demo

bootstrap-table例子

2022-07-13 10:44:04 749 1

效果：相关代码：<el-table border :span-method="objectSpanMethod" :data="list" highlight-current-row> <el-table-column align="center" label="序号" type="index" :index="indexMethod" /></el-table>data() { list: [], spanArr: [], // 用于存放每一

2022-04-02 14:11:21 647 1

原创 echarts玫瑰图避免值为非常小时所占比例很小

1、玫瑰图的值非常小时，就会变得很细，影响美观2、图例按照需求换行3、数据为0的默认置灰不展示如图所示：主要代码：// dataInfo为echarts图的相关数据const highLevelData = { data: this.handleData([{ value: this.formData['dryCase3'], name: '基本正常' }, { value: this.formData['dryCase4'],

2022-01-21 11:39:39 1971

原创 echarts折线图设置阴影及线条渐变色

1、折线图出现渐变阴影区域2、折线图图例为实心圆点如图所示：主要代码如下：/* dataInfo为该图的一些参数数据， chart为传入的初始化chart节点**/drawFirstChart(dataInfo, chart) { let option = { backgroundColor: 'rgba(250, 251, 252, 1)', grid: { bottom: 40 }, tooltip:

2022-01-21 11:00:17 8136

原创 elementui表格操作栏第一行不显示边线

在全局样式下设置.el-table th.is-leaf, .el-table td { border-width: 0.5px;}

2021-08-20 15:17:37 491

原创 zelement-ui table中有fixed列后出现高度不对最后一行有灰线的问题

最后一列为fixed属性时，高度会出现未占满父元素的整个高度，因此会出现一条灰线解决方法：在标签上加一个class=“table-fixed”，尽量保证不影响别的样式在样式文件中增加如下css代码（利用样式穿透）.table-fixed { /deep/ .el-table__fixed-right { height: 100% !important; //设置高优先，以覆盖内联样式 } /deep/ .el-table__fixed { height: 100% !

2021-07-26 16:45:55 685

原创封装一个elementUI的分页组件

分页的组件完成封装代码如下：<template> <div :class="{'hidden':hidden}" class="pagination-container"> <el-pagination :background="background" :current-page.sync="currentPage" :page-size.sync="pageSize"

2021-06-24 17:21:42 118

原创单行或多行的文本超出加省略号并提示以及elementUI下的单选框或多选框的超出换行

单行的文本超出<div class="project-title" :title="projectName">{{ projectName }}</div>.project-title { width: 100%; //宽度的设置很重要 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}多行的文本超出<span class="studyStyle" :title="c

2021-02-02 10:34:02 2298

原创点击单选框实现选中，再次点击则取消选中

有一需求：单选框type=radio，实现点击某单选框选中，展示相应的图层。再次单击该单选框，取消选中，关闭相应的图层。主要代码如下:<input type="radio" :checked="isChecked" @change="retainRecord" @click="showlayer"/> 仿真结果<script>data() { return { isChecked: false, changed: false, }},methods: {

2020-12-28 14:51:57 2076

原创如何得到echarts图的真实坐标轴实际值范围

//首先绘制图表myChart.setOption(option);//获取Y轴的刻度范围var rangeY = myChart.getModel().getComponent('yAxis').axis.scale._extent;//获取X轴的刻度范围var rangeX = myChart.getModel().getComponent('xAxis').axis.scale._extent;console.log(rangeX) //[0,374]如果有需要还可以修改参数后再次

2020-12-16 11:13:39 2253

原创通过setTimeout()定时器来延迟按钮的多次频繁单击

HTML按钮<button @click=“btnClick”>点击</button>js模块<script> data() { return { //设置一个标志位 btnFlag: 0; } }, method() { btnClick() { if(this.btnFlag == 0) { this.btnFlag = 1; //单击后的逻辑代码 ... //2s后可以再次点击 se

2020-12-15 10:46:35 389 1

原创 avue中防重提交与自定义按钮的防重提交

在avue官方文档中的防重提交：代码如下:<avue-form :option="option" v-model="form" @submit="handleSubmit"></avue-form>export default { data(){ return { form:{ text:'动态内容1' }, option:{ column: [{ la

2020-12-14 15:53:08 3368 3

原创 elementui删除当前页的最后一条数据自动返回上一页

data区数据page: { total: 0, // 总页数 currentPage: 1, // 当前页数 pageSize: 5, // 每页显示多少条 pageSizes:[5,10,20,30]},chooseData为被选中删除的数组//调取删除接口方法let _this = thisdelObjArray(chooseData).then(response => { if (response.data.code == 0) { _this.load

2020-12-11 17:53:09 1196

原创 elementui的分页中的页面查看详情后返回当前页

需求：有一个分页的表格，比如查看第二页中某行信息的详情页，返回列表页后仍在第二页。（一般情况下会直接返回第一页。如有不对，请指正，谢谢！）

2020-12-10 16:10:06 2020

原创使用echarts制作天线2D展示图

<div style="width: 50%;height: 100%;float:left;"> <div id="chartDataTop" style="width: 100%;height: 95%;margin-top:2%;" v-loading="loadinguu"></div> </div>import echarts from 'echarts';drawChartTop(id,mindata){ i..

2020-12-09 16:10:49 538

原创在vue中插入xml文件来动态控制某些图片的显隐

需求：项目打包后有些敏感图片的显示。可以在static/public静态文件夹下创建一个xml文件，定义一个变量。通过修改xml的变量的true/false来控制图片的显隐vue如何读取xml文件注意：v-if的值如果为字符串“true/false”,不能显示或隐藏，需要转换为逻辑型。<template> <div> <img v-if="flag" src="../../../public/img/fontTitle.png" alt=""> <

2020-11-10 15:28:15 735

原创 echarts地图三级下钻

需求：用echarts实现地图的三级下钻，全国→省市→县（而且通过权限控制用户可以看到哪一级的地图）<template> <div style="position:relative;width: 100%;height: 100%;"> <div style="position:relative;width: 100%;height: 100%;"> <img src="../../../../../../publ.

2020-11-06 16:22:48 1010

原创封装一个自己掉自己的方法

需求：需要实现一个小球在轨迹上来回运动的效果（只要不点击停止）//me.conf.history.time为默认时间，me.conf.history.move_key为是否开始运动，me.isStopMove1为是否停止运动，在init()中已定义_history_start: function (index, isStopMove, map, data) { setTimeout(function () { index++; if(!me.isStopMove1) { m

2020-11-03 12:01:14 174

原创封装一个重复调用某条件的方法

要求：需要找得到一个某点距离折线最近的折线数组的位置（比如初始在30的半径范围里找，如果没有，在60的范围里找…,依次类推，直到找到最近点的位置）//lines_arr为折线数组，testcoors1为某点的信息详情，num为半径的范围getSttartPoint: function (lines_arr,testcoors1,num) { var singPoint = '' while(true){ for(var j=0;j<lines_a

2020-11-03 11:36:19 261

原创表单的一些校验方法

1、限制只输入整数和小数（自定义校验）<avue-form ref="form" :option="nodeBOption" v-model="nodeBData"> <template slot-scope="scope" slot="sectorInitAngle"> <div class="soopp"> <label for="" style="color: #606266; font-size:

2020-11-03 11:10:37 875

原创 elementUI表格设置单选框

elementUI表格设置单选框如果这种情况<el-radio v-model="templateRadio" :label="scope.$index" @change.native="getTemplateRow(scope.row)"></el-radio>注意：只显示单选框，{{""}}必不可少， :label="scope.$index"解决点一次多个选中的问题 <el-table :data="evaluteList"

2020-10-22 10:37:06 2285 1

原创 Nginx安装部署及离线地图

一、 nginx安装首先在存放离线地图的服务器安装nginx，安装过程如下：用xshell新建该服务器会话，输入命令1、 yum install -y pcre pcre-devel（PCRE(Perl Compatible Regular Expressions) 是一个Perl库，包括 perl 兼容的正则表达式库。nginx 的 http 模块使用 pcre 来解析正则表达式，所以需要在 linux 上安装 pcre 库，pcre-devel 是使用 pcre 开发的一个二次开发库。nginx

2020-09-20 21:18:07 2558

weixin_45747619的博客