|
|
@@ -1,582 +0,0 @@
|
|
|
-<template>
|
|
|
-
|
|
|
- <body>
|
|
|
- <div
|
|
|
- class="app"
|
|
|
- id="app"
|
|
|
- >
|
|
|
- <div class="top">
|
|
|
- <ul>
|
|
|
- <li class="li0">第四组</li>
|
|
|
- <li class="li1">煤矿主通风集中监控系统</li>
|
|
|
- <li class="li2">当前用户:</li>
|
|
|
- <li class="li3">{{nowDate}} {{nowTime}}</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="btngroup">
|
|
|
- <el-button
|
|
|
- class="fengji1"
|
|
|
- @click="viewFengjiDetailed(1)"
|
|
|
- >1号风机</el-button>
|
|
|
- <el-button
|
|
|
- class="fengji2"
|
|
|
- @click="viewFengjiDetailed(2)"
|
|
|
- >2号风机</el-button>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="image">
|
|
|
- <img src="@/assets/img/风机组态图.png">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="bottom">
|
|
|
- <div class="bottom-left">
|
|
|
- <p>一号风机运行参数</p>
|
|
|
- <table>
|
|
|
- <tr>
|
|
|
- <th><img src="@/assets/img/柱形图.png">1级电机参数</th>
|
|
|
- <th><img src="@/assets/img/柱形图.png">2级电机风机</th>
|
|
|
- <th><img src="@/assets/img/柱形图.png">管道风量参数</th>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电压Uab: {{uab_1}} V</td>
|
|
|
- <td>电压Uab: {{uab_2}} V</td>
|
|
|
- <td>风流: {{wind_volume}} m³/s</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电压Ubc: {{ubc_1}} V</td>
|
|
|
- <td>电压Ubc: {{ubc_2}} V</td>
|
|
|
- <td>风速: {{wind_speed}} m/s</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电压Uac: {{uca_1}} V</td>
|
|
|
- <td>电压Uac: {{uca_2}} V</td>
|
|
|
- <td>全压: {{full_pressure}} Pa</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电流IA: {{ia_1}} A</td>
|
|
|
- <td>电流IA: {{ia_2}} A</td>
|
|
|
- <td>静压: {{static_pressure}} Pa</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电流IB: {{ib_1}} A</td>
|
|
|
- <td>电流IC: {{ib_2}} A</td>
|
|
|
- <td>动压: {{dynamic_pressure}} Pa</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>绕组1温度: {{temperature_1_1}} ℃</td>
|
|
|
- <td>绕组1温度: {{temperature_1_2}} ℃</td>
|
|
|
- <td>水平风门: {{horizontal_airdoor}} </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>绕组2温度: {{temperature_2_1}} ℃</td>
|
|
|
- <td>绕组2温度: {{temperature_2_2}} ℃</td>
|
|
|
- <td>垂直风门: {{vertical_airdoor}} </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>前轴温度: {{front_axle_temperature_1}} ℃</td>
|
|
|
- <td>后轴温度: {{front_axle_temperature_2}} ℃</td>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>水平震动: {{horizontal_vibration_1}} um/s</td>
|
|
|
- <td>垂直震动: {{vertical_vibration}} um/s</td>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>运行频率: {{operating_frequency_1}} w</td>
|
|
|
- <td>运行频率: {{operating_frequency_2}} w</td>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div class="bottom-right">
|
|
|
- <p>二号风机运行参数</p>
|
|
|
- <table>
|
|
|
- <tr>
|
|
|
- <th><img src="@/assets/img/柱形图.png">1级电机参数</th>
|
|
|
- <th><img src="@/assets/img/柱形图.png">2级电机参数</th>
|
|
|
- <th><img src="@/assets/img/柱形图.png">管道风量参数</th>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电压Uab: {{uab_12}} V</td>
|
|
|
- <td>电压Uab: {{uab_22}} V</td>
|
|
|
- <td>风流: {{wind_volume2}} m³/s</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电压Ubc: {{ubc_12}} V</td>
|
|
|
- <td>电压Ubc: {{ubc_22}} V</td>
|
|
|
- <td>风速: {{wind_speed2}} m/s</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电压Uac: {{uca_12}} V</td>
|
|
|
- <td>电压Uac: {{uca_22}} V</td>
|
|
|
- <td>全压: {{full_pressure2}} Pa</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电流IA: {{ia_12}} A</td>
|
|
|
- <td>电流IA: {{ia_22}} A</td>
|
|
|
- <td>静压: {{static_pressure2}} Pa</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>电流IB: {{ib_1}} A</td>
|
|
|
- <td>电流IC: {{ib_2}} A</td>
|
|
|
- <td>动压: {{dynamic_pressure}} Pa</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>绕组1温度: {{temperature_1_12}} ℃</td>
|
|
|
- <td>绕组1温度: {{temperature_1_22}} ℃</td>
|
|
|
- <td>水平风门: {{horizontal_airdoor2}} </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>绕组2温度: {{temperature_2_12}} ℃</td>
|
|
|
- <td>绕组2温度: {{temperature_2_22}} ℃</td>
|
|
|
- <td>垂直风门: {{vertical_airdoor2}} </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>前轴温度: {{front_axle_temperature_12}} ℃</td>
|
|
|
- <td>后轴温度: {{front_axle_temperature_22}} ℃</td>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>水平震动: {{horizontal_vibration_12}} um/s</td>
|
|
|
- <td>垂直震动: {{vertical_vibration2}} um/s</td>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>运行频率: {{operating_frequency_12}} w</td>
|
|
|
- <td>运行频率: {{operating_frequency_22}} w</td>
|
|
|
- <td></td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </body>
|
|
|
-</template>
|
|
|
- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|
|
- <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
|
|
- <script>
|
|
|
-import axios from "axios";
|
|
|
-export default {
|
|
|
- //el:'#app',
|
|
|
- data() {
|
|
|
- return {
|
|
|
- nowDate: "", // 当前日期
|
|
|
- nowTime: "", // 当前时间
|
|
|
- //1号风机
|
|
|
- uab_1: "",
|
|
|
- ubc_1: "",
|
|
|
- uca_1: "",
|
|
|
- ia_1: "",
|
|
|
- ib_1: "",
|
|
|
- temperature_1_1: "",
|
|
|
- temperature_2_1: "",
|
|
|
- front_axle_temperature_1: "",
|
|
|
- horizontal_vibration_1: "",
|
|
|
- operating_frequency_1: "",
|
|
|
- value1: 0, //1号风机1级电机
|
|
|
- uab_2: "",
|
|
|
- ubc_2: "",
|
|
|
- uca_2: "",
|
|
|
- ia_2: "",
|
|
|
- ib_2: "",
|
|
|
- temperature_1_2: "",
|
|
|
- temperature_2_2: "",
|
|
|
- front_axle_temperature_2: "",
|
|
|
- vertical_vibration: "",
|
|
|
- operating_frequency_2: "",
|
|
|
- value2: 0, //1号风机1级电机
|
|
|
- wind_volume: "",
|
|
|
- wind_speed: "",
|
|
|
- full_pressure: "",
|
|
|
- static_pressure: "",
|
|
|
- dynamic_pressure: "",
|
|
|
- horizontal_airdoor: "",
|
|
|
- vertical_airdoor: "",
|
|
|
- value3: 0, //1号风机管道风量
|
|
|
- //2号风机
|
|
|
- uab_12: "",
|
|
|
- ubc_12: "",
|
|
|
- uca_12: "",
|
|
|
- ia_12: "",
|
|
|
- ib_12: "",
|
|
|
- temperature_1_12: "",
|
|
|
- temperature_2_12: "",
|
|
|
- front_axle_temperature_12: "",
|
|
|
- horizontal_vibration_12: "",
|
|
|
- operating_frequency_12: "",
|
|
|
- value4: 0, //2号风机1级电机
|
|
|
- uab_22: "",
|
|
|
- ubc_22: "",
|
|
|
- uca_22: "",
|
|
|
- ia_22: "",
|
|
|
- ib_22: "",
|
|
|
- temperature_1_22: "",
|
|
|
- temperature_2_22: "",
|
|
|
- front_axle_temperature_22: "",
|
|
|
- vertical_vibration2: "",
|
|
|
- operating_frequency_22: "",
|
|
|
- value5: 0, //2号风机1级电机
|
|
|
- wind_volume2: "",
|
|
|
- wind_speed2: "",
|
|
|
- full_pressure2: "",
|
|
|
- static_pressure2: "",
|
|
|
- dynamic_pressure2: "",
|
|
|
- horizontal_airdoor2: "",
|
|
|
- vertical_airdoor2: "",
|
|
|
- value6: 0, //2号风机管道风量
|
|
|
- remote_ip: "10.170.53.164",
|
|
|
- };
|
|
|
- },
|
|
|
- methods: {
|
|
|
- dealWithTime(data) {
|
|
|
- // 获取当前时间
|
|
|
- let formatDateTime;
|
|
|
- let Y = data.getFullYear();
|
|
|
- let M = data.getMonth() + 1;
|
|
|
- let D = data.getDate();
|
|
|
- let H = data.getHours();
|
|
|
- let Min = data.getMinutes();
|
|
|
- let S = data.getSeconds();
|
|
|
- H = H < 10 ? "0" + H : H;
|
|
|
- Min = Min < 10 ? "0" + Min : Min;
|
|
|
- S = S < 10 ? "0" + S : S;
|
|
|
- this.nowDate = Y + "/" + M + "/" + D;
|
|
|
- this.nowTime = H + ":" + Min + ":" + S;
|
|
|
- // formatDateTime = Y + "/" + M + "/" + D + H + ":" + Min + ":" + S;
|
|
|
- },
|
|
|
- go() {
|
|
|
- alert("GG");
|
|
|
- },
|
|
|
- // somedata1() {
|
|
|
- // var that = this;
|
|
|
- // axios
|
|
|
- // .get("http://" + this.remote_ip + ":8088/hbase/monitor/feng1dian1")
|
|
|
- // .then(function (response) {
|
|
|
- // // console.log(response.data[0].uab);
|
|
|
- // // console.log(response);
|
|
|
- // if (that.value1 == 99) that.value1 = 0;
|
|
|
- // var i = that.value1;
|
|
|
- // that.uab_1 = response.data[i].uab;
|
|
|
- // that.ubc_1 = response.data[i].ubc;
|
|
|
- // that.uca_1 = response.data[i].uca;
|
|
|
- // that.ia_1 = response.data[i].ia;
|
|
|
- // that.ib_1 = response.data[i].ib;
|
|
|
- // that.temperature_1_1 = response.data[i].temperature_1;
|
|
|
- // that.temperature_2_1 = response.data[i].temperature_2;
|
|
|
- // that.front_axle_temperature_1 =
|
|
|
- // response.data[i].front_axle_temperature;
|
|
|
- // that.horizontal_vibration_1 = response.data[i].horizontal_vibration;
|
|
|
- // that.operating_frequency_1 = response.data[i].operating_frequency;
|
|
|
- // that.value1++;
|
|
|
- // })
|
|
|
- // .catch(function (err) {});
|
|
|
- // },
|
|
|
- // somedata2() {
|
|
|
- // var that = this;
|
|
|
- // axios
|
|
|
- // .get("http://" + this.remote_ip + ":8088/hbase/monitor/feng1dian2")
|
|
|
- // .then(function (response) {
|
|
|
- // // console.log(response.data[0].uab);
|
|
|
- // // console.log(response);
|
|
|
- // if (that.value2 == 99) that.value2 = 0;
|
|
|
- // var i = that.value2;
|
|
|
- // that.uab_2 = response.data[i].uab;
|
|
|
- // that.ubc_2 = response.data[i].ubc;
|
|
|
- // that.uca_2 = response.data[i].uca;
|
|
|
- // that.ia_2 = response.data[i].ia;
|
|
|
- // that.ib_2 = response.data[i].ib;
|
|
|
- // that.temperature_1_2 = response.data[i].temperature_1;
|
|
|
- // that.temperature_2_2 = response.data[i].temperature_2;
|
|
|
- // that.front_axle_temperature_2 =
|
|
|
- // response.data[i].front_axle_temperature;
|
|
|
- // that.vertical_vibration = response.data[i].vertical_vibration;
|
|
|
- // that.operating_frequency_2 = response.data[i].operating_frequency;
|
|
|
- // that.value2++;
|
|
|
- // })
|
|
|
- // .catch(function (err) {});
|
|
|
- // },
|
|
|
- // somedata3() {
|
|
|
- // var that = this;
|
|
|
- // axios
|
|
|
- // .get("http://" + this.remote_ip + ":8088/hbase/monitor/feng1pipeline")
|
|
|
- // .then(function (response) {
|
|
|
- // // console.log(response.data[0].uab);
|
|
|
- // // console.log(response);
|
|
|
- // if (that.value3 == 99) that.value2 = 0;
|
|
|
- // var i = that.value2;
|
|
|
- // that.wind_volume = response.data[i].wind_volume;
|
|
|
- // that.wind_speed = response.data[i].wind_speed;
|
|
|
- // that.full_pressure = response.data[i].full_pressure;
|
|
|
- // that.static_pressure = response.data[i].static_pressure;
|
|
|
- // that.dynamic_pressure = response.data[i].dynamic_pressure;
|
|
|
- // that.horizontal_airdoor = response.data[i].horizontal_airdoor;
|
|
|
- // that.vertical_airdoor = response.data[i].vertical_airdoor;
|
|
|
- // that.value3++;
|
|
|
- // })
|
|
|
- // .catch(function (err) {});
|
|
|
- // },
|
|
|
- // somedata4() {
|
|
|
- // var that = this;
|
|
|
- // axios
|
|
|
- // .get("http://" + this.remote_ip + ":8088/hbase/monitor/feng2dian1")
|
|
|
- // .then(function (response) {
|
|
|
- // // console.log(response.data[0].uab);
|
|
|
- // // console.log(response);
|
|
|
- // if (that.value4 == 99) that.value4 = 0;
|
|
|
- // var i = that.value4;
|
|
|
- // that.uab_12 = response.data[i].uab;
|
|
|
- // that.ubc_12 = response.data[i].ubc;
|
|
|
- // that.uca_12 = response.data[i].uca;
|
|
|
- // that.ia_12 = response.data[i].ia;
|
|
|
- // that.ib_12 = response.data[i].ib;
|
|
|
- // that.temperature_1_12 = response.data[i].temperature_1;
|
|
|
- // that.temperature_2_12 = response.data[i].temperature_2;
|
|
|
- // that.front_axle_temperature_12 =
|
|
|
- // response.data[i].front_axle_temperature;
|
|
|
- // that.horizontal_vibration_12 = response.data[i].horizontal_vibration;
|
|
|
- // that.operating_frequency_12 = response.data[i].operating_frequency;
|
|
|
- // that.value4++;
|
|
|
- // })
|
|
|
- // .catch(function (err) {});
|
|
|
- // },
|
|
|
- // somedata5() {
|
|
|
- // var that = this;
|
|
|
- // axios
|
|
|
- // .get("http://" + this.remote_ip + ":8088/hbase/monitor/feng2dian2")
|
|
|
- // .then(function (response) {
|
|
|
- // // console.log(response.data[0].uab);
|
|
|
- // // console.log(response);
|
|
|
- // if (that.value5 == 99) that.value5 = 0;
|
|
|
- // var i = that.value5;
|
|
|
- // that.uab_22 = response.data[i].uab;
|
|
|
- // that.ubc_22 = response.data[i].ubc;
|
|
|
- // that.uca_22 = response.data[i].uca;
|
|
|
- // that.ia_22 = response.data[i].ia;
|
|
|
- // that.ib_22 = response.data[i].ib;
|
|
|
- // that.temperature_1_22 = response.data[i].temperature_1;
|
|
|
- // that.temperature_2_22 = response.data[i].temperature_2;
|
|
|
- // that.front_axle_temperature_22 =
|
|
|
- // response.data[i].front_axle_temperature;
|
|
|
- // that.vertical_vibration2 = response.data[i].vertical_vibration;
|
|
|
- // that.operating_frequency_22 = response.data[i].operating_frequency;
|
|
|
- // that.value5++;
|
|
|
- // })
|
|
|
- // .catch(function (err) {});
|
|
|
- // },
|
|
|
- viewFengjiDetailed(id) {
|
|
|
- console.log("1223");
|
|
|
- if (id == 1) {
|
|
|
- console.log("1");
|
|
|
- this.$router.push({
|
|
|
- path: "/mven_one_sysData",
|
|
|
- });
|
|
|
- } else {
|
|
|
- console.log("2");
|
|
|
- this.$router.push({
|
|
|
- path: "/mven_two_sysData",
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- somedata6() {
|
|
|
- var that = this;
|
|
|
- axios
|
|
|
- .get("http://" + this.remote_ip + ":8088/hbase/monitor/feng2pipeline")
|
|
|
- .then(function (response) {
|
|
|
- // console.log(response.data[0].uab);
|
|
|
- // console.log(response);
|
|
|
- if (that.value6 == 99) that.value6 = 0;
|
|
|
- var i = that.value6;
|
|
|
- that.wind_volume2 = response.data[i].wind_volume;
|
|
|
- that.wind_speed2 = response.data[i].wind_speed;
|
|
|
- that.full_pressure2 = response.data[i].full_pressure;
|
|
|
- that.static_pressure2 = response.data[i].static_pressure;
|
|
|
- that.dynamic_pressure2 = response.data[i].dynamic_pressure;
|
|
|
- that.horizontal_airdoor2 = response.data[i].horizontal_airdoor;
|
|
|
- that.vertical_airdoor2 = response.data[i].vertical_airdoor;
|
|
|
- that.value6++;
|
|
|
- })
|
|
|
- .catch(function (err) {});
|
|
|
- },
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- // 页面加载完后显示当前时间
|
|
|
- this.dealWithTime(new Date());
|
|
|
- // 定时刷新时间
|
|
|
- this.timer = setInterval(() => {
|
|
|
- this.dealWithTime(new Date()); // 修改数据date
|
|
|
- }, 500);
|
|
|
- this.somedata1();
|
|
|
- this.somedata2();
|
|
|
- this.somedata3();
|
|
|
- this.somedata4();
|
|
|
- this.somedata5();
|
|
|
- this.somedata6();
|
|
|
- this.timer1 = setInterval(this.somedata1, 1000);
|
|
|
- this.timer2 = setInterval(this.somedata2, 1000);
|
|
|
- this.timer3 = setInterval(this.somedata3, 1000);
|
|
|
- this.timer4 = setInterval(this.somedata4, 1000);
|
|
|
- this.timer5 = setInterval(this.somedata5, 1000);
|
|
|
- this.timer6 = setInterval(this.somedata6, 1000);
|
|
|
- },
|
|
|
- destroyed() {
|
|
|
- if (this.timer) {
|
|
|
- // 注意在vue实例销毁前，清除我们的定时器
|
|
|
- clearInterval(this.timer);
|
|
|
- }
|
|
|
- if (this.timer1) {
|
|
|
- clearInterval(this.timer1);
|
|
|
- }
|
|
|
- if (this.timer2) {
|
|
|
- clearInterval(this.timer2);
|
|
|
- }
|
|
|
- if (this.timer3) {
|
|
|
- clearInterval(this.timer3);
|
|
|
- }
|
|
|
- if (this.timer4) {
|
|
|
- clearInterval(this.timer4);
|
|
|
- }
|
|
|
- if (this.timer5) {
|
|
|
- clearInterval(this.timer5);
|
|
|
- }
|
|
|
- if (this.timer6) {
|
|
|
- clearInterval(this.timer6);
|
|
|
- }
|
|
|
- },
|
|
|
-};
|
|
|
-</script>
|
|
|
-
|
|
|
-<style scoped>
|
|
|
-@charset "utf-8";
|
|
|
-* {
|
|
|
- padding: 0;
|
|
|
- border: 0;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-.a {
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-li {
|
|
|
- list-style-type: none;
|
|
|
-}
|
|
|
-#app {
|
|
|
- background-color: rgb(2, 76, 146);
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-#app .top li {
|
|
|
- display: inline;
|
|
|
-}
|
|
|
-#app .top ul {
|
|
|
- color: rgb(01, 230, 239);
|
|
|
- line-height: 50px;
|
|
|
-}
|
|
|
-#app .top ul .li0 {
|
|
|
- float: left;
|
|
|
- font-family: 楷体;
|
|
|
- font-size: 20px;
|
|
|
- margin-left: 10%;
|
|
|
-}
|
|
|
-#app .top ul .li1 {
|
|
|
- margin-right: 13%;
|
|
|
- margin-left: 25%;
|
|
|
- font-weight: 700;
|
|
|
- font-size: 25px;
|
|
|
- font-family: 黑体;
|
|
|
- letter-spacing: 5px;
|
|
|
-}
|
|
|
-#app .top ul .li2 {
|
|
|
- font-family: 楷体;
|
|
|
- font-size: 20px;
|
|
|
-}
|
|
|
-#app .top ul .li3 {
|
|
|
- float: right;
|
|
|
- margin-right: 40px;
|
|
|
-}
|
|
|
-.btngroup {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.btngroup .fengji1 {
|
|
|
- font-size: 30px;
|
|
|
- position: absolute;
|
|
|
- top: 110px;
|
|
|
- left: 660px;
|
|
|
-}
|
|
|
-.btngroup .fengji2 {
|
|
|
- font-size: 30px;
|
|
|
- position: absolute;
|
|
|
- top: 180px;
|
|
|
- left: 600px;
|
|
|
-}
|
|
|
-#app .image {
|
|
|
- text-align: center;
|
|
|
- height: 300px;
|
|
|
-}
|
|
|
-#app .image img {
|
|
|
- width: auto;
|
|
|
- height: auto;
|
|
|
- max-width: 100%;
|
|
|
- max-height: 100%;
|
|
|
-}
|
|
|
-#app .image img {
|
|
|
- height: 300px;
|
|
|
-}
|
|
|
-
|
|
|
-#app .top {
|
|
|
- width: 100%;
|
|
|
- height: 50px;
|
|
|
-}
|
|
|
-
|
|
|
-#app .center {
|
|
|
- border-top: 1px solid rgb(39, 99, 163);
|
|
|
- height: 60px;
|
|
|
- border-bottom: 1px solid rgb(39, 99, 163);
|
|
|
-}
|
|
|
-
|
|
|
-#app .bottom-left table {
|
|
|
- width: 98%;
|
|
|
- text-align: center;
|
|
|
- min-height: 500px;
|
|
|
-}
|
|
|
-
|
|
|
-#app .bottom-left {
|
|
|
- float: left;
|
|
|
- width: 49%;
|
|
|
- height: auto;
|
|
|
- text-align: center;
|
|
|
- border: 2px solid rgb(0, 100, 174);
|
|
|
- border-radius: 10px;
|
|
|
-}
|
|
|
-#app .bottom {
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-#app .bottom-right {
|
|
|
- float: right;
|
|
|
- width: 49%;
|
|
|
- height: auto;
|
|
|
- text-align: center;
|
|
|
- border: 2px solid rgb(0, 100, 174);
|
|
|
- border-radius: 10px;
|
|
|
-}
|
|
|
-#app .bottom-right table {
|
|
|
- width: 98%;
|
|
|
- text-align: center;
|
|
|
- min-height: 500px;
|
|
|
-}
|
|
|
-table {
|
|
|
- color: rgb(1, 153, 190);
|
|
|
-}
|
|
|
-tr th img {
|
|
|
- height: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-#app .bottom p {
|
|
|
- color: rgb(0, 230, 239);
|
|
|
- font-weight: 1000;
|
|
|
- font-size: 20px;
|
|
|
-}
|
|
|
-th {
|
|
|
- background-color: rgb(7, 70, 130);
|
|
|
- font-size: 20px;
|
|
|
-}
|
|
|
-</style>
|
