小鱼有毒-优快云博客

原创 BK-实时数据倒叙推送

项目要求：白净信息模块，接收后台推送的实时数据并倒序显示，相同id的进行数据替换组件：eescueWarn 页面实现代码： <div class="warn"> <div class="main"> <span>报警信息</span><br> <img src="../assets/images/bigline.png"> </div>

2021-04-02 16:07:38 210

项目要求：接入配置的视频，动态地址，进入页面自动播放遇到问题：进入页面第一个视频不会显示，无法自动播放，因为某些原因，我们采用Object 标签来加载flash插件，显示视频。初始代码如下： <div class="content" v-for="(val,key,i) in videoSource.slice(0,4)" :key="i"> <object type="application/x-shockwave-flash" id="SampleMediaPlaybac

2021-02-23 14:35:21 214

原创 ZM—实时数据根据编码赋值

项目要求：模块根据实时数据变换，收到后台数据，根据编码进行赋值后台一条一条的推送数据，前端进行筛选取值赋值。编码及数据格式： CODE: [ {'/MW/': 'da[0].data'}, {'/MSPRS/': 'da[1].data'}, {'/MST/': 'da[2].data'}, ], da: [ { name: "功率", data: "", dw: "MW", }, { name: "主气压力", data: "", dw: "Mpa", },

2021-02-19 16:03:16 265

原创 ZM—后台无法给想要的数据格式（2）

问题描述：后台无法给想要的数据格式，想要的数据格式： listData:[ { title:"甲醇", place:['陕西','西安'], value:['12345.3','36985.6'] }, { title:"乙烯", place:['武汉','安徽'], valu

2021-02-19 14:20:01 132

原创 ZM—广播传递参数事件

平台传递参数用的广播事件问题描述：动态传参，获得当前地址，传给后台，后台返回对应值解决方案：封装的广播事件 onPubParams(params = {}) { this.pubParams = Object.assign({}, this.pubParams, params); }, onPubAction(params = {}){ if (params.ACT == 'reset') { this.dataSet.clear();

2021-02-19 14:01:07 196

原创 ZM—后台无法给想要的数据格式（1）

问题描述：后台无法给想要的数据格式，想要的数据格式： threedata: [ { jihua: '', wancheng: '', chaoqian: '' }, { jihua: '', wancheng: '', chaoqian: '' }, { jihua: '', wancheng: '', chaoqian: '' }, ] 后台给的数据格式： threedata: { jihua1：'', jihua2：'', jihua3：'

2021-02-19 11:02:38 133

原创 ZM—纵向复杂表单

电力机组弹框表单组件名称：dv-dltk 效果图：左侧表头固定，右侧数据，根据传入的数据自动控制大小、控制合并单元格的个数问题一开始想到的方法是用element UI进行编写，后来发现合并单元格要进行的判断太过于复杂，样式也不好调整，所以选择了原生的table编写。写的过程中，因为要求是右侧的关系是上下关联，一一对应的，要知道列表渲染的时候都是横向的渲染数据，这次的要求是纵向的关联，最终敲定了单元格的合并有后台传过来的数控制，单写一个变量控制合并。具体如下： table代码： <ta

2021-02-05 16:58:16 274

原创 ZM—板块跳转效果方法

首页板块组件名称：dv-bankuai 效果图：点击煤炭、煤化工等，组件下半部分显示不同页面，不点击时，隔5秒自动跳转下一个板块具体方法 html代码太多就不放上来了 data() { return { cur: 1,//控制哪个组件显示 timer:null, }; }, mounted() { this.timer=setInterval(this.loop, 5000);//自动切换板块 }, methods: { loop(){

2021-02-05 16:11:19 144

原创 ZM—封装方法、接收数据

封装doAct()、list()方法，接收数据项目要求：还没有搞懂平台内部代码，只能大概的看一下。要求：接入接口。 doAct()方法：这个方法收到的是后台传的数据。 // 提交执行服务的动作，比如自定义动作 http.doAct = async (servId, act, params) => { const res = await http.post(`/${servId}.${act}.do`, params) if (res.status == 200) {

2021-02-05 15:39:18 443

原创 ZM—表单无数据显示长横线

element UI 表单没有数据的时候显示长横线项目要求：项目场景：制作列表，有数据的时候显示数据，没有数据的时候显示长横线问题描述：原始列表： <div style="margin-left:5%;margin-right:-5%"> <el-table :data="tableData" border

2021-02-05 14:32:37 889 1