数据表格

whyczyk

2022-02-28 8a239691ae0eb8cf2e61011658deb5c707c1f6e8

数据表格

 src/assets/css/reset.css

@@ -1,29 +1,29 @@
@charset "utf-8";

* {
    box-sizing: border-box;
  box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}

html,
body,
#app {
    width: 100%;
    height: 100%;
  width: 100%;
  height: 100%;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type='submit'],
input[type='reset'],
input[type='button'],
input {
    font-family: Arial, Helvetica, sans-serif;
    resize: none;
    border: none;
  font-family: Arial, Helvetica, sans-serif;
  resize: none;
  border: none;
}

body,
@@ -64,9 +64,9 @@
menu,
nav,
section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 28px;
    box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 28px;
  box-sizing: border-box;
}

article,
@@ -80,17 +80,17 @@
menu,
nav,
section {
    display: block;
  display: block;
}

img {
    width: 100%;
    height: auto;
    width: auto\9;
    /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic;
    /*为了照顾ie图片缩放失真*/
  width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
  display: block;
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}

body,
@@ -131,55 +131,55 @@
menu,
nav,
section {
    margin: 0;
    padding: 0;
  margin: 0;
  padding: 0;
}

body {
    font: 24px/1.5 'Microsoft YaHei', '宋体', Tahoma, Arial, sans-serif;
    color: #323233;
    background-color: #fff;
  font: 24px/1.5 'Microsoft YaHei', '宋体', Tahoma, Arial, sans-serif;
  color: #323233;
  background-color: #fff;
}

em,
i {
    font-style: normal;
  font-style: normal;
}

ul,
li {
    list-style-type: none;
  list-style-type: none;
}

strong {
    font-weight: normal;
  font-weight: normal;
}

.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
  content: '';
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

.clearfix {
    zoom: 1;
  zoom: 1;
}

a {
    text-decoration: none;
    color: #969696;
    font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
  text-decoration: none;
  color: #969696;
  font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}

a:hover {
    text-decoration: none;
  text-decoration: none;
}

ul,
ol {
    list-style: none;
  list-style: none;
}

h1,
@@ -188,50 +188,55 @@
h4,
h5,
h6 {
    font-size: 100%;
    font-family: 'Microsoft YaHei';
  font-size: 100%;
  font-family: 'Microsoft YaHei';
}

img {
    border: none;
  border: none;
}

input {
    font-family: 'Microsoft YaHei';
  font-family: 'Microsoft YaHei';
}

.one-txt-cut {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.txt-cut {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

a:link,
a:active,
a:visited,
a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
  background: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

input[type=button],
input[type=submit],
input[type=file],
input[type='button'],
input[type='submit'],
input[type='file'],
button {
    cursor: pointer;
    -webkit-appearance: none;
  cursor: pointer;
  -webkit-appearance: none;
}

.van-nav-bar .van-icon.van-icon-arrow-left {
    color: #4B88F9 !important;
    font-size: 36px;
    font-weight: bold;
}
  color: #4b88f9 !important;
  font-size: 36px;
  font-weight: bold;
}

.el-table th.el-table__cell > .cell,
.el-table td.el-table__cell div {
  line-height: inherit !important;
}

 src/pages/monitoring/js/getTblHeader.js

@@ -6,7 +6,7 @@
            label: "单体编号",
            width: "",
            key1: "",
            fixed: 'left',
            fixed: true
        },
        {
            prop: "vol1",

 src/pages/monitoring/real-monitoring.vue

@@ -102,8 +102,8 @@
            <div class="card">
                <div class="commonTitle cardTitle">数据表格</div>
                <div class="listCon">
                    <el-table stripe size="small" :data="table.datas" height="100%" :row-class-name="setTableRowClass">
                        <el-table-column v-for="header in dataHeaders" :key="header.prop" :prop="header.prop" :label="header.label" :width="header.width" align="center" :fixed="header.fixed"></el-table-column>
                    <el-table stripe size="small" :data="table.datas" height="100%" :row-class-name="setTableRowClass" v-if="table.show">
                        <el-table-column v-for="header in dataHeaders" :key="header.prop" :prop="header.prop" :label="header.label" :width="header.width" :fixed="header.fixed" align="center"></el-table-column>
                    </el-table>
                </div>

@@ -249,7 +249,7 @@
                        label: "单体编号",
                        width: "",
                        key1: "",
                        fixed: 'left',
                        fixed: true
                    },
                    {
                        prop: "vol1",
@@ -305,6 +305,7 @@
                        leakVol1: 0,
                    },
                ],
                show: false
            },
            pageConfig: pageConfig,
            diagram: {
@@ -466,6 +467,7 @@
            this.batt = data;
            this.realTimeAlarmss();
            this.table.headers = getTblHeader(data.FBSDeviceId);
            this.table.show = false;
            // 开启循环请求
            this.startTimer();
        },
@@ -583,6 +585,7 @@
        /* echars图表 */
        realTimeSearch() {
            var batt = this.batt;

            realTimeSearch({
                BattGroupId: batt.BattGroupId
            }).then(res => {
@@ -612,6 +615,7 @@
                }
                // 更新表格
                this.table.datas = data;
                this.table.show = true;
                // 电压值
                let volTempVol = [];
                if (rs.code == 1) {