From 331c3bed75c95d13d79e84f5ba4d0500716fc703 Mon Sep 17 00:00:00 2001 From: 13937891274 <kxc0822> Date: 星期二, 17 五月 2022 17:53:52 +0800 Subject: [PATCH] 安全隐患台账-督查督办 --- src/views/oneFromanother/index.vue | 275 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 271 insertions(+), 4 deletions(-) diff --git a/src/views/oneFromanother/index.vue b/src/views/oneFromanother/index.vue index e429f8f..ec3b1fc 100644 --- a/src/views/oneFromanother/index.vue +++ b/src/views/oneFromanother/index.vue @@ -1,11 +1,278 @@ <template> - <div> - divxxxxx + <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 XFDWList" + :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 YHLBList" + :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 JCLBList" + :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-col> + <el-col :span="14" v-if="radio1=='待自查'" style="text-align:right;"> + <el-button class="btns" type="primary" size="small" @click="sendBath()">管理专业</el-button> + </el-col> + <el-col :span="14" v-if="radio1=='已自查'" style="text-align:right;"> + <el-button class="btns" type="primary" size="small" @click="sendBath()">撤销</el-button> + </el-col> + </el-row> + <el-table + v-loading="listLoading" + :data="tableData" + style="width: 100%" + @selection-change="changeBox"> + <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_main_branch" label="检查单位" align="center"></el-table-column> + <el-table-column prop="checktype" label="检查类别" align="center"></el-table-column> + <el-table-column prop="ht_community" label="被检单位" align="center"></el-table-column> + <el-table-column prop="ht_typesub" label="隐患类别" align="center"></el-table-column> + <el-table-column prop="ht_level" label="隐患级别" align="center"></el-table-column> + <el-table-column prop="address" label="隐患地点" align="center"></el-table-column> + <el-table-column prop="ht_content" label="内容" width="200" align="center"></el-table-column> + <el-table-column prop="push_branch" 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" v-if="radio1=='已自查'" size="small">追查结果</el-button> + <el-button @click="handleClick(scope.row,'存在')" type="text" v-if="radio1=='待自查'" size="small">存在</el-button> + </template> + </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> - + import { getPageList } from "@/api/sgyhpczl/oneFromanother" + import {initJCBM, initYHLX, initJCLB, initYHJB} from "@/api/sgyhpczl/initSelect"; + + export default{ + data(){ + return{ + listQuery:{ + page:1, + limit:10, + type: 0, + form:{}, + }, + currentPage: 1, + pageSize: 10, + recordTotal: 0, + XFDWList:[], + YHLBList:[], + YHJBList:[], + JCLBList:[], + tableData:[], + exportData:[], + selectedList:[], + radio1:'待自查', + listLoading: false, + } + }, + mounted() { + this.getPageList(); + this.initJCLB(); + this.initXFDW(); + this.initYHJB(); + this.initYHLB(); + }, + methods:{ + sendBath(){ + this.$router.push({ + path:'/manage' + }) + }, + handleClick(data,val){ + if(val=='存在'){ + this.$router.push({ + path:'/exist' + }) + } + }, + initXFDW(){ + initJCBM(1).then(res=>{ + if (res.data.ok==1){ + this.XFDWList=res.data.data + } else{ + this.$message({type:'error', message:res.data.msg, duration:3000}) + } + }) + }, + initYHLB(){ + initYHLX().then(res=>{ + if (res.data.ok==1){ + this.YHLBList=res.data.data + } else{ + this.$message({type:'error', message:res.data.msg, duration:3000}) + } + }) + }, + initYHJB(){ + initYHJB().then(res=>{ + if (res.data.ok==1){ + this.YHJBList=res.data.data + } else{ + this.$message({type:'error', message:res.data.msg, duration:3000}) + } + }) + }, + initJCLB(){ + initJCLB().then(res=>{ + if (res.data.ok==1){ + this.JCLBList=res.data.data + } else{ + this.$message({type:'error', message:res.data.msg, duration:3000}) + } + }) + }, + //搜索 + getPageList(){ + this.listQuery.page=1 + // this.checkTime() + getPageList(this.listQuery).then(res=>{ + if (res.data.ok==1) { + this.tableData = res.data.data.items + this.recordTotal=res.data.data.total + }else{ + this.$message({type:'error', message:res.data.msg, duration:3000}) + } + }) + }, + reset(){ + this.getPageList() + }, + changeBox(val){ + this.selectedList = [] + val.forEach((item) => { + this.selectedList.push(item) + }) + }, + handleSizeChange(val){ + this.listQuery.limit = val + this.getPageListForPagination(); + }, + handleCurrentChange(val){ + this.listQuery.page = val + this.getPageListForPagination(); + }, + + } + } </script> <style scoped> +.inquire { + display: flex; + justify-content: left; + flex-wrap: wrap; +} +.inquire .el-form-item { + padding: 0 46px; +} +.title-center { + padding: 20px 0; +} -</style> \ No newline at end of file +.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> -- Gitblit v1.9.2