From 1face17d7df240f99c81ca70550bb967193f2d0d Mon Sep 17 00:00:00 2001
From: 13937891274 <kxc0822>
Date: 星期三, 18 五月 2022 18:10:58 +0800
Subject: [PATCH] 隐患图表分析
---
src/views/chartAnalysis/index.vue | 183 +++++++++++++--------------------------------
1 files changed, 52 insertions(+), 131 deletions(-)
diff --git a/src/views/chartAnalysis/index.vue b/src/views/chartAnalysis/index.vue
index fcec2d9..bf6f6da 100644
--- a/src/views/chartAnalysis/index.vue
+++ b/src/views/chartAnalysis/index.vue
@@ -3,91 +3,25 @@
<div class="whole_top">
<el-form ref="form" :inline="true" :model="form" label-width="100px">
<div class="top">
- <div class="select">
- <el-form-item>
- <el-select v-model="value1" multiple placeholder="请选择" style="color: red">
- <el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-select v-model="value2" multiple placeholder="请选择" style="color: red">
- <el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-select v-model="value3" multiple placeholder="请选择" style="color: red">
- <el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-select v-model="value4" multiple placeholder="请选择" style="color: red">
- <el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-select v-model="value5" multiple placeholder="请选择" style="color: red">
- <el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-select v-model="value6" multiple placeholder="请选择" style="color: red">
- <el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </el-form-item>
- </div>
<el-form-item>
- <el-radio-group v-model="radio" style="padding: 20px 0;">
- <el-radio :label="1">按隐患部门</el-radio>
- <el-radio :label="2">按专业</el-radio>
- <el-radio :label="3">按级别</el-radio>
- <el-radio :label="4">按检查类别</el-radio>
- <el-radio :label="5">按检查单位（上级单位）</el-radio>
- <el-radio :label="6">按检查单位（本部单位）</el-radio>
- </el-radio-group>
+ <el-checkbox-group v-model="checkList">
+ <el-checkbox label="复选框 A"></el-checkbox>
+ <el-checkbox label="复选框 B"></el-checkbox>
+ <el-checkbox label="复选框 C"></el-checkbox>
+ </el-checkbox-group>
</el-form-item>
- <el-radio-group v-model="radio">
- <el-radio :label="1">按隐患部门</el-radio>
- <el-radio :label="2">按专业</el-radio>
- <el-radio :label="3">按级别</el-radio>
- <el-radio :label="4">按检查类别</el-radio>
- <el-radio :label="5">按检查单位（上级单位）</el-radio>
- <el-radio :label="6">按检查单位（本部单位）</el-radio>
- </el-radio-group>
+ <el-form-item>
+ <el-checkbox-group v-model="checkList">
+ <el-checkbox label="复选框 A"></el-checkbox>
+ <el-checkbox label="复选框 B"></el-checkbox>
+ <el-checkbox label="复选框 C"></el-checkbox>
+ </el-checkbox-group>
+ </el-form-item>
</div>
<div class="center" style="text-align: center;padding-top: 10px;">
<el-form-item label="检查时间：">
<el-date-picker
- v-model="time"
+ v-model="form.time"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
@@ -102,34 +36,34 @@
</el-form-item>
</div>
</el-form>
- <el-table
- :data="tableData"
- style="width: 100%">
- <el-table-column align="center" label="众泰煤焦化-安全隐患台帐">
- <el-table-column
- prop="name"
- label="隐患部门\隐患专业"
- align="center">
- </el-table-column>
- <el-table-column
- prop="province"
- label="采掘"
- align="center">
- </el-table-column>
- <el-table-column
- prop="city"
- label="生产"
- width="120"
- align="center">
- </el-table-column>
- <el-table-column
- prop="address"
- label="合计"
- width="300"
- align="center">
- </el-table-column>
- </el-table-column>
- </el-table>
+<!-- <el-table-->
+<!-- :data="tableData"-->
+<!-- style="width: 100%">-->
+<!-- <el-table-column align="center" label="众泰煤焦化-安全隐患台帐">-->
+<!-- <el-table-column-->
+<!-- prop="name"-->
+<!-- label="隐患部门\隐患专业"-->
+<!-- align="center">-->
+<!-- </el-table-column>-->
+<!-- <el-table-column-->
+<!-- prop="province"-->
+<!-- label="采掘"-->
+<!-- align="center">-->
+<!-- </el-table-column>-->
+<!-- <el-table-column-->
+<!-- prop="city"-->
+<!-- label="生产"-->
+<!-- width="120"-->
+<!-- align="center">-->
+<!-- </el-table-column>-->
+<!-- <el-table-column-->
+<!-- prop="address"-->
+<!-- label="合计"-->
+<!-- width="300"-->
+<!-- align="center">-->
+<!-- </el-table-column>-->
+<!-- </el-table-column>-->
+<!-- </el-table>-->
<div style="color: #c5021a;margin-top: 20px;">
<div>温馨提示：</div>
<div>点选可查询隐患详情。</div>
@@ -143,30 +77,17 @@
name: "index",
data() {
return {
- options: [{
- value: '选项1',
- label: '安全环保部'
- }, {
- value: '选项2',
- label: '生产技术部'
- }, {
- value: '选项3',
- label: '企管部'
- }, {
- value: '选项4',
- label: '消防保卫部'
- }, {
- value: '选项5',
- label: '质检中心'
- }],
- value1: [],
- value2: [],
- value3: [],
- value4: [],
- value5: [],
- value6: [],
- radio: 3,
- time: '',
+ form: {
+ time: '',
+ region: '',
+ date1: '',
+ date2: '',
+ delivery: false,
+ type: [],
+ resource: '',
+ desc: ''
+ },
+ checkList: ['复选框 A'],
tableData: [{
name: '财务部',
province: '1',
--
Gitblit v1.9.2