<template>
  <a-tabs v-model="activeTab" type="card" ref="topContainer" @tabClick="handleTabClick">
    <a-tab-pane key="PTTab" tab="待处理问题">
      <div style="height:100%;width:100%" id="penddingTask">
        <a-layout>
          <a-layout-sider
            :width="leftWidth"
            style="border-right:2px solid #d5d5ff;float:left"
            :style="{ 'max-height': testHeight + 'px', 'height': testHeight + 'px' }">
            <div class="tree" style="width: 100%; height: 100%; overflow: auto; display: inline-flex;">
              <a-tree
                :tree-data="treeData"
                @check="handleCheckChange"
                checkable
                :fieldNames="{ children: 'children', title: 'pnm', key: 'id' }"
                :autoExpandParent="false"
                ref="PTTab_OrgTree"
                style="height:100%;">
                <template #title="data">
                  <span style="float:left;">{{ data.pnm || data.title }}</span>
                  <div style="float:right;display: flex;justify-content: flex-end;align-items: center;width:50%;">
                    <span style="color:blue;width:80px;"></span>
                  </div>
                </template>
              </a-tree>
            </div>
          </a-layout-sider>
          <a-layout-content style="margin:0px;padding:0px;overflow-y:hidden;" class="shuiku">
            <div class="pages" :style="{ 'max-height': testHeight + 'px' }">
              <div style="padding: 12px 0 0 0">
                <a-row justify="space-between">
                  <a-col :span="24">
                    <a-form
                      layout="inline"
                      class="demo-form-inline"
                      style="padding-left: 10px; gap: 16px 24px; margin-bottom: 1%;">
                      <a-form-item label="行政区划" style="min-width: 23%;">
                        <a-input
                          resize="none"
                          :rows="3"
                          placeholder="请输入行政区划名称"
                          v-model:value="findParams.adFullName"
                          allow-clear>
                        </a-input>
                      </a-form-item>
                      <a-form-item label="对象名称" style="min-width: 23%;">
                        <a-input resize="none" :rows="3" placeholder="请输入对象名称" v-model:value="findParams.nm" allow-clear>
                        </a-input>
                      </a-form-item>
                      <a-form-item label="当前状态" style="min-width: 23%;">
                        <a-select style="min-width: 200px;" v-model:value="currentWorkflowStat" @change="currentWorkflowStatChange" placeholder="请选择" allow-clear>
                          <a-select-option v-for="item in workflowStatList" :key="item.value" :value="item.value">{{
                            item.label
                          }}
                          </a-select-option>
                        </a-select>
                      </a-form-item>
                    </a-form>
                  </a-col>
                </a-row>
                <a-row justify="space-between" v-show="showExpandSearchPanel">
                  <a-col :span="24">
                    <a-form
                      layout="inline"
                      class="demo-form-inline"
                      style="padding-left: 10px; gap: 16px 24px;">
                      <a-form-item label="上报人员" style="min-width: 23%;">
                        <a-input
                          resize="none"
                          :rows="3"
                          placeholder="请输入名称"
                          v-model:value="findParams.persName"
                          allow-clear></a-input>
                      </a-form-item>
                      <a-form-item label="发现时间" style="min-width: 23%;">
                        <a-range-picker v-model:value="value6" format="YYYY-MM-DD" separator="至" allow-clear />
                      </a-form-item>
                      <a-form-item label="所在组" style="min-width: 23%;">
                        <a-input resize="none" :rows="3" placeholder="请输入所在组名称" v-model:value="pblscrGroup" allow-clear>
                        </a-input>
                      </a-form-item>
                      <a-form-item label="是否包含多媒体文件" style="min-width: 23%;">
                        <a-select style="min-width: 200px;" v-model:value="findParams.hasVedio" placeholder="请选择" allow-clear>
                          <a-select-option v-for="item in hasVedio1" :key="item.value" :value="item.value">{{ item.label
                          }}
                          </a-select-option>
                        </a-select>
                      </a-form-item>
                    </a-form>
                  </a-col>
                </a-row>
                <a-row justify="space-between" style="border-top:1px solid #0014ff2e;">
                  <a-col style="padding-bottom:10px;" :offset="11" :span="2">
                    <a-button
                      style="float:right;margin-right:10px;border: 1px solid #0014ff2e;border-radius: 0px 0px 5px 5px;border-top: 0px;"
                      type="primary"
                      ghost
                      size="small"
                      @click="showExpandSearchPanel = !showExpandSearchPanel">
                      {{ showExpandSearchPanel ? '收起' : '更多条件' }}
                      <a-icon type="down" v-show="!showExpandSearchPanel" />
                      <a-icon type="up" v-show="showExpandSearchPanel" />
                    </a-button>
                  </a-col>
                  <a-col :offset="2" :span="9">
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      
                      @click="getPenddingTask">
                      &nbsp;查&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;询&nbsp;</a-button>
                    <a-button
                      v-if="currentWorkflowStat == '11' || currentWorkflowStat == '13'"
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="danger"
                      @click="batchCheck"
                      :loading="batchButtonLoading">&nbsp;批量审核&nbsp;</a-button>
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      icon="check"
                      v-if="isLeader"
                      @click="batchSubmit">提交到初步问题清单
                    </a-button>
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      icon="download"
                      @click="exportWord"
                      v-show="false">导出WORD
                    </a-button>
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      icon="download"
                      @click="showPlDialog"
                      :disabled="uploadDisabled"
                      v-show="false">
                      上传模板
                    </a-button>
                    <shuiKuWentiPl
                      v-if="showShuiKuTianBaoPl"
                      :showShuiKuTianBaoPl="showShuiKuTianBaoPl"
                      @closePlDialog="closePlDialog">
                    </shuiKuWentiPl>
                  </a-col>
                </a-row>
              </div>
              <!-- 列表数据展示 -->
              <div class="search" style="margin-top:10px; position:relative;">
                <a-table
                  ref="ptMultipleTable"
                  :columns="columns1"
                  :data-source="penddingTask"
                  :loading="loading"
                  :pagination="false"
                  row-key="pblmId"
                  style="width: 100%;"
                  :style="{ height: tableHeight + 'px' }"
                  :scroll="{ x: true, y: tableHeight - 60 }"
                  bordered
                  :row-selection="{
                    columnWidth: 30,
                    selectedRowKeys: selectedRowKeys,
                    onChange: handleSelectionChangeLeader,
                  }">
                  <template #bodyCell="{ column, record, index }">
                    <template v-if="column.dataIndex === 'index'">
                      <span>{{ (currentPage - 1) * pageSize + (index + 1) }}</span>
                    </template>
                    <template v-else-if="column.dataIndex === 'province'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.province }}</span>
                        </template>
                        <span class="ellipsis60">{{ record.province }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'city'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.city }}</span>
                        </template>
                        <span class="ellipsis60">{{ record.city }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'country'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.country }}</span>
                        </template>
                        <span class="ellipsis60">{{ record.country }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'nm'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.nm }}</span>
                        </template>
                        <span class="ellipsis110">{{ record.nm }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'inspPblmName'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.inspPblmName }}</span>
                        </template>
                        <span class="ellipsis140">{{ record.inspPblmName }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'checkPoint'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.checkPoint }}</span>
                        </template>
                        <span class="ellipsis160">{{ record.checkPoint }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'persName'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.persName }}</span>
                        </template>
                        <span class="ellipsis70">{{ record.persName }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'orgNm'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.orgNm }}</span>
                        </template>
                        <span class="ellipsis80">{{ record.orgNm }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'collTime'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.collTime ? formatDateTime(record.collTime) : '' }}</span>
                        </template>
                        <span class="ellipsis110">{{ record.collTime ? formatDateTime(record.collTime) : '' }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'hasVedio'">
                      <p v-if="record.hasVedio == 1">是</p>
                      <p v-if="record.hasVedio == 0">否</p>
                    </template>
                    <template v-else-if="column.dataIndex === 'zgDate'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.zgDate }}</span>
                        </template>
                        <span class="ellipsis160">{{ record.zgDate }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'pblmSggtn'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.pblmSggtn }}</span>
                        </template>
                        <span class="ellipsis160">{{ record.pblmSggtn }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'action'">
                      <a-button icon="eye" type="link" @click="showDialog(record.pblmId)"></a-button>
                      <a-button icon="edit" type="link" @click="changeSup(record)" v-if="ownPriv('manage')"></a-button>
                      <a-button
                        icon="delete"
                        type="link"
                        v-if="record.workflowStat == 12 || record.workflowStat == 15 || record.workflowStat == 18"
                        @click="removeSuperviseOne(record.pblmId)">
                      </a-button>
                    </template>
                  </template>
                </a-table>
                <a-pagination
                  class="paginationCenter"
                  show-size-changer
                  v-model:pageSize="pageSize"
                  :total="total"
                  :page-size-options="['10', '20', '50', '100']"
                  :show-total="total => `共${total}条`"
                  @showSizeChange="handleSizeChange"
                  @change="getPenddingTask"
                  style="margin-top: 10px;" />

                <div class="open_board">
                  <a-icon type="left" v-if="isOpen" @click="closeLeft" />
                  <a-icon type="right" v-else @click="openLeft" />
                </div>
              </div>
              <!-- 详情弹框 -->
              <a-modal
                class="outerDialog custom_dialog"
                title="问题详情"
                width="60%"
                :open="dealprobmleVisible"
                @cancel="dealprobmleVisible = false">
                <dealproblem_dialog ref="xianqing" :problemId="currentProblemId" :isAll="isAll"></dealproblem_dialog>
                <template #footer>
                  <a-button style="margin-top:5px;" @click="dealprobmleVisible = false">返回</a-button>
                </template>
              </a-modal>
              <!-- 删除的弹窗 -->
              <a-modal
                class="deleteDialog"
                title="问题删除描述"
                :open="problemDeleteVisible"
                @cancel="problemDeleteVisible = false">
                <Problem-delete ref="deleteMiaoShu" :deleteProblemId="deleteId" @deleteSuccess="deleteSuccess">
                </Problem-delete>
                <template #footer>
                  <a-button @click="problemDeleteVisible = false">返回</a-button>
                </template>
              </a-modal>
              <!-- 修改弹框 -->
              <a-modal
                width="80%"
                class="outerDialog custom_dialog"
                title="督查问题处置"
                :open="changeSupervisionVisible"
                style="padding: 10px 20px;"
                @cancel="changeSupervisionVisible = false">
                <div class="scroll300">
                  <div
                    style="width:40%;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>
                    <a-form
                      :model="changeSupervision"
                      :label-col="{ span: 8 }"
                      :wrapper-col="{ span: 16 }"
                      :rules="rules1"
                      ref="changeSupFrom">
                      <a-form-item label="对象名称" prop="nm" allow-clear>
                        <a-input v-model:value="changeSupervision.nm" read-only></a-input>
                      </a-form-item>
                      <a-form-item label="问题类别" prop="inspPblmsName">
                        <a-input v-model:value="changeSupervision.inspPblmsName" read-only></a-input>
                      </a-form-item>
                      <a-form-item label="检查项目" prop="checkPoint">
                        <a-input v-model:value="changeSupervision.checkPoint" read-only></a-input>
                      </a-form-item>
                      <a-form-item label="问题描述" prop="pblmDesc">
                        <a-input v-model:value="changeSupervision.pblmDesc" read-only></a-input>
                      </a-form-item>
                      <a-form-item label="详细描述" prop="inspPblmDesc">
                        <a-textarea v-model:value="changeSupervision.inspPblmDesc" :rows="2" allow-clear></a-textarea>
                      </a-form-item>
                      <a-form-item label="备注" prop="note">
                        <a-textarea v-model:value="changeSupervision.note" :rows="2" allow-clear></a-textarea>
                      </a-form-item>
                      <a-form-item label="上报人" prop="persName">
                        <a-input
                          v-model:value="changeSupervision.persName"
                          placeholder="请输入"
                          :rows="3"
                          allow-clear
                          resize="none"
                          read-only></a-input>
                      </a-form-item>
                      <a-form-item label="上报时间" prop="collTime">
                        <a-date-picker v-model:value="changeSupervision.collTime" disabled type="date"></a-date-picker>
                      </a-form-item>
                      <a-form-item label="整改时限" prop="zgDate" v-if="isBd">
                        <a-date-picker v-model:value="changeSupervision.zgDate" type="date"></a-date-picker>
                      </a-form-item>
                      <a-form-item label="整改要求" prop="pblmSggtn" v-if="isBd">
                        <a-textarea v-model:value="changeSupervision.pblmSggtn" :rows="2" allow-clear></a-textarea>
                      </a-form-item>
                    </a-form>
                  </div>
                  <div
                    style="width: 58%;float: left;border: 1px solid rgb(213, 213, 255);margin-right: 5px;overflow-y: auto;max-height: 52vh;height:500px;">
                    <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">多媒体信息</p>
                    <a-tabs style="margin:0px 5px">
                      <a-tab-pane key="1" :tab="picturetabName">
                        <a-row style="text-align: right;">
                          <a-button
                            v-if="!addPicPanel ? addPicPanel : addPicPanel"
                            size="small"
                            type="link"
                            :icon="!addPicPanel ? 'plus-circle' : 'close-circle'"
                            @click="addPic">{{ !addPicPanel ? "添加" : "取消"
                            }}
                          </a-button>
                        </a-row>
                        <a-row v-show="addPicPanel">
                          <upload
                            ref="uploadFile"
                            :url="`/pdcApi/file/insert?bizId=`"
                            @uploadOver="removeNewSupervision">
                          </upload>
                        </a-row>
                        <a-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">
                                    <a-icon type="delete" @click="removeFile(item.id)" />
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </a-row>
                      </a-tab-pane>
                      <a-tab-pane key="2" :tab="audiotabName">
                        <a-table
                          bordered
                          :data-source="audioArray"
                          :columns="columns2"
                          style="width: 100%;margin: 0 auto;">
                          <template #bodyCell="{ column, record, index }">
                            <template v-if="column.dataIndex === 'audio'">
                              <elaudio
                                style="margin-left:15%;width:100px;height:30px;"
                                :theUrl="`${hostUrl}/${record.filePath}`">
                              </elaudio>
                            </template>
                            <template v-else-if="column.dataIndex === 'action'">
                              <a-button size="small" @click="removeFile(record.id, index)" type="danger">删除</a-button>
                            </template>
                          </template>
                        </a-table>
                      </a-tab-pane>
                      <a-tab-pane key="3" :tab="videotabName">
                        <a-table
                          bordered
                          :data-source="videoArray"
                          :columns="columns3"
                          style="width: 100%;margin: 0 auto;">
                          <template #bodyCell="{ column, record, index }">
                            <template v-if="column.dataIndex === 'video'">
                              <video-player class="vjs-custom-skin" ref="videoPlayer" :options="record" :playsinline="true">
                              </video-player>
                            </template>
                            <template v-else-if="column.dataIndex === 'action'">
                              <a-button size="small" @click="removeFile(record.id, index)" type="danger">删除</a-button>
                            </template>
                          </template>
                        </a-table>
                      </a-tab-pane>
                      <a-tab-pane key="4" :tab="filetabName">
                        <a-table
                          bordered
                          :data-source="videoArray"
                          :columns="columns4"
                          style="width: 100%;margin: 0 auto;">
                          <template #bodyCell="{ column, record, index }">
                            <template v-if="column.dataIndex === 'txt'">
                              <a :href="`${hostUrl}/${record.filePath}`" target="_blank" rel="noopener noreferrer">
                                {{ record.fileName }}
                              </a>
                            </template>
                            <template v-else-if="column.dataIndex === 'action'">
                              <a-button size="small" @click="removeFile(record.id, index)" type="danger">删除</a-button>
                            </template>
                          </template>
                        </a-table>
                      </a-tab-pane>
                    </a-tabs>
                  </div>
                </div>
                <div style="padding: 10px 0px;max-width: 99%;">
                  <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">处置意见</p>
                  <a-table
                    :columns="columns5"
                    :data-source="ApprovalHistory"
                    :loading="loading"
                    :pagination="false"
                    row-key="id"
                    style="width: 100%;"
                    bordered>
                    <template #bodyCell="{ column, record }">
                      <template v-if="column.dataIndex === 'workflowStat'">
                        {{ transferProcStatCodeToName(record.workflowStat) }}
                      </template>
                      <template v-else-if="column.dataIndex === 'isag'">
                        <span
                          style="padding: 3px 10px;background:#00ff00;border-radius:15px;color:rgba(0,0,0,1)"
                          v-if="record.isag == 1">同意</span>
                        <span
                          style="padding: 3px 10px;background:#ffcc33;border-radius:15px;color:rgba(0,0,0,1)"
                          v-if="record.isag == 0">退回</span>
                      </template>
                    </template>
                  </a-table>
                </div>
                <div>
                  <a-textarea
                    :rows="2"
                    placeholder="请输入您的处置意见"
                    v-model:value="bisInspPblmAudit.auditidea"
                    allow-clear
                    style="width:100%;"
                    v-if="changeSupervision.workflowStat != '12'"></a-textarea>
                </div>
                <template #footer>
                  <a-button type="primary" @click="ProcMoveBack" :loading="buttonLoading" v-show="canGoBack">
                    <template>
                      <span
                        v-if="parseInt(changeSupervision.workflowStat) != 12 && parseInt(changeSupervision.workflowStat) != 15 && changeSupervision.workflowStat != '18'">退回</span>
                      <span
                        v-if="parseInt(changeSupervision.workflowStat) == 12 || parseInt(changeSupervision.workflowStat) == 15 || changeSupervision.workflowStat == '18'">删除</span>
                    </template>
                  </a-button>
                  <a-button type="primary" @click="ProcMoveNext" :loading="buttonLoading">
                    <template>
                      <span v-if="Boolean(isModifyAct) == false">同意</span>
                      <span v-if="Boolean(isModifyAct) == true">提交</span>
                    </template>
                  </a-button>
                  <a-button @click="changeSupervisionVisiblefalse">取消</a-button>
                </template>
              </a-modal>
              <a-modal
                class="outerDialog custom_dialog"
                title="整改信息"
                :open="changeInfoVisible"
                width="500px"
                style="height:400px !important;"
                @cancel="changeInfoVisible = false"
                :footer="null">
                <a-form :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
                  <a-form-item label="整改时限" prop="changeTm">
                    <a-date-picker v-model:value="changeTm" allow-clear style="width: 300px!important;" placeholder="整改时限">
                    </a-date-picker>
                  </a-form-item>
                  <a-form-item label="整改要求" prop="changeRequire">
                    <a-textarea
                      v-model:value="changeRequire"
                      allow-clear
                      :rows="2"
                      placeholder="整改要求"
                      style="width: 300px !important;"></a-textarea>
                  </a-form-item>
                  <a-form-item :wrapper-col="{ span: 16, offset: 8 }">
                    <a-button type="primary" @click="submitRectification">提交</a-button>
                    <a-button @click="changeInfoVisible = false">取消</a-button>
                  </a-form-item>
                </a-form>
              </a-modal>
            </div>
          </a-layout-content>
        </a-layout>
      </div>
    </a-tab-pane>
    <a-tab-pane key="OTTab" tab="问题列表">
      <div style="height:100%;width:100%" id="onGoingTask">
        <a-layout>
          <a-layout-sider
            :width="leftWidth"
            style="border-right:2px solid #d5d5ff;float:left"
            :style="{ 'max-height': testHeight + 'px', 'height': testHeight + 'px' }">
            <div class="tree" style="width: 100%; height: 100%; overflow: auto; display: inline-flex;">
              <a-tree
                :tree-data="treeData"
                @check="handleCheckChange"
                checkable
                :fieldNames="{ children: 'children', title: 'pnm', key: 'id' }"
                :autoExpandParent="false"
                ref="OTTab_OrgTree"
                style="height:100%;">
                <template #title="data">
                  <span style="float:left;">{{ data.pnm || data.title }}</span>
                  <div style="float:right;display: flex;justify-content: flex-end;align-items: center;width:50%;">
                    <span style="color:blue;width:80px;"></span>
                  </div>
                </template>
              </a-tree>
            </div>
          </a-layout-sider>
          <!-- 已处理问题列表-主要窗口 -->
          <a-layout-content style="margin:0px;padding:0px;overflow-y:hidden;" class="shuiku">
            <div class="pages" :style="{ 'max-height': testHeight + 'px' }">
              <!-- 查询功能 -->
              <div style="padding: 12px 0 0 0">
                <a-row justify="space-between">
                  <a-col :span="24">
                    <a-form
                      layout="inline"
                      class="demo-form-inline"
                      style="padding-left: 10px; gap: 16px 24px; margin-bottom: 1%;">
                      <a-form-item label="行政区划" style="min-width: 23%;">
                        <a-input
                          resize="none"
                          :rows="3"
                          placeholder="请输入行政区划名称"
                          v-model:value="findParams.adFullName"
                          allow-clear>
                        </a-input>
                      </a-form-item>
                      <a-form-item label="对象名称" style="min-width: 23%;">
                        <a-input resize="none" :rows="3" placeholder="请输入对象名称" v-model:value="findParams.nm" allow-clear>
                        </a-input>
                      </a-form-item>
                      <a-form-item label="dataStat" style="min-width: 23%;" v-show="false">
                        <a-input resize="none" type="input" :rows="1" v-model:value="findParams.dataStat" allow-clear>
                        </a-input>
                      </a-form-item>
                    </a-form>
                  </a-col>
                </a-row>
                <a-row justify="space-between" v-show="showExpandSearchPanel">
                  <a-col :span="24">
                    <a-form
                      layout="inline"
                      class="demo-form-inline"
                      style="padding-left: 10px; gap: 16px 24px;">
                      <a-form-item label="问题类别" style="min-width: 23%;">
                        <a-select style="min-width: 200px;" v-model:value="findParams.inspPblmName" placeholder="请选择" allow-clear>
                          <a-select-option v-for="item in problemList" :key="item.guid" :value="item.inspPblmsName">{{
                            item.inspPblmsName
                          }}
                          </a-select-option>
                        </a-select>
                      </a-form-item>
                      <a-form-item label="上报人员" style="min-width: 23%;">
                        <a-input
                          resize="none"
                          :rows="3"
                          placeholder="请输入名称"
                          v-model:value="findParams.persName"
                          allow-clear></a-input>
                      </a-form-item>
                      <a-form-item label="发现时间" style="min-width: 23%;">
                        <a-range-picker v-model:value="value6" format="YYYY-MM-DD" separator="至" allow-clear />
                      </a-form-item>
                      <a-form-item label="所在组" style="min-width: 23%;">
                        <a-input resize="none" :rows="3" placeholder="请输入所在组名称" v-model:value="pblscrGroup" allow-clear>
                        </a-input>
                      </a-form-item>
                      <a-form-item label="是否包含多媒体文件" style="min-width: 23%;">
                        <a-select style="min-width: 200px;" v-model:value="findParams.hasVedio" placeholder="请选择" allow-clear>
                          <a-select-option v-for="item in hasVedio1" :key="item.value" :value="item.value">{{ item.label
                          }}
                          </a-select-option>
                        </a-select>
                      </a-form-item>
                      <a-form-item label="当前状态" style="min-width: 23%;">
                        <a-select style="min-width: 200px;" v-model:value="findParams.workflowStat" placeholder="请选择" allow-clear>
                          <a-select-option v-for="item in workflowStatList" :key="item.value" :value="item.value">{{
                            item.label
                          }}
                          </a-select-option>
                        </a-select>
                      </a-form-item>
                    </a-form>
                  </a-col>
                </a-row>
                <a-row justify="space-between" style="border-top:1px solid #0014ff2e;">
                  <a-col style="padding-bottom:10px;" :offset="11" :span="2">
                    <a-button
                      style="float:right;margin-right:10px;border: 1px solid #0014ff2e;border-radius: 0px 0px 5px 5px;border-top: 0px;"
                      type="primary"
                      ghost
                      size="small"
                      @click="showExpandSearchPanel = !showExpandSearchPanel">
                      {{ showExpandSearchPanel ? '收起' : '更多条件' }}
                      <a-icon type="down" v-show="!showExpandSearchPanel" />
                      <a-icon type="up" v-show="showExpandSearchPanel" />
                    </a-button>
                  </a-col>
                  <a-col :offset="2" :span="9">
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      
                      @click="getonGoingTask">
                      &nbsp;查&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;询&nbsp;
                    </a-button>
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      icon="download"
                      @click="exportWord"
                      v-show="false">导出WORD
                    </a-button>
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      icon="download"
                      @click="exportExcel"
                      v-if="false">导出EXCEL
                    </a-button>
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      icon="download"
                      @click="showPlDialog"
                      :disabled="uploadDisabled"
                      v-show="false">
                      上传模板
                    </a-button>
                    <shuiKuWentiPl
                      v-if="showShuiKuTianBaoPl"
                      :showShuiKuTianBaoPl="showShuiKuTianBaoPl"
                      @closePlDialog="closePlDialog">
                    </shuiKuWentiPl>
                  </a-col>
                </a-row>
              </div>
              <!-- 列表数据展示 -->
              <div class="search" style="margin-top:10px; position:relative;">
                <a-table
                  ref="otMultipleTable"
                  :columns="columns6"
                  :data-source="onGoingTask"
                  :loading="loading"
                  :pagination="false"
                  row-key="pblmId"
                  style="width: 100%;"
                  :style="{ height: tableHeight + 'px' }"
                  :scroll="{ x: true, y: tableHeight - 60 }"
                  bordered
                  :row-selection="{
                    columnWidth: 30,
                    selectedRowKeys: selectedRowKeys,
                    onChange: handleSelectionChange,
                  }">
                  <template #bodyCell="{ column, record, index }">
                    <template v-if="column.dataIndex === 'index'">
                      <span>{{ (currentPage - 1) * pageSize + (index + 1) }}</span>
                    </template>
                    <template v-else-if="column.dataIndex === 'province'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.province }}</span>
                        </template>
                        <span class="ellipsis60">{{ record.province }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'city'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.city }}</span>
                        </template>
                        <span class="ellipsis60">{{ record.city }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'country'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.country }}</span>
                        </template>
                        <span class="ellipsis60">{{ record.country }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'nm'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.nm }}</span>
                        </template>
                        <span class="ellipsis110">{{ record.nm }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'inspPblmName'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.inspPblmName }}</span>
                        </template>
                        <span class="ellipsis140">{{ record.inspPblmName }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'checkPoint'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.checkPoint }}</span>
                        </template>
                        <span class="ellipsis160">{{ record.checkPoint }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'persName'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.persName }}</span>
                        </template>
                        <span class="ellipsis70">{{ record.persName }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'orgNm'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.orgNm }}</span>
                        </template>
                        <span class="ellipsis80">{{ record.orgNm }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'collTime'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.collTime ? formatDateTime(record.collTime) : '' }}</span>
                        </template>
                        <span class="ellipsis110">{{ record.collTime ? formatDateTime(record.collTime) : '' }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'hasVedio'">
                      <p v-if="record.hasVedio == 1">是</p>
                      <p v-if="record.hasVedio == 0">否</p>
                    </template>
                    <template v-else-if="column.dataIndex === 'currentActivity'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ transferProcStatCodeToName(record.workflowStat) }}</span>
                        </template>
                        <span class="ellipsis110">{{ transferProcStatCodeToName(record.workflowStat) }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'zgDate'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.zgDate }}</span>
                        </template>
                        <span class="ellipsis160">{{ record.zgDate }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'pblmSggtn'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.pblmSggtn }}</span>
                        </template>
                        <span class="ellipsis160">{{ record.pblmSggtn }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'action'">
                      <a-button icon="eye" type="link" @click="showDialog(record.pblmId)"></a-button>
                    </template>
                  </template>
                </a-table>
                <a-pagination
                  class="paginationCenter"
                  show-size-changer
                  v-model:pageSize="pageSize"
                  :total="total"
                  :page-size-options="['10', '20', '50', '100']"
                  :show-total="total => `共${total}条`"
                  @showSizeChange="handleSizeChange"
                  @change="getonGoingTask"
                  style="margin-top: 10px;" />

                <div class="open_board">
                  <a-icon type="left" v-if="isOpen" @click="closeLeft" />
                  <a-icon type="right" v-else @click="openLeft" />
                </div>
              </div>
              <!-- 详情弹框 -->
              <a-modal
                class="outerDialog custom_dialog"
                title="问题详情"
                width="60%"
                :open="dealprobmleVisible"
                @cancel="dealprobmleVisible = false">
                <dealproblem_dialog ref="xianqing" :problemId="currentProblemId" :isAll="isAll"></dealproblem_dialog>
                <template #footer>
                  <a-button style="margin-top:5px;" @click="dealprobmleVisible = false">返回</a-button>
                </template>
              </a-modal>
              <!-- 删除的弹窗 -->
              <a-modal
                class="deleteDialog"
                title="问题删除描述"
                :open="problemDeleteVisible"
                @cancel="problemDeleteVisible = false">
                <Problem-delete ref="deleteMiaoShu" :deleteProblemId="deleteId" @deleteSuccess="deleteSuccess">
                </Problem-delete>
                <template #footer>
                  <a-button @click="problemDeleteVisible = false">返回</a-button>
                </template>
              </a-modal>
            </div>
          </a-layout-content>
        </a-layout>
      </div>
    </a-tab-pane>
    <a-tab-pane v-if="currentUserHasDuChaRole" key="IQLTab" tab="问题清单">
      <div style="height:100%;width:100%" id="initQuestionList">
        <a-layout>
          <a-layout-sider
            :width="leftWidth"
            style="border-right:2px solid #d5d5ff;float:left"
            :style="{ 'max-height': testHeight + 'px', 'height': testHeight + 'px' }">
            <div class="tree" style="width: 100%; height: 100%; overflow: auto; display: inline-flex;">
              <a-tree
                :tree-data="treeData"
                @check="handleCheckChange"
                checkable
                :fieldNames="{ children: 'children', title: 'pnm', key: 'id' }"
                :autoExpandParent="false"
                ref="IQLTab_OrgTree"
                style="height:100%;">
                <template #title="data">
                  <span style="float:left;">{{ data.pnm || data.title }}</span>
                  <div style="float:right;display: flex;justify-content: flex-end;align-items: center;width:50%;">
                    <span style="color:blue;width:80px;"></span>
                  </div>
                </template>
              </a-tree>
            </div>
          </a-layout-sider>
          <!-- 主要窗口 -->
          <a-layout-content style="margin:0px;padding:0px;overflow-y:hidden;" class="shuiku">
            <div class="pages" :style="{ 'max-height': testHeight + 'px' }">
              <!-- 查询功能 -->
              <div style="padding: 12px 0 0 0">
                <a-row justify="space-between">
                  <a-col :span="24">
                    <a-form
                      layout="inline"
                      class="demo-form-inline"
                      style="padding-left: 10px; gap: 16px 24px; margin-bottom: 1%;">
                      <a-form-item label="行政区划" style="min-width: 23%;">
                        <a-input
                          resize="none"
                          :rows="3"
                          placeholder="请输入行政区划名称"
                          v-model:value="findParams.adFullName"
                          allow-clear>
                        </a-input>
                      </a-form-item>
                      <a-form-item label="对象名称" style="min-width: 23%;">
                        <a-input resize="none" :rows="3" placeholder="请输入对象名称" v-model:value="findParams.nm" allow-clear>
                        </a-input>
                      </a-form-item>
                      <a-form-item label="dataStat" style="min-width: 23%;" v-show="false">
                        <a-input resize="none" type="input" :rows="1" v-model:value="findParams.dataStat" allow-clear>
                        </a-input>
                      </a-form-item>
                    </a-form>
                  </a-col>
                </a-row>
                <a-row justify="space-between" v-show="showExpandSearchPanel">
                  <a-col :span="24">
                    <a-form
                      layout="inline"
                      class="demo-form-inline"
                      style="padding-left: 10px; gap: 16px 24px;">
                      <a-form-item label="上报人员" style="min-width: 23%;">
                        <a-input
                          resize="none"
                          :rows="3"
                          placeholder="请输入名称"
                          v-model:value="findParams.persName"
                          allow-clear>
                        </a-input>
                      </a-form-item>
                      <a-form-item label="发现时间" style="min-width: 23%;">
                        <a-range-picker v-model:value="value6" format="YYYY-MM-DD" separator="至" allow-clear />
                      </a-form-item>
                      <a-form-item label="所在组" style="min-width: 23%;">
                        <a-input resize="none" :rows="3" placeholder="请输入所在组名称" v-model:value="pblscrGroup" allow-clear>
                        </a-input>
                      </a-form-item>
                      <a-form-item label="是否包含多媒体文件" style="min-width: 23%;">
                        <a-select style="min-width: 200px;" v-model:value="findParams.hasVedio" placeholder="请选择" allow-clear>
                          <a-select-option v-for="item in hasVedio1" :key="item.value" :value="item.value">{{ item.label
                          }}
                          </a-select-option>
                        </a-select>
                      </a-form-item>
                      <a-form-item label="当前状态" style="min-width: 23%;">
                        <a-select style="min-width: 200px;" v-model:value="findParams.workflowStat" placeholder="请选择" allow-clear>
                          <a-select-option v-for="item in workflowStatList" :key="item.value" :value="item.value">{{
                            item.label
                          }}
                          </a-select-option>
                        </a-select>
                      </a-form-item>
                    </a-form>
                  </a-col>
                </a-row>
                <a-row justify="space-between" style="border-top:1px solid #0014ff2e;">
                  <a-col style="padding-bottom:10px;" :offset="11" :span="2">
                    <a-button
                      style="float:right;margin-right:10px;border: 1px solid #0014ff2e;border-radius: 0px 0px 5px 5px;border-top: 0px;"
                      type="primary"
                      ghost
                      size="small"
                      @click="showExpandSearchPanel = !showExpandSearchPanel">
                      {{ showExpandSearchPanel ? '收起' : '更多条件' }}
                      <a-icon type="down" v-show="!showExpandSearchPanel" />
                      <a-icon type="up" v-show="showExpandSearchPanel" />
                    </a-button>
                  </a-col>
                  <a-col :offset="2" :span="9">
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      
                      @click="getInitQuestionList">
                      &nbsp;查&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;询&nbsp;
                    </a-button>
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      icon="check"
                      v-if="isLeader"
                      @click="submitToFinalList">提交到最终清单
                    </a-button>
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      icon="download"
                      @click="exportWord"
                      v-show="false">导出WORD
                    </a-button>
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      icon="download"
                      @click="exportExcel"
                      v-if="true">导出EXCEL
                    </a-button>
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      icon="download"
                      @click="showPlDialog"
                      :disabled="uploadDisabled"
                      v-show="false">
                      上传模板
                    </a-button>
                    <shuiKuWentiPl
                      v-if="showShuiKuTianBaoPl"
                      :showShuiKuTianBaoPl="showShuiKuTianBaoPl"
                      @closePlDialog="closePlDialog" />
                  </a-col>
                </a-row>
              </div>
              <!-- 列表数据展示 -->
              <div class="search" style="margin-top:10px; position:relative;">
                <a-table
                  ref="iqMultipleTable"
                  :columns="columns7"
                  :data-source="InitQuestionList"
                  :loading="loading"
                  :pagination="false"
                  row-key="pblmId"
                  style="width: 100%;"
                  :style="{ height: tableHeight + 'px' }"
                  :scroll="{ x: true, y: tableHeight - 60 }"
                  bordered
                  :row-selection="{
                    columnWidth: 30,
                    selectedRowKeys: selectedRowKeys,
                    onChange: handleSelectionChange,
                  }">
                  <template #bodyCell="{ column, record, index }">
                    <template v-if="column.dataIndex === 'index'">
                      <span>{{ (currentPage - 1) * pageSize + (index + 1) }}</span>
                    </template>
                    <template v-else-if="column.dataIndex === 'province'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.province }}</span>
                        </template>
                        <span class="ellipsis60">{{ record.province }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'city'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.city }}</span>
                        </template>
                        <span class="ellipsis60">{{ record.city }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'country'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.country }}</span>
                        </template>
                        <span class="ellipsis60">{{ record.country }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'nm'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.nm }}</span>
                        </template>
                        <span class="ellipsis110">{{ record.nm }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'inspPblmName'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.inspPblmName }}</span>
                        </template>
                        <span class="ellipsis140">{{ record.inspPblmName }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'checkPoint'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.checkPoint }}</span>
                        </template>
                        <span class="ellipsis160">{{ record.checkPoint }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'persName'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.persName }}</span>
                        </template>
                        <span class="ellipsis70">{{ record.persName }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'orgNm'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.orgNm }}</span>
                        </template>
                        <span class="ellipsis80">{{ record.orgNm }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'collTime'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.collTime ? formatDateTime(record.collTime) : '' }}</span>
                        </template>
                        <span class="ellipsis110">{{ record.collTime ? formatDateTime(record.collTime) : '' }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'hasVedio'">
                      <p v-if="record.hasVedio == 1">是</p>
                      <p v-if="record.hasVedio == 0">否</p>
                    </template>
                    <template v-else-if="column.dataIndex === 'zgDate'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.zgDate }}</span>
                        </template>
                        <span class="ellipsis160">{{ record.zgDate }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'pblmSggtn'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.pblmSggtn }}</span>
                        </template>
                        <span class="ellipsis160">{{ record.pblmSggtn }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'action'">
                      <a-button icon="eye" type="link" @click="showDialog(record.pblmId)"></a-button>
                    </template>
                  </template>
                </a-table>
                <a-pagination
                  class="paginationCenter"
                  show-size-changer
                  v-model:pageSize="pageSize"
                  :total="total"
                  :page-size-options="['10', '20', '50', '100']"
                  :show-total="total => `共${total}条`"
                  @showSizeChange="handleSizeChange"
                  @change="getInitQuestionList"
                  style="margin-top: 10px;" />

                <div class="open_board">
                  <a-icon type="left" v-if="isOpen" @click="closeLeft" />
                  <a-icon type="right" v-else @click="openLeft" />
                </div>
              </div>
              <!-- 详情弹框 -->
              <a-modal
                class="outerDialog custom_dialog"
                title="问题详情"
                width="60%"
                :open="dealprobmleVisible"
                @cancel="dealprobmleVisible = false">
                <dealproblem_dialog ref="xianqing" :problemId="currentProblemId" :isAll="isAll"></dealproblem_dialog>
                <template #footer>
                  <a-button style="margin-top:5px;" @click="dealprobmleVisible = false">返回</a-button>
                </template>
              </a-modal>
              <!-- 删除的弹窗 -->
              <a-modal
                class="deleteDialog"
                title="问题删除描述"
                :open="problemDeleteVisible"
                @cancel="problemDeleteVisible = false">
                <Problem-delete ref="deleteMiaoShu" :deleteProblemId="deleteId" @deleteSuccess="deleteSuccess" />
                <template #footer>
                  <a-button @click="problemDeleteVisible = false">返回</a-button>
                </template>
              </a-modal>
              <!--整改文号等信息输入-->
              <a-modal
                class="outerDialog custom_dialog"
                title="输入整改文号信息"
                :open="showPblmDistInfoDialog"
                @cancel="closePblmDistInfoDialog"
                :footer="null">
                <pblm-dist-info ref="pblmDistInfo" @savePblmDistInfo="distributeSelectedPblm" />
              </a-modal>
            </div>
          </a-layout-content>
        </a-layout>
      </div>
    </a-tab-pane>
    <a-tab-pane v-if="false" key="FQLTab" tab="最终问题清单">
      <div style="height:100%;width:100%" id="finalQuestionList">
        <a-layout>
          <a-layout-sider
            :width="leftWidth"
            style="border-right:2px solid #d5d5ff;float:left"
            :style="{ 'max-height': testHeight + 'px', 'height': testHeight + 'px' }">
            <div class="tree" style="width: 100%; height: 100%; overflow: auto; display: inline-flex;">
              <a-tree
                :tree-data="treeData"
                @check="handleCheckChange"
                checkable
                :fieldNames="{ children: 'children', title: 'pnm', key: 'id' }"
                :autoExpandParent="false"
                ref="FQLTab_OrgTree"
                style="height:100%;">
                <template #title="data">
                  <span style="float:left;">{{ data.pnm || data.title }}</span>
                  <div style="float:right;display: flex;justify-content: flex-end;align-items: center;width:50%;">
                    <span style="color:blue;width:80px;"></span>
                  </div>
                </template>
              </a-tree>
            </div>
          </a-layout-sider>
          <!-- 主要窗口 -->
          <a-layout-content style="margin:0px;padding:0px;overflow-y:hidden;" class="shuiku">
            <div class="pages" :style="{ 'max-height': testHeight + 'px' }">
              <!-- 查询功能 -->
              <div style="padding: 12px 0 0 0">
                <a-row justify="space-between">
                  <a-col :span="24">
                    <a-form
                      layout="inline"
                      class="demo-form-inline"
                      style="padding-left: 10px; gap: 16px 24px; margin-bottom: 1%;">
                      <a-form-item label="行政区划" style="min-width: 23%;">
                        <a-input
                          resize="none"
                          :rows="3"
                          placeholder="请输入行政区划名称"
                          v-model:value="findParams.adFullName"
                          allow-clear>
                        </a-input>
                      </a-form-item>
                      <a-form-item label="对象名称" style="min-width: 23%;">
                        <a-input
                          resize="none"
                          :rows="3"
                          placeholder="请输入对象名称"
                          v-model:value="findParams.rsName"
                          allow-clear>
                        </a-input>
                      </a-form-item>
                    </a-form>
                  </a-col>
                </a-row>
                <a-row justify="space-between" v-show="showExpandSearchPanel">
                  <a-col :span="24">
                    <a-form
                      layout="inline"
                      class="demo-form-inline"
                      style="padding-left: 10px; gap: 16px 24px;">
                      <a-form-item label="上报人员" style="min-width: 23%;">
                        <a-input
                          resize="none"
                          :rows="3"
                          placeholder="请输入名称"
                          v-model:value="findParams.persName"
                          allow-clear>
                        </a-input>
                      </a-form-item>
                      <a-form-item label="发现时间" style="min-width: 23%;">
                        <a-range-picker v-model:value="value6" format="YYYY-MM-DD" separator="至" allow-clear />
                      </a-form-item>
                      <a-form-item label="所在组" style="min-width: 23%;">
                        <a-input resize="none" :rows="3" placeholder="请输入所在组名称" v-model:value="pblscrGroup" allow-clear>
                        </a-input>
                      </a-form-item>
                      <a-form-item label="是否包含多媒体文件" style="min-width: 23%;">
                        <a-select style="min-width: 200px;" v-model:value="findParams.hasVedio" placeholder="请选择" allow-clear>
                          <a-select-option v-for="item in hasVedio1" :key="item.value" :value="item.value">{{ item.label
                          }}
                          </a-select-option>
                        </a-select>
                      </a-form-item>
                    </a-form>
                  </a-col>
                </a-row>
                <a-row justify="space-between" style="border-top:1px solid #0014ff2e;">
                  <a-col style="padding-bottom:10px;" :offset="11" :span="2">
                    <a-button
                      style="float:right;margin-right:10px;border: 1px solid #0014ff2e;border-radius: 0px 0px 5px 5px;border-top: 0px;"
                      type="primary"
                      ghost
                      size="small"
                      @click="showExpandSearchPanel = !showExpandSearchPanel">
                      {{ showExpandSearchPanel ? '收起' : '更多条件' }}
                      <a-icon type="down" v-show="!showExpandSearchPanel" />
                      <a-icon type="up" v-show="showExpandSearchPanel" />
                    </a-button>
                  </a-col>
                  <a-col :offset="2" :span="9">
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      
                      @click="getFinalQuestionList">
                      &nbsp;查&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;询&nbsp;
                    </a-button>
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      icon="download"
                      @click="exportWord"
                      v-show="false">导出WORD
                    </a-button>
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      icon="download"
                      @click="exportExcel"
                      v-if="false">导出EXCEL
                    </a-button>
                    <a-button
                      style="color:rgba(255,255,255,1);float:right;margin-right:10px;margin-top:5px;"
                      type="primary"
                      icon="download"
                      @click="showPlDialog"
                      :disabled="uploadDisabled"
                      v-show="false">
                      上传模板
                    </a-button>
                    <shuiKuWentiPl
                      v-if="showShuiKuTianBaoPl"
                      :showShuiKuTianBaoPl="showShuiKuTianBaoPl"
                      @closePlDialog="closePlDialog">
                    </shuiKuWentiPl>
                  </a-col>
                </a-row>
              </div>
              <!-- 列表数据展示 -->
              <div class="search" style="margin-top:10px; position:relative;">
                <a-table
                  ref="fqMultipleTable"
                  :columns="columns8"
                  :data-source="finalQuestionList"
                  :loading="loading"
                  :pagination="false"
                  row-key="pblmId"
                  style="width: 100%;"
                  :style="{ height: tableHeight + 'px' }"
                  :scroll="{ x: true, y: tableHeight - 60 }"
                  bordered
                  :row-selection="{
                    columnWidth: 30,
                    selectedRowKeys: selectedRowKeys,
                    onChange: handleSelectionChange,
                  }">
                  <template #bodyCell="{ column, record, index }">
                    <template v-if="column.dataIndex === 'index'">
                      <span>{{ (currentPage - 1) * pageSize + (index + 1) }}</span>
                    </template>
                    <template v-else-if="column.dataIndex === 'province'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.province }}</span>
                        </template>
                        <span class="ellipsis60">{{ record.province }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'city'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.city }}</span>
                        </template>
                        <span class="ellipsis60">{{ record.city }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'country'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.country }}</span>
                        </template>
                        <span class="ellipsis60">{{ record.country }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'nm'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.nm }}</span>
                        </template>
                        <span class="ellipsis110">{{ record.nm }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'inspPblmName'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.inspPblmName }}</span>
                        </template>
                        <span class="ellipsis140">{{ record.inspPblmName }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'checkPoint'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.checkPoint }}</span>
                        </template>
                        <span class="ellipsis160">{{ record.checkPoint }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'persName'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.persName }}</span>
                        </template>
                        <span class="ellipsis70">{{ record.persName }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'orgNm'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.orgNm }}</span>
                        </template>
                        <span class="ellipsis80">{{ record.orgNm }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'collTime'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.collTime ? formatDateTime(record.collTime) : '' }}</span>
                        </template>
                        <span class="ellipsis110">{{ record.collTime ? formatDateTime(record.collTime) : '' }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'hasVedio'">
                      <p v-if="record.hasVedio == 1">是</p>
                      <p v-if="record.hasVedio == 0">否</p>
                    </template>
                    <template v-else-if="column.dataIndex === 'zgDate'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.zgDate }}</span>
                        </template>
                        <span class="ellipsis160">{{ record.zgDate }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'pblmSggtn'">
                      <a-tooltip placement="top">
                        <template #title>
                          <span>{{ record.pblmSggtn }}</span>
                        </template>
                        <span class="ellipsis160">{{ record.pblmSggtn }}</span>
                      </a-tooltip>
                    </template>
                    <template v-else-if="column.dataIndex === 'action'">
                      <a-button icon="eye" type="link" @click="showDialog(record.pblmId)"></a-button>
                      <a-button
                        icon="delete"
                        type="link"
                        style="padding-left:5px;"
                        v-if="record.workflowStat == 10"
                        @click="removeSuperviseOne(record.pblmId)"></a-button>
                    </template>
                  </template>
                </a-table>
                <a-pagination
                  class="paginationCenter"
                  show-size-changer
                  v-model:pageSize="pageSize"
                  :total="total"
                  :page-size-options="['10', '20', '50', '100']"
                  :show-total="total => `共${total}条`"
                  @showSizeChange="handleSizeChange"
                  @change="getFinalQuestionList"
                  style="margin-top: 10px;" />

                <div class="open_board">
                  <a-icon type="left" v-if="isOpen" @click="closeLeft" />
                  <a-icon type="right" v-else @click="openLeft" />
                </div>
              </div>
              <!-- 详情弹框 -->
              <a-modal
                class="outerDialog custom_dialog"
                title="问题详情"
                width="60%"
                :open="supervisionDetailsVisible"
                @cancel="supervisionDetailsVisible = false">
                <supervision-details ref="xianqing" :problemId="currentProblemId"></supervision-details>
                <div style="padding: 10px 0px;max-width: 99%;">
                  <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">处置意见</p>
                  <a-table
                    :columns="columns9"
                    :data-source="resultQuestionList"
                    :pagination="false"
                    row-key="id"
                    style="width: 100%;"
                    bordered>
                    <template #bodyCell="{ column, record }">
                      <template v-if="column.dataIndex === 'workflowStat'">
                        {{ transferProcStatCodeToName(record.workflowStat) }}
                      </template>
                      <template v-else-if="column.dataIndex === 'isag'">
                        <span
                          style="padding: 3px 10px;background:#00ff00;border-radius:15px;color:rgba(0,0,0,1)"
                          v-if="record.isag == 1">同意</span>
                        <span
                          style="padding: 3px 10px;background:#ffcc33;border-radius:15px;color:rgba(0,0,0,1)"
                          v-if="record.isag == 0">退回</span>
                      </template>
                    </template>
                  </a-table>
                </div>
                <template #footer>
                  <a-button style="margin-top:5px;" @click="supervisionDetailsVisible = false">返回</a-button>
                </template>
              </a-modal>
              <!-- 删除的弹窗 -->
              <a-modal
                class="deleteDialog"
                title="问题删除描述"
                :open="problemDeleteVisible"
                @cancel="problemDeleteVisible = false">
                <Problem-delete ref="deleteMiaoShu" :deleteProblemId="deleteId" @deleteSuccess="deleteSuccess">
                </Problem-delete>
                <template #footer>
                  <a-button @click="problemDeleteVisible = false">返回</a-button>
                </template>
              </a-modal>
            </div>
          </a-layout-content>
        </a-layout>
      </div>
    </a-tab-pane>
  </a-tabs>
</template>

<script>
import moment from 'moment';
import {
  creatSupervise,
  deleteFileById,
  findPageInfo,
  findPageInfoShuiKu,
  getEngId,
  getShuiKuWenTi,
  getSupervisdByID,
  getXSKProblemNew,
  getXSKProblemNewExport,
  removeSupervise,
  showDetailsXq,
  submitUpload,
  updatelist,
} from '../../api/duChaAPI.js';
import {
  checkUserHasRole,
  getXSKInitQuestionList,
  getXSKOnGoingTask,
  getXSKPenddingTask,
  setQuestionFlag,
  transferProcStatCodeToName,
} from '../../api/duChaProcAPI.js';
import { hostUrl } from '../../utils/global_variable.js';
import request from '../../utils/gw_ajax_request.js';
import { formatD, formatDateTime2 } from '../../utils/gw_date.js';
import { exportModel } from '../../utils/gw_exportModel';
import { nextMonthLastDay } from '../../utils/gw_formatter';
import elaudio from '../../widgets/elAudioShort.vue';
import inputWidthDuChaShuiKu from '../../widgets/inputWith_sk.vue';
import inputWidthDuChaNodes from '../../widgets/inputWithDuChaNodes.vue';
import inuptWithDuChaTreeNode from '../../widgets/inuptWithDuChaTreeNode.vue';
import upload from '../../widgets/uploadFile.vue';
import supervisionDetails from '../duChaWenTi/supervisionDetails_com_one.vue';
import { distributePblmToSjdw } from '../PblmRectify/Common/rectify_api';
import pblmDistInfo from '../PblmRectify/Components/pblmDistInfo';
import Dealproblem_dialog from './dealproblem_dialog_one';
import dealproblemDialog from './dealproblem_dialog_one.vue';
import ProblemDelete from './problemDelete.vue';
import problemDialog from './problemDialog.vue';
import shuiKuWentiPl from './shuiKuWenti_piliang.vue';
export default {
  props: ['codeId'],
  components: {
    Dealproblem_dialog,
    upload,
    // 详情页
    supervisionDetails,
    dealproblemDialog,
    // 删除描述页
    ProblemDelete,
    elaudio: elaudio,
    inuptWithDuChaTreeNode: inuptWithDuChaTreeNode,
    inputWidthDuChaNodes: inputWidthDuChaNodes,
    inputWidthDuChaShuiKu: inputWidthDuChaShuiKu,
    problemDialog: problemDialog,
    shuiKuWentiPl: shuiKuWentiPl,
    pblmDistInfo,
  },
  data() {
    const validatePass1 = (rules1, value, callback) => {
      if (this.newSupervision.startTime > this.newSupervision.endTime) {
        callback(new Error('结束时间不能早于开始时间'));
      } else {
        callback();
      }
    };
    const validatePass2 = (rules1, value, callback) => {
      const startTime = this.changeSupervision.startTime.slice(0, 10);
      if (startTime > this.changeSupervision.endTime) {
        callback(new Error('结束时间不能早于开始时间'));
      } else {
        callback();
      }
    };
    const divisionList = (rules1, value, callback) => {
      if (this.newGroup.divisionList.length) {
        callback();
      } else {
        callback(new Error('至少要添加一个地区'));
      }
    };
    return {
      moment,
      resultQuestionList: [],
      batchButtonLoading: false,
      batchNote: '',
      currentWorkflowStat: '',
      changeInfoVisible: false,
      changeTm: '',
      changeRequire: '',
      workflowStatList: [
        {
          label: '专家提交待审核',
          value: '10',
        },
        {
          label: '组内审核',
          value: '11',
        },
        {
          label: '专家修改',
          value: '12',
        },
        {
          label: '监督处审核',
          value: '13',
        },
        {
          label: '责任处室（单位）审核',
          value: '14',
        },
        {
          label: '责任处室（单位）领导审核',
          value: '14-1',
        },
        {
          label: '组内组织修改-监督处退回',
          value: '15',
        },
        {
          label: '监督处生成初步问题清单',
          value: '16',
        },
        {
          label: '组内组织修改-业务处退回',
          value: '18',
        },
        {
          label: '责任处室（单位）审核-业务处领导退回',
          value: '18-1',
        },
      ],
      isOpen: true,
      leftWidth: '318px',
      activeTab: 'PTTab',
      // 某具体问题是否处在流程审批中
      isModifyAct: true,
      // 当前流程节点是否能退回
      canGoBack: false,
      // 当前用户是否是监督处角色
      currentUserHasDuChaRole: false,
      isLeader: false,
      isBd: false,
      isAll: false,
      showExpandSearchPanel: false,
      tableHeight: window.innerHeight - 340,
      globoId: '',
      addPicPanel: false,
      currentDate: new Date(),
      deleteId: '',
      treeNodeArray: [],
      treeNodeSelectVisible: false,
      adNodeArray: [],
      adNodeSelectVisible: false,
      areaSelectVisible: false,
      rsvrNodeArray: [],
      rsvrNodeSelectVisible: false,
      skSelectVisible: false,
      ApproveComments: '', // 处置意见
      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',
          },
        ],
      },
      dxdcAsideHeight: window.innerHeight - 220,
      maxHeight: window.innerHeight - 300,
      testHeight: window.innerHeight - 120,
      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: [], // 已选
      multipleSelectionLeader: [], // 已选
      selectionType: {
        remove: 0,
        befor: 0,
        now: 0,
        after: 0,
      },
      // 根据客户点击的督查类型查找督查对象ID
      // 新增
      listobjId: [],
      userId: localStorage.getItem('persId'),
      treeData: [],
      // 修改督查
      pictureArray: [],
      audioArray: [],
      videoArray: [],
      fileArray: [],
      audiotabName: '',
      videotabName: '',
      picturetabName: '',
      filetabName: '',
      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,
      changeSupervision: {
        nm: '',
        presId: localStorage.getItem('persId'),
        endTime: '',
        pblmId: '',
        objId: '',
        objType: '',
        inspGroupId: '',
        inspPblmName: '',
        inspPblmDesc: '',
        pblmLong: '',
        pblmLat: '',
        pblmStat: '',
        ifCasePblm: '',
        inspPblmOrgName: '',
        pblmPersName: '',
        inspPblmCate: '',
        reviOpin: '',
        reviConc: '',
        reviOrgGuid: '',
        collTime: '',
        recPers: '',
        workflowStat: '',
        zgDate: '',
        pblmSggtn: '',
        gwComFiles: [
          {
            id: '',
            filePath: '',
            bizId: '',
          },
        ],
      },
      bisInspPblmAudit: {
        moduserid: '',
        auditidea: '',
        pblmId: '',
        isag: '',
      },
      // 督查类型
      supervisionTypeList: [
        {
          value: '1',
          label: '小水库',
        },
      ],
      // 查询
      value6: [],
      findParams: {
        workflowStat: '',
        hasVedio: '',
        adCode: '',
        pblmStat: '',
        inspPblmCate: '',
        ifCasePblm: '',
        nm: '',
        rsName: '',
        adFullName: '',
        startTime: '',
        endTime: '',
        objType: 65,
        pType: 65,
        inspPblmName: '',
        dataStat: '0',
        persId: localStorage.getItem('persId'),
      },
      currentPage: 1, // 页码
      pageSize: 20, // 条数
      loading: false,
      total: 0, // 总数
      searchResult: [], // 结果
      penddingTask: [], // 待审核问题列表
      onGoingTask: [], // 非待审批状态的问题列表
      InitQuestionList: [], // 初步问题清单列表
      ApprovalHistory: [], // 问题处置意见审批历史
      finalQuestionList: [], // 最终问题清单
      crId: '', // 当前督查id
      // 督查详情
      userid: localStorage.getItem('persId'),
      supervisionDetailsVisible: false,
      dealprobmleVisible: false,
      problemDeleteVisible: false,
      supervisionDetails: {},
      pblmId: '',
      gwComFiles: [],
      pblscr: '',
      pblscrList: [
        {
          lable: '我的问题',
          value: localStorage.getItem('persId'),
        },
      ],
      pblscrGroup: '',
      t1: {},
      t2: {},
      t3: {},
      problemList: [],
      currentCheckPointList: [],
      currentProblemDescList: [],
      xiangqingmiaoshu: '',
      wenTiLeiBie: '',
      jianChaXiangMu: '',
      actionUrl: '',
      fileList: [],
      header: {
        persId: localStorage.getItem('persId'),
        orgId: localStorage.getItem('currentOrgId'),
        accessToken: localStorage.getItem('accessToken'),
      },
      fileListLength: 0,
      showShuiKuTianBaoPl: false,
      uploadDisabled: true,
      exportLoading: false,
      datas: {},
      buttonLoading: false,
      showPblmDistInfoDialog: false,
      selectedRowKeys: [],
      columns1: [
        {
          title: '序号',
          dataIndex: 'index',
          width: 25,
          align: 'center',
        },
        {
          title: '省',
          dataIndex: 'province',
          width: 60,
          align: 'center',
        },
        {
          title: '市',
          dataIndex: 'city',
          width: 60,
          align: 'center',
        },
        {
          title: '县',
          dataIndex: 'country',
          width: 60,
          align: 'center',
        },
        {
          title: '对象名称',
          dataIndex: 'nm',
          width: 110,
          align: 'center',
        },
        {
          title: '问题类别',
          dataIndex: 'inspPblmName',
          width: 140,
          align: 'center',
        },
        {
          title: '检查项目',
          dataIndex: 'checkPoint',
          width: 160,
          align: 'center',
        },
        {
          title: '上报人',
          dataIndex: 'persName',
          width: 70,
          align: 'center',
        },
        {
          title: '所在组',
          dataIndex: 'orgNm',
          width: 80,
          align: 'center',
        },
        {
          title: '上报时间',
          dataIndex: 'collTime',
          width: 110,
          align: 'center',
        },
        {
          title: '是否包含多媒体文件',
          dataIndex: 'hasVedio',
          width: 150,
          align: 'center',
        },
      ],
      columns2: [
        {
          title: '音频',
          dataIndex: 'audio',
          align: 'center',
        },
        {
          title: '操作',
          dataIndex: 'action',
          align: 'center',
        },
      ],
      columns3: [
        {
          title: '视频',
          dataIndex: 'video',
          align: 'center',
        },
        {
          title: '操作',
          dataIndex: 'action',
          align: 'center',
        },
      ],
      columns4: [
        {
          title: '文档',
          dataIndex: 'txt',
          align: 'center',
        },
        {
          title: '操作',
          dataIndex: 'action',
          align: 'center',
        },
      ],
      columns5: [
        {
          title: '处理人',
          dataIndex: 'moduserid',
          width: 60,
          align: 'center',
          ellipsis: true,
        },
        {
          title: '处理环节',
          dataIndex: 'workflowStat',
          width: 60,
          align: 'center',
          ellipsis: true,
        },
        {
          title: '处理动作',
          dataIndex: 'isag',
          width: 60,
          align: 'center',
          ellipsis: true,
        },
        {
          title: '处理意见',
          dataIndex: 'auditidea',
          width: 60,
          align: 'center',
          ellipsis: true,
        },
        {
          title: '处理时间',
          dataIndex: 'moddate',
          width: 60,
          align: 'center',
          ellipsis: true,
        },
      ],
      columns6: [
        {
          title: '序号',
          dataIndex: 'index',
          width: 25,
          align: 'center',
        },
        {
          title: '省',
          dataIndex: 'province',
          width: 60,
          align: 'center',
        },
        {
          title: '市',
          dataIndex: 'city',
          width: 60,
          align: 'center',
        },
        {
          title: '县',
          dataIndex: 'country',
          width: 60,
          align: 'center',
        },
        {
          title: '对象名称',
          dataIndex: 'nm',
          width: 110,
          align: 'center',
        },
        {
          title: '问题类别',
          dataIndex: 'inspPblmName',
          width: 140,
          align: 'center',
        },
        {
          title: '检查项目',
          dataIndex: 'checkPoint',
          width: 160,
          align: 'center',
        },
        {
          title: '上报人',
          dataIndex: 'persName',
          width: 70,
          align: 'center',
        },
        {
          title: '所在组',
          dataIndex: 'orgNm',
          width: 80,
          align: 'center',
        },
        {
          title: '上报时间',
          dataIndex: 'collTime',
          width: 110,
          align: 'center',
        },
        {
          title: '是否包含多媒体文件',
          dataIndex: 'hasVedio',
          width: 150,
          align: 'center',
        },
        {
          title: '当前状态',
          dataIndex: 'currentActivity',
          width: 110,
          align: 'center',
        },
      ],
      columns7: [
        {
          title: '序号',
          dataIndex: 'index',
          width: 25,
          align: 'center',
        },
        {
          title: '省',
          dataIndex: 'province',
          width: 60,
          align: 'center',
        },
        {
          title: '市',
          dataIndex: 'city',
          width: 60,
          align: 'center',
        },
        {
          title: '县',
          dataIndex: 'country',
          width: 60,
          align: 'center',
        },
        {
          title: '督查对象名称',
          dataIndex: 'nm',
          width: 110,
          align: 'center',
        },
        {
          title: '问题类别',
          dataIndex: 'inspPblmName',
          width: 140,
          align: 'center',
        },
        {
          title: '检查项目',
          dataIndex: 'checkPoint',
          width: 160,
          align: 'center',
        },
        {
          title: '上报人',
          dataIndex: 'persName',
          width: 70,
          align: 'center',
        },
        {
          title: '所在组',
          dataIndex: 'orgNm',
          width: 80,
          align: 'center',
        },
        {
          title: '上报时间',
          dataIndex: 'collTime',
          width: 110,
          align: 'center',
        },
        {
          title: '是否包含多媒体文件',
          dataIndex: 'hasVedio',
          width: 150,
          align: 'center',
        },
      ],
      columns8: [
        {
          title: '序号',
          dataIndex: 'index',
          width: 25,
          align: 'center',
        },
        {
          title: '省',
          dataIndex: 'province',
          width: 60,
          align: 'center',
        },
        {
          title: '市',
          dataIndex: 'city',
          width: 60,
          align: 'center',
        },
        {
          title: '县',
          dataIndex: 'country',
          width: 60,
          align: 'center',
        },
        {
          title: '督查对象名称',
          dataIndex: 'nm',
          width: 110,
          align: 'center',
        },
        {
          title: '问题类别',
          dataIndex: 'inspPblmName',
          width: 140,
          align: 'center',
        },
        {
          title: '检查项目',
          dataIndex: 'checkPoint',
          width: 160,
          align: 'center',
        },
        {
          title: '上报人',
          dataIndex: 'persName',
          width: 70,
          align: 'center',
        },
        {
          title: '所在组',
          dataIndex: 'orgNm',
          width: 80,
          align: 'center',
        },
        {
          title: '上报时间',
          dataIndex: 'collTime',
          width: 110,
          align: 'center',
        },
        {
          title: '是否包含多媒体文件',
          dataIndex: 'hasVedio',
          width: 150,
          align: 'center',
        },
      ],
      columns9: [
        {
          title: '处理人',
          dataIndex: 'moduserid',
          width: 60,
          align: 'center',
          ellipsis: true,
        },
        {
          title: '处理环节',
          dataIndex: 'workflowStat',
          width: 60,
          align: 'center',
          ellipsis: true,
        },
        {
          title: '处理动作',
          dataIndex: 'isag',
          width: 60,
          align: 'center',
          ellipsis: true,
        },
        {
          title: '处理意见',
          dataIndex: 'auditidea',
          width: 60,
          align: 'center',
          ellipsis: true,
        },
        {
          title: '处理时间',
          dataIndex: 'moddate',
          width: 60,
          align: 'center',
          ellipsis: true,
        },
      ],
    };
  },
  created() {
    if (this.userId) {
      console.log('已经登录');
      this.search();
    } else {
      this.$router.push('/login');
    }
    this.getproblemSmallType();
    this.getLeftTreeData();
    this.InitAuitData();
    this.getPenddingTask();
    this.checkUserJianDuChu();
    this.checkUserLeader();
    this.checkUserBd();
    this.checkUserAll();
    this.addPicPanel = false;

    if (this.isAll) {
      this.columns1.push(
        {
          title: '整改时限',
          dataIndex: 'zgDate',
          width: 160,
          align: 'center',
        },
        {
          title: '整改要求',
          dataIndex: 'pblmSggtn',
          width: 160,
          align: 'center',
        },
      );
      this.columns6.push(
        {
          title: '整改时限',
          dataIndex: 'zgDate',
          width: 160,
          align: 'center',
        },
        {
          title: '整改要求',
          dataIndex: 'pblmSggtn',
          width: 160,
          align: 'center',
        },
      );
      this.columns7.push(
        {
          title: '整改时限',
          dataIndex: 'zgDate',
          width: 160,
          align: 'center',
        },
        {
          title: '整改要求',
          dataIndex: 'pblmSggtn',
          width: 160,
          align: 'center',
        },
      );
      this.columns8.push(
        {
          title: '整改时限',
          dataIndex: 'zgDate',
          width: 160,
          align: 'center',
        },
        {
          title: '整改要求',
          dataIndex: 'pblmSggtn',
          width: 160,
          align: 'center',
        },
      );
    }
    this.columns1.push({
      title: '操作',
      dataIndex: 'action',
      width: 100,
      align: 'center',
      fixed: 'right',
    });
    this.columns6.push({
      title: '操作',
      dataIndex: 'action',
      width: 100,
      align: 'center',
      fixed: 'right',
    });
    this.columns7.push({
      title: '操作',
      dataIndex: 'action',
      width: 100,
      align: 'center',
      fixed: 'right',
    });
    this.columns8.push({
      title: '操作',
      dataIndex: 'action',
      width: 100,
      align: 'center',
      fixed: 'right',
    });
  },
  computed: {
    hostUrl() {
      return hostUrl;
    },
    formatDateTime() {
      return formatDateTime2;
    },
    formatD() {
      return formatD;
    },
  },
  methods: {
    batchCheck() {
      if (this.multipleSelectionLeader.length > 0) {
        // if(this.batchNote==null || this.batchNote==""){
        //     this.$message.warning("请输入审核说明");
        //     return;
        // }
        this.batchButtonLoading = true;
        // 驱动流程流转到下一步
        var params = [];
        for (var i = 0; i < this.multipleSelectionLeader.length; i++) {
          var obj = {
            moduserid: this.userid,
            auditidea: this.batchNote,
            pblmId: this.multipleSelectionLeader[i].pblmId,
            isag: 1,
          };
          params.push(obj);
        }

        // 驱动流程流转到下一步
        request.post('/dc/insp/pblm/batchSubmit', params).then((res) => {
          if (res.success) {
            this.batchButtonLoading = false;
            this.clearSelection();
            // _self.$refs.ptMultipleTable.clearSelection()
            this.getPenddingTask();
            this.batchNote = '';
            this.$message.success('操作成功');
            this.multipleSelectionLeader = [];
          }
        });
      } else {
        this.$message.warning('请选择需要审核的问题!');
      }
    },
    currentWorkflowStatChange() {
      this.getPenddingTask();
    },
    closeLeft() {
      this.isOpen = false;
      this.leftWidth = '0';
      // this.rightWidth = 24
    },
    openLeft() {
      this.isOpen = true;
      this.leftWidth = '318px';
      // this.rightWidth = 19
    },
    handleCheckChange(data, checked) {
      this.treeNodeArray = data;
    },
    getRowKeys(row) {
      return row.pblmId;
    },
    getLeftTreeData() {
      request
        .get('/dc/organization/base/getAllNode', {
          params: {
            userId: this.userId,
            orgType: '065',
          },
        })
        .then((res) => {
          let data = res.data;
          data.forEach((ele) => {
            if (ele.pid == null || ele.pid == '') {
              ele.pid = '065';
            }
          });
          data = this.getTrees(data);
          this.treeData = data;

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

      list.forEach((item, index) => {
        heightLevelNode.forEach((pItem) => {
          this.addTreeNode(pItem, item);
        });
      });
      return heightLevelNode;
    },
    InitAuitData() {
      this.bisInspPblmAudit.moduserid = this.currentProblemId;
      this.bisInspPblmAudit.moduserid = this.userid;
    },
    addTreeNode: function (treeNode, leafNode) {
      if (!Object.hasOwn(treeNode, 'children')) {
        treeNode['children'] = [];
      }
      if (leafNode.pid == treeNode.id) {
        treeNode.children.push(leafNode);
        return;
      }
      treeNode.children.forEach((item) => {
        this.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;
        }
      });
      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;
        }
      });
      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();
      });
    },
    // 操作成功反馈
    successInfo() {
      this.$message.success('保存成功!');
    },
    // 操作失败反馈
    failInfo(val = '') {
      this.$message.error(val);
    },
    // 清空选择
    toggleSelection(rows) {
      if (rows) {
        rows.forEach((row) => {
          this.$refs.iqMultipleTable.toggleRowSelection(row);
        });
      } else {
        this.clearSelection();
        // this.$refs.iqMultipleTable.clearSelection()
      }
    },
    // 已选择项
    handleSelectionChange(val, row) {
      this.selectedRowKeys = val;
      this.multipleSelection = row;
    },
    handleSelectionChangeLeader(val, row) {
      this.selectedRowKeys = val;
      this.multipleSelectionLeader = row;
    },
    // 查询
    search() {
      this.loading = true;
      request
        .get('/dc/organization/base/getAllNode', {
          params: {
            userId: this.userId,
            orgType: '065',
          },
        })
        .then((res) => {
          const orgAllNode = res.data;
          this.loading = true;
          const data = this.findParams;
          data.startTime =
            this.value6 && this.value6.length > 0
              ? moment(this.value6[0]).format('YYYY-MM-DD')
              : '';
          data.endTime =
            this.value6 && this.value6.length > 0
              ? moment(this.value6[1]).format('YYYY-MM-DD')
              : '';
          data.pageNum = this.currentPage;
          data.recPers = this.pblscr;
          data.orgNm = this.pblscrGroup;
          data.pageSize = this.pageSize;
          data.villType = '0';

          // data.adCode = this.codeId;

          this.findUseOrgArray = [];

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

          if (this.findUseOrgArray.length > 0) {
            data['orgIds'] = this.findUseOrgArray.join(',');
          } else {
            data['orgIds'] = '';
          }
          getXSKProblemNew(data).then((res) => {
            this.loading = false;
            this.multipleSelection = [];
            if (res.success) {
              this.searchResult = res.data.list;
              this.total = res.data.total;
            } else {
              this.failInfo();
            }
          });
        });
    },

    async exportExcel() {
      this.exportLoading = true;
      await request
        .get('/dc/organization/base/getAllNode', {
          params: {
            userId: this.userId,
            orgType: '065',
          },
        })
        .then((res) => {
          const orgAllNode = res.data;
          const data = this.findParams;
          data.pageNum = this.currentPage;
          data.pageSize = this.pageSize;
          data.villType = '0';
          this.datas = JSON.stringify(data);
          this.treeNodeArray.forEach((item) => {
            if (item.length < 12) {
              orgAllNode.forEach((orgItem) => {
                if (orgItem.id.startsWith(item.id)) {
                  this.findUseOrgArray.push(orgItem.id);
                }
              });
            } else {
              this.findUseOrgArray.push(item);
            }
          });
        });
      const url = '/pdcApi/dc/insp/pblm/page/export';
      const type = 'post';
      const exportName = '重点水利工程问题列表.xls';
      const result = await exportModel(type, url, exportName, this.datas);
      this.exportLoading = result;
    },
    async exportWord() {
      this.exportLoading = true;
      await request
        .get('/dc/organization/base/getAllNode', {
          params: {
            userId: this.userId,
            orgType: '065',
          },
        })
        .then((res) => {
          const orgAllNode = res.data;
          const data = this.findParams;
          data.pageNum = this.currentPage;
          data.pageSize = this.pageSize;
          data.villType = '0';
          this.datas = data;
          this.treeNodeArray.forEach((item) => {
            if (item.length < 12) {
              orgAllNode.forEach((orgItem) => {
                if (orgItem.id.startsWith(item.id)) {
                  this.findUseOrgArray.push(orgItem.id);
                }
              });
            } else {
              this.findUseOrgArray.push(item);
            }
          });
        });
      // 下载word文档2
      await request
        .post('/rever/doc', this.datas)
        .then((res) => {
          if (res.success) {
            const a = document.createElement('a');
            a.href = `${this.hostUrl}${res.data.downloadPath}`;
            // 设置文件名称
            a.download = '小水库问题详情.doc';
            a.click();
            // window.open(`${this.hostUrl}${res.data.downloadPath}`)
            this.exportLoading = false;
          } else {
            this.$message.error(res.message);
          }
        })
        .catch((res) => {
          this.$message.error(res.message);
        });
    },
    downFile(blob, fileName) {
      // 非IE下载
      if ('download' in document.createElement('a')) {
        const 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);
      }
    },
    async downloadTemplate() {
      const url =
        '/pdcApi/dc/imp/skpblm/download?userId=' + this.userId + '&orgType=065';
      const downloadName = '小水库问题.xls';
      const type = 'get';
      await exportModel(type, url, downloadName);
      this.uploadDisabled = false;
    },
    showPlDialog() {
      this.showShuiKuTianBaoPl = true;
    },
    closePlDialog(val) {
      this.showShuiKuTianBaoPl = false;
      this.search();
    },
    handleSizeChange(size, 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();
        }
      });
    },
    // 取消
    removeNewSupervision(arg) {
      this.gwComFiles = [];
      if (arg) {
        this.gwComFiles = arg;
        this.$refs.uploadFile.init();
      }
    },

    // 详情弹框
    showDialog(id) {
      this.currentProblemId = id;
      this.dealprobmleVisible = true;
    },
    showDetails(id) {
      this.currentProblemId = id;
      this.supervisionDetailsVisible = true;
      this.getResultQuestionHistory(id);
    },
    getResultQuestionHistory(id) {
      request.get('/dc/insp/pblmAudit/queryList/' + id + '/1').then((res) => {
        if (res.success) {
          this.checkProcStat();
          this.resultQuestionList = res.data;
          this.resultQuestionList.forEach((item) => {
            if (item.auditidea == '无意见') {
              item.auditidea = '';
            }
          });
        }
      });
    },
    // 删除弹窗
    removeSuperviseOne(id) {
      this.deleteId = id;
      this.problemDeleteVisible = true;
    },
    deleteSuccess() {
      this.problemDeleteVisible = false;
      this.search();
      this.$emit('problemCount');
    },
    // 修改弹窗显示
    changeSup(row, deleteUpdate) {
      var id = row.pblmId;
      this.currentProblemId = '';
      this.pictureArray = [];
      this.audioArray = [];
      this.videoArray = [];
      this.fileArray = [];
      this.updateIdXiuGai = id;
      showDetailsXq(this.updateIdXiuGai).then((res) => {
        this.changeSupervision = res.data;
        this.changeSupervision.collTime = moment(res.data.collTime);

        this.bisInspPblmAudit.pblmId = this.changeSupervision.pblmId;
        this.fileList = this.changeSupervision.gwComFiles;
        // var inspPblmsName = this.changeSupervision.inspPblmName;
        // this.problemList.forEach(ele => {
        //   if (ele.inspPblmsName === inspPblmsName) {
        //     this.problemListChange(ele)
        //   }
        // });
        // var checkPointName = this.changeSupervision.checkPoint;
        // this.currentCheckPointList.forEach(ele => {
        //   if (ele.checkPointName === checkPointName) {
        //     this.currentCheckPointListChange(ele)
        //   }
        // })
        // this.t3['pblmDesc'] = this.changeSupervision.pblmDesc;

        this.changeSupervisionVisible = true;
        // 当删掉最后一个多媒体文件后，更新一下提交信息（解决删掉多媒体文件后台没有更改状态的问题  record by wby）
        if (deleteUpdate && !res.data.gwComFiles.length) {
          this.changeSupervisionInfo();
        }
        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({
              id: item.id,
              bizId: item.bizId,
              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"
                },
              ],
            });
          } else {
            this.fileArray.push(item);
          }
        });

        this.picturetabName = '图片资料(' + this.pictureArray.length + ')';
        this.audiotabName = '音频资料(' + this.audioArray.length + ')';
        this.videotabName = '视频资料(' + this.videoArray.length + ')';
        this.filetabName = '其它资料(' + this.fileArray.length + ')';
        this.getApprovalHistory();
      });
    },
    // 提交修改信息
    changeSupervisionInfo() {
      this.$refs.changeSupFrom.validate((valid) => {
        if (valid) {
          this.$nextTick(() => {
            // this.changeSupervisionVisible = true;
            this.buttonLoading = true;
            setTimeout(() => {
              this.changeSupervision.inspPblmsName = this.wenTiLeiBie;
              this.changeSupervision.checkPoint = this.jianChaXiangMu;
              this.changeSupervision.inspPblmName = this.wenTiLeiBie; // 后台只需要这一个字段和问题id inspPblmsName和checkPoint可不传
              this.changeSupervision.inspPlbmType = this.t2.sort2;
              this.changeSupervision.inspPblmCode = this.t3.sn;
              this.changeSupervision.pblmsTypeId = this.t3.guid;
              const data = this.changeSupervision;
              updatelist(data).then((res) => {
                this.pblmId = res.data.pblmId;
                this.gwComFiles = res.data.gwComFiles;
                if (res.success) {
                  if (
                    this.$refs.uploadFile.submitUpload(
                      this.changeSupervision.pblmId,
                    )
                  ) {
                    this.removeNewSupervision();
                  }
                  this.buttonLoading = false;
                  this.search();
                  this.changeSupervisionVisible = false;
                  this.addPicPanel = false;
                } else {
                  this.failInfo();
                }
              });
            }, 1000);
          });
        }
      });
    },

    // 删除图片文件
    removeFile(id, index) {
      this.$confirm({
        title: '提示',
        content: '此操作将永久删除该文件, 是否继续?',
        okType: 'warning',
        onOk: () => {
          deleteFileById(id, this.userId).then((res) => {
            if (res.success) {
              this.fileListLength = 0;
              this.fileList.forEach((item) => {
                if (
                  item.fileExt == 'mp3' ||
                  item.fileExt == 'MP3' ||
                  item.fileExt == 'm4a'
                ) {
                  this.audioArray.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);
                }
              });
              this.changeSup(this.updateIdXiuGai, 'deleteUpdate');
            } else {
              this.failInfo();
            }
          });
        },
      });
    },
    changeSupervisionVisiblefalse() {
      this.changeSupervisionVisible = false;
      this.changeSupervision = {
        dataStat: '',
        nm: '',
        endTime: '',
        pblmId: '',
        objId: '',
        objType: '',
        inspGroupId: '',
        inspPblmCate: '',
        inspPblmName: '',
        inspPblmDesc: '',
        pblmLong: '',
        pblmLat: '',
        pblmStat: '',
        ifCasePblm: '',
        inspPblmOrgName: '',
        pblmPersName: '',
        reviOpin: '',
        reviConc: '',
        reviOrgGuid: '',
        collTime: '',
        recPers: '',
        note: '',
        gwComFiles: [
          {
            id: '',
            filePath: '',
            bizId: '',
          },
        ],
      };
      this.$refs.uploadFile.init();
      this.addPicPanel = false;
    },
    addPic() {
      this.addPicPanel = !this.addPicPanel;
    },
    getproblemSmallType() {
      const result = [];
      request
        .get('/dc/insp/pblms/getPblmType', {
          params: {
            type: 65,
          },
        })
        .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) {
                    const 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) {
                const 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.problemList = result;
          }
        });
    },
    getYanZhongChengDu() {
      request
        .post('/dc/insp/pblms/getByPblms', {
          inspPblmsName: this.wenTiLeiBie,
          checkPoint: this.jianChaXiangMu,
          pblmDesc: this.xiangqingmiaoshu,
        })
        .then((res) => {
          if (res.success) {
            this.changeSupervision.inspPblmCate = res.data.inspPblmCate;
          }
        });
    },
    problemListChange: function (item) {
      this.t1 = item; // 解决问题编辑弹窗关闭后再打开问题类别展示第一次的问题类别 record by thy
      this.wenTiLeiBie = item.inspPblmsName;
      this.currentCheckPointList = item.checkPoints;
    },
    currentCheckPointListChange: function (item) {
      this.t2 = item;
      this.jianChaXiangMu = item.checkPointName;
      this.currentProblemDescList = item.pblmDescs;
    },
    currentProblemDescListChange: function (item) {
      this.xiangqingmiaoshu = item.pblmDesc;
    },
    onChangeDialog() {},
    getApprovalHistory() {
      request
        .get(
          '/dc/insp/pblmAudit/queryList/' +
            this.changeSupervision.pblmId +
            '/1',
        )
        .then((res) => {
          if (res.success) {
            this.checkProcStat();
            this.ApprovalHistory = res.data;
            this.ApprovalHistory.forEach((item) => {
              if (item.auditidea == '无意见') {
                item.auditidea = '';
              }
            });
          }
        });
    },
    checkProcStat() {
      this.isModifyAct =
        parseInt(this.changeSupervision.workflowStat) == 11 ||
        parseInt(this.changeSupervision.workflowStat) == 12 ||
        parseInt(this.changeSupervision.workflowStat) == 15 ||
        this.changeSupervision.workflowStat == '18';
      this.canGoBack =
        parseInt(this.changeSupervision.workflowStat) == 11 ||
        parseInt(this.changeSupervision.workflowStat) == 12 ||
        parseInt(this.changeSupervision.workflowStat) == 13 ||
        parseInt(this.changeSupervision.workflowStat) == 15 ||
        parseInt(this.changeSupervision.workflowStat) == 18 ||
        parseInt(this.changeSupervision.workflowStat) == 14;
    },
    ProcMoveBack() {
      if (
        this.changeSupervision.workflowStat == '14' &&
        (this.bisInspPblmAudit.auditidea == null ||
          this.bisInspPblmAudit.auditidea == '' ||
          this.bisInspPblmAudit.auditidea == '无意见')
      ) {
        this.$message.warning('请输入处置意见');
        return;
      }
      this.buttonLoading = true;
      if (
        this.bisInspPblmAudit.auditidea.replace(/(^s*)|(s*$)/g, '').length == 0
      ) {
        // this.bisInspPblmAudit.auditidea = "";
        this.bisInspPblmAudit.auditidea = '无意见';
      }
      if (
        parseInt(this.changeSupervision.workflowStat) == 12 ||
        parseInt(this.changeSupervision.workflowStat) == 15 ||
        this.changeSupervision.workflowStat == '18'
      ) {
        this.bisInspPblmAudit.auditidea = '';
      }
      this.bisInspPblmAudit.isag = 0;
      request
        .post('/dc/insp/pblm/submit', this.bisInspPblmAudit)
        .then((res) => {
          if (res.success) {
            this.buttonLoading = false;
            this.getPenddingTask();
            this.changeSupervisionVisiblefalse();
            this.$message.success('操作成功');
          }
        });
    },
    submitRectification() {
      if (this.changeSupervision.workflowStat == '14') {
        if (this.changeTm == '') {
          this.$message.warning('请选择整改时限');
          return;
        }
        if (this.changeRequire == '') {
          this.$message.warning('请选择整改要求');
          return;
        }
      }
      this.$refs.changeSupFrom.validate((valid) => {
        if (valid) {
          this.$nextTick(() => {
            // this.changeSupervisionVisible = true;
            this.buttonLoading = true;
            setTimeout(() => {
              this.changeSupervision.inspPblmsName = this.wenTiLeiBie;
              this.changeSupervision.checkPoint = this.jianChaXiangMu;
              this.changeSupervision.inspPblmName = this.wenTiLeiBie; // 后台只需要这一个字段和问题id inspPblmsName和checkPoint可不传
              this.changeSupervision.inspPlbmType = this.t2.sort2;
              this.changeSupervision.inspPblmCode = this.t3.sn;
              this.changeSupervision.pblmsTypeId = this.t3.guid;
              if (this.changeSupervision.workflowStat == '14') {
                this.changeSupervision.zgDate = this.changeTm;
                this.changeSupervision.pblmSggtn = this.changeRequire;
              }
              const data = this.changeSupervision;
              updatelist(data).then((res) => {
                this.pblmId = res.data.pblmId;
                this.gwComFiles = res.data.gwComFiles;
                if (res.success) {
                  if (
                    this.$refs.uploadFile.submitUpload(
                      this.changeSupervision.pblmId,
                    )
                  ) {
                    this.removeNewSupervision();
                  }
                  this.buttonLoading = false;
                  this.search();
                  this.changeSupervisionVisible = false;
                  this.addPicPanel = false;

                  // 驱动流程流转到下一步
                  this.bisInspPblmAudit.isag = 1;
                  request
                    .post('/dc/insp/pblm/submit', this.bisInspPblmAudit)
                    .then((res) => {
                      if (res.success) {
                        this.getPenddingTask();
                        // this.getquestionList();
                        // this.changeSupervisionVisiblefalse();
                        this.changeInfoVisible = false;
                        this.$message.success('操作成功');
                      }
                    });
                } else {
                  this.failInfo();
                }
              });
            }, 1000);
          });
        }
      });
      // 先对问题内容进行更新
      // this.changeSupervisionInfo();
    },
    batchSubmit() {
      var params = [];
      if (this.multipleSelectionLeader.length > 0) {
        for (var i = 0; i < this.multipleSelectionLeader.length; i++) {
          var obj = {
            moduserid: this.userid,
            auditidea: '无意见',
            pblmId: this.multipleSelectionLeader[i].pblmId,
            isag: 1,
          };
          params.push(obj);
        }

        // 驱动流程流转到下一步
        request.post('/dc/insp/pblm/batchSubmit', params).then((res) => {
          if (res.success) {
            this.clearSelection();
            // this.$refs.ptMultipleTable.clearSelection()
            this.getPenddingTask();
            this.$message.success('操作成功');
            this.multipleSelectionLeader = [];
          }
        });
      } else {
        this.$message.warning('请选择需要操作的问题!');
      }
    },
    ProcMoveNext() {
      if (
        this.bisInspPblmAudit.auditidea.replace(/(^s*)|(s*$)/g, '').length == 0
      ) {
        this.bisInspPblmAudit.auditidea = '无意见';
      }
      if (this.changeSupervision.workflowStat == '14') {
        this.changeRequire = '';
        this.changeTm = nextMonthLastDay();
        this.changeInfoVisible = true;
      }
      if (this.changeSupervision.workflowStat != '14') {
        this.submitRectification();
      }
    },
    getPenddingTask() {
      this.loading = true;
      request
        .get('/dc/organization/base/getAllNode', {
          params: {
            userId: this.userId,
            orgType: '065',
          },
        })
        .then((res) => {
          const orgAllNode = res.data;
          this.loading = true;
          const data = this.findParams;
          data.startTime =
            this.value6 && this.value6.length > 0
              ? moment(this.value6[0]).format('YYYY-MM-DD')
              : '';
          data.endTime =
            this.value6 && this.value6.length > 0
              ? moment(this.value6[1]).format('YYYY-MM-DD')
              : '';
          data.pageNum = this.currentPage;
          data.recPers = this.pblscr;
          data.orgNm = this.pblscrGroup;
          data.pageSize = this.pageSize;
          data.villType = '0';
          data.dataStat = '0';
          data.objType = '65';
          data.workflowStat = this.currentWorkflowStat;
          // data.adCode = this.codeId;

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

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

          getXSKPenddingTask(data).then((res) => {
            this.loading = false;
            this.multipleSelection = [];
            this.multipleSelectionLeader = [];
            this.clearSelection();
            // _self.$refs.ptMultipleTable.clearSelection()
            if (res.success) {
              this.penddingTask = res.data.list;
              this.total = res.data.total;
              this.$nextTick(() => {
                // this.$refs.ptMultipleTable.doLayout()
              });
            } else {
              // _self.failInfo();
            }
          });
        });
    },
    getonGoingTask() {
      this.loading = true;
      request
        .get('/dc/organization/base/getAllNode', {
          params: {
            userId: this.userId,
            orgType: '065',
          },
        })
        .then((res) => {
          const orgAllNode = res.data;
          this.loading = true;
          const data = this.findParams;
          data.startTime =
            this.value6 && this.value6.length > 0
              ? moment(this.value6[0]).format('YYYY-MM-DD')
              : '';
          data.endTime =
            this.value6 && this.value6.length > 0
              ? moment(this.value6[1]).format('YYYY-MM-DD')
              : '';
          data.pageNum = this.currentPage;
          data.recPers = this.pblscr;
          data.orgNm = this.pblscrGroup;
          data.pageSize = this.pageSize;
          data.villType = '0';
          data.dataStat = '0';

          // data.adCode = this.codeId;

          this.findUseOrgArray = [];
          this.treeNodeArray.forEach((item) => {
            if (item.length < 12) {
              orgAllNode.forEach((orgItem) => {
                if (orgItem.id.startsWith(item.code)) {
                  this.findUseOrgArray.push(orgItem.id);
                }
              });
            }
            this.findUseOrgArray.push(item);
          });
          if (this.findUseOrgArray.length > 0) {
            data['orgIds'] = this.findUseOrgArray.join(',');
          } else {
            data['orgIds'] = '';
          }

          getXSKOnGoingTask(data).then((res) => {
            this.loading = false;
            this.multipleSelection = [];
            if (res.success) {
              this.onGoingTask = res.data.list;
              this.total = res.data.total;
            } else {
              // _self.failInfo();
            }
          });
        });
    },
    // 获取初步问题清单
    getInitQuestionList() {
      this.loading = true;
      request
        .get('/dc/organization/base/getAllNode', {
          params: {
            userId: this.userId,
            orgType: '065',
          },
        })
        .then((res) => {
          const orgAllNode = res.data;
          this.loading = true;
          const data = this.findParams;
          data.startTime =
            this.value6 && this.value6.length > 0
              ? moment(this.value6[0]).format('YYYY-MM-DD')
              : '';
          data.endTime =
            this.value6 && this.value6.length > 0
              ? moment(this.value6[1]).format('YYYY-MM-DD')
              : '';
          data.pageNum = this.currentPage;
          data.recPers = this.pblscr;
          data.orgNm = this.pblscrGroup;
          data.pageSize = this.pageSize;
          data.villType = '0';
          data.dataStat = '1';

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

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

          getXSKInitQuestionList(data).then((res) => {
            this.loading = false;
            this.multipleSelection = [];
            this.clearSelection();
            // _self.$refs.iqMultipleTable.clearSelection()
            if (res.success) {
              this.InitQuestionList = res.data.list;
              this.total = res.data.total;
            } else {
              this.failInfo();
            }
          });
        });
    },
    getFinalQuestionList() {
      this.loading = true;
      request
        .get('/dc/organization/base/getAllNode', {
          params: {
            userId: this.userId,
            orgType: '065',
          },
        })
        .then((res) => {
          const orgAllNode = res.data;
          this.loading = true;
          const data = this.findParams;
          data.startTime =
            this.value6 && this.value6.length > 0
              ? moment(this.value6[0]).format('YYYY-MM-DD')
              : '';
          data.endTime =
            this.value6 && this.value6.length > 0
              ? moment(this.value6[1]).format('YYYY-MM-DD')
              : '';
          data.pageNum = this.currentPage;
          data.recPers = this.pblscr;
          data.orgNm = this.pblscrGroup;
          data.pageSize = this.pageSize;
          data.villType = '0';
          data.dataStat = '2';

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

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

          getXSKInitQuestionList(data).then((res) => {
            this.loading = false;
            this.multipleSelection = [];
            if (res.success) {
              this.finalQuestionList = res.data.list;
              this.total = res.data.total;
            } else {
              this.failInfo();
            }
          });
        });
    },
    checkUserJianDuChu() {
      checkUserHasRole(this.userId, 1).then((res) => {
        this.loading = false;
        if (res.success) {
          this.currentUserHasDuChaRole = res.data.key;
          console.log('JianDuShi - ' + this.currentUserHasDuChaRole);
        } else {
          console.log('JianDuShi - ' + this.currentUserHasDuChaRole);
          this.failInfo();
        }
      });
    },
    checkUserLeader() {
      checkUserHasRole(this.userId, 3).then((res) => {
        this.loading = false;
        if (res.success) {
          this.isLeader = res.data.key;
        } else {
          this.failInfo();
        }
      });
    },
    checkUserBd() {
      checkUserHasRole(this.userId, 4).then((res) => {
        this.loading = false;
        if (res.success) {
          this.isBd = res.data.key;
        } else {
          this.failInfo();
        }
      });
    },
    checkUserAll() {
      checkUserHasRole(this.userId, 7).then((res) => {
        this.loading = false;
        if (res.success) {
          this.isAll = res.data.key;
        } else {
          this.failInfo();
        }
      });
    },
    rejectToFinalList() {
      if (this.multipleSelection.length > 0) {
        const selectedPblms = this.multipleSelection;
        for (const pblm in selectedPblms) {
          request
            .post('/dc/insp/pblm/submit', {
              moduserid: this.userId,
              auditidea: '',
              pblmId: selectedPblms[pblm].pblmId,
              isag: '0',
            })
            .then((res) => {
              if (res.success) {
                // this.$message.success("操作成功");
              }
            });
        }
        this.getInitQuestionList();
        this.multipleSelection = [];
        this.multipleSelection = [];
        // 清除选中的数据
        /*        this.$refs.ptMultipleTable.clearSelection();
                this.$refs.otMultipleTable.clearSelection(); */
        this.clearSelection();
        // this.$refs.iqMultipleTable.clearSelection()
        /*        this.$refs.fqMultipleTable.clearSelection(); */
      } else {
        this.$message.warning('请选择需要操作的问题!');
      }
    },
    submitToFinalList() {
      if (this.multipleSelection.length > 0) {
        this.showPblmDistInfoDialog = true;
      } else {
        this.$message.warning('请选择需要操作的问题!');
      }
    },
    handleTabClick(tab) {
      this.activeTab = tab;
      switch (tab) {
        case 'OTTab':
          this.getonGoingTask();
          break;
        case 'IQLTab':
          this.getInitQuestionList();
          this.toggleSelection();
          break;
        case 'FQLTab':
          this.getFinalQuestionList();
          break;
        default:
          this.getPenddingTask();
      }
    },
    transferProcStatCodeToName(ActCode) {
      return transferProcStatCodeToName(ActCode);
    },
    closePblmDistInfoDialog() {
      this.$refs.pblmDistInfo.$refs.pblmDistInfoForm.clearValidate();
      this.showPblmDistInfoDialog = false;
    },
    distributeSelectedPblm(distInfo) {
      this.showPblmDistInfoDialog = false;
      const selectedPblms = this.multipleSelection;
      this.distPblm = [];
      for (let i = 0; i < selectedPblms.length; i++) {
        const pblm = {};
        pblm.pblmId = selectedPblms[i].pblmId;
        pblm.workflowStat = selectedPblms[i].workflowStat;
        // pblm.zgDate = distInfo.zgDate;
        pblm.zgWh = distInfo.zgWh;
        pblm.zgWjName = distInfo.zgWjName;
        pblm.isag = '1';
        pblm.flowType = '1';
        pblm.auditidea = distInfo.zgMemo;
        this.distPblm.push(pblm);
      }
      request.post('/dc/insp/pblm/AddPblmZg', this.distPblm).then((res) => {
        this.loading = false;
        this.$message.success('所选问题已进入最终问题清单!');
        this.getInitQuestionList();
        // 重要：清空之前的选择
        this.multipleSelection = [];
        // 清除选中的数据
        /* this.$refs.ptMultipleTable.clearSelection();
           this.$refs.otMultipleTable.clearSelection(); */
        this.clearSelection();
        // this.$refs.iqMultipleTable.clearSelection()
        /* this.$refs.fqMultipleTable.clearSelection(); */
      });
    },
    clearSelection() {
      this.selectedRowKeys = [];
    },
  },
  watch: {
    codeId: function () {
      this.search();
    },
    t1: {
      handler: function (val, oldVal) {
        this.getYanZhongChengDu();
      },
      deep: true,
    },
    t2: {
      handler: function (val, oldVal) {
        this.getYanZhongChengDu();
      },
      deep: true,
    },
    t3: {
      handler: function (val, oldVal) {
        this.getYanZhongChengDu();
      },
      deep: true,
    },
    showExpandSearchPanel: function (val) {
      if (val) {
        this.tableHeight = window.innerHeight - 420;
      } else {
        this.tableHeight = window.innerHeight - 321;
      }
    },
  },
};
</script>

<style lang='less' scoped>
@import "./base.css";
@import url("/src/assets/iconfont/iconfont.css");

:deep(.ant-table-pagination) {
  float: left;
}

:deep(.ant-layout-sider),
:deep(.ant-layout-content) {
  background: #fff;
}

:deep(.ant-table-thead>tr>th),
:deep(.ant-table-tbody>tr>td) {
  padding: 0;
  height: 60px;
}

:deep(.ant-table-scroll) {
  position: relative;
  z-index: 1;
}

:deep(.ant-table-fixed-left),
:deep(.ant-table-fixed-right) {
  z-index: 2;
}

.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;
      text-align: center;
      color: #fff;
      opacity: 0;
      font-size: 20px;
      background-color: rgba(0, 0, 0, 0.5);
      transition: opacity 0.3s;
      cursor: pointer;
      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;
}

#penddingTask .el-tree-node {
  /* overflow: auto; */
}

#penddingTask .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: 60% !important;
}

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

.scroll300 .el-form {
  padding-top: 5px;
  padding-right: 5px;
}

.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;
}

#penddingTask .el-select,
#penddingTask .el-input,
#onGoingTask .el-input {
  width: 140px !important;
}

.open_board {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 24px;
  height: 30px;
  line-height: 30px;
  border: solid 1px #ddd;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
  background-color: #bbebff;
  cursor: pointer;
}

.ellipsis60 {
  display: block;
  width: 58px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ellipsis70 {
  display: block;
  width: 68px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ellipsis80 {
  display: block;
  width: 78px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ellipsis110 {
  display: block;
  width: 108px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ellipsis140 {
  display: block;
  width: 138px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ellipsis150 {
  display: block;
  width: 148px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ellipsis160 {
  display: block;
  width: 158px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
</style>
