按开发清单已修改

zmc

2023-11-02 fd934f83afae1e3fce46db8610837d0e0f4d9393

 src/views/line_graph/SiteComprehensiveRskRanking.vue

@@ -8,14 +8,17 @@
import ButtonClick from '@/sfc/ButtonClick.vue'
import { ElMessage } from 'element-plus'
import MonthSelect from '@/sfc/MonthSelect.vue';
import SiteDetail from '@/views/line_graph/components/SiteDetail.vue'
import { useLoadingStore } from '@/stores/loadingStore';
import { mapStores } from 'pinia';
export default {
  components: {
    AreaAndmonitorType,
    ButtonExportExcel,
    ButtonClick,
    MonthSelect
    MonthSelect,
    SiteDetail,
  },

  data() {
    return {
      //   表格数据
@@ -54,13 +57,17 @@
      // 表格数据
      table: [],
      // 表格高度
      tableHeight: 600
      tableHeight: 600,
      currentRow:[]
    }
  },
  setup() {
    // 引入 百分号比较大小 导出功能
    const { exportToExcel } = useCommonFunction()
    return { exportToExcel }
  },
    computed: {
    ...mapStores(useLoadingStore),
  },
  mounted(){
    // 
@@ -101,7 +108,7 @@
      // 其中一个40是盒子的总外边距
      this.tableHeight = `calc(100vh - ${h1}px  - 40px - 40px - var(--el-main-padding) * 2`
    },
    // 点击展示按钮
    // 点击风险排名按钮
    fetchData() {
      this.loading = true
      this.queryButton = true
@@ -119,7 +126,7 @@

          exceptionApi
            .exceptiondata1({
              siteName: this.form.name,
              siteName: '',
              beginTime: this.form.beginTime,
              endTime: this.form.endTime
            })
@@ -136,26 +143,11 @@

              this.$nextTick(()=>{
              this.$refs.table.sort('riskValue','descending')
              
            })

            })
            
        })
    },

    // 企业异常详情
    exceptiondataCount() {
      exceptionApi
        .exceptiondata1({
          // siteName: this.form.name,
          siteName: '',
          beginTime: this.form.beginTime,
          endTime: this.form.endTime
        })
        .then((res) => {
          let obj = index.calRecur(res.data.data)
          this.bill.exceptionRecurrence = obj['exceptionRecurrence']
          this.bill.exceptionTypeAggregation = obj['exceptionTypeAggregation']
        })
    },

@@ -201,6 +193,9 @@
      } else {
        ElMessage('无数据需要导出')
      }
    },
    openDetail(row){
      this.$router.push(`/detail/${row.siteName}/${this.form.month}`)
    }
  }
}
@@ -214,12 +209,8 @@
          <AreaAndmonitorType></AreaAndmonitorType>
        </el-form-item>

        <!-- <el-form-item>
          <InputSearch isNeedDefaultSite="1" @submit-value="(n) => (form.name = n)"></InputSearch>
        </el-form-item> -->

        <el-form-item>
          <MonthSelect @submit-value="giveMonth"></MonthSelect>
          <MonthSelect  @submit-value="giveMonth"></MonthSelect>
        </el-form-item>

        <el-form-item>
@@ -246,6 +237,7 @@
    :data="table"
    :height="tableHeight"
    v-loading="loading"
    element-loading-text="后台分析中..."
    style="width: 98%"
    :cell-class-name="tableCellClassName"
    :default-sort="{ prop: 'riskValue', order: 'descending' }"
@@ -262,7 +254,13 @@
      width="55"
      show-overflow-tooltip
    />
    <el-table-column prop="siteName" label="站点名称" align="center" show-overflow-tooltip />
    <el-table-column prop="siteName" label="站点名称" align="center" show-overflow-tooltip >
      <template #default="{ row }">
        <el-button type="primary" text class="table-button" @click="openDetail(row)"
          >{{row.siteName}}</el-button
        >
      </template>
      </el-table-column>
    <el-table-column prop="region" label="区域" align="center" width="80" show-overflow-tooltip />
    <el-table-column prop="monitorType" label="检测类型" align="center" width="80" show-overflow-tooltip />
    <el-table-column
@@ -293,6 +291,9 @@
    />
  </el-table>
  <el-empty v-show="isNoData" :image-size="200" />



</template>

<style scoped>
@@ -305,5 +306,10 @@
  background-color: red;
  /* color: rgb(241, 236, 236); */
}
.table-button {
  letter-spacing: 1px;
  text-decoration: underline;
  border-radius: 0px;
}

</style>