fj-dc-ui/.svn/pristine/ed/ed5b5b528b2dd06d2a78c361edf411a6a15ea30b.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="2">
        <el-step :title="`发现问题(检查资料)-(时间:${problData.pblmTm?formatDateTime(problData.pblmTm):''})`">
          <template slot="description" >
            <div style="width: 100%;">
              <el-card>
                <el-form-item label="注册登记号:" style="text-align:left">
                  <p style="color:#606266;">{{problData.damRegCode}}</p>
                </el-form-item>
                <el-form-item label="问题类别:" style="text-align:left">
                  <p style="color:#606266;">{{problData.pblmNameBz}}</p>
                </el-form-item>
                <el-form-item label="检查项目:" style="text-align:left">
                  <p style="color:#606266;">{{problData.checkPointBz}}</p>
                </el-form-item>
                <el-form-item label="问题描述:" style="text-align:left">
                  <p style="color:#606266;">{{problData.pblmDescBz}}</p>
                </el-form-item>
                <el-form-item label="严重程度:" style="text-align:left">
                  <p style="color:#606266;">{{problData.inspPblmCate == 0 ? "一般" : problData.inspPblmCate == 1 ? "较重" : problData.inspPblmCate == 2 ? "严重" : problData.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>
                      </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="`反馈问题(整改资料)-(时间:${problData.pblmCrtm?formatDateTime(problData.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;">{{(!problData.crtState || problData.crtState=='0')?"未整改":problData.crtState=='1'?"整改中":problData.crtState=='2'?'整改完成':problData.crtState=='3'?'不具备整改条件':''}}</p>
                </el-form-item>
                <el-form-item label="市县反馈整改备注:" style="text-align:left" label-width="150px">
                  <p style="color:#606266;">{{problData.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="`复核问题(复核资料)-待复核`">
          <template slot="description" >
            <div style="width: 100%;position: relative;">
            <el-card>
            <el-form-item label="复核结果:" style="text-align:left">
              <el-radio-group v-model="problData.reviewResult" style="width: 100%;">
                <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">
              <el-input
                type="textarea"
                :rows="4"
                style="width: 100%;"
                placeholder="请输入复核说明"
                v-model="problData.reviewNote"
                class="w30">
              </el-input>
            </el-form-item>
          </el-card>
          <el-card style="margin-top: 10px;">
            <p class="p_title">多媒体</p>
            <upload ref="uploadFile" :url="`/pdcApi/file/insert?bizType=MEND_CHECK_SC&bizId=`"
                    @uploadOver="removeNewSupervision"></upload>
          </el-card>
<!--              <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>-->
<!--                      </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>-->
<!--                </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>-->
<!--                </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>-->
<!--                </el-tab-pane>-->
<!--              </el-tabs>-->
            </div>
          </template>
        </el-step>
      </el-steps>
    </el-form>
    <div style="margin-top: 10px;text-align: center" label-width="0px">
      <el-button type="primary" @click="onSubmit('problemForm')" style="width: 100px;margin-bottom: 10px"
                 :loading="saveLoading">保存
      </el-button>
    </div>
  </div>
</template>

<script>
  import {formatDateTime2,formatDateTime2New} from '../../../utils/gw_date.js'
  import request from '@util/gw_ajax_request.js'
  import {hostUrl} from '@util/global_variable'
  import pblmMendFile from "../shuiku/shuiku2021/pblmMendFile";
  import Viewer from 'viewerjs';
  import 'viewerjs/dist/viewer.css';
  export default {
    props: ['objId', 'objName', 'villType', 'objType', 'problemMiddleType', 'problemSmallType', 'engId', 'currentObjectRgstrId', 'problData', 'currentProblemId', 'currentResCode', 'currentAdCode', 'currentRsvrNm'],
    data() {
      return {
        testHeight: window.innerHeight - 200,
        pictureArray: [],
        audioArray: [],
        videoArray: [],
        fileArray: [],
        audiotabName: "",
        videotabName: "",
        picturetabName: "",
        filetabName: "",
        pictureArray2: [],
        audioArray2: [],
        videoArray2: [],
        fileArray2: [],
        audiotabName2: "",
        videotabName2: "",
        picturetabName2: "",
        filetabName2: "",
        pictureArray1: [],
        audioArray1: [],
        videoArray1: [],
        fileArray1: [],
        audiotabName1: "",
        videotabName1: "",
        picturetabName1: "",
        filetabName1: "",
        dialogTableVisible:true,
        taskInstId:"",
        bizType:"",
        jqmmDialogShow:false,
        problemForm: {
          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: [],
          zcOtherIsMakeFiles: [],
          auditConc: ''//审核状态
        },
        supervisionState: [
          {
            value: "0",
            label: "一般"
          },
          {
            value: "1",
            label: "较重"
          },
          {
            value: "2",
            label: "严重"
          },
          {
            value: "3",
            label: "特别严重"
          }
        ],
        abarbeitungStatusList: [
          {
            label: "未填写",
            value: "0"
          },
          {
            label: "未整改",
            value: "1"
          },
          {
            label: "正在整改",
            value: "2"
          },
          {
            label: "已整改",
            value: "3"
          }
        ],
        expertReviewList: [
          {
            'label': '审核已整改',
            'value': '1'
          },
          {
            'label': '审核未整改',
            'value': '2'
          },
          {
            'label': '未审核',
            'value': '3'
          },
          {
            'label': '审核正在整改',
            'value': '4'
          }
        ],
        inspPblmCate: "",
        imgList: [],
        videoList: [],
        audioList: [],
        pblmStat: '',
        gwComFiles: [],
        problemList: [],
        currentCheckPointList: [
          {
            value: "1",
            label: "质量安全"
          },
          {
            value: "2",
            label: "合同"
          },
          {
            value: "3",
            label: "资金"
          }
        ],
        currentProblemDescList: [
          {
            value: "1",
            label: "项目法人（建设单位）"
          },
          {
            value: "2",
            label: "勘察设计单位"
          },
          {
            value: "3",
            label: "监理单位"
          },
          {
            value: "4",
            label: "施工单位"
          },
          {
            value: "5",
            label: "金属结构及机电设备安装单位"
          },
          {
            value: "6",
            label: "安全监测单位"
          },
          {
            value: "7",
            label: "质量检测单位"
          }
        ],
        t1: '',
        t2: '',
        t3: '',
        xiangqingmiaoshu: '',
        wenTiLeiBie: "",
        jianChaXiangMu: "",
        rules: {
          revwRectPblm: [{
            required: true,
            message: '请填写备注',
            trigger: 'blur'
          }],
        },
        saveLoading: false
      }
    },
    components: {
      upload: resolve => {
        require(["@widget/uploadFile.vue"], resolve);
      },
      uploadZz: resolve => {
        require(["@widget/uploadPdf.vue"], resolve);
      },
      pblmMendFile:pblmMendFile
    },
    computed: {
      recPers() {
        return localStorage.getItem('userid') ? localStorage.getItem('userid') : '';
      },
      hostUrl() {
          return hostUrl
      },
      formatDateTime(){
          return formatDateTime2New
      }
    },
    mounted: function () {
        // this.getPicArray();
        this.getPicArray_1();
        this.getPicArray_2();
    },
    methods: {
      getPicArray() {
          var params = {
              bizId:this.problData.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.problData.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.problData.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.problData.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.problData.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.problData.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 + ")" : "视频资料";
              }
          })
      },
      dialogClose() {
          this.$emit('closeDialog')
      },
      jqmmDialogClose() {
        this.jqmmDialogShow = false;
      },
      showFile(type){
        this.jqmmDialogShow = true;
        this.bizType = type;
      },
      async onSubmit(problemForm) {
        if(!this.problData.reviewResult){
            this.$message.warning("请选择复核结果");
            return false;
        }
        if(!this.problData.reviewNote){
            this.$message.warning("请选择复核说明");
            return false;
        }
        this.$nextTick(() => {
          if (this.$refs.uploadFile.submitUpload(this.problData.id)) {
            this.removeNewSupervision();
          }
        })
      },
      // 文件上传
      submitUpload() {
        this.$refs.upload.submit();
      },
      removeNewSupervision(arg) {
        if (!this.saveLoading) {
          this.saveLoading = true;
            let obj = {
                id:this.problData.id,
                reviewResult:this.problData.reviewResult,
                reviewNote:this.problData.reviewNote
            }
            let _self = this;
            request.post(`/bis/insp/pblm/plist/review`, obj).then(res => {
                if (res.success) {
                    _self.$message.success('保存成功');
                    _self.$emit('closeDialog');
                    _self.$refs.uploadFile.init();
                }
                this.saveLoading = false;
            }).catch(err => {
                this.saveLoading = false;
            });
        }
      }
    }
  }
</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;
  }
  .wtzgfc_add_pblm {
    display: flex;
    .w30 {
      width: 50%;
      /deep/.el-form-item{
        margin-bottom: 5px !important;
      }
    }
    .el-textarea {
      display: block !important;
    }

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

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

    .zzcl_fj > div {
      margin: 0 !important;
    }

    .zzcl_fj > div > div {
      margin: 0 !important;
      display: inline-block;
      width: 80px !important;
    }

    .w300 {
      width: 180px;
      text-align: left;
    }
  }

</style>