fj-dc-ui/.svn/pristine/ba/ba154de53a655e17c3081bec651d4bce6ce7ded8.svn-base

<template>
    <div style="height:100%;">
        <el-card class="box-card" style="height:100%;">
            <div class="search_wrapper">
                <el-form :inline="true" :model="problemSearch" class="demo-form-inline">
                    <el-form-item label="问题类别">
                        <el-select v-model="problemSearch.inspPblmName" clearable style="width: 100px">
                            <el-option :label="item.pblmType" :value="item.pblmType" v-for="(item,index) in problemType" :key="index"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="问题状态">
                        <el-select v-model="problemSearch.reviConc" clearable style="width: 100px">
                            <el-option :label="item.name" :value="item.value" v-for="(item,index) in problemStatus" :key="index"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="严重程度">
                        <el-select v-model="problemSearch.inspPblmCate" clearable style="width: 100px">
                            <el-option :label="item.name" :value="item.value" v-for="(item,index) in severity" :key="index"></el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="发现时间">
                        <el-date-picker
                            v-model="findTime"
                            type="daterange"
                            value-format="yyyy-MM-dd"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期">
                        </el-date-picker>
                    </el-form-item>
                </el-form>
                <div>
                    <el-button type="primary" @click="search">查询</el-button>
                    <el-button type="primary" @click="toAddProblem" v-if="ownPriv('manage') && showAddBtn">新增问题</el-button>
                </div>
            </div>
            <el-table
                :data="tableData"
                border
                :height="tableHeight"
                v-loading="loading"
                style="width: 100%">
              <el-table-column align="center" type="index" label="序号" min-width="25">
                <template slot-scope="scope">{{ (pageIndex - 1) * pageSize + (scope.$index + 1) }}
                </template>
              </el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="60"
                prop="province"
                label="省"  v-if="isXj"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="60"
                prop="city"
                :label="ownAdName"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="60"
                prop="country"
                label="县"
                v-if="isXj"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="110"
                prop="nm"
                label="督查对象名称"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="140"
                prop="inspPblmName"
                label="督查问题类别"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="100"
                prop="checkPoint"
                label="检查项目"
                show-overflow-tooltip>
              </el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="100"
                prop="pblmDescBz"
                label="问题描述"
                show-overflow-tooltip>
              </el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="70"
                prop="persName"
                label="上报人"
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="80"
                show-overflow-tooltip
                prop="orgNm"
                label="所在组"
              ></el-table-column>
              <el-table-column
                prop="collTime"
                label="上报时间"
                :formatter="timestampToTime"
                sortable
                align="center"
                min-width="110"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="150"
                prop="hasVedio"
                label="是否包含多媒体文件"
              >
                <template slot-scope="scope">
                  <p v-if="scope.row.hasVedio == 1">是</p>
                  <p v-if="scope.row.hasVedio == 0">否</p>
                </template>
              </el-table-column>

            </el-table>
            <el-pagination :pager-count="5" :current-page="pageIndex"
            :page-size="pageSize" layout="total, prev, pager, next" :total="total"
            @current-change="pageIndexChange" @size-change="handleSizeChange"
            ></el-pagination>
        </el-card>
    </div>
</template>
<script>
import request from '../../../utils/gw_ajax_request.js'
import {findProblemPageInfo} from "@api/duChaAPI.js";
export default {
    props: ['unitProblemInfo','currentRow','villType','unitLevel','showAddBtn','canEdit','canReview','tabType'],
    data(){
        return{
            tableHeight: window.innerHeight - 280,
            tableData:[],
            problemSearch:{
                inspPblmName: '',
                inspPblmCate: '',
                reviConc: '',
                regid: '',
                regId: '',
                pType: '',
                pageSize: '10',
                pageNum: 1
            },
            pageIndex: 1,
            pageSize: 20,
            total: 0,
            loading: false,
        }
    },
    computed: {
        persId() {
            return localStorage.getItem("userid")
                ? localStorage.getItem("userid")
                : "1098101939614724096";
        },
        formatDateTime(){
            return formatDateTime2
        }
    },
    components: {

    },
    mounted(){
        this.search()
    },
    methods:{
        search() {
            this.loading = true;
            var _self = this;
            findProblemPageInfo(data).then(res => {
                _self.loading = false;
                if (res.success) {
                    _self.tableData = res.data.list;
                    _self.total = res.data.total;
                } else {
                    _self.failInfo();
                }
            });
        },
        timestampToTime(row, column) {
            var date = new Date(row.collTime);
            var Y = date.getFullYear() + "-";
            var M =
                (date.getMonth() + 1 < 10
                    ? "0" + (date.getMonth() + 1)
                    : date.getMonth() + 1) + "-";
            var D =
                (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
            var h =
                (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
            var m =
                date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
            return Y + M + D;
        },
        pageIndexChange(val) {
            this.pageIndex = val;
            this.searchList();
        },
        handleSizeChange(val) {
            this.pageSize = val;
            this.searchList();
        }
    },
    watch:{
        tabType(val){
            if(val){
                this.searchList();
            }
        }
    }
}
</script>
<style lang="scss">
    .search_wrapper{
        display: flex;
        justify-content: space-between;
        div:last-child{
            min-width: 152px !important;
        }
    }
    .slide-line{
        width: 96%;
        margin-left: 3%;
        height: 1px;
        margin-bottom: 10px;
        border-bottom: dashed 1px #DCDFE6;
    }
    .detail_dialog .el-dialog__body{
        padding: 0 20px 30px;
    }
</style>