fj-dc-ui/.svn/pristine/0d/0dc341d67a6f326f2a38c81e05bcaabcd3c4edda.svn-base

<template>
  <div :style="{'height':testHeight+'px','overflow':'auto'}">
     <el-form ref="problemForm" :rules="rules"  label-width="100px" class="wtzgfc_add_pblm">
      <el-steps direction="vertical" :active="3">
        <el-step :title="`发现问题(检查资料)-(时间:${rowData.pblmTm?formatDateTime(rowData.pblmTm):''})`">
          <template slot="description" >
            <div style="width: 100%;">
              <el-card>
                <el-form-item label="注册登记号:" style="text-align:left">
                  <p style="color:#606266;">{{rowData.damRegCode}}</p>
                </el-form-item>
                <el-form-item label="问题类别:" style="text-align:left">
                  <p style="color:#606266;">{{rowData.pblmNameBz}}</p>
                </el-form-item>
                <el-form-item label="检查项目:" style="text-align:left">
                  <p style="color:#606266;">{{rowData.checkPointBz}}</p>
                </el-form-item>
                <el-form-item label="问题描述:" style="text-align:left">
                  <p style="color:#606266;">{{rowData.pblmDescBz}}</p>
                </el-form-item>
                <el-form-item label="严重程度:" style="text-align:left">
                  <p style="color:#606266;">{{rowData.inspPblmCate == 0 ? "一般" : rowData.inspPblmCate == 1 ? "较重" : rowData.inspPblmCate == 2 ? "严重" : rowData.inspPblmCate == 3 ? "特别严重" : ""}}</p>
                </el-form-item>
              </el-card>
              <el-tabs type="border-card">
                <el-tab-pane :label="picturetabName2">
                  <el-row>
                    <el-carousel  :interval="4000"  style="height:100%;" id="imgView2">
                      <el-carousel-item v-for="(item,index) in pictureArray2" :key="index" >
                        <img style="width:100%;height:100%;" :src="`${hostUrl}/${item.filePath}`" alt>
                        <div class="image-preview-action" v-if="!ifView && isEdit">
                          <i @click="removeFile(item.id)" class="el-icon-delete"></i>
                        </div>
                      </el-carousel-item>
                      <el-carousel-item v-if="pictureArray2.length==0" style="display: flex;justify-content: center;align-items: center">
                        <p>暂无图片信息</p>
                      </el-carousel-item>
                    </el-carousel>
                  </el-row>
                </el-tab-pane>

                <el-tab-pane :label="audiotabName2">
                  <el-table border :data="audioArray2" style="width: 100%;margin: 0 auto;">
                    <el-table-column header-align="center" align="center" label="音频" show-overflow-tooltip>
                      <template slot-scope="scope">
                        <elaudio
                          style="margin-left:15%;width:100px;height:30px;"
                          :theUrl="`${hostUrl}/${scope.row.filePath}`"
                        ></elaudio>
                      </template>
                    </el-table-column>
                  </el-table>
                </el-tab-pane>
                <el-tab-pane :label="videotabName2">
                  <el-table border :data="videoArray2" style="width: 100%;margin: 0 auto;">
                    <el-table-column header-align="center" align="center" label="视频" show-overflow-tooltip>
                      <template slot-scope="scope">
                        <video-player
                          class="vjs-custom-skin"
                          ref="videoPlayer"
                          :options="scope.row"
                          :playsinline="true"
                        ></video-player>
                      </template>
                    </el-table-column>
                  </el-table>
                </el-tab-pane>
                <el-tab-pane :label="filetabName2">
                  <el-table border :data="fileArray2" style="width: 100%;margin: 0 auto;">
                    <el-table-column header-align="center" align="center" label="文档" show-overflow-tooltip>
                      <template slot-scope="scope">
                        <p>
                          <a :href="`${hostUrl}/${scope.row.filePath}`" target="_blank"
                             rel="noopener noreferrer">
                            {{scope.row.fileName}}
                          </a>
                        </p>
                      </template>
                    </el-table-column>
                  </el-table>
                </el-tab-pane>
              </el-tabs>
            </div>
          </template>
        </el-step>
        <el-step :title="`反馈问题(整改资料)-(时间:${rowData.pblmCrtm?formatDateTime(rowData.pblmCrtm):''})`">
          <template slot="description" >
            <div style="width: 100%;">
              <el-card>
                <el-form-item label="市县反馈整改状态:" style="text-align:left" label-width="150px">
                  <p style="color:#606266;">{{(!rowData.crtState || rowData.crtState=='0')?"未整改":rowData.crtState=='1'?"整改中":rowData.crtState=='2'?'整改完成':rowData.crtState=='3'?'不具备整改条件':''}}</p>
                </el-form-item>
                <el-form-item label="市县反馈整改备注:" style="text-align:left" label-width="150px">
                  <p style="color:#606266;">{{rowData.crtNote}}</p>
                </el-form-item>
              </el-card>
              <el-tabs type="border-card">
                <el-tab-pane :label="picturetabName1">
                  <el-row>
                    <el-carousel  :interval="4000"  style="height:100%;" id="imgView1">
                      <el-carousel-item v-for="(item,index) in pictureArray1" :key="index" >
                        <img style="width:100%;height:100%;" :src="`${hostUrl}/${item.filePath}`" alt>
                      </el-carousel-item>
                      <el-carousel-item v-if="pictureArray1.length==0" style="display: flex;justify-content: center;align-items: center">
                        <p>暂无图片信息</p>
                      </el-carousel-item>
                    </el-carousel>
                  </el-row>
                </el-tab-pane>

                <el-tab-pane :label="audiotabName1">
                  <el-table border :data="audioArray1" style="width: 100%;margin: 0 auto;">
                    <el-table-column header-align="center" align="center" label="音频" show-overflow-tooltip>
                      <template slot-scope="scope">
                        <elaudio
                          style="margin-left:15%;width:100px;height:30px;"
                          :theUrl="`${hostUrl}/${scope.row.filePath}`"
                        ></elaudio>
                      </template>
                    </el-table-column>
                  </el-table>
                </el-tab-pane>
                <el-tab-pane :label="videotabName1">
                  <el-table border :data="videoArray1" style="width: 100%;margin: 0 auto;">
                    <el-table-column header-align="center" align="center" label="视频" show-overflow-tooltip>
                      <template slot-scope="scope">
                        <video-player
                          class="vjs-custom-skin"
                          ref="videoPlayer"
                          :options="scope.row"
                          :playsinline="true"
                        ></video-player>
                      </template>
                    </el-table-column>
                  </el-table>
                </el-tab-pane>
                <el-tab-pane :label="filetabName1">
                  <el-table border :data="fileArray1" style="width: 100%;margin: 0 auto;">
                    <el-table-column header-align="center" align="center" label="文档" show-overflow-tooltip>
                      <template slot-scope="scope">
                        <p>
                          <a :href="`${hostUrl}/${scope.row.filePath}`" target="_blank"
                             rel="noopener noreferrer">
                            {{scope.row.fileName}}
                          </a>
                        </p>
                      </template>
                    </el-table-column>
                  </el-table>
                </el-tab-pane>
              </el-tabs>
            </div>
          </template>
        </el-step>
        <el-step :title="`复核问题(复核资料)-(时间:${rowData.reviewTm?formatDateTime(rowData.reviewTm):''})`">
          <template slot="description" >
            <div style="width: 100%;position: relative;">
              <el-card>
                <el-form-item label="复核结果:" style="text-align:left">
                  <p style="color:#606266;" v-if="ifView || !isEdit">{{rowData.reviewResult == "1"?"未整改":rowData.reviewResult == "2"?"正在整改":rowData.reviewResult == "3"?"整改完成":rowData.reviewResult == "4"?"整改不到位":rowData.reviewResult == "5"?"上报整改情况与实际不符":""}}</p>
                  <el-radio-group v-model="rowData.reviewResult" style="width: 100%;line-height: 28px!important;" v-else>
                    <el-radio label="1">未整改</el-radio>
                    <el-radio label="2">正在整改</el-radio>
                    <el-radio label="3">整改完成</el-radio>
                    <el-radio label="4">整改不到位</el-radio>
                    <el-radio label="5">上报整改情况与实际不符</el-radio>
                  </el-radio-group>
                </el-form-item>
                <el-form-item label="复核说明" style="text-align:left">
                  <p style="color:#606266;" v-if="ifView || !isEdit">{{rowData.reviewNote}}</p>
                  <el-input
                    v-else
                    type="textarea"
                    :rows="4"
                    style="width: 100%;"
                    placeholder="请输入复核说明"
                    v-model="rowData.reviewNote"
                    class="w30">
                  </el-input>
                </el-form-item>
              </el-card>
                <span style="text-align:right;position: absolute;right:5px;z-index: 1000;bottom:165px;" v-if="!ifView && isEdit">
                  <el-button
                    :v-if="!addPicPanel?addPicPanel:addPicPanel"
                    size="mini"
                    type="text"
                    :icon="!addPicPanel?'el-icon-circle-plus-outline':'el-icon-circle-close-outline'"
                    @click="addPic"
                  >{{!addPicPanel?"添加":"取消"}}
                  </el-button>
                </span>
              <el-row v-show="addPicPanel">  <!-- v-if="addPicPanel" -->
                <upload
                  ref="uploadFile"
                  :url="`/pdcApi/file/insert?bizType=MEND_CHECK_SC&bizId=`"
                  @uploadOver="removeNewSupervision"
                ></upload>
              </el-row>
              <el-tabs type="border-card">
                <el-tab-pane :label="picturetabName">
                  <el-row>
                    <el-carousel  :interval="4000"  style="height:100%;" id="imgView">
                      <el-carousel-item v-for="(item,index) in pictureArray" :key="index" >
                        <img style="width:100%;height:100%;" :src="`${hostUrl}/${item.filePath}`" alt>
                        <div class="image-preview-action" v-if="!ifView && isEdit">
                          <i @click="removeFile(item.id)" class="el-icon-delete"></i>
                        </div>
                      </el-carousel-item>
                      <el-carousel-item v-if="pictureArray.length==0" style="display: flex;justify-content: center;align-items: center">
                        <p>暂无图片信息</p>
                      </el-carousel-item>
                    </el-carousel>
                  </el-row>
                </el-tab-pane>

                <el-tab-pane :label="audiotabName">
                  <el-table border :data="audioArray" style="width: 100%;margin: 0 auto;">
                    <el-table-column header-align="center" align="center" label="音频" show-overflow-tooltip>
                      <template slot-scope="scope">
                        <elaudio
                          style="margin-left:15%;width:100px;height:30px;"
                          :theUrl="`${hostUrl}/${scope.row.filePath}`"
                        ></elaudio>
                      </template>
                    </el-table-column>
                    <el-table-column header-align="center" align="center" label="操作" v-if="!ifView && isEdit">
                      <template slot-scope="scope">
                        <el-button
                          size="mini"
                          @click="removeFile(scope.row.id,scope.$index)"
                          type="danger"
                        >删除
                        </el-button>
                      </template>
                    </el-table-column>
                  </el-table>
                </el-tab-pane>
                <el-tab-pane :label="videotabName">
                  <el-table border :data="videoArray" style="width: 100%;margin: 0 auto;">
                    <el-table-column header-align="center" align="center" label="视频" show-overflow-tooltip>
                      <template slot-scope="scope">
                        <video-player
                          class="vjs-custom-skin"
                          ref="videoPlayer"
                          :options="scope.row"
                          :playsinline="true"
                        ></video-player>
                      </template>
                    </el-table-column>
                    <el-table-column header-align="center" align="center" label="操作" v-if="!ifView && isEdit">
                      <template slot-scope="scope">
                        <el-button
                          size="mini"
                          @click="removeFile(scope.row.id,scope.$index)"
                          type="danger"
                        >删除
                        </el-button>
                      </template>
                    </el-table-column>
                  </el-table>
                </el-tab-pane>
                <el-tab-pane :label="filetabName">
                  <el-table border :data="fileArray" style="width: 100%;margin: 0 auto;">
                    <el-table-column header-align="center" align="center" label="文档" show-overflow-tooltip>
                      <template slot-scope="scope">
                        <p>
                          <a :href="`${hostUrl}/${scope.row.filePath}`" target="_blank"
                             rel="noopener noreferrer">
                            {{scope.row.fileName}}
                          </a>
                        </p>
                      </template>
                    </el-table-column>
                    <el-table-column header-align="center" align="center" label="操作" v-if="!ifView && isEdit">
                      <template slot-scope="scope">
                        <el-button
                          size="mini"
                          @click="removeFile(scope.row.id,scope.$index)"
                          type="danger"
                        >删除
                        </el-button>
                      </template>
                    </el-table-column>
                  </el-table>
                </el-tab-pane>
              </el-tabs>
            </div>
          </template>
        </el-step>
      </el-steps>
      </el-form>
    <span slot="footer" style="line-height: 50px;text-align: center;display: block">
    <el-button type="primary" @click="problemDetailInfo('problemDetail')" :loading="buttonLoading" v-if="!ifView && isEdit">保存</el-button>
    <el-button @click="cancelHandler">取消</el-button>
    </span>
  </div>
</template>

<script>
    import {formatDateTime2,formatDateTime2New} from '../../../utils/gw_date.js'
    import request from '@util/gw_ajax_request'
    import {deleteFileById} from "@api/duChaAPI.js";
    import {hostUrl} from "@util/global_variable.js";
    import pblmMendFile from "../shuiku/shuiku2021/pblmMendFile";
    import Viewer from 'viewerjs';
    import 'viewerjs/dist/viewer.css';
    export default {
        props: ["details", 'problemId', 'objType', 'ifView','rowData','isEdit'],
        components: {
            upload: resolve => {
                require(["@widget/uploadFile.vue"], resolve);
            },
            elaudio: resolve => {
                require(["../../../widgets/elAudio.vue"], resolve);
            },
            pblmMendFile:pblmMendFile
        },
        data() {
            return {
                taskInstId:"",
                bizType:"",
                jqmmDialogShow:false,
                testHeight: window.innerHeight - 220,
                activeName: "0",
                superviseinspect: {},
                fileList: [],
                groupingList: [],
                fileListloading: false,
                groupListloading: false,
                problemDetail: {
                    pblmDesc: '',//问题描述 ,
                    pblmLevl: '',//问题等级 ,
                    pblmOption: '',//检查项目 ,
                    pblmSn: '',//问题序号 ,
                    pblmType: '',//问题类别 ,
                    proName: '',//省 ,
                    realPlanDt: '',//实际/计划整改完成时间 ,
                    rectConc: '',//整改状态(1:未整改;2:正在整改;3:已整改) ,
                    rectMsrs: '',//整改措施 ,
                    revwInfo: '',//复核情况 ,
                    revwRectConc: '',//复核整改状态(1:未整改;2:正在整改;3:整改完成;4:整改不到位;5:上报整改情况与实际不符) ,
                    revwRectPblm: '',//复核整改问题 ,
                    revwState: '',//复核填报状态(0:未填报;1:填报中;2:已填报) ,
                    rgstrId: '',//登记表ID ,
                    rsCode: '',//水库编码 ,
                    rsName: '',//水库名称 ,
                    safeComment: '',//工况总体评价 ,
                    unit: '',//管理单位 ,
                    uptm: '',//修改时间 ,
                    year: '',//年度
                    gwComFiles: []
                },
                rules: {
                    revwRectPblm: [{
                        required: true,
                        message: '请填写备注',
                        trigger: 'blur'
                    }],
                },
                pictureArray: [],
                audioArray: [],
                videoArray: [],
                fileArray: [],
                audiotabName: "",
                videotabName: "",
                picturetabName: "",
                filetabName: "",
                pictureArray1: [],
                audioArray1: [],
                videoArray1: [],
                fileArray1: [],
                audiotabName1: "",
                videotabName1: "",
                picturetabName1: "",
                filetabName1: "",
                pictureArray2: [],
                audioArray2: [],
                videoArray2: [],
                fileArray2: [],
                audiotabName2: "",
                videotabName2: "",
                picturetabName2: "",
                filetabName2: "",
                buttonLoading: false,
                supervisionDetailsVisible: true,
                addPicPanel: false,
                gwComFiles: []
            };
        },
        computed: {
            hostUrl() {
                return hostUrl
            },
            formatDateTime(){
                return formatDateTime2New
            }
        },
        mounted: function () {
          this.getPicArray();
          this.getPicArray_1();
          this.getPicArray_2();
        },
        methods: {
            jqmmDialogClose() {
                this.jqmmDialogShow = false;
            },
            showFile(type){
                this.jqmmDialogShow = true;
                this.bizType = type;
            },
            getPicArray() {
                var params = {
                    bizId:this.rowData.id,
                    bizType:"MEND_CHECK_SC"
                }
                this.pictureArray = [];
                this.audioArray = [];
                this.videoArray = [];
                this.fileArray = [];
                this.filetabName = this.fileArray.length ? "其他资料(" + this.fileArray.length + ")" : "其他资料";
                this.picturetabName = this.pictureArray.length ? "图片资料(" + this.pictureArray.length + ")" : "图片资料";
                this.audiotabName = this.audioArray.length ? "音频资料(" + this.audioArray.length + ")" : "音频资料";
                this.videotabName = this.videoArray.length ? "视频资料(" + this.videoArray.length + ")" : "视频资料";
                if(!this.rowData.id){
                   return false;
                }
                var _this = this;
                request.post(`/file/findAllFile`,params).then(res => {
                    if (res.success) {
                        res.data.forEach(item => {
                            if (
                                item.fileExt == "jpg" ||
                                item.fileExt == "JPG" ||
                                item.fileExt == "png" ||
                                item.fileExt == "PNG" ||
                                item.fileExt == "JPEG" ||
                                item.fileExt == "jpeg"
                            ) {
                                this.pictureArray.push(item);
                            } else if (item.fileExt == "mp4" || item.fileExt == "MP4") {
                                this.videoArray.push({
                                    height: "320",
                                    width: "500",
                                    id: item.id,
                                    bizId: item.bizId,
                                    autoplay: false,
                                    muted: true,
                                    language: "en",
                                    playbackRates: [0.7, 1.0, 1.5, 2.0],
                                    sources: [
                                        {
                                            type: "video/mp4",
                                            src: this.hostUrl + item.filePath
                                        }
                                    ]
                                });
                            }else if (
                                item.fileExt == "mp3" ||
                                item.fileExt == "MP3" ||
                                item.fileExt == "m4a"
                            ) {
                                this.audioArray.push(item);
                            }else{
                                this.fileArray.push(item);
                            }
                        });
                        _this.$nextTick(function(){
                            var  ViewerDom = document.getElementById('imgView');
                            var  viewer = new Viewer(ViewerDom, {})
                        });
                        this.filetabName = this.fileArray.length ? "其他资料(" + this.fileArray.length + ")" : "其他资料";
                        this.picturetabName = this.pictureArray.length ? "图片资料(" + this.pictureArray.length + ")" : "图片资料";
                        this.audiotabName = this.audioArray.length ? "音频资料(" + this.audioArray.length + ")" : "音频资料";
                        this.videotabName = this.videoArray.length ? "视频资料(" + this.videoArray.length + ")" : "视频资料";
                    }
                })
            },
            getPicArray_1() {
                var params = {
                    bizId:this.rowData.id,
                    bizType:"rectification"
                }
                this.pictureArray1 = [];
                this.audioArray1 = [];
                this.videoArray1 = [];
                this.fileArray1 = [];
                this.filetabName1 = this.fileArray1.length ? "其他资料(" + this.fileArray1.length + ")" : "其他资料";
                this.picturetabName1 = this.pictureArray1.length ? "图片资料(" + this.pictureArray1.length + ")" : "图片资料";
                this.audiotabName1 = this.audioArray1.length ? "音频资料(" + this.audioArray1.length + ")" : "音频资料";
                this.videotabName1 = this.videoArray1.length ? "视频资料(" + this.videoArray1.length + ")" : "视频资料";
                if(!this.rowData.id){
                    return false;
                }
                var _this = this;
                request.post(`/file/findAllFile`,params).then(res => {
                    if (res.success) {
                        res.data.forEach(item => {
                            if (
                                item.fileExt == "jpg" ||
                                item.fileExt == "JPG" ||
                                item.fileExt == "png" ||
                                item.fileExt == "PNG" ||
                                item.fileExt == "JPEG" ||
                                item.fileExt == "jpeg"
                            ) {
                                this.pictureArray1.push(item);
                            } else if (item.fileExt == "mp4" || item.fileExt == "MP4") {
                                this.videoArray1.push({
                                    height: "320",
                                    width: "500",
                                    id: item.id,
                                    bizId: item.bizId,
                                    autoplay: false,
                                    muted: true,
                                    language: "en",
                                    playbackRates: [0.7, 1.0, 1.5, 2.0],
                                    sources: [
                                        {
                                            type: "video/mp4",
                                            src: this.hostUrl + item.filePath
                                        }
                                    ]
                                });
                            }else if (
                                item.fileExt == "mp3" ||
                                item.fileExt == "MP3" ||
                                item.fileExt == "m4a"
                            ) {
                                this.audioArray1.push(item);
                            }else{
                                this.fileArray1.push(item);
                            }
                        });
                        _this.$nextTick(function(){
                            var  ViewerDom = document.getElementById('imgView1');
                            var  viewer = new Viewer(ViewerDom, {})
                        });
                        this.filetabName1 = this.fileArray1.length ? "其他资料(" + this.fileArray1.length + ")" : "其他资料";
                        this.picturetabName1 = this.pictureArray1.length ? "图片资料(" + this.pictureArray1.length + ")" : "图片资料";
                        this.audiotabName1 = this.audioArray1.length ? "音频资料(" + this.audioArray1.length + ")" : "音频资料";
                        this.videotabName1 = this.videoArray1.length ? "视频资料(" + this.videoArray1.length + ")" : "视频资料";
                    }
                })
            },
            getPicArray_2() {
                var params = {
                    bizId:this.rowData.pblmId
                }
                this.pictureArray2 = [];
                this.audioArray2 = [];
                this.videoArray2 = [];
                this.fileArray2 = [];
                this.filetabName2 = this.fileArray2.length ? "其他资料(" + this.fileArray2.length + ")" : "其他资料";
                this.picturetabName2 = this.pictureArray2.length ? "图片资料(" + this.pictureArray2.length + ")" : "图片资料";
                this.audiotabName2 = this.audioArray2.length ? "音频资料(" + this.audioArray2.length + ")" : "音频资料";
                this.videotabName2 = this.videoArray2.length ? "视频资料(" + this.videoArray2.length + ")" : "视频资料";
                if(!this.rowData.pblmId){
                    return false;
                }
                var _this = this;
                request.post(`/file/findAllFile`,params).then(res => {
                    if (res.success) {
                        res.data.forEach(item => {
                            if (
                                item.fileExt == "jpg" ||
                                item.fileExt == "JPG" ||
                                item.fileExt == "png" ||
                                item.fileExt == "PNG" ||
                                item.fileExt == "JPEG" ||
                                item.fileExt == "jpeg"
                            ) {
                                this.pictureArray2.push(item);
                            } else if (item.fileExt == "mp4" || item.fileExt == "MP4") {
                                this.videoArray2.push({
                                    height: "320",
                                    width: "500",
                                    id: item.id,
                                    bizId: item.bizId,
                                    autoplay: false,
                                    muted: true,
                                    language: "en",
                                    playbackRates: [0.7, 1.0, 1.5, 2.0],
                                    sources: [
                                        {
                                            type: "video/mp4",
                                            src: this.hostUrl + item.filePath
                                        }
                                    ]
                                });
                            }else if (
                                item.fileExt == "mp3" ||
                                item.fileExt == "MP3" ||
                                item.fileExt == "m4a"
                            ) {
                                this.audioArray2.push(item);
                            }else{
                                this.fileArray2.push(item);
                            }
                        });
                        _this.$nextTick(function(){
                            var  ViewerDom = document.getElementById('imgView2');
                            var  viewer = new Viewer(ViewerDom, {})
                        });
                        this.filetabName2 = this.fileArray2.length ? "其他资料(" + this.fileArray2.length + ")" : "其他资料";
                        this.picturetabName2 = this.pictureArray2.length ? "图片资料(" + this.pictureArray2.length + ")" : "图片资料";
                        this.audiotabName2 = this.audioArray2.length ? "音频资料(" + this.audioArray2.length + ")" : "音频资料";
                        this.videotabName2 = this.videoArray2.length ? "视频资料(" + this.videoArray2.length + ")" : "视频资料";
                    }
                })
            },
            init() {
                this.activeName = "0";
            },
            // 提交修改信息
            problemDetailInfo(problemDetail) {
              if(!this.rowData.reviewResult){
                 this.$message.warning("请选择复核结果");
                 return false;
              }
              if(!this.rowData.reviewNote){
                  this.$message.warning("请选择复核说明");
                  return false;
              }
              this.$nextTick(() => {
                  if (this.$refs.uploadFile.submitUpload(this.rowData.id)) {
                      this.removeNewSupervision();
                  }
              })
              setTimeout(() => {
                  let obj = {
                      id:this.rowData.id,
                      reviewResult:this.rowData.reviewResult,
                      reviewNote:this.rowData.reviewNote
                  }
                  var _self = this;
                  request.post(`/bis/insp/pblm/plist/review`, obj).then(res => {
                          if (res.success) {
                              _self.$emit('cancelHandler', true);
                              _self.$message.success('保存成功');

                          } else {
                              _self.$message.warning(res.message);
                          }
                      })
                      .catch(err => {
                          console.log(err);
                      })
              }, 1000)

            },
            cancelHandler() {
                this.$emit('cancelHandler');
                this.$refs.uploadFile.init();
                this.addPicPanel = false;
            },
            timestampToTime(detail) {
                if (detail) {
                    var date = new Date(detail);
                    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 + h + m;
                } else {
                    return "";
                }


            },
            removeNewSupervision(arg) {
                if (arg) {
                    this.getPicArray();
                    return;
                }
            },
            addPic() {
                this.addPicPanel = !this.addPicPanel;
            },
            // 删除图片文件
            removeFile(id, index) {
                var _self = this;
                this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "返回",
                    type: "warning"
                }).then(
                    res => {
                        if (res === "confirm") {
                            deleteFileById(id, this.persId).then(res => {
                                if (res.success) {
                                    _self.getPicArray();
                                    _self.getPicArray_1();
                                    _self.getPicArray_2();
                                } else {
                                    this.$message.error(res.message);
                                }
                            });
                        }
                    },
                    res => {
                        console.log("返回");
                    }
                )
            },
        },
        filters: {
            zgqk(val) {
                switch (val) {
                    case '0':
                        return '未整改';
                    case '1':
                        return '整改中';
                    case '2':
                        return '已整改';
                }
            },
            inspPblmCate(val) {
                if (!val || val == '') {
                    return ''
                }
                if (val == '0') {
                    return '一般'
                } else if (val == '1') {
                    return '较重'
                } else if (val == '2') {
                    return '严重'
                } else {
                    return val
                }
            },
        }
    };
</script>

<style lang="scss" scoped>
  .el-steps{
    margin-left: 10px;
    margin-top: 10px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }
  .el-steps /deep/ .is-vertical{
    height:33.33%;
  }
  .el-steps /deep/ .el-step__main{
    width:calc(100% - 35px);
  }
  .el-steps /deep/ .el-step__description{
    height:calc(100% - 32px);
    padding-right:0px !important;
  }
  .el-tabs{
    height: 200px;
  }
  .el-tabs /deep/.el-tabs__header{
    margin: 0!important;
  }
  .el-tabs /deep/.el-tabs__content{
    height:calc(100% - 42px);
    overflow: auto;
    padding: 0 !important;
  }
  .el-tabs /deep/ .el-tab-pane{
    height:100%;
  }
  .el-tabs /deep/ .el-row{
    height:100%;
  }
  .el-carousel /deep/.el-carousel__container{
    height:100% !important;
  }
  .wtzgfc_add_pblm /deep/.el-form-item{
    margin-bottom: 5px !important;
  }
  .el-card /deep/.el-card__body{
    padding: 15px !important;
  }
    .image-preview-action {
      position: absolute;
      width: 100%;
      height: 30px;
      left: 0;
      top: 0;
      color: #fff;
      opacity: 0;
      font-size: 20px;
      background-color: rgba(0, 0, 0, 0.5);
      transition: opacity 0.3s;
      cursor: pointer;
      text-align: center;
      line-height: 30px;

      .el-icon-delete {
        font-size: 25px;
      }
    }
    .image-preview-action:hover {
      opacity: 1;
    }
    .wtzgfc_view_pblm {
        .el-form-item {
            width: 100%;
            margin-bottom: 5px !important;
        }

        p.p_title {
            text-align: left;
            font-weight: bold;
        }

        .el-radio {
            margin-bottom: 15px;
        }

        .upload-container {
            width: 100%;
            position: relative;

            .image-uploader {
                width: 35%;
                float: left;
            }

            .image-preview {
                width: 200px;
                height: 200px;
                position: relative;
                border: 1px dashed #d9d9d9;
                float: left;
                // margin-left: 50px;
                .image-preview-wrapper {
                    position: relative;
                    width: 100%;
                    height: 100%;

                    img {
                        width: 100%;
                        height: 100%;
                    }
                }

                .image-preview-action {
                    position: absolute;
                    width: 100%;
                    height: 30px;
                    left: 0;
                    bottom: 0;
                    color: #fff;
                    opacity: 0;
                    font-size: 20px;
                    background-color: rgba(0, 0, 0, 0.5);
                    transition: opacity 0.3s;
                    cursor: pointer;
                    text-align: center;
                    line-height: 30px;

                    .el-icon-delete {
                        font-size: 25px;
                    }
                }

                &:hover {
                    .image-preview-action {
                        opacity: 1;
                    }
                }
            }

            .image-app-preview {
                margin-bottom: 10px;
                width: 40vh;
                height: 180px;
                position: relative;
                border: 1px dashed #d9d9d9;
                float: left;
                // margin-left: 50px;
                .app-fake-conver {
                    height: 44px;
                    position: absolute;
                    width: 100%; // background: rgba(0, 0, 0, .1);
                    text-align: center;
                    line-height: 64px;
                    color: #fff;
                }
            }
        }
    }

</style>