| | |
| | | <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="开始日期" |
| | |
| | | </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> |
| | |
| | | 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', |