abcByme - 博客园

2022年12月2日

摘要： <template> <div class="mapContainer">  <div id="tMap" ref="tMap" /> </div> </template> <script> import { TDIMap, BaiduMap } 阅读全文

posted @ 2022-12-02 09:55 abcByme 阅读(96) 评论(0) 推荐(0) 编辑

百度地图手绘标点

摘要： <template> <div class="mapContainer">  <div id="tMap" ref="tMap" /> </div> </template> <script> import { TDIMap, BaiduMap } 阅读全文

posted @ 2022-12-02 09:54 abcByme 阅读(148) 评论(0) 推荐(0) 编辑

百度地图区域绘制面

摘要： <template> <div class="mapContainer">  <div id="tMap" ref="tMap" /> </div> </template> <script> import { TDIMap, BaiduMap } 阅读全文

posted @ 2022-12-02 09:54 abcByme 阅读(188) 评论(0) 推荐(0) 编辑

车牌不区分大小写

摘要： const validatelicensePlate = (rule, value, callback) => { if (!value) { callback(new Error("请输入车牌号码")); } else { let dvalue = value.toLocaleUpperCase( 阅读全文

posted @ 2022-12-02 09:49 abcByme 阅读(62) 评论(0) 推荐(0) 编辑

2022年11月28日

数据处理

摘要： d变成dd let d = { currentMonth: { "2022-11-01": 11, "2022-11-02": 43, "2022-11-03": 53, "2022-10-05": 23, }, lastMonth: { "2022-10-01": 4, "2022-10-04": 阅读全文

posted @ 2022-11-28 17:04 abcByme 阅读(95) 评论(0) 推荐(0) 编辑

2022年11月22日

微信小程序获取用户openId

摘要：来自：https://www.jb51.net/article/245381.htm 侵删 // index.js // 获取应用实例 const app = getApp() Page({ data: { urlcode: "", srcUrl: "https://www.wyy-supor.co 阅读全文

posted @ 2022-11-22 14:41 abcByme 阅读(145) 评论(0) 推荐(0) 编辑

uni-app 登录哈哈

摘要： <template> <view class="content"> <u-navbar :title="title" :is-back="false" back-icon-color="#000" :background="background" :border-bottom="false" tit 阅读全文

posted @ 2022-11-22 09:33 abcByme 阅读(57) 评论(0) 推荐(0) 编辑

2022年11月16日

element-ui 树形懒加载

摘要： <template> <div> 房间列表： <el-input placeholder="输入关键字进行过滤" v-model="filterText" size="mini" style="width: 180px" clearable > </el-input> <!-- <el-tree r 阅读全文

posted @ 2022-11-16 11:09 abcByme 阅读(43) 评论(0) 推荐(0) 编辑

element-ui cascader级联懒加载

摘要： <el-cascader :props="props" :options="options" size="small" style="width: 200px" v-model="RoomAbout" clearable @change="getcascader" ></el-cascader> R 阅读全文

posted @ 2022-11-16 11:07 abcByme 阅读(125) 评论(1) 推荐(0) 编辑

2022年11月14日

iview upload 手动上传

摘要： <template> <div class="batchAddCustomer-container"> <p class="tit-p">水电管理</p> <div class="downtext">下载模板</div> <div class="text"> 注意事项： <div> <p>1、表具内阅读全文

posted @ 2022-11-14 15:31 abcByme 阅读(336) 评论(0) 推荐(0) 编辑

2022年11月11日

element-ui 导入相关

摘要： <template> <div class="main-wrapper">  <div class="box-head"> <el-form ref="searchform" :model="searchform" :inline="true"> <el-form-ite 阅读全文

posted @ 2022-11-11 18:06 abcByme 阅读(22) 评论(0) 推荐(0) 编辑

图片生成加下载

摘要： <template> <div>  <Drawer :title="type == 2 ? '表具二维码' : '表具报停'" :closable="false" v-model="DrawerShow" width="50%" > <div> <div class="t- 阅读全文

posted @ 2022-11-11 17:04 abcByme 阅读(19) 评论(0) 推荐(0) 编辑

2022年10月28日

js数据处理4

摘要： <template> <ModuleBox2 title="数据趋势图" bgType="2" :cityShow="true" moduleType="sjqs" :styleObj="styleObj" > <div class="echarts-box"> <lineMore2 :isSmoo 阅读全文

posted @ 2022-10-28 17:43 abcByme 阅读(9) 评论(2) 推荐(0) 编辑

$set 加数据

摘要： var allArray = JSON.parse(JSON.stringify(copy_data)) //原数组 allArray.forEach((value , index) => { that.$set(value, 'goodProductNum', ' 12') //给数组里面的每个行阅读全文

posted @ 2022-10-28 14:44 abcByme 阅读(48) 评论(0) 推荐(0) 编辑

2022年10月25日

js获取当前日期的前七天

摘要： // 获取当前日期的前7天 getDays(){ let oneDay = 24 * 60 * 60 * 1000 let endTime = new Date(Date.now() - oneDay) endTime = this.formatterDate(endTime,"yyyy-MM-dd 阅读全文

posted @ 2022-10-25 09:57 abcByme 阅读(1920) 评论(0) 推荐(0) 编辑

2022年10月24日

纯 CSS 实现十个还不错的 Loading 效果

摘要：来自：https://juejin.cn/post/7080542771387301896 侵删在推特上面看到 T. Afif 介绍的十个 Loading 效果。如上图。 Yeah，很赞哦，挺实用的，遂记录下来。为保证运行正常，咱先规定下： * { box-sizing: border-box; 阅读全文

posted @ 2022-10-24 09:51 abcByme 阅读(71) 评论(0) 推荐(0) 编辑

2022年10月19日

公共弹框

摘要： <template> <div :style="{ width: width, height: height, backgroundImage: imgsbg }" class="base-popout" v-show="isShow" > <div class="device-info-box-h 阅读全文

posted @ 2022-10-19 15:43 abcByme 阅读(13) 评论(0) 推荐(0) 编辑

滚动列表

摘要： <template> <div class="newsbox"> <div class="h146" @click="listClick($event)"> <vueSeamlessScroll :data="dataList" :class-option="classOption" class=" 阅读全文

posted @ 2022-10-19 15:42 abcByme 阅读(58) 评论(0) 推荐(0) 编辑

公共展示

摘要： <template> <div :style="{ width: boxWidth, height: boxHeight, backgroundImage: imgsbg }" :class="[bgType == '1' ? 'module-box' : 'module-box-2']" clas 阅读全文

posted @ 2022-10-19 15:13 abcByme 阅读(15) 评论(0) 推荐(0) 编辑

条形百分比3

摘要： <div class="content"> <div> <div class="chart-rising-list" v-for="(item, index) in proportionList.slice(0, 5)" :key="item + index" > <div class="chart 阅读全文

posted @ 2022-10-19 11:06 abcByme 阅读(18) 评论(0) 推荐(0) 编辑

css 条形百分比2

摘要： <template> <module-box moduleType="ykjdl" bgType="2" :styleObj="styleObj" :cityShow="true" title="景区游客接待量 TOP 10"> <div class="module-content"> <div c 阅读全文

posted @ 2022-10-19 09:38 abcByme 阅读(61) 评论(0) 推荐(0) 编辑

2022年10月18日

echarts折线图多个

摘要： <template> <div ref="echartsBox" class="chart" :style="{ height: height, width: width }" /> </template> <script> import * as echarts from "echarts"; i 阅读全文

posted @ 2022-10-18 11:02 abcByme 阅读(135) 评论(0) 推荐(0) 编辑

云词

摘要： <template> <div class="tag-cloud" ref="wrapper"> <p v-for="(item, index) in data" :key="index" ref="tag" @click="clickTag(item)" @dblclick="dbclickTag 阅读全文

posted @ 2022-10-18 10:42 abcByme 阅读(83) 评论(0) 推荐(0) 编辑

2022年9月19日

使用echart的雷达图的时候,如果文字越界的解决办法记录,标签文字自动换行

摘要：来自：http://t.zoukankan.com/zizaiwuyou-p-10637179.html 侵删使用echart的雷达图的时候,如果文字越界的解决办法记录,标签文字自动换行前几天项目中有一个图表的是用echart生成的,遇到一个问题,就是在手机端显示的售时候,如果文字太长就会超出d 阅读全文

posted @ 2022-09-19 17:21 abcByme 阅读(828) 评论(1) 推荐(0) 编辑

2022年9月2日

百度地图信息窗口自定义

摘要： <template> <div class="mapContainer">  <div id="tMap" ref="tMap" /> </div> </template> <script> import { TDIMap, BaiduMap } 阅读全文

posted @ 2022-09-02 17:38 abcByme 阅读(451) 评论(0) 推荐(0) 编辑

img css 修改

摘要： img[src="http://api.map.baidu.com/images/iw_close1d3.gif"] { left: 165px !important; } 阅读全文

posted @ 2022-09-02 17:36 abcByme 阅读(88) 评论(0) 推荐(0) 编辑

百度地图引用设置个性化

摘要： export const TDIMap = { init() { return new Promise((resolve, reject) => { // 如果已加载直接返回 if (window.T) { console.log('天地图脚本初始化成功...') resolve(window.T) 阅读全文

posted @ 2022-09-02 09:27 abcByme 阅读(237) 评论(0) 推荐(0) 编辑

2022年8月22日

JavaScript实现数字前补“0”的五种方法示例

摘要：来自:https://www.jb51.net/article/153945.htm 侵删 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t 阅读全文

posted @ 2022-08-22 09:23 abcByme 阅读(1435) 评论(0) 推荐(0) 编辑

2022年8月5日

js 根据传入数字，返回千、万、百万、千万、亿等单位

摘要： function simplifyNum(number) { if (!number && number != 0) return number; var str_num if (number >= 1E3 && number < 1E4) { str_num = number / 1E3 retu 阅读全文

posted @ 2022-08-05 11:30 abcByme 阅读(1321) 评论(0) 推荐(0) 编辑

2022年8月2日

一些动画

摘要： //浮动 @keyframes floating{ 0%{ opacity: 0.8; transform: translate(0,0); } 50%{ opacity: 1; transform: translate(0px,3px); } 100%{ opacity: 0.8; transfo 阅读全文

posted @ 2022-08-02 16:23 abcByme 阅读(20) 评论(0) 推荐(0) 编辑

2022年7月29日

js遍历树形结构并返回所有的子节点id值

摘要： lookForAllId(data = [], arr = []) { for (let item of data) { arr.push(item.id); if (item.children && item.children.length) this.lookForAllId(item.chil 阅读全文

posted @ 2022-07-29 14:10 abcByme 阅读(1087) 评论(0) 推荐(0) 编辑

树形回显已选，全选

摘要： <template> <div> <p>{{ title }}</p> <p class="basicInfo">基本信息</p> <div style="width: 90%; margin-left: 100px"> <el-form ref="roleForm" :model="roleFor 阅读全文

posted @ 2022-07-29 10:26 abcByme 阅读(160) 评论(0) 推荐(0) 编辑

2022年6月10日

下拉树形

摘要： <treeselect @select="handleSelect" v-model="fromItemData.releaseDepartment" placeholder="请选择父节点名称" :normalizer="normalizer" style="width: 440px" :mult 阅读全文

posted @ 2022-06-10 10:46 abcByme 阅读(44) 评论(0) 推荐(0) 编辑

vue 使用editor 编辑器以及打包线上不显示问题

摘要： <Editor :modelValue="fromItemData.noticeContent" @setContent="setContent" :disabled="disabledTrue" /> setContent(val) { this.fromItemData.noticeConten 阅读全文

posted @ 2022-06-10 10:43 abcByme 阅读(871) 评论(0) 推荐(0) 编辑

2022年6月8日

浏览器视频加速插件使用Tampermonkey

摘要：脚本地址:https://sourl.cn/JxkBNs 阅读全文

posted @ 2022-06-08 13:21 abcByme 阅读(1955) 评论(0) 推荐(0) 编辑

js以数组值寻找对应id的name

摘要： let newTargetKeys = [42,43]; this.projectNameList = [{name:name1,id:42}, {name:name2,id:43} ] let labelArr = []; this.projectNameList.forEach((item) = 阅读全文

posted @ 2022-06-08 12:23 abcByme 阅读(1477) 评论(0) 推荐(0) 编辑

2022年6月7日

iview DatePicker 日期date验证报错

摘要： <FormItem label="成立时间" prop="establishedTime"> <DatePicker type="date" :value="enterpriseForm.establishedTime" @on-change="getestablishedTime" placeho 阅读全文

posted @ 2022-06-07 15:56 abcByme 阅读(288) 评论(0) 推荐(0) 编辑

2022年5月25日

iview rate 评分验证

摘要： <FormItem label="您的评价" prop="level" v-if="typeModal == 3"> <Rate v-model="shenhemodal.level" clearable /> </FormItem> shenhemodal: { level: 0, }, leve 阅读全文

posted @ 2022-05-25 17:49 abcByme 阅读(53) 评论(0) 推荐(0) 编辑

2022年5月19日

iview 开始时间不能大于结束时间

摘要： var vprojectEndTime = (rule, value, callback) => { if (value "") { callback(new Error("请输入结束时间")); } else if (value <= this.parkItemForm.projectStartT 阅读全文

posted @ 2022-05-19 16:49 abcByme 阅读(194) 评论(0) 推荐(0) 编辑

js姓名隐藏

摘要： /** * 只隐藏姓名中间的字 * @param {data} 传入数据 * 格式：张*三 */ const hideCenterName = (name) => { let newStr; if (name.length 2) { newStr = name.substr(0, 1) + '*'; 阅读全文

posted @ 2022-05-19 14:53 abcByme 阅读(586) 评论(0) 推荐(0) 编辑

小角色Byme

代码的搬运工ing~~~