qq_43780814的博客

iview formList 元素右侧宽度写法。

iview formList 元素右侧宽度写法。

将字符串去除所有空格，并计算字节长度。replaceAll去除所有空格。

el-table表格数组数据多行展示，提示框也多行显示。

【代码】dayjs()获取默昨天和今天的日期。

【代码】【正则校验数字输入框】

使用 v-if 和 ref 刷新表格内容。

dayjs获取年周数，当前所处周

el-input-number禁用科学计数无果，换成el-input(type="number")

watch

海南省成人高等学校招生全国统一考试

el-table-column(prop="id_card" label="身份证号" align="center" width="150" show-overflow-tooltip) template(slot-scope="scope") span {{ scope.row.id_card | hideMiddle }} filters: { hideMiddle(val) { debugger r...

.paginationBox { width: 556px; overflow: auto; margin: 0px 20px 0px 10px; .xt-pagination { padding-right: 18px; } &::-webkit-scrollbar { //改变滚动条样式 width: 8px; height: 10px; } ...

.el-tree无宽度时，由label内容撑开，高亮和背景不好看/deep/ .el-tree{ //加宽度min-width: 300px;}<template lang="pug"> .aaa el-scrollbar.left(style="height: 200px;width:300px") el-tree(:data="data" :props="defaultProps" @node-click="handleNodeClick")&.

搬运地址：https://blog.youkuaiyun.com/weixin_42164004/article/details/1086642221.require形式引入<template> <div style="margin:100px"> <div> <img :src="cat" // 图片src alt="猫咪"> </div> </div></te

div(style="color: #0040ff;cursor:pointer;" @click="downloadFun(val)") 下载//js// 下载 downloadFun(val) { let url = this.server.fileUrl + val.url let type = val.name.indexOf("jpg") !== -1 || val.name.indexOf("gif") !== -1 || val.name.indexO..

div {{ myFunction(val.size) }} myFunction(size) { let kb = 1024 let unit = ['KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] let i = Math.floor(Math.log(size) / Math.log(kb)) // let unit = size < 1024 ? 'KB' : size < 1024.

div(:onloadeddata="myFunction(val.size)") methods: { myFunction(size) { debugger }, }

css中加入/deep/ .el-scrollbar__view{display:inline-block !important;}/deep/ .el-scrollbar__wrap{overflow-x: hidden !important;}//htmlel-scrollbar.left el-tree( :data="treeData" node-key="id" ref="treeRef" default-expand-all @node.

//html.el_scrollbar_box(@click="$refs.projectAbout.open()") p(ref="scroll_p" style="cursor:pointer;") {{ project_overview }}//datadata() { return { scroll_p: null, playTimer_s: 0, playTimer_ms: 0, scroll_p: null, }//jsmounted.

{ title: "登录地址：", type: "select", key: "login_url", rule: { required: true, message: "请输入登录地址", trigger: "blur" }, props: { maxlength: 255, placeholder: "请输入登录地址", filterable: true, //和'allow-create': true;同时存在 'allow-create': tr.

.stageContent { &::-webkit-scrollbar { width: 8px; height: 10px; } &::-webkit-scrollbar-track { background: none; } &::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #405781; }}

1、axios请求import axios from 'axios'` //axios请求axios({ url: 'https://dcp.aaa.com/serv/user/login/in', // url: 'http://zhonghuan_pc.t/serv/user/Login/in', method: 'post', data: { username: "username", password: "password" }}).then(re.

你已被登出，可以取消继续留在该页面，或者重新登录跳转物联 登录失败：不能获取token（登录已过期，请重新登录）。sessionStorage保存token。在获取//store > user.js const user = { state: { token: getToken() || sessionStorage.getItem('hhy-session'), userinfo: '', authorityInfo: {}, busin.

//html.scrollBox(ref="scroll" :class="{animate:animate}" @mouseenter="iEnter" @mouseleave="iLeave") .left(style="cursor:pointer;" @click="pathJump('notices')" v-for="item in release_notice" :key="item.notice_id") i.iconfont.icon-gonggao5(style="fo..

xt-dialog( ref="newsDialog" class="dialogStyle" :title="title" :showfooter="title != '详情' ? true : false" top="5vh" width="55%" @confirm="$refs.xtFormRef.submit()" :autoclose="false" ) xt-form( .

async submit (form, valid) { this.editedForm = form if(valid) { let params = {...form,...this.searchObj,parent_id: this.handleFunObj.parent_id} let url = this.title == '新增' ? 'jCI_UnitPartition_create' :　'jCI_UnitPartition_edit' let r.

.concent_projectOverview, .dashBoardBox { // 滚动条隐藏 &::-webkit-scrollbar { width: 8px; height: 10px; display: none; }

视图层.concentBox2 .title 安全护照行为 .process .bosList span(v-for="item,index in spanList" :key="index") .block(v-for="item,index in spanListBlock" :key="index")js//安全护照行为-彩色块 let num = parseInt((Number(this.spanListNum) / 2.5).toFix..

表格背景变透明/deep/ .el-table{ //表格背景变透明 background: none; &:before{ background: none; } & th{ //表头 // background: none; //去除背景 background-color: #16145A; color: #60A8FF; //表头字体颜色 padding: 3px 0; //表头内边距 border-bottom:..

tooltip. formatter字符串模板option = { legend: {}, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow', }, //这里改变样式 formatter: '<strong> {b0}</strong> <br /> <span style="display: inline-block; margi.

//进度条el-progress(type="circle" :percentage="25" :format="format" )//方法format(percentage) { return percentage +'%\n开工累计完成'},//css/deep/ .el-progress__text { white-space: pre;}

跳转物联 登录失败：不能获取token（登录已过期，请重新登录）。sessionStorage保存token。在获取//store > user.js const user = { state: { token: getToken() || sessionStorage.getItem('hhy-session'), userinfo: '', authorityInfo: {}, business: '', currentBusiness: {},

JumpToIOT.js 跳转过程+加密封装import { Message } from 'element-ui';import AES from "@/utils/AES.js"import RSA from "@/utils/RSA.js"import axios from 'axios'import server from '@/server'import { getIOTToken, getBusinessProjects } from '@/api/login' //在js中不能.

https://blog.youkuaiyun.com/weixin_42912237/article/details/108315909

数据 数组弹窗页面代码其中使用弹性盒子反转数组，也可以在处理数组的时候反转，当时没想到左右箭头（.arrowToLeft和.arrowToRight）用是否单偶数行判断，每一行的最后一个用id取余控制，开始和结束不要箭头xt-dialog( title="流程视图" ref="viewDialogRef" class="dialogRef" :showfooter="false" top="5vh" width="954px" append-to-body).

//调用分割方法this.modelArr = this.spArr(perMissArr, 6) spArr(arr, num) { //arr是你要分割的数组，num是以几个为一组 letnewArr = [] //首先创建一个新的空数组。用来存放分割好的数组 for (let i = 0; i < arr.length;) { //注意：这里与for循环不太一样的是，没有i++ newArr.push(arr.slice(i, i += num)); } retur

if (params.enclosure && params.enclosure.length) { params.enclosure = JSON.stringify(params.enclosure)}

参考https://www.cnblogs.com/cjrfan/p/9154539.htmldefaultValue: dayjs().format(‘YYYY-MM-DD’), { title: '培训时间：', type: 'date', key: 'train_date', // defaultValue: '', defaultValue: dayjs().format('YYYY-MM-DD'), rule: {required: false, message:

复制分支