|
@@ -4,7 +4,12 @@
|
|
|
<div>
|
|
|
<panel-group @handleSetLineChartData="handleSetLineChartData" />
|
|
|
<el-row :gutter="20">
|
|
|
- <el-col :xs="44" :sm="44" :lg="16" :style="{ height: wheight + 10 + 'px', background: '#fff' }">
|
|
|
+ <el-col
|
|
|
+ :xs="44"
|
|
|
+ :sm="44"
|
|
|
+ :lg="16"
|
|
|
+ :style="{ height: wheight + 10 + 'px', background: '#fff' }"
|
|
|
+ >
|
|
|
<!-- <div class="chart-wrapper" style="position: relative;">
|
|
|
<div class="date-picker" style="position: absolute;top: 0;right:30px;z-index:999;margin-top: 10px">
|
|
|
<el-date-picker v-model="selectedMonth" type="month" placeholder="选择月份" format="yyyy-MM"
|
|
@@ -15,14 +20,27 @@
|
|
|
</div> -->
|
|
|
<!-- :height="wheight?wheight" -->
|
|
|
<div style="margin-top: 10px; font-weight: 500; font-size: 15px">
|
|
|
- <span>任务列表</span><span style="float: right; cursor: pointer; float: right" @click="gomorelist">更多</span>
|
|
|
+ <span>任务列表</span
|
|
|
+ ><span
|
|
|
+ style="float: right; cursor: pointer; float: right"
|
|
|
+ @click="gomorelist"
|
|
|
+ >更多</span
|
|
|
+ >
|
|
|
</div>
|
|
|
- <el-table ref="filterTable" :data="tableDataMiddle" :height="wheight - 50"
|
|
|
- style="width: 100%; padding-top: 10px" @filter-change="filterTags">
|
|
|
+ <el-table
|
|
|
+ ref="filterTable"
|
|
|
+ :data="tableDataMiddle"
|
|
|
+ :height="wheight - 50"
|
|
|
+ style="width: 100%; padding-top: 10px"
|
|
|
+ @filter-change="filterTags"
|
|
|
+ >
|
|
|
<el-table-column label="任务名称" align="center" prop="taskName" />
|
|
|
<el-table-column label="任务类型" align="center" prop="taskType">
|
|
|
<template v-slot="scope">
|
|
|
- <dict-tag :type="DICT_TYPE.TASK_TYPE" :value="scope.row.taskType" />
|
|
|
+ <dict-tag
|
|
|
+ :type="DICT_TYPE.TASK_TYPE"
|
|
|
+ :value="scope.row.taskType"
|
|
|
+ />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="任务内容" align="center">
|
|
@@ -30,13 +48,25 @@
|
|
|
<div v-html="scope.row.taskContent"></div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="任务状态" align="center" prop="taskStatus" :filters="[
|
|
|
- { text: '待完成', value: 1 },
|
|
|
- { text: '待审核', value: 2 },
|
|
|
- { text: '已归档', value: 3 },
|
|
|
- ]" filter-placement="bottom-end" :filter-multiple="false" column-key="taskStatus" v-slot="scope">
|
|
|
+ <el-table-column
|
|
|
+ label="任务状态"
|
|
|
+ align="center"
|
|
|
+ prop="taskStatus"
|
|
|
+ :filters="[
|
|
|
+ { text: '待完成', value: 1 },
|
|
|
+ { text: '待审核', value: 2 },
|
|
|
+ { text: '已归档', value: 3 },
|
|
|
+ ]"
|
|
|
+ filter-placement="bottom-end"
|
|
|
+ :filter-multiple="false"
|
|
|
+ column-key="taskStatus"
|
|
|
+ v-slot="scope"
|
|
|
+ >
|
|
|
<template>
|
|
|
- <dict-tag :type="DICT_TYPE.TASK_STATUS" :value="scope.row.taskStatus" />
|
|
|
+ <dict-tag
|
|
|
+ :type="DICT_TYPE.TASK_STATUS"
|
|
|
+ :value="scope.row.taskStatus"
|
|
|
+ />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<!-- <el-table-column prop="tag" label="任务状态" width="100"
|
|
@@ -50,26 +80,41 @@
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="8">
|
|
|
<div class="chart-wrapper" style="position: relative">
|
|
|
- <div class="date-picker" style="
|
|
|
+ <div
|
|
|
+ class="date-picker"
|
|
|
+ style="
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 170px;
|
|
|
z-index: 999;
|
|
|
margin-top: 10px;
|
|
|
- ">
|
|
|
- <el-date-picker v-model="selectedMonths" type="month" placeholder="选择月份" format="M" value-format="M"
|
|
|
- @change="handleChange">
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ v-model="selectedMonths"
|
|
|
+ type="month"
|
|
|
+ placeholder="选择月份"
|
|
|
+ format="M"
|
|
|
+ value-format="M"
|
|
|
+ @change="handleChange"
|
|
|
+ >
|
|
|
</el-date-picker>
|
|
|
</div>
|
|
|
<raddar-chart :reportData="reportData" />
|
|
|
<!-- <div>详细情况</div> -->
|
|
|
- <el-button size="middle" type="text" style="
|
|
|
+ <el-button
|
|
|
+ size="middle"
|
|
|
+ type="text"
|
|
|
+ style="
|
|
|
position: absolute;
|
|
|
bottom: 5px;
|
|
|
right: 50px;
|
|
|
z-index: 999;
|
|
|
margin-top: 10px;
|
|
|
- " @click="handleDeatail">详细情况</el-button>
|
|
|
+ "
|
|
|
+ @click="handleDeatail"
|
|
|
+ >详细情况</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<!-- <el-col :xs="24" :sm="24" :lg="8">
|
|
@@ -98,33 +143,93 @@
|
|
|
src="../assets/images/shangshen.png" style="width:6px;height:8px;margin: 6px 0 0 3px;"></div>
|
|
|
</div> -->
|
|
|
<!-- </div> -->
|
|
|
- <div class="chart-wrapper" style="position: relative; width: 100%; margin-bottom: 0" id="wheight">
|
|
|
- <line-chart :chart-data="lineChartData" :chart-datano="lineChartDatano" />
|
|
|
+ <div
|
|
|
+ class="chart-wrapper"
|
|
|
+ style="position: relative; width: 100%; margin-bottom: 0"
|
|
|
+ id="wheight"
|
|
|
+ >
|
|
|
+ <line-chart
|
|
|
+ :chart-data="lineChartData"
|
|
|
+ :chart-datano="lineChartDatano"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="8">
|
|
|
- <div class="chart-wrapper chart-wrappers" style="height: 356px; overflow: auto">
|
|
|
+ <div
|
|
|
+ class="chart-wrapper chart-wrappers"
|
|
|
+ style="height: 356px; overflow: auto"
|
|
|
+ >
|
|
|
<div style="margin-bottom: 10px">
|
|
|
- <span class="line-left-top">整改隐患记录</span><span style="float: right; cursor: pointer" @click="more">更多</span>
|
|
|
+ <span class="line-left-top">整改隐患记录</span
|
|
|
+ ><span style="float: right; cursor: pointer" @click="more"
|
|
|
+ >更多</span
|
|
|
+ >
|
|
|
</div>
|
|
|
- <el-table :data="tableData" style="width: 100%" :cell-class-name="tableCellClassName">
|
|
|
- <el-table-column label="任务名称" prop="task_name" header-align="center" align="center">
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ style="width: 100%"
|
|
|
+ :cell-class-name="tableCellClassName"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ label="任务名称"
|
|
|
+ prop="task_name"
|
|
|
+ header-align="center"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="检查时间" prop="inspect_time" header-align="center" align="center">
|
|
|
+ <el-table-column
|
|
|
+ label="检查时间"
|
|
|
+ prop="inspect_time"
|
|
|
+ header-align="center"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template v-slot="scope">
|
|
|
+ <span>{{ parseTime(scope.row.inspect_time) }}</span>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="单位名称" prop="org_name" header-align="center" align="center">
|
|
|
+ <el-table-column
|
|
|
+ label="单位名称"
|
|
|
+ prop="org_name"
|
|
|
+ header-align="center"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <el-dialog title="维保报告单位数量详情" :visible.sync="showRaddarDetail" width="60%" v-dialogDrag append-to-body
|
|
|
- class="details">
|
|
|
- <el-button size="mini" type="primary" plain @click="handleDeatailWei" style="margin-bottom: 10px;">未上传</el-button>
|
|
|
- <el-button size="mini" type="success" plain @click="handleDeatailYi" style="margin-bottom: 10px;">已上传</el-button>
|
|
|
- <el-table highlight-current-row v-loading="loading" :data="list" style="width: 100%; overflow: auto">
|
|
|
+ <el-dialog
|
|
|
+ title="维保报告单位数量详情"
|
|
|
+ :visible.sync="showRaddarDetail"
|
|
|
+ width="60%"
|
|
|
+ v-dialogDrag
|
|
|
+ append-to-body
|
|
|
+ class="details"
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="primary"
|
|
|
+ plain
|
|
|
+ @click="handleDeatailWei"
|
|
|
+ style="margin-bottom: 10px"
|
|
|
+ >未上传</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="success"
|
|
|
+ plain
|
|
|
+ @click="handleDeatailYi"
|
|
|
+ style="margin-bottom: 10px"
|
|
|
+ >已上传</el-button
|
|
|
+ >
|
|
|
+ <el-table
|
|
|
+ highlight-current-row
|
|
|
+ v-loading="loading"
|
|
|
+ :data="list"
|
|
|
+ style="width: 100%; overflow: auto"
|
|
|
+ >
|
|
|
<el-table-column label="ID" align="center" prop="id" />
|
|
|
<el-table-column label="单位名称" align="center" prop="orgName">
|
|
|
<template v-slot="scope">
|
|
@@ -135,8 +240,13 @@
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<!-- 分页组件 -->
|
|
|
- <pagination v-show="total > 0" :total="total" :page.sync="queryRader.pageNo" :limit.sync="queryRader.pageSize"
|
|
|
- @pagination="getData" />
|
|
|
+ <pagination
|
|
|
+ v-show="total > 0"
|
|
|
+ :total="total"
|
|
|
+ :page.sync="queryRader.pageNo"
|
|
|
+ :limit.sync="queryRader.pageSize"
|
|
|
+ @pagination="getData"
|
|
|
+ />
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -287,7 +397,7 @@ export default {
|
|
|
this.$router.push({ path: "/backend/taskInfo" });
|
|
|
},
|
|
|
//统计参数月份没有上传维保报告的数量
|
|
|
- async currentReport() { },
|
|
|
+ async currentReport() {},
|
|
|
//近30天隐患统计
|
|
|
async countdengerbyday() {
|
|
|
const res = await countdengerbyday({
|