- 博客(10)
- 收藏
- 关注
原创 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
168
原创 ZM—Object 标签来加载flash插件
项目要求:接入配置的视频,动态地址,进入页面自动播放遇到问题:进入页面第一个视频不会显示,无法自动播放,因为某些原因,我们采用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
170
原创 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
222
原创 ZM—后台无法给想要的数据格式(2)
问题描述:后台无法给想要的数据格式,想要的数据格式:listData:[ { title:"甲醇", place:['陕西','西安'], value:['12345.3','36985.6'] }, { title:"乙烯", place:['武汉','安徽'], valu
2021-02-19 14:20:01
106
原创 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
162
原创 ZM—后台无法给想要的数据格式(1)
问题描述:后台无法给想要的数据格式,想要的数据格式:threedata: [ { jihua: '', wancheng: '', chaoqian: '' }, { jihua: '', wancheng: '', chaoqian: '' }, { jihua: '', wancheng: '', chaoqian: '' },]后台给的数据格式:threedata: { jihua1:'', jihua2:'', jihua3:'
2021-02-19 11:02:38
101
原创 ZM—纵向复杂表单
电力机组弹框表单组件名称:dv-dltk效果图:左侧表头固定,右侧数据,根据传入的数据自动控制大小、控制合并单元格的个数问题一开始想到的方法是用element UI进行编写,后来发现合并单元格要进行的判断太过于复杂,样式也不好调整,所以选择了原生的table编写。写的过程中,因为要求是右侧的关系是上下关联,一一对应的,要知道列表渲染的时候都是横向的渲染数据,这次的要求是纵向的关联,最终敲定了单元格的合并有后台传过来的数控制,单写一个变量控制合并。具体如下:table代码: <ta
2021-02-05 16:58:16
235
原创 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
117
原创 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
375
原创 ZM—表单无数据显示长横线
element UI 表单没有数据的时候显示长横线项目要求:项目场景:制作列表,有数据的时候显示数据,没有数据的时候显示长横线问题描述:原始列表:<div style="margin-left:5%;margin-right:-5%"> <el-table :data="tableData" border
2021-02-05 14:32:37
787
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人