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