fj-dc-ui/.svn/pristine/fd/fd1fd2a1434bfdbaf93df5014dc53a9e623f316d.svn-base

<template>
  <el-container class="monthReport">
    <el-card class="box-card">
       <h2 class="title_monthReport">每月统计上报内容</h2>
       <div class="note_monthReport">
         <p>填写注意事项</p>
         <p>1.此表只统计厅机关各部门（单位）、厅直各单位组织的监督检查工作，由监督检查牵头组织单位负责填写，参与检查单位不重复填写；</p>
         <p>2.此表每月上报一次，上报时间为每月最后一个工作日下午下班前；</p>
         <p>3.为保证数据的准确性，只填写本统计周期内的相应数据，切记勿与前期统计周期有数据重叠。</p>
         <p>4.为准确掌握强监管工作计划执行情况，每个监管事项单独统计，有多个监管事项时添加相应条数的记录。</p>
       </div>
      <el-form :inline="true" size="small" class="demo-form-inline" label-width="80px">
        <el-form-item label="年度" size="mini">
          <el-date-picker
            v-model="searchForm.year"
            type="year"
            format="yyyy"
            value-format="yyyy"
            placeholder="选择年度">
          </el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" size="mini" @click="searchBtn">查询</el-button>
          <el-button type="primary" size="mini" @click="addBtn">添加</el-button>
        </el-form-item>
        <el-form-item style="float:right;">
          <el-button type="primary" size="mini" @click="exportExcel">导出</el-button>
        </el-form-item>
      </el-form>
      <div>
        <el-table
          border
          ref="multipleTable"
          :height="tableHeight"
          :data="tableData"
          tooltip-effect="dark"
          style="width: 100%"
          v-loading="loading">
          <el-table-column align="center" type="index" label="序号" min-width="25">
            <template slot-scope="scope">{{ (pageNum - 1) * pageSize + (scope.$index + 1) }}</template>
          </el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="100"
            prop="unitName"
            label="单位"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="100"
            prop="year"
            label="年度"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="200"
            prop="month"
            label="月份"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="150"
            prop="matter"
            label="监管事项"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            min-width="150"
            prop="mainWork"
            label="主要工作内容"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="spcChkSize"
            width="350"
            label="印发专项检查方案(含制定实施方案)份数"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="inspSize"
            width="150"
            label="派出督查组次"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="150"
            prop="inspPersSize"
            label="派出督查人次"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="120"
            prop="chkPrjSize"
            label="检查项目数"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="120"
            prop="findPblmSize"
            label="发现问题数"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="150"
            prop="accnUnitSize"
            label="追责问责单位数"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="150"
            prop="accnPersSize"
            label="追责问责人数"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="pblmMendSize"
            width="200"
            label="印发整改通知份数"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="pubRptSize"
            width="300"
            label="向厅党组汇报监督工作次数"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            width="600"
            prop="chkSysNote"
            label="根据检查结果修订的政策制度有哪些（需详细填写政策制度名称和修订的相应条款内容）"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="leadChkSize"
            width="250"
            label="厅领导带队检查次数"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            header-align="center"
            align="center"
            prop="leadChkNote"
            width="450"
            label="厅领导带队检查明细（按姓名、检查内容（专业）、组次数填写）"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            align="center"
            min-width="260"
            label="操作"
            fixed="right">
            <template slot-scope="scope">
              <el-button type="success" size="mini" @click.stop="edit(scope.row)">编辑</el-button>
              <el-button type="danger" size="mini" @click.stop="deleteData(scope.row.id)">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination
          style="margin: 10px auto"
          background
          :pager-count="5"
          :current-page="pageNum"
          :page-size="pageSize"
          :page-sizes="[10, 20, 30, 40, 50, 100]"
          layout="sizes, total, prev, pager, next"
          :total="total"
          @current-change="handleCurrentChange"
        ></el-pagination>
      </div>
    </el-card>
    <el-dialog
      class="outerDialog custom_dialog"
      :title="dialogT+'统计月报'"
      width="60%"
      @close="closeAddDialog"
      v-if="addDialogVisible"
      :visible.sync="addDialogVisible">
      <div style="width: 100%;height:100%;">
        <el-form ref="addForm" label-width="300px">
          <el-form-item label="单位" required>
            <el-input v-model="addForm.unitName" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="年度" required>
            <el-date-picker
              v-model="addForm.year"
              type="year"
              format="yyyy"
              value-format="yyyy"
              placeholder="选择年">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="月份" required>
            <el-input v-model="addForm.month" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="监管事项" required>
            <el-input v-model="addForm.matter" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="主要工作内容" required>
            <el-input v-model="addForm.mainWork" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="印发专项检查方案(含制定实施方案)份数" required>
            <el-input v-model="addForm.spcChkSize" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="派出督查组次" required>
            <el-input v-model="addForm.inspSize" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="派出督查人次" required>
            <el-input v-model="addForm.inspPersSize" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="检查项目数" required>
            <el-input v-model="addForm.chkPrjSize" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="发现问题数" required>
            <el-input v-model="addForm.findPblmSize" placeholder="请输入县"></el-input>
          </el-form-item>
          <el-form-item label="追责问责单位数" required>
            <el-input v-model="addForm.accnUnitSize" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="追责问责人数" required>
            <el-input v-model="addForm.accnPersSize" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="印发整改通知份数" required>
            <el-input v-model="addForm.pblmMendSize" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="向厅党组汇报监督工作次数" required>
            <el-input v-model="addForm.pubRptSize" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="根据检查结果修订的政策制度有哪些(需详细填写政策制度名称和修订的相应条款内容)" required>
            <el-input type="textarea" :rows="3" v-model="addForm.chkSysNote" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="厅领导带队检查次数" required>
            <el-input v-model="addForm.leadChkSize" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item label="厅领导带队检查明细(按姓名、检查内容（专业）、组次数填写)" required>
            <el-input type="textarea" :rows="3" v-model="addForm.leadChkNote" placeholder="请输入"></el-input>
          </el-form-item>
          <el-form-item style="text-align: center">
            <el-button type="primary" @click="addSubmit" style="margin-bottom: 30px;">确定</el-button>
          </el-form-item>
        </el-form>
      </div>
    </el-dialog>
  </el-container>
</template>
<script>
    import {exportModel} from "@util/gw_exportModel";
    import request from '@util/gw_ajax_request'
    import receiver from "./receiver"
    export default {
        name: "",
        props: [],
        data() {
            return {
                dialogT:"",
                addDialogVisible:false,
                tableHeight:window.innerHeight-400,
                tableData:[],
                loading:false,
                pageNum:1,
                pageSize:10,
                total:0,
                searchForm:{
                    year:new Date().getFullYear().toString()
                },
                YM:"",
                orgIdDefault:"",
                addForm:{
                    unitName:"",
                    year:"",
                    mnth:"",
                    matter:"",
                    mainWork:"",
                    spcChkSize:"",
                    inspSize:"",
                    inspPersSize:"",
                    chkPrjSize:"",
                    findPblmSize:"",
                    accnUnitSize:"",
                    accnPersSize:"",
                    pblmMendSize:"",
                    pubRptSize:"",
                    chkSysNote:"",
                    leadChkSize:"",
                    leadChkNote:""
                }

            }
        },
        components: {
            receiver
        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            },
            orgId() {
                return localStorage.getItem('currentOrgId') ? localStorage.getItem("currentOrgId") : "";
            },
            organCode() {
                return localStorage.getItem('currentRlcode') ? localStorage.getItem('currentRlcode') : ''
            },
        },
        mounted() {
           this.initTableData();
        },
        methods: {
            async exportExcel() {
                if (!this.searchForm.year) {
                    this.$message.warning("请选择年份");
                    return;
                }
                let url = "/pdcApi/bis/insp/mtprg/export";
                let type = "POST";
                let exportName = "督查进度月报.xls"
                var param = {
                    year:this.searchForm.year,
                    persId:this.persId
                }
                let result = await exportModel(type, url, exportName,JSON.stringify(param));
            },
            deleteData(id){
                var _self = this;
                this.$confirm('确定删除该条数据吗, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post('/bis/insp/mtprg/delete/'+id).then(res=>{
                        if(res.success){
                            _self.initTableData();
                        }else{
                            _self.$message.warning(res.message);
                        }
                    })
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消删除'
                    });
                });
            },
            edit(row){
                var obj = JSON.stringify(row);
                this.addDialogVisible = true;
                this.addForm = JSON.parse(obj);
                this.addForm.year = this.addForm.year?this.addForm.year.toString():"";
                this.dialogT = "编辑";
            },
            addSubmit(){
                if(!this.addForm.unitName){
                    this.$message.warning("请选择单位");
                    return;
                }
                if(!this.addForm.year){
                    this.$message.warning("请输入年度");
                    return;
                }
                if(!this.addForm.month){
                    this.$message.warning("请输入月份");
                    return;
                }
                var _self = this;
                request.post('/bis/insp/mtprg',this.addForm).then(res=>{
                    if(res.success){
                        _self.$message.success("保存成功");
                        _self.addDialogVisible = false;
                        _self.addForm = {};
                        _self.initTableData();
                    }else{
                        _self.$message.warning(res.message);
                    }
                })
            },
            selectOrgChange(data){
                this.addForm.unitName = data.name;
            },
            clearRecv(){
                this.addForm.unitName = "";
            },
            closeAddDialog(){
                this.addDialogVisible = false;
            },
            initTableData(){
                this.searchForm.pageNum = this.pageNum;
                this.searchForm.pageSize = this.pageSize;
                this.searchForm.persId = this.persId;
                this.loading = true;
                var _self = this;
                request.post('/bis/insp/mtprg/listOfPage',this.searchForm).then(res=>{
                    if(res.success){
                        _self.tableData = res.data.list;
                        _self.total = res.data.total;
                        _self.loading = false;
                    }else{
                        _self.$message.warning(res.message)
                    }
                })
            },
            handleCurrentChange(val){
                this.pageNum = val;
                this.initTableData();
            },
            searchBtn(){
                this.initTableData();
            },
            addBtn(){
                this.addForm = {};
                this.addDialogVisible = true;
                this.dialogT = "添加"
            }
        }
    }
</script>

<style lang="scss" scoped>
  .monthReport{
     width: 100%;
     height:100%;
     margin: 0;
     padding: 0;
  }
  .box-card{
     width: calc(100% - 60px);
     height:calc(100% - 20px);
     margin: 0 auto;
     margin-top: 10px;
  }
  .title_monthReport{
     text-align: center;
     padding: 10px;
  }
  .note_monthReport{
    width: 100%;
    background-color: rgba(255, 251, 230, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 229, 143, 1);
    color: rgba(0, 0, 0, 0.447058823529412);
    font-size: 14px;
    padding: 10px;
  }
  .note_monthReport p:first-child{
     font-size: 16px !important;
  }
  .monthReport{
    .demo-form-inline{
      .el-form-item{
         margin-bottom: 5px;
         margin-top: 8px;
      }
    }
  }
</style>