|
|
@@ -1,75 +1,75 @@
|
|
|
<template>
|
|
|
- <div class="main" v-cloak>
|
|
|
- <Header/>
|
|
|
- <div class="main_t">
|
|
|
- <div class="main_t_t">
|
|
|
- <i class="main_t_t_l">当前位置：首页 ></i>
|
|
|
- <i>安全隐患统计</i>
|
|
|
- </div>
|
|
|
- <div class="main_t_b" id="danger_chart"></div>
|
|
|
- </div>
|
|
|
- <div class="main_b">
|
|
|
- <!--查询条件-->
|
|
|
- <el-form :model="editForm" ref="queryParams" class="form-box" :inline="true" style="margin:20px;">
|
|
|
- <el-form-item label="隐患类型" prop="dangerId" label-width="98px">
|
|
|
- <el-select v-model="editForm.optionId" popper-class="select-big-data" placeholder="请选择隐患类型">
|
|
|
- <el-option
|
|
|
- v-for="item in dangerList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="实验室" prop="dangerId" label-width="98px">
|
|
|
- <el-select v-model="editForm.subId" popper-class="select-big-data" placeholder="请选择实验室">
|
|
|
- <el-option
|
|
|
- v-for="item in labList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="日期" prop="dateRange" label-width="68px">
|
|
|
- <el-date-picker
|
|
|
- popper-class="select-big-data-time"
|
|
|
- v-model="dateRange"
|
|
|
- size="small"
|
|
|
- style="width: 240px"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- type="daterange"
|
|
|
- range-separator="-"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- ></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label-width="0">
|
|
|
- <el-button type="primary" @click.native.prevent="onSearch" native-type="submit">查询</el-button>
|
|
|
- <el-button @click="resetForm('searchForm')">重置</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <!--列表-->
|
|
|
- <el-table :data="tableData" style="width: 100%" height="420" :row-class-name="tableRowClassName">
|
|
|
- <el-table-column align="center" header-align='center' type="index" :index="indexMethod" label="序号" width="60"></el-table-column>
|
|
|
- <el-table-column align="center" header-align='center' prop="optionName" label="隐患类型"></el-table-column>
|
|
|
- <el-table-column align="center" header-align='center' prop="subName" label="实验室名称"></el-table-column>
|
|
|
- <el-table-column align="center" header-align='center' prop="typeName" label="安全分类"></el-table-column>
|
|
|
- <el-table-column align="center" header-align='center' prop="levelName" label="安全分级"></el-table-column>
|
|
|
- <el-table-column align="center" header-align='center' prop="count" label="数量"></el-table-column>
|
|
|
- </el-table>
|
|
|
- <el-pagination
|
|
|
- style="margin-top: 14px"
|
|
|
- background
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- :page-sizes="[10, 20, 30, 40]"
|
|
|
- :current-page.sync="editForm.pageNum"
|
|
|
- :page-size="editForm.pageSize"
|
|
|
- layout="total,prev, pager, next"
|
|
|
- :total="totalNum">
|
|
|
- </el-pagination>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="main" v-cloak>
|
|
|
+ <Header/>
|
|
|
+ <div class="main_t">
|
|
|
+ <div class="main_t_t">
|
|
|
+ <i class="main_t_t_l">当前位置：首页 ></i>
|
|
|
+ <i>安全隐患统计</i>
|
|
|
+ </div>
|
|
|
+ <div class="main_t_b" id="danger_chart"></div>
|
|
|
+ </div>
|
|
|
+ <div class="main_b">
|
|
|
+ <!--查询条件-->
|
|
|
+ <el-form :model="editForm" ref="queryParams" class="form-box" :inline="true" style="margin:20px;">
|
|
|
+ <el-form-item label="隐患类型" prop="dangerId" label-width="98px">
|
|
|
+ <el-select v-model="editForm.optionId" popper-class="select-big-data" placeholder="请选择隐患类型">
|
|
|
+ <el-option
|
|
|
+ v-for="item in dangerList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="实验室" prop="dangerId" label-width="98px">
|
|
|
+ <el-select v-model="editForm.subId" popper-class="select-big-data" placeholder="请选择实验室">
|
|
|
+ <el-option
|
|
|
+ v-for="item in labList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="日期" prop="dateRange" label-width="68px">
|
|
|
+ <el-date-picker
|
|
|
+ popper-class="select-big-data-time"
|
|
|
+ v-model="dateRange"
|
|
|
+ size="small"
|
|
|
+ style="width: 240px"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ type="daterange"
|
|
|
+ range-separator="-"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label-width="0">
|
|
|
+ <el-button type="primary" @click.native.prevent="onSearch" native-type="submit">查询</el-button>
|
|
|
+ <el-button @click="resetForm('searchForm')">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <!--列表-->
|
|
|
+ <el-table :data="tableData" style="width: 100%" height="420" :row-class-name="tableRowClassName">
|
|
|
+ <el-table-column align="center" header-align='center' type="index" :index="indexMethod" label="序号" width="60"></el-table-column>
|
|
|
+ <el-table-column align="center" header-align='center' prop="optionName" label="隐患类型"></el-table-column>
|
|
|
+ <el-table-column align="center" header-align='center' prop="subName" label="实验室名称"></el-table-column>
|
|
|
+ <el-table-column align="center" header-align='center' prop="typeName" label="安全分类"></el-table-column>
|
|
|
+ <el-table-column align="center" header-align='center' prop="levelName" label="安全分级"></el-table-column>
|
|
|
+ <el-table-column align="center" header-align='center' prop="count" label="数量"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination
|
|
|
+ style="margin-top: 14px"
|
|
|
+ background
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :page-sizes="[10, 20, 30, 40]"
|
|
|
+ :current-page.sync="editForm.pageNum"
|
|
|
+ :page-size="editForm.pageSize"
|
|
|
+ layout="total,prev, pager, next"
|
|
|
+ :total="totalNum">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
@@ -247,6 +247,29 @@ export default {
|
|
|
color: '#fff',
|
|
|
|
|
|
},
|
|
|
+ //设置一行显示几个字,自己设置
|
|
|
+ formatter: function (params) {
|
|
|
+ var newParamsName = "";
|
|
|
+ var paramsNameNumber = params.length;
|
|
|
+ var provideNumber = 3;
|
|
|
+ var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
|
|
|
+ if (paramsNameNumber > provideNumber) {
|
|
|
+ for (var p = 0; p < rowNumber; p++) {
|
|
|
+ var tempStr = "";
|
|
|
+ var start = p * provideNumber;
|
|
|
+ var end = start + provideNumber;
|
|
|
+ if (p == rowNumber - 1) {
|
|
|
+ tempStr = params.substring(start, paramsNameNumber);
|
|
|
+ } else {
|
|
|
+ tempStr = params.substring(start, end) + "\n";
|
|
|
+ }
|
|
|
+ newParamsName += tempStr;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ newParamsName = params;
|
|
|
+ }
|
|
|
+ return newParamsName;
|
|
|
+ }
|
|
|
},
|
|
|
lineStyle: {
|
|
|
"color": "#486CC2",
|
|
|
@@ -263,6 +286,7 @@ export default {
|
|
|
|
|
|
}
|
|
|
},
|
|
|
+
|
|
|
}
|
|
|
],
|
|
|
yAxis : [
|
heyang