在报告页面增加附件评估结果评估和查看入口

src/api/trials.js

@@ -4234,4 +4234,51 @@ export function getVisitStage(data) {
     method: 'post',
     data
   })
+}
+// 稽查管理-列表
+export function getAuditRecordList(data) {
+  return request({
+    url: `/AuditDocument/getAuditRecordList`,
+    method: 'post',
+    data
+  })
+}
+// 稽查管理-列表(EA)
+export function getAuditRecordSelectList(data) {
+  return request({
+    url: `/AuditDocument/getAuditRecordSelectList`,
+    method: 'post',
+    data
+  })
+}
+// 稽查管理-列表新增修改
+export function addOrUpdateAuditRecord(data) {
+  return request({
+    url: `/AuditDocument/addOrUpdateAuditRecord`,
+    method: 'post',
+    data
+  })
+}
+// 稽查管理-文档授权
+export function setAuditRecordPermission(data) {
+  return request({
+    url: `/AuditDocument/setAuditRecordPermission`,
+    method: 'post',
+    data
+  })
+}
+// 稽查管理-人员管理
+export function addOrDeleteAuditRecordUser(data) {
+  return request({
+    url: `/AuditDocument/addOrDeleteAuditRecordUser`,
+    method: 'put',
+    data
+  })
+}
+// 稽查管理-删除
+export function deleteAuditRecord(auditRecordId) {
+  return request({
+    url: `/AuditDocument/deleteAuditRecord/${auditRecordId}`,
+    method: 'delete'
+  })
 }

src/views/login/index.vue

@@ -7,20 +7,13 @@
       <div class="login-l">
         <div class="login-logo">
           <img v-if="language === 'zh'" src="@/assets/zzlogo2.png" alt="" />
-          <img
+          <img v-else-if="NODE_ENV === 'usa'" src="@/assets/zzlogo-usa.png" alt="" class="usa-logo" />
-            v-else-if="NODE_ENV === 'usa'"
-            src="@/assets/zzlogo-usa.png"
-            alt=""
-            class="usa-logo"
-          />
           <img v-else src="@/assets/zzlogo4.png" alt="" />
         </div>
-        <div
+        <div :class="{
-          :class="{
+          'login-image': true,
-            'login-image': true,
+          'login-image-usa': true,
-            'login-image-usa': true,
+        }">
-          }"
-        >
           <svg-icon icon-class="login-bg" style="width: 90%; height: 90%" />
           <!-- <img src="@/assets/login-bg.png" v-else /> -->
         </div>
@@ -29,77 +22,43 @@
         <div class="title-container">
           <!-- IRC Management System -->
           <div v-if="NODE_ENV === 'usa'">
-            <svg-icon
+            <svg-icon icon-class="login-logo" style="width: 300px; height: 94px" />
-              icon-class="login-logo"
-              style="width: 300px; height: 94px"
-            />
           </div>
           <div class="title" v-else>{{ $t('login:title:system') }}</div>
         </div>
-        <el-form
+        <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on"
-          ref="loginForm"
+          label-position="left">
-          :model="loginForm"
+          <el-form-item prop="username" :rules="[
-          :rules="loginRules"
+            {
-          class="login-form"
+              required: true,
-          auto-complete="on"
+              message: this.$t('login:formRule:userName'),
-          label-position="left"
+              trigger: 'blur',
-        >
+            },
-          <el-form-item
+          ]">
-            prop="username"
-            :rules="[
-              {
-                required: true,
-                message: this.$t('login:formRule:userName'),
-                trigger: 'blur',
-              },
-            ]"
-          >
             <span class="svg-container">
               <svg-icon icon-class="user" />
             </span>
             <!-- User Name -->
-            <el-input
+            <el-input ref="username" v-model="loginForm.username" size="small" :placeholder="$t('login:form:userName')"
-              ref="username"
+              name="username" type="text" tabindex="1" />
-              v-model="loginForm.username"
-              size="small"
-              :placeholder="$t('login:form:userName')"
-              name="username"
-              type="text"
-              tabindex="1"
-            />
           </el-form-item>
 
-          <el-form-item
+          <el-form-item prop="password" :rules="[
-            prop="password"
+            {
-            :rules="[
+              required: true,
-              {
+              message: this.$t('login:formRule:password'),
-                required: true,
+              trigger: 'blur',
-                message: this.$t('login:formRule:password'),
+            },
-                trigger: 'blur',
+          ]">
-              },
-            ]"
-          >
             <span class="svg-container">
               <svg-icon icon-class="password" />
             </span>
             <!-- password -->
-            <el-input
+            <el-input :key="passwordType" ref="password" v-model="loginForm.password" size="small" :type="passwordType"
-              :key="passwordType"
+              :placeholder="$t('login:form:password')" name="password" auto-complete="new-password"
-              ref="password"
+              autocomplete="new-password" tabindex="2" @keyup.enter.native="handleLogin" />
-              v-model="loginForm.password"
-              size="small"
-              :type="passwordType"
-              :placeholder="$t('login:form:password')"
-              name="password"
-              auto-complete="new-password"
-              autocomplete="new-password"
-              tabindex="2"
-              @keyup.enter.native="handleLogin"
-            />
             <span class="show-pwd" @click="showPwd">
-              <svg-icon
+              <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
-                :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'"
-              />
             </span>
             <!-- <el-input
               :key="passwordType"
@@ -118,33 +77,20 @@
             </span> -->
           </el-form-item>
           <!-- Login -->
-          <el-button
+          <el-button :loading="loading" type="primary" style="
-            :loading="loading"
-            type="primary"
-            style="
               width: 100%;
               margin-bottom: 10px;
               background-color: rgb(0, 147, 221);
-            "
+            " size="medium" @click.native.prevent="handleLogin">
-            size="medium"
-            @click.native.prevent="handleLogin"
-          >
             {{ $t('login:button:login') }}
           </el-button>
           <div style="text-align: right">
-            <TopLang
+            <TopLang v-if="
-              v-if="
+              VUE_APP_OSS_CONFIG_REGION !== 'oss-us-west-1' &&
-                VUE_APP_OSS_CONFIG_REGION !== 'oss-us-west-1' &&
+              NODE_ENV !== 'usa'
-                NODE_ENV !== 'usa'
+            " />
-              "
-            />
             <!-- Forget password? -->
-            <el-button
+            <el-button type="text" size="medium" @click.native.prevent="handleResetPwd" style="color: rgb(0, 147, 221)">
-              type="text"
-              size="medium"
-              @click.native.prevent="handleResetPwd"
-              style="color: rgb(0, 147, 221)"
-            >
               {{ $t('login:button:forgetPassword') }}
             </el-button>
           </div>
@@ -152,19 +98,14 @@
       </div>
     </div>
     <div v-if="language === 'zh'" class="login-footer">
-      <span
+      <span>Copyright © {{ new Date().getFullYear() }} 上海展影医疗科技有限公司
-        >Copyright © {{ new Date().getFullYear() }} 上海展影医疗科技有限公司
+        版权所有</span>
-        版权所有</span
-      >
       <span> | </span>
       <a target="_blank" href="https://beian.miit.gov.cn/">
         <span> 沪ICP备2021037850-2 </span>
       </a>
       <span> | </span>
-      <a
+      <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002005859">
-        target="_blank"
-        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002005859"
-      >
         <img src="@/assets/filing.png" />
         <span>沪公网安备 31011002005859号</span>
       </a>
@@ -180,43 +121,23 @@
         <span style="color: #428bca">About</span>
       </a>
     </div>
-    <Vcode
+    <Vcode :show="isShow" :fail-text="$t('login:button:failText')" :success-text="$t('login:button:successText')"
-      :show="isShow"
+      :slider-text="$t('login:button:sliderText')" :imgs="[Img1]" @success="onSuccess" />
-      :fail-text="$t('login:button:failText')"
+    <el-dialog v-if="aboutVisible" :visible.sync="aboutVisible" width="680px" style="margin-top: 0"
-      :success-text="$t('login:button:successText')"
+      :close-on-click-modal="false" size="small">
-      :slider-text="$t('login:button:sliderText')"
+      <div style="
-      :imgs="[Img1]"
-      @success="onSuccess"
-    />
-    <el-dialog
-      v-if="aboutVisible"
-      :visible.sync="aboutVisible"
-      width="680px"
-      style="margin-top: 0"
-      :close-on-click-modal="false"
-      size="small"
-    >
-      <div
-        style="
           margin: 0 auto;
           width: 600px;
           line-height: 28px;
           text-align: center;
-        "
+        ">
-      >
+        <h1 style="text-align: center; margin-bottom: 30px" v-if="NODE_ENV === 'usa'">
-        <h1
-          style="text-align: center; margin-bottom: 30px"
-          v-if="NODE_ENV === 'usa'"
-        >
           About
         </h1>
         <h1 style="text-align: center; margin-bottom: 30px" v-else>关于</h1>
         <p style="margin-bottom: 0px" v-if="NODE_ENV === 'usa'">
           <!-- {{ $t('login:title:system_title_about') }} -->
-          <svg-icon
+          <svg-icon icon-class="login-logo" style="width: 250px; height: 71px" />
-            icon-class="login-logo"
-            style="width: 250px; height: 71px"
-          />
         </p>
         <p style="margin-bottom: 0px" v-else>{{ $t('login:title:system') }}</p>
         <p style="margin-bottom: 20px; margin-top: 0">
@@ -247,13 +168,8 @@
       </div>
     </el-dialog>
     <browserTip ref="browserTip" />
-    <toggleRole
+    <toggleRole v-if="toggleRoleVisible" :visible.sync="toggleRoleVisible" :loading="toggleRoleLoading"
-      v-if="toggleRoleVisible"
+      @save="loginByRole" @cancel="cancel" />
-      :visible.sync="toggleRoleVisible"
-      :loading="toggleRoleLoading"
-      @save="loginByRole"
-      @cancel="cancel"
-    />
   </div>
 </template>
 
@@ -339,7 +255,14 @@ export default {
     this.location = this.$route.query.location
     zzSessionStorage.setItem('loginType', this.loginType)
     localStorage.setItem('location', this.location)
-    if (process.env.VUE_APP_OSS_CONFIG_REGION === 'oss-us-west-1') {
+    // zh-CN navigator.language
+    console.log(navigator.language, 'navigator.language')
+    if (navigator.language !== 'zh-CN' && navigator.language !== 'zh-TW') {
+      this.$i18n.locale = 'en'
+      this.setLanguage('en')
+      this.$updateDictionary()
+    }
+    else if (process.env.VUE_APP_OSS_CONFIG_REGION === 'oss-us-west-1') {
       this.$i18n.locale = 'en'
       this.setLanguage('en')
       this.$updateDictionary()
@@ -516,7 +439,7 @@ export default {
         Array.isArray(this.$store.state.user.roles) &&
         this.$store.state.user.roles.filter((item) => item.IsUserRoleDisabled)
           .length ===
-          this.$store.state.user.roles.length - 1
+        this.$store.state.user.roles.length - 1
       ) {
         let role = this.$store.state.user.roles.find(
           (item) => !item.IsUserRoleDisabled
@@ -640,6 +563,7 @@ $cursor: #fff;
       // }
     }
   }
+
   .login-r {
     .el-form-item {
       border: 1px solid rgba(255, 255, 255, 0.1);
@@ -655,23 +579,28 @@ $cursor: #fff;
 $bg: #2d3a4b;
 $dark_gray: #889aa4;
 $light_gray: #606266;
+
 .login-container {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: auto;
   background: rgb(249, 249, 249);
+
   ::v-deep .el-input__inner::placeholder {
     color: $dark_gray;
   }
+
   .login-header {
     margin: 10px 0px 20px 10px;
     height: 3rem;
     width: 720px;
+
     .login-logo {
       height: 100%;
     }
   }
+
   .login-body {
     position: absolute;
     left: 50%;
@@ -685,32 +614,39 @@ $light_gray: #606266;
     box-sizing: border-box;
     background: rgb(255, 255, 255);
     border-radius: 10px 0px 0px 10px;
+
     .login-l {
       position: relative;
       float: left;
       width: 50%;
       height: 100%;
+
       .login-logo {
         position: absolute;
         top: 35px;
         left: 50px;
+
         img {
           height: 40px;
         }
+
         .usa-logo {
           height: 60px;
         }
       }
+
       .login-image {
         position: absolute;
         top: 10px;
         left: 0px;
         // transform: translateY(-50%);
         height: 100%;
+
         img {
           height: 100%;
         }
       }
+
       .login-image-usa {
         width: 100%;
         display: flex;
@@ -718,6 +654,7 @@ $light_gray: #606266;
         justify-content: flex-end;
       }
     }
+
     .login-r {
       position: relative;
       float: left;
@@ -735,16 +672,19 @@ $light_gray: #606266;
         margin: 0 auto;
         overflow: hidden;
       }
+
       .title-container {
         // margin-bottom: 50px;
         text-align: center;
         margin-top: 20%;
+
         .title {
           font-size: 35px;
           color: $light_gray;
           text-align: center;
           font-weight: bold;
         }
+
         .title-logo-message {
           font-size: 26px;
           color: $light_gray;
@@ -784,6 +724,7 @@ $light_gray: #606266;
       }
     }
   }
+
   .login-footer {
     position: absolute;
     bottom: 50px;
@@ -797,6 +738,7 @@ $light_gray: #606266;
     align-items: center;
     // color: rgb(180, 190, 199);
     color: #909399;
+
     a {
       display: inline-block;
       text-decoration: none;
@@ -805,13 +747,16 @@ $light_gray: #606266;
       display: flex;
       justify-content: center;
     }
+
     span {
       margin: 0 2px;
     }
+
     img {
       height: 20px;
       line-height: 20px;
     }
+
     // p{
     //   display: inline-block;
     //   height:20px;

src/views/trials/trials-panel/attachments/attachment-management/index.vue

@@ -60,7 +60,7 @@
           <el-input v-model="searchData.userName" clearable style="width: 120px" />
         </el-form-item>
         <!-- 用户类型 -->
-        <el-form-item :label="$t('trials:signRecords:table:userType')" v-if="!isDoc">
+        <el-form-item :label="$t('trials:signRecords:table:userType')" v-if="!isDoc && !isEASystem">
           <el-select v-model="searchData.UserTypeId" clearable filterable style="width: 120px">
             <el-option v-for="item of userTypeOptions"
               v-show="isSystem || (item.UserTypeEnum !== 26 && item.UserTypeEnum !== 27)" :key="item.Id"
@@ -69,7 +69,7 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item :label="$t('trials:signRecords:table:isSign')" v-if="!isDoc || !viewStatus">
+        <el-form-item :label="$t('trials:signRecords:table:isSign')" v-if="(!isDoc || !viewStatus) && !isEASystem">
           <el-select v-model="searchData.IsConfirmed" clearable style="width: 120px">
             <el-option v-for="i of $d.TrainingStatusEnum" :key="'IsConfirmed' + i.label" :value="i.value"
               :label="i.label" />
@@ -78,12 +78,12 @@
         <el-form-item :label="isDoc
           ? $t('trials:signRecords:table:isDeletedFile')
           : $t('trials:signRecords:table:isDeleted')
-          ">
+          " v-if="!isEASystem">
           <el-select v-model="searchData.IsDeleted" clearable style="width: 120px">
             <el-option v-for="i of $d.TrainingStatus" :key="'IsDeleted' + i.label" :value="i.value" :label="i.label" />
           </el-select>
         </el-form-item>
-        <el-form-item :label="$t('trials:signRecords:table:username')" v-if="isDoc">
+        <el-form-item :label="$t('trials:signRecords:table:username')" v-if="isDoc && !isEASystem">
           <el-input v-model="searchData.UserName" style="width: 120px" />
         </el-form-item>
         <el-form-item :label="$t('trials:signRecords:table:confirmTime')" v-if="isDoc || isSystem">
@@ -91,7 +91,7 @@
             :default-time="['00:00:00', '23:59:59']" type="datetimerange">
           </el-date-picker>
         </el-form-item>
-        <el-form-item :label="$t('trials:signRecords:table:uploadTime')" v-if="isSystem">
+        <el-form-item :label="$t('trials:signRecords:table:uploadTime')" v-if="isSystem && !isEASystem">
           <el-date-picker v-model="timeListC" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"
             type="datetimerange" :default-time="['00:00:00', '23:59:59']" @change="changeTimeListC" />
         </el-form-item>
@@ -305,6 +305,11 @@ export default {
       },
     }
   },
+  computed: {
+    isEASystem() {
+      return this.isSystem && this.hasPermi(['role:ea'])
+    }
+  },
   mounted() {
     this.getTypeOptions()
     this.getUserSelect()
@@ -360,6 +365,14 @@ export default {
     },
     // 获取系统文件数据
     getList() {
+      if (this.isEASystem) {
+        this.searchData.IsConfirmed = true
+        if (!this.searchData.FileTypeId && !this.searchData.Name && !this.searchData.UserId && !this.searchData.userName && (!Array.isArray(this.timeList) || this.timeList.length < 2)) {
+          this.list = []
+          this.total = 0
+          return false
+        }
+      }
       this.loading = true
       if (this.viewStatus) {
         this.searchData.IsConfirmed = true
@@ -398,6 +411,7 @@ export default {
     getTypeOptions() {
       if (this.isSystem) {
         this.typeOptions = this.$d.Sys_Document
+        if (this.isEASystem) this.typeOptions = this.typeOptions.filter(item => item.raw.ChildGroup !== "Trial")
       } else {
         getTrialDocAndSystemDocType(this.trialId).then((res) => {
           this.typeOptions = res.Result

src/views/trials/trials-panel/reading/dicoms/components/AdditionalAssessment.vue

@@ -1,10 +1,5 @@
 <template>
-  <el-form
+  <el-form v-if="isRender" ref="assessmentForm" :model="form" size="small">
-    v-if="isRender"
-    ref="assessmentForm"
-    :model="form"
-    size="small"
-  >
     <div class="base-dialog-body">
       <!-- <div v-for="qs in questions" :key="qs.Id">
         <h4 v-if="qs.Type === 'group'">{{ qs.GroupName }}</h4>
@@ -42,14 +37,9 @@
           </el-select>
         </el-form-item>
       </div> -->
-      <AssessmentFormItem
+      <AssessmentFormItem v-for="question of questions" :key="question.Id" :question="question" :question-form="form"
-        v-for="question of questions"
+        :readingTaskState="readingTaskState" @setFormItemData="setFormItemData"
-        :key="question.Id"
+        @resetFormItemData="resetFormItemData" />
-        :question="question"
-        :question-form="form"
-        @setFormItemData="setFormItemData"
-        @resetFormItemData="resetFormItemData"
-      />
 
     </div>
     <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
@@ -57,11 +47,7 @@
         <el-button size="small" @click="handleCancel">
           {{ $t('common:button:cancel') }}
         </el-button>
-        <el-button
+        <el-button size="small" type="primary" @click="handleSave">
-          size="small"
-          type="primary"
-          @click="handleSave"
-        >
           {{ $t('common:button:save') }}
         </el-button>
       </el-form-item>
@@ -85,6 +71,10 @@ export default {
       default() {
         return []
       }
+    },
+    readingTaskState: {
+      type: Number,
+      default: 0
     }
   },
   data() {

src/views/trials/trials-panel/reading/dicoms/components/AssessmentFormItem.vue

@@ -1,67 +1,39 @@
 <template>
   <div>
-    <div
+    <div v-if="!!question.GroupName && question.Type === 'group'">
-      v-if="!!question.GroupName && question.Type==='group'"
-    >
       <h4 style="color: #ddd;padding: 5px 0px;margin: 0;font-size: 15px;">
-        {{ language==='en'?question.GroupEnName:question.GroupName }}
+        {{ language === 'en' ? question.GroupEnName : question.GroupName }}
       </h4>
     </div>
     <template v-else>
-      <el-form-item
+      <el-form-item :label="`${language === 'en' ? question.QuestionEnName : question.QuestionName}`"
-        :label="`${language==='en'?question.QuestionEnName:question.QuestionName}`"
+        :prop="question.Id" :rules="[
-        :prop="question.Id"
+          {
-        :rules="[
+            required: true,
-          { required: true,
+            message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']
-            message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']},
+          },
-        ]"
+        ]" :class="[question.Type === 'group' ? 'mb' : '']">
-        :class="[question.Type==='group'?'mb':'']"
-      >
         <!-- 下拉框 -->
-        <el-select
+        <el-select v-if="question.Type === 'select'" v-model="questionForm[question.Id]" clearable
-          v-if="question.Type==='select'"
+          @change="((val) => { formItemChange(val, question) })" :disabled="readingTaskState > 2">
-          v-model="questionForm[question.Id]"
-          clearable
-          @change="((val)=>{formItemChange(val, question)})"
-        >
           <template v-if="question.DictionaryCode">
-            <el-option
+            <el-option v-for="item of $d[question.DictionaryCode]" :key="item.id" :value="String(item.value)"
-              v-for="item of $d[question.DictionaryCode]"
+              :label="item.label" />
-              :key="item.id"
-              :value="String(item.value)"
-              :label="item.label"
-            />
           </template>
           <template v-else>
-            <el-option
+            <el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val" :value="val" />
-              v-for="val in question.TypeValue.split('|')"
-              :key="val"
-              :label="val"
-              :value="val"
-            />
           </template>
         </el-select>
         <!-- 单选 -->
-        <el-radio-group
+        <el-radio-group v-if="question.Type === 'radio'" v-model="questionForm[question.Id]"
-          v-if="question.Type==='radio'"
+          @change="((val) => { formItemChange(val, question) })" :disabled="readingTaskState > 2">
-          v-model="questionForm[question.Id]"
-          @change="((val)=>{formItemChange(val, question)})"
-        >
           <template v-if="question.DictionaryCode">
-            <el-radio
+            <el-radio v-for="item of $d[question.DictionaryCode]" :key="item.id" :label="String(item.value)">
-              v-for="item of $d[question.DictionaryCode]"
-              :key="item.id"
-              :label="String(item.value)"
-            >
               {{ item.label }}
             </el-radio>
           </template>
           <template v-else-if="question.TypeValue">
-            <el-radio
+            <el-radio v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
-              v-for="val in question.TypeValue.split('|')"
-              :key="val"
-              :label="val"
-            >
               {{ val }}
             </el-radio>
           </template>
@@ -69,14 +41,8 @@
       </el-form-item>
     </template>
 
-    <AssessmentFormItem
+    <AssessmentFormItem v-for="(item) in question.Childrens" :key="item.Id" :question="item"
-      v-for="(item) in question.Childrens"
+      :question-form="questionForm" @setFormItemData="setFormItemData" @resetFormItemData="resetFormItemData" />
-      :key="item.Id"
-      :question="item"
-      :question-form="questionForm"
-      @setFormItemData="setFormItemData"
-      @resetFormItemData="resetFormItemData"
-    />
   </div>
 </template>
 <script>
@@ -95,6 +61,10 @@ export default {
       default() {
         return []
       }
+    },
+    readingTaskState: {
+      type: Number,
+      default: 0
     }
   },
   data() {
@@ -139,7 +109,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.mb{
+.mb {
   margin-bottom: 0px;
 }
 </style>

src/views/trials/trials-panel/reading/dicoms/components/ReportPage.vue

@@ -5,87 +5,49 @@
         <!-- 电子影像病例报告表（eICRF） -->
         <h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
         <div style="margin-left:auto">
-          <el-switch
+          <el-switch v-model="isShowDetail" :active-text="$t('trials:readingReport:title:expandDetails')"
-            v-model="isShowDetail"
+            :inactive-text="$t('trials:readingReport:title:collapseDetails')" style="margin-right:5px;"
-            :active-text="$t('trials:readingReport:title:expandDetails')"
+            @change="handleShowDetail" />
-            :inactive-text="$t('trials:readingReport:title:collapseDetails')"
+          <el-button type="primary" size="small" v-if="isBaseline && assessmentQuestions.length > 0"
-            style="margin-right:5px;"
+            @click="openAssessment">
-            @change="handleShowDetail"
+            <!-- 附加评估 -->
-          />
+            {{ $t('trials:readingReport:button:assessment') }}
-          <el-button
+          </el-button>
-            v-if="readingTaskState<2"
+          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="skipTask">
-            type="primary"
-            size="small"
-            @click="skipTask"
-          >
             <!-- 跳过 -->
             {{ $t('trials:readingReport:button:skip') }}
           </el-button>
-          <el-button
+          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="getReportInfo(false)">
-            v-if="readingTaskState<2"
-            type="primary"
-            size="small"
-            @click="getReportInfo(false)"
-          >
             <!-- 刷新 -->
             {{ $t('trials:readingReport:button:refresh') }}
           </el-button>
-          <el-button
+          <el-button v-if="readingTaskState < 2 && CriterionType !== 10" type="primary" size="small"
-            v-if="readingTaskState<2 && CriterionType !== 10"
+            @click="handleSave(true)">
-            type="primary"
-            size="small"
-            @click="handleSave(true)"
-          >
             <!-- 保存 -->
             {{ $t('common:button:save') }}
           </el-button>
-          <el-button
+          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="beforeLeave">
-            v-if="readingTaskState<2"
-            type="primary"
-            size="small"
-            @click="beforeLeave"
-          >
             <!-- 提交 -->
             {{ $t('common:button:submit') }}
           </el-button>
         </div>
       </div>
       <div ref="tableWrapper" style="height:100%;overflow-y: auto;">
-        <el-table
+        <el-table v-if="height" ref="reportList" :data="taskQuestions" row-key="Id" border
-          v-if="height"
+          :expand-row-keys="expandedRows" :height="height"
-          ref="reportList"
+          :tree-props="{ children: 'Childrens', hasChildren: 'hasChildren' }" size="mini">
-          :data="taskQuestions"
+          <el-table-column prop="" label="" show-overflow-tooltip width="350px">
-          row-key="Id"
-          border
-          :expand-row-keys="expandedRows"
-          :height="height"
-          :tree-props="{children: 'Childrens', hasChildren: 'hasChildren'}"
-          size="mini"
-        >
-          <el-table-column
-            prop=""
-            label=""
-            show-overflow-tooltip
-            width="350px"
-          >
             <template slot-scope="scope">
-              <span v-if="scope.row.QuestionName" :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff'}">{{ scope.row.QuestionName }}</span>
+              <span v-if="scope.row.QuestionName"
-              <span
+                :style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff' }">{{
-                v-else
+                  scope.row.QuestionName }}</span>
-                style="font-weight: bold;font-size: 16px;color: #f44336;"
+              <span v-else style="font-weight: bold;font-size: 16px;color: #f44336;">
-              >
+                {{ language === 'en' ? scope.row.GroupEnName : scope.row.GroupName }}
-                {{ language==='en'?scope.row.GroupEnName:scope.row.GroupName }}
               </span>
             </template>
           </el-table-column>
-          <el-table-column
+          <el-table-column v-for="task in visitTaskList" :key="task.VisitTaskId" prop="date" show-overflow-tooltip
-            v-for="task in visitTaskList"
+            width="150px">
-            :key="task.VisitTaskId"
-            prop="date"
-
-            show-overflow-tooltip
-            width="150px"
-          >
             <template slot="header">
               <div v-if="task.IsCurrentTask">
                 <div>
@@ -102,58 +64,37 @@
               </div>
             </template>
             <template slot-scope="scope">
-              <span :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff'}">
+              <span
-                <template v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13,14,15,42].includes(scope.row.QuestionType)">
+                :style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff' }">
+                <template
+                  v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13, 14, 15, 42].includes(scope.row.QuestionType)">
                   <!-- 是否存在疾病（基线时可修改） -->
-                  <template v-if="task.IsBaseLine && scope.row.QuestionType=== 15">
+                  <template v-if="task.IsBaseLine && scope.row.QuestionType === 15">
-                    <el-select
+                    <el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
-                      v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
+                      v-model="currentExistDisease" size="mini" @change="handleExistDiseaseChange">
-                      v-model="currentExistDisease"
+                      <el-option v-for="item of $d[scope.row.DictionaryCode]" :key="item.id" :value="item.value"
-                      size="mini"
+                        :label="item.label" />
-                      @change="handleExistDiseaseChange"
-                    >
-                      <el-option
-                        v-for="item of $d[ scope.row.DictionaryCode]"
-                        :key="item.id"
-                        :value="item.value"
-                        :label="item.label"
-                      />
                     </el-select>
                   </template>
                   <!-- 整体肿瘤评估（非基线可修改） -->
-                  <template v-else-if="!task.IsBaseLine && (scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42)">
+                  <template
-                    <el-select
+                    v-else-if="!task.IsBaseLine && (scope.row.QuestionType === 13 || scope.row.QuestionType === 42)">
-                      v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
+                    <el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
-                      v-model="currentEvaluateResult"
+                      v-model="currentEvaluateResult" size="mini" @change="handleEvaluateResultChange">
-                      size="mini"
-                      @change="handleEvaluateResultChange"
-                    >
                       <template v-if="CriterionType === 1 && tLesionCount">
-                        <el-option
+                        <el-option v-for="item of $d[scope.row.DictionaryCode]"
-                          v-for="item of $d[ scope.row.DictionaryCode]"
                           v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1 && item.value !== 3)"
-                          :key="item.id"
+                          :key="item.id" :value="item.value" :label="item.label" />
-                          :value="item.value"
-                          :label="item.label"
-                        />
                       </template>
                       <template v-else-if="CriterionType === 1 && ntLesionCount">
-                        <el-option
+                        <el-option v-for="item of $d[scope.row.DictionaryCode]"
-                          v-for="item of $d[ scope.row.DictionaryCode]"
                           v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1)"
-                          :key="item.id"
+                          :key="item.id" :value="item.value" :label="item.label" />
-                          :value="item.value"
-                          :label="item.label"
-                        />
                       </template>
                       <template v-else>
-                        <el-option
+                        <el-option v-for="item of $d[scope.row.DictionaryCode]"
-                          v-for="item of $d[ scope.row.DictionaryCode]"
                           v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
-                          :key="item.id"
+                          :key="item.id" :value="item.value" :label="item.label" />
-                          :value="item.value"
-                          :label="item.label"
-                        />
                       </template>
                     </el-select>
                   </template>
@@ -162,27 +103,23 @@
                   </template> -->
                   <!-- 访视点备注（是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时，必填） -->
                   <!-- tumorEvaluate && task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease) -->
-                  <template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 ">
+                  <template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType === 14">
                     <!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
                     <template>
                       <!-- 输入框 -->
-                      <el-input
+                      <el-input v-if="scope.row.Type === 'input'" v-model="currentTaskReason" size="mini"
-                        v-if="scope.row.Type==='input'"
+                        @change="evaluateReasonChange" />
-                        v-model="currentTaskReason"
+                      <el-input v-else-if="scope.row.Type === 'textarea'" v-model="currentTaskReason"
-                        size="mini"
+                        :autosize="{ minRows: 2, maxRows: 4 }" size="mini" maxlength="500"
-                        @change="evaluateReasonChange"
+                        @change="evaluateReasonChange" />
-                      />
-                      <el-input
-                        v-else-if="scope.row.Type==='textarea'"
-                        v-model="currentTaskReason"
-                        :autosize="{ minRows: 2, maxRows: 4}"
-                        size="mini"
-                        maxlength="500"
-                        @change="evaluateReasonChange"
-                      />
                       <!-- 系统评估结果为：xxx,与当前调整的结果不一致，请填写调整原因 -->
-                      <p v-if="currentEvaluateResult !== tumorEvaluate" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;" v-html="getWarningText()" />
+                      <p v-if="currentEvaluateResult !== tumorEvaluate"
-                      <p v-else-if="currentExistDisease !== isExistDisease" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{ $fd('ExistDisease',isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
+                        style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;"
+                        v-html="getWarningText()" />
+                      <p v-else-if="currentExistDisease !== isExistDisease"
+                        style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">
+                        {{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{
+                          $fd('ExistDisease', isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
                       </p>
                     </template>
                     <!-- <template v-else>
@@ -198,35 +135,50 @@
                   </template>
                 </template>
 
-                <template v-else-if="scope.row.QuestionType=== 15">
+                <template v-else-if="scope.row.QuestionType === 15">
-                  <el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
+                  <el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
-                    <span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
+                    :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
+                    placement="top" effect="light">
+                    <span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
+                    }}</span>
                   </el-tooltip>
                   <span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
                 </template>
 
-                <template v-else-if="scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42">
+                <template v-else-if="scope.row.QuestionType === 13 || scope.row.QuestionType === 42">
-                  <el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
+                  <el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
-                    <span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
+                    :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
+                    placement="top" effect="light">
+                    <span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
+                    }}</span>
                   </el-tooltip>
                   <span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
                 </template>
-                <template v-else-if="scope.row.QuestionType=== 22">
+                <template v-else-if="scope.row.QuestionType === 22">
-                  {{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') : scope.row.Answers[task.VisitTaskId] }}
+                  {{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') :
+                    scope.row.Answers[task.VisitTaskId] }}
                 </template>
 
                 <template v-else-if="scope.row.DictionaryCode">
                   {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
                 </template>
                 <template v-else-if="CriterionType === 10">
-                  {{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}` }}
+                  {{
+                    isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
+                      `${scope.row.Answers[task.VisitTaskId]}`
+                  }}
                 </template>
                 <template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
                   {{ `${scope.row.Answers[task.VisitTaskId]}` }}
-                  <span v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{ `${$fd('ValueUnit',scope.row.Unit)}` }}</span>
+                  <span
+                    v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{
+                      `${$fd('ValueUnit', scope.row.Unit)}` }}</span>
                 </template>
                 <template v-else-if="scope.row.ValueType === 2">
-                  {{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}%` }}
+                  {{
+                    isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
+                      `${scope.row.Answers[task.VisitTaskId]}%`
+                  }}
                 </template>
                 <template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
                   {{ scope.row.Answers[task.VisitTaskId] }}
@@ -238,31 +190,17 @@
       </div>
     </el-card>
     <!-- 附加评估 -->
-    <el-dialog
+    <el-dialog v-if="additionalAssessmentsDig.visible" :visible.sync="additionalAssessmentsDig.visible"
-      v-if="additionalAssessmentsDig.visible"
+      :close-on-click-modal="false" :title="additionalAssessmentsDig.title" width="600px">
-      :visible.sync="additionalAssessmentsDig.visible"
+      <AdditionalAssessment :questions="assessmentQuestions" :visit-task-id="visitTaskId"
-      :close-on-click-modal="false"
+        @close="additionalAssessmentsDig.visible = false" @sign="sign" />
-      :title="additionalAssessmentsDig.title"
-      width="600px"
-    >
-      <AdditionalAssessment
-        :questions="assessmentQuestions"
-        :visit-task-id="visitTaskId"
-        @close="additionalAssessmentsDig.visible = false"
-        @sign="sign"
-      />
     </el-dialog>
     <!-- 签名框 -->
-    <el-dialog
+    <el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
-      v-if="signVisible"
+      custom-class="base-dialog-wrapper">
-      :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>
+        <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>
@@ -324,7 +262,11 @@ export default {
     }
   },
   computed: {
-    ...mapGetters(['language'])
+    ...mapGetters(['language']),
+    isBaseline() {
+      var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
+      return this.visitTaskList[i].IsBaseLine
+    }
   },
   watch: {
     taskQuestions() {
@@ -440,6 +382,7 @@ export default {
           this.setScrollTop()
         }
         this.loading = false
+        await this.getTaskAdditionalQuestion()
       } catch (e) {
         this.loading = false
         console.log(e)
@@ -467,7 +410,7 @@ export default {
             } else {
               this.expandedRows.push(item.Id)
             }
-            
+
           } else {
             this.expandedRows.push(item.Id)
           }
@@ -651,6 +594,25 @@ export default {
         this.answerArr[idx].answer = val
       }
     },
+    async getTaskAdditionalQuestion() {
+      try {
+        const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
+        this.assessmentQuestions = res.Result
+      } catch (err) {
+        console.log(err)
+      }
+    },
+    async openAssessment() {
+      try {
+        await this.getTaskAdditionalQuestion()
+        if (this.assessmentQuestions.length > 0) {
+          // 打开附加评估框
+          this.additionalAssessmentsDig.visible = true
+        }
+      } catch (err) {
+        console.log(err)
+      }
+    },
     async handleConfirm() {
       this.loading = true
       try {
@@ -662,7 +624,7 @@ export default {
           const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
           this.assessmentQuestions = res.Result
           if (this.assessmentQuestions.length > 0) {
-          // 打开附加评估框
+            // 打开附加评估框
             this.additionalAssessmentsDig.visible = true
           } else {
             const { ImageAssessmentReportConfirmation } = const_.processSignature
@@ -776,7 +738,7 @@ export default {
       this.openWindow = window.open(routeData.href, '_blank')
     },
     handleSave(isPrompt) {
-      return new Promise(async(resolve, reject) => {
+      return new Promise(async (resolve, reject) => {
         var isBeill
         var evaluateResult = ''
         var evaluateAjustReason = ''
@@ -800,7 +762,7 @@ export default {
           this.$confirm(this.$t('trials:readingReport:message:msg2'), {
             type: 'warning',
             showCancelButton: false,
-            callback: action => {}
+            callback: action => { }
           })
           reject()
           return
@@ -810,7 +772,7 @@ export default {
           this.$confirm(this.$t('trials:readingReport:message:msg2'), {
             type: 'warning',
             showCancelButton: false,
-            callback: action => {}
+            callback: action => { }
           })
           reject()
           return
@@ -820,7 +782,7 @@ export default {
           this.$confirm(this.$t('trials:readingReport:message:msg3'), {
             type: 'warning',
             showCancelButton: false,
-            callback: action => {}
+            callback: action => { }
           })
           reject()
           return
@@ -882,29 +844,36 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.report-wrapper{
+.report-wrapper {
 
   height: 100%;
   padding: 10px 0px;
   // background-color: #fff;
   background-color: #000;
+
   ::-webkit-scrollbar {
     width: 7px;
     height: 7px;
   }
+
   ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background: #d0d0d0;
   }
-  .report-header{
+
+  .report-header {
     display: flex;
   }
-  .el-card{
+
-    display:flex;flex-direction: column;height: 100%;
+  .el-card {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
     background-color: #000;
     color: #ffffff;
-    border:none;
+    border: none;
-    ::v-deep .el-card__body{
+
+    ::v-deep .el-card__body {
       flex: 1;
     }
   }
@@ -922,42 +891,51 @@ export default {
   //   color: #ffffff;
   // }
 
-  ::v-deep .el-table, .el-table__expanded-cell {
+  ::v-deep .el-table,
+  .el-table__expanded-cell {
     background-color: #000;
     color: #fff;
-    border-color:#444444;
+    border-color: #444444;
   }
 
-  ::v-deep .el-table th, .el-table tr {
+  ::v-deep .el-table th,
+  .el-table tr {
     background-color: #000;
     color: #fff;
-    border-color:#444444;
+    border-color: #444444;
   }
-  ::v-deep .el-table__body tr > td{
+
-    background-color:#000 !important;
+  ::v-deep .el-table__body tr>td {
+    background-color: #000 !important;
     color: #fff;
-    border-color:#444444;
+    border-color: #444444;
   }
-  ::v-deep .el-table__body tr:hover > td{
+
-    background-color:#858282 !important;
+  ::v-deep .el-table__body tr:hover>td {
+    background-color: #858282 !important;
     color: #fff;
-    border-color:#444444;
+    border-color: #444444;
   }
-  ::v-deep .el-table--border th.gutter:last-of-type{
+
+  ::v-deep .el-table--border th.gutter:last-of-type {
     border: none;
   }
-  ::v-deep .el-card__header{
+
+  ::v-deep .el-card__header {
     border: none;
     padding: 10px;
   }
 }
-::v-deep .el-switch__label{
+
-  color:#fff;
+::v-deep .el-switch__label {
+  color: #fff;
 }
-::v-deep .el-switch__label.is-active{
+
+::v-deep .el-switch__label.is-active {
   color: #428bca;
 }
-.colorOfRed{
+
+.colorOfRed {
   color: #f66;
 }
 </style>

src/views/trials/trials-panel/reading/dicoms3D/components/ReportPage.vue

@@ -5,87 +5,49 @@
         <!-- 电子影像病例报告表（eICRF） -->
         <h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
         <div style="margin-left:auto">
-          <el-switch
+          <el-switch v-model="isShowDetail" :active-text="$t('trials:readingReport:title:expandDetails')"
-            v-model="isShowDetail"
+            :inactive-text="$t('trials:readingReport:title:collapseDetails')" style="margin-right:5px;"
-            :active-text="$t('trials:readingReport:title:expandDetails')"
+            @change="handleShowDetail" />
-            :inactive-text="$t('trials:readingReport:title:collapseDetails')"
+          <el-button type="primary" size="small" v-if="isBaseline && assessmentQuestions.length > 0"
-            style="margin-right:5px;"
+            @click="openAssessment">
-            @change="handleShowDetail"
+            <!-- 附加评估 -->
-          />
+            {{ $t('trials:readingReport:button:assessment') }}
-          <el-button
+          </el-button>
-            v-if="readingTaskState<2"
+          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="skipTask">
-            type="primary"
-            size="small"
-            @click="skipTask"
-          >
             <!-- 跳过 -->
             {{ $t('trials:readingReport:button:skip') }}
           </el-button>
-          <el-button
+          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="getReportInfo(false)">
-            v-if="readingTaskState<2"
-            type="primary"
-            size="small"
-            @click="getReportInfo(false)"
-          >
             <!-- 刷新 -->
             {{ $t('trials:readingReport:button:refresh') }}
           </el-button>
-          <el-button
+          <el-button v-if="readingTaskState < 2 && criterionType !== 10" type="primary" size="small"
-            v-if="readingTaskState<2 && criterionType !== 10"
+            @click="handleSave(true)">
-            type="primary"
-            size="small"
-            @click="handleSave(true)"
-          >
             <!-- 保存 -->
             {{ $t('common:button:save') }}
           </el-button>
-          <el-button
+          <el-button v-if="readingTaskState < 2" type="primary" size="small" @click="beforeLeave">
-            v-if="readingTaskState<2"
-            type="primary"
-            size="small"
-            @click="beforeLeave"
-          >
             <!-- 提交 -->
             {{ $t('common:button:submit') }}
           </el-button>
         </div>
       </div>
       <div ref="tableWrapper" style="height:100%;overflow-y: auto;">
-        <el-table
+        <el-table v-if="height" ref="reportList" :data="taskQuestions" row-key="Id" border
-          v-if="height"
+          :expand-row-keys="expandedRows" :height="height"
-          ref="reportList"
+          :tree-props="{ children: 'Childrens', hasChildren: 'hasChildren' }" size="mini">
-          :data="taskQuestions"
+          <el-table-column prop="" label="" show-overflow-tooltip width="350px">
-          row-key="Id"
-          border
-          :expand-row-keys="expandedRows"
-          :height="height"
-          :tree-props="{children: 'Childrens', hasChildren: 'hasChildren'}"
-          size="mini"
-        >
-          <el-table-column
-            prop=""
-            label=""
-            show-overflow-tooltip
-            width="350px"
-          >
             <template slot-scope="scope">
-              <span v-if="scope.row.QuestionName" :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff'}">{{ scope.row.QuestionName }}</span>
+              <span v-if="scope.row.QuestionName"
-              <span
+                :style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff' }">{{
-                v-else
+                  scope.row.QuestionName }}</span>
-                style="font-weight: bold;font-size: 16px;color: #f44336;"
+              <span v-else style="font-weight: bold;font-size: 16px;color: #f44336;">
-              >
+                {{ language === 'en' ? scope.row.GroupEnName : scope.row.GroupName }}
-                {{ language==='en'?scope.row.GroupEnName:scope.row.GroupName }}
               </span>
             </template>
           </el-table-column>
-          <el-table-column
+          <el-table-column v-for="task in visitTaskList" :key="task.VisitTaskId" prop="date" show-overflow-tooltip
-            v-for="task in visitTaskList"
+            width="150px">
-            :key="task.VisitTaskId"
-            prop="date"
-
-            show-overflow-tooltip
-            width="150px"
-          >
             <template slot="header">
               <div v-if="task.IsCurrentTask">
                 <div>
@@ -102,58 +64,37 @@
               </div>
             </template>
             <template slot-scope="scope">
-              <span :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff'}">
+              <span
-                <template v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13,14,15,42].includes(scope.row.QuestionType)">
+                :style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff' }">
+                <template
+                  v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13, 14, 15, 42].includes(scope.row.QuestionType)">
                   <!-- 是否存在疾病（基线时可修改） -->
-                  <template v-if="task.IsBaseLine && scope.row.QuestionType=== 15">
+                  <template v-if="task.IsBaseLine && scope.row.QuestionType === 15">
-                    <el-select
+                    <el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
-                      v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
+                      v-model="currentExistDisease" size="mini" @change="handleExistDiseaseChange">
-                      v-model="currentExistDisease"
+                      <el-option v-for="item of $d[scope.row.DictionaryCode]" :key="item.id" :value="item.value"
-                      size="mini"
+                        :label="item.label" />
-                      @change="handleExistDiseaseChange"
-                    >
-                      <el-option
-                        v-for="item of $d[ scope.row.DictionaryCode]"
-                        :key="item.id"
-                        :value="item.value"
-                        :label="item.label"
-                      />
                     </el-select>
                   </template>
                   <!-- 整体肿瘤评估（非基线可修改） -->
-                  <template v-else-if="!task.IsBaseLine && (scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42)">
+                  <template
-                    <el-select
+                    v-else-if="!task.IsBaseLine && (scope.row.QuestionType === 13 || scope.row.QuestionType === 42)">
-                      v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
+                    <el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
-                      v-model="currentEvaluateResult"
+                      v-model="currentEvaluateResult" size="mini" @change="handleEvaluateResultChange">
-                      size="mini"
-                      @change="handleEvaluateResultChange"
-                    >
                       <template v-if="criterionType === 1 && tLesionCount">
-                        <el-option
+                        <el-option v-for="item of $d[scope.row.DictionaryCode]"
-                          v-for="item of $d[ scope.row.DictionaryCode]"
                           v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1 && item.value !== 3)"
-                          :key="item.id"
+                          :key="item.id" :value="item.value" :label="item.label" />
-                          :value="item.value"
-                          :label="item.label"
-                        />
                       </template>
                       <template v-else-if="criterionType === 1 && ntLesionCount">
-                        <el-option
+                        <el-option v-for="item of $d[scope.row.DictionaryCode]"
-                          v-for="item of $d[ scope.row.DictionaryCode]"
                           v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1)"
-                          :key="item.id"
+                          :key="item.id" :value="item.value" :label="item.label" />
-                          :value="item.value"
-                          :label="item.label"
-                        />
                       </template>
                       <template v-else>
-                        <el-option
+                        <el-option v-for="item of $d[scope.row.DictionaryCode]"
-                          v-for="item of $d[ scope.row.DictionaryCode]"
                           v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
-                          :key="item.id"
+                          :key="item.id" :value="item.value" :label="item.label" />
-                          :value="item.value"
-                          :label="item.label"
-                        />
                       </template>
                     </el-select>
                   </template>
@@ -162,27 +103,23 @@
                   </template> -->
                   <!-- 访视点备注（是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时，必填） -->
                   <!-- tumorEvaluate && task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease) -->
-                  <template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 ">
+                  <template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType === 14">
                     <!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
                     <template>
                       <!-- 输入框 -->
-                      <el-input
+                      <el-input v-if="scope.row.Type === 'input'" v-model="currentTaskReason" size="mini"
-                        v-if="scope.row.Type==='input'"
+                        @change="evaluateReasonChange" />
-                        v-model="currentTaskReason"
+                      <el-input v-else-if="scope.row.Type === 'textarea'" v-model="currentTaskReason"
-                        size="mini"
+                        :autosize="{ minRows: 2, maxRows: 4 }" size="mini" maxlength="500"
-                        @change="evaluateReasonChange"
+                        @change="evaluateReasonChange" />
-                      />
-                      <el-input
-                        v-else-if="scope.row.Type==='textarea'"
-                        v-model="currentTaskReason"
-                        :autosize="{ minRows: 2, maxRows: 4}"
-                        size="mini"
-                        maxlength="500"
-                        @change="evaluateReasonChange"
-                      />
                       <!-- 系统评估结果为：xxx,与当前调整的结果不一致，请填写调整原因 -->
-                      <p v-if="currentEvaluateResult !== tumorEvaluate" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;" v-html="getWarningText()" />
+                      <p v-if="currentEvaluateResult !== tumorEvaluate"
-                      <p v-else-if="currentExistDisease !== isExistDisease" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{ $fd('ExistDisease',isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
+                        style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;"
+                        v-html="getWarningText()" />
+                      <p v-else-if="currentExistDisease !== isExistDisease"
+                        style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">
+                        {{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{
+                          $fd('ExistDisease', isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
                       </p>
                     </template>
                     <!-- <template v-else>
@@ -198,35 +135,50 @@
                   </template>
                 </template>
 
-                <template v-else-if="scope.row.QuestionType=== 15">
+                <template v-else-if="scope.row.QuestionType === 15">
-                  <el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
+                  <el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
-                    <span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
+                    :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
+                    placement="top" effect="light">
+                    <span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
+                    }}</span>
                   </el-tooltip>
                   <span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
                 </template>
 
-                <template v-else-if="scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42">
+                <template v-else-if="scope.row.QuestionType === 13 || scope.row.QuestionType === 42">
-                  <el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
+                  <el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
-                    <span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
+                    :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
+                    placement="top" effect="light">
+                    <span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
+                    }}</span>
                   </el-tooltip>
                   <span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
                 </template>
-                <template v-else-if="scope.row.QuestionType=== 22">
+                <template v-else-if="scope.row.QuestionType === 22">
-                  {{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') : scope.row.Answers[task.VisitTaskId] }}
+                  {{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') :
+                    scope.row.Answers[task.VisitTaskId] }}
                 </template>
 
                 <template v-else-if="scope.row.DictionaryCode">
                   {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
                 </template>
                 <template v-else-if="criterionType === 10">
-                  {{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}` }}
+                  {{
+                    isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
+                      `${scope.row.Answers[task.VisitTaskId]}`
+                  }}
                 </template>
                 <template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
                   {{ `${scope.row.Answers[task.VisitTaskId]}` }}
-                  <span v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{ `${$fd('ValueUnit',scope.row.Unit)}` }}</span>
+                  <span
+                    v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{
+                      `${$fd('ValueUnit', scope.row.Unit)}` }}</span>
                 </template>
                 <template v-else-if="scope.row.ValueType === 2">
-                  {{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}%` }}
+                  {{
+                    isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
+                      `${scope.row.Answers[task.VisitTaskId]}%`
+                  }}
                 </template>
                 <template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
                   {{ scope.row.Answers[task.VisitTaskId] }}
@@ -238,31 +190,17 @@
       </div>
     </el-card>
     <!-- 附加评估 -->
-    <el-dialog
+    <el-dialog v-if="additionalAssessmentsDig.visible" :visible.sync="additionalAssessmentsDig.visible"
-      v-if="additionalAssessmentsDig.visible"
+      :close-on-click-modal="false" :title="additionalAssessmentsDig.title" width="600px">
-      :visible.sync="additionalAssessmentsDig.visible"
+      <additional-assessment :questions="assessmentQuestions" :visit-task-id="visitTaskId"
-      :close-on-click-modal="false"
+        :readingTaskState="readingTaskState" @close="additionalAssessmentsDig.visible = false" @sign="sign" />
-      :title="additionalAssessmentsDig.title"
-      width="600px"
-    >
-      <additional-assessment
-        :questions="assessmentQuestions"
-        :visit-task-id="visitTaskId"
-        @close="additionalAssessmentsDig.visible = false"
-        @sign="sign"
-      />
     </el-dialog>
     <!-- 签名框 -->
-    <el-dialog
+    <el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
-      v-if="signVisible"
+      custom-class="base-dialog-wrapper">
-      :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>
+        <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>
@@ -314,7 +252,11 @@ export default {
     }
   },
   computed: {
-    ...mapGetters(['language'])
+    ...mapGetters(['language']),
+    isBaseline() {
+      var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
+      return this.visitTaskList[i].IsBaseLine
+    }
   },
   watch: {
     taskQuestions() {
@@ -395,6 +337,7 @@ export default {
           this.setScrollTop()
         }
         this.loading = false
+        await this.getTaskAdditionalQuestion()
       } catch (e) {
         this.loading = false
         console.log(e)
@@ -605,6 +548,25 @@ export default {
         this.answerArr[idx].answer = val
       }
     },
+    async getTaskAdditionalQuestion() {
+      try {
+        const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
+        this.assessmentQuestions = res.Result
+      } catch (err) {
+        console.log(err)
+      }
+    },
+    async openAssessment() {
+      try {
+        await this.getTaskAdditionalQuestion()
+        if (this.assessmentQuestions.length > 0) {
+          // 打开附加评估框
+          this.additionalAssessmentsDig.visible = true
+        }
+      } catch (err) {
+        console.log(err)
+      }
+    },
     async handleConfirm() {
       this.loading = true
       try {
@@ -616,7 +578,7 @@ export default {
           const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
           this.assessmentQuestions = res.Result
           if (this.assessmentQuestions.length > 0) {
-          // 打开附加评估框
+            // 打开附加评估框
             this.additionalAssessmentsDig.visible = true
           } else {
             const { ImageAssessmentReportConfirmation } = const_.processSignature
@@ -724,7 +686,7 @@ export default {
       this.openWindow = window.open(routeData.href, '_blank')
     },
     handleSave(isPrompt) {
-      return new Promise(async(resolve, reject) => {
+      return new Promise(async (resolve, reject) => {
         var isBeill
         var evaluateResult = ''
         var evaluateAjustReason = ''
@@ -748,7 +710,7 @@ export default {
           this.$confirm(this.$t('trials:readingReport:message:msg2'), {
             type: 'warning',
             showCancelButton: false,
-            callback: action => {}
+            callback: action => { }
           })
           resolve()
           return
@@ -758,7 +720,7 @@ export default {
           this.$confirm(this.$t('trials:readingReport:message:msg2'), {
             type: 'warning',
             showCancelButton: false,
-            callback: action => {}
+            callback: action => { }
           })
           resolve()
           return
@@ -768,7 +730,7 @@ export default {
           this.$confirm(this.$t('trials:readingReport:message:msg3'), {
             type: 'warning',
             showCancelButton: false,
-            callback: action => {}
+            callback: action => { }
           })
           resolve()
           return
@@ -833,29 +795,36 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.report-wrapper{
+.report-wrapper {
 
   height: 100%;
   padding: 10px 0px;
   // background-color: #fff;
   background-color: #000;
+
   ::-webkit-scrollbar {
     width: 7px;
     height: 7px;
   }
+
   ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background: #d0d0d0;
   }
-  .report-header{
+
+  .report-header {
     display: flex;
   }
-  .el-card{
+
-    display:flex;flex-direction: column;height: 100%;
+  .el-card {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
     background-color: #000;
     color: #ffffff;
-    border:none;
+    border: none;
-    ::v-deep .el-card__body{
+
+    ::v-deep .el-card__body {
       flex: 1;
     }
   }
@@ -873,42 +842,51 @@ export default {
   //   color: #ffffff;
   // }
 
-  ::v-deep .el-table, .el-table__expanded-cell {
+  ::v-deep .el-table,
+  .el-table__expanded-cell {
     background-color: #000;
     color: #fff;
-    border-color:#444444;
+    border-color: #444444;
   }
 
-  ::v-deep .el-table th, .el-table tr {
+  ::v-deep .el-table th,
+  .el-table tr {
     background-color: #000;
     color: #fff;
-    border-color:#444444;
+    border-color: #444444;
   }
-  ::v-deep .el-table__body tr > td{
+
-    background-color:#000 !important;
+  ::v-deep .el-table__body tr>td {
+    background-color: #000 !important;
     color: #fff;
-    border-color:#444444;
+    border-color: #444444;
   }
-  ::v-deep .el-table__body tr:hover > td{
+
-    background-color:#858282 !important;
+  ::v-deep .el-table__body tr:hover>td {
+    background-color: #858282 !important;
     color: #fff;
-    border-color:#444444;
+    border-color: #444444;
   }
-  ::v-deep .el-table--border th.gutter:last-of-type{
+
+  ::v-deep .el-table--border th.gutter:last-of-type {
     border: none;
   }
-  ::v-deep .el-card__header{
+
+  ::v-deep .el-card__header {
     border: none;
     padding: 10px;
   }
 }
-::v-deep .el-switch__label{
+
-  color:#fff;
+::v-deep .el-switch__label {
+  color: #fff;
 }
-::v-deep .el-switch__label.is-active{
+
+::v-deep .el-switch__label.is-active {
   color: #428bca;
 }
-.colorOfRed{
+
+.colorOfRed {
   color: #f66;
 }
 </style>

src/views/trials/trials-panel/visit/crc-upload/index.vue

@@ -37,6 +37,12 @@
             <el-option v-for="item of $d.SubmitState" :value="item.value" :label="item.label" :key="item.label" />
           </el-select>
         </el-form-item>
+        <!-- 受试者中止状态 -->
+        <el-form-item style="margin-bottom: 10px" :label="$t('trials:crcUpload:table:IsSubjectQuit')">
+          <el-select v-model="searchData.IsSubjectQuit" clearable style="width: 120px">
+            <el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.label" />
+          </el-select>
+        </el-form-item>
         <!-- 审核状态 -->
         <el-form-item style="margin-bottom: 10px" v-if="otherInfo.QCProcessEnum !== 0"
           :label="$t('trials:crcUpload:table:auditState')">
@@ -868,6 +874,7 @@ const searchDataDefault = () => {
     AuditStateArray: [],
     SubmitState: null,
     ChallengeState: null,
+    IsSubjectQuit: "",
     // SortField: '',
     // Asc: false
   }

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

@@ -31,7 +31,12 @@
             <el-option key="Other" label="Out of Plan" value="1.11" />
           </el-select>
         </el-form-item>
-
+        <!-- 受试者中止状态 -->
+        <el-form-item style="margin-bottom: 10px" :label="$t('trials:qcCheck:table:IsSubjectQuit')">
+          <el-select v-model="searchData.IsSubjectQuit" clearable style="width: 120px">
+            <el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.label" />
+          </el-select>
+        </el-form-item>
         <!-- 审核状态 -->
         <el-form-item v-if="OtherInfo.QCProcessEnum !== 0" :label="$t('trials:qcCheck:table:auditState')"
           class="my_multiple">
@@ -652,6 +657,7 @@ const searchDataDefault = () => {
     EndAuditTime: null,
     PageIndex: 1,
     PageSize: 20,
+    IsSubjectQuit: ''
     // SortField: '',
     // Asc: false
   }

src/views/trials/trials-workbench/components/auditDocument/index.vue

@@ -2,7 +2,9 @@
     <div class="auditDocument">
         <el-row>
             <el-col :span="12">
-                <h3>{{ isManage ? $t('trials:tab:updateAuditDocument') : $t('trials:tab:viewAuditDocument') }}</h3>
+                <h3>{{ isManage || isAudit ? $t('trials:tab:updateAuditDocument') : $t('trials:tab:viewAuditDocument')
+                    }}
+                </h3>
             </el-col>
             <el-col :span="12" style="text-align:right;">
                 <h3>
@@ -51,6 +53,11 @@
                     {{ $t('trials:trials-workbench:auditDocument:button:del') }}
                 </el-button>
             </el-form-item>
+            <el-form-item v-if="isAudit">
+                <el-button type="primary" :disabled="checkList.length <= 0" @click.stop="auditAuth(true)">
+                    {{ $t('trials:trials-workbench:auditDocument:button:auth') }}
+                </el-button>
+            </el-form-item>
         </el-form>
         <div class="catalogue">
             <span>{{ $t('trials:trials-workbench:auditDocument:catalogue:title') }}</span>
@@ -85,7 +92,7 @@
                             </span>
                             <i :class="{ 'el-icon-success': true, 'icon_check': true, isCheck: checkList.includes(scope.row.Id) }"
                                 @click.stop="addCheck(scope.row)"
-                                v-if="(hoverId === scope.row.Id || checkList.includes(scope.row.Id)) && isManage" />
+                                v-if="(hoverId === scope.row.Id || checkList.includes(scope.row.Id)) && (isManage || isAudit)" />
                             <span class="version"
                                 v-if="(hoverId !== scope.row.Id && !checkList.includes(scope.row.Id)) && isManage && scope.row.HistoricalVersionsCount > 0">
                                 <i class="el-icon-warning-outline"></i>{{ scope.row.HistoricalVersionsCount }}
@@ -116,6 +123,17 @@
                     </el-switch>
                 </template>
             </el-table-column>
+            <el-table-column prop="IsCurrentAuditRecordAuthorization"
+                :label="$t('trials:trials-workbench:auditDocument:table:IsAuthorization')" show-overflow-tooltip
+                v-if="isAudit">
+                <template slot-scope="scope">
+                    <el-switch v-model="scope.row.IsCurrentAuditRecordAuthorization"
+                        @change="(val) => auditAuth(false, scope.row, val)" :active-value="true" :inactive-value="false"
+                        :active-text="$fd('YesOrNo', true)" class="IsAuthorization_swich"
+                        :inactive-text="$fd('YesOrNo', false)">
+                    </el-switch>
+                </template>
+            </el-table-column>
             <el-table-column prop="UpdateTime" show-overflow-tooltip
                 :label="$t('trials:trials-workbench:auditDocument:table:updateTime')">
             </el-table-column>
@@ -137,7 +155,7 @@
     </div>
 </template>
 <script>
-import { getAuditDocumentData, addAuditDocument, getBreadcrumbData, updateAuditDocument, deleteAuditDocument, setCurrentVersion, movieFileOrFolder, copyFileOrFolder, setIsAuthorization, addFolder } from '@/api/trials'
+import { getAuditDocumentData, addAuditDocument, getBreadcrumbData, updateAuditDocument, deleteAuditDocument, setCurrentVersion, movieFileOrFolder, copyFileOrFolder, setIsAuthorization, addFolder, setAuditRecordPermission } from '@/api/trials'
 import Pagination from '@/components/Pagination'
 import contextmenu from './contextmenu.vue'
 import uploadFiles from '@/views/trials/trials-panel/trial-summary/trial-document/components/uploadFiles.vue'
@@ -159,7 +177,15 @@ export default {
         isManage: {
             type: Boolean,
             default: false
-        }
+        },
+        AuditRecordId: {
+            type: String,
+            default: ''
+        },
+        isAudit: {
+            type: Boolean,
+            default: false
+        },
     },
     computed: {
         isCopy() {
@@ -226,6 +252,40 @@ export default {
         }
     },
     methods: {
+        async auditAuth(isArray = true, row, IsAuthorization) {
+            if (!this.isAudit) return false
+            try {
+                let data = {}
+                if (isArray) {
+                    data = {
+                        AuditDocumentIdList: this.checkList,
+                        AuditRecordId: this.AuditRecordId,
+                        IsAuthorization: true,
+                    }
+                } else {
+                    data = {
+                        AuditDocumentIdList: [row.Id],
+                        AuditRecordId: this.AuditRecordId,
+                        IsAuthorization,
+                    }
+                }
+                this.loading = true
+                let res = await setAuditRecordPermission(data)
+                this.loading = false
+                if (res.IsSuccess) {
+                    this.$t('trials:trials-workbench:auditDocument:message:authSuccessfully')
+                    // if (isArray) {
+                    this.getList()
+                    // }
+                }
+            } catch (err) {
+                this.loading = false
+                if (!isArray) {
+                    row.IsCurrentAuditRecordAuthorization = !row.IsCurrentAuditRecordAuthorization
+                }
+                console.log(err)
+            }
+        },
         async auth(isArray = true, row, IsAuthorization) {
             if (!this.isManage) return false
             try {
@@ -356,6 +416,12 @@ export default {
                 } else {
                     this.searchData.IsAuthorization = null
                 }
+                if (this.AuditRecordId) this.searchData.AuditRecordId = this.AuditRecordId
+                if (!this.isAudit) {
+                    this.searchData.IsCurrentAuditRecordAuthorization = true
+                } else {
+                    this.searchData.IsCurrentAuditRecordAuthorization = null
+                }
                 let res = await getAuditDocumentData(this.searchData)
                 this.loading = false
                 if (res.IsSuccess) {
@@ -558,7 +624,7 @@ export default {
             this.getList()
         },
         addCheck(row) {
-            if (!this.isManage) return false
+            if (!this.isManage && !this.isAudit) return false
             let index = this.checkList.indexOf(row.Id)
             if (!!~index) {
                 this.checkList.splice(index, 1)

src/views/trials/trials-workbench/components/auditDocument/view.vue

@@ -0,0 +1,43 @@
+<template>
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane v-for="item in tabs" :key="item.Id"
+            :label="`${item.AuditTime} ${item.AuditContent} (${item.CompanyName})`" :name="item.Id">
+            <auditDocument v-if="activeName === item.Id" :isManage="false" :AuditRecordId="item.Id" />
+        </el-tab-pane>
+    </el-tabs>
+
+</template>
+<script>
+import { getAuditRecordSelectList } from '@/api/trials'
+import auditDocument from "@/views/trials/trials-workbench/components/auditDocument"
+export default {
+    name: "auditDocumentView",
+    components: { auditDocument },
+    data() {
+        return {
+            activeName: '',
+            tabs: []
+        }
+    },
+    created() {
+        this.getTabs()
+    },
+    methods: {
+        handleClick(row) {
+            this.activeName = row.name
+        },
+        async getTabs() {
+            try {
+                let res = await getAuditRecordSelectList({})
+                if (res.IsSuccess) {
+                    this.tabs = res.Result
+                    this.activeName = res.Result[0].Id
+                }
+            } catch (err) {
+                console.log(err)
+            }
+        }
+    }
+}
+</script>
+<style lang="scss" scoped></style>

src/views/trials/trials-workbench/components/inspectionManagement/dataForm.vue

@@ -0,0 +1,245 @@
+<template>
+    <el-dialog v-if="visible" :visible.sync="visible" :close-on-click-modal="false"
+        :title="$t(`trials:trials-workbench:inspectionManagement:dialogTitle:${state}`)" width="600px"
+        custom-class="base-dialog-wrapper" v-dialogDrag :before-close="handleCancle">
+        <el-form :model="from" size="mini" :rules="rules" ref="dataForm" label-width="120px">
+            <div class="base-dialog-body">
+                <!-- 公司名称 -->
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:CompanyName')"
+                    prop="CompanyName">
+                    <el-input v-model="from.CompanyName" clearable></el-input>
+                </el-form-item>
+                <!-- 稽查内容 -->
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditContent')"
+                    prop="AuditContent">
+                    <el-input v-model="from.AuditContent" clearable></el-input>
+                </el-form-item>
+                <!-- 稽查形式 -->
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditType')"
+                    prop="AuditType">
+                    <el-select v-model="from.AuditType" placeholder="" clearable style="width: 100%;">
+                        <el-option v-for="item in $d.AuditType" :key="item.id" :label="item.label" :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <!-- 稽查人员 -->
+                <!-- <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:IdnetityUserName')"
+                    prop="IdnetityUserName">
+                    <div style="display: flex;align-items: center;justify-content: space-around;">
+                        <p :title="from.IdnetityUserName"
+                            style="width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0;">
+                            {{
+                                from.IdnetityUserName }}</p>
+                        <el-button type="primary" @click.stop="openUserList">{{
+                            $t('trials:trials-workbench:inspectionManagement:button:select')
+                            }}</el-button>
+                    </div>
+                </el-form-item> -->
+                <!-- 稽查日期 -->
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditTime')"
+                    prop="AuditTime">
+                    <el-date-picker v-model="from.AuditTime" type="date" placeholder="" value-format="yyyy-MM-dd"
+                        format="yyyy-MM-dd" clearable style="width: 100%;">
+                    </el-date-picker>
+                </el-form-item>
+                <!-- 文档查看时间 -->
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:ViewTime')" prop="ViewTime">
+                    <el-date-picker v-model="from.ViewTime" type="datetimerange"
+                        :default-time="['00:00:00', '23:59:59']" range-separator="-"
+                        :start-placeholder="$t('curriculumVitae:daterange:startTime')"
+                        :end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd HH:mm:ss"
+                        format="yyyy-MM-dd HH:mm:ss" clearable style="width: 100%;">
+                    </el-date-picker>
+                </el-form-item>
+                <!-- 状态 -->
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditState')"
+                    prop="AuditState" v-if="state === 'edit'">
+                    <el-radio-group v-model="from.AuditState">
+                        <el-radio v-for="item in $d.AuditState" :key="item.id" :label="item.value">{{ item.label
+                        }}</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+            </div>
+            <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
+                <el-form-item>
+                    <!-- 取消 -->
+                    <el-button :disabled="loading" size="small" type="primary" @click="handleCancle">
+                        {{ $t('common:button:cancel') }}
+                    </el-button>
+                    <!-- 保存 -->
+                    <el-button size="small" type="primary" :loading="loading" @click="handleSave">
+                        {{ $t('common:button:save') }}
+                    </el-button>
+                </el-form-item>
+            </div>
+        </el-form>
+    </el-dialog>
+</template>
+<script>
+import { addOrUpdateAuditRecord } from '@/api/trials'
+
+export default {
+    props: {
+        visible: {
+            type: Boolean,
+            default: false
+        },
+        state: {
+            type: String,
+            default: 'add'
+        },
+        rowData: {
+            type: Object,
+            default: () => {
+                return {}
+            }
+        }
+    },
+    watch: {
+        state: {
+            handler() {
+                if (this.state === 'edit') {
+                    Object.keys(this.from).forEach(key => {
+                        if (this.rowData[key] || this.rowData[key] == 0) {
+                            this.from[key] = this.rowData[key]
+                        }
+                    })
+                    this.from.IdnetityUserName = this.rowData.IdentityUserList.map(item => item.FullName).join(", ")
+                    this.from.ViewTime = [this.from.BeginTime, this.from.EndTime]
+                } else {
+                    Object.keys(this.from).forEach(key => {
+                        this.from[key] = ''
+                    })
+                    this.from.ViewTime = []
+                    this.from.IdnetityUserIdList = []
+                }
+            },
+            immediate: true,
+        },
+        'from.ViewTime': {
+            handler() {
+                if (Array.isArray(this.from.ViewTime) && this.from.ViewTime.length === 2) {
+                    this.from.BeginTime = this.from.ViewTime[0]
+                    this.from.EndTime = this.from.ViewTime[1]
+                } else {
+                    this.from.BeginTime = ''
+                    this.from.EndTime = ''
+                }
+            }
+        }
+    },
+    data() {
+        return {
+            loading: false,
+            from: {
+                Id: '',
+                CompanyName: '',
+                AuditContent: '',
+                AuditTime: '',
+                BeginTime: '',
+                EndTime: '',
+                AuditState: '',
+                AuditType: '',
+                IdnetityUserIdList: [],
+                IdnetityUserName: '',
+                ViewTime: []
+            },
+            rules: {
+                CompanyName: [
+                    {
+                        required: true,
+                        message: this.$t('common:ruleMessage:specify'),
+                        trigger: 'blur',
+                    },
+                ],
+                AuditContent: [
+                    {
+                        required: true,
+                        message: this.$t('common:ruleMessage:specify'),
+                        trigger: 'blur',
+                    },
+                ],
+                AuditTime: [
+                    {
+                        required: true,
+                        message: this.$t('common:ruleMessage:select'),
+                        trigger: 'blur',
+                    },
+                ],
+                AuditType: [
+                    {
+                        required: true,
+                        message: this.$t('common:ruleMessage:select'),
+                        trigger: 'blur',
+                    },
+                ],
+                IdnetityUserName: [
+                    {
+                        required: true,
+                        message: this.$t('common:ruleMessage:select'),
+                        trigger: 'blur',
+                    },
+                ],
+                AuditState: [
+                    {
+                        required: true,
+                        message: this.$t('common:ruleMessage:select'),
+                        trigger: 'blur',
+                    },
+                ],
+                ViewTime: [
+                    {
+                        required: true,
+                        type: 'array',
+                        message: this.$t('common:ruleMessage:select'),
+                        trigger: 'blur',
+                    },
+                    {
+                        validator: (rule, value, callback) => {
+                            if (value.length < 2) {
+                                callback(
+                                    new Error(this.$t('common:ruleMessage:select'))
+                                )
+                            }
+                            callback()
+                        },
+                        trigger: 'blur',
+                    },
+                ],
+            },
+        }
+    },
+    methods: {
+        openUserList() {
+            this.config.visible = true
+        },
+        handleCancle() {
+            this.$emit('update:visible', false)
+        },
+        async handleSave() {
+            try {
+                let validate = await this.$refs.dataForm.validate()
+                if (!validate) return false
+                if (this.state === 'add') this.from.AuditState = 0
+                this.loading = true
+                let res = await addOrUpdateAuditRecord(this.from)
+                this.loading = false
+                if (res.IsSuccess) {
+                    this.$emit('getList')
+                    this.handleCancle()
+                }
+            } catch (err) {
+                this.loading = false
+                console.log(err)
+            }
+        },
+        addUser(arr) {
+            this.from.IdnetityUserIdList = arr.map(item => item.Id)
+            this.from.IdnetityUserName = arr.map(item => item.FullName).join(", ")
+            this.config.visible = false
+        }
+    }
+
+}
+</script>
+<style lang="scss" scoped></style>

src/views/trials/trials-workbench/components/inspectionManagement/document.vue

@@ -0,0 +1,38 @@
+<template>
+    <el-dialog v-if="visible" :visible.sync="visible" :close-on-click-modal="false" :fullscreen="true"
+        :before-close="close" :title="$t(`trials:trials-workbench:inspectionManagement:dialogTitle:${isAudit}`)"
+        custom-class="base-dialog-wrapper">
+        <auditDocument :isManage="false" :AuditRecordId="AuditRecordId" :isAudit="isAudit" />
+    </el-dialog>
+</template>
+<script>
+import auditDocument from "@/views/trials/trials-workbench/components/auditDocument"
+export default {
+    props: {
+        isAudit: {
+            type: Boolean,
+            default: false
+        },
+        visible: {
+            type: Boolean,
+            default: false
+        },
+        AuditRecordId: {
+            type: String,
+            default: ''
+        }
+    },
+    components: { auditDocument },
+    methods: {
+        close(done) {
+            this.$emit("update:visible", false)
+            // done()
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+    margin-top: 0;
+}
+</style>

src/views/trials/trials-workbench/components/inspectionManagement/index.vue

@@ -0,0 +1,305 @@
+<template>
+
+    <BaseContainer class="inspectionManagement">
+        <template slot="title-container">
+            <el-row>
+                <el-col :span="12">
+                    <h3>{{ $t('trials:tab:inspectionManagement') }}</h3>
+                </el-col>
+                <el-col :span="12" style="text-align:right;">
+                    <h3>
+                        <Pagination class="page" :total="total" :page.sync="searchData.pageIndex"
+                            :limit.sync="searchData.pageSize" layout="total, sizes, prev, pager, next"
+                            :background="false" style="display: inline-block;" @pagination="getList" />
+                        <el-button icon="el-icon-refresh-left" size="small" circle :title="$t('common:button:reset')"
+                            @click="handleReset" />
+                    </h3>
+                </el-col>
+            </el-row>
+        </template>
+        <template slot="search-container">
+            <el-form :inline="true">
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')">
+                    <el-input v-model="searchData.CompanyName" clearable placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')">
+                    <el-input v-model="searchData.AuditContent" clearable placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditType')">
+                    <el-select v-model="searchData.AuditType" placeholder="" clearable>
+                        <el-option v-for="item in $d.AuditType" :key="item.id" :label="item.label" :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:IdentityUserName')">
+                    <el-input v-model="searchData.IdentityUserName" clearable placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')">
+                    <el-date-picker v-model="auditTime" type="daterange" range-separator="-"
+                        :start-placeholder="$t('imageInspect:daterange:startPlaceholder')"
+                        :end-placeholder="$t('imageInspect:daterange:endPlaceholder')" value-format="yyyy-MM-dd"
+                        format="yyyy-MM-dd" clearable>
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')">
+                    <el-date-picker v-model="viewTime" type="datetimerange" range-separator="-"
+                        :start-placeholder="$t('curriculumVitae:daterange:startTime')"
+                        :default-time="['00:00:00', '23:59:59']"
+                        :end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd HH:mm:ss"
+                        format="yyyy-MM-dd HH:mm:ss" clearable>
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:createTime')">
+                    <el-date-picker v-model="createTime" type="daterange" range-separator="-"
+                        :start-placeholder="$t('curriculumVitae:daterange:startTime')"
+                        :end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd"
+                        format="yyyy-MM-dd" clearable>
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item>
+                    <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" @click="openForm('add', {})">
+                        {{ $t('common:button:new') }}
+                    </el-button>
+                </el-form-item>
+            </el-form>
+        </template>
+        <template slot="main-container">
+            <el-table id="auditDocumentTable" ref="auditDocumentTable" :data="tableData" style="width: 99%" row-key="Id"
+                :loading="loading" v-adaptive="{ bottomOffset: 75 }" height="100" @sort-change="handleSortChange">
+                <el-table-column type="index" width="50" />
+                <el-table-column prop="CompanyName" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')" sortable="custom">
+                </el-table-column>
+                <el-table-column prop="AuditContent" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')" sortable="custom">
+                </el-table-column>
+                <el-table-column prop="AuditType" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:AuditType')" sortable="custom">
+                    <template slot-scope="scope">
+                        <span>{{ $fd('AuditType', scope.row.AuditType) }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="identityUserList" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:IdentityUserName')">
+                    <template slot-scope="scope">
+                        <el-button v-if="Array.isArray(scope.row.IdentityUserList)" type="text"
+                            @click="openUserList(true, scope.row)">
+                            {{scope.row.IdentityUserList.map(item => item.FullName).join(", ")}}
+                        </el-button>
+                        <!-- <span>
+                        {{Array.isArray(scope.row.IdentityUserList) ?
+                            scope.row.IdentityUserList.map(item => item.FullName).join(", ") :
+                            ''}}
+                    </span> -->
+                    </template>
+                </el-table-column>
+                <el-table-column prop="AuditTime" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')" sortable="custom">
+                </el-table-column>
+                <el-table-column prop="BeginTime" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')">
+                    <template slot-scope="scope">
+                        <span>{{ `${scope.row.BeginTime} - ${scope.row.EndTime}` }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="AuditState" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:AuditState')" sortable="custom">
+                    <template slot-scope="scope">
+                        <span>{{ $fd('AuditState', scope.row.AuditState) }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="CreateTime" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:createTime')" sortable="custom">
+                </el-table-column>
+                <el-table-column :label="$t('common:action:action')" width="260" align="left" fixed="right">
+                    <template slot-scope="scope">
+                        <el-button circle icon="el-icon-view"
+                            :title="$t('trials:trials-workbench:inspectionManagement:button:viewDocument')"
+                            @click="openDoc(false, scope.row)" />
+                        <el-button circle icon="el-icon-edit-outline"
+                            :title="$t('trials:trials-workbench:inspectionManagement:button:editDocument')"
+                            @click="openDoc(true, scope.row)" />
+                        <el-button circle icon="el-icon-user"
+                            :title="$t('trials:trials-workbench:inspectionManagement:button:user')"
+                            @click="openUserList(false, scope.row)" />
+                        <el-button circle icon="el-icon-edit" :title="$t('common:button:edit')"
+                            @click="openForm('edit', scope.row)" />
+                        <el-button circle icon="el-icon-delete" :title="$t('common:button:delete')"
+                            :disabled="scope.row.AuditState > 0" @click="del(scope.row)" />
+                    </template>
+                </el-table-column>
+            </el-table>
+        </template>
+        <dataForm v-if="fromVisible" :visible.sync="fromVisible" :rowData="rowData" :state="state" @getList="getList" />
+        <document v-if="docVisible" :visible.sync="docVisible" :isAudit="isAudit" :AuditRecordId="AuditRecordId" />
+        <base-model :config="config">
+            <template slot="dialog-body">
+                <userList v-if="config.visible" :AuditRecordId="AuditRecordId" :isView="isView" @close="close"
+                    @getList="getList" />
+            </template>
+        </base-model>
+    </BaseContainer>
+</template>
+<script>
+import Pagination from '@/components/Pagination'
+import { getAuditRecordList, deleteAuditRecord } from '@/api/trials'
+import dataForm from "./dataForm.vue"
+import document from "./document.vue"
+import userList from './userList'
+import baseModel from '@/components/BaseModel'
+import BaseContainer from '@/components/BaseContainer'
+const searchDataDefault = () => {
+    return {
+        CompanyName: '',
+        AuditContent: "",
+        AuditType: "",
+        IdentityUserName: '',
+        BeginAuditTime: '',
+        EndAuditTime: '',
+        BeginTime: '',
+        EndTime: '',
+        BeginCreateTime: '',
+        EndCreateTime: '',
+        PageIndex: 1,
+        PageSize: 20,
+        Asc: false,
+        SortField: ''
+    }
+}
+export default {
+    name: "inspectionManagement",
+    components: { Pagination, dataForm, document, userList, baseModel, BaseContainer },
+    data() {
+        return {
+            searchData: searchDataDefault(),
+            total: 0,
+            Id: null,
+            loading: false,
+            tableData: [],
+            auditTime: [],
+            viewTime: [],
+            createTime: [],
+
+            visible: false, // 属性详情弹框
+
+            rowData: {},
+            fromVisible: false,
+            state: 'add',
+
+            docVisible: false,
+            isAudit: false,
+            AuditRecordId: null,
+
+            config: {
+                visible: false,
+                title: this.$t('trials:trials-workbench:inspectionManagement:dialogTitle:selectUser'),
+                width: '1200px',
+            },
+            isView: false,
+
+        }
+    },
+    created() {
+        this.getList()
+    },
+    methods: {
+        async del(row) {
+            try {
+                let confirm = await this.$confirm(this.$t("trials:trials-workbench:inspectionManagement:confirm:del"))
+                if (!confirm) return false
+                this.loading = true
+                let res = await deleteAuditRecord(row.Id)
+                this.loading = false
+                if (res.IsSuccess) {
+                    this.getList()
+                    this.$message.success(this.$t("common:message:deletedSuccessfully"))
+                }
+            } catch (err) {
+                this.loading = false
+                console.log(err)
+            }
+        },
+        close() {
+            this.config.visible = false
+        },
+        openUserList(isView = false, row) {
+            this.isView = isView
+            this.AuditRecordId = row.Id
+            this.config.visible = true
+        },
+        openDoc(isAudit = false, row) {
+            this.AuditRecordId = row.Id
+            this.isAudit = isAudit
+            this.docVisible = true
+        },
+        openForm(state, row) {
+            this.rowData = Object.assign({}, row)
+            this.state = state
+            this.fromVisible = true
+        },
+        async getList() {
+            try {
+                if (Array.isArray(this.auditTime) && this.auditTime.length === 2) {
+                    this.searchData.BeginAuditTime = this.auditTime[0]
+                    this.searchData.EndAuditTime = this.auditTime[1]
+                } else {
+                    this.searchData.BeginAuditTime = ''
+                    this.searchData.EndAuditTime = ''
+                }
+                if (Array.isArray(this.viewTime) && this.viewTime.length === 2) {
+                    this.searchData.BeginTime = this.viewTime[0]
+                    this.searchData.EndTime = this.viewTime[1]
+                } else {
+                    this.searchData.BeginTime = ''
+                    this.searchData.EndTime = ''
+                }
+                if (Array.isArray(this.createTime) && this.createTime.length === 2) {
+                    this.searchData.BeginCreateTime = this.createTime[0]
+                    this.searchData.EndCreateTime = this.createTime[1]
+                } else {
+                    this.searchData.BeginCreateTime = ''
+                    this.searchData.EndCreateTime = ''
+                }
+                this.loading = true
+                let res = await getAuditRecordList(this.searchData)
+                this.loading = false
+                if (res.IsSuccess) {
+                    this.tableData = res.Result.CurrentPageData
+                    this.total = res.Result.TotalCount
+                }
+            } catch (err) {
+                this.loading = false
+                console.log(err)
+            }
+        },
+        handleReset() {
+            this.searchData = searchDataDefault()
+            this.auditTime = []
+            this.viewTime = []
+            this.createTime = []
+            this.getList()
+        },
+        handleSearch() {
+            this.getList()
+        },
+        // 排序
+        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></style>

src/views/trials/trials-workbench/components/inspectionManagement/userList.vue

@@ -0,0 +1,229 @@
+<template>
+  <el-container class="participant-container">
+    <el-header style="height: 50px">
+      <div class="filter-container">
+        <!-- 姓名 -->
+        <span>{{ $t('trials:staff:table:name') }}:</span>
+        <el-input v-model="listQuery.RealName" size="mini" class="mr" clearable />
+        <!-- 用户名 -->
+        <span>{{ $t('trials:staff:table:uid') }}:</span>
+        <el-input v-model="listQuery.UserName" size="mini" class="mr" clearable />
+        <!-- 单位 -->
+        <span>{{ $t('trials:staff:table:organization') }}:</span>
+        <el-input v-model="listQuery.OrganizationName" size="mini" class="mr" clearable />
+        <!-- 是否加入 -->
+        <template v-if="!isView">
+          <span>{{ $t('trials:staff:table:Join') }}:</span>
+          <el-select v-model="listQuery.IsAuditRecordUserSelect" placeholder="" size="mini" class="mr" clearable>
+            <el-option v-for="item in $d.IsJoin" :key="item.id" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </template>
+        <!-- 用户类型 -->
+        <!-- <span>{{ $t('trials:staff:table:userType') }}:</span>
+        <el-select v-model="listQuery.UserTypeEnum" size="mini" clearable class="mr">
+          <el-option v-for="item of userTypeOptions" :key="item.Id" :label="item.UserTypeShortName"
+            :value="item.UserTypeEnum">
+            <span>{{ item.UserType }}</span>
+          </el-option>
+        </el-select> -->
+        <!-- 查询 -->
+        <el-button type="primary" size="mini" icon="el-icon-search" @click="handleSearch">
+          {{ $t('common:button:search') }}
+        </el-button>
+        <!-- 重置 -->
+        <el-button size="mini" type="primary" icon="el-icon-refresh-left" @click="handleReset">
+          {{ $t('common:button:reset') }}
+        </el-button>
+
+        <!-- <el-button type="primary" size="mini" style="margin-left: auto" :disabled="selectArr.length === 0"
+          :loading="assignLoadStatus" icon="el-icon-plus" @click="handleAssign">
+          {{ $t('common:button:add') }}
+        </el-button> -->
+      </div>
+    </el-header>
+    <el-main>
+      <div class="data-table">
+        <el-table :data="list" stripe height="400px" class="participant-table-list"
+          @selection-change="handleSelectChange" @sort-change="handleSortByColumn">
+          <!-- <el-table-column type="selection" width="50" /> -->
+          <el-table-column type="index" width="50" />
+          <!-- 姓名 -->
+          <el-table-column prop="FullName" :label="$t('trials:staff:table:name')" show-overflow-tooltip
+            sortable="custom" min-width="100" />
+          <!-- 用户名 -->
+          <el-table-column prop="UserName" :label="$t('trials:staff:table:uid')" show-overflow-tooltip sortable="custom"
+            min-width="100" />
+          <!-- 电话 -->
+          <el-table-column prop="Phone" :label="$t('trials:staff:table:phone')" show-overflow-tooltip sortable="custom"
+            min-width="120" />
+          <!-- 邮箱 -->
+          <el-table-column prop="EMail" :label="$t('trials:staff:table:email')" show-overflow-tooltip sortable="custom"
+            min-width="120" />
+          <!-- 单位 -->
+          <el-table-column prop="OrganizationName" :label="$t('trials:staff:table:organization')" show-overflow-tooltip
+            min-width="100" sortable="custom" />
+          <!-- 用户类型 -->
+          <!-- <el-table-column prop="UserTypeShortName" :label="$t('trials:staff:table:userType')" show-overflow-tooltip
+            sortable="custom" min-width="100" /> -->
+          <el-table-column prop="IsAuditRecordUserSelect" :label="$t('trials:staff:table:Join')" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <span>{{ $fd('IsJoin', scope.row.IsAuditRecordUserSelect) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('common:action:action')" width="120" align="left" fixed="right">
+            <template slot-scope="scope">
+              <el-button type="text" @click="changeUser(true, scope.row)" :disabled="scope.row.IsAuditRecordUserSelect">
+                {{ $t('trials:trials-workbench:inspectionManagement:button:join') }}
+              </el-button>
+              <el-button type="text" @click="changeUser(false, scope.row)"
+                :disabled="!scope.row.IsAuditRecordUserSelect">
+                {{ $t('trials:trials-workbench:inspectionManagement:button:Exit') }}
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-main>
+    <div class="pagination" style="text-align: right; margin-top: 5px">
+      <pagination :total="total" :page.sync="listQuery.PageIndex" :limit.sync="listQuery.PageSize"
+        @pagination="getList" />
+    </div>
+  </el-container>
+</template>
+<script>
+import { getUserList } from '@/api/admin'
+import { addOrDeleteAuditRecordUser } from '@/api/trials'
+import Pagination from '@/components/Pagination'
+const getListQueryDefault = () => {
+  return {
+    RealName: '',
+    UserName: '',
+    OrganizationName: '',
+    IsAuditRecordUserSelect: null,
+    UserTypeEnum: '16',
+    PageIndex: 1,
+    PageSize: 20,
+  }
+}
+export default {
+  components: { Pagination },
+  props: {
+    AuditRecordId: {
+      type: String,
+      default: ''
+    },
+    isView: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      list: [],
+      total: 0,
+      listQuery: getListQueryDefault(),
+      selectArr: [],
+      assignLoadStatus: false,
+      // isAdmin: JSON.parse(zzSessionStorage.getItem('IsAdmin')),
+      userTypeOptions: [],
+      trialId: '',
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    async changeUser(IsAdd = true, row) {
+      try {
+        let data = {
+          AuditRecordId: this.AuditRecordId,
+          IsAdd,
+          identityUserIdList: [row.Id]
+        }
+        let res = await addOrDeleteAuditRecordUser(data)
+        if (res.IsSuccess) {
+          this.getList()
+          this.$emit("getList")
+        }
+      } catch (err) {
+        console.log(err)
+      }
+    },
+    getList() {
+      const loading = this.$loading({
+        target: document.querySelector('.participant-table-list'),
+        fullscreen: false,
+        lock: true,
+      })
+      this.listQuery.UserState = 1
+      this.listQuery.AuditRecordId = this.AuditRecordId
+      if (this.isView) this.listQuery.IsAuditRecordUserSelect = true
+      getUserList(this.listQuery)
+        .then((res) => {
+          loading.close()
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+        })
+        .catch(() => {
+          loading.close()
+        })
+    },
+    handleAssign() {
+      this.$emit('add', this.selectArr)
+    },
+    handleSearch() {
+      this.listQuery.PageIndex = 1
+      this.getList()
+    },
+    handleReset() {
+      this.listQuery = getListQueryDefault()
+      if (this.isView) this.listQuery.IsAuditRecordUserSelect = true
+      this.getList()
+    },
+    handleSelectChange(val) {
+      this.selectArr = val
+    },
+    handleSortByColumn(column) {
+      if (column.order === 'ascending') {
+        this.listQuery.Asc = true
+      } else {
+        this.listQuery.Asc = false
+      }
+      this.listQuery.SortField = column.prop
+      this.listQuery.PageIndex = 1
+      this.getList()
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.participant-container {
+  height: 100%;
+
+  .el-header {
+    .filter-container {
+      display: flex;
+      align-items: center;
+
+      span {
+        font-size: 13px;
+        margin-right: 5px;
+      }
+
+      .mr {
+        margin-right: 5px;
+        width: 120px;
+      }
+    }
+  }
+
+  .el-main {
+    padding: 0px;
+  }
+
+  .el-footer {
+    padding: 0 20px;
+  }
+}
+</style>

src/views/trials/trials-workbench/index.vue

@@ -365,6 +365,15 @@
                     <span class="my_select_box_content_text">{{ $t('trials:tab:updateAuditDocument') }}</span>
                   </div>
                 </div>
+                <!-- 稽查管理 -->
+                <div class="my_select_box" :class="{ selected: selected === 'inspectionManagement' }"
+                  tab-data="updateAuditDocument" @click="handleClick('inspectionManagement')"
+                  v-if="hasPermi(['trials:trials-workbench:inspectionManagement'])">
+                  <div class="my_select_box_content">
+                    <span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
+                    <span class="my_select_box_content_text">{{ $t('trials:tab:inspectionManagement') }}</span>
+                  </div>
+                </div>
               </div>
             </template>
           </div>
@@ -443,11 +452,13 @@
         <!--通用培训记录-->
         <generalTraining v-if="selected === 'viewGeneralTraining'" :isManage="false" />
         <!--稽查文档-->
-        <auditDocument v-if="selected === 'viewAuditDocument'" :isManage="false" />
+        <auditDocumentView v-if="selected === 'viewAuditDocument'" :isManage="false" />
         <!--培训课程管理-->
         <generalTraining v-if="selected === 'updateGeneralTraining'" :isManage="true" />
         <!--稽查文档管理-->
         <auditDocument v-if="selected === 'updateAuditDocument'" :isManage="true" />
+        <!--稽查管理-->
+        <inspectionManagement v-if="selected === 'inspectionManagement'" />
       </div>
       <!--        <div v-show="false" style="height: 100%;position: relative">-->
       <!--          <div style="font-weight:900;font-size: 20px;position: absolute;line-height: 60px;text-align: left;white-space: nowrap;padding-left: 20px" :style="{width: width + 'px'}">-->
@@ -570,8 +581,10 @@ import MedicalFeedback from './components/medicalFeedback'
 import MedicalAudit from './components/medicalAudit'
 import NeedSignedTrialDoc from './components/NeedSignedTrialDoc'
 import auditDocument from "./components/auditDocument"
+import auditDocumentView from "./components/auditDocument/view"
 import generalTraining from "./components/generalTraining"
 import ReuploadAudit from "./components/ReuploadAudit"
+import inspectionManagement from "./components/inspectionManagement"
 import store from '@/store'
 import './index.css'
 
@@ -583,7 +596,9 @@ export default {
   name: 'WorkBench',
   components: {
     auditDocument,
+    auditDocumentView,
     generalTraining,
+    inspectionManagement,
     clinicalDataConfirm,
     clinicalDataPM,
     PanelCount,