InternetCompetition/.history/src/App_20231106084309.vue

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {};
  },
  created() {
    console.log({ "state": true, "message": "", "data": { "id": "10001", "mark": "DB-IotLite_yx", "topic": "DB-IotLite网关有线", "answer": "{\r\n  \"ippz_wangkou\": \"ETH1\",\r\n  \"ippz_ip\": \"192.168.32.3\",\r\n  \"ippz_zwym\": \"255.255.255.192\",\r\n  \"ippz_mrwg\": \"192.168.32.1\",\r\n  \"ippz_dns_sx\": \"8.8.8.8\",\r\n  \"ippz_dns_by\": \"114.114.114.114\",\r\n  \"ippz_mac\": \"3C:2D:50:20:30:3D\",\r\n\r\n  \"wgpz_wgmc\": \"有线区网关1\",\r\n  \"wgpz_wgid\": \"LAN-BOX1\",\r\n  \"wgpz_wglx\": \"MODBUS网关\",\r\n\r\n  \"tdpz_tdmc\": \"有线区Channel1\",\r\n  \"tdpz_td\": \"网口\",\r\n  \"tdpz_qdmc\": \"ModbusTCPClient\",\r\n  \"tdpz_ip\": \"192.168.32.2\",\r\n  \"tdpz_port\": \"502\",\r\n  \"tdpz_cssj\": \"500\",\r\n  \"tdpz_jgsj\": \"500\",\r\n  \"tdpz_lxsj\": \"0\",\r\n  \"tdpz_cfcs\": \"3\",\r\n  \"tdpz_watchtime\": \"1\",\r\n  \"tdpz_cjsylxdz\": \"1\",\r\n  \"tdpz_dxzkb\": \"1:1\",\r\n  \"tdpz_050F\": \"auto\",\r\n  \"tdpz_0610\": \"auto\",\r\n\r\n  \"sbpz_sbid\": \"有线区加工设备1\",\r\n  \"sbpz_sbmc\": \"有线区精雕1\",\r\n  \"sbpz_mac\": \"3C:2D:50:20:30:3D\",\r\n  \"sbpz_jysb\": \"0\",\r\n  \"sbpz_jdzxz\": \"1\",\r\n\r\n  \"cjdpz_tagid\": \"MachinePamHID910\",\r\n  \"cjdpz_mc\": \"产量\",\r\n  \"cjdpz_sjq\": \"4X (Holding Register)\",\r\n  \"cjdpz_jcqdz\": \"8195\",\r\n  \"cjdpz_cjsjlx\": \"uint16\",\r\n  \"cjdpz_zjx\": \"Null\",\r\n  \"cjdpz_dxsx\": \"只读\",\r\n  \"cjdpz_beilv\": \"1\",\r\n\r\n  \"mqtt_qiyong\": \"1\",\r\n  \"mqtt_ip\": \"124.70.210.118\",\r\n  \"mqtt_port\": \"1883\",\r\n  \"mqtt_wgsn\": \"2000808010\",\r\n  \"mqtt_sssjfbzt\": \"dbzn/gateway/iotlite/2000808010\",\r\n  \"mqtt_qos\": \"qos1\",\r\n  \"mqtt_retained\": \"0\",\r\n  \"mqtt_scms\": \"周期上传\",\r\n  \"mqtt_sczq\": \"5\",\r\n  \"mqtt_sjgl\": \"采集成功\",\r\n  \"mqtt_cjd_sbmc\": \"有线区精雕1\",\r\n  \"mqtt_cjd_tagid\": \"MachinePamHID910\"\r\n\r\n}", "update_time": "2023-10-31 10:20:14", "r1": "4", "r2": "", "r3": "" } })
  },
  methods: {},
  components: {},
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}

#app {
  width: 100%;
  height: 100vh;
  background-color: white;

  /* background: url(./assets/image/bg.png) no-repeat; */
  /* background-size: 100% 100%; */
  .el-dialog,
  .el-pager li,
  .el-tree,
  .tree_menu {
    /* background-color: rgba(255, 0, 0, 0.0); */
    color: #FFFFFF;
    background-image: url(./assets/image/bg.png);
    background-size: 100% 100%;
  }

  /* //将el-dialog__header、el-dialog__body、el-dialog__footer背景设置为透明 */
  /* ```css */
  .el-dialog__header,
  .el-table {
    background-image: url(./assets/image/bg.png);
    background-size: 100% 100%;
  }

  .el-dialog__body,
  .el_table_body {
    /* border-top: 0 !important; */
    /* background-color: rgba(19, 31, 59, 0); */
    color: #FFFFFF;
    background-image: url(./assets/image/bg.png);
    background-size: 100% 100%;
  }

  .el-dialog__footer {
    text-align: center;
    background-image: url(./assets/image/bg.png);
    background-size: 100% 100%;
  }

  .el-form-item label {
    color: white;
  }

  .el-tree-node__content:hover {
    background-image: url(./assets/image/bg.png);
    background-size: 100% 100%;

  }

  .el-tree-node.is-current>.el-tree-node__content {

    background-image: url(./assets/image/bg.png);
    background-size: 100% 100%;

  }

  .el-tree-node:focus>.el-tree-node__content {
    background-image: url(./assets/image/bg.png);
    background-size: 100% 100%;

  }
}

.el-dialog,
.el-pager li,
.el-tree,
.tree_menu {
  /* background-color: rgba(255, 0, 0, 0.0); */
  color: #FFFFFF;
  background-image: url(./assets/image/bg.png);
  background-size: cover;
}

/* //将el-dialog__header、el-dialog__body、el-dialog__footer背景设置为透明 */
/* ```css */
.el-dialog__header .el-dialog__title{
  color: #fff;
}
.el-dialog__header,
.el-table {
  color: #FFFFFF;
  background-image: url(./assets/image/bg.png);
  background-size: cover;
}

.el_table .el_table_cell,
.el-dialog__body,
.el-table__header-wrapper {
  /* border-top: 0 !important; */
  /* background-color: rgba(19, 31, 59, 0); */
  color: #FFFFFF;
  background-image: url(./assets/image/bg.png);
  background-size: cover;
}

/* .el-table .el-table__body-wrapper tbody thead {
  background-image: url(./assets/image/bg.png);
  background-size: 100% 100%;
} */
.el-table .el-table__body-wrapper tbody tr {
  background-image: url(./assets/image/bg.png);
  background-size: cover;
}

.el-dialog__footer {
  text-align: center;
  background-image: url(./assets/image/bg.png);
  background-size: cover;
}

.el-form-item label {
  color: white;
}

.el-tree-node__content:hover {
  background-image: url(./assets/image/bg.png);
  background-size: cover;
}

.el-tree-node.is-current>.el-tree-node__content {

  background-image: url(./assets/image/bg.png);
  background-size: cover;

}

.el-tree-node:focus>.el-tree-node__content {
  background-image: url(./assets/image/bg.png);
  background-size: cover;
}

/* 弹窗 */
</style>