/* eslint-disable */
<template>
  <BaseContainer>
    <template slot="search-container">
      <el-form :inline="true">
        <el-form-item :label="$t('trials:consistencyCheck:table:siteId')">
          <!-- 中心编号 -->
          <el-select v-model="searchData.TrialSiteCode" clearable filterable style="width:120px;">
            <el-option
              v-for="(item,index) of siteOptions"
              :key="index"
              :label="item"
              :value="item"
            />
          </el-select>
        </el-form-item>
        <!-- 受试者编号 -->
        <el-form-item :label="$t('trials:consistencyCheck:table:subjectId')">
          <el-input v-model="searchData.SubjectCode" style="width:100px;" />
        </el-form-item>
        <!-- 任务名称 -->
        <el-form-item style="margin-bottom:10px" :label="$t('trials:consistencyAnalysis:table:taskName')">
          <el-input
            v-model="searchData.TaskName"
            style="width:100px;"
            clearable
          />
        </el-form-item>
        <!-- 角色 -->
        <el-form-item style="margin-bottom:10px" :label="$t('trials:consistencyAnalysis:table:role')">
          <el-select v-model="searchData.ArmEnum" clearable style="width:120px;">
            <el-option v-for="item of $d.ArmEnum" :key="'ArmEnum' + item.label" :value="item.value" :label="item.label" />
          </el-select>
        </el-form-item>
        <!-- 阅片人 -->
        <el-form-item style="margin-bottom:10px" :label="$t('trials:consistencyAnalysis: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}(${item.FullName})`" />
          </el-select>
        </el-form-item>
        <!-- 阅片标准 -->
        <el-form-item style="margin-bottom:10px" :label="$t('trials:consistencyAnalysis:table:criterionName')">
          <el-select v-model="searchData.TrialReadingCriterionId" clearable style="width:120px;">
            <el-option v-for="item of trialCriterionList" :key="'TrialReadingCriterionId' + item.TrialReadingCriterionId" :value="item.TrialReadingCriterionId" :label="item.TrialReadingCriterionName" />
          </el-select>
        </el-form-item>
        <!-- 是否加急 -->
        <el-form-item style="margin-bottom:10px" :label="$t('trials:consistencyAnalysis: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:consistencyAnalysis: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:consistencyAnalysis: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:consistencyAnalysis:table:category')">
          <el-select v-model="searchData.IsSelfAnalysis" clearable style="width:120px;">
            <el-option v-for="item of $d.IsSelfAnalysis" :key="'IsSelfAnalysis' + item.label" :value="item.value" :label="item.label" />
          </el-select>
        </el-form-item>
        <!-- 分配状态 -->
        <!-- <el-form-item style="margin-bottom:10px" label="分配状态">
          <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:consistencyAnalysis:table:auditTime')">
          <el-date-picker
            v-model="timeList"
            value-format="yyyy-MM-dd HH:mm:ss"
            type="datetimerange"
            @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-button type="primary" icon="el-icon-download" @click="handleExport(1)">
            {{ $t('common:button:export') }}{{$t('trials:consistencyAnalysis:button:self')}}
          </el-button>
          <el-button type="primary" icon="el-icon-download" @click="handleExport(2)">
            {{ $t('common:button:export') }}{{$t('trials:consistencyAnalysis:button:group')}}
          </el-button>
          <!-- 自身一致性分析 -->
          <el-button type="primary" v-if="hasPermi(['trials:trials-panel:reading:consistency-analysis:edit'])" @click="openTaskConsistentRule(true)">
            {{$t('trials:consistencyAnalysis:button:self')}}
          </el-button>
          <!-- 组间一致性分析 -->
          <el-button type="primary" v-if="hasPermi(['trials:trials-panel:reading:consistency-analysis:edit'])" @click="openTaskConsistentRule(false)">
            {{$t('trials:consistencyAnalysis:button:group')}}
          </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="IsUrgent"
          :label="$t('trials:consistencyAnalysis:table:isUrgent')"
          show-overflow-tooltip
          min-width="100"
          sortable="custom"
        >
          <template slot-scope="scope">
            <el-tag v-if="scope.row.IsUrgent" type="danger">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag>
            <el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag>
          </template>
        </el-table-column>
        <!-- 任务编号 -->
        <el-table-column
          prop="TaskCode"
          :label="$t('trials:consistencyAnalysis:table:taskCode')"
          min-width="100"
          sortable="custom"
          show-overflow-tooltip
        />
        <!-- 中心编号 -->
        <el-table-column
          prop="TrialSiteCode"
          :label="$t('trials:consistencyAnalysis:table:siteCode')"
          min-width="100"
          sortable="custom"
          show-overflow-tooltip
        />
        <!-- 受试者编号 -->
        <el-table-column
          prop="SubjectCode"
          :label="$t('trials:consistencyAnalysis:table:subjectCode')"
          min-width="120"
          sortable="custom"
          show-overflow-tooltip
        >
          <template slot-scope="scope">
            {{scope.row.SubjectCode}}
            <span v-if="scope.row.IsReReadingOrBackInfluenceAnalysis" class="status-primary-circle">
              <!-- 影 -->
              {{$t('trials:consistencyAnalysis:table:impact')}}
            </span>
          </template>
        </el-table-column>
        <!-- 任务名称 -->
        <el-table-column
          prop="VisitTaskNum"
          :label="$t('trials:consistencyAnalysis:table:taskName')"
          min-width="120"
          sortable="custom"
          show-overflow-tooltip
        >
          <template slot-scope="scope">
            {{scope.row.TaskName}}
          </template>
        </el-table-column>
        <!-- 盲态任务标识 -->
        <el-table-column
          prop="TaskBlindName"
          :label="$t('trials:consistencyAnalysis:table:taskBlindName')"
          min-width="140"
          sortable="custom"
          show-overflow-tooltip
        />
        <!-- 任务类型 -->
        <el-table-column
          prop="ReadingCategory"
          :label="$t('trials:consistencyAnalysis:table:taskType')"
          min-width="100"
          sortable="custom"
          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="IsSelfAnalysis"
          :label="$t('trials:consistencyAnalysis:table:category')"
          min-width="160"
          sortable="custom"
          show-overflow-tooltip
        >
          <template slot-scope="scope">
            <el-tag v-if="scope.row.IsSelfAnalysis" type="primary">{{ $fd('IsSelfAnalysis', scope.row.IsSelfAnalysis) }}</el-tag>
            <el-tag v-else type="warning">{{ $fd('IsSelfAnalysis', scope.row.IsSelfAnalysis) }}</el-tag>
          </template>
        </el-table-column>
        <!-- 角色 -->
        <el-table-column
          prop="ArmEnum"
          :label="$t('trials:consistencyAnalysis:table:role')"
          min-width="80"
          sortable="custom"
          show-overflow-tooltip
        >
          <template slot-scope="scope">
            <el-tag v-if="scope.row.ArmEnum === 1" type="primary">{{$fd('ArmEnum', scope.row.ArmEnum)}}</el-tag>
            <el-tag v-if="scope.row.ArmEnum === 2" type="success">{{$fd('ArmEnum', scope.row.ArmEnum)}}</el-tag>
            <el-tag v-if="scope.row.ArmEnum === 3" type="info">{{$fd('ArmEnum', scope.row.ArmEnum)}}</el-tag>
            <el-tag v-if="scope.row.ArmEnum === 4" type="danger">{{$fd('ArmEnum', scope.row.ArmEnum)}}</el-tag>
            <el-tag v-if="scope.row.ArmEnum === 5" type="warning">{{$fd('ArmEnum', scope.row.ArmEnum)}}</el-tag>
            <el-tag v-if="scope.row.ArmEnum === 8" style="border-color: #4c2791;color:#4c2791;">{{$fd('ArmEnum', scope.row.ArmEnum)}}</el-tag>
          </template>
        </el-table-column>
        <!-- 阅片人 -->
        <el-table-column
          prop="UserName"
          :label="$t('trials:consistencyAnalysis:table:reader')"
          min-width="100"
          sortable="custom"
          show-overflow-tooltip
        >
          <template slot-scope="scope">
            {{scope.row.UserName}}({{scope.row.FullName}})
          </template>
        </el-table-column>
        <!-- 阅片标准 -->
        <el-table-column
          prop="TrialReadingCriterionName"
          :label="$t('trials:consistencyAnalysis:table:criterionName')"
          min-width="180"
          sortable="custom"
          show-overflow-tooltip
        />
        <!-- 任务状态 -->
        <el-table-column
          prop="TaskState"
          :label="$t('trials:consistencyAnalysis:table:taskStatus')"
          min-width="100"
          sortable="custom"
          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="AllocateTime"
          :label="$t('trials:consistencyAnalysis:table:auditTime')"
          min-width="140"
          sortable="custom"
          show-overflow-tooltip
        >
        </el-table-column>
        <!-- 建议完成时间 -->
        <el-table-column
          prop="SuggesteFinishedTime"
          :label="$t('trials:consistencyAnalysis:table:suggesteFinishedTime')"
          min-width="140"
          sortable="custom"
          show-overflow-tooltip
        />
        <!-- 阅片状态 -->
        <el-table-column
          prop="ReadingTaskState"
          :label="$t('trials:consistencyAnalysis:table:reviewStatus')"
          min-width="120"
          sortable="custom"
          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="SignTime"
          :label="$t('trials:consistencyAnalysis:table:signTime')"
          min-width="140"
          sortable="custom"
          show-overflow-tooltip
        />
        <!-- 申请状态 -->
        <el-table-column
          prop="ReReadingApplyState"
          :label="$t('trials:consistencyAnalysis:table:applyStatus')"
          min-width="140"
          sortable="custom"
          show-overflow-tooltip
        >
          <template slot-scope="scope">
            <el-tag v-if="scope.row.ReReadingApplyState === 4 || scope.row.ReReadingApplyState === 5" type="danger">{{ $fd('ReReadingApplyState', scope.row.ReReadingApplyState) }}</el-tag>
            <el-tag v-if="scope.row.ReReadingApplyState === 2" type="primary">{{ $fd('ReReadingApplyState', scope.row.ReReadingApplyState) }}</el-tag>
            <el-tag v-if="scope.row.ReReadingApplyState === 3" type="warning">{{ $fd('ReReadingApplyState', scope.row.ReReadingApplyState) }}</el-tag>
          </template>
        </el-table-column>
        <!-- 是否受到退回影响 -->
        <el-table-column
          prop="IsReReadingOrBackInfluenceAnalysis"
          :label="$t('trials:consistencyAnalysis:table:impactInfluence')"
          min-width="160"
          sortable="custom"
          show-overflow-tooltip>
          <template slot-scope="scope">
            <el-tag v-if="!scope.row.IsReReadingOrBackInfluenceAnalysis" type="danger">{{ $fd('YesOrNo', scope.row.IsReReadingOrBackInfluenceAnalysis) }}</el-tag>
            <el-tag v-if="scope.row.IsReReadingOrBackInfluenceAnalysis" type="primary">{{ $fd('YesOrNo', scope.row.IsReReadingOrBackInfluenceAnalysis) }}</el-tag>
          </template>
        </el-table-column>
        <el-table-column
          fixed="right"
          :label="$t('common:action:action')"
          width="110"
        >
          <template slot-scope="scope">
            <!-- 查看阅片结果 -->
            <el-button
              :disabled="scope.row.ReadingTaskState !== 2"
              icon="el-icon-view"
              circle
              :title="$t('trials:consistencyAnalysis:action:view')"
              @click="lookReadingResults(scope.row)"
            />
            <!-- 设置为失效 -->
            <el-button
              :disabled="!scope.row.IsReReadingOrBackInfluenceAnalysis || scope.row.TaskState === 1"
              v-if="hasPermi(['trials:trials-panel:reading:consistency-analysis:edit'])"
              icon="el-icon-close"
              circle
              :title="$t('trials:consistencyAnalysis:action:setInvalid')"
              @click="setAnalysisTaskInvalid(scope.row)"
            />

<!--            <el-button-->
<!--              :disabled="scope.row.TaskState !== 0 || scope.row.ReadingTaskState !== 2 || scope.row.ReReadingApplyState === 2 || scope.row.ReReadingApplyState === 1"-->
<!--              icon="el-icon-collection"-->
<!--              circle-->
<!--              title="申请重阅"-->
<!--              @click="openApplyReReading(scope.row)"-->
<!--            />-->
<!--            <el-button-->
<!--              :disabled="!scope.row.ReReadingApplyState"-->
<!--              icon="el-icon-toilet-paper"-->
<!--              circle-->
<!--              title="退回重阅历史"-->
<!--              @click="reReadingHistory(scope.row, 1)"-->
<!--            />-->
          </template>
        </el-table-column>
      </el-table>
      <!-- 分页组件 -->
      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
      <div class="remark">
        <!-- √：已设置访视基准日期；末：末次访视；失：失访；PD：PD进展；入：入组确认 -->
        <span class="status-primary-circle">
        <!-- 影 -->
        {{$t('trials:consistencyAnalysis:table:impact')}}
      </span>
      <!-- 受到退回影响 -->
        <span> {{$t('trials:consistencyAnalysis:title:impactInfluence')}}</span>
      </div>
      <!-- 自身一致性分析 -->
      <el-dialog
        v-if="ReaderRulesVisible"
        :title="$t('trials:consistencyAnalysis:button:self')"
        :visible.sync="ReaderRulesVisible"
        width="1200px"
        append-to-body
        :close-on-click-modal="false"
        custom-class="base-dialog-wrapper"
      >
        <el-tabs type="border-card" v-model="TrialReadingCriterionId" @tab-click="clickTab">
          <el-tab-pane :label="item.TrialReadingCriterionName" :name="item.TrialReadingCriterionId" v-for="item of trialCriterionList" :key="item.TrialReadingCriterionId">
            <!-- 配置自身一致性分析规则 -->
            <el-button size="small" type="primary" style="position: absolute;right: 20px;top: 10px;z-index: 100;" :loading="btnLoading" @click="addReaderRulesForm()">
               {{$t('trials:selftConsistencyAnalysis:button:config')}}
            </el-button>
            <div class="base-dialog-body" v-if="IsSelfAnalysis" style="margin-top: 32px;">
              <el-table
                v-loading="loading"
                :data="TaskConsistentRuleList"
                stripe
              >
              <!-- 阅片人 -->
                <el-table-column
                  prop="TaskCode"
                  :label="$t('trials:selftConsistencyAnalysis:table:reader')"
                  min-width="140"
                  show-overflow-tooltip
                >
                  <template slot-scope="scope" v-if="scope.row.AnalysisDoctorUser">
                    {{scope.row.AnalysisDoctorUser.UserName}}({{scope.row.AnalysisDoctorUser.FullName}})
                  </template>
                </el-table-column>
                <!-- 访视数 -->
                <el-table-column
                  prop="PlanVisitCount"
                  :label="$t('trials:selftConsistencyAnalysis:table:visitNum')"
                  min-width="90"
                  show-overflow-tooltip
                >
                </el-table-column>
                <!-- 间隔周期 -->
                <el-table-column
                  prop="IntervalWeeks"
                  :label="$t('trials:selftConsistencyAnalysis:table:intervalPeriod')"
                  min-width="100"
                  show-overflow-tooltip
                  v-if="IsSelfAnalysis"
                >
                </el-table-column>
                <!-- 所选访视是否有阅片期 -->
                <el-table-column
                  prop="IsHaveReadingPeriod"
                  :label="$t('trials:selftConsistencyAnalysis:table:isReadingPeriod')"
                  min-width="180"
                  show-overflow-tooltip
                >
                  <template slot-scope="scope">
                    <el-tag v-if="scope.row.IsHaveReadingPeriod" size="success">{{$fd('YesOrNo', scope.row.IsHaveReadingPeriod)}}</el-tag>
                    <el-tag v-else size="danger">{{$fd('YesOrNo', scope.row.IsHaveReadingPeriod)}}</el-tag>
                  </template>
                </el-table-column>
                <!-- 是否生成全局阅片任务 -->
                <el-table-column
                  prop="IsGenerateGlobalTask"
                  :label="$t('trials:selftConsistencyAnalysis:table:isGenerateGlobalTask')"
                  min-width="180"
                  show-overflow-tooltip
                >
                  <template slot-scope="scope">
                    <el-tag v-if="scope.row.IsGenerateGlobalTask" size="success">{{$fd('YesOrNo', scope.row.IsGenerateGlobalTask)}}</el-tag>
                    <el-tag v-else size="danger">{{$fd('YesOrNo', scope.row.IsGenerateGlobalTask)}}</el-tag>
                  </template>
                </el-table-column>
                <!-- 计划受试者数 -->
                <el-table-column
                  prop="PlanSubjectCount"
                  :label="$t('trials:selftConsistencyAnalysis:table:plannedSubjectNum')"
                  min-width="120"
                  show-overflow-tooltip
                >
                </el-table-column>
                <!-- 已生成受试者数 -->
                <el-table-column
                  prop="GeneratedSubjectCount"
                  :label="$t('trials:selftConsistencyAnalysis:table:createdSubjectNum')"
                  min-width="130"
                  show-overflow-tooltip
                >
                </el-table-column>
                <el-table-column
                  fixed="right"
                  :label="$t('common:action:action')"
                  width="110"
                >
                  <template slot-scope="scope">
                    <!-- 选择 -->
                    <el-button
                      circle
                      icon="el-icon-s-check"
                      :title="$t('trials:selftConsistencyAnalysis:button:select')"
                      @click="openDoctorConsistentRuleSubjectTable(scope.row)"
                    />
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </el-tab-pane>
        </el-tabs>
        <div slot="footer" class="dialog-footer">
          <!-- 取消 -->
          <el-button :disabled="btnLoading" size="small" type="primary" @click="ReaderRulesVisible = false">
            {{ $t('common:button:cancel') }}
          </el-button>
          <!-- 保存 -->
        </div>
      </el-dialog>
      <!-- 组间一致性分析 -->
      <el-dialog
        v-if="ReaderRulesVisible2"
        :title="$t('trials:consistencyAnalysis:button:group')"
        :visible.sync="ReaderRulesVisible2"
        width="1200px"
        append-to-body
        :close-on-click-modal="false"
        custom-class="base-dialog-wrapper"
      >
        <el-tabs type="border-card" v-model="TrialReadingCriterionId">
          <el-tab-pane :label="item.TrialReadingCriterionName" :name="item.TrialReadingCriterionId" v-for="item of trialCriterionList" :key="item.TrialReadingCriterionId">
            <el-button size="small" type="primary" style="position: absolute;right: 20px;top: 10px;z-index: 100;" :loading="btnLoading" @click="addReaderRulesForm('g')">
              <!-- 配置组间一致性分析规则 -->
              {{$t('trials:grouptConsistencyAnalysis:button:config')}}
            </el-button>
            <GroupConsistentRuleSubjectTable :TrialReadingCriterionId="item.TrialReadingCriterionId"
            :ref="`GroupConsistentRuleSubjectTable${item.TrialReadingCriterionId}`" style="margin-top: 40px" :IsSelfAnalysis="IsSelfAnalysis" :changeNum="changeNum" @close="() => {ReaderRulesVisible2 = false; ; rowData = {}}" @getList="getList()" />
          </el-tab-pane>
        </el-tabs>
      </el-dialog>
      <el-dialog
        v-if="ReaderRulesFormVisible"
        :title="`${title}`"
        :visible.sync="ReaderRulesFormVisible"
        width="480px"
        :close-on-click-modal="false"
      >
        <ReaderRulesForm :isDisable="isDisable" :TrialReadingCriterionId="TrialReadingCriterionId" :data="rowData" :select-list="SelectList" :doctor-user-list="DoctorUserList" :is-self-analysis="IsSelfAnalysis" @close="() => {ReaderRulesFormVisible = false; rowData = {}}" @getList="openTaskConsistentRule(IsSelfAnalysis)" />
      </el-dialog>
      <!-- 选择受试者 -->
      <el-dialog
        v-if="DoctorConsistentRuleSubjectTableVisible"
        :title="$t('trials:consistencyAnalysis:dialog:selectSubject')"
        :visible.sync="DoctorConsistentRuleSubjectTableVisible"
        width="1000px"
        :close-on-click-modal="false"
      >
        <DoctorConsistentRuleSubjectTable :data="rowData" @close="() => {DoctorConsistentRuleSubjectTableVisible = false; ; rowData = {}}" @getList="openTaskConsistentRule(IsSelfAnalysis)" />
      </el-dialog>
      <!-- 申请重阅 -->
      <el-dialog
        v-if="ApplyforReasonVisible"
        :title="$t('trials:consistencyAnalysis:dialog:applyReread')"
        :visible.sync="ApplyforReasonVisible"
        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="ApplyforReasonForm"
            class="demo-ruleForm"
            size="small"
            label-width="120px"
          >
          <!-- 申请原因 -->
            <el-form-item
              :label="$t('trials:consistencyAnalysis:applyReread:reason')"
              prop="Type"
              :rules="[
                { required: true, message: $t('common:ruleMessage:select')},
              ]"
            >
              <el-radio-group v-model="ApplyforReasonForm.Type">
                <!-- 图像重传 -->
                <el-radio :label="1">{{$t('trials:consistencyAnalysis:applyReread:imageReload')}}</el-radio>
                <!-- 其他 -->
                <el-radio :label="2">{{$t('trials:consistencyAnalysis:applyReread:other')}}</el-radio>
              </el-radio-group>
            </el-form-item>
            <!-- 备注 -->
            <el-form-item v-if="ApplyforReasonForm.Type === 2" :label="$t('trials:consistencyAnalysis:applyReread:remark')" prop="RequestReReadingReason">
              <el-input
                v-model="ApplyforReasonForm.RequestReReadingReason"
                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="ApplyforReasonVisible = false;ApplyforReasonForm = { Type: null, RequestReReadingReason: null }">
            {{ $t('common:button:cancel') }}
          </el-button>
          <!-- 保存 -->
          <el-button :loading="btnLoading" size="small" type="primary" @click="applyReReading">
            {{ $t('common:button:save') }}
          </el-button>
        </div>
      </el-dialog>
    </template>
  </BaseContainer>
</template>
<script>
import { getTrialCriterionList, getSelfConsistentDoctorStatList, setAnalysisTaskInvalid, getTrialSiteCodeSelect, getDoctorUserSelectList, getAnalysisTaskList, applyReReading, getDoctorConsistentRuleSubjectList, confirmGenerateConsistentTask, getTaskConsistentRuleList, addOrUpdateTaskConsistentRule, deleteTaskConsistentRule } from '@/api/trials/reading'
import { getSelfAnalysisTaskList_Export, getGroupAnalysisTaskList_Export } from '@/api/export'
import ReaderRulesForm from './components/ReaderRulesForm'
import DoctorConsistentRuleSubjectTable from './components/DoctorConsistentRuleSubjectTable'
import GroupConsistentRuleSubjectTable from './components/GroupConsistentRuleSubjectTable'
import BaseContainer from '@/components/BaseContainer'
import Pagination from '@/components/Pagination'
import { getToken } from '@/utils/auth'
const searchDataDefault = () => {
  return {
    PageIndex: 1,
    PageSize: 20,
    Asc: true,
    SortField: '',
    TrialId: null,
    SiteId: null,
    SubjectId: null,
    SubjectCode: null,
    TrialSiteCode: null,
    IsUrgent: null,
    TaskName: null,
    TaskState: null,
    DoctorUserId: null,
    ReadingCategory: null,
    TaskAllocationState: null,
    BeginAllocateDate: null,
    EndAllocateDate: null,
    TrialReadingCriterionId: null
  }
}
export default {
  name: 'TrialsNotice',
  components: { BaseContainer, Pagination, ReaderRulesForm, DoctorConsistentRuleSubjectTable, GroupConsistentRuleSubjectTable },
  data() {
    return {
      TrialReadingCriterionId: null,
      trialCriterionList: [],
      searchData: searchDataDefault(),
      maxLength: 0,
      list: [],
      siteOptions: [],
      total: 0,
      loading: false,
      ReaderRulesVisible: false,
      DoctorConsistentRuleSubjectTableVisible: false,
      trialId: this.$route.query.trialId,
      ReaderRulesVisible2: false,
      currentData: {},
      param: {},
      DoctorUserList: [],
      btnLoading: false,
      rowData: {},
      OtherInfo: null,
      title: null,
      SelectList: [],
      TaskConsistentRuleList: [],
      isDisable: false,
      ReaderRulesFormVisible: false,
      IsSelfAnalysis: true,
      timeList: [],
      ApplyforReasonVisible: false,
      ApplyforReasonForm: {
        Type: null,
        RequestReReadingReason: null
      },
      rules: {
        Type: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }],
        RequestReReadingReason: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }]
      },
      changeNum: 0
    }
  },
  mounted() {
    this.getList()
    this.getSite()
    this.getDoctorUserSelectList()
    this.getTrialCriterionList()
  },
  methods: {
    handleExport(type) {
      if (!this.searchData.TrialReadingCriterionId) {
        this.$alert(this.$t('trials:consistencyAnalysis:message:selectCriterion'))//'请先选择阅片标准'
        return
      }
      if (type === 1) {
        getSelfAnalysisTaskList_Export(this.searchData).then(res => {
        }).catch(() => { this.loading = false })
      } else {
        getGroupAnalysisTaskList_Export(this.searchData).then(res => {
        }).catch(() => { this.loading = false })
      }
    },
    getTrialCriterionList() {
      this.loading = true
      getTrialCriterionList(this.trialId).then(res => {
        this.trialCriterionList = res.Result
        this.TrialReadingCriterionId = this.trialCriterionList[0].TrialReadingCriterionId
        this.loading = false
      }).catch(() => { this.loading = false})
    },
    setAnalysisTaskInvalid(row) {
      // '确定要将该一致性任务设置成失效吗？'
      this.$confirm(this.$t('trials:consistencyAnalysis:applyReread:msg1')).then(() => {
        this.loading = true
        setAnalysisTaskInvalid([
          row.Id
        ]).then(res => {
          // 设置成功
          this.$message.success(this.$t('trials:consistencyAnalysis:applyReread:msg2'))
          this.getList()
          this.loading = false
        }).catch(() => {
          this.loading = 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
      }
    },
    // 重阅历史
    reReadingHistory(row) {
      this.$router.push({ path: `/trials/trials-panel/reading/reReadingTracking?trialId=${this.$route.query.trialId}&trialCode=${this.$route.query.trialCode}&researchProgramNo=${this.$route.query.researchProgramNo}&SiteId=${row.SiteId}&SubjectCode=${row.SubjectCode}&TaskName=${row.TaskName}&DoctorUserId=${row.DoctorUserId}` })
    },
    // 申请重阅
    applyReReading() {
      this.$refs.reasonForm.validate((valid) => {
        if (!valid) return
        this.loading = true
        this.btnLoading = true
        var params = {
          TaskIdList: [
            this.rowData.Id
          ],
          TrialId: this.$route.query.trialId,
          RequestReReadingType: 2,
          RequestReReadingReason: this.ApplyforReasonForm.Type === 2 ? this.ApplyforReasonForm.RequestReReadingReason : this.$t('trials:consistencyAnalysis:applyReread:imageReload')//'图像重传'
        }
        applyReReading(params).then(res => {
          this.loading = false
          this.btnLoading = false
          // 申请重阅成功
          this.$message.success(this.$t('trials:consistencyAnalysis:applyReread:msg3'))
          this.getList()
          this.ApplyforReasonVisible = false
        }).catch(() => {
          this.loading = false
          this.btnLoading = false
        })
      })
    },
    lookReadingResults(row) {
      // var token = getToken()
      // const routeData = this.$router.resolve({
      //   path: `/readingPage?TrialReadingCriterionId=${row.TrialReadingCriterionId}&subjectId=${row.SubjectId}&trialId=${row.TrialId}&visitTaskId=${row.Id}&TokenKey=${token}`
      // })
      // window.open(routeData.href, '_blank')
      window.localStorage.setItem('TrialReadingCriterionId', this.TrialReadingCriterionId)
      var token = getToken()
      var path = ''
      if (row.ReadingTool === 0) {
        path = `/readingDicoms?TrialReadingCriterionId=${row.TrialReadingCriterionId}&trialId=${row.TrialId}&subjectCode=${row.SubjectCode}&subjectId=${row.SubjectId}&visitTaskId=${row.Id}&isReadingTaskViewInOrder=${row.IsReadingTaskViewInOrder}&criterionType=${row.CriterionType}&readingTool=${row.ReadingTool}&TokenKey=${token}`
      } else {
        path = `/noneDicomReading?TrialReadingCriterionId=${row.TrialReadingCriterionId}&trialId=${row.TrialId}&subjectCode=${row.SubjectCode}&subjectId=${row.SubjectId}&visitTaskId=${row.Id}&isReadingTaskViewInOrder=${row.IsReadingTaskViewInOrder}&criterionType=${row.CriterionType}&readingTool=${row.ReadingTool}&TokenKey=${token}`
      }
      var routeData = this.$router.resolve({ path })
      window.open(routeData.href, '_blank')
    },
    openApplyReReading(row) {
      this.rowData = { ...row }
      this.ApplyforReasonVisible = true
      this.ApplyforReasonForm = {
        Type: null,
        Remake: null
      }
    },
    editReaderRulesForm(row) {
      this.rowData = {...row}
      this.ReaderRulesFormVisible = true
    },
    openDoctorConsistentRuleSubjectTable(row) {
      this.rowData = {...row}
      this.DoctorConsistentRuleSubjectTableVisible = true
    },
    addReaderRulesForm(isg) {
      this.isDisable = false
      if (isg) {
        if (this.$refs[`GroupConsistentRuleSubjectTable${this.TrialReadingCriterionId}`][0].list) {
          this.$refs[`GroupConsistentRuleSubjectTable${this.TrialReadingCriterionId}`][0].list.forEach(v => {

            if (v.IsHaveGeneratedTask) {
              this.isDisable = true
            }
          })
        }
      } else {
        if (this.TaskConsistentRuleList.length > 0) {
          this.rowData = {...this.TaskConsistentRuleList[0]}
          this.TaskConsistentRuleList.forEach(v => {
            if (v.GeneratedSubjectCount) {
              this.isDisable = true
            }
          })
        } else {
          this.rowData = {}
        }
      }
      this.ReaderRulesFormVisible = true
    },
    clickTab(tab, event) {
     this.loading = true
     getSelfConsistentDoctorStatList({TrialId: this.trialId, TrialReadingCriterionId: tab.name}).then(res => {
          // this.ReaderRulesFormVisible = false
          // this.DoctorConsistentRuleSubjectTableVisible = false
          this.TaskConsistentRuleList = res.Result
          // this.IsSelfAnalysis = true
          // this.ReaderRulesVisible = true
          // this.getList()
          this.loading = false
        }).catch(() => {
          this.loading = false
        })
    },
    openTaskConsistentRule(IsSelfAnalysis) {
      this.loading = true
      if (IsSelfAnalysis) {
        // '配置自身一致性分析规则'
        this.title = this.$t('trials:selftConsistencyAnalysis:button:config')

        getSelfConsistentDoctorStatList({TrialId: this.trialId, TrialReadingCriterionId: this.TrialReadingCriterionId}).then(res => {
          this.ReaderRulesFormVisible = false
          this.DoctorConsistentRuleSubjectTableVisible = false
          this.TaskConsistentRuleList = res.Result
          this.IsSelfAnalysis = IsSelfAnalysis
          this.ReaderRulesVisible = true
          this.getList()
          this.loading = false
        }).catch(() => {
          this.loading = false
        })
      } else {
        this.changeNum ++
        this.ReaderRulesFormVisible = false
        // '配置组间一致性分析规则'
        this.title = this.$t('trials:grouptConsistencyAnalysis:button:config')
        this.IsSelfAnalysis = IsSelfAnalysis
        this.ReaderRulesVisible2 = true
        this.loading = false
      }
      // getTaskConsistentRuleList({
      //   IsSelfAnalysis: IsSelfAnalysis,
      //   TrialId: this.trialId
      // }).then(res => {
      //   this.ReaderRulesFormVisible = false
      //   this.DoctorConsistentRuleSubjectTableVisible = false
      //   this.TaskConsistentRuleList = res.Result
      //   this.IsSelfAnalysis = IsSelfAnalysis
      //   this.ReaderRulesVisible = true
      // })
    },
    getDoctorUserSelectList() {
      getDoctorUserSelectList(this.$route.query.trialId).then(res => {
        this.DoctorUserList = res.Result
        if (this.DoctorUserList.length > 0) {
          this.ReadingType = this.DoctorUserList[0].ReadingType
        } else {
        }
      })
    },
    getList() {
      this.searchData.TrialId = this.$route.query.trialId
      this.loading = true
      getAnalysisTaskList(this.searchData).then(res => {
        this.loading = false
        this.OtherInfo = res.OtherInfo
        this.list = res.Result.CurrentPageData
        this.total = res.Result.TotalCount
        this.ReaderRulesVisible2 = false
        this.AssignMedicalReviewTaskVisible = false
      }).catch(() => { this.loading = false })
    },
    handleSearch() {
      this.searchData.PageIndex = 1
      this.getList()
    },
    handleReset() {
      this.searchData = searchDataDefault()
      this.getList()
    },
    getSite() {
      getTrialSiteCodeSelect(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>
.remark{
  position: absolute;
  left: 5px;
  bottom: 7px;
  font-size: 12px;
}
.status-primary-circle{
  display: inline-block;
  width:20px;
  height:20px;
  text-align: center;
  line-height: 18px;
  border-radius: 50%;
  // background: #f56c6c;
  border: 1px solid #f56c6c;
  color:#f56c6c;
  font-size: 10px;
}
>>>.hidden-row{
  display: none;
}
>>>.el-dialog__body {
  padding: 15px 20px;
}

>>>.el-tag--danger.el-tag--dark {
  // background-color: #f56c6c!important;
  border-color: none!important;
  // color: #fff!important;
}
>>>#TaskAllocationRuleList thead .el-checkbox__inner{
  display: none;
}
>>>.el-descriptions-item__label.has-colon:after{
  display: none;
}
</style>