fj-dc-ui/.svn/pristine/02/0267226e2b770ff8acb7c4a4071fb0d4e67f80f7.svn-base

<template>
    <el-container>
        <el-main v-if="!shenHePages">
            <el-row :gutter="20" type="flex" justify="start">
                <el-col :span="20">
                    <el-form :inline="true" size="mini" class="demo-form-inline" label-width="100px">
                        <el-form-item label="年度">
                            <el-select
                                    v-model="zhengGaiFanKuiForm.year"
                                    clearable
                                    collapse-tags
                                    @change="changeYear">
                                <el-option
                                        v-for="item in yearList"
                                        :key="item.id"
                                        :label="item.year"
                                        :value="item.year">
                                </el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="批次">
                            <el-select
                                    v-model="zhengGaiFanKuiForm.batch"
                                    clearable
                                    collapse-tags>
                                <el-option
                                        v-for="item in pcList"
                                        :key="item.id"
                                        :label="item.batch"
                                        :value="item.batch">
                                </el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="接收单位">
                            <el-select
                                    v-model="zhengGaiFanKuiForm.rectOrgId"
                                    clearable
                                    collapse-tags>
                                <el-option
                                        v-for="item in provincesList"
                                        :key="item.orgId"
                                        :label="item.orgNm"
                                        :value="item.orgId">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-form>
                </el-col>
                <el-col :span="2" :offset=2 style="text-align: end;">
                    <el-button type="primary" @click="searchClick">查询</el-button>
                </el-col>
            </el-row>
            <div class="table">
                <el-table
                        v-loading="loading"
                        border
                        ref="multipleTable"
                        :height="tableHeight"
                        :data="tableData"
                        tooltip-effect="dark"
                        style="width: 100%"
                >
                    <el-table-column align="center" type="index" label="序号" min-width="25">
                        <template
                                slot-scope="scope"
                        >{{ (zhengGaiFanKuiForm.pageNum - 1) * zhengGaiFanKuiForm.pageSize + (scope.$index + 1) }}</template>
                    </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="120"
                            prop="batch"
                            label="批次"
                            show-overflow-tooltip
                    ></el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="80"
                            show-overflow-tooltip
                            prop="rectOrgNm"
                            label="接收单位名称"
                    ></el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="100"
                            show-overflow-tooltip
                            prop="rectTm"
                            label="反馈时间"
                            :formatter="formatDate"
                    ></el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="100"
                            label="反馈文号"
                            show-overflow-tooltip
                            prop="rectNub"
                    ></el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="200"
                            label="反馈文件"
                            show-overflow-tooltip
                            prop="rectFileName">
                            <template slot-scope="scope">
                                <a href="javascript:;" @click="viewRectfile(scope.row.rectFilePath)">{{scope.row.rectFileName}}</a>
                            </template>
                            </el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="100"
                            prop="chkPersInfo"
                            label="被稽察单位联系人"
                            show-overflow-tooltip
                    >
                    </el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="100"
                            prop="placeDuty"
                            label="地方问责情况"
                    ></el-table-column>
                    <el-table-column
                            header-align="center"
                            align="center"
                            min-width="100"
                            prop="chkState"
                            label="审核状态"
                    >
                        <template slot-scope="scope">
                            <span v-if="scope.row.chkState== '1'">归档</span>
                            <span v-if="!scope.row.chkState || scope.row.chkState == '0'">未审核</span>
                        </template>
                    </el-table-column>
                   <!--<el-table-column-->
                            <!--header-align="center"-->
                            <!--align="center"-->
                            <!--min-width="100"-->
                            <!--label="整改状态"-->
                            <!--show-overflow-tooltip-->
                    <!--&gt;-->
                        <!--<template slot-scope="scope">-->
                            <!--<span v-if="scope.row.state">{{scope.row.state == '1' ? '未整改' : scope.row.state == '2' ? '整改中' : scope.row.state == '3' ? '已整改' : scope.row.state == '4' ? '不具备整改条件': ''}}</span>-->
                        <!--</template>-->
                    <!--</el-table-column>-->
                    <el-table-column align="center" min-width="180" label="操作" fixed="right">
                        <template slot-scope="scope">
                        <span>
                            <el-button
                                    type="primary"
                                    size="mini"
                                    @click.stop="audit(scope.row,1)"
                                    v-if="!scope.row.chkState"
                            >审核</el-button>
                            <el-button
                                    type="success"
                                    size="mini"
                                    @click.stop="toView(scope.row,0)"
                                    v-if="scope.row.chkState== '1'"
                            >查看</el-button>
                        </span>
                        </template>
                    </el-table-column>
                </el-table>
                <!--<el-row :gutter="20" type="flex" justify="space-between" align="middle">-->
                    <!--<el-pagination-->
                            <!--style="margin-top: 10px;"-->
                            <!--background-->
                            <!--:current-page="zhengGaiFanKuiForm.pageNum"-->
                            <!--:page-size="zhengGaiFanKuiForm.pageSize"-->
                            <!--:page-sizes="[10, 20, 30, 40, 50, 100]"-->
                            <!--layout="sizes, total, prev, pager, next"-->
                            <!--:total="total"-->
                            <!--@current-change="pageIndexChange"-->
                            <!--@size-change="handleSizeChange"-->
                    <!--&gt;</el-pagination>-->
                <!--</el-row>-->
            </div>
        </el-main>
        <el-main v-if="shenHePages">
            <provinceAudit :rectOrgId="rowId" @goBack="goBackClick" :ifShenHeShow="ifShenHeShow" :submitRowId="rowId" :ifCaoZuo="ifCaoZuo"></provinceAudit>
        </el-main>
    </el-container>
</template>
<script>
    import request from'@util/gw_ajax_request'
    import {dateFormat} from '@util/gw_date';
    import provinceAudit from './provinceAudit'
    import {hostUrl} from '@util/global_variable.js'
    export default {
        components: {
            provinceAudit
        },
        data(){
            return {
                zhengGaiFanKuiForm: {
                    year: '',
                    batch: '',
                    rectOrgId: '',
                    pageSize: 20,
                    pageNum: 1
                },
                yearList: [],
                pcList: [],
                provincesList:[],
                tableData: [],
                tableHeight: window.innerHeight * .75,
                loading: false,
                total: null,
                shenHePages: false,
                rectOrgId: null,
                ifShenHeShow: true,
                rowId: null,
                ifCaoZuo: null
            }
        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            }
        },
        mounted(){
          this.$nextTick(()=>{
              this.getYear();
              this.getByPid();
              this.getZhengGaiFanKuiData();
          })
        },
        methods:{
            getByPid(){
                request.get(`/dc/bis/insp/org/getByPid?pid=${localStorage.getItem('currentOrgId')}`)
                    .then(res =>{
                        if(res.success){
                            this.provincesList = res.data;
                        }
                    })
                    .catch(err =>{
                        console.log(err);
                    })
            },
            getYear(){
                request.get(`/tac/pblm/rect/getYear/${this.persId}`)
                    .then(res =>{
                        if(res.success){
                            this.yearList = res.data;
                        }
                    })
                    .catch(err =>{
                        console.log(err);
                    })
            },
            changeYear(item) {
                let _self = this;
                request.get(`tac/pblm/rect/getBatchByYearPersId/${_self.persId}/${item}`)
                    .then(res =>{
                        _self.pcList = res.data;
                    })
                    .catch(err =>{
                        console.log(err);

                    })
                if (item == "" || item == undefined) {
                    _self.pcList = null;
                    _self.addForm.batch = "";
                }
            },
            searchClick(){
                this.getZhengGaiFanKuiData();

            },
            getZhengGaiFanKuiData(){
                request.post(`/tac/pblm/rect/org/findList`,this.zhengGaiFanKuiForm)
                    .then(res =>{
                        if(res.success){
                            this.$nextTick(()=>{
                                this.tableData = res.data;
                                // this.provincesList = res.data;
                            })
                        }
                    })
                    .catch(error =>{
                        console.log(error);
                    })
            },
            formatDate(row) {
                return row.rectTm ? dateFormat(row.rectTm, 'yyyy-MM-dd') : "";
            },
            // 分页
            pageIndexChange(val) {
                this.$nextTick(() => {
                    this.zhengGaiFanKuiForm.pageNum = val;
                    this.getZhengGaiFanKuiData();
                });
            },

            handleSizeChange(val) {
                this.$nextTick(() => {
                    this.zhengGaiFanKuiForm.pageSize = val;
                    this.getZhengGaiFanKuiData();
                });
            },
            //审核
            audit(row,val){
                this.$nextTick(()=>{
                    this.ifCaoZuo = val;
                    this.rowId = row.id;
                    this.shenHePages = true;
                })
            },
            goBackClick(){
                this.$nextTick(()=>{
                    this.shenHePages = false;
                    this.ifShenHeShow = true;
                })
            },
            //查看
            toView(row,val){
                this.$nextTick(()=>{
                    this.rowId = row.id;
                    this.ifCaoZuo = val;
                    this.shenHePages = true;
                    this.ifShenHeShow = false;
                })
            },
            viewRectfile(filepath){
                window.open(hostUrl + filepath)
            }
        }
    }
</script>

<style lang="scss" scope>

</style>