xt
美丽先生
这个作者很懒,什么都没留下…
展开
-
【小塔秉匠地图】
秉匠地图原创 2022-12-12 17:54:14 · 122 阅读 · 0 评论 -
标段参数说明
代码】标段参数说明。原创 2022-07-29 16:50:14 · 100 阅读 · 0 评论 -
笔记:在xt-form中插入el-table表格 和 在xt-form中插入el-button(基于iview-form)
//- 质检资料.dataBox .titleBox 质检资料: .tableBox el-table(:data="qualityInspectionData" border height="250px") el-table-column(label="序号" type="index" align="center" width="80") el-table-column(prop="number" label="编号" align="center" min-wi.原创 2022-05-10 10:19:30 · 193 阅读 · 0 评论 -
element-ui中Table表格如何合并单元格(合并多列、前几列)
参考来之https://blog.csdn.net/weixin_38516688/article/details/86021359主要代码 merageInit() { // 在下文的时候会用到,对数据进行初始化是很有必要的 this.paragraph_merageArr = []; this.paragraph_meragePos = 0; this.project_merageArr = []; this.project_meragePos原创 2022-04-13 14:43:05 · 3982 阅读 · 1 评论 -
vue 过滤事件
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...原创 2022-01-17 15:12:24 · 387 阅读 · 0 评论 -
iViewForm配置输入框宽度
settings: { style: "width: 150px;" },{ title: '', type: 'select', key: 'branch_id', defaultValue:'', props: { 'placeholder': '请选择分部', clearable: true, }, settings: { style: "width: 150px;" }, options:[]},原创 2022-01-13 18:42:59 · 1076 阅读 · 0 评论 -
.el-divider 样式
el-divider(content-position="left") span(style="color: #409EFF;font-weight: bold;") 基本信息 .el-divider { background-color: #b6d7fb; height: 2px; } el-divider(content-position="left") 基本信息 .el-divider { b...原创 2021-12-29 15:54:45 · 14313 阅读 · 3 评论 -
el-pagination改变分页器样式
.paginationBox { width: 556px; overflow: auto; margin: 0px 20px 0px 10px; .xt-pagination { padding-right: 18px; } &::-webkit-scrollbar { //改变滚动条样式 width: 8px; height: 10px; } ...原创 2021-12-24 14:45:20 · 2359 阅读 · 0 评论 -
vue项目el-table导出成表格
https://www.cnblogs.com/WangXinPeng/p/11120926.html原创 2021-12-15 15:24:01 · 997 阅读 · 0 评论 -
后端没有返回标识时,前端element tree 默认展开前三级(或其他)
图片不重要用getNode获得树的层级level,判断层级是不是前三级,是的话加入默认展开id数组:default-expanded-keys=“defaultExpandedIdArr” //拿树的第一级遍历调用getNodeLevel() if( this.treeData && this.treeData.length > 0) { this.treeData.map(item => { this.getNodeLevel(it原创 2021-12-07 16:06:22 · 1321 阅读 · 1 评论 -
标段模板、审批流程模板
备注:标段有且只有一个标段:默认选中且必选,不可传空。(传空会查询出账号以外的标段数据)有多个标段:默认第一个或者默认空,为空情况下查询多标段数据,不会查询账号以外的标段数据<template lang='pug'> .supervision-monthlyReport.boxCommon .boxHeader xt-search(:searchList="searchList" ref="formName" @submit="searchHandle" :h.原创 2021-12-06 15:24:35 · 573 阅读 · 0 评论 -
js不打开直接下载txt文件
js不打开直接下载txt文件1.调用 downloadUrlFile(url); //url=文件来源。地址//获取文件blob数据并保存2.saveAs(xhr.response, fileName);开始下载参考https://www.cnblogs.com/weixiaofantasy/p/13191184.html 》成功downloadUrlFile(url)//调用/** * 获取页面文件名 * @param url 文件url */function downloa.转载 2021-12-03 18:54:10 · 1620 阅读 · 0 评论 -
element tree 加min-width解决label长度过短不好看。和宽度写死x轴不滚动问题
.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")&.原创 2021-12-02 16:55:47 · 1357 阅读 · 0 评论 -
Vue引入静态图片的两种方式
搬运地址:https://blog.csdn.net/weixin_42164004/article/details/1086642221.require形式引入<template> <div style="margin:100px"> <div> <img :src="cat" // 图片src alt="猫咪"> </div> </div></te转载 2021-11-30 11:28:23 · 2762 阅读 · 1 评论 -
点击图片下载
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..原创 2021-11-26 18:29:34 · 200 阅读 · 0 评论 -
JS数据容量单位转换(kb,mb,gb,tb)
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.原创 2021-11-26 17:45:10 · 2961 阅读 · 0 评论 -
div(:onloadeddata=“myFunction(val.size)“)
div(:onloadeddata="myFunction(val.size)") methods: { myFunction(size) { debugger }, }原创 2021-11-26 17:34:13 · 568 阅读 · 0 评论 -
el-scrollbar滚动条x轴不显示问题,以及宽度问题
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.原创 2021-11-25 12:25:52 · 1299 阅读 · 0 评论 -
css3过渡 文字自动滚动效果
//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.原创 2021-11-24 14:56:27 · 455 阅读 · 0 评论 -
iview 使用element年月选择器 el-date-picker type=“month“
{ title: '报表日期:', key: 'date', rule: { required: true, message: "请选择报表日期", trigger: "change" }, props: { }, renderContent (h, item, form) { return (<el-date-picker v-model={ form.date } type="month" placeholder="请选择"></el-date-pick.原创 2021-11-17 15:29:48 · 1135 阅读 · 2 评论 -
iview-form 可输入下拉框
{ title: "登录地址:", type: "select", key: "login_url", rule: { required: true, message: "请输入登录地址", trigger: "blur" }, props: { maxlength: 255, placeholder: "请输入登录地址", filterable: true, //和'allow-create': true;同时存在 'allow-create': tr.原创 2021-11-15 19:17:24 · 1094 阅读 · 0 评论 -
vue 改变滚动条样式
.stageContent { &::-webkit-scrollbar { width: 8px; height: 10px; } &::-webkit-scrollbar-track { background: none; } &::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #405781; }}原创 2021-11-15 10:38:17 · 701 阅读 · 0 评论 -
vue 跨项目请求接口两种方法 axios
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.原创 2021-11-13 21:55:48 · 889 阅读 · 0 评论 -
跳转登录失败问题token失效,先保存token、再用token
你已被登出,可以取消继续留在该页面,或者重新登录跳转物联 登录失败:不能获取token(登录已过期,请重新登录)。sessionStorage保存token。在获取//store > user.js const user = { state: { token: getToken() || sessionStorage.getItem('hhy-session'), userinfo: '', authorityInfo: {}, busin.原创 2021-11-13 21:48:55 · 2119 阅读 · 0 评论 -
CSS3 过渡实现无缝滚动效果
//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..原创 2021-11-02 11:22:24 · 1134 阅读 · 0 评论 -
富文本,v-html
xt-dialog( ref="newsDialog" class="dialogStyle" :title="title" :showfooter="title != '详情' ? true : false" top="5vh" width="55%" @confirm="$refs.xtFormRef.submit()" :autoclose="false" ) xt-form( .原创 2021-10-26 10:50:53 · 543 阅读 · 0 评论 -
不请求后端数据的情况下,前端递归改变tree树结构数据(联动改变编号)
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.原创 2021-10-25 22:05:48 · 319 阅读 · 0 评论 -
滚动条隐藏
.concent_projectOverview, .dashBoardBox { // 滚动条隐藏 &::-webkit-scrollbar { width: 8px; height: 10px; display: none; }原创 2021-10-18 16:29:39 · 160 阅读 · 0 评论 -
进度条进度条
视图层.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..原创 2021-10-15 17:52:10 · 116 阅读 · 0 评论 -
去除表格背景颜色 背景变透明
表格背景变透明/deep/ .el-table{ //表格背景变透明 background: none; &:before{ background: none; } & th{ //表头 // background: none; //去除背景 background-color: #16145A; color: #60A8FF; //表头字体颜色 padding: 3px 0; //表头内边距 border-bottom:..原创 2021-10-14 20:01:04 · 625 阅读 · 0 评论 -
echarts 柱状图
option = { color: ['#39FDF9', '#FBCE39'], legend: {//图例文字颜色 textStyle: { color: "#60A8FF" }, //模板 // formatter: '123{name}' }, tooltip: { //提示框 trigger: 'axis', axisPointer: { type: 'shadow', .原创 2021-10-14 15:28:23 · 499 阅读 · 0 评论 -
echarts 柱状图 tooltip 加单位
tooltip. formatter字符串模板option = { legend: {}, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow', }, //这里改变样式 formatter: '<strong> {b0}</strong> <br /> <span style="display: inline-block; margi.原创 2021-10-14 14:08:47 · 5610 阅读 · 0 评论 -
element 圆形circle进度条 内置文字换行
//进度条el-progress(type="circle" :percentage="25" :format="format" )//方法format(percentage) { return percentage +'%\n开工累计完成'},//css/deep/ .el-progress__text { white-space: pre;}原创 2021-10-13 15:14:42 · 1749 阅读 · 2 评论 -
跳转物联平台,登录失败问题
跳转物联 登录失败:不能获取token(登录已过期,请重新登录)。sessionStorage保存token。在获取//store > user.js const user = { state: { token: getToken() || sessionStorage.getItem('hhy-session'), userinfo: '', authorityInfo: {}, business: '', currentBusiness: {},原创 2021-10-12 15:37:20 · 309 阅读 · 0 评论 -
表格显示图片、查看附件
el-table-column(prop="enclosure" label="图片" align="center") template(slot-scope="scope") img(style="width: 30px;height: 30px;cursor: pointer;vertical-align: middle;" @click="lookFile(scope.row)" v-if="scope.row.enclosure[0]" :src="server.fileUrl + scop原创 2021-10-09 10:29:16 · 447 阅读 · 0 评论 -
跳转物联平台 、使用vue axios解决跨域 、AES+RSA登录加密
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中不能.原创 2021-09-29 19:09:38 · 265 阅读 · 0 评论 -
vue跨域
前端解决跨域将域名写进server中通过vue的axios方式请求 //在server中设置ucenter ucenter: 'http://ucenter.xatasoft.com/api/',接口方式1let val = { username: '123445', password: '123456'}let res = await this.$api.getIOTInfo()export function getIOTInfo(data) { return re原创 2021-09-29 18:51:51 · 125 阅读 · 0 评论 -
笔记:跳转(不通用)
作战指挥首页平台跳转let params = {account: "邱杰"created_at: "2021-09-28 15:54:16"id: 28index_url: "http://hhy.com/#/headquarters"login_url: "https://hhy.com/serv/user/Login/in"password: "789798"platform_name: "hhy"project_id: 18updated_at: "2021-09-28 15:.原创 2021-09-28 16:04:20 · 117 阅读 · 0 评论 -
前端代码动态生成 审批流程图、流程图
数据 数组弹窗页面代码其中使用弹性盒子反转数组,也可以在处理数组的时候反转,当时没想到左右箭头(.arrowToLeft和.arrowToRight)用是否单偶数行判断,每一行的最后一个用id取余控制,开始和结束不要箭头xt-dialog( title="流程视图" ref="viewDialogRef" class="dialogRef" :showfooter="false" top="5vh" width="954px" append-to-body).原创 2021-09-18 19:15:05 · 4911 阅读 · 0 评论 -
form表单校验
//提交 submit(form, valid) { //valid = false if(valid) { } },原创 2021-09-15 15:29:30 · 255 阅读 · 0 评论