自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(83)
  • 收藏
  • 关注

原创 el-table刷新后保持高亮并改变状态字段

1、定义highlight-current-row 是否高亮行。3、点击刷新、重置、高级搜索等不高亮 右边也不显示具体内容。4、将higLightRow放在自己所需要调用的地方。2、点击右边确认 左侧依旧高亮并且改变启动状态颜色。1、点击左侧右边显示具体内容。3、高亮显示方法 重点是。

2023-07-17 11:21:25 637

原创 el-element-admin实现双路由菜单

4、localStorage中存储了enterpriseProjectFlag属性 该属性为1时代表企业级菜单,反之为0则代表项目级菜单。:当企业级的时候在router.js loadMenus方法里加载企业级菜单 相反则加载项目级菜单。2、点击企业级菜单中的首页,右边显示项目列表,点击某一行跳转到项目级菜单。6、点击企业级首页右边显示的项目列表的某一行 跳转到项目级逻辑。1、用户名登录的时候有当前登录角色,登录进去后显示企业级菜单。企业级菜单和项目级菜单,后端分别给接口。引用企业级、菜单级接口。

2023-06-14 17:14:13 1216

原创 切换el-table中的el-select 点击添加将该行新增到新的表格中

对象是引用类型 传递的是引用地址 所以你两个数组引用的是同一个对象 只要其中一个数组改变 就会导致对象改变 进而另一个引用的数组也会改 解决办法如上。:这里会遇到一个问题 就是切换左侧下拉框的值 添加到右侧数组里的值也会更新。1、切换下拉框 展开折叠框并显示二维码等相关信息。将当前行内容添加到右边下载区。2、下拉框有值时 点击操作列。3、点击下载区操作列。

2023-03-24 11:08:43 762 1

原创 若依VUE前端打包到测试环境

若依前端打包

2022-11-16 16:19:07 7568 2

原创 echarts自适应不同分辨率 字体

echarts

2022-08-29 10:39:03 644

原创 修改echarts中双Y轴标题样式

echarts

2022-08-24 15:44:06 955 1

原创 echarts绘制进度条

echarts

2022-08-08 14:16:05 7201

原创 echarts自定义柱状图和legend颜色 以及自定义legend形状

echarts

2022-08-03 14:31:35 10556

原创 vue中给v-for循环里的指定内容加样式、以及给点击的a标签加高亮

vue

2022-07-27 15:42:49 1315

原创 mock数据升序、降序随机生成数据

mock

2022-07-27 11:08:43 502

原创 vue中使用mock模拟后端数据

mock

2022-07-21 18:39:37 1078

原创 vue 3秒自动请求接口 刷新页面

vue

2022-07-20 15:04:41 1582

原创 TypeScript学习

一、TypeScript简介1、TypeScript 是什么?2、TypeScript 增加了什么?二、开发环境搭建1、ts需要编译为js,然后才能交给我们js解析器去执行,所以这时候我们要先装一个ts解析器。ts解析器是用node.js写的,所以要先安装node.js。2、使用npm全局安装typescript进入命令行输入:npm i -g typescript3、创建一个ts文件4、使用tsc对ts文件进行编译进入命令行进入ts文件所在目录执行命令:tsc xxx.t

2022-02-11 16:21:02 956

原创 Uncaught ReferenceError: process is not defined 以及 “ERROR in ./node_modules/json-schema-ref-parser/“

梦幻联动啦 上篇帖子中引用完 @jsonforms时出现如下几个报错1、ERROR in ./node_modules/json-schema-ref-parser/lib/resolvers/http.js 3:13-282、ERROR in ./node_modules/json-schema-ref-parser/lib/resolvers/http.js 5:14-303、ERROR in ./node_modules/json-schema-ref-parser/lib/util/url.j

2022-02-08 15:57:23 8248

原创 React+TS+JSONForms 搭建项目

搭建步骤1、我们将使用create-react-app来构建一个基本的React应用程序本文需要在项目中使用typescript 所以使用如下命令npx create-react-app my-jsonforms-app --template typescript如果你不需要 那请用如下命令npx create-react-app my-jsonforms-app以上命令 二选一即可2、第一步骤创建完成后 cd到该项目中cd my-jsonforms-app3、运行以下命令 测试re

2022-02-08 14:28:19 1021

原创 Mac中如何调整VirtualBox分辨率

未调整前解决方案顶部菜单栏——>View——>Virtual Screen 1——>Scale to xxx%调整后效果图

2022-01-13 11:13:03 769

原创 对ES6中Class类的理解

注意:1、类名:大驼峰 (Example)2、方法名:小驼峰 (changeProject)一、普通属性class Test { constructor(props) { ... } call() { ... }}let onePlus = new Test("aaa","bbb"); // onePlus:对象 Test:类onePlus.call(); // 对象调用总结:1、先class 后new2、new后面的是类3、普通属性 对象调用二、静态属性(s

2021-12-13 11:28:28 940 1

原创 React中报错 Uncaught ReferenceError: Reactdom is not defined

报错内容:解决方案:Reactdom 改为 ReactDOM 即可 (大小写问题)

2021-12-08 16:51:56 1755 1

原创 vue2和vue3总结(精简版)

阅读此帖时建议先阅读 带你体验Vue2和Vue3开发组件有什么区别 此文章一、建立datavue2v-model = "name"v-model = "age"data() { return{ name:'', age:'' }}vue3v-model = "state.name"v-model = "state.age"import {reactive} from 'vue'setup(){ const state = reactive({ name:'',

2021-11-25 10:24:19 863 1

原创 iview table tree可编辑指定列

先上效果图:需求:1、表格里放tree2、Formula列 可编辑下拉框3、Min、Max 可编辑数字输入框4、有且仅有一个编辑框显示在界面上实现:1、表格<Table row-key="id" :colunms="colunms" :data="tableData" border @on-expand-tree="onexpandtree"></Table>2、初始化参数data(){ return{ formulaList:[{ id:0,

2021-11-11 17:33:09 1141

原创 vue-cli Failed to download repo vuejs-templates/webpack报错

报错原因:如题所示,通过vue-cli工具命令 vue init webpack vue_portal 创建vue项目的时候报错,提示连接超时,因为内网无法下载,超时错误截图如下:解决方案:改为离线创建,我们需要下载github仓库中的vue-templates/webpack,然后解压到本地。1、先在各自用户根目录下新建 .vue-templates 目录,注意文件夹名称前面的点(.)2、去外网下载webpack下载地址为:https://github.com/vuejs-template

2021-11-05 17:06:42 575

原创 npm镜像源如何设置

1、没有安装npm,先到node官网下载安装node.js(自带npm)。2、按win+r,输入cmd,打开dos命令。3、输入npm get registry:查看当前镜像源为 http://registry.npm taobao.org/4、输入npm config set registry xxx(镜像源地址)。内网镜像为例: npm config set registry http://xx.xx.xx.xx:8081/repository/npm-group/C:\workcode\vu

2021-11-05 15:53:59 19746 1

原创 iview table 自定义单元格背景色

效果图首先iview 官网有对单元格样式做过讲解单元格:通过给数据 data 设置字段 cellClassName 可以给任意一个单元格指定样式。1.初始化tableColumns: [{ title: "客户", key: 'companyName' }, { title: "区域", key: 'region' }, { title: "操作系统", key: 'os' }, { ti

2021-08-31 16:37:55 1583

原创 iview table 合并前三列

先上效果图需求:合并客户、区域、操作系统三列 (要点前后端需统一好返参顺序 合并内容需相邻 否则无法做循环判断)实现1.目前iview 官网上有合并列的例子 大家可以先去自行研究 这里就不再做过多的讲解 以效果图为例客户列:return [10,1] (10行1列) 其余 return [0,0] (表示合并0行0列,即这是被合并的单元格)区域列:return [8,1] 、return [2,1] 其余return [0,0]操作系统:return [2,1] 、return [1,1]、

2021-08-18 13:03:51 648

原创 vue iview动态循环的表单里的select下拉框的值不能重复选择

先上效果图:实现1.循环显示名称下拉框<!-- 成本中心 --><div v-for="(item,index) in costAllocationForm.apportionCostCenterRelationshipDTOList" :key="index"> <Row :gutter="4" style="margin-bottom:20px;"> <Col span="10"> <!--

2021-07-20 15:02:33 1013

原创 vue+iview 动态循环表头+编辑单元格

先上效果图:需求:1.动态循环后端返回的表头 以及 表格数据2.鼠标悬浮动态列 显示key:value3.编辑table里的 单元格动态循环表头因为是后端返回表头数组 固用不了render 只能换种方式用slot动态循环显示表头 具体如下<Table :no-data-text="$t('common.noData')" :columns="tableColumns" :data="tableData" border> <!-- 资源ID --> &l

2021-07-02 14:38:03 1140 1

原创 iview Row/Col栅格布局 Col空导致样式错乱

问题:“描述” 字段 后端返参为空 Col会往前移动一格解决: style=“min-height:1px;” <Col span="3" style="min-height: 1px;">{{tag.describe}}</Col>

2021-06-25 15:11:40 1126

原创 vue+iview 动态表头全选功能

需求:动态表头分个人信息、工作信息、教育信息三个模块 每个小模块都有全选按钮 点击每个模块下的子checkbox 表格里的列根据表头顺序插入效果图:实现:1.动态表头<!-- 动态表头 --><Collapse> <Panel name="1"> <span style="font-size:13px;font-weight:600;">动态表头</span> <template sl

2021-06-09 18:00:54 2643 2

原创 vue+iview 内网预览(本文重点)+外网预览word、excel、pdf、ppt

访问内网文件思路如下:1.后端将文件转为二进制文件流 word+excel将其转为html 从而实现文件预览2.pdf没这么复杂具体可看下文3.ppt的实现方式是后端将ppt转为pdf 然后调用pdf接口上众所期待的效果图:wordexcelpdf一、预览公网上的文件(较为简单 所以放第一)1.预览公网能访问的文件 使用XDOC就能实现//file_url是你的文件地址<a href="http://www.xdocin.com/xdoc?_func=to&_for

2021-05-28 21:14:17 7311 13

原创 html静态页面引用百度地图报错 BMap is not defined

报错内容1.出现这个错误,最可能的是引用的各个js的调用顺序有误,重新调整其引用顺序看看能否解决?2.引用的js文件本身有错。3.还有一个原因就是在你引用js时,路径出错,不是你项目中正确的文件路径。4.还有一个原因是你的js中有某些值是不存在的。解决问题由上面4点 检查自己代码 怀疑是js摆放位置导致的 遂尝试将放在单独地图页面内的js 放到封装好的请求头里 如下<script type="text/javascript" src="https://api.map.baidu.com

2021-05-21 14:19:55 1357 2

原创 iview 多级循环表单验证

先上效果图需求:需要有多个明细 每个明细下的账号能多行添加(以及给Input Select加表单验证)<!-- 明细 --><div v-for="(item,index) in bankInformationForm.details" :key="index"> <Row :gutter="10" style="margin-bottom: 10px;"> <Col span="24"> <Car

2021-05-20 12:07:12 776

原创 SSI命令不起效

错误代码:<!-- #include file="bottom.html"--> 导致显示不出原因:<!--与#号间不能有空格,只有SSI指令与参数间存在空格正确写法:<!--#include file="bottom.html"-->

2021-05-18 19:18:24 222

原创 Mac下配置nginx、nginx里配置SSI、nginx配置默认首页

一、Mac下打开nginx安装目录/usr/local目录默认是对于Finder是隐藏,如果需要到/usr/local下去,打开Finder,然后使用command+shift+G,在弹出的目录中填写/usr/local就可以了。二、Mac下nginx环境配置详情参照 https://www.jianshu.com/p/31c9d412585a(感谢iOS_Xue)三、nginx下配置SSI首先进入/usr/local/etc/nginx/nginx.conf (配置文件路径)修改nginx.

2021-05-18 19:10:12 438

原创 vue v-if判断数组中是否存在某个值 做显示隐藏(iview

多选下拉框elasticComputeCloudWarningForm.noticeType=[0,1,2,3]<FormItem :label="$t('alarms.common.noticeType')" prop="noticeType"> <Select v-model="elasticComputeCloudWarningForm.noticeType" multiple style="width:300px;" :placeholder="$t('alarms.comm

2021-04-29 10:43:55 5257

原创 vue中 快速输入时 获取最后一次接口返回值

分页查询时 有多个Input搜索框 为了用户体验 分页查询时用了@on-change事件 也就是说 每做一次操作 就会调用后端分页查询接口 此时出现一个问题 在快速输入的时候 最后一次返回的值被前面的请求结果给覆盖了由于@on-change事件缘故 第一次传参是1(图一最后一次是12 (图二此时很明显看到 后端没有任何问题 但前端显示的效果是图二的返参数解决方案给分页接口加延时setTimeout(() => {}, 1000);// 分页显示数据/****************

2021-04-22 16:41:05 951 1

原创 vue+iview+echarts 循环显示echarts折线图且放大该图表

需求:一共有四种云平台类型分别为:Aws、阿里云、Azure、Vmware,针对这四种类型 循环显示各类型的直线图循环不同种类折线图<Row :gutter="16"> <Col span="6" v-for="(item,index) in (this.$route.query.accountTypeName=='AWS'? awsList:this.$route.query.accountTypeName=='Aliyun'? alyList:this.$route.que

2021-04-21 14:27:00 1236

原创 vue中 v-for里加三元表达式 多个判断

<!-- 折线图 --><Row :gutter="16"> <Col span="6" v-for="(item,index) in (this.$route.query.accountTypeName=='AWS'? awsList:this.$route.query.accountTypeName=='Aliyun'? alyList:this.$route.query.accountTypeName=='Azure'? azureList:vmwareLis

2021-04-19 16:22:04 4224 2

原创 vue+iview 表单验证不成功会关闭弹窗 解决方案

问题来源一个项目里必然会有表单提交需求 表单里必定会有必填字段 那么点击"提交"按钮时 如果必填项未填 Modal弹出框是不能关闭的 但现在相反 弹窗关闭了 解决方案如下表单<Modal v-model="employeeEntryInformationModel" title="添加入职信息'" @on-cancel="cancel('employeeEntryInformationForm')" @on-ok="submit('employeeEntryInformationForm')"

2021-01-26 17:53:07 1381 1

原创 vue 取两位小数且打千分号、vue 仅打千分号

在做账单需求时常会出现以下两种情况一、取两位小数且打千分号<h4>{{item.currencyDesc}}&nbsp;{{item.cost.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')}}</h4>二、仅打千分号<h4>{{item.usageQuantity.toLocaleString()}}</h4>...

2020-12-15 17:59:32 564

原创 echarts x轴左右都是正数 将负数转化为正数

原图代码option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, formatter:function(params) { var relVal = params[0].name; for (var i = 0, l = params.length; i <

2020-12-11 15:55:24 1339

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除