页面优化

zhanghua

2023-11-13 4c6f2df21a29048440a85e34dadcd4f1c75c179c

 src/views/smoke/realTime/index.vue

@@ -17,11 +17,11 @@
      >
        <el-table-column label="序号" type="index" width="60px">
        </el-table-column>
        <el-table-column prop="Locale" label="监测点" width="120px">
        <el-table-column prop="Locale" label="监测点" min-width="120px">
        </el-table-column>
        <el-table-column prop="Addr" label="安装地址" width="180px">
        <el-table-column prop="Addr" label="安装地址" min-width="180px">
        </el-table-column>
        <el-table-column prop="AcquitAtStr" label="采集时间" width="100px">
        <el-table-column prop="AcquitAtStr" label="采集时间" min-width="100px">
        </el-table-column>
        <el-table-column prop="FanStatusStr" label="风机状态" width="80px">
        </el-table-column>
@@ -67,11 +67,20 @@
        </el-table-column>
        <el-table-column prop="OnlineStatusStr" label="整体状态" width="80px">
        </el-table-column>
        <el-table-column prop="operation" label="操作" width="550px">
        <el-table-column prop="operation" label="操作" width="180px">
          <template slot-scope="scope">
            <div class="operation">
              <span @click="handleDetectorDailySumDays(scope.row)"
                >一点一档</span
              <i class="el-icon-document" @click="handleDetectorDailySumDays(scope.row)" title="一点一档"></i>
              <span class="line">|</span>
              <i class="el-icon-notebook-1" @click="handleIntimeData(scope.row)" title="查看每分钟数据"></i>
              <span class="line">|</span>
              <i class="el-icon-s-data" @click="handleTenMinData(scope.row)" title="查看10min浓度"></i>
              <span class="line">|</span>
              <i class="el-icon-data-analysis" @click="handleTenHourData(scope.row)" title="查看小时折算浓度"></i>
              <span class="line">|</span>
              <i class="el-icon-monitor" @click="handleDevices(scope.row)" title="监测点设备管理"></i>
              <!-- <span @click="handleDetectorDailySumDays(scope.row)"
                ></span
              >
              <span class="line">|</span>
              <span @click="handleIntimeData(scope.row)">查看每分钟数据</span>
@@ -82,7 +91,7 @@
                >查看小时折算浓度</span
              >
              <span class="line">|</span>
              <span @click="handleDevices(scope.row)">监测点设备管理</span>
              <span @click="handleDevices(scope.row)">监测点设备管理</span> -->
            </div>
          </template>
        </el-table-column>
@@ -109,6 +118,7 @@
      width="80%"
    >
      <DetectorDailySumDays
        title="一点一档"
        v-if="dialogDetectorDailySumDays"
        @closeDialog="closeDialog"
        :inTimeData="inTimeData"
@@ -123,6 +133,7 @@
    >
      <IntimeData
        v-if="dialogIntimeData"
        title="分钟采集数据"
        @closeDialog="closeDialog"
        :inTimeData="inTimeData"
      ></IntimeData>
@@ -136,6 +147,7 @@
    >
      <TenMinData
        v-if="dialogTenMinData"
        title="10min浓度曲线"
        @closeDialog="closeDialog"
        :inTimeData="inTimeData"
      ></TenMinData>
@@ -143,6 +155,7 @@
    
    <el-dialog
      :destroy-on-close="true"
        title="小时折算浓度"
      :visible.sync="dialogTenHourData"
      width="80%"
    >
@@ -156,6 +169,7 @@
    
    <el-dialog
      :destroy-on-close="true"
        title="监测点设备管理"
      :visible.sync="dialogDevices"
      width="80%"
    >
@@ -409,11 +423,14 @@
.el-table {
  .operation {
    display: flex;
    color: var(--operation-color);
    // color: var(--operation-color);
    .line {
      padding: 0 5px;
    }

    font-size: 20px;
    cursor: pointer;
    color: #666;
    span:hover {
      cursor: pointer;
    }