| | |
| | | <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-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.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 @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-form-item> |
| | | <el-radio-group v-model="searchForm.radio" size="small" @input="changeRadio"> |
| | |
| | | <!-- 表格和分页 --> |
| | | <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" stripe @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55"></el-table-column> |
| | | <el-table-column prop="dutyCompanyName" label="责任部门" min-width="150px"></el-table-column> |
| | | <el-table-column prop="areaName" 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="content" 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="companyName" show-overflow-tooltip 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"> |
| | | <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 label="操作" min-width="180" fixed="right"> |
| | | <el-table-column prop="dealTime" label="处理时间" min-width="150px"></el-table-column> |
| | | <!-- |
| | | <el-table-column prop="editDate" label="最近操作时间" min-width="150px"></el-table-column> |
| | |
| | | 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-delete" @click="deleteById(row)" style="color: red" v-permissions="['business:hiddendanger:delete']">删除</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, |
| | | // 搜索 |
| | |
| | | time: [] |
| | | } |
| | | }, |
| | | created () { |
| | | created() { |
| | | this.config({ |
| | | module: '隐患随手拍管理', |
| | | api: '/business/hiddenDanger', |
| | |
| | | this.loadParams() |
| | | }, |
| | | methods: { |
| | | handleEx () { |
| | | handleEx() { |
| | | this.$dialog.exportConfirm('确认导出吗?') |
| | | .then(() => { |
| | | this.exLoading = true |
| | |
| | | }) |
| | | }) |
| | | }, |
| | | 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.search() |
| | | }, |
| | | loadParams () { |
| | | loadParams() { |
| | | allList({ |
| | | }) |
| | | .then(res => { |
| | |
| | | .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() |
| | | } |
| | | } |
| | | } |