13937891274
2022-05-18 1face17d7df240f99c81ca70550bb967193f2d0d
隐患图表分析
已修改1个文件
177 ■■■■ 文件已修改
src/views/chartAnalysis/index.vue 177 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
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-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-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-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-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-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>
                </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,
            form: {
            time: '',
                region: '',
                date1: '',
                date2: '',
                delivery: false,
                type: [],
                resource: '',
                desc: ''
            },
            checkList: ['复选框 A'],
            tableData: [{
                name: '财务部',
                province: '1',