受试者终止状态管理

src/views/trials/trials-panel/visit/consistency-check/index.vue

@@ -5,18 +5,9 @@
       <el-form :inline="true">
         <!-- 中心编号 -->
         <el-form-item :label="$t('trials:consistencyCheck:table:siteId')">
-          <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 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>
         <!-- 受试者编号 -->
@@ -24,22 +15,10 @@
           <el-input v-model="searchData.SubjectInfo" style="width: 100px" />
         </el-form-item>
         <!-- 访视名称 -->
-        <el-form-item
-          class="my_multiple"
-          :label="$t('trials:consistencyCheck:table:visitName')"
-        >
-          <el-select
-            v-model="searchData.VisitPlanArray"
-            style="width: 140px"
-            clearable
-            multiple
-          >
-            <el-option
-              v-for="(item, index) of visitPlanOptions"
-              :key="index"
-              :label="item.VisitName"
-              :value="item.VisitNum"
-            >
+        <el-form-item class="my_multiple" :label="$t('trials:consistencyCheck:table:visitName')">
+          <el-select v-model="searchData.VisitPlanArray" style="width: 140px" clearable multiple>
+            <el-option v-for="(item, index) of visitPlanOptions" :key="index" :label="item.VisitName"
+              :value="item.VisitNum">
               <span style="float: left">{{ item.VisitName }}</span>
             </el-option>
             <el-option key="Other" label="Out of Plan" value="1.11" />
@@ -47,17 +26,8 @@
         </el-form-item>
         <!-- 核查状态 -->
         <el-form-item :label="$t('trials:consistencyCheck:table:checkState')">
-          <el-select
-            v-model="searchData.CheckState"
-            clearable
-            style="width: 120px"
-          >
-            <el-option
-              v-for="item of $d.CheckState"
-              :key="item.value"
-              :value="item.value"
-              :label="item.label"
-            />
+          <el-select v-model="searchData.CheckState" clearable style="width: 120px">
+            <el-option v-for="item of $d.CheckState" :key="item.value" :value="item.value" :label="item.label" />
           </el-select>
         </el-form-item>
         <!-- 查询 -->
@@ -65,47 +35,27 @@
           {{ $t('common:button:search') }}
         </el-button>
         <!-- 重置 -->
-        <el-button
-          type="primary"
-          icon="el-icon-refresh-left"
-          @click="handleReset"
-        >
+        <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)"
-        >
+        <el-button type="primary" icon="el-icon-download" @click="handleExport(1)">
           {{ $t('trials:consistencyCheck:button:export1') }}
         </el-button>
         <!-- 导出一致性核查记录表 -->
-        <el-button
-          type="primary"
-          icon="el-icon-download"
-          @click="handleExport(2)"
-        >
+        <el-button type="primary" icon="el-icon-download" @click="handleExport(2)">
           {{ $t('trials:consistencyCheck:button:export2') }}
         </el-button>
         <!-- 下载模板 -->
-        <el-button
-          type="primary"
-          v-hasPermi="['trials:trials-panel:visit:consistency-check:upload']"
-          icon="el-icon-download"
-          @click="handleDownload"
-        >
+        <el-button type="primary" v-hasPermi="['trials:trials-panel:visit:consistency-check:upload']"
+          icon="el-icon-download" @click="handleDownload">
           {{ $t('trials:consistencyCheck:button:download') }}
         </el-button>
       </el-form>
       <!-- 上传 -->
       <span style="margin-left: auto">
-        <el-button
-          v-hasPermi="['trials:trials-panel:visit:consistency-check:upload']"
-          type="primary"
-          icon="el-icon-upload2"
-          @click="handleOpenUploadDialog"
-        >
+        <el-button v-hasPermi="['trials:trials-panel:visit:consistency-check:upload']" type="primary"
+          icon="el-icon-upload2" @click="handleOpenUploadDialog">
           {{ $t('trials:consistencyCheck:button:upload') }}
         </el-button>
       </span>
@@ -113,24 +63,12 @@
 
     <!-- 一致性核查列表 -->
     <template slot="main-container">
-      <el-table
-        ref="consistencyTable"
-        v-loading="loading"
-        v-adaptive="{ bottomOffset: 60 }"
-        :data="list"
-        stripe
-        height="100"
-        @sort-change="handleSortByColumn"
-      >
+      <el-table ref="consistencyTable" v-loading="loading" v-adaptive="{ bottomOffset: 60 }" :data="list" stripe
+        height="100" @sort-change="handleSortByColumn">
         <el-table-column type="index" width="40" />
         <!-- 是否加急 -->
-        <el-table-column
-          prop="IsUrgent"
-          :label="$t('trials:consistencyCheck:table:isUrgent')"
-          show-overflow-tooltip
-          min-width="110"
-          sortable="custom"
-        >
+        <el-table-column prop="IsUrgent" :label="$t('trials:consistencyCheck:table:isUrgent')" show-overflow-tooltip
+          min-width="110" sortable="custom">
           <template slot-scope="scope">
             <el-tag v-if="scope.row.IsUrgent" type="danger">{{
               $fd('YesOrNo', scope.row.IsUrgent)
@@ -141,19 +79,11 @@
           </template>
         </el-table-column>
         <!-- 核查质疑状态 -->
-        <el-table-column
-          prop="CheckChallengeState"
-          :label="$t('trials:consistencyCheck:table:checkChallengeState')"
-          show-overflow-tooltip
-          min-width="130"
-          sortable="custom"
-        >
+        <el-table-column prop="CheckChallengeState" :label="$t('trials:consistencyCheck:table:checkChallengeState')"
+          show-overflow-tooltip min-width="130" sortable="custom">
           <template slot-scope="scope">
             <span v-if="scope.row.CheckChallengeState === 0"> -- </span>
-            <el-tag
-              v-else-if="scope.row.CheckChallengeState === 1"
-              type="danger"
-            >
+            <el-tag v-else-if="scope.row.CheckChallengeState === 1" type="danger">
               {{ $fd('CheckChallengeState', 1) }}
               <!-- {{
                 userTypeEnumInt === 2
@@ -161,10 +91,7 @@
                   : $fd('CheckChallengeState', 2)
               }} -->
             </el-tag>
-            <el-tag
-              v-else-if="scope.row.CheckChallengeState === 2"
-              type="danger"
-            >
+            <el-tag v-else-if="scope.row.CheckChallengeState === 2" type="danger">
               {{ $fd('CheckChallengeState', 2) }}
               <!-- {{
                 userTypeEnumInt === 2
@@ -178,75 +105,48 @@
           </template>
         </el-table-column>
         <!-- 中心编号 -->
-        <el-table-column
-          prop="TrialSiteCode"
-          :label="$t('trials:consistencyCheck:table:siteId')"
-          show-overflow-tooltip
-          width="140"
-          sortable="custom"
-        />
+        <el-table-column prop="TrialSiteCode" :label="$t('trials:consistencyCheck:table:siteId')" show-overflow-tooltip
+          width="140" sortable="custom" />
         <!-- 受试者编号 -->
-        <el-table-column
-          prop="SubjectCode"
-          :label="$t('trials:consistencyCheck:table:subjectId')"
-          show-overflow-tooltip
-          width="140"
-          sortable="custom"
-        />
+        <el-table-column prop="SubjectCode" :label="$t('trials:consistencyCheck:table:subjectId')" show-overflow-tooltip
+          width="140" sortable="custom" />
         <!-- 访视名称 -->
-        <el-table-column
-          prop="VisitName"
-          :label="$t('trials:consistencyCheck:table:visitName')"
-          show-overflow-tooltip
-          width="140"
-          sortable="custom"
-        >
+        <el-table-column prop="VisitName" :label="$t('trials:consistencyCheck:table:visitName')" show-overflow-tooltip
+          width="140" sortable="custom">
           <template slot-scope="scope">
             <span>{{ scope.row.VisitName }}</span>
             <span v-if="scope.row.IsCheckBack" class="status-primary-circle">{{
               $t('trials:consistencyCheck:table:back')
             }}</span>
+            <!-- 终止 -->
+            <span v-if="scope.row.IsSubjectQuit" class="status-primary-circle">
+              {{ $t('trials:crcUpload:label:ISQ') }}
+            </span>
           </template>
         </el-table-column>
 
         <!-- 检查类型 -->
-        <el-table-column
-          prop="Modalitys"
-          :label="$t('trials:consistencyCheck:table:modality')"
-          show-overflow-tooltip
-          width="120"
-        >
+        <el-table-column prop="Modalitys" :label="$t('trials:consistencyCheck:table:modality')" show-overflow-tooltip
+          width="120">
           <template slot-scope="scope">
             <span>{{ scope.row.Modalitys }}</span>
           </template>
         </el-table-column>
 
         <!-- 检查日期 -->
-        <el-table-column
-          prop="LatestScanDate"
-          :label="$t('trials:consistencyCheck:table:scanDate')"
-          show-overflow-tooltip
-          width="140"
-          sortable="custom"
-        >
+        <el-table-column prop="LatestScanDate" :label="$t('trials:consistencyCheck:table:scanDate')"
+          show-overflow-tooltip width="140" sortable="custom">
           <!-- <template slot-scope="scope">
             <span>{{ scope.row.LatestScanDate.split(" ")[0] }}</span>
           </template> -->
           <template slot-scope="scope">
-            <el-tooltip
-              class="item"
-              effect="dark"
-              :content="`${
-                scope.row.EarliestScanDate
-                  ? moment(scope.row.EarliestScanDate).format('YYYY-MM-DD')
-                  : ''
-              } ~ ${
-                scope.row.LatestScanDate
-                  ? moment(scope.row.LatestScanDate).format('YYYY-MM-DD')
-                  : ''
-              }`"
-              placement="top"
-            >
+            <el-tooltip class="item" effect="dark" :content="`${scope.row.EarliestScanDate
+              ? moment(scope.row.EarliestScanDate).format('YYYY-MM-DD')
+              : ''
+              } ~ ${scope.row.LatestScanDate
+                ? moment(scope.row.LatestScanDate).format('YYYY-MM-DD')
+                : ''
+              }`" placement="top">
               <span>
                 {{
                   scope.row.LatestScanDate
@@ -286,13 +186,8 @@
           </template>
         </el-table-column> -->
         <!-- 核查状态 -->
-        <el-table-column
-          prop="CheckState"
-          :label="$t('trials:consistencyCheck:table:checkState')"
-          show-overflow-tooltip
-          min-width="120"
-          sortable="custom"
-        >
+        <el-table-column prop="CheckState" :label="$t('trials:consistencyCheck:table:checkState')" show-overflow-tooltip
+          min-width="120" sortable="custom">
           <template slot-scope="scope">
             <span v-if="scope.row.CheckState === 0"> -- </span>
             <el-tag v-else-if="scope.row.CheckState === 9" type="danger">{{
@@ -307,36 +202,17 @@
           </template>
         </el-table-column>
         <!-- 核查时间 -->
-        <el-table-column
-          prop="CheckTime"
-          :label="$t('trials:consistencyCheck:table:checkTime')"
-          show-overflow-tooltip
-          min-width="160"
-          sortable="custom"
-        />
+        <el-table-column prop="CheckTime" :label="$t('trials:consistencyCheck:table:checkTime')" show-overflow-tooltip
+          min-width="160" sortable="custom" />
         <!-- 核查通过时间 -->
-        <el-table-column
-          prop="CheckPassedTime"
-          :label="$t('trials:consistencyCheck:table:checkPassedTime')"
-          show-overflow-tooltip
-          min-width="150"
-          sortable="custom"
-        />
+        <el-table-column prop="CheckPassedTime" :label="$t('trials:consistencyCheck:table:checkPassedTime')"
+          show-overflow-tooltip min-width="150" sortable="custom" />
         <!-- 不一致项 -->
-        <el-table-column
-          prop="CheckResult"
-          :label="$t('trials:consistencyCheck:table:checkResult')"
-          show-overflow-tooltip
-          min-width="120"
-        />
+        <el-table-column prop="CheckResult" :label="$t('trials:consistencyCheck:table:checkResult')"
+          show-overflow-tooltip min-width="120" />
         <!-- 回退状态 -->
-        <el-table-column
-          prop="RequestBackState"
-          :label="$t('trials:consistencyCheck:table:requestBackState')"
-          show-overflow-tooltip
-          min-width="120"
-          sortable="custom"
-        >
+        <el-table-column prop="RequestBackState" :label="$t('trials:consistencyCheck:table:requestBackState')"
+          show-overflow-tooltip min-width="120" sortable="custom">
           <template slot-scope="scope">
             <span v-if="scope.row.RequestBackState * 1 === 0">{{
               $fd('RequestBackState', scope.row.RequestBackState * 1)
@@ -344,170 +220,94 @@
             <el-tag v-else-if="scope.row.RequestBackState * 1 === 1">{{
               $fd('RequestBackState', scope.row.RequestBackState * 1)
             }}</el-tag>
-            <el-tag
-              v-else-if="scope.row.RequestBackState * 1 === 2"
-              type="warning"
-              >{{
-                $fd('RequestBackState', scope.row.RequestBackState * 1)
-              }}</el-tag
-            >
-            <el-tag
-              v-else-if="scope.row.RequestBackState * 1 === 3"
-              type="danger"
-              >{{
-                $fd('RequestBackState', scope.row.RequestBackState * 1)
-              }}</el-tag
-            >
+            <el-tag v-else-if="scope.row.RequestBackState * 1 === 2" type="warning">{{
+              $fd('RequestBackState', scope.row.RequestBackState * 1)
+            }}</el-tag>
+            <el-tag v-else-if="scope.row.RequestBackState * 1 === 3" type="danger">{{
+              $fd('RequestBackState', scope.row.RequestBackState * 1)
+            }}</el-tag>
           </template>
         </el-table-column>
-        <el-table-column
-          v-if="
-            hasPermi([
-              'trials:trials-panel:visit:consistency-check:reply',
-              'trials:trials-panel:visit:consistency-check:apply-fallback',
-              'trials:trials-panel:visit:consistency-check:fallback',
-              'trials:trials-panel:visit:consistency-check:close',
-              'trials:trials-panel:visit:consistency-check:pass',
-            ])
-          "
-          :label="$t('common:action:action')"
-          width="200"
-          fixed="right"
-        >
+        <el-table-column v-if="
+          hasPermi([
+            'trials:trials-panel:visit:consistency-check:reply',
+            'trials:trials-panel:visit:consistency-check:apply-fallback',
+            'trials:trials-panel:visit:consistency-check:fallback',
+            'trials:trials-panel:visit:consistency-check:close',
+            'trials:trials-panel:visit:consistency-check:pass',
+          ])
+        " :label="$t('common:action:action')" width="200" fixed="right">
           <template slot-scope="scope">
-            <el-button
-              circle
-              :title="$t('trials:consistencyCheck:action:reply')"
-              :disabled="scope.row.CheckState < 10"
-              icon="el-icon-chat-dot-square"
-              @click="handleReply(scope.row)"
-            />
+            <el-button circle :title="$t('trials:consistencyCheck:action:reply')"
+              :disabled="scope.row.CheckState < 10 || (scope.row.IsSubjectQuit && scope.row.CheckState * 1 !== 11)"
+              icon="el-icon-chat-dot-square" @click="handleReply(scope.row)" />
             <!-- 关闭 -->
-            <el-button
-              v-hasPermi="['trials:trials-panel:visit:consistency-check:close']"
-              circle
-              :title="$t('trials:consistencyCheck:action:close')"
-              icon="el-icon-close"
-              :disabled="
-                scope.row.CheckChallengeState === 0 ||
+            <el-button v-hasPermi="['trials:trials-panel:visit:consistency-check:close']" circle
+              :title="$t('trials:consistencyCheck:action:close')" icon="el-icon-close" :disabled="scope.row.CheckChallengeState === 0 ||
                 scope.row.CheckChallengeState === 3 ||
-                scope.row.RequestBackState === 1
-              "
-              @click="handleOpenReason(scope.row, 'close')"
-            />
+                scope.row.RequestBackState === 1 || (scope.row.IsSubjectQuit && scope.row.CheckState * 1 !== 11)
+                " @click="handleOpenReason(scope.row, 'close')" />
             <!-- 通过 -->
-            <el-button
-              v-hasPermi="['trials:trials-panel:visit:consistency-check:pass']"
-              circle
-              :title="$t('trials:consistencyCheck:action:pass')"
-              icon="el-icon-circle-check"
-              :disabled="
-                scope.row.CheckState === 11 ||
+            <el-button v-hasPermi="['trials:trials-panel:visit:consistency-check:pass']" circle
+              :title="$t('trials:consistencyCheck:action:pass')" icon="el-icon-circle-check" :disabled="scope.row.CheckState === 11 ||
                 scope.row.CheckChallengeState === 1 ||
-                scope.row.CheckChallengeState === 2
-              "
-              @click="handleOpenReason(scope.row, 'pass')"
-            />
+                scope.row.CheckChallengeState === 2 || (scope.row.IsSubjectQuit && scope.row.CheckState * 1 !== 11)
+                " @click="handleOpenReason(scope.row, 'pass')" />
           </template>
         </el-table-column>
       </el-table>
 
       <!-- 分页组件 -->
-      <pagination
-        class="page"
-        :total="total"
-        :page.sync="searchData.PageIndex"
-        :limit.sync="searchData.PageSize"
-        @pagination="getList"
-      />
+      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
+        @pagination="getList" />
       <div class="remark">
         <span class="status-primary-circle">
           <!-- 回退 -->
           {{ $t('trials:consistencyCheck:table:back') }}
         </span>
         <span>: {{ $t('trials:consistencyCheck:title:back') }}</span>
+        <span class="status-primary-circle" style="margin-left: 10px">
+          {{ $t('trials:crcUpload:label:ISQ') }}
+        </span>
+        <span>: {{ $t('trials:crcUpload:label:IsSubjectQuit') }}</span>
       </div>
     </template>
 
-    <el-dialog
-      v-if="chatVisible"
-      v-dialogDrag
-      :visible.sync="chatVisible"
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-      :before-close="beforeClose"
-      width="800px"
-      :title="
-        $t('trials:consistencyCheck:dialogTitle:qsContent') +
+    <el-dialog v-if="chatVisible" v-dialogDrag :visible.sync="chatVisible" :close-on-click-modal="false"
+      :close-on-press-escape="false" :before-close="beforeClose" width="800px" :title="$t('trials:consistencyCheck:dialogTitle:qsContent') +
         `(${currentRow.SubjectCode} ${currentRow.VisitName})`
-      "
-    >
-      <ConsistencyCheckForm
-        ref="chatForm"
-        :data="currentRow"
-        :is-reply="isReply"
-        :dialog-list="currentDialogList"
-        @close="beforeClose"
-        @getDialogList="getDialogList"
-        @handleApplyBack="handleApplyBack"
-        @handleBack="handleBack"
-      />
+        ">
+      <ConsistencyCheckForm ref="chatForm" :data="currentRow" :is-reply="isReply" :dialog-list="currentDialogList"
+        @close="beforeClose" @getDialogList="getDialogList" @handleApplyBack="handleApplyBack"
+        @handleBack="handleBack" />
     </el-dialog>
 
     <!-- 签名 -->
-    <el-dialog
-      v-if="signVisible"
-      :visible.sync="signVisible"
-      :close-on-click-modal="false"
-      width="600px"
-    >
+    <el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px">
       <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"
-        :subject-visit-id="currentRow.Id"
-        @closeDialog="closeSignDialog"
-      />
+      <SignForm ref="signForm" :sign-code-enum="signCode" :subject-visit-id="currentRow.Id"
+        @closeDialog="closeSignDialog" />
     </el-dialog>
 
     <!-- 原因 -->
-    <el-dialog
-      v-if="ReasonVisible"
-      :visible.sync="ReasonVisible"
-      :close-on-click-modal="false"
-      append-to-body
-      custom-class="base-dialog-wrapper"
-      :width="currentRow.type === 'pass' ? '750px' : '600px'"
-      :title="ReasonTitle"
-    >
-      <div
-        style="
+    <el-dialog v-if="ReasonVisible" :visible.sync="ReasonVisible" :close-on-click-modal="false" append-to-body
+      custom-class="base-dialog-wrapper" :width="currentRow.type === 'pass' ? '750px' : '600px'" :title="ReasonTitle">
+      <div style="
           padding: 10px;
           border: 1px solid #e0e0e0;
           max-height: 650px;
           overflow-y: auto;
-        "
-      >
-        <el-form
-          ref="reasonForm"
-          :rules="rules"
-          :model="QuestionForm"
-          class="demo-ruleForm"
-          size="small"
-          label-width="120px"
-        >
-          <el-form-item
-            :label="$t(`trials:qcQuality:label:${currentRow.type}Reason`)"
-            prop="Type"
-            :rules="[
-              { required: true, message: $t('common:ruleMessage:select') },
-            ]"
-          >
+        ">
+        <el-form ref="reasonForm" :rules="rules" :model="QuestionForm" class="demo-ruleForm" size="small"
+          label-width="120px">
+          <el-form-item :label="$t(`trials:qcQuality:label:${currentRow.type}Reason`)" prop="Type" :rules="[
+            { required: true, message: $t('common:ruleMessage:select') },
+          ]">
             <el-radio-group v-model="QuestionForm.Type" @change="typeChange">
               <!-- 问题已解决 -->
               <el-radio :label="1" style="width: 400px; margin-bottom: 10px">{{
@@ -518,67 +318,36 @@
                 $t(`trials:check:radio:${currentRow.type}reason${2}`)
               }}</el-radio>
               <!-- 其他 -->
-              <el-radio
-                style="width: 400px; margin-bottom: 10px"
-                v-if="currentRow.type === 'pass'"
-                :label="3"
-                >{{
-                  $t(`trials:check:radio:${currentRow.type}reason${3}`)
-                }}</el-radio
-              >
+              <el-radio style="width: 400px; margin-bottom: 10px" v-if="currentRow.type === 'pass'" :label="3">{{
+                $t(`trials:check:radio:${currentRow.type}reason${3}`)
+              }}</el-radio>
               <!-- 其他 -->
-              <el-radio
-                style="width: 400px; margin-bottom: 10px"
-                v-if="currentRow.type === 'pass'"
-                :label="4"
-                >{{
-                  $t(`trials:check:radio:${currentRow.type}reason${4}`)
-                }}</el-radio
-              >
+              <el-radio style="width: 400px; margin-bottom: 10px" v-if="currentRow.type === 'pass'" :label="4">{{
+                $t(`trials:check:radio:${currentRow.type}reason${4}`)
+              }}</el-radio>
             </el-radio-group>
           </el-form-item>
           <!-- 原因 -->
-          <el-form-item
-            v-if="
-              (currentRow.type === 'pass' && QuestionForm.Type === 4) ||
-              (currentRow.type !== 'pass' && QuestionForm.Type === 2)
-            "
-            :label="
-              $t(`trials:consistencyCheck:label:${currentRow.type}reason`)
-            "
-            prop="Remake"
-          >
-            <el-input
-              v-model="QuestionForm.Remake"
-              type="textarea"
-              :autosize="{ minRows: 2, maxRows: 4 }"
-              :placeholder="$t('common:ruleMessage:specify')"
-              maxlength="500"
-              show-word-limit
-            />
+          <el-form-item v-if="
+            (currentRow.type === 'pass' && QuestionForm.Type === 4) ||
+            (currentRow.type !== 'pass' && QuestionForm.Type === 2)
+          " :label="$t(`trials:consistencyCheck:label:${currentRow.type}reason`)
+            " prop="Remake">
+            <el-input v-model="QuestionForm.Remake" 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="
-            ReasonVisible = false
-            QuestionForm = { Type: null, Reason: null }
-          "
-        >
+        <el-button :disabled="btnLoading" size="small" type="primary" @click="
+          ReasonVisible = false
+        QuestionForm = { Type: null, Reason: null }
+          ">
           {{ $t('common:button:cancel') }}
         </el-button>
         <!-- 保存 -->
-        <el-button
-          :loading="btnLoading"
-          size="small"
-          type="primary"
-          @click="passOrCloes"
-        >
+        <el-button :loading="btnLoading" size="small" type="primary" @click="passOrCloes">
           {{ $t('common:button:save') }}
         </el-button>
       </div>
@@ -707,13 +476,13 @@ export default {
     handleExport(type) {
       if (type === 1) {
         getDicomAndNoneDicomStudyList_Export(this.searchData)
-          .then((res) => {})
+          .then((res) => { })
           .catch(() => {
             this.loading = false
           })
       } else {
         getConsistencyVerificationList_Export(this.searchData)
-          .then((res) => {})
+          .then((res) => { })
           .catch(() => {
             this.loading = false
           })
@@ -901,9 +670,8 @@ export default {
           // 问题无法解决强制关闭质疑，已提醒中心下次注意
           this.QuestionForm.Reason = `${this.$t(
             'trials:qcQuality:message:problemNotSolved'
-          )}<br/><br/>${this.$t('trials:consistencyCheck:title:note')}${
-            this.QuestionForm.Remake
-          }`
+          )}<br/><br/>${this.$t('trials:consistencyCheck:title:note')}${this.QuestionForm.Remake
+            }`
         }
         var params = {
           SubjectVisitId: row.Id,
@@ -967,7 +735,7 @@ export default {
         .then(() => {
           this.apply()
         })
-        .catch(() => {})
+        .catch(() => { })
     },
     apply() {
       this.loading = true
@@ -1050,6 +818,7 @@ export default {
 <style lang="scss">
 .consistency-list {
   position: relative;
+
   .is-circle-urgent-red {
     border-radius: 50%;
     padding: 7px;
@@ -1059,6 +828,7 @@ export default {
     color: #fff;
     border: 1px solid #dcdfe6;
   }
+
   .is-circle-urgent {
     border-radius: 50%;
     padding: 7px;
@@ -1067,6 +837,7 @@ export default {
     border: 1px solid #dcdfe6;
     font-size: 12px;
   }
+
   .status-primary-circle {
     display: inline-block;
     width: 20px;
@@ -1078,6 +849,7 @@ export default {
     color: #fff;
     font-size: 10px;
   }
+
   .remark {
     position: absolute;
     left: 5px;

src/views/trials/trials-panel/visit/qc-check/index.vue

@@ -349,14 +349,14 @@
               <el-button v-hasPermi="['trials:trials-panel:visit:qc-check:receive']"
                 :title="$t('trials:qcCheck:button:receive')" circle icon="el-icon-lock" :disabled="scope.row.PreliminaryAuditUserId === userId ||
                   scope.row.IsTake ||
-                  scope.row.AuditState > 6 || scope.row.IsImageBackApplying
+                  scope.row.AuditState > 6 || scope.row.IsImageBackApplying || (scope.row.IsSubjectQuit && scope.row.AuditState * 1 !== 8)
                   " @click="handleReciveTask(scope.row, true)" />
               <!-- 释放：当前领取人才能释放 -->
               <!-- v-if="(scope.row.IsTake && (scope.row.AuditState*1 === 4 || scope.row.AuditState*1 === 6))" -->
               <el-button v-hasPermi="['trials:trials-panel:visit:qc-check:release']"
                 :title="$t('trials:qcCheck:button:release')" circle icon="el-icon-unlock" :disabled="!(scope.row.CurrentActionUserId === userId) ||
                   !scope.row.IsTake ||
-                  scope.row.AuditState * 1 > 6 || scope.row.IsImageBackApplying
+                  scope.row.AuditState * 1 > 6 || scope.row.IsImageBackApplying || (scope.row.IsSubjectQuit && scope.row.AuditState * 1 !== 8)
                   " @click="handleReciveTask(scope.row, false)" />
               <!-- 替换：1、针对同一访视质控，初审人不能替换复审人；2、当前领取人不能替换自己； -->
               <!-- v-if="(scope.row.IsTake && (scope.row.AuditState*1 === 4 || scope.row.AuditState*1 === 6))" -->
@@ -364,7 +364,7 @@
                 :title="$t('trials:crcQuestion:button:replaceTask')" circle icon="el-icon-refresh" :disabled="scope.row.CurrentActionUserId === userId ||
                   scope.row.PreliminaryAuditUserId === userId ||
                   !scope.row.IsTake ||
-                  scope.row.AuditState * 1 > 6 || scope.row.IsImageBackApplying
+                  scope.row.AuditState * 1 > 6 || scope.row.IsImageBackApplying || (scope.row.IsSubjectQuit && scope.row.AuditState * 1 !== 8)
                   " @click="handleReplaceTask(scope.row)" />
               <!-- 审核 -->
               <!-- v-if="scope.row.QCProcessEnum === 1 && scope.row.AuditState*1 === 4 && scope.row.IsTake" -->
@@ -373,7 +373,7 @@
                   ? scope.row.CurrentActionUserId !== userId
                   : false) ||
                   !scope.row.IsTake ||
-                  scope.row.AuditState * 1 > 6 || scope.row.IsImageBackApplying
+                  scope.row.AuditState * 1 > 6 || scope.row.IsImageBackApplying || (scope.row.IsSubjectQuit && scope.row.AuditState * 1 !== 8)
                   " @click="handlePrimaryQC(scope.row)" />
               <!-- 初审 -->
               <!-- v-if="scope.row.QCProcessEnum === 2 && scope.row.AuditState*1 === 4 && scope.row.IsTake" -->
@@ -384,7 +384,7 @@
                   ? scope.row.CurrentActionUserId !== userId
                   : false) ||
                   !scope.row.IsTake ||
-                  scope.row.AuditState * 1 > 6 || scope.row.IsImageBackApplying
+                  scope.row.AuditState * 1 > 6 || scope.row.IsImageBackApplying || (scope.row.IsSubjectQuit && scope.row.AuditState * 1 !== 8)
                   " @click="handlePrimaryQC(scope.row)" />
               <!-- 复审 -->
               <!-- v-if="scope.row.QCProcessEnum === 2 && scope.row.AuditState*1 === 6 && scope.row.IsTake && scope.row.PreliminaryAuditUserId!==userId" -->
@@ -395,10 +395,11 @@
                   !scope.row.IsTake ||
                   scope.row.AuditState * 1 > 6 ||
                   scope.row.CurrentActionUserId !== userId
-                  || scope.row.IsImageBackApplying" @click="handleSecondaryQC(scope.row)" />
+                  || scope.row.IsImageBackApplying"
+                @click="handleSecondaryQC(scope.row) || (scope.row.IsSubjectQuit && scope.row.AuditState * 1 !== 8)" />
               <!-- 退回 -->
               <el-button
-                :disabled="scope.row.SubmitState * 1 < 2 || scope.row.IsImageBackApplying || scope.row.ChallengeState * 1 === 2"
+                :disabled="scope.row.SubmitState * 1 < 2 || scope.row.IsImageBackApplying || scope.row.ChallengeState * 1 === 2 || (scope.row.IsSubjectQuit && scope.row.AuditState * 1 !== 8)"
                 v-hasPermi="['trials:trials-panel:visit:qc-check:back']" icon="el-icon-back" circle
                 :title="$t('trials:qcCheck:button:back')" @click="imageBack(scope.row)" />
             </div>