整体样式修改

ali

2024-09-03 0ae83a895e80a4b9777a27f613d721a7e5e2ac18

 energy_management_ui/src/views/energyMonitoring/e-gasMonitoring/index.vue

@@ -9,9 +9,7 @@
          <div slot="header" class="clearfix" style="height:32px">
            实时数据组态图
          </div>
          <el-input
            placeholder="输入关键字进行过滤"
            v-model="filterText">
          <el-input placeholder="输入关键字进行过滤" v-model="filterText">
          </el-input>

          <el-tree
@@ -20,7 +18,8 @@
            :props="defaultProps"
            default-expand-all
            :filter-node-method="filterNode"
            ref="tree">
            ref="tree"
          >
          </el-tree>
        </el-card>
      </el-aside>
@@ -32,7 +31,10 @@
<!--            <el-tab-pane label="趋势图" name="third">角色管理</el-tab-pane>-->
<!--            <el-tab-pane label="报警记录" name="fourth">定时任务补偿</el-tab-pane>-->
<!--          </el-tabs>-->
          <svg-icon v-bind:iconClass="imgShow.realName" className='icon'></svg-icon>
          <svg-icon
            v-bind:iconClass="imgShow.realName"
            className="icon"
          ></svg-icon>
        </el-main>
<!--        <el-main style="padding:0">-->
<!--          <realTimeSetting ref="realTimeSetting"></realTimeSetting>-->
@@ -50,9 +52,7 @@
  }
</style>
<script>
    import {
        listEquipmentfile,
    } from "@/api/basicSetup/equipmentfile";
import { listEquipmentfile } from "@/api/basicSetup/equipmentfile";
    export default {
        watch: {
            filterText(val) {
@@ -65,7 +65,7 @@
            var realName = "2020-03-12-275a44966506b783f033058f9e0e3472";
            return {
                //右边菜单栏
                activeName: '实时监测',
      activeName: "实时监测",
                // 遮罩层
                loading: true,
                // 选中数组
@@ -77,15 +77,11 @@
                // 总条数
                total: 0,
                //
                imgShow:[
                    realName=""
                ],
      imgShow: [(realName = "")],
                // 组态图表格数据
                equipmentfileList: [],
                //测点表格数据
                equipmentfilecdList: [
                    choiceIndex = ""
                ],
      equipmentfilecdList: [(choiceIndex = "")],
                // 弹出层标题
                title: "",
                // 是否显示弹出层
@@ -119,26 +115,32 @@
                rules: {
                    filename: [
                        {required: true, message: "文件名称不能为空", trigger: "blur"}
                    ], fileno: [
                        {required: true, message: "文件编号不能为空", trigger: "blur"}
                    ],
        fileno: [
          { required: true, message: "文件编号不能为空", trigger: "blur" }
        ]
                },
                filterText: '',
                svgData:[{
      filterText: "",
      svgData: [
        {
                    id:1,
                    label:"生产企业",
                    children:[{
          children: [
            {
                        id:2,
                        label:"水系统",
                    },{
                        id:3,
                        label: "电系统",
                    }],
                }],
                defaultProps: {
                    children: 'children',
                    label: 'label'
              label: "水系统"
                },
            {
              id: 3,
              label: "电系统"
            }
          ]
        }
      ],
      defaultProps: {
        children: "children",
        label: "label"
      }
            };
        },
        created() {
@@ -152,10 +154,10 @@
            },
            //切换组态图查看
            updateImg(row){
                var pos = row.filepath.lastIndexOf('/');
      var pos = row.filepath.lastIndexOf("/");
                var str = row.filepath.substr(pos+1);
                this.imgShow.realName = str.substring(0,str.length-4);
                console.log(this.imgShow.realName)
      console.log(this.imgShow.realName);
            },
            //通过关键字进行过滤组态图
            filterNode(value, data) {
@@ -199,7 +201,7 @@
            resetQuery() {
                this.resetForm("queryForm");
                this.handleQuery();
            },
    }
        }
    };
</script>