|  |  | 
 |  |  |         <el-input v-model="searchForm.memberName" placeholder="请输入姓名" @keypress.enter.native="search"></el-input> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="提报人组织" prop="companyName"> | 
 |  |  |         <el-input v-model="searchForm.companyName" placeholder="请输入" clearable @keypress.enter.native="search"></el-input> | 
 |  |  |         <el-input v-model="searchForm.companyName" placeholder="请输入" clearable | 
 |  |  |           @keypress.enter.native="search"></el-input> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="责任部门" prop="dutyCompanyName"> | 
 |  |  |         <el-input v-model="searchForm.dutyCompanyName" placeholder="请输入责任部门" clearable | 
 |  |  |           @keypress.enter.native="search"></el-input> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="隐患区域" prop="areaId"> | 
 |  |  |         <el-select v-model="searchForm.areaId" placeholder="请选择隐患区域" clearable  @change="search"> | 
 |  |  |           <el-option | 
 |  |  |               v-for="item in areaList" | 
 |  |  |               :key="item.id" | 
 |  |  |               :label="item.name" | 
 |  |  |               :value="item.id"> | 
 |  |  |         <el-select v-model="searchForm.areaId" placeholder="请选择隐患区域" clearable @change="search"> | 
 |  |  |           <el-option v-for="item in areaList" :key="item.id" :label="item.name" :value="item.id"> | 
 |  |  |           </el-option> | 
 |  |  |         </el-select> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="检查类型" prop="cateId"> | 
 |  |  |         <el-select v-model="searchForm.checkTypeId" placeholder="请选择检查类型" clearable @change="search"> | 
 |  |  |           <el-option v-for="item in checkTypeList" :key="item.id" :label="item.name" :value="item.id"> | 
 |  |  |           </el-option> | 
 |  |  |         </el-select> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="隐患类型" prop="cateId"> | 
 |  |  |         <el-select v-model="searchForm.cateId" placeholder="请选择隐患类型" clearable @change="search"> | 
 |  |  |           <el-option | 
 |  |  |               v-for="item in cateList" | 
 |  |  |               :key="item.id" | 
 |  |  |               :label="item.name" | 
 |  |  |               :value="item.id"> | 
 |  |  |           <el-option v-for="item in cateList" :key="item.id" :label="item.name" :value="item.id"> | 
 |  |  |           </el-option> | 
 |  |  |         </el-select> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="状态" prop="status"> | 
 |  |  |         <el-select v-model="searchForm.status"  @change="search" clearable placeholder="状态"> | 
 |  |  |         <el-select v-model="searchForm.status" @change="search" clearable placeholder="状态"> | 
 |  |  |           <el-option label="待处理" value="0"></el-option> | 
 |  |  |           <el-option label="已处理" value="1"></el-option> | 
 |  |  |           <el-option label="已退回" value="2"></el-option> | 
 |  |  |         </el-select> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="提报时间" prop="startTime"> | 
 |  |  |         <el-date-picker | 
 |  |  |             @change="seleTime" | 
 |  |  |             v-model="time" | 
 |  |  |             @keypress.enter.native="search" | 
 |  |  |             type="datetimerange" | 
 |  |  |             format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |             value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |             :default-time="['00:00:00', '23:59:59']" | 
 |  |  |             range-separator="至" | 
 |  |  |             start-placeholder="开始日期" | 
 |  |  |             end-placeholder="结束日期"> | 
 |  |  |         </el-date-picker> | 
 |  |  |         <!-- <el-date-picker @change="seleTime" v-model="time" @keypress.enter.native="search" type="datetimerange" | 
 |  |  |           format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" :default-time="['00:00:00', '23:59:59']" | 
 |  |  |           range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> | 
 |  |  |         </el-date-picker> --> | 
 |  |  |         <el-date-picker type="datetime" v-model="searchForm.queryStartTime" value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |           placeholder="请选择开始时间" @change="changeRadio" /> | 
 |  |  |         <el-date-picker type="datetime" v-model="searchForm.queryEndTime" value-format="yyyy-MM-dd HH:mm:ss" | 
 |  |  |           placeholder="请选择结束时间" @change="changeRadio" /> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-radio-group v-model="searchForm.radio" size="small" @input="changeRadio"> | 
 |  |  |         <el-radio-button label="0">当天</el-radio-button> | 
 |  |  | 
 |  |  |     <!-- 表格和分页 --> | 
 |  |  |     <template v-slot:table-wrap> | 
 |  |  |       <ul class="toolbar" v-permissions="['business:hiddendanger:create', 'business:hiddendanger:exportExcel']"> | 
 |  |  |         <li><el-button type="primary" icon="el-icon-plus" v-permissions="['business:hiddendanger:create']" @click="handleEdit">新建</el-button></li> | 
 |  |  |         <li><el-button type="primary" v-permissions="['business:hiddendanger:exportExcel']" @click="handleEx">导出</el-button></li> | 
 |  |  |         <li><el-button type="primary" icon="el-icon-plus" v-permissions="['business:hiddendanger:create']" | 
 |  |  |             @click="handleEdit">新建</el-button></li> | 
 |  |  |         <li><el-button type="primary" v-permissions="['business:hiddendanger:exportExcel']" | 
 |  |  |             @click="handleEx">导出</el-button></li> | 
 |  |  |       </ul> | 
 |  |  |       <el-table | 
 |  |  |           v-loading="isWorking.search" | 
 |  |  |           :data="tableData.list" | 
 |  |  |           stripe | 
 |  |  |           @selection-change="handleSelectionChange" | 
 |  |  |       > | 
 |  |  |       <el-table v-loading="isWorking.search" :data="tableData.list" :height="tableHeightNew" stripe @selection-change="handleSelectionChange"> | 
 |  |  |         <el-table-column type="selection" width="55"></el-table-column> | 
 |  |  |         <el-table-column prop="areaName" label="隐患区域" min-width="150px"></el-table-column> | 
 |  |  |         <el-table-column prop="checkTypeName" show-overflow-tooltip label="检查类型" min-width="150px"></el-table-column> | 
 |  |  |         <el-table-column prop="submitTime" label="提报时间" min-width="150px"></el-table-column> | 
 |  |  |         <el-table-column prop="dutyCompanyName" show-overflow-tooltip label="责任部门" min-width="150px"></el-table-column> | 
 |  |  |         <el-table-column prop="areaName" label="隐患区域" show-overflow-tooltip min-width="150px"></el-table-column> | 
 |  |  |         <el-table-column prop="categoryName" label="隐患类型" min-width="150px"></el-table-column> | 
 |  |  |         <el-table-column prop="memberName" label="提报人" min-width="80px"></el-table-column> | 
 |  |  |         <el-table-column prop="companyName" label="所属组织" min-width="150px"></el-table-column> | 
 |  |  |         <el-table-column prop="createDate" label="提报时间" min-width="150px"></el-table-column> | 
 |  |  |         <el-table-column label="处理结果" min-width="100px"> | 
 |  |  |         <el-table-column prop="content" label="问题描述" min-width="150px"></el-table-column> | 
 |  |  |         <el-table-column prop="dealTime" label="整改时间" min-width="150px"></el-table-column> | 
 |  |  |         <el-table-column label="整改结果" min-width="100px"> | 
 |  |  |           <template slot-scope="{row}"> | 
 |  |  |             <span class="status-blue"  v-if="row.status === 0">待处理</span> | 
 |  |  |             <span class="status-green"   v-if="row.status === 1">已处理</span> | 
 |  |  |             <span class="status-red"   v-if="row.status === 2">已退回</span> | 
 |  |  |             <span class="status-blue" v-if="row.status === 0">待处理</span> | 
 |  |  |             <span class="status-green" v-if="row.status === 1">已处理</span> | 
 |  |  |             <span class="status-red" v-if="row.status === 2">已退回</span> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |         <el-table-column prop="editDate" label="操作时间" min-width="150px"></el-table-column> | 
 |  |  |         <el-table-column prop="memberName" label="提报人姓名" min-width="100px"></el-table-column> | 
 |  |  |         <el-table-column | 
 |  |  |             label="操作" | 
 |  |  |             min-width="100" | 
 |  |  |             min-width="180" | 
 |  |  |             fixed="right" | 
 |  |  |         > | 
 |  |  |           <template slot-scope="{row}"> | 
 |  |  |             <el-button type="text" icon="el-icon-edit" @click="$refs.OperaHiddenDangerWindow.open('隐患随手拍详情',row)" >查看详情</el-button> | 
 |  |  |             <el-button type="text" icon="el-icon-edit" | 
 |  |  |               @click="$refs.OperaHiddenDangerWindow.open('隐患随手拍详情', row)">查看详情</el-button> | 
 |  |  |             <el-button type="text" icon="el-icon-delete" @click="deleteById(row)" style="color: red" | 
 |  |  |               v-permissions="['business:hiddendanger:delete']">删除</el-button> | 
 |  |  |           </template> | 
 |  |  |         </el-table-column> | 
 |  |  |       </el-table> | 
 |  |  |       <pagination | 
 |  |  |           @size-change="handleSizeChange" | 
 |  |  |           @current-change="handlePageChange" | 
 |  |  |           :pagination="tableData.pagination" | 
 |  |  |       > | 
 |  |  |       <pagination @size-change="handleSizeChange" @current-change="handlePageChange" :pagination="tableData.pagination"> | 
 |  |  |       </pagination> | 
 |  |  |     </template> | 
 |  |  |     <OperaHiddenDangerWindow ref="OperaHiddenDangerWindow" @success="handlePageChange"/> | 
 |  |  |     <OperaHiddenDangerWindow ref="OperaHiddenDangerWindow" @success="handlePageChange" /> | 
 |  |  |     <!-- 新建 --> | 
 |  |  |     <HiddenDangerParam @close="isShowEdit = false" @success="search"  v-if="isShowEdit" ref="HiddenDangerParamRef" /> | 
 |  |  |     <HiddenDangerParam @close="isShowEdit = false" @success="search" v-if="isShowEdit" ref="HiddenDangerParamRef" /> | 
 |  |  |   </TableLayout> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | 
 |  |  | export default { | 
 |  |  |   name: 'Empower', | 
 |  |  |   extends: BaseTable, | 
 |  |  |   components: { TableLayout, Pagination ,OperaHiddenDangerWindow, HiddenDangerParam}, | 
 |  |  |   data () { | 
 |  |  |   components: { TableLayout, Pagination, OperaHiddenDangerWindow, HiddenDangerParam }, | 
 |  |  |   data() { | 
 |  |  |     return { | 
 |  |  |       isShowEdit: false, | 
 |  |  |       // 搜索 | 
 |  |  | 
 |  |  |         queryStartTime: '', | 
 |  |  |         queryEndTime: '', | 
 |  |  |         areaId: null, | 
 |  |  |         checkTypeId: null, | 
 |  |  |         cateId: null, | 
 |  |  |         status: null, | 
 |  |  |         radio: 0 | 
 |  |  |       }, | 
 |  |  |       checkTypeList: [], | 
 |  |  |       cateList: [], | 
 |  |  |       areaList: [], | 
 |  |  |       time: [] | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   created () { | 
 |  |  |   created() { | 
 |  |  |     this.config({ | 
 |  |  |       module: '隐患随手拍管理', | 
 |  |  |       api: '/business/hiddenDanger', | 
 |  |  | 
 |  |  |     this.loadParams() | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     handleEx () { | 
 |  |  |     handleEx() { | 
 |  |  |       this.$dialog.exportConfirm('确认导出吗?') | 
 |  |  |         .then(() => { | 
 |  |  |           this.exLoading = true | 
 |  |  | 
 |  |  |               this.download(response) | 
 |  |  |             }) | 
 |  |  |             .catch(e => { | 
 |  |  |               this.$tip.apiFailed(e) | 
 |  |  |             }) | 
 |  |  |             .finally(() => { | 
 |  |  |               this.exLoading = false | 
 |  |  |             }) | 
 |  |  |         }) | 
 |  |  |     }, | 
 |  |  |     handleEdit () { | 
 |  |  |     handleEdit() { | 
 |  |  |       this.isShowEdit = true | 
 |  |  |       this.$nextTick(() => { | 
 |  |  |         this.$refs.HiddenDangerParamRef.isShowModal = true | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     changeRadio (e) { | 
 |  |  |     changeRadio(e) { | 
 |  |  |       this.searchForm.radio = e | 
 |  |  |       if (e === '0') { | 
 |  |  |         this.searchForm.queryStartTime = timeForMat(0)[0] | 
 |  |  |         this.searchForm.queryEndTime = timeForMat(0)[1] | 
 |  |  |         this.time = timeForMat(0) | 
 |  |  |       } else if (e === '1') { | 
 |  |  |         this.searchForm.queryStartTime = timeForMat(6)[0] | 
 |  |  |         this.searchForm.queryEndTime = timeForMat(6)[1] | 
 |  |  |         this.time = timeForMat(6) | 
 |  |  |       } else if (e === '2') { | 
 |  |  |         this.searchForm.queryStartTime = timeForMat(29)[0] | 
 |  |  |         this.searchForm.queryEndTime = timeForMat(29)[1] | 
 |  |  |         this.time = timeForMat(29) | 
 |  |  |       } else { | 
 |  |  |         this.searchForm.radio = '' | 
 |  |  |       } | 
 |  |  |       if (this.searchForm.queryStartTime && this.searchForm.queryEndTime && new Date(this.searchForm.queryStartTime).getTime() > new Date(this.searchForm.queryEndTime).getTime()) { | 
 |  |  |         this.$message.error('开始时间不能大于结束时间') | 
 |  |  |         this.searchForm.queryStartTime = '' | 
 |  |  |         return | 
 |  |  |       } | 
 |  |  |       this.search() | 
 |  |  |     }, | 
 |  |  |     loadParams () { | 
 |  |  |     loadParams() { | 
 |  |  |       allList({ | 
 |  |  |       }) | 
 |  |  |         .then(res => { | 
 |  |  | 
 |  |  |               if (item && item.type != null && item.type === 1) { | 
 |  |  |                 this.cateList.push(item) | 
 |  |  |               } | 
 |  |  |               if (item && item.type != null && item.type === 2) { | 
 |  |  |                 this.checkTypeList.push(item) | 
 |  |  |               } | 
 |  |  |             }) | 
 |  |  |           } | 
 |  |  |         }) | 
 |  |  | 
 |  |  |         .finally(() => { | 
 |  |  |         }) | 
 |  |  |     }, | 
 |  |  |     seleTime (e) { | 
 |  |  |     seleTime(e) { | 
 |  |  |       this.searchForm.queryStartTime = e[0] | 
 |  |  |       this.searchForm.queryEndTime = e[1] | 
 |  |  |       this.searchForm.radio = null | 
 |  |  |       this.search() | 
 |  |  |     }, | 
 |  |  |     reset () { | 
 |  |  |     reset() { | 
 |  |  |       this.$refs.searchForm.resetFields() | 
 |  |  |       this.searchForm.radio = '0' | 
 |  |  |       this.changeRadio('0') | 
 |  |  |       // this.search() | 
 |  |  |       this.searchForm = {} | 
 |  |  |       this.time = [] | 
 |  |  |       // this.searchForm.radio = '0' | 
 |  |  |       // this.changeRadio('0') | 
 |  |  |       this.search() | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } |