星星chok-CSDN博客

//设置时间一秒内调用一次 let timer = null let previous = null var now = +new Date() if (!previous) previous = now clearTimeout(timer) timer = setTimeout(() => { //调用方法 this.handleNewData() previous = null }, 1000)...

2021-10-25 17:54:30 193

原创 js 数量金额转换成中文单位

/**取截金额单位 * arg 金额:单位元 * return 金额+单位 11.24万元 */function numberFormat(arg) { function strNumSize(tempNum) { var stringNum = tempNum.toString() var index = stringNum.indexOf(".") var newNum = stringNum if (index != -1) { newNum

2021-09-10 14:27:27 399

原创 vue antd 日期设置默认日期

<a-range-picker :default-value="timeValueOnly" :format="dateFormat" @change="onDateChange" /></div>import moment from "moment" data() { return { dateFormat: "YYYY-MM-DD", timeValueOnly: [], }} // 选中日期 .

2021-09-01 13:41:00 1264

原创 vue echarts按需引入

ECharts附录一按需引入ECharts图表和组件第一步：新建一个js文件import echarts from "echarts"import "echarts/lib/chart/bar"import "echarts/lib/chart/graph"import "echarts/lib/chart/map"import "echarts/lib/chart/line"import "echarts/lib/chart/pie"import "echarts/lib/compo

2021-08-30 16:44:35 389

原创 vue 把html生成海报，并且导出图片格式

效果1 点击导出2 查看导出的图片//引用插件npm install html2canvas --save//在需要生成海报的页面使用import html2canvas from 'html2canvas';//生成图片 upload() { let domObj = document.getElementById("design") html2canvas(domObj, { useCORS: true, allowTaint: false,

2021-08-17 09:36:29 315

原创 vue js拖拽

methods:{ move(e){ let odiv = e.target; //获取目标元素 //算出鼠标相对元素的位置 let disX = e.clientX - odiv.offsetLeft; let disY = e.clientY - odiv.offsetTop; document.onmousemove = (e.

2021-08-10 17:56:35 189

原创 vue antd前端js获取导入excel xls数据

<a-upload accept=".xls,.xlsx" :show-upload-list="false" action="" name="file" @change="exportData" >// 获取导入参数 exportData(e) { // 拿取文件对象，注：不同框架获取到的对象可能不同，传统upload拿到的对象应该是e.target.file var f = e.fileL

2021-08-03 14:06:49 410

原创 window.postMessage跨源通信

跨文本文档,多窗口,跨域消息传递.多用于窗口间数据通信,这也使它成为跨域通信的一种有效的解决方案//接收页 mounted() { //接收实验室iframe参数 let _this = this window.addEventListener( "message", function(e) { if (e.data.method == "iframeLaboratoryLoginOut") { _this.goOut(

2021-07-09 15:57:46 83

原创 throttle节流函数

添加链接描述

2021-07-09 15:51:38 215

原创 vscode 一键生成vue代码

1安装vetur插件，识别vue文件安装完成之后点击重新加载2文件–>首选项–>用户片段–>点击新建代码片段–取名vue.json 确定3粘贴以下代码{ "Print to console": { "prefix": "vue", "body": [ "<template>", "<div></div>", "</template>", "", "<script>", "export

2021-05-20 16:48:31 476

原创改动vuex state的值报错解决[vuex] do not mutate vuex store state outside mutation handlers.

1 不可以直接修改state里面的值，可以在state里面赋值给一个值 this.data= i.list2 再监听这个值，修改 data: { handler(newVal, oldVal) { if (newVal?.length > 0 && typeof oldVal == "undefined") { let data= JSON.parse(JSON.stringify(newVal)) .

2021-05-13 16:51:39 365

原创 element可下拉多选，选择下级搜索框组件

<el-popover placement="right" width="400" trigger="focus"> <el-tree class="filter-tree" :data="typeList" :props="treeProps" default-expand-all :expand-on-click-node="false" highlight-current

2021-04-13 19:49:14 330

原创 echart-两条折线图-柱状图差值

let expendChart = []//支出 let incomeChart = []//收入 let dateChart = []//时间 let difference = []//差值 if(res.length>0){ res[0].data.forEach(item => { let expend = "" if(item.tradeAmountZc>0){ .

2021-02-26 10:39:53 2221

原创 vue2-判断本地图片是否存在

item.children.forEach(element => { element.src = element.text this.CheckImgExists(element).catch(() => { element.src = "default" }) }) // 判断本地图片是否存在 CheckImgExists(item) { return new Promise(function(reso..

2020-11-10 19:11:24 2486 1

原创 ant-表格-组件（排序初始化，表格行点击）

<Table :columns="columns" :treeParameter="treeParameter" ref="Table" :keyWord="keyWord" @sortedInfo="getSortedInfo"></Table>this.columns = [{ title: "状态", key: "isRecoveryData", dataIndex: "isRecoveryData", sorter: true, sortO

2020-11-05 14:10:31 194

原创 ANtd表格-基本-复选框

a-table :columns="columns" :data-source="data2" :pagination="pagination2" :loading="loading" rowKey="collectId" ref="table2" @change="tableChange2" :row-selection="{ selectedRowKeys: selectedRowKeys2, onSelect: onSelect2, onSele

2020-11-05 14:08:36 1358

原创 VUE-组件传值

父子组件传值父组件<AddModal v-on:modalActive="modalActive" :treeParameter="treeParameter"></AddModal>//接收子组件AddModal的传值 modalActive: function(item) {},子组件export default { props: { treeParameter: Object, //接收父组件的值 },}//传值给父组件this.$emit

2020-11-04 14:16:02 175

原创 VUE-echart-关系图（自定义头像）

initEchart() { let myChart = echarts.init(document.getElementById("echart-graph")) this.chartLink = [ { value: "同事", source: "1", target: "2" }, { value: "同事", source: "1", target: "3" }, { value: "同事", source: "1", targ

2020-10-30 17:46:38 581

原创 echarts 地图数据

地图经纬数据 http://datav.aliyun.com/tools/atlas/#&lat=31.769817845138945&lng=104.29901249999999&zoom=4例子有删减{ "code": 200, "result": true, "data": { "cityCode": "316000", "cityName": "舟山市", "mapPosition": { "top": 101,

2020-10-16 09:57:23 298

原创 sourceTree git文件区分大小写设置

1打开设置-高级-编辑配置文件2找到ignorecase，改成false

2020-09-11 10:13:59 2374 1

原创 create-keyframe-animation动画模块

<el-col :span="24" class="container"> <el-col v-for="(item, index) in rollList" :key="item.order" class="roll-list" > <el-col class="roll-list-content" ref="rollListContent" :class=" item.order &

2020-09-09 18:16:05 254

原创 vue下载导出

//导出答卷 uploadExamMet(exam) { let userId = this.userInfo.id; let examRecordId = exam.examRecordInfo.examRecordId; uploadExam(userId, examRecordId).then((response) => { console.log(response); if (response.status == 2.

2020-08-03 17:42:18 42

原创 vue 进度条组件-环形-有动画效果

2020-07-27 15:14:37 553

原创定时器显示当前时间

<template> <span>{{nowTime}}</span></template><script>export default { data() { return { nowTime: "" }; }, created() { this.currentTime(); }, methods: { getTime: function() { let yy

2020-07-24 17:08:14 169

原创 vue-倒计时组件-可自定义样式

<template> <div> <span>{{ hourString.substring(0, 1) }}</span> <span>{{ hourString.substring(1, 2) }}</span> <span>:</span> <span>{{ minuteString.substring(0, 1) }}</span> &l

2020-07-24 17:07:36 151

原创 vue-element-列表穿梭框

<div class="center-box"> <div class="c-left"> <span class="c-title">案件列表</span> <div class="list-box"> <div @click="listClick(i,index,'left')" v-for="(i,index) in caseLeftList" :key..

2020-07-01 15:03:36 1010

原创 element 表格动态表头循环加载

<el-table-column v-for="(i,index) in tableHead" :title="i.value" :prop="i.value" :label="i.label" sortable="custom"> <template slot-scope="scope"> <span v-if="i.value === 'event.

2020-06-02 16:14:52 786

原创 element穿梭框

<el-transfer v-model="transferList.check" class="transfer-box" :titles="['人员列表', '已分配列表']" :button-texts="['取消分配', '加入右侧']" :data="transferList.list" :props="{ key: 'id', label: '..

2020-06-02 13:20:26 257

原创 element 复选框全选

<el-checkbox :indeterminate="checkList.indeterminate" v-model="checkList.checkAll" @change="checkAllChange"> 全选</el-checkbox><el-checkbox-group v-model="checkList.checkValue" @change="checkChange"> <el-che

2020-06-02 10:30:48 533

原创 element 弹出框表单验证-可清除验证-自定义校验

el-form 加上v-if ，每次打开弹窗的时候红色的验证会消失 <el-dialog :title="dialog.title" :visible.sync="dialog.show" width="495px"> <el-form :model="ruleForm" :rules="ruleFormRules" ref="ruleForm" label-width="150px" class="rul

2020-06-02 10:06:27 2054

原创 element 有搜索框input筛选的树形菜单

default-expand-all --默认展开全部highlight-current --高亮:filter-node-method="filterNode" --筛选input:expand-on-click-node="false" --点击图标才展开node-key="id" -- getCheckedKeys必须绑定id:props="{ label: 'name', value:'

2020-06-02 09:51:36 1098

空空如也

空空如也