fj-dc-ui/.svn/pristine/c2/c29b1b492902ef724452e5423bc1750346fa67d2.svn-base

<template>
  <el-container class="check_plan_zj">
    <el-main>
      <el-card class="box-card" :style="{'height': cardHeight + 'px','overflow-y':'auto'}">
        <el-row :gutter="24" type="flex" justify="start" class="notice_title">
          <el-col :span="20">
            <el-form :inline="true" size="small" class="demo-form-inline" label-width="120px">
              <el-form-item label="年度">
                <el-date-picker
                  v-model="searchForm.chkYear"
                  type="year"
                  format="yyyy"
                  value-format="yyyy"
                  placeholder="选择年度">
                </el-date-picker>
              </el-form-item>
              <el-form-item label="牵头单位">
                <el-input v-model="searchForm.leadDep" placeholder="牵头处室" clearable></el-input>
              </el-form-item>
              <el-form-item label="检查计划事项">
                <el-input v-model="searchForm.chkName" placeholder="检查计划事项" clearable></el-input>
              </el-form-item>
              <el-form-item label="类别">
                <el-input v-model="searchForm.chkType" placeholder="类别" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="searchBtn">查询</el-button>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
        <div>
          <div class="table_title">
            <h2>监督检查工作计划</h2>
            <div>
              <el-button type="success" @click="addFormBtn" v-if="ownPriv('manage')">添加检查计划</el-button>
              <el-button type="primary" @click="downloadPlan">导出检查计划</el-button>
              <!--                            <el-button type="primary" @click="downloadSum">导出检查计划汇总表</el-button>-->
              <el-button type="primary" @click="downloadTemplate">下载模板</el-button>
              <span style="padding-left: 10px;" v-if="ownPriv('manage')">
                                <common-upload-auto-simple
                                  ref="ImportPlan"
                                  :limit=1
                                  :url="`/pdcApi/bis/insp/plan/year/impExl`"
                                  @uploadOver="uploadOver"
                                  :accept="'.xls'"
                                  style="margin:auto;"
                                  comment=".xls格式,不超过2MB(自动上传)"
                                  fileDesc="导入"
                                ></common-upload-auto-simple>
                            </span>
            </div>
          </div>
          <el-table
            border
            ref="table"
            :height="tableHeight"
            :data="tableData"
            tooltip-effect="dark"
            style="width: 100%"
            v-loading="loading">
            <!--                        <el-table-column align="center" type="index" label="序号" width="80">-->
            <!--                            <template slot-scope="scope">{{ (pageNum - 1) * pageSize + (scope.$index + 1) }}</template>-->
            <!--                        </el-table-column>-->
            <el-table-column
              header-align="center"
              align="center"
              width="80"
              prop="ordr"
              label="序号"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="objName"
              label="督查类型"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="chkName"
              label="检查计划事项"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="200"
              prop="chkType"
              label="类别"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column label="计划开展时间" align="center">
              <el-table-column
                header-align="center"
                align="center"
                min-width="150"
                prop="planSttm"
                label="开始"
                :formatter="formatDate"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="150"
                prop="planEntm"
                :formatter="formatDate"
                label="结束"
                show-overflow-tooltip
              ></el-table-column>
            </el-table-column>
            <el-table-column label="牵头单位和参加单位" align="center">
              <el-table-column
                header-align="center"
                align="center"
                min-width="200"
                prop="leadDep"
                label="牵头单位"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="200"
                prop="joinDep"
                label="参加单位"
                show-overflow-tooltip
              ></el-table-column>
            </el-table-column>
            <el-table-column label="开展方式及对象范围" align="center">
              <el-table-column
                header-align="center"
                align="center"
                min-width="200"
                prop="chkForm"
                label="开展方式"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="200"
                prop="chkScope"
                label="督查检查单位范围(市)"
                show-overflow-tooltip
              ></el-table-column>
            </el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="300"
              prop="chkRly"
              label="开展依据"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              header-align="center"
              align="center"
              min-width="80"
              prop="state"
              label="状态"
              show-overflow-tooltip
            >
              <template slot-scope="scope">
                <span v-if="scope.row.state=='1'" style="color:#16ff68;font-weight: bold;">已办结</span>
                <span v-else style="color:#ff6069;font-weight: bold;">未办结</span>
              </template>
            </el-table-column>
            <el-table-column
              align="center"
              label="操作"
              :min-width="isManage"
              fixed="right">
              <template slot-scope="scope">
                <el-button type="success" size="mini"  @click.stop="lookOver(scope.row)">查看</el-button>
                <el-button type="success" size="mini"  v-if="ownPriv('manage')" @click.stop="edit(scope.row)">编辑</el-button>
                <el-button type="danger"  size="mini"  v-if="ownPriv('manage')" @click.stop="deleteData(scope.row.id)">删除</el-button>
                <el-button type="success" size="mini"  v-if="ownPriv('manage')" @click="hrefMoth(scope.row)">监督检查详细计划</el-button>
                <el-button type="success" size="mini"  v-if="ownPriv('mprocess')" @click="processMoth(scope.row)">月进展情况</el-button>
                <el-button type="primary" size="mini"  v-if="ownPriv('manage') && scope.row.state!='1'" @click="finish(scope.row)">办结</el-button>
                <el-button type="success" size="mini"  v-if="ownPriv('manage')" @click="showAllObjType(scope.row)">关联督查类型</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"
            @size-change="handleSizeChange"
          ></el-pagination>
        </div>
      </el-card>
    </el-main>
    <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="200px">
          <el-form-item label="序号" required>
            <el-input v-model="addForm.ordr" placeholder="请输入序号"></el-input>
          </el-form-item>
          <el-form-item label="检查计划事项" required>
            <el-input v-model="addForm.chkName" placeholder="请输入检查计划事项"></el-input>
          </el-form-item>
          <el-form-item label="类别" required>
            <el-input v-model="addForm.chkType" placeholder="请输入类别"></el-input>
          </el-form-item>
          <el-form-item label="计划开展时间" required>
            <el-form-item>
              <span>开始(月)</span>
              <el-date-picker
                v-model="addForm.planSttm"
                type="month"
                placeholder="选择开始日期">
              </el-date-picker>
            </el-form-item>
            <el-form-item>
              <span>结束(月)</span>
              <el-date-picker
                v-model="addForm.planEntm"
                type="month"
                placeholder="选择结束日期">
              </el-date-picker>
            </el-form-item>
          </el-form-item>
          <el-form-item label="牵头单位" required>
            <el-input v-model="addForm.leadDep" placeholder="请输入牵头单位"></el-input>
          </el-form-item>
          <el-form-item label="参加处室(单位)">
            <el-input v-model="addForm.joinDep" placeholder="请输入参加处室(单位)"></el-input>
          </el-form-item>
          <el-form-item label="开展方式" required>
            <el-input v-model="addForm.chkForm" placeholder="请输入开展方式"></el-input>
          </el-form-item>
          <el-form-item label="督查检查对象范围(市)" required>
            <el-input v-model="addForm.chkScope" placeholder="请输入督查检查对象范围(市)"></el-input>
          </el-form-item>
          <el-form-item label="开展依据" required>
            <el-input v-model="addForm.chkRly" placeholder="请输入开展依据"></el-input>
          </el-form-item>
          <el-form-item label="备注">
            <el-input v-model="addForm.note" 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-dialog
      class="outerDialog custom_dialog"
      :title="'监督检查计划详细'"
      width="40%"
      @close="closeDetailDialog"
      v-if="detailDialogVisible"
      :visible.sync="detailDialogVisible">
      <div style="width: 100%;height:100%;overflow: auto;">
        <table>
          <tr><td>督查类型</td><td>{{detailObj.objName}}</td></tr>
          <tr><td>检查计划事项</td><td>{{detailObj.chkName}}</td></tr>
          <tr><td>类别</td><td>{{detailObj.chkType}}</td></tr>
          <tr><td>计划开展时间-开始(月)</td><td>{{detailObj.planSttm}}</td></tr>
          <tr><td>计划开展时间-结束(月)</td><td>{{detailObj.planEntm}}</td></tr>
          <tr><td>牵头单位</td><td>{{detailObj.leadDep}}</td></tr>
          <tr><td>参加处室(单位)</td><td>{{detailObj.joinDep}}</td></tr>
          <tr><td>开展方式</td><td>{{detailObj.chkForm}}</td></tr>
          <tr><td>督查检查对象范围(市)</td><td>{{detailObj.chkScope}}</td></tr>
          <tr><td>开展依据</td><td>{{detailObj.chkRly}}</td></tr>
          <tr><td>状态</td><td>{{detailObj.state=='1'?'已办结':'未办结'}}</td></tr>
          <tr><td>备注</td><td>{{detailObj.note}}</td></tr>
        </table>
      </div>
    </el-dialog>
    <el-dialog
      class="outerDialog custom_dialog"
      :title="'关联督查类型'"
      width="30%"
      @close="closeTypeDialog"
      v-if="typeDialogVisible"
      :visible.sync="typeDialogVisible">
      <div style="width: 100%;height:100%;">
        <el-form ref="yearForm" label-width="80px">
          <el-form-item label="督查类型">
            <el-select v-model="objType" filterable placeholder="请选择督查类型" style="width: 100%;">
              <el-option
                v-for="item in objTypeList"
                :key="item.inspType"
                :label="item.inspName"
                :value="item.inspType">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item style="text-align: center">
            <el-button type="primary" @click="updateData" style="margin-bottom: 30px;">确定</el-button>
          </el-form-item>
        </el-form>
      </div>
    </el-dialog>
    <monthReportGd v-if="addMonthProcessGdVisible" :rowData="rowData" @closeDialogMonth="closeDialogMonthProcessGd"></monthReportGd>
    <chkMonth v-if="addMonthProcessSdVisible" :rowData="rowData" @closeDialogMonth="closeDialogMonthProcessSd"></chkMonth>
    <monthReportSd v-if="addMonthReportVisible" :rowData="rowData" @closeDialogMonth="closeDialogMonth"></monthReportSd>
  </el-container>
</template>
<script>
    import {exportModel} from "@util/gw_exportModel";
    import request from '@util/gw_ajax_request'
    import CommonUploadAutoSimple from "../../../widgets/common-upload-auto-simple";
    import monthReportSd from "./monthReportSd";
    import chkMonth from "./chkMonth";
    import monthReportGd from "./monthReportGd";
    export default {
        name: "",
        props: [],
        data() {
            return {
                rowData:{},
                addMonthReportVisible:false,
                addMonthProcessGdVisible:false,
                addMonthProcessSdVisible:false,
                cardHeight: window.innerHeight - 130,
                tableData: [],
                tableHeight: window.innerHeight - 350,
                loading: false,
                pageSize: 20,
                pageNum: 1,
                total:0,
                formLabelWidth: '120px',
                searchForm:{
                    chkYear:"",
                    chkName:"",
                    chkType:"",
                    leadDep:""
                },
                addDialogVisible:false,
                detailDialogVisible:false,
                isAddFalg:true,
                detailObj:{},
                dialogT:"",
                addForm:{
                    ordr:"",
                    chkYear:"",
                    chkName:"",
                    chkType:"",
                    planSttm:"",
                    planEntm:"",
                    leadDep:"",
                    joinDep:"",
                    chkForm:"",
                    chkScope:"",
                    chkRly:"",
                    note:""
                },
                objType:"",
                typeDialogVisible:false,
                objTypeList:[],
                currentYearId:"",
                chkName:""
            }
        },
        filters:{
            ChkForm(val){
                return  val=="1"?"暗访":val=="2"?"明察":val=="3"?"书面":val=="4"?"四不两直":"";
            }
        },
        components: {
            CommonUploadAutoSimple,
            monthReportSd,
            chkMonth,
            monthReportGd
        },
        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') : ''
            },
            isManage(){
                if(this.ownPriv('manage') && this.ownPriv('mprocess')){
                    return 700;
                }else if(this.ownPriv('manage') && !this.ownPriv('mprocess')){
                    return 600;
                }else if(!this.ownPriv('manage') && this.ownPriv('mprocess')){
                    return 240;
                }else{
                    return 120;
                }
            }
        },
        created(){
            this.getObjTypeList();
        },
        mounted() {
            this.initTableData();
        },
        methods: {
            updateData(){
                if(!this.objType){
                    this.$message.warning("请选择督查类型");
                    return;
                }
                var objName = ""
                this.objTypeList.forEach((item)=>{
                    if(item.inspType==this.objType){
                        objName = item.inspName;
                    }
                });
                var obj = {
                    id:this.currentYearId,
                    objType:this.objType,
                    objName:objName,
                    chkName:this.chkName
                }
                var _self = this;
                request.post('/bis/insp/plan/year/bingObjType',obj).then(res=>{
                    if(res.success){
                        _self.$message.success("关联成功");
                        _self.typeDialogVisible = false;
                        _self.currentYearId = "";
                        _self.objType = "";
                        _self.chkName = "";
                        _self.initTableData();
                    }else{
                        _self.$message.warning(res.message);
                    }
                })
            },
            showAllObjType(row){
                this.currentYearId = row.id;
                if(this.organCode.substring(0,2)=="37"){
                    this.chkName = row.chkName;
                }
                if(this.organCode.substring(0,2)=="44"){
                    this.chkName = row.chkType;
                }
                this.typeDialogVisible = true;
            },
            getObjTypeList(){
                var _self = this;
                request.get(`/bis/insp/rel/org/insp/type/getInspTypeByOrgId/${this.orgId}`).then(res=>{
                    if(res.success){
                        _self.objTypeList = res.data;
                    }
                })
            },
            processMoth(row){
                if(this.organCode.substring(0,2)=="44"){
                    this.rowData = row;
                    this.addMonthProcessGdVisible = true;
                }
                if(this.organCode.substring(0,2)=="37"){
                    this.rowData = row;
                    this.addMonthProcessSdVisible = true;
                }
            },
            closeDialogMonth(){
                this.addMonthReportVisible = false;
            },
            closeDialogMonthProcessGd(){
                this.addMonthProcessGdVisible = false;
            },
            closeDialogMonthProcessSd(){
                this.addMonthProcessSdVisible = false;
            },
            hrefMoth(row){
                if(!row.objType){
                    this.$message.warning("请先关联督查类型");
                    return;
                }
                this.rowData = row;
                if(row.objType=="111"){
                    if(this.organCode.substring(0,2)=="37"){
                        this.$router.push({path: '/monthPlanSd',query: {id: row.id,state:row.state,chkName:row.chkName,objType:row.objType}});
                    }
                    if(this.organCode.substring(0,2)=="44"){
                        this.$router.push({path: '/planProvince',query: {id: row.id,state:row.state,chkName:row.chkType}});
                    }
                }else{
                    if(this.organCode.substring(0,2)=="37"){
                        this.$router.push({path: '/monthPlanSd',query: {id: row.id,state:row.state,objType:row.objType,chkName:row.chkName,chkType:row.chkType}});
                    }
                    if(this.organCode.substring(0,2)=="44"){
                        this.$router.push({path: '/planProvince',query: {id: row.id,state:row.state}});
                    }

                }

                // this.addMonthReportVisible = true;
            },
            formatDate(row, column, cellValue, index){
                var dateF = row[column.property];
                if(dateF){
                    var date = new Date(dateF);
                    return date.getFullYear()+"-"+((date.getMonth()+1)>9?(date.getMonth()+1):'0'+(date.getMonth()+1))
                }
                return "";
            },
            uploadOver(){
                this.initTableData();
            },
            async downloadPlan() {
                let url = "/pdcApi/bis/insp/plan/year/export";
                let type = "post";
                let exportName = "年度检查计划表.xls"
                let param = JSON.stringify(this.searchForm);
                let result = await exportModel(type, url, exportName,param);
            },
            async downloadSum() {
                if (!this.searchForm.chkYear) {
                    this.$message.warning("请选择年份");
                    return;
                }
                let url = "/pdcApi/bis/insp/plan/chk/export/checkList";
                let type = "post";
                let exportName = "检查计划汇总表.xls"
                let param = JSON.stringify({chkYear:this.searchForm.chkYear});
                let result = await exportModel(type, url, exportName, param);
            },
            async downloadTemplate() {
                let url = "/pdcApi/bis/insp/plan/year/getExl";
                let type = "get";
                let exportName = "年度检查计划模板.xls"
                let result = await exportModel(type, url, exportName, null);
            },
            lookOver(obj){
                this.detailObj = obj;
                this.detailObj.planSttm = this.detailObj.planSttm?this.formatDate(this.detailObj,{property:"planSttm"},null,null):"";
                this.detailObj.planEntm = this.detailObj.planEntm?this.formatDate(this.detailObj,{property:"planEntm"},null,null):""
                this.detailDialogVisible = true;
            },
            finish(row){
                var _self = this;
                this.$confirm('确定办结完成吗, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post('/bis/insp/plan/year/',{id:row.id,state:"1"}).then(res=>{
                        if(res.success){
                            _self.initTableData();
                        }else{
                            _self.$message.warning(res.message);
                        }
                    })
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消'
                    });
                });
            },
            deleteData(id){
                var _self = this;
                this.$confirm('确定删除该条数据吗, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post('/bis/insp/plan/year/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.planSttm = this.addForm.planSttm?this.formatDate(this.addForm,{property:"planSttm"},null,null):"";
                // this.addForm.planEntm = this.addForm.planEntm?this.formatDate(this.addForm,{property:"planEntm"},null,null):""
                this.isAddFalg = false;
                this.dialogT = "编辑";
            },
            addSubmit(){
                if(!this.addForm.ordr){
                    this.$message.warning("请输入序号");
                    return;
                }
                if(!/^[1-9]\d*$/.test(this.addForm.ordr)){
                    this.$message.warning("请输入大于0的正整数");
                    return;
                }
                if(!this.addForm.chkName){
                    this.$message.warning("请输入检查计划事项");
                    return;
                }
                if(!this.addForm.chkType){
                    this.$message.warning("请输入类别");
                    return;
                }
                if(!this.addForm.planSttm){
                    this.$message.warning("请选择开始月");
                    return;
                }
                if(!this.addForm.planEntm){
                    this.$message.warning("请选择结束月");
                    return;
                }
                if(!this.addForm.leadDep){
                    this.$message.warning("请输入牵头单位");
                    return;
                }
                if(!this.addForm.chkForm){
                    this.$message.warning("请输入开展方式");
                    return;
                }
                if(!this.addForm.chkScope){
                    this.$message.warning("请输入督查检查对象范围(市)");
                    return;
                }
                if(!this.addForm.chkRly){
                    this.$message.warning("请输入开展依据");
                    return;
                }
                var _self = this;
                request.post('/bis/insp/plan/year/',this.addForm).then(res=>{
                    if(res.success){
                        _self.$message.success("保存成功");
                        _self.addDialogVisible = false;
                        _self.addForm = {};
                        _self.initTableData();
                    }else{
                        _self.$message.warning(res.message);
                    }
                })
            },
            closeAddDialog(){
                this.addDialogVisible = false;
            },
            closeDetailDialog(){
                this.detailDialogVisible = false;
            },
            closeTypeDialog(){
                this.typeDialogVisible = false;
            },
            addFormBtn(){
                this.addDialogVisible = true;
                this.addForm = {};
                this.isAddFalg = true;
                this.dialogT = "添加";
            },
            searchBtn(){
                this.initTableData();
            },
            initTableData(){
                this.searchForm.pageNum = this.pageNum;
                this.searchForm.pageSize = this.pageSize;
                var _self = this;
                request.post('/bis/insp/plan/year/findPageList',this.searchForm).then(res=>{
                    if(res.success){
                        _self.tableData = res.data.list;
                        _self.total = res.data.total;
                        _self.$nextTick(()=>{
                            _self.$refs.table.doLayout();
                        })
                    }else{
                        this.$message.warning(res.message)
                    }
                })
            },
            handleCurrentChange(val){
                this.pageNum = val;
                this.initTableData();
            },
            handleSizeChange(val){
                this.pageSize = val;
                this.initTableData();
            }
        }
    }
</script>

<style lang="scss" scoped>
  table{
    width: 100%;
    height:100%;
    border-collapse: collapse;
    margin-bottom: 30px;
  }
  table tr td{
    border:1px solid #cecece;
    height:35px;
    text-indent: 15px;
    padding-right: 15px;
  }
  table tr td:first-child{
    background:  #f2f1f1;
    width: 260px;
    text-align: right;
  }
  .check_plan_zj{
    width: 100%;
    height:100%;
    margin: 0;
    padding: 0;
    .table_title{
      margin-bottom: 10px;
      overflow: hidden;
      h2{
        text-align: center;
      }
      div{
        float: right;
      }
    }
    .notice_title{
      .el-input--mini .el-input__inner,.el-select-dropdown__list{
        width: 8vw;
      }
    }
    .rowClassP{
      span {
        color: #3399ff;
        margin-left: 15px;
        cursor: pointer;
      }
    }
  }

</style>