<template>
|
<div class="app-container">
|
<el-form ref="form" :inline="true" class="inquire" :model="listQuery" label-width="80px">
|
<el-form-item label="下发单位">
|
<el-select v-model="listQuery.form.ht_typesub" placeholder="请选择">
|
<el-option
|
v-for="item in YHLXList"
|
:key="item.value"
|
:label="item.value"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="隐患单位">
|
<el-input v-model="listQuery.form.ht_branch" style="width:202px"></el-input>
|
</el-form-item>
|
<el-form-item label="隐患类别">
|
<el-select v-model="listQuery.form.ht_typesub" placeholder="请选择">
|
<el-option
|
v-for="item in YHLXList"
|
:key="item.value"
|
:label="item.value"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="隐患级别">
|
<el-select v-model="listQuery.form.ht_level" placeholder="请选择">
|
<el-option
|
v-for="item in YHJBList"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="隐患地点">
|
<el-input v-model="listQuery.form.address" style="width:202px" placeholder="请输入内容"></el-input>
|
</el-form-item>
|
<el-form-item label="检查类别">
|
<el-select v-model="listQuery.form.ht_typesub" placeholder="请选择">
|
<el-option
|
v-for="item in YHLXList"
|
:key="item.value"
|
:label="item.value"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="隐患内容">
|
<el-input v-model="listQuery.form.ht_content" style="width:202px" placeholder="请输入内容"></el-input>
|
</el-form-item>
|
<el-form-item label="检查时间">
|
<el-col :span="11">
|
<el-date-picker type="date" placeholder="选择日期" v-model="listQuery.form.check_dateStart"
|
style="width: 100%;" value-format="yyyy-MM-dd"></el-date-picker>
|
</el-col>
|
<el-col style="text-align:center" :span="2">-</el-col>
|
<el-col :span="11">
|
<el-date-picker type="date" placeholder="选择日期" v-model="listQuery.form.check_dateEnd"
|
style="width: 100%;" value-format="yyyy-MM-dd"></el-date-picker>
|
</el-col>
|
</el-form-item>
|
<el-form-item style="text-align:center;padding:0 50px">
|
<el-button type="primary" class="btns" size="small" icon="el-icon-search" @click="getPageList()">查询
|
</el-button>
|
<el-button type="primary" class="btns" size="small" @click="reset()">重置</el-button>
|
<el-button type="primary" class="btns" size="small" icon="el-icon-upload2" @click="exportData">导出excel
|
</el-button>
|
</el-form-item>
|
</el-form>
|
<el-row class="title-center">
|
<el-col :span="10">
|
<el-radio-group v-model="radio1">
|
<el-radio-button label="待发送">待发送</el-radio-button>
|
<el-radio-button label="已发送">已发送</el-radio-button>
|
</el-radio-group>
|
<el-button class="btns" type="primary" size="small">进入自查（3）</el-button>
|
</el-col>
|
<el-col :span="14" style="text-align:right;" v-if="radio1=='待发送'">
|
<el-button class="btns" type="primary" size="small" icon="el-icon-upload2" >发送</el-button>
|
<el-button class="btns" type="primary" size="small" icon="el-icon-plus" @click="sendBath()">添加</el-button>
|
<el-button size="small" >批量删除</el-button>
|
</el-col>
|
<el-col :span="14" style="text-align:right;" v-if="radio1=='已发送'">
|
<el-button class="btns" type="primary" size="small" >收回</el-button>
|
</el-col>
|
</el-row>
|
<el-table ref="dataTable" v-if="radio1=='待发送'" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange">
|
<el-table-column type="selection" width="55" align="center"></el-table-column>
|
<el-table-column prop="check_date" label="检查时间" width="120" align="center">
|
<template slot-scope="scope">
|
<label>{{ formatDate(scope.row.check_date)}}</label><br/>
|
<label>{{ scope.row.check_class}}</label>
|
</template>
|
</el-table-column>
|
<el-table-column prop="check_branch" label="检查单位" align="center"></el-table-column>
|
<el-table-column prop="checktype" label="检查类别" align="center"></el-table-column>
|
<!-- <el-table-column prop="measure" label="被检单位" align="center"></el-table-column> -->
|
<el-table-column prop="date" label="隐患类别" align="center"></el-table-column>
|
<el-table-column prop="DTRisk_level" label="隐患级别" align="center"></el-table-column>
|
<el-table-column prop="warningLevel" label="隐患地点" align="center"></el-table-column>
|
<el-table-column prop="curWarningLevel" label="隐患内容" width="200" align="center"></el-table-column>
|
<!-- <el-table-column prop="curWarningLevel" label="下发单位" align="center"></el-table-column> -->
|
<el-table-column prop="date" label="基本操作" align="center">
|
<template slot-scope="scope">
|
<el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button>
|
<el-button @click="handleClick(scope.row)" type="text" size="small">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-table ref="dataTable" v-if="radio1=='已发送'" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange">
|
<el-table-column type="selection" width="55" align="center"></el-table-column>
|
<el-table-column prop="check_date" label="检查时间" width="120" align="center">
|
<template slot-scope="scope">
|
<label>{{ formatDate(scope.row.check_date)}}</label><br/>
|
<label>{{ scope.row.check_class}}</label>
|
</template>
|
</el-table-column>
|
<el-table-column prop="check_branch" label="检查单位" align="center"></el-table-column>
|
<el-table-column prop="checktype" label="检查类别" align="center"></el-table-column>
|
<el-table-column prop="measure" label="被检单位" align="center"></el-table-column>
|
<el-table-column prop="date" label="隐患类别" align="center"></el-table-column>
|
<el-table-column prop="DTRisk_level" label="隐患级别" align="center"></el-table-column>
|
<el-table-column prop="warningLevel" label="隐患地点" align="center"></el-table-column>
|
<el-table-column prop="curWarningLevel" label="隐患内容" width="200" align="center"></el-table-column>
|
<el-table-column prop="curWarningLevel" label="发送单位" align="center"></el-table-column>
|
<el-table-column prop="date" label="未自查单位" align="center"></el-table-column>
|
</el-table>
|
<div style="text-align: right">
|
<el-pagination
|
v-show="recordTotal > 0"
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
:current-page="currentPage"
|
:page-sizes="[10, 20, 30, 50]"
|
:page-size="pageSize"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="recordTotal"
|
>
|
</el-pagination>
|
</div>
|
|
</div>
|
</template>
|
<script>
|
export default{
|
data(){
|
return{
|
listQuery:{
|
form:{}
|
},
|
radio1:'待发送',
|
}
|
},
|
methods:{
|
sendBath(){
|
this.$router.push({
|
path:'/existN'
|
})
|
},
|
handleClick(data,val){
|
if(val=='存在'){
|
this.$router.push({
|
path:'/exist'
|
})
|
}
|
}
|
}
|
}
|
</script>
|
<style scoped>
|
.inquire {
|
display: flex;
|
justify-content: left;
|
flex-wrap: wrap;
|
}
|
.inquire .el-form-item {
|
padding: 0 46px;
|
}
|
.title-center {
|
padding: 20px 0;
|
}
|
|
.btns {
|
background-color: #034ea2;
|
border: 1px solid #034ea2;
|
}
|
|
.title-center /deep/ .el-radio-button:first-child .el-radio-button__inner {
|
border: none;
|
}
|
|
.title-center /deep/ .el-radio-button__inner {
|
border: none;
|
border-radius: 0px;
|
}
|
|
.title-center /deep/ .el-radio-button__orig-radio:checked + .el-radio-button__inner {
|
background-color: #034ea2;
|
background-color: #034ea2;
|
}
|
</style>
|
