josiecici的博客

原创 js 根据时间段 时间范围 获取每年的季度

// 3.31 6.30 9.30 12.31 为每年季度的分界线 getFourSeason() { let starttime = new Date(sessionStorage.getItem("pro_starttime")); let endtime = new Date(sessionStorage.getItem("pro_endtime")); console.log("这是starttime", starttime); console

原创 时间戳转换

// 如果记得时间戳是毫秒级的就需要*1000 不然就错了记得转换成整型 formatDate(now) { now = new Date(now); var year = now.getFullYear(); var month = now.getMonth() + 1; var date = now.getDate(); // var hour=now.getHours(); // var minute=now....

原创 el-table 表格头部和单元格字体样式等

<el-table :cell-style="{color: '#666', fontFamily: 'Arial',fontSize:'15px'}" :data="filteredProductData" :header-cell-style="{background:'#f0f9eb', fontFamily:'Helvetica',fontSize:'14px'}" style="width: 100%">

原创 el-table 分类改变单元格宽度及改变label为中文（自创勿喷）

<el-table-column :label="changeColumn(key)" v-for="(value,key,index) in tableData[0].attributes" :key="index" align="center" :width="changeWidth(key)"></el-table-column>// 改变label为中文 通过比对 找出英文相对应的中文 changeColumn(key) { // console.l

原创 vue el-table 单元格溢出展示el-tooltip 没溢出的不展示el-tooltip

vue核心代码**data内showTitle默认为true**data() { return { showTitle:true }} <el-table-column :label="changeColumn(key)" v-for="(value,key,index) in tableData[0].attributes" :key="index" align="center" :width="changeWidth(key)"> &

原创 大小盒子 padding-bottom 失效问题

白色为大盒子 蓝色为小盒子 但是小盒子内的东西很多 超过了大盒子的高度 所以就有滚动条但是小盒子高度为100% 则继承大盒子的高度 70vh所以padding的bottom没留出来padding出来 直接顶了bottom因为这个时候 小盒子确实是在大盒子padding内 只是内容出去了。小盒子不写高度后 小盒子高度就是内容高度 并且bottom的padding 也成功出现...

原创 使用splice循环删除数组中的元素的时候的bug

使用splice循环删除数组中的元素的时候的bug因为使用splice删除数组中的元素的时候，对应数组的索引也会改变，当删除第一个的时候，删除的是索引为0的，但是删除完毕之后，索引为1的变成索引为0的，所以这个时候你还删索引为1的数据的时候，其实删的是原数组索引为2的数据，就会造成数据删除变乱。...

原创 el-table 组件复用开发（组件复用，多个表格使用同一个表格组件，操作栏不同）

1.表格不用大盒子装着来限制其盒子的高度来使表格滚动，直接使用文档内table属性来限制盒子的高度以出现滚动条。如下图：效果：15vh时候65vh时候

原创 vue 前端登录获取token后添加到cookie，并使用token获取其他数据（添加到请求头中）

1.登录获取到token存到cookie中这里我的cookie设置为一天失效cookie.js代码如下// 设置cookieexport function setCookie(c_name, value, expiredays) { var exdate = new Date(); exdate.setDate(exdate.getDate() + expiredays); document.cookie = c_name + '=' + encodeURICo

转载 消除google浏览器记住密码自动填充背景色

//消除google浏览器记住密码自动填充黄色框背景:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active { // 字体颜色 -webkit-text-fill-color: #606266 !important; // 背景色 transition: background-color 5000s ease-in-out 0s;}..

原创 arcgis api 4.1X markerSymbol 使用svg图片

原创 vue 中 iconfont 下载至本地 使用方法

首先需要一个图标的集合，然后下载到本地然后将下载的文件移入到项目里面，文件夹里面的东西有这些最后导入使用导入的是这个css文件使用使用就在这个html内找icon的类名在项目里面我就用了两个类名最后效果：...

原创 arcgis api 4.1X 加载地图（arcgis地图、天地图---封装好的js）

1、加载arcgis自带的地图loadMap.jsimport * as esriLoader from "esri-loader";import Vue from 'vue'export const loadMap = {}loadMap.mapView = ""loadMap.map = ""loadMap.load = {}/* mapId>>装地图的盒子idtype>>地图类型>>"topo","streets","satellite ","

原创 arcgis api 4.1X 控制地图缩放级别（SceneView-两种方法）

view.on('mouse-wheel', function (evt) { console.log('这是evt',evt); console.log('这是view.scale',view.scale); //鼠标滚轮缩小 if (evt.deltaY > 0 && view.scale &...

原创 vue中arcgis api 4.X 点击地图和小部件会 出现黑色边框 类似于border 黑线 的 解决办法

*{ outline: none;}使用之前效果：使用之后就没了

原创 js arcgis api 监听地图对象已生成

/** * 监听地图对象已生成 * @param fun */baseMapManagerCtrl.setFunCall = function (mapId, fun) { setTimeout(function () { if (baseMapManagerCtrl.isLoad[mapId]) { fun() } else { baseMapManagerCtrl.setFunCall(map

原创 vue项目中 axios请求配置

request.js// 拦截器import Vue from 'vue'import axios from "axios";const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, timeout: 30000 // request timeout});// request interceptorservice.interceptors.request.use( res => {

原创 element 全局$message使用方法（vue中使用和js中使用）

main.js 内配置import { Message } from 'element-ui'// 挂载到$message上Vue.prototype.$message = Messagevue中使用this.$message.warning("1111111111111111111")js中使用（配置加使用）import Vue from 'vue' Vue.prototype.$message({ message: res.data.message, type: 'w