| | |
| | | label="失败总量"
|
| | | ></el-table-column>
|
| | | </el-table>
|
| | | |
| | | <div class="back" v-if="showSubTable" @click="showSubTable=false">
|
| | |
|
| | | <div class="back" v-if="showSubTable" @click="showSubTable = false">
|
| | | <span class="icon iconfont"></span>
|
| | | <span class="title">事件推送日志</span>
|
| | | </div>
|
| | | <el-table
|
| | | <el-table
|
| | | class="tableBox"
|
| | | ref="multipleTable"
|
| | | :cell-style="styleFunc"
|
| | |
| | | prop="result"
|
| | | label="再次推送状态"
|
| | | ></el-table-column>
|
| | | |
| | | </el-table>
|
| | | </div>
|
| | |
|
| | |
| | | data() {
|
| | | return {
|
| | | loading: false,
|
| | | loadingText: "",showSubTable: false,
|
| | | loadingText: "",
|
| | | showSubTable: false,
|
| | | tableData: [
|
| | | { msg: 2, userName: "车辆识别" },
|
| | | { userName: "人脸识别", msg: 4 },
|
| | | ],
|
| | | subTableData:[
|
| | |
|
| | |
|
| | | ],
|
| | | subTableData: [],
|
| | | dateArr: ["今日", "近三天", "近七天", "近一个月", "近六个月"],
|
| | | levelOptions: [],
|
| | | hostNameOptions: [],
|
| | |
| | | });
|
| | | },
|
| | | clickFaults(row, column, cell, event) {
|
| | | this.showSubTable=true
|
| | |
|
| | |
|
| | | this.showSubTable = true;
|
| | | },
|
| | | choseRange(item, i) {
|
| | | switch (item) {
|
| | |
| | | <style lang="scss">
|
| | | .push-log {
|
| | | margin: 0 auto;
|
| | | padding: 10px 8px 10px 5px;
|
| | | background-color: rgba(248, 248, 248, 1);
|
| | | padding: 0px 8px 10px 5px;
|
| | | border-top: 1px solid #e1e0e6;
|
| | | background-color: rgba(242, 242, 247, 1);
|
| | | width: 100%;
|
| | | display: flex;
|
| | | flex-direction: column;
|
| | |
| | | display: flex;
|
| | | margin: 10px 0;
|
| | | padding: 0 20px;
|
| | | |
| | |
|
| | | .bar {
|
| | | display: flex;
|
| | | align-items: baseline;
|
| | |
| | | border-radius: 5px;
|
| | | padding: 12px;
|
| | | background-color: white;
|
| | | .back{
|
| | | display: flex;
|
| | | align-items: center;
|
| | | .icon{
|
| | | cursor: pointer; margin:0 5px;font-size: 18px;
|
| | | }
|
| | | .title{
|
| | | cursor: pointer; line-height: 30px;font-size: 14px;
|
| | |
|
| | | }
|
| | | .back {
|
| | | display: flex;
|
| | | align-items: center;
|
| | | .icon {
|
| | | cursor: pointer;
|
| | | margin: 0 5px;
|
| | | font-size: 18px;
|
| | | }
|
| | | .title {
|
| | | cursor: pointer;
|
| | | line-height: 30px;
|
| | | font-size: 14px;
|
| | | }
|
| | | }
|
| | | .tableBox {
|
| | | th {
|
| | | padding: 0 !important;
|