guoyuepeng
/
qa-regulatory-gwj-vue
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity
qa-regulatory-gwj-vue/src/views/safetyenvironmental/chief/components/information.vue

271 lines
9.9 KiB
Vue
Raw Blame History

<template>
<el-dialog v-loading="loading" v-if="dialogVisible" :visible.sync="dialogVisible" title="分公司安全环保检查详情" fullscreen>
<el-form label-width="100px">
<el-row>
<el-col :span="4">
<el-form-item label="被检查单位">
<el-input v-model="search.INSPECTED_DEPARTMENT_NAME" placeholder="被检查单位..." />
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="检查部门">
<el-input v-model="search.INSPECTION_DEPARTMENT_NAME" placeholder="检查部门..." />
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="检查发起人">
<el-input v-model="search.INSPECTION_ORIGINATOR_NAME" placeholder="检查发起人..." />
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="检查类型">
<!-- <el-select v-model="search.INSPECTION_TYPE" placeholder="检查类型..." clearable style="width: 100%">-->
<!-- <el-option v-for="item in init_information.INSPECTION_TYPE_LIST" :key="item.BIANMA" :label="item.NAME" :value="item.BIANMA" />-->
<!-- </el-select>-->
<SelectTree
ref="tree_InspectionType"
:clearable="false"
:options="inspectionTypeList"
:props="defaultProps"
v-model="search.INSPECTION_TYPE"
:canparent="false"
placeholder="这里选择检查类型..."
children-name="nodes" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="检查时间">
<el-date-picker
v-model="search.INSPECTION_TIME"
type="daterange"
style="width: 100%;"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<el-form-item label="检查状态">
<el-select v-model="search.INSPECTION_STATUS" placeholder="隐患状态" clearable style="width: 100%">
<el-option v-for="item in init_information.STATUS_LIST" :key="item.ID" :label="item.NAME" :value="item.ID"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="数据来源">
<el-select v-model="search.INSPECTION_SOURCE" placeholder="隐患状态" clearable style="width: 100%">
<el-option key="0" label="监管端" value="4" />
<el-option key="1" label="企业端" value="5" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label-width="10px">
<el-button v-waves type="primary" icon="el-icon-search" @click="getQuery">
搜索
</el-button>
<el-button v-waves type="success" icon="el-icon-refresh" @click="goKeyReset">
重置
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-table
v-loading="loading"
ref="multipleTable"
:data="varList"
:row-key="getRowKey"
:header-cell-style="{'font-weight': 'bold','color': '#000'}"
tooltip-effect="dark"
border
fit
highlight-current-row
>
<el-table-column
:reserve-selection="true"
type="selection"
width="55"
align="center"/>
<el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column prop="INSPECTED_DEPARTMENT_NAME" label="隐患来源" align="center">
<template slot-scope="{row}">
{{ row.INSPECTION_SOURCE === '4' ? '监管端' : '企业端' }}
</template>
</el-table-column>
<el-table-column prop="INSPECTED_DEPARTMENT_NAME" label="被检查单位" align="center" />
<el-table-column prop="INSPECTION_DEPARTMENT_NAME" label="检查部门" align="center" />
<el-table-column prop="INSPECTION_ORIGINATOR_NAME" label="检查发起人" align="center" />
<el-table-column prop="INSPECTION_TYPE_NAME" label="检查类型" align="center" />
<el-table-column label="检查时间" width="260" align="center" >
<template slot-scope="{row}">
<span>自 {{ row.INSPECTION_TIME_START }} 至 {{ row.INSPECTION_TIME_END }} 止</span>
</template>
</el-table-column>
<el-table-column prop="INSPECTION_STATUS" label="状态" align="center" >
<template slot-scope="{row}">
<template v-if="row.INSPECTION_STATUS == '0'">待检查人核实</template>
<template v-else-if="row.INSPECTION_STATUS == '1'">检查人核实中</template>
<template v-else-if="row.INSPECTION_STATUS == '2'">待被检查人确认</template>
<template v-else-if="row.INSPECTION_STATUS == '3'">待指派</template>
<template v-else-if="row.INSPECTION_STATUS == '4'">指派中</template>
<template v-else-if="row.INSPECTION_STATUS == '5'">指派完成</template>
<template v-else-if="row.INSPECTION_STATUS == '6'">检查待验收</template>
<template v-else-if="row.INSPECTION_STATUS == '7'">检查已验收</template>
<template v-else-if="row.INSPECTION_STATUS == '8'">已归档</template>
<template v-else-if="row.INSPECTION_STATUS == '-1'">检查人核实打回</template>
<template v-else-if="row.INSPECTION_STATUS == '-2'">被检查人申辩</template>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="200">
<template slot-scope="{row}">
<el-button type="success" icon="el-icon-view" size="mini" @click="goDetail(row)">查看</el-button>
</template>
</el-table-column>
</el-table>
<div class="page-btn-group" style="padding-bottom: 3%">
<div/>
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
</div>
<div class="ui-foot" style="width:100%;z-index: 2019;left: 0%">
<el-button plain type="info" @click="goBack">返 回</el-button>
</div>
<info ref="info"/>
</el-dialog>
</template>
<script>
import Pagination from '@/components/Pagination'
import WriteSign from '@/components/WriteSign'
import waves from '@/directive/waves'
import { requestFN } from '@/utils/request'
import SelectTree from '@/components/SelectTree'
import info from './info'
export default {
components: { Pagination, WriteSign, info, SelectTree },
directives: { waves },
data() {
return {
dialogVisible: false,
listQuery: {
page: 1,
limit: 20
},
total: 0,
loading: false,
search: {
INSPECTED_DEPARTMENT_NAME: '', // 被检查单位
INSPECTION_DEPARTMENT_NAME: '', // 检查部门
INSPECTION_ORIGINATOR_NAME: '', // 检查发起人
INSPECTION_TYPE: '', // 检查类型
INSPECTION_TIME: ['', ''], // 检查时间
INSPECTION_STATUS: '', // 检查状态
CORPINFO_ID: ''
},
CORPINFO_ID: '',
varList: [],
inspectionTypeList: [],
init_information: {},
defaultProps: { value: 'id', children: 'nodes', label: 'name' }
}
},
methods: {
init(department_id) {
this.dialogVisible = true
this.search.CORPINFO_ID = department_id
this.CORPINFO_ID = department_id
this.getList()
this.initNumber()
},
initNumber() {
this.init_information = {
INSPECTION_TYPE_LIST: [],
STATUS_LIST: [
{ ID: '', NAME: '请选择' },
{ ID: '0', NAME: '待检查人核实' },
{ ID: '1', NAME: '检查人核实中' },
{ ID: '2', NAME: '待被检查人确认' },
{ ID: '3', NAME: '待指派' },
{ ID: '4', NAME: '指派中' },
{ ID: '5', NAME: '指派完成' },
{ ID: '6', NAME: '检查待验收' },
{ ID: '7', NAME: '检查已验收' },
{ ID: '8', NAME: '已归档' },
{ ID: '-1', NAME: '检查人核实打回' },
{ ID: '-2', NAME: '被检查人申辩' }
]
}
this.getDict()
},
getList() {
this.loading = true
requestFN(
'/safetyenvironmental/navigation?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
{
...this.search
}
).then((data) => {
this.loading = false
this.varList = data.varList
this.total = data.page.totalResult
this.hasButton()
this.pd = data.pd
}).catch((e) => {
this.listLoading = false
})
},
getQuery() {
this.getList()
},
getRowKey(row) {
return row.INSPECTION_ID
},
goDetail(row) {
this.$refs.info.init(row.INSPECTION_ID)
},
goBack() {
this.dialogVisible = false
},
getDict: function() {
requestFN(
'/dictionaries/listSelectTree',
{
DICTIONARIES_ID: '60e6481d96e44a5390ff5c347c4d1ffe' // 检查类型
}
).then((data) => {
this.inspectionTypeList = JSON.parse(data.zTreeNodes)
}).catch((e) => {
console.log(e)
})
},
goKeyReset() {
this.search = {
INSPECTED_DEPARTMENT_NAME: '', // 被检查单位
INSPECTION_DEPARTMENT_NAME: '', // 检查部门
INSPECTION_ORIGINATOR_NAME: '', // 检查发起人
INSPECTION_TYPE: '', // 检查类型
INSPECTION_TIME: ['', ''], // 检查时间
INSPECTION_STATUS: '', // 检查状态
CORPINFO_ID: this.CORPINFO_ID
}
this.$refs.tree_InspectionType.clearHandle()
this.getList()
}
}
}
</script>
<style>
.ui-foot {
position: fixed;
width: calc(100% - 210px);
bottom: 0;
height: 60px;
line-height: 60px;
background-color: #f1f1f1;
text-align: center;
}
</style>
Reference in New Issue View Git Blame Copy Permalink