/* eslint-disable */
<template>
  <BaseContainer>
    <template slot="search-container">
      <el-form :inline="true">
        <!-- 中心编号 -->
        <el-form-item :label="$t('trials:reviewAssign:readingTask:table:siteCode')">
          <el-select v-model="searchData.TrialSiteId" clearable filterable style="width:120px;">
            <el-option v-for="(item, index) of siteOptions" :key="index" :label="item.TrialSiteCode"
              :value="item.TrialSiteId" />
          </el-select>
        </el-form-item>
        <!-- 受试者编号 -->
        <el-form-item :label="$t('trials:reviewAssign:readingTask:table:subjectCode')">
          <el-input v-model="searchData.SubjectCode" style="width:100px;" />
        </el-form-item>
        <!-- 访视/阅片期名称 -->
        <el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:visitName')">
          <el-input v-model="searchData.TaskName" style="width:100px;" clearable />
        </el-form-item>
        <!-- 阅片人 -->
        <el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:reader')">
          <el-select v-model="searchData.DoctorUserId" clearable style="width:120px;">
            <el-option v-for="item of DoctorUserList" :key="'DoctorUserId' + item.DoctorUserId"
              :value="item.DoctorUserId" :label="item.UserName" />
          </el-select>
        </el-form-item>
        <!-- 是否加急 -->
        <el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:isUrgent')">
          <el-select v-model="searchData.IsUrgent" clearable style="width:120px;">
            <el-option v-for="item of $d.YesOrNo" :key="'IsUrgent' + item.label" :value="item.value"
              :label="item.label" />
          </el-select>
        </el-form-item>
        <!-- 任务状态 -->
        <el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:taskStatus')">
          <el-select v-model="searchData.TaskState" clearable style="width:120px;">
            <el-option v-for="item of $d.TaskState" :key="'TaskState' + item.label" :value="item.value"
              :label="item.label" />
          </el-select>
        </el-form-item>
        <!-- 任务类型 -->
        <el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:taskType')">
          <el-select v-model="searchData.ReadingCategory" clearable style="width:120px;">
            <el-option v-for="item of $d.ReadingCategory" :key="'ReadingCategory' + item.label" :value="item.value"
              :label="item.label" />
          </el-select>
        </el-form-item>
        <!-- 分配状态 -->
        <el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:assignStatus')">
          <el-select v-model="searchData.TaskAllocationState" clearable style="width:120px;">
            <el-option v-for="item of $d.TaskAllocationState" :key="'TaskAllocationState' + item.label"
              :value="item.value" :label="item.label" />
          </el-select>
        </el-form-item>
        <!-- 分配时间 -->
        <el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:assignTime')">
          <el-date-picker v-model="timeList" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange"
            :default-time="['00:00:00', '23:59:59']" @change="changeTimeList" />
        </el-form-item>
        <el-form-item style="margin-bottom:10px">
          <el-button type="primary" icon="el-icon-search" @click="handleSearch">
            {{ $t('common:button:search') }}
          </el-button>
          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
            {{ $t('common:button:reset') }}
          </el-button>
        </el-form-item>
      </el-form>
    </template>
    <template slot="main-container">
      <el-table v-adaptive="{ bottomOffset: 60 }" v-loading="loading" :data="list" stripe height="100"
        @sort-change="handleSortChange">
        <el-table-column prop="OriginalReReadingTask.IsUrgent" :label="$t('trials:consistencyCheck:table:isUrgent')"
          show-overflow-tooltip min-width="100" sortable="custom">
          <template slot-scope="scope">
            <el-tag v-if="scope.row.OriginalReReadingTask.IsUrgent" type="danger">{{ $fd('YesOrNo',
              scope.row.OriginalReReadingTask.IsUrgent) }}</el-tag>
            <el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.OriginalReReadingTask.IsUrgent) }}</el-tag>
          </template>
        </el-table-column>
        <!-- 任务编号 -->
        <el-table-column prop="OriginalReReadingTask.TaskCode" :label="$t('trials:readTask:table:taskCode')"
          min-width="100" sortable="custom" show-overflow-tooltip />
        <!-- 中心编号 -->
        <el-table-column prop="OriginalReReadingTask.TrialSiteCode" :label="$t('trials:readTask:table:siteCode')"
          min-width="100" sortable="custom" show-overflow-tooltip />
        <!-- 受试者编号 -->
        <el-table-column prop="OriginalReReadingTask.SubjectCode" :label="$t('trials:readTask:table:subjectCode')"
          min-width="120" sortable="custom" show-overflow-tooltip />
        <!-- 访视/阅片期名称 -->
        <el-table-column prop="OriginalReReadingTask.TaskName"
          :label="$t('trials:reviewAssign:readingTask:table:visitName')" min-width="160" sortable="custom"
          show-overflow-tooltip />
        <!-- 盲态任务标识 -->
        <el-table-column prop="OriginalReReadingTask.TaskBlindName"
          :label="$t('trials:reviewAssign:readingTask:table:blindName')" min-width="140" sortable="custom"
          show-overflow-tooltip />
        <!-- 任务创建时间 -->
        <el-table-column prop="OriginalReReadingTask.CreateTime"
          :label="$t('trials:reviewAssign:readingTask:table:createTime')" min-width="140" sortable="custom"
          show-overflow-tooltip />
        <!-- 任务状态 -->
        <el-table-column prop="OriginalReReadingTask.TaskState"
          :label="$t('trials:reviewAssign:readingTask:table:taskStatus')" min-width="100" sortable="custom"
          show-overflow-tooltip>
          <template slot-scope="scope">
            <el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 0" type="primary">{{ $fd('TaskState',
              scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
            <el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 1" type="info">{{ $fd('TaskState',
              scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
            <el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 3" type="danger">{{ $fd('TaskState',
              scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
            <el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 4" type="warning">{{ $fd('TaskState',
              scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
            <el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 5" type="danger">{{ $fd('TaskState',
              scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
          </template>
        </el-table-column>
        <!-- 任务类型 -->
        <el-table-column prop="OriginalReReadingTask.ReadingCategory"
          :label="$t('trials:reviewAssign:readingTask:table:taskType')" min-width="100" sortable="custom"
          show-overflow-tooltip>
          <template slot-scope="scope">
            <el-tag v-if="scope.row.OriginalReReadingTask.ReadingCategory === 1" type="primary">{{
              $fd('ReadingCategory', scope.row.OriginalReReadingTask.ReadingCategory) }}</el-tag>
            <el-tag v-if="scope.row.OriginalReReadingTask.ReadingCategory === 2" type="info">{{ $fd('ReadingCategory',
              scope.row.OriginalReReadingTask.ReadingCategory) }}</el-tag>
            <el-tag v-if="scope.row.OriginalReReadingTask.ReadingCategory === 4" type="danger">{{ $fd('ReadingCategory',
              scope.row.OriginalReReadingTask.ReadingCategory) }}</el-tag>
            <el-tag v-if="scope.row.OriginalReReadingTask.ReadingCategory === 5" type="warning">{{
              $fd('ReadingCategory', scope.row.OriginalReReadingTask.ReadingCategory) }}</el-tag>
          </template>
        </el-table-column>
        <!-- 角色 -->
        <el-table-column prop="OriginalReReadingTask.ArmEnum" :label="$t('trials:reviewAssign:readingTask:table:role')"
          min-width="80" sortable="custom" show-overflow-tooltip>
          <template slot-scope="scope">
            <el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 1" type="primary">{{ $fd('ArmEnum',
              scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
            <el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 2" type="success">{{ $fd('ArmEnum',
              scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
            <el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 3" type="info">{{ $fd('ArmEnum',
              scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
            <el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 4" type="danger">{{ $fd('ArmEnum',
              scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
            <el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 5" type="warning">{{ $fd('ArmEnum',
              scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
          </template>
        </el-table-column>
        <!-- 阅片人 -->
        <el-table-column prop="OriginalReReadingTask.UserName"
          :label="$t('trials:reviewAssign:readingTask:table:reader')" min-width="100" sortable="custom"
          show-overflow-tooltip>
          <template slot-scope="scope">
            {{ scope.row.OriginalReReadingTask.UserName }}({{ scope.row.OriginalReReadingTask.FullName }})
          </template>
        </el-table-column>
        <!-- 阅片完成时间 -->
        <el-table-column prop="OriginalReReadingTask.SignTime" :label="$t('trials:reviewTrack:table:signTime')"
          min-width="180" sortable="custom" show-overflow-tooltip />
        <!-- 重阅申请类型 -->
        <el-table-column prop="OriginalReReadingTask.RequestReReadingType"
          :label="$t('trials:rereadTask:table:requestReReadingType')" min-width="140" sortable="custom"
          show-overflow-tooltip>
          <template slot-scope="scope">
            <div v-if="scope.row.RequestReReadingType">
              <el-tag v-if="scope.row.RequestReReadingType === 2" type="danger">{{ $fd('RequestReReadingType',
                scope.row.RequestReReadingType) }}</el-tag>
              <el-tag v-else type="primary">{{ $fd('RequestReReadingType', scope.row.RequestReReadingType) }}</el-tag>
            </div>
          </template>
        </el-table-column>
        <!-- 申请时间 -->
        <el-table-column prop="RequestReReadingTime" :label="$t('trials:rereadTask:table:requestReReadingTime')"
          min-width="100" sortable="custom" show-overflow-tooltip />
        <!-- 申请原因 -->
        <el-table-column prop="RequestReReadingReason" :label="$t('trials:rereadTask:table:requestReReadingReason')"
          min-width="100" sortable="custom" show-overflow-tooltip />
        <!-- 审批结果 -->
        <el-table-column prop="AllocateTime" :label="$t('trials:rereadTask:table:requestReReadingResultEnum')"
          min-width="100" sortable="custom" show-overflow-tooltip>
          <template slot-scope="scope">
            <div v-if="scope.row.RequestReReadingResultEnum || scope.row.RequestReReadingResultEnum === 0">
              <el-tooltip v-if="scope.row.RequestReReadingResultEnum === 2" class="item" effect="dark" placement="top">
                <div slot="content">
                  {{ scope.row.RequestReReadingRejectReason }}
                </div>
                <el-tag type="danger">{{ $fd('RequestReReadingResult', scope.row.RequestReReadingResultEnum) }}</el-tag>
              </el-tooltip>
              <el-tag v-if="scope.row.RequestReReadingResultEnum === 1" type="primary">{{ $fd('RequestReReadingResult',
                scope.row.RequestReReadingResultEnum) }}</el-tag>
              <el-tag v-if="scope.row.RequestReReadingResultEnum === 0" type="warning">{{ $fd('RequestReReadingResult',
                scope.row.RequestReReadingResultEnum) }}</el-tag>
            </div>
          </template>
        </el-table-column>
        <!-- 新任务编号 -->
        <el-table-column prop="ReReadingNewTaskCode" :label="$t('trials:rereadTask:table:reReadingNewTaskCode')"
          min-width="120" sortable="custom" show-overflow-tooltip />
        <el-table-column v-if="hasPermi(['role:spm'])" fixed="right" :label="$t('common:action:action')" width="210">
          <template slot-scope="scope">
            <!-- 同意 -->
            <!-- <el-button :disabled="!!scope.row.RequestReReadingResultEnum || scope.row.RequestReReadingType === 1"
              icon="el-icon-check" circle :title="$t('trials:spmAudit:button:agree')"
              @click="openReReadingOrBackList(scope.row, 1)" /> -->
            <!-- 拒绝 -->
            <!-- <el-button :disabled="!!scope.row.RequestReReadingResultEnum || scope.row.RequestReReadingType === 1"
              icon="el-icon-close" circle :title="$t('trials:spmAudit:button:reject')"
              @click="confirmReReading(scope.row, 2, true)" /> -->
            <el-button :disabled="!!scope.row.RequestReReadingResultEnum ||
              scope.row.RequestReReadingType === 1
              " icon="el-icon-edit-outline" circle :title="$t('trials:spmAudit:table:Approval')"
              @click="audit(scope.row)" />
            <!-- 已影响任务列表 -->
            <el-button :disabled="scope.row.RequestReReadingResultEnum !== 1" icon="el-icon-document-copy" circle
              :title="$t('trials:spmAudit:button:influenceList')" @click="getInfluencedTaskList(scope.row)" />
          </template>
        </el-table-column>
      </el-table>
      <!-- 分页组件 -->
      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
        @pagination="getList" />
      <base-model v-if="config.visible" :config="config">
        <template slot="dialog-body">
          <el-form ref="imageBackform" :model="form" class="demo-form-inline" :rules="rules"
            :label-width="isEN ? '200px' : '150px'">
            <el-form-item :label="$t('trials:spmAudit:table:Matters')" prop="Matters">
              <span>{{ rowData.title }}</span>
            </el-form-item>
            <el-form-item :label="$t('trials:spmAudit:form:ApplyReason')" prop="ApplyReason">
              <span>{{ rowData.RequestReReadingReason }}</span>
            </el-form-item>
            <el-form-item :label="$t('trials:spmAudit:form:IsAgree')" prop="RequestReReadingResultEnum">
              <el-radio-group v-model="form.RequestReReadingResultEnum">
                <el-radio :label="1">{{ $t('trials:spmAudit:button:auditYes') }}</el-radio>
                <el-radio :label="2">{{ $t('trials:spmAudit:button:auditNo') }}</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item :label="$t('trials:spmAudit:form:ResultRemark')" v-if="form.RequestReReadingResultEnum !== 2"
              key="1">
              <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" placeholder=""
                v-model="form.RequestReReadingRejectReason">
              </el-input>
            </el-form-item>
            <el-form-item :label="$t('trials:spmAudit:form:ResultRemark')" prop="RequestReReadingRejectReason" v-else
              key="2">
              <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" placeholder=""
                v-model="form.RequestReReadingRejectReason">
              </el-input>
            </el-form-item>
            <el-form-item :label="$t('trials:reviewTrack:dialog:backImpactList')" />
            <el-table v-loading="loading" :data="InfluenceTaskList" stripe height="100" style="min-height:200px;max-height: 300px">
              <!-- 任务编号 -->
              <el-table-column prop="TaskCode" :label="$t('trials:reviewTrack:table:taskCode')" min-width="100"
                show-overflow-tooltip />
              <!-- 中心编号 -->
              <el-table-column prop="TrialSiteCode" :label="$t('trials:reviewTrack:table:siteCode')" min-width="100"
                show-overflow-tooltip />
              <!-- 受试者编号 -->
              <el-table-column prop="SubjectCode" :label="$t('trials:reviewTrack:table:subjectCode')" min-width="120"
                show-overflow-tooltip>
                <template slot-scope="scope">
                  <span v-if="
                    scope.row.BlindSubjectCode &&
                    scope.row.BlindSubjectCode !== scope.row.SubjectCode
                  ">
                    {{ `${scope.row.SubjectCode}/${scope.row.BlindSubjectCode}` }}
                  </span>
                  <span v-else>{{ scope.row.SubjectCode }}</span>
                </template>
              </el-table-column>
              <!-- 任务名称 -->
              <el-table-column prop="VisitTaskNum" :label="$t('trials:reviewTrack:table:taskName')" min-width="120"
                show-overflow-tooltip>
                <template slot-scope="scope">
                  <span v-if="
                    scope.row.TaskBlindName &&
                    scope.row.TaskName !== scope.row.TaskBlindName
                  ">
                    {{ `${scope.row.TaskName}/${scope.row.TaskBlindName}` }}
                  </span>
                  <span v-else>{{ scope.row.TaskName }}</span>
                </template>
              </el-table-column>
              <!-- 盲态任务标识 -->
              <!-- <el-table-column
              prop="TaskBlindName"
              :label="$t('trials:reviewTrack:table:blindName')"
              min-width="120"
              show-overflow-tooltip
            /> -->
              <!-- 阅片标准 -->
              <el-table-column prop="TrialReadingCriterionName" :label="$t('trials:reviewTrack:table:criterionName')"
                min-width="100" show-overflow-tooltip />
              <!-- 任务状态 -->
              <el-table-column prop="TaskState" :label="$t('trials:reviewTrack:table:taskStatus')" min-width="100"
                show-overflow-tooltip>
                <template slot-scope="scope">
                  <el-tag v-if="scope.row.TaskState === 0" type="primary">{{
                    $fd('TaskState', scope.row.TaskState)
                  }}</el-tag>
                  <el-tag v-if="scope.row.TaskState === 1" type="info">{{
                    $fd('TaskState', scope.row.TaskState)
                  }}</el-tag>
                  <el-tag v-if="scope.row.TaskState === 3" type="danger">{{
                    $fd('TaskState', scope.row.TaskState)
                  }}</el-tag>
                  <el-tag v-if="scope.row.TaskState === 4" type="warning">{{
                    $fd('TaskState', scope.row.TaskState)
                  }}</el-tag>
                  <el-tag v-if="scope.row.TaskState === 5" type="danger">{{
                    $fd('TaskState', scope.row.TaskState)
                  }}</el-tag>
                </template>
              </el-table-column>
              <!-- 任务类型 -->
              <el-table-column prop="ReadingCategory" min-width="100" :label="$t('trials:reviewTrack:table:taskType')"
                show-overflow-tooltip>
                <template slot-scope="scope">
                  <el-tag v-if="scope.row.ReadingCategory === 1" type="primary">{{
                    $fd('ReadingCategory', scope.row.ReadingCategory)
                  }}</el-tag>
                  <el-tag v-if="scope.row.ReadingCategory === 2" type="info">{{
                    $fd('ReadingCategory', scope.row.ReadingCategory)
                  }}</el-tag>
                  <el-tag v-if="scope.row.ReadingCategory === 4" type="danger">{{
                    $fd('ReadingCategory', scope.row.ReadingCategory)
                  }}</el-tag>
                  <el-tag v-if="scope.row.ReadingCategory === 5" type="warning">{{
                    $fd('ReadingCategory', scope.row.ReadingCategory)
                  }}</el-tag>
                </template>
              </el-table-column>
              <!-- 阅片状态 -->
              <el-table-column prop="ReadingTaskState" :label="$t('trials:reviewTrack:table:readingStatus')"
                min-width="100" show-overflow-tooltip>
                <template slot-scope="scope">
                  <el-tag v-if="scope.row.ReadingTaskState === 2" type="primary">{{
                    $fd('ReadingTaskState', scope.row.ReadingTaskState)
                  }}</el-tag>
                  <el-tag v-else type="danger">{{
                    $fd('ReadingTaskState', scope.row.ReadingTaskState)
                  }}</el-tag>
                </template>
              </el-table-column>
              <!-- 生效后影响 -->
              <el-table-column prop="OptType" :label="$t('trials:reviewTrack:applyReread:title:postEffectiveImpacts')
                " min-width="100" show-overflow-tooltip>
                <template slot-scope="scope">
                  <el-tag v-if="scope.row.OptType === 0" type="primary">{{
                    $fd('ReReadingOrBackOptType', scope.row.OptType)
                  }}</el-tag>
                  <el-tag v-if="scope.row.OptType === 1" type="danger">{{
                    $fd('ReReadingOrBackOptType', scope.row.OptType)
                  }}</el-tag>
                  <el-tag v-if="scope.row.OptType === 2" type="warning">{{
                    $fd('ReReadingOrBackOptType', scope.row.OptType)
                  }}</el-tag>
                </template>
              </el-table-column>
              <!-- 阅片人 -->
              <el-table-column prop="UserName" :label="$t('trials:reviewTrack:table:reader')" min-width="160"
                show-overflow-tooltip>
                <template v-if="scope.row.DoctorUser" slot-scope="scope">
                  {{ scope.row.DoctorUser.UserName }}({{
                    scope.row.DoctorUser.FullName
                  }})
                </template>
              </el-table-column>
            </el-table>
          </el-form>
        </template>
        <template slot="dialog-footer">
          <el-button type="primary" @click="auditImageBack" :loading="loading">
            {{ $t('common:button:confirm') }}
          </el-button>
          <el-button @click="config.visible = false" :loading="loading">
            {{ $t('common:button:cancel') }}
          </el-button>
        </template>
      </base-model>
      <!-- 驳回  +++-->
      <el-dialog v-if="ConfirmReReadingVisible" :title="$t('trials:spmAudit:title:rejected')"
        :visible.sync="ConfirmReReadingVisible" width="600px" append-to-body :close-on-click-modal="false"
        custom-class="base-dialog-wrapper">
        <div style="padding:10px;border: 1px solid #e0e0e0;max-height:650px;overflow-y: auto;">
          <el-form ref="reasonForm" :rules="rules" :model="ConfirmReReadingForm" class="demo-ruleForm" size="small"
            label-width="120px">
            <!-- 驳回原因 -->
            <el-form-item :label="$t('trials:spmAudit:title:rejectedReason')" prop="RequestReReadingRejectReason">
              <el-input v-model="ConfirmReReadingForm.RequestReReadingRejectReason" type="textarea"
                :autosize="{ minRows: 2, maxRows: 4 }" :placeholder="$t('common:ruleMessage:specify')" maxlength="500"
                show-word-limit />
            </el-form-item>
          </el-form>
        </div>
        <div slot="footer" class="dialog-footer">
          <!-- 取消 -->
          <el-button :disabled="btnLoading" size="small" type="primary"
            @click="ConfirmReReadingVisible = false; ConfirmReReadingForm = { RequestReReadingRejectReason: null }">
            {{ $t('common:button:cancel') }}
          </el-button>
          <!-- 保存 -->
          <el-button :loading="btnLoading" size="small" type="primary" @click="confirmSign(2)">
            {{ $t('common:button:save') }}
          </el-button>
        </div>
      </el-dialog>
      <!-- '重阅影响任务列表' : '已影响任务列表'" +++-->
      <el-dialog v-if="ReReadingOrBackVisible"
        :title="opentype === 'read' ? this.$t('trials:spmAudit:title:title1') : this.$t('trials:spmAudit:title:title2')"
        :visible.sync="ReReadingOrBackVisible" width="1460px" append-to-body :close-on-click-modal="false"
        custom-class="base-dialog-wrapper">
        <div class="base-dialog-body">
          <el-table v-loading="loading" :data="InfluenceTaskList" stripe height="100" style="min-height: 400px;">
            <!-- 任务编号 -->
            <el-table-column prop="TaskCode" :label="$t('trials:readTask:table:taskCode')" min-width="100"
              show-overflow-tooltip />
            <!-- 中心编号 -->
            <el-table-column prop="TrialSiteCode" :label="$t('trials:readTask:table:siteCode')" min-width="100"
              show-overflow-tooltip />
            <!-- 受试者编号 -->
            <el-table-column prop="SubjectCode" :label="$t('trials:readTask:table:subjectCode')" min-width="120"
              show-overflow-tooltip />
            <!-- 访视/阅片期名称 -->
            <el-table-column prop="VisitTaskNum" :label="$t('trials:consistencyCheck:table:visitName')" min-width="140"
              show-overflow-tooltip>
              <template slot-scope="scope">
                {{ scope.row.TaskName }}
              </template>
            </el-table-column>
            <!-- 盲态任务标识 -->
            <el-table-column prop="TaskBlindName" :label="$t('trials:readTask:table:blindName')" min-width="120"
              show-overflow-tooltip />
            <!-- 阅片标准 -->
            <el-table-column prop="TrialReadingCriterionName" :label="$t('trials:readTask:table:criterionName')"
              min-width="100" show-overflow-tooltip />
            <!-- 任务状态 -->
            <el-table-column prop="TaskState" :label="$t('trials:readTask:table:taskState')" min-width="100"
              show-overflow-tooltip>
              <template slot-scope="scope">
                <el-tag v-if="scope.row.TaskState === 0" type="primary">{{ $fd('TaskState', scope.row.TaskState)
                }}</el-tag>
                <el-tag v-if="scope.row.TaskState === 1" type="info">{{ $fd('TaskState', scope.row.TaskState)
                }}</el-tag>
                <el-tag v-if="scope.row.TaskState === 3" type="danger">{{ $fd('TaskState', scope.row.TaskState)
                }}</el-tag>
                <el-tag v-if="scope.row.TaskState === 4" type="warning">{{ $fd('TaskState', scope.row.TaskState)
                }}</el-tag>
                <el-tag v-if="scope.row.TaskState === 5" type="danger">{{ $fd('TaskState', scope.row.TaskState)
                }}</el-tag>
              </template>
            </el-table-column>
            <!-- 任务类型 -->
            <el-table-column prop="ReadingCategory" min-width="100" :label="$t('trials:readTask:table:readingCategory')"
              show-overflow-tooltip>
              <template slot-scope="scope">
                <el-tag v-if="scope.row.ReadingCategory === 1" type="primary">{{ $fd('ReadingCategory',
                  scope.row.ReadingCategory) }}</el-tag>
                <el-tag v-if="scope.row.ReadingCategory === 2" type="info">{{ $fd('ReadingCategory',
                  scope.row.ReadingCategory) }}</el-tag>
                <el-tag v-if="scope.row.ReadingCategory === 4" type="danger">{{ $fd('ReadingCategory',
                  scope.row.ReadingCategory) }}</el-tag>
                <el-tag v-if="scope.row.ReadingCategory === 5" type="warning">{{ $fd('ReadingCategory',
                  scope.row.ReadingCategory) }}</el-tag>
              </template>
            </el-table-column>
            <!-- 阅片状态 -->
            <el-table-column prop="ReadingTaskState" :label="$t('trials:readTask:table:readingTaskState')"
              min-width="100" show-overflow-tooltip>
              <template slot-scope="scope">
                <el-tag v-if="scope.row.ReadingTaskState === 2" type="primary">{{ $fd('ReadingTaskState',
                  scope.row.ReadingTaskState) }}</el-tag>
                <el-tag v-else type="danger">{{ $fd('ReadingTaskState', scope.row.ReadingTaskState) }}</el-tag>
              </template>
            </el-table-column>
            <!-- 生效后影响 -->
            <el-table-column prop="OptType" :label="$t('trials:readTask:table:optType')" min-width="100"
              show-overflow-tooltip>
              <template slot-scope="scope">
                <el-tag v-if="scope.row.OptType === 0" type="primary">{{ $fd('ReReadingOrBackOptType',
                  scope.row.OptType) }}</el-tag>
                <el-tag v-if="scope.row.OptType === 1" type="danger">{{ $fd('ReReadingOrBackOptType', scope.row.OptType)
                }}</el-tag>
                <el-tag v-if="scope.row.OptType === 2" type="warning">{{ $fd('ReReadingOrBackOptType',
                  scope.row.OptType) }}</el-tag>
              </template>
            </el-table-column>
            <!-- 阅片人 -->
            <el-table-column prop="UserName" :label="$t('trials:readTask:table:reader')" min-width="160"
              show-overflow-tooltip>
              <template v-if="scope.row.DoctorUser" slot-scope="scope">
                {{ scope.row.DoctorUser.UserName }}({{ scope.row.DoctorUser.FullName }})
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div v-if="opentype === 'read'" slot="footer" class="dialog-footer">
          <!-- 取消 -->
          <el-button :disabled="btnLoading" size="small" type="primary" @click="ReReadingOrBackVisible = false">
            {{ $t('common:button:cancel') }}
          </el-button>
          <!-- 保存 -->
          <el-button :loading="btnLoading" size="small" type="primary" @click="confirmSign(1)">
            {{ $t('common:button:save') }}
          </el-button>
        </div>
      </el-dialog>
      <el-dialog :destroy-on-close="true" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
        custom-class="base-dialog-wrapper">
        <div slot="title">
          <span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
          <span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
        </div>
        <SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
      </el-dialog>
    </template>
  </BaseContainer>
</template>
<script>
import { getTrialSiteSelect } from '@/api/trials'
import { getReReadingOrBackInfluenceTaskList, getInfluencedTaskList, confirmReReading, getSPMReReadingTaskList, getDoctorUserSelectList } from '@/api/trials/reading'
import BaseContainer from '@/components/BaseContainer'
import Pagination from '@/components/Pagination'
import { getToken } from '@/utils/auth'
import { changeURLStatic } from '@/utils/history.js'
import const_ from '@/const/sign-code'
import SignForm from '@/views/trials/components/newSignForm'
import baseModel from '@/components/BaseModel'
const searchDataDefault = () => {
  return {
    PageIndex: 1,
    PageSize: 20,
    Asc: true,
    SortField: '',
    TrialId: null,
    TrialSiteId: null,
    SubjectId: null,
    SubjectCode: null,
    IsUrgent: null,
    TaskName: null,
    TaskState: null,
    DoctorUserId: null,
    ReadingCategory: null,
    TaskAllocationState: null,
    BeginAllocateDate: null,
    EndAllocateDate: null,
    RootReReadingTaskId: null
  }
}
export default {
  name: 'TrialsNotice',
  components: { BaseContainer, Pagination, SignForm, baseModel },
  data() {
    return {
      searchData: searchDataDefault(),
      ReReadingOrBackVisible: false,
      signVisible: false,
      InfluenceTaskList: [],
      maxLength: 0,
      list: [],
      siteOptions: [],
      total: 0,
      opentype: null,
      currentUser: zzSessionStorage.getItem('userName'),
      signCode: null,
      SubjectAssignListTotal: 0,
      loading: false,
      AllocationConfigVisible: false,
      ConfirmReReadingForm: {
        RequestReReadingRejectReason: null
      },
      rules: {
        RequestReReadingRejectReason: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }]
      },
      ConfirmReReadingVisible: false,
      taskAllocationRuleVisible: false,
      AutoAlloctionVisible: false,
      manualAllocationVisible: false,
      trialId: this.$route.query.trialId,
      currentData: {},
      param: {},
      DoctorUserList: [],
      TaskAllocationRuleList: [],
      btnLoading: false,
      value: true,
      value1: true,
      TrialTaskInfo: {
        TrialId: null,
        TaskAllocateObjEnum: 0,
        FollowVisitAutoAssignDefaultState: 0,
        FollowGlobalVisitAutoAssignDefaultState: 0,
        TaskAllocateDefaultState: 1
      },
      title: '',
      rowData: {},
      timeList: [],
      SubjectAssignList: [],
      SubjectAssignSelectList: [],
      TaskAllocationRuleSelectList: [],
      readVisible: false,
      TaskOptType: null,
      OtherInfo: null,
      ReadingType: null,
      config: {
        visible: false,
        title: this.$t("trials:spmAudit:confirmMessage:imageBack"),
        width: '1000px',
        appendToBody: true,
      },
      form: {
        RequestReReadingResultEnum: null,
        RequestReReadingRejectReason: null
      },
      rules: {
        RequestReReadingResultEnum: [
          {
            required: true,
            message: this.$t('common:ruleMessage:select'),
            trigger: ['blur', 'change'],
          },
        ],
        RequestReReadingRejectReason: [
          {
            required: true,
            message: this.$t('common:ruleMessage:specify'),
            trigger: ['blur', 'change'],
          },
        ]
      }
    }
  },
  computed: {
    isEN() {
      return this.$i18n.locale !== 'zh'
    },
  },
  mounted() {
    if (this.$route.query.SiteId) {
      this.searchData.TrialSiteId = this.$route.query.SiteId
      this.searchData.SubjectCode = this.$route.query.SubjectCode
      this.searchData.TaskName = this.$route.query.TaskName
      this.searchData.DoctorUserId = this.$route.query.DoctorUserId
      changeURLStatic('SiteId', '')
      changeURLStatic('SubjectCode', '')
      changeURLStatic('TaskName', '')
      changeURLStatic('DoctorUserId', '')
    }
    this.getList()
    this.getSite()
    this.getDoctorUserSelectList()
  },
  methods: {
    async auditImageBack() {
      try {
        console.log(this.form)
        let validate = await this.$refs.imageBackform.validate()
        if (!validate) return false
        this.confirmSign(this.form.RequestReReadingResultEnum)
      } catch (err) {
        console.log(err)
      }
    },
    async audit(row) {
      try {
        this.rowData = Object.assign({}, row)
        this.rowData.title = `${row.ApplicantName} (${this.$fd('RequestReReadingType', row.RequestReReadingType)}) ${this.$t('trials:spmAudit:title:imageBack').replace('xxx', row.OriginalReReadingTask.SubjectCode).replace('yyy', row.OriginalReReadingTask.TaskBlindName)}`
        Object.keys(this.form).forEach(key => {
          this.form[key] = null
        })
        this.loading = true
        let res = await getReReadingOrBackInfluenceTaskList(
          row.OriginalReReadingTaskId,
          true,
          row.Id
        )
        if (res.IsSuccess) {
          this.InfluenceTaskList = res.Result
          this.config.visible = true
          this.loading = false
        }
      } catch (err) {
        this.loading = false
        console.log(err)
      }
    },
    getInfluencedTaskList(row) {
      this.loading = true
      this.opentype = 'look'
      this.rowData = { ...row }
      getInfluencedTaskList(row.OriginalReReadingTaskId).then(res => {
        this.InfluenceTaskList = res.Result
        this.ReReadingOrBackVisible = true
        this.loading = false
      })
    },
    openReReadingOrBackList(row) {
      this.loading = true
      this.opentype = 'read'
      this.rowData = { ...row }
      getReReadingOrBackInfluenceTaskList(row.OriginalReReadingTaskId, true, row.Id).then(res => {
        this.InfluenceTaskList = res.Result
        this.ReReadingOrBackVisible = true
        this.loading = false
      }).catch(() => { this.loading = false })
    },
    lookReadingResults(row) {
      var token = getToken()
      const routeData = this.$router.resolve({
        path: `/noneDicomReading?subjectId=${row.SubjectId}&trialId=${row.TrialId}&visitTaskId=${row.NewReReadingTaskId}&TokenKey=${token}`
      })
      window.open(routeData.href, '_blank')
    },

    confirmSign(type) {
      const { HeavyReadingApproval } = const_.processSignature
      this.type = type
      this.signCode = HeavyReadingApproval
      this.signVisible = true
    },
    closeSignDialog(isSign, signInfo) {
      if (isSign) {
        this.confirmReReading(this.rowData, this.type, false, signInfo)
      } else {
        this.signVisible = false
      }
    },
    confirmReReading(row, type, open, signInfo) {
      if (open) {
        this.rowData = { ...row }
        this.ConfirmReReadingVisible = true
        this.ConfirmReReadingForm = {
          RequestReReadingRejectReason: null
        }
        return
      }
      if (type === 2) {
        this.$refs.imageBackform.validate((valid) => {
          if (!valid) return
          var params = {
            data: {
              ConfirmReReadingList: [
                {
                  Id: row.Id,
                  OriginalReReadingTaskId: row.OriginalReReadingTaskId,
                  RootReReadingTaskId: row.RootReReadingTaskId,
                  NewReReadingTaskId: row.NewReReadingTaskId
                }
              ],
              RequestReReadingRejectReason: this.form.RequestReReadingRejectReason,
              TrialId: this.$route.query.trialId,
              RequestReReadingResultEnum: type
            },
            signInfo: signInfo
          }
          this.loading = true
          this.btnLoading = true
          confirmReReading(params).then(() => {
            this.loading = false
            this.btnLoading = false
            this.$message.success(`${type === 1 ? this.$t('trials:spmAudit:title:title4') : this.$t('trials:spmAudit:title:title5')}`)
            this.getList()
            this.config.visible = false
            this.$refs['signForm'].btnLoading = false
            this.signVisible = false
          }).catch(() => {
            this.$refs['signForm'].btnLoading = false
            this.loading = false
            this.btnLoading = false
          })
        })
        return
      }
      var params = {
        data: {
          ConfirmReReadingList: [
            {
              Id: row.Id,
              OriginalReReadingTaskId: row.OriginalReReadingTaskId,
              RootReReadingTaskId: row.RootReReadingTaskId,
              NewReReadingTaskId: row.NewReReadingTaskId
            }
          ],
          TrialId: this.$route.query.trialId,
          RequestReReadingResultEnum: type
        },
        signInfo: signInfo
      }
      this.loading = true
      this.btnLoading = true
      confirmReReading(params).then(() => {
        this.loading = false
        this.btnLoading = false
        this.$message.success(`${type === 1 ? this.$t('trials:spmAudit:title:title4') : this.$t('trials:spmAudit:title:title5')}`)
        this.config.visible = false
        this.$refs['signForm'].btnLoading = false
        this.signVisible = false
        this.getList()
      }).catch(() => {
        this.$refs['signForm'].btnLoading = false
        this.loading = false
        this.btnLoading = false
      })
    },

    changeTimeList() {
      if (this.timeList) {
        this.searchData.BeginAllocateDate = this.timeList[0]
        this.searchData.EndAllocateDate = this.timeList[1]
      } else {
        this.searchData.BeginAllocateDate = null
        this.searchData.EndAllocateDate = null
      }
    },
    getDoctorUserSelectList() {
      getDoctorUserSelectList(this.$route.query.trialId).then(res => {
        this.DoctorUserList = res.Result
        if (this.DoctorUserList.length > 0) {
          this.ReadingType = this.DoctorUserList[0].ReadingType
        }
      })
    },
    getList() {
      this.searchData.TrialId = this.$route.query.trialId
      this.loading = true
      getSPMReReadingTaskList(this.searchData).then(res => {
        this.loading = false
        this.OtherInfo = res.OtherInfo
        this.list = res.Result.CurrentPageData
        this.total = res.Result.TotalCount
      }).catch(() => { this.loading = false })
    },
    handleSearch() {
      this.searchData.PageIndex = 1
      this.getList()
    },
    handleReset() {
      this.timeList = null
      this.searchData = searchDataDefault()
      this.getList()
    },
    getSite() {
      getTrialSiteSelect(this.trialId).then(res => {
        this.siteOptions = res.Result
      })
    },
    // 排序
    handleSortChange(column) {
      if (column.order === 'ascending') {
        this.searchData.Asc = true
      } else {
        this.searchData.Asc = false
      }
      this.searchData.SortField = column.prop
      this.searchData.PageIndex = 1
      this.getList()
    }
  }
}
</script>
<style lang="scss" scoped>
::v-deep .hidden-row {
  display: none;
}

::v-deep .el-dialog__body {
  padding: 15px 20px;
}

::v-deep .el-tag--danger.el-tag--dark {
  // background-color: #f56c6c!important;
  border-color: none !important;
  // color: #fff!important;
}

::v-deep #TaskAllocationRuleList thead .el-checkbox__inner {
  display: none;
}

::v-deep .el-descriptions-item__label.has-colon:after {
  display: none;
}
</style>