Junmay66-CSDN博客

原创 vue中使用bpmn.js预览流程图，自适应父元素尺寸显示，设置已完成步骤高亮颜色，放大缩小功能

在vue项目中使用bpmn.js，显示后端获取到的xml流程图数据，对特殊步骤设置高亮颜色，兼带放大缩小功能我遇到的问题主要是初始化时图片的尺寸很小，后来在创建canvas的时候给他一个高度就解决了，还有一个自定义高亮样色无效的问题，是因为vue中style使用了scope导致的，使用**>>>**解决的。其实在vue项目中大多数的ui框架修改样式无效多半是scope影响的，使用深度选择器就可以解决。1.安装bpmn.js，运行npm install --save bpmn-js，2

2020-10-21 11:02:04 10073 6

原创 vue前端导出数据到excel表格，Export2Excel 样式修改，复杂表头，多级表头

vue-element-admin项目使用Export2Excel导出excel样式修改参考链接: https://www.cnblogs.com/yinxingen/p/11052184.html.主要是在vue-element-admin自带Export2Excel模板的基础上进行修改，进行单元格宽度，边框，字体，颜色等设置安装xlsx-style:npm install --save xlsx-style，import XLSX from "xlsx-style"报错：This relat

2020-06-08 10:43:26 16455 24

原创 vue-element-admin用户权限管理，根据用户权限获取动态路由，刷新页面需重新登录bug处理

vue-element-admin用户角色权限，刷新跳转登录页面问题的主要原因是用户角色登录的时候就获取到了，起初没有另外的接口再去获取用户信息，后来新增一个通过用户id再去获取用户角色，但跟原框架通过token获取用户角色不同，就又冒出刷新页面却跳到登录页面去了的问题这里通过一个流程图展示src/promission.js的router.beforeEach的运行逻辑(必须要2这条线才能获取...

2020-03-28 17:21:56 3928 1

原创 uniapp Vue 使用 sip.js进行语音通话视频通话

下载或者安装 sip.js 到 uniapp 项目，APP 端在 menifest.json 中配置麦克风权限。(参数同上，只列出 methods 里的部分)

2023-08-14 17:58:39 3335 9

原创 uniapp 开发 APP 使用 web-view 引入H5 app与 h5 页面通信

APP 向 H5 传参：可以将参数拼接到 webUrl 上，但是这种方法参数改变时 webUrl 如果存在就不太会自动更新参数，如果参数改变时修改webUrl的话页面会重新加载；uniapp 可以同时兼容 APP 和 H5，但有时候有些功能在 APP 中实现不了而在 H5 中可以实现，就可以采用 web-view 的方式在 APP 模式下显示 H5 页面。但是 APP 和 H5 储存的参数是不能共享的，例如token，就涉及到 APP 与 H5 之间的参数传递。H5 向 APP 传参：引入。

2023-08-10 17:19:06 2055

原创 uniapp 引入本地原生插件打包：提交打包失败。原因:本地资源生成失败；云端服务器返回错误: 打包提交的本地插件 package.json 格式不正确，无法解析

别人写的原生插件开始是以 HBuilderX 3.0.5 版本为基础可以打包成功，但是项目需要在更高版本的 HBuilderX 才可运行，而高版本的 HBuilderX 引入原生插件后怎么都没法打包成功，原生插件开发方也没有根据官方的教程。3.7.3 版本报的错误是**“提交打包失败。原因:本地资源生成失败”**；最后根据 3.5.3 / 3.4.7 版本的错误提示对着。3.6.15 版本的编译完直接退出打包没有报错信息；3.5.3 / 3.4.7 版本报的错是。去一个的参数比对，把高版本。

2023-04-21 17:59:09 2495

原创 uniapp APP、H5和微信小程序使用百度地图，H5动态加载百度地图sdk，cover-image图片不显示，标准基座模拟器地图不显示，表单校验字段[‘**‘]在数据库中不存在

【代码】uniapp APP和H5使用百度地图，cover-image有时不显示，标准基座模拟器地图不显示，H5动态加载百度地图sdk。

2022-11-16 16:13:45 3547 5

原创 vue3+ts+vite+ElementPlus+Pinia项目搭建，首次进入加载慢页面白屏，按需引入ElementPlus和语言设置，打包文件过大优化

vite.config.ts 文件配置import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path'// https://vitejs.dev/config/export default defineConfig({ plugins: [vue()], base: "./", // build/index.html 资源路径 resolve: { //

2022-07-21 16:23:32 4851

原创 mui.js 上拉加载下拉刷新，mui.ajax 使用 FormData 格式提交图片文件到服务器，预览大图需引入mui.min.js，提交json格式的数组参数

mui.ajax(_rootPath+ ‘work_order/workorder/’, {data: submitForm,dataType: ‘json’, //服务器返回json格式数据type: ‘put’, //HTTP请求类型timeout: 10000, //超时时间设置为10秒；cache: false, // 不设置缓存processData: false, // 不处理数据contentType: false, // 不设置内容类型headers: {// ‘Conte

2022-02-14 16:29:56 624

原创 ES6 数组方法拼接、排序、去重、扁平化、交集、并集、字符串常用方法，数组常用方法

// 数组拼接：// 1.push方法var arr1 = [9, 3, 2, 8, 12];var arr2 = [6, 10, 4, 7];var arr3 = ["a", "h", "c", "f"];arr1.push(...arr2,...arr3) // 改变了arr1数组// 2.concat方法arr1.concat(arr2,arr3) // 不改变arr1数组，是一个新的数组// 求数组中的最大值Math.max(arr1)// 数组排序arr1.sort()

2021-04-14 17:25:45 1811

原创合并单元格获取合并的第一个index和需要合并的单元格数，js键盘enter事件

主要是找到index 和 rowspan/colspan，将其放在数组merges中，取到merges的值了就能根据UI组件合并的方法去调用了var merges = []// rows是需要合并的数组，key是合并的列的属性名objectMethod: function (rows, key) { merges = [] // 调用方法时先清空merges rows.forEach((row, index) => { // mm是rows中第一个含该属性值的item

2021-03-29 17:27:00 657

原创 uni-app 微信/支付宝支付，requestPayment:fail [payment微信:-1]、APP状态栏透明、H5 url 参数转义、APP公众号小程序兼容性、拖拽并不影响页面其它操作

uniapp开发公众号H5、APP、小程序过程中支付相关的微信支付、支付宝支付调用，支付失败处理，多端兼容性如状态栏背景色处理、H5页面参数传递转义处理，H5跨域处理，页面使用拖拽功能，并且拖拽不影响页面其它按钮点击等的操作。

2021-03-23 16:21:27 6098

原创 easyui 使用datagrid-export.js导出复杂表头 excel 数据

在开源项目华夏ERP的基础上进行开发，华夏ERP使用的的easyui框架，下面主要记录导出excel表头的信息和表格底部的信息的处理。我的项目中表头表尾的信息都是用div标签包裹的，主要是单据编号、日期、联系方式等信息。主要处理方法是：1、获取表头表尾部分html代码的文本内容，text()2、将获取到的文本部分字符串转换为数组3、将数组分别添加到td标签里面// html代码部分<div id="depotHeadDlgShow" class="easyui-dialog" style=

2021-03-12 17:58:27 2538 3

原创 angular常用指令，跨域请求解决，获取Response Headers的token信息，调用接口同时传参数和请求头问题处理，未登录状态路由拦截，统一设置请求头和统一处理请求错误

在学习angular的过程中遇到的问题汇总记录创建文件指令：备注：name为创建的文件路径及名称，默认是在src/app下创建module.ts文件：ng g m name创建component.ts文件：ng g c name创建name-routing.module.ts文件：ng g m --routing name创建.service.ts文件：ng g service name创建.interceptor.ts文件：ng g interceptor name创建.guard.ts文

2021-02-01 15:04:19 1073 1

原创 vue el-table表格数据编辑，取消编辑数据还原，批量提交编辑修改数据

el-table 切换选中，表格数据编辑，编辑/取消按钮切换，取消编辑数据还原，批量提交修改数据// 表格部分<el-button type="primary" @click="submit()">提交修改</el-button><el-table ref="multipleTable" :data="tableData" stripe @selection-change="ha

2020-08-14 15:49:37 6239

原创 vue中使用百度地图添加标记物，点击标记物弹窗，画运动轨迹，位置纠偏，逆地址解析

在vue项目中使用百度地图，添加标记物、信息弹窗、动态画轨迹首先安装<div id="allmap"> <baidu-map class="bm-view" :center="center" @ready="handler"> </baidu-map></div><style scoped lang="scss">#allmap { width: 100%; height

2020-08-13 16:56:25 7319 6

原创 vue 请求数组参数传递，父子组件多参数传递，组件通信

vue axios get/post 请求数组参数搜索功能含多选就涉及到数组参数的传递，比如 id=[1,2,3,4]，后台接收的参数类型为 id=1&id=2&id=3$id=4，引入qs对传递的参数进行处理get请求：对参数params进行处理paramsSerializer: params => {return qs.stringify(params, { i...

2020-04-29 14:03:06 2159

weixin_43965143的博客