醉里挑灯寻梦回-CSDN博客

<template> <section> <div class="main"> <section class="operation search-box"> <div class="flex"> <el-select v-model="date_type" size="small" class="mr15"> <el-option v-for="item in dateTyp.

2022-04-28 15:07:52 103

原创 element 选择日期范围使用

<div class="flex"> <span class="label mr15">达成时间:</span> <el-date-picker v-model="timeRange" size="small" class="mr15" type="daterange" :editable="false" :picker-options="pickerOptions" range-s.

2022-04-28 15:04:58 378

import axios from 'axios'import qs from 'qs'let baseURLif (process.env.NODE_ENV == 'development') { baseURL = 'http://lcrm.cn';} else { baseURL = ''}axios.defaults.baseURL = baseURLaxios.defaults.headers.post['Content-Type'] = 'applicatio.

2022-04-25 11:58:16 119

原创微信小程序前端实现分页功能--后端把几百条数据一股脑的全给了前端，前端自己实现分页加载、下拉刷新等

json中开启下拉刷新 "enablePullDownRefresh": true,{ "navigationBarTitleText": "住客评价", "enablePullDownRefresh": true, "backgroundColor": "#13063C"}1、data 中储存返回的全部数据和当前展示数据2、onload中初次请求数据以及展示第一页的数据onLoad (options) { let _this = this .

2022-04-22 10:36:42 2221

原创数组对象中根据对象中某个值大小重新排序数组sort方法

shuju 为数组对象，传sum给比较函数。数据占位自动排序，改变原数组不生成新数组shuju.sort(this.compare("sum")); compare(p){ //这是比较函数 return function(m,n){ var a = m[p]; var b = n[p]; return b - a; //降序 } },...

2022-04-21 15:20:34 308

原创将数组对象根据某一重复字段分类，生成新的数组对象

原数据，有重复titile，根据title生成新的数组对象处理后，将有重复title的数据处理成一个，生成新数组对象js let arr = res.data.list //原数组 let tempArr = []; let Data = []; //最终数组 for (let i = 0; i < arr.length; i++) { if (tempArr.indexOf(arr[i].title) ==.

2022-04-21 10:42:54 200

原创 element-ui 选择日期范围截止时间为今天之前

这里写的是截止时间为今天之前的一天1、html <el-date-picker v-model="timeRange" size="small" class="mr15" type="daterange" :editable="false" :picker-options="pickerOptions" range-separator="—" start-placeholder="开始日期" .

2022-03-30 15:45:46 1503

原创在列表页中删除（或增加）操作数组数据，无需调用this.onLoad()等刷新页面方法

1、获取所操作数据的下标、id、和当前列表页数组 delete(e){ let id = e.currentTarget.dataset.id; let index = e.currentTarget.dataset.index; let customerList = this.data.customerList; }2、异步操作成功之后---forEach 当前列表页数组，删除对应下标的那条数据后，然后赋值列表页数组。实现并没有调用this.on..

2022-03-29 16:05:37 487

原创微信小程序中使用地图定位

去微信平台注册换取key值就不写了jsvar app = getApp()var util = require('../../../utils/util.js')const QQMapWX = require('../../../utils/qqmap-wx-jssdk.js');const wxMap = new QQMapWX({ key: 'FT7BZ-F6EKW-433RO-REVT5-DAEAZ-DIB7Q' // 必填});Page({ data: { ..

2022-03-28 09:21:26 786

原创微信小程序-倒计时显示并且销毁、可用于登录验证等

效果图1、html<view class='countDown' wx:if="{{countDownNum}}"> <view class='tXt'><text style="color:red">{{countDownNum}}</text>秒钟后消失</view></view>2、css.countDown{ position: fixed; margin:auto; ..

2022-03-24 15:19:03 301

原创小程序页点击展开请求数据展示，再点击关闭---笔记笔记笔记

人员筛选不选展示所有人，点击后展示一个人后台数据格式1、下拉 2、点击展示1、html<view class="header"> <view> <picker range="{{peopleList}}" range-key="{{'name'}}" bindchange="bindChange"> ...

2022-03-23 17:04:36 668

原创判断数组对象中某一项属性全部===true才执行下一步

1、数据格式2、之前写了点击展开关闭改变这个isopen状态并且请求数据，因为关闭的时候也请求了数据，需要拦截一下3、只有展开状态才请求数据let arr = this.data.reasonList console.log(arr); if(arr.findIndex(item=>item.isopen===true)==-1){ console.log('无无无没有没有没有展开的=====>') }else {

2022-03-22 14:20:11 1061

原创获取当前年月+几年，用在picker标签的end。动态设定结束时间

Page({ data: { today:'' } })onLoad(options) { this.setData({ today: `${new Date().getFullYear() + 3}-${new Date().getMonth() + 1}-${new Date().getDate()}`, }) console.log(this.data.today); },

2022-03-04 14:31:30 138

原创 js 滚轮上下滑动监听

windowAddMouseWheel();function windowAddMouseWheel() { var scrollFunc = function (e) { e = e || window.event; if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件 if (e.wheelDelta > 0) { //当滑轮向上滚动时 alert("滑轮向上滚动"); .

2022-02-08 10:54:57 1069

原创微信小程序画布实现个人签名，并保存为图片

转自 GIS开发者微信小程序canvas实现个人签名，并保存为图片_做GIS梦的人-CSDN博客_canvas签名生成图片1、html<view class="container"> <canvas canvas-id="firstCanvas" id='firstCanvas' bindtouchstart="bindtouchstart" bindtouchmove="bindtouchmove"></canvas> <view ...

2022-02-08 10:28:28 919

原创微信小程序扫码功能

1、html<view class="box"> <view class="one">扫码功能</view> <view class="tow"><text>你扫到的是{{scanType}}码</text></view> <view class="three"><text>内容为：{{result}}</text></view> <view st

2022-02-07 17:30:09 1593

原创在小程序中echarts柱状图设置渐变色、手指向上滑动时会闪烁空白

如下每次滑动的太快了就会闪烁，再点击一次就出来了，主要是鼠标触发提示框导致的，可设置tooltip: { triggerOn: 'click' }就ok了

2022-02-07 10:32:45 738

原创 vue 请求回数据存放到vuex中，数据请求回来vuex中数据改变，但是页面数据没有动

解决方法强制页面刷新本质上是强制执行以下所有的h函数1、加个this.$forceUpdate()；2、location.reload（）3、this.$router.go(0)4、console.log(res); //打印一下，没错就是打印一下数据也是动了！问题所在：Vue的template通过babel会转换成h函数你的数据没更新代表h函数没有添加到订阅器里面this.$foreUpdate()和location.reload() 其实就是强制这些h函数再执行一遍

2022-01-27 17:45:53 2582

原创 element table实现点击数据展开再点关闭效果

1、后台数据格式，（重点）让后台组织一个count,点击传参要把需要请求的id和这条数据和下标传下来 "batch_no": "2022011811401090",#批次号，调用下个接口需要 "visit_assignee_uname": "刘勇",#投资顾问 "created_at": "2022-01-18 11:40:10",#打卡时间 "position_name": "贵州省毕节市黔西市步行..

2022-01-26 17:56:24 1446

原创 echarts双数据柱状叠加统计及折线总和

var xData = function() { var data = []; for (var i = 1; i < 13; i++) { data.push(i + "月份"); } return data;}();option = { backgroundColor: "#344b58", "title": { "text": "本年商场顾客男女人数统计", "subtext": "...

2022-01-25 11:22:24 1343

原创 echarts 柱状图折线图双图

效果 var option = { tooltip: { trigger: 'item', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' } }, .

2022-01-25 11:12:23 570

原创 element ui table表中中如何添加事件

1、用temeplate插入 button或者div等等 <el-table-column prop="id" label="操作" min-width="180" :show-overflow-tooltip="true"> <template slot-scope="scope"> <el-button @click="scanCustomer(scope.row.id)" size="small" type="primary">查看

2022-01-21 15:59:26 772

原创 elemete 合并单元格方法

1、template 上加上:span-method="objectSpanMethod<el-table :span-method="objectSpanMethod"> <el-table-column prop="call_manager_name" label="审核主管"></el-table-column> <el-table-column prop="call_manager_name" label="审核主管" ></el-..

2022-01-21 15:48:29 465

原创微信小程序picker一级联动处理

效果如下1、html <view class="box" style="display: flex;"> <label class="label pl14"><text style="color: red;">*</text>来源渠道:</label> <picker class="input" data-id="source" data-index="sourceIndex" bi...

2022-01-13 11:48:24 205

原创 js判断当前月份多少天

getDuration (date) { // how many days of this month let dt = new Date(date) var month = dt.getMonth() dt.setMonth(dt.getMonth() + 1) dt.setDate(0); return dt.getDate() },console.log(this.getDuration('.

2022-01-12 16:41:23 714

原创甘特图及数据处理

甘特图

2022-01-12 16:36:40 630

原创微信小程序echarts y轴文字过长换行，以及过长省略号

yAxis: [ { show: showy1 , //全局变量是否显示y轴 type: 'category', axisTick: { show: false }, data: dataList1, //全局变量异步数据 axisLine: { lineStyle: { ...

2022-01-06 14:52:46 924

原创 echarts 甘特图代码

效果如图代码。。。var option = { grid: { left: '1%', right: '5%', bottom: '3%', top: '1%', containLabel: true }, xAxis: { type: 'value', position: 'top', interval: 2, //以一个小.

2022-01-04 17:29:18 264

原创微信小程序上传聊天窗中的文件

懒得删删减减了，全部拷过来。效果如下，1、点击虚线框选中文件夹并且切换样式，展示文件名字，2、选中后上传扭变色，然后点上传上传接口1、html<image class="jrecommend-bg" src="/images/jrecommend-bg.jpg"></image><image class="jrecommend-top" src="/images/jrecommend-img.png"><.

2021-12-29 11:13:01 1426 1

空空如也

空空如也