agua001的博客

通过window.location.href 或 window.location.search 获取url的参数集合以及某个参数的值

js 根据当前年月获取当前年月的全部日期

antd Select组件mode="multiple" 限制选中个数

antd 输入框只能输入英文、数字、下划线

vue 后台返回json数组字符串格式，前端转成数组循环使用

vue3 含文件类型传Form Data数据格式给后台文件参数值异常 file: [object Object]

moment.js 获取当前时间点、三天前、七天前等

renderIcon: function (h, icon, key) { if (this.$scopedSlots.icon && icon && icon !== 'none') { console.log(this.$scopedSlots); const vnodes = this.$scopedSlots.icon({icon, key}) vnodes.forEach(vnode => { vnode.data.cl

<a-button @click="addNew(false, {})" type="primary" class="btnMargin" icon="plus-circle" >新增设备</a-button><a-button class="btnMarginLeft" @click="editMore" :disabled="selectedRowKeys.length <= 0" :class="{ isDis: sel

1、整数: 负整数、0、正整数； 非负整数： 正整数与0<a-col :md="12" :sm="24" class="ex-item"> <a-form-item label="闸宽度(单位m,保留三位小数点)"> <a-input v-decorator="[ 'width', { rules: [ { required: true, message: '请输入闸宽度' }

1、问题2、在flex: 1的样式加min-width: 0css好难5555555555

1、需求: 可以在当前数组拖动，亦可拖动到其它数组, 如图：2、最开始都是空数组，后来左边数组有数据，右边还是空数组，但是发现拖动无效<div class="itemBox"> <div class="checkBox"> <div class="checkBox_top"> 显示监测项 </div> <div class="checkBox_bm"> <div class="titl

1、下载xshell https://xshell.en.softonic.com/2、下载完成，点击安装，安装完成运行xshell新建会话，输入服务器地址、端口号、名称，点击新建会话，弹出：3、找到项目目录： public的上一层cd /data/WebPC // 定位到此目录回退命令： ../4、Port 8888 is already in use 端口被占用，其它地方已启动了，停止了就可以启动了，node bin/www证明启动成功（关闭：Ctrl + c）。但是这种方式启

<ul class="tab_ul"> <li class="tab_li" @click="changeTab(item, index)" :class="{'tabActive': tabActive == index}" v-for="(item, index) in tabList" :key="index" v-cloak>{{ item.name }}</li></ul>.tab_ul { display:-webkit-b

1、点击展开当前行，使用当前行的对象渲染基本的信息，使用当前行的id请求获取展开行里的表格数据2、问题来了：点击第一个展开获取到的数据是正常的，点击第二个，获取到的表格数据会覆盖第一个表格的数据，即最新点击获取的展开行的表格数据覆盖前面打开的行的表格数据3、代码：父组件：<a-table :columns="columns" :dataSource="dataSource" :row-selection="{ selectedRowKeys: selectedRowKe

1、在孙组件里定义事件，通过$emit把值传出去孙组件：planPop.vue<template slot="action" slot-scope="record"> <span @click="handleDetail(record)" class="detailBtn">查看</span></template>// 点击查看handleDetail(record) { this.$emit('showPlanImg', true);

antd 表格内容自适应

<a-col :xxl="5" :xl="6" :lg="12"> <a-form-item label="统计时间"> <!-- <a-range-picker v-decorator="['serviceTime']" format="YYYY-MM-DD" /> --> <a-date-picker v-decorator="['serviceTime']" :disabled-date="dis

1、需求UI图：2、需求分析：在广州十一个区显示六个类型的站的覆盖率，鼠标移入某个柱状要显示当前区下的当前类型下的所有厂家的巡检信息（api没弄，暂自定义数据结构）series: [ { name: '窨井水位', type: 'bar', data: [ { value: 80, manufacturerList: [ // 窨井在海珠区关联的厂家信息 { censu

1、仪表盘：在series 中修改radius 文档:https://echarts.apache.org/zh/option.html#series-gauge.radiusconst caliOption = { series: [ { type: "gauge", min: 0, max: 100, //设置刻度盘内数值区间 splitNumber: 5, // 设置间隔区域的显示数量 radius: "100%", // 设

1、使用父子组件时，报错2、子组件未引入import rulesSet from "./components/rulesSet.vue"components: { rulesSet},生活不是为了赶路，而是为了感受路！

1、需求如图（表格中编辑间隔时间和备注）：2、直接贴代码：html：<a-table bordered :columns="inspectionColumns" :dataSource="inspectionData" :pagination="false" rowKey="id"> <template v-for="col in ['intervalTime']" :slot="col" slot-scope="record"

1、数组去重let value = [1,2,1,3,6,6,1,3,1,2,8]let set = new Set();value.forEach(item => { set.add(item)})let a = Array.from(set);console.log(a) // [1, 2, 3, 6, 8]2、两个a, b数组对比，a数组是b数组的一部分id的集合，想要获取a数组的项（项都为id）对应b数组中的id中的name属性的值的新数组c！简单说: 获取一个新数组c，

1、在使用到有筛选条件的请求时报了这个错2、封装的筛选条件方法和调用// 获取筛选条件的方法getQuery() { let data = this.form.getFieldsValue(); if(this.form.getFieldValue('time').length > 0) { data.startTime = moment(this.form.getFieldValue('time')[0]).format('YYYY-MM-DD'); data.end

1、调用子组件校验的方法时报错：2、代码：父组件：// 新增修改弹窗确定按钮async handleOk() { let url = this.$url.SITE_MANAGE_LIST_ADD; let method = "str"; let formData = await this.$refs.addCont.getValues(); console.log(formData); // 判断是否在新增修改有选中？ if(formData && form

1、组件内获取到的是moment格式的数据，但往往后台需要的子符串<a-col :xl="10" :lg="12" > <a-form-item label="时间：" :labelCol="{ span: 2 }":wrapperCol="{ span: 17 }"> <a-range-picker v-decorator="['time']" /> </a-form-item></a-col>// 获取搜索条件get

1、antd表单赋值报错：<a-form-item label="月份"> <a-month-picker v-decorator="['month']" disabled format="M月" ></a-month-picker></a-form-item>setValue(data) { let deadline = data && data.deadline? moment(data.de

1、需求：上传文件，判断文件格式是否符合要求// 上传前判断大小beforeUpload(file) { let name = file.name; let num = !name?0: name.lastIndexOf('.'); // 返回在此字符串中最右边出现的指定子字符串的索引 let fileType = !name? "": name.substr(num, name.length - 1); // 从最右边出现的指定子字符串的索引裁切到最后的索引 if ( file

1、需求场景- 在父组件点击修改按钮，展示子组件并且渲染数据（父组件调用子组件的方法）// 父组件async handleEdit(record) { let res = await this.$http(this.$url.INSPECTION_MONTH_REPORT_INFO + record.record.id, 'get') let {data} = res; if(data.code === 0) { this.$nextTick(() => { this

1、处理antd 下拉数据时遇到报错2、报错代码html:<a-col :xxl="8" :xl="12" :sm="24" class="ex-item"> <a-form-item label="后台IP地址："> <a-select placeholder="请选择后台IP地址" v-decorator="[ 'serverIp']" @select="getPort" > &

1、有时项目中会遇到表单中某个表单项的内容过多而导致展示不完整，如图：2、使用Tooltip组件html:<a-col :xxl="8" :xl="12" :sm="24" class="ex-item"> <a-tooltip> <template slot="title"> {{ tipsTxt }} </template> <a-form-item label="信号质量："> &l

<a-col :md="12" :sm="24" class="ex-item"> <a-form-item label="闸门类型："> <a-select :getCalendarContainer="triggerNode=> triggerNode.parentNode" v-decorator="[ 'floodgateType', { rules: [{ required:

1、问题重现:子组件：setBuildValue(value) { console.log(value); // 文本域字数统计 this.problemNum = 50 - value.swConstructionQuestion.problemDescription.length; this.resultNum = 50 - value.swConstructionQuestion.resultDescription.length; this.buildData

1、需求来源：正常：点击放大缩小旋转按钮出现：2、在控制台找样式看到：3、CSS3 ::selection 选择器： https://www.runoob.com/cssref/sel-selection.html3、解决：（在当前页）::selection { background: none !important;}晚舟已过万重山，感谢强大的祖国！...

1、需求：下拉多选星期，选中以二进制表示值，转化成十进制传给后台，后台返回十进制，前端把十进制转成二进制，然后再对数据进行比对然后渲染2、传值html:<a-form-item label="" class="weekSel weekSelMore"> <a-select mode="multiple" :maxTagCount="3" v-decorator="[ 'weekRateType', { initi

1、问题描述：antd 下拉框选择的时候报了这个错误<a-select :defaultValue="0" v-model="executeCycleUnit" @change="handleExecuteNum"> <a-select-option :value="0"> 分钟 </a-select-option> <a-select-option :value="1"> 小时 </a-select-option>&lt

@media screen and (min-width: 1680px) and (max-width: 1920px){ .everyDayRate { margin-left: 14%; } } @media screen and (min-width: 1600px) and (max-width: 1680px){ .everyDayRate { margin-left: 12%; } } @media screen and

1、根据关键字输入框的值（只对编码，即正整数做处理），动态变化区域的值（区域默认为越秀区）2、编码对应的区域3、思路：把全部空格去掉 - 必须为正整数 - 长度必须大于等于5 - 截取第四个和第五个的字符串 - 对应上则赋值给下拉区域 - 否则都为默认值html:<a-col :xxl="5" :xl="6" :lg="12"> <a-form-item label="关键字："> <a-input onkeyup="this.value=

1、获取url地址后的值（包含?）window.location.search; //获取url中"?"符后的字符串比如url 为： https://editor.youkuaiyun.com/md/?userName=magic4j&userId=547ac1d0-385b-4219-95fa-e7964b893ee4&id=238let query = window.location.search;console.log(query)// ?userName=magic4j&use

1、数据如图：2、想得到一个新的数组，每一个项为一个对象，对象的属性为第一个数组的项，属性值为第二个数组的项[{"2021-08-16 05:30:00": "12"}, {"2021-08-16 05:15:00": "12"}...]3、循环一个数组就可以了let newArr = [];let obj = {}console.log(this.showTime);console.log(this.yData);this.showTime.forEach((item,index) =