fj-dc-ui/.svn/pristine/8d/8db9781a9a5124a1d15149c297053779c842033f.svn-base

<template>
  <div style="height:100%;width:100%" id="wenTiContainer_sk">
    <el-container>
      <el-aside
        width="200px"
        style="border-right:2px solid #d5d5ff;float:left"
        :style="{'max-height':testHeight+'px','height':testHeight+'px'}"
      >
        <div class="tree" style="
          height: 100%;
          width: 100%;
          overflow: auto;
          display: inline-flex;">
            <el-tree
          :highlight-current="true"
          style="height:100%;width: 100%;"
          :data="treeData"
          node-key="id"
          show-checkbox
          @check-change="handleCheckChange"
          ref="jigou_tree"
        >

          <div class="custom-tree-node" slot-scope="{ node, data }">
            <span style="float:left;">
              {{ data.pnm}}
            </span>
            <div
              style="float:right;display: flex;justify-content: flex-end;align-items: center;width:50%;"
            >

              <span style="color:blue;width:80px;"></span>
            </div>
          </div>
        </el-tree>
        </div>
      </el-aside>
      <el-main style="margin:0px;padding:0px;overflow-y:hidden;" class="shuiku">
        <!-- <el-card> -->
        <div :style="{'height':testHeight+'px'}">
          <!-- 查询条件 -->
          <!-- <div class="search">
                    <el-row type="flex" justify="space-bv-fortween" style="border-bottom:1px dashed rgb(217, 236, 255);padding-bottom:2px;">
                        <el-col :span="24" style="display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;">
                            <span>督查机构、督查组:</span>
                            <el-tag :key="tag.code" v-for="tag in treeNodeArray" closable style="margin:2px;" :disable-transitions="false" @close="deleteTreeNode(tag)">
                                {{tag.name}}
                            </el-tag>
                            <inuptWithDuChaTreeNode @selectDuChaTreeNode="insertTreeNode" v-if="treeNodeSelectVisible" style="margin-left:5px;" orgType="001">
                            </inuptWithDuChaTreeNode>
                            <el-button v-else class="button-new-tag" size="mini" @click="treeNodeSelectVisible = true">+添加机构或组</el-button>
                        </el-col>

                    </el-row>

          </div>-->
          <div style="padding: 10px 10px 0 10px;">
            <el-row type="flex" justify="space-bv-fortween">
              <el-col  :span="24">
                <el-form :inline="true" size="mini" class="demo-form-inline" style="padding-left: 10px;">
                  <el-form-item label="行政区划:">
                      <el-input
                        resize="none"
                        type="input"
                        :rows="3"
                        placeholder="请输入行政区划名称"
                        v-model.trim="findParams.adFullName"
                        clearable
                      ></el-input>
                  </el-form-item>

                  <el-form-item label="水库名称:">
                      <el-input
                        resize="none"
                        type="input"
                        :rows="3"
                        placeholder="请输入水库名称"
                        v-model.trim="findParams.rsName"
                        clearable
                      ></el-input>
                    </el-form-item>

                  <el-form-item label="问题类别:">
                    <el-select v-model="findParams.inspPblmName" clearable placeholder="请选择">
                      <el-option
                        v-for="item in leibie"
                        :key="item.guid"
                        :label="item.inspPblmsName"
                        :value="item.inspPblmsName"
                      ></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="是否典型:">
                      <el-select v-model="findParams.ifCasePblm" clearable placeholder="请选择">
                          <el-option
                            v-for="item in supervision"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                      </el-select>
                  </el-form-item>
                  <el-form-item label="问题筛选:">
                      <el-select v-model="pblscr" clearable placeholder="请选择">
                        <el-option
                          v-for="item in pblscrList"
                          :key="item.value"
                          :label="item.lable"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                  </el-form-item>

                  <el-form-item label="上报人员:">
                      <el-input
                        resize="none"
                        type="input"
                        :rows="3"

                        placeholder="请输入名称"
                        v-model.trim="findParams.persName"
                      ></el-input>
                  </el-form-item>
                  <el-form-item label="是否包含多媒体文件:">
                    <el-select v-model="findParams.hasVedio" clearable placeholder="请选择">
                      <el-option
                        v-for="item in hasVedio1"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      ></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="所在组:">
                    <el-input
                      resize="none"
                      type="input"
                      :rows="3"
                      placeholder="请输入所在组名称"
                      v-model.trim="pblscrGroup"
                      clearable
                    ></el-input>
                  </el-form-item>
                  <el-form-item label="严重程度:">
                    <el-select v-model="findParams.inspPblmCate" clearable placeholder="请选择">
                      <el-option
                        v-for="item in supervisionState"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      ></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="发现时间:">
                    <el-date-picker
                      style="width: 200px;"
                      v-model="value6"
                      type="daterange"
                      value-format="yyyy-MM-dd"
                      range-separator="至"
                      start-placeholder="开始日期"
                      end-placeholder="结束日期"
                    ></el-date-picker>
                  </el-form-item>
                  <el-button
                    style="float:right;margin-right:10px;"
                    type="primary"
                    icon="el-icon-search"
                    @click="search"
                  >查询</el-button>
                </el-form>
              </el-col>
            </el-row>
          </div>
          <!-- 查询展示 -->
          <div style="margin-top:10px;" id="table">
            <el-table
              v-loading="loading"
              border
              ref="multipleTable"
              :data="searchResult"
              :height="tableHeight"
              tooltip-effect="dark"
              style="width: 100%;"
              @selection-change="handleSelectionChange"
            >
              <el-table-column align="center" type="index" label="序号" min-width="25">
                <template slot-scope="scope">{{ (currentPage - 1) * pageSize + (scope.$index + 1) }}</template>
              </el-table-column>

              <!-- <el-table-column header-align="center" align="center" min-width="140" prop="inspPblmName" label="小水库问题类别"></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-->
              <!--&gt;</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="120"
                prop="nm"
                label="督查水库名称"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="150"
                prop="inspPblmDesc"
                label="问题描述"
                show-overflow-tooltip
              >
              </el-table-column>
              <!--<el-table-column-->
                <!--header-align="center"-->
                <!--align="center"-->
                <!--min-width="60"-->
                <!--prop="ifCasePblm"-->
                <!--label="典型"-->
              <!--&gt;-->
                <!--<template slot-scope="scope">-->
                  <!--<p v-if="scope.row.ifCasePblm == 1">是</p>-->
                  <!--<p v-if="scope.row.ifCasePblm == 0">否</p>-->
                <!--</template>-->
              <!--</el-table-column>-->
              <el-table-column
                header-align="center"
                align="center"
                min-width="100"
                prop="inspPblmCate"
                label="程度"
              >
                <template slot-scope="scope">
                  <p v-if="scope.row.inspPblmCate == 0"><span class="inspPblmCate" style="background: #27C19F;">一般</span></p>
                  <p v-if="scope.row.inspPblmCate == 1"><span class="inspPblmCate" style="background: #E6A23C;" >较重</span></p>
                  <p v-if="scope.row.inspPblmCate == 2"><span class="inspPblmCate" style="background: #F56C6C;" >严重</span></p>
                  <p v-if="scope.row.inspPblmCate == 3"><span class="inspPblmCate" style="background: #795548;">特别严重</span></p>
                </template>
              </el-table-column>
              <!-- <el-table-column header-align="center" align="center" min-width="180" prop="inspPblmDesc" label="问题描述"></el-table-column> -->
              <!-- <el-table-column header-align="center" align="center" min-width="180" prop="inspAddDesc" label="问题地址"></el-table-column> -->

              <el-table-column
                header-align="center"
                align="center"
                min-width="80"
                prop="persName"
                label="上报人"
              ></el-table-column>
              <!--<el-table-column-->
                <!--header-align="center"-->
                <!--align="center"-->
                <!--min-width="80"-->
                <!--show-overflow-tooltip-->
                <!--prop="orgNm"-->
                <!--label="所在组"-->
              <!--&gt;</el-table-column>-->
              <!-- <el-table-column header-align="center" align="center" min-width="120" prop="recPers" label="操作记录人">
              </el-table-column>-->
              <el-table-column
                prop="collTime"
                label="上报时间"
                :formatter="timestampToTime"
                sortable
                align="center"
                min-width="120"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                header-align="center"
                align="center"
                min-width="140"
                prop="inspPblmsName"
                label="督查水库问题类别"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                align="center"
                prop
                min-width="100"
                label="操作"
                show-overflow-tooltip
                fixed="right"
              >
                <template slot-scope="scope">
                  <el-button icon="el-icon-view"  title="查看详情"type="text" @click="showDetails(scope.row.pblmId)"></el-button>
                  <!--<el-button icon="el-icon-edit" type="text" title="修改问题"  @click="changeSup(scope.row.pblmId)"></el-button>-->
                  <!--<el-button-->
                    <!--icon="el-icon-delete"-->
                    <!--type="text"-->
                    <!-- title="删除问题" @click="removeSuperviseOne(scope.row.pblmId)"-->
                  <!--&gt;</el-button>-->
                  <!-- <el-button icon="el-icon-view"  title="查看详情"@click="showDetails(scope.row.pblmId)" style="background:#409EFF;border-radius:15px;color:rgba(255,255,255,1)"></el-button>
                                <el-button style=" margin:2px 20px;padding: 5px 15px;background-color:#909399;border-radius:15px;color:rgba(255,255,255,1)" type="info" icon="el-icon-edit" @click="changeSup(scope.row.pblmId)"></el-button>
                  <el-button style=" margin:2px 20px;padding: 5px 15px;background-color:#F56C6C;border-radius:15px;color:rgba(255,255,255,1)" type="danger" icon="el-icon-delete"  title="删除问题" @click="removeSuperviseOne(scope.row.pblmId)"></el-button>-->
                </template>
              </el-table-column>
            </el-table>
            <!-- 分页 -->
            <div class="paginationWarpper">
              <el-pagination
                class="paginationCenter"
                background
                @size-change="handleSizeChange"
                @current-change="search"
                :current-page.sync="currentPage"
                :page-sizes="[10, 20, 50, 100]"
                :page-size="pageSize"
                layout="total, sizes, prev, pager, next, jumper"
                :total="total"
              ></el-pagination>
            </div>
          </div>
          <!-- 详情弹框 -->
          <el-dialog
            class="outerDialog custom_dialog"
            title="问题详情"
            width="60%"
            v-if="supervisionDetailsVisible"
            :visible.sync="supervisionDetailsVisible"
          >
            <supervision-details ref="xianqing" :problemId="currentProblemId"></supervision-details>
            <span slot="footer">
              <el-button style="margin-top:5px;" @click="supervisionDetailsVisible = false">返回</el-button>
            </span>
          </el-dialog>
          <!-- 删除的弹窗 -->
          <el-dialog class="deleteDialog" title="问题删除描述" :visible.sync="problemDeleteVisible">
            <Problem-delete
              ref="deleteMiaoShu"
              :deleteProblemId="deleteId"
              @deleteSuccess="deleteSuccess"
            ></Problem-delete>
            <span slot="footer">
              <el-button @click="problemDeleteVisible = false">返回</el-button>
            </span>
          </el-dialog>
          <!-- 修改弹框 -->
          <el-dialog
          width="60%"
            class="outerDialog custom_dialog"
            title="修改督查问题"
            :close-on-click-modal="false"
            :visible.sync="changeSupervisionVisible"
          >
            <div class="scroll300">
              <div
                style="width:49%;overflow-y:auto;max-height:52vh;float:left;border:1px solid #d5d5ff;margin-right:5px;">
                <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">基本信息</p>
                <el-form
                  ref="changeSupFrom"
                  :rules="rules1"
                  :model="changeSupervision"
                  label-width="120px"
                >
                  <el-form-item label="水库名称" prop="nm">
                    <el-input v-model="changeSupervision.nm" clearable :disabled="true"></el-input>
                  </el-form-item>

                  <el-form-item label="问题类别" prop="inspPblmsName">
                    <el-input v-model="changeSupervision.inspPblmsName" clearable :disabled="true"></el-input>
                  </el-form-item>

                  <el-form-item label="检查项目" prop="checkPoint">
                    <el-input v-model="changeSupervision.checkPoint" clearable :disabled="true"></el-input>
                  </el-form-item>

                  <el-form-item label="问题描述" prop="pblmDesc">
                    <el-input :autosize="{ minRows: 4, maxRows: 6}" type="textarea" v-model="changeSupervision.pblmDesc" clearable :disabled="true"></el-input>
                  </el-form-item>

                  <el-form-item label="详细描述" prop="inspPblmDesc">
                    <el-input
                      type="textarea"
                      :rows="2"
                      v-model="changeSupervision.inspPblmDesc"
                      clearable
                    ></el-input>
                  </el-form-item>

                  <el-form-item label="是否为典型问题:">
                    <el-select v-model="changeSupervision.ifCasePblm" clearable placeholder="请选择">
                      <el-option
                        v-for="item in supervision"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      ></el-option>
                    </el-select>

                  </el-form-item>
                  <el-form-item label="严重程度:">
                    <el-select v-model="changeSupervision.inspPblmCate" disabled clearable placeholder="请选择">
                      <el-option
                        v-for="item in supervisionState"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      ></el-option>
                    </el-select>
                    <!-- <el-radio v-model="changeSupervision.inspPblmCate" label="0">一般</el-radio>
                                    <el-radio v-model="changeSupervision.inspPblmCate" label="1">较重</el-radio>
                    <el-radio v-model="changeSupervision.inspPblmCate" label="2">严重</el-radio>-->
                  </el-form-item>
                  <el-form-item label="备注" prop="note">
                    <el-input
                      type="textarea"
                      :rows="2"
                      v-model.trim="changeSupervision.note"
                      clearable
                    ></el-input>
                    <!-- <el-input resize="none" type="input" :rows="3" placeholder="请输入" v-model.trim="changeSupervision.pblmPersName"></el-input> -->
                  </el-form-item>
                  <el-form-item label="上报人" prop="persName">
                    <el-input
                      resize="none"
                      type="input"
                      :rows="3"
                       disabled
                      placeholder="请输入"
                      v-model.trim="changeSupervision.persName"
                    ></el-input>
                  </el-form-item>
                  <el-form-item label="上报时间" prop="collTime">
                    <el-date-picker v-model="changeSupervision.collTime" disabled type="date"></el-date-picker>
                  </el-form-item>
                </el-form>
              </div>

              <div
                style="width: 49%;float: left;border: 1px solid rgb(213, 213, 255);margin-right: 5px;overflow-y: auto;max-height: 52vh;"
              >
                <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">多媒体信息</p>
                <el-tabs style="margin:0px 5px">
                  <el-tab-pane :label="picturetabName">
                    <!-- <el-table border :data="pictureArray" style="width: 100%;margin: 0 auto;">
                                        <el-table-column header-align="center" align="center" label="图片">
                                            <template slot-scope="scope">
                                                <img style="width:35%;" :src="`${hostUrl}/${scope.row.filePath}`" alt>
                                            </template>
                                        </el-table-column>
                                        <el-table-column header-align="center" align="center" label="操作">
                                            <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-row  style="text-align:right;">
                      <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>
                    </el-row>
                    <el-row v-if="addPicPanel">
                        <upload ref="uploadFile" :url="`/pdcApi/file/insert?bizId=`" @uploadOver="removeNewSupervision"></upload>
                    </el-row>
                    <el-row>
                      <div style="overflow-y:auto;overflow-x:hidden;max-height:30vh;padding:10px;">
                        <div class="upload-container">
                          <div
                            v-for="(item, index) in pictureArray"
                            :key="index"
                            class="image-preview image-app-preview"
                          >
                            <div class="image-preview-wrapper">
                              <img :src="`${hostUrl}/${item.filePath}`">
                              <div class="image-preview-action">
                                <i @click="removeFile(item.id)" class="el-icon-delete"></i>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </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="音频">
                        <template slot-scope="scope">
                          <elaudio
                            style="margin-left:15%;width:100px;height:30px;"
                            :theUrl="`${hostUrl}/${scope.row.filePath}`"
                          ></elaudio>
                          <!-- <span>{{scope.row.fileTitle}}</span> -->
                        </template>
                      </el-table-column>
                      <el-table-column header-align="center" align="center" label="操作">
                        <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="视频">
                        <template slot-scope="scope">
                          <!-- <span>{{scope.row.fileTitle}}</span> -->
                          <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="操作">
                        <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>

              <!-- <upload ref="changeUploadFile" :url="`/pdcApi/file/insert?bizId=`" @uploadOver="removeNewSupervision"></upload> -->
            </div>
            <span slot="footer">
              <el-button
                type="primary"
                @click="changeSupervisionInfo"
              >保存</el-button>
              <el-button @click="changeSupervisionVisiblefalse">取消</el-button>
            </span>
          </el-dialog>
          <!-- <problem-dialog
            v-if="dialogShow"
            :objType="0"
            :villType="0"
            :objId="currentObjectId"
            :objName="currentObjectName"
            :problemMiddleType="'小水库'"
            :problemSmallType="problemSmallType"
            @closeDialog="closePDialog"
            :currentObjectRgstrId="currentObjectRgstrId"
            :justAddPic="1"
          ></problem-dialog> -->
        </div>
        <!-- </el-card> -->
      </el-main>
    </el-container>
  </div>
</template>

<script>
import {
  findPageInfoShuiKu,
  getShuiKuWenTi,
  getXSKProblemNewExport,
  findPageInfo,
  getXSKProblemNew,
  removeSupervise,
  showDetailsXq,
  submitUpload,
  creatSupervise,
  getSupervisdByID,
  deleteFileById,
  updatelist,
  getEngId
} from "../../api/duChaAPI.js";
import request from "../../utils/gw_ajax_request.js";
import { hostUrl } from "@util/global_variable.js";
import elaudio from "../../widgets/elAudioShort.vue";
import inuptWithDuChaTreeNode from "../../widgets/inuptWithDuChaTreeNode.vue";
import inputWidthDuChaNodes from "../../widgets/inputWithDuChaNodes.vue";
import inputWidthDuChaShuiKu from "../../widgets/inputWith_sk.vue";
import problemDialog from "./problemDialog.vue";
export default {
  props: ["codeId"],
  components: {
    upload: resolve => {
      require(["../../widgets/uploadFile.vue"], resolve);
    },
    //详情页
    supervisionDetails: resolve => {
      require(["./supervisionDetails_shuiku.vue"], resolve);
    },
    // 删除描述页
    ProblemDelete: resolve => {
      require(["./problemDelete.vue"], resolve);
    },
    // addPicDialog: resolve => {
    //   require(["./addPicDialog.vue"], resolve);
    // },
    elaudio: elaudio,
    inuptWithDuChaTreeNode: inuptWithDuChaTreeNode,
    inputWidthDuChaNodes: inputWidthDuChaNodes,
    inputWidthDuChaShuiKu: inputWidthDuChaShuiKu,
    problemDialog: problemDialog
  },
  data() {
    var validatePass1 = (rules1, value, callback) => {
      if (this.newSupervision.startTime > this.newSupervision.endTime) {
        callback(new Error("结束时间不能早于开始时间"));
      } else {
        callback();
      }
    };
    var validatePass2 = (rules1, value, callback) => {
      let startTime = this.changeSupervision.startTime.slice(0, 10);
      if (startTime > this.changeSupervision.endTime) {
        callback(new Error("结束时间不能早于开始时间"));
      } else {
        callback();
      }
    };
    var divisionList = (rules1, value, callback) => {
      if (this.newGroup.divisionList.length) {
        callback();
      } else {
        callback(new Error("至少要添加一个地区"));
      }
    };
    return {
      tableHeight: window.innerHeight - 190,
      globoId:"",
      addPicPanel: false,
      currentDate: new Date(),
      deleteId: "",
      treeNodeArray: [],
      treeNodeSelectVisible: false,
      adNodeArray: [],
      adNodeSelectVisible: false,
      areaSelectVisible: false,
      rsvrNodeArray: [],
      rsvrNodeSelectVisible: false,
      skSelectVisible: false,

      currentProblemId: "",
      updateIdXiuGai: "",
      rules1: {
        inspPblmName: [
          {
            required: true,
            message: "请输入问题名称",
            trigger: "blur"
          },
          {
            min: 1,
            max: 999,
            message: "不超过100字符",
            trigger: "blur"
          }
        ],
        inspPblmDesc: [
          {
            required: true,
            message: "请输入问题描述",
            trigger: "blur"
          }
        ],
        recPers: [
          {
            required: true,
            message: "请输入记录人",
            trigger: "blur"
          },
          {
            min: 1,
            max: 999,
            message: "不超过100字符",
            trigger: "blur"
          }
        ],
        objType: [
          {
            required: true,
            message: "请选择督查对象类型",
            trigger: "change"
          }
        ],
        objId: [
          {
            required: true,
            message: "请选择督查对象类型",
            trigger: "change"
          }
        ],
        inspPblmType: [
          {
            required: true,
            message: "请选择督查问题类型",
            trigger: "change"
          }
        ],
        dataStat: [
          {
            required: true,
            message: "请选择数据状态",
            trigger: "change"
          }
        ],
        collTime: [
          {
            required: true,
            message: "请选择采集时间",
            trigger: "change"
          }
        ],
        ifCasePblm: [
          {
            required: true,
            message: "请选择是否典型",
            trigger: "change"
          }
        ],
        pblmStat: [
          {
            required: true,
            message: "请选择问题类型",
            trigger: "change"
          }
        ],
        inspPblmCate: [
          {
            required: true,
            message: "请选择问题程度",
            trigger: "change"
          },
          {
            trigger: "change"
          }
        ]
      },
      testHeight: window.innerHeight,
      supervisionStateList: [
        {
          value: "0",
          label: "暂存"
        },
        {
          value: "1",
          label: "上报"
        }
      ],

      supervisionState: [
        {
          value: "0",
          label: "一般"
        },
        {
          value: "1",
          label: "较重"
        },
        {
          value: "2",
          label: "严重"
        },
        {
          value: "3",
          label: "特别严重"
        }
      ],
      supervision: [
        {
          value: "1",
          label: "是"
        },
        {
          value: "0",
          label: "否"
        }
      ],
      hasVedio1: [
        {
          value: "1",
          label: "是"
        },
        {
          value: "0",
          label: "否"
        }
      ],
      findUseOrgArray: [],
      areaInputValue: {},
      memberInputValue: {},
      multipleSelection: [], // 已选
      selectionType: {
        remove: 0,
        befor: 0,
        now: 0,
        after: 0
      },
      // 根据客户点击的督查类型查找督查对象ID
      // 新增
      listobjId: [],
      userId: localStorage.getItem("userid"),
      treeData: [],
      // 修改督查
      pictureArray: [],
      audioArray: [],
      videoArray: [],
      audiotabName: "",
      videotabName: "",
      picturetabName: "",
      playerOptions: {
        height: "120",
        autoplay: true,
        muted: true,
        language: "en",
        playbackRates: [0.7, 1.0, 1.5, 2.0],
        sources: [
          {
            type: "video/mp4",
            // mp4
            src: "http://vjs.zencdn.net/v/oceans.mp4"
            // webm
            // src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"
          },
          {
            type: "video/mp4",
            // mp4
            src: "http://vjs.zencdn.net/v/oceans.mp4"
            // webm
            // src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"
          },
          {
            type: "video/mp4",
            // mp4
            src: "http://vjs.zencdn.net/v/oceans.mp4"
            // webm
            // src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"
          },
          {
            type: "video/mp4",
            // mp4
            src: "http://vjs.zencdn.net/v/oceans.mp4"
            // webm
            // src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"
          }
        ]
      },
      changeSupervisionVisible: false,
      changeSupervisionLoading: false,
      changeSupervision: {
        nm: "",
        presId: localStorage.getItem("userid"),
        endTime: "",
        pblmId: "",
        objId: "",
        objType: "",
        inspGroupId: "",
        inspPblmName: "",
        inspPblmDesc: "",
        pblmLong: "",
        pblmLat: "",
        pblmStat: "",
        ifCasePblm: "",
        inspPblmOrgName: "",
        pblmPersName: "",
        inspPblmCate: "",
        reviOpin: "",
        reviConc: "",
        reviOrgGuid: "",
        collTime: "",
        recPers: "",
        gwComFiles: [
          {
            id: "",
            filePath: "",
            bizId: ""
          }
        ]
      },
      // 文件弹框
      fileList: [], // 当前文件列表
      flash: false,
      // 督查类型
      supervisionTypeList: [
        {
          value: "1",
          label: "小水库"
        }
      ],
      leibie: [],
      // 查询
      value6: [],
      findParams: {
        hasVedio:"",
        adCode: "",
        pblmStat: "",
        inspPblmCate: "",
        ifCasePblm: "",
        nm: "",
        rsName: "",
        adFullName: "",
        startTime: "",
        endTime: "",
        objType: 1,
        inspPblmName: "",
        persId: localStorage.getItem("userid")
      },
      currentPage: 1, // 页码
      pageSize: 20, // 条数
      loading: false,
      total: 0, // 总数
      searchResult: [], // 结果
      crId: "", // 当前督查id
      // 督查详情
      userid: localStorage.getItem("userid"),
      supervisionDetailsVisible: false,
      problemDeleteVisible: false,
      supervisionDetails: {},
      pblmId: "",
      gwComFiles: [],
      pblscr: "",
      pblscrList: [
        {
          lable: "我的问题",
          value: localStorage.getItem("userid")
        }
      ],
      pblscrGroup: ""
    };
  },
  computed:{
      hostUrl(){
          return hostUrl
      }
  },
  created() {
    if (this.userId) {
      console.log("已经登录");
      this.search();
    } else {
      this.$router.push("/login");
    }

    this.getproblemSmallType();
    this.getLeftTreeData();
    this.addPicPanel = false;
  },
  activated(){
    this.getLeftTreeData();
    this.search();
  },
  watch: {
    codeId: function() {
      this.search();
    },
    // updateIdXiuGai:(n,o)=>{
    //   if(n != o){
    //     this.updateIdXiuGai = n;
    //     this.changeSup;
    //   }else{
    //     this.updateIdXiuGai = o;
    //     this.changeSup;
    //   }
    // }
  },
  methods: {
    handleCheckChange(data, checked, indeterminate) {
      let cNarray = this.$refs["jigou_tree"].getCheckedNodes();
      console.log(cNarray);
      this.treeNodeArray = cNarray;
    },
    getLeftTreeData() {
      var _self = this;
      request
        .get("/dc/organization/base/getAllNode", {
          params: {
            userId: this.userId,
            orgType: "001"
          }
        })
        .then(res => {
          let data = res.data;
          data.forEach(ele => {
            if (ele.pid == null || ele.pid == "") {
              ele.pid = "001";
            }
          });
          data = _self.getTrees(data);
          _self.treeData = data;
          console.log(data);

          // _self.duChaType = _self.treeData[0].id.substring(2,3);
        });
    },
  //格式化树形数据
    getTrees(list) {
        //@wxcwater重写方法 适应多个树
        let highLevelLength = 99;//预设最大节点id长度，目前最大应该为12，所以设置为99保证正常
        let _self =this;
        list.forEach((item,index)=>{
          item['pidLength'] = item.pid&&item.pid!=''?item.pid.length:0;
          if(highLevelLength>item.pidLength){
            highLevelLength = item.pidLength;
          }
        });
        console.log(highLevelLength);
        let heightLevelNode = [];
          list.forEach((item,index)=>{

          if(highLevelLength>=item.pidLength){
            heightLevelNode.push(item);
          }
        });

          list.forEach((item,index)=>{
            heightLevelNode.forEach((pItem)=>{
              _self.addTreeNode(pItem,item);
            });

          });
          console.log(heightLevelNode);
          return heightLevelNode;
        },

    addTreeNode:function(treeNode,leafNode){
        let _self = this;
        if(!treeNode.hasOwnProperty('children')){
            treeNode['children'] = [];
        }
        if(leafNode.pid == treeNode.id){
            treeNode.children.push(leafNode);
            return;
        }
        treeNode.children.forEach((item) => {
            _self.addTreeNode(item,leafNode);
        });
    },
    // 查询参数逻辑
    insertTreeNode: function(params) {
      this.treeNodeArray.push({
        name: params.name,
        code: params.code
      });
      this.treeNodeSelectVisible = false;
      this.areaSelectVisible = false;
      this.skSelectVisible = false;
    },
    deleteTreeNode: function(tag) {
      let deleteIndex;
      this.treeNodeArray.forEach((item, index) => {
        if (item.code == tag.code) {
          deleteIndex = index;
        }
      });
      this.treeNodeArray.splice(deleteIndex, 1);
    },
    selectDuChaAreaNode(params) {
      this.adNodeArray.push(params);
      this.areaSelectVisible = false;
      this.skSelectVisible = false;
    },
    deleteAreaNode(tag) {
      let deleteIndex;
      this.adNodeArray.forEach((item, index) => {
        if (item.adCode == tag.adCode) {
          deleteIndex = index;
          return;
        }
      });
      this.adNodeArray.splice(deleteIndex, 1);
    },
    selectSkNode(params) {
      this.rsvrNodeArray.push(params);
      this.skSelectVisible = false;
    },
    deleteSkNode(tag) {
      let deleteIndex;
      this.rsvrNodeArray.forEach((item, index) => {
        if (item.rsCode == tag.rsCode) {
          deleteIndex = index;
          return;
        }
      });
      this.rsvrNodeArray.splice(deleteIndex, 1);
    },
    // end
    handleClose(tag) {
      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
    },

    showInput() {
      this.inputVisible = true;
      this.$nextTick(_ => {
        this.$refs.saveTagInput.$refs.input.focus();
      });
    },

    handleInputConfirm() {
      // let inputValue = this.inputValue;
      // if (inputValue) {
      //   this.dynamicTags.push(inputValue);
      // }
      // this.inputVisible = false;
      // this.inputValue = '';
    },
    // 操作成功反馈
    successInfo() {
      this.$message({
        type: "success",
        message: "操作成功!"
      });
    },
    // 操作失败反馈
    failInfo(val) {
      this.$message.error(val);
    },
    // 清空选择
    toggleSelection(rows) {
      this.$refs.multipleTable.clearSelection();
    },
    // 已选择项
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    // 文件上传
    submitUpload() {
      this.$refs.upload.submit();
    },
    handleRemove(file, fileList) {
      console.log(file, fileList);
    },
    handlePreview(file) {
      console.log(file);
    },

    // 查询
    search() {
      this.loading = true;
      let _self = this;
      request
        .get("/dc/organization/base/getAllNode", {
          params: {
            userId: this.userId,
            orgType: "001"
          }
        })
        .then(res => {
          let orgAllNode = res.data;
          _self.loading = true;
          let data = _self.findParams;
          data.startTime = this.value6[0];
          data.endTime = this.value6[1];
          data.pageNum = _self.currentPage;
          data.recPers = _self.pblscr;
          data.orgNm = _self.pblscrGroup;
          data.pageSize = _self.pageSize;
          data.villType = "0";

          // data.adCode = this.codeId;

          _self.findUseOrgArray = [];
          _self.treeNodeArray.forEach(item => {
            if (item.id.length < 12) {
              orgAllNode.forEach(orgItem => {
                if (orgItem.id.startsWith(item.code)) {
                  _self.findUseOrgArray.push(orgItem.id);
                }
              });
            }
            _self.findUseOrgArray.push(item.id);
          });

          if (_self.findUseOrgArray.length > 0) {
            data["orgIds"] = _self.findUseOrgArray.join(",");
          } else {
            data["orgIds"] = "";
          }

          getXSKProblemNew(data).then(res => {
            _self.loading = false;
            _self.multipleSelection = [];
            if (res.success) {
              _self.searchResult = res.data.list;
              // console.log(  "绝对是"+searchResult)
              _self.total = res.data.total;
            } else {
              _self.failInfo();
            }
          });
        });
    },
    exportExcel() {
      // this.loading = true;

      let _self = this;
      request
        .get("/dc/organization/base/getAllNode", {
          params: {
            userId: this.userId,
            orgType: "001"
          }
        })
        .then(res => {
          let orgAllNode = res.data;

          let data = _self.findParams;
          data.pageNum = _self.currentPage;
          // data.recPers = localStorage.getItem('userid');
          data.pageSize = _self.pageSize;
          data.villType = "0";
          // data.adCode = this.codeId;

          //    _self.findUseOrgArray = [];
          _self.treeNodeArray.forEach(item => {
            console.log(item);
            if (item.id.length < 12) {
              orgAllNode.forEach(orgItem => {
                if (orgItem.id.startsWith(item.id)) {
                  _self.findUseOrgArray.push(orgItem.id);
                }
              });
            } else {
              _self.findUseOrgArray.push(item.id);
            }
          });

          // if(_self.findUseOrgArray.length>0){
          //     data['orgIds'] = _self.findUseOrgArray.join(',');
          // }else{
          //     data['orgIds'] = '';
          // }

          var xhr = new XMLHttpRequest();
          xhr.open("post", "/pdcApi/dc/insp/pblm/page/rever/export", true);
          xhr.responseType = "blob";
          xhr.setRequestHeader(
            "Content-Type",
            "application/json;charset=utf-8"
          );
          xhr.setRequestHeader(
            "persId",
            localStorage.getItem("userid") ? localStorage.getItem("userid") : ""
          );
          xhr.onload = function() {
            if (this.status == 200) {
              var blob = this.response;
              var a = document.createElement("a");
              var url = window.URL.createObjectURL(blob);
              a.href = url;
              //设置文件名称
              a.download = "小水库问题列表.xls";
              a.click();
            }
          };
          xhr.send(JSON.stringify(data));

          // getXSKProblemNewExport(data).then(res => {
          //     let headers = res.headers;
          // let contentType = headers['content-type'];

          // console.log('响应头信息', headers);
          // if (!res.data) {
          //     console.error('响应异常：', res);
          //     return false;
          // } else {
          //     console.error('下载文件：', res);
          //     let d =   "\ufeff" + res.data;
          //     const blob = new Blob([d],{type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'});

          //     const contentDisposition = res.headers['content-disposition'];
          //     let fileName = 'unknown';
          //     if (contentDisposition) {
          //     fileName = window.decodeURI(res.headers['content-disposition'].split('=')[1]);
          //     }
          //     console.log('文件名称：', fileName);
          //     this.downFile(blob, fileName);
          // }
          // });
        });
    },
    exportWord() {
      let _self = this;
      request
        .get("/dc/organization/base/getAllNode", {
          params: {
            userId: this.userId,
            orgType: "001"
          }
        })
        .then(res => {
          let orgAllNode = res.data;

          let data = _self.findParams;
          data.pageNum = _self.currentPage;
          // data.recPers = localStorage.getItem('userid');
          data.pageSize = _self.pageSize;
          data.villType = "0";
          // data.adCode = this.codeId;

          //    _self.findUseOrgArray = [];
          _self.treeNodeArray.forEach(item => {
            if (item.id.length < 12) {
              orgAllNode.forEach(orgItem => {
                if (orgItem.id.startsWith(item.id)) {
                  _self.findUseOrgArray.push(orgItem.id);
                }
              });
            } else {
              _self.findUseOrgArray.push(item.id);
            }
          });

          // if(_self.findUseOrgArray.length>0){
          //     data['orgIds'] = _self.findUseOrgArray.join(',');
          // }else{
          //     data['orgIds'] = '';
          // }

                // var xhr = new XMLHttpRequest();
                // xhr.open('post', '/pdcApi/rever/doc', true);
                // xhr.responseType = 'blob';
                // xhr.setRequestHeader('Content-Type', 'application/json;charset=utf-8');
                // xhr.setRequestHeader('persId', localStorage.getItem('userid') ? localStorage.getItem('userid') : '');
                // xhr.onload = function () {
                //     if (this.status == 200) {
                //         var blob = this.response;
                //         var a = document.createElement('a');
                //         var url = window.URL.createObjectURL(blob);
                //         a.href = url;
                //         //设置文件名称
                //         a.download = '小水库问题详情.doc';
                //         a.click();
                //     }
                // }
                // xhr.send(JSON.stringify(data));

                //下载word文档2
                request.post('/rever/doc',data).then(res=>{
                    if(res.success){
                        console.log(this.response)
                        var a = document.createElement('a');
                        a.href = `${this.hostUrl}${res.data.downloadPath}`;
                        //设置文件名称
                        a.download = '小水库问题详情.doc';
                        a.click();
                        // window.open(`${this.hostUrl}${res.data.downloadPath}`)
                    }else{
                        _self.$mesage.error(res.message)
                    }
                }).catch(res=>{
                    _self.$mesage.error(res.message)
                })
          // console.log('响应头信息', headers);
          // if (!res.data) {
          //     console.error('响应异常：', res);
          //     return false;
          // } else {
          //     console.error('下载文件：', slb);
          //     let d =   "\ufeff" + res.data;
          //     const blob = new Blob([d],{type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'});

          //     const contentDisposition = res.headers['content-disposition'];
          //     let fileName = 'unknown';
          //     if (contentDisposition) {
          //     fileName = window.decodeURI(res.headers['content-disposition'].split('=')[1]);
          //     }
          //     console.log('文件名称：', fileName);
          //     this.downFile(blob, fileName);
          // }
          // });
        });
    },
    downFile(blob, fileName) {
      // 非IE下载
      if ("download" in document.createElement("a")) {
        let link = document.createElement("a");
        link.href = window.URL.createObjectURL(blob); // 创建下载的链接
        link.download = fileName; // 下载后文件名
        link.style.display = "none";
        document.body.appendChild(link);
        link.click(); // 点击下载
        window.URL.revokeObjectURL(link.href); // 释放掉blob对象
        document.body.removeChild(link); // 下载完成移除元素
      } else {
        // IE10+下载
        window.navigator.msSaveBlob(blob, fileName);
      }
    },

    handleSizeChange(pageSize) {
      this.pageSize = pageSize;
      this.search();
    },

    // 新增
    getDuChaId() {
      //新增中 获取督查对象id
      getSupervisdByID(this.userid, 1).then(res => {
        if (res.success) {
          // alert(1)
          this.listobjId = res.data;
        } else {
          this.failInfo();
        }
      });
    },
    // 获取engid
    // getEngIdList(val) {
    //     getEngId(val, this.userid).then(res => {
    //         console.log(res)
    //     })
    // },

    // saveNewSupervision(formName) {
    //     this.$refs.newSupFrom.validate(valid => {
    //         if (valid) {
    //             this.newSupervisionLoading = true;
    //             let data = this.newSupervision;
    //             data.recPers = localStorage.getItem('userid');
    //             data.pblmStat = "0";
    //             creatSupervise(data).then(res => {
    //                 this.newSupervisionLoading = false;
    //                 if (res.success) {
    //                     this.pblmId = res.data.pblmId;
    //                     this.gwComFiles = [];
    //                     this.pblmStat = res.data.pblmStat;
    //                     this.successInfo();
    //                     if (this.$refs.uploadFile.submitUpload(res.data.pblmId)) {
    //                         this.removeNewSupervision();
    //                     }
    //                 }
    //             });
    //         } else {
    //             console.log("error submit!!!");
    //         }
    //     });
    // },
    // updatefilelist(arg) {
    //     updatelist({
    //         pblmId: this.pblmId,
    //         gwComFiles: arg,
    //         pblmStat: this.pblmStat
    //     }).then(res => {
    //         this.removeNewSupervision()
    //     });
    // },
    // 取消
    removeNewSupervision(arg) {
      if (arg) {
        console.log(arg);
        var args = this.gwComFiles.concat(arg);
        // this.updatefilelist(args);
      }
      this.search();
      this.gwComFiles = [];
      this.newSupervisionVisible = false;
      this.changeSupervisionVisible = false;
      this.newSupervision = {
        id: "",
        checkPoint: "",
        presId: localStorage.getItem("userid"),
        dataStat: "",
        nm: "",
        endTime: "",
        pblmId: "",
        objId: "",
        objType: "",
        inspGroupId: "",
        inspPblmCate: "",
        inspPblmName: "",
        inspPblmDesc: "",
        pblmLong: "",
        pblmLat: "",
        pblmStat: "",
        ifCasePblm: "",
        inspPblmOrgName: "",
        pblmPersName: "",
        inspPblmCate: "",
        reviOpin: "",
        reviConc: "",
        reviOrgGuid: "",
        collTime: "",
        recPers: "",
        note: ""
      };
      // this.$refs.uploadFile.init();
    },
    // 详情弹框
    showDetails(id) {
      this.currentProblemId = id;
      this.supervisionDetailsVisible = true;
      // showDetailsXq(id).then(res => {
      //     this.supervisionDetails = res.data;
      //     this.supervisionDetailsVisible = true;
      // });
    },
    // 删除弹窗
    removeSuperviseOne(id) {
      this.deleteId = id;
      this.problemDeleteVisible = true;
      // showDetailsXq(id).then(res => {
      //     // console.log("123" + res.data)
      //     this.persNameRen = res.data.persName;
      // });
    },
    deleteSuccess() {
      this.problemDeleteVisible = false;
      this.search();
      this.$emit("problemCount");
    },
    // 修改弹窗显示
    changeSup(id) {
      this.pictureArray = [];
      this.audioArray = [];
      this.videoArray = [];
      this.updateIdXiuGai = id;
      showDetailsXq(this.updateIdXiuGai).then(res => {
        // if(this.usersId==)
        this.changeSupervision = res.data;
        this.changeSupervisionVisible = true;
        res.data.gwComFiles.forEach(item => {
          if (
            item.fileExt == "mp3" ||
            item.fileExt == "MP3" ||
            item.fileExt == "m4a"
          ) {
            this.audioArray.push(item);
          } else 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({
              width: "130",
              height: "130",
              autoplay: false,
              muted: true,
              language: "en",
              playbackRates: [0.7, 1.0, 1.5, 2.0],
              sources: [
                {
                  type: "video/mp4",
                  // mp4
                  src:`${this.hostUrl}/${item.filePath}`,
                  // webm
                  // src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"
                }
              ]
            });
          }
        });

        this.picturetabName = "图片资料(" + this.pictureArray.length + ")";
        this.audiotabName = "音频资料(" + this.audioArray.length + ")";
        this.videotabName = "视频资料(" + this.videoArray.length + ")";
      });
    },
    // 提交修改信息
    changeSupervisionInfo() {
      this.changeSupervisionVisible = true;
      this.$refs.changeSupFrom.validate(valid => {
        if (valid) {
          this.changeSupervisionLoading = true;
          let data = this.changeSupervision;
          updatelist(data).then(res => {
            this.pblmId = res.data.pblmId;
            this.gwComFiles = res.data.gwComFiles;
            if (res.success) {
                this.removeNewSupervision();
              this.successInfo();
              if (this.$refs.uploadFile.submitUpload(data.pblmId)) {
                  this.removeNewSupervision();
                  this.successInfo();
                  this.addPicPanel = false;
                  this.changeSupervisionLoading = false;
              }
            } else {
              this.failInfo();
            }
          });
        }
      });
    },
    // 时间格式化
    timestampToTime(row, column) {
      var date = new Date(row.collTime);
      var Y = date.getFullYear() + "-";
      var M =
        (date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : "0" + 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;
    },

    // 删除图片文件
    removeFile(id, index) {
      // this.updateIdXiuGai = this.updateIdXiuGai;
      var _self = this;
      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "返回",
        type: "warning"
      }).then(
        res => {
          if (res === "confirm") {
            deleteFileById(id, this.userId).then(res => {
              if (res.success) {
                // this.changeSupervision.gwComFiles.splice(index, 1);
                this.changeSupervision.gwComFiles.forEach(item => {
                  if (
                    item.fileExt == "mp3" ||
                    item.fileExt == "MP3" ||
                    item.fileExt == "m4a"
                  ) {
                    this.audiotabName.splice(index, 1);
                  } else if (
                    item.fileExt == "jpg" ||
                    item.fileExt == "JPG" ||
                    item.fileExt == "png" ||
                    item.fileExt == "PNG" ||
                    item.fileExt == "JPEG" ||
                    item.fileExt == "jpeg"
                  ) {
                    this.pictureArray.splice(index, 1);
                  } else if (item.fileExt == "mp4" || item.fileExt == "MP4") {
                    this.videoArray.splice(index, 1);
                  }
                });
                _self.changeSup(this.updateIdXiuGai);
              } else {
                this.failInfo();
              }
            });
          }
        },
        res => {
          console.log("返回");
        }
      );

    },
    changeSupervisionVisiblefalse() {
      this.$nextTick(() => {
        if (this.flash) {
          this.flash = false;
          this.search();

        }
      });

      this.changeSupervisionVisible = false;
      this.changeSupervision = {
        dataStat: "",
        nm: "",
        endTime: "",
        pblmId: "",
        objId: "",
        objType: "",
        inspGroupId: "",
        inspPblmName: "",
        inspPblmDesc: "",
        pblmLong: "",
        pblmLat: "",
        pblmStat: "",
        ifCasePblm: "",
        inspPblmOrgName: "",
        pblmPersName: "",
        inspPblmCate: "",
        reviOpin: "",
        reviConc: "",
        reviOrgGuid: "",
        collTime: "",
        recPers: "",
        note: "",
        gwComFiles: [
          {
            id: "",
            filePath: "",
            bizId: ""
          }
        ]
      };
      this.$refs.uploadFile.init();
      this.addPicPanel = false;
    },
    //水库查询下拉框数据
    getproblemSmallType() {
      let result = [];
      request
        .get("/dc/insp/pblms/getPblmType", {
          params: {
            type: 1
          }
        })
        .then(res => {
          if (res.success) {
            res.data.forEach(ele => {
              let haveinspPblmsName = false;
              result.forEach(inspPblm => {
                if (inspPblm["inspPblmsName"] == ele.inspPblmsName) {
                  //
                  let havechekPoint = false;
                  inspPblm["checkPoints"].forEach(chekPoint => {
                    if (chekPoint["checkPointName"] == ele.checkPoint) {
                      //
                      chekPoint["pblmDescs"].push({
                        pblmDesc: ele.pblmDesc,
                        sn: ele.sn,
                        guid: ele.guid
                      });
                      havechekPoint = true;
                    }
                  });
                  if (!havechekPoint) {
                    let newCheckPoint = {};
                    newCheckPoint["checkPointName"] = ele.checkPoint;
                    newCheckPoint["sort2"] = ele.sort2;
                    newCheckPoint["pblmDescs"] = [
                      {
                        pblmDesc: ele.pblmDesc,
                        sn: ele.sn,
                        guid: ele.guid
                      }
                    ];
                    inspPblm["checkPoints"].push(newCheckPoint);
                  }
                  haveinspPblmsName = true;
                }
              });
              if (!haveinspPblmsName) {
                let haveinspPblmsObj = {};
                haveinspPblmsObj["inspPblmsName"] = ele.inspPblmsName;
                haveinspPblmsObj["sort1"] = ele.sort1;
                haveinspPblmsObj["checkPoints"] = [
                  {
                    checkPointName: ele.checkPoint,
                    sort2: ele.sort2,
                    pblmDescs: [
                      {
                        pblmDesc: ele.pblmDesc,
                        sn: ele.sn,
                        guid: ele.guid
                      }
                    ]
                  }
                ];
                result.push(haveinspPblmsObj);
              }
            });

            this.leibie = result;
            console.log(this.leibie);
          }
        });
    },
    // addPic() {
    //   alert(1);
    // },
    addPic() {
      this.addPicPanel = !this.addPicPanel;
    },
  }
};
</script>

<style rel="stylesheet/scss" lang="scss" >
@import "./base.css";
@import url("/src/assets/iconfont/iconfont.css");
@import url("/src/assets/css/mixin.scss");
.el-form-item--mini.el-form-item, {
    margin-bottom: 8px;
}
.el-table__header tr,
.el-table__header th {
    padding: 0;
    height: 35px;
}
#table .el-table--mini td{
  padding:0px !important;
}
#table .el-table td{
  padding: 0px !important;
}
.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: 100%;
      left: 0;
      top: 0;
      cursor: default;
      text-align: center;
      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: 200px;
      .el-icon-delete {
        font-size: 36px;
      }
    }
    &: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;
    }
  }
}
.bottom {
  margin-top: 13px;
  line-height: 12px;
}

.button {
  padding: 0;
  float: right;
}

.image {
  width: 100%;
  display: block;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}
#wenTiContainer_sk .el-tree-node {
  /* overflow: auto; */
}

#wenTiContainer_sk .el-tree-node > .el-tree-node__children {
  overflow: auto;
}

.shuiku .el-date-editor.el-input {
  min-width: 180px !important;
}

.shuiku .header {
  padding: 0px 10px;
}

.shuiku .el-row {
  margin-bottom: 5px;
}

.shuiku .content {
  margin: 10px;
}

/* .search .el-table>>>.el-tooltip {
    white-space: pre-wrap !important;
    line-height: 30px;
    font-size: 0;
} */

.shuiku .search >>> .el-table .el-button:nth-child(odd) {
  margin-left: 0 !important;
}

.custom_dialog .el-dialog {
  width: 72% !important;
}

.custom_dialog .scroll300 {
  max-height: 60vh !important;
}

.shuiku .el-tag + .el-tag {
  margin-left: 10px;
}

.shuiku .button-new-tag {
  margin-left: 10px;
  height: 28px;
  line-height: 28px;
  padding-top: 0;
  padding-bottom: 0;
}

.shuiku .input-new-tag {
  width: 90px;
  margin-left: 10px;
  vertical-align: bottom;
}
.inspPblmCate{
  padding: 2px 10px;
  border-radius:10px;
  color: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.el-pagination__jump .el-input{
  width:100px !important;
}
#wenTiContainer_sk .el-select, #wenTiContainer_sk .el-input {
  width: 100px;
}
</style>