| | |
| | | </div>
|
| | | </div>
|
| | | `,
|
| | | data() {
|
| | | data: function() {
|
| | | return {
|
| | |
|
| | | }
|
| | |
| | | </div>
|
| | | </div>
|
| | | `,
|
| | | data() {
|
| | | data: function() {
|
| | | return {
|
| | |
|
| | | }
|
| | |
| | | <div class="echart" :style="getStyle"></div>
|
| | | </div>
|
| | | `,
|
| | | data() {
|
| | | data: function() {
|
| | | return {
|
| | | graph: '',
|
| | | style: {
|
| | |
| | | <div :id="id" class="high-chart" :style="getStyle"></div>
|
| | | </div>
|
| | | `,
|
| | | data() {
|
| | | data: function() {
|
| | | return {
|
| | | chart: '',
|
| | | }
|
| | |
| | | <div :id="id" class="high-chart" :style="getStyle"></div>
|
| | | </div>
|
| | | `,
|
| | | data() {
|
| | | data: function() {
|
| | | return {
|
| | | chart: '',
|
| | | }
|
| | |
| | | <div class="bui-bar-main">电池信息配置</div>
|
| | | <div class="bui-bar-right"></div>
|
| | | </header>
|
| | | <main>
|
| | | <button @click="readBattMonInfo(1)">系统状态</button>
|
| | | <main ref="main">
|
| | | <iview-table :columns="tbls.battinfo.columns" :data="tbls.battinfo.data" title="" :height="tbls.battinfo.height" style="margin:0"></iview-table>
|
| | | <div class="footer-table-tools">
|
| | | <i-button type="primary" icon="md-add">新建电池组</i-button>
|
| | | </div>
|
| | | </main>
|
| | | <footer>
|
| | | |
| | | |
| | | </footer>
|
| | | </div> |
| | | </div>
|
| | | <style scoped>
|
| | | .footer-table-tools {
|
| | | text-align: center;
|
| | | line-height: 42px;
|
| | | height: 42px;
|
| | | }
|
| | | </style> |
| | |
| | | this.vm = new Vue({
|
| | | el: getPageRoot(module),
|
| | | data: {
|
| | | tbls: {
|
| | | battinfo: {
|
| | | height: '300px',
|
| | | columns: [
|
| | | {
|
| | | key: "num",
|
| | | title: "编号"
|
| | | },
|
| | | {
|
| | | key: "BattGroupName",
|
| | | title: "电池组名称"
|
| | | },
|
| | | {
|
| | | key: "vol",
|
| | | title: "电压"
|
| | | },
|
| | | {
|
| | | key: 'curr',
|
| | | title: '电流'
|
| | | },
|
| | | {
|
| | | title: '操作',
|
| | | key: 'see',
|
| | | align: 'center',
|
| | | width: 200,
|
| | | render: function render(h, params) {
|
| | | return h('div', [h('i-button', {
|
| | | props: {
|
| | | type: 'primary',
|
| | | icon: 'ios-create-outline'
|
| | | },
|
| | | style: {
|
| | | marginRight: '5px'
|
| | | },
|
| | | on: {
|
| | | click: function click() {
|
| | | console.log(params);
|
| | | }
|
| | | }
|
| | | }, '编辑'),
|
| | | h('i-button', {
|
| | | props: {
|
| | | type: 'error',
|
| | | icon: 'ios-trash-outline'
|
| | | },
|
| | | style: {
|
| | | marginRight: '5px'
|
| | | },
|
| | | on: {
|
| | | click: function click() {
|
| | | console.log(params);
|
| | | }
|
| | | }
|
| | | }, '移除')]);
|
| | | }
|
| | | }
|
| | | ],
|
| | | data: [
|
| | | {
|
| | | num: 1
|
| | | }
|
| | | ]
|
| | | }
|
| | | }
|
| | | },
|
| | | computed: {
|
| | |
|
| | | },
|
| | | methods: {
|
| | |
| | | }else {
|
| | | bui.alert('请使用手机端访问!')
|
| | | }
|
| | | },
|
| | | setTblHt: function() {
|
| | | var mainHt = this.$refs.main.offsetHeight-42+"px";
|
| | | this.tbls.battinfo.height = mainHt;
|
| | | }
|
| | | },
|
| | | mounted: function() {
|
| | | var self = this;
|
| | | // 设置表格的高度
|
| | | this.setTblHt();
|
| | | |
| | | window["readBattMonInfocalljs"] = function(res) {
|
| | | console.log(res);
|
| | | }
|
| | |
| | | <div class="bui-icon primary round"><i class="iconfont icon-zhexianzhuzhuangtu"></i></div>
|
| | | <div class="span1">监测数据</div>
|
| | | </li>
|
| | | <li class="bui-btn" @click="handerClick('history')">
|
| | | <!--<li class="bui-btn" @click="handerClick('history')">
|
| | | <div class="bui-icon success round"><i class="iconfont icon-yunweiguanli"></i></div>
|
| | | <div class="span1">运维数据</div>
|
| | | </li>
|
| | | </li>-->
|
| | | <li class="bui-btn" @click="handerClick('warn')">
|
| | | <div class="bui-icon warning round"><i class="icon-bell"></i><span class="bui-badges" v-text="numbers.alarms">0</span></div>
|
| | | <div class="span1">告警管理</div>
|
| | |
| | | </div>
|
| | | </div>
|
| | | `,
|
| | | data() {
|
| | | data: function() {
|
| | | return {
|
| | |
|
| | | }
|
| | |
| | | </div>
|
| | | </div>
|
| | | `,
|
| | | data() {
|
| | | data: function() {
|
| | | return {
|
| | |
|
| | | }
|
| | |
| | | <div class="echart" :style="getStyle"></div>
|
| | | </div>
|
| | | `,
|
| | | data() {
|
| | | data: function() {
|
| | | return {
|
| | | graph: '',
|
| | | style: {
|
| | |
| | | <div :id="id" class="high-chart" :style="getStyle"></div>
|
| | | </div>
|
| | | `,
|
| | | data() {
|
| | | data: function() {
|
| | | return {
|
| | | chart: '',
|
| | | }
|
| | |
| | | <div :id="id" class="high-chart" :style="getStyle"></div>
|
| | | </div>
|
| | | `,
|
| | | data() {
|
| | | data: function() {
|
| | | return {
|
| | | chart: '',
|
| | | }
|
| | |
| | | <div class="bui-bar-main">电池信息配置</div>
|
| | | <div class="bui-bar-right"></div>
|
| | | </header>
|
| | | <main>
|
| | | <button @click="readBattMonInfo(1)">系统状态</button>
|
| | | <main ref="main">
|
| | | <iview-table :columns="tbls.battinfo.columns" :data="tbls.battinfo.data" title="" :height="tbls.battinfo.height" style="margin:0"></iview-table>
|
| | | <div class="footer-table-tools">
|
| | | <i-button type="primary" icon="md-add">新建电池组</i-button>
|
| | | </div>
|
| | | </main>
|
| | | <footer>
|
| | | |
| | | |
| | | </footer>
|
| | | </div> |
| | | </div>
|
| | | <style scoped>
|
| | | .footer-table-tools {
|
| | | text-align: center;
|
| | | line-height: 42px;
|
| | | height: 42px;
|
| | | }
|
| | | </style> |
| | |
| | | this.vm = new Vue({
|
| | | el: getPageRoot(module),
|
| | | data: {
|
| | | tbls: {
|
| | | battinfo: {
|
| | | height: '300px',
|
| | | columns: [
|
| | | {
|
| | | key: "num",
|
| | | title: "编号"
|
| | | },
|
| | | {
|
| | | key: "BattGroupName",
|
| | | title: "电池组名称"
|
| | | },
|
| | | {
|
| | | key: "vol",
|
| | | title: "电压"
|
| | | },
|
| | | {
|
| | | key: 'curr',
|
| | | title: '电流'
|
| | | },
|
| | | {
|
| | | title: '操作',
|
| | | key: 'see',
|
| | | align: 'center',
|
| | | width: 200,
|
| | | render: function render(h, params) {
|
| | | return h('div', [h('i-button', {
|
| | | props: {
|
| | | type: 'primary',
|
| | | icon: 'ios-create-outline'
|
| | | },
|
| | | style: {
|
| | | marginRight: '5px'
|
| | | },
|
| | | on: {
|
| | | click: function click() {
|
| | | console.log(params);
|
| | | }
|
| | | }
|
| | | }, '编辑'),
|
| | | h('i-button', {
|
| | | props: {
|
| | | type: 'error',
|
| | | icon: 'ios-trash-outline'
|
| | | },
|
| | | style: {
|
| | | marginRight: '5px'
|
| | | },
|
| | | on: {
|
| | | click: function click() {
|
| | | console.log(params);
|
| | | }
|
| | | }
|
| | | }, '移除')]);
|
| | | }
|
| | | }
|
| | | ],
|
| | | data: [
|
| | | {
|
| | | num: 1
|
| | | }
|
| | | ]
|
| | | }
|
| | | }
|
| | | },
|
| | | computed: {
|
| | |
|
| | | },
|
| | | methods: {
|
| | |
| | | }else {
|
| | | bui.alert('请使用手机端访问!')
|
| | | }
|
| | | },
|
| | | setTblHt: function() {
|
| | | var mainHt = this.$refs.main.offsetHeight-42+"px";
|
| | | this.tbls.battinfo.height = mainHt;
|
| | | }
|
| | | },
|
| | | mounted: function() {
|
| | | var self = this;
|
| | | // 设置表格的高度
|
| | | this.setTblHt();
|
| | | |
| | | window["readBattMonInfocalljs"] = function(res) {
|
| | | console.log(res);
|
| | | }
|
| | |
| | | <div class="bui-icon primary round"><i class="iconfont icon-zhexianzhuzhuangtu"></i></div>
|
| | | <div class="span1">监测数据</div>
|
| | | </li>
|
| | | <li class="bui-btn" @click="handerClick('history')">
|
| | | <!--<li class="bui-btn" @click="handerClick('history')">
|
| | | <div class="bui-icon success round"><i class="iconfont icon-yunweiguanli"></i></div>
|
| | | <div class="span1">运维数据</div>
|
| | | </li>
|
| | | </li>-->
|
| | | <li class="bui-btn" @click="handerClick('warn')">
|
| | | <div class="bui-icon warning round"><i class="icon-bell"></i><span class="bui-badges" v-text="numbers.alarms">0</span></div>
|
| | | <div class="span1">告警管理</div>
|