07 2021 档案
摘要：数据图例的说明一般是legend内设置：不管是柱状还是折线还是环形 lengend同时还可以点击选择显示对应此项目图例的表项 柱状图图例设置例： option:{ legend: { data: ["报修量", "闭环量"], textStyle: { // 图列内容样式 color: '#23ff
阅读全文
摘要：需求：有三个页面：index1,index2,iframe外链页面。 这三个页面分别配置的有各自的路由。除了iframe页面，其它两个页面分别都有自己的各种组件组装而成，第二个页面的banner显示两个地图轮播： 正常组件cursor进行地图banner轮播。index页面因为高度是自适应的，使用a
阅读全文
摘要：<!-- 树状结构图 --> <el-tree :data="partmentdate" :props="defaultProps" @node-click="handleNodeClick2" highlight-current="true" default-expand-all ></el-tr
阅读全文
摘要："visualMap": [{//地图的左下侧高低标题 "show": true, "left": "10px", "bottom": "10px", "max": 840, //最大最小值 "min": 0, "z": 999, "calculable": true, "text": ["高",
阅读全文
摘要：在vue中使用swiper ,地图echart分别封装为两个组件： <a-carousel arrows autoplay :autoplaySpeed="autoplaySpeed"> <div style="width:100%;"> <hotmap></hotmap> </div> <div
阅读全文
摘要：vue的element默认可选择表单只有多选框，想要变为单选框选择可以自己设置，也可以变为点击行列表后做相应事件。 这里记录单选变多选设置： 1： 首先template内： <!-- 人员表格 --> <el-table ref="multipleTable" :data="persionTable
阅读全文
摘要：思路和流程： 1：两个表单，受理页表单+工单处理表单。 2：实现第一个表单是一个tab页（受理页）提交后跳转到第二个表单（不用路由跳转这里用弹出新tab标签页并自动切换到工单处理页面表单） 3：受理页tab页面和工单处理tab标签页封装成组件，两个tab标签页的关系是兄弟组件关系。 4：两个标签页组
阅读全文
摘要：1：兄弟a组件提交后通知了b组件，b组件监听到数据变化重新赋值，接收到的值没问题，但是回显是有问题的，主要因为组件里watch监听后再次赋值没有实时更新组件 这时候要强制执行下组件更新机制： watch: { subobj: function (n, o) { console.log(n, o);
阅读全文
摘要：lineStyle内更改即可 lineStyle: { normal: { color: color[i], width: 4,//射线宽 curveness: 0.2,//曲度 }, }, 和 effect 不同的是 effect是在曲线上流动的设置，参考上篇配置动态射线
阅读全文
摘要：在做数组字符串等接口返回数据操作中经常会遇到这样的错误：vue.js 操作数据常见报错 ...split is not a function... 而实际运行代码又可以正常运行并且能够正常操作数据结果也是对的。那想要去掉这种报错怎么解决呢： 实际后端返回很多数据看似是字符串，其实是个数组类型。所以只
阅读全文
摘要：vue项目开发的tabs切换会有遇到一些坑。 常见的v-show的失效。还有正常兄弟组件传值监听不到值变化问题。 失效可以用v-if代替，但是v-if是没有切换时候不会渲染组件。这就造成了正常两个原有tab内组件不会按照常规的兄弟传值来进行。 解决方案也很简单，直接在mounted内赋值即可，要注意
阅读全文
摘要：1：在a页面有个el-cascader,级联选择，选择完后绑定值为数组[1,2,3]并发送给后端 2：在b页面的el-cascader需要进入页面先回显出来。但是数据是字符串（后端处理了数据）"1,2,3" 3：出现了回显不了问题：进入数据赋值form.complaintype回显不了 4：解决方案
阅读全文
摘要：有的客户竟然舍弃流动线条的动效。 配置也很简单： 只要改下series内控制线条数据的 effect即可： 把effect注释： [ ["新乡2", date1], // ["九江", date2], // ["新疆", date3], ].forEach(function (item, i) {
阅读全文
摘要：每个echart的图标都是一个canvas,依托于父级的dom元素，比如<div ref="canva1"> var myChart = echarts.init(this.$refs.canva1); 当我们多个图表命名一致的时候，就会出现这种问题了。 比如几个图表，所有dom元素都是共用的，<d
阅读全文
摘要：在geo对象内设置配置： itemStyle：{ "normal": { // "areaColor": "#09273F",//地图区域颜色--原 "areaColor": "#053f98",//地图区域颜色 "borderColor": "#6292B2",//地图边界线颜色 // "shad
阅读全文
摘要：vue框架开发的四周发散地图，地图指定地点向四周指定值发散出一根流动线条。当鼠标移上去后会显示数据，地图默认显示出来。 在参考网上很多后决定用echart配合map地图组件制作，大概的代码和详细配置如下： 首先是模板渲染：基本显示 <template> <div class="ComMap"> <d
阅读全文
摘要：在vue中使用跑马灯（这里用了antdesign vue 的a-carousel） 出现的问题：1：当跑马灯自动播放设置时间 autoplaySpeed 大于接近自定义的定时器时间时，跑马灯失效。 当小于时间会再次跑起： 跑马灯： <a-carousel arrows autoplay :autop
阅读全文
