- 博客(72)
- 收藏
- 关注
RSS订阅原创 element table 通过点击行 开关展开行
还有一点就是，当 table的内容只有一行，并且这一行的开展内容过多而并且超出的table高度的，这个时候table不会自适应出现滚动条，但在第二次点击的时候会自适应出现滚动条。我这里是在请求事件里面将table的高度 减少1px ，就可以在第一次的时候自适应。展现的效果是手风琴模式的，通过点击行内容，控制行的展开与关闭。但需要注意的是，在搜索新的数据，或者翻页的时候，要记得把 expands 数据清空，不然会出现样式错误。现需要点击行就可以展开和关闭。本项目里，由于展开行里的内容，是另一请求返回的内容。
2023-03-31 10:08:35
1556
原创 微信小程序部分手机预览pdf没反应
今天同事反映，预览PDF打不开。其他同事都可以打开。和他调试后发现，提示缓存已满。通过api FileSystemManager.readdir让他看看所缓存的文件，发现有234个。让其清理缓存后，可正常预览PDF了。贴上代码//预览PDFpreviewPdf(params) { uni.showLoading({ title: 'loading' }) GetPhoto(params.filePath).then(res => { uni.hideLo
2022-04-19 15:37:37
3210
原创 vue 导出大数据量excel 页面 loading 不生效
如图，表格里面有9W+数据。在执行导出的时候页面会出现卡住的假象，并且loading改成了true，但并没有加载动画。开始这样写的，打印出的spinning 已经是ture ，但加载动画并没有执行。 const exportExcelClick = () => { const Header = [...]; //表头 const Val = [...]; //表数据 sdata.spinning = true; // 加载中 console.
2022-04-12 17:10:11
1709
3
原创 SQL SERVER 修改某张表的架构
-- ALTER SCHEMA 新架构名 TRANSFER [旧架构].[表名称]ALTER SCHEMA TJ TRANSFER [dbo].[Dictionaries]
2022-03-25 16:55:55
653
原创 vue 组件 filter 里获取this里的数据
可以通过传参的方式获取template： <el-table-column prop="flowDirection" label="流向" width="80"> <template slot-scope="scope"> <div> {{scope.row.flowDirection | formtaLab(labList)}} </div> </template> </
2022-02-09 16:57:00
1089
原创 vscode 自定义快捷代码片段
新建或者修改已有的html片段{ "scr1": { "prefix": "scr1", "body": [ "<script type=\"text/javascript\" src=\"$0\"></script>" ], "description": "<script type=\"text/javascript\" src=\"\"></script>" }, "scrb": { "prefix": "scrb".
2021-07-08 15:26:11
276
原创 小程序带查询的checkbox-group
不喜勿喷惹，插件市场没找到现成的。反正这样可以用，但是如果数据量过大的话，可能会卡顿。这里写了两个checkboxgroup。一个放全部的数据，一个用来放过滤之后的数据。 watch: { searchHospitalValue(val) { this.markHosParamsArr() let arr = [] if(!val){ this.showChecked() this.showTreeData = this.hosTreeDa
2021-05-18 17:24:05
234
原创 uniapp scroll-view回到顶点
组件里有个scroll-top属性，用来设置竖向滚动位置，但发现直接设置数值的时候，并不生效，比如设为0.官方例子如下这里他是先监听滚动位置，在goTop里赋值给scrollTop，然后再将scrollTop的值设为0。复制代码去用，这种scroll事件，会不断的改变data里的数据，真机没试过，但是在模拟器上会卡。但是直接使用this.scrollTop = 0 并不会回到顶点。然后按这个例子看，应该是要做一个值的改变，不能让新的值等于旧的。两种办法：1： this.scrollTo
2021-05-06 11:33:12
666
原创 uniapp小程序返回上一页并刷新上一页数据
当前页let insertResult = await InsertAbnomalRecordDetail(recordDetailParams) if(insertResult.statusCode == 200){ this.showToast('提交成功') setTimeout(()=>{ let pages = getCurrentPages() // 获取页面栈 let prePage = pages[pages.length - 2] //获取上一页 p
2021-03-24 11:26:44
3102
原创 vue 后台获取路由列表转换格式
我这儿后台传回来的路由格式，都是平级的，格式如下:export const routers = [ { id: 1, pageCode: "10001", pageName: "Permission", pagePath: "permission", pageLevel: 1, parentPage: 0, component: "layout", title: "权限管理", icon: 'lock', alwaysSh
2021-03-18 11:36:03
438
原创 使用ES6扩展运算符拷贝
一let a = {id :1}let b = {...a}console.log(b) // {id:1}a == b // false 二let arr = [1,2,3]let arr2 = [...arr]arr == arr2 // false三let oldArr = [ { id : 1 } ]let newArr = [...oldArr ]oldArr == newArr // false oldArr[0] == new
2020-12-14 14:26:01
406
原创 datav 轮播表
<template> <div> <dv-scroll-board :config="config" style="margin-left:1rem;width:95%;height:48rem" /> </div></template><script>export default { props:['AreaData'], data(){ return { config:{ .
2020-12-11 17:25:24
8149
9
原创 v-chart 地图
template<template> <div class="ring_box"> <div class="title_chart">各地区订单数</div> <ve-map :data="chartData" :settings="chartSettings" :visual-map="visualMap" height='45rem' ></ve-m.
2020-12-11 17:22:06
1158
原创 v-chart 饼图嵌套
template<template> <div class="histogram"> <ve-pie :colors="colors" :data="chartData" :settings="chartSettings" :extend='extend' height='24rem' ></ve-pie> </div></template>script<script> export de.
2020-12-11 17:18:35
904
原创 element select 数据量大卡顿
和上篇文章一样，医院8000多家。全部放在select的option里。会造成页面的卡顿。同时还需要过滤搜索数据。这里可以把数据分开，只展示200条。搜索方法使用提供的自定义搜索，搜索全部数据。select组件<el-form-item label="所属医院" label-width="100px" prop="hospitalIds"> <el-select v-model="AdduserForm.hospitalIds" filterabl.
2020-12-07 16:35:07
2312
3
原创 element table 数据量大页面卡顿
table显示医院列表，这里后台未做分页，总共数据大约8000条。一次性全部赋值给table整个页面都会卡顿好几秒。查看了请求接口到数据返回的时间为192ms，可以接受。应该是页面渲染的问题。这边就在前端做了分页处理。调用接口 // 获取医院列表 getHospitalList() { this.$api.Hospital.GetHospitalList().then(res => { if (res.status == 200) {
2020-12-07 16:28:49
7173
5
原创 uniapp微信小程序转译markdown
接上篇文章，web端使用markdown编辑了文章，要在小程序中展现出来。这里使用到的是 TowxmlTowxml 是一个可将HTML、Markdown转为微信小程序WXML(WeiXin Markup Language)的渲染库。用于解决在微信小程序中Markdown、HTML不能直接渲染的问题。Towxml点击查看文档因为我这边使用的uni-app来编写的微信小程序，所以下面只介绍在uni-app中使用的方法。uniapp 使用流程新建个空目录，下载towxml项目。git clone
2020-11-06 14:32:57
1428
3
原创 vue中使用 markdown 编辑器编写图文消息，并在小程序中展示。
需求是做个类似微信公众号那样的图文编辑推广，文章最后要在小程序里面浏览。开始找到个富文本编辑器‘vue-quill-editor’可以使用，最后出来的内容是html格式，虽然小程序里面可以转译过来，但格式和排版都不是很好。这边同事大哥推荐去使用markdown。markdown的标记语言在格式上能够还原编辑时候的样子。于是就找到了 mavon-editormavon-edito文档链接点击这里安装npm install mavon-editor可以全局引入，也可以在组件中引入，下面以全局引
2020-11-06 11:40:01
953
2
原创 uniapp小程序授权拒绝后，再次打开提示。
这里以摄像头权限为例：onShow() { uni.authorize({ scope:'scope.camera', success: (res) => { console.log('11111'); }, fail: (res) => { uni.showModal({ content:'检测到您没打开摄像头权限，是否去设置打开？', confirmText: "确认", cancelText:'取消', succes
2020-09-28 15:36:08
1100
2
原创 vue 局部过滤器获取不到this解决办法
data里面加个字段赋值this。<el-table-column property="sendLab" label="项目流向" width="*"> <template slot-scope="scope"> <span> {{ scope.row.sendLab | formataLab(that) }} </span> </template></el-table-column>这里用
2020-09-28 15:30:53
1905
1
原创 vue引入中国天气网 使用天气组件
点此进入 官方网站传送门可以根据自己的选择配置，然而并没很多选择。点击下方的生成代码之后，将script的url在网页中打开，就能看到一个自调用的函数。cv到你的组件里引入进来
2020-09-02 17:23:34
2039
10
原创 小程序token过期，刷新token并再次请求失败的请求。
这里使用的是自己的jwt，login后后台会返回给我token和refreshToken。当请求失败时，状态码为401，token无效。然后刷新token，再次请求。import store from '@/store/index.js'function loginOut(){ uni.showToast({ title: '登录失效，请重新登录', icon: 'none' }) setTimeout(()=>{ uni.clearStorage()
2020-09-01 16:40:51
2431
3
原创 element message 提示文字换行
// const h = this.$createElement;// let newDatas = [// h("p", null, `账号:${this.ruleForm.userName}`),// h("p", null, `密码:${this.ruleForm.password}`)// ];// this.$message({// message: h("div", null, newDatas),// type: "success"// });...
2020-08-28 17:06:19
1909
原创 TS学习笔记03-枚举类型
目录一个js判断角色的例子ts数字枚举字符串枚举异构枚举枚举成员常量枚举用枚举来写第一个例子一个js判断角色的例子function initRole(role){ if(role === 1 || role ===2){ // do sth } else if(role === 3 || role == = 4){ // do sth } else { // do sth }}此方法来判断角色的权限来做一些不同的操作，但有两个问题。可读性差，你得记住
2020-07-01 15:03:48
1503
1
原创 TS学习笔记01-基础篇
这里写目录标题强类型与弱类型动态类型与静态类型强类型与弱类型强类型语言：不允许改变变量的数据类型，除非进行强制类型转换。弱类型语言：变量可以被赋予不同的数据类型。动态类型与静态类型静态类型语言：在编辑阶段确定所有变量的类型动态类型语言：在执行阶段确定所有变量的类型静态类型语言动态类型语言对类型极度严格对类型非常宽松立即发现错误BUG可能隐藏很深运行时性能号asda...
2020-06-24 17:29:30
192
原创 uniapp微信小程序云开发使用腾讯云发送短信
每天都有奇怪的知识增加，嘻嘻嘻。今天试试用uniapp 做小程序云开发，通过腾讯云给手机发送短信。之前没用过uniapp，找了会儿uniapp 小程序云开发，没找到答案。害~就瞎鸡儿试呗，反正又不要钱。操作如下：还是先去申请一个小程序账号。在开发者工具中先生成一个。勾选云开发新建。建云开发根据提示来就可以，操作完后打开HBulidX，新建项目选uni-app我的目录如下去manifest.json中配置再运行到微信开发者工具。记得配置你的云环境，就是你的云开发后台里的那
2020-05-27 16:09:54
3065
原创 微信小程序使用腾讯ai识别身份证信息
这里我是在微信小程序中使用的。官方文档传送门正好小程序所有请求需要https协议的。这里使用的话，就可以直接去小程序后台页面，在开发配置中加入合法域名。请求参数如下图：app_id ： 你腾讯ai账号的idtime_stamp： 取秒级别的时间nonce_str: 随机32位字符串sign： 这里是将其他所有参数，拼接起来，并将appkey放到最后一位，再通过MD5加密，再把...
2020-05-08 12:43:13
3288
原创 微信小程序生成自定义二维码
文件地址主要用到其中的weapp.qrcode.esm.js可以直接拖到目录中页面中引入import drawQrcode from '../../utils/weapp.qrcode.esm'使用方式先在模板中使用canvas标签 <canvas class="twoDCode" style="width: 200px; height: 200px;" canvas-i...
2020-05-07 10:59:32
1688
1
原创 flutter vscode Android studio 安装
开始使用夜神手机模拟器，然后去下SDK，找来找去都没找到合适的。下了很多版本去试，都报错找不到。然后还是老老实实的跟着官网下个Android studio传送门这个安装包，在安装的时候没得SDK选项，如下图没关系，接者点下一步。直到后面会出现然后就出现了选择需要目录安装。flutter配置好环境变量控制面板 》 系统和安全 》 系统 》 左侧高及系统设置 》 环境变量...
2020-04-23 16:50:58
338
原创 vue cli3 区分环境配置url
官网描述你可以替换你的项目根目录中的下列文件来指定环境变量：.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入，但会被 git 忽略.env.[mode] # 只在指定的模式中被载入.env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略一个环境文件只包含环境...
2020-04-22 14:40:44
706
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人