fj-dc-ui/.svn/pristine/c3/c336b3f06a01db022d06302dc9a32d3634b540b1.svn-base

<template>
    <div class="popupContentClass" :style="{'height':testHeight1+'px'}">
        <el-table
            :data="tableData"
            border
            :height="tableHeight"
            v-loading="loading"
            style="width: 100%">
            <el-table-column
            fixed
            prop="nm"
            show-overflow-tooltip
            label="工程名称"
            min-width="180">
            </el-table-column>
            <el-table-column
                min-width="140"
                prop="inspPblmsName"
                label="问题类别"
                show-overflow-tooltip
            ></el-table-column>
            <el-table-column
            show-overflow-tooltip
            prop="inspPblmDesc"
            label="督查问题描述"
            min-width="150">
            </el-table-column>
            <el-table-column
            prop="inspPblmCate"
            label="严重程度"
            min-width="90">
                <template slot-scope="scope">
                    {{scope.row.inspPblmCate | inspPblmCate}}
                </template>
            </el-table-column>
            <el-table-column
            prop="ifCasePblm"
            label="是否典型"
            min-width="90">
                <template slot-scope="scope">
                    {{scope.row.ifCasePblm == '1' ? '典型' : scope.row.ifCasePblm == '0' ? '非典型' : ''}}
                </template>
            </el-table-column>
            <el-table-column
            prop="collTime"
            label="发现时间"
            min-width="150">
                <template slot-scope="scope">
                    {{scope.row.collTime ? formatDateTime(scope.row.collTime) : ''}}
                </template>
            </el-table-column>
            <el-table-column
            prop="hasVedio"
            label="有无多媒体"
            min-width="100">
                <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-column
            fixed="right"
            label="操作"
            min-width="130">
            <template slot-scope="scope">
                <el-button type="text" size="small" @click="toShowDetail(scope.row)">详情</el-button>
            </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-dialog
          class="custom_dialog"
          title="问题详情"
          width="60%"
          append-to-body
          :visible.sync="supervisionDetailsVisible">
          <supervision-details ref="xianqing" :problemId="problemId"></supervision-details>
          <span slot="footer">
                  <el-button style="margin-top:5px;" @click="supervisionDetailsVisible = false">返回</el-button>
              </span>
        </el-dialog>
    </div>
</template>
<script>
import request from '../../../../../utils/gw_ajax_request.js'
export default {
    props: ['currentResCode','currentObjectId'],
    components: {
      upload: resolve => {
        require(["../../../../../widgets/uploadFile.vue"], resolve);
      },
      //详情页
      supervisionDetails: resolve => {
        require(["../../../../duChaWenTi/supervisionDetails_yudiba.vue"], resolve);
      }
    },
    data(){
        return{
          tableHeight: window.innerHeight * 0.5 + 50,
          // testHeight:(window.innerHeight * 0.5 - 114) / 6,
          testHeight1:window.innerHeight * 0.6,
            tableData:[
                {
                    date: '',
                    name: '',
                    province: '',
                    city: '',
                    address: '',
                    zip: ''
                }
            ],
            problemSearch:{
                pageSize: 20,
                pageNum: 1,
                persId: '',
                objId: '',
                pType: '11'
            },
            problemForm:{
                objId: '',
                objType: '',
                problemType: '',
                inspPblmDesc: '',
                pblmsTypeId: '',
                qualityTypeId: '',
                pblmsId: '',
                defectTypeId: '',
                ifCasePblm: '',
                inspPblmCate: '',
                weigui: '',
                hetong: '',
                quanlity: '',
                gongcheng: '',
                gwComFiles: []
            },
            imgList: [],
            videoList:[],
            audioList: [],
            pblmStat: '',
            gwComFiles: [],
            problemType: [],
            problemStatus: [],
            severity:[
                {name: '一般',value:'0'},
                {name: '较重',value:'1'},
                {name: '严重',value:'2'},
                // {name: '非常严重',value:'3'}
            ],
            dialogType: '添加',
            dialogVisible: true,
            checked: false,
            problemId: '',
            supervisionDetailsVisible:false,
            projectType: '',
            reviConc: '',
            findTime: [],
            activeName: 'problem-detail',
            pageIndex: 1,
            pageSize: 20,
            total: 0,
            loading: false,
            showWenTiTianBaoPl: false,
            //问题修改弹窗
            problemInfo: null,
            rectifyProblemInfo: null,
            edit_dialogVisible: false,
            recheck_edit_dialogVisible: false,
            showAddProblemDialog: false,
            supervision: [
              {
                value: "1",
                label: "是"
              },
              {
                value: "0",
                label: "否"
              }
            ]
        }
    },
    computed: {
        persId() {
            return localStorage.getItem("userid")
                ? localStorage.getItem("userid")
                : "1098101939614724096";
        },
    },
    mounted(){
        this.search();

    },
    activated(){
        this.search()
    },
    methods:{
        search(){
            this.searchList()
        },
        closePlDialog(val) {
          this.showAddProblemDialog = false;
          this.search()
        },
        searchList(){
            this.loading = true
            this.problemSearch.pageSize = this.pageSize
            this.problemSearch.pageNum = this.pageIndex
            this.problemSearch.objId = this.currentObjectId ? this.currentObjectId : '';
            this.problemSearch.persId = this.persId;
            request.post(`/dc/insp/pblm/page/sdPblm`, this.problemSearch).then(res => {
                if (res.success) {
                    this.tableData = this.currentObjectId ? res.data.list : [];
                    this.total = this.currentObjectId ? res.data.total : 0;
                }
                this.loading = false
            });
        },
        // 查看详情
        toShowDetail(row){
            this.problemId = row.pblmId
            this.supervisionDetailsVisible = true
        },
        handleDetailClick(tab, event) {
            console.log(tab, event);
        },
        pageIndexChange(val) {
            this.pageIndex = val;
            this.searchList();
        },
        handleSizeChange(val) {
            this.pageSize = val;
            this.searchList();
        },
        showPlDialog() {
            this.showWenTiTianBaoPl = true;
        }
    },
    watch:{
        'currentRow.id':{
          deep: true,
          handler(newVal,oldVal){
            this.searchList()
          }
        },
        'problemForm.problemType':{
            deep: true,
            handler(newVal,oldVal){
                this.convertGroup()
            }
        },
    },
    filters:{
        inspPblmCate(val){
            if(!val || val == ''){
                return ''
            }
            if(val == '0'){
                return '一般'
            }else if(val == '1'){
                return '较重'
            }else if(val == '2'){
                return '严重'
            }
            // else if(val == '3'){
            //     return '非常严重'
            // }
            else{
                return val
            }
        },
    }
}
</script>
<style lang="scss">
    .search_wrapper{
        display: flex;
        justify-content: space-between;
        div:last-child{
            min-width: 160px;
        }
    }
    .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>