Merge branch 'main' of https://gitea.frp.extimaging.com/XCKJ/irc_web

package.json

@@ -14,6 +14,7 @@
     "i18n:en": "node i18nGenerate.js lang=en keyCol=5 valCol=7"
   },
   "dependencies": {
+    "@aws-sdk/client-s3": "^3.370.0",
     "@cornerstonejs/calculate-suv": "^1.1.0",
     "@cornerstonejs/core": "^1.27.4",
     "@cornerstonejs/dicom-image-loader": "^1.27.4",
@@ -23,11 +24,13 @@
     "@ffmpeg/ffmpeg": "^0.10.1",
     "@microsoft/signalr": "^6.0.8",
     "@riophae/vue-treeselect": "0.4.0",
+    "@vue-office/docx": "^1.6.2",
+    "@vue-office/excel": "^1.7.11",
+    "@vue/composition-api": "^1.7.2",
     "ali-oss": "^6.17.1",
     "axios": "0.18.1",
     "babel-eslint": "7.2.3",
     "copy-webpack-plugin": "^4.5.2",
-    "@aws-sdk/client-s3": "^3.370.0",
     "core-js": "^3.8.3",
     "cornerstone-core": "^2.6.1",
     "cornerstone-math": "^0.1.10",
@@ -65,6 +68,7 @@
     "vue-clipboard2": "^0.3.1",
     "vue-contextmenujs": "^1.3.13",
     "vue-count-to": "^1.0.13",
+    "vue-demi": "^0.14.6",
     "vue-i18n": "^8.7.0",
     "vue-pdf": "^4.3.0",
     "vue-puzzle-vcode": "^1.1.10",

public/error.html

@@ -23,8 +23,8 @@
               <img src="./error_assets/zzlogo2.png" alt="">
               <img v-show="false" src="./error_assets/zzlogo3.png" alt="">
             </div>
-            <div class="login-image">
-              <img src="./error_assets/login-bg.png">
+            <div class="login-image login-image-usa">
+              <img src="./error_assets/login-bg.svg" style="max-width: 500px;max-height: 300px;">
             </div>
           </div>
           <div class="login-r">
@@ -148,7 +148,7 @@
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
-    width: 1200px;
+    width: 1100px;
     height: 600px;
     box-sizing: border-box;
     background: rgb(255, 255, 255);
@@ -179,7 +179,12 @@
   .login-container .login-body .login-l .login-image img{
     height: 100%;
   }
-
+  .login-container .login-body .login-l .login-image-usa {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+  }
   .login-container .login-body .login-r{
     position: relative;
     float: left;

public/errorEN.html

@@ -23,8 +23,8 @@
           <img src="./error_assets/zzlogo3.png" alt="">
           <img v-show="false" src="./error_assets/zzlogo3.png" alt="">
         </div>
-        <div class="login-image">
-          <img src="./error_assets/login-bg.png">
+        <div class="login-image login-image-usa">
+          <img src="./error_assets/login-bg.svg" style="max-width: 500px;max-height: 300px;">
         </div>
       </div>
       <div class="login-r">
@@ -104,7 +104,7 @@
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
-    width: 1200px;
+    width: 1100px;
     height: 600px;
     box-sizing: border-box;
     background: rgb(255, 255, 255);
@@ -135,7 +135,12 @@
   .login-container .login-body .login-l .login-image img{
     height: 100%;
   }
-
+  .login-container .login-body .login-l .login-image-usa {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+  }
   .login-container .login-body .login-r{
     position: relative;
     float: left;

public/index.html

@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <meta http-equiv="pragram" content="no-cache">
+    <meta name="autocomplete" content="off">
     <meta http-equiv="Expires" content="0">
     <meta http-equiv="Pragma" content="no-cache">
     <meta http-equiv="Cache-control" content="no-store,no-cache,must-revalidate">

src/App.vue

@@ -37,7 +37,12 @@
         height="100"
         style="width: 100%"
       >
-        <el-table-column prop="Code" label="标签" width="300">
+        <el-table-column
+          prop="Code"
+          label="标签"
+          width="300"
+          show-overflow-tooltip
+        >
         </el-table-column>
         <!--        <el-table-column-->
         <!--          prop="Description"-->
@@ -54,7 +59,7 @@
               v-model="scope.row.Value"
               @input="
                 (e) => {
-                  $set(scope.row, 'Value', e);
+                  $set(scope.row, 'Value', e)
                 }
               "
               size="mini"
@@ -67,7 +72,7 @@
               v-model="scope.row.ValueCN"
               @input="
                 (e) => {
-                  $set(scope.row, 'ValueCN', e);
+                  $set(scope.row, 'ValueCN', e)
                 }
               "
               size="mini"
@@ -90,13 +95,13 @@
 import {
   batchAddOrUpdateFrontInternationalization,
   getFrontInternationalizationList,
-} from "@/api/dictionary/dictionary";
-import { getTrialExtralConfig } from "@/api/trials";
-import feedBack from "@/views/trials/trials-layout/components/feedBack";
-import Vue from "vue";
-import i18n from "./lang";
+} from '@/api/dictionary/dictionary'
+import { getTrialExtralConfig } from '@/api/trials'
+import feedBack from '@/views/trials/trials-layout/components/feedBack'
+import Vue from 'vue'
+import i18n from './lang'
 export default {
-  name: "App",
+  name: 'App',
   components: { feedBack },
   data() {
     return {
@@ -105,38 +110,43 @@ export default {
       show: false,
       key: null,
       arr: [],
-    };
+    }
   },
   mounted() {
-    this.show = process.env.VUE_APP_OSS_PATH === "/test/dist";
-  },
-  watch: {
-    "$route.query": {
-      async handler() {
-        if (
-          this.$route.query.trialId &&
-          this.$route.query.trialId !==
-            this.$store.state.trials.config.trialId &&
-          this.$store.state.trials.whiteList.indexOf(this.$route.path) === -1
-        ) {
-          let res = await getTrialExtralConfig({
-            TrialId: this.$route.query.trialId,
-          });
-          if (res.IsSuccess) {
-            this.$store.dispatch("trials/setConfig", {
-              trialId: this.$route.query.trialId,
-              ...res.Result,
-            });
-          }
-        }
-      },
-      immediate: true,
-      deep: true,
-    },
+    this.show = process.env.VUE_APP_OSS_PATH === '/test/dist'
   },
+  // watch: {
+  //   '$route.query': {
+  //     async handler() {
+  //       if (!this.$route.query.trialId) {
+  //         this.$store.dispatch('trials/setConfig', {})
+  //       }
+  //       if (
+  //         this.$route.query.trialId &&
+  //         this.$route.query.trialId !==
+  //           this.$store.state.trials.config.trialId &&
+  //         this.$store.state.trials.whiteList.indexOf(this.$route.path) === -1
+  //       ) {
+  //         let res = await getTrialExtralConfig({
+  //           TrialId: this.$route.query.trialId,
+  //         })
+  //         console.log(222222222222)
+  //         res.Result.aa = { 阅片人: '采集人', 申办方: 'aaa' }
+  //         if (res.IsSuccess) {
+  //           this.$store.dispatch('trials/setConfig', {
+  //             trialId: this.$route.query.trialId,
+  //             ...res.Result,
+  //           })
+  //         }
+  //       }
+  //     },
+  //     immediate: true,
+  //     deep: true,
+  //   },
+  // },
   methods: {
     changeValue(target, attr, e) {
-      this.$set(target, attr, e);
+      this.$set(target, attr, e)
     },
     keyChange(v) {
       if (this.key) {
@@ -148,65 +158,65 @@ export default {
               ~v.Value.indexOf(this.key) ||
               ~v.ValueCN.indexOf(this.key)
           )
-        );
+        )
       } else {
-        this.tableData = Object.assign([], this.arr);
+        this.tableData = Object.assign([], this.arr)
       }
     },
     handleSave() {
-      this.$confirm("确定修改当前页面国际化内容？").then(() => {
+      this.$confirm('确定修改当前页面国际化内容？').then(() => {
         batchAddOrUpdateFrontInternationalization(this.tableData).then(
           async (res) => {
             var zhMessages = {},
-              enMessages = {};
-            var Internationalization = await getFrontInternationalizationList();
-            Vue.prototype.$tl = Internationalization.Result;
+              enMessages = {}
+            var Internationalization = await getFrontInternationalizationList()
+            Vue.prototype.$tl = Internationalization.Result
             this.tableData.forEach((v) => {
               // zhMessages[v.Description + '_' + v.Code] = v.ValueCN
               // enMessages[v.Description + '_' + v.Code] = v.Value
-              zhMessages[v.Code] = v.ValueCN;
-              enMessages[v.Code] = v.Value;
-            });
-            i18n.mergeLocaleMessage("zh", zhMessages);
-            i18n.mergeLocaleMessage("en", enMessages);
-            this.drawer = false;
-            this.$message.success("国际化修改成功");
+              zhMessages[v.Code] = v.ValueCN
+              enMessages[v.Code] = v.Value
+            })
+            i18n.mergeLocaleMessage('zh', zhMessages)
+            i18n.mergeLocaleMessage('en', enMessages)
+            this.drawer = false
+            this.$message.success('国际化修改成功')
           }
-        );
-      });
+        )
+      })
     },
     openI18n() {
-      this.tableData = [];
-      this.key = null;
-      this.drawer = true;
-      let arr = [];
+      this.tableData = []
+      this.key = null
+      this.drawer = true
+      let arr = []
       let tableData = this.$tl.map((v) => {
-        let a = { ...v };
+        let a = { ...v }
         // if (!a.Description) {
         //   a.Description = this.$route.path
         // }
-        return a;
-      });
+        return a
+      })
       tableData = tableData.filter((v) => {
         // return  ~this.$path.indexOf(v.Description + '_' + v.Code)
-        return ~this.$path.indexOf(v.Code);
-      });
+        return ~this.$path.indexOf(v.Code)
+      })
       this.$path.forEach((v) => {
         let o = tableData.find((a) => {
-          return a.Code === v;
-        });
+          return a.Code === v
+        })
         if (o) {
-          arr.push(o);
+          arr.push(o)
         } else {
           arr.push({
             Code: v,
             Description: null,
             Value: null,
             ValueCN: null,
-          });
+          })
         }
-      });
-      this.arr = arr;
+      })
+      this.arr = arr
       if (this.key) {
         this.tableData = Object.assign(
           [],
@@ -216,15 +226,15 @@ export default {
               ~v.Value.indexOf(this.key) ||
               ~v.ValueCN.indexOf(this.key)
           )
-        );
+        )
       } else {
-        this.tableData = Object.assign([], this.arr);
+        this.tableData = Object.assign([], this.arr)
       }
       // console.log(JSON.stringify(this.$path))
       // console.log(JSON.stringify(this.tableData))
     },
   },
-};
+}
 </script>
 
 <style lang="scss">
@@ -249,7 +259,7 @@ input::-webkit-inner-spin-button {
   -webkit-appearance: none !important;
 }
 
-input[type="number"] {
+input[type='number'] {
   -moz-appearance: textfield !important;
 }
 
@@ -275,7 +285,7 @@ textarea {
   color: $light_gray;
   text-align: center;
   font-weight: bold;
-  font-family: "Times New Roman";
+  font-family: 'Times New Roman';
   text-shadow: 1px 0.5px 1.5px #666;
 }
 .title-logo {

src/api/admin.js

@@ -293,3 +293,27 @@ export function batchUpdateInternationalInfo(data) {
     data
   })
 }
+// 邮件事件消息列表
+export function getEventStoreRecordList(data) {
+  return request({
+    url: `/EventStoreRecord/getEventStoreRecordList`,
+    method: 'post',
+    data
+  })
+}
+// 重新发布事件消息
+export function rePublishEvent(params) {
+  return request({
+    url: `/EventStoreRecord/rePublishEvent`,
+    method: 'get',
+    params
+  })
+}
+// userId获取doctorId
+export function useUserIDGetDoctorID(data) {
+  return request({
+    url: `/TrialSiteSurvey/useUserIDGetDoctorID`,
+    method: 'post',
+    data
+  })
+}

src/api/dictionary.js

@@ -1046,3 +1046,27 @@ export function getExploreRecommentInfo(params) {
     params
   })
 }
+
+export function getSystemCalculateQuestions(params) {
+  return request({
+    url: `/ReadingQuestion/getSystemCalculateQuestions`,
+    method: 'post',
+    data: params
+  })
+}
+
+export function getSystemCalculateTableQuestions(params) {
+  return request({
+    url: `/ReadingQuestion/getSystemCalculateTableQuestions`,
+    method: 'post',
+    data: params
+  })
+}
+// 添加pd/入组默认邮件
+export function batchAddEnrollOrPdEmailConfig(params) {
+  return request({
+    url: `/TrialEmailNoticeConfig/batchAddEnrollOrPdEmailConfig`,
+    method: 'post',
+    params
+  })
+}

src/api/export.js

@@ -187,3 +187,73 @@ export function qCVisitList_Export(data) {
     data
   })
 }
+// 导出下载记录
+export function getTrialDownloadList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/getTrialDownloadList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}
+// 导出接收记录
+export function getSCPImageUploadList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/getSCPImageUploadList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}
+// 导出接收检查影像记录
+export function getPatientList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/getPatientList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}
+export function getCommonEvaluationList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/getCommonEvaluationList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}
+export function getCommonJudgeRatioList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/getCommonJudgeRatioList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}
+// 导出国际化列表
+export function GetInternationalizationList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/GetInternationalizationList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}
+// 导出一致性分析
+export function GetAnalysisTaskList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/GetAnalysisTaskList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}
+// 导出邮件配置
+export function GetEmailNoticeConfigList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/GetEmailNoticeConfigList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}

src/api/research.js

@@ -12,7 +12,8 @@ export function verifySendCode(param) {
   return request({
     url: '/TrialSiteSurvey/verifySendCode',
     method: 'post',
-    data: param
+    data: param,
+    clearToken: true
   })
 }
 

src/api/reviewers.js

@@ -138,10 +138,11 @@ export function addOrUpdateResearchPublication(param) {
   })
 }
 
-export function getTrialExperience(doctorId) {
+export function getTrialExperience(data) {
   return request({
-    url: `/trialExperience/getTrialExperience/${doctorId}`,
-    method: 'get'
+    url: `/trialExperience/getTrialExperience`,
+    method: 'post',
+    data
   })
 }
 
@@ -236,10 +237,14 @@ export function downloadByAttachmentId(doctorId, attachmentIds) {
   })
 }
 
-export function getDetail(doctorId) {
+export function getDetail(doctorId, TrialId) {
   return request({
-    url: `/doctor/getDetail/${doctorId}`,
-    method: 'get'
+    url: `/doctor/getDetail`,
+    method: 'post',
+    data: {
+      DoctorId: doctorId,
+      TrialId
+    }
   })
 }
 
@@ -290,3 +295,75 @@ export function verifyEmialGetDoctorInfo(param) {
     data: param
   })
 }
+// 新增或编辑基本信息
+export function addOrUpdateDoctorBasicInfoAndEmployment(param) {
+  return request({
+    url: `/Doctor/addOrUpdateDoctorBasicInfoAndEmployment`,
+    method: 'post',
+    data: param
+  })
+}
+// 新增或编辑概述
+export function addOrUpdateGneralSituation(param) {
+  return request({
+    url: `/Doctor/addOrUpdateGneralSituation`,
+    method: 'post',
+    data: param
+  })
+}
+// 新增或编辑支付方式
+export function updatePaymentMode(param) {
+  return request({
+    url: `/Doctor/updatePaymentMode`,
+    method: 'post',
+    data: param
+  })
+}
+// 新增或编辑Publication
+export function addOrUpdateResearchPublicationInfo(param) {
+  return request({
+    url: `/ResearchPublication/addOrUpdateResearchPublicationInfo`,
+    method: 'post',
+    data: param
+  })
+}
+// 发送简历采集邮件
+export function doctorSendEmail(param) {
+  return request({
+    url: `/Doctor/sendEmail`,
+    method: 'post',
+    data: param
+  })
+}
+// 获取医生是否休假
+export function getIsVacation(param) {
+  return request({
+    url: `/Vacation/getIsVacation`,
+    method: 'post',
+    data: param
+  })
+}
+// 获取概述
+export function getSummarizeInfo(param) {
+  return request({
+    url: `/Doctor/getSummarizeInfo`,
+    method: 'post',
+    data: param
+  })
+}
+// 删除概述
+export function deleteSummarizeInfo(param) {
+  return request({
+    url: `/Doctor/deleteSummarizeInfo`,
+    method: 'post',
+    data: param
+  })
+}
+// pm通过邮箱新建或查询简历
+export function useEmialGetDoctorInfo(param) {
+  return request({
+    url: `/TrialSiteSurvey/useEmialGetDoctorInfo`,
+    method: 'post',
+    data: param
+  })
+}

src/api/trials.js

@@ -286,10 +286,11 @@ export function trialSiteUserSummaryListExport(param) {
   })
 }
 
-export function getVisitStageList(trialId) {
+export function getVisitStageList(data) {
   return request({
-    url: `/visitPlan/getVisitStageList/${trialId}`,
-    method: 'get'
+    url: `/visitPlan/getVisitStageList`,
+    method: 'post',
+    data
   })
 }
 
@@ -3906,3 +3907,11 @@ export function setTaskValid(data) {
     data
   })
 }
+//  一致性分析临床数据设置任务为有效
+export function getVisitClinicalDataName(data) {
+  return request({
+    url: `/ReadingClinicalData/getVisitClinicalDataName`,
+    method: 'post',
+    data
+  })
+}

src/components/BaseModel/index.vue

@@ -8,10 +8,11 @@
       :visible.sync="config.visible"
       :close-on-click-modal="false"
       :show-close="config.showClose"
+      :top="config.top"
       :width="config.width"
       :fullscreen="config.fullscreen"
     >
-      <div class="base-modal-body">
+      <div class="base-modal-body" :style="config.bodyStyle">
         <slot name="dialog-body" />
       </div>
       <div slot="footer" class="base-modal-footer">
@@ -22,24 +23,26 @@
 </template>
 <script>
 export default {
-  name: "BaseDialog",
+  name: 'BaseDialog',
   props: {
     config: {
       type: Object,
       default: () => {
         return {
           visible: false,
-          title: "",
+          title: '',
           closeOnClickModal: false,
           showClose: true,
           appendToBody: false,
-          width: "100px",
+          width: '100px',
           fullscreen: false,
-        };
+          top: '15vh',
+          bodyStyle: '',
+        }
       },
     },
   },
-};
+}
 </script>
 <style lang="scss">
 .base-model-wrapper {

src/components/BaseTable/index.vue

@@ -2,7 +2,7 @@
   <el-row>
     <el-col class="m-b-10" :span="24">
       <el-table
-        v-adaptive="{bottomOffset}"
+        v-adaptive="{ bottomOffset }"
         :data="list"
         :height="tableHeight"
         v-bind="$attrs"
@@ -15,15 +15,44 @@
       >
         <template v-for="(column, index) in columns">
           <slot name="front-slot" />
+          <el-table-column v-if="column.type === 'tip'" :key="index" width="35">
+            <template slot-scope="scope">
+              <span v-if="column.slot">
+                <!-- 具名slot -->
+                <slot v-if="column.slot" :name="column.slot" :scope="scope" />
+              </span>
+            </template>
+          </el-table-column>
           <!-- 序号 -->
-          <el-table-column v-if="column.type === 'selection'" :key="index" type="selection" width="55" />
+          <el-table-column
+            v-else-if="column.type === 'selection'"
+            :key="index"
+            type="selection"
+            width="55"
+          />
           <!-- 复选框 -->
-          <el-table-column v-else-if="column.type === 'index'" :key="index" type="index" width="50" />
+          <el-table-column
+            v-else-if="column.type === 'index'"
+            :key="index"
+            type="index"
+            width="50"
+          />
           <!-- 具体内容 -->
-          <el-table-column v-else :key="index" align="left" :label="column.label" :width="column.width" :min-width="column.minWidth" :show-overflow-tooltip="column.showOverflowTooltip || false" :sortable="column.sortable || false" :prop="column.prop">
+          <el-table-column
+            v-else
+            :key="index"
+            align="left"
+            :label="column.label"
+            :width="column.width"
+            :min-width="column.minWidth"
+            :show-overflow-tooltip="column.showOverflowTooltip || false"
+            :sortable="column.sortable || false"
+            :prop="column.prop"
+          >
             <template slot-scope="scope">
               <!-- 仅仅显示文字 -->
-              <span v-if="!column.hidden"> <!-- 如果hidden为true的时候 那么当前格可以不显示，可以选择显示自定义的slot-->
+              <span v-if="!column.hidden">
+                <!-- 如果hidden为true的时候 那么当前格可以不显示，可以选择显示自定义的slot-->
                 <!-- 操作按钮 -->
                 <span v-if="column.type === 'operate'">
                   <!-- <a v-for="(operate, i) in column.operates" :key="i" href="javascript:void(0)" class="operate-button" @click="handleClick(operate, scope.row)">
@@ -31,7 +60,13 @@
                     &nbsp;&nbsp;
                   </a> -->
                   <span v-for="(operate, i) in column.operates" :key="i">
-                    <el-button :size="operate.size || 'mini'" :type="operate.type || 'primary'" style="margin-right:5px;" @click="handleClick(operate, scope.row)">{{ operate.name }}</el-button>
+                    <el-button
+                      :size="operate.size || 'mini'"
+                      :type="operate.type || 'primary'"
+                      style="margin-right: 5px"
+                      @click="handleClick(operate, scope.row)"
+                      >{{ operate.name }}</el-button
+                    >
                   </span>
                 </span>
                 <span v-else>
@@ -52,7 +87,12 @@
     </el-col>
     <!-- 分页部分 -->
     <el-col v-if="!hiddenPage" :span="24" class="page">
-      <pagination :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="pagination" />
+      <pagination
+        :total="total"
+        :page.sync="searchData.PageIndex"
+        :limit.sync="searchData.PageSize"
+        @pagination="pagination"
+      />
     </el-col>
   </el-row>
 </template>
@@ -96,45 +136,44 @@ export default {
     // 核心数据
     list: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
 
     // columns
     columns: {
       type: Array,
       required: true,
-      default: () => []
+      default: () => [],
     },
     // is hidden page for table
     hiddenPage: {
       type: Boolean,
-      default: false
+      default: false,
     },
     bottomOffset: {
       type: Number,
-      default: 45
+      default: 45,
     },
     searchData: {
       type: Object,
-      default: () => {}
+      default: () => {},
     },
     total: {
       type: Number,
-      default: 0
+      default: 0,
     },
     highlightCurrentRow: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   data() {
-    return {
-    }
+    return {}
   },
   computed: {
     tableHeight() {
       return 100
-    }
+    },
   },
   methods: {
     // 处理点击事件
@@ -157,12 +196,12 @@ export default {
     },
     pagination() {
       this.$emit('getList')
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
-.page{
+.page {
   padding-top: 3px;
   text-align: right;
 }

src/components/Dicom/DicomCanvas.vue

@@ -262,7 +262,13 @@ export default {
               apiTool
             )
             if (!toolAlreadyAddedToElement) {
-              cornerstoneTools.addToolForElement(element, apiTool)
+              if (toolName === 'RectangleRoi') {
+                cornerstoneTools.addToolForElement(element, apiTool, { configuration: { showMinMax: true, showStatsText: true}})
+              } else if (toolName === 'EllipticalRoi') {
+                cornerstoneTools.addToolForElement(element, apiTool, { configuration: { showMinMax: true}})
+              } else {
+                cornerstoneTools.addToolForElement(element, apiTool)
+              }
             }
           }
           // Setup button listener

src/components/Dicom/DicomTags.vue

@@ -181,9 +181,10 @@ export default {
                       elementObject.value = str
                     }
                   } else {
-                    if (element.length !== 2 && element.length !== 4) {
-                      // elementObject.value = 'binary data'
-                    }
+                    elementObject.value = dataSet.string(propertyName)
+                    // if (element.length !== 2 && element.length !== 4) {
+                    //   // elementObject.value = 'binary data'
+                    // }
                   }
                 } else if (vr === 'US') {
                   let text = dataSet.uint16(propertyName)

src/components/TrialsSelect/index.vue

@@ -124,7 +124,7 @@ export default {
     inputChange(v) {
       this.resultFilter = this.options.filter((o) => {
         var reg = new RegExp(v, 'ig')
-        return reg.test(o.ResearchProgramNo) || reg.test(o.Indication)
+        return reg.test(o.ResearchProgramNo) || reg.test(o.Indication) || reg.test(o.ExperimentName)
       })
     },
     getTrialList() {

src/components/UploadFile/index.vue

@@ -99,7 +99,7 @@ export default {
         this.btnDisabled = false
         if (res.IsSuccess) {
           this.fileList[0].id = res.Result[0].Id
-          this.$message.success('Uploaded successfully')
+          this.$message.success(this.$t('trials:uploadDicomList:table:Uploaded'))
           this.$emit('getFileList', res.Result[0].Id, res.Result[0].Path)
         }
       })
@@ -113,13 +113,13 @@ export default {
       if (isValidFile) {
         this.fileList = []
       } else {
-        this.$alert('must be in pdf format')
+        this.$alert(this.$t('upload:rule:MUSTPDF'))
         return false
       }
     },
     beforeRemove(file, fileList) {
       if (file && file.status === 'success') {
-        return this.$confirm(`Sure to remove ${file.name}?`)
+        return this.$confirm(this.$t('system:reviewer:confirm:delete'))
       }
     },
     handleRemoveFile(file, fileList) {
@@ -146,7 +146,7 @@ export default {
       }
     },
     handleExceed(files, fileList) {
-      this.$message.warning(`Upload is currently limited to 1 file`)
+      this.$message.warning(this.$t('upload:rule:maxFile1'))
     },
     fileValid(fileName, typeArr) {
       var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()

src/components/UploadFiles/index.vue

@@ -9,37 +9,51 @@
       :file-list="fileList"
       :accept="accept"
     >
-      <el-button size="small" type="primary" :disabled="isDisabled">{{ $t('common:button:upload') }}</el-button>
+      <el-button size="small" type="primary" :disabled="isDisabled">{{
+        $t('common:button:upload')
+      }}</el-button>
     </el-upload>
   </div>
 </template>
 <script>
-import { getAttachmentByType, uploadFile, saveAttachments, deleteAttachment } from '@/api/attachment'
+import {
+  getAttachmentByType,
+  uploadFile,
+  saveAttachments,
+  deleteAttachment,
+} from '@/api/attachment'
 export default {
   name: 'UploadFiles',
   props: {
     type: {
       type: String,
-      required: true
+      required: true,
     },
     doctorId: {
       type: String,
-      required: true
+      required: true,
     },
     accept: {
       type: String,
-      required: true
-    }
+      required: true,
+    },
   },
   data() {
     return {
       fileList: [],
       repeat: false,
-      isDisabled: false
+      isDisabled: false,
     }
   },
+  watch: {
+    doctorId() {
+      if (this.doctorId) {
+        this.initFileList()
+      }
+    },
+  },
   mounted() {
-    if(!this.doctorId) return
+    if (!this.doctorId) return
     this.initFileList()
   },
   methods: {
@@ -49,24 +63,28 @@ export default {
         lock: true,
         text: 'Loading',
         spinner: 'el-icon-loading',
-        background: 'rgba(0, 0, 0, 0.07)'
+        background: 'rgba(0, 0, 0, 0.07)',
       })
-      getAttachmentByType(this.doctorId, this.type).then(res => {
-        loading.close()
-        if (res.IsSuccess) {
-          if (res.Result.length > 0) {
-            this.fileList = this.formatterFileList(res.Result)
-            this.$emit('getFileList', this.fileList)
-          } else {
-            this.fileList = []
+      getAttachmentByType(this.doctorId, this.type)
+        .then((res) => {
+          loading.close()
+          if (res.IsSuccess) {
+            if (res.Result.length > 0) {
+              this.fileList = this.formatterFileList(res.Result)
+              this.$emit('getFileList', this.fileList)
+            } else {
+              this.fileList = []
+            }
           }
-        }
-      }).catch(() => { loading.close() })
+        })
+        .catch(() => {
+          loading.close()
+        })
     },
 
     formatterFileList(list) {
       var arr = []
-      list.forEach(item => {
+      list.forEach((item) => {
         const data = {
           DoctorId: item.DoctorId,
           Type: item.Type,
@@ -74,7 +92,7 @@ export default {
           FullPath: item.FullPath,
           FileName: item.FileName,
           CreateTime: item.CreateTime,
-          Id: item.Id
+          Id: item.Id,
         }
         arr.push(data)
       })
@@ -85,32 +103,42 @@ export default {
       // 检测文件后缀名
       if (this.checkFileSuffix(param.file.name)) {
         // 检测是否有重名文件
-        const isRepeat = this.fileList.some(item => item.FileName === param.file.name)
+        const isRepeat = this.fileList.some(
+          (item) => item.FileName === param.file.name
+        )
         if (isRepeat) {
-          this.$confirm('Override the existing resume?', {
-            type: 'warning',
-            distinguishCancelAndClose: true,
-            confirmButtonText: 'OK',
-            cancelButtonText: 'Cancel'
-          })
+          this.$confirm(
+            this.$t('curriculumVitae:resume:message:existingResume'),
+            {
+              type: 'warning',
+              distinguishCancelAndClose: true,
+            }
+          )
             .then(() => {
               // 重名覆盖
               this.repeat = true
               this.uploadFile(param.file)
             })
-            .catch(action => {})
+            .catch((action) => {})
         } else {
           this.uploadFile(param.file)
         }
       } else {
-        this.$alert(`Must be in ${this.accept} format`)
+        let str = this.accept.join(', ')
+        let message = this.$t(
+          'trials:readingUnit:qsList:message:imageFormat'
+        ).replace('xxx', str)
+        this.$alert(message)
       }
     },
     async uploadFile(file) {
       this.isDisabled = true
       var fileName = file.name
       file = await this.fileToBlob(file)
-      let res = await this.OSSclient.put(`/SystemData/reviewer/Agreements/${this.doctorId}/${fileName}`, file)
+      let res = await this.OSSclient.put(
+        `/SystemData/reviewer/Agreements/${this.doctorId}/${fileName}`,
+        file
+      )
       if (this.repeat) {
         const index = this.fileList.findIndex((item, index) => {
           return item.FileName === fileName
@@ -124,52 +152,60 @@ export default {
           Type: this.type,
           Path: this.$getObjectName(res.url),
           FullPath: this.$getObjectName(res.url),
-          FileName: fileName
+          FileName: fileName,
         }
         this.fileList.push(fileData)
       }
       this.saveUploadFiles()
     },
     saveUploadFiles() {
-      saveAttachments(this.fileList).then(res => {
-        this.fileList = this.formatterFileList(res.Result)
-        this.isDisabled = false
-        this.$message.success('Uploaded successfully')
-        this.$emit('getFileList', this.fileList)
-      }).catch(() => {
-        this.isDisabled = false
-      })
+      saveAttachments(this.fileList)
+        .then((res) => {
+          this.fileList = this.formatterFileList(res.Result)
+          this.isDisabled = false
+          this.$message.success(
+            this.$t('trials:uploadDicomList:table:Uploaded')
+          )
+          this.$emit('getFileList', this.fileList)
+        })
+        .catch(() => {
+          this.isDisabled = false
+        })
     },
     handleDeleteFile(file) {
-      this.$confirm('Sure to remove?', {
+      this.$confirm(this.$t('system:reviewer:confirm:delete'), {
         type: 'warning',
         distinguishCancelAndClose: true,
-
-      }).then(() => {
-        deleteAttachment(file.Id, file.Path)
-          .then(res => {
+      })
+        .then(() => {
+          deleteAttachment(file.Id, file.Path).then((res) => {
             if (res.IsSuccess) {
-              this.fileList.splice(this.fileList.findIndex(item => item.Id === file.Id), 1)
+              this.fileList.splice(
+                this.fileList.findIndex((item) => item.Id === file.Id),
+                1
+              )
               this.$emit('getFileList', this.fileList)
               this.$message({
                 message: this.$t('common:message:deletedSuccessfully'),
-                type: 'success'
+                type: 'success',
               })
             }
           })
-      })
-        .catch(action => {})
+        })
+        .catch((action) => {})
     },
     checkFileSuffix(fileName) {
       var index = fileName.lastIndexOf('.')
       var suffix = fileName.substring(index + 1, fileName.length)
-      return this.accept.toLocaleLowerCase().search(suffix.toLocaleLowerCase()) === 1
-    }
-  }
+      return (
+        this.accept.toLocaleLowerCase().search(suffix.toLocaleLowerCase()) === 1
+      )
+    },
+  },
 }
 </script>
 <style>
-.uploadFiles-container{
+.uploadFiles-container {
   margin: 0 5px;
 }
 .uploadFiles-container .el-upload--text {

src/components/clinicalDataQuestions/components/QuestionFormItem.vue

@@ -180,10 +180,10 @@
           <template v-if="question.Unit" slot="append">{{ question.Unit }}</template>
         </el-input>
         <span v-if="question.CustomCalculateMark === 11 && question.ClinicalQuestionType === 'number'" v-show="questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId] <= questionForm[JSON.parse(question.CalculateQuestions)[0].QuestionId]" style="margin-left: 10px">
-          {{ questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId] }}-{{ questionForm[JSON.parse(question.CalculateQuestions)[0].QuestionId] }}
+          {{ questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId] }}~{{ questionForm[JSON.parse(question.CalculateQuestions)[0].QuestionId] }}
         </span>
         <span v-if="question.CustomCalculateMark === 10 && question.ClinicalQuestionType === 'number' && questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId]" style="margin-left: 10px">
-          {{ questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId] }}-{{ questionForm.CreateTime ? questionForm.CreateTime : parseTime(new Date(), '{y}-{m}-{d}') }}
+          {{ questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId] }}~{{ questionForm.CreateTime ? questionForm.CreateTime : parseTime(new Date(), '{y}-{m}-{d}') }}
         </span>
         <!-- 生日不能大于截止日期 -->
         <span v-if="question.CustomCalculateMark === 11 && question.ClinicalQuestionType === 'number'" v-show="questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId] > questionForm[JSON.parse(question.CalculateQuestions)[0].QuestionId]" style="margin-left: 10px;font-size: 12px;color:#f66">

src/components/clinicalDataQuestions/components/QuestionsForm.vue

@@ -27,7 +27,7 @@
           size="small"
           type="primary"
           @click="close"
-          v-show="$route.path !== '/trials/trials-panel/visit/crc-upload'"
+          v-show="$route.path !== '/trials/trials-panel/visit/crc-upload'&&$route.path!=='/trials/trials-panel/visit/crc-question'"
         >
           {{ $t('common:button:cancel') }}
         </el-button>

src/main.js

@@ -15,7 +15,7 @@ import '@/styles/index.scss' // global css
 import App from './App'
 import store from './store'
 import router from './router'
-
+import WHITELIST from "./utils/whiteList"
 import '@/icons' // icon
 import '@/permission' // permission control
 import md5 from 'js-md5'
@@ -295,13 +295,20 @@ async function VueInit() {
   }
   Vue.prototype.$path = []
   var t = function (key) {
-    // if (![Vue.prototype.toPath + '_' + key].includes(Vue.prototype.$path)) {
     if (!~Vue.prototype.$path.indexOf(key)) {
-      // Vue.prototype.$path.push(Vue.prototype.toPath + '_' + key)
       Vue.prototype.$path.push(key)
     }
-    // return i18n.t(Vue.prototype.toPath + '_' + key)
-    return i18n.t(key)
+    let text = i18n.t(key)
+    if (Array.isArray(store.state.trials.config.TrialObjectNameList) && store.state.trials.config.TrialObjectNameList.length > 0) {
+      let arr = JSON.parse(JSON.stringify(store.state.trials.config.TrialObjectNameList))
+      arr.sort((a, b) => b.Name.length - a.Name.length)
+      arr.forEach(item => {
+        let test = new RegExp(item.Name, 'ig')
+        text = text.replace(test, item.TrialName)
+      })
+    }
+    // return i18n.t(key)
+    return text;
   }
   Vue.prototype.$t = t
   _vm = new Vue({
@@ -324,7 +331,7 @@ async function VueInit() {
   if (eval(process.env.VUE_APP_LOGIN_FOR_PERMISSION)) {
     setInterval(() => {
       var lang = zzSessionStorage.getItem('lang') ? zzSessionStorage.getItem('lang') : 'zh'
-      if (_vm.$route.path === '/ReviewersResearchForm' || _vm.$route.path === '/ReviewersResearch' || _vm.$route.path === '/login' || _vm.$route.path === '/researchForm' || _vm.$route.path === '/researchDetail_m' || _vm.$route.path === '/researchLogin_m' || _vm.$route.path === '/researchLogin' || _vm.$route.path === '/email-recompose' || _vm.$route.path === '/recompose' || _vm.$route.path === '/resetpassword' || _vm.$route.path === '/error') {
+      if (WHITELIST.includes(_vm.$route.path)) {
         return
       }
       if (_vm.$store.state.user.userId !== zzSessionStorage.getItem('userId')) {
@@ -388,7 +395,7 @@ async function VueInit() {
   // window.VUE_APP_COMPANY_NAME = process.env.VUE_APP_COMPANY_NAME;
   waitOperate(eval(process.env.VUE_APP_LOGOUT_FOR_PERMISSION) ? () => {
     var lang = zzSessionStorage.getItem('lang') ? zzSessionStorage.getItem('lang') : 'zh'
-    if (_vm.$store.state.trials.unlock || _vm.$route.path === '/ReviewersResearchForm' || _vm.$route.path === '/ReviewersResearch' || _vm.$route.path === '/login' || _vm.$route.path === '/researchForm' || _vm.$route.path === '/researchDetail_m' || _vm.$route.path === '/researchLogin_m' || _vm.$route.path === '/researchLogin' || _vm.$route.path === '/email-recompose' || _vm.$route.path === '/recompose' || _vm.$route.path === '/resetpassword' || _vm.$route.path === '/error') {
+    if (_vm.$store.state.trials.unlock || WHITELIST.includes(_vm.$route.path)) {
       count = 0;
       localStorage.setItem('count', '0')
       return
@@ -417,7 +424,7 @@ async function VueInit() {
   } : () => { }, process.env.VUE_APP_LOGOUT_FOR_TIME,
     eval(process.env.VUE_APP_LOCK_FOR_PERMISSION) ? () => {
       var lang = zzSessionStorage.getItem('lang') ? zzSessionStorage.getItem('lang') : 'zh'
-      if (_vm.$store.state.trials.unlock || _vm.$route.path === '/ReviewersResearchForm' || _vm.$route.path === '/ReviewersResearch' || _vm.$route.path === '/login' || _vm.$route.path === '/researchForm' || _vm.$route.path === '/researchDetail_m' || _vm.$route.path === '/researchLogin_m' || _vm.$route.path === '/researchLogin' || _vm.$route.path === '/email-recompose' || _vm.$route.path === '/recompose' || _vm.$route.path === '/resetpassword' || _vm.$route.path === '/error') {
+      if (_vm.$store.state.trials.unlock || WHITELIST.includes(_vm.$route.path)) {
         count = 0;
         localStorage.setItem('count', '0')
         if (_vm.$route.path === '/login') {
@@ -439,11 +446,11 @@ async function VueInit() {
         beforeClose: (action, instance, done) => {
           if (action === 'confirm') {
             if (!_vm.unlock.my_username) {
-              _vm.$alert(_vm.$t("env:lock:msgBox:iupUser"))
+              _vm.$message.warning(_vm.$t("env:lock:msgBox:iupUser"))
               return
             }
             if (!_vm.unlock.my_password) {
-              _vm.$alert(_vm.$t("env:lock:msgBox:inpPassword"))
+              _vm.$message.warning(_vm.$t("env:lock:msgBox:inpPassword"))
               return
             }
             var my_username = zzSessionStorage.getItem('my_username')
@@ -589,3 +596,4 @@ VueInit()
 // });
 
 
+export default _vm

src/permission.js

@@ -7,6 +7,7 @@ import { getToken } from '@/utils/auth'
 import Vue from 'vue'
 import { OSSclient } from './utils/oss'
 import WHITELIST from "./utils/whiteList"
+import { getTrialExtralConfig } from '@/api/trials'
 // import getPageTitle from '@/utils/get-page-title'
 
 NProgress.configure({ showSpinner: false })
@@ -16,8 +17,44 @@ store.state.trials.whiteList = whiteList;
 router.beforeEach(async (to, from, next) => {
   NProgress.start()
   // 设置页面标题
-  // document.title = getPageTitle(to.meta.title)
-
+  // document.title = getPageTitle(to.meta.title) store.state.trials.whiteList.indexOf(to.path) === -1
+  if (!to.query.trialId) {
+    store.dispatch('trials/setConfig', {})
+  }
+  if (
+    to.query.trialId &&
+    to.query.trialId !==
+    store.state.trials.config.trialId
+  ) {
+    console.log(to.query.path)
+    let res = await getTrialExtralConfig({
+      TrialId: to.query.trialId,
+    })
+    if (res.IsSuccess) {
+      store.dispatch('trials/setConfig', {
+        trialId: to.query.trialId,
+        ...res.Result,
+      })
+    }
+  }
+  if (!to.query.trialId) {
+    store.dispatch('trials/setConfig', {})
+  }
+  if (
+    to.query.trialId &&
+    to.query.trialId !==
+    store.state.trials.config.trialId
+  ) {
+    let res = await getTrialExtralConfig({
+      TrialId: to.query.trialId,
+    })
+    if (res.IsSuccess) {
+      store.dispatch('trials/setConfig', {
+        trialId: to.query.trialId,
+        ...res.Result,
+      })
+    }
+  }
   // 确定用户是否已登录
   const hasToken = getToken()
   Vue.prototype.toPath = to.path
@@ -25,8 +62,8 @@ router.beforeEach(async (to, from, next) => {
   if (hasToken) {
     if (to.path === '/login' || to.path === '/recompose' || to.path === '/email-recompose' || to.path === '/error' || to.path === '/ReviewersResearchForm' || to.path === '/ReviewersResearch') {
       if (to.path === '/ReviewersResearch') {
-        await this.$store.dispatch('user/logout')
         await OSSclient()
+        await store.dispatch('user/logout')
       }
       if (to.path === '/ReviewersResearchForm') {
         await OSSclient()
@@ -57,7 +94,6 @@ router.beforeEach(async (to, from, next) => {
     /* has no token*/
     if (whiteList.indexOf(to.path) !== -1) {
       if (to.path === '/researchLogin') {
-        console.log(to)
         const flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
         if (flag) {
           next(`/researchLogin_m?trialId=${to.query.trialId}&lang=${to.query.lang}`)

src/router/index.js

@@ -223,6 +223,11 @@ export const constantRoutes = [
     component: () => import('@/views/reviewers/ReviewersResearch'),
     hidden: true
   },
+  {
+    path: '/curriculumVitae',
+    component: () => import('@/views/reviewers/curriculumVitae/index'),
+    hidden: true
+  },
   {
     path: '/ReviewersResearchForm',
     component: () => import('@/views/reviewers/ReviewersResearchForm'),

src/styles/index.scss

@@ -149,6 +149,7 @@ body .el-table th.gutter {
   }
 
   .el-dialog__body {
+    margin-top: 15px;
     height: calc(100% - 70px);
     padding: 0 20px;
 
@@ -347,6 +348,7 @@ body .el-table th.gutter {
   background: #000;
   z-index: 3999;
 }
-.el-message-box__wrapper{
+
+.el-message-box__wrapper {
   z-index: 9999 !important;
 }

src/utils/metaDataProvider.js

@@ -0,0 +1,103 @@
+import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader'
+function parseImageId(imageId) {
+  // build a url by parsing out the url scheme and frame index from the imageId
+  const firstColonIndex = imageId.indexOf(':');
+
+  let url = imageId.substring(firstColonIndex + 1);
+  const frameIndex = url.indexOf('frame=');
+
+  let frame;
+
+  if (frameIndex !== -1) {
+    const frameStr = url.substr(frameIndex + 6);
+
+    frame = parseInt(frameStr, 10);
+    url = url.substr(0, frameIndex - 1);
+  }
+
+  return {
+    scheme: imageId.substr(0, firstColonIndex),
+    url,
+    frame,
+  };
+}
+function getNumberValues(dataSet, tag, minimumLength) {
+  const values = [];
+  const valueAsString = dataSet.string(tag);
+
+  if (!valueAsString) {
+    return;
+  }
+  const split = valueAsString.split('\\');
+
+  if (minimumLength && split.length < minimumLength) {
+    return;
+  }
+  for (let i = 0; i < split.length; i++) {
+    values.push(parseFloat(split[i]));
+  }
+
+  return values;
+}
+function metaDataProvider(type, imageId) {
+  const parsedImageId = parseImageId(imageId);
+  const dataSet = cornerstoneWADOImageLoader.wadouri.dataSetCacheManager.get(parsedImageId.url);
+
+  if (!dataSet) {
+    return;
+  }
+  if (type === 'imagePlaneModule') {
+    const imageOrientationPatient = getNumberValues(dataSet, 'x00200037', 6);
+    const imagePositionPatient = getNumberValues(dataSet, 'x00200032', 3);
+    const pixelSpacing = getNumberValues(dataSet, 'x00280030', 2);
+    const imagePixelSpacing = getNumberValues(dataSet, 'x00181164', 2);
+    const estimatedRadiographicMagnificationFactor = getNumberValues(dataSet, 'x00181114', 2);
+    let columnPixelSpacing = null;
+
+    let rowPixelSpacing = null;
+
+    if (pixelSpacing) {
+      rowPixelSpacing = pixelSpacing[0];
+      columnPixelSpacing = pixelSpacing[1];
+    } else if (imagePixelSpacing && estimatedRadiographicMagnificationFactor) {
+      rowPixelSpacing = imagePixelSpacing[0] / estimatedRadiographicMagnificationFactor[0];
+      columnPixelSpacing = imagePixelSpacing[1] / estimatedRadiographicMagnificationFactor[1];
+    } else if (imagePixelSpacing && !estimatedRadiographicMagnificationFactor) {
+      rowPixelSpacing = imagePixelSpacing[0];
+      columnPixelSpacing = imagePixelSpacing[1];
+    }
+
+    let rowCosines = null;
+
+    let columnCosines = null;
+
+    if (imageOrientationPatient) {
+      rowCosines = [
+        parseFloat(imageOrientationPatient[0]),
+        parseFloat(imageOrientationPatient[1]),
+        parseFloat(imageOrientationPatient[2]),
+      ];
+      columnCosines = [
+        parseFloat(imageOrientationPatient[3]),
+        parseFloat(imageOrientationPatient[4]),
+        parseFloat(imageOrientationPatient[5]),
+      ];
+    }
+
+    return {
+      frameOfReferenceUID: dataSet.string('x00200052'),
+      rows: dataSet.uint16('x00280010'),
+      columns: dataSet.uint16('x00280011'),
+      imageOrientationPatient,
+      rowCosines,
+      columnCosines,
+      imagePositionPatient,
+      sliceThickness: dataSet.floatString('x00180050'),
+      sliceLocation: dataSet.floatString('x00201041'),
+      pixelSpacing,
+      rowPixelSpacing,
+      columnPixelSpacing,
+    };
+  }
+}
+export default metaDataProvider;

src/utils/request-download.js

@@ -15,7 +15,6 @@ service.interceptors.request.use(
     config.headers['Content-Type'] = 'application/json;charset=UTF-8'
     var language = zzSessionStorage.getItem('lang')
     config.headers['Accept-Language'] = language === 'en'?'en-US,en;q=0.5':'zh-CN,zh;q=0.9'    
-    console.log(config.headers)
     if (store.getters.token) {
       config.headers.Authorization = `Bearer ${store.getters.token}`
     }

src/utils/request.js

@@ -1,4 +1,5 @@
 import axios from 'axios'
+import _vm from '@/main'
 import { Message, MessageBox, Alert } from 'element-ui'
 import store from '@/store'
 import router from '@/router'
@@ -90,6 +91,9 @@ service.interceptors.response.use(
       const status = error.response.status
       if (error.response.data && (error.response.data.Code === -1 || error.response.data.Code === -2)) {
         store.dispatch('user/logout').then(() => {
+          if (_vm.$msgbox) {
+            _vm.$msgbox.close();
+          }
           router.push(`/login`)
           this.$i18n.locale = 'zh'
           this.setLanguage('zh')

src/utils/whiteList.js

@@ -1,2 +1,2 @@
-const WHITELIST = ['/', 'researchDetail_m', '/researchForm', '/ReviewersResearch', '/login', '/error', '/resetpassword', '/recompose', '/email-recompose', '/trialStats', '/showdicom', '/imagesShare', '/audit', '/preview', '/researchLogin', '/researchLogin_m', '/blindResumeInfo', '/trialsResume', '/joinVerify', '/showNoneDicoms', '/noneDicomReading', '/clinicalData', '/readingDicoms', '/readingPage', '/visitDicomReview', '/visitNondicomReview', '/globalReview', '/adReview', '/oncologyReview', '/nonedicoms']
+const WHITELIST = ['/', "/curriculumVitae", 'researchDetail_m', '/researchForm', '/ReviewersResearch', '/login', '/error', '/resetpassword', '/recompose', '/email-recompose', '/trialStats', '/showdicom', '/imagesShare', '/audit', '/preview', '/researchLogin', '/researchLogin_m', '/blindResumeInfo', '/trialsResume', '/joinVerify', '/showNoneDicoms', '/noneDicomReading', '/clinicalData', '/readingDicoms', '/readingPage', '/visitDicomReview', '/visitNondicomReview', '/globalReview', '/adReview', '/oncologyReview', '/nonedicoms']
 export default WHITELIST

src/views/dicom-show/dicom-preview.vue

@@ -43,7 +43,7 @@
                       <div
                         v-show="item.instanceCount"
                         style="padding: 1px;"
-                      >{{ item.modality }} : {{ item.instanceCount }} Series
+                      >{{ item.modality }} : {{ item.instanceCount }} image
                       </div>
                     </div>
                   </div>
@@ -67,6 +67,8 @@ import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader'
 // import dicomStore from '@/utils/dicom-store'
 import dicomViewer from '@/components/Dicom/DicomViewer'
 import dicomPreview from '@/components/Dicom/DicomPreview'
+import metaDataProvider from '@/utils/metaDataProvider'
+cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 });
 var config = {
   maxWebWorkers: 4,
   startWebWorkersOnDemand: true,

src/views/dicom-show/dicom-study.vue

@@ -143,6 +143,8 @@ import { getInstanceList, getPatientSeriesList, setSeriesStatus } from '@/api/tr
 import requestPoolManager from '@/utils/request-pool'
 import store from '@/store'
 import { changeURLStatic } from '@/utils/history.js'
+import metaDataProvider from '@/utils/metaDataProvider'
+cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 });
 var config = {
   maxWebWorkers: 4,
   startWebWorkersOnDemand: true,

src/views/dicom-show/dicom-visit.vue

@@ -265,6 +265,8 @@ import { getTaskUploadedDicomStudyList } from '@/api/reading'
 import requestPoolManager from '@/utils/request-pool'
 import store from '@/store'
 import { changeURLStatic } from '@/utils/history.js'
+import metaDataProvider from '@/utils/metaDataProvider'
+cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 });
 // import * as cornerstoneTools from 'cornerstone-tools'
 var config = {
   maxWebWorkers: 4,

src/views/dictionary/attachment/components/ExportTemplate/index.vue

@@ -26,7 +26,7 @@
         <el-form-item>
           <!-- 查询 -->
           <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-            {{ $t("common:button:search") }}
+            {{ $t('common:button:search') }}
           </el-button>
           <!-- 重置 -->
           <el-button
@@ -34,7 +34,7 @@
             icon="el-icon-refresh-left"
             @click="handleReset"
           >
-            {{ $t("common:button:reset") }}
+            {{ $t('common:button:reset') }}
           </el-button>
         </el-form-item>
         <el-button
@@ -44,7 +44,7 @@
           size="small"
           @click="handleAdd"
         >
-          {{ $t("common:button:new") }}
+          {{ $t('common:button:new') }}
         </el-button>
       </el-form>
     </template>
@@ -74,7 +74,7 @@
           <template slot-scope="scope">
             {{
               $fd(
-                "Common_File_BusinessScenario",
+                'Common_File_BusinessScenario',
                 scope.row.BusinessScenarioEnum
               )
             }}
@@ -106,10 +106,10 @@
         >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.IsDeleted" type="danger">{{
-              $fd("YesOrNo", scope.row.IsDeleted)
+              $fd('YesOrNo', scope.row.IsDeleted)
             }}</el-tag>
             <el-tag v-else type="primary">{{
-              $fd("YesOrNo", scope.row.IsDeleted)
+              $fd('YesOrNo', scope.row.IsDeleted)
             }}</el-tag>
           </template>
         </el-table-column>
@@ -122,14 +122,17 @@
 
         <el-table-column :label="$t('common:action:action')">
           <template slot-scope="scope">
+            <el-button type="text" @click="PreviewFile(scope.row)">
+              {{ $t('common:button:preview') }}
+            </el-button>
             <el-button type="text" @click="handleDownload(scope.row)">
-              {{ $t("common:button:download") }}
+              {{ $t('common:button:download') }}
             </el-button>
             <el-button type="text" @click="handleEdit(scope.row)">
-              {{ $t("common:button:edit") }}
+              {{ $t('common:button:edit') }}
             </el-button>
             <el-button type="text" @click="handleDelete(scope.row)">
-              {{ $t("common:button:delete") }}
+              {{ $t('common:button:delete') }}
             </el-button>
           </template>
         </el-table-column>
@@ -166,22 +169,22 @@ import {
   getCommonDocumentList,
   DownloadCommonDoc,
   deleteCommonDocument,
-} from "@/api/dictionary";
-import BaseContainer from "@/components/BaseContainer";
-import Pagination from "@/components/Pagination";
-import TemplateForm from "./TemplateForm";
-const FileTypeEnum = 2;
+} from '@/api/dictionary'
+import BaseContainer from '@/components/BaseContainer'
+import Pagination from '@/components/Pagination'
+import TemplateForm from './TemplateForm'
+const FileTypeEnum = 2
 const searchDataDefault = () => {
   return {
     FileTypeEnum: FileTypeEnum,
     BusinessScenarioEnum: null,
-    Name: "",
+    Name: '',
     PageIndex: 1,
     PageSize: 20,
-  };
-};
+  }
+}
 export default {
-  name: "ExportTemplate",
+  name: 'ExportTemplate',
   components: { BaseContainer, Pagination, TemplateForm },
   data() {
     return {
@@ -189,86 +192,97 @@ export default {
       list: [],
       total: 0,
       currentRow: {},
-      editDialog: { title: "", visible: false },
+      editDialog: { title: '', visible: false },
       loading: false,
-    };
+    }
   },
   mounted() {
-    this.getList();
+    this.getList()
   },
   methods: {
+    PreviewFile(row) {
+      let basePath = window.location.origin
+      if (window.location.protocol !== 'https:') {
+        basePath = 'https://irc.test.extimaging.com'
+      }
+      let data = {
+        name: row.NameCN,
+        path: basePath + row.Path,
+      }
+      this.$emit('PreviewFile', data)
+    },
     handleDelete(row) {
       this.$confirm(
-        this.$t("dictionary:attachment:export:confirm:delete")
+        this.$t('dictionary:attachment:export:confirm:delete')
       ).then(() => {
         deleteCommonDocument(row.Id).then(() => {
-          this.$message.success(this.$t("common:message:deletedSuccessfully"));
-          this.getList();
-        });
-      });
+          this.$message.success(this.$t('common:message:deletedSuccessfully'))
+          this.getList()
+        })
+      })
     },
     getList() {
-      this.loading = true;
+      this.loading = true
       getCommonDocumentList(this.searchData)
         .then((res) => {
-          this.loading = false;
-          this.list = res.Result.CurrentPageData;
-          this.total = res.Result.TotalCount;
+          this.loading = false
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
         })
         .catch(() => {
-          this.loading = false;
-        });
+          this.loading = false
+        })
     },
     // 新增
     handleAdd() {
-      this.editDialog.title = "Add";
-      this.currentRow = { FileTypeEnum: FileTypeEnum };
-      this.editDialog.visible = true;
+      this.editDialog.title = 'Add'
+      this.currentRow = { FileTypeEnum: FileTypeEnum }
+      this.editDialog.visible = true
     },
     // 下载
     handleDownload(row) {
-      this.loading = true;
+      this.loading = true
       DownloadCommonDoc(row.Code)
         .then((data) => {
-          this.loading = false;
+          this.loading = false
         })
         .catch(() => {
-          this.loading = false;
-        });
+          this.loading = false
+        })
     },
     // 编辑
     handleEdit(row) {
-      this.editDialog.title = "Edit";
-      this.currentRow = { ...row };
-      this.editDialog.visible = true;
+      this.editDialog.title = 'Edit'
+      this.currentRow = { ...row }
+      this.editDialog.visible = true
     },
     handleSearch() {
-      this.searchData.PageIndex = 1;
-      this.getList();
+      this.searchData.PageIndex = 1
+      this.getList()
     },
     handleReset() {
-      this.searchData = searchDataDefault();
-      this.getList();
+      this.searchData = searchDataDefault()
+      this.getList()
     },
     closeDialog() {
-      this.editDialog.visible = false;
+      this.editDialog.visible = false
     },
     // 排序
     handleSortChange(column) {
-      if (column.order === "ascending") {
-        this.searchData.Asc = true;
+      if (column.order === 'ascending') {
+        this.searchData.Asc = true
       } else {
-        this.searchData.Asc = false;
+        this.searchData.Asc = false
       }
-      this.searchData.SortField = column.prop;
-      this.searchData.PageIndex = 1;
-      this.getList();
+      this.searchData.SortField = column.prop
+      this.searchData.PageIndex = 1
+      this.getList()
     },
   },
-};
+}
 </script>
 <style lang="scss" scoped>
-::v-deep .search{
+::v-deep .search {
   display: block;
 }
 </style>

src/views/dictionary/attachment/components/SignatureTemplate/TemplateForm.vue

@@ -12,7 +12,7 @@
       <el-form-item label="文件类型: " prop="FileTypeId">
         <el-select
           v-model="form.FileTypeId"
-          style="width:100%;"
+          style="width: 100%"
           size="small"
           filterable
         >
@@ -41,21 +41,26 @@
             :on-exceed="handleExceed"
             :disabled="form.Type === ''"
           >
-            <el-button size="small" type="primary" :disabled="form.FileTypeId === ''" :loading="btnLoading">Select</el-button>
-            <span
-              slot="tip"
-              style="margin-left:10px;"
-              class="el-upload__tip"
+            <el-button
+              size="small"
+              type="primary"
+              :disabled="form.FileTypeId === ''"
+              :loading="btnLoading"
+              >Select</el-button
             >
+            <span slot="tip" style="margin-left: 10px" class="el-upload__tip">
               (must be in pdf format)
             </span>
           </el-upload>
         </div>
       </el-form-item>
-      <el-form-item label="需要签署的用户类型: " prop="NeedConfirmedUserTypeIdList">
+      <el-form-item
+        label="需要签署的用户类型: "
+        prop="NeedConfirmedUserTypeIdList"
+      >
         <el-select
           v-model="form.NeedConfirmedUserTypeIdList"
-          style="width:100%;"
+          style="width: 100%"
           multiple
         >
           <el-option
@@ -66,7 +71,18 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="查看最短时间（分钟）: " prop="SignViewMinimumMinutes">
+      <el-form-item label="是否仅内部签署: " prop="DocUserSignType">
+        <el-switch
+          v-model="form.DocUserSignType"
+          :active-value="1"
+          :inactive-value="0"
+        >
+        </el-switch>
+      </el-form-item>
+      <el-form-item
+        label="查看最短时间（分钟）: "
+        prop="SignViewMinimumMinutes"
+      >
         <el-input-number
           v-model="form.SignViewMinimumMinutes"
           controls-position="right"
@@ -81,9 +97,16 @@
         </el-radio-group>
       </el-form-item> -->
     </div>
-    <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
-      <el-form-item style="text-align:right;">
-        <el-button size="small" type="primary" :disabled="form.FileTypeId === '' || form.Name === ''" :loading="saveBtnLoading" @click="handleSave">Save</el-button>
+    <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
+      <el-form-item style="text-align: right">
+        <el-button
+          size="small"
+          type="primary"
+          :disabled="form.FileTypeId === '' || form.Name === ''"
+          :loading="saveBtnLoading"
+          @click="handleSave"
+          >Save</el-button
+        >
       </el-form-item>
     </div>
   </el-form>
@@ -96,8 +119,10 @@ export default {
   props: {
     data: {
       type: Object,
-      default() { return {} }
-    }
+      default() {
+        return {}
+      },
+    },
   },
 
   data() {
@@ -108,19 +133,26 @@ export default {
         Name: '',
         Path: '',
         IsDeleted: false,
-        SignViewMinimumMinutes: null
+        SignViewMinimumMinutes: null,
+        DocUserSignType: 0,
       },
       rules: {
-        FileTypeId: [{ required: true, message: 'Please select', trigger: ['blur'] }],
-        SignViewMinimumMinutes: [{ required: true, message: 'Please specify', trigger: ['change'] }],
-        NeedConfirmedUserTypeIdList: [{ required: true, message: 'Please select', trigger: ['blur'] }]
+        FileTypeId: [
+          { required: true, message: 'Please select', trigger: ['blur'] },
+        ],
+        SignViewMinimumMinutes: [
+          { required: true, message: 'Please specify', trigger: ['change'] },
+        ],
+        NeedConfirmedUserTypeIdList: [
+          { required: true, message: 'Please select', trigger: ['blur'] },
+        ],
       },
       fileList: [],
       userTypeOptions: [],
       btnLoading: false,
       saveBtnLoading: false,
       loading: false,
-      dictionaryList: {}
+      dictionaryList: {},
     }
   },
   mounted() {
@@ -137,8 +169,8 @@ export default {
             {
               name: this.data.Name,
               url: this.data.Path,
-              path: this.data.Path
-            }
+              path: this.data.Path,
+            },
           ]
         }
         this.form.Id = this.data.Id
@@ -147,25 +179,31 @@ export default {
         this.form.Path = this.data.Path
         this.form.IsDeleted = this.data.IsDeleted
         this.form.SignViewMinimumMinutes = this.data.SignViewMinimumMinutes
+        this.form.DocUserSignType = this.data.DocUserSignType
       }
       this.loading = false
     },
     // 获取文件类型下拉框
     getDicData() {
-      getBasicDataSelects(['Sys_Document']).then(res => {
-        this.dictionaryList = { ...res.Result }
-      }).catch(() => {
-
-      })
+      getBasicDataSelects(['Sys_Document'])
+        .then((res) => {
+          this.dictionaryList = { ...res.Result }
+        })
+        .catch(() => {})
     },
     // 获取用户类型下拉数据
     getUserType() {
-      getTrialUserTypeList().then(res => {
-        this.userTypeOptions = res.Result
-        if (this.form.Id) {
-          this.form.NeedConfirmedUserTypeIdList = this.data.NeedConfirmedUserTypeIds
-        }
-      }).catch(() => { this.loading = false })
+      getTrialUserTypeList()
+        .then((res) => {
+          this.userTypeOptions = res.Result
+          if (this.form.Id) {
+            this.form.NeedConfirmedUserTypeIdList =
+              this.data.NeedConfirmedUserTypeIds
+          }
+        })
+        .catch(() => {
+          this.loading = false
+        })
     },
     beforeUpload(file) {
       // 检测文件类型是否符合要求
@@ -181,28 +219,37 @@ export default {
     async handleUploadFile(param) {
       this.loading = true
       var file = await this.fileToBlob(param.file)
-      const res = await this.OSSclient.put(`/System/DocumentToSign/${param.file.name}${new Date().getTime()}`, file)
-      this.fileList.push({ name: param.file.name, path: this.$getObjectName(res.url), url: this.$getObjectName(res.url) })
+      const res = await this.OSSclient.put(
+        `/System/DocumentToSign/${param.file.name}${new Date().getTime()}`,
+        file
+      )
+      this.fileList.push({
+        name: param.file.name,
+        path: this.$getObjectName(res.url),
+        url: this.$getObjectName(res.url),
+      })
       this.form.Path = this.$getObjectName(res.url)
       this.form.Name = param.file.name
       this.loading = false
     },
     handleSave() {
-      this.$refs.sysAttachmentFrom.validate(valid => {
+      this.$refs.sysAttachmentFrom.validate((valid) => {
         if (!valid) return
         if (!this.form.Name) {
           this.$alert('Please select file.')
           return
         }
         this.saveBtnLoading = true
-        addOrUpdateSystemDocument(this.form).then(res => {
-          this.saveBtnLoading = false
-          this.$emit('closeDialog')
-          this.$emit('getList')
-          this.$message.success('Uploaded successfully')
-        }).catch(() => {
-          this.saveBtnLoading = false
-        })
+        addOrUpdateSystemDocument(this.form)
+          .then((res) => {
+            this.saveBtnLoading = false
+            this.$emit('closeDialog')
+            this.$emit('getList')
+            this.$message.success('Uploaded successfully')
+          })
+          .catch(() => {
+            this.saveBtnLoading = false
+          })
       })
     },
     handleRemoveFile() {
@@ -220,19 +267,21 @@ export default {
     },
     checkFileSuffix(fileName) {
       var typeArr = ['pdf']
-      var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
+      var extendName = fileName
+        .substring(fileName.lastIndexOf('.') + 1)
+        .toLocaleLowerCase()
       if (typeArr.indexOf(extendName) !== -1) {
         return true
       } else {
         return false
       }
-    }
-  }
+    },
+  },
 }
 </script>
 
 <style lang="scss">
-.upload-temporary-file{
+.upload-temporary-file {
   .upload-container .el-upload--text {
     border: none;
     width: 80px;
@@ -245,8 +294,8 @@ export default {
     color: #428bca;
     font-size: 13px;
   }
-  .account_item_clear{
-    .el-tag__close{
+  .account_item_clear {
+    .el-tag__close {
       display: none !important;
     }
   }

src/views/dictionary/attachment/components/SignatureTemplate/index.vue

@@ -2,27 +2,18 @@
   <BaseContainer>
     <template slot="search-container">
       <el-form :inline="true" size="small">
-
         <el-form-item label="文件类型:">
-          <el-select
-            v-model="searchData.FileTypeId"
-            style="width:150px;"
-          >
+          <el-select v-model="searchData.FileTypeId" style="width: 150px">
             <el-option
               v-for="item of dict.type.Sys_Document"
               :key="item.value"
               :label="item.label"
               :value="item.value"
             />
-
           </el-select>
         </el-form-item>
         <el-form-item label="文件名称">
-          <el-input
-            v-model="searchData.Name"
-            style="width:130px;"
-            clearable
-          />
+          <el-input v-model="searchData.Name" style="width: 130px" clearable />
         </el-form-item>
 
         <el-form-item>
@@ -31,7 +22,11 @@
             {{ $t('common:button:search') }}
           </el-button>
           <!-- 重置 -->
-          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
+          <el-button
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="handleReset"
+          >
             {{ $t('common:button:reset') }}
           </el-button>
         </el-form-item>
@@ -39,7 +34,7 @@
       <el-button
         type="primary"
         icon="el-icon-plus"
-        style="margin-left:auto;"
+        style="margin-left: auto"
         size="small"
         @click="handleAdd"
       >
@@ -48,7 +43,7 @@
     </template>
     <template slot="main-container">
       <el-table
-        v-adaptive="{bottomOffset:60}"
+        v-adaptive="{ bottomOffset: 60 }"
         v-loading="loading"
         :data="list"
         stripe
@@ -81,7 +76,11 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope">
-            {{ scope.row.NeedConfirmedUserTypes?scope.row.NeedConfirmedUserTypes.join(', '):'' }}
+            {{
+              scope.row.NeedConfirmedUserTypes
+                ? scope.row.NeedConfirmedUserTypes.join(', ')
+                : ''
+            }}
           </template>
         </el-table-column>
         <el-table-column
@@ -91,7 +90,17 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            {{ scope.row.IsDeleted?'Yes':'No' }}
+            {{ scope.row.IsDeleted ? 'Yes' : 'No' }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="DocUserSignType"
+          label="是否仅内部签署"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+          <template slot-scope="scope">
+            {{ $fd('ReadingYesOrNo', Number(scope.row.DocUserSignType)) }}
           </template>
         </el-table-column>
         <el-table-column
@@ -103,16 +112,10 @@
 
         <el-table-column label="Action">
           <template slot-scope="scope">
-            <el-button
-              type="text"
-              @click="handlePreview(scope.row)"
-            >
+            <el-button type="text" @click="handlePreview(scope.row)">
               预览
             </el-button>
-            <el-button
-              type="text"
-              @click="handleEdit(scope.row)"
-            >
+            <el-button type="text" @click="handleEdit(scope.row)">
               编辑
             </el-button>
             <el-button
@@ -122,17 +125,20 @@
             >
               废除
             </el-button>
-            <el-button
-              type="text"
-              @click="handleDelete(scope.row)"
-            >
+            <el-button type="text" @click="handleDelete(scope.row)">
               删除
             </el-button>
           </template>
         </el-table-column>
       </el-table>
       <!-- 分页组件 -->
-      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
+      <pagination
+        class="page"
+        :total="total"
+        :page.sync="searchData.PageIndex"
+        :limit.sync="searchData.PageSize"
+        @pagination="getList"
+      />
 
       <!-- 新增/编辑 -->
       <el-dialog
@@ -143,7 +149,11 @@
         width="600px"
         custom-class="base-dialog-wrapper"
       >
-        <TemplateForm :data="currentRow" @closeDialog="closeDialog" @getList="getList" />
+        <TemplateForm
+          :data="currentRow"
+          @closeDialog="closeDialog"
+          @getList="getList"
+        />
       </el-dialog>
 
       <!-- 预览文件 -->
@@ -155,10 +165,16 @@
         append-to-body
         custom-class="base-dialog-wrapper"
       >
-        <div class="base-modal-body" style="border:2px solid #ccc;padding: 10px">
-          <PreviewFile v-if="previewVisible" :file-path="currentPath" :file-type="currentType" />
+        <div
+          class="base-modal-body"
+          style="border: 2px solid #ccc; padding: 10px"
+        >
+          <PreviewFile
+            v-if="previewVisible"
+            :file-path="currentPath"
+            :file-type="currentType"
+          />
         </div>
-
       </el-dialog>
     </template>
   </BaseContainer>
@@ -175,7 +191,7 @@ const searchDataDefault = () => {
     FileTypeId: '',
     Name: '',
     PageIndex: 1,
-    PageSize: 20
+    PageSize: 20,
   }
 }
 export default {
@@ -193,7 +209,7 @@ export default {
       editVisible: false,
       previewVisible: false,
       title: '',
-      loading: false
+      loading: false,
     }
   },
   mounted() {
@@ -203,22 +219,24 @@ export default {
     // 获取系统文件数据
     getList() {
       this.loading = true
-      getSystemDocumentList(this.searchData).then(res => {
-        this.loading = false
-        const { CurrentPageData, TotalCount } = res.Result
-        CurrentPageData.forEach(item => {
-          item.NeedConfirmedUserTypes = []
-          item.NeedConfirmedUserTypeIds = []
-          item.NeedConfirmedUserTypeList.forEach((i) => {
-            item.NeedConfirmedUserTypes.push(i.UserTypeShortName)
-            item.NeedConfirmedUserTypeIds.push(i.NeedConfirmUserTypeId)
+      getSystemDocumentList(this.searchData)
+        .then((res) => {
+          this.loading = false
+          const { CurrentPageData, TotalCount } = res.Result
+          CurrentPageData.forEach((item) => {
+            item.NeedConfirmedUserTypes = []
+            item.NeedConfirmedUserTypeIds = []
+            item.NeedConfirmedUserTypeList.forEach((i) => {
+              item.NeedConfirmedUserTypes.push(i.UserTypeShortName)
+              item.NeedConfirmedUserTypeIds.push(i.NeedConfirmUserTypeId)
+            })
           })
+          this.list = CurrentPageData
+          this.total = TotalCount
+        })
+        .catch(() => {
+          this.loading = false
         })
-        this.list = CurrentPageData
-        this.total = TotalCount
-      }).catch(() => {
-        this.loading = false
-      })
     },
     // 新增
     handleAdd() {
@@ -230,7 +248,9 @@ export default {
     handlePreview(row) {
       const { Name, FullFilePath } = row
       this.currentPath = FullFilePath
-      this.currentType = row.Name ? Name.substring(Name.lastIndexOf('.') + 1).toLocaleLowerCase() : ''
+      this.currentType = row.Name
+        ? Name.substring(Name.lastIndexOf('.') + 1).toLocaleLowerCase()
+        : ''
       this.previewVisible = true
     },
     // 编辑
@@ -244,39 +264,47 @@ export default {
       this.$confirm('是否确认废除此文件?', {
         type: 'warning',
         distinguishCancelAndClose: true,
-
       })
         .then(() => {
           this.loading = true
           userAbandonDoc(row.Id, true)
-            .then(res => {
+            .then((res) => {
               this.loading = false
               if (res.IsSuccess) {
                 this.getList()
-                this.$message.success(this.$t('common:message:savedSuccessfully'))
+                this.$message.success(
+                  this.$t('common:message:savedSuccessfully')
+                )
               }
-            }).catch(() => { this.loading = false })
-        }).catch(() => {})
+            })
+            .catch(() => {
+              this.loading = false
+            })
+        })
+        .catch(() => {})
     },
     // 删除
     handleDelete(row) {
       this.$confirm(this.$t('trials:staffResearch:message:confirmDel'), {
         type: 'warning',
-        distinguishCancelAndClose: true
+        distinguishCancelAndClose: true,
+      }).then(() => {
+        this.loading = true
+        deleteSystemDocument(row.Id)
+          .then((res) => {
+            this.loading = false
+            if (res.IsSuccess) {
+              this.list.splice(
+                this.list.findIndex((item) => item.Id === row.Id),
+                1
+              )
+              this.$message.success('删除成功！')
+            }
+          })
+          .catch(() => {
+            this.loading = false
+          })
       })
-        .then(() => {
-          this.loading = true
-          deleteSystemDocument(row.Id)
-            .then(res => {
-              this.loading = false
-              if (res.IsSuccess) {
-                this.list.splice(this.list.findIndex(item => item.Id === row.Id), 1)
-                this.$message.success('删除成功！')
-              }
-            }).catch(() => {
-              this.loading = false
-            })
-        })
     },
     // 关闭弹窗
     closeDialog() {
@@ -305,7 +333,7 @@ export default {
       this.searchData.SortField = column.prop
       this.searchData.PageIndex = 1
       this.getList()
-    }
-  }
+    },
+  },
 }
 </script>

src/views/dictionary/attachment/components/UploadTemplate/index.vue

@@ -118,6 +118,9 @@
 
         <el-table-column label="Action">
           <template slot-scope="scope">
+            <el-button type="text" @click="PreviewFile(scope.row)">
+              {{ $t('common:button:preview') }}
+            </el-button>
             <el-button type="text" @click="handleDownload(scope.row)">
               下载
             </el-button>
@@ -201,6 +204,17 @@ export default {
         })
       })
     },
+    PreviewFile(row) {
+      let basePath = window.location.origin
+      if (window.location.protocol !== 'https:') {
+        basePath = 'https://irc.test.extimaging.com'
+      }
+      let data = {
+        name: row.NameCN,
+        path: basePath + row.Path,
+      }
+      this.$emit('PreviewFile', data)
+    },
     getList() {
       this.loading = true
       getCommonDocumentList(this.searchData)

src/views/dictionary/attachment/index.vue

@@ -1,14 +1,54 @@
 <template>
   <div class="attachment-wrapper">
     <el-tabs v-model="activeTab" @tab-click="clickTab">
-      <el-tab-pane v-for="item in $d.Common_File_Type" :key="item.value" :label="item.label" :name="String(item.value)">
-        <UploadTemplate v-if="activeTab === '1'" />
-        <ExportTemplate v-if="activeTab === '2'" />
-        <EmailTemplate v-if="activeTab === '3'" />
-        <CommonTemplate v-if="activeTab === '4'" />
-        <SignatureTemplate v-if="activeTab === '5'" />
+      <el-tab-pane
+        v-for="item in $d.Common_File_Type"
+        :key="item.value"
+        :label="item.label"
+        :name="String(item.value)"
+      >
+        <UploadTemplate
+          v-if="activeTab === '1' && item.value == activeTab"
+          @PreviewFile="PreviewFile"
+        />
+        <ExportTemplate
+          v-if="activeTab === '2' && item.value == activeTab"
+          @PreviewFile="PreviewFile"
+        />
+        <EmailTemplate v-if="activeTab === '3' && item.value == activeTab" />
+        <CommonTemplate v-if="activeTab === '4' && item.value == activeTab" />
+        <SignatureTemplate
+          v-if="activeTab === '5' && item.value == activeTab"
+        />
       </el-tab-pane>
     </el-tabs>
+    <!-- 预览 -->
+    <el-dialog
+      v-if="Preview.visible"
+      :visible.sync="Preview.visible"
+      :close-on-click-modal="false"
+      :fullscreen="true"
+      :title="Preview.title"
+      width="600px"
+      custom-class="base-dialog-wrapper"
+    >
+      <vue-office-docx
+        v-if="docxTypes.includes(Preview.type)"
+        :src="Preview.path"
+        style="height: calc(100vh - 70px)"
+        @rendered="renderedHandler"
+        @error="errorHandler"
+      />
+      <vue-office-excel
+        v-else-if="excelTypes.includes(Preview.type)"
+        :src="Preview.path"
+        :options="options"
+        style="height: calc(100vh - 70px)"
+        @rendered="renderedHandler"
+        @error="errorHandler"
+      />
+      <PreviewFile v-else :file-path="Preview.path" :file-type="Preview.type" />
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -17,6 +57,11 @@ import ExportTemplate from './components/ExportTemplate'
 import EmailTemplate from './components/EmailTemplate'
 import CommonTemplate from './components/CommonTemplate'
 import SignatureTemplate from './components/SignatureTemplate'
+import VueOfficeDocx from '@vue-office/docx'
+import '@vue-office/docx/lib/index.css'
+import VueOfficeExcel from '@vue-office/excel'
+import '@vue-office/excel/lib/index.css'
+import PreviewFile from '@/components/PreviewFile/index'
 export default {
   name: 'Attachment',
   components: {
@@ -24,11 +69,35 @@ export default {
     ExportTemplate,
     EmailTemplate,
     CommonTemplate,
-    SignatureTemplate
+    SignatureTemplate,
+    VueOfficeDocx,
+    VueOfficeExcel,
+    PreviewFile,
   },
   data() {
     return {
-      activeTab: null
+      activeTab: null,
+      Preview: {
+        visible: false,
+        title: '',
+        type: null,
+        path: null,
+      },
+      excelTypes: ['xlsx', 'xls'],
+      docxTypes: ['docx', 'doc'],
+      options: {
+        xls: false, //预览xlsx文件设为false；预览xls文件设为true
+        minColLength: 0, // excel最少渲染多少列，如果想实现xlsx文件内容有几列，就渲染几列，可以将此值设置为0.
+        minRowLength: 0, // excel最少渲染多少行，如果想实现根据xlsx实际函数渲染，可以将此值设置为0.
+        widthOffset: 10, //如果渲染出来的结果感觉单元格宽度不够，可以在默认渲染的列表宽度上再加 Npx宽
+        heightOffset: 10, //在默认渲染的列表高度上再加 Npx高
+        beforeTransformData: (workbookData) => {
+          return workbookData
+        }, //底层通过exceljs获取excel文件内容，通过该钩子函数，可以对获取的excel文件内容进行修改，比如某个单元格的数据显示不正确，可以在此自行修改每个单元格的value值。
+        transformData: (workbookData) => {
+          return workbookData
+        }, //将获取到的excel数据进行处理之后且渲染到页面之前，可通过transformData对即将渲染的数据及样式进行修改，此时每个单元格的text值就是即将渲染到页面上的内容
+      },
     }
   },
   mounted() {
@@ -40,25 +109,46 @@ export default {
   },
   methods: {
     clickTab(tab, event) {
-      this.$router.push({ path: `/dictionary/attachment?tabActive=${tab.name}` })
-    }
-  }
+      this.$router.push({
+        path: `/dictionary/attachment?tabActive=${tab.name}`,
+      })
+    },
+    PreviewFile(data) {
+      if (!data.path) return false
+      let type = data.path
+        .substring(data.path.lastIndexOf('.') + 1)
+        .toLocaleLowerCase()
+      this.Preview.path = data.path
+      this.Preview.type = type
+      this.Preview.title = data.name
+      if (this.excelTypes.includes(type)) {
+        this.options.xls = type === 'xls'
+      }
+      this.Preview.visible = true
+    },
+    renderedHandler() {
+      console.log('渲染完成')
+    },
+    errorHandler() {
+      console.log('渲染失败')
+    },
+  },
 }
 </script>
 <style lang="scss">
-.attachment-wrapper{
-  .el-tabs{
+.attachment-wrapper {
+  .el-tabs {
     height: 100%;
     display: flex;
     flex-direction: column;
   }
   .el-tabs__header {
     height: 40px;
-    margin-bottom:5px;
+    margin-bottom: 5px;
   }
-  .el-tabs__content{
+  .el-tabs__content {
     flex: 1;
-    .el-tab-pane{
+    .el-tab-pane {
       height: 100%;
     }
   }

src/views/dictionary/institutions/components/SiteForm.vue

@@ -14,11 +14,17 @@
       </el-form-item>
 
       <!-- 中心名称 -->
-      <el-form-item :label="$t('trials:customSite:form:siteName')" prop="SiteName">
+      <el-form-item
+        :label="$t('trials:customSite:form:siteName')"
+        prop="SiteName"
+      >
         <el-input v-model="form.SiteName" />
       </el-form-item>
       <!-- 中心名称（CN） -->
-      <el-form-item :label="$t('trials:customSite:form:siteName') + '（CN）'"  prop="SiteNameCN">
+      <el-form-item
+        :label="$t('trials:customSite:form:siteName') + '（CN）'"
+        prop="SiteNameCN"
+      >
         <el-input v-model="form.SiteNameCN" />
       </el-form-item>
 
@@ -46,7 +52,7 @@
           v-model="form.HospitalId"
           clearable
           placeholder="Please select"
-          style="width:100%;"
+          style="width: 100%"
         >
           <el-option
             v-for="item in hospitalList"
@@ -73,10 +79,22 @@
         <el-input v-model="form.ContactPhone" />
       </el-form-item>
     </div>
-    <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
+    <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
       <el-form-item>
-        <el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">Cancel</el-button>
-        <el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">Save</el-button>
+        <el-button
+          :disabled="btnLoading"
+          size="small"
+          type="primary"
+          @click="handleCancel"
+          >Cancel</el-button
+        >
+        <el-button
+          size="small"
+          type="primary"
+          :loading="btnLoading"
+          @click="handleSave"
+          >Save</el-button
+        >
       </el-form-item>
     </div>
   </el-form>
@@ -91,8 +109,8 @@ export default {
       type: Object,
       default() {
         return {}
-      }
-    }
+      },
+    },
   },
   data() {
     return {
@@ -111,50 +129,42 @@ export default {
         ContactName: '',
         ContactPhone: '',
         UniqueCode: '',
-        Address: ''
+        Address: '',
       },
       rules: {
         SiteName: [
           { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' }
+          // { max: 50, message: 'The maximum length is 50' }
         ],
         SiteNameCN: [
           { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' }
+          // { max: 50, message: 'The maximum length is 50' }
         ],
         SiteCode: [
           { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' }
+          { max: 50, message: 'The maximum length is 50' },
         ],
         Country: [
           { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' }
+          { max: 50, message: 'The maximum length is 50' },
         ],
         City: [
           { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' }
+          { max: 50, message: 'The maximum length is 50' },
         ],
         // HospitalId: [
         //   { required: true, message: 'Please specify', trigger: 'blur' }
         // ],
         Address: [
-          { required: true, message: 'Please specify', trigger: 'blur' }
+          { required: true, message: 'Please specify', trigger: 'blur' },
         ],
-        DirectorName: [
-          { max: 50, message: 'The maximum length is 50' }
-        ],
-        DirectorPhone: [
-          { max: 50, message: 'The maximum length is 50' }
-        ],
-        ContactName: [
-          { max: 50, message: 'The maximum length is 50' }
-        ],
-        ContactPhone: [
-          { max: 50, message: 'The maximum length is 50' }
-        ]
+        DirectorName: [{ max: 50, message: 'The maximum length is 50' }],
+        DirectorPhone: [{ max: 50, message: 'The maximum length is 50' }],
+        ContactName: [{ max: 50, message: 'The maximum length is 50' }],
+        ContactPhone: [{ max: 50, message: 'The maximum length is 50' }],
       },
       loading: false,
-      show: false
+      show: false,
     }
   },
   mounted() {
@@ -163,20 +173,22 @@ export default {
   },
   methods: {
     handleSave() {
-      this.$refs.siteForm.validate(valid => {
+      this.$refs.siteForm.validate((valid) => {
         if (!valid) return
         this.btnLoading = true
-        addOrUpdateSite(this.form).then(res => {
-          this.btnLoading = false
-          if (res.IsSuccess) {
-            this.$message.success('Saved successfully')
-            this.$refs['siteForm'].resetFields()
-            this.$emit('getList')
-            this.$emit('close')
-          }
-        }).catch(() => {
-          this.btnLoading = false
-        })
+        addOrUpdateSite(this.form)
+          .then((res) => {
+            this.btnLoading = false
+            if (res.IsSuccess) {
+              this.$message.success('Saved successfully')
+              this.$refs['siteForm'].resetFields()
+              this.$emit('getList')
+              this.$emit('close')
+            }
+          })
+          .catch(() => {
+            this.btnLoading = false
+          })
       })
     },
     handleCancel() {
@@ -189,8 +201,7 @@ export default {
       if (Object.keys(this.data).length && this.data.Id) {
         this.form = { ...this.data }
       }
-    }
-  }
-
+    },
+  },
 }
 </script>

src/views/dictionary/template/components/CriterionFormItem.vue

@@ -13,14 +13,14 @@
       {{ question.GroupName }}
     </div>
     <div
-      v-else-if="question.Type==='table'"
+      v-else-if="question.Type==='table' || question.Type==='basicTable'"
       style="font-weight: bold;font-size: 14px;margin: 5px 0px;"
     >
       {{ question.QuestionName }}
     </div> 
     <template v-else>
       <el-form-item
-        v-if="(question.ShowQuestion===1 && question.ParentTriggerValueList.includes(questionForm[question.ParentId])) || question.ShowQuestion===0"
+        v-if="(question.ShowQuestion===1 && question.ParentTriggerValueList.includes(String(questionForm[question.ParentId]))) || question.ShowQuestion===0"
         :label="`${question.QuestionName}`"
         :prop="question.Id"
         :rules="[
@@ -139,14 +139,29 @@
         />
         <!-- 数值 -->
         <!-- :precision="2" :step="0.1" :max="10" -->
-        <el-input-number
+        <!-- <el-input-number
           v-if="question.Type==='number'"
           v-model="questionForm[question.Id]"
+        />  -->
+        <el-input
+          v-if="question.Type==='number'"
+          v-model="questionForm[question.Id]"
+          type="number"
+          :disabled="question.DataSource === 1"
+        >
+          <template v-if="question.Unit" slot="append">{{$fd('ValueUnit', question.Unit)}}</template>
+        </el-input>
+        <!-- 自动分类 -->
+        <el-input
+          v-if="question.Type==='calss'"
+          v-model="questionForm[question.Id]"
+          disabled
         />
         <!-- 上传图像 -->
         <el-upload
           v-if="question.Type==='upload'"
-          :action="accept"
+          action
+          :accept="question.FileType"
           :limit="question.ImageCount"
           :on-preview="handlePictureCardPreview"
           :before-upload="handleBeforeUpload"

src/views/dictionary/template/components/CriterionsConfig.vue

@@ -107,7 +107,7 @@
           <el-table-column
             prop="IsShowInDicom"
             label="是否在阅片页面显示"
-            width="140"
+            width="150"
             show-overflow-tooltip
           >
             <template slot-scope="scope">
@@ -115,13 +115,13 @@
             </template>
           </el-table-column>
           <!-- 注释 -->
-          <el-table-column
+          <!-- <el-table-column
             prop="Remark"
             :label="$t('trials:readingUnit:qsList:title:Remark')"
             width="140"
             show-overflow-tooltip
           >
-          </el-table-column>
+          </el-table-column> -->
           <el-table-column
             prop="GlobalReadingShowType"
             label="是否在全局阅片显示"
@@ -132,6 +132,39 @@
               {{ $fd('GlobalReadingShowType', scope.row.GlobalReadingShowType) }}
             </template>
           </el-table-column>
+          <!-- 导出标识 --> 
+          <!-- <el-table-column
+            prop="ExportIdentification"
+            :label="$t('trials:readingUnit:qsList:title:ExportIdentification')"
+            width="160"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">
+              {{ $fd('ExportIdentification', scope.row.ExportIdentification) }}
+            </template>
+          </el-table-column> -->
+          <!-- 问题标识 -->
+          <el-table-column
+            prop="QuestionType"
+            label="问题标识"
+            width="140"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">
+              {{ $fd('QuestionType', scope.row.QuestionType) }}
+            </template>
+          </el-table-column>
+          <!-- 导出目标表格 -->
+          <el-table-column
+            prop="ExportResult"
+            :label="$t('trials:readingUnit:qsList:title:ExportResult')"
+            width="160"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">
+              {{ getStringResult(scope.row.ExportResult, 'ExportResult') }}
+            </template>
+          </el-table-column>
           <!-- 限制编辑 -->
           <el-table-column
             prop="LimitEdit"
@@ -201,7 +234,7 @@
       :visible.sync="addOrEdit.visible"
       :close-on-click-modal="false"
       :title="`${addOrEdit.title}`"
-      width="600px"
+      width="650px"
       append-to-body
       custom-class="base-dialog-wrapper"
     >
@@ -209,6 +242,8 @@
         ref="addOrEdit"
         :data="rowData"
         :type="type"
+        :criterionType="data.CriterionType"
+        :criterionId="data.Id"
         @close="addOrEdit.visible = false"
         @getList="getList"
       />
@@ -241,6 +276,7 @@
     >
       <TableQsList
         :criterion-id="criterionId"
+        :criterionType="data.CriterionType"
         :reading-question-id="rowData.Id"
         :is-complete-config="data.IsCompleteConfig"
         :lesion-type="rowData.LesionType"
@@ -316,7 +352,7 @@ export default {
       }).catch(() => { this.loading = false })
     },
     handleAdd() {
-      this.rowData = { ReadingQuestionCriterionSystemId: this.criterionId, Id: '' }
+      this.rowData = { ReadingQuestionCriterionSystemId: this.criterionId, Id: ''}
       this.type = 'add'
       this.addOrEdit.title = '添加'
       this.addOrEdit.visible = true
@@ -355,6 +391,11 @@ export default {
       this.config.title = `${this.$fd('LesionType', row.LesionType)}：${this.$t('trials:readingUnit:qsList:title:tableQs')}`
       this.config.visible = true
     },
+    getStringResult(arr, dictionaryCode) {
+      let newArr = arr.map(i => this.$fd(dictionaryCode, i))
+      let delimiter = this.$i18n.locale === 'zh' ? '，' : ', '
+      return newArr.join(delimiter)
+    },
     // 查询
     handleSearch() {
       this.getList()

src/views/dictionary/template/components/ECRF.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-loading="loading" style="min-height:400px;">
+  <div v-loading="loading" style="min-height:400px;padding:20px">
     <el-form
       v-if="isRender"
       ref="questions"

src/views/dictionary/template/components/TableQsList.vue

@@ -27,12 +27,12 @@
       />
       <el-table-column
         prop="QuestionName"
-        label="名称"
+        label="问题名称"
         show-overflow-tooltip
       />
       <el-table-column
         prop="QuestionEnName"
-        label="名称(EN)"
+        label="问题名称(EN)"
         show-overflow-tooltip
       />
       <el-table-column
@@ -44,7 +44,7 @@
           {{ $fd('Criterion_Question_Type',scope.row.Type) }}
         </template>
       </el-table-column>
-      <el-table-column
+      <!-- <el-table-column
         prop="TableQuestionType"
         label="选项类型"
         show-overflow-tooltip
@@ -60,20 +60,7 @@
         show-overflow-tooltip
         min-width="110"
       />
-      <el-table-column
-        prop="DependShowOrder"
-        label="关联问题"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="DataTableColumn"
-        label="关联字段"
-        show-overflow-tooltip
-      >
-        <template slot-scope="scope">
-          {{ $fd('OrganColumn',scope.row.DataTableColumn) }}
-        </template>
-      </el-table-column>
+       -->
       <el-table-column
         prop="ShowQuestion"
         label="是否显示"
@@ -94,7 +81,7 @@
           {{ $fd('QuestionRequired',scope.row.IsRequired) }}
         </template>
       </el-table-column>
-      <el-table-column
+      <!-- <el-table-column
         prop="IsJudgeQuestion"
         label="是否裁判问题"
         show-overflow-tooltip
@@ -102,8 +89,8 @@
         <template slot-scope="scope">
           {{ $fd('YesOrNo',scope.row.IsJudgeQuestion) }}
         </template>
-      </el-table-column>
-      <el-table-column
+      </el-table-column> -->
+      <!-- <el-table-column
         prop="ParentQuestionShowOrder"
         label="显示依赖父问题"
         min-width="90"
@@ -124,8 +111,64 @@
         prop="RelevanceValue"
         label="必填触发值"
         show-overflow-tooltip
+      /> -->
+      <!-- 导出标识 -->
+      <!-- <el-table-column
+        prop="ExportIdentification"
+        :label="$t('trials:readingUnit:qsList:title:ExportIdentification')"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          {{ $fd('ExportIdentification', scope.row.ExportIdentification) }}
+        </template>
+      </el-table-column> -->
+      <!-- 问题标识 -->
+      <el-table-column
+        prop="QuestionMark"
+        label="问题标识"
+        width="140"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          {{ $fd('QuestionMark', scope.row.QuestionMark) }}
+        </template>
+      </el-table-column>
+      <!-- 导出目标表格 -->
+      <el-table-column
+        prop="ExportResult"
+        :label="$t('trials:readingUnit:qsList:title:ExportResult')"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          {{ getStringResult(scope.row.ExportResult, 'ExportResult') }}
+        </template>
+      </el-table-column>
+      <!-- 限制编辑 -->
+      <el-table-column
+        prop="LimitEdit"
+        :label="$t('trials:readingUnit:qsList:title:limitEdit')"
+        width="160"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          {{ $fd('LimitEdit', scope.row.LimitEdit) }}
+        </template>
+      </el-table-column>
+      <!-- <el-table-column
+        prop="DependShowOrder"
+        label="关联问题"
+        show-overflow-tooltip
       />
       <el-table-column
+        prop="DataTableColumn"
+        label="关联字段"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          {{ $fd('OrganColumn',scope.row.DataTableColumn) }}
+        </template>
+      </el-table-column> -->
+      <!-- <el-table-column
         prop="ImageCount"
         label="最大上传个数"
         show-overflow-tooltip
@@ -134,6 +177,7 @@
           {{ scope.row.Type === 'upload'?scope.row.ImageCount:'' }}
         </template>
       </el-table-column>
+       -->
       <el-table-column
         prop="MaxRowCount"
         label="最大行数"
@@ -184,7 +228,7 @@
       :visible.sync="addOrEdit.visible"
       :close-on-click-modal="false"
       :title="addOrEdit.title"
-      width="600px"
+      width="650px"
       append-to-body
       custom-class="base-dialog-wrapper"
     >
@@ -194,6 +238,7 @@
         :type="type"
         :reading-question-id="readingQuestionId"
         :criterion-id="criterionId"
+        :criterionType="criterionType"
         @close="addOrEdit.visible = false"
         @getList="getList"
       />
@@ -225,7 +270,11 @@ export default {
     criterionId: {
       type: String,
       required: true
-    }
+    },
+    criterionType: {
+      type: Number,
+      required: true
+    },
 
   },
   data() {
@@ -285,6 +334,11 @@ export default {
             }).catch(() => { this.loading = false })
         })
     },
+    getStringResult(arr, dictionaryCode) {
+      let newArr = arr.map(i => this.$fd(dictionaryCode, i))
+      let delimiter = this.$i18n.locale === 'zh' ? '，' : ', '
+      return newArr.join(delimiter)
+    },
     // 查询
     handleSearch() {
       this.getList()

src/views/dictionary/template/email/components/EmailForm.vue

@@ -23,6 +23,17 @@
           <el-input style="width: 300px" v-model="form.EmailTopic" />
         </el-form-item>
       </el-col>
+      <el-col :span="12">
+        <el-form-item label="邮件延时发送s数" prop="EmailDelaySeconds">
+          <el-input
+            v-model.number="form.EmailDelaySeconds"
+            style="width: 300px"
+            type="number"
+            clearable
+          >
+          </el-input>
+        </el-form-item>
+      </el-col>
       <el-col :span="12">
         <el-form-item label="业务层级" prop="BusinessLevelEnum">
           <el-select v-model="form.BusinessLevelEnum" clearable class="mr">
@@ -59,7 +70,7 @@
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if="systemLevel !== 1">
+      <el-col :span="12">
         <el-form-item label="收件人" prop="ToUserTypeList">
           <el-select
             v-model="form.ToUserTypeList"
@@ -76,7 +87,7 @@
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if="!systemLevel">
+      <el-col :span="12">
         <el-form-item label="抄送人" prop="CopyUserTypeList">
           <el-select
             v-model="form.CopyUserTypeList"
@@ -93,13 +104,13 @@
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if="!systemLevel">
+      <el-col :span="12">
         <el-form-item label="加急状态" prop="EmailUrgentEnum">
           <el-select
             v-model="form.EmailUrgentEnum"
             @change="
               (v) => {
-                v === 1 ? (form.EmailCron = null) : null;
+                v === 1 ? (form.EmailCron = null) : null
               }
             "
             clearable
@@ -114,7 +125,7 @@
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if="!systemLevel">
+      <el-col :span="12">
         <el-form-item
           label="发送周期和时间"
           v-if="form.EmailUrgentEnum !== 1"
@@ -124,7 +135,7 @@
           <el-button type="primary" @click="showDialog">生成 cron</el-button>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if="!systemLevel">
+      <el-col :span="12">
         <el-form-item label="是否需要回执" prop="IsReturnRequired">
           <el-radio-group v-model="form.IsReturnRequired">
             <el-radio :label="true">是</el-radio>
@@ -132,7 +143,7 @@
           </el-radio-group>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if="!systemLevel">
+      <el-col :span="12">
         <el-form-item label="是否自动发送" prop="IsAutoSend">
           <el-radio-group v-model="form.IsAutoSend">
             <el-radio :label="true">是</el-radio>
@@ -140,13 +151,13 @@
           </el-radio-group>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if="!systemLevel">
+      <el-col :span="12" v-if="systemLevel">
         <el-form-item label="是否区分标准" prop="IsDistinguishCriteria">
           <el-radio-group
             v-model="form.IsDistinguishCriteria"
             @change="
               () => {
-                form.CriterionTypeEnum = null;
+                form.CriterionTypeEnum = null
               }
             "
           >
@@ -155,7 +166,7 @@
           </el-radio-group>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if="!systemLevel">
+      <el-col :span="12">
         <el-form-item
           :label="$t('trials:auditRecord:table:criterion')"
           v-if="form.IsDistinguishCriteria"
@@ -171,7 +182,7 @@
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if="!systemLevel">
+      <el-col :span="12">
         <el-form-item label="是否启用" prop="IsEnable">
           <el-radio-group v-model="form.IsEnable">
             <el-radio :label="true">是</el-radio>
@@ -179,7 +190,7 @@
           </el-radio-group>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if="!systemLevel">
+      <el-col :span="12">
         <el-form-item label="附件（CN）" prop="IsEnable">
           <el-upload
             class="upload-demo"
@@ -196,12 +207,12 @@
               size="small"
               type="primary"
               :disabled="fileListCN.length > 0"
-              >{{ $t("common:button:upload") }}</el-button
+              >{{ $t('common:button:upload') }}</el-button
             >
           </el-upload>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if="!systemLevel">
+      <el-col :span="12">
         <el-form-item label="附件（EN）" prop="IsEnable">
           <el-upload
             class="upload-demo"
@@ -218,25 +229,49 @@
               size="small"
               type="primary"
               :disabled="fileListEN.length > 0"
-              >{{ $t("common:button:upload") }}</el-button
+              >{{ $t('common:button:upload') }}</el-button
             >
           </el-upload>
         </el-form-item>
       </el-col>
     </el-row>
-    <el-form-item label="邮件内容模版（CN）" prop="EmailHtmlContentCN">
+    <el-form-item
+      label="邮件内容模版（CN）"
+      prop="EmailHtmlContentCN"
+      style="position: relative"
+    >
       <el-input
         v-model="form.EmailHtmlContentCN"
         type="textarea"
         :autosize="{ minRows: 8, maxRows: 8 }"
       />
+      <el-button
+        :disabled="!form.EmailHtmlContentCN"
+        type="text"
+        @click="PreviewHTML(form.EmailHtmlContentCN)"
+        style="position: absolute; left: -50px; top: 30px"
+      >
+        {{ $t('common:button:preview') }}
+      </el-button>
     </el-form-item>
-    <el-form-item label="邮件内容模版（EN）" prop="EmailHtmlContent">
+    <el-form-item
+      label="邮件内容模版（EN）"
+      prop="EmailHtmlContent"
+      style="position: relative"
+    >
       <el-input
         v-model="form.EmailHtmlContent"
         type="textarea"
         :autosize="{ minRows: 8, maxRows: 8 }"
       />
+      <el-button
+        :disabled="!form.EmailHtmlContent"
+        type="text"
+        @click="PreviewHTML(form.EmailHtmlContent)"
+        style="position: absolute; left: -50px; top: 30px"
+      >
+        {{ $t('common:button:preview') }}
+      </el-button>
     </el-form-item>
     <div
       class="base-dialog-footer"
@@ -259,219 +294,234 @@
   </el-form>
 </template>
 <script>
-import { Upload, addOrUpdateEmailNoticeConfigList } from "@/api/dictionary";
+import { Upload, addOrUpdateEmailNoticeConfigList } from '@/api/dictionary'
+import vcrontab from 'vcrontab'
 export default {
   props: {
     data: {
       type: Object,
       default() {
-        return {};
+        return {}
       },
     },
     systemLevel: {
       type: Number,
       default() {
-        return 0;
+        return 0
+      },
+    },
+    isDistinguishCriteria: {
+      type: Boolean,
+      default() {
+        return false
       },
     },
   },
+  components: { vcrontab },
   data() {
     return {
-      expression: "",
+      expression: '',
       showCron: false,
       form: {
-        Id: "",
-        Code: "",
-        EmailTopicCN: "",
-        EmailTopic: "",
-        BusinessLevelEnum: "",
-        BusinessModuleEnum: "",
-        ToUserTypeList: "",
-        CopyUserTypeList: "",
-        EmailUrgentEnum: "",
-        EmailCron: "",
+        Id: '',
+        Code: '',
+        EmailTopicCN: '',
+        EmailTopic: '',
+        BusinessLevelEnum: '',
+        BusinessModuleEnum: '',
+        ToUserTypeList: '',
+        CopyUserTypeList: '',
+        EmailUrgentEnum: '',
+        EmailCron: '',
         BusinessScenarioEnum: null,
-        EmailHtmlContentCN: "",
-        EmailHtmlContent: "",
-        AttachPath: "",
-        AttachName: "",
-        AttachNameCN: "",
-        AttachCNPath: "",
+        EmailHtmlContentCN: '',
+        EmailHtmlContent: '',
+        AttachPath: '',
+        AttachName: '',
+        AttachNameCN: '',
+        AttachCNPath: '',
         IsDistinguishCriteria: true,
         IsReturnRequired: true,
         IsUrgent: true,
         IsEnable: true,
         IsAutoSend: true,
         CriterionTypeEnum: null,
+        EmailDelaySeconds: null,
       },
       rules: {
-        Code: [{ required: true, message: "Please select", trigger: ["blur"] }],
+        Code: [{ required: true, message: 'Please select', trigger: ['blur'] }],
         BusinessScenarioEnum: [
-          { required: true, message: "Please select", trigger: ["blur"] },
+          { required: true, message: 'Please select', trigger: ['blur'] },
         ],
         EmailTopicCN: [
-          { required: true, message: "Please select", trigger: ["blur"] },
+          { required: true, message: 'Please select', trigger: ['blur'] },
         ],
         EmailTopic: [
-          { required: true, message: "Please select", trigger: ["blur"] },
+          { required: true, message: 'Please select', trigger: ['blur'] },
         ],
         BusinessLevelEnum: [
-          { required: true, message: "Please select", trigger: ["blur"] },
-        ],
-        ToUserTypeList: [
-          { required: true, message: "Please select", trigger: ["blur"] },
-        ],
-        EmailCron: [
-          { required: true, message: "Please select", trigger: ["blur"] },
+          { required: true, message: 'Please select', trigger: ['blur'] },
         ],
+        // ToUserTypeList: [
+        //   { required: true, message: 'Please select', trigger: ['blur'] },
+        // ],
+        // EmailCron: [
+        //   { required: true, message: 'Please select', trigger: ['blur'] },
+        // ],
         EmailUrgentEnum: [
-          { required: true, message: "Please select", trigger: ["blur"] },
+          { required: true, message: 'Please select', trigger: ['blur'] },
         ],
         EmailHtmlContentCN: [
-          { required: true, message: "Please select", trigger: ["blur"] },
+          { required: true, message: 'Please select', trigger: ['blur'] },
         ],
         EmailHtmlContent: [
-          { required: true, message: "Please select", trigger: ["blur"] },
+          { required: true, message: 'Please select', trigger: ['blur'] },
         ],
         CriterionTypeEnum: [
-          { required: true, message: "Please select", trigger: ["blur"] },
+          { required: true, message: 'Please select', trigger: ['blur'] },
         ],
       },
       scenarioOption: [],
       fileListCN: [],
       fileListEN: [],
       loading: false,
-    };
+    }
   },
   mounted() {
-    this.initForm();
+    this.initForm()
     if (this.systemLevel) {
       if (this.systemLevel === 1) {
-        this.form.ToUserTypeList = [];
+        this.form.ToUserTypeList = []
       }
-      this.form.CopyUserTypeList = [];
-      this.form.EmailUrgentEnum = "3";
-      this.form.IsReturnRequired = false;
-      this.form.IsDistinguishCriteria = false;
+      this.form.CopyUserTypeList = []
+      this.form.EmailUrgentEnum = 3
+      this.form.IsReturnRequired = false
+      this.form.IsDistinguishCriteria = false
+    } else {
+      this.form.IsDistinguishCriteria = this.isDistinguishCriteria
     }
   },
   methods: {
     showDialog() {
-      this.expression = this.form.EmailCron; //传入的 cron 表达式，可以反解析到 UI 上
-      this.showCron = true;
+      this.expression = this.form.EmailCron //传入的 cron 表达式，可以反解析到 UI 上
+      this.showCron = true
     },
     crontabFill(value) {
-      this.form.EmailCron = value;
+      this.form.EmailCron = value
     },
     handleRemoveFileCN() {
-      this.form.AttachNameCN = null;
-      this.form.AttachCNPath = null;
-      this.fileListCN = [];
+      this.form.AttachNameCN = null
+      this.form.AttachCNPath = null
+      this.fileListCN = []
     },
     beforeUploadCN() {
       if (this.fileListCN.length > 0) {
-        this.$alert("最多只能传一个附件");
-        return;
+        this.$alert('最多只能传一个附件')
+        return
       }
     },
     handlePreviewCN(row, r2) {
       if (row.fullPath) {
-        window.open(row.fullPath, "_blank");
+        window.open(row.fullPath, '_blank')
       }
     },
     handleUploadFileCN(param) {
-      this.btnLoading = true;
-      const formData = new FormData();
-      formData.append("file", param.file);
-      this.form.AttachNameCN = param.file.name;
+      this.btnLoading = true
+      const formData = new FormData()
+      formData.append('file', param.file)
+      this.form.AttachNameCN = param.file.name
       Upload(formData, 3).then((res) => {
-        this.form.AttachCNPath = res.Result.FilePath;
-        this.btnLoading = false;
+        this.form.AttachCNPath = res.Result.FilePath
+        this.btnLoading = false
         this.fileListCN.push({
           name: param.file.name,
           path: res.Result.FilePath,
           fullPath: res.Result.FullFilePath,
           url: res.Result.FilePath,
-        });
-      });
+        })
+      })
     },
     handleUploadFileEN(param) {
-      this.btnLoading = true;
-      const formData = new FormData();
-      formData.append("file", param.file);
-      this.form.AttachName = param.file.name;
+      this.btnLoading = true
+      const formData = new FormData()
+      formData.append('file', param.file)
+      this.form.AttachName = param.file.name
       Upload(formData, 3).then((res) => {
-        this.form.AttachPath = res.Result.FilePath;
-        this.btnLoading = false;
+        this.form.AttachPath = res.Result.FilePath
+        this.btnLoading = false
         this.fileListEN.push({
           name: param.file.name,
           path: res.Result.FilePath,
           fullPath: res.Result.FullFilePath,
           url: res.Result.FilePath,
-        });
-      });
+        })
+      })
     },
     handleRemoveFileEN() {
-      this.form.AttachName = null;
-      this.form.AttachPath = null;
-      this.fileListEN = [];
+      this.form.AttachName = null
+      this.form.AttachPath = null
+      this.fileListEN = []
     },
     beforeUploadEN() {
       if (this.fileListEN.length > 0) {
-        this.$alert("最多只能传一个附件");
-        return;
+        this.$alert('最多只能传一个附件')
+        return
       }
     },
     handlePreviewEN(row, r2) {
       if (row.fullPath) {
-        window.open(row.fullPath, "_blank");
+        window.open(row.fullPath, '_blank')
       }
     },
     async initForm() {
-      this.loading = true;
+      this.loading = true
       // await this.getScenarios()
       for (const k in this.form) {
         if (this.data.hasOwnProperty(k)) {
-          this.form[k] = this.data[k];
+          this.form[k] = this.data[k]
         }
-        if (k === "AttachPath" && this.form[k]) {
+        if (k === 'AttachPath' && this.form[k]) {
           this.fileListEN.push({
             name: this.data.AttachName,
             path: this.data.AttachPath,
             fullPath: this.data.AttachPath,
             url: this.data.AttachPath,
-          });
+          })
         }
-        if (k === "AttachCNPath" && this.form[k]) {
+        if (k === 'AttachCNPath' && this.form[k]) {
           this.fileListCN.push({
             name: this.data.AttachNameCN,
             path: this.data.AttachCNPath,
             fullPath: this.data.AttachCNPath,
             url: this.data.AttachCNPath,
-          });
+          })
         }
       }
-      this.loading = false;
+      this.loading = false
     },
 
     // 保存
     handleSave() {
       this.$refs.emailForm.validate((valid) => {
-        if (!valid) return;
-        this.loading = true;
-        this.form.systemLevel = this.systemLevel;
+        if (!valid) return
+        this.loading = true
+        this.form.systemLevel = this.systemLevel
         addOrUpdateEmailNoticeConfigList(this.form)
           .then((res) => {
-            this.loading = false;
-            this.$emit("closeDialog");
-            this.$emit("getList");
-            this.$message.success("Saved successfully");
+            this.loading = false
+            this.$emit('closeDialog')
+            this.$emit('getList')
+            this.$message.success('Saved successfully')
           })
           .catch(() => {
-            this.loading = false;
-          });
-      });
+            this.loading = false
+          })
+      })
+    },
+    // 预览模板
+    PreviewHTML(html) {
+      this.$emit('PreviewHTML', html)
     },
   },
-};
+}
 </script>

src/views/dictionary/template/email/components/EmailList.vue

@@ -1,13 +1,8 @@
 <template>
   <box-content>
     <div class="search">
-      <el-form
-        v-if="!systemLevel"
-        :inline="true"
-        size="mini"
-        class="base-search-form"
-      >
-        <el-form-item label="是否需要回执:">
+      <el-form :inline="true" size="mini" class="base-search-form">
+        <el-form-item label="是否需要回执:" v-if="!systemLevel">
           <el-select
             v-model="searchData.IsReturnRequired"
             clearable
@@ -21,7 +16,7 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="是否加急:">
+        <el-form-item label="是否加急:" v-if="!systemLevel">
           <el-select
             v-model="searchData.IsUrgent"
             clearable
@@ -35,7 +30,7 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="是否启用:">
+        <el-form-item label="是否启用:" v-if="!systemLevel">
           <el-select
             v-model="searchData.IsEnable"
             clearable
@@ -51,7 +46,7 @@
         </el-form-item>
         <el-form-item
           :label="$t('trials:auditRecord:table:criterion')"
-          v-if="isDistinguishCriteria"
+          v-if="isDistinguishCriteria && !systemLevel"
         >
           <el-select
             v-model="searchData.CriterionTypeEnum"
@@ -66,12 +61,76 @@
             />
           </el-select>
         </el-form-item>
+        <el-form-item :label="$t('trials:emailManageCfg:form:BusinessModule')">
+          <el-select
+            v-model="searchData.BusinessModuleEnum"
+            clearable
+            style="width: 100px"
+          >
+            <el-option
+              v-for="item of $d.BusinessModule"
+              :value="item.value"
+              :label="item.label"
+              :key="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          :label="$t('trials:emailManageCfg:form:BusinessScenario')"
+        >
+          <el-select
+            v-model="searchData.BusinessScenarioEnum"
+            clearable
+            style="width: 100px"
+          >
+            <el-option
+              v-for="item of $d.Email_BusinessScenario"
+              :value="item.value"
+              :label="item.label"
+              :key="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="$t('trials:emailManageCfg:form:ToUserType')">
+          <el-select
+            v-model="searchData.ToUserType"
+            clearable
+            style="width: 100px"
+          >
+            <el-option
+              v-for="item of UserTypeList"
+              :value="item.value"
+              :label="item.label"
+              :key="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          :label="$t('trials:emailManageCfg:form:EmailUrgent')"
+          v-if="systemLevel === 1"
+        >
+          <el-select
+            v-model="searchData.EmailUrgentEnum"
+            clearable
+            style="width: 100px"
+          >
+            <el-option
+              v-for="item of $d.EmailUrgent"
+              :value="item.value"
+              :label="item.label"
+              :key="item.id"
+            />
+          </el-select>
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="handleSearch">查询</el-button>
           <el-button type="primary" @click="handleReset">重置</el-button>
         </el-form-item>
       </el-form>
       <span style="margin-left: auto">
+        <el-button type="primary" size="mini" @click="handleExport">
+          {{ $t('common:button:export') }}
+        </el-button>
         <!-- <el-button
       type="primary"
       size="mini"
@@ -111,7 +170,7 @@
         min-width="120"
       >
         <template slot-scope="scope">
-          {{ $fd("CriterionType", scope.row.CriterionTypeEnum) }}
+          {{ $fd('CriterionType', scope.row.CriterionTypeEnum) }}
         </template>
       </el-table-column>
       <el-table-column
@@ -136,7 +195,7 @@
         min-width="100"
       >
         <template slot-scope="scope">
-          {{ $fd("BusinessLevel", scope.row.BusinessLevelEnum) }}
+          {{ $fd('BusinessLevel', scope.row.BusinessLevelEnum) }}
         </template>
       </el-table-column>
       <el-table-column
@@ -147,7 +206,7 @@
         min-width="100"
       >
         <template slot-scope="scope">
-          {{ $fd("BusinessModule", scope.row.BusinessModuleEnum) }}
+          {{ $fd('BusinessModule', scope.row.BusinessModuleEnum) }}
         </template>
       </el-table-column>
       <el-table-column
@@ -158,64 +217,62 @@
         min-width="130"
       >
         <template slot-scope="scope">
-          {{ $fd("Email_BusinessScenario", scope.row.BusinessScenarioEnum) }}
+          {{ $fd('Email_BusinessScenario', scope.row.BusinessScenarioEnum) }}
         </template>
       </el-table-column>
-      <!-- 收件人 -->
+      <!-- 收件人v-if="systemLevel !== 1" -->
       <el-table-column
         prop="ToUserTypeList"
         :label="$t('trials:emailManageCfg:title:toUserTypeList')"
         show-overflow-tooltip
         min-width="100"
-        v-if="systemLevel !== 1"
       >
         <template slot-scope="scope">
           {{
             scope.row.ToUserTypeList.length > 0
-              ? scope.row.ToUserTypeList.map((v) => $fd("UserType", v)).join(
-                  "、"
+              ? scope.row.ToUserTypeList.map((v) => $fd('UserType', v)).join(
+                  '、'
                 )
-              : ""
+              : ''
           }}
         </template>
       </el-table-column>
-      <!-- 抄送人 -->
+      <!-- 抄送人v-if="!systemLevel" -->
       <el-table-column
         prop="CopyUserTypeList"
         :label="$t('trials:emailManageCfg:title:copyUserTypeList')"
         show-overflow-tooltip
         min-width="100"
-        v-if="!systemLevel"
       >
         <template slot-scope="scope">
           {{
             scope.row.CopyUserTypeList.length > 0
-              ? scope.row.CopyUserTypeList.map((v) => $fd("UserType", v)).join(
-                  "、"
+              ? scope.row.CopyUserTypeList.map((v) => $fd('UserType', v)).join(
+                  '、'
                 )
-              : ""
+              : ''
           }}
         </template>
       </el-table-column>
+      <!---v-if="!systemLevel"-->
       <el-table-column
         prop="EmailUrgentEnum"
         label="加急状态"
         sortable="custom"
         show-overflow-tooltip
         min-width="100"
-        v-if="!systemLevel"
       >
         <template slot-scope="scope">
-          {{ $fd("EmailUrgent", scope.row.EmailUrgentEnum) }}
+          {{ $fd('EmailUrgent', scope.row.EmailUrgentEnum) }}
         </template>
       </el-table-column>
+      <!---v-if="!systemLevel"-->
       <el-table-column
         prop="EmailCron"
         label="发送周期和时间"
         sortable="custom"
         show-overflow-tooltip
         min-width="160"
-        v-if="!systemLevel"
       />
       <!-- 附件 -->
       <el-table-column
@@ -246,10 +303,10 @@
       >
         <template slot-scope="scope">
           <el-tag v-if="scope.row.IsReturnRequired" type="danger">
-            {{ $fd("YesOrNo", scope.row.IsReturnRequired) }}
+            {{ $fd('YesOrNo', scope.row.IsReturnRequired) }}
           </el-tag>
           <el-tag v-else type="primary">{{
-            $fd("YesOrNo", scope.row.IsReturnRequired)
+            $fd('YesOrNo', scope.row.IsReturnRequired)
           }}</el-tag>
         </template>
       </el-table-column>
@@ -264,10 +321,10 @@
       >
         <template slot-scope="scope">
           <el-tag v-if="scope.row.IsAutoSend" type="danger">
-            {{ $fd("YesOrNo", scope.row.IsAutoSend) }}
+            {{ $fd('YesOrNo', scope.row.IsAutoSend) }}
           </el-tag>
           <el-tag v-else type="primary">{{
-            $fd("YesOrNo", scope.row.IsAutoSend)
+            $fd('YesOrNo', scope.row.IsAutoSend)
           }}</el-tag>
         </template>
       </el-table-column>
@@ -281,10 +338,10 @@
       >
         <template slot-scope="scope">
           <el-tag v-if="scope.row.IsEnable" type="danger">
-            {{ $fd("YesOrNo", scope.row.IsEnable) }}
+            {{ $fd('YesOrNo', scope.row.IsEnable) }}
           </el-tag>
           <el-tag v-else type="primary">{{
-            $fd("YesOrNo", scope.row.IsEnable)
+            $fd('YesOrNo', scope.row.IsEnable)
           }}</el-tag>
         </template>
       </el-table-column>
@@ -338,8 +395,10 @@
       <EmailForm
         :data="rowData"
         :system-level="systemLevel"
+        :isDistinguishCriteria="isDistinguishCriteria"
         @closeDialog="closeDialog"
         @getList="getList"
+        @PreviewHTML="preview"
       />
     </el-dialog>
 
@@ -359,131 +418,173 @@
         @getList="getList"
       />
     </el-dialog>
+    <!-- 预览模板 -->
+    <el-dialog
+      v-if="previewVisible"
+      :visible.sync="previewVisible"
+      :close-on-click-modal="false"
+      title="预览"
+      fullscreen
+      custom-class="base-dialog-wrapper"
+    >
+      <div v-html="previewHTML"></div>
+    </el-dialog>
   </box-content>
 </template>
 <script>
 import {
   getEmailNoticeConfigList,
   deleteEmailNoticeConfig,
-} from "@/api/dictionary";
-import BoxContent from "@/components/BoxContent";
-import Pagination from "@/components/Pagination";
-import EmailForm from "./EmailForm";
-import AttachmentList from "./AttachmentList";
+} from '@/api/dictionary'
+import { GetEmailNoticeConfigList_Export } from '@/api/export'
+import BoxContent from '@/components/BoxContent'
+import Pagination from '@/components/Pagination'
+import EmailForm from './EmailForm'
+import AttachmentList from './AttachmentList'
 const searchDataDefault = () => {
   return {
-    IsReturnRequired: "",
-    IsUrgent: "",
-    IsEnable: "",
+    IsReturnRequired: '',
+    IsUrgent: '',
+    IsEnable: '',
     CriterionTypeEnum: null,
+    BusinessModuleEnum: null,
+    BusinessScenarioEnum: null,
+    EmailUrgentEnum: null,
+    ToUserType: null,
     PageIndex: 1,
     PageSize: 20,
-  };
-};
+    SortField: 'Code',
+    Asc: true,
+  }
+}
 export default {
-  name: "EmailList",
+  name: 'EmailList',
   components: { BoxContent, Pagination, EmailForm, AttachmentList },
   props: {
     isDistinguishCriteria: {
       type: Boolean,
       default() {
-        return false;
+        return false
       },
     },
     systemLevel: {
       type: Number,
       default() {
-        return 0;
+        return 0
       },
     },
   },
   data() {
     return {
-      activeTab: "0",
+      activeTab: '0',
       searchData: searchDataDefault(),
       loading: false,
       list: [],
       total: 0,
       rowData: {},
-      title: "",
+      title: '',
       editVisible: false,
       attachmentVisible: false,
-    };
+      previewVisible: false,
+      previewHTML: null,
+    }
+  },
+  computed: {
+    UserTypeList() {
+      if (this.systemLevel === 1) {
+        return this.$d.UserType
+      } else {
+        return this.$d.UserType.filter(
+          (item) => ![7, 31, 32, 21, 26, 27].includes(item.value)
+        )
+      }
+    },
   },
   mounted() {
-    this.getList();
+    this.getList()
   },
   methods: {
     // 获取受试者列表
     getList() {
-      this.loading = true;
-      this.searchData.IsDistinguishCriteria = this.isDistinguishCriteria;
-      this.searchData.systemLevel = this.systemLevel;
+      this.loading = true
+      this.searchData.IsDistinguishCriteria = this.isDistinguishCriteria
+      this.searchData.systemLevel = this.systemLevel
       getEmailNoticeConfigList(this.searchData)
         .then((res) => {
-          this.loading = false;
-          this.list = res.Result.CurrentPageData;
-          this.total = res.Result.TotalCount;
+          this.loading = false
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
         })
         .catch(() => {
-          this.loading = false;
-        });
+          this.loading = false
+        })
     },
     // 新增
     handleAdd() {
-      this.rowData = {};
-      this.title = "新增";
-      this.editVisible = true;
+      this.rowData = {}
+      this.title = '新增'
+      this.editVisible = true
     },
     // 编辑
     handleEdit(row) {
-      this.rowData = { ...row };
-      this.title = "编辑";
-      this.editVisible = true;
+      this.rowData = { ...row }
+      this.title = '编辑'
+      this.editVisible = true
     },
     // 删除
     handleDelete(row) {
-      this.$confirm(this.$t("trials:staffResearch:message:confirmDel"), {
-        type: "warning",
+      this.$confirm(this.$t('trials:staffResearch:message:confirmDel'), {
+        type: 'warning',
         distinguishCancelAndClose: true,
       }).then(() => {
         deleteEmailNoticeConfig(row.Id).then((res) => {
           if (res.IsSuccess) {
-            this.getList();
-            this.$message.success("删除成功!");
+            this.getList()
+            this.$message.success('删除成功!')
           }
-        });
-      });
+        })
+      })
     },
     handleDetail(row) {
-      this.rowData = { ...row };
-      this.attachmentVisible = true;
+      this.rowData = { ...row }
+      this.attachmentVisible = true
     },
     // 查询
     handleSearch() {
-      this.searchData.PageIndex = 1;
-      this.getList();
+      this.searchData.PageIndex = 1
+      this.getList()
     },
     // 重置
     handleReset() {
-      this.searchData = searchDataDefault();
-      this.getList();
+      this.searchData = searchDataDefault()
+      this.getList()
     },
     // 排序
     handleSortByColumn(column) {
-      if (column.order === "ascending") {
-        this.searchData.Asc = true;
+      if (column.order === 'ascending') {
+        this.searchData.Asc = true
       } else {
-        this.searchData.Asc = false;
+        this.searchData.Asc = false
       }
-      this.searchData.SortField = column.prop;
-      this.searchData.PageIndex = 1;
-      this.getList();
+      this.searchData.SortField = column.prop
+      this.searchData.PageIndex = 1
+      this.getList()
     },
     // 关闭新增、编辑框
     closeDialog() {
-      this.editVisible = false;
+      this.editVisible = false
+    },
+    preview(html) {
+      this.previewHTML = html
+      this.previewVisible = true
+    },
+    // 导出
+    handleExport() {
+      // this.searchData.IsDistinguishCriteria = this.isDistinguishCriteria
+      // this.searchData.systemLevel = this.systemLevel
+      // return GetEmailNoticeConfigList_Export(this.searchData)
+      return GetEmailNoticeConfigList_Export(this.searchData)
     },
   },
-};
+}
 </script>

src/views/dictionary/template/email/index.vue

@@ -29,13 +29,13 @@
         ></EmailList>
       </el-tab-pane>
       <!-- 系统相关-分角色 -->
-      <el-tab-pane :label="$t('trials:emailManageCfg:title:systemDisRole')" name="3">
+      <!-- <el-tab-pane :label="$t('trials:emailManageCfg:title:systemDisRole')" name="3">
         <EmailList
           v-if="activeTab === '3'"
           :is-distinguish-criteria="false"
           :system-level="2"
         ></EmailList>
-      </el-tab-pane>
+      </el-tab-pane> -->
     </el-tabs>
   </box-content>
 </template>
@@ -43,107 +43,107 @@
 import {
   getEmailNoticeConfigList,
   deleteEmailNoticeConfig,
-} from "@/api/dictionary";
-import BoxContent from "@/components/BoxContent";
-import Pagination from "@/components/Pagination";
-import EmailList from "./components/EmailList";
+} from '@/api/dictionary'
+import BoxContent from '@/components/BoxContent'
+import Pagination from '@/components/Pagination'
+import EmailList from './components/EmailList'
 const searchDataDefault = () => {
   return {
-    IsReturnRequired: "",
-    IsUrgent: "",
-    IsEnable: "",
+    IsReturnRequired: '',
+    IsUrgent: '',
+    IsEnable: '',
     PageIndex: 1,
     PageSize: 20,
-  };
-};
+  }
+}
 export default {
-  name: "EmailListIndex",
+  name: 'EmailListIndex',
   components: { BoxContent, Pagination, EmailList },
   data() {
     return {
-      activeTab: "0",
+      activeTab: '0',
       searchData: searchDataDefault(),
       loading: false,
       list: [],
       total: 0,
       rowData: {},
-      title: "",
+      title: '',
       editVisible: false,
       attachmentVisible: false,
-    };
+    }
   },
   mounted() {
-    this.getList();
+    this.getList()
   },
   methods: {
     // 获取受试者列表
     getList() {
-      this.loading = true;
+      this.loading = true
       getEmailNoticeConfigList(this.searchData)
         .then((res) => {
-          this.loading = false;
-          this.list = res.Result.CurrentPageData;
-          this.total = res.Result.TotalCount;
+          this.loading = false
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
         })
         .catch(() => {
-          this.loading = false;
-        });
+          this.loading = false
+        })
     },
     // 新增
     handleAdd() {
-      this.rowData = {};
-      this.title = "新增";
-      this.editVisible = true;
+      this.rowData = {}
+      this.title = '新增'
+      this.editVisible = true
     },
     // 编辑
     handleEdit(row) {
-      this.rowData = { ...row };
-      this.title = "编辑";
-      this.editVisible = true;
+      this.rowData = { ...row }
+      this.title = '编辑'
+      this.editVisible = true
     },
     // 删除
     handleDelete(row) {
-      this.$confirm(this.$t("trials:staffResearch:message:confirmDel"), {
-        type: "warning",
+      this.$confirm(this.$t('trials:staffResearch:message:confirmDel'), {
+        type: 'warning',
         distinguishCancelAndClose: true,
       }).then(() => {
         deleteEmailNoticeConfig(row.Id).then((res) => {
           if (res.IsSuccess) {
-            this.getList();
-            this.$message.success("删除成功!");
+            this.getList()
+            this.$message.success('删除成功!')
           }
-        });
-      });
+        })
+      })
     },
     handleDetail(row) {
-      this.rowData = { ...row };
-      this.attachmentVisible = true;
+      this.rowData = { ...row }
+      this.attachmentVisible = true
     },
     // 查询
     handleSearch() {
-      this.searchData.PageIndex = 1;
-      this.getList();
+      this.searchData.PageIndex = 1
+      this.getList()
     },
     // 重置
     handleReset() {
-      this.searchData = searchDataDefault();
-      this.getList();
+      this.searchData = searchDataDefault()
+      this.getList()
     },
     // 排序
     handleSortByColumn(column) {
-      if (column.order === "ascending") {
-        this.searchData.Asc = true;
+      if (column.order === 'ascending') {
+        this.searchData.Asc = true
       } else {
-        this.searchData.Asc = false;
+        this.searchData.Asc = false
       }
-      this.searchData.SortField = column.prop;
-      this.searchData.PageIndex = 1;
-      this.getList();
+      this.searchData.SortField = column.prop
+      this.searchData.PageIndex = 1
+      this.getList()
     },
     // 关闭新增、编辑框
     closeDialog() {
-      this.editVisible = false;
+      this.editVisible = false
     },
   },
-};
+}
 </script>

src/views/login/index.vue

@@ -83,7 +83,7 @@
               <svg-icon icon-class="password" />
             </span>
             <!-- password -->
-            <el-input
+            <!-- <el-input
               :key="passwordType"
               ref="password"
               v-model="loginForm.password"
@@ -91,6 +91,8 @@
               :type="passwordType"
               :placeholder="$t('login:form:password')"
               name="password"
+              auto-complete="new-password"
+              autocomplete="new-password"
               tabindex="2"
               @keyup.enter.native="handleLogin"
             />
@@ -98,6 +100,21 @@
               <svg-icon
                 :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'"
               />
+            </span> -->
+            <el-input
+              :key="passwordType"
+              ref="password"
+              v-model="pwdCover"
+              size="small"
+              type="text"
+              :placeholder="$t('login:form:password')"
+              name="password"
+              @input="setPassword"
+              tabindex="2"
+              @keyup.enter.native="handleLogin"
+            />
+            <span class="show-pwd" @click="hidePassword">
+              <svg-icon :icon-class="!isShowPassword ? 'eye' : 'eye-open'" />
             </span>
           </el-form-item>
           <!-- Login -->
@@ -155,6 +172,14 @@
         <span style="color: #428bca">关于</span>
       </a>
     </div>
+    <div v-if="NODE_ENV === 'usa'" class="login-footer">
+      <span>
+        © {{ new Date().getFullYear() }} Elevate lmaging Inc. info@{{ host }}
+      </span>
+      <a @click="openAbout">
+        <span style="color: #428bca">About</span>
+      </a>
+    </div>
     <Vcode
       :show="isShow"
       :fail-text="$t('login:button:failText')"
@@ -179,9 +204,15 @@
           text-align: center;
         "
       >
-        <h1 style="text-align: center; margin-bottom: 20px">关于</h1>
+        <h1
+          style="text-align: center; margin-bottom: 20px"
+          v-if="NODE_ENV === 'usa'"
+        >
+          About
+        </h1>
+        <h1 style="text-align: center; margin-bottom: 20px" v-else>关于</h1>
         <p style="margin-bottom: 20px" v-if="NODE_ENV === 'usa'">
-          {{ $t('login:title:system_title') }}
+          {{ $t('login:title:system_title_about') }}
         </p>
         <p style="margin-bottom: 20px" v-else>{{ $t('login:title:system') }}</p>
         <p style="margin-bottom: 20px">
@@ -191,18 +222,24 @@
           Copyright © {{ new Date().getFullYear() }} 上海展影医疗科技有限公司
           版权所有
         </p>
+        <p style="margin-bottom: 20px" v-else-if="NODE_ENV === 'usa'">
+          © {{ new Date().getFullYear() }} Elevate Imaging Inc.
+        </p>
         <p style="margin-bottom: 20px" v-else>
           Copyright © {{ new Date().getFullYear() }} Shanghai Extensive Imaging
           Inc.
         </p>
-        <div style="margin-bottom: 20px">
+        <div style="margin-bottom: 20px" v-if="NODE_ENV === 'usa'">
+          <img style="width: 180px" src="@/assets/zzlogo-usa.png" alt="" />
+        </div>
+        <div style="margin-bottom: 20px" v-else>
           <img style="width: 180px" src="@/assets/zzlogo2.png" alt="" />
         </div>
       </div>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" size="mini" @click="aboutVisible = false"
-          >关闭</el-button
-        >
+        <el-button type="primary" size="mini" @click="aboutVisible = false">
+          {{ $t('common:button:close') }}
+        </el-button>
       </div>
     </el-dialog>
     <browserTip ref="browserTip" />
@@ -254,6 +291,8 @@ export default {
       },
       loading: false,
       passwordType: 'password',
+      pwdCover: null,
+      isShowPassword: false,
       loginType: null,
       location: null,
       isShow: false,
@@ -263,6 +302,9 @@ export default {
   },
   computed: {
     ...mapGetters(['asyncRoutes', 'routes', 'language']),
+    host() {
+      return window.location.host
+    },
   },
   watch: {
     '$i18n.locale': {
@@ -412,6 +454,68 @@ export default {
     handleResetPwd() {
       this.$router.push({ name: 'Resetpassword' })
     },
+    // 输入框输入事件
+    setPassword(val) {
+      console.log(val)
+      if (this.isShowPassword) {
+        this.loginForm.password = val
+      } else {
+        let reg =
+          /^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[-_.@^+\$!%#*?&\$~])[A-Za-z0-9-~_.@^+\$~!%#*?&]{8,32}$/g // 只允许输入字母和数字
+        let nDot = /[^●]/g // 非圆点字符
+        let index = -1 // 新输入的字符位置
+        let lastChar = void 0 // 新输入的字符
+        let realArr = this.loginForm.password.split('') // 真实密码数组
+        let coverArr = val.split('') // 文本框显示密码数组
+        let coverLen = val.length // 文本框字符串长度
+        let realLen = this.loginForm.password.length // 真实密码长度
+        // 找到新输入的字符及位置
+        coverArr.forEach((el, idx) => {
+          if (nDot.test(el)) {
+            index = idx
+            lastChar = el
+          }
+        })
+        // 判断输入的字符是否符合规范，不符合的话去掉该字符
+        // if (lastChar && !reg.test(lastChar)) {
+        //   coverArr.splice(index, 1)
+        //   this.pwdCover = coverArr.join('')
+        //   console.log(111111111111111, lastChar)
+        //   // return
+        // }
+        if (coverLen - realLen <= 2) {
+          if (realLen < coverLen) {
+            // 新增字符
+            realArr.splice(index, 0, lastChar)
+          } else if (coverLen <= realLen && index !== -1) {
+            // 替换字符（选取一个或多个字符直接替换）
+            realArr.splice(index, realLen - (coverLen - 1), lastChar)
+          } else {
+            // 删除字符，因为 val 全是 ● ，没有办法匹配，不知道是从末尾还是中间删除的字符，删除了几个，不好对 password 处理，所以可以通过光标的位置和 val 的长度来判断
+            let pos = document.getElementById('pwd').selectionEnd // 获取光标位置
+            realArr.splice(pos, realLen - coverLen)
+          }
+        }
+
+        // 将 pwdCover 替换成 ●
+        this.pwdCover = val.replace(/\S/g, '●')
+        let v = val.replace(/●/g, '')
+        this.loginForm.password =
+          coverLen - realLen >= 2 ? realArr.join('') + v : realArr.join('')
+      }
+    },
+    // 点击右侧小眼睛控制显示隐藏
+    hidePassword() {
+      if (!this.isShowPassword) {
+        // console.log("显示");
+        this.isShowPassword = true
+        this.pwdCover = this.loginForm.password
+      } else {
+        // console.log("隐藏");
+        this.isShowPassword = false
+        this.pwdCover = this.pwdCover.replace(/\S/g, '●')
+      }
+    },
   },
 }
 </script>

src/views/reviewers/ReviewersResearch.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="question-login-wrapper">
     <div class="box-wrapper">
-      <h2 style="text-align:center;">
+      <h2 style="text-align: center">
         <!-- 中心调研表 -->
         <!-- 独立阅片人信息填写 -->
-        {{$t("trials:researchForm:form:title")}}
+        {{ $t('trials:researchForm:form:title') }}
       </h2>
       <el-card shadow="hover" style="padding-top: 40px">
         <el-form
@@ -12,30 +12,45 @@
           v-loading="loading"
           :model="form"
           label-width="150px"
-          style="width:80%;margin:0 auto;"
+          style="width: 80%; margin: 0 auto"
           :rules="rules"
           class="demo-ruleForm"
           size="small"
         >
           <!-- 联系邮箱 -->
-          <el-form-item :label="$t('trials:researchForm:form:contactorEmail')" prop="EmailOrPhone">
-            <el-input v-model="form.EmailOrPhone" autocomplete="new-password" @change="handleEmailChange" />
+          <el-form-item
+            :label="$t('trials:researchForm:form:contactorEmail')"
+            prop="EmailOrPhone"
+          >
+            <el-input
+              v-model="form.EmailOrPhone"
+              autocomplete="new-password"
+              @change="handleEmailChange"
+            />
           </el-form-item>
           <!-- 验证码 -->
-          <el-form-item :label="$t('trials:researchForm:form:verifyCode')" required>
+          <el-form-item
+            :label="$t('trials:researchForm:form:verifyCode')"
+            required
+          >
             <el-col :span="20">
               <el-form-item prop="VerificationCode">
-                <el-input v-model="form.VerificationCode" autocomplete="new-password" />
+                <el-input
+                  v-model="form.VerificationCode"
+                  autocomplete="new-password"
+                />
               </el-form-item>
             </el-col>
             <el-col :span="4">
               <el-button
                 size="small"
                 type="primary"
-                style="width:100%;"
+                style="width: 100%"
                 :disabled="sendDisabled"
                 @click="handleSendCode"
-              >{{ sendTitle }}</el-button>
+                >{{ this.$t('trials:researchForm:button:send')
+                }}{{ count || count === 0 ? `(${count}s)` : '' }}</el-button
+              >
             </el-col>
           </el-form-item>
           <el-form-item>
@@ -44,10 +59,14 @@
               {{ $t('common:button:cancel') }}
             </el-button>
             <!-- 提交 -->
-            <el-button size="small" type="primary" :loading="btnLoading" @click="onSubmit">
+            <el-button
+              size="small"
+              type="primary"
+              :loading="btnLoading"
+              @click="onSubmit"
+            >
               {{ $t('common:button:submit') }}
             </el-button>
-
           </el-form-item>
         </el-form>
       </el-card>
@@ -55,17 +74,23 @@
   </div>
 </template>
 <script>
-import { sendVerifyCode, verifySendCode, getTrialSurveyInitInfo } from '@/api/research'
+import {
+  sendVerifyCode,
+  verifySendCode,
+  getTrialSurveyInitInfo,
+} from '@/api/research'
 import { verifyEmialGetDoctorInfo, sendEmialVerifyCode } from '@/api/reviewers'
 import { login, getUserMenuTree, getUserPermissions } from '@/api/user'
 import store from '@/store'
-import {  mapMutations } from 'vuex'
+import { mapMutations } from 'vuex'
 export default {
   data() {
     var checkPhone = (rule, value, callback) => {
       const phoneReg = /^1[3|4|5|7|8][0-9]{9}$/
       if (!value) {
-        return callback(new Error(this.$t('trials:researchForm:formRule:specify')))
+        return callback(
+          new Error(this.$t('trials:researchForm:formRule:specify'))
+        )
       }
       setTimeout(() => {
         if (!Number.isInteger(+value)) {
@@ -83,7 +108,8 @@ export default {
       if (value === '') {
         callback(new Error(this.$t('trials:researchForm:formRule:specify')))
       } else {
-        var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
+        var reg =
+          /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
         if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
           this.sendDisabled = false
           callback()
@@ -97,8 +123,12 @@ export default {
       if (value === '') {
         callback(new Error(this.$t('trials:researchForm:formRule:specify')))
       } else {
-        var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
-        if (this.form.ReplaceUserEmailOrPhone && reg.test(this.form.ReplaceUserEmailOrPhone)) {
+        var reg =
+          /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
+        if (
+          this.form.ReplaceUserEmailOrPhone &&
+          reg.test(this.form.ReplaceUserEmailOrPhone)
+        ) {
           callback()
         } else {
           callback(new Error(this.$t('trials:researchForm:formRule:email')))
@@ -120,26 +150,51 @@ export default {
         TrialSiteCode: '',
         IsUpdate: false,
         ReplaceUserEmailOrPhone: '',
-        VerificationCode: ''
+        VerificationCode: '',
       },
       rules: {
         SiteId: [
-          { required: true, message: this.$t('trials:researchForm:formRule:specify'), trigger: ['blur'] }
+          {
+            required: true,
+            message: this.$t('trials:researchForm:formRule:specify'),
+            trigger: ['blur'],
+          },
         ],
         UserName: [
-          { required: true, message: this.$t('trials:researchForm:formRule:specify'), trigger: ['blur'] },
-          { min: 0, max: 50, message: this.$t('trials:researchForm:formRule:maxLength'), trigger: 'blur' }
-        ],
-        Phone: [
-          { required: true, validator: checkPhone, trigger: ['blur'] }
+          {
+            required: true,
+            message: this.$t('trials:researchForm:formRule:specify'),
+            trigger: ['blur'],
+          },
+          {
+            min: 0,
+            max: 50,
+            message: this.$t('trials:researchForm:formRule:maxLength'),
+            trigger: 'blur',
+          },
         ],
+        Phone: [{ required: true, validator: checkPhone, trigger: ['blur'] }],
         EmailOrPhone: [
-          { required: true, validator: validateEmail, trigger: ['blur', 'change'] }
+          {
+            required: true,
+            validator: validateEmail,
+            trigger: ['blur', 'change'],
+          },
         ],
         ReplaceUserEmailOrPhone: [
-          { required: true, validator: validateReplaceEmail, trigger: ['blur'] }
+          {
+            required: true,
+            validator: validateReplaceEmail,
+            trigger: ['blur'],
+          },
+        ],
+        VerificationCode: [
+          {
+            required: true,
+            message: this.$t('trials:researchForm:formRule:specify'),
+            trigger: ['blur'],
+          },
         ],
-        VerificationCode: [{ required: true, message: this.$t('trials:researchForm:formRule:specify'), trigger: ['blur'] }]
       },
       siteOptions: [],
       loading: false,
@@ -148,20 +203,19 @@ export default {
       sendTitle: this.$t('trials:researchForm:button:send'),
       count: '',
       timer: null,
-      isHaveSiteSurveyRecord: false
+      isHaveSiteSurveyRecord: false,
     }
   },
-  created(){
+  created() {
     this.$i18n.locale = this.$route.query.lang
     this.setLanguage(this.$route.query.lang)
   },
-  mounted() {
-  },
+  mounted() {},
   methods: {
     ...mapMutations({ setLanguage: 'lang/setLanguage' }),
     // 提交
     onSubmit() {
-      this.$refs['resetForm'].validate(valid => {
+      this.$refs['resetForm'].validate((valid) => {
         if (valid) {
           // 登陆成功并跳转
           this.btnLoading = true
@@ -173,21 +227,44 @@ export default {
             emailOrPhone: this.form.EmailOrPhone,
             verificationCode: this.form.VerificationCode,
           }
-          verifyEmialGetDoctorInfo(param).then(async res => {
-            this.btnLoading = false
-            zzSessionStorage.clear()
-            store.dispatch('user/setToken', res.Result.Token)
-            zzSessionStorage.setItem('TokenKey', res.Result.Token)
-            var permissions = await getUserPermissions()
-            var menuTree = await getUserMenuTree()
-            store.dispatch('user/setTree', menuTree.Result)
-            store.dispatch('user/setPermissions', permissions.Result)
-            // this.$router.push({ path: `/researchForm?trialId=${this.trialId}&trialSiteSurveyId=${res.Result.TrialSiteSurveyId}` })
-            this.$router.push({path: `/ReviewersResearchForm?Id=${res.Result.DoctorId ? res.Result.DoctorId : ''}&tabActive=BasicInfo&ReviewStatus=${res.Result.ReviewStatus}&lang=${this.$route.query.lang}`})
-          }).catch(() => {
-            this.btnLoading = false
-            this.sendDisabled = false
-          })
+          if (this.$route.query.trialId) {
+            param.TrialId = this.$route.query.trialId
+          }
+          verifyEmialGetDoctorInfo(param)
+            .then(async (res) => {
+              this.btnLoading = false
+              zzSessionStorage.clear()
+              store.dispatch('user/setToken', res.Result.Token)
+              zzSessionStorage.setItem('TokenKey', res.Result.Token)
+              var permissions = await getUserPermissions()
+              var menuTree = await getUserMenuTree()
+              store.dispatch('user/setTree', menuTree.Result)
+              store.dispatch('user/setPermissions', permissions.Result)
+              // this.$router.push({ path: `/researchForm?trialId=${this.trialId}&trialSiteSurveyId=${res.Result.TrialSiteSurveyId}` })
+              if (this.$route.query.trialId) {
+                this.$router.push({
+                  path: `/curriculumVitae?Id=${
+                    res.Result.DoctorId ? res.Result.DoctorId : ''
+                  }&tabActive=BasicInfo&ReviewStatus=${
+                    res.Result.ReviewStatus
+                  }&trialId=${this.$route.query.trialId}&lang=${
+                    this.$route.query.lang
+                  }`,
+                })
+              } else {
+                this.$router.push({
+                  path: `/curriculumVitae?Id=${
+                    res.Result.DoctorId ? res.Result.DoctorId : ''
+                  }&tabActive=BasicInfo&ReviewStatus=${
+                    res.Result.ReviewStatus
+                  }&lang=${this.$route.query.lang}`,
+                })
+              }
+            })
+            .catch(() => {
+              this.btnLoading = false
+              this.sendDisabled = false
+            })
         } else {
           return false
         }
@@ -197,21 +274,24 @@ export default {
     handleSendCode() {
       this.sendDisabled = true
       const param = {
-        Email: this.form.EmailOrPhone
+        Email: this.form.EmailOrPhone,
       }
-      sendEmialVerifyCode(param).then(res => {
-        if (res.IsSuccess) {
-          this.getCode()
-        } else {
-          this.$alert(res.ErrorMessage)
-        }
-      }).catch(() => {
-        this.sendDisabled = false
-      })
+      sendEmialVerifyCode(param)
+        .then((res) => {
+          if (res.IsSuccess) {
+            this.getCode()
+          } else {
+            this.$alert(res.ErrorMessage)
+          }
+        })
+        .catch(() => {
+          this.sendDisabled = false
+        })
     },
     // 邮箱change事件
     handleEmailChange() {
-      var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
+      var reg =
+        /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
       if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
         this.sendDisabled = false
       } else {
@@ -226,21 +306,24 @@ export default {
         this.timer = setInterval(() => {
           if (this.count > 0 && this.count <= TIME_COUNT) {
             this.count--
-            this.sendTitle = `${this.$t('trials:researchForm:button:send')}(${this.count}s)`
+            this.sendTitle = `${this.$t('trials:researchForm:button:send')}(${
+              this.count
+            }s)`
             this.sendDisabled = true
           } else {
             this.sendDisabled = false
             this.sendTitle = this.$t('trials:researchForm:button:send')
             clearInterval(this.timer)
             this.timer = null
+            this.count = null
           }
         }, 1000)
       }
     },
     onCancel() {
       this.$refs['resetForm'].resetFields()
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>

src/views/reviewers/components/Agreements.vue

@@ -1,45 +1,92 @@
 <template>
   <div v-loading="loading" class="resumes-container">
     <div class="resume-content" v-if="!$route.query.ReviewStatus">
-      <p>{{$t('system:Agreements:title:Consultant Agreement')}}</p>
+      <p>{{ $t('system:Agreements:title:Consultant Agreement') }}</p>
       <div class="upload-content">
-        <upload-files ref="uploadAgreement" :disabled="$route.query.ReviewStatus === '1'" :doctor-id="doctorId" type="Consultant Agreement" accept=".pdf" @getFileList="getFileList" />
+        <upload-files
+          ref="uploadAgreement"
+          :disabled="$route.query.ReviewStatus === '1'"
+          :doctor-id="doctorId"
+          type="Consultant Agreement"
+          accept=".pdf"
+          @getFileList="getFileList"
+        />
       </div>
       <p>{{ $t('system:tip:file:pdf') }}</p>
     </div>
     <div v-if="!$route.query.ReviewStatus">
       <el-table :data="agreementList" size="small">
         <el-table-column type="index" width="40" />
-        <el-table-column prop="FileName" :label="$t('system:Agreements:table:Consultant Agreement')" width="300" />
-        <el-table-column prop="CreateTime" :label="$t('system:Agreements:table:Upload Time')" width="150" />
+        <el-table-column
+          prop="FileName"
+          :label="$t('system:Agreements:table:Consultant Agreement')"
+          width="300"
+        />
+        <el-table-column
+          prop="CreateTime"
+          :label="$t('system:Agreements:table:Upload Time')"
+          width="150"
+        />
         <el-table-column :label="$t('common:action:action')" width="400">
           <template slot-scope="scope">
-            <el-button type="text" size="small" @click="handlePreview(scope.row)">{{$t('trials:enrolledReviews:button:view')}}</el-button>
-            <el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleRemoveFile(scope.row)">{{$t('common:button:delete')}}</el-button>
+            <el-button
+              type="text"
+              size="small"
+              @click="handlePreview(scope.row)"
+              >{{ $t('trials:enrolledReviews:button:view') }}</el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              :disabled="$route.query.ReviewStatus === '1'"
+              @click="handleRemoveFile(scope.row)"
+              >{{ $t('common:button:delete') }}</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
     </div>
-    <div style="margin-top:20px">
+    <div style="margin-top: 20px">
       <span style="margin-right: 20px">
-        {{$t('trials:enrolledReviews:message:SOW')}}
+        {{ $t('trials:enrolledReviews:message:SOW') }}
       </span>
-      <el-button size="small" type="primary" :disabled="$route.query.ReviewStatus === '1'"  @click="addCol(0, $t('trials:enrolledReviews:message:SOW'))">
-        {{ $t('common:button:upload') }}</el-button>
-      <el-button size="small" type="primary" @click="handleDownload('Reviewer_SOW_Template')">
+      <el-button
+        size="small"
+        type="primary"
+        :disabled="$route.query.ReviewStatus === '1'"
+        @click="addCol(0, $t('trials:enrolledReviews:message:SOW'))"
+      >
+        {{ $t('common:button:upload') }}</el-button
+      >
+      <el-button
+        size="small"
+        type="primary"
+        @click="handleDownload('Reviewer_SOW_Template')"
+      >
         <i class="el-icon-view el-icon-download"></i>
         {{ $t('common:button:template') }}
       </el-button>
     </div>
     <el-table :data="sowList" size="small">
       <el-table-column type="index" width="40" />
-      <el-table-column :label="$t('system:Agreements:table:Criterion Type')" width="120">
+      <el-table-column
+        :label="$t('system:Agreements:table:Criterion Type')"
+        width="120"
+      >
         <template slot-scope="scope">
           {{ scope.row.CriterionName }}
         </template>
       </el-table-column>
-      <el-table-column prop="FileName" :label="$t('system:Agreements:table:Statement of Work')" width="400" />
-      <el-table-column prop="IsEnable" :label="$t('system:Agreements:table:Is Enable')" width="100">
+      <el-table-column
+        prop="FileName"
+        :label="$t('system:Agreements:table:Statement of Work')"
+        width="400"
+      />
+      <el-table-column
+        prop="IsEnable"
+        :label="$t('system:Agreements:table:Is Enable')"
+        width="100"
+      >
         <template slot-scope="scope">
           <el-switch
             v-model="scope.row.IsEnable"
@@ -49,32 +96,81 @@
           />
         </template>
       </el-table-column>
-      <el-table-column prop="Remark" :label="$t('system:Agreements:Remark')" width="200" />
-      <el-table-column prop="CreateTime" :label="$t('system:Agreements:Upload Time')" width="150" />
+      <el-table-column
+        prop="Remark"
+        :label="$t('system:Agreements:Remark')"
+        width="200"
+      />
+      <el-table-column
+        prop="CreateTime"
+        :label="$t('system:Agreements:Upload Time')"
+        width="150"
+      />
       <el-table-column :label="$t('common:action:action')" width="400">
         <template slot-scope="scope">
-          <el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handlePreview3(scope.row)">{{$t('trials:enrolledReviews:button:view')}}</el-button>
-          <el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleEditCol(scope.row, 0, $t('trials:enrolledReviews:message:SOW'))">
-            {{ $t('common:button:edit') }}</el-button>
-          <el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleRemoveFile3(scope.row)">{{ $t('common:button:delete') }}</el-button>
+          <el-button
+            type="text"
+            size="small"
+            :disabled="$route.query.ReviewStatus === '1'"
+            @click="handlePreview3(scope.row)"
+            >{{ $t('trials:enrolledReviews:button:view') }}</el-button
+          >
+          <el-button
+            type="text"
+            size="small"
+            :disabled="$route.query.ReviewStatus === '1'"
+            @click="
+              handleEditCol(
+                scope.row,
+                0,
+                $t('trials:enrolledReviews:message:SOW')
+              )
+            "
+          >
+            {{ $t('common:button:edit') }}</el-button
+          >
+          <el-button
+            type="text"
+            size="small"
+            :disabled="$route.query.ReviewStatus === '1'"
+            @click="handleRemoveFile3(scope.row)"
+            >{{ $t('common:button:delete') }}</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
-    <div style="margin-top:20px" v-if="!$route.query.ReviewStatus">
+    <div style="margin-top: 20px" v-if="!$route.query.ReviewStatus">
       <span style="margin-right: 20px">
-          {{$t('trials:enrolledReviews:message:EQC')}}
+        {{ $t('trials:enrolledReviews:message:EQC') }}
       </span>
-      <el-button size="small" type="primary" :disabled="$route.query.ReviewStatus === '1'" @click="addCol(1, $t('trials:enrolledReviews:message:EQC'))">{{$t('common:button:upload')}}</el-button>
+      <el-button
+        size="small"
+        type="primary"
+        :disabled="$route.query.ReviewStatus === '1'"
+        @click="addCol(1, $t('trials:enrolledReviews:message:EQC'))"
+        >{{ $t('common:button:upload') }}</el-button
+      >
     </div>
     <el-table :data="ackSowList" size="small" v-if="!$route.query.ReviewStatus">
       <el-table-column type="index" width="40" />
-      <el-table-column :label="$t('system:Agreements:table:Criterion Type')" width="120">
+      <el-table-column
+        :label="$t('system:Agreements:table:Criterion Type')"
+        width="120"
+      >
         <template slot-scope="scope">
           {{ scope.row.CriterionName }}
         </template>
       </el-table-column>
-      <el-table-column prop="FileName" :label="$t('system:Agreements:table:Acknowledgement of SOW')" width="400" />
-      <el-table-column prop="IsEnable" :label="$t('system:Agreements:table:Is Enable')" width="100">
+      <el-table-column
+        prop="FileName"
+        :label="$t('system:Agreements:table:Acknowledgement of SOW')"
+        width="400"
+      />
+      <el-table-column
+        prop="IsEnable"
+        :label="$t('system:Agreements:table:Is Enable')"
+        width="100"
+      >
         <template slot-scope="scope">
           <el-switch
             v-model="scope.row.IsEnable"
@@ -84,13 +180,45 @@
           />
         </template>
       </el-table-column>
-      <el-table-column prop="Remark" :label="$t('system:Agreements:table:Remark')" width="200" />
-      <el-table-column prop="CreateTime" :label="$t('system:Agreements:table:Upload Time')" width="150" />
-      <el-table-column label="Action" width="400">
+      <el-table-column
+        prop="Remark"
+        :label="$t('system:Agreements:table:Remark')"
+        width="200"
+      />
+      <el-table-column
+        prop="CreateTime"
+        :label="$t('system:Agreements:table:Upload Time')"
+        width="150"
+      />
+      <el-table-column :label="$t('common:action:action')" width="400">
         <template slot-scope="scope">
-          <el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handlePreview3(scope.row)">{{$t('common:button:view')}}</el-button>
-          <el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleEditCol(scope.row, 1, $t('trials:enrolledReviews:message:EQC'))">{{$t('common:button:edit')}}</el-button>
-          <el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleRemoveFile3(scope.row)">{{$t('common:button:delete')}}</el-button>
+          <el-button
+            type="text"
+            size="small"
+            :disabled="$route.query.ReviewStatus === '1'"
+            @click="handlePreview3(scope.row)"
+            >{{ $t('common:button:view') }}</el-button
+          >
+          <el-button
+            type="text"
+            size="small"
+            :disabled="$route.query.ReviewStatus === '1'"
+            @click="
+              handleEditCol(
+                scope.row,
+                1,
+                $t('trials:enrolledReviews:message:EQC')
+              )
+            "
+            >{{ $t('common:button:edit') }}</el-button
+          >
+          <el-button
+            type="text"
+            size="small"
+            :disabled="$route.query.ReviewStatus === '1'"
+            @click="handleRemoveFile3(scope.row)"
+            >{{ $t('common:button:delete') }}</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
@@ -103,7 +231,10 @@
           label-width="120px"
           size="small"
         >
-          <el-form-item :label="$t('system:Agreements:label:Criterion Type')" prop="CriterionType">
+          <el-form-item
+            :label="$t('system:Agreements:label:Criterion Type')"
+            prop="CriterionType"
+          >
             <el-select v-model="form.CriterionType">
               <el-option
                 v-for="item of $d.CriterionType"
@@ -113,7 +244,10 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item :label="$t('system:Agreements:label:File')" prop="FilePath">
+          <el-form-item
+            :label="$t('system:Agreements:label:File')"
+            prop="FilePath"
+          >
             <el-upload
               class="upload-demo"
               action
@@ -123,14 +257,25 @@
               :on-remove="handleRemoveFile2"
               :show-file-list="true"
               :limit="1"
+              accept=".pdf"
               :file-list="fileList"
             >
-              <el-button size="small" type="primary" :disabled="fileList.length > 0">{{$t('common:button:upload')}}</el-button>
+              <el-button
+                size="small"
+                type="primary"
+                :disabled="fileList.length > 0"
+                >{{ $t('common:button:upload') }}</el-button
+              >
+              <span>{{ $t('system:tip:file:pdf') }}</span>
             </el-upload>
           </el-form-item>
           <el-form-item :label="$t('system:Agreements:label:Remark')">
-            <el-input v-model="form.Remark"  type="textarea"
-                      :autosize="{ minRows: 2, maxRows: 4}"></el-input>
+            <el-input
+              v-model="form.Remark"
+              type="textarea"
+              :autosize="{ minRows: 2, maxRows: 4 }"
+              :maxlength="4000"
+            ></el-input>
           </el-form-item>
           <el-form-item :label="$t('system:Agreements:label:Is Enable')">
             <el-switch
@@ -142,8 +287,20 @@
         </el-form>
       </template>
       <template slot="dialog-footer">
-        <el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancle">{{ $t('common:button:cancel') }}</el-button>
-        <el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">{{ $t('common:button:save') }}</el-button>
+        <el-button
+          :disabled="btnLoading"
+          size="small"
+          type="primary"
+          @click="handleCancle"
+          >{{ $t('common:button:cancel') }}</el-button
+        >
+        <el-button
+          size="small"
+          type="primary"
+          :loading="btnLoading"
+          @click="handleSave"
+          >{{ $t('common:button:save') }}</el-button
+        >
       </template>
     </BaseModel>
   </div>
@@ -151,25 +308,43 @@
 <script>
 import { uploadFile } from '@/api/attachment'
 import UploadFiles from '@/components/UploadFiles'
-import { getDoctorSowList, getDoctorAckSowList, addDoctorCriterionFile, deleteDoctorCriterionFile, getDoctorCriterionFile } from '@/api/reviewers'
+import {
+  getDoctorSowList,
+  getDoctorAckSowList,
+  addDoctorCriterionFile,
+  deleteDoctorCriterionFile,
+  getDoctorCriterionFile,
+} from '@/api/reviewers'
 import BaseModel from '@/components/BaseModel'
 import { DownloadCommonDoc } from '@/api/dictionary'
 
 export default {
   name: 'Agreements',
   components: {
-    UploadFiles, BaseModel
+    UploadFiles,
+    BaseModel,
+  },
+  props: {
+    reviewerId: {
+      type: String,
+    },
   },
   data() {
     return {
-      doctorId: this.$route.query.Id,
+      doctorId: this.$route.query.Id || this.reviewerId,
       agreementList: [],
       sowList: [],
       ackSowList: [],
       loading: false,
       isOpen: false,
       btnLoading: false,
-      model_cfg: { visible: false, showClose: true, width: '600px', title: '', appendToBody: true },
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: '600px',
+        title: '',
+        appendToBody: true,
+      },
       form: {
         Remark: null,
         FileType: null,
@@ -177,24 +352,56 @@ export default {
         FilePath: null,
         DoctorId: null,
         CriterionType: null,
-        IsEnable: false
+        IsEnable: false,
       },
       rules: {
-        CriterionType: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }],
-        FilePath: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }],
+        Remark: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+        CriterionType: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: ['blur'],
+          },
+        ],
+        FilePath: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: ['blur'],
+          },
+        ],
       },
-      fileList: []
+      fileList: [],
+      accept: '.pdf',
     }
   },
+  watch: {
+    reviewerId() {
+      if (this.reviewerId) {
+        this.doctorId = this.reviewerId
+        this.initSowList()
+      }
+    },
+  },
   mounted() {
     this.initSowList()
   },
   methods: {
     handleDownload(code) {
       this.loading = true
-      DownloadCommonDoc(code).then(data => {
-        this.loading = false
-      }).catch(() => { this.loading = false })
+      DownloadCommonDoc(code)
+        .then((data) => {
+          this.loading = false
+        })
+        .catch(() => {
+          this.loading = false
+        })
     },
     handleEditCol(row, fileType, title) {
       this.model_cfg.visible = true
@@ -206,7 +413,7 @@ export default {
     handleRemoveFile3(row) {
       this.$confirm('确定删除？').then(() => {
         deleteDoctorCriterionFile({
-          Id: row.Id
+          Id: row.Id,
         }).then(() => {
           this.initSowList()
           this.$message.success('删除成功')
@@ -218,41 +425,79 @@ export default {
       this.form.FilePath = null
       this.fileList = []
     },
-    beforeUpload() {
+    beforeUpload(row) {
       if (this.fileList.length > 0) {
         this.$alert('最多只能传一个附件')
         return
       }
+      if (!this.checkFileSuffix(row.name)) {
+        this.$message.warning(`Must be in .pdf format`)
+        return false
+      }
     },
     handlePreview3(row) {
+      return this.$preview({
+        path: row.FilePath,
+        type: 'pdf',
+        title: row.FileName,
+      })
       if (row.FilePath) {
         window.open(this.OSSclientConfig.basePath + row.FilePath, '_blank')
       }
     },
     handlePreview2(row, r2) {
+      return this.$preview({
+        path: row.fullPath,
+        type: 'pdf',
+        title: row.FileName,
+      })
       if (row.fullPath) {
         window.open(this.OSSclientConfig.basePath + row.fullPath, '_blank')
       }
     },
+    checkFileSuffix(fileName) {
+      var index = fileName.lastIndexOf('.')
+      var suffix = fileName.substring(index + 1, fileName.length)
+      return (
+        this.accept.toLocaleLowerCase().search(suffix.toLocaleLowerCase()) === 1
+      )
+    },
     async handleUploadFile(param) {
-      this.btnLoading = true
-      var fileName = param.file.name
-      let file = await this.fileToBlob(param.file)
-      let res = await this.OSSclient.put(`/SystemData/reviewer/${this.form.FileType === 0 ? '既往阅片情况声明' : '入项资格确认书'}/${this.doctorId}/${fileName}`, file)
-      this.form.FileName = param.file.name
-      this.form.FilePath = this.$getObjectName(res.url)
-      this.fileList[0] = { name: this.$getObjectName(res.url), path: this.$getObjectName(res.url), fullPath: this.$getObjectName(res.url), url: res.url }
-      this.btnLoading = false
+      try {
+        this.btnLoading = true
+        var fileName = param.file.name
+        let file = await this.fileToBlob(param.file)
+        let res = await this.OSSclient.put(
+          `/SystemData/reviewer/${
+            this.form.FileType === 0 ? '既往阅片情况声明' : '入项资格确认书'
+          }/${this.doctorId}/${fileName}`,
+          file
+        )
+        this.form.FileName = param.file.name
+        this.form.FilePath = this.$getObjectName(res.url)
+        this.fileList[0] = {
+          name: this.$getObjectName(res.url),
+          path: this.$getObjectName(res.url),
+          fullPath: this.$getObjectName(res.url),
+          url: res.url,
+        }
+        this.btnLoading = false
+      } catch (err) {
+        console.log(err)
+      }
     },
     handleCancle() {
       this.model_cfg.visible = false
     },
     handleSave() {
-      this.$refs['DictionaryTypeConfigForm'].validate(valid => {
+      this.$refs['DictionaryTypeConfigForm'].validate((valid) => {
         if (!valid) return
         this.form.DoctorId = this.doctorId
-        this.form.CriterionName = this.$fd('CriterionType', this.form.CriterionType)
-        addDoctorCriterionFile(this.form).then(res => {
+        this.form.CriterionName = this.$fd(
+          'CriterionType',
+          this.form.CriterionType
+        )
+        addDoctorCriterionFile(this.form).then((res) => {
           this.$message.success('添加成功')
           this.initSowList()
           this.handleCancle()
@@ -267,7 +512,8 @@ export default {
         FileName: null,
         FilePath: null,
         DoctorId: null,
-        CriterionType: null
+        CriterionType: null,
+        IsEnable: false,
       }
       this.handleRemoveFile2()
       this.form.FileType = fileType
@@ -277,18 +523,24 @@ export default {
       if (!this.doctorId) return
       getDoctorCriterionFile({
         fileType: 0,
-        DoctorId: this.doctorId
-      }).then(res => {
+        DoctorId: this.doctorId,
+      }).then((res) => {
         this.sowList = res.Result
       })
       getDoctorCriterionFile({
         fileType: 1,
-        DoctorId: this.doctorId
-      }).then(res => {
+        DoctorId: this.doctorId,
+      }).then((res) => {
         this.ackSowList = res.Result
       })
     },
     handlePreview(row) {
+      console.log(row)
+      return this.$preview({
+        path: row.FullPath,
+        type: 'pdf',
+        title: row.FileName,
+      })
       if (row.FullPath) {
         window.open(this.OSSclientConfig.basePath + row.FullPath, '_blank')
       }
@@ -298,12 +550,12 @@ export default {
     },
     getFileList(fileList) {
       this.agreementList = fileList
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
-.resumes-container{
+.resumes-container {
   p {
     float: left;
     font-size: 13px;
@@ -314,5 +566,4 @@ export default {
     float: left;
   }
 }
-
 </style>

src/views/reviewers/components/BasicInfo.vue

@@ -15,31 +15,65 @@
         >
           <el-row>
             <el-col :span="12">
-              <el-form-item v-if="basicInfo.ReviewerCode" :label="$t('system:reviewer:label:Id')">
-                <el-input v-model="basicInfo.ReviewerCode" disabled size="small" />
+              <el-form-item
+                v-if="basicInfo.ReviewerCode"
+                :label="$t('system:reviewer:label:Id')"
+              >
+                <el-input
+                  v-model="basicInfo.ReviewerCode"
+                  disabled
+                  size="small"
+                />
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="12">
-              <el-form-item :label="$t('system:reviewer:label:LastName')"  prop="LastName">
-                <el-input v-model="basicInfo.LastName" :disabled="$route.query.ReviewStatus === '1'" size="small" />
+              <el-form-item
+                :label="$t('system:reviewer:label:LastName')"
+                prop="LastName"
+              >
+                <el-input
+                  v-model="basicInfo.LastName"
+                  :disabled="$route.query.ReviewStatus === '1'"
+                  size="small"
+                  :maxlength="400"
+                />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item :label="$t('system:reviewer:label:FirstName')"  prop="FirstName">
-                <el-input v-model="basicInfo.FirstName" :disabled="$route.query.ReviewStatus === '1'" size="small" />
+              <el-form-item
+                :label="$t('system:reviewer:label:FirstName')"
+                prop="FirstName"
+              >
+                <el-input
+                  v-model="basicInfo.FirstName"
+                  :disabled="$route.query.ReviewStatus === '1'"
+                  size="small"
+                  :maxlength="400"
+                />
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="12">
-              <el-form-item :label="$t('system:reviewer:label:NameCN')" prop="ChineseName">
-                <el-input v-model="basicInfo.ChineseName" :disabled="$route.query.ReviewStatus === '1'" size="small" />
+              <el-form-item
+                :label="$t('system:reviewer:label:NameCN')"
+                prop="ChineseName"
+              >
+                <el-input
+                  v-model="basicInfo.ChineseName"
+                  :disabled="$route.query.ReviewStatus === '1'"
+                  size="small"
+                  :maxlength="400"
+                />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item :label="$t('system:reviewer:label:Gender')" prop="Sex">
+              <el-form-item
+                :label="$t('system:reviewer:label:Gender')"
+                prop="Sex"
+              >
                 <el-select
                   v-model="basicInfo.Sex"
                   prop="Sex"
@@ -59,12 +93,23 @@
           </el-row>
           <el-row>
             <el-col :span="12">
-              <el-form-item :label="$t('system:reviewer:label:Phone')" prop="Phone">
-                <el-input :disabled="$route.query.ReviewStatus === '1'" v-model="basicInfo.Phone" size="small" />
+              <el-form-item
+                :label="$t('system:reviewer:label:Phone')"
+                prop="Phone"
+              >
+                <el-input
+                  :disabled="$route.query.ReviewStatus === '1'"
+                  v-model="basicInfo.Phone"
+                  size="small"
+                  :maxlength="400"
+                />
               </el-form-item>
             </el-col>
             <el-col :span="12">
-              <el-form-item :label="$t('system:reviewer:label:Title')"  prop="TitleIds">
+              <el-form-item
+                :label="$t('system:reviewer:label:Title')"
+                prop="TitleIds"
+              >
                 <el-select
                   :disabled="$route.query.ReviewStatus === '1'"
                   v-model="basicInfo.TitleIds[0]"
@@ -89,15 +134,23 @@
           </el-row>
           <el-row>
             <el-col :span="12">
-              <el-form-item :label="$t('system:reviewer:label:Email')"  prop="EMail">
-                <el-input v-model="basicInfo.EMail" :disabled="$route.query.ReviewStatus === '1'" size="small" />
+              <el-form-item
+                :label="$t('system:reviewer:label:Email')"
+                prop="EMail"
+              >
+                <el-input
+                  v-model="basicInfo.EMail"
+                  :disabled="$route.query.ReviewStatus === '1'"
+                  size="small"
+                  :maxlength="400"
+                />
               </el-form-item>
             </el-col>
-<!--            <el-col :span="12">-->
-<!--              <el-form-item label="WeChat: " prop="WeChat">-->
-<!--                <el-input v-model="basicInfo.WeChat" :disabled="$route.query.ReviewStatus === '1'" size="small" />-->
-<!--              </el-form-item>-->
-<!--            </el-col>-->
+            <!--            <el-col :span="12">-->
+            <!--              <el-form-item label="WeChat: " prop="WeChat">-->
+            <!--                <el-input v-model="basicInfo.WeChat" :disabled="$route.query.ReviewStatus === '1'" size="small" />-->
+            <!--              </el-form-item>-->
+            <!--            </el-col>-->
             <el-col :span="12">
               <!-- <el-form-item label="Payment Type: " prop="Nation">
                 <el-radio-group v-model="basicInfo.Nation">
@@ -106,7 +159,10 @@
                 </el-radio-group>
               </el-form-item> -->
 
-              <el-form-item :label="$t('system:reviewer:label:Country')" prop="Nation">
+              <el-form-item
+                :label="$t('system:reviewer:label:Country')"
+                prop="Nation"
+              >
                 <el-select
                   :disabled="$route.query.ReviewStatus === '1'"
                   v-model="basicInfo.Nation"
@@ -114,13 +170,18 @@
                   clearable
                   class="mr"
                 >
-                  <el-option v-for="item of $d.AttendedReviewerType" :value="item.value" :label="item.label" :key="item.id"/>
+                  <el-option
+                    v-for="item of $d.AttendedReviewerType"
+                    :value="item.value"
+                    :label="item.label"
+                    :key="item.id"
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
           </el-row>
-<!--          <el-row>-->
-<!--          </el-row>-->
+          <!--          <el-row>-->
+          <!--          </el-row>-->
           <el-row>
             <el-form-item style="margin-left: 120px">
               <el-button
@@ -129,7 +190,9 @@
                 :loading="isDisabled"
                 size="small"
                 @click="handleSave"
-              > {{ $t('common:button:save') }}</el-button>
+              >
+                {{ $t('common:button:save') }}</el-button
+              >
             </el-form-item>
           </el-row>
         </el-form>
@@ -142,6 +205,15 @@ import { getBasicInfo, addOrUpdateDoctorBasicInfo } from '@/api/reviewers'
 import { changeURLStatic } from '@/utils/history.js'
 import { getBasicDataSelects } from '@/api/dictionary/dictionary'
 export default {
+  props: {
+    reviewerId: {
+      type: String,
+    },
+    isSystem: {
+      type: Boolean,
+      default: true,
+    },
+  },
   data() {
     return {
       basicInfo: {
@@ -156,58 +228,86 @@ export default {
         EMail: '',
         WeChat: '',
         Introduction: '',
-        Nation: 0
+        Nation: 0,
       },
       rules: {
         FirstName: [
           {
             required: true,
             message: 'Please enter FirstName',
-            trigger: 'blur'
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
           },
-          { max: 50, message: 'The maximum length is 50' }
         ],
         LastName: [
           { required: true, message: 'Please enter LastName', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' }
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        ChineseName: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
         ],
-        ChineseName: [{ max: 50, message: 'The maximum length is 50' }],
         Sex: [
-          { required: true, message: 'Please select gender', trigger: 'blur' }
+          { required: true, message: 'Please select gender', trigger: 'blur' },
         ],
         TitleIds: [
-          { required: true, message: 'Please select Title', trigger: 'blur' }
+          { required: true, message: 'Please select Title', trigger: 'blur' },
         ],
         Phone: [
           {
             required: true,
             message: 'Please enter phone number',
-            trigger: 'blur'
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
           },
-          { max: 20, min: 7, message: 'The length is 7 to 20' }
         ],
         EMail: [
           {
             required: true,
             message: 'Please input the email address',
-            trigger: 'blur'
+            trigger: 'blur',
           },
           {
             type: 'email',
             message: 'Please input the correct email address',
-            trigger: 'blur,change'
+            trigger: 'blur,change',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        WeChat: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
           },
-          { max: 50, message: 'The maximum length is 50' }
         ],
-        WeChat: [{ max: 50, message: 'The maximum length is 50' }]
       },
       isDisabled: false,
       loading: false,
       genderOptions: [
         { label: 'Male', value: 0 },
-        { label: 'Female', value: 1 }
+        { label: 'Female', value: 1 },
       ],
-      dictionaryList: {}
+      dictionaryList: {},
     }
   },
   mounted() {
@@ -227,7 +327,12 @@ export default {
               this.$message.success('Saved successfully')
               if (!this.id) {
                 this.basicInfo.Id = res.Result.Id
-                changeURLStatic('Id', res.Result.Id)
+                if (this.isSystem) {
+                  changeURLStatic('Id', res.Result.Id)
+                }
+                if (!this.reviewerId) {
+                  this.$emit('update:reviewerId', res.Result.Id)
+                }
                 this.basicInfo.ReviewerCode = res.Result.ReviewerCode
               }
             })
@@ -241,27 +346,29 @@ export default {
     async initForm() {
       await this.getDicData()
 
-      const id = this.$route.query.Id
+      const id = this.$route.query.Id || this.reviewerId
       if (id) {
         this.loading = true
-        getBasicInfo(id).then((res) => {
-          // eslint-disable-next-line no-unused-vars
-          const { TitleList, ...param } = res.Result
-          this.basicInfo = param
-          this.loading = false
-        }).catch(() => {
-          this.loading = false
-        })
+        getBasicInfo(id)
+          .then((res) => {
+            // eslint-disable-next-line no-unused-vars
+            const { TitleList, ...param } = res.Result
+            this.basicInfo = param
+            this.loading = false
+          })
+          .catch(() => {
+            this.loading = false
+          })
       }
     },
     getDicData() {
-      getBasicDataSelects(['Title']).then(res => {
-        this.dictionaryList = { ...res.Result }
-      }).catch(() => {
-
-      })
-    }
-  }
+      getBasicDataSelects(['Title'])
+        .then((res) => {
+          this.dictionaryList = { ...res.Result }
+        })
+        .catch(() => {})
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>

src/views/reviewers/components/Credentials.vue

@@ -2,73 +2,90 @@
   <div class="credentials-container">
     <div class="clearfix">
       <el-card class="e-card">
-        <p class="title">{{$t('system:Credentials:title:Diploma of the highest medical degree')}}
+        <p class="title">
+          {{
+            $t('system:Credentials:title:Diploma of the highest medical degree')
+          }}
         </p>
-        <upload-file :doctor-id="doctorId" type="Diploma of the highest medical degree" />
-<!--        <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_DiplomaOfTheHighestMedicalDegree_Template')">-->
-<!--          <i class="el-icon-view el-icon-download"></i>-->
-<!--          Template-->
-<!--        </el-button>-->
+        <upload-file
+          :doctor-id="doctorId"
+          type="Diploma of the highest medical degree"
+        />
+        <!--        <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_DiplomaOfTheHighestMedicalDegree_Template')">-->
+        <!--          <i class="el-icon-view el-icon-download"></i>-->
+        <!--          Template-->
+        <!--        </el-button>-->
       </el-card>
 
       <el-card class="e-card">
-        <p class="title">{{$t('system:Credentials:title:Medical Qualification Certificate')}}
-<!--          <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_MedicalQualificationCertificate_Template')">-->
-<!--            <i class="el-icon-view el-icon-download"></i>-->
-<!--            Template-->
-<!--          </el-button>-->
+        <p class="title">
+          {{ $t('system:Credentials:title:Medical Qualification Certificate') }}
+          <!--          <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_MedicalQualificationCertificate_Template')">-->
+          <!--            <i class="el-icon-view el-icon-download"></i>-->
+          <!--            Template-->
+          <!--          </el-button>-->
         </p>
-        <upload-file :doctor-id="doctorId" type="Medical Qualification Certificate" />
+        <upload-file
+          :doctor-id="doctorId"
+          type="Medical Qualification Certificate"
+        />
       </el-card>
 
       <el-card class="e-card">
-        <p class="title">{{$t('system:Credentials:title:Practice License')}}
-<!--          <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_PracticeLicense_Template')">-->
-<!--            <i class="el-icon-view el-icon-download"></i>-->
-<!--            Template-->
-<!--          </el-button>-->
+        <p class="title">
+          {{ $t('system:Credentials:title:Practice License') }}
+          <!--          <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_PracticeLicense_Template')">-->
+          <!--            <i class="el-icon-view el-icon-download"></i>-->
+          <!--            Template-->
+          <!--          </el-button>-->
         </p>
         <upload-file :doctor-id="doctorId" type="Practice License" />
       </el-card>
     </div>
-    <h6 style="line-height:30px;font-size:13px;">{{$t('system:Credentials:title:Modality Certificate')}}</h6>
+    <h6 style="line-height: 30px; font-size: 13px">
+      {{ $t('system:Credentials:title:Modality Certificate') }}
+    </h6>
     <div class="clearfix">
       <el-card class="e-card">
-        <p class="title">CT
-<!--          <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_CT_Template')">-->
-<!--            <i class="el-icon-view el-icon-download"></i>-->
-<!--            Template-->
-<!--          </el-button>-->
+        <p class="title">
+          CT
+          <!--          <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_CT_Template')">-->
+          <!--            <i class="el-icon-view el-icon-download"></i>-->
+          <!--            Template-->
+          <!--          </el-button>-->
         </p>
         <upload-file :doctor-id="doctorId" type="Modality Certificate(CT)" />
       </el-card>
 
       <el-card class="e-card">
-        <p class="title">MRI
-<!--          <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_MRI_Template')">-->
-<!--            <i class="el-icon-view el-icon-download"></i>-->
-<!--            Template-->
-<!--          </el-button>-->
+        <p class="title">
+          MRI
+          <!--          <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_MRI_Template')">-->
+          <!--            <i class="el-icon-view el-icon-download"></i>-->
+          <!--            Template-->
+          <!--          </el-button>-->
         </p>
         <upload-file :doctor-id="doctorId" type="Modality Certificate(MRI)" />
       </el-card>
 
       <el-card class="e-card">
-        <p class="title">NM
-<!--          <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_NM_Template')">-->
-<!--            <i class="el-icon-view el-icon-download"></i>-->
-<!--            Template-->
-<!--          </el-button>-->
+        <p class="title">
+          NM
+          <!--          <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_NM_Template')">-->
+          <!--            <i class="el-icon-view el-icon-download"></i>-->
+          <!--            Template-->
+          <!--          </el-button>-->
         </p>
         <upload-file :doctor-id="doctorId" type="Modality Certificate(NM)" />
       </el-card>
 
       <el-card class="e-card">
-        <p class="title">US
-<!--          <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_US_Template')">-->
-<!--            <i class="el-icon-view el-icon-download"></i>-->
-<!--            Template-->
-<!--          </el-button>-->
+        <p class="title">
+          US
+          <!--          <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_US_Template')">-->
+          <!--            <i class="el-icon-view el-icon-download"></i>-->
+          <!--            Template-->
+          <!--          </el-button>-->
         </p>
         <upload-file :doctor-id="doctorId" type="Modality Certificate(US)" />
       </el-card>
@@ -80,41 +97,56 @@ import UploadFile from '@/components/UploadFile'
 import { DownloadCommonDoc } from '@/api/dictionary'
 export default {
   components: {
-    UploadFile
+    UploadFile,
+  },
+  props: {
+    reviewerId: {
+      type: String,
+    },
   },
   data() {
     return {
-      doctorId: this.$route.query.Id
+      doctorId: this.$route.query.Id || this.reviewerId,
     }
   },
+  watch: {
+    reviewerId() {
+      if (this.reviewerId) {
+        this.doctorId = this.reviewerId
+      }
+    },
+  },
   methods: {
     handleDownload(code) {
       this.loading = true
-      DownloadCommonDoc(code).then(data => {
-        this.loading = false
-      }).catch(() => { this.loading = false })
-    }
-  }
+      DownloadCommonDoc(code)
+        .then((data) => {
+          this.loading = false
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+  },
 }
 </script>
 <style lang="scss">
-.credentials-container{
+.credentials-container {
   .e-card {
-  width: 32.5%;
-  height: 180px;
-  font-size: 12px;
-  position: relative;
-  float: left;
-  margin: 0px 10px 5px 0px;
-  .title{
-    font-size: 13px;
-    margin-bottom: 15px;
-    font-weight: bold;
-
+    width: 32.5%;
+    height: 180px;
+    font-size: 12px;
+    position: relative;
+    float: left;
+    margin: 0px 10px 5px 0px;
+    .title {
+      font-size: 13px;
+      margin-bottom: 15px;
+      font-weight: bold;
     }
   }
-  h6{
-    margin:0;
+  h6 {
+    margin: 0;
   }
 }
 </style>

src/views/reviewers/components/Employment.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="form-container">
     <el-card class="box-card">
-      <div style="width:80%;">
+      <div style="width: 80%">
         <el-form
           ref="employmentForm"
           v-loading="loading"
@@ -10,26 +10,28 @@
           class="demo-ruleForm"
           label-width="150px"
         >
-
           <el-row>
             <el-col :span="14">
-              <el-form-item :label="$t('system:reviewer:label:Hospital')" prop="HospitalId">
+              <el-form-item
+                :label="$t('system:reviewer:label:Hospital')"
+                prop="HospitalId"
+              >
                 <el-select
                   v-model="employmentForm.HospitalId"
                   placeholder="select"
                   :disabled="$route.query.ReviewStatus === '1'"
-                  style="width:100%;"
+                  style="width: 100%"
                   size="small"
                   @change="handleHospitalChange"
                 >
                   <el-option
-                    v-for="(item,index) in hospitalList"
+                    v-for="(item, index) in hospitalList"
                     :key="index"
-                    :label="item.HospitalName"
+                    :label="isEN ? item.HospitalName : item.HospitalNameCN"
                     :value="item.Id"
                   >
                     <span>
-                      {{ item.HospitalName }}
+                      {{ isEN ? item.HospitalName : item.HospitalNameCN }}
                     </span>
                   </el-option>
                 </el-select>
@@ -39,13 +41,16 @@
 
           <el-row>
             <el-col :span="14">
-              <el-form-item :label="$t('system:reviewer:label:AffiliatedUniversity')">
+              <el-form-item
+                :label="$t('system:reviewer:label:AffiliatedUniversity')"
+              >
                 <el-input
-                  :disabled="$route.query.ReviewStatus === '1'"
+                  disabled
                   v-model="UniversityAffiliated"
                   type="textarea"
                   autosize
                   size="small"
+                  :maxlength="4000"
                 />
               </el-form-item>
             </el-col>
@@ -53,33 +58,51 @@
           <el-row>
             <el-col :span="14">
               <el-form-item :label="$t('system:reviewer:label:City')">
-                <el-input  :disabled="$route.query.ReviewStatus === '1'" v-model="City"  size="small" />
+                <el-input
+                  disabled
+                  v-model="City"
+                  size="small"
+                  :maxlength="400"
+                />
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="14">
               <el-form-item :label="$t('system:reviewer:label:State/Province')">
-                <el-input :disabled="$route.query.ReviewStatus === '1'" v-model="Province"  size="small" />
+                <el-input
+                  disabled
+                  v-model="Province"
+                  size="small"
+                  :maxlength="400"
+                />
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="14">
               <el-form-item :label="$t('system:reviewer:label:Country')">
-                <el-input :disabled="$route.query.ReviewStatus === '1'" v-model="Country"  size="small" />
+                <el-input
+                  disabled
+                  v-model="Country"
+                  size="small"
+                  :maxlength="400"
+                />
               </el-form-item>
             </el-col>
           </el-row>
 
           <el-row>
             <el-col :span="14">
-              <el-form-item :label="$t('system:reviewer:label:Department')" prop="DepartmentId">
+              <el-form-item
+                :label="$t('system:reviewer:label:Department')"
+                prop="DepartmentId"
+              >
                 <el-select
                   v-model="employmentForm.DepartmentId"
                   placeholder="select"
                   :disabled="$route.query.ReviewStatus === '1'"
-                  style="width:100%;"
+                  style="width: 100%"
                   size="small"
                 >
                   <!-- <el-option
@@ -94,27 +117,40 @@
                     :label="item.Value"
                     :value="item.Id"
                   />
-                  <el-option label="Other" :value="otherId" />
+                  <el-option
+                    :label="$t('curriculumVitae:selectLabel:Other')"
+                    :value="otherId"
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="5">
-              <el-form-item v-if="employmentForm.DepartmentId===otherId" class="other-item" prop="DepartmentOther">
+              <el-form-item
+                v-if="employmentForm.DepartmentId === otherId"
+                class="other-item"
+                prop="DepartmentOther"
+              >
                 <el-input
                   :disabled="$route.query.ReviewStatus === '1'"
                   v-model="employmentForm.DepartmentOther"
                   placeholder="Please specify (required)"
                   size="small"
+                  :maxlength="400"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="5">
-              <el-form-item v-if="employmentForm.DepartmentId===otherId" class="other-item" prop="DepartmentOtherCN">
+              <el-form-item
+                v-if="employmentForm.DepartmentId === otherId"
+                class="other-item"
+                prop="DepartmentOtherCN"
+              >
                 <el-input
                   :disabled="$route.query.ReviewStatus === '1'"
                   v-model="employmentForm.DepartmentOtherCN"
                   placeholder="请用中文注明"
                   size="small"
+                  :maxlength="400"
                 />
               </el-form-item>
             </el-col>
@@ -122,13 +158,16 @@
 
           <el-row>
             <el-col :span="14">
-              <el-form-item :label="$t('system:reviewer:label:Rank')" prop="RankId">
+              <el-form-item
+                :label="$t('system:reviewer:label:Rank')"
+                prop="RankId"
+              >
                 <el-select
                   :disabled="$route.query.ReviewStatus === '1'"
                   v-model="employmentForm.RankId"
                   placeholder="select"
                   @change="RankChange"
-                  style="width:100%;"
+                  style="width: 100%"
                   size="small"
                 >
                   <!-- <el-option
@@ -143,124 +182,93 @@
                     :label="item.label"
                     :value="item.id"
                   />
-<!--                  <el-option label="Other" :value="otherId" />-->
+                  <!--                  <el-option label="Other" :value="otherId" />-->
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="5">
-              <el-form-item v-if="$fd('Rank', employmentForm.RankId, 'id') === '其它' || $fd('Rank', employmentForm.RankId, 'id') === 'Other'" class="other-item" prop="RankOther">
+              <el-form-item
+                v-if="
+                  $fd('Rank', employmentForm.RankId, 'id') ===
+                  $t('curriculumVitae:selectLabel:Other')
+                "
+                class="other-item"
+                prop="RankOther"
+              >
                 <el-input
                   :disabled="$route.query.ReviewStatus === '1'"
                   v-model="employmentForm.RankOther"
                   placeholder="Please specify"
                   size="small"
+                  :maxlength="400"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="5">
-              <el-form-item v-if="$fd('Rank', employmentForm.RankId, 'id') === '其它' || $fd('Rank', employmentForm.RankId, 'id') === 'Other'" class="other-item" prop="RankOtherCN">
+              <el-form-item
+                v-if="
+                  $fd('Rank', employmentForm.RankId, 'id') ===
+                  $t('curriculumVitae:selectLabel:Other')
+                "
+                class="other-item"
+                prop="RankOtherCN"
+              >
                 <el-input
                   :disabled="$route.query.ReviewStatus === '1'"
                   v-model="employmentForm.RankOtherCN"
                   placeholder="请用中文注明"
                   size="small"
+                  :maxlength="400"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="14">
+              <el-form-item
+                :label="$t('system:reviewer:label:WorkPartTime')"
+                prop="WorkPartTime"
+              >
+                <el-input
+                  :disabled="$route.query.ReviewStatus === '1'"
+                  v-model="employmentForm.WorkPartTime"
+                  type="textarea"
+                  :rows="2"
+                  :placeholder="
+                    $t('curriculumVitae:info:form:placeholder:partTimeJob')
+                  "
+                  size="small"
+                  :maxlength="4000"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="14">
+              <el-form-item prop="WorkPartTimeEn">
+                <el-input
+                  :disabled="$route.query.ReviewStatus === '1'"
+                  v-model="employmentForm.WorkPartTimeEn"
+                  type="textarea"
+                  :rows="2"
+                  :placeholder="
+                    $t('curriculumVitae:info:form:placeholder:partTimeJobEN')
+                  "
+                  size="small"
+                  :maxlength="4000"
                 />
               </el-form-item>
             </el-col>
           </el-row>
 
-<!--          <el-row>-->
-<!--            <el-col :span="14">-->
-<!--              <el-form-item label="Physician: " prop="PhysicianId" >-->
-<!--                <el-select-->
-<!--                  v-model="employmentForm.PhysicianId"-->
-<!--                  placeholder="select"-->
-<!--                  :disabled="$route.query.ReviewStatus === '1'"-->
-<!--                  @change="PhysicianChange"-->
-<!--                  style="width:100%;"-->
-<!--                  size="small"-->
-<!--                >-->
-<!--                  <el-option-->
-<!--                    v-for="item of $d.PhysicianOriginal"-->
-<!--                    :key="item.id"-->
-<!--                    :label="item.raw.Value"-->
-<!--                    :value="item.id"-->
-<!--                  />-->
-<!--                </el-select>-->
-<!--              </el-form-item>-->
-<!--            </el-col>-->
-<!--            <el-col :span="5">-->
-<!--              <el-form-item v-if="$fd('PhysicianOriginal', employmentForm.PhysicianId, 'id') === '其它' || $fd('PhysicianOriginal', employmentForm.PhysicianId, 'id') === 'Other'" class="other-item" prop="Physician">-->
-<!--                <el-input-->
-<!--                  :disabled="$route.query.ReviewStatus === '1'"-->
-<!--                  v-model="employmentForm.Physician"-->
-<!--                  placeholder="Please specify"-->
-<!--                  size="small"-->
-<!--                />-->
-<!--              </el-form-item>-->
-<!--            </el-col>-->
-<!--            <el-col :span="5">-->
-<!--              <el-form-item v-if="$fd('PhysicianOriginal', employmentForm.PhysicianId, 'id') === '其它' || $fd('PhysicianOriginal', employmentForm.PhysicianId, 'id') === 'Other'" class="other-item" prop="PhysicianCN">-->
-<!--                <el-input-->
-<!--                  :disabled="$route.query.ReviewStatus === '1'"-->
-<!--                  v-model="employmentForm.PhysicianCN"-->
-<!--                  placeholder="请用中文注明"-->
-<!--                  size="small"-->
-<!--                />-->
-<!--              </el-form-item>-->
-<!--            </el-col>-->
-<!--          </el-row>-->
-<!--          <el-row>-->
-<!--            <el-col :span="14">-->
-<!--              <el-form-item label="Position: " prop="PositionId">-->
-<!--                <el-select-->
-<!--                  :disabled="$route.query.ReviewStatus === '1'"-->
-<!--                  v-model="employmentForm.PositionId"-->
-<!--                  placeholder="select"-->
-<!--                  style="width:100%;"-->
-<!--                  size="small"-->
-<!--                >-->
-<!--                  &lt;!&ndash; <el-option-->
-<!--                    v-for="(key,value) of dictionaryList.Position"-->
-<!--                    :key="key"-->
-<!--                    :label="key"-->
-<!--                    :value="value"-->
-<!--                  /> &ndash;&gt;-->
-<!--                  <el-option-->
-<!--                    v-for="item of dictionaryList.Position"-->
-<!--                    :key="item.Id"-->
-<!--                    :label="item.Value"-->
-<!--                    :value="item.Id"-->
-<!--                  />-->
-<!--                  <el-option label="Other" :value="otherId" />-->
-<!--                  <el-option label="None" value="f30a074b-2b47-4a92-97ec-e15086d37883" />-->
-<!--                </el-select>-->
-<!--              </el-form-item>-->
-<!--            </el-col>-->
-<!--            <el-col :span="5">-->
-<!--              <el-form-item v-if="employmentForm.PositionId===otherId" class="other-item" prop="PositionOther">-->
-<!--                <el-input-->
-<!--                  :disabled="$route.query.ReviewStatus === '1'"-->
-<!--                  v-model="employmentForm.PositionOther"-->
-<!--                  placeholder="Please specify"-->
-<!--                  size="small"-->
-<!--                />-->
-<!--              </el-form-item>-->
-<!--            </el-col>-->
-<!--            <el-col :span="5">-->
-<!--              <el-form-item v-if="employmentForm.PositionId===otherId" class="other-item" prop="PositionOtherCN">-->
-<!--                <el-input-->
-<!--                  :disabled="$route.query.ReviewStatus === '1'"-->
-<!--                  v-model="employmentForm.PositionOtherCN"-->
-<!--                  placeholder="请用中文注明"-->
-<!--                  size="small"-->
-<!--                />-->
-<!--              </el-form-item>-->
-<!--            </el-col>-->
-<!--          </el-row>-->
-
           <el-form-item>
-            <el-button type="primary" :disabled="isDisabled || $route.query.ReviewStatus === '1'" size="small" @click="handleSave">{{ $t('common:button:save') }}</el-button>
+            <el-button
+              type="primary"
+              :disabled="isDisabled || $route.query.ReviewStatus === '1'"
+              size="small"
+              @click="handleSave"
+              >{{ $t('common:button:save') }}</el-button
+            >
           </el-form-item>
         </el-form>
       </div>
@@ -274,9 +282,14 @@ import store from '@/store'
 import { mapGetters } from 'vuex'
 export default {
   name: 'Employment',
+  props: {
+    reviewerId: {
+      type: String,
+    },
+  },
   data() {
     const RankIndication = (rule, value, callback) => {
-      if (value === '其它' || value === 'Other') {
+      if (value === this.$t('curriculumVitae:selectLabel:Other')) {
         if (!this.trialForm.IndicationOther) {
           return callback(new Error('请输入适应症'))
         }
@@ -284,7 +297,7 @@ export default {
       callback()
     }
     const PhysicianIndication = (rule, value, callback) => {
-      if (value === '其它' || value === 'Other') {
+      if (value === this.$t('curriculumVitae:selectLabel:Other')) {
         if (!this.trialForm.IndicationOther) {
           return callback(new Error('请输入适应症'))
         }
@@ -293,7 +306,7 @@ export default {
     }
     return {
       employmentForm: {
-        Id: this.$route.query.Id,
+        Id: this.$route.query.Id || this.reviewerId,
         DepartmentId: '',
         DepartmentOther: '',
         DepartmentOtherCN: '',
@@ -307,49 +320,138 @@ export default {
         PhysicianId: '',
         Physician: '',
         PhysicianCN: '',
-        PhysicianOriginal: null
+        PhysicianOriginal: null,
+        WorkPartTime: null,
+        WorkPartTimeEn: null,
       },
       UniversityAffiliated: '',
       City: '',
       Province: '',
       Country: '',
       employmentRules: {
-        DepartmentId: [{ required: true, message: 'Please select department', trigger: 'blur' }],
+        DepartmentId: [
+          {
+            required: true,
+            message: 'Please select department',
+            trigger: 'blur',
+          },
+        ],
         DepartmentOther: [
           { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' }
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        DepartmentOtherCN: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        RankId: [
+          { required: true, message: 'Please select rank', trigger: 'blur' },
+        ],
+        RankOther: [
+          { required: true, message: 'Please select rank', trigger: 'blur' },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        RankOtherCN: [
+          { required: true, message: 'Please select rank', trigger: 'blur' },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        PhysicianId: [
+          {
+            required: true,
+            message: 'Please select Physician',
+            trigger: 'blur',
+          },
+        ],
+        Physician: [
+          {
+            required: true,
+            message: 'Please select Physician',
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        PhysicianCN: [
+          {
+            required: true,
+            message: 'Please select Physician',
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        PositionId: [
+          {
+            required: true,
+            message: 'Please select position',
+            trigger: 'blur',
+          },
+        ],
+        PositionOther: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        PositionOtherCN: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        HospitalId: [
+          {
+            required: true,
+            message: 'Please select hospital',
+            trigger: 'blur',
+          },
         ],
-        DepartmentOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
-        RankId: [{ required: true, message: 'Please select rank', trigger: 'blur' }],
-        RankOther: [{ required: true, message: 'Please select rank', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }],
-        RankOtherCN: [{ required: true, message: 'Please select rank', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }],
-        PhysicianId: [{ required: true, message: 'Please select Physician', trigger: 'blur' }],
-        Physician: [{ required: true, message: 'Please select Physician', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }],
-        PhysicianCN: [{ required: true, message: 'Please select Physician', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }],
-        PositionId: [{ required: true, message: 'Please select position', trigger: 'blur' }],
-        PositionOther: [{ max: 50, message: 'The maximum length is 50' }],
-        PositionOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
-        HospitalId: [{ required: true, message: 'Please select hospital', trigger: 'blur' }]
       },
       isDisabled: false,
       selectId: '00000000-0000-0000-0000-000000000000',
       otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
       loading: false,
-      dictionaryList: {}
+      dictionaryList: {},
     }
   },
   computed: {
-    ...mapGetters(['hospitalList'])
+    ...mapGetters(['hospitalList']),
+    isEN() {
+      return this.$i18n.locale !== 'zh'
+    },
   },
   mounted() {
     this.initEmployment()
   },
   methods: {
     RankChange(val) {
-      var o = this.$d.Rank.find(v => {
+      var o = this.$d.Rank.find((v) => {
         return v.id === val
       })
-      if (o.label === '其它' || o.label === 'Other') {
+      if (o.label === this.$t('curriculumVitae:selectLabel:Other')) {
         this.employmentForm.RankOther = ''
         this.employmentForm.RankOtherCN = ''
       } else {
@@ -358,10 +460,10 @@ export default {
       }
     },
     PhysicianChange(val) {
-      var o = this.$d.PhysicianOriginal.find(v => {
+      var o = this.$d.PhysicianOriginal.find((v) => {
         return v.id === val
       })
-      if (o.label === '其它' || o.label === 'Other') {
+      if (o.label === this.$t('curriculumVitae:selectLabel:Other')) {
         this.employmentForm.Physician = ''
         this.employmentForm.PhysicianCN = ''
       } else {
@@ -370,7 +472,7 @@ export default {
       }
     },
     handleSave() {
-      this.$refs.employmentForm.validate(valid => {
+      this.$refs.employmentForm.validate((valid) => {
         if (valid) {
           this.loading = true
           this.isDisabled = true
@@ -378,67 +480,116 @@ export default {
           // var o = this.$d.PhysicianOriginal.find(v => {
           //   return v.id === this.employmentForm.PhysicianId
           // })
-          param.Id = this.$route.query.Id
+          param.Id = this.$route.query.Id || this.reviewerId
           param.DepartmentId = this.employmentForm.DepartmentId
-          param.DepartmentOther = this.employmentForm.DepartmentId === this.otherId ? this.employmentForm.DepartmentOther : ''
-          param.DepartmentOtherCN = this.employmentForm.DepartmentId === this.otherId ? this.employmentForm.DepartmentOtherCN : ''
+          param.WorkPartTime = this.employmentForm.WorkPartTime
+          param.WorkPartTimeEn = this.employmentForm.WorkPartTimeEn
+          param.DepartmentOther =
+            this.employmentForm.DepartmentId === this.otherId
+              ? this.employmentForm.DepartmentOther
+              : ''
+          param.DepartmentOtherCN =
+            this.employmentForm.DepartmentId === this.otherId
+              ? this.employmentForm.DepartmentOtherCN
+              : ''
           param.RankId = this.employmentForm.RankId
-          param.RankOther = this.employmentForm.RankId === this.otherId ? this.employmentForm.RankOther : ''
-          param.RankOtherCN = this.employmentForm.RankId === this.otherId ? this.employmentForm.RankOtherCN : ''
+          param.RankOther =
+            this.employmentForm.RankId === this.otherId
+              ? this.employmentForm.RankOther
+              : ''
+          param.RankOtherCN =
+            this.employmentForm.RankId === this.otherId
+              ? this.employmentForm.RankOtherCN
+              : ''
           // param.PhysicianId = this.employmentForm.PhysicianId
           // param.Physician = o.label !== '其它' && o.label !== 'Other' ? o.raw.Value : this.employmentForm.Physician
           // param.PhysicianCN = o.label !== '其它' && o.label !== 'Other' ? o.raw.ValueCN : this.employmentForm.PhysicianCN
           param.PositionId = this.employmentForm.PositionId
-          param.PositionOther = this.employmentForm.PositionId === this.otherId ? this.employmentForm.PositionOther : ''
-          param.PositionOtherCN = this.employmentForm.PositionId === this.otherId ? this.employmentForm.PositionOtherCN : ''
+          param.PositionOther =
+            this.employmentForm.PositionId === this.otherId
+              ? this.employmentForm.PositionOther
+              : ''
+          param.PositionOtherCN =
+            this.employmentForm.PositionId === this.otherId
+              ? this.employmentForm.PositionOtherCN
+              : ''
           param.HospitalId = this.employmentForm.HospitalId
 
-          updateEmploymentInfo(param).then(res => {
-            this.isDisabled = false
-            this.loading = false
-            this.$message.success('Saved successfully')
-            if (!this.id) {
-              this.employmentForm.Id = res.Result
-            }
-          }).catch(() => {
-            this.isDisabled = false
-            this.loading = false
-          })
+          updateEmploymentInfo(param)
+            .then((res) => {
+              this.isDisabled = false
+              this.loading = false
+              this.$message.success('Saved successfully')
+              if (!this.id) {
+                this.employmentForm.Id = res.Result
+              }
+            })
+            .catch(() => {
+              this.isDisabled = false
+              this.loading = false
+            })
         }
       })
     },
     initForm() {
-      const id = this.$route.query.Id
+      const id = this.$route.query.Id || this.reviewerId
       if (id) {
         this.loading = true
-        getEmploymentInfo(id).then(res => {
-          const { PhysicianId, Physician, PhysicianCN, DepartmentId, DepartmentOther, DepartmentOtherCN, RankId, RankOther, RankOtherCN, PositionId, PositionOther, PositionOtherCN, HospitalId } = res.Result
-          this.employmentForm.Id = id
-          this.employmentForm.DepartmentId = DepartmentId === this.selectId ? '' : DepartmentId
-          this.employmentForm.DepartmentOther = DepartmentOther
-          this.employmentForm.DepartmentOtherCN = DepartmentOtherCN
-          this.employmentForm.RankId = RankId === this.selectId ? '' : RankId
-          this.employmentForm.RankOther = RankOther
-          this.employmentForm.RankOtherCN = RankOtherCN
-          this.employmentForm.PositionId = PositionId === this.selectId ? '' : PositionId
-          this.employmentForm.PositionOther = PositionOther
-          this.employmentForm.PhysicianId = PhysicianId
-          this.employmentForm.Physician = Physician
-          this.employmentForm.PhysicianCN = PhysicianCN
-          this.employmentForm.PositionOtherCN = PositionOtherCN
-          this.employmentForm.HospitalId = HospitalId === this.selectId ? '' : HospitalId
-          this.handleHospitalChange(this.employmentForm.HospitalId)
-          this.loading = false
-        }).catch(() => { this.loading = false })
+        getEmploymentInfo(id)
+          .then((res) => {
+            const {
+              PhysicianId,
+              Physician,
+              PhysicianCN,
+              DepartmentId,
+              DepartmentOther,
+              DepartmentOtherCN,
+              RankId,
+              RankOther,
+              RankOtherCN,
+              PositionId,
+              PositionOther,
+              PositionOtherCN,
+              HospitalId,
+              WorkPartTime,
+              WorkPartTimeEn,
+            } = res.Result
+            this.employmentForm.WorkPartTime = WorkPartTime
+            this.employmentForm.WorkPartTimeEn = WorkPartTimeEn
+            this.employmentForm.Id = id
+            this.employmentForm.DepartmentId =
+              DepartmentId === this.selectId ? '' : DepartmentId
+            this.employmentForm.DepartmentOther = DepartmentOther
+            this.employmentForm.DepartmentOtherCN = DepartmentOtherCN
+            this.employmentForm.RankId = RankId === this.selectId ? '' : RankId
+            this.employmentForm.RankOther = RankOther
+            this.employmentForm.RankOtherCN = RankOtherCN
+            this.employmentForm.PositionId =
+              PositionId === this.selectId ? '' : PositionId
+            this.employmentForm.PositionOther = PositionOther
+            this.employmentForm.PhysicianId = PhysicianId
+            this.employmentForm.Physician = Physician
+            this.employmentForm.PhysicianCN = PhysicianCN
+            this.employmentForm.PositionOtherCN = PositionOtherCN
+            this.employmentForm.HospitalId =
+              HospitalId === this.selectId ? '' : HospitalId
+            this.handleHospitalChange(this.employmentForm.HospitalId)
+            this.loading = false
+          })
+          .catch(() => {
+            this.loading = false
+          })
       }
     },
     handleHospitalChange(value) {
-      const item = this.hospitalList.filter(item => item.Id === value)
+      const item = this.hospitalList.filter((item) => item.Id === value)
       if (item.length) {
-        this.UniversityAffiliated = item[0].UniversityAffiliated
-        this.City = item[0].City
-        this.Province = item[0].Province
-        this.Country = item[0].Country
+        this.UniversityAffiliated = this.isEN
+          ? item[0].UniversityAffiliated
+          : item[0].UniversityAffiliatedCN
+        this.City = this.isEN ? item[0].City : item[0].CityCN
+        this.Province = this.isEN ? item[0].Province : item[0].ProvinceCN
+        this.Country = this.isEN ? item[0].Country : item[0].CountryCN
       }
     },
     async initEmployment() {
@@ -447,15 +598,15 @@ export default {
       this.initForm()
     },
     getDicData() {
-      getBasicDataSelects(['Department', 'Rank', 'Position']).then(res => {
+      getBasicDataSelects(['Department', 'Rank', 'Position']).then((res) => {
         this.dictionaryList = { ...res.Result }
       })
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss">
-.other-item .el-form-item__content{
+.other-item .el-form-item__content {
   margin-left: 80px !important;
 }
 </style>

src/views/reviewers/components/GcpCertificate.vue

@@ -1,11 +1,47 @@
 <template>
   <div class="gcp-container">
-    <el-radio-group v-model="GCP" style="margin-bottom:20px">
-      <el-radio :label="1">{{ $t('system:GcpCertificate:radio:Yes') }}</el-radio>
+    <el-radio-group v-model="GCP" style="margin-bottom: 20px">
+      <el-radio :label="1">{{
+        $t('system:GcpCertificate:radio:Yes')
+      }}</el-radio>
       <el-radio :label="0">{{ $t('system:GcpCertificate:radio:No') }}</el-radio>
     </el-radio-group>
+    <el-form
+      ref="certificateFrom"
+      v-loading="saveBtnLoading"
+      :model="certificateForm"
+      :rules="certificateRules"
+      label-width="80px"
+      size="small"
+    >
+      <el-form-item
+        :label="$t('curriculumVitae:clinicalTrials:form:CertificateTime')"
+        prop="GCPTime"
+        v-if="GCP"
+      >
+        <el-date-picker
+          v-model="certificateForm.GCPTime"
+          type="date"
+          placeholder=""
+          value-format="yyyy-MM-dd"
+          format="yyyy-MM-dd"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item
+        :label="$t('curriculumVitae:clinicalTrials:form:certificateHospital')"
+        prop="GCPAgencies"
+        v-if="GCP"
+      >
+        <el-input
+          v-model="certificateForm.GCPAgencies"
+          clearable
+          :maxlength="400"
+        ></el-input>
+      </el-form-item>
+    </el-form>
     <div v-if="GCP" class="upload-container">
-<!--      <upload-file :doctor-id="doctorId" type="GCP" />-->
+      <!--      <upload-file :doctor-id="doctorId" type="GCP" />-->
       <el-upload
         class="upload-demo"
         action
@@ -19,12 +55,23 @@
         :on-exceed="handleExceed"
         accept=".pdf"
       >
-        <el-button size="small" type="primary" :loading="btnDisabled">{{ $t('system:GcpCertificate:upload:Upload') }}</el-button>
-        <span slot="tip" style="margin-left:10px;" class="el-upload__tip">{{ $t('system:tip:file:pdf') }}</span>
+        <el-button size="small" type="primary" :loading="btnDisabled">{{
+          $t('system:GcpCertificate:upload:Upload')
+        }}</el-button>
+        <span slot="tip" style="margin-left: 10px" class="el-upload__tip">{{
+          $t('system:tip:file:pdf')
+        }}</span>
       </el-upload>
     </div>
     <div>
-      <el-button :loading="saveBtnLoading" :disabled="(fileList.length === 0 && GCP === 1)" type="primary" size="small" style="margin-top:20px" @click="handleSaveGCP">
+      <el-button
+        :loading="saveBtnLoading"
+        :disabled="fileList.length === 0 && GCP === 1"
+        type="primary"
+        size="small"
+        style="margin-top: 20px"
+        @click="handleSaveGCP"
+      >
         {{ $t('common:button:save') }}
       </el-button>
     </div>
@@ -32,26 +79,43 @@
 </template>
 <script>
 import UploadFile from '@/components/UploadFile'
-import { uploadFile, deleteAttachment, getAttachmentByType, saveAttachments } from '@/api/attachment'
+import {
+  uploadFile,
+  deleteAttachment,
+  getAttachmentByType,
+  saveAttachments,
+} from '@/api/attachment'
 import { updateGcpExperience } from '@/api/reviewers'
+const defaultCertificateForm = () => {
+  return {
+    GCPTime: '',
+    GCPAgencies: '',
+  }
+}
 export default {
   name: 'GcpCertificate',
   components: {
-    UploadFile
+    UploadFile,
   },
   props: {
     doctorId: {
       type: String,
-      required: true
+      required: true,
     },
     gcp: {
       type: Number,
-      default: 0
+      default: 0,
     },
     gcpId: {
       type: String,
-      default: ''
-    }
+      default: '',
+    },
+    DATA: {
+      type: Object,
+      default: () => {
+        return {}
+      },
+    },
   },
   data() {
     return {
@@ -59,7 +123,17 @@ export default {
       btnDisabled: false,
       saveBtnLoading: false,
       GCP: 0,
-      GCPID: ''
+      GCPID: '',
+      certificateForm: defaultCertificateForm(),
+      certificateRules: {
+        GCPAgencies: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+      },
     }
   },
   watch: {
@@ -68,7 +142,16 @@ export default {
     },
     gcpId(val) {
       this.GCPID = val
-    }
+    },
+    DATA: {
+      handler() {
+        Object.keys(this.certificateForm).forEach((key) => {
+          this.certificateForm[key] = this.DATA[key]
+        })
+      },
+      immediate: true,
+      deep: true,
+    },
   },
   mounted() {
     this.initFileList()
@@ -76,48 +159,53 @@ export default {
   methods: {
     handleSaveGCP() {
       if (this.GCP && this.GCPID === '') {
-        this.$message.info(this.$t('reviewers:GCPCertificate:message:uploadValid'))
+        this.$message.info(
+          this.$t('reviewers:GCPCertificate:message:uploadValid')
+        )
         return
       }
 
       const param = {
         Id: this.doctorId,
         GCP: this.GCP,
-        GCPId: this.GCP ? this.GCPID : ''
+        GCPId: this.GCP ? this.GCPID : '',
+        GCPTime: this.GCP ? this.certificateForm.GCPTime : '',
+        GCPAgencies: this.GCP ? this.certificateForm.GCPAgencies : '',
       }
       this.saveBtnLoading = true
-      updateGcpExperience(param).then(res => {
-        if (this.GCP === 0) {
-          this.fileList = []
-        }
-        this.saveBtnLoading = false
-        this.$message.success(this.$t('common:message:savedSuccessfully'))
-      }).catch(() => {
-        this.saveBtnLoading = false
-      })
+      updateGcpExperience(param)
+        .then((res) => {
+          if (this.GCP === 0) {
+            this.fileList = []
+          }
+          this.saveBtnLoading = false
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
+        })
+        .catch(() => {
+          this.saveBtnLoading = false
+        })
     },
     initFileList() {
-      if(!this.doctorId) return
-      getAttachmentByType(this.doctorId, 'GCP')
-        .then(res => {
-          if (res.IsSuccess) {
-            if (res.Result.length > 0) {
-              this.fileList = this.formatterFileList(res.Result)
-            } else {
-              this.fileList = []
-            }
+      if (!this.doctorId) return
+      getAttachmentByType(this.doctorId, 'GCP').then((res) => {
+        if (res.IsSuccess) {
+          if (res.Result.length > 0) {
+            this.fileList = this.formatterFileList(res.Result)
+          } else {
+            this.fileList = []
           }
-        })
+        }
+      })
     },
     formatterFileList(list) {
       var arr = []
-      list.forEach(item => {
+      list.forEach((item) => {
         var data = {
           name: item.FileName,
           path: item.Path,
           fullPath: item.FullPath,
           id: item.Id,
-          type: item.Type
+          type: item.Type,
         }
         arr.push(data)
       })
@@ -127,8 +215,17 @@ export default {
       var fileName = param.file.name
       this.btnDisabled = true
       const file = await this.fileToBlob(param.file)
-      const res = await this.OSSclient.put(`/SystemData/reviewer/GCP/${this.doctorId}/${fileName}`, file)
-      this.fileList.push({ name: fileName, path: this.$getObjectName(res.url), fullPath: this.$getObjectName(res.url),url: this.$getObjectName(res.url), type: 'GCP' })
+      const res = await this.OSSclient.put(
+        `/SystemData/reviewer/GCP/${this.doctorId}/${fileName}`,
+        file
+      )
+      this.fileList.push({
+        name: fileName,
+        path: this.$getObjectName(res.url),
+        fullPath: this.$getObjectName(res.url),
+        url: this.$getObjectName(res.url),
+        type: 'GCP',
+      })
       this.saveFile()
     },
     // uploadFile(param) {
@@ -147,15 +244,24 @@ export default {
     // },
     saveFile() {
       const { name, path, fullPath, type } = this.fileList[0]
-      const param = [{ DoctorId: this.doctorId, Type: type, Path: path, FullPath: fullPath, FileName: name }]
-      saveAttachments(param).then(res => {
-        this.btnDisabled = false
-        if (res.IsSuccess) {
-          this.fileList[0].id = res.Result[0].Id
-          this.GCPID = res.Result[0].Id
-          this.$message.success(this.$t('common:message:savedSuccessfully'))
-        }
-      })
+      const param = [
+        {
+          DoctorId: this.doctorId,
+          Type: type,
+          Path: path,
+          FullPath: fullPath,
+          FileName: name,
+        },
+      ]
+      saveAttachments(param)
+        .then((res) => {
+          this.btnDisabled = false
+          if (res.IsSuccess) {
+            this.fileList[0].id = res.Result[0].Id
+            this.GCPID = res.Result[0].Id
+            this.$message.success(this.$t('common:message:savedSuccessfully'))
+          }
+        })
         .catch(() => {
           this.btnDisabled = false
         })
@@ -177,19 +283,19 @@ export default {
     handleRemoveFile(file, fileList) {
       if (file && file.status === 'success') {
         if (file.id) {
-          deleteAttachment(file.id, file.path).then(res => {
+          deleteAttachment(file.id, file.path).then((res) => {
             if (res.IsSuccess) {
               this.fileList = []
               this.GCPID = ''
               this.$message({
                 message: this.$t('common:message:deletedSuccessfully'),
-                type: 'success'
+                type: 'success',
               })
             }
           })
         } else {
           this.fileList = []
-           this.GCPID = ''
+          this.GCPID = ''
         }
       }
     },
@@ -202,18 +308,20 @@ export default {
       this.$message.warning(`Upload is currently limited to 1 file`)
     },
     fileValid(fileName, typeArr) {
-      var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
+      var extendName = fileName
+        .substring(fileName.lastIndexOf('.') + 1)
+        .toLocaleLowerCase()
       if (typeArr.indexOf(extendName) > -1) {
         return true
       } else {
         return false
       }
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss">
-.gcp-container{
+.gcp-container {
   .upload-container .el-upload--text {
     border: none;
     width: 80px;

src/views/reviewers/components/Pay.vue

@@ -0,0 +1,236 @@
+<template>
+  <div class="form-container basic-form">
+    <el-card class="box-card">
+      <div style="width: 1000px">
+        <!-- v-loading="loading" -->
+        <el-form
+          ref="payForm"
+          v-loading="loading"
+          :inline="true"
+          :rules="rules"
+          :model="form"
+          class="demo-ruleForm"
+          label-width="120px"
+          size="small"
+        >
+          <div>{{ $t('system:reviewer:title:pay') }}</div>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('system:reviewer:label:BankNum')"
+                prop="BankNum"
+              >
+                <el-input
+                  v-model="form.BankNum"
+                  clearable
+                  size="small"
+                  :maxlength="400"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('system:reviewer:label:BankName')"
+                prop="BankName"
+              >
+                <el-input
+                  v-model="form.BankName"
+                  clearable
+                  size="small"
+                  :maxlength="400"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('system:reviewer:label:OpeningBank')"
+                prop="OpeningBank"
+              >
+                <el-input
+                  v-model="form.OpeningBank"
+                  clearable
+                  size="small"
+                  :maxlength="400"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('system:reviewer:label:IdCard')"
+                prop="IdCard"
+              >
+                <el-input
+                  v-model="form.IdCard"
+                  clearable
+                  size="small"
+                  :maxlength="400"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('system:reviewer:label:BankPhoneNum')"
+                prop="BankPhoneNum"
+              >
+                <el-input
+                  v-model="form.BankPhoneNum"
+                  clearable
+                  size="small"
+                  :maxlength="400"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-form-item style="margin-left: 120px">
+              <el-button
+                :disabled="$route.query.ReviewStatus === '1'"
+                type="primary"
+                :loading="loading"
+                size="small"
+                @click="handleSave"
+              >
+                {{ $t('common:button:save') }}</el-button
+              >
+            </el-form-item>
+          </el-row>
+        </el-form>
+      </div>
+    </el-card>
+  </div>
+</template>
+<script>
+import { getDetail, updatePaymentMode } from '@/api/reviewers'
+export default {
+  props: {
+    reviewerId: {
+      type: String,
+    },
+  },
+  data() {
+    return {
+      loading: false,
+      form: {
+        BankNum: '',
+        BankName: '',
+        OpeningBank: '',
+        IdCard: '',
+        BankPhoneNum: '',
+      },
+      rules: {
+        BankNum: [
+          {
+            validator: (rule, value, callback) => {
+              let reg = new RegExp(/^[A-Za-z0-9]+$/, 'ig')
+              if (value && !reg.test(value)) {
+                callback(new Error(this.$t('common:ruleMessage:pattern')))
+              } else {
+                callback()
+              }
+            },
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        BankName: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        OpeningBank: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        IdCard: [
+          {
+            validator: (rule, value, callback) => {
+              let reg = new RegExp(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/, 'ig')
+              if (value && !reg.test(value)) {
+                callback(new Error(this.$t('common:ruleMessage:pattern')))
+              } else {
+                callback()
+              }
+            },
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        BankPhoneNum: [
+          {
+            validator: (rule, value, callback) => {
+              let reg = new RegExp(/^\d{11}$/, 'i')
+              if (value && !reg.test(value)) {
+                callback(new Error(this.$t('common:ruleMessage:pattern')))
+              } else {
+                callback()
+              }
+            },
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+      },
+    }
+  },
+  mounted() {
+    this.getDetail()
+  },
+  methods: {
+    async handleSave() {
+      try {
+        let validate = await this.$refs.payForm.validate()
+        if (!validate) return false
+        this.form.Id = this.$route.query.Id || this.reviewerId
+        this.loading = true
+        let res = await updatePaymentMode(this.form)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    // 获取详情
+    async getDetail() {
+      try {
+        let id = this.$route.query.Id || this.reviewerId
+        if (!id) return false
+        this.loading = true
+        let res = await getDetail(id)
+        this.loading = false
+        if (res.IsSuccess) {
+          Object.keys(this.form).forEach((key) => {
+            this.form[key] = res.Result.PaymentModeInfo[key]
+          })
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+  },
+}
+</script>

src/views/reviewers/components/ResearchPublication.vue

@@ -1,55 +1,127 @@
 <template>
-  <div class="form-container" style="width:80%;">
-    <el-form ref="researchForm" v-loading="loading" label-width="140px" :model="researchForm" size="small">
+  <div class="form-container" style="width: 80%">
+    <el-form
+      ref="researchForm"
+      v-loading="loading"
+      label-width="140px"
+      :model="researchForm"
+      :rules="rule"
+      size="small"
+    >
+      <div class="title">{{ $t('system:reviewer:title:Research') }}</div>
       <el-form-item :label="$t('system:reviewer:label:Field of Research')">
         <el-row type="flex" justify="space-between">
           <el-col :span="11">
-            <el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.Research" type="textarea" rows="5" placeholder="Please specify in English" size="small" />
+            <el-input
+              :disabled="$route.query.ReviewStatus === '1'"
+              v-model="researchForm.Research"
+              type="textarea"
+              rows="5"
+              placeholder="Please specify in English"
+              size="small"
+              :maxlength="4000"
+            />
           </el-col>
           <el-col :span="11">
-            <el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.ResearchCN" type="textarea" rows="5" placeholder="请用中文注明" size="small" />
+            <el-input
+              :disabled="$route.query.ReviewStatus === '1'"
+              v-model="researchForm.ResearchCN"
+              type="textarea"
+              rows="5"
+              placeholder="请用中文注明"
+              size="small"
+              :maxlength="4000"
+            />
           </el-col>
         </el-row>
       </el-form-item>
       <el-form-item :label="$t('system:reviewer:label:Grants')">
         <el-row type="flex" justify="space-between">
           <el-col :span="11">
-            <el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.Grants" type="textarea" rows="5" placeholder="Please specify in English" size="small" />
+            <el-input
+              :disabled="$route.query.ReviewStatus === '1'"
+              v-model="researchForm.Grants"
+              type="textarea"
+              rows="5"
+              placeholder="Please specify in English"
+              size="small"
+              :maxlength="4000"
+            />
           </el-col>
           <el-col :span="11">
-            <el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.GrantsCN" type="textarea" rows="5" placeholder="请用中文注明" size="small" />
+            <el-input
+              :disabled="$route.query.ReviewStatus === '1'"
+              v-model="researchForm.GrantsCN"
+              type="textarea"
+              rows="5"
+              placeholder="请用中文注明"
+              size="small"
+              :maxlength="4000"
+            />
           </el-col>
         </el-row>
       </el-form-item>
+      <div class="title">{{ $t('system:reviewer:title:Publications') }}</div>
       <el-form-item :label="$t('system:reviewer:label:Publications')">
         <el-row type="flex" justify="space-between">
-          <el-col :span="11">
-            <el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.Publications" type="textarea" rows="5" placeholder="Please specify in English" size="small" />
-          </el-col>
-          <el-col :span="11">
-            <!-- <el-input v-model="researchForm.PublicationsCN" type="textarea" rows="5" placeholder="请用中文注明" size="small" /> -->
+          <el-col :span="24">
+            <el-input
+              :disabled="$route.query.ReviewStatus === '1'"
+              v-model="researchForm.Publications"
+              type="textarea"
+              rows="5"
+              placeholder="Please specify in English"
+              size="small"
+              :maxlength="4000"
+            />
           </el-col>
         </el-row>
       </el-form-item>
+      <div class="title">{{ $t('system:reviewer:title:AH') }}</div>
       <el-form-item :label="$t('system:reviewer:label:Awards & Honors')">
         <el-row type="flex" justify="space-between">
           <el-col :span="11">
-            <el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.AwardsHonors" type="textarea" rows="5" placeholder="Please specify in English" size="small" />
+            <el-input
+              :disabled="$route.query.ReviewStatus === '1'"
+              v-model="researchForm.AwardsHonors"
+              type="textarea"
+              rows="5"
+              placeholder="Please specify in English"
+              size="small"
+              :maxlength="4000"
+            />
           </el-col>
           <el-col :span="11">
-            <el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.AwardsHonorsCN" type="textarea" rows="5" placeholder="请用中文注明" size="small" />
+            <el-input
+              :disabled="$route.query.ReviewStatus === '1'"
+              v-model="researchForm.AwardsHonorsCN"
+              type="textarea"
+              rows="5"
+              placeholder="请用中文注明"
+              size="small"
+              :maxlength="4000"
+            />
           </el-col>
         </el-row>
       </el-form-item>
       <el-form-item>
-        <el-button :disabled="$route.query.ReviewStatus === '1'" type="primary" :loading="isDisabled" @click="handleSave">
-          {{ $t('common:button:save') }}</el-button>
+        <el-button
+          :disabled="$route.query.ReviewStatus === '1'"
+          type="primary"
+          :loading="isDisabled"
+          @click="handleSave"
+        >
+          {{ $t('common:button:save') }}</el-button
+        >
       </el-form-item>
     </el-form>
   </div>
 </template>
 <script>
-import { getResearchPublication, addOrUpdateResearchPublication } from '@/api/reviewers'
+import {
+  getResearchPublication,
+  addOrUpdateResearchPublication,
+} from '@/api/reviewers'
 export default {
   name: 'ResearchPublication',
   props: {
@@ -57,8 +129,11 @@ export default {
       type: String,
       default() {
         return ''
-      }
-    }
+      },
+    },
+    reviewerId: {
+      type: String,
+    },
   },
   data() {
     return {
@@ -69,10 +144,61 @@ export default {
         GrantsCN: '',
         Publications: '',
         AwardsHonors: '',
-        AwardsHonorsCN: ''
+        AwardsHonorsCN: '',
+      },
+      rule: {
+        Research: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        ResearchCN: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        Grants: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        GrantsCN: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        Publications: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        AwardsHonors: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        AwardsHonorsCN: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
       },
       loading: false,
-      isDisabled: false
+      isDisabled: false,
     }
   },
   mounted() {
@@ -80,9 +206,9 @@ export default {
   },
   methods: {
     initForm() {
-      const id = this.$route.query.Id
+      const id = this.$route.query.Id || this.reviewerId
       if (id) {
-        getResearchPublication(id).then(res => {
+        getResearchPublication(id).then((res) => {
           if (res.Result) {
             this.researchForm.Research = res.Result.Research
             this.researchForm.ResearchCN = res.Result.ResearchCN
@@ -99,19 +225,31 @@ export default {
     handleSave() {
       this.loading = true
       this.isDisabled = true
-      this.researchForm.DoctorId = this.$route.query.Id
-      addOrUpdateResearchPublication(this.researchForm).then(res => {
-        this.loading = false
-        this.isDisabled = false
-        this.$message.success('Saved successfully')
-        if (!this.researchForm.Id) {
-          this.researchForm.Id = res.Result
-        }
-      }).catch(() => {
-        this.loading = false
-        this.isDisabled = false
-      })
-    }
-  }
+      this.researchForm.DoctorId = this.$route.query.Id || this.reviewerId
+      addOrUpdateResearchPublication(this.researchForm)
+        .then((res) => {
+          this.loading = false
+          this.isDisabled = false
+          this.$message.success('Saved successfully')
+          if (!this.researchForm.Id) {
+            this.researchForm.Id = res.Result
+          }
+        })
+        .catch(() => {
+          this.loading = false
+          this.isDisabled = false
+        })
+    },
+  },
 }
 </script>
+<style lang="scss" scoped>
+.title {
+  width: 100%;
+  background-color: #eee;
+  line-height: 30px;
+  padding-left: 10px;
+  border-radius: 3px;
+  margin-bottom: 20px;
+}
+</style>

src/views/reviewers/components/Resumes.vue

@@ -7,14 +7,19 @@
         <div class="uploadFile-container">
           <el-upload
             class="upload-demo"
-            :data="{language:2}"
+            :data="{ language: 2 }"
             action
             :show-file-list="false"
             :http-request="handleUploadFile"
             :file-list="resumeList"
             accept=".doc,.docx"
           >
-            <el-button size="small" type="primary" :disabled="isDisabled || $route.query.ReviewStatus === '1'">{{ $t('system:GcpCertificate:upload:Upload') }}</el-button>
+            <el-button
+              size="small"
+              type="primary"
+              :disabled="isDisabled || $route.query.ReviewStatus === '1'"
+              >{{ $t('system:GcpCertificate:upload:Upload') }}</el-button
+            >
           </el-upload>
         </div>
       </div>
@@ -24,15 +29,25 @@
     <div class="resumeTbl">
       <el-table :data="resumeListEN" size="small">
         <el-table-column type="index" width="40" />
-        <el-table-column prop="FileName" :label="$t('system:Resumes:table:Resume')" width="180" show-overflow-tooltip />
-        <el-table-column prop="CreateTime" :label="$t('system:Resumes:table:Upload Time')" width="150" show-overflow-tooltip />
+        <el-table-column
+          prop="FileName"
+          :label="$t('system:Resumes:table:Resume')"
+          width="180"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          prop="CreateTime"
+          :label="$t('system:Resumes:table:Upload Time')"
+          width="150"
+          show-overflow-tooltip
+        />
         <el-table-column
           prop="IsOfficial"
           :label="$t('system:Resumes:table:Official')"
           width="100"
         >
           <template slot-scope="scope">
-            {{ scope.row.IsOfficial === true?'Yes':'No' }}
+            {{ scope.row.IsOfficial === true ? 'Yes' : 'No' }}
           </template>
         </el-table-column>
         <el-table-column
@@ -42,31 +57,44 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope">
-            {{ scope.row.Language===1?'中文':'English' }}
+            {{ scope.row.Language === 1 ? '中文' : 'English' }}
             <!-- <el-button size="small" type="text" @click="handleLanguageClick(scope.row)">{{ scope.row.Language===1?'CH':scope.row.Language===2?'EN':'Setting' }}</el-button> -->
           </template>
         </el-table-column>
         <el-table-column :label="$t('common:action:action')" width="400">
           <template slot-scope="scope">
-            <el-button type="text" size="small" @click="handlePreview(scope.row)">{{ $t('common:button:download') }}</el-button>
-            <el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleRemoveFile(scope.row)">{{ $t('common:button:delete') }}</el-button>
             <el-button
               type="text"
               size="small"
-              :disabled="scope.row.IsOfficial || $route.query.ReviewStatus === '1'"
+              @click="handlePreview(scope.row)"
+              >{{ $t('common:button:download') }}</el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              :disabled="$route.query.ReviewStatus === '1'"
+              @click="handleRemoveFile(scope.row)"
+              >{{ $t('common:button:delete') }}</el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              :disabled="
+                scope.row.IsOfficial || $route.query.ReviewStatus === '1'
+              "
               @click="handleSetOfiical(scope.row)"
-            >{{ $t('system:Resumes:button:Set as Official') }}</el-button>
+              >{{ $t('system:Resumes:button:Set as Official') }}</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
-
     </div>
-    <div class="resume-content" style="margin-top:10px;">
+    <div class="resume-content" style="margin-top: 10px">
       <p>{{ $t('system:Resumes:title:ResumeCN') }}</p>
       <div class="upload-content">
         <div class="uploadFile-container">
           <el-upload
-            :data="{language:1}"
+            :data="{ language: 1 }"
             class="upload-demo"
             action
             :show-file-list="false"
@@ -74,7 +102,12 @@
             :file-list="resumeList"
             accept=".doc, .docx"
           >
-            <el-button size="small" type="primary" :disabled="isDisabled || $route.query.ReviewStatus === '1'">{{ $t('system:GcpCertificate:upload:Upload') }}</el-button>
+            <el-button
+              size="small"
+              type="primary"
+              :disabled="isDisabled || $route.query.ReviewStatus === '1'"
+              >{{ $t('system:GcpCertificate:upload:Upload') }}</el-button
+            >
           </el-upload>
         </div>
       </div>
@@ -83,15 +116,25 @@
     <div class="resumeTbl">
       <el-table :data="resumeListCN" size="small">
         <el-table-column type="index" width="40" />
-        <el-table-column prop="FileName" :label="$t('system:Resumes:table:Resume')" width="180" show-overflow-tooltip />
-        <el-table-column prop="CreateTime" :label="$t('system:Resumes:table:Upload Time')" width="150" show-overflow-tooltip />
+        <el-table-column
+          prop="FileName"
+          :label="$t('system:Resumes:table:Resume')"
+          width="180"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          prop="CreateTime"
+          :label="$t('system:Resumes:table:Upload Time')"
+          width="150"
+          show-overflow-tooltip
+        />
         <el-table-column
           prop="IsOfficial"
           :label="$t('system:Resumes:table:Official')"
           width="100"
         >
           <template slot-scope="scope">
-            {{ scope.row.IsOfficial === true?'Yes':'No' }}
+            {{ scope.row.IsOfficial === true ? 'Yes' : 'No' }}
           </template>
         </el-table-column>
         <el-table-column
@@ -101,20 +144,34 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope">
-            {{ scope.row.Language===1?'中文':'English' }}
+            {{ scope.row.Language === 1 ? '中文' : 'English' }}
             <!-- <el-button size="small" type="text" @click="handleLanguageClick(scope.row)">{{ scope.row.Language===1?'CH':scope.row.Language===2?'EN':'Setting' }}</el-button> -->
           </template>
         </el-table-column>
         <el-table-column :label="$t('common:action:action')" width="400">
           <template slot-scope="scope">
-            <el-button type="text" size="small" @click="handlePreview(scope.row)">{{ $t('common:button:download') }}</el-button>
-            <el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleRemoveFile(scope.row)">{{ $t('common:button:delete') }}</el-button>
             <el-button
               type="text"
               size="small"
-              :disabled="scope.row.IsOfficial || $route.query.ReviewStatus === '1'"
+              @click="handlePreview(scope.row)"
+              >{{ $t('common:button:download') }}</el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              :disabled="$route.query.ReviewStatus === '1'"
+              @click="handleRemoveFile(scope.row)"
+              >{{ $t('common:button:delete') }}</el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              :disabled="
+                scope.row.IsOfficial || $route.query.ReviewStatus === '1'
+              "
               @click="handleSetOfiical(scope.row)"
-            >{{ $t('system:Resumes:button:Set as Official') }}</el-button>
+              >{{ $t('system:Resumes:button:Set as Official') }}</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
@@ -126,31 +183,49 @@
       size="small"
     >
       <span>Language: </span>
-      <el-radio-group :disabled="$route.query.ReviewStatus === '1'" v-model="language">
+      <el-radio-group
+        :disabled="$route.query.ReviewStatus === '1'"
+        v-model="language"
+      >
         <el-radio :label="2">English</el-radio>
         <el-radio :label="1">中文</el-radio>
       </el-radio-group>
       <span slot="footer" class="dialog-footer">
-        <el-button size="small" :disabled="$route.query.ReviewStatus === '1'" @click="dialogVisible = false">Cancel</el-button>
-        <el-button type="primary" :disabled="$route.query.ReviewStatus === '1'" size="small" @click="setResumeLanguage">Ok</el-button>
+        <el-button
+          size="small"
+          :disabled="$route.query.ReviewStatus === '1'"
+          @click="dialogVisible = false"
+          >Cancel</el-button
+        >
+        <el-button
+          type="primary"
+          :disabled="$route.query.ReviewStatus === '1'"
+          size="small"
+          @click="setResumeLanguage"
+          >Ok</el-button
+        >
       </span>
     </el-dialog>
   </div>
 </template>
 <script>
-import { getAttachmentByType, uploadFile, saveAttachments, deleteAttachment, setOfficial, setLanguageForResume } from '@/api/attachment'
+import {
+  getAttachmentByType,
+  uploadFile,
+  saveAttachments,
+  deleteAttachment,
+  setOfficial,
+  setLanguageForResume,
+} from '@/api/attachment'
 export default {
   props: {
-    id: {
+    reviewerId: {
       type: String,
-      default() {
-        return ''
-      }
-    }
+    },
   },
   data() {
     return {
-      doctorId: this.$route.query.Id,
+      doctorId: this.$route.query.Id || this.reviewerId,
       resumeList: [],
       resumeListEN: [],
       resumeListCN: [],
@@ -159,25 +234,37 @@ export default {
       currentRow: {},
       repeat: false,
       isDisabled: false,
-      loading: false
+      loading: false,
     }
   },
-  created() {
-    if(!this.doctorId) return
+  watch: {
+    reviewerId() {
+      if (this.reviewerId) {
+        this.doctorId = this.reviewerId
+        this.getResumeList()
+      }
+    },
+  },
+  mounted() {
+    if (!this.doctorId) return
     this.getResumeList()
   },
   methods: {
     getResumeList() {
       this.loading = true
-      getAttachmentByType(this.doctorId, 'Resume').then(res => {
-        if (res.IsSuccess) {
-          if (res.Result.length > 0) {
-            this.resumeList = res.Result
-            this.filterByLanguage()
+      getAttachmentByType(this.doctorId, 'Resume')
+        .then((res) => {
+          if (res.IsSuccess) {
+            if (res.Result.length > 0) {
+              this.resumeList = res.Result
+              this.filterByLanguage()
+            }
           }
-        }
-        this.loading = false
-      }).catch(() => { this.loading = false })
+          this.loading = false
+        })
+        .catch(() => {
+          this.loading = false
+        })
     },
     handleUploadFile(param) {
       this.repeat = false
@@ -186,20 +273,22 @@ export default {
       // 检测文件后缀名
       if (this.checkFileSuffix(param.file.name) > -1) {
         // 检测是否有重名文件
-        const isRepeat = this.resumeList.some(item => item.FileName === param.file.name)
+        const isRepeat = this.resumeList.some(
+          (item) => item.FileName === param.file.name
+        )
         if (isRepeat) {
           this.$confirm('Override the existing resume?', {
             type: 'warning',
             distinguishCancelAndClose: true,
             confirmButtonText: 'OK',
-            cancelButtonText: 'Cancel'
+            cancelButtonText: 'Cancel',
           })
             .then(() => {
               // 重名覆盖
               this.repeat = true
               this.uploadFile(param.file, param.data.language)
             })
-            .catch(action => {})
+            .catch((action) => {})
         } else {
           this.uploadFile(param.file, param.data.language)
         }
@@ -212,7 +301,10 @@ export default {
       var fileName = file.name
       var files = this.resumeList
       file = await this.fileToBlob(file)
-      let res = await this.OSSclient.put(`/SystemData/reviewer/Resume/${this.doctorId}/${fileName}`, file)
+      let res = await this.OSSclient.put(
+        `/SystemData/reviewer/Resume/${this.doctorId}/${fileName}`,
+        file
+      )
       if (this.repeat) {
         const index = files.findIndex((item, index) => {
           return item.FileName === fileName
@@ -228,26 +320,28 @@ export default {
           Path: this.$getObjectName(res.url),
           FullPath: this.$getObjectName(res.url),
           FileName: fileName,
-          Language: language
+          Language: language,
         }
         files.push(fileData)
       }
       this.saveUploadFiles(files)
     },
     saveUploadFiles(files) {
-      saveAttachments(files).then(res => {
-        this.resumeList = res.Result
-        this.filterByLanguage()
-        this.isDisabled = false
-        this.$message.success('Uploaded successfully')
-      }).catch(() => {
-        this.isDisabled = false
-      })
+      saveAttachments(files)
+        .then((res) => {
+          this.resumeList = res.Result
+          this.filterByLanguage()
+          this.isDisabled = false
+          this.$message.success('Uploaded successfully')
+        })
+        .catch(() => {
+          this.isDisabled = false
+        })
     },
     filterByLanguage() {
       this.resumeListEN = []
       this.resumeListCN = []
-      this.resumeList.map(resume => {
+      this.resumeList.map((resume) => {
         if (resume.Language === 2) {
           this.resumeListEN.push(resume)
         } else if (resume.Language === 1) {
@@ -258,7 +352,9 @@ export default {
     checkFileSuffix(fileName) {
       const accept = '.doc, .docx'
       var index = fileName.lastIndexOf('.')
-      var suffix = fileName.substring(index + 1, fileName.length).toLocaleLowerCase()
+      var suffix = fileName
+        .substring(index + 1, fileName.length)
+        .toLocaleLowerCase()
       return accept.search(suffix)
     },
     handlePreview(row) {
@@ -270,29 +366,31 @@ export default {
       this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
         type: 'warning',
         distinguishCancelAndClose: true,
-
-      }).then(() => {
-        deleteAttachment(row.Id, row.Path)
-          .then(res => {
+      })
+        .then(() => {
+          deleteAttachment(row.Id, row.Path).then((res) => {
             if (res.IsSuccess) {
-              this.resumeList.splice(this.resumeList.findIndex(item => item.Id === row.Id), 1)
+              this.resumeList.splice(
+                this.resumeList.findIndex((item) => item.Id === row.Id),
+                1
+              )
               this.filterByLanguage()
               this.$message({
                 message: this.$t('common:message:deletedSuccessfully'),
-                type: 'success'
+                type: 'success',
               })
             }
           })
-      })
-        .catch(action => {})
+        })
+        .catch((action) => {})
     },
     handleSetOfiical(row) {
-      setOfficial(this.doctorId, row.Id, row.Language).then(res => {
+      setOfficial(this.doctorId, row.Id, row.Language).then((res) => {
         if (res.IsSuccess) {
           this.getResumeList()
           this.$message({
             message: 'Saved successfully!',
-            type: 'success'
+            type: 'success',
           })
         }
       })
@@ -303,23 +401,27 @@ export default {
       this.currentRow = row
     },
     setResumeLanguage() {
-      setLanguageForResume(this.doctorId, this.currentRow.Id, this.language).then(res => {
+      setLanguageForResume(
+        this.doctorId,
+        this.currentRow.Id,
+        this.language
+      ).then((res) => {
         if (res.IsSuccess) {
           this.dialogVisible = false
           this.getResumeList()
           this.$message({
             message: 'Saved successfully!',
-            type: 'success'
+            type: 'success',
           })
         }
       })
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss">
-.resumes-container{
-  .resume-content{
+.resumes-container {
+  .resume-content {
     p {
       float: left;
       font-size: 13px;
@@ -341,11 +443,9 @@ export default {
     .upload-content {
       float: left;
     }
-
   }
-  .el-dialog__body{
+  .el-dialog__body {
     padding: 10px 20px;
   }
 }
-
 </style>

src/views/reviewers/components/Setting.vue

@@ -1,80 +1,154 @@
 <template>
   <div v-loading="loading" class="check-container form-container">
-    <el-form ref="checkForm" :model="checkForm" label-width="200px" size="small" :rules="rules">
+    <el-form
+      ref="checkForm"
+      :model="checkForm"
+      label-width="200px"
+      size="small"
+      :rules="rules"
+    >
       <div class="title-wrapper">
-        <p>{{$t('system:Setting:title:Blinded information') }}</p>
+        <p>{{ $t('system:Setting:title:Blinded information') }}</p>
       </div>
       <div class="check-content">
-        <el-form-item :label="$t('system:Setting:label:Blind Name')" prop="BlindName">
+        <el-form-item
+          :label="$t('system:Setting:label:Blind Name')"
+          prop="BlindName"
+        >
           <el-input
             v-model="checkForm.BlindName"
-            style="width:300px"
+            style="width: 300px"
+            :maxlength="400"
           />
         </el-form-item>
-        <el-form-item :label="$t('system:Setting:label:Blind NameCN')" prop="BlindNameCN">
+        <el-form-item
+          :label="$t('system:Setting:label:Blind NameCN')"
+          prop="BlindNameCN"
+        >
           <el-input
             v-model="checkForm.BlindNameCN"
-            style="width:300px"
+            style="width: 300px"
+            :maxlength="400"
           />
         </el-form-item>
-        <el-form-item :label="$t('system:Setting:label:Blind Publications')" prop="BlindPublications">
-          <el-input v-model="checkForm.BlindPublications" type="textarea" rows="8" style="width:60%;" size="small" />
+        <el-form-item
+          :label="$t('system:Setting:label:Blind Publications')"
+          prop="BlindPublications"
+        >
+          <el-input
+            v-model="checkForm.BlindPublications"
+            type="textarea"
+            rows="8"
+            style="width: 60%"
+            size="small"
+            :maxlength="4000"
+          />
         </el-form-item>
       </div>
       <div class="title-wrapper">
-        <p>{{$t('system:Setting:title:Blinded Setting') }}</p>
+        <p>{{ $t('system:Setting:title:Blinded Setting') }}</p>
       </div>
       <div class="check-content">
-          <el-form-item :label="$t('system:Setting:label:Information Confirmed?')">
-            <el-radio-group v-model="checkForm.ReviewStatus" @change="handleChange">
-              <el-radio :label="1">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio>
-              <el-radio :label="2">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item :label="$t('system:Setting:label:Contractor Status?')">
-            <el-radio-group v-model="checkForm.CooperateStatus" @change="handleChange">
-              <el-radio :label="1">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio>
-              <el-radio :label="2">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio>
-            </el-radio-group>
-          </el-form-item>
+        <el-form-item
+          :label="$t('system:Setting:label:Information Confirmed?')"
+        >
+          <el-radio-group
+            v-model="checkForm.ReviewStatus"
+            @change="handleChange"
+          >
+            <el-radio :label="1">{{
+              $t('system:Setting:label:Information Confirmed?:Yes')
+            }}</el-radio>
+            <el-radio :label="2">{{
+              $t('system:Setting:label:Information Confirmed?:No')
+            }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item :label="$t('system:Setting:label:Contractor Status?')">
+          <el-radio-group
+            v-model="checkForm.CooperateStatus"
+            @change="handleChange"
+          >
+            <el-radio :label="1">{{
+              $t('system:Setting:label:Information Confirmed?:Yes')
+            }}</el-radio>
+            <el-radio :label="2">{{
+              $t('system:Setting:label:Information Confirmed?:No')
+            }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
 
-          <el-form-item :label="$t('system:Setting:label:Accepting New Trials?')">
-            <el-radio-group v-model="checkForm.AcceptingNewTrial" :disabled="radioDisabled">
-              <el-radio :label="true">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio>
-              <el-radio :label="false">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio>
-            </el-radio-group>
-          </el-form-item>
+        <el-form-item :label="$t('system:Setting:label:Accepting New Trials?')">
+          <el-radio-group
+            v-model="checkForm.AcceptingNewTrial"
+            :disabled="radioDisabled"
+          >
+            <el-radio :label="true">{{
+              $t('system:Setting:label:Information Confirmed?:Yes')
+            }}</el-radio>
+            <el-radio :label="false">{{
+              $t('system:Setting:label:Information Confirmed?:No')
+            }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
 
-          <el-form-item :label="$t('system:Setting:label:Actively Reading?')">
-            <el-radio-group v-model="checkForm.ActivelyReading" :disabled="radioDisabled">
-              <el-radio :label="true">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio>
-              <el-radio :label="false">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio>
-            </el-radio-group>
-          </el-form-item>
+        <el-form-item :label="$t('system:Setting:label:Actively Reading?')">
+          <el-radio-group
+            v-model="checkForm.ActivelyReading"
+            :disabled="radioDisabled"
+          >
+            <el-radio :label="true">{{
+              $t('system:Setting:label:Information Confirmed?:Yes')
+            }}</el-radio>
+            <el-radio :label="false">{{
+              $t('system:Setting:label:Information Confirmed?:No')
+            }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
 
-          <el-form-item :label="$t('system:Setting:label:Is Virtual?')">
-            <el-radio-group v-model="checkForm.IsVirtual" :disabled="radioDisabled">
-              <el-radio :label="true">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio>
-              <el-radio :label="false">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio>
-            </el-radio-group>
-          </el-form-item>
+        <el-form-item :label="$t('system:Setting:label:Is Virtual?')">
+          <el-radio-group
+            v-model="checkForm.IsVirtual"
+            :disabled="radioDisabled"
+          >
+            <el-radio :label="true">{{
+              $t('system:Setting:label:Information Confirmed?:Yes')
+            }}</el-radio>
+            <el-radio :label="false">{{
+              $t('system:Setting:label:Information Confirmed?:No')
+            }}</el-radio>
+          </el-radio-group>
+        </el-form-item>
 
-          <el-form-item :label="$t('system:Setting:label:On Vacation:')">
-            <span style="font-size:12px;margin-right:20px;">{{ checkForm.InHoliday }}</span>
-            <el-button type="text" @click="handleView">{{ $t('system:Setting:Planned Vacation') }}</el-button>
-          </el-form-item>
-          <el-form-item :label="$t('system:Setting:label:Comment:')" prop="AdminComment">
-            <el-input
-              v-model="checkForm.AdminComment"
-              type="textarea"
-              style="width:60%;"
-              rows="8"
-            />
-          </el-form-item>
+        <el-form-item :label="$t('system:Setting:label:On Vacation:')">
+          <span style="font-size: 12px; margin-right: 20px">{{
+            InHoliday
+          }}</span>
+          <el-button type="text" @click="handleView">{{
+            $t('system:Setting:Planned Vacation')
+          }}</el-button>
+        </el-form-item>
+        <el-form-item
+          :label="$t('system:Setting:label:Comment:')"
+          prop="AdminComment"
+        >
+          <el-input
+            v-model="checkForm.AdminComment"
+            type="textarea"
+            style="width: 60%"
+            rows="8"
+            :maxlength="4000"
+          />
+        </el-form-item>
 
-          <el-form-item style="margin-top:20px">
-            <el-button type="primary" :disabled="isDisabled" @click="handleSave">{{ $t('common:button:save') }}</el-button>
-          </el-form-item>
+        <el-form-item style="margin-top: 20px">
+          <el-button
+            type="primary"
+            :disabled="isDisabled"
+            @click="handleSave"
+            >{{ $t('common:button:save') }}</el-button
+          >
+        </el-form-item>
       </div>
     </el-form>
     <el-dialog
@@ -83,6 +157,7 @@
       width="50%"
       :close-on-click-modal="false"
       @close="closeDialog"
+      append-to-body
     >
       <div>
         <el-date-picker
@@ -96,7 +171,13 @@
           :end-placeholder="$t('system:Setting:label:End Date')"
           size="small"
         />
-        <el-button style="margin-left:10px;" type="primary" size="small" @click="handleAddHoliday">{{ $t('common:button:add') }}</el-button>
+        <el-button
+          style="margin-left: 10px"
+          type="primary"
+          size="small"
+          @click="handleAddHoliday"
+          >{{ $t('common:button:add') }}</el-button
+        >
       </div>
       <el-table v-loading="loading2" :data="gridData" size="small">
         <el-table-column type="index" />
@@ -112,13 +193,19 @@
           min-width="120"
           :formatter="endTimeFormatter"
         />
-        <el-table-column :label="$t('common:action:action')" fixed="right" min-width="200">
+        <el-table-column
+          :label="$t('common:action:action')"
+          fixed="right"
+          min-width="200"
+        >
           <template slot-scope="scope">
-            <el-button type="text" @click="handleDelete(scope.row)">{{ $t('common:button:delete') }}</el-button>
+            <el-button type="text" @click="handleDelete(scope.row)">{{
+              $t('common:button:delete')
+            }}</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <div class="pagination" style="padding: 10px 0;text-align: right">
+      <div class="pagination" style="padding: 10px 0; text-align: right">
         <el-pagination
           background
           layout="total,sizes,prev, pager, next"
@@ -134,17 +221,21 @@
   </div>
 </template>
 <script>
-import { getAuditState, updateAuditResume, getVacationList, addOrUpdateVacation, deleteVacation } from '@/api/reviewers'
+import {
+  getAuditState,
+  updateAuditResume,
+  getVacationList,
+  addOrUpdateVacation,
+  deleteVacation,
+  getIsVacation,
+} from '@/api/reviewers'
 import { fmtDate } from '@/utils/formatter'
 export default {
   name: 'Setting',
   props: {
-    id: {
+    reviewerId: {
       type: String,
-      default() {
-        return ''
-      }
-    }
+    },
   },
   data() {
     return {
@@ -164,10 +255,37 @@ export default {
         BlindPublications: '',
       },
       rules: {
-        AdminComment: [{ max: 500, message: 'The maximum length is 500' }],
-        BlindName: [{ required: true, message: 'Please specify', trigger: 'blur' }],
+        AdminComment: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+        BlindName: [
+          { required: true, message: 'Please specify', trigger: 'blur' },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        BlindNameCN: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        BlindPublications: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
       },
-      doctorId: this.$route.query.Id,
+      doctorId: this.$route.query.Id || this.reviewerId,
       isDisabled: false,
       radioDisabled: false,
       dialogVisible: false,
@@ -176,16 +294,42 @@ export default {
       pageIndex: 1,
       pageSize: 5,
       totalItems: 0,
-      loading2: false
+      loading2: false,
+      InHoliday: '',
     }
   },
+  watch: {
+    reviewerId() {
+      if (this.reviewerId) {
+        this.doctorId = this.reviewerId
+        this.initForm()
+        this.getIsVacation()
+      }
+    },
+  },
   mounted() {
     this.initForm()
+    this.getIsVacation()
   },
   methods: {
+    // 获取是否休假
+    async getIsVacation() {
+      if (!this.doctorId) return false
+      try {
+        let data = {
+          DoctorId: this.doctorId,
+        }
+        let res = await getIsVacation(data)
+        if (res.IsSuccess) {
+          this.InHoliday = res.Result.IsVacation ? 'Yes' : 'No'
+        }
+      } catch (err) {
+        console.log(err)
+      }
+    },
     initForm() {
       if (!this.doctorId) return
-      getAuditState(this.doctorId).then(res => {
+      getAuditState(this.doctorId).then((res) => {
         if (res.Result) {
           this.checkForm = res.Result
           this.checkForm.InHoliday = res.Result.InHoliday ? 'Yes' : 'No'
@@ -193,7 +337,7 @@ export default {
       })
     },
     handleSave() {
-      this.$refs.checkForm.validate(valid => {
+      this.$refs.checkForm.validate((valid) => {
         if (valid) {
           this.isDisabled = true
           const param = {}
@@ -201,11 +345,15 @@ export default {
           param.InHoliday = this.checkForm.InHoliday === 'Yes'
           param.ResumeStatus = param.ReviewStatus
           updateAuditResume(param)
-            .then(res => {
+            .then((res) => {
               if (res.IsSuccess) {
-                if (res.Result) { this.checkForm.Id = res.Result }
+                if (res.Result) {
+                  this.checkForm.Id = res.Result
+                }
                 this.isDisabled = false
-                this.$message.success(this.$t('common:message:savedSuccessfully'))
+                this.$message.success(
+                  this.$t('common:message:savedSuccessfully')
+                )
               }
             })
             .catch(() => {
@@ -221,7 +369,7 @@ export default {
     initHolidayList() {
       this.loading2 = true
       getVacationList(this.doctorId, this.pageIndex, this.pageSize)
-        .then(res => {
+        .then((res) => {
           if (res.IsSuccess) {
             this.gridData = res.Result.CurrentPageData
             this.totalItems = res.Result.TotalCount
@@ -237,11 +385,11 @@ export default {
         const param = {
           DoctorId: this.doctorId,
           StartDate: this.daterange[0],
-          EndDate: this.daterange[1]
+          EndDate: this.daterange[1],
         }
         this.loading2 = true
         addOrUpdateVacation(param)
-          .then(res => {
+          .then((res) => {
             if (res.IsSuccess) {
               param.Id = res.Result
               this.gridData.push(param)
@@ -266,14 +414,18 @@ export default {
         .then(() => {
           this.loading2 = true
           deleteVacation(row.Id)
-            .then(res => {
+            .then((res) => {
               if (res.IsSuccess) {
-                var index = this.gridData.findIndex((item) => item.Id === row.Id)
+                var index = this.gridData.findIndex(
+                  (item) => item.Id === row.Id
+                )
                 if (index !== -1) {
                   this.gridData.splice(index, 1)
                   this.totalItems = this.totalItems - 1
                 }
-                this.$message.success(this.$t('common:message:deletedSuccessfully'))
+                this.$message.success(
+                  this.$t('common:message:deletedSuccessfully')
+                )
               }
               this.loading2 = false
             })
@@ -281,13 +433,16 @@ export default {
               this.loading2 = false
             })
         })
-        .catch(action => {})
+        .catch((action) => {})
     },
     closeDialog() {
-      this.initForm()
+      this.getIsVacation()
     },
     handleChange() {
-      if (this.checkForm.ReviewStatus === 2 || this.checkForm.cooperateStatus === 2) {
+      if (
+        this.checkForm.ReviewStatus === 2 ||
+        this.checkForm.cooperateStatus === 2
+      ) {
         this.checkForm.ActivelyReading = false
         this.checkForm.AcceptingNewTrial = false
         this.radioDisabled = true
@@ -319,8 +474,7 @@ export default {
     handleSizeChange(val) {
       this.pageSize = val
       this.initHolidayList()
-    }
-
-  }
+    },
+  },
 }
 </script>

src/views/reviewers/components/Specialty.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="form-container">
     <el-card class="box-card">
-      <div style="width:80%;">
+      <div style="width: 80%">
         <el-form
           ref="specialtyForm"
           v-loading="loading"
@@ -12,12 +12,15 @@
         >
           <el-row>
             <el-col :span="12">
-              <el-form-item :label="$t('system:reviewer:label:Specialty')" prop="SpecialityId">
+              <el-form-item
+                :label="$t('system:reviewer:label:Specialty')"
+                prop="SpecialityId"
+              >
                 <el-select
                   v-model="specialtyForm.SpecialityId"
                   :disabled="$route.query.ReviewStatus === '1'"
                   placeholder="Please select"
-                  style="width:100%;"
+                  style="width: 100%"
                   size="small"
                 >
                   <!-- <el-option
@@ -32,40 +35,56 @@
                     :label="item.Value"
                     :value="item.Id"
                   />
-                  <el-option label="Other" :value="otherId" />
+                  <el-option
+                    :label="$t('curriculumVitae:selectLabel:Other')"
+                    :value="otherId"
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item v-if="specialtyForm.SpecialityId==otherId" class="other-item" prop="SpecialityOther">
+              <el-form-item
+                v-if="specialtyForm.SpecialityId == otherId"
+                class="other-item"
+                prop="SpecialityOther"
+              >
                 <el-input
                   :disabled="$route.query.ReviewStatus === '1'"
                   v-model="specialtyForm.SpecialityOther"
                   placeholder="Please specify (required)"
                   size="small"
+                  :maxlength="400"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item v-if="specialtyForm.SpecialityId==otherId" prop="SpecialityOtherCN" class="other-item">
+              <el-form-item
+                v-if="specialtyForm.SpecialityId == otherId"
+                prop="SpecialityOtherCN"
+                class="other-item"
+              >
                 <el-input
                   :disabled="$route.query.ReviewStatus === '1'"
                   v-model="specialtyForm.SpecialityOtherCN"
                   placeholder="请用中文注明"
                   size="small"
+                  :maxlength="400"
                 />
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="12">
-              <el-form-item :label="$t('system:reviewer:label:Subspeciality')" prop="SubspecialityIds">
+              <el-form-item
+                :label="$t('system:reviewer:label:Subspeciality')"
+                prop="SubspecialityIds"
+              >
                 <el-select
                   v-model="specialtyForm.SubspecialityIds"
                   :disabled="$route.query.ReviewStatus === '1'"
                   placeholder="select"
                   multiple
-                  style="width:100%;"
+                  style="width: 100%"
                   size="small"
                 >
                   <!-- <el-option
@@ -80,13 +99,19 @@
                     :label="item.Value"
                     :value="item.Id"
                   />
-                  <el-option label="Other" :value="otherId" />
+                  <el-option
+                    :label="$t('curriculumVitae:selectLabel:Other')"
+                    :value="otherId"
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="6">
               <el-form-item
-                v-if="specialtyForm.SubspecialityIds && specialtyForm.SubspecialityIds.indexOf(otherId)>-1"
+                v-if="
+                  specialtyForm.SubspecialityIds &&
+                  specialtyForm.SubspecialityIds.indexOf(otherId) > -1
+                "
                 class="other-item"
                 prop="SubspecialityOther"
               >
@@ -95,12 +120,16 @@
                   v-model="specialtyForm.SubspecialityOther"
                   placeholder="Please specify (required)"
                   size="small"
+                  :maxlength="400"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
               <el-form-item
-                v-if="specialtyForm.SubspecialityIds && specialtyForm.SubspecialityIds.indexOf(otherId)>-1"
+                v-if="
+                  specialtyForm.SubspecialityIds &&
+                  specialtyForm.SubspecialityIds.indexOf(otherId) > -1
+                "
                 class="other-item"
                 prop="SubspecialityOtherCN"
               >
@@ -109,6 +138,7 @@
                   v-model="specialtyForm.SubspecialityOtherCN"
                   placeholder="请用中文注明"
                   size="small"
+                  :maxlength="400"
                 />
               </el-form-item>
             </el-col>
@@ -116,12 +146,15 @@
 
           <el-row>
             <el-col :span="12">
-              <el-form-item :label="$t('system:reviewer:label:Modality')" prop="ReadingTypeIds">
+              <el-form-item
+                :label="$t('system:reviewer:label:Modality')"
+                prop="ReadingTypeIds"
+              >
                 <el-select
                   :disabled="$route.query.ReviewStatus === '1'"
                   v-model="specialtyForm.ReadingTypeIds"
                   placeholder="Please select"
-                  style="width:100%;"
+                  style="width: 100%"
                   multiple
                   size="small"
                 >
@@ -137,13 +170,19 @@
                     :label="item.Value"
                     :value="item.Id"
                   />
-                  <el-option label="Other" :value="otherId" />
+                  <el-option
+                    :label="$t('curriculumVitae:selectLabel:Other')"
+                    :value="otherId"
+                  />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="6">
               <el-form-item
-                v-if="specialtyForm.ReadingTypeIds && specialtyForm.ReadingTypeIds.indexOf(otherId)>-1"
+                v-if="
+                  specialtyForm.ReadingTypeIds &&
+                  specialtyForm.ReadingTypeIds.indexOf(otherId) > -1
+                "
                 prop="ReadingTypeOther"
                 class="other-item"
               >
@@ -152,12 +191,16 @@
                   v-model="specialtyForm.ReadingTypeOther"
                   placeholder="Please specify (required)"
                   size="small"
+                  :maxlength="400"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="6">
               <el-form-item
-                v-if="specialtyForm.ReadingTypeIds && specialtyForm.ReadingTypeIds.indexOf(otherId)>-1"
+                v-if="
+                  specialtyForm.ReadingTypeIds &&
+                  specialtyForm.ReadingTypeIds.indexOf(otherId) > -1
+                "
                 prop="ReadingTypeOtherCN"
                 class="other-item"
               >
@@ -166,13 +209,20 @@
                   v-model="specialtyForm.ReadingTypeOtherCN"
                   placeholder="请用中文注明"
                   size="small"
+                  :maxlength="400"
                 />
               </el-form-item>
             </el-col>
           </el-row>
           <el-form-item>
-            <el-button type="primary" :disabled="isDisabled || $route.query.ReviewStatus === '1'" size="small" @click="handleSave">
-              {{ $t('common:button:save') }}</el-button>
+            <el-button
+              type="primary"
+              :disabled="isDisabled || $route.query.ReviewStatus === '1'"
+              size="small"
+              @click="handleSave"
+            >
+              {{ $t('common:button:save') }}</el-button
+            >
           </el-form-item>
         </el-form>
       </div>
@@ -184,6 +234,11 @@ import { getSpecialtyInfo, updateSpecialtyInfo } from '@/api/reviewers'
 import { getBasicDataSelects } from '@/api/dictionary/dictionary'
 export default {
   name: 'Specialty',
+  props: {
+    reviewerId: {
+      type: String,
+    },
+  },
   data() {
     return {
       specialtyForm: {
@@ -195,37 +250,81 @@ export default {
         SubspecialityOtherCN: '',
         SpecialityId: '',
         SpecialityOther: '',
-        SpecialityOtherCN: ''
+        SpecialityOtherCN: '',
       },
       specialtyRules: {
-        SpecialityId: [{ required: true, message: 'Please select speciality', trigger: 'blur' }],
+        SpecialityId: [
+          {
+            required: true,
+            message: 'Please select speciality',
+            trigger: 'blur',
+          },
+        ],
         SpecialityOther: [
           { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' }
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        SpecialityOtherCN: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        ReadingTypeIds: [
+          {
+            required: true,
+            message: 'Please select clinical reading type',
+            trigger: 'blur',
+          },
         ],
-        SpecialityOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
-        ReadingTypeIds: [{ required: true, message: 'Please select clinical reading type', trigger: 'blur' }],
         ReadingTypeOther: [
           { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' }
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
         ],
         ReadingTypeOtherCN: [
-          { max: 50, message: 'The maximum length is 50' }
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        SubspecialityIds: [
+          {
+            required: true,
+            message: 'Please select subspecialty',
+            trigger: 'blur',
+          },
         ],
-        SubspecialityIds: [{ required: true, message: 'Please select subspecialty', trigger: 'blur' }],
         SubspecialityOther: [
           { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' }
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
         ],
         SubspecialityOtherCN: [
-          { max: 50, message: 'The maximum length is 50' }
-        ]
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
       },
       selectId: '00000000-0000-0000-0000-000000000000',
       otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
       isDisabled: false,
       loading: false,
-      dictionaryList: {}
+      dictionaryList: {},
     }
   },
   mounted() {
@@ -233,25 +332,44 @@ export default {
   },
   methods: {
     handleSave() {
-      this.$refs.specialtyForm.validate(valid => {
+      this.$refs.specialtyForm.validate((valid) => {
         if (valid) {
           this.isDisabled = true
           const params = {}
           params.ReadingTypeIds = this.specialtyForm.ReadingTypeIds
-          params.ReadingTypeOther = params.ReadingTypeIds.indexOf(this.otherId) > -1 ? this.specialtyForm.ReadingTypeOther : ''
-          params.ReadingTypeOtherCN = params.ReadingTypeIds.indexOf(this.otherId) > -1 ? this.specialtyForm.ReadingTypeOtherCN : ''
+          params.ReadingTypeOther =
+            params.ReadingTypeIds.indexOf(this.otherId) > -1
+              ? this.specialtyForm.ReadingTypeOther
+              : ''
+          params.ReadingTypeOtherCN =
+            params.ReadingTypeIds.indexOf(this.otherId) > -1
+              ? this.specialtyForm.ReadingTypeOtherCN
+              : ''
           params.SubspecialityIds = this.specialtyForm.SubspecialityIds
-          params.SubspecialityOther = params.SubspecialityIds.indexOf(this.otherId) > -1 ? this.specialtyForm.SubspecialityOther : ''
-          params.SubspecialityOtherCN = params.SubspecialityIds.indexOf(this.otherId) > -1 ? this.specialtyForm.SubspecialityOtherCN : ''
+          params.SubspecialityOther =
+            params.SubspecialityIds.indexOf(this.otherId) > -1
+              ? this.specialtyForm.SubspecialityOther
+              : ''
+          params.SubspecialityOtherCN =
+            params.SubspecialityIds.indexOf(this.otherId) > -1
+              ? this.specialtyForm.SubspecialityOtherCN
+              : ''
           params.SpecialityId = this.specialtyForm.SpecialityId
-          params.SpecialityOther = params.SpecialityId === this.otherId ? this.specialtyForm.SpecialityOther : ''
-          params.SpecialityOtherCN = params.SpecialityId === this.otherId ? this.specialtyForm.SpecialityOtherCN : ''
-          params.Id = this.$route.query.Id
-          updateSpecialtyInfo(params).then(res => {
-            this.isDisabled = false
-            this.$message.success('Saved successfully')
-            this.specialtyForm.Id = res.Result
-          })
+          params.SpecialityOther =
+            params.SpecialityId === this.otherId
+              ? this.specialtyForm.SpecialityOther
+              : ''
+          params.SpecialityOtherCN =
+            params.SpecialityId === this.otherId
+              ? this.specialtyForm.SpecialityOtherCN
+              : ''
+          params.Id = this.$route.query.Id || this.reviewerId
+          updateSpecialtyInfo(params)
+            .then((res) => {
+              this.isDisabled = false
+              this.$message.success('Saved successfully')
+              this.specialtyForm.Id = res.Result
+            })
             .catch(() => {
               this.isDisabled = false
             })
@@ -260,20 +378,33 @@ export default {
     },
     initForm() {
       this.loading = true
-      const id = this.$route.query.Id
+      const id = this.$route.query.Id || this.reviewerId
       if (id) {
-        getSpecialtyInfo(id).then(res => {
-          this.specialtyForm.ReadingTypeIds = res.Result.ReadingTypeIds.length > 0 ? res.Result.ReadingTypeIds : []
-          this.specialtyForm.ReadingTypeOther = res.Result.ReadingTypeOther
-          this.specialtyForm.ReadingTypeOtherCN = res.Result.ReadingTypeOtherCN
-          this.specialtyForm.SubspecialityIds = res.Result.SubspecialityIds
-          this.specialtyForm.SubspecialityOther = res.Result.SubspecialityOther
-          this.specialtyForm.SubspecialityOtherCN = res.Result.SubspecialityOtherCN
-          this.specialtyForm.SpecialityId = res.Result.SpecialityId === this.selectId ? '' : res.Result.SpecialityId
-          this.specialtyForm.SpecialityOther = res.Result.SpecialityOther
-          this.specialtyForm.SpecialityOtherCN = res.Result.SpecialityOtherCN
-          this.loading = false
-        }).catch(() => { this.loading = false })
+        getSpecialtyInfo(id)
+          .then((res) => {
+            this.specialtyForm.ReadingTypeIds =
+              res.Result.ReadingTypeIds.length > 0
+                ? res.Result.ReadingTypeIds
+                : []
+            this.specialtyForm.ReadingTypeOther = res.Result.ReadingTypeOther
+            this.specialtyForm.ReadingTypeOtherCN =
+              res.Result.ReadingTypeOtherCN
+            this.specialtyForm.SubspecialityIds = res.Result.SubspecialityIds
+            this.specialtyForm.SubspecialityOther =
+              res.Result.SubspecialityOther
+            this.specialtyForm.SubspecialityOtherCN =
+              res.Result.SubspecialityOtherCN
+            this.specialtyForm.SpecialityId =
+              res.Result.SpecialityId === this.selectId
+                ? ''
+                : res.Result.SpecialityId
+            this.specialtyForm.SpecialityOther = res.Result.SpecialityOther
+            this.specialtyForm.SpecialityOtherCN = res.Result.SpecialityOtherCN
+            this.loading = false
+          })
+          .catch(() => {
+            this.loading = false
+          })
       }
     },
     async initSpecialty() {
@@ -281,15 +412,17 @@ export default {
       this.initForm()
     },
     getDicData() {
-      getBasicDataSelects(['Department', 'Subspeciality', 'ReadingType']).then(res => {
-        this.dictionaryList = { ...res.Result }
-      })
-    }
-  }
+      getBasicDataSelects(['Department', 'Subspeciality', 'ReadingType']).then(
+        (res) => {
+          this.dictionaryList = { ...res.Result }
+        }
+      )
+    },
+  },
 }
 </script>
 <style lang="scss">
-.other-item .el-form-item__content{
+.other-item .el-form-item__content {
   margin-left: 80px !important;
 }
 </style>

src/views/reviewers/components/Summarize.vue

@@ -0,0 +1,357 @@
+<template>
+  <div class="form-container">
+    <el-card class="box-card">
+      <div style="width: 80%">
+        <div class="top">
+          <span>{{ $t('system:reviewer:tab:Summarize') }}</span>
+          <el-button
+            size="small"
+            type="primary"
+            v-if="$route.query.ReviewStatus !== '1'"
+            @click="handleAdd()"
+          >
+            {{ $t('common:button:add') }}
+          </el-button>
+        </div>
+        <el-table
+          ref="educationTbl"
+          :data="list"
+          border
+          class="table"
+          :loading="loading"
+          size="small"
+        >
+          <el-table-column type="index" width="30" />
+          <el-table-column
+            prop="Indication"
+            :label="$t('system:reviewer:label:Indication')"
+            min-width="55"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            prop="Summarize"
+            :label="$t('system:reviewer:label:SummarizeZH')"
+            min-width="55"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            prop="SummarizeEn"
+            :label="$t('system:reviewer:label:SummarizeEN')"
+            min-width="70"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            prop="IsMain"
+            :label="$t('system:reviewer:label:IsMain')"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">
+              {{ $fd('YesOrNo', scope.row.IsMain) }}
+            </template>
+          </el-table-column>
+          <el-table-column
+            :label="$t('system:EducationTraining:table:Operation')"
+          >
+            <template slot-scope="scope">
+              <el-button
+                type="text"
+                size="small"
+                :disabled="$route.query.ReviewStatus === '1'"
+                @click="handleAdd(scope.row)"
+              >
+                {{ $t('common:button:edit') }}
+              </el-button>
+              <el-button
+                type="text"
+                size="small"
+                :disabled="$route.query.ReviewStatus === '1'"
+                @click="handleDelete(scope.row)"
+              >
+                {{ $t('common:button:delete') }}
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-card>
+    <base-model :config="model_cfg">
+      <template slot="dialog-body">
+        <el-form
+          ref="summarizeFrom"
+          v-loading="loading"
+          :rules="rules"
+          :model="form"
+          class="demo-ruleForm"
+          label-width="100px"
+        >
+          <el-form-item
+            :label="$t('system:reviewer:label:Indication')"
+            prop="Indication"
+          >
+            <el-input
+              v-model="form.Indication"
+              :placeholder="
+                $t('curriculumVitae:summarize:form:placeholder:Indication')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+          <el-form-item prop="IndicationEn">
+            <el-input
+              v-model="form.IndicationEn"
+              :placeholder="
+                $t('curriculumVitae:summarize:form:placeholder:IndicationEn')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="$t('system:reviewer:label:Summarize')"
+            prop="Summarize"
+          >
+            <el-input
+              v-model="form.Summarize"
+              type="textarea"
+              :rows="10"
+              :placeholder="
+                $t('curriculumVitae:summarize:form:placeholder:summarize')
+              "
+              size="small"
+              :maxlength="4000"
+            />
+          </el-form-item>
+          <el-form-item prop="SummarizeEn">
+            <el-input
+              v-model="form.SummarizeEn"
+              type="textarea"
+              :rows="10"
+              :placeholder="
+                $t('curriculumVitae:summarize:form:placeholder:summarizeEN')
+              "
+              size="small"
+              :maxlength="4000"
+            />
+          </el-form-item>
+          <el-form-item
+            prop="IsMain"
+            :label="$t('system:reviewer:label:IsMain')"
+          >
+            <el-switch
+              v-model="form.IsMain"
+              :disabled="list.length <= 0 || ISMAIN"
+            >
+            </el-switch>
+          </el-form-item>
+        </el-form>
+      </template>
+      <template slot="dialog-footer">
+        <el-button size="small" type="primary" @click="handleCancle">
+          {{ $t('common:button:cancel') }}
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          @click="handleSave"
+          :loading="loading"
+        >
+          {{ $t('common:button:save') }}
+        </el-button>
+      </template>
+    </base-model>
+  </div>
+</template>
+<script>
+import {
+  addOrUpdateGneralSituation,
+  getSummarizeInfo,
+  deleteSummarizeInfo,
+} from '@/api/reviewers'
+import BaseModel from '@/components/BaseModel'
+const defaultForm = () => {
+  return {
+    Id: null,
+    DoctorId: null,
+    Summarize: null,
+    SummarizeEn: null,
+    IsMain: false,
+    Indication: null,
+    IndicationEn: null,
+  }
+}
+export default {
+  props: {
+    reviewerId: {
+      type: String,
+    },
+  },
+  components: { BaseModel },
+  data() {
+    return {
+      list: [],
+      loading: false,
+      ISMAIN: false,
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: '800px',
+        title: this.$t('system:reviewer:form:SummarizeTitle'),
+        appendToBody: false,
+        top: '8vh',
+      },
+      form: defaultForm(),
+      rules: {
+        Indication: [
+          {
+            required: true,
+            message: 'Please enter Indication',
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        IndicationEn: [
+          {
+            required: true,
+            message: 'Please enter Indication',
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        Summarize: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+        SummarizeEn: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+      },
+    }
+  },
+  mounted() {
+    this.getDetail()
+  },
+  methods: {
+    async handleSave() {
+      try {
+        let validate = await this.$refs.summarizeFrom.validate()
+        if (!validate) return false
+        this.form.DoctorId = this.$route.query.Id || this.reviewerId
+        this.loading = true
+        if (this.$route.query.trialId) {
+          this.form.TrialId = this.$route.query.trialId
+        }
+        if (this.list.length <= 0) {
+          this.form.IsMain = true
+        }
+        let res = await addOrUpdateGneralSituation(this.form)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
+          this.model_cfg.visible = false
+          this.getDetail()
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    // 获取详情
+    async getDetail() {
+      try {
+        let id = this.$route.query.Id || this.reviewerId
+        if (!id) return false
+        this.loading = true
+        let res = await getSummarizeInfo({
+          DoctorId: id,
+        })
+        this.loading = false
+        if (res.IsSuccess) {
+          this.list = res.Result.SummarizeList
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    handleCancle() {
+      this.model_cfg.visible = false
+    },
+    handleAdd(row) {
+      this.form = defaultForm()
+      this.ISMAIN = false
+      if (row) {
+        Object.keys(this.form).forEach((key) => {
+          this.form[key] = row[key]
+        })
+        this.form.Id = row.Id
+        if (this.form.IsMain) {
+          this.ISMAIN = true
+        }
+      }
+      if (this.list.length <= 0) {
+        this.form.IsMain = true
+      }
+      this.model_cfg.visible = true
+    },
+    async handleDelete(row) {
+      try {
+        if (row.IsMain) {
+          return this.$message.warning(
+            this.$t('system:reviewer:message:deletedSuccessfully')
+          )
+        }
+        let confirm = await this.$confirm(
+          this.$t('system:reviewer:confirm:delete')
+        )
+        if (!confirm) return false
+        let data = {
+          Id: row.Id,
+        }
+        this.loading = true
+        let res = await deleteSummarizeInfo(data)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$message.success(this.$t('common:message:deletedSuccessfully'))
+          this.getDetail()
+        }
+      } catch (err) {
+        console.log(err)
+        this.loading = false
+      }
+    },
+  },
+}
+</script>
+  <style lang="scss" scoped>
+.basic-form {
+  .el-input--small {
+    width: 220px !important;
+  }
+  .el-select--small {
+    width: 220px !important;
+  }
+}
+.top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  margin-bottom: 10px;
+}
+</style>

src/views/reviewers/components/TrialExperience.vue

@@ -1,10 +1,16 @@
 <template>
   <div class="form-container">
     <div class="title-wrapper">
-      <p>{{$t('system:TrialExperience:title:Clinical Trial Experience')}}</p>
-      <el-button :disabled="$route.query.ReviewStatus === '1'" class="add" size="small" @click="handleAddClinicalTrial">{{$t('common:button:add')}}</el-button>
+      <p>{{ $t('system:TrialExperience:title:Clinical Trial Experience') }}</p>
+      <el-button
+        :disabled="$route.query.ReviewStatus === '1'"
+        class="add"
+        size="small"
+        @click="handleAddClinicalTrial"
+        >{{ $t('common:button:add') }}</el-button
+      >
     </div>
-    <div style="padding:0 40px;">
+    <div style="padding: 0 40px">
       <el-table
         ref="clinicalTrialTbl"
         v-loading="loading"
@@ -13,57 +19,152 @@
         size="small"
       >
         <el-table-column type="index" width="40" />
-        <el-table-column prop="Phase" :label="$t('system:TrialExperience:title:Phase')" min-width="50" />
-        <el-table-column prop="EvaluationCriteriaList" :label="$t('system:TrialExperience:title:Review Criteria')" min-width="100">
+        <el-table-column
+          prop="Phase"
+          :label="$t('system:TrialExperience:title:Phase')"
+          min-width="50"
+        >
           <template slot-scope="scope">
-            {{ scope.row.EvaluationCriteriaList.length>0? scope.row.EvaluationCriteriaList.join(', '):'' }}
+            {{
+              scope.row.OtherStages ? scope.row.OtherStages : scope.row.Phase
+            }}
           </template>
         </el-table-column>
-        <el-table-column prop="EvaluationCriteriaList" :label="$t('system:TrialExperience:title:Starting And Ending Date')" min-width="100">
+        <el-table-column
+          prop="EvaluationCriteriaList"
+          :label="$t('system:TrialExperience:title:Review Criteria')"
+          min-width="100"
+        >
           <template slot-scope="scope">
-            <span v-if="scope.row.StartTime">{{ scope.row.StartTime.split('-')[0] }}-{{scope.row.EndTime ? scope.row.EndTime.split('-')[0] : '至今'}}</span>
+            {{
+              scope.row.EvaluationCriteriaList.length > 0
+                ? scope.row.EvaluationCriteriaList.join(', ')
+                : ''
+            }}
+            <span v-if="scope.row.OtherCriterion">
+              {{
+                scope.row.EvaluationCriteriaList.length > 0
+                  ? `, ${scope.row.OtherCriterion}`
+                  : scope.row.OtherCriterion
+              }}
+            </span>
           </template>
         </el-table-column>
-        <el-table-column prop="VisitReadingCount" :label="$t('system:TrialExperience:title:Visit Reading Count')" min-width="70" />
-        <el-table-column prop="EvaluationContent" :label="$t('system:TrialExperience:Indication')" min-width="70" />
-        <el-table-column :label="$t('system:TrialExperience:Operation')" min-width="200">
+        <el-table-column
+          prop="EvaluationCriteriaList"
+          :label="$t('system:TrialExperience:title:Starting And Ending Date')"
+          min-width="100"
+        >
           <template slot-scope="scope">
-            <el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleEdit(scope.row)">
-              {{ $t('common:button:edit') }}</el-button>
-            <el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleDel(scope.row)">{{ $t('common:button:delete') }}</el-button>
+            <span v-if="scope.row.StartTime"
+              >{{ scope.row.StartTime.split('-')[0] }} ~
+              {{
+                scope.row.EndTime ? scope.row.EndTime.split('-')[0] : '至今'
+              }}</span
+            >
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="VisitReadingCount"
+          :label="$t('system:TrialExperience:title:Visit Reading Count')"
+          min-width="70"
+        />
+        <el-table-column
+          prop="EvaluationContent"
+          :label="$t('system:TrialExperience:Indication')"
+          min-width="70"
+        >
+          <template slot-scope="scope">
+            <span v-if="scope.row.EvaluationContent">
+              {{ scope.row.EvaluationContent }}
+            </span>
+            <span v-else>
+              {{ $fd('Indication', scope.row.IndicationEnum) }}
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('system:TrialExperience:Operation')"
+          min-width="200"
+        >
+          <template slot-scope="scope">
+            <el-button
+              type="text"
+              size="small"
+              :disabled="$route.query.ReviewStatus === '1'"
+              @click="handleEdit(scope.row)"
+            >
+              {{ $t('common:button:edit') }}
+            </el-button>
+            <el-button
+              type="text"
+              size="small"
+              :disabled="$route.query.ReviewStatus === '1'"
+              @click="handleDel(scope.row)"
+            >
+              {{ $t('common:button:delete') }}
+            </el-button>
           </template>
         </el-table-column>
       </el-table>
     </div>
 
-    <div class="title-wrapper" style="margin-top:10px;">
-      <p>{{$t('system:TrialExperience:title:GCP Certificate')}}</p>
+    <div class="title-wrapper" style="margin-top: 10px">
+      <p>{{ $t('system:TrialExperience:title:GCP Certificate') }}</p>
     </div>
-    <div style="margin-left:40px;width:40%">
-      <gcp-certificate :doctor-id="doctorId" :gcp="GCP" :gcp-id="GCPID" />
+    <div style="margin-left: 40px; width: 40%">
+      <gcp-certificate
+        :doctor-id="doctorId"
+        :gcp="GCP"
+        :gcp-id="GCPID"
+        :DATA="GCPData"
+      />
     </div>
-    <div class="title-wrapper" style="margin-top:10px;">
-      <p>{{$t('system:TrialExperience:title:Other Relevant Experience')}}</p>
+    <div class="title-wrapper" style="margin-top: 10px">
+      <p>{{ $t('system:TrialExperience:title:Other Relevant Experience') }}</p>
     </div>
-    <div style="padding:0 40px;">
+    <div style="padding: 0 40px">
       <el-row type="flex" justify="space-between">
         <el-col :span="11">
           <el-input
             v-model="OtherClinicalExperience"
             type="textarea"
-            rows="5"
+            rows="8"
             placeholder="Please specify in English"
             size="small"
+            :maxlength="4000"
           />
         </el-col>
         <el-col :span="11">
-          <el-input v-model="OtherClinicalExperienceCN" :disabled="$route.query.ReviewStatus === '1'" type="textarea" rows="5" placeholder="请用中文注明" size="small" />
+          <el-input
+            v-model="OtherClinicalExperienceCN"
+            :disabled="$route.query.ReviewStatus === '1'"
+            type="textarea"
+            rows="8"
+            placeholder="请用中文注明"
+            size="small"
+            :maxlength="4000"
+          />
         </el-col>
       </el-row>
-      <el-button type="primary" size="small" style="margin-top:20px" :disabled="isBtnDisabled || $route.query.ReviewStatus === '1'" @click="handleSaveOtherClinical">
-        {{ $t('common:button:save') }}</el-button>
+      <el-button
+        type="primary"
+        size="small"
+        style="margin-top: 20px"
+        :disabled="isBtnDisabled || $route.query.ReviewStatus === '1'"
+        @click="handleSaveOtherClinical"
+      >
+        {{ $t('common:button:save') }}</el-button
+      >
     </div>
-    <el-dialog v-if="clinicalTrialDialogVisible" :title="clinicalTrialDialogTitle" :visible.sync="clinicalTrialDialogVisible" width="480px" :close-on-click-modal="false">
+    <el-dialog
+      v-if="clinicalTrialDialogVisible"
+      :title="clinicalTrialDialogTitle"
+      :visible.sync="clinicalTrialDialogVisible"
+      width="480px"
+      :close-on-click-modal="false"
+      append-to-body
+    >
       <el-form
         ref="clinicalTrialForm"
         label-width="150px"
@@ -72,14 +173,15 @@
         :model="clinicalTrialForm"
         size="small"
       >
-        <el-form-item :label="$t('system:TrialExperience:label:Phase')" prop="PhaseId">
-          <el-select v-model="clinicalTrialForm.PhaseId">
-            <!-- <el-option
-              v-for="(key,value) of dictionaryList.Phase"
-              :key="value"
-              :label="key"
-              :value="value"
-            /> -->
+        <el-form-item
+          :label="$t('system:TrialExperience:label:Phase')"
+          prop="PhaseId"
+        >
+          <el-select
+            v-model="clinicalTrialForm.PhaseId"
+            clearable
+            placeholder=""
+          >
             <el-option
               v-for="item of dictionaryList.Trial_Phase"
               :key="item.Id"
@@ -88,52 +190,138 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item :label="$t('system:TrialExperience:label:Review Criteria')" prop="EvaluationCriteriaIdList">
+        <el-form-item prop="OtherStages" v-if="Trial_Phase_isOther">
+          <el-input
+            v-model="clinicalTrialForm.OtherStages"
+            clearable
+            :placeholder="
+              $t('curriculumVitae:clinicalTrials:placeholder:byStagesOther')
+            "
+            :maxlength="400"
+          ></el-input>
+        </el-form-item>
+        <el-form-item
+          :label="$t('system:TrialExperience:label:Review Criteria')"
+          prop="EvaluationCriteriaIdList"
+        >
           <el-select
             v-model="clinicalTrialForm.EvaluationCriteriaIdList"
             multiple
           >
-            <!-- <el-option v-for="(key,value) of dictionaryList.ReadingStandard" :key="value" :label="key" :value="value" /> -->
+            <!-- <el-option v-for="(key,value) of dictionaryList.CriterionType" :key="value" :label="key" :value="value" /> -->
             <el-option
-              v-for="item of dictionaryList.ReadingStandard"
+              v-for="item in CriterionType"
               :key="item.Id"
               :label="item.Value"
               :value="item.Id"
             />
           </el-select>
         </el-form-item>
-        <el-form-item :label="$t('system:TrialExperience:label:Start Time')" prop="StartTime">
+        <el-form-item prop="OtherCriterion" v-if="ReadingStandard_isOther">
+          <el-input
+            v-model="clinicalTrialForm.OtherCriterion"
+            clearable
+            :placeholder="
+              $t('curriculumVitae:clinicalTrials:placeholder:criterionOther')
+            "
+            :maxlength="400"
+          ></el-input>
+        </el-form-item>
+        <el-form-item
+          :label="$t('system:TrialExperience:label:Start Time')"
+          prop="StartTime"
+        >
           <el-date-picker
             v-model="clinicalTrialForm.StartTime"
             type="year"
             value-format="yyyy"
-            >
+          >
           </el-date-picker>
         </el-form-item>
-        <el-form-item :label="$t('system:TrialExperience:label:End Time')" prop="EndTime">
+        <el-form-item
+          :label="$t('system:TrialExperience:label:End Time')"
+          prop="EndTime"
+        >
           <el-date-picker
             v-model="clinicalTrialForm.EndTime"
             type="year"
             value-format="yyyy"
-            >
+          >
           </el-date-picker>
         </el-form-item>
-        <el-form-item :label="$t('system:TrialExperience:Visit Reading Count')" prop="VisitReadingCount">
-          <el-input style="width: 100%" oninput="value=value.replace(/[^\d]/g,'')" v-model="clinicalTrialForm.VisitReadingCount" controls-position="right" :min="0" />
+        <el-form-item
+          :label="$t('system:TrialExperience:Visit Reading Count')"
+          prop="VisitReadingCount"
+        >
+          <el-input
+            style="width: 100%"
+            oninput="value=value.replace(/[^\d]/g,'')"
+            v-model="clinicalTrialForm.VisitReadingCount"
+            controls-position="right"
+            :min="0"
+          />
         </el-form-item>
-        <el-form-item :label="$t('system:TrialExperience:Indication')" prop="EvaluationContent">
-          <el-input v-model="clinicalTrialForm.EvaluationContent" />
+        <!-- 适应症类型 IndicationType -->
+        <el-form-item
+          :label="$t('system:TrialExperience:indicationType')"
+          prop="IndicationTypeId"
+        >
+          <el-select
+            v-model="clinicalTrialForm.IndicationTypeId"
+            @change="handleIndicationTypeChange"
+          >
+            <el-option
+              v-for="item of $d.IndicationType"
+              :key="item.id"
+              :label="item.label"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          :label="$t('system:TrialExperience:Indication')"
+          prop="IndicationEnum"
+        >
+          <el-select
+            v-model="clinicalTrialForm.IndicationEnum"
+            :disabled="!clinicalTrialForm.IndicationTypeId"
+          >
+            <el-option
+              v-for="item of IndicationOptions"
+              :key="item.id"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item prop="EvaluationContent" v-if="IndicationEnum_isOther">
+          <el-input
+            v-model="clinicalTrialForm.EvaluationContent"
+            clearable
+            :maxlength="400"
+          ></el-input>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" size="small" :loading="isDisabled" @click="handleSave">{{ $t('common:button:save') }}</el-button>
+        <el-button
+          type="primary"
+          size="small"
+          :loading="isDisabled"
+          @click="handleSave"
+          >{{ $t('common:button:save') }}</el-button
+        >
       </span>
     </el-dialog>
   </div>
 </template>
 <script>
 // import UploadFile from '@/components/UploadFile'
-import { getTrialExperience, addOrUpdateTrialExperience, deleteTrialExperience, updateOtherExperience } from '@/api/reviewers'
+import {
+  getTrialExperience,
+  addOrUpdateTrialExperience,
+  deleteTrialExperience,
+  updateOtherExperience,
+} from '@/api/reviewers'
 import { getBasicDataSelects } from '@/api/dictionary/dictionary'
 import GcpCertificate from './GcpCertificate.vue'
 import moment from 'moment'
@@ -145,11 +333,20 @@ const getClinicalTrialDefault = () => {
     VisitReadingCount: 0,
     StartTime: null,
     EndTime: null,
+    OtherStages: '',
+    OtherCriterion: '',
+    IndicationEnum: null,
+    IndicationTypeId: null,
   }
 }
 export default {
   name: 'TrialExperience',
   components: { GcpCertificate },
+  props: {
+    reviewerId: {
+      type: String,
+    },
+  },
   data() {
     return {
       loading: false,
@@ -159,20 +356,97 @@ export default {
       clinicalTrialForm: getClinicalTrialDefault(),
       clinicalTrialRules: {
         PhaseId: [
-          { required: true, message: 'Please select', trigger: ['blur', 'change'] }
+          {
+            required: true,
+            message: 'Please select',
+            trigger: ['blur', 'change'],
+          },
         ],
         EvaluationCriteriaIdList: [
-          { required: true, message: 'Please select', trigger: ['blur', 'change'] }
+          {
+            required: true,
+            message: 'Please select',
+            trigger: ['blur', 'change'],
+          },
         ],
         VisitReadingCount: [
           { required: true, message: 'Please specify', trigger: 'blur' },
         ],
         EvaluationContent: [
           { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 300, message: 'The maximum length is 300' }
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        IndicationEnum: [
+          { required: true, message: 'Please select', trigger: 'blur' },
         ],
         StartTime: [
           { required: true, message: 'Please specify', trigger: 'blur' },
+          {
+            validator: (rule, value, callback) => {
+              if (
+                value &&
+                this.clinicalTrialForm.EndTime &&
+                moment(value).isAfter(moment(this.clinicalTrialForm.EndTime))
+              ) {
+                callback(
+                  new Error(
+                    this.$t('system:TrialExperience:rule:startBeforeEnd')
+                  )
+                )
+              } else {
+                callback()
+              }
+            },
+            trigger: 'blur',
+          },
+        ],
+        EndTime: [
+          {
+            validator: (rule, value, callback) => {
+              if (
+                value &&
+                this.clinicalTrialForm.StartTime &&
+                moment(value).isBefore(moment(this.clinicalTrialForm.StartTime))
+              ) {
+                callback(
+                  new Error(
+                    this.$t('system:TrialExperience:rule:endBeforeStart')
+                  )
+                )
+              } else {
+                callback()
+              }
+            },
+            trigger: 'blur',
+          },
+        ],
+        OtherStages: [
+          {
+            required: true,
+            message: 'Please input',
+            trigger: ['blur', 'change'],
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        OtherCriterion: [
+          {
+            required: true,
+            message: 'Please input',
+            trigger: ['blur', 'change'],
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
         ],
       },
       GCP: 0,
@@ -180,33 +454,132 @@ export default {
       OtherClinicalExperience: '',
       OtherClinicalExperienceCN: '',
       isDisabled: false,
-      doctorId: this.$route.query.Id,
+      doctorId: this.$route.query.Id || this.reviewerId,
       isBtnDisabled: false,
       selectId: '00000000-0000-0000-0000-000000000000',
-      dictionaryList: {}
+      dictionaryList: {},
+      // otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
+      otherId: '00000000-0000-0000-0000-000000000000',
+      GCPData: {},
     }
   },
+  computed: {
+    IndicationOptions() {
+      console.log(
+        this.$d.IndicationType,
+        this.clinicalTrialForm.IndicationTypeId
+      )
+      if (!this.clinicalTrialForm.IndicationTypeId) return []
+      let indicationGroupingArr = this.$d.IndicationType.filter(
+        (item) => item.id === this.clinicalTrialForm.IndicationTypeId
+      )
+      let indicationGrouping = null
+      if (
+        Array.isArray(indicationGroupingArr) &&
+        indicationGroupingArr.length > 0
+      ) {
+        indicationGrouping = indicationGroupingArr[0].raw.ChildGroup
+      }
+      let arr =
+        this.$d.Indication.filter(
+          (item) => indicationGrouping === item.raw.ChildGroup
+        ) || []
+      return arr
+    },
+    IndicationEnum_isOther() {
+      if (!this.clinicalTrialForm.IndicationEnum) return false
+      let value = this.$d.Indication.find(
+        (item) => item.value === this.clinicalTrialForm.IndicationEnum
+      ).label
+      return value === this.$t('curriculumVitae:selectLabel:Other')
+    },
+    Trial_Phase_isOther() {
+      if (!this.clinicalTrialForm.PhaseId) return false
+      let value = this.dictionaryList.Trial_Phase.find(
+        (item) => item.Id === this.clinicalTrialForm.PhaseId
+      ).Value
+      return value === this.$t('curriculumVitae:selectLabel:Other')
+    },
+    ReadingStandard_isOther() {
+      if (
+        !this.clinicalTrialForm.EvaluationCriteriaIdList ||
+        this.clinicalTrialForm.EvaluationCriteriaIdList.length <= 0
+      )
+        return false
+      return this.clinicalTrialForm.EvaluationCriteriaIdList.includes(
+        this.otherId
+      )
+    },
+    CriterionType() {
+      if (!this.dictionaryList.CriterionType) return []
+      return [
+        ...this.dictionaryList.CriterionType,
+        {
+          Id: this.otherId,
+          Value: this.$t('curriculumVitae:selectLabel:Other'),
+        },
+      ]
+    },
+  },
+  watch: {
+    reviewerId() {
+      if (this.reviewerId) {
+        this.doctorId = this.reviewerId
+        this.initForm()
+      }
+    },
+    Trial_Phase_isOther() {
+      if (!this.Trial_Phase_isOther) {
+        this.clinicalTrialForm.OtherStages = null
+      }
+    },
+    ReadingStandard_isOther() {
+      if (!this.ReadingStandard_isOther) {
+        this.clinicalTrialForm.OtherCriterion = null
+      }
+    },
+    IndicationEnum_isOther() {
+      if (!this.IndicationEnum_isOther) {
+        this.clinicalTrialForm.EvaluationContent = null
+      }
+    },
+  },
   created() {
     this.initForm()
   },
   methods: {
     async initForm() {
       await this.getDicData()
-      const id = this.$route.query.Id
+      const id = this.$route.query.Id || this.reviewerId
       if (id) {
         this.loading = true
-        getTrialExperience(id).then(res => {
-          this.clinicalTrialList = res.Result.ClinicalTrialExperienceList
-          this.GCP = res.Result.GCP
-          this.GCPID = res.Result.GCPId
-          this.OtherClinicalExperience = res.Result.OtherClinicalExperience
-          this.OtherClinicalExperienceCN = res.Result.OtherClinicalExperienceCN
-          this.loading = false
-        }).catch(() => { this.loading = false })
+        let data = {
+          DoctorId: id,
+        }
+        if (this.$route.query.trialId) {
+          data.TrialId = this.$route.query.trialId
+        }
+        getTrialExperience(data)
+          .then((res) => {
+            this.clinicalTrialList = res.Result.ClinicalTrialExperienceList
+            this.GCP = res.Result.GCP
+            this.GCPID = res.Result.GCPId
+            this.GCPData = {
+              GCPAgencies: res.Result.GCPAgencies,
+              GCPTime: res.Result.GCPTime,
+            }
+            this.OtherClinicalExperience = res.Result.OtherClinicalExperience
+            this.OtherClinicalExperienceCN =
+              res.Result.OtherClinicalExperienceCN
+            this.loading = false
+          })
+          .catch(() => {
+            this.loading = false
+          })
       }
     },
     getDicData() {
-      getBasicDataSelects(['Trial_Phase', 'ReadingStandard']).then(res => {
+      getBasicDataSelects(['Trial_Phase', 'CriterionType']).then((res) => {
         this.dictionaryList = { ...res.Result }
       })
     },
@@ -217,7 +590,19 @@ export default {
       this.clinicalTrialForm = Object.assign({}, getClinicalTrialDefault())
     },
     handleEdit(row) {
-      const { Id, PhaseId, EvaluationCriteriaIdList, EvaluationContent, StartTime, EndTime, VisitReadingCount } = row
+      const {
+        Id,
+        PhaseId,
+        EvaluationCriteriaIdList,
+        EvaluationContent,
+        StartTime,
+        EndTime,
+        VisitReadingCount,
+        OtherStages,
+        OtherCriterion,
+        IndicationEnum,
+        IndicationTypeId,
+      } = row
       this.clinicalTrialForm = Object.assign({}, getClinicalTrialDefault())
       this.clinicalTrialDialogTitle = 'Edit'
       this.clinicalTrialDialogVisible = true
@@ -228,37 +613,52 @@ export default {
       this.clinicalTrialForm.VisitReadingCount = VisitReadingCount
       this.clinicalTrialForm.EvaluationCriteriaIdList = EvaluationCriteriaIdList
       this.clinicalTrialForm.EvaluationContent = EvaluationContent
+      this.clinicalTrialForm.OtherStages = OtherStages
+      this.clinicalTrialForm.OtherCriterion = OtherCriterion
+      this.clinicalTrialForm.IndicationEnum = IndicationEnum
+      this.clinicalTrialForm.IndicationTypeId = IndicationTypeId
     },
     handleSave() {
-      this.$refs.clinicalTrialForm.validate(valid => {
+      this.$refs.clinicalTrialForm.validate((valid) => {
         if (valid) {
           this.isDisabled = true
-          this.clinicalTrialForm.DoctorId = this.$route.query.Id
+          this.clinicalTrialForm.DoctorId =
+            this.$route.query.Id || this.reviewerId
           var dateTime
           if (this.clinicalTrialForm.StartTime) {
             dateTime = new Date(this.clinicalTrialForm.StartTime)
-            this.clinicalTrialForm.StartTime = moment(new Date(dateTime.setDate(dateTime.getDate()+1))).format('YYYY') + "-01"
+            this.clinicalTrialForm.StartTime =
+              moment(new Date(dateTime.setDate(dateTime.getDate() + 1))).format(
+                'YYYY'
+              ) + '-01'
           }
           if (this.clinicalTrialForm.EndTime) {
             dateTime = new Date(this.clinicalTrialForm.EndTime)
-            this.clinicalTrialForm.EndTime = moment(new Date(dateTime.setDate(dateTime.getDate()+1))).format("YYYY") + "-01"
+            this.clinicalTrialForm.EndTime =
+              moment(new Date(dateTime.setDate(dateTime.getDate() + 1))).format(
+                'YYYY'
+              ) + '-01'
           }
-          addOrUpdateTrialExperience(this.clinicalTrialForm).then(res => {
-            this.isDisabled = false
-            this.initForm()
-            if (this.clinicalTrialForm.Id) {
-              this.$message({
-                message: 'Updated successfully',
-                type: 'success'
-              })
-            } else {
-              this.$message({
-                message: 'Addedd successfully',
-                type: 'success'
-              })
-            }
-            this.clinicalTrialDialogVisible = false
-          })
+          if (this.$route.query.trialId) {
+            this.clinicalTrialForm.TrialId = this.$route.query.trialId
+          }
+          addOrUpdateTrialExperience(this.clinicalTrialForm)
+            .then((res) => {
+              this.isDisabled = false
+              this.initForm()
+              if (this.clinicalTrialForm.Id) {
+                this.$message({
+                  message: 'Updated successfully',
+                  type: 'success',
+                })
+              } else {
+                this.$message({
+                  message: 'Addedd successfully',
+                  type: 'success',
+                })
+              }
+              this.clinicalTrialDialogVisible = false
+            })
             .catch(() => {
               this.isDisabled = false
             })
@@ -269,20 +669,28 @@ export default {
       this.$confirm('Confirm to delete?', {
         type: 'warning',
         distinguishCancelAndClose: true,
-
       })
         .then(() => {
-          deleteTrialExperience(row.Id)
-            .then(res => {
-              this.clinicalTrialList.splice(this.clinicalTrialList.findIndex(item => item.Id === row.Id), 1)
-              this.$message.success('Deleted successfully !')
-            })
+          deleteTrialExperience(row.Id).then((res) => {
+            this.clinicalTrialList.splice(
+              this.clinicalTrialList.findIndex((item) => item.Id === row.Id),
+              1
+            )
+            this.$message.success('Deleted successfully !')
+          })
         })
-        .catch(action => {})
+        .catch((action) => {})
     },
     handleSaveOtherClinical() {
-      const param = { DoctorId: this.doctorId, OtherClinicalExperience: this.OtherClinicalExperience, OtherClinicalExperienceCN: this.OtherClinicalExperienceCN }
-      updateOtherExperience(param).then(res => {
+      const param = {
+        DoctorId: this.doctorId,
+        OtherClinicalExperience: this.OtherClinicalExperience,
+        OtherClinicalExperienceCN: this.OtherClinicalExperienceCN,
+      }
+      if (this.$route.query.trialId) {
+        param.TrialId = this.$route.query.trialId
+      }
+      updateOtherExperience(param).then((res) => {
         if (res.IsSuccess) {
           if (this.id) {
             this.$message.success('Updated successfully')
@@ -291,7 +699,11 @@ export default {
           }
         }
       })
-    }
-  }
+    },
+    handleIndicationTypeChange(val) {
+      this.clinicalTrialForm.EvaluationContent = null
+      this.clinicalTrialForm.IndicationEnum = null
+    },
+  },
 }
 </script>

src/views/reviewers/curriculumVitae/components/file/agreement.vue

@@ -0,0 +1,488 @@
+<template>
+  <div class="agreement">
+    <div class="title">{{ $t('curriculumVitae:agreement:title') }}</div>
+    <div class="fileBox">
+      <div class="file_title">
+        {{ $t('curriculumVitae:agreement:fileTitle') }}
+      </div>
+      <template v-if="sowList && sowList.length > 0">
+        <div class="file" v-for="item in sowList" :key="item.Id">
+          <div class="name" :title="item.FileName">{{ item.FileName }}</div>
+          <i
+            class="el-icon-view"
+            :title="$t('common:button:preview')"
+            @click.stop="handlePreview3(item)"
+          />
+          <i
+            class="el-icon-edit"
+            :title="$t('common:button:edit')"
+            v-if="item.IsIRUpload || isPM"
+            @click="
+              handleEditCol(item, 0, $t('trials:enrolledReviews:message:SOW'))
+            "
+          />
+          <i
+            class="el-icon-delete"
+            v-if="item.IsIRUpload || isPM"
+            :title="$t('common:button:delete')"
+            @click="handleRemoveFile3(item)"
+          />
+        </div>
+      </template>
+      <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+      <div class="btnBox" style="margin-top: 10px">
+        <el-button
+          type="primary"
+          size="small"
+          @click.stop="addCol(0, $t('trials:enrolledReviews:message:SOW'))"
+        >
+          {{ $t('curriculumVitae:agreement:btn:upload') }}
+        </el-button>
+        <el-button
+          type="text"
+          @click.stop="handleDownload('Reviewer_SOW_Template')"
+        >
+          {{ $t('common:button:downloadTpl') }}
+        </el-button>
+      </div>
+      <template v-if="!isPM">
+        <template v-if="CounselorFiles">
+          <div class="file_title">
+            {{ $t('curriculumVitae:agreement:Counselor') }}
+          </div>
+          <div class="file" v-for="item in CounselorFiles" :key="item.Id">
+            <div class="name" :title="item.FileName">{{ item.FileName }}</div>
+            <i
+              class="el-icon-view"
+              :title="$t('common:button:preview')"
+              @click.stop="preview(item)"
+            />
+          </div>
+        </template>
+        <template v-if="ackSowList && ackSowList.length > 0">
+          <div class="file_title">
+            {{ $t('curriculumVitae:agreement:confirmation') }}
+          </div>
+          <div class="file" v-for="item in ackSowList" :key="item.Id">
+            <div class="name" :title="item.FileName">{{ item.FileName }}</div>
+            <i
+              class="el-icon-view"
+              :title="$t('common:button:preview')"
+              @click.stop="handlePreview3(item)"
+            />
+          </div>
+        </template>
+      </template>
+      <template v-else>
+        <div class="file_title">
+          {{ $t('curriculumVitae:agreement:Counselor') }}
+        </div>
+        <template v-if="agreementList && agreementList.length > 0">
+          <div class="file" v-for="item in agreementList" :key="item.Id">
+            <div class="name" :title="item.FileName">{{ item.FileName }}</div>
+            <i
+              class="el-icon-view"
+              :title="$t('common:button:preview')"
+              @click.stop="handlePreview3(item)"
+            />
+            <i
+              class="el-icon-delete"
+              :title="$t('common:button:delete')"
+              @click="handleRemoveFile(item)"
+            />
+          </div>
+        </template>
+        <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+        <div class="btnBox" style="margin-top: 10px">
+          <div class="resume-content">
+            <div class="upload-content">
+              <upload-files
+                ref="uploadAgreement"
+                :doctor-id="reviewerId"
+                type="Consultant Agreement"
+                accept=".pdf"
+                @getFileList="getFileList"
+              />
+            </div>
+            <!-- <p>{{ $t('system:tip:file:pdf') }}</p> -->
+          </div>
+        </div>
+        <div class="file_title">
+          {{ $t('curriculumVitae:agreement:confirmation') }}
+        </div>
+        <template v-if="ackSowList && ackSowList.length > 0">
+          <div class="file" v-for="item in ackSowList" :key="item.Id">
+            <div class="name" :title="item.FileName">{{ item.FileName }}</div>
+            <i
+              class="el-icon-view"
+              :title="$t('common:button:preview')"
+              @click.stop="handlePreview3(item)"
+            />
+            <i
+              class="el-icon-edit"
+              :title="$t('common:button:edit')"
+              @click="
+                handleEditCol(item, 1, $t('trials:enrolledReviews:message:SOW'))
+              "
+            />
+            <i
+              class="el-icon-delete"
+              :title="$t('common:button:delete')"
+              @click="handleRemoveFile3(item)"
+            />
+          </div>
+        </template>
+        <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+        <div class="btnBox" style="margin-top: 10px">
+          <el-button
+            type="primary"
+            size="small"
+            @click.stop="addCol(1, $t('trials:enrolledReviews:message:SOW'))"
+          >
+            {{ $t('curriculumVitae:agreement:btn:uploadconfirmation') }}
+          </el-button>
+        </div>
+      </template>
+    </div>
+    <BaseModel :config="model_cfg">
+      <template slot="dialog-body">
+        <el-form
+          ref="DictionaryTypeConfigForm"
+          :model="form"
+          :rules="rules"
+          label-width="120px"
+          size="small"
+        >
+          <el-form-item
+            :label="$t('system:Agreements:label:Criterion Type')"
+            prop="CriterionType"
+          >
+            <el-select v-model="form.CriterionType">
+              <el-option
+                v-for="item of $d.CriterionType"
+                :key="item.id"
+                :value="item.value"
+                :label="item.label"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="$t('system:Agreements:label:File')"
+            prop="FilePath"
+          >
+            <el-upload
+              class="upload-demo"
+              action
+              :before-upload="beforeUpload"
+              :http-request="handleUploadFile"
+              :on-preview="handlePreview2"
+              :on-remove="handleRemoveFile2"
+              :show-file-list="true"
+              :limit="1"
+              :accept="accept"
+              :file-list="fileList"
+            >
+              <el-button
+                size="small"
+                type="primary"
+                :disabled="fileList.length > 0"
+                >{{ $t('common:button:upload') }}</el-button
+              >
+              <span>{{ $t('system:tip:file:pdf') }}</span>
+            </el-upload>
+          </el-form-item>
+          <el-form-item :label="$t('system:Agreements:label:Remark')">
+            <el-input
+              v-model="form.Remark"
+              type="textarea"
+              :autosize="{ minRows: 2, maxRows: 4 }"
+            ></el-input>
+          </el-form-item>
+          <el-form-item :label="$t('system:Agreements:label:Is Enable')">
+            <el-switch
+              v-model="form.IsEnable"
+              :active-value="true"
+              :inactive-value="false"
+            />
+          </el-form-item>
+        </el-form>
+      </template>
+      <template slot="dialog-footer">
+        <el-button
+          :disabled="btnLoading"
+          size="small"
+          type="primary"
+          @click="handleCancle"
+        >
+          {{ $t('common:button:cancel') }}
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          :loading="btnLoading"
+          @click="handleSave"
+        >
+          {{ $t('common:button:save') }}
+        </el-button>
+      </template>
+    </BaseModel>
+  </div>
+</template>
+<script>
+import { DownloadCommonDoc } from '@/api/dictionary'
+import {
+  addDoctorCriterionFile,
+  deleteDoctorCriterionFile,
+  getDoctorCriterionFile,
+} from '@/api/reviewers'
+import BaseModel from '@/components/BaseModel'
+import UploadFiles from '@/components/UploadFiles'
+export default {
+  name: 'agreement',
+  components: {
+    BaseModel,
+    UploadFiles,
+  },
+  props: {
+    DATA: {
+      type: Array,
+      default: () => {
+        return []
+      },
+    },
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+    isEN: {
+      type: Boolean,
+      default: false,
+    },
+    isPM: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      faccept: ['.pdf'],
+      loading: false,
+      agreementList: [],
+      sowList: [],
+      ackSowList: [],
+      loading: false,
+      isOpen: false,
+      btnLoading: false,
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: '600px',
+        title: '',
+        appendToBody: true,
+      },
+      form: {
+        Remark: null,
+        FileType: null,
+        FileName: null,
+        FilePath: null,
+        DoctorId: null,
+        CriterionType: null,
+        IsEnable: false,
+      },
+      rules: {
+        CriterionType: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: ['blur'],
+          },
+        ],
+        FilePath: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: ['blur'],
+          },
+        ],
+      },
+      fileList: [],
+      accept: '.pdf',
+    }
+  },
+  watch: {
+    reviewerId() {
+      if (this.reviewerId) {
+        this.initSowList()
+      }
+    },
+  },
+  computed: {
+    CounselorFiles() {
+      if (!this.DATA || this.DATA.length <= 0) return false
+      return this.DATA.filter(
+        (item) => item.Type && item.Type.indexOf('Consultant Agreement') >= 0
+      )
+    },
+  },
+  methods: {
+    handleRemoveFile(row) {
+      this.$refs.uploadAgreement.handleDeleteFile(row)
+    },
+    getFileList(fileList) {
+      this.agreementList = fileList
+    },
+    preview(row) {
+      this.$preview({
+        path: row.FullPath,
+        type: 'pdf',
+        title: row.FileName,
+      })
+    },
+    handleDownload(code) {
+      this.loading = true
+      DownloadCommonDoc(code)
+        .then((data) => {
+          this.loading = false
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+    handleEditCol(row, fileType, title) {
+      this.model_cfg.visible = true
+      this.form = Object.assign({}, row)
+      this.fileList[0] = { name: row.FileName, path: row.FilePath }
+      this.form.FileType = fileType
+      this.model_cfg.title = title
+    },
+    handleRemoveFile3(row) {
+      this.$confirm(
+        this.$t('dictionary:attachment:export:confirm:delete')
+      ).then(() => {
+        deleteDoctorCriterionFile({
+          Id: row.Id,
+        }).then(() => {
+          this.initSowList()
+          this.$message.success(this.$t('common:message:deletedSuccessfully'))
+        })
+      })
+    },
+    handleRemoveFile2() {
+      this.form.FileName = null
+      this.form.FilePath = null
+      this.fileList = []
+    },
+    beforeUpload(row) {
+      if (this.fileList.length > 0) {
+        // this.$alert('最多只能传一个附件')
+        this.$alert(this.$t('upload:rule:maxFile1'))
+        return
+      }
+      if (!this.checkFileSuffix(row.name)) {
+        this.$message.warning(this.$t('upload:rule:MUSTPDF'))
+        return false
+      }
+    },
+    checkFileSuffix(fileName) {
+      var index = fileName.lastIndexOf('.')
+      var suffix = fileName.substring(index + 1, fileName.length)
+      return (
+        this.accept.toLocaleLowerCase().search(suffix.toLocaleLowerCase()) === 1
+      )
+    },
+    handlePreview3(row) {
+      return this.$preview({
+        path: row.FilePath || row.Path || row.FullPath,
+        type: 'pdf',
+        title: row.FileName,
+      })
+      if (row.FilePath) {
+        window.open(this.OSSclientConfig.basePath + row.FilePath, '_blank')
+      }
+    },
+    handlePreview2(row, r2) {
+      return this.$preview({
+        path: row.FullPath,
+        type: 'pdf',
+        title: row.FileName,
+      })
+      if (row.fullPath) {
+        window.open(this.OSSclientConfig.basePath + row.fullPath, '_blank')
+      }
+    },
+    async handleUploadFile(param) {
+      this.btnLoading = true
+      var fileName = param.file.name
+      let file = await this.fileToBlob(param.file)
+      let res = await this.OSSclient.put(
+        `/SystemData/reviewer/${
+          this.form.FileType === 0 ? '既往阅片情况声明' : '入项资格确认书'
+        }/${this.reviewerId}/${fileName}`,
+        file
+      )
+      this.form.FileName = param.file.name
+      this.form.FilePath = this.$getObjectName(res.url)
+      this.fileList[0] = {
+        name: this.$getObjectName(res.url),
+        path: this.$getObjectName(res.url),
+        fullPath: this.$getObjectName(res.url),
+        url: res.url,
+      }
+      this.btnLoading = false
+    },
+    handleCancle() {
+      this.model_cfg.visible = false
+    },
+    handleSave() {
+      this.$refs['DictionaryTypeConfigForm'].validate((valid) => {
+        if (!valid) return
+        this.form.DoctorId = this.reviewerId
+        this.form.CriterionName = this.$fd(
+          'CriterionType',
+          this.form.CriterionType
+        )
+        if (!this.isPM) {
+          this.form.IsIRUpload = true
+        }
+        addDoctorCriterionFile(this.form).then((res) => {
+          this.$message.success(this.$t('common:message:addedSuccessfully'))
+          this.initSowList()
+          this.handleCancle()
+        })
+      })
+    },
+    addCol(fileType, title) {
+      this.model_cfg.visible = true
+      this.form = {
+        Remark: null,
+        FileType: null,
+        FileName: null,
+        FilePath: null,
+        DoctorId: null,
+        CriterionType: null,
+        IsEnable: false,
+      }
+      this.handleRemoveFile2()
+      this.form.FileType = fileType
+      this.model_cfg.title = title
+    },
+    initSowList() {
+      if (!this.reviewerId) return
+      getDoctorCriterionFile({
+        fileType: 0,
+        DoctorId: this.reviewerId,
+      }).then((res) => {
+        this.sowList = res.Result
+      })
+      getDoctorCriterionFile({
+        fileType: 1,
+        DoctorId: this.reviewerId,
+      }).then((res) => {
+        this.ackSowList = res.Result
+      })
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+</style>

src/views/reviewers/curriculumVitae/components/file/certificate.vue

@@ -0,0 +1,323 @@
+<template>
+  <div class="certificate">
+    <div class="title">{{ $t('curriculumVitae:certificate:title') }}</div>
+    <div class="fileBox">
+      <!--最高医学学位毕业证书-->
+      <div class="file_title">
+        {{ $t('curriculumVitae:certificate:fileTitle:diploma') }}
+      </div>
+      <div class="file" v-if="diplomaFile">
+        <div class="name" :title="diplomaFile.FileName">
+          {{ diplomaFile.FileName }}
+        </div>
+        <i
+          class="el-icon-view"
+          :title="$t('common:button:preview')"
+          @click.stop="preview(diplomaFile)"
+        />
+        <i
+          class="el-icon-delete"
+          :title="$t('common:button:delete')"
+          @click.stop="handleRemoveFile(diplomaFile)"
+        />
+      </div>
+      <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+      <!--医师资格证-->
+      <div class="file_title">
+        {{ $t('curriculumVitae:certificate:fileTitle:certificate') }}
+      </div>
+      <div class="file" v-if="certificateFile">
+        <div class="name" :title="certificateFile.FileName">
+          {{ certificateFile.FileName }}
+        </div>
+        <i
+          class="el-icon-view"
+          :title="$t('common:button:preview')"
+          @click.stop="preview(certificateFile)"
+        />
+        <i
+          class="el-icon-delete"
+          :title="$t('common:button:delete')"
+          @click.stop="handleRemoveFile(certificateFile)"
+        />
+      </div>
+      <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+      <!--医师执业证-->
+      <div class="file_title">
+        {{ $t('curriculumVitae:certificate:fileTitle:license') }}
+      </div>
+      <div class="file" v-if="licenseFile">
+        <div class="name" :title="licenseFile.FileName">
+          {{ licenseFile.FileName }}
+        </div>
+        <i
+          class="el-icon-view"
+          :title="$t('common:button:preview')"
+          @click.stop="preview(licenseFile)"
+        />
+        <i
+          class="el-icon-delete"
+          :title="$t('common:button:delete')"
+          @click.stop="handleRemoveFile(licenseFile)"
+        />
+      </div>
+      <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+      <!--大型医用设备上岗证-->
+      <div class="file_title">
+        {{ $t('curriculumVitae:certificate:fileTitle:workPermit') }}
+      </div>
+      <template v-if="workPermitFiles && workPermitFiles.length > 0">
+        <div class="file_title">
+          {{ $t('curriculumVitae:certificate:fileTitle:CT') }}
+        </div>
+        <div v-for="item in workPermitFiles" :key="item.Id">
+          <div class="file">
+            <div class="name" :title="item.FileName">{{ item.FileName }}</div>
+            <i
+              class="el-icon-view"
+              :title="$t('common:button:preview')"
+              @click.stop="preview(item)"
+            />
+            <i
+              class="el-icon-delete"
+              :title="$t('common:button:delete')"
+              @click.stop="handleRemoveFile(item)"
+            />
+          </div>
+        </div>
+      </template>
+      <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+      <div class="btnBox" style="margin-top: 10px">
+        <el-button
+          type="primary"
+          size="small"
+          :disabled="loading"
+          :loading="loading"
+          @click.stop="openBox"
+        >
+          {{ $t('curriculumVitae:certificate:btn:upload') }}
+        </el-button>
+      </div>
+    </div>
+    <base-model :config="model_cfg">
+      <template slot="dialog-body">
+        <div class="box">
+          <div class="clearfix">
+            <p style="line-height: 30px; font-size: 13px">
+              {{ $t('system:Credentials:title:Default Certificate') }}
+            </p>
+            <el-card class="e-card">
+              <p class="title">
+                {{
+                  $t(
+                    'system:Credentials:title:Diploma of the highest medical degree'
+                  )
+                }}
+              </p>
+              <upload-file
+                :doctor-id="reviewerId"
+                type="Diploma of the highest medical degree"
+                @getFileList="$emit('getInfo')"
+              />
+            </el-card>
+            <el-card class="e-card">
+              <p class="title">
+                {{
+                  $t(
+                    'system:Credentials:title:Medical Qualification Certificate'
+                  )
+                }}
+              </p>
+              <upload-file
+                :doctor-id="reviewerId"
+                type="Medical Qualification Certificate"
+                @getFileList="$emit('getInfo')"
+              />
+            </el-card>
+            <el-card class="e-card">
+              <p class="title">
+                {{ $t('system:Credentials:title:Practice License') }}
+              </p>
+              <upload-file
+                :doctor-id="reviewerId"
+                type="Practice License"
+                @getFileList="$emit('getInfo')"
+              />
+            </el-card>
+          </div>
+
+          <div class="clearfix">
+            <p style="line-height: 30px; font-size: 13px">
+              {{ $t('system:Credentials:title:Modality Certificate') }}
+            </p>
+            <el-card class="e-card">
+              <p class="title">CT</p>
+              <upload-file
+                :doctor-id="reviewerId"
+                type="Modality Certificate(CT)"
+                @getFileList="$emit('getInfo')"
+              />
+            </el-card>
+
+            <el-card class="e-card">
+              <p class="title">MRI</p>
+              <upload-file
+                :doctor-id="reviewerId"
+                type="Modality Certificate(MRI)"
+                @getFileList="$emit('getInfo')"
+              />
+            </el-card>
+
+            <el-card class="e-card">
+              <p class="title">NM</p>
+              <upload-file
+                :doctor-id="reviewerId"
+                type="Modality Certificate(NM)"
+                @getFileList="$emit('getInfo')"
+              />
+            </el-card>
+
+            <el-card class="e-card">
+              <p class="title">US</p>
+              <upload-file
+                :doctor-id="reviewerId"
+                type="Modality Certificate(US)"
+                @getFileList="$emit('getInfo')"
+              />
+            </el-card>
+          </div>
+        </div>
+      </template>
+      <template slot="dialog-footer">
+        <el-button size="small" type="primary" @click="handleCancle">
+          {{ $t('common:button:confirm') }}
+        </el-button>
+      </template>
+    </base-model>
+  </div>
+</template>
+<script>
+import PreviewFile from '@/components/PreviewFile/index'
+import BaseModel from '@/components/BaseModel'
+import UploadFile from '@/components/UploadFile'
+import { deleteAttachment } from '@/api/attachment'
+export default {
+  name: 'certificate',
+  components: {
+    PreviewFile,
+    BaseModel,
+    UploadFile,
+  },
+  props: {
+    DATA: {
+      type: Array,
+      default: () => {
+        return []
+      },
+    },
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+    isEN: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      faccept: ['.pdf'],
+      loading: false,
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: '800px',
+        title: this.$t('curriculumVitae:certificate:form:title'),
+        appendToBody: true,
+      },
+    }
+  },
+  computed: {
+    //最高医学学位毕业证书
+    diplomaFile() {
+      if (!this.DATA || this.DATA.length <= 0) return false
+      return this.DATA.find(
+        (item) => item.Type === 'Diploma of the highest medical degree'
+      )
+    },
+    //医师资格证
+    certificateFile() {
+      if (!this.DATA || this.DATA.length <= 0) return false
+      return this.DATA.find(
+        (item) => item.Type === 'Medical Qualification Certificate'
+      )
+    },
+    //医师执业证
+    licenseFile() {
+      if (!this.DATA || this.DATA.length <= 0) return false
+      return this.DATA.find((item) => item.Type === 'Practice License')
+    },
+    //大型医用设备上岗证
+    workPermitFiles() {
+      if (!this.DATA || this.DATA.length <= 0) return false
+      return this.DATA.filter(
+        (item) => item.Type && item.Type.indexOf('Modality Certificate') >= 0
+      )
+    },
+  },
+  methods: {
+    openBox() {
+      this.model_cfg.visible = true
+    },
+    handleCancle() {
+      this.model_cfg.visible = false
+    },
+    handleRemoveFile(row) {
+      this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
+        type: 'warning',
+        distinguishCancelAndClose: true,
+      })
+        .then(() => {
+          deleteAttachment(row.Id, row.Path).then((res) => {
+            if (res.IsSuccess) {
+              this.$emit('getInfo')
+              this.$message({
+                message: this.$t('common:message:deletedSuccessfully'),
+                type: 'success',
+              })
+            }
+          })
+        })
+        .catch((action) => {})
+    },
+    preview(row) {
+      this.$preview({
+        path: row.FullPath,
+        type: 'pdf',
+        title: row.FileName,
+      })
+    },
+    beginScanFiles(e) {
+      let files = e.target.files
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+// ::v-deep .el-dialog__body {
+//   padding-top: 0;
+// }
+.box {
+  display: flex;
+  justify-content: space-between;
+  .clearfix {
+    width: 48%;
+    .e-card {
+      margin-bottom: 10px;
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+}
+</style>

src/views/reviewers/curriculumVitae/components/file/curriculum.vue

@@ -0,0 +1,339 @@
+<template>
+  <div class="curriculum">
+    <div class="title">{{ $t('curriculumVitae:curriculum:title') }}</div>
+    <div class="fileBox">
+      <div class="file_title">
+        {{ $t('curriculumVitae:curriculum:fileTitle:CN') }}
+      </div>
+      <template v-if="resumeListCN.length > 0">
+        <div class="file" v-for="item in resumeListCN" :key="item.Id">
+          <div class="name" :title="item.FileName">{{ item.FileName }}</div>
+          <i
+            class="el-icon-download"
+            :title="$t('common:button:download')"
+            @click.stop="handlePreview(item)"
+          />
+          <i
+            class="el-icon-delete"
+            :title="$t('common:button:delete')"
+            @click.stop="handleRemoveFile(item)"
+          />
+          <i
+            :class="{ 'el-icon-circle-check': true, disable: item.IsOfficial }"
+            :title="$t('common:button:default')"
+            @click.stop="handleSetOfiical(item)"
+          />
+        </div>
+      </template>
+      <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+      <div class="file_title">
+        {{ $t('curriculumVitae:curriculum:fileTitle:EN') }}
+      </div>
+      <template v-if="resumeListEN.length > 0">
+        <div class="file" v-for="item in resumeListEN" :key="item.FileName">
+          <div class="name" :title="item.FileName">{{ item.FileName }}</div>
+          <i
+            class="el-icon-download"
+            :title="$t('common:button:download')"
+            @click.stop="handlePreview(item)"
+          />
+          <i
+            class="el-icon-delete"
+            :title="$t('common:button:delete')"
+            @click.stop="handleRemoveFile(item)"
+          />
+        </div>
+      </template>
+      <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+      <div class="btnBox" style="margin-top: 20px">
+        <div class="uploadFile-container" style="margin-right: 10px">
+          <el-upload
+            class="upload-demo"
+            :data="{ language: 1 }"
+            action
+            :show-file-list="false"
+            :http-request="handleUploadFile"
+            :file-list="resumeList"
+            accept=".doc,.docx"
+          >
+            <el-button size="small" type="primary">
+              {{ $t('curriculumVitae:curriculum:btn:uploadCN') }}
+            </el-button>
+          </el-upload>
+        </div>
+        <!-- <el-button
+          type="text"
+          @click.stop="handleDownload('Reviewer_resume_Template')"
+        >
+          {{ $t('common:button:downloadTpl') }}
+        </el-button> -->
+      </div>
+      <div class="btnBox">
+        <div class="uploadFile-container" style="margin-right: 10px">
+          <el-upload
+            class="upload-demo"
+            :data="{ language: 2 }"
+            action
+            :show-file-list="false"
+            :http-request="handleUploadFile"
+            :file-list="resumeList"
+            accept=".doc,.docx"
+          >
+            <el-button size="small" type="primary">
+              {{ $t('curriculumVitae:curriculum:btn:uploadEN') }}
+            </el-button>
+          </el-upload>
+        </div>
+        <!-- <el-button
+          type="text"
+          @click.stop="handleDownload('Reviewer_resume_Template')"
+        >
+          {{ $t('common:button:downloadTpl') }}
+        </el-button> -->
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import {
+  getAttachmentByType,
+  saveAttachments,
+  deleteAttachment,
+  setOfficial,
+  setLanguageForResume,
+} from '@/api/attachment'
+import { DownloadCommonDoc } from '@/api/dictionary'
+export default {
+  name: 'curriculum',
+  props: {
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+    isEN: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      loading: false,
+      resumeList: [],
+      resumeListEN: [],
+      resumeListCN: [],
+      language: 0,
+      dialogVisible: false,
+      currentRow: {},
+      repeat: false,
+      isDisabled: false,
+    }
+  },
+  watch: {
+    reviewerId() {
+      if (this.reviewerId) {
+        this.getResumeList()
+      }
+    },
+  },
+  methods: {
+    handleDownload(code) {
+      this.loading = true
+      DownloadCommonDoc(code)
+        .then((data) => {
+          this.loading = false
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+    getResumeList() {
+      this.loading = true
+      getAttachmentByType(this.reviewerId, 'Resume')
+        .then((res) => {
+          if (res.IsSuccess) {
+            if (res.Result.length > 0) {
+              this.resumeList = res.Result
+              this.filterByLanguage()
+            }
+          }
+          this.loading = false
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+    handleUploadFile(param) {
+      this.repeat = false
+      // const fileName = param.file.name.substring(0, param.file.name.lastIndexOf('.'))
+      // const extension = param.file.name.substring(param.file.name.lastIndexOf('.'))
+      // 检测文件后缀名
+      if (this.checkFileSuffix(param.file.name) > -1) {
+        // 检测是否有重名文件
+        const isRepeat = this.resumeList.some(
+          (item) => item.FileName === param.file.name
+        )
+        if (isRepeat) {
+          this.$confirm(
+            this.$t('curriculumVitae:resume:message:existingResume'),
+            {
+              type: 'warning',
+              distinguishCancelAndClose: true,
+            }
+          )
+            .then(() => {
+              // 重名覆盖
+              this.repeat = true
+              this.uploadFile(param.file, param.data.language)
+            })
+            .catch((action) => {})
+        } else {
+          this.uploadFile(param.file, param.data.language)
+        }
+      } else {
+        this.$alert(this.$t('upload:rule:MUSTPDF'))
+      }
+    },
+    async uploadFile(file, language) {
+      this.isDisabled = true
+      var fileName = file.name
+      var files = this.resumeList
+      file = await this.fileToBlob(file)
+      let res = await this.OSSclient.put(
+        `/SystemData/reviewer/Resume/${this.reviewerId}/${fileName}`,
+        file
+      )
+      if (this.repeat) {
+        const index = files.findIndex((item, index) => {
+          return item.FileName === fileName
+        })
+        files[index].Path = this.$getObjectName(res.url)
+        files[index].FullPath = this.$getObjectName(res.url)
+        files[index].ReUpload = true
+        files[index].Language = language
+      } else {
+        const fileData = {
+          DoctorId: this.reviewerId,
+          Type: 'Resume',
+          Path: this.$getObjectName(res.url),
+          FullPath: this.$getObjectName(res.url),
+          FileName: fileName,
+          Language: language,
+        }
+        files.push(fileData)
+      }
+      this.saveUploadFiles(files)
+    },
+    saveUploadFiles(files) {
+      saveAttachments(files)
+        .then((res) => {
+          this.resumeList = res.Result
+          this.filterByLanguage()
+          this.isDisabled = false
+          this.$message.success(
+            this.$t('trials:uploadDicomList:table:Uploaded')
+          )
+        })
+        .catch(() => {
+          this.isDisabled = false
+        })
+    },
+    filterByLanguage() {
+      this.resumeListEN = []
+      this.resumeListCN = []
+      this.resumeList.map((resume) => {
+        if (resume.Language === 2) {
+          this.resumeListEN.push(resume)
+        } else if (resume.Language === 1) {
+          this.resumeListCN.push(resume)
+        }
+      })
+    },
+    checkFileSuffix(fileName) {
+      const accept = '.doc, .docx'
+      var index = fileName.lastIndexOf('.')
+      var suffix = fileName
+        .substring(index + 1, fileName.length)
+        .toLocaleLowerCase()
+      return accept.search(suffix)
+    },
+    handlePreview(row) {
+      if (row.FullPath) {
+        window.open(this.OSSclientConfig.basePath + row.FullPath, '_blank')
+      }
+    },
+    handleRemoveFile(row) {
+      this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
+        type: 'warning',
+        distinguishCancelAndClose: true,
+      })
+        .then(() => {
+          deleteAttachment(row.Id, row.Path).then((res) => {
+            if (res.IsSuccess) {
+              this.resumeList.splice(
+                this.resumeList.findIndex((item) => item.Id === row.Id),
+                1
+              )
+              this.filterByLanguage()
+              this.$message({
+                message: this.$t('common:message:deletedSuccessfully'),
+                type: 'success',
+              })
+            }
+          })
+        })
+        .catch((action) => {})
+    },
+    handleSetOfiical(row) {
+      if (row.IsOfficial) return false
+      setOfficial(this.reviewerId, row.Id, row.Language).then((res) => {
+        if (res.IsSuccess) {
+          this.getResumeList()
+          this.$message({
+            message: this.$t('common:message:savedSuccessfully'),
+            type: 'success',
+          })
+        }
+      })
+    },
+    handleLanguageClick(row) {
+      this.dialogVisible = true
+      this.language = row.Language
+      this.currentRow = row
+    },
+    setResumeLanguage() {
+      setLanguageForResume(
+        this.reviewerId,
+        this.currentRow.Id,
+        this.language
+      ).then((res) => {
+        if (res.IsSuccess) {
+          this.dialogVisible = false
+          this.getResumeList()
+          this.$message({
+            message: this.$t('common:message:savedSuccessfully'),
+            type: 'success',
+          })
+        }
+      })
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.file {
+  width: 100%;
+  display: flex;
+  margin-bottom: 10px;
+  .name {
+    width: 70%;
+    white-space: nowrap; /* 文本不会换行，会在同一行内继续，直到遇到<br>标签为止 */
+    text-overflow: ellipsis; /* 当文本溢出包含它的容器时，显示省略号(...)来表示被截断的文本 */
+    overflow: hidden; /* 隐藏溢出容器的文本 */
+  }
+  i {
+    cursor: pointer;
+    margin: 3px;
+    color: #409eff;
+  }
+}
+</style>

src/views/reviewers/curriculumVitae/components/info/continuingTraining.vue

@@ -0,0 +1,518 @@
+<template>
+  <div class="continuingTraining">
+    <div class="title">
+      <span>{{ $t('curriculumVitae:continuingTraining:title') }}</span>
+      <el-button
+        type="text"
+        class="editBtn"
+        @click.stop="openEdit"
+        :disabled="!reviewerId"
+      >
+        {{ $t('common:button:add') }}
+      </el-button>
+    </div>
+    <el-table
+      :data="DATA"
+      v-loading="loading"
+      style="width: 100%"
+      :header-cell-style="{ background: '#eee', color: '#606266' }"
+    >
+      <el-table-column
+        prop="date"
+        :label="$t('curriculumVitae:continuingTraining:table:time')"
+      >
+        <template slot-scope="scope">
+          <span>{{ scope.row.BeginDateStr }} ~ {{ scope.row.EndDateStr }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="Training"
+        :label="$t('curriculumVitae:continuingTraining:table:type')"
+      >
+        <template slot-scope="scope">
+          <span>{{ $fd('Training', Number(scope.row.Training)) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="Major"
+        :label="$t('curriculumVitae:continuingTraining:table:direction')"
+      >
+        <template slot-scope="scope">
+          <span>{{ isEN ? scope.row.Major : scope.row.MajorCN }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="school"
+        :label="$t('curriculumVitae:continuingTraining:table:school')"
+      >
+        <template slot-scope="scope">
+          <span>{{ isEN ? scope.row.School : scope.row.SchoolCN }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="City"
+        :label="$t('curriculumVitae:continuingTraining:table:city')"
+      >
+        <template slot-scope="scope">
+          <span>{{ isEN ? scope.row.City : scope.row.CityCN }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('common:action:action')">
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            class="editBtn"
+            @click.stop="openEdit(scope.row)"
+          >
+            {{ $t('common:button:edit') }}
+          </el-button>
+          <el-button
+            type="text"
+            class="editBtn"
+            @click.stop="handleDel(scope.row)"
+          >
+            {{ $t('common:button:delete') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <base-model :config="model_cfg">
+      <template slot="dialog-body">
+        <el-form
+          ref="continuingTrainingFrom"
+          v-loading="loading"
+          :model="form"
+          :rules="rules"
+          label-width="80px"
+          size="small"
+        >
+          <el-form-item
+            :label="$t('curriculumVitae:continuingTraining:form:time')"
+            prop="BeginDate"
+          >
+            <el-date-picker
+              clearable
+              v-model="daterange"
+              type="monthrange"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM"
+              :range-separator="$t('curriculumVitae:daterange:rangeSeparator')"
+              :start-placeholder="$t('curriculumVitae:daterange:startTime')"
+              :end-placeholder="$t('curriculumVitae:daterange:endTime')"
+              @change="changeTimeList"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:continuingTraining:form:type')"
+            prop="Training"
+          >
+            <el-select v-model="form.Training" clearable placeholder="">
+              <el-option
+                v-for="item in $d.Training"
+                :key="item.id"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:continuingTraining:form:direction')"
+            prop="Major"
+            v-if="isEN"
+          >
+            <el-input
+              v-model="form.Major"
+              type="textarea"
+              :rows="2"
+              :maxlength="4000"
+              clearable
+              :placeholder="
+                $t('curriculumVitae:continuingTraining:placeholder:directionEN')
+              "
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            prop="MajorCN"
+            :label="$t('curriculumVitae:continuingTraining:form:direction')"
+            v-else
+          >
+            <el-input
+              type="textarea"
+              :rows="2"
+              v-model="form.MajorCN"
+              :maxlength="4000"
+              clearable
+              :placeholder="
+                $t('curriculumVitae:continuingTraining:placeholder:direction')
+              "
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:continuingTraining:form:hospital')"
+            prop="HospitalId"
+          >
+            <el-select v-model="form.HospitalId" filterable placeholder="">
+              <el-option
+                v-for="(item, index) in hospitalList"
+                :key="index"
+                :label="isEN ? item.HospitalName : item.HospitalNameCN"
+                :value="item.Id"
+              >
+                <span>
+                  {{ isEN ? item.HospitalName : item.HospitalNameCN }}
+                </span>
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:continuingTraining:form:school')"
+            prop="School"
+            v-if="isEN"
+          >
+            <el-input
+              v-model="form.School"
+              clearable
+              :placeholder="
+                $t('curriculumVitae:continuingTraining:placeholder:schoolEN')
+              "
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            prop="SchoolCN"
+            :label="$t('curriculumVitae:continuingTraining:form:school')"
+            v-else
+          >
+            <el-input
+              v-model="form.SchoolCN"
+              clearable
+              :placeholder="
+                $t('curriculumVitae:continuingTraining:placeholder:school')
+              "
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:continuingTraining:form:city')"
+            prop="City"
+            v-if="isEN"
+          >
+            <el-input
+              v-model="form.City"
+              clearable
+              :placeholder="
+                $t('curriculumVitae:continuingTraining:placeholder:City')
+              "
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            prop="CityCN"
+            :label="$t('curriculumVitae:continuingTraining:form:city')"
+            v-else
+          >
+            <el-input
+              v-model="form.CityCN"
+              clearable
+              :placeholder="
+                $t('curriculumVitae:continuingTraining:placeholder:CityCN')
+              "
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:continuingTraining:form:Country')"
+            prop="Country"
+            v-if="isEN"
+          >
+            <el-input
+              v-model="form.Country"
+              clearable
+              :placeholder="
+                $t('curriculumVitae:continuingTraining:placeholder:Country')
+              "
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            prop="CountryCN"
+            :label="$t('curriculumVitae:continuingTraining:form:Country')"
+            v-else
+          >
+            <el-input
+              v-model="form.CountryCN"
+              clearable
+              :placeholder="
+                $t('curriculumVitae:continuingTraining:placeholder:CountryCN')
+              "
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </template>
+      <template slot="dialog-footer">
+        <el-button 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>
+      </template>
+    </base-model>
+  </div>
+</template>
+<script>
+import BaseModel from '@/components/BaseModel'
+import {
+  addOrUpdatePostgraduateInfo,
+  deletePostgraduateInfo,
+} from '@/api/reviewers'
+import store from '@/store'
+import { mapGetters } from 'vuex'
+const defaultForm = () => {
+  return {
+    BeginDate: '',
+    EndDate: '',
+    Training: '',
+    Major: '',
+    MajorCN: '',
+    HospitalId: null,
+    School: '',
+    SchoolCN: '',
+    City: '',
+    CityCN: '',
+    Country: '',
+    CountryCN: '',
+  }
+}
+export default {
+  name: 'continuingTraining',
+  components: { BaseModel },
+  props: {
+    DATA: {
+      type: Array,
+      required: true,
+      default: () => {
+        return []
+      },
+    },
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+    isEN: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: '600px',
+        title: this.$t('curriculumVitae:continuingTraining:form:title'),
+        appendToBody: true,
+      },
+      form: defaultForm(),
+      rules: {
+        BeginDate: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        EndDate: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        Training: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        Major: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+        MajorCN: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+        City: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        CityCN: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        Country: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        CountryCN: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+      },
+      loading: false,
+      daterange: [],
+    }
+  },
+  computed: {
+    ...mapGetters(['hospitalList']),
+  },
+  mounted() {
+    store.dispatch('global/getHospital')
+  },
+  methods: {
+    openEdit(row) {
+      this.form = defaultForm()
+      this.daterange = []
+      if (row) {
+        Object.keys(this.form).forEach((key) => {
+          if (row[key]) {
+            this.form[key] = row[key]
+          }
+        })
+        if (this.form.BeginDate && this.form.EndDate) {
+          this.daterange = [this.form.BeginDate, this.form.EndDate]
+        }
+        if (this.form.Degree) {
+          this.form.Degree = Number(this.form.Degree)
+        }
+        this.form.Id = row.Id
+      }
+      this.model_cfg.visible = true
+    },
+    handleCancle() {
+      this.form = defaultForm()
+      this.daterange = []
+      this.model_cfg.visible = false
+    },
+    async handleSave() {
+      try {
+        let validate = await this.$refs.continuingTrainingFrom.validate()
+        if (!validate) return false
+        if (this.reviewerId) {
+          this.form.DoctorId = this.reviewerId
+        }
+        this.loading = true
+        let res = await addOrUpdatePostgraduateInfo(this.form)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$emit('getInfo')
+          this.model_cfg.visible = false
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    async handleDel(row) {
+      try {
+        let confirm = await this.$confirm(
+          this.$t('trials:trials-list:table:isDeleted')
+        )
+        if (!confirm) return false
+        this.loading = true
+        let res = await deletePostgraduateInfo(row.Id)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$message.success(this.$t('common:message:deletedSuccessfully'))
+          this.$emit('getInfo')
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    changeTimeList() {
+      if (this.daterange && this.daterange.length === 2) {
+        this.form.BeginDate = this.daterange[0]
+        this.form.EndDate = this.daterange[1]
+      } else {
+        this.form.BeginDate = null
+        this.form.EndDate = null
+      }
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.continuingTraining {
+  min-height: 100px;
+  .title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    font-weight: bold;
+  }
+}
+.el-select,
+.el-date-editor {
+  width: 100%;
+}
+</style>

src/views/reviewers/curriculumVitae/components/info/educationalExperience.vue

@@ -0,0 +1,516 @@
+<template>
+  <div class="EducationalExperience">
+    <div class="title">
+      <span>{{ $t('curriculumVitae:EducationalExperience:title') }}</span>
+      <el-button
+        type="text"
+        class="editBtn"
+        @click.stop="openEdit"
+        :disabled="!reviewerId"
+      >
+        {{ $t('common:button:add') }}
+      </el-button>
+    </div>
+    <el-table
+      :data="DATA"
+      v-loading="loading"
+      style="width: 100%"
+      :header-cell-style="{ background: '#eee', color: '#606266' }"
+    >
+      <el-table-column
+        prop="date"
+        :label="$t('curriculumVitae:EducationalExperience:table:time')"
+      >
+        <template slot-scope="scope">
+          <span>{{ scope.row.BeginDateStr }} ~ {{ scope.row.EndDateStr }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="date"
+        :label="$t('curriculumVitae:EducationalExperience:table:specialy')"
+      >
+        <template slot-scope="scope">
+          <span>
+            {{ isEN ? scope.row.Major : scope.row.MajorCN }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="date"
+        :label="$t('curriculumVitae:EducationalExperience:table:degree')"
+      >
+        <template slot-scope="scope">
+          <span>
+            {{ $fd('Degree', Number(scope.row.Degree)) }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="date"
+        :label="$t('curriculumVitae:EducationalExperience:table:school')"
+      >
+        <template slot-scope="scope">
+          <span>
+            {{ isEN ? scope.row.Organization : scope.row.OrganizationCN }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="date"
+        :label="$t('curriculumVitae:EducationalExperience:table:city')"
+      >
+        <template slot-scope="scope">
+          <span>
+            {{ isEN ? scope.row.City : scope.row.CityCN }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="date" :label="$t('common:action:action')">
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            class="editBtn"
+            @click.stop="openEdit(scope.row)"
+          >
+            {{ $t('common:button:edit') }}
+          </el-button>
+          <el-button
+            type="text"
+            class="editBtn"
+            @click.stop="handleDel(scope.row)"
+          >
+            {{ $t('common:button:delete') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <base-model :config="model_cfg">
+      <template slot="dialog-body">
+        <el-form
+          ref="EducationalExperienceFrom"
+          v-loading="loading"
+          :model="form"
+          :rules="rules"
+          label-width="80px"
+          size="small"
+        >
+          <el-form-item
+            :label="$t('curriculumVitae:EducationalExperience:form:time')"
+            prop="BeginDate"
+          >
+            <el-date-picker
+              clearable
+              v-model="daterange"
+              type="monthrange"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM"
+              :range-separator="$t('curriculumVitae:daterange:rangeSeparator')"
+              :start-placeholder="$t('curriculumVitae:daterange:startTime')"
+              :end-placeholder="$t('curriculumVitae:daterange:endTime')"
+              @change="changeTimeList"
+            >
+            </el-date-picker>
+          </el-form-item>
+
+          <el-form-item
+            :label="$t('curriculumVitae:EducationalExperience:form:specialy')"
+            prop="Major"
+            v-if="isEN"
+          >
+            <el-input
+              clearable
+              :placeholder="
+                $t(
+                  'curriculumVitae:EducationalExperience:placeholder:specialyEN'
+                )
+              "
+              v-model="form.Major"
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:EducationalExperience:form:specialy')"
+            prop="MajorCN"
+            v-else
+          >
+            <el-input
+              clearable
+              :placeholder="
+                $t('curriculumVitae:EducationalExperience:placeholder:specialy')
+              "
+              v-model="form.MajorCN"
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+
+          <el-form-item
+            :label="$t('curriculumVitae:EducationalExperience:form:degree')"
+            prop="Degree"
+          >
+            <el-select v-model="form.Degree" placeholder="">
+              <el-option
+                v-for="item in $d.Degree"
+                :key="item.id"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item
+            :label="$t('curriculumVitae:EducationalExperience:form:school')"
+            prop="Organization"
+            v-if="isEN"
+          >
+            <el-input
+              v-model="form.Organization"
+              clearable
+              :placeholder="
+                $t('curriculumVitae:EducationalExperience:placeholder:schoolEN')
+              "
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:EducationalExperience:form:school')"
+            prop="OrganizationCN"
+            v-else
+          >
+            <el-input
+              v-model="form.OrganizationCN"
+              clearable
+              :placeholder="
+                $t('curriculumVitae:EducationalExperience:placeholder:school')
+              "
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:EducationalExperience:form:city')"
+            prop="City"
+            v-if="isEN"
+          >
+            <el-input
+              v-model="form.City"
+              clearable
+              :placeholder="
+                $t('curriculumVitae:EducationalExperience:placeholder:City')
+              "
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:EducationalExperience:form:city')"
+            prop="CityCN"
+            v-else
+          >
+            <el-input
+              v-model="form.CityCN"
+              clearable
+              :placeholder="
+                $t('curriculumVitae:EducationalExperience:placeholder:CityCN')
+              "
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:EducationalExperience:form:Country')"
+            prop="Country"
+            v-if="isEN"
+          >
+            <el-input
+              v-model="form.Country"
+              clearable
+              :placeholder="
+                $t('curriculumVitae:EducationalExperience:placeholder:Country')
+              "
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            prop="CountryCN"
+            :label="$t('curriculumVitae:EducationalExperience:form:Country')"
+            v-else
+          >
+            <el-input
+              v-model="form.CountryCN"
+              clearable
+              :placeholder="
+                $t(
+                  'curriculumVitae:EducationalExperience:placeholder:CountryCN'
+                )
+              "
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </template>
+      <template slot="dialog-footer">
+        <el-button size="small" type="primary" @click="handleCancle">
+          {{ $t('common:button:cancel') }}
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          @click="handleSave"
+          :loading="loading"
+        >
+          {{ $t('common:button:save') }}
+        </el-button>
+      </template>
+    </base-model>
+  </div>
+</template>
+<script>
+import BaseModel from '@/components/BaseModel'
+import { addOrUpdateEducationInfo, deleteEducationInfo } from '@/api/reviewers'
+const defaultForm = () => {
+  return {
+    BeginDate: '',
+    EndDate: '',
+    Degree: '',
+    Major: '',
+    MajorCN: '',
+    Organization: '',
+    OrganizationCN: '',
+    City: '',
+    CityCN: '',
+    Country: '',
+    CountryCN: '',
+  }
+}
+export default {
+  name: 'EducationalExperience',
+  components: { BaseModel },
+  props: {
+    DATA: {
+      type: Array,
+      required: true,
+      default: () => {
+        return []
+      },
+    },
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+    isEN: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: '600px',
+        title: this.$t('curriculumVitae:EducationalExperience:form:title'),
+        appendToBody: true,
+      },
+      form: defaultForm(),
+      rules: {
+        BeginDate: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        EndDate: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        Degree: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+        ],
+        Major: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        MajorCN: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        Organization: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        OrganizationCN: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        City: [
+          { required: true, message:this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        CityCN: [
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        Country: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        CountryCN: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+      },
+      loading: false,
+      daterange: [],
+    }
+  },
+  methods: {
+    openEdit(row) {
+      this.form = defaultForm()
+      this.daterange = []
+      if (row) {
+        Object.keys(this.form).forEach((key) => {
+          if (row[key]) {
+            this.form[key] = row[key]
+          }
+        })
+        if (this.form.BeginDate && this.form.EndDate) {
+          this.daterange = [this.form.BeginDate, this.form.EndDate]
+        }
+        if (this.form.Degree) {
+          this.form.Degree = Number(this.form.Degree)
+        }
+        this.form.Id = row.Id
+      }
+      this.model_cfg.visible = true
+    },
+    handleCancle() {
+      this.form = defaultForm()
+      this.daterange = []
+      this.model_cfg.visible = false
+    },
+    async handleSave() {
+      try {
+        let validate = await this.$refs.EducationalExperienceFrom.validate()
+        if (!validate) return false
+        if (this.reviewerId) {
+          this.form.DoctorId = this.reviewerId
+        }
+        this.loading = true
+        let res = await addOrUpdateEducationInfo(this.form)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$emit('getInfo')
+          this.model_cfg.visible = false
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    async handleDel(row) {
+      try {
+        let confirm = await this.$confirm(
+          this.$t('trials:trials-list:table:isDeleted')
+        )
+        if (!confirm) return false
+        this.loading = true
+        let res = await deleteEducationInfo(row.Id)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$message.success(this.$t('common:message:deletedSuccessfully'))
+          this.$emit('getInfo')
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    changeTimeList() {
+      if (this.daterange && this.daterange.length === 2) {
+        this.form.BeginDate = this.daterange[0]
+        this.form.EndDate = this.daterange[1]
+      } else {
+        this.form.BeginDate = null
+        this.form.EndDate = null
+      }
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.EducationalExperience {
+  min-height: 100px;
+  .title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    font-weight: bold;
+  }
+}
+.el-select,
+.el-date-editor {
+  width: 100%;
+}
+</style>

src/views/reviewers/curriculumVitae/components/info/holiday.vue

@@ -0,0 +1,201 @@
+<template>
+  <el-dialog
+    :title="$t('system:Setting:title:Vacation')"
+    :visible.sync="visible"
+    width="50%"
+    :close-on-click-modal="false"
+    :before-close="closeDialog"
+    append-to-body
+  >
+    <div v-if="!isPreview">
+      <el-date-picker
+        v-model="daterange"
+        style="width: 360px"
+        value-format="yyyy-MM-dd"
+        format="yyyy-MM-dd"
+        type="daterange"
+        range-separator="to"
+        :start-placeholder="$t('system:Setting:label:Beginning Date')"
+        :end-placeholder="$t('system:Setting:label:End Date')"
+        size="small"
+      />
+      <el-button
+        style="margin-left: 10px"
+        type="primary"
+        size="small"
+        @click="handleAddHoliday"
+      >
+        {{ $t('common:button:add') }}
+      </el-button>
+    </div>
+    <el-table v-loading="loading" :data="gridData" size="small">
+      <el-table-column type="index" />
+      <el-table-column
+        property="StartDate"
+        :label="$t('system:Setting:table:Beginning Date')"
+        min-width="120"
+        :formatter="beginTimeFormatter"
+      />
+      <el-table-column
+        property="EndDate"
+        :label="$t('system:Setting:table:End Date')"
+        min-width="120"
+        :formatter="endTimeFormatter"
+      />
+      <el-table-column
+        :label="$t('common:action:action')"
+        fixed="right"
+        min-width="200"
+        v-if="!isPreview"
+      >
+        <template slot-scope="scope">
+          <el-button type="text" @click="handleDelete(scope.row)">
+            {{ $t('common:button:delete') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination" style="padding: 10px 0; text-align: right">
+      <el-pagination
+        background
+        layout="total,sizes,prev, pager, next"
+        :total="totalItems"
+        :page-sizes="[5, 10, 20, 50]"
+        :page-size="pageSize"
+        :current-page.sync="pageIndex"
+        @current-change="handleCurrentChange"
+        @size-change="handleSizeChange"
+      />
+    </div>
+  </el-dialog>
+</template>
+<script>
+import {
+  getVacationList,
+  addOrUpdateVacation,
+  deleteVacation,
+} from '@/api/reviewers'
+import { fmtDate } from '@/utils/formatter'
+export default {
+  name: 'holiday',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+    isPreview: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      daterange: [],
+      loading: false,
+      gridData: [],
+      pageIndex: 1,
+      pageSize: 5,
+      totalItems: 0,
+    }
+  },
+  mounted() {
+    this.initHolidayList()
+  },
+  methods: {
+    closeDialog() {
+      this.$emit('update:visible', false)
+    },
+    handleAddHoliday() {
+      if (this.daterange && this.daterange.length > 0) {
+        const param = {
+          DoctorId: this.reviewerId,
+          StartDate: this.daterange[0],
+          EndDate: this.daterange[1],
+        }
+        this.loading = true
+        addOrUpdateVacation(param)
+          .then((res) => {
+            if (res.IsSuccess) {
+              param.Id = res.Result
+              this.gridData.push(param)
+              this.totalItems = this.totalItems + 1
+              this.daterange = ''
+            } else {
+              this.$alert(res.ErrorMessage)
+            }
+            this.loading = false
+          })
+          .catch(() => {
+            this.daterange = ''
+            this.loading = false
+          })
+      }
+    },
+    handleDelete(row) {
+      this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
+        type: 'warning',
+        distinguishCancelAndClose: true,
+      })
+        .then(() => {
+          this.loading = true
+          deleteVacation(row.Id)
+            .then((res) => {
+              if (res.IsSuccess) {
+                var index = this.gridData.findIndex(
+                  (item) => item.Id === row.Id
+                )
+                if (index !== -1) {
+                  this.gridData.splice(index, 1)
+                  this.totalItems = this.totalItems - 1
+                }
+                this.$message.success(
+                  this.$t('common:message:deletedSuccessfully')
+                )
+              }
+              this.loading = false
+            })
+            .catch(() => {
+              this.loading = false
+            })
+        })
+        .catch((action) => {})
+    },
+    initHolidayList() {
+      this.loading = true
+      getVacationList(this.reviewerId, this.pageIndex, this.pageSize)
+        .then((res) => {
+          if (res.IsSuccess) {
+            this.gridData = res.Result.CurrentPageData
+            this.totalItems = res.Result.TotalCount
+          }
+          this.loading = false
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+    beginTimeFormatter(row) {
+      if (row.StartDate) {
+        return fmtDate(row.StartDate)
+      }
+    },
+    endTimeFormatter(row) {
+      if (row.EndDate) {
+        return fmtDate(row.EndDate)
+      }
+    },
+    handleCurrentChange(val) {
+      this.pageIndex = val
+      this.initHolidayList()
+    },
+    handleSizeChange(val) {
+      this.pageSize = val
+      this.initHolidayList()
+    },
+  },
+}
+</script>

src/views/reviewers/curriculumVitae/components/info/info.vue

@@ -0,0 +1,777 @@
+<template>
+  <div class="info">
+    <el-button type="text" class="editBtn" @click.stop="openEdit">
+      {{ $t('common:button:edit') }}
+    </el-button>
+    <template v-if="DATA.FirstName && DATA.LastName">
+      <div class="userInfo">
+        <span>{{
+          isEN ? DATA.FirstName + DATA.LastName : DATA.ChineseName
+        }}</span>
+        <span>{{ $fd('Sex', DATA.Sex) }}</span>
+        <span v-if="isEN">
+          {{
+            Array.isArray(DATA.TitleList) && DATA.TitleList.length > 0
+              ? DATA.TitleList.join(', ')
+              : ''
+          }}
+        </span>
+        <span v-else>
+          {{
+            Array.isArray(DATA.TitleCNList) && DATA.TitleCNList.length > 0
+              ? DATA.TitleCNList.join(', ')
+              : ''
+          }}
+        </span>
+        <span v-if="isEN">{{ DATA.HospitalName }}</span>
+        <span v-else>{{ DATA.HospitalNameCN }}</span>
+      </div>
+      <div class="userTitle">
+        <span
+          class="el-icon-first-aid-kit"
+          v-if="DATA.Department || DATA.DepartmentCN"
+        >
+          <span v-if="isEN">{{ DATA.Department }}</span>
+          <span v-else>{{ DATA.DepartmentCN }}</span>
+        </span>
+        <span class="el-icon-first-aid-kit" v-else>
+          <span v-if="isEN">{{ DATA.DepartmentOther }}</span>
+          <span v-else>{{ DATA.DepartmentOtherCN }}</span>
+        </span>
+        <span class="el-icon-user" v-if="DATA.Rank || DATA.RankCN">
+          <span v-if="isEN">{{ DATA.Rank }}</span>
+          <span v-else>{{ DATA.RankCN }}</span>
+        </span>
+      </div>
+      <div class="userTel">
+        <span class="el-icon-phone-outline">
+          {{ DATA.Phone }}
+        </span>
+        <span class="el-icon-message">{{ DATA.EMail }}</span>
+        <span class="el-icon-chat-dot-round" v-if="DATA.WeChat">{{
+          DATA.WeChat
+        }}</span>
+      </div>
+      <div style="display: flex; font-size: 14px">
+        <span style="display: inline-block; width: 70px; color: #606266">{{
+          $t('curriculumVitae:info:meessage:partTimeJob')
+        }}</span>
+        <span
+          class="break-word"
+          style="
+            white-space: pre-wrap;
+            width: calc(100% - 80px);
+            word-wrap: break-word;
+          "
+          v-html="isEN ? DATA.WorkPartTimeEn : DATA.WorkPartTime"
+        ></span>
+      </div>
+    </template>
+    <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+    <base-model :config="model_cfg">
+      <template slot="dialog-body">
+        <el-form
+          ref="infoFrom"
+          v-loading="loading"
+          :model="form"
+          :rules="rules"
+          label-width="100px"
+          size="small"
+        >
+          <div class="form_title">
+            {{ $t('curriculumVitae:info:form:infoTitle') }}
+          </div>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('curriculumVitae:info:form:surname')"
+                prop="FirstName"
+              >
+                <el-input
+                  v-model="form.FirstName"
+                  clearable
+                  :maxlength="400"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('curriculumVitae:info:form:name')"
+                prop="LastName"
+              >
+                <el-input
+                  v-model="form.LastName"
+                  clearable
+                  :maxlength="400"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12" v-if="!isEN">
+              <el-form-item
+                :label="$t('curriculumVitae:info:form:userNameCN')"
+                prop="ChineseName"
+              >
+                <el-input
+                  v-model="form.ChineseName"
+                  clearable
+                  :maxlength="400"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('curriculumVitae:info:form:sex')"
+                prop="Sex"
+              >
+                <el-select v-model="form.Sex" clearable placeholder="">
+                  <el-option
+                    v-for="item in $d.Sex"
+                    :key="item.id"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('curriculumVitae:info:form:education')"
+                prop="TitleIds"
+              >
+                <el-select v-model="form.TitleIds[0]" clearable placeholder="">
+                  <el-option
+                    v-for="item of dictionaryList.Title"
+                    :key="item.Id"
+                    :label="item.Value"
+                    :value="item.Id"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('curriculumVitae:info:form:phone')"
+                prop="Phone"
+              >
+                <el-input
+                  v-model="form.Phone"
+                  clearable
+                  :maxlength="400"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('curriculumVitae:info:form:email')"
+                prop="EMail"
+              >
+                <el-input v-model="form.EMail" clearable disabled></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('curriculumVitae:info:form:wechat')"
+                prop="WeChat"
+              >
+                <el-input
+                  v-model="form.WeChat"
+                  clearable
+                  :maxlength="400"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('curriculumVitae:info:form:country')"
+                prop="Nation"
+              >
+                <el-select v-model="form.Nation" size="small" class="mr">
+                  <el-option
+                    v-for="item of $d.AttendedReviewerType"
+                    :value="item.value"
+                    :label="item.label"
+                    :key="item.id"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="form_title">
+            {{ $t('curriculumVitae:info:form:workTitle') }}
+          </div>
+          <el-form-item
+            :label="$t('curriculumVitae:info:form:hospital')"
+            prop="HospitalId"
+          >
+            <el-select
+              v-model="form.HospitalId"
+              filterable
+              placeholder=""
+              @change="handleHospitalChange"
+            >
+              <el-option
+                v-for="(item, index) in hospitalList"
+                :key="index"
+                :label="isEN ? item.HospitalName : item.HospitalNameCN"
+                :value="item.Id"
+              >
+                <span>
+                  {{ isEN ? item.HospitalName : item.HospitalNameCN }}
+                </span>
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:info:form:AffiliatedUniversity')"
+            prop="UniversityAffiliated"
+            v-if="isEN"
+          >
+            <el-input
+              disabled
+              v-model="form.UniversityAffiliated"
+              type="textarea"
+              autosize
+              size="small"
+              :maxlength="4000"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:info:form:AffiliatedUniversity')"
+            prop="UniversityAffiliated"
+            v-else
+          >
+            <el-input
+              disabled
+              v-model="form.UniversityAffiliatedCN"
+              type="textarea"
+              autosize
+              size="small"
+              :maxlength="4000"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:info:form:City')"
+            v-if="isEN"
+          >
+            <el-input disabled v-model="form.City" size="small" />
+          </el-form-item>
+          <el-form-item :label="$t('curriculumVitae:info:form:City')" v-else>
+            <el-input disabled v-model="form.CityCN" size="small" />
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:info:form:department')"
+            prop="DepartmentId"
+          >
+            <el-select v-model="form.DepartmentId" clearable placeholder="">
+              <el-option
+                v-for="item of dictionaryList.Department"
+                :key="item.Id"
+                :label="item.Value"
+                :value="item.Id"
+              />
+              <el-option
+                :label="$t('curriculumVitae:selectLabel:Other')"
+                :value="otherId"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="form.DepartmentId === otherId && isEN"
+            class="other-item"
+            prop="DepartmentOther"
+          >
+            <el-input
+              v-model="form.DepartmentOther"
+              :placeholder="
+                $t('curriculumVitae:info:form:placeholder:DepartmentOther')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+          <el-form-item
+            v-if="form.DepartmentId === otherId && !isEN"
+            class="other-item"
+            prop="DepartmentOtherCN"
+          >
+            <el-input
+              v-model="form.DepartmentOtherCN"
+              :placeholder="
+                $t('curriculumVitae:info:form:placeholder:DepartmentOtherCN')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:info:form:physician')"
+            prop="RankId"
+          >
+            <el-select v-model="form.RankId" clearable placeholder="">
+              <el-option
+                v-for="item in $d.Rank"
+                :key="item.id"
+                :label="item.label"
+                :value="item.id"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="
+              $fd('Rank', form.RankId, 'id') ===
+                $t('curriculumVitae:selectLabel:Other') && isEN
+            "
+            class="other-item"
+            prop="RankOther"
+          >
+            <el-input
+              v-model="form.RankOther"
+              :placeholder="
+                $t('curriculumVitae:info:form:placeholder:RankOther')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+          <el-form-item
+            v-if="
+              $fd('Rank', form.RankId, 'id') ===
+                $t('curriculumVitae:selectLabel:Other') && !isEN
+            "
+            class="other-item"
+            prop="RankOtherCN"
+          >
+            <el-input
+              v-model="form.RankOtherCN"
+              :placeholder="
+                $t('curriculumVitae:info:form:placeholder:RankOtherCN')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:info:form:partTimeJob')"
+            prop="WorkPartTime"
+            v-if="!isEN"
+          >
+            <el-input
+              :placeholder="
+                $t('curriculumVitae:info:form:placeholder:partTimeJob')
+              "
+              v-model="form.WorkPartTime"
+              type="textarea"
+              :rows="10"
+              clearable
+              :maxlength="4000"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:info:form:partTimeJob')"
+            prop="WorkPartTimeEn"
+            v-else
+          >
+            <el-input
+              :placeholder="
+                $t('curriculumVitae:info:form:placeholder:partTimeJobEN')
+              "
+              v-model="form.WorkPartTimeEn"
+              type="textarea"
+              :rows="10"
+              :maxlength="4000"
+              clearable
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </template>
+      <template slot="dialog-footer">
+        <el-button size="small" type="primary" @click="handleCancle">
+          {{ $t('common:button:cancel') }}
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          @click="handleSave"
+          :loading="loading"
+        >
+          {{ $t('common:button:save') }}
+        </el-button>
+      </template>
+    </base-model>
+  </div>
+</template>
+<script>
+import BaseModel from '@/components/BaseModel'
+import { getBasicDataSelects } from '@/api/dictionary/dictionary'
+import { addOrUpdateDoctorBasicInfoAndEmployment } from '@/api/reviewers'
+import store from '@/store'
+import { mapGetters } from 'vuex'
+const defaultForm = () => {
+  return {
+    FirstName: '',
+    LastName: '',
+    ChineseName: '',
+    Sex: '',
+    TitleIds: [],
+    Phone: '',
+    EMail: '',
+    WeChat: '',
+    Nation: 0,
+
+    DepartmentId: '',
+    DepartmentOther: '',
+    DepartmentOtherCN: '',
+    RankId: '',
+    RankOther: '',
+    RankOtherCN: '',
+    HospitalId: '',
+    WorkPartTime: null,
+    WorkPartTimeEn: null,
+    UniversityAffiliated: null,
+    UniversityAffiliatedCN: null,
+    City: null,
+    CityCN: null,
+  }
+}
+export default {
+  name: 'info',
+  components: { BaseModel },
+  props: {
+    DATA: {
+      type: Object,
+      required: true,
+      default: () => {
+        return {}
+      },
+    },
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+    isEN: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: '800px',
+        title: this.$t('curriculumVitae:info:form:title'),
+        appendToBody: true,
+        top: '8vh',
+        bodyStyle: `min-height: 100px; max-height: 650px;overflow-y: auto;padding: 10px;border: 1px solid #e0e0e0;`,
+      },
+      form: defaultForm(),
+      rules: {
+        FirstName: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        LastName: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        ChineseName: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        Sex: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        TitleIds: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        Phone: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          { max: 20, min: 7, message: 'The length is 7 to 20' },
+        ],
+        EMail: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            type: 'email',
+            message: this.$t('rules:email'),
+            trigger: 'blur,change',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        WeChat: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        Nation: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        DepartmentId: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        DepartmentOther: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+          ,
+        ],
+        DepartmentOtherCN: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        RankId: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        RankOther: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        RankOtherCN: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        HospitalId: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        UniversityAffiliated: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+        WorkPartTime: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+        WorkPartTimeEn: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+      },
+      loading: false,
+      dictionaryList: {},
+      otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
+    }
+  },
+  computed: {
+    ...mapGetters(['hospitalList']),
+  },
+  mounted() {
+    this.getDicData()
+    store.dispatch('global/getHospital')
+  },
+  methods: {
+    openEdit() {
+      this.form = defaultForm()
+      Object.keys(this.form).forEach((key) => {
+        if (this.DATA[key] || this.DATA[key] == 0) {
+          this.form[key] = this.DATA[key]
+        }
+      })
+      this.model_cfg.visible = true
+      console.log(this.form)
+      console.log(this.DATA)
+    },
+    handleCancle() {
+      this.form = defaultForm()
+      this.model_cfg.visible = false
+    },
+    async handleSave() {
+      try {
+        let validate = await this.$refs.infoFrom.validate()
+        if (!validate) return false
+        if (this.reviewerId) {
+          this.form.Id = this.reviewerId
+        }
+        this.loading = true
+        let res = await addOrUpdateDoctorBasicInfoAndEmployment(this.form)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$emit('update:reviewerId', res.Result.Id)
+          sessionStorage.setItem('reviewerId', res.Result.Id)
+          this.$emit('getInfo')
+          this.model_cfg.visible = false
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    getDicData() {
+      getBasicDataSelects(['Title', 'Department', 'Rank', 'Position'])
+        .then((res) => {
+          this.dictionaryList = { ...res.Result }
+        })
+        .catch(() => {})
+    },
+    handleHospitalChange(value) {
+      const item = this.hospitalList.filter((item) => item.Id === value)
+      if (item.length) {
+        this.form.UniversityAffiliated = item[0].UniversityAffiliated
+        this.form.City = item[0].City
+        this.form.UniversityAffiliatedCN = item[0].UniversityAffiliatedCN
+        this.form.CityCN = item[0].CityCN
+      }
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.info {
+  position: relative;
+  min-height: 100px;
+  .editBtn {
+    position: absolute;
+    right: 0;
+    top: 0px;
+  }
+  .userInfo,
+  .userTitle,
+  .userTel {
+    line-height: 30px;
+    margin-bottom: 15px;
+    span {
+      margin-right: 20px;
+      &:last-child {
+        margin: 0;
+      }
+    }
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+  .userTitle,
+  .userTel {
+    span {
+      display: inline-block;
+      min-width: 80px;
+      border-right: 1px solid #ddd;
+      padding-right: 10px;
+      &::before {
+        margin-right: 5px;
+      }
+      &:last-child {
+        border: none;
+      }
+    }
+  }
+}
+.el-select {
+  width: 100%;
+}
+::v-deep .el-dialog__body {
+  padding-top: 0 !important;
+}
+.form_title {
+  margin: 10px 0;
+  display: flex;
+  align-items: center;
+  &::after {
+    margin-left: 20px;
+    display: block;
+    content: '';
+    border-top: 1px solid #eee;
+    flex: 1;
+  }
+}
+.noData {
+  line-height: 100px;
+}
+</style>

src/views/reviewers/curriculumVitae/components/info/other.vue

@@ -0,0 +1,198 @@
+<template>
+  <div class="other">
+    <div class="title">
+      <span>{{ $t('curriculumVitae:other:AH') }}</span>
+      <el-button
+        type="text"
+        class="editBtn"
+        :disabled="!reviewerId"
+        @click.stop="openEdit"
+      >
+        {{ $t('common:button:edit') }}
+      </el-button>
+    </div>
+    <div class="message" v-if="DATA.AwardsHonors || DATA.AwardsHonorsCN">
+      <span
+        style="white-space: pre-wrap"
+        v-html="isEN ? DATA.AwardsHonors : DATA.AwardsHonorsCN"
+      ></span>
+    </div>
+    <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+    <base-model :config="model_cfg">
+      <template slot="dialog-body">
+        <el-form
+          ref="otherFrom"
+          v-loading="loading"
+          :model="form"
+          :rules="rules"
+          label-width="100px"
+          size="small"
+        >
+          <el-form-item
+            :label="$t('curriculumVitae:other:form:AH')"
+            prop="AwardsHonors"
+            v-if="isEN"
+          >
+            <el-input
+              clearable
+              v-model="form.AwardsHonors"
+              style="margin-bottom: 10px"
+              type="textarea"
+              :rows="10"
+              :maxlength="4000"
+              :placeholder="$t('curriculumVitae:other:placeholder:AHEN')"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            prop="AwardsHonorsCN"
+            :label="$t('curriculumVitae:other:form:AH')"
+            v-else
+          >
+            <el-input
+              clearable
+              v-model="form.AwardsHonorsCN"
+              style="margin-bottom: 10px"
+              type="textarea"
+              :rows="10"
+              :maxlength="4000"
+              :placeholder="$t('curriculumVitae:other:placeholder:AH')"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </template>
+      <template slot="dialog-footer">
+        <el-button 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>
+      </template>
+    </base-model>
+  </div>
+</template>
+<script>
+import BaseModel from '@/components/BaseModel'
+import { addOrUpdateResearchPublicationInfo } from '@/api/reviewers'
+const defaultForm = () => {
+  return {
+    Id: null,
+    AwardsHonors: '',
+    AwardsHonorsCN: '',
+  }
+}
+export default {
+  name: 'other',
+  components: { BaseModel },
+  props: {
+    DATA: {
+      type: Object,
+      required: true,
+      default: () => {
+        return {}
+      },
+    },
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+    isEN: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: '800px',
+        title: this.$t('curriculumVitae:scientificResearchProject:form:title'),
+        appendToBody: true,
+      },
+      form: defaultForm(),
+      rules: {
+        AwardsHonors: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+        AwardsHonorsCN: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+      },
+      loading: false,
+    }
+  },
+  methods: {
+    openEdit() {
+      this.form = defaultForm()
+      Object.keys(this.form).forEach((key) => {
+        if (this.DATA[key]) {
+          this.form[key] = this.DATA[key]
+        }
+      })
+      this.model_cfg.visible = true
+    },
+    handleCancle() {
+      this.form = defaultForm()
+      this.model_cfg.visible = false
+    },
+    async handleSave() {
+      try {
+        let validate = await this.$refs.otherFrom.validate()
+        if (!validate) return false
+        if (this.reviewerId) {
+          this.form.DoctorId = this.reviewerId
+        }
+        this.loading = true
+        let res = await addOrUpdateResearchPublicationInfo(this.form)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$emit('getInfo')
+          this.model_cfg.visible = false
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.other {
+  min-height: 100px;
+  .title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    font-weight: bold;
+  }
+  .message {
+    margin: auto;
+    min-height: 100px;
+    background-color: #eee;
+    padding: 10px;
+    line-height: 30px;
+    border-radius: 5px;
+    word-wrap: break-word;
+  }
+}
+.el-select,
+.el-date-editor {
+  width: 97%;
+}
+</style>

src/views/reviewers/curriculumVitae/components/info/pay.vue

@@ -0,0 +1,311 @@
+<template>
+  <div class="pay">
+    <div class="title">
+      <span>{{ $t('curriculumVitae:pay:title') }}</span>
+      <el-button
+        type="text"
+        class="editBtn"
+        :disabled="!reviewerId"
+        @click.stop="openEdit"
+      >
+        {{ $t('common:button:edit') }}
+      </el-button>
+    </div>
+    <div class="message">
+      <el-form :inline="true" class="demo-form-inline">
+        <el-form-item
+          :label="$t('curriculumVitae:pay:form:payCardId')"
+          style="width: 45%"
+        >
+          {{ DATA.BankNum }}
+        </el-form-item>
+        <el-form-item
+          :label="$t('curriculumVitae:pay:form:username')"
+          style="width: 45%"
+        >
+          {{ DATA.BankName }}
+        </el-form-item>
+        <el-form-item
+          :label="$t('curriculumVitae:pay:form:bank')"
+          style="width: 45%"
+        >
+          {{ DATA.OpeningBank }}
+        </el-form-item>
+        <el-form-item
+          :label="$t('curriculumVitae:pay:form:idCard')"
+          style="width: 45%"
+        >
+          {{ DATA.IdCard }}
+        </el-form-item>
+        <el-form-item
+          :label="$t('curriculumVitae:pay:form:phone')"
+          style="width: 45%"
+        >
+          {{ DATA.BankPhoneNum }}
+        </el-form-item>
+      </el-form>
+    </div>
+    <base-model :config="model_cfg">
+      <template slot="dialog-body">
+        <el-form
+          ref="payFrom"
+          v-loading="loading"
+          :model="form"
+          :rules="rules"
+          label-width="100px"
+          size="small"
+          :inline="true"
+          class="demo-form-inline"
+        >
+          <el-form-item
+            style="width: 45%"
+            :label="$t('curriculumVitae:pay:form:payCardId')"
+            prop="BankNum"
+          >
+            <el-input
+              clearable
+              placeholder=""
+              v-model="form.BankNum"
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            style="width: 45%"
+            :label="$t('curriculumVitae:pay:form:username')"
+            prop="BankName"
+          >
+            <el-input
+              clearable
+              placeholder=""
+              v-model="form.BankName"
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            style="width: 45%"
+            :label="$t('curriculumVitae:pay:form:bank')"
+            prop="OpeningBank"
+          >
+            <el-input
+              clearable
+              placeholder=""
+              v-model="form.OpeningBank"
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            style="width: 45%"
+            :label="$t('curriculumVitae:pay:form:idCard')"
+            prop="IdCard"
+          >
+            <el-input
+              clearable
+              placeholder=""
+              v-model="form.IdCard"
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            style="width: 45%"
+            :label="$t('curriculumVitae:pay:form:phone')"
+            prop="BankPhoneNum"
+          >
+            <el-input
+              clearable
+              placeholder=""
+              v-model="form.BankPhoneNum"
+              :maxlength="400"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </template>
+      <template slot="dialog-footer">
+        <el-button 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>
+      </template>
+    </base-model>
+  </div>
+</template>
+<script>
+import BaseModel from '@/components/BaseModel'
+import { updatePaymentMode } from '@/api/reviewers'
+const defaultForm = () => {
+  return {
+    BankNum: '',
+    BankName: '',
+    OpeningBank: '',
+    IdCard: '',
+    BankPhoneNum: '',
+  }
+}
+export default {
+  name: 'pay',
+  components: { BaseModel },
+  props: {
+    DATA: {
+      type: Object,
+      required: true,
+      default: () => {
+        return {}
+      },
+    },
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+    isEN: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: '800px',
+        title: this.$t('curriculumVitae:pay:form:title'),
+        appendToBody: true,
+      },
+      form: defaultForm(),
+      rules: {
+        BankNum: [
+          {
+            validator: (rule, value, callback) => {
+              let reg = new RegExp(/^[A-Za-z0-9]+$/, 'ig')
+              if (value && !reg.test(value)) {
+                callback(new Error(this.$t('common:ruleMessage:pattern')))
+              } else {
+                callback()
+              }
+            },
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        BankName: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        OpeningBank: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        IdCard: [
+          {
+            validator: (rule, value, callback) => {
+              let reg = new RegExp(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/, 'ig')
+              if (value && !reg.test(value)) {
+                callback(new Error(this.$t('common:ruleMessage:pattern')))
+              } else {
+                callback()
+              }
+            },
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        BankPhoneNum: [
+          {
+            validator: (rule, value, callback) => {
+              let reg = new RegExp(/^\d{11}$/, 'i')
+              if (value && !reg.test(value)) {
+                callback(new Error(this.$t('common:ruleMessage:pattern')))
+              } else {
+                callback()
+              }
+            },
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+      },
+      loading: false,
+    }
+  },
+  methods: {
+    openEdit() {
+      this.form = defaultForm()
+      Object.keys(this.form).forEach((key) => {
+        if (this.DATA[key]) {
+          this.form[key] = this.DATA[key]
+        }
+      })
+      this.model_cfg.visible = true
+    },
+    handleCancle() {
+      this.form = defaultForm()
+      this.model_cfg.visible = false
+    },
+    async handleSave() {
+      try {
+        let validate = await this.$refs.payFrom.validate()
+        if (!validate) return false
+        if (this.reviewerId) {
+          this.form.Id = this.reviewerId
+        }
+        this.loading = true
+        let res = await updatePaymentMode(this.form)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$emit('getInfo')
+          this.model_cfg.visible = false
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.pay {
+  min-height: 100px;
+  .title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    font-weight: bold;
+  }
+  .message {
+    margin: auto;
+    min-height: 100px;
+    background-color: #eee;
+    padding: 10px;
+    line-height: 30px;
+    border-radius: 5px;
+  }
+  ::v-deep .el-form-item__label {
+    color: #000;
+  }
+}
+</style>

src/views/reviewers/curriculumVitae/components/info/scientificResearchProject.vue

@@ -0,0 +1,305 @@
+<template>
+  <div class="scientificResearchProject">
+    <div class="title">
+      <span>{{ $t('curriculumVitae:scientificResearchProject:title') }}</span>
+      <el-button
+        type="text"
+        class="editBtn"
+        :disabled="!reviewerId"
+        @click.stop="openEdit"
+      >
+        {{ $t('common:button:edit') }}
+      </el-button>
+    </div>
+    <div
+      class="message"
+      v-if="DATA.Research || DATA.ResearchCN || DATA.Grants || DATA.GrantsCN"
+    >
+      <el-form class="demo-form-inline">
+        <!-- <el-form-item
+          :label="$t('curriculumVitae:scientificResearchProject:direction')"
+        >
+          <div>
+            <span v-if="isEN">{{ DATA.Research }}</span>
+            <span v-else>{{ DATA.ResearchCN }}</span>
+          </div>
+        </el-form-item> -->
+        <div style="display: flex; font-size: 14px">
+          <span style="display: inline-block; width: 80px; color: #606266">{{
+            $t('curriculumVitae:scientificResearchProject:direction')
+          }}</span>
+          <span
+            class="break-word"
+            style="white-space: pre-wrap; width: calc(100% - 80px)"
+            v-html="isEN ? DATA.Research : DATA.ResearchCN"
+          ></span>
+        </div>
+        <!-- <el-form-item
+          :label="$t('curriculumVitae:scientificResearchProject:subject')"
+        >
+          <div>
+            <span
+              style="white-space: pre-wrap"
+              v-html="isEN ? DATA.Grants : DATA.GrantsCN"
+            ></span>
+          </div>
+        </el-form-item> -->
+        <div style="display: flex; font-size: 14px">
+          <span style="display: inline-block; width: 80px; color: #606266">{{
+            $t('curriculumVitae:scientificResearchProject:subject')
+          }}</span>
+          <span
+            class="break-word"
+            style="white-space: pre-wrap; width: calc(100% - 80px)"
+            v-html="isEN ? DATA.Grants : DATA.GrantsCN"
+          ></span>
+        </div>
+      </el-form>
+    </div>
+    <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+    <base-model :config="model_cfg">
+      <template slot="dialog-body">
+        <el-form
+          ref="scientificResearchProjectFrom"
+          v-loading="loading"
+          :model="form"
+          :rules="rules"
+          label-width="80px"
+          size="small"
+        >
+          <el-form-item
+            :label="
+              $t('curriculumVitae:scientificResearchProject:form:direction')
+            "
+            prop="Research"
+            v-if="isEN"
+          >
+            <el-input
+              clearable
+              v-model="form.Research"
+              style="margin-bottom: 10px"
+              :placeholder="
+                $t(
+                  'curriculumVitae:scientificResearchProject:placeholder:directionEN'
+                )
+              "
+              type="textarea"
+              :rows="2"
+              :maxlength="4000"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            prop="ResearchCN"
+            :label="
+              $t('curriculumVitae:scientificResearchProject:form:direction')
+            "
+            v-else
+          >
+            <el-input
+              v-model="form.ResearchCN"
+              clearable
+              :placeholder="
+                $t(
+                  'curriculumVitae:scientificResearchProject:placeholder:direction'
+                )
+              "
+              type="textarea"
+              :rows="2"
+              :maxlength="4000"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="
+              $t('curriculumVitae:scientificResearchProject:form:subject')
+            "
+            prop="Grants"
+            v-if="isEN"
+          >
+            <el-input
+              v-model="form.Grants"
+              clearable
+              style="margin-bottom: 10px"
+              type="textarea"
+              :rows="5"
+              :maxlength="4000"
+              :placeholder="
+                $t(
+                  'curriculumVitae:scientificResearchProject:placeholder:subjectEN'
+                )
+              "
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            prop="GrantsCN"
+            :label="
+              $t('curriculumVitae:scientificResearchProject:form:subject')
+            "
+            v-else
+          >
+            <el-input
+              clearable
+              v-model="form.GrantsCN"
+              type="textarea"
+              :rows="5"
+              :maxlength="4000"
+              :placeholder="
+                $t(
+                  'curriculumVitae:scientificResearchProject:placeholder:subject'
+                )
+              "
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </template>
+      <template slot="dialog-footer">
+        <el-button 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>
+      </template>
+    </base-model>
+  </div>
+</template>
+<script>
+import BaseModel from '@/components/BaseModel'
+import { addOrUpdateResearchPublicationInfo } from '@/api/reviewers'
+const defaultForm = () => {
+  return {
+    Id: null,
+    Research: '',
+    ResearchCN: '',
+    Grants: '',
+    GrantsCN: '',
+  }
+}
+export default {
+  name: 'scientificResearchProject',
+  components: { BaseModel },
+  props: {
+    DATA: {
+      type: Object,
+      required: true,
+      default: () => {
+        return {}
+      },
+    },
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+    isEN: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: '600px',
+        title: this.$t('curriculumVitae:scientificResearchProject:form:title'),
+        appendToBody: true,
+      },
+      form: defaultForm(),
+      rules: {
+        Research: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+        ResearchCN: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+        Grants: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+        GrantsCN: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+      },
+      loading: false,
+    }
+  },
+  methods: {
+    openEdit() {
+      this.form = defaultForm()
+      Object.keys(this.form).forEach((key) => {
+        if (this.DATA[key]) {
+          this.form[key] = this.DATA[key]
+        }
+      })
+      this.model_cfg.visible = true
+    },
+    handleCancle() {
+      this.form = defaultForm()
+      this.model_cfg.visible = false
+    },
+    async handleSave() {
+      try {
+        let validate = await this.$refs.scientificResearchProjectFrom.validate()
+        if (!validate) return false
+        if (this.reviewerId) {
+          this.form.DoctorId = this.reviewerId
+        }
+        this.loading = true
+        let res = await addOrUpdateResearchPublicationInfo(this.form)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$emit('getInfo')
+          this.model_cfg.visible = false
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.scientificResearchProject {
+  min-height: 100px;
+  .title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    font-weight: bold;
+  }
+  .message {
+    margin: auto;
+    min-height: 100px;
+    background-color: #eee;
+    padding: 10px;
+    line-height: 30px;
+    border-radius: 5px;
+    word-wrap: break-word;
+  }
+}
+.el-select,
+.el-date-editor {
+  width: 97%;
+}
+</style>

src/views/reviewers/curriculumVitae/components/info/setting.vue

@@ -0,0 +1,422 @@
+<template>
+  <div class="setting">
+    <div class="title">
+      <span>{{ $t('curriculumVitae:setting:title') }}</span>
+      <el-button
+        type="text"
+        class="editBtn"
+        :disabled="!reviewerId"
+        @click.stop="openEdit"
+      >
+        {{ $t('common:button:edit') }}
+      </el-button>
+    </div>
+    <div class="message">
+      <el-form :inline="true" class="demo-form-inline">
+        <el-form-item
+          :label="$t('system:Setting:label:Blind Name')"
+          style="width: 45%"
+        >
+          {{ DATA.BlindName }}
+        </el-form-item>
+        <el-form-item
+          :label="$t('system:Setting:label:Blind NameCN')"
+          style="width: 45%"
+        >
+          {{ DATA.BlindNameCN }}
+        </el-form-item>
+        <div style="display: flex; font-size: 14px; margin-bottom: 22px">
+          <span style="display: inline-block; width: 120px; color: #000">{{
+            $t('system:Setting:label:Blind Publications')
+          }}</span>
+          <span
+            class="break-word"
+            style="white-space: pre-wrap; width: calc(100% - 120px)"
+            v-html="DATA.BlindPublications"
+          ></span>
+        </div>
+        <el-form-item
+          :label="$t('system:Setting:label:Information Confirmed?')"
+          style="width: 24%"
+        >
+          {{
+            DATA.ReviewStatus === 1
+              ? $t('system:Setting:label:Information Confirmed?:Yes')
+              : $t('system:Setting:label:Information Confirmed?:No')
+          }}
+        </el-form-item>
+        <el-form-item
+          :label="$t('system:Setting:label:Contractor Status?')"
+          style="width: 24%"
+        >
+          {{
+            DATA.CooperateStatus === 1
+              ? $t('system:Setting:label:Information Confirmed?:Yes')
+              : $t('system:Setting:label:Information Confirmed?:No')
+          }}
+        </el-form-item>
+        <el-form-item
+          :label="$t('system:Setting:label:Accepting New Trials?')"
+          style="width: 24%"
+        >
+          {{
+            DATA.AcceptingNewTrial
+              ? $t('system:Setting:label:Information Confirmed?:Yes')
+              : $t('system:Setting:label:Information Confirmed?:No')
+          }}
+        </el-form-item>
+        <el-form-item
+          :label="$t('system:Setting:label:Actively Reading?')"
+          style="width: 24%"
+        >
+          {{
+            DATA.ActivelyReading
+              ? $t('system:Setting:label:Information Confirmed?:Yes')
+              : $t('system:Setting:label:Information Confirmed?:No')
+          }}
+        </el-form-item>
+        <div style="display: flex; font-size: 14px; margin-bottom: 22px">
+          <span style="display: inline-block; width: 80px; color: #000">{{
+            $t('system:Setting:label:Comment:')
+          }}</span>
+          <span
+            class="break-word"
+            style="white-space: pre-wrap; width: calc(100% - 80px)"
+            v-html="DATA.AdminComment"
+          ></span>
+        </div>
+      </el-form>
+    </div>
+    <el-dialog
+      :title="$t('system:Setting:title:Blinded Setting')"
+      :visible.sync="visible"
+      width="50%"
+      :close-on-click-modal="false"
+      v-dialogDrag
+      :before-close="closeDialog"
+      top="8vh"
+      append-to-body
+    >
+      <div class="base-modal-body">
+        <el-form
+          ref="settingFrom"
+          v-loading="loading"
+          :model="form"
+          :rules="rules"
+          label-width="120px"
+          size="small"
+        >
+          <div class="form_title">
+            {{ $t('system:Setting:title:Blinded information') }}
+          </div>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('system:Setting:label:Blind Name')"
+                prop="BlindName"
+              >
+                <el-input
+                  v-model="form.BlindName"
+                  clearable
+                  :maxlength="400"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                :label="$t('system:Setting:label:Blind NameCN')"
+                prop="BlindNameCN"
+              >
+                <el-input
+                  v-model="form.BlindNameCN"
+                  clearable
+                  :maxlength="400"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-form-item
+            :label="$t('system:Setting:label:Blind Publications')"
+            prop="BlindPublications"
+          >
+            <el-input
+              v-model="form.BlindPublications"
+              type="textarea"
+              rows="8"
+              size="small"
+              :maxlength="4000"
+            />
+          </el-form-item>
+          <div class="form_title">
+            {{ $t('system:Setting:title:Blinded Setting') }}
+          </div>
+          <el-form-item
+            :label="$t('system:Setting:label:Information Confirmed?')"
+          >
+            <el-radio-group v-model="form.ReviewStatus" @change="handleChange">
+              <el-radio :label="1">{{
+                $t('system:Setting:label:Information Confirmed?:Yes')
+              }}</el-radio>
+              <el-radio :label="2">{{
+                $t('system:Setting:label:Information Confirmed?:No')
+              }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item :label="$t('system:Setting:label:Contractor Status?')">
+            <el-radio-group
+              v-model="form.CooperateStatus"
+              @change="handleChange"
+            >
+              <el-radio :label="1">{{
+                $t('system:Setting:label:Information Confirmed?:Yes')
+              }}</el-radio>
+              <el-radio :label="2">{{
+                $t('system:Setting:label:Information Confirmed?:No')
+              }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+
+          <el-form-item
+            :label="$t('system:Setting:label:Accepting New Trials?')"
+          >
+            <el-radio-group
+              v-model="form.AcceptingNewTrial"
+              :disabled="radioDisabled"
+            >
+              <el-radio :label="true">{{
+                $t('system:Setting:label:Information Confirmed?:Yes')
+              }}</el-radio>
+              <el-radio :label="false">{{
+                $t('system:Setting:label:Information Confirmed?:No')
+              }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+
+          <el-form-item :label="$t('system:Setting:label:Actively Reading?')">
+            <el-radio-group
+              v-model="form.ActivelyReading"
+              :disabled="radioDisabled"
+            >
+              <el-radio :label="true">{{
+                $t('system:Setting:label:Information Confirmed?:Yes')
+              }}</el-radio>
+              <el-radio :label="false">{{
+                $t('system:Setting:label:Information Confirmed?:No')
+              }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item
+            :label="$t('system:Setting:label:Comment:')"
+            prop="AdminComment"
+          >
+            <el-input
+              v-model="form.AdminComment"
+              type="textarea"
+              rows="8"
+              :maxlength="4000"
+            />
+          </el-form-item>
+        </el-form>
+      </div>
+
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" type="primary" @click="closeDialog">
+          {{ $t('common:button:cancel') }}
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          @click="handleSave"
+          :loading="loading"
+        >
+          {{ $t('common:button:save') }}
+        </el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { getAuditState, updateAuditResume } from '@/api/reviewers'
+const defaultForm = () => {
+  return {
+    CooperateStatus: 2,
+    ResumeStatus: 2,
+    ReviewStatus: 2,
+    AcceptingNewTrial: false,
+    ActivelyReading: false,
+    IsVirtual: false,
+    BlindName: '',
+    AdminComment: '',
+    InHoliday: '',
+    BlindNameCN: '',
+    BlindPublications: '',
+  }
+}
+export default {
+  name: 'setting',
+  props: {
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+  },
+  data() {
+    return {
+      DATA: defaultForm(),
+      form: defaultForm(),
+      loading: false,
+      rules: {
+        AdminComment: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+        BlindName: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        BlindNameCN: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        BlindPublications: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+      },
+      radioDisabled: false,
+      visible: false,
+    }
+  },
+  created() {
+    // this.getData()
+    this.handleChange()
+  },
+  watch: {
+    reviewerId() {
+      if (this.reviewerId) {
+        this.getData()
+      }
+    },
+  },
+  methods: {
+    openEdit() {
+      this.visible = true
+    },
+    handleChange() {
+      if (this.form.ReviewStatus === 2 || this.form.CooperateStatus === 2) {
+        this.form.ActivelyReading = false
+        this.form.AcceptingNewTrial = false
+        this.radioDisabled = true
+      } else {
+        this.radioDisabled = false
+      }
+    },
+    closeDialog() {
+      this.visible = false
+    },
+    async handleSave() {
+      try {
+        let validate = await this.$refs.settingFrom.validate()
+        if (!validate) return false
+        const param = {}
+        Object.assign(param, this.form)
+        param.ResumeStatus = param.ReviewStatus
+        this.loading = true
+        let res = await updateAuditResume(param)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
+          this.closeDialog()
+          this.getData()
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    async getData() {
+      try {
+        let res = await getAuditState(this.reviewerId)
+        if (res.IsSuccess) {
+          Object.keys(this.form).forEach((key) => {
+            this.form[key] = res.Result[key]
+          })
+          Object.keys(this.DATA).forEach((key) => {
+            this.DATA[key] = res.Result[key]
+          })
+          if (res.Result.Id) {
+            this.form.Id = res.Result.Id
+          }
+        }
+      } catch (err) {
+        console.log(err)
+      }
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+  padding: 10px 10px 10px 10px;
+  .base-modal-body {
+    min-height: 100px;
+    max-height: 650px;
+    overflow-y: auto;
+    padding: 10px;
+    border: 1px solid #e0e0e0;
+  }
+}
+::v-deep .el-dialog__footer {
+  padding: 10px;
+}
+.form_title {
+  margin: 10px 0;
+  display: flex;
+  align-items: center;
+  &::after {
+    margin-left: 20px;
+    display: block;
+    content: '';
+    border-top: 1px solid #eee;
+    flex: 1;
+  }
+}
+.setting {
+  min-height: 100px;
+  .title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    font-weight: bold;
+  }
+  .message {
+    margin: auto;
+    min-height: 100px;
+    background-color: #eee;
+    padding: 10px;
+    line-height: 30px;
+    border-radius: 5px;
+  }
+  ::v-deep .el-form-item__label {
+    color: #000;
+  }
+}
+</style>

src/views/reviewers/curriculumVitae/components/info/specialty.vue

@@ -0,0 +1,508 @@
+<template>
+  <div class="specialty">
+    <el-button
+      type="text"
+      class="editBtn"
+      @click.stop="openEdit"
+      :disabled="!reviewerId"
+    >
+      {{ $t('common:button:edit') }}
+    </el-button>
+    <template v-if="true">
+      <el-form class="demo-form-inline">
+        <el-form-item :label="$t('curriculumVitae:specialty:specialty')">
+          <span v-if="isEN">
+            {{ DATA.Speciality || DATA.SpecialityOther }}
+          </span>
+          <span v-else>{{ DATA.SpecialityCN || DATA.SpecialityOtherCN }}</span>
+        </el-form-item>
+        <el-form-item :label="$t('curriculumVitae:specialty:submajor')">
+          <template v-if="isEN">
+            <el-tag
+              type="info"
+              v-for="item in DATA.SubspecialityOther
+                ? [...DATA.SubspecialityList, DATA.SubspecialityOther]
+                : DATA.SubspecialityList"
+              :key="item"
+            >
+              {{ item }}
+            </el-tag>
+          </template>
+          <template v-else>
+            <el-tag
+              type="info"
+              v-for="item in DATA.SubspecialityOtherCN
+                ? [...DATA.SubspecialityCNList, DATA.SubspecialityOtherCN]
+                : DATA.SubspecialityCNList"
+              :key="item"
+            >
+              {{ item }}
+            </el-tag>
+          </template>
+        </el-form-item>
+        <el-form-item :label="$t('curriculumVitae:specialty:equipment')">
+          <template v-if="isEN">
+            <el-tag
+              type="info"
+              v-for="item in DATA.ReadingTypeOther
+                ? [...DATA.ReadingTypeList, DATA.ReadingTypeOther]
+                : DATA.ReadingTypeList"
+              :key="item"
+            >
+              {{ item }}
+            </el-tag>
+          </template>
+          <template v-else>
+            <el-tag
+              type="info"
+              v-for="item in DATA.ReadingTypeOtherCN
+                ? [...DATA.ReadingTypeCNList, DATA.ReadingTypeOtherCN]
+                : DATA.ReadingTypeCNList"
+              :key="item"
+            >
+              {{ item }}
+            </el-tag>
+          </template>
+        </el-form-item>
+      </el-form>
+    </template>
+    <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+    <base-model :config="model_cfg">
+      <template slot="dialog-body">
+        <el-form
+          ref="specialtyFrom"
+          v-loading="loading"
+          :model="form"
+          :rules="rules"
+          label-width="170px"
+          size="small"
+        >
+          <el-form-item
+            :label="$t('curriculumVitae:specialty:form:specialty')"
+            prop="SpecialityId"
+          >
+            <el-select v-model="form.SpecialityId" placeholder="">
+              <el-option
+                v-for="item of dictionaryList.Department"
+                :key="item.Id"
+                :label="item.Value"
+                :value="item.Id"
+              />
+              <el-option
+                :label="$t('curriculumVitae:selectLabel:Other')"
+                :value="otherId"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="form.SpecialityId == otherId && isEN"
+            class="other-item"
+            prop="SpecialityOther"
+          >
+            <el-input
+              v-model="form.SpecialityOther"
+              :placeholder="
+                $t('curriculumVitae:specialty:placeholder:SpecialityOther')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+          <el-form-item
+            v-if="form.SpecialityId == otherId && !isEN"
+            prop="SpecialityOtherCN"
+            class="other-item"
+          >
+            <el-input
+              v-model="form.SpecialityOtherCN"
+              :placeholder="
+                $t('curriculumVitae:specialty:placeholder:SpecialityOtherCN')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:specialty:form:submajor')"
+            prop="SubspecialityIds"
+          >
+            <el-select
+              v-model="form.SubspecialityIds"
+              multiple
+              placeholder=""
+              @change="(a) => selectOther(a, 'Subspeciality')"
+            >
+              <el-option
+                v-for="item of Subspeciality"
+                :key="item.Id"
+                :label="item.Value"
+                :value="item.Id"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="
+              form.SubspecialityIds &&
+              form.SubspecialityIds.indexOf(otherId) > -1 &&
+              isEN
+            "
+            class="other-item"
+            prop="SubspecialityOther"
+          >
+            <el-input
+              v-model="form.SubspecialityOther"
+              :placeholder="
+                $t('curriculumVitae:specialty:placeholder:SubspecialityOther')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+          <el-form-item
+            v-if="
+              form.SubspecialityIds &&
+              form.SubspecialityIds.indexOf(otherId) > -1 &&
+              !isEN
+            "
+            class="other-item"
+            prop="SubspecialityOtherCN"
+          >
+            <el-input
+              v-model="form.SubspecialityOtherCN"
+              :placeholder="
+                $t('curriculumVitae:specialty:placeholder:SubspecialityOtherCN')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:specialty:form:equipment')"
+            prop="ReadingTypeIds"
+          >
+            <el-select
+              v-model="form.ReadingTypeIds"
+              multiple
+              placeholder=""
+              @change="(a) => selectOther(a, 'ReadingType')"
+            >
+              <el-option
+                v-for="item of ReadingType"
+                :key="item.Id"
+                :label="item.Value"
+                :value="item.Id"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="
+              form.ReadingTypeIds &&
+              form.ReadingTypeIds.indexOf(otherId) > -1 &&
+              isEN
+            "
+            prop="ReadingTypeOther"
+            class="other-item"
+          >
+            <el-input
+              v-model="form.ReadingTypeOther"
+              :placeholder="
+                $t('curriculumVitae:specialty:placeholder:ReadingTypeOther')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+          <el-form-item
+            v-if="
+              form.ReadingTypeIds &&
+              form.ReadingTypeIds.indexOf(otherId) > -1 &&
+              !isEN
+            "
+            prop="ReadingTypeOtherCN"
+            class="other-item"
+          >
+            <el-input
+              v-model="form.ReadingTypeOtherCN"
+              :placeholder="
+                $t('curriculumVitae:specialty:placeholder:ReadingTypeOtherCN')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+        </el-form>
+      </template>
+      <template slot="dialog-footer">
+        <el-button size="small" type="primary" @click="handleCancle">
+          {{ $t('common:button:cancel') }}
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          @click="handleSave"
+          :loading="loading"
+        >
+          {{ $t('common:button:save') }}
+        </el-button>
+      </template>
+    </base-model>
+  </div>
+</template>
+<script>
+import BaseModel from '@/components/BaseModel'
+import { getBasicDataSelects } from '@/api/dictionary/dictionary'
+import { updateSpecialtyInfo } from '@/api/reviewers'
+const defaultForm = () => {
+  return {
+    ReadingTypeIds: [],
+    ReadingTypeOther: '',
+    ReadingTypeOtherCN: '',
+    SubspecialityIds: [],
+    SubspecialityOther: '',
+    SubspecialityOtherCN: '',
+    SpecialityId: '',
+    SpecialityOther: '',
+    SpecialityOtherCN: '',
+  }
+}
+export default {
+  name: 'specialty',
+  components: { BaseModel },
+  props: {
+    DATA: {
+      type: Object,
+      required: true,
+      default: () => {
+        return {
+          ReadingTypeCNList: [],
+          ReadingTypeIds: [],
+          ReadingTypeList: [],
+          SubspecialityCNList: [],
+          SubspecialityIds: [],
+          SubspecialityList: [],
+        }
+      },
+    },
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+    isEN: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: '600px',
+        title: this.$t('curriculumVitae:specialty:form:title'),
+        appendToBody: true,
+      },
+      form: defaultForm(),
+      rules: {
+        SpecialityId: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        SpecialityOther: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        SpecialityOtherCN: [
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        ReadingTypeIds: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        ReadingTypeOther: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        ReadingTypeOtherCN: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        SubspecialityIds: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: 'blur',
+          },
+        ],
+        SubspecialityOther: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        SubspecialityOtherCN: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+      },
+      loading: false,
+      otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
+      dictionaryList: {
+        Subspeciality: [],
+        Department: [],
+        ReadingType: [],
+      },
+    }
+  },
+  mounted() {
+    this.getDicData()
+  },
+  computed: {
+    Subspeciality() {
+      return [
+        ...this.dictionaryList.Subspeciality,
+        {
+          Id: this.otherId,
+          Value: this.$t('curriculumVitae:selectLabel:Other'),
+        },
+      ]
+    },
+    ReadingType() {
+      return [
+        ...this.dictionaryList.ReadingType,
+        {
+          Id: this.otherId,
+          Value: this.$t('curriculumVitae:selectLabel:Other'),
+        },
+      ]
+    },
+  },
+  methods: {
+    openEdit() {
+      this.form = defaultForm()
+      Object.keys(this.form).forEach((key) => {
+        if (this.DATA[key]) {
+          this.form[key] = this.DATA[key]
+        }
+      })
+      if (
+        (this.form.ReadingTypeOther || this.form.ReadingTypeOtherCN) &&
+        !this.form.ReadingTypeIds.includes(this.otherId)
+      ) {
+        this.form.ReadingTypeIds.push(this.otherId)
+      }
+      if (
+        (this.form.SubspecialityOther || this.form.SubspecialityOtherCN) &&
+        !this.form.SubspecialityIds.includes(this.otherId)
+      ) {
+        this.form.SubspecialityIds.push(this.otherId)
+      }
+      this.model_cfg.visible = true
+    },
+    handleCancle() {
+      this.form = defaultForm()
+      this.model_cfg.visible = false
+    },
+    async handleSave() {
+      try {
+        let validate = await this.$refs.specialtyFrom.validate()
+        if (!validate) return false
+        if (this.reviewerId) {
+          this.form.Id = this.reviewerId
+        }
+        this.loading = true
+        let res = await updateSpecialtyInfo(this.form)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$emit('getInfo')
+          this.model_cfg.visible = false
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    getDicData() {
+      getBasicDataSelects(['Department', 'Subspeciality', 'ReadingType']).then(
+        (res) => {
+          this.dictionaryList = { ...res.Result }
+        }
+      )
+    },
+    selectOther(arr, key) {
+      if (arr.length <= 0 || !arr.includes(this.otherId)) {
+        this.form[`${key}Other`] = null
+        this.form[`${key}OtherCN`] = null
+      }
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.specialty {
+  position: relative;
+  min-height: 100px;
+  .editBtn {
+    position: absolute;
+    right: 0;
+    top: 0px;
+    z-index: 99;
+  }
+}
+::v-deep .el-tag {
+  margin-right: 10px;
+  &:last-child {
+    margin-right: 0;
+  }
+}
+.el-select {
+  width: 100%;
+}
+</style>

src/views/reviewers/curriculumVitae/components/info/summarize.vue

@@ -0,0 +1,598 @@
+<template>
+  <div class="summarize">
+    <div class="title">
+      <span>{{ $t('curriculumVitae:summarize:title') }}</span>
+      <el-button
+        type="text"
+        class="editBtn"
+        :disabled="!reviewerId"
+        @click.stop="openEdit"
+      >
+        {{ $t('common:button:edit') }}
+      </el-button>
+    </div>
+    <div
+      class="message"
+      v-if="mainSummarize.SummarizeEn || mainSummarize.Summarize"
+      style="white-space: pre-wrap"
+      v-html="isEN ? mainSummarize.SummarizeEn : mainSummarize.Summarize"
+    ></div>
+    <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+    <base-model :config="model_cfg">
+      <template slot="dialog-body">
+        <div class="form_title">
+          {{ $t('curriculumVitae:summarize:form:tableTitle') }}
+        </div>
+        <el-button
+          size="small"
+          type="primary"
+          @click="handleAdd()"
+          style="float: right; margin-bottom: 5px"
+        >
+          {{ $t('common:button:add') }}
+        </el-button>
+        <el-table
+          ref="summarizeTable"
+          :data="list"
+          border
+          class="table"
+          :loading="loading"
+          size="small"
+          :row-style="tableRowClassName"
+        >
+          <el-table-column type="index" width="30" />
+          <el-table-column
+            prop="Indication"
+            :label="$t('system:reviewer:label:Indication')"
+            show-overflow-tooltip
+            v-if="!isEN"
+          />
+          <el-table-column
+            prop="IndicationEn"
+            :label="$t('system:reviewer:label:Indication')"
+            show-overflow-tooltip
+            v-else
+          />
+          <el-table-column
+            prop="Summarize"
+            :label="$t('system:reviewer:label:SummarizeZH')"
+            show-overflow-tooltip
+            v-if="!isEN"
+          />
+          <el-table-column
+            prop="SummarizeEn"
+            :label="$t('system:reviewer:label:SummarizeEN')"
+            show-overflow-tooltip
+            v-else
+          />
+          <el-table-column
+            prop="IsMain"
+            :label="$t('system:reviewer:label:IsMain')"
+            show-overflow-tooltip
+            width="100px"
+          >
+            <template slot-scope="scope">
+              {{ $fd('YesOrNo', scope.row.IsMain) }}
+            </template>
+          </el-table-column>
+          <el-table-column
+            :label="$t('system:EducationTraining:table:Operation')"
+            width="120px"
+          >
+            <template slot-scope="scope">
+              <el-button type="text" size="small" @click="handleAdd(scope.row)">
+                {{ $t('common:button:edit') }}
+              </el-button>
+              <el-button
+                type="text"
+                size="small"
+                @click="handleDelete(scope.row, scope.$index)"
+              >
+                {{ $t('common:button:delete') }}
+              </el-button>
+              <el-button
+                type="text"
+                size="small"
+                @click="setCurrent(scope.row)"
+                v-if="trialId"
+              >
+                {{ $t('common:button:check') }}
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-form
+          ref="summarizeFrom"
+          v-loading="loading"
+          :model="form"
+          :rules="rules"
+          label-width="80px"
+          size="small"
+          v-if="trialId"
+        >
+          <div class="form_title">
+            {{ $t('curriculumVitae:summarize:form:formTitle') }}
+          </div>
+          <template>
+            <el-form-item>
+              <div style="float: right">
+                <!-- <el-button
+                  type="text"
+                  size="small"
+                  @click="cover"
+                  :disabled="!currentRow.Id"
+                >
+                  {{ $t('curriculumVitae:summarize:button:cover') }}
+                </el-button> -->
+                <el-button type="text" size="small" @click="addNew">
+                  {{ $t('curriculumVitae:summarize:button:addNew') }}
+                </el-button>
+              </div>
+            </el-form-item>
+          </template>
+          <el-form-item
+            :label="$t('curriculumVitae:summarize:form:summarize')"
+            prop="Summarize"
+            v-if="!isEN"
+          >
+            <el-input
+              :placeholder="
+                $t('curriculumVitae:summarize:form:placeholder:summarize')
+              "
+              v-model="form.Summarize"
+              type="textarea"
+              :rows="10"
+              clearable
+              :maxlength="4000"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            :label="$t('curriculumVitae:summarize:form:summarize')"
+            prop="SummarizeEn"
+            v-else
+          >
+            <el-input
+              v-model="form.SummarizeEn"
+              :placeholder="
+                $t('curriculumVitae:summarize:form:placeholder:summarizeEN')
+              "
+              type="textarea"
+              :rows="10"
+              clearable
+              :maxlength="4000"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </template>
+      <template slot="dialog-footer" v-if="trialId">
+        <el-button 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>
+      </template>
+    </base-model>
+    <base-model :config="model_cfg_table">
+      <template slot="dialog-body">
+        <el-form
+          ref="summarizeFrom2"
+          v-loading="loading"
+          :rules="rules"
+          :model="tableForm"
+          class="demo-ruleForm"
+          label-width="100px"
+        >
+          <el-form-item
+            :label="$t('system:reviewer:label:Indication')"
+            prop="Indication"
+            v-if="!isEN"
+          >
+            <el-input
+              v-model="tableForm.Indication"
+              :placeholder="
+                $t('curriculumVitae:summarize:form:placeholder:Indication')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+          <el-form-item
+            prop="IndicationEn"
+            :label="$t('system:reviewer:label:Indication')"
+            v-else
+          >
+            <el-input
+              v-model="tableForm.IndicationEn"
+              :placeholder="
+                $t('curriculumVitae:summarize:form:placeholder:IndicationEn')
+              "
+              size="small"
+              :maxlength="400"
+            />
+          </el-form-item>
+          <el-form-item
+            :label="$t('system:reviewer:label:Summarize')"
+            prop="Summarize"
+            v-if="!isEN"
+          >
+            <el-input
+              v-model="tableForm.Summarize"
+              type="textarea"
+              :rows="10"
+              :placeholder="
+                $t('curriculumVitae:summarize:form:placeholder:summarize')
+              "
+              size="small"
+              :maxlength="4000"
+            />
+          </el-form-item>
+          <el-form-item
+            prop="SummarizeEn"
+            :label="$t('system:reviewer:label:Summarize')"
+            v-else
+          >
+            <el-input
+              v-model="tableForm.SummarizeEn"
+              type="textarea"
+              :rows="10"
+              :placeholder="
+                $t('curriculumVitae:summarize:form:placeholder:summarizeEN')
+              "
+              size="small"
+              :maxlength="4000"
+            />
+          </el-form-item>
+          <el-form-item
+            prop="IsMain"
+            :label="$t('system:reviewer:label:IsMain')"
+          >
+            <el-switch
+              v-model="tableForm.IsMain"
+              :disabled="list.length <= 0 || ISMAIN"
+            >
+            </el-switch>
+          </el-form-item>
+        </el-form>
+      </template>
+      <template slot="dialog-footer">
+        <el-button size="small" type="primary" @click="handleCancle2">
+          {{ $t('common:button:cancel') }}
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          @click="handleSave2"
+          :loading="loading"
+        >
+          {{ $t('common:button:save') }}
+        </el-button>
+      </template>
+    </base-model>
+  </div>
+</template>
+<script>
+import BaseModel from '@/components/BaseModel'
+import {
+  addOrUpdateGneralSituation,
+  getSummarizeInfo,
+  deleteSummarizeInfo,
+} from '@/api/reviewers'
+const defaultForm = () => {
+  return {
+    Id: null,
+    DoctorId: null,
+    Summarize: null,
+    SummarizeEn: null,
+    IsMain: false,
+    Indication: null,
+    IndicationEn: null,
+    TrialId: null,
+  }
+}
+export default {
+  name: 'summarize',
+  components: { BaseModel },
+  props: {
+    DATA: {
+      type: Object,
+      required: true,
+      default: () => {
+        return {}
+      },
+    },
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+    trialId: {
+      type: String,
+      default: '',
+    },
+    isEN: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: '800px',
+        title: this.$t('curriculumVitae:summarize:form:title'),
+        appendToBody: true,
+      },
+      model_cfg_table: {
+        visible: false,
+        showClose: true,
+        width: '800px',
+        title: this.$t('system:reviewer:form:SummarizeTitle'),
+        appendToBody: true,
+        top: '8vh',
+      },
+      tableForm: defaultForm(),
+      form: defaultForm(),
+      rules: {
+        Indication: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        IndicationEn: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+        Summarize: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+        SummarizeEn: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+      },
+      loading: false,
+      list: [],
+      currentRow: {},
+      ISMAIN: false,
+      SaveSummarizeInfoType: 0,
+    }
+  },
+  computed: {
+    mainSummarize() {
+      if (Array.isArray(this.DATA.SummarizeList) && this.trialId) {
+        return this.DATA.SummarizeList[0] || {}
+      }
+      if (Array.isArray(this.DATA.SummarizeList)) {
+        return this.DATA.SummarizeList.find((item) => item.IsMain) || {}
+      }
+      return {}
+    },
+  },
+  methods: {
+    cover() {},
+    addNew() {
+      this.SaveSummarizeInfoType = 2
+      this.tableForm = defaultForm()
+      this.tableForm.Summarize = this.form.Summarize
+      this.tableForm.SummarizeEn = this.form.SummarizeEn
+      // this.tableForm.Indication = this.form.Indication
+      // this.tableForm.IndicationEn = this.form.IndicationEn
+      this.model_cfg_table.visible = true
+    },
+    tableRowClassName({ row, rowIndex }) {
+      if (row.Id === this.currentRow.Id) {
+        return {
+          background: '#d9ecff',
+        }
+      }
+      return {}
+    },
+    handleAdd(row) {
+      this.tableForm = defaultForm()
+      this.ISMAIN = false
+      this.SaveSummarizeInfoType = 0
+      if (row) {
+        Object.keys(this.tableForm).forEach((key) => {
+          this.tableForm[key] = row[key]
+        })
+        this.tableForm.Id = row.Id
+        if (this.tableForm.IsMain) {
+          this.ISMAIN = true
+        }
+      }
+      if (this.list.length <= 0) {
+        this.tableForm.IsMain = true
+      }
+      this.model_cfg_table.visible = true
+    },
+    async handleDelete(row, index) {
+      try {
+        if (row.IsMain) {
+          return this.$message.warning(
+            this.$t('system:reviewer:message:deletedSuccessfully')
+          )
+        }
+        let confirm = await this.$confirm(
+          this.$t('system:reviewer:confirm:delete')
+        )
+        if (!confirm) return false
+        let data = {
+          Id: row.Id,
+        }
+        this.loading = true
+        let res = await deleteSummarizeInfo(data)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$message.success(this.$t('common:message:deletedSuccessfully'))
+          // this.getDetail()
+          this.list.splice(index, 1)
+        }
+      } catch (err) {
+        console.log(err)
+        this.loading = false
+      }
+    },
+    // 获取系统模板
+    async getIndicationList() {
+      try {
+        let id = this.reviewerId
+        if (!id) return false
+        let res = await getSummarizeInfo({
+          DoctorId: id,
+        })
+        if (res.IsSuccess) {
+          this.list = res.Result.SummarizeList
+        }
+      } catch (err) {
+        console.log(err)
+      }
+    },
+    async openEdit() {
+      this.form = defaultForm()
+      Object.keys(this.form).forEach((key) => {
+        // if (!this.isPM) {
+        this.form[key] = this.mainSummarize[key]
+        // }
+      })
+      this.getIndicationList()
+      this.currentRow = {}
+      this.model_cfg.visible = true
+    },
+    handleCancle() {
+      this.form = defaultForm()
+      this.currentRow = {}
+      this.model_cfg.visible = false
+    },
+    handleCancle2() {
+      this.tableForm = defaultForm()
+      this.model_cfg_table.visible = false
+    },
+    async handleSave() {
+      try {
+        let validate = await this.$refs.summarizeFrom.validate()
+        if (!validate) return false
+        if (this.reviewerId) {
+          this.form.DoctorId = this.reviewerId
+        }
+        if (this.trialId) {
+          this.form.TrialId = this.trialId
+        }
+        this.loading = true
+        let res = await addOrUpdateGneralSituation(this.form)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$emit('getInfo')
+          this.model_cfg.visible = false
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    async handleSave2() {
+      try {
+        let validate = await this.$refs.summarizeFrom2.validate()
+        if (!validate) return false
+        this.tableForm.DoctorId = this.reviewerId
+        this.loading = true
+        if (this.trialId && this.SaveSummarizeInfoType > 0) {
+          this.tableForm.TrialId = this.trialId
+          this.tableForm.SaveSummarizeInfoType = this.SaveSummarizeInfoType
+        }
+        if (this.list.length <= 0) {
+          this.tableForm.IsMain = true
+        }
+        let res = await addOrUpdateGneralSituation(this.tableForm)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
+          this.model_cfg_table.visible = false
+          if (this.SaveSummarizeInfoType > 0) {
+            this.$emit('getInfo')
+            this.model_cfg.visible = false
+            return false
+          }
+          this.getIndicationList()
+          // this.getDetail()
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    handleCurrentChange(val) {
+      this.currentRow = val
+      this.form.Summarize = this.currentRow.Summarize
+      this.form.SummarizeEn = this.currentRow.SummarizeEn
+      this.form.Indication = this.currentRow.Indication
+      this.form.IndicationEn = this.currentRow.IndicationEn
+    },
+    setCurrent(row) {
+      // this.$refs.summarizeTable.setCurrentRow(row)
+      this.handleCurrentChange(row)
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.summarize {
+  min-height: 100px;
+  .title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    font-weight: bold;
+  }
+  .message {
+    width: 100%;
+    margin: auto;
+    min-height: 100px;
+    background-color: #eee;
+    padding: 10px;
+    line-height: 30px;
+    border-radius: 5px;
+    word-wrap: break-word;
+  }
+}
+.form_title {
+  margin: 10px 0;
+  display: flex;
+  align-items: center;
+  &::after {
+    margin-left: 20px;
+    display: block;
+    content: '';
+    border-top: 1px solid #eee;
+    flex: 1;
+  }
+}
+</style>

src/views/reviewers/curriculumVitae/components/info/treatise.vue

@@ -0,0 +1,173 @@
+<template>
+  <div class="treatise">
+    <div class="title">
+      <span>{{ $t('curriculumVitae:treatise:title') }}</span>
+      <el-button
+        type="text"
+        class="editBtn"
+        :disabled="!reviewerId"
+        @click.stop="openEdit"
+      >
+        {{ $t('common:button:edit') }}
+      </el-button>
+    </div>
+    <div
+      class="message"
+      v-if="DATA.Publications"
+      v-html="DATA.Publications"
+    ></div>
+    <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
+    <base-model :config="model_cfg">
+      <template slot="dialog-body">
+        <el-form
+          ref="treatiseFrom"
+          v-loading="loading"
+          :model="form"
+          :rules="rules"
+          label-width="80px"
+          size="small"
+        >
+          <el-form-item
+            :label="$t('curriculumVitae:treatise:form:name')"
+            prop="Publications"
+          >
+            <el-input
+              v-model="form.Publications"
+              clearable
+              type="textarea"
+              :rows="10"
+              :maxlength="4000"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </template>
+      <template slot="dialog-footer">
+        <el-button 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>
+      </template>
+    </base-model>
+  </div>
+</template>
+<script>
+import BaseModel from '@/components/BaseModel'
+import { addOrUpdateResearchPublicationInfo } from '@/api/reviewers'
+const defaultForm = () => {
+  return {
+    Id: null,
+    Publications: '',
+  }
+}
+export default {
+  name: 'treatise',
+  components: { BaseModel },
+  props: {
+    DATA: {
+      type: Object,
+      required: true,
+      default: () => {
+        return {}
+      },
+    },
+    reviewerId: {
+      type: String,
+      default: '',
+    },
+    isEN: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      model_cfg: {
+        visible: false,
+        showClose: true,
+        width: '800px',
+        title: this.$t('curriculumVitae:treatise:form:title'),
+        appendToBody: true,
+      },
+      form: defaultForm(),
+      rules: {
+        Publications: [
+          {
+            max: 4000,
+            message: this.$t('form:rules:maxLength:4000'),
+            trigger: 'blur',
+          },
+        ],
+      },
+      loading: false,
+      daterange: [],
+    }
+  },
+  methods: {
+    openEdit() {
+      this.form = defaultForm()
+      Object.keys(this.form).forEach((key) => {
+        if (this.DATA[key]) {
+          this.form[key] = this.DATA[key]
+        }
+      })
+      this.model_cfg.visible = true
+    },
+    handleCancle() {
+      this.form = defaultForm()
+      this.model_cfg.visible = false
+    },
+    async handleSave() {
+      try {
+        let validate = await this.$refs.treatiseFrom.validate()
+        if (!validate) return false
+        if (this.reviewerId) {
+          this.form.DoctorId = this.reviewerId
+        }
+        this.loading = true
+        let res = await addOrUpdateResearchPublicationInfo(this.form)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.$emit('getInfo')
+          this.model_cfg.visible = false
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.treatise {
+  min-height: 100px;
+  .title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    font-weight: bold;
+  }
+}
+.el-select,
+.el-date-editor {
+  width: 97%;
+}
+.message {
+  margin: auto;
+  min-height: 100px;
+  background-color: #eee;
+  padding: 10px;
+  line-height: 30px;
+  border-radius: 5px;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+</style>

src/views/reviewers/curriculumVitae/index.vue

@@ -0,0 +1,494 @@
+<template>
+  <div class="curriculumVitae" v-loading="loading">
+    <div class="leftMenu">
+      <div class="title">{{ $t('curriculumVitae:menu:title') }}</div>
+      <el-menu
+        :default-active="activeIndex"
+        class="el-menu-demo"
+        mode="vertical"
+        @select="handleSelect"
+        background-color="#eee"
+        active-text-color="#000"
+      >
+        <el-menu-item index="info">
+          {{ $t('curriculumVitae:menu:info') }}
+        </el-menu-item>
+        <el-menu-item index="summarize">{{
+          $t('curriculumVitae:menu:summarize')
+        }}</el-menu-item>
+        <el-menu-item index="specialty">
+          {{ $t('curriculumVitae:menu:specialty') }}
+        </el-menu-item>
+        <el-menu-item index="educationalExperience">{{
+          $t('curriculumVitae:menu:EducationalExperience')
+        }}</el-menu-item>
+        <el-menu-item index="continuingTraining">{{
+          $t('curriculumVitae:menu:ContinuingTraining')
+        }}</el-menu-item>
+        <el-menu-item index="scientificResearchProject">{{
+          $t('curriculumVitae:menu:ScientificResearchProject')
+        }}</el-menu-item>
+        <el-menu-item index="clinicalTrials">{{
+          $t('curriculumVitae:menu:clinicalTrials')
+        }}</el-menu-item>
+        <el-menu-item index="treatise">{{
+          $t('curriculumVitae:menu:treatise')
+        }}</el-menu-item>
+        <el-menu-item index="other">{{
+          $t('curriculumVitae:menu:other')
+        }}</el-menu-item>
+        <el-menu-item index="pay">{{
+          $t('curriculumVitae:menu:pay')
+        }}</el-menu-item>
+        <el-menu-item index="setting" v-if="isPM">{{
+          $t('curriculumVitae:button:seeting')
+        }}</el-menu-item>
+      </el-menu>
+    </div>
+    <div class="main" id="main">
+      <div class="content">
+        <div class="title">
+          <div>{{ $t('curriculumVitae:content:title') }}</div>
+          <div class="btnBox">
+            <!-- <el-button type="text" @click.stop="openSetting" v-if="isPM">
+              {{ $t('curriculumVitae:button:seeting') }}
+            </el-button> -->
+            <el-button type="text" @click.stop="openHoliday">
+              {{ $t('curriculumVitae:button:holiday') }}
+            </el-button>
+            <!-- <el-button type="text">{{
+              $t('common:button:downloadTpl')
+            }}</el-button>
+            <el-button type="text">{{
+              $t('curriculumVitae:button:importResume')
+            }}</el-button> -->
+            <el-button type="text" @click.stop="openPreview">
+              {{ $t('curriculumVitae:button:preview') }}
+            </el-button>
+            <el-button type="text" @click.stop="openPreview(false)">
+              {{ $t('common:button:previewBlindState') }}
+            </el-button>
+          </div>
+        </div>
+        <div class="box" id="info">
+          <info
+            :DATA="{
+              ...reviewerData.BasicInfoView,
+              ...reviewerData.EmploymentView,
+            }"
+            :reviewerId.sync="reviewerId"
+            :isEN="isEN"
+            @getInfo="getDetail"
+          />
+        </div>
+        <div class="box" id="summarize">
+          <summarize
+            :DATA="{
+              ...reviewerData.SummarizeInfo,
+            }"
+            :reviewerId.sync="reviewerId"
+            :trialId="trialId"
+            :isEN="isEN"
+            @getInfo="getDetail"
+          />
+        </div>
+        <div class="box" id="specialty">
+          <specialty
+            :DATA="{
+              ...reviewerData.SpecialtyView,
+            }"
+            :isEN="isEN"
+            :reviewerId.sync="reviewerId"
+            @getInfo="getDetail"
+          />
+        </div>
+        <div class="box" id="educationalExperience">
+          <educationalExperience
+            :DATA="reviewerData.EducationList"
+            :isEN="isEN"
+            :reviewerId.sync="reviewerId"
+            @getInfo="getDetail"
+          />
+        </div>
+        <div class="box" id="continuingTraining">
+          <continuingTraining
+            :DATA="reviewerData.PostgraduateList"
+            :isEN="isEN"
+            :reviewerId.sync="reviewerId"
+            @getInfo="getDetail"
+          />
+        </div>
+        <div class="box" id="scientificResearchProject">
+          <scientificResearchProject
+            :DATA="{ ...reviewerData.ResearchPublicationView }"
+            :isEN="isEN"
+            :reviewerId.sync="reviewerId"
+            @getInfo="getDetail"
+          />
+        </div>
+        <div class="box" id="clinicalTrials">
+          <clinicalTrials
+            :DATA="{ ...reviewerData.TrialExperienceView }"
+            :isEN="isEN"
+            :reviewerId.sync="reviewerId"
+            :trialId="trialId"
+            @getInfo="getDetail"
+          />
+        </div>
+        <div class="box" id="treatise">
+          <treatise
+            :DATA="{ ...reviewerData.ResearchPublicationView }"
+            :isEN="isEN"
+            :reviewerId.sync="reviewerId"
+            @getInfo="getDetail"
+          />
+        </div>
+        <div class="box" id="other">
+          <other
+            :DATA="{ ...reviewerData.ResearchPublicationView }"
+            :isEN="isEN"
+            :reviewerId.sync="reviewerId"
+            @getInfo="getDetail"
+          />
+        </div>
+        <div class="box" id="pay">
+          <pay
+            :DATA="{ ...reviewerData.PaymentModeInfo }"
+            :isEN="isEN"
+            :reviewerId.sync="reviewerId"
+            @getInfo="getDetail"
+          />
+        </div>
+        <div class="box" id="setting" v-if="isPM">
+          <setting :isEN="isEN" :reviewerId.sync="reviewerId" />
+        </div>
+      </div>
+      <div class="rightFile">
+        <!--简历附件-->
+        <curriculum :isEN="isEN" :reviewerId.sync="reviewerId" />
+        <!--资历证书-->
+        <certificate
+          :DATA="reviewerData.AttachmentList"
+          :isEN="isEN"
+          :reviewerId.sync="reviewerId"
+          @getInfo="getDetail"
+        />
+        <!--协议-->
+        <agreement
+          :DATA="reviewerData.AttachmentList"
+          :isEN="isEN"
+          :isPM="isPM"
+          :reviewerId.sync="reviewerId"
+          @getInfo="getDetail"
+        />
+      </div>
+    </div>
+    <el-dialog :visible.sync="visible" fullscreen append-to-body>
+      <div style="height: 100%; overflow: auto">
+        <preview
+          :isEN="isEN"
+          :reviewerId.sync="reviewerId"
+          :trialId="trialId"
+          :isAll="isAll"
+          v-if="visible"
+        />
+      </div>
+    </el-dialog>
+    <holiday
+      v-if="holidayVisible"
+      :reviewerId.sync="reviewerId"
+      :visible.sync="holidayVisible"
+    />
+    <!-- <setting
+      v-if="settingVisible"
+      :reviewerId.sync="reviewerId"
+      :visible.sync="settingVisible"
+    /> -->
+  </div>
+</template>
+<script>
+import curriculum from './components/file/curriculum.vue'
+import certificate from './components/file/certificate.vue'
+import agreement from './components/file/agreement.vue'
+import info from './components/info/info.vue'
+import summarize from './components/info/summarize.vue'
+import specialty from './components/info/specialty.vue'
+import educationalExperience from './components/info/educationalExperience.vue'
+import continuingTraining from './components/info/continuingTraining.vue'
+import scientificResearchProject from './components/info/scientificResearchProject.vue'
+import clinicalTrials from './components/info/clinicalTrials.vue'
+import treatise from './components/info/treatise.vue'
+import other from './components/info/other.vue'
+import pay from './components/info/pay.vue'
+import holiday from './components/info/holiday.vue'
+import setting from './components/info/setting.vue'
+import preview from './preview.vue'
+import { getDetail } from '@/api/reviewers'
+import { mapMutations } from 'vuex'
+export default {
+  components: {
+    curriculum,
+    certificate,
+    agreement,
+    info,
+    summarize,
+    specialty,
+    educationalExperience,
+    continuingTraining,
+    scientificResearchProject,
+    clinicalTrials,
+    treatise,
+    other,
+    pay,
+    holiday,
+    preview,
+    setting,
+  },
+  data() {
+    return {
+      activeIndex: 'info',
+      isScrollAuto: true,
+      visible: false,
+      loading: false,
+      reviewerId: '',
+      trialId: '',
+      reviewerData: {
+        BasicInfoView: {},
+        EmploymentView: {},
+        AckSowList: [],
+        AttachmentList: [],
+        AuditView: {},
+        EducationList: [],
+        IntoGroupInfo: {},
+        PaymentModeInfo: {},
+        PostgraduateList: [],
+        ResearchPublicationView: {},
+        SowList: [],
+        SpecialtyView: {},
+        SummarizeInfo: {},
+        TrialExperienceView: {},
+      },
+      dom: null,
+
+      holidayVisible: false,
+      isAll: true,
+
+      // settingVisible: false,
+    }
+  },
+  computed: {
+    isEN() {
+      return this.$i18n.locale !== 'zh'
+    },
+    isPM() {
+      // return true
+      return this.hasPermi(['role:pm'])
+    },
+  },
+  async created() {
+    this.$i18n.locale =
+      this.$route.query.lang || zzSessionStorage.getItem('lang')
+    this.trialId =
+      this.$route.query.trialId || zzSessionStorage.getItem('trialId')
+    await this.setLanguage(this.$i18n.locale)
+    this.$updateDictionary()
+    if (sessionStorage.getItem('reviewerId')) {
+      this.reviewerId = sessionStorage.getItem('reviewerId')
+      this.getDetail()
+    } else if (this.$route.query.Id) {
+      this.reviewerId = this.$route.query.Id
+      sessionStorage.setItem('reviewerId', this.reviewerId)
+      this.getDetail()
+    }
+  },
+  mounted() {
+    this.dom = document.getElementById('main')
+    // 监听滚动事件
+    this.dom.addEventListener('scroll', this.onScroll)
+  },
+  destroy() {
+    // 必须移除监听器，不然当该vue组件被销毁了，监听器还在就会出错
+    this.dom.removeEventListener('scroll', this.onScroll)
+    this.dom = null
+  },
+  methods: {
+    ...mapMutations({ setLanguage: 'lang/setLanguage' }),
+
+    // 获取详情
+    async getDetail() {
+      try {
+        let id = this.reviewerId
+        let trialId = this.trialId
+        this.loading = true
+        let res = await getDetail(id, trialId)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.reviewerData = res.Result
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    handleSelect(key, keyPath) {
+      const navContent = document.getElementById(key)
+      if (navContent) {
+        const scrollTop = navContent.offsetTop
+        document.getElementById('main').scrollTop = scrollTop
+        // document.documentElement.scrollTop = scrollTop
+      }
+    },
+    onScroll() {
+      // 获取所有锚点元素
+      const navContents = document.querySelectorAll('.content .box')
+      // 所有锚点元素的 offsetTop
+      const offsetTopArr = []
+      navContents.forEach((item) => {
+        offsetTopArr.push(item.offsetTop)
+      })
+      // 获取当前文档流的 scrollTop
+      const scrollTop = document.getElementById('main').scrollTop
+      // 定义当前点亮的导航下标
+      let navItem = null
+      for (let n = 0; n < offsetTopArr.length; n++) {
+        // 如果 scrollTop 大于等于第 n 个元素的 offsetTop 则说明 n-1 的内容已经完全不可见
+        // 那么此时导航索引就应该是 n 了
+        if (scrollTop >= offsetTopArr[n]) {
+          navItem = navContents[n]
+        }
+      }
+      // 把下标赋值给 vue 的 data
+      if (navItem && navItem.id) {
+        this.activeIndex = navItem.id
+      }
+    },
+    // 预览简历
+    openPreview(isAll = true) {
+      this.isAll = isAll
+      this.visible = true
+    },
+    // 假期计划
+    openHoliday() {
+      this.holidayVisible = true
+    },
+    // 设置
+    // openSetting() {
+    //   this.settingVisible = true
+    // },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.curriculumVitae {
+  position: relative;
+  height: 100%;
+}
+.title {
+  line-height: 50px;
+  background-color: #fff;
+  text-align: center;
+  font-weight: bold;
+}
+.leftMenu {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 300px;
+  height: 100%;
+  background-color: #eee;
+  border-right: 1px solid #eee;
+  ::v-deep .el-menu {
+    padding: 5px 5px 0;
+  }
+  ::v-deep .is-active {
+    background-color: #fff !important;
+    position: relative;
+    &::before {
+      display: block;
+      content: '';
+      width: 5px;
+      height: 15px;
+      background-color: #f00;
+      position: absolute;
+      left: 8px;
+      top: calc(50% - 8px);
+    }
+  }
+}
+.main {
+  width: calc(100% - 300px);
+  height: 100%;
+  overflow: auto;
+  margin-left: 300px;
+  display: flex;
+  align-items: flex-start;
+}
+.content {
+  width: calc(100% - 300px);
+  padding: 0 50px 0 20px;
+  .title {
+    line-height: 50px;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+.box {
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  padding: 15px;
+  margin-bottom: 20px;
+}
+::v-deep .noData {
+  color: #909399;
+  text-align: center;
+}
+.rightFile {
+  width: 300px;
+  padding-right: 10px;
+  ::v-deep .title {
+    line-height: 50px;
+    background-color: #fff;
+    text-align: left;
+    font-weight: bold;
+  }
+  ::v-deep .fileBox {
+    background-color: #eee;
+    padding: 10px;
+    font-size: 14px;
+    border-radius: 3px;
+  }
+  ::v-deep .file_title {
+    line-height: 40px;
+    font-weight: bold;
+  }
+  ::v-deep .btnBox {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 10px;
+  }
+
+  ::v-deep .file {
+    width: 100%;
+    display: flex;
+    margin-bottom: 10px;
+    .name {
+      width: 70%;
+      white-space: nowrap; /* 文本不会换行，会在同一行内继续，直到遇到<br>标签为止 */
+      text-overflow: ellipsis; /* 当文本溢出包含它的容器时，显示省略号(...)来表示被截断的文本 */
+      overflow: hidden; /* 隐藏溢出容器的文本 */
+    }
+    i {
+      cursor: pointer;
+      margin: 3px;
+      color: #409eff;
+    }
+    .disable {
+      cursor: not-allowed;
+      color: #909399;
+    }
+  }
+}
+</style>

src/views/reviewers/edit.vue

@@ -1,43 +1,85 @@
 <template>
   <div class="app-container">
     <el-tabs v-model="active" @tab-click="clickTab">
-      <el-tab-pane :label="$t('system:reviewer:tab:BasicInfo')" name="BasicInfo">
-        <basic-info v-if="load.BasicInfo" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:BasicInfo')"
+        name="BasicInfo"
+      >
+        <basic-info v-if="load.BasicInfo" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
-      <el-tab-pane :label="$t('system:reviewer:tab:Employment')" name="Employment">
-        <Employment v-if="load.Employment" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Employment')"
+        name="Employment"
+      >
+        <Employment v-if="load.Employment" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
-      <el-tab-pane :label="$t('system:reviewer:tab:Specialty')" name="Specialty">
-        <specialty v-if="load.Specialty" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Summarize')"
+        name="Summarize"
+      >
+        <Summarize v-if="load.Summarize" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
-      <el-tab-pane :label="$t('system:reviewer:tab:Education&Training')" name="EducationTraining">
-        <education-training v-if="load.EducationTraining" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Specialty')"
+        name="Specialty"
+      >
+        <specialty v-if="load.Specialty" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
-      <el-tab-pane :label="$t('system:reviewer:tab:Research&Publication')" name="ResearchPublication">
-        <research-publication v-if="load.ResearchPublication" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Education&Training')"
+        name="EducationTraining"
+      >
+        <education-training
+          v-if="load.EducationTraining"
+          :reviewerId.sync="reviewerId"
+        />
       </el-tab-pane>
-      <el-tab-pane :label="$t('system:reviewer:tab:TrialExperience')" name="TrialExperience">
-        <trial-experience v-if="load.TrialExperience" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Research&Publication')"
+        name="ResearchPublication"
+      >
+        <research-publication
+          v-if="load.ResearchPublication"
+          :reviewerId.sync="reviewerId"
+        />
       </el-tab-pane>
-      <el-tab-pane :label="$t('system:reviewer:tab:Credentials')" name="Credentials">
-        <Credentials v-if="load.Credentials" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:TrialExperience')"
+        name="TrialExperience"
+      >
+        <trial-experience
+          v-if="load.TrialExperience"
+          :reviewerId.sync="reviewerId"
+        />
+      </el-tab-pane>
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Credentials')"
+        name="Credentials"
+      >
+        <Credentials v-if="load.Credentials" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
       <el-tab-pane :label="$t('system:reviewer:tab:Resumes')" name="Resumes">
-        <Resumes v-if="load.Resumes" />
+        <Resumes v-if="load.Resumes" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
-      <el-tab-pane :label="$t('system:reviewer:tab:Agreements')" name="Agreements">
-        <Agreements v-if="load.Agreements" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Agreements')"
+        name="Agreements"
+      >
+        <Agreements v-if="load.Agreements" :reviewerId.sync="reviewerId" />
+      </el-tab-pane>
+      <el-tab-pane :label="$t('system:reviewer:tab:Pay')" name="Pay">
+        <Pay v-if="load.Pay" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
       <el-tab-pane :label="$t('system:reviewer:tab:Setting')" name="Setting">
-        <Setting v-if="load.Setting" />
+        <Setting v-if="load.Setting" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
     </el-tabs>
   </div>
 </template>
 <script>
-
 import BasicInfo from './components/BasicInfo'
 import Employment from './components/Employment'
+import Summarize from './components/Summarize'
 import Specialty from './components/Specialty'
 import EducationTraining from './components/EducationTraining'
 import ResearchPublication from './components/ResearchPublication'
@@ -45,12 +87,14 @@ import TrialExperience from './components/TrialExperience'
 import Credentials from './components/Credentials'
 import Resumes from './components/Resumes'
 import Agreements from './components/Agreements'
+import Pay from './components/Pay'
 import Setting from './components/Setting'
 import { changeURLStatic, getQueryString } from '@/utils/history.js'
 export default {
   components: {
     BasicInfo,
     Employment,
+    Summarize,
     Specialty,
     EducationTraining,
     ResearchPublication,
@@ -58,15 +102,26 @@ export default {
     Credentials,
     Resumes,
     Agreements,
-    Setting
+    Pay,
+    Setting,
+  },
+  props: {
+    reviewerId: {
+      type: String,
+    },
+    isSystem: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {
       id: this.$route.query.Id,
-      active: '',
+      active: 'BasicInfo',
       load: {
         BasicInfo: true,
         Employment: false,
+        Summarize: false,
         Specialty: false,
         EducationTraining: false,
         ResearchPublication: false,
@@ -74,34 +129,40 @@ export default {
         Credentials: false,
         Resumes: false,
         Agreements: false,
-        Setting: false
-      }
+        Pay,
+        Setting: false,
+      },
     }
   },
   created() {
-    if (this.$route.query.Id === '') {
-      this.$router.push({ path: '/reviewers/reviewers-list' })
+    if (this.isSystem) {
+      if (this.$route.query.Id === '') {
+        this.$router.push({ path: '/reviewers/reviewers-list' })
+      }
+      this.active = this.$route.query.tabActive
+      this.load[this.active] = true
     }
-    this.active = this.$route.query.tabActive
-    this.load[this.active] = true
   },
   methods: {
     clickTab(tab, event) {
       if (this.load[tab.name] === false) {
         this.load[tab.name] = true
       }
+      if (!this.isSystem) return false
       changeURLStatic('tabActive', tab.name)
       const id = getQueryString('Id')
       const isEnglish = getQueryString('isEnglish')
-      this.$router.push({ path: `/reviewers/reviewers-edit?Id=${id}&isEnglish=${isEnglish}&tabActive=${tab.name}` })
-    }
-  }
+      this.$router.push({
+        path: `/reviewers/reviewers-edit?Id=${id}&isEnglish=${isEnglish}&tabActive=${tab.name}`,
+      })
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
-.el-tabs{
+.el-tabs {
   height: 100%;
-  .el-tabs__content{
+  .el-tabs__content {
     height: calc(100%-50px);
     overflow-y: auto;
   }

src/views/reviewers/index.vue

@@ -7,7 +7,7 @@
           <el-form-item :label="$t('reviewers-list:label:Name')">
             <el-input
               v-model="searchData.Name"
-              style="width:100px;"
+              style="width: 100px"
               clearable
             />
           </el-form-item>
@@ -17,7 +17,7 @@
               clearable
               multiple
               collapse-tags
-              style="width:150px;"
+              style="width: 150px"
             >
               <!-- <el-option
                 v-for="(key,value) of dictionaryList.ReadingType"
@@ -39,7 +39,7 @@
               multiple
               collapse-tags
               clearable
-              style="width:180px;"
+              style="width: 180px"
             >
               <el-option
                 v-for="item of dict.type.Subspeciality"
@@ -50,39 +50,56 @@
             </el-select>
           </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"
+              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
               icon="el-icon-download"
               type="primary"
-              :disabled="!(selectArr.length>0)"
+              :disabled="!(selectArr.length > 0)"
               @click="handleDownLoadOffical"
-            >{{$t('reviewers-list:label:DownloadCV')}}</el-button>
+              >{{ $t('reviewers-list:label:DownloadCV') }}</el-button
+            >
             <el-button
               type="primary"
               icon="el-icon-link"
               @click="showResearchLink"
             >
-              {{$t('reviewers-list:label:showResearchLink')}}
+              {{ $t('reviewers-list:label:showResearchLink') }}
             </el-button>
           </el-form-item>
         </el-form>
       </div>
-      <span style="margin-left:auto;">
-<!--        <el-switch-->
-<!--          v-model="isEN"-->
-<!--          active-text="EN"-->
-<!--          inactive-text="中文"-->
-<!--          style="margin-right:10px;"-->
-<!--          @change="handleIsEnChange"-->
-<!--        />-->
-        <el-button size="small" icon="el-icon-plus" type="primary" @click="handleNew">{{$t('common:button:new')}}</el-button>
+      <span style="margin-left: auto">
+        <!--        <el-switch-->
+        <!--          v-model="isEN"-->
+        <!--          active-text="EN"-->
+        <!--          inactive-text="中文"-->
+        <!--          style="margin-right:10px;"-->
+        <!--          @change="handleIsEnChange"-->
+        <!--        />-->
+        <el-button
+          size="small"
+          icon="el-icon-plus"
+          type="primary"
+          @click="handleNew"
+          >{{ $t('common:button:new') }}</el-button
+        >
       </span>
     </div>
 
     <!-- 医生列表 -->
     <el-table
-      v-adaptive="{bottomOffset:55}"
+      v-adaptive="{ bottomOffset: 55 }"
       v-loading="listLoading"
       stripe
       height="100"
@@ -90,7 +107,12 @@
       @sort-change="sortByColumn"
       @selection-change="handleSelectChange"
     >
-      <el-table-column type="selection" align="left" width="45" :selectable="hasResume" />
+      <el-table-column
+        type="selection"
+        align="left"
+        width="45"
+        :selectable="hasResume"
+      />
       <el-table-column type="index" width="40" align="left" />
       <el-table-column
         align="left"
@@ -111,8 +133,20 @@
         width="90"
         align="left"
       />
-      <el-table-column prop="ReviewerCode" :label="$t('reviewers-list:table:ID')" width="80" show-overflow-tooltip sortable="custom" />
-      <el-table-column prop="AccountUserName" :label="$t('reviewers-list:table:UserName')" width="140" show-overflow-tooltip sortable="custom" />
+      <el-table-column
+        prop="ReviewerCode"
+        :label="$t('reviewers-list:table:ID')"
+        width="80"
+        show-overflow-tooltip
+        sortable="custom"
+      />
+      <el-table-column
+        prop="AccountUserName"
+        :label="$t('reviewers-list:table:UserName')"
+        width="140"
+        show-overflow-tooltip
+        sortable="custom"
+      />
       <el-table-column
         :label="$t('reviewers-list:table:Reading')"
         width="100"
@@ -122,14 +156,17 @@
         prop="Reading"
       >
         <template slot-scope="scope">
-          <span v-if="scope.row.Reading" style="color:#428bca">
+          <span v-if="scope.row.Reading" style="color: #428bca">
             <router-link
               tag="a"
               :to="{
-                path: `/trialStats?name=${scope.row.FirstName+' '+scope.row.LastName}&doctorId=${scope.row.Id}&status=10&TokenKey=${tokenKey}`
+                path: `/trialStats?name=${
+                  scope.row.FirstName + ' ' + scope.row.LastName
+                }&doctorId=${scope.row.Id}&status=10&TokenKey=${tokenKey}`,
               }"
               target="_blank"
-            >{{ scope.row.Reading }}</router-link>
+              >{{ scope.row.Reading }}</router-link
+            >
           </span>
           <span v-else>{{ scope.row.Reading }}</span>
         </template>
@@ -143,14 +180,17 @@
         prop="Finished"
       >
         <template slot-scope="scope">
-          <span v-if=" scope.row.Finished" style="color:#428bca">
+          <span v-if="scope.row.Finished" style="color: #428bca">
             <router-link
               tag="a"
               :to="{
-                path: `/trialStats?name=${scope.row.FirstName+' '+scope.row.LastName}&doctorId=${scope.row.Id}&status=14&TokenKey=${tokenKey}`
+                path: `/trialStats?name=${
+                  scope.row.FirstName + ' ' + scope.row.LastName
+                }&doctorId=${scope.row.Id}&status=14&TokenKey=${tokenKey}`,
               }"
               target="_blank"
-            >{{ scope.row.Finished }}</router-link>
+              >{{ scope.row.Finished }}</router-link
+            >
           </span>
           <span v-else>{{ scope.row.Finished }}</span>
         </template>
@@ -165,7 +205,13 @@
       >
         <template slot-scope="scope">
           <span>
-            {{ scope.row.SpecialityId === otherId ? scope.row.SpecialityOther : isEnglish?scope.row.Speciality:scope.row.SpecialityCN }}
+            {{
+              scope.row.SpecialityId === otherId
+                ? scope.row.SpecialityOther
+                : isEnglish
+                ? scope.row.Speciality
+                : scope.row.SpecialityCN
+            }}
           </span>
         </template>
       </el-table-column>
@@ -178,10 +224,18 @@
       >
         <template slot-scope="scope">
           <span v-if="isEnglish">
-            {{ scope.row.SubspecialityList.length>0?scope.row.SubspecialityList.join(', '):'' }}
+            {{
+              scope.row.SubspecialityList.length > 0
+                ? scope.row.SubspecialityList.join(', ')
+                : ''
+            }}
           </span>
           <span v-else>
-            {{ scope.row.SubspecialityCNList.length>0?scope.row.SubspecialityCNList.join(', '):'' }}
+            {{
+              scope.row.SubspecialityCNList.length > 0
+                ? scope.row.SubspecialityCNList.join(', ')
+                : ''
+            }}
           </span>
         </template>
       </el-table-column>
@@ -195,7 +249,7 @@
       >
         <template slot-scope="scope">
           <span>
-            {{ isEnglish?scope.row.HospitalName:scope.row.HospitalNameCN }}
+            {{ isEnglish ? scope.row.HospitalName : scope.row.HospitalNameCN }}
           </span>
         </template>
       </el-table-column>
@@ -209,7 +263,7 @@
       >
         <template slot-scope="scope">
           <span>
-            {{ isEnglish?scope.row.City:scope.row.CityCN }}
+            {{ isEnglish ? scope.row.City : scope.row.CityCN }}
           </span>
         </template>
       </el-table-column>
@@ -241,7 +295,12 @@
           </span>
         </template>
       </el-table-column>
-      <el-table-column :label="$t('common:action:action')" min-width="200" align="left" fixed="right">
+      <el-table-column
+        :label="$t('common:action:action')"
+        min-width="200"
+        align="left"
+        fixed="right"
+      >
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -250,13 +309,6 @@
             :title="$t('reviewers-list:table:Detail')"
             @click="handleDetail(scope.row)"
           />
-          <el-button
-            size="mini"
-            circle
-            icon="el-icon-edit-outline"
-            :title="$t('reviewers-list:table:Edit')"
-            @click="handleEdit(scope.row)"
-          />
           <el-button
             size="mini"
             icon="el-icon-view"
@@ -264,6 +316,13 @@
             :title="$t('reviewers-list:table:Blind')"
             @click="lookResumeInfo(scope.row)"
           />
+          <el-button
+            size="mini"
+            circle
+            icon="el-icon-edit-outline"
+            :title="$t('reviewers-list:table:Edit')"
+            @click="handleEdit(scope.row)"
+          />
         </template>
       </el-table-column>
     </el-table>
@@ -279,14 +338,40 @@
     <base-model :config="share_model">
       <template slot="dialog-body">
         <div>
-          <i style="color:#428bca;" class="el-icon-success" />
-          <span>{{ $t('reviewers-list:message:msg1')}}</span>
+          <i style="color: #428bca" class="el-icon-success" />
+          <span>{{ $t('reviewers-list:message:msg1') }}</span>
         </div>
-        <div style="margin:10px 0;">
-          <span style="">{{ $t('reviewers-list:message:msg2') }}</span><el-input type="textarea"  :autosize="{ minRows: 2, maxRows: 4}" v-model="shareLink" readonly style="width: 100%;margin-top: 10px" />
+        <div style="margin: 10px 0">
+          <span style="">{{ $t('reviewers-list:message:msg2') }}</span
+          ><el-input
+            type="textarea"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+            v-model="shareLink"
+            readonly
+            style="width: 100%; margin-top: 10px"
+          />
         </div>
         <div>
-          <el-button type="primary" round @click="copyCode">{{ $t('reviewers-list:button:copyCode') }}</el-button>
+          <el-button type="primary" round @click="copyCode">{{
+            $t('reviewers-list:button:copyCode')
+          }}</el-button>
+        </div>
+        <div class="sendEmailBox">
+          <el-input
+            v-model="email"
+            clearable
+            :placeholder="$t('reviewers-list:placeholder:sendEmail')"
+          ></el-input>
+          <el-button
+            type="primary"
+            round
+            :disabled="!email"
+            @click="sendEmail"
+            :loading="emailLoading"
+            style="margin-left: 10px"
+          >
+            {{ $t('reviewers-list:button:sendEmail') }}
+          </el-button>
         </div>
       </template>
     </base-model>
@@ -300,20 +385,48 @@
         </el-radio-group>
       </template>
       <template slot="dialog-footer">
-        <el-button :disabled="btnLoading" size="small" type="primary" @click="model_cfg.visible = false">Cancel</el-button>
-        <el-button size="small" type="primary" :loading="btnLoading" @click="handleDownloadResumes">Ok</el-button>
+        <el-button
+          :disabled="btnLoading"
+          size="small"
+          type="primary"
+          @click="model_cfg.visible = false"
+          >Cancel</el-button
+        >
+        <el-button
+          size="small"
+          type="primary"
+          :loading="btnLoading"
+          @click="handleDownloadResumes"
+          >Ok</el-button
+        >
       </template>
     </base-model>
+    <el-dialog :visible.sync="preview_visible" fullscreen>
+      <div style="height: 100%; overflow: auto">
+        <preview
+          :isEN="isEN"
+          :isAll="isAll"
+          :reviewerId.sync="reviewerId"
+          v-if="preview_visible"
+        />
+      </div>
+    </el-dialog>
   </box-content>
 </template>
 <script>
-import { getDoctorSearchList, downloadOfficialCV, getOfficialResume } from '@/api/reviewers'
+import {
+  getDoctorSearchList,
+  downloadOfficialCV,
+  getOfficialResume,
+  doctorSendEmail,
+} from '@/api/reviewers'
 import store from '@/store'
 import { mapGetters, mapMutations } from 'vuex'
 import Pagination from '@/components/Pagination'
 import BoxContent from '@/components/BoxContent'
 import BaseModel from '@/components/BaseModel'
 import { getToken } from '@/utils/auth'
+import preview from '@/views/reviewers/curriculumVitae/preview.vue'
 import JSZip from 'jszip'
 import axios from 'axios'
 import { saveAs } from 'file-saver'
@@ -338,13 +451,13 @@ const searchDataDefault = () => {
     PageIndex: 1,
     PageSize: 20,
     Asc: false,
-    SortField: ''
+    SortField: '',
   }
 }
 const otherId = 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5'
 export default {
   name: 'Reviewers',
-  components: { BoxContent, BaseModel, Pagination },
+  components: { BoxContent, BaseModel, Pagination, preview },
   data() {
     return {
       otherId,
@@ -363,20 +476,38 @@ export default {
         visible: false,
         title: '',
         width: '500px',
-        showClose: true
+        showClose: true,
       },
       tokenKey: getToken(),
-      share_model: { visible: false, title: '', width: '500px' },
+      share_model: {
+        title: this.$t('curriculumVitae:share:title'),
+        visible: false,
+        width: '500px',
+      },
       shareLink: null,
-      isEnglish: false
+      isEnglish: false,
+
+      preview_visible: false,
+      reviewerId: '',
+      isAll: true,
+
+      emailLoading: false,
+      email: null,
     }
   },
-  dicts: ['ReadingType', 'Subspeciality', 'Department', 'Rank', 'Position', 'ReadingStandard'],
+  dicts: [
+    'ReadingType',
+    'Subspeciality',
+    'Department',
+    'Rank',
+    'Position',
+    'ReadingStandard',
+  ],
   computed: {
-    ...mapGetters(['hospitalList', 'reviewersQuery'])
+    ...mapGetters(['hospitalList', 'reviewersQuery']),
   },
   created() {
-    this.reviewersQuery ? this.listQuery = this.reviewersQuery : ''
+    this.reviewersQuery ? (this.listQuery = this.reviewersQuery) : ''
     this.initPage()
     // this.isEnglish = !!((this.$route.query.isEnglish === true || this.$route.query.isEnglish === 'true'))
     this.isEnglish = this.$i18n.locale === 'zh' ? false : true
@@ -384,24 +515,57 @@ export default {
   },
   methods: {
     copyCode() {
-      this.$copyText(`链接: ${this.shareLink}`).then(
-        res => {
+      this.$copyText(`链接: ${this.shareLink}`)
+        .then((res) => {
           this.$message.success('复制成功')
+        })
+        .catch(() => {
+          this.$alert('复制失败')
+        })
+    },
+    // 发送邮件
+    async sendEmail() {
+      let emailList = this.email.split('|')
+      let isError = false
+      emailList.forEach((item) => {
+        var pattern =
+          /^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/
+        if (!pattern.test(item)) {
+          isError = true
         }
-      ).catch(() => { this.$alert('复制失败') })
+      })
+      if (isError) return this.$message.warning(this.$t('rules:email'))
+      this.emailLoading = true
+      let res = await doctorSendEmail({
+        Email: emailList,
+        Url: `ReviewersResearch?lang=${this.$store.getters.language}`,
+      })
+      this.emailLoading = false
+      if (res.IsSuccess) {
+        this.$message.success(
+          this.$t('trials:researchStaff:message:sendEmalil')
+        )
+        this.share_model.visible = false
+      }
     },
     // 复制链接
     copyLink() {
       // 中心调研表链接
-      this.$copyText(`${this.$t('trials:researchRecord:message:researchFormLink')}: ${this.shareLink}`).then(
-        res => {
+      this.$copyText(
+        `${this.$t('trials:researchRecord:message:researchFormLink')}: ${
+          this.shareLink
+        }`
+      )
+        .then((res) => {
           // 复制成功
-          this.$message.success(this.$t('trials:researchRecord:message:copySuccessfully'))
-        }
-      ).catch(() => {
-        // 复制失败
-        this.$alert(this.$t('trials:researchRecord:message:copyFailed'))
-      })
+          this.$message.success(
+            this.$t('trials:researchRecord:message:copySuccessfully')
+          )
+        })
+        .catch(() => {
+          // 复制失败
+          this.$alert(this.$t('trials:researchRecord:message:copyFailed'))
+        })
     },
     showResearchLink() {
       const trialId = this.trialId
@@ -409,8 +573,11 @@ export default {
       this.share_model.visible = true
     },
     lookResumeInfo(row) {
-      console.log(row)
-      window.open(`/blindResumeInfo?doctorId=${row.Id}&token=${this.token}`)
+      this.reviewerId = row.Id
+      this.isAll = false
+      this.preview_visible = true
+      // console.log(row)
+      // window.open(`/blindResumeInfo?doctorId=${row.Id}&token=${this.token}`)
     },
     initPage() {
       store.dispatch('global/getHospital')
@@ -424,10 +591,10 @@ export default {
       // this.searchData.InformationConfirmed = 1
       // this.searchData.ContractorStatus = 1
       getDoctorSearchList(this.searchData)
-        .then(res => {
+        .then((res) => {
           this.listLoading = false
           this.list = res.Result.CurrentPageData
-          this.list.forEach(item => {
+          this.list.forEach((item) => {
             if (item.SubspecialityOther) {
               item.SubspecialityList.push(item.SubspecialityOther)
             }
@@ -443,7 +610,9 @@ export default {
     },
     // 新增医生信息
     handleNew() {
-      this.$router.push({ path: `/reviewers/reviewers-add?Id=&isEnglish=${this.isEnglish}&tabActive=BasicInfo` })
+      this.$router.push({
+        path: `/reviewers/reviewers-add?Id=&isEnglish=${this.isEnglish}&tabActive=BasicInfo`,
+      })
     },
     // More按钮回调
     handleMore() {
@@ -460,55 +629,70 @@ export default {
       this.getList()
     },
     handleDetail(row) {
-      this.$router.push({ path: `/reviewers/reviewers-detail?doctorId=${row.Id}&isEnglish=${this.isEnglish}` })
+      this.reviewerId = row.Id
+      this.isAll = true
+      this.preview_visible = true
+      // this.$router.push({
+      //   path: `/reviewers/reviewers-detail?doctorId=${row.Id}&isEnglish=${this.isEnglish}`,
+      // })
     },
     handleEdit(row) {
-      this.$router.push({ path: `/reviewers/reviewers-edit?Id=${row.Id}&isEnglish=${this.isEnglish}&tabActive=BasicInfo` })
+      this.$router.push({
+        path: `/reviewers/reviewers-edit?Id=${row.Id}&isEnglish=${this.isEnglish}&tabActive=BasicInfo`,
+      })
     },
     getFileData(fileUrl) {
       return new Promise((resolve, reject) => {
         axios(fileUrl, {
           method: 'GET',
-          responseType: 'blob'  // 返回的数据会被强制转为blob类型 ，转换成arraybuffer 也行
-        }).then((res) => {
-          console.log('res', res)
-          resolve(res)
-        }).catch(error => {
-          reject(error)
+          responseType: 'blob', // 返回的数据会被强制转为blob类型 ，转换成arraybuffer 也行
         })
+          .then((res) => {
+            console.log('res', res)
+            resolve(res)
+          })
+          .catch((error) => {
+            reject(error)
+          })
       })
     },
     async handleBatchDown(dataSource) {
-      return new Promise(resolve => {
+      return new Promise((resolve) => {
         console.log('开始压缩')
         const zip = new JSZip() // 创建实例对象
         const promises = []
         dataSource.FileList.forEach((item) => {
           console.log(this.OSSclientConfig.basePath + item.Path)
-          const promise = this.getFileData(this.OSSclientConfig.basePath + item.Path).then((res) => {
+          const promise = this.getFileData(
+            this.OSSclientConfig.basePath + item.Path
+          ).then((res) => {
             const fileName = item.FileName + ''
             // 创建文件用file()，创建文件夹用 floder()
-            zip.file(fileName, res.data, {binary: true})
+            zip.file(fileName, res.data, { binary: true })
           })
           promises.push(promise)
         })
         console.log(promises)
         // 生成 zip 文件
-        Promise.all(promises).then(() => {
-          // 生成zip 文件
-          zip.generateAsync({
-            type: 'blob',
-            compression: 'DEFLATE',  // STORE: 默认不压缩， DEFLATE：需要压缩
-            compressionOptions: {
-              level: 9          // 压缩等级 1~9   1 压缩速度最快， 9 最优压缩方式
-            }
-          }).then((res) => {
-            saveAs(res, dataSource.ReviewerCode + '_CV.zip') // 使用FileSaver.saveAs保存文件，文件名可自定义
+        Promise.all(promises)
+          .then(() => {
+            // 生成zip 文件
+            zip
+              .generateAsync({
+                type: 'blob',
+                compression: 'DEFLATE', // STORE: 默认不压缩， DEFLATE：需要压缩
+                compressionOptions: {
+                  level: 9, // 压缩等级 1~9   1 压缩速度最快， 9 最优压缩方式
+                },
+              })
+              .then((res) => {
+                saveAs(res, dataSource.ReviewerCode + '_CV.zip') // 使用FileSaver.saveAs保存文件，文件名可自定义
+                resolve()
+              })
+          })
+          .catch((reason) => {
             resolve()
           })
-        }).catch(reason => {
-          resolve()
-        })
       })
     },
     // 下载指定语言类型的简历
@@ -517,26 +701,28 @@ export default {
       this.model_cfg.showClose = false
       getOfficialResume({
         doctorIdList: this.selectArr,
-        language: this.language
-      }).then(async res => {
-        try {
-          this.btnLoading = false
-          this.model_cfg.visible = false
-          this.model_cfg.showClose = true
-          console.log(res.Result)
-          for (let i = 0; res.Result.length > i; i++) {
-            let item = res.Result[i]
-            console.log(item)
-            await this.handleBatchDown(item)
-          }
-        } catch (e) {
-          console.log(e)
-        }
-        // window.open(res.Result.FullFilePath)
-      }).catch(() => {
-        this.btnLoading = false
-        this.model_cfg.showClose = true
+        language: this.language,
       })
+        .then(async (res) => {
+          try {
+            this.btnLoading = false
+            this.model_cfg.visible = false
+            this.model_cfg.showClose = true
+            console.log(res.Result)
+            for (let i = 0; res.Result.length > i; i++) {
+              let item = res.Result[i]
+              console.log(item)
+              await this.handleBatchDown(item)
+            }
+          } catch (e) {
+            console.log(e)
+          }
+          // window.open(res.Result.FullFilePath)
+        })
+        .catch(() => {
+          this.btnLoading = false
+          this.model_cfg.showClose = true
+        })
       // downloadOfficialCV(this.selectArr, parseInt(this.language)).then(res => {
       //   this.btnLoading = false
       //   this.model_cfg.visible = false
@@ -585,7 +771,7 @@ export default {
     },
     ...mapMutations({
       setQueryParam: 'reviewer/SET_QUERYPARAM',
-      setIsEnglish: 'reviewer/SET_ISENGLISH'
+      setIsEnglish: 'reviewer/SET_ISENGLISH',
     }),
     hasResume(row) {
       if (row.HasResume) {
@@ -593,8 +779,8 @@ export default {
       } else {
         return false
       }
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
@@ -609,4 +795,10 @@ export default {
 //     margin-top: 5px;
 //   }
 // }
+.sendEmailBox {
+  margin-top: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
 </style>

src/views/reviewers/new.vue

@@ -1,36 +1,82 @@
 <template>
   <div class="app-container">
     <el-tabs v-model="active" :before-leave="checkLeave" @tab-click="clickTab">
-      <el-tab-pane label="Basic Info" name="BasicInfo">
-        <basic-info v-if="load.BasicInfo" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:BasicInfo')"
+        name="BasicInfo"
+      >
+        <basic-info
+          v-if="load.BasicInfo"
+          :reviewerId.sync="reviewerId"
+          :isSystem="isSystem"
+        />
       </el-tab-pane>
-      <el-tab-pane label="Employment" name="Employment">
-        <Employment v-if="load.Employment" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Employment')"
+        name="Employment"
+      >
+        <Employment v-if="load.Employment" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
-      <el-tab-pane label="Specialty" name="Specialty">
-        <specialty v-if="load.Specialty" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Summarize')"
+        name="Summarize"
+      >
+        <Summarize v-if="load.Summarize" :reviewerId.sync="reviewerId" />
+      </el-tab-pane>
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Specialty')"
+        name="Specialty"
+      >
+        <specialty v-if="load.Specialty" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
 
-      <el-tab-pane label="Education & Training" name="EducationTraining">
-        <education-training v-if="load.EducationTraining" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Education&Training')"
+        name="EducationTraining"
+      >
+        <education-training
+          v-if="load.EducationTraining"
+          :reviewerId.sync="reviewerId"
+        />
       </el-tab-pane>
-      <el-tab-pane label="Research & Publication" name="ResearchPublication">
-        <research-publication v-if="load.ResearchPublication" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Research&Publication')"
+        name="ResearchPublication"
+      >
+        <research-publication
+          v-if="load.ResearchPublication"
+          :reviewerId.sync="reviewerId"
+        />
       </el-tab-pane>
-      <el-tab-pane label="Trial Experience" name="TrialExperience">
-        <trial-experience v-if="load.TrialExperience" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:TrialExperience')"
+        name="TrialExperience"
+      >
+        <trial-experience
+          v-if="load.TrialExperience"
+          :reviewerId.sync="reviewerId"
+        />
       </el-tab-pane>
-      <el-tab-pane label="Credentials" name="Credentials">
-        <Credentials v-if="load.Credentials" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Credentials')"
+        name="Credentials"
+      >
+        <Credentials v-if="load.Credentials" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
-      <el-tab-pane label="Resumes" name="Resumes">
-        <Resumes v-if="load.Resumes" />
+      <el-tab-pane :label="$t('system:reviewer:tab:Resumes')" name="Resumes">
+        <Resumes v-if="load.Resumes" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
-      <el-tab-pane label="Agreements" name="Agreements">
-        <Agreements v-if="load.Agreements" />
+      <el-tab-pane
+        :label="$t('system:reviewer:tab:Agreements')"
+        name="Agreements"
+      >
+        <Agreements v-if="load.Agreements" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
-      <el-tab-pane label="Setting" name="Setting">
-        <Setting v-if="load.Setting" />
+      <el-tab-pane :label="$t('system:reviewer:tab:Pay')" name="Pay">
+        <Pay v-if="load.Pay" :reviewerId.sync="reviewerId" />
+      </el-tab-pane>
+      <el-tab-pane :label="$t('system:reviewer:tab:Setting')" name="Setting">
+        <Setting v-if="load.Setting" :reviewerId.sync="reviewerId" />
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -38,6 +84,7 @@
 <script>
 import BasicInfo from './components/BasicInfo'
 import Employment from './components/Employment'
+import Summarize from './components/Summarize'
 import Specialty from './components/Specialty'
 import EducationTraining from './components/EducationTraining'
 import ResearchPublication from './components/ResearchPublication'
@@ -45,12 +92,14 @@ import TrialExperience from './components/TrialExperience'
 import Credentials from './components/Credentials'
 import Resumes from './components/Resumes'
 import Agreements from './components/Agreements'
+import Pay from './components/Pay'
 import Setting from './components/Setting'
 import { changeURLStatic, getQueryString } from '@/utils/history.js'
 export default {
   components: {
     BasicInfo,
     Employment,
+    Summarize,
     Specialty,
     EducationTraining,
     ResearchPublication,
@@ -58,7 +107,14 @@ export default {
     Credentials,
     Resumes,
     Agreements,
-    Setting
+    Pay,
+    Setting,
+  },
+  props: {
+    isSystem: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {
@@ -66,6 +122,7 @@ export default {
       load: {
         BasicInfo: true,
         Employment: false,
+        Summarize: false,
         Specialty: false,
         EducationTraining: false,
         ResearchPublication: false,
@@ -73,36 +130,45 @@ export default {
         Credentials: false,
         Resumes: false,
         Agreements: false,
-        Setting: false
-      }
+        Pay,
+        Setting: false,
+      },
+      reviewerId: null,
     }
   },
   mounted() {
-    this.active = this.$route.query.tabActive
-    if (this.$route.query.Id === '' && this.active !== 'BasicInfo') {
-      this.$router.push({ path: '/reviewers/reviewers-list' })
+    if (this.isSystem) {
+      this.active = this.$route.query.tabActive
+      if (this.$route.query.Id === '' && this.active !== 'BasicInfo') {
+        this.$router.push({ path: '/reviewers/reviewers-list' })
+      }
+      this.load[this.active] = true
     }
-    this.load[this.active] = true
   },
   methods: {
     clickTab(tab, event) {
       if (this.load[tab.name] === false) {
         this.load[tab.name] = true
       }
+      if (!this.isSystem) return false
       changeURLStatic('tabActive', tab.name)
       const id = getQueryString('Id')
       const isEnglish = getQueryString('isEnglish')
-      this.$router.push({ path: `/reviewers/reviewers-add?Id=${id}&isEnglish=${isEnglish}&tabActive=${tab.name}` })
+      this.$router.push({
+        path: `/reviewers/reviewers-add?Id=${id}&isEnglish=${isEnglish}&tabActive=${tab.name}`,
+      })
     },
     checkLeave() {
       const id = getQueryString('Id')
-      if (!id) {
+      if (!id && !this.reviewerId) {
         this.$message({
           message: 'Please fill in the basic information first',
-          type: 'warning'
+          type: 'warning',
         })
         return false
-      } else { return true }
+      } else {
+        return true
+      }
     },
     getQueryString(name) {
       console.log(window.location.href)
@@ -113,14 +179,14 @@ export default {
       } else {
         return null
       }
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
-.el-tabs{
+.el-tabs {
   height: 100%;
-  .el-tabs__content{
+  .el-tabs__content {
     height: calc(100%-50px);
     overflow-y: auto;
   }

src/views/system/event/index.vue

@@ -0,0 +1,251 @@
+<template>
+  <div class="event">
+    <div ref="leftContainer" class="left">
+      <el-form :inline="true">
+        <el-form-item :label="$t('system:event:eventTypeName')">
+          <el-select
+            v-model="searchData.EventTypeName"
+            clearable
+            filterable
+            placeholder=""
+          >
+            <el-option
+              v-for="item in $d.EventTypeName"
+              :key="item.id"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="$t('system:event:eventState')">
+          <el-select
+            v-model="searchData.EventState"
+            clearable
+            filterable
+            placeholder=""
+          >
+            <el-option
+              v-for="item in $d.EventState"
+              :key="item.id"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="getList"
+          >
+            {{ $t('common:button:search') }}
+          </el-button>
+          <el-button
+            size="mini"
+            icon="el-icon-refresh-left"
+            @click="handleReset"
+          >
+            {{ $t('common:button:reset') }}
+          </el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="loading"
+        v-adaptive="{ bottomOffset: 45 }"
+        height="100"
+        :data="list"
+        class="table"
+        @sort-change="handleSortByColumn"
+        @selection-change="handleSelectionChange"
+        ><el-table-column type="selection" width="50" />
+        <el-table-column type="index" width="50" />
+        <el-table-column
+          :label="$t('system:event:eventTypeName')"
+          prop="EventTypeName"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+          <template slot-scope="scope">
+            <span>{{ $fd('EventTypeName', scope.row.EventTypeName) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('system:event:eventState')"
+          prop="EventState"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+          <template slot-scope="scope">
+            <el-tag
+              :type="['info', 'success', 'primary'][scope.row.EventState]"
+            >
+              {{ $fd('EventState', scope.row.EventState) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('system:event:eventCreateTime')"
+          prop="CreateTime"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <el-table-column
+          :label="$t('common:action:action')"
+          fixed="right"
+          prop=""
+          show-overflow-tooltip
+        >
+          <template slot-scope="scope">
+            <el-button size="mini" type="text" @click="view(scope.row)">
+              {{ $t('common:button:view') }}
+            </el-button>
+            <el-button size="mini" type="text" @click="rePublish(scope.row)">
+              {{ $t('system:event:button:rePublish') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="pagination" style="text-align: right; margin-top: 5px">
+        <pagination
+          :total="total"
+          :page.sync="searchData.PageIndex"
+          :limit.sync="searchData.PageSize"
+          @pagination="getList"
+        />
+      </div>
+    </div>
+    <base-model v-if="model_cfg.visible" :config="model_cfg">
+      <template slot="dialog-body">
+        <div v-html="info"></div>
+      </template>
+    </base-model>
+  </div>
+</template>
+<script>
+import { getEventStoreRecordList, rePublishEvent } from '@/api/admin'
+import Pagination from '@/components/Pagination'
+import BaseModel from '@/components/BaseModel'
+const searchDataDefault = () => {
+  return {
+    EventState: null,
+    EventTypeName: null,
+    Asc: false,
+    SortField: 'CreateTime',
+    PageIndex: 1,
+    PageSize: 20,
+  }
+}
+export default {
+  name: 'event',
+  components: { Pagination, BaseModel },
+  data() {
+    return {
+      searchData: searchDataDefault(),
+      list: [],
+      total: 0,
+      loading: false,
+      PublishVersionList: [],
+      selectTableList: [],
+      model_cfg: { visible: false, title: '', width: '500px' },
+      info: null,
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.loading = true
+      getEventStoreRecordList(this.searchData)
+        .then((res) => {
+          this.loading = false
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+    async rePublish(row) {
+      try {
+        this.loading = true
+        let res = await rePublishEvent({
+          EventId: row.Id,
+        })
+        if (res.IsSuccess) {
+          this.$message.success(
+            this.$t('system:event:message:rePublishSuccess')
+          )
+          this.getList()
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    // 重置列表查询
+    handleReset() {
+      this.searchData = searchDataDefault()
+      this.getList()
+    },
+    // 排序
+    handleSortByColumn(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()
+    },
+    // 选择
+    handleSelectionChange(val) {
+      this.selectTableList = val
+    },
+    // 查看
+    view(row) {
+      let info = JSON.parse(row.EventData)
+      let message = ''
+      if (info) {
+        Object.keys(info).forEach((key) => {
+          message += `<div style="margin-bottom:10px">
+            <span style="color:#F56C6C">${key}</span>：<span style="color:#67C23A">${info[key]}</span>
+            </div>`
+        })
+      }
+      this.info = message
+      this.model_cfg.visible = true
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.event {
+  height: 100%;
+  box-sizing: border-box;
+  display: flex;
+  padding: 10px;
+  border-radius: 5px;
+  .left {
+    display: flex;
+    flex-direction: column;
+    width: 0;
+    flex-grow: 4;
+    // border-right: 1px solid #ccc;
+    .filter-container {
+      display: flex;
+      align-items: center;
+      margin: 5px;
+    }
+    .data-table {
+      flex: 1;
+      padding: 5px 0px;
+    }
+    .pagination-container {
+      text-align: right;
+    }
+  }
+}
+</style>

src/views/system/i18n/index.vue

@@ -87,6 +87,30 @@
             />
           </el-select>
         </el-form-item>
+        <el-form-item :label="$t('system:l18n:form:createTime')">
+          <el-date-picker
+            v-model="datetimerange_createTime"
+            type="datetimerange"
+            :default-time="['00:00:00', '23:59:59']"
+            :start-placeholder="$t('system:l18n:search:beginTime')"
+            :end-placeholder="$t('system:l18n:search:endTime')"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            @change="(val) => handleDatetimeChange(val, 'createTime')"
+            style="width: 250px"
+          />
+        </el-form-item>
+        <el-form-item :label="$t('system:l18n:form:uploadTime')">
+          <el-date-picker
+            v-model="datetimerange_updateTime"
+            type="datetimerange"
+            :default-time="['00:00:00', '23:59:59']"
+            :start-placeholder="$t('system:l18n:search:beginTime')"
+            :end-placeholder="$t('system:l18n:search:endTime')"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            @change="(val) => handleDatetimeChange(val, 'updateTime')"
+            style="width: 250px"
+          />
+        </el-form-item>
         <el-form-item>
           <el-button
             type="primary"
@@ -96,6 +120,15 @@
           >
             查询
           </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"
             icon="el-icon-plus"
@@ -121,6 +154,14 @@
           >
             批量更新
           </el-button>
+          <el-button
+            size="mini"
+            type="primary"
+            icon="el-icon-download"
+            @click="exportTable"
+          >
+            {{ $t('common:button:export') }}
+          </el-button>
         </el-form-item>
       </el-form>
       <el-table
@@ -296,6 +337,7 @@ import {
   getPublishVersionSelect,
   batchUpdateInternationalInfo,
 } from '@/api/admin'
+import { GetInternationalizationList_Export } from '@/api/export'
 import Pagination from '@/components/Pagination'
 import I18nForm from './components/I18nForm.vue'
 import BatchAddForm from './components/BatchAddForm.vue'
@@ -313,6 +355,10 @@ const searchDataDefault = () => {
     SortField: '',
     PageIndex: 1,
     PageSize: 20,
+    BeginCreateTime: null,
+    EndCreatTime: null,
+    BeginUpdateTime: null,
+    EndUpdateTime: null,
   }
 }
 export default {
@@ -327,6 +373,8 @@ export default {
       loading: false,
       PublishVersionList: [],
       selectTableList: [],
+      datetimerange_createTime: [],
+      datetimerange_updateTime: [],
     }
   },
   mounted() {
@@ -420,6 +468,8 @@ export default {
     // 重置列表查询
     handleReset() {
       this.searchData = searchDataDefault()
+      this.datetimerange_createTime = []
+      this.datetimerange_updateTime = []
       this.getList()
     },
     // 删除
@@ -459,6 +509,30 @@ export default {
     handleSelectionChange(val) {
       this.selectTableList = val
     },
+    handleDatetimeChange(val, key) {
+      if (val) {
+        if (key === 'createTime') {
+          this.searchData.BeginCreateTime = val[0]
+          this.searchData.EndCreatTime = val[1]
+        }
+        if (key === 'updateTime') {
+          this.searchData.BeginUpdateTime = val[0]
+          this.searchData.EndUpdateTime = val[1]
+        }
+      } else {
+        if (key === 'createTime') {
+          this.searchData.BeginCreateTime = ''
+          this.searchData.EndCreatTime = ''
+        }
+        if (key === 'updateTime') {
+          this.searchData.BeginUpdateTime = ''
+          this.searchData.EndUpdateTime = ''
+        }
+      }
+    },
+    exportTable() {
+      return GetInternationalizationList_Export(this.searchData)
+    },
   },
 }
 </script>

src/views/system/user/list/index.vue

@@ -24,20 +24,40 @@
       @sortByColumn="sortByColumn"
     >
       <!-- 选择自定义slot -->
-      <template slot="genderSlot" slot-scope="{scope}">
-        {{ scope.row.Sex?'Male':'Female' }}
+      <template slot="tip-slot" slot-scope="{ scope }">
+        <i
+          v-if="diffTime(scope.row.LastLoginTime) >= 90"
+          class="el-icon-warning"
+          style="color: #f56c6c"
+          :title="$t('system:userlist:tip:overTime')"
+        />
       </template>
-      <template slot="roleSlot" slot-scope="{scope}">
-        {{ scope.row.RoleNameList.map(role => role.RoleName).join(',') }}
+      <template slot="genderSlot" slot-scope="{ scope }">
+        {{ scope.row.Sex ? 'Male' : 'Female' }}
       </template>
-      <template slot="isZhiZhunSlot" slot-scope="{scope}">
-        {{scope.row.IsZhiZhun ? $t('system:userlist:table:InternalOrExternal:Internal') : $t('system:userlist:table:InternalOrExternal:External')}}
+      <template slot="roleSlot" slot-scope="{ scope }">
+        {{ scope.row.RoleNameList.map((role) => role.RoleName).join(',') }}
       </template>
-      <template slot="isTestUserSlot" slot-scope="{scope}">
-        {{scope.row.IsTestUser ? $t('system:userlist:table:IsTestUser:Yes') : $t('system:userlist:table:IsTestUser:No')}}
+      <template slot="isZhiZhunSlot" slot-scope="{ scope }">
+        {{
+          scope.row.IsZhiZhun
+            ? $t('system:userlist:table:InternalOrExternal:Internal')
+            : $t('system:userlist:table:InternalOrExternal:External')
+        }}
       </template>
-      <template slot="statusSlot" slot-scope="{scope}">
-        {{ scope.row.Status? $t('system:userlist:table:Status:Enable') : $t('system:userlist:table:Status:Disable') }}
+      <template slot="isTestUserSlot" slot-scope="{ scope }">
+        {{
+          scope.row.IsTestUser
+            ? $t('system:userlist:table:IsTestUser:Yes')
+            : $t('system:userlist:table:IsTestUser:No')
+        }}
+      </template>
+      <template slot="statusSlot" slot-scope="{ scope }">
+        {{
+          scope.row.Status
+            ? $t('system:userlist:table:Status:Enable')
+            : $t('system:userlist:table:Status:Disable')
+        }}
       </template>
     </base-table>
   </box-content>
@@ -49,8 +69,7 @@ import BoxContent from '@/components/BoxContent'
 import SearchForm from '@/components/BaseForm/search-form'
 import BaseTable from '@/components/BaseTable'
 import tableMixins from '@/mixins/table'
-
-
+import moment from 'moment'
 // 用户列表查询表单配置信息
 // 用户列表查询表单事件配置信息
 const searchDataDefault = () => {
@@ -67,7 +86,8 @@ const searchDataDefault = () => {
     BeginCreateTime: '',
     EndCreateTime: '',
     CreateTimeArr: [],
-    SortField: 'CreateTime'
+    LastLoginTimeArr: [],
+    SortField: 'CreateTime',
   }
 }
 export default {
@@ -78,27 +98,28 @@ export default {
     return {
       searchData: searchDataDefault(),
       columns: [
+        { type: 'tip', slot: 'tip-slot' },
         { type: 'index' },
         {
           prop: 'UserCode',
           label: this.$t('system:userlist:table:S/N'),
           width: 100,
           sortable: 'custom',
-          showOverflowTooltip: true
+          showOverflowTooltip: true,
         },
         {
           prop: 'UserName',
           label: this.$t('system:userlist:table:UserName'),
           minWidth: 100,
           sortable: 'custom',
-          showOverflowTooltip: true
+          showOverflowTooltip: true,
         },
         {
           prop: 'RealName',
           label: this.$t('system:userlist:table:RealName'),
           minWidth: 120,
           sortable: 'custom',
-          showOverflowTooltip: true
+          showOverflowTooltip: true,
         },
         // {
         //   prop: 'Sex',
@@ -114,27 +135,27 @@ export default {
           label: this.$t('system:userlist:table:Phone'),
           minWidth: 120,
           sortable: 'custom',
-          showOverflowTooltip: true
+          showOverflowTooltip: true,
         },
         {
           prop: 'EMail',
           label: this.$t('system:userlist:table:Email'),
           minWidth: 150,
           sortable: 'custom',
-          showOverflowTooltip: true
+          showOverflowTooltip: true,
         },
         {
           prop: 'OrganizationName',
           label: this.$t('system:userlist:table:Organization'),
           minWidth: 130,
-          showOverflowTooltip: true
+          showOverflowTooltip: true,
         },
         {
           prop: 'UserType',
           label: this.$t('system:userlist:table:UserType'),
           minWidth: 100,
           sortable: 'custom',
-          showOverflowTooltip: true
+          showOverflowTooltip: true,
         },
         {
           prop: 'IsZhiZhun',
@@ -143,7 +164,8 @@ export default {
           slot: 'isZhiZhunSlot',
           minWidth: 140,
           sortable: 'custom',
-          showOverflowTooltip: true },
+          showOverflowTooltip: true,
+        },
         {
           prop: 'IsTestUser',
           label: this.$t('system:userlist:table:IsTestUser'),
@@ -151,7 +173,8 @@ export default {
           slot: 'isTestUserSlot',
           minWidth: 120,
           sortable: 'custom',
-          showOverflowTooltip: true },
+          showOverflowTooltip: true,
+        },
         {
           prop: 'Status',
           label: this.$t('system:userlist:table:Status'),
@@ -159,57 +182,75 @@ export default {
           slot: 'statusSlot',
           minWidth: 100,
           sortable: 'custom',
-          showOverflowTooltip: true },
-        {
-          prop: "CreateTime",
-          label: this.$t("system:userlist:table:createTime"),
-          minWidth: 200,
-          sortable: "custom",
           showOverflowTooltip: true,
         },
-        { type: 'operate',
+        {
+          prop: 'LastLoginTime',
+          label: this.$t('system:userlist:table:LastLoginTime'),
+          minWidth: 200,
+          sortable: 'custom',
+          showOverflowTooltip: true,
+        },
+        {
+          prop: 'CreateTime',
+          label: this.$t('system:userlist:table:createTime'),
+          minWidth: 200,
+          sortable: 'custom',
+          showOverflowTooltip: true,
+        },
+        {
+          type: 'operate',
           label: this.$t('common:action:action'),
           minWidth: 200,
           operates: [
-            { name: this.$t('common:button:edit'), type: 'primary', emitKey: 'editCb' },
-            { name: this.$t('common:button:delete'), type: 'danger', emitKey: 'deleteCb' }
-          ] }
+            {
+              name: this.$t('common:button:edit'),
+              type: 'primary',
+              emitKey: 'editCb',
+            },
+            // {
+            //   name: this.$t('common:button:delete'),
+            //   type: 'danger',
+            //   emitKey: 'deleteCb',
+            // },
+          ],
+        },
       ],
       searchForm: [
         {
           type: 'Input',
-          label:  this.$t('system:userlist:label:UserName'),
+          label: this.$t('system:userlist:label:UserName'),
           prop: 'UserName',
           width: '120px',
-          placeholder: ''
+          placeholder: '',
         },
         {
           type: 'Input',
           label: this.$t('system:userlist:label:RealName'),
           prop: 'RealName',
           width: '120px',
-          placeholder: ''
+          placeholder: '',
         },
         {
           type: 'Input',
           label: this.$t('system:userlist:label:Phone'),
           prop: 'Phone',
           width: '120px',
-          placeholder: ''
+          placeholder: '',
         },
         {
-          type: "Input",
-          label: this.$t("system:userlist:label:EMail"),
-          prop: "EMail",
-          width: "120px",
-          placeholder: "",
+          type: 'Input',
+          label: this.$t('system:userlist:label:EMail'),
+          prop: 'EMail',
+          width: '120px',
+          placeholder: '',
         },
         {
           type: 'Input',
           label: this.$t('system:userlist:label:Organization'),
           prop: 'OrganizationName',
           width: '120px',
-          placeholder: ''
+          placeholder: '',
         },
         {
           type: 'Select',
@@ -217,12 +258,22 @@ export default {
           prop: 'IsZhiZhun',
           width: '100px',
           options: [
-            { label: this.$t('system:userlist:label:InternalOrExternal:Internal'), value: true },
-            { label: this.$t('system:userlist:label:InternalOrExternal:External'), value: false }
+            {
+              label: this.$t(
+                'system:userlist:label:InternalOrExternal:Internal'
+              ),
+              value: true,
+            },
+            {
+              label: this.$t(
+                'system:userlist:label:InternalOrExternal:External'
+              ),
+              value: false,
+            },
           ],
           props: { label: 'label', value: 'value' },
-          change: scope => '',
-          placeholder: ''
+          change: (scope) => '',
+          placeholder: '',
         },
         {
           type: 'Select',
@@ -230,12 +281,18 @@ export default {
           prop: 'IsTestUser',
           width: '100px',
           options: [
-            { label: this.$t('system:userlist:label:IsTestUser:Yes'), value: true },
-            { label: this.$t('system:userlist:label:IsTestUser:No'), value: false }
+            {
+              label: this.$t('system:userlist:label:IsTestUser:Yes'),
+              value: true,
+            },
+            {
+              label: this.$t('system:userlist:label:IsTestUser:No'),
+              value: false,
+            },
           ],
           props: { label: 'label', value: 'value' },
-          change: scope => '',
-          placeholder: ''
+          change: (scope) => '',
+          placeholder: '',
         },
         {
           type: 'Select',
@@ -244,11 +301,14 @@ export default {
           width: '100px',
           options: [
             { label: this.$t('system:userlist:label:Status:Enable'), value: 1 },
-            { label: this.$t('system:userlist:label:Status:Disable'), value: 0 }
+            {
+              label: this.$t('system:userlist:label:Status:Disable'),
+              value: 0,
+            },
           ],
           props: { label: 'label', value: 'value' },
-          change: scope => '',
-          placeholder: ''
+          change: (scope) => '',
+          placeholder: '',
         },
         {
           type: 'Select',
@@ -257,25 +317,44 @@ export default {
           width: '100px',
           options: [], // 下拉选项
           props: { label: 'UserType', value: 'Id' }, // 下拉选项配置信息，必填
-          placeholder: ''
+          placeholder: '',
         },
         {
-          type: "Daterange",
-          label: this.$t("system:userlist:label:CreateTime"),
-          prop: "CreateTimeArr",
-          width: "400px",
-          placeholder: "",
+          type: 'Daterange',
+          label: this.$t('system:userlist:label:LastLoginTime'),
+          prop: 'LastLoginTimeArr',
+          width: '400px',
+          placeholder: '',
+        },
+        {
+          type: 'Daterange',
+          label: this.$t('system:userlist:label:CreateTime'),
+          prop: 'CreateTimeArr',
+          width: '400px',
+          placeholder: '',
         },
       ],
       searchHandle: [
-        { label: this.$t('common:button:reset'), type: 'primary', emitKey: 'reset' },
-        { label: this.$t('common:button:search'), type: 'primary', emitKey: 'search' },
-        { label: this.$t('common:button:new'), type: 'primary', emitKey: 'new' }
+        {
+          label: this.$t('common:button:reset'),
+          type: 'primary',
+          emitKey: 'reset',
+        },
+        {
+          label: this.$t('common:button:search'),
+          type: 'primary',
+          emitKey: 'search',
+        },
+        {
+          label: this.$t('common:button:new'),
+          type: 'primary',
+          emitKey: 'new',
+        },
       ],
       userTypeOptions: [],
       loading: false,
       total: 0,
-      users: []
+      users: [],
     }
   },
   created() {
@@ -283,19 +362,25 @@ export default {
     this.getInfo()
   },
   methods: {
+    diffTime(time) {
+      return moment(new Date()).diff(time, 'days')
+    },
     // 获取用户信息
     getList() {
       this.loading = true
-      getUserList(this.searchData).then(res => {
-        this.loading = false
-        this.users = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-      }).catch(() => {
-        this.loading = false
-      })
+      getUserList(this.searchData)
+        .then((res) => {
+          this.loading = false
+          this.users = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+        })
+        .catch(() => {
+          this.loading = false
+        })
     },
     findItemIndex(key) {
-      return this.searchForm.findIndex(value => value.prop && value.prop === key
+      return this.searchForm.findIndex(
+        (value) => value.prop && value.prop === key
       )
     },
     // 获取用户类型下拉选项信息
@@ -309,24 +394,27 @@ export default {
     },
     // 编辑用户
     handleEditUser(data) {
-      this.$router.push({ path: '/system/user/edit', query: { Id: data.Id, userName: data.UserName, email: data.EMail }})
+      this.$router.push({
+        path: '/system/user/edit',
+        query: { Id: data.Id, userName: data.UserName, email: data.EMail },
+      })
     },
     // 删除用户
     handleDeleteUser(data) {
       this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
         type: 'warning',
         distinguishCancelAndClose: true,
-
-      })
-        .then(() => {
-          deleteSysUser(data.Id)
-            .then(res => {
-              if (res.IsSuccess) {
-                this.users.splice(this.users.findIndex(item => item.Id === data.Id), 1)
-                this.$message.success(this.$t('common:message:deletedSuccessfully'))
-              }
-            })
+      }).then(() => {
+        deleteSysUser(data.Id).then((res) => {
+          if (res.IsSuccess) {
+            this.users.splice(
+              this.users.findIndex((item) => item.Id === data.Id),
+              1
+            )
+            this.$message.success(this.$t('common:message:deletedSuccessfully'))
+          }
         })
+      })
     },
     // 重置列表查询
     handleReset() {
@@ -338,13 +426,17 @@ export default {
         this.searchData.BeginCreateTime = this.searchData.CreateTimeArr[0]
         this.searchData.EndCreateTime = this.searchData.CreateTimeArr[1]
       }
+      if (this.searchData.LastLoginTimeArr.length > 0) {
+        this.searchData.BeginLastLoginTime = this.searchData.LastLoginTimeArr[0]
+        this.searchData.EndLastLoginTime = this.searchData.LastLoginTimeArr[1]
+      }
       this.getList()
     },
-  }
+  },
 }
 </script>
 <style scoped lang="scss">
-/deep/ .box-body .search .base-search-form .el-form-item{
+/deep/ .box-body .search .base-search-form .el-form-item {
   margin-bottom: 15px;
 }
 </style>

src/views/trials/components/newSignForm.vue

@@ -1,7 +1,9 @@
 <template>
   <div v-loading="loading" class="sign-form-wrapper">
     <div class="sign-form-body">
-      <h4 v-if="signText" style="color:red;white-space: pre-line;">* {{ signText }}</h4>
+      <h4 v-if="signText" style="color: red; white-space: pre-line">
+        * {{ signText }}
+      </h4>
       <el-form
         ref="signForm"
         :model="signForm"
@@ -13,7 +15,11 @@
           :label="$t('common:form:sign:userName')"
           prop="userName"
           :rules="[
-            { required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
+            {
+              required: true,
+              message: $t('common:ruleMessage:specify'),
+              trigger: 'blur',
+            },
           ]"
         >
           <el-input v-model="signForm.userName" />
@@ -23,18 +29,37 @@
           :label="$t('common:form:sign:password')"
           prop="password"
           :rules="[
-            { required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
+            {
+              required: true,
+              message: $t('common:ruleMessage:specify'),
+              trigger: 'blur',
+            },
           ]"
         >
-          <el-input v-model="signForm.password" show-password auto-complete="new-password" />
+          <el-input
+            v-model="signForm.password"
+            show-password
+            auto-complete="new-password"
+          />
         </el-form-item>
       </el-form>
     </div>
     <div slot="footer" class="dialog-footer sign-form-footer">
-      <el-button :disabled="btnLoading" size="small" type="primary" @click="handleclose">
+      <el-button
+        :disabled="btnLoading"
+        size="small"
+        type="primary"
+        @click="handleclose"
+      >
         {{ $t('common:button:cancel') }}
       </el-button>
-      <el-button :loading="btnLoading" :disabled="unsigned" size="small" type="primary" @click="handleVerifySignature">
+      <el-button
+        :loading="btnLoading"
+        :disabled="unsigned"
+        size="small"
+        type="primary"
+        @click="handleVerifySignature"
+      >
         {{ $t('common:button:sign') }}
       </el-button>
     </div>
@@ -49,44 +74,56 @@ export default {
   props: {
     signCodeEnum: {
       type: Number,
-      required: true
+      required: true,
     },
     subjectVisitId: {
       type: String,
-      default: ''
-    }
+      default: '',
+    },
+    signReplaceText: {
+      type: String,
+      default: '',
+    },
   },
   data() {
     return {
       signForm: {
         userName: '',
-        password: ''
+        password: '',
       },
       signText: '',
       signCodeId: '',
       signCode: '',
       btnLoading: false,
       loading: false,
-      unsigned: false
+      unsigned: false,
     }
   },
   mounted() {
     this.loading = true
-    this.$store.dispatch('trials/getSignInfo', { signCode: this.signCodeEnum })
+    this.$store
+      .dispatch('trials/getSignInfo', { signCode: this.signCodeEnum })
       .then((res) => {
         this.unsigned = false
         this.loading = false
-        this.signText = res.SignText
+        if (this.signReplaceText) {
+          this.signText = res.SignText.replace('xxx', this.signReplaceText)
+        } else {
+          this.signText = res.SignText
+        }
         this.signCode = res.SignCode
         this.signCodeId = res.SignCodeId
-      }).catch(() => {
+      })
+      .catch(() => {
         this.loading = false
         this.unsigned = true
       })
   },
   methods: {
     handleVerifySignature() {
-      const currentUser = zzSessionStorage.getItem('userName').toLocaleLowerCase()
+      const currentUser = zzSessionStorage
+        .getItem('userName')
+        .toLocaleLowerCase()
       this.$refs.signForm.validate((valid) => {
         if (!valid) return
         if (this.signForm.userName.trim().toLocaleLowerCase() !== currentUser) {
@@ -103,38 +140,37 @@ export default {
           SignCode: this.signCode,
           SignText: this.signText,
           SignCodeId: this.signCodeId,
-          SubjectVisitId: this.subjectVisitId
+          SubjectVisitId: this.subjectVisitId,
         }
         this.$emit('closeDialog', true, param)
       })
     },
     handleclose() {
       this.$emit('closeDialog', false)
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
-  .sign-form-wrapper{
-    .sign-form-body{
-      padding:5px 10px 10px 10px;
-      // border: 1px solid #e0e0e0;
-      max-height:650px;
-      overflow-y: auto;
-      // /deep/ .el-form-item__label{
-      //   color: #fff;
-      // }
-    }
-    .sign-form-footer{
-      padding:10px;
-      margin-top: 10px;
-      text-align: right;
-    }
+.sign-form-wrapper {
+  .sign-form-body {
+    padding: 5px 10px 10px 10px;
+    // border: 1px solid #e0e0e0;
+    max-height: 650px;
+    overflow-y: auto;
+    // /deep/ .el-form-item__label{
+    //   color: #fff;
+    // }
+  }
+  .sign-form-footer {
+    padding: 10px;
+    margin-top: 10px;
+    text-align: right;
   }
-
-</style>
-<style>
-.el-dialog__body .sign-form-body h4{
-  word-break: normal!important;
+}
+</style>
+<style>
+.el-dialog__body .sign-form-body h4 {
+  word-break: normal !important;
 }
 </style>

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

@@ -7,14 +7,22 @@
       style="width: 200px"
     >
       <el-menu-item index="1">{{
-        $t("trials:trials-myinfo:menuTitle:mine")
+        $t('trials:trials-myinfo:menuTitle:mine')
       }}</el-menu-item>
       <el-menu-item index="2">{{
-        $t("trials:trials-myinfo:menuTitle:account")
+        $t('trials:trials-myinfo:menuTitle:account')
       }}</el-menu-item>
       <el-menu-item index="3">{{
-        $t("trials:trials-myinfo:menuTitle:loginLog")
+        $t('trials:trials-myinfo:menuTitle:loginLog')
       }}</el-menu-item>
+      <div
+        index="4"
+        @click="handleSelect('4')"
+        class="el-menu-item"
+        v-if="hasPermi(['role:ir'])"
+      >
+        {{ $t('trials:trials-myinfo:menuTitle:resume') }}
+      </div>
     </el-menu>
     <div class="contentBox">
       <mine
@@ -35,65 +43,91 @@
 </template>
 
 <script>
-import mine from "./mine.vue";
-import account from "./account.vue";
-import loginLog from "@/views/trials/trials-panel/trial-summary/login-log";
-import { getUserTypeList, getUser } from "@/api/admin.js";
-import store from "@/store";
-import { mapGetters } from "vuex";
+import mine from './mine.vue'
+import account from './account.vue'
+import loginLog from '@/views/trials/trials-panel/trial-summary/login-log'
+import { getUserTypeList, getUser, useUserIDGetDoctorID } from '@/api/admin.js'
+import store from '@/store'
+import { mapGetters } from 'vuex'
 
 export default {
-  name: "TrialsMyinfo",
-  components: { mine, account, "login-log": loginLog },
+  name: 'TrialsMyinfo',
+  components: { mine, account, 'login-log': loginLog },
   data() {
     return {
-      activeIndex: "1",
+      activeIndex: '1',
 
       userTypeOptions: [],
       user: {},
       IsCanConnectInternet: true, // 是否可以链接互联网
-    };
+      open: null,
+    }
   },
   computed: {
-    ...mapGetters(["userId", "userName"]),
+    ...mapGetters(['userId', 'userName']),
   },
   mounted() {
-    this.getUserInfo();
-    this.getUserTypeList();
+    this.getUserInfo()
+    this.getUserTypeList()
   },
   methods: {
-    handleSelect(index) {
-      this.activeIndex = index;
+    async handleSelect(index) {
+      if (index === '4') {
+        if (this.open) {
+          this.open.close()
+        }
+        let id = await this.useUserIDGetDoctorID()
+        const routeData = this.$router.resolve({
+          path: `/curriculumVitae?Id=${id}&&lang=${this.$i18n.locale}`,
+        })
+        this.open = window.open(routeData.href, '_blank')
+      } else {
+        this.activeIndex = index
+      }
+    },
+    async useUserIDGetDoctorID() {
+      try {
+        let res = await useUserIDGetDoctorID({
+          UserID: this.$store.state.user.userId,
+        })
+        if (res.IsSuccess) {
+          return res.Result.DoctorID
+        }
+        return false
+      } catch (err) {
+        return false
+        console.log(err)
+      }
     },
     getUserInfo() {
       const loading = this.$loading({
         fullscreen: false,
         lock: true,
-        text: "Loading",
-        spinner: "el-icon-loading",
-        background: "rgba(0, 0, 0, 0.07)",
-      });
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.07)',
+      })
       getUser(this.userId)
         .then(async (res) => {
-          this.user = res.Result;
+          this.user = res.Result
           /* eslint-disable */
-          zzSessionStorage.setItem("realName", this.user.RealName);
-          await store.dispatch("user/updateInfo");
-          loading.close();
+          zzSessionStorage.setItem('realName', this.user.RealName)
+          await store.dispatch('user/updateInfo')
+          loading.close()
         })
         .catch(() => {
-          loading.close();
-        });
+          loading.close()
+        })
     },
     getUserTypeList() {
       getUserTypeList().then((res) => {
         if (res.IsSuccess) {
-          this.userTypeOptions = res.Result;
+          this.userTypeOptions = res.Result
         }
-      });
+      })
     },
   },
-};
+}
 </script>
 
 <style lang="scss">

src/views/trials/trials-panel/attachments/SPMEnrollment/components/Approval.vue

@@ -1,14 +1,16 @@
 <template>
   <BaseContainer>
     <template slot="search-container">
-      <div style="margin-left:auto;">
+      <div style="margin-left: auto">
         <!-- Approve -->
         <el-button
           icon="el-icon-check"
           type="primary"
-          :disabled="approveIdArr.length==0"
+          :disabled="approveIdArr.length == 0"
           @click="handleApprove()"
-          v-hasPermi="['trials:trials-panel:attachments:SPMEnrollment:button-agree']"
+          v-hasPermi="[
+            'trials:trials-panel:attachments:SPMEnrollment:button-agree',
+          ]"
         >
           {{ $t('trials:seletctedReviews:button:approve') }}
         </el-button>
@@ -17,7 +19,7 @@
     <template slot="main-container">
       <el-table
         v-loading="listLoading"
-        v-adaptive="{bottomOffset:65}"
+        v-adaptive="{ bottomOffset: 65 }"
         height="100"
         :data="list"
         class="table"
@@ -51,7 +53,13 @@
           min-width="120"
         >
           <template slot-scope="scope">
-            {{ scope.row.SpecialityId === otherId?(scope.row.SpecialityOther?scope.row.SpecialityOther:'Other'): scope.row.Speciality }}
+            {{
+              scope.row.SpecialityId === otherId
+                ? scope.row.SpecialityOther
+                  ? scope.row.SpecialityOther
+                  : 'Other'
+                : scope.row.Speciality
+            }}
           </template>
         </el-table-column>
         <!-- 亚专业 -->
@@ -62,7 +70,11 @@
           min-width="120"
         >
           <template slot-scope="scope">
-            {{ scope.row.SubspecialityIds.map(v => {return $fd('Subspeciality', v, 'id')}).join(", ") }}
+            {{
+              scope.row.SubspecialityIds.map((v) => {
+                return $fd('Subspeciality', v, 'id')
+              }).join(', ')
+            }}
           </template>
         </el-table-column>
         <el-table-column
@@ -107,11 +119,13 @@
               icon="el-icon-view"
               circle
               :title="$t('trials:spmEnroll:button:view')"
-              @click="lookResumeInfo(scope.row)"
+              @click="handleDetail(scope.row)"
             />
             <!-- 同意 -->
             <el-button
-              v-hasPermi="['trials:trials-panel:attachments:SPMEnrollment:button-agree']"
+              v-hasPermi="[
+                'trials:trials-panel:attachments:SPMEnrollment:button-agree',
+              ]"
               :disabled="scope.row.DoctorTrialState === 8"
               icon="el-icon-check"
               circle
@@ -121,14 +135,23 @@
           </template>
         </el-table-column>
       </el-table>
-      <pagination class="page" :total="total" :page.sync="listQuery.PageIndex" :limit.sync="listQuery.PageSize" @pagination="getList" />
+      <pagination
+        class="page"
+        :total="total"
+        :page.sync="listQuery.PageIndex"
+        :limit.sync="listQuery.PageSize"
+        @pagination="getList"
+      />
     </template>
   </BaseContainer>
 </template>
 <script>
 import BaseContainer from '@/components/BaseContainer'
 import Pagination from '@/components/Pagination'
-import { getSubmissionOrApprovalReviewerList, approveReviewer } from '@/api/trials'
+import {
+  getSubmissionOrApprovalReviewerList,
+  approveReviewer,
+} from '@/api/trials'
 import store from '@/store'
 const enrollState = 4
 export default {
@@ -143,16 +166,18 @@ export default {
         PageIndex: 1,
         PageSize: 20,
         Asc: false,
-        SortField: ''
+        SortField: '',
       },
       otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
       total: 0,
       listLoading: false,
       approveIdArr: [],
-      token: store.getters.token
+      token: store.getters.token,
     }
   },
-  created() { this.initPage() },
+  created() {
+    this.initPage()
+  },
   methods: {
     lookResumeInfo(row) {
       console.log(row)
@@ -164,12 +189,16 @@ export default {
     getList() {
       this.listLoading = true
       this.listQuery.TrialId = this.$route.query.trialId
-      getSubmissionOrApprovalReviewerList(this.listQuery).then(res => {
-        this.listLoading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-      // eslint-disable-next-line handle-callback-err
-      }).catch(() => { this.listLoading = false })
+      getSubmissionOrApprovalReviewerList(this.listQuery)
+        .then((res) => {
+          this.listLoading = false
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+          // eslint-disable-next-line handle-callback-err
+        })
+        .catch(() => {
+          this.listLoading = false
+        })
     },
     handleApprove(row) {
       // Confirm the approval?
@@ -181,18 +210,22 @@ export default {
       }
       // '是否确认审核?'
       this.$confirm(this.$t('trials:spmEnroll:title:msg1'), {
-        type: 'warning'
+        type: 'warning',
       }).then(() => {
         this.listLoading = true
         const trialId = this.$route.query.trialId
-        approveReviewer(trialId, params, 1).then(res => {
-          if (res.IsSuccess) {
-            this.getList()
-            this.$message.success(this.$t('common:message:savedSuccessfully'))
-            // this.$emit('nextStep', 'confirmation')
-          }
-          this.listLoading = false
-        }).catch(() => { this.listLoading = false })
+        approveReviewer(trialId, params, 1)
+          .then((res) => {
+            if (res.IsSuccess) {
+              this.getList()
+              this.$message.success(this.$t('common:message:savedSuccessfully'))
+              // this.$emit('nextStep', 'confirmation')
+            }
+            this.listLoading = false
+          })
+          .catch(() => {
+            this.listLoading = false
+          })
       })
     },
     handleSelectionChange(val) {
@@ -217,12 +250,16 @@ export default {
         return 'selected'
       }
     },
-    handleSelectTable(row) { return row.DoctorTrialState !== 8 },
+    handleSelectTable(row) {
+      return row.DoctorTrialState !== 8
+    },
     handleDetail(row) {
-      const { href } = this.$router.resolve({ path: `/trialsResume?doctorId=${row.Id}` })
+      const { href } = this.$router.resolve({
+        path: `/trialsResume?doctorId=${row.Id}&trialId=${this.$route.query.trialId}&blindState=1`,
+      })
       window.open(href, '_blank')
-    }
-  }
+    },
+  },
 }
 </script>
 

src/views/trials/trials-panel/attachments/enrollment/components/Approval.vue

@@ -27,7 +27,7 @@
         >
           <template slot-scope="scope">
             <!-- <el-button type="text" @click="go(`/trialsResume?doctorId=${scope.row.Id}&token=${token}`)">{{ scope.row.LastName }} / {{ scope.row.FirstName }}</el-button> -->
-             <span style="color: #428bca;cursor: pointer;" @click="go(`/trialsResume?doctorId=${scope.row.Id}&token=${token}`)">{{ scope.row.LastName }} / {{ scope.row.FirstName }}</span>
+             <span style="color: #428bca;cursor: pointer;" @click="go(`/trialsResume?doctorId=${scope.row.Id}&trialId=${$route.query.trialId}&token=${token}`)">{{ scope.row.LastName }} / {{ scope.row.FirstName }}</span>
           </template>
         </el-table-column>
         <!-- Name CN -->
@@ -160,7 +160,7 @@ export default {
     },
     handleSelectTable(row) { return row.DoctorTrialState !== 8 },
     handleDetail(row) {
-      const { href } = this.$router.resolve({ path: `/trialsResume?doctorId=${row.Id}` })
+      const { href } = this.$router.resolve({ path: `/trialsResume?doctorId=${row.Id}&trialId=${this.$route.query.trialId}` })
       window.open(href, '_blank')
     }
   }

src/views/trials/trials-panel/attachments/enrollment/components/Confirmation.vue

@@ -1,13 +1,13 @@
 <template>
   <BaseContainer>
     <template slot="search-container">
-      <div style="margin-left:auto;">
+      <div style="margin-left: auto">
         <!-- Confirm -->
         <el-button
           v-if="hasPermi(['role:pm'])"
           icon="el-icon-check"
           type="primary"
-          :disabled="confirmIdArr.length==0"
+          :disabled="confirmIdArr.length == 0"
           :loading="loading"
           @click="handleConfirm"
         >
@@ -18,7 +18,7 @@
     <template slot="main-container">
       <el-table
         v-loading="listLoading"
-        v-adaptive="{bottomOffset:65}"
+        v-adaptive="{ bottomOffset: 65 }"
         height="100"
         :data="list"
         class="table"
@@ -38,7 +38,15 @@
         >
           <template slot-scope="scope">
             <!-- <el-button type="text" @click="go(`/trialsResume?doctorId=${scope.row.Id}&token=${token}`)">{{ scope.row.LastName }} / {{ scope.row.FirstName }}</el-button> -->
-             <span style="color: #428bca;cursor: pointer;" @click="go(`/trialsResume?doctorId=${scope.row.Id}&token=${token}`)">{{ scope.row.LastName }} / {{ scope.row.FirstName }}</span>
+            <span
+              style="color: #428bca; cursor: pointer"
+              @click="
+                go(
+                  `/trialsResume?doctorId=${scope.row.Id}&trialId=${$route.query.trialId}&token=${token}`
+                )
+              "
+              >{{ scope.row.LastName }} / {{ scope.row.FirstName }}</span
+            >
           </template>
         </el-table-column>
         <!-- Name CN -->
@@ -64,9 +72,15 @@
           min-width="120"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.DoctorTrialState === 10" type="primary">{{ $fd('DoctorTrialState', scope.row.DoctorTrialState) }}</el-tag>
-            <el-tag v-if="scope.row.DoctorTrialState === 9" type="warning">{{ $fd('DoctorTrialState', scope.row.DoctorTrialState) }}</el-tag>
-            <el-tag v-if="scope.row.DoctorTrialState === 8" type="danger">{{ $fd('DoctorTrialState', scope.row.DoctorTrialState) }}</el-tag>
+            <el-tag v-if="scope.row.DoctorTrialState === 10" type="primary">{{
+              $fd('DoctorTrialState', scope.row.DoctorTrialState)
+            }}</el-tag>
+            <el-tag v-if="scope.row.DoctorTrialState === 9" type="warning">{{
+              $fd('DoctorTrialState', scope.row.DoctorTrialState)
+            }}</el-tag>
+            <el-tag v-if="scope.row.DoctorTrialState === 8" type="danger">{{
+              $fd('DoctorTrialState', scope.row.DoctorTrialState)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- Confirmor -->
@@ -87,7 +101,13 @@
           </template>
         </el-table-column> -->
       </el-table>
-      <pagination class="page" :total="total" :page.sync="listQuery.PageIndex" :limit.sync="listQuery.PageSize" @pagination="getList" />
+      <pagination
+        class="page"
+        :total="total"
+        :page.sync="listQuery.PageIndex"
+        :limit.sync="listQuery.PageSize"
+        @pagination="getList"
+      />
     </template>
   </BaseContainer>
 </template>
@@ -108,15 +128,17 @@ export default {
         PageIndex: 1,
         PageSize: 20,
         Asc: false,
-        SortField: ''
+        SortField: '',
       },
       total: 0,
       listLoading: false,
       confirmIdArr: [],
-      token: store.getters.token
+      token: store.getters.token,
     }
   },
-  created() { this.initPage() },
+  created() {
+    this.initPage()
+  },
   methods: {
     go(path) {
       window.open(path)
@@ -127,23 +149,27 @@ export default {
     getList() {
       this.listLoading = true
       this.listQuery.TrialId = this.$route.query.trialId
-      getConfirmationReviewerList(this.listQuery).then(res => {
-        this.listLoading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-      // eslint-disable-next-line handle-callback-err
-      }).catch(() => { this.listLoading = false })
+      getConfirmationReviewerList(this.listQuery)
+        .then((res) => {
+          this.listLoading = false
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+          // eslint-disable-next-line handle-callback-err
+        })
+        .catch(() => {
+          this.listLoading = false
+        })
     },
     handleConfirm() {
       // Reviewer(s) Confirmed?
       this.$confirm(this.$t('trials:seletctedReviews:message:msg2'), {
         type: 'warning',
-        distinguishCancelAndClose: true
+        distinguishCancelAndClose: true,
       })
         .then(() => {
           this.doctorConfirm(1)
         })
-        .catch(action => {
+        .catch((action) => {
           // if (action === 'cancel') {
           //   this.doctorConfirm(0)
           // }
@@ -157,15 +183,17 @@ export default {
         DoctorIdArray: this.confirmIdArr,
         ConfirmState: state,
         BaseUrl: `${location.protocol}//${location.host}/login`,
-        RouteUrl: `${location.protocol}//${location.host}/email-recompose`
+        RouteUrl: `${location.protocol}//${location.host}/email-recompose`,
       }
-      confirmReviewer(params).then(res => {
-        this.loading = false
-        this.getList()
-        this.$message.success(this.$t('common:message:savedSuccessfully'))
-      }).catch(() => {
-        this.loading = false
-      })
+      confirmReviewer(params)
+        .then((res) => {
+          this.loading = false
+          this.getList()
+          this.$message.success(this.$t('common:message:savedSuccessfully'))
+        })
+        .catch(() => {
+          this.loading = false
+        })
     },
     handleSelectionChange(val) {
       const arr = []
@@ -189,19 +217,23 @@ export default {
         return 'selected'
       }
     },
-    handleSelectTable(row) { return row.DoctorTrialState !== 10 },
+    handleSelectTable(row) {
+      return row.DoctorTrialState !== 10
+    },
     handleDetail(row) {
-      const { href } = this.$router.resolve({ path: `/trialsResume?doctorId=${row.Id}` })
+      const { href } = this.$router.resolve({
+        path: `/trialsResume?doctorId=${row.Id}&trialId=${this.$route.query.trialId}`,
+      })
       window.open(href, '_blank')
     },
     cellColor({ row, column, rowIndex, columnIndex }) {
       if (row.DoctorTrialState === 10 && columnIndex === 5) {
         return {
-          color: '#428bca'
+          color: '#428bca',
         }
       }
-    }
-  }
+    },
+  },
 }
 </script>
 

src/views/trials/trials-panel/attachments/enrollment/components/Selection.vue

@@ -65,7 +65,12 @@
         </el-form-item>
         <!-- Rank -->
         <el-form-item :label="$t('trials:seletctedReviews:form:rank')">
-          <el-select v-model="listQuery.RankId" class="handle-select" style="width: 160px" clearable>
+          <el-select
+            v-model="listQuery.RankId"
+            class="handle-select"
+            style="width: 160px"
+            clearable
+          >
             <el-option
               v-for="item of $d.Rank"
               :key="item.id"
@@ -83,7 +88,7 @@
             style="width: 160px"
           >
             <el-option
-              v-for="(item,index) in hospitalList"
+              v-for="(item, index) in hospitalList"
               :key="index"
               :label="item.HospitalName"
               :value="item.Id"
@@ -91,30 +96,57 @@
           </el-select>
         </el-form-item>
         <!-- 查询 -->
-        <el-button type="primary" icon="el-icon-search" :loading="loading" @click="handleSearch">
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          :loading="loading"
+          @click="handleSearch"
+        >
           {{ $t('common:button:search') }}
         </el-button>
         <!-- 重置 -->
-        <el-button type="primary" icon="el-icon-refresh-left" :loading="loading" @click="handleReset">
+        <el-button
+          type="primary"
+          icon="el-icon-refresh-left"
+          :loading="loading"
+          @click="handleReset"
+        >
           {{ $t('common:button:reset') }}
         </el-button>
         <el-button
           v-if="hasPermi(['role:pm'])"
           type="primary"
-          :disabled="selectIdArr.length==0"
+          :disabled="selectIdArr.length == 0"
           icon="el-icon-check"
           :loading="loading"
           @click="handleApply"
         >
           {{ $t('trials:seletctedReviews:button:select') }}
         </el-button>
+        <!---简历采集-->
+        <el-button
+          type="primary"
+          @click="resumeCollection"
+          v-hasPermi="['trials:trials-panel:attachments:enrollment:viewer']"
+        >
+          {{ $t('trials:seletctedReviews:button:resumeCollection') }}
+        </el-button>
+        <!---添加阅片人-->
+        <el-button
+          icon="el-icon-plus"
+          type="primary"
+          @click="openViewer('add')"
+          v-hasPermi="['trials:trials-panel:attachments:enrollment:viewer']"
+        >
+          {{ $t('trials:seletctedReviews:button:addViewer') }}
+        </el-button>
       </el-form>
     </template>
     <template slot="main-container">
       <el-table
         ref="selectionList"
         v-loading="listLoading"
-        v-adaptive="{bottomOffset:65}"
+        v-adaptive="{ bottomOffset: 65 }"
         height="100"
         :data="list"
         class="table"
@@ -133,16 +165,24 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <span style="color: #428bca;cursor: pointer;" @click="go(`/trialsResume?doctorId=${scope.row.Id}&token=${token}`)">{{ scope.row.LastName }} / {{ scope.row.FirstName }}</span>
+            <span
+              style="color: #428bca; cursor: pointer"
+              @click="
+                go(
+                  `/trialsResume?doctorId=${scope.row.Id}&trialId=${$route.query.trialId}&token=${token}`
+                )
+              "
+              >{{ scope.row.LastName }} / {{ scope.row.FirstName }}</span
+            >
             <!-- <el-button type="text" @click="go(`/trialsResume?doctorId=${scope.row.Id}&token=${token}`)">{{ scope.row.LastName }} / {{ scope.row.FirstName }}</el-button> -->
-<!--            <router-link-->
-<!--              style="color: #428bca;"-->
-<!--              tag="a"-->
-<!--              :to="{-->
-<!--                path: `/trialsResume?doctorId=${scope.row.Id}&token=${token}`,-->
-<!--              }"-->
-<!--              target="_blank"-->
-<!--            >{{ scope.row.LastName }} / {{ scope.row.FirstName }}</router-link>-->
+            <!--            <router-link-->
+            <!--              style="color: #428bca;"-->
+            <!--              tag="a"-->
+            <!--              :to="{-->
+            <!--                path: `/trialsResume?doctorId=${scope.row.Id}&token=${token}`,-->
+            <!--              }"-->
+            <!--              target="_blank"-->
+            <!--            >{{ scope.row.LastName }} / {{ scope.row.FirstName }}</router-link>-->
           </template>
         </el-table-column>
         <!-- Name CN -->
@@ -168,7 +208,9 @@
           width="120"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.DoctorTrialState === 1" type="primary">{{ $fd('DoctorTrialState', 16) }}</el-tag>
+            <el-tag v-if="scope.row.DoctorTrialState === 1" type="primary">{{
+              $fd('DoctorTrialState', 16)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- Submitted -->
@@ -202,7 +244,11 @@
           min-width="120"
         >
           <template slot-scope="scope">
-            {{ scope.row.ReadingTypeIds.map(v => {return $fd('ReadingType', v, 'id')}).toString() }}
+            {{
+              scope.row.ReadingTypeIds.map((v) => {
+                return $fd('ReadingType', v, 'id')
+              }).toString()
+            }}
           </template>
         </el-table-column>
         <!-- Specialty -->
@@ -213,7 +259,13 @@
           min-width="120"
         >
           <template slot-scope="scope">
-            {{ scope.row.SpecialityId === otherId?(scope.row.SpecialityOther?scope.row.SpecialityOther:'Other'): scope.row.Speciality }}
+            {{
+              scope.row.SpecialityId === otherId
+                ? scope.row.SpecialityOther
+                  ? scope.row.SpecialityOther
+                  : 'Other'
+                : scope.row.Speciality
+            }}
           </template>
         </el-table-column>
         <!-- Subspecialty -->
@@ -224,7 +276,11 @@
           min-width="150"
         >
           <template slot-scope="scope">
-            {{ scope.row.SubspecialityIds.map(v => {return $fd('Subspeciality', v, 'id')}).join(', ') }}
+            {{
+              scope.row.SubspecialityIds.map((v) => {
+                return $fd('Subspeciality', v, 'id')
+              }).join(', ')
+            }}
             <!--            {{ scope.row.SubspecialityList.length > 0 ? scope.row.SubspecialityList.join(', ') : '' }}-->
           </template>
         </el-table-column>
@@ -261,9 +317,134 @@
           :label="$t('trials:seletctedReviews:table:selectionTime')"
           width="150"
         />
+        <el-table-column
+          fixed="right"
+          prop="OptTimeStr"
+          :label="$t('common:action:action')"
+          width="150"
+          v-if="hasPermi(['trials:trials-panel:attachments:enrollment:viewer'])"
+        >
+          <template slot-scope="scope">
+            <el-button
+              icon="el-icon-edit-outline"
+              :title="$t('common:button:edit')"
+              @click.stop="openViewer('edit', scope.row)"
+              v-hasPermi="['trials:trials-panel:attachments:enrollment:viewer']"
+              :disabled="scope.row.IsEnroll"
+              circle
+            />
+          </template>
+        </el-table-column>
       </el-table>
-      <pagination class="page" :total="total" :page.sync="listQuery.PageIndex" :limit.sync="listQuery.PageSize" @pagination="getList" />
+      <pagination
+        class="page"
+        :total="total"
+        :page.sync="listQuery.PageIndex"
+        :limit.sync="listQuery.PageSize"
+        @pagination="getList"
+      />
     </template>
+    <!--简历采集-->
+    <base-model :config="share_model">
+      <template slot="dialog-body">
+        <div>
+          <i style="color: #428bca" class="el-icon-success" />
+          <span>{{ $t('reviewers-list:message:msg1') }}</span>
+        </div>
+        <div style="margin: 10px 0">
+          <span style="">{{ $t('reviewers-list:message:msg2') }}</span
+          ><el-input
+            type="textarea"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+            v-model="shareLink"
+            readonly
+            style="width: 100%; margin-top: 10px"
+          />
+        </div>
+        <div>
+          <el-button type="primary" round @click="copyCode">{{
+            $t('reviewers-list:button:copyCode')
+          }}</el-button>
+        </div>
+        <div class="sendEmailBox">
+          <el-input
+            v-model="email"
+            clearable
+            :placeholder="$t('reviewers-list:placeholder:sendEmail')"
+          ></el-input>
+          <el-button
+            type="primary"
+            round
+            :disabled="!email"
+            @click="sendEmail"
+            :loading="emailLoading"
+            style="margin-left: 10px"
+          >
+            {{ $t('reviewers-list:button:sendEmail') }}
+          </el-button>
+        </div>
+      </template>
+    </base-model>
+    <!--新增或修改简历-->
+    <el-dialog
+      :title="$t('curriculumVitae:content:title')"
+      :visible.sync="visible"
+      fullscreen
+      v-if="visible"
+      appendToBody
+      :before-close="beforeClose"
+    >
+      <curriculumVitae :reviewerId="reviewerId" />
+    </el-dialog>
+    <!--新增阅片人输入邮箱--->
+    <el-dialog
+      :title="$t('curriculumVitae:content:title')"
+      :visible.sync="emailVisible"
+      v-if="emailVisible"
+      appendToBody
+      :close-on-click-modal="false"
+      v-dialogDrag
+      width="400px"
+    >
+      <el-form
+        v-if="emailVisible"
+        ref="emailForm"
+        :model="emailForm"
+        :rules="emailRule"
+        class="demo-form-inline"
+        label-width="80px"
+      >
+        <el-form-item
+          :label="$t('trials:trials-panel:attachments:enrollment:form:email')"
+          prop="EmailOrPhone"
+        >
+          <el-input
+            v-model="emailForm.EmailOrPhone"
+            clearable
+            :maxlength="400"
+          ></el-input>
+          <el-input
+            style="display: none"
+            v-model="emailForm.EmailOrPhone"
+            clearable
+            :maxlength="400"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" type="primary" @click="handleCancle">
+          {{ $t('common:button:cancel') }}
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          @click="handleSave"
+          :loading="emailLoading"
+        >
+          {{ $t('common:button:save') }}
+        </el-button>
+      </span>
+    </el-dialog>
   </BaseContainer>
 </template>
 <script>
@@ -272,10 +453,13 @@ import Pagination from '@/components/Pagination'
 import store from '@/store'
 import { mapGetters } from 'vuex'
 import { getSelectionReviewerList, selectReviewers } from '@/api/trials'
+import BaseModel from '@/components/BaseModel'
+import curriculumVitae from '@/views/reviewers/curriculumVitae'
+import { doctorSendEmail, useEmialGetDoctorInfo } from '@/api/reviewers'
 const getListQueryDefault = () => {
   return {
     TrialId: '',
-    Name:'',
+    Name: '',
     ReadingTypeIds: [],
     SubspecialityIds: [],
     PageIndex: 1,
@@ -287,12 +471,17 @@ const getListQueryDefault = () => {
     SortField: '',
     AcceptingNewTrial: true,
     InformationConfirmed: true,
-    ContractorStatus: 1
+    ContractorStatus: 1,
   }
 }
 export default {
   name: 'Selection',
-  components: { BaseContainer, Pagination },
+  components: {
+    BaseContainer,
+    Pagination,
+    BaseModel,
+    curriculumVitae,
+  },
   dicts: ['ReadingType', 'Subspeciality', 'Position', 'Rank'],
   data() {
     return {
@@ -303,14 +492,134 @@ export default {
       listLoading: false,
       selectIdArr: [],
       otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
-      token: store.getters.token
+      token: store.getters.token,
+      share_model: {
+        visible: false,
+        title: this.$t('curriculumVitae:share:title'),
+        width: '500px',
+      },
+      shareLink: null,
+      email: null,
+      visible: false,
+      reviewerId: null,
+
+      emailVisible: false,
+      emailLoading: false,
+      emailForm: {
+        EmailOrPhone: null,
+      },
+      emailRule: {
+        EmailOrPhone: [
+          {
+            required: true,
+            message: this.$t('passwordReset:formRule:email'),
+            trigger: 'blur',
+          },
+          {
+            type: 'email',
+            message: this.$t('rules:email'),
+            trigger: 'blur,change',
+          },
+          {
+            max: 400,
+            message: this.$t('form:rules:maxLength:400'),
+            trigger: 'blur',
+          },
+        ],
+      },
     }
   },
   computed: {
-    ...mapGetters(['hospitalList'])
+    ...mapGetters(['hospitalList']),
+  },
+  created() {
+    this.initPage()
   },
-  created() { this.initPage() },
   methods: {
+    handleCancle() {
+      Object.keys(this.emailForm).forEach((key) => {
+        this.emailForm[key] = null
+      })
+      this.emailVisible = false
+    },
+    async handleSave() {
+      try {
+        let validate = await this.$refs.emailForm.validate()
+        if (!validate) return false
+        this.emailLoading = true
+        this.emailForm.trialId = this.$route.query.trialId
+        let res = await useEmialGetDoctorInfo(this.emailForm)
+        this.emailLoading = false
+        if (res.IsSuccess) {
+          this.handleCancle()
+          sessionStorage.setItem('reviewerId', res.Result.DoctorId)
+          zzSessionStorage.setItem('trialId', this.$route.query.trialId)
+          this.visible = true
+        }
+      } catch (err) {
+        this.emailLoading = false
+        console.log(err)
+      }
+    },
+    copyCode() {
+      this.$copyText(
+        `${this.$t('reviewers-list:button:copyCode')}: ${this.shareLink}`
+      )
+        .then((res) => {
+          this.$message.success(
+            this.$t('trials:researchRecord:message:copySuccessfully')
+          )
+        })
+        .catch(() => {
+          this.$alert(this.$t('trials:researchRecord:message:copyFailed'))
+        })
+    },
+    beforeClose() {
+      this.getList()
+      this.visible = false
+    },
+    // 简历采集
+    resumeCollection() {
+      this.shareLink = `${location.protocol}//${location.host}/ReviewersResearch?lang=${this.$store.getters.language}&trialId=${this.$route.query.trialId}`
+      this.email = null
+      this.share_model.visible = true
+    },
+    // 发送邮件
+    async sendEmail() {
+      let emailList = this.email.split('|')
+      let isError = false
+      emailList.forEach((item) => {
+        var pattern =
+          /^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/
+        if (!pattern.test(item)) {
+          isError = true
+        }
+      })
+      if (isError) return this.$message.warning(this.$t('rules:email'))
+      this.emailLoading = true
+      let res = await doctorSendEmail({
+        Email: emailList,
+        Url: `ReviewersResearch?lang=${this.$store.getters.language}&trialId=${this.$route.query.trialId}`,
+      })
+      this.emailLoading = false
+      if (res.IsSuccess) {
+        this.$message.success(
+          this.$t('trials:researchStaff:message:sendEmalil')
+        )
+        this.share_model.visible = false
+      }
+    },
+    // 打开新增或修改简历弹框
+    openViewer(type, row) {
+      if (type === 'add') {
+        return (this.emailVisible = true)
+      }
+      if (row) {
+        sessionStorage.setItem('reviewerId', row.Id)
+      }
+      zzSessionStorage.setItem('trialId', this.$route.query.trialId)
+      this.visible = true
+    },
     go(path) {
       window.open(path)
     },
@@ -321,29 +630,35 @@ export default {
     getList() {
       this.listLoading = true
       this.listQuery.TrialId = this.$route.query.trialId
-      getSelectionReviewerList(this.listQuery).then(res => {
-        this.listLoading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-      // eslint-disable-next-line handle-callback-err
-      }).catch(() => { this.listLoading = false })
+      getSelectionReviewerList(this.listQuery)
+        .then((res) => {
+          this.listLoading = false
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+          // eslint-disable-next-line handle-callback-err
+        })
+        .catch(() => {
+          this.listLoading = false
+        })
     },
     handleApply() {
       this.$confirm(this.$t('trials:seletctedReviews:message:msg1'), {
-        type: 'warning'
+        type: 'warning',
       }).then(() => {
         this.loading = true
         const trialId = this.$route.query.trialId
-        selectReviewers(trialId, this.selectIdArr).then(res => {
-          this.loading = false
-          if (res.IsSuccess) {
-            this.getList()
-            this.$message.success(this.$t('common:message:savedSuccessfully'))
-            this.$emit('nextStep', 'submission')
-          }
-        }).catch(() => {
-          this.loading = false
-        })
+        selectReviewers(trialId, this.selectIdArr)
+          .then((res) => {
+            this.loading = false
+            if (res.IsSuccess) {
+              this.getList()
+              this.$message.success(this.$t('common:message:savedSuccessfully'))
+              this.$emit('nextStep', 'submission')
+            }
+          })
+          .catch(() => {
+            this.loading = false
+          })
       })
     },
     handleSelectionChange(val) {
@@ -368,9 +683,13 @@ export default {
         return 'selected'
       }
     },
-    handleSelectTable(row) { return row.DoctorTrialState !== 1 },
+    handleSelectTable(row) {
+      return row.DoctorTrialState !== 1
+    },
     handleDetail(row) {
-      const { href } = this.$router.resolve({ path: `/trialsResume?doctorId=${row.Id}` })
+      const { href } = this.$router.resolve({
+        path: `/trialsResume?doctorId=${row.Id}&trialId=${this.$route.query.trialId}`,
+      })
       window.open(href, '_blank')
     },
     handleSearch() {
@@ -380,8 +699,19 @@ export default {
     handleReset() {
       this.listQuery = getListQueryDefault()
       this.getList()
-    }
-  }
+    },
+  },
 }
 </script>
+<style lang="scss" scoped>
+.sendEmailBox {
+  margin-top: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+::v-deep .el-card__body {
+  padding: 20px !important;
+}
+</style>
 

src/views/trials/trials-panel/attachments/enrollment/components/Submission.vue

@@ -1,11 +1,11 @@
 <template>
   <BaseContainer>
     <template slot="search-container">
-      <div style="margin-left:auto;">
+      <div style="margin-left: auto">
         <!-- 提交 -->
         <el-button
           type="primary"
-          :disabled="submitIdArr.length==0"
+          :disabled="submitIdArr.length == 0"
           icon="el-icon-check"
           :loading="loading"
           @click="handleSubmit"
@@ -28,7 +28,7 @@
     <template slot="main-container">
       <el-table
         v-loading="listLoading"
-        v-adaptive="{bottomOffset:65}"
+        v-adaptive="{ bottomOffset: 65 }"
         height="100"
         :data="list"
         class="table"
@@ -47,7 +47,15 @@
           min-width="120"
         >
           <template slot-scope="scope">
-             <span style="color: #428bca;cursor: pointer;" @click="go(`/trialsResume?doctorId=${scope.row.Id}&token=${token}`)">{{ scope.row.LastName }} / {{ scope.row.FirstName }}</span>
+            <span
+              style="color: #428bca; cursor: pointer"
+              @click="
+                go(
+                  `/trialsResume?doctorId=${scope.row.Id}&trialId=${$route.query.trialId}&token=${token}`
+                )
+              "
+              >{{ scope.row.LastName }} / {{ scope.row.FirstName }}</span
+            >
             <!-- <el-button type="text" @click="go(`/trialsResume?doctorId=${scope.row.Id}&token=${token}`)">{{ scope.row.LastName }} / {{ scope.row.FirstName }}</el-button> -->
           </template>
         </el-table-column>
@@ -74,8 +82,12 @@
           min-width="100"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.DoctorTrialState === 5" type="primary">{{ $fd('DoctorTrialState', scope.row.DoctorTrialState) }}</el-tag>
-            <el-tag v-else type="danger">{{ $fd('DoctorTrialState', 16) }}</el-tag>
+            <el-tag v-if="scope.row.DoctorTrialState === 5" type="primary">{{
+              $fd('DoctorTrialState', scope.row.DoctorTrialState)
+            }}</el-tag>
+            <el-tag v-else type="danger">{{
+              $fd('DoctorTrialState', 16)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- Submitter -->
@@ -106,7 +118,13 @@
           </template>
         </el-table-column>
       </el-table>
-      <pagination class="page" :total="total" :page.sync="listQuery.PageIndex" :limit.sync="listQuery.PageSize" @pagination="getList" />
+      <pagination
+        class="page"
+        :total="total"
+        :page.sync="listQuery.PageIndex"
+        :limit.sync="listQuery.PageSize"
+        @pagination="getList"
+      />
 
       <el-dialog
         :title="$t('trials:seletctedReviews:title:language')"
@@ -120,8 +138,12 @@
           <el-radio :label="1">中文</el-radio>
         </el-radio-group>
         <span slot="footer" class="dialog-footer">
-          <el-button @click="dialogVisible = false">{{ $t('common:button:cancel') }}</el-button>
-          <el-button type="primary" @click="handleDownloadResumes">{{ $t('common:button:save') }}</el-button>
+          <el-button @click="dialogVisible = false">{{
+            $t('common:button:cancel')
+          }}</el-button>
+          <el-button type="primary" @click="handleDownloadResumes">{{
+            $t('common:button:save')
+          }}</el-button>
         </span>
       </el-dialog>
     </template>
@@ -130,11 +152,15 @@
 <script>
 import BaseContainer from '@/components/BaseContainer'
 import Pagination from '@/components/Pagination'
-import { getSubmissionOrApprovalReviewerList, submitReviewer, downloadResume } from '@/api/trials'
+import {
+  getSubmissionOrApprovalReviewerList,
+  submitReviewer,
+  downloadResume,
+} from '@/api/trials'
 import { getTrialDoctorOfficialResume } from '@/api/reviewers'
 import store from '@/store'
-import axios from "axios";
-import JSZip from "jszip";
+import axios from 'axios'
+import JSZip from 'jszip'
 import { saveAs } from 'file-saver'
 const enrollState = 1
 export default {
@@ -149,7 +175,7 @@ export default {
         PageIndex: 1,
         PageSize: 20,
         Asc: false,
-        SortField: ''
+        SortField: '',
       },
       loading: false,
       total: 0,
@@ -158,10 +184,12 @@ export default {
       dialogVisible: false,
       language: 2,
       token: store.getters.token,
-      selectTable: {}
+      selectTable: {},
     }
   },
-  created() { this.initPage() },
+  created() {
+    this.initPage()
+  },
   methods: {
     go(path) {
       window.open(path)
@@ -172,35 +200,41 @@ export default {
     getList() {
       this.listLoading = true
       this.listQuery.TrialId = this.$route.query.trialId
-      getSubmissionOrApprovalReviewerList(this.listQuery).then(res => {
-        this.listLoading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-      // eslint-disable-next-line handle-callback-err
-      }).catch(() => { this.listLoading = false })
+      getSubmissionOrApprovalReviewerList(this.listQuery)
+        .then((res) => {
+          this.listLoading = false
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+          // eslint-disable-next-line handle-callback-err
+        })
+        .catch(() => {
+          this.listLoading = false
+        })
     },
     handleSubmit() {
       // 是否确认提交？
       this.$confirm(this.$t('trials:seletctedReviews:message:msg2'), {
-        type: 'warning'
+        type: 'warning',
       }).then(() => {
         this.loading = true
         const trialId = this.$route.query.trialId
-        submitReviewer(trialId, this.submitIdArr, 1).then(res => {
-          this.loading = false
-          if (res.IsSuccess) {
-            this.getList()
-            // 保存成功
-            this.$message.success(this.$t('common:message:savedSuccessfully'))
-            if(res.Result.IsHaveSPMOrCPM){
-              this.$emit('nextStep', 'approval')
-            }else{
-              this.$emit('nextStep', 'confirmation')
+        submitReviewer(trialId, this.submitIdArr, 1)
+          .then((res) => {
+            this.loading = false
+            if (res.IsSuccess) {
+              this.getList()
+              // 保存成功
+              this.$message.success(this.$t('common:message:savedSuccessfully'))
+              if (res.Result.IsHaveSPMOrCPM) {
+                this.$emit('nextStep', 'approval')
+              } else {
+                this.$emit('nextStep', 'confirmation')
+              }
             }
-          }
-        }).catch(() => {
-          this.loading = false
-        })
+          })
+          .catch(() => {
+            this.loading = false
+          })
       })
     },
     handleSelectionChange(val) {
@@ -225,9 +259,13 @@ export default {
         return 'selected'
       }
     },
-    handleSelectTable(row) { return row.DoctorTrialState !== 5 },
+    handleSelectTable(row) {
+      return row.DoctorTrialState !== 5
+    },
     handleDetail(row) {
-      const { href } = this.$router.resolve({ path: `/trialsResume?doctorId=${row.Id}` })
+      const { href } = this.$router.resolve({
+        path: `/trialsResume?doctorId=${row.Id}&trialId=${this.$route.query.trialId}`,
+      })
       window.open(href, '_blank')
     },
     handleDownloadAll() {
@@ -243,68 +281,81 @@ export default {
       return new Promise((resolve, reject) => {
         axios(fileUrl, {
           method: 'GET',
-          responseType: 'blob'  // 返回的数据会被强制转为blob类型 ，转换成arraybuffer 也行
-        }).then((res) => {
-          console.log('res', res)
-          resolve(res)
-        }).catch(error => {
-          reject(error)
+          responseType: 'blob', // 返回的数据会被强制转为blob类型 ，转换成arraybuffer 也行
         })
+          .then((res) => {
+            console.log('res', res)
+            resolve(res)
+          })
+          .catch((error) => {
+            reject(error)
+          })
       })
     },
     async handleBatchDown(dataSource) {
-      return new Promise(resolve => {
+      return new Promise((resolve) => {
         console.log('开始压缩')
         const zip = new JSZip() // 创建实例对象
         const promises = []
         dataSource.FileList.forEach((item) => {
           console.log(this.OSSclientConfig.basePath + item.Path)
-          const promise = this.getFileData(this.OSSclientConfig.basePath + item.Path).then((res) => {
+          const promise = this.getFileData(
+            this.OSSclientConfig.basePath + item.Path
+          ).then((res) => {
             const fileName = item.FileName + ''
             // 创建文件用file()，创建文件夹用 floder()
-            zip.file(fileName, res.data, {binary: true})
+            zip.file(fileName, res.data, { binary: true })
           })
           promises.push(promise)
         })
         console.log(promises)
         // 生成 zip 文件
-        Promise.all(promises).then(() => {
-          // 生成zip 文件
-          zip.generateAsync({
-            type: 'blob',
-            compression: 'DEFLATE',  // STORE: 默认不压缩， DEFLATE：需要压缩
-            compressionOptions: {
-              level: 9          // 压缩等级 1~9   1 压缩速度最快， 9 最优压缩方式
-            }
-          }).then((res) => {
-            saveAs(res, dataSource.ReviewerCode + '_Sub.zip') // 使用FileSaver.saveAs保存文件，文件名可自定义
+        Promise.all(promises)
+          .then(() => {
+            // 生成zip 文件
+            zip
+              .generateAsync({
+                type: 'blob',
+                compression: 'DEFLATE', // STORE: 默认不压缩， DEFLATE：需要压缩
+                compressionOptions: {
+                  level: 9, // 压缩等级 1~9   1 压缩速度最快， 9 最优压缩方式
+                },
+              })
+              .then((res) => {
+                saveAs(res, dataSource.ReviewerCode + '_Sub.zip') // 使用FileSaver.saveAs保存文件，文件名可自定义
+                resolve()
+              })
+          })
+          .catch((reason) => {
             resolve()
           })
-        }).catch(reason => {
-          resolve()
-        })
       })
     },
     handleDownloadResumes() {
       getTrialDoctorOfficialResume({
-        doctorIdList:this.selectTable.Id?[this.selectTable.Id]: this.list.map(v => {return v.Id}),
-        language: this.language
-      }).then(async res => {
-        this.selectTable = {};
-        this.dialogVisible = false
-        if (!res.Result || res.Result.length === 0) {
-          this.$alert(this.$t('trials:seletctedReviews:table:noResume'))
-        }else{
-          for (let i = 0; res.Result.length > i; i++) {
-            let item = res.Result[i]
-            await this.handleBatchDown(item)
-          }
-        }
-        
-      }).catch(err=>{
-        this.dialogVisible = false;
-        this.selectTable= {};
+        doctorIdList: this.selectTable.Id
+          ? [this.selectTable.Id]
+          : this.list.map((v) => {
+              return v.Id
+            }),
+        language: this.language,
       })
+        .then(async (res) => {
+          this.selectTable = {}
+          this.dialogVisible = false
+          if (!res.Result || res.Result.length === 0) {
+            this.$alert(this.$t('trials:seletctedReviews:table:noResume'))
+          } else {
+            for (let i = 0; res.Result.length > i; i++) {
+              let item = res.Result[i]
+              await this.handleBatchDown(item)
+            }
+          }
+        })
+        .catch((err) => {
+          this.dialogVisible = false
+          this.selectTable = {}
+        })
       // this.dialogVisible = false
       // const arr = []
       // for (let index = 0; index < this.list.length; index++) {
@@ -313,7 +364,11 @@ export default {
       // this.downloadResume(arr)
     },
     downloadResume(arr) {
-      downloadResume(this.$route.query.trialId, this.language, arr).then(res => { window.open(res.Result) })
+      downloadResume(this.$route.query.trialId, this.language, arr).then(
+        (res) => {
+          window.open(res.Result)
+        }
+      )
     },
     handleDownload(row) {
       this.selectTable = row
@@ -324,8 +379,8 @@ export default {
       } else {
         this.dialogVisible = true
       }
-    }
-  }
+    },
+  },
 }
 </script>
 

src/views/trials/trials-panel/attachments/site-research/index.vue

@@ -96,7 +96,7 @@
         </el-form-item>
         <!-- 查询 -->
         <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-          {{ $t("common:button:search") }}
+          {{ $t('common:button:search') }}
         </el-button>
         <!-- 重置 -->
         <el-button
@@ -104,7 +104,7 @@
           icon="el-icon-refresh-left"
           @click="handleReset"
         >
-          {{ $t("common:button:reset") }}
+          {{ $t('common:button:reset') }}
         </el-button>
         <!-- 中心人员 -->
         <el-button
@@ -115,7 +115,7 @@
           icon="el-icon-info"
           @click="showResearchUser"
         >
-          {{ $t("trials:researchRecord:button:questionStaffs") }}
+          {{ $t('trials:researchRecord:button:questionStaffs') }}
         </el-button>
         <!-- 调查表链接 -->
         <el-button
@@ -126,7 +126,7 @@
           icon="el-icon-link"
           @click="showResearchLink"
         >
-          {{ $t("trials:researchRecord:button:questionLink") }}
+          {{ $t('trials:researchRecord:button:questionLink') }}
         </el-button>
       </el-form>
     </template>
@@ -148,6 +148,7 @@
           prop="TrialSiteCode"
           :label="$t('trials:researchRecord:table:siteId')"
           min-width="100"
+          sortable="custom"
           show-overflow-tooltip
         />
         <!-- 中心名称 -->
@@ -155,6 +156,7 @@
           prop="SiteName"
           :label="$t('trials:researchRecord:table:siteName')"
           min-width="100"
+          sortable="custom"
           show-overflow-tooltip
         />
         <!-- 联系人 -->
@@ -162,6 +164,7 @@
           prop="UserName"
           :label="$t('trials:researchRecord:table:contactor')"
           min-width="100"
+          sortable="custom"
           show-overflow-tooltip
         />
         <!-- 联系电话 -->
@@ -189,7 +192,7 @@
             {{
               scope.row.PreliminaryUser
                 ? scope.row.PreliminaryUser.RealName
-                : ""
+                : ''
             }}
           </template>
         </el-table-column>
@@ -201,7 +204,7 @@
           show-overflow-tooltip
         >
           <template slot-scope="scope">
-            {{ scope.row.ReviewerUser ? scope.row.ReviewerUser.RealName : "" }}
+            {{ scope.row.ReviewerUser ? scope.row.ReviewerUser.RealName : '' }}
           </template>
         </el-table-column>
         <!-- 状态 -->
@@ -209,20 +212,21 @@
           prop="State"
           :label="$t('trials:researchRecord:table:status')"
           min-width="150"
+          sortable="custom"
           show-overflow-tooltip
         >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.State === 0" type="primary">{{
-              $fd("ResearchRecord", scope.row.State)
+              $fd('ResearchRecord', scope.row.State)
             }}</el-tag>
             <el-tag v-if="scope.row.State === 1" type="info">{{
-              $fd("ResearchRecord", scope.row.State)
+              $fd('ResearchRecord', scope.row.State)
             }}</el-tag>
             <el-tag v-if="scope.row.State === 2" type="warning">{{
-              $fd("ResearchRecord", scope.row.State)
+              $fd('ResearchRecord', scope.row.State)
             }}</el-tag>
             <el-tag v-if="scope.row.State === 3" type="danger">{{
-              $fd("ResearchRecord", scope.row.State)
+              $fd('ResearchRecord', scope.row.State)
             }}</el-tag>
           </template>
         </el-table-column>
@@ -231,14 +235,15 @@
           prop="IsDeleted"
           :label="$t('trials:researchRecord:table:isDeleted')"
           min-width="100"
+          sortable="custom"
           show-overflow-tooltip
         >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.IsDeleted" type="danger">{{
-              $fd("YesOrNo", scope.row.IsDeleted)
+              $fd('YesOrNo', scope.row.IsDeleted)
             }}</el-tag>
             <el-tag v-else type="primary">{{
-              $fd("YesOrNo", scope.row.IsDeleted)
+              $fd('YesOrNo', scope.row.IsDeleted)
             }}</el-tag>
           </template>
         </el-table-column>
@@ -248,6 +253,7 @@
           :label="$t('trials:researchRecord:table:updateTime')"
           min-width="150"
           show-overflow-tooltip
+          sortable="custom"
         />
         <el-table-column width="150">
           <template slot-scope="scope">
@@ -330,12 +336,12 @@
               <i style="color: #428bca" class="el-icon-success" />
               <!-- 成功创建调查表链接 -->
               <span>{{
-                $t("trials:researchRecord:message:createLinkSuccessfully")
+                $t('trials:researchRecord:message:createLinkSuccessfully')
               }}</span>
             </div>
             <div style="margin: 10px 0">
               <!-- 链接： -->
-              {{ $t("trials:researchRecord:label:link") }}
+              {{ $t('trials:researchRecord:label:link') }}
               <el-input
                 ref="shareLink"
                 v-model="shareLink"
@@ -352,7 +358,7 @@
                 @click="copyLink"
                 class="shareLinkBtn"
               >
-                {{ $t("trials:researchRecord:button:copyLink") }}
+                {{ $t('trials:researchRecord:button:copyLink') }}
               </el-button>
             </div>
           </div>
@@ -362,10 +368,10 @@
             </div>
             <div class="codeBtnBox">
               <el-button @click="handleCopyImg" type="primary" round>{{
-                $t("trials:researchRecord:button:copyCode")
+                $t('trials:researchRecord:button:copyCode')
               }}</el-button>
               <el-button @click="savePic" round>{{
-                $t("trials:researchRecord:button:savePic")
+                $t('trials:researchRecord:button:savePic')
               }}</el-button>
             </div>
           </div>
@@ -379,32 +385,32 @@ import {
   getTrialSiteSurveyList,
   getTrialSiteSelect,
   abandonSiteSurvey,
-} from "@/api/trials";
-import { changeURLStatic } from "@/utils/history.js";
-import BaseContainer from "@/components/BaseContainer";
-import Pagination from "@/components/Pagination";
-import Users from "./components/users";
-import ResearchForm from "@/views/research/form";
-import BaseModel from "@/components/BaseModel";
-import QRCode from "qrcodejs2";
+} from '@/api/trials'
+import { changeURLStatic } from '@/utils/history.js'
+import BaseContainer from '@/components/BaseContainer'
+import Pagination from '@/components/Pagination'
+import Users from './components/users'
+import ResearchForm from '@/views/research/form'
+import BaseModel from '@/components/BaseModel'
+import QRCode from 'qrcodejs2'
 
 const searchDataDefault = () => {
   return {
-    SortField: "",
+    SortField: '',
     Asc: true,
     PageIndex: 1,
     PageSize: 20,
-    TrialSiteId: "",
-    UserKeyInfo: "",
+    TrialSiteId: '',
+    UserKeyInfo: '',
     State: null,
-    IsDeleted: "",
+    IsDeleted: '',
     DateRange: [],
     PreliminaryUserName: null,
     ReviewerUserName: null,
-  };
-};
+  }
+}
 export default {
-  name: "SiteResearchList",
+  name: 'SiteResearchList',
   components: { BaseContainer, Pagination, Users, ResearchForm, BaseModel },
   data() {
     return {
@@ -418,195 +424,195 @@ export default {
       researchInfoVisible: false,
       share_model: {
         visible: false,
-        title: this.$t("trials:researchRecord:title:shark"),
-        width: "800px",
+        title: this.$t('trials:researchRecord:title:shark'),
+        width: '800px',
       },
-      shareLink: "",
+      shareLink: '',
       researchState: this.$d.ResearchRecord,
       qrcode: null,
-    };
+    }
   },
   mounted() {
-    this.getList();
-    this.getSite();
+    this.getList()
+    this.getSite()
   },
   methods: {
     // 获取系统文件数据
     getList() {
-      this.loading = true;
-      this.searchData.TrialId = this.trialId;
+      this.loading = true
+      this.searchData.TrialId = this.trialId
       if (this.searchData.DateRange && this.searchData.DateRange.length === 2) {
-        this.searchData.UpdateTimeBegin = this.searchData.DateRange[0];
-        this.searchData.updateTimeEnd = this.searchData.DateRange[1];
+        this.searchData.UpdateTimeBegin = this.searchData.DateRange[0]
+        this.searchData.updateTimeEnd = this.searchData.DateRange[1]
       } else {
-        this.searchData.UpdateTimeBegin = "";
-        this.searchData.updateTimeEnd = "";
+        this.searchData.UpdateTimeBegin = ''
+        this.searchData.updateTimeEnd = ''
       }
       getTrialSiteSurveyList(this.searchData)
         .then((res) => {
-          this.loading = false;
-          this.list = res.Result.CurrentPageData;
-          this.total = res.Result.TotalCount;
+          this.loading = false
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
         })
         .catch(() => {
-          this.loading = false;
-        });
+          this.loading = false
+        })
     },
     // 查看调查表记录详情
     handleViewResearchList(row) {
-      changeURLStatic("trialSiteSurveyId", row.Id);
-      this.researchInfoVisible = true;
+      changeURLStatic('trialSiteSurveyId', row.Id)
+      this.researchInfoVisible = true
     },
     // 废除待提交的调查表
     handleRepealResearch(row) {
       // 是否确认废除？
-      this.$confirm(this.$t("trials:researchRecord:message:abolish"), {
-        type: "warning",
+      this.$confirm(this.$t('trials:researchRecord:message:abolish'), {
+        type: 'warning',
         distinguishCancelAndClose: true,
       }).then(() => {
         abandonSiteSurvey(this.trialId, row.Id).then((res) => {
           if (res.IsSuccess) {
-            this.getList();
+            this.getList()
             // 废除成功
             this.$message.success(
-              this.$t("trials:researchRecord:message:abolishSuccessfully")
-            );
+              this.$t('trials:researchRecord:message:abolishSuccessfully')
+            )
           }
-        });
-      });
+        })
+      })
     },
     // 展示当前项目下所有调查表需生成账户的用户信息
     showResearchUser() {
-      this.researchUserVisible = true;
+      this.researchUserVisible = true
     },
     // 复制链接
     copyLink() {
       // 中心调研表链接
       this.$copyText(
-        `${this.$t("trials:researchRecord:message:researchFormLink")}: ${
+        `${this.$t('trials:researchRecord:message:researchFormLink')}: ${
           this.shareLink
         }`
       )
         .then((res) => {
           // 复制成功
           this.$message.success(
-            this.$t("trials:researchRecord:message:copySuccessfully")
-          );
+            this.$t('trials:researchRecord:message:copySuccessfully')
+          )
         })
         .catch(() => {
           // 复制失败
-          this.$alert(this.$t("trials:researchRecord:message:copyFailed"));
-        });
+          this.$alert(this.$t('trials:researchRecord:message:copyFailed'))
+        })
     },
     // 创建二维码
     creatQrCode() {
-      this.$refs.qrcode.innerHTML = ""; //清除二维码方法一
-      let text = this.shareLink;
+      this.$refs.qrcode.innerHTML = '' //清除二维码方法一
+      let text = this.shareLink
       this.qrcode = new QRCode(this.$refs.qrcode, {
         text: text, //页面地址 ,如果页面需要参数传递请注意哈希模式#
         width: 200,
         height: 200,
-        colorDark: "#000000",
-        colorLight: "#ffffff",
+        colorDark: '#000000',
+        colorLight: '#ffffff',
         correctLevel: QRCode.CorrectLevel.H,
-      });
+      })
       // qrcode.clear(); // 清除二维码方法二
     },
     // 下载二维码
     savePic() {
       let qrCodeCanvas = document
-        .getElementById("qrcode")
-        .getElementsByTagName("canvas");
-      let a = document.createElement("a");
-      a.href = qrCodeCanvas[0].toDataURL("image/url");
-      a.download = `${this.$t("trials:researchRecord:title:code")}.png`;
-      a.click();
+        .getElementById('qrcode')
+        .getElementsByTagName('canvas')
+      let a = document.createElement('a')
+      a.href = qrCodeCanvas[0].toDataURL('image/url')
+      a.download = `${this.$t('trials:researchRecord:title:code')}.png`
+      a.click()
     },
     // 复制二维码
     handleCopyImg() {
       let qrCodeCanvas = document
-        .getElementById("qrcode")
-        .getElementsByTagName("canvas");
+        .getElementById('qrcode')
+        .getElementsByTagName('canvas')
       qrCodeCanvas[0].toBlob(async (blob) => {
-        console.log(blob);
+        console.log(blob)
         const data = [
           new ClipboardItem({
             [blob.type]: blob,
           }),
-        ]; // https://w3c.github.io/clipboard-apis/#dom-clipboard-write
+        ] // https://w3c.github.io/clipboard-apis/#dom-clipboard-write
         await navigator.clipboard.write(data).then(
           () => {
             this.$message.success(
-              this.$t("trials:researchRecord:message:copySuccess")
-            );
+              this.$t('trials:researchRecord:message:copySuccess')
+            )
           },
           () => {
             this.$message.error(
-              this.$t("trials:researchRecord:message:UnableWrite")
-            );
+              this.$t('trials:researchRecord:message:UnableWrite')
+            )
           }
-        );
-      });
+        )
+      })
     },
     // 获取site下拉框数据
     getSite() {
       getTrialSiteSelect(this.trialId).then((res) => {
-        this.siteOptions = res.Result;
-      });
+        this.siteOptions = res.Result
+      })
     },
     // 展示调查表链接
     showResearchLink() {
-      const trialId = this.trialId;
-      this.shareLink = `${location.protocol}//${location.host}/researchLogin?trialId=${trialId}&lang=${this.$i18n.locale}`;
-      this.share_model.visible = true;
+      const trialId = this.trialId
+      this.shareLink = `${location.protocol}//${location.host}/researchLogin?trialId=${trialId}&lang=${this.$i18n.locale}`
+      this.share_model.visible = true
       this.$nextTick(() => {
-        this.creatQrCode();
-      });
+        this.creatQrCode()
+      })
     },
     // 重置
     handleReset() {
-      this.searchData = searchDataDefault();
-      this.searchData.DateRange = [];
+      this.searchData = searchDataDefault()
+      this.searchData.DateRange = []
       if (this.searchData.DateRange && this.searchData.DateRange.length === 2) {
-        this.searchData.UpdateTimeBegin = this.searchData.DateRange[0];
-        this.searchData.updateTimeEnd = this.searchData.DateRange[1];
+        this.searchData.UpdateTimeBegin = this.searchData.DateRange[0]
+        this.searchData.updateTimeEnd = this.searchData.DateRange[1]
       } else {
-        this.searchData.UpdateTimeBegin = "";
-        this.searchData.updateTimeEnd = "";
+        this.searchData.UpdateTimeBegin = ''
+        this.searchData.updateTimeEnd = ''
       }
-      this.getList();
+      this.getList()
       this.$nextTick(() => {
-        this.$refs.siteResearchList.clearSort();
-      });
+        this.$refs.siteResearchList.clearSort()
+      })
     },
     // 查询
     handleSearch() {
-      this.getList();
+      this.getList()
     },
     // 排序
     handleSortByColumn(column) {
-      if (column.order === "ascending") {
-        this.searchData.Asc = true;
+      if (column.order === 'ascending') {
+        this.searchData.Asc = true
       } else {
-        this.searchData.Asc = false;
+        this.searchData.Asc = false
       }
-      this.searchData.SortField = column.prop;
-      this.getList();
+      this.searchData.SortField = column.prop
+      this.getList()
     },
   },
   beforeDestroy() {
     if (this.qrcode) {
-      this.qrcode = null;
+      this.qrcode = null
     }
   },
-};
+}
 </script>
 <style lang="scss" scoped>
 .shareLink {
   padding-right: 20px;
   width: 50%;
   position: relative;
-  .shareLinkBtn{
+  .shareLinkBtn {
     position: absolute;
     bottom: 0px;
     left: 0px;

src/views/trials/trials-panel/clinical-data/index.vue

@@ -33,7 +33,7 @@
             </template>
             <div v-else class="cd-item" :class="{activeBtn:item.Id === selected.id}" @click.prevent="preview(item,0)">
               <!-- 表格 -->
-              {{ $t('trials:uploadClinicalData:title:table') }}{{item.ClinicalUploadType}}
+              {{ $t('trials:uploadClinicalData:title:table') }}
             </div>
           </div>
         </div>

src/views/trials/trials-panel/enrolled-reviewers/resume/index.vue

@@ -1,35 +1,67 @@
 <template>
   <div class="app-container">
-    <resume-info v-if="isInit" />
+    <!-- <resume-info v-if="isInit" /> -->
+    <preview
+      v-if="isInit"
+      :isEN="isEN"
+      :isAll="isAll"
+      :reviewerId.sync="reviewerId"
+      :trialId.sync="trialId"
+    />
   </div>
 </template>
 <script>
 import ResumeInfo from '@/views/resumeInfo'
 import { changeURLStatic, getQueryString } from '@/utils/history.js'
+import preview from '@/views/reviewers/curriculumVitae/preview.vue'
 import store from '@/store'
+import { mapMutations } from 'vuex'
 export default {
   components: {
-    ResumeInfo
+    ResumeInfo,
+    preview,
   },
   data() {
     return {
-      isInit: false
+      isInit: false,
+      reviewerId: '',
+      trialId: null,
+      isAll: true,
     }
   },
-  mounted() {
+  created() {
+    this.reviewerId = this.$route.query.doctorId
+    this.trialId = this.$route.query.trialId
+  },
+  computed: {
+    isEN() {
+      return this.$i18n.locale !== 'zh'
+    },
+    // isAll() {
+    //   return this.hasPermi(['role:pm', 'role:admin', 'role:apm', 'role:ir'])
+    // },
+  },
+  async mounted() {
+    this.isAll = !this.$route.query.blindState
     const token = getQueryString('token')
     if (token) {
       store.dispatch('user/setToken', token)
       changeURLStatic('token', '')
+      this.$i18n.locale =
+        this.$route.query.lang || zzSessionStorage.getItem('lang')
+      this.setLanguage(this.$i18n.locale)
+      this.$updateDictionary()
     }
     this.isInit = true
-  }
+  },
+  methods: {
+    ...mapMutations({ setLanguage: 'lang/setLanguage' }),
+  },
 }
 </script>
 <style lang="scss" scoped>
-/deep/ .el-collapse-item__header{
+/deep/ .el-collapse-item__header {
   background-color: #e9eef1;
   padding: 0 10px;
 }
-
 </style>

src/views/trials/trials-panel/reading/ad-review/index.vue

@@ -252,7 +252,8 @@
         <!-- 截图说明 -->
         <el-form-item :label="$t('trials:adReview:title:screenShot')">
           <el-upload
-            :action="accept"
+            action
+            :accept="accept"
             :on-preview="handlePictureCardPreview"
             :before-upload="handleBeforeUpload"
             :http-request="uploadScreenshot"

src/views/trials/trials-panel/reading/consistency-analysis/components/exportList.vue

@@ -1,18 +1,37 @@
 <template>
   <div style="text-align: left">
-    <el-tabs type="border-card" v-model="TrialReadingCriterionId" style="height:300px">
-      <el-tab-pane :label="i.TrialReadingCriterionName" :name="i.TrialReadingCriterionId" v-for="i of trialCriterionList" :key="i.TrialReadingCriterionId">
+    <el-tabs
+      type="border-card"
+      v-model="TrialReadingCriterionId"
+      style="height: 300px"
+    >
+      <el-tab-pane
+        :label="i.TrialReadingCriterionName"
+        :name="i.TrialReadingCriterionId"
+        v-for="i of trialCriterionList"
+        :key="i.TrialReadingCriterionId"
+      >
         <div class="message">
-          <span>{{$t('trials:consistencyAnalysis:button:exportSelf')}}</span>
-            <el-button type="primary" icon="el-icon-download" @click="handleExport(1)" size="mini">
-            {{$t('common:button:export')}}
-            </el-button>
+          <span>{{ $t('trials:consistencyAnalysis:button:exportSelf') }}</span>
+          <el-button
+            type="primary"
+            icon="el-icon-download"
+            @click="handleExport(5)"
+            size="mini"
+          >
+            {{ $t('common:button:export') }}
+          </el-button>
         </div>
         <div class="message">
-          <span>{{$t('trials:consistencyAnalysis:button:exportGroup')}}</span>
-            <el-button type="primary" icon="el-icon-download" @click="handleExport(2)" size="mini">
-            {{$t('common:button:export')}}
-            </el-button>
+          <span>{{ $t('trials:consistencyAnalysis:button:exportGroup') }}</span>
+          <el-button
+            type="primary"
+            icon="el-icon-download"
+            @click="handleExport(6)"
+            size="mini"
+          >
+            {{ $t('common:button:export') }}
+          </el-button>
         </div>
       </el-tab-pane>
     </el-tabs>
@@ -23,7 +42,7 @@
 import { getTrialCriterionList } from '@/api/trials/reading'
 
 export default {
-name: "exportList",
+  name: 'exportList',
   data() {
     return {
       TrialReadingCriterionId: null,
@@ -31,30 +50,33 @@ name: "exportList",
     }
   },
   mounted() {
-    this.trialId =this.$route.query.trialId
+    this.trialId = this.$route.query.trialId
     this.getTrialCriterionList()
   },
   methods: {
     handleExport(type) {
-      this.$emit("handleExport",type,this.TrialReadingCriterionId)
+      this.$emit('handleExport', type, this.TrialReadingCriterionId)
     },
     getTrialCriterionList() {
-      getTrialCriterionList(this.trialId).then(res => {
-        this.trialCriterionList = res.Result
-        this.TrialReadingCriterionId = this.trialCriterionList[0].TrialReadingCriterionId
-      }).catch(() => {})
-    }
-  }
+      getTrialCriterionList(this.trialId)
+        .then((res) => {
+          this.trialCriterionList = res.Result
+          this.TrialReadingCriterionId =
+            this.trialCriterionList[0].TrialReadingCriterionId
+        })
+        .catch(() => {})
+    },
+  },
 }
 </script>
 
 <style scoped>
-.message{
-  display:flex;
-  align-items:center;
-  line-height:60px;
+.message {
+  display: flex;
+  align-items: center;
+  line-height: 60px;
 }
-.message span{
-  margin-right:20px;
+.message span {
+  margin-right: 20px;
 }
 </style>

src/views/trials/trials-panel/reading/consistency-analysis/index.vue

@@ -214,14 +214,14 @@
         </el-form-item>
         <el-form-item style="margin-bottom: 10px">
           <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-            {{ $t("common:button:search") }}
+            {{ $t('common:button:search') }}
           </el-button>
           <el-button
             type="primary"
             icon="el-icon-refresh-left"
             @click="handleReset"
           >
-            {{ $t("common:button:reset") }}
+            {{ $t('common:button:reset') }}
           </el-button>
           <!-- <el-button type="primary" icon="el-icon-download" @click="handleExport(1)">
             {{$t('trials:consistencyAnalysis:button:exportSelf')}}
@@ -239,7 +239,7 @@
             "
             @click="openTaskConsistentRule(true)"
           >
-            {{ $t("trials:consistencyAnalysis:button:self") }}
+            {{ $t('trials:consistencyAnalysis:button:self') }}
           </el-button>
           <!-- 组间一致性分析 -->
           <el-button
@@ -252,7 +252,7 @@
             "
             @click="openTaskConsistentRule(false)"
           >
-            {{ $t("trials:consistencyAnalysis:button:group") }}
+            {{ $t('trials:consistencyAnalysis:button:group') }}
           </el-button>
           <!-- 虚拟中心编号 -->
           <el-button
@@ -264,7 +264,7 @@
             "
             @click="openSite()"
           >
-            {{ $t("trials:consistencyAnalysis:button:site") }}
+            {{ $t('trials:consistencyAnalysis:button:site') }}
           </el-button>
           <!--导出-->
           <el-button
@@ -272,7 +272,7 @@
             icon="el-icon-download"
             @click="openExport()"
           >
-            {{ $t("common:button:export") }}
+            {{ $t('common:button:export') }}
           </el-button>
         </el-form-item>
       </el-form>
@@ -296,10 +296,10 @@
         >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.IsUrgent" type="danger">{{
-              $fd("YesOrNo", scope.row.IsUrgent)
+              $fd('YesOrNo', scope.row.IsUrgent)
             }}</el-tag>
             <el-tag v-else type="primary">{{
-              $fd("YesOrNo", scope.row.IsUrgent)
+              $fd('YesOrNo', scope.row.IsUrgent)
             }}</el-tag>
           </template>
         </el-table-column>
@@ -334,7 +334,7 @@
               class="status-primary-circle"
             >
               <!-- 影 -->
-              {{ $t("trials:consistencyAnalysis:table:impact") }}
+              {{ $t('trials:consistencyAnalysis:table:impact') }}
             </span>
           </template>
         </el-table-column>
@@ -384,16 +384,16 @@
         >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.ReadingCategory === 1" type="primary">{{
-              $fd("ReadingCategory", scope.row.ReadingCategory)
+              $fd('ReadingCategory', scope.row.ReadingCategory)
             }}</el-tag>
             <el-tag v-if="scope.row.ReadingCategory === 2" type="info">{{
-              $fd("ReadingCategory", scope.row.ReadingCategory)
+              $fd('ReadingCategory', scope.row.ReadingCategory)
             }}</el-tag>
             <el-tag v-if="scope.row.ReadingCategory === 4" type="danger">{{
-              $fd("ReadingCategory", scope.row.ReadingCategory)
+              $fd('ReadingCategory', scope.row.ReadingCategory)
             }}</el-tag>
             <el-tag v-if="scope.row.ReadingCategory === 5" type="warning">{{
-              $fd("ReadingCategory", scope.row.ReadingCategory)
+              $fd('ReadingCategory', scope.row.ReadingCategory)
             }}</el-tag>
           </template>
         </el-table-column>
@@ -419,24 +419,24 @@
         >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.ArmEnum === 1" type="primary">{{
-              $fd("ArmEnum", scope.row.ArmEnum)
+              $fd('ArmEnum', scope.row.ArmEnum)
             }}</el-tag>
             <el-tag v-if="scope.row.ArmEnum === 2" type="success">{{
-              $fd("ArmEnum", scope.row.ArmEnum)
+              $fd('ArmEnum', scope.row.ArmEnum)
             }}</el-tag>
             <el-tag v-if="scope.row.ArmEnum === 3" type="info">{{
-              $fd("ArmEnum", scope.row.ArmEnum)
+              $fd('ArmEnum', scope.row.ArmEnum)
             }}</el-tag>
             <el-tag v-if="scope.row.ArmEnum === 4" type="danger">{{
-              $fd("ArmEnum", scope.row.ArmEnum)
+              $fd('ArmEnum', scope.row.ArmEnum)
             }}</el-tag>
             <el-tag v-if="scope.row.ArmEnum === 5" type="warning">{{
-              $fd("ArmEnum", scope.row.ArmEnum)
+              $fd('ArmEnum', scope.row.ArmEnum)
             }}</el-tag>
             <el-tag
               v-if="scope.row.ArmEnum === 8"
               style="border-color: #4c2791; color: #4c2791"
-              >{{ $fd("ArmEnum", scope.row.ArmEnum) }}</el-tag
+              >{{ $fd('ArmEnum', scope.row.ArmEnum) }}</el-tag
             >
           </template>
         </el-table-column>
@@ -458,10 +458,10 @@
         >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.IsSelfAnalysis" type="primary">{{
-              $fd("IsSelfAnalysis", scope.row.IsSelfAnalysis)
+              $fd('IsSelfAnalysis', scope.row.IsSelfAnalysis)
             }}</el-tag>
             <el-tag v-else type="warning">{{
-              $fd("IsSelfAnalysis", scope.row.IsSelfAnalysis)
+              $fd('IsSelfAnalysis', scope.row.IsSelfAnalysis)
             }}</el-tag>
           </template>
         </el-table-column>
@@ -475,10 +475,10 @@
         >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.ReadingTaskState === 2" type="primary">{{
-              $fd("ReadingTaskState", scope.row.ReadingTaskState)
+              $fd('ReadingTaskState', scope.row.ReadingTaskState)
             }}</el-tag>
             <el-tag v-else type="danger">{{
-              $fd("ReadingTaskState", scope.row.ReadingTaskState)
+              $fd('ReadingTaskState', scope.row.ReadingTaskState)
             }}</el-tag>
           </template>
         </el-table-column>
@@ -519,19 +519,19 @@
         >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.TaskState === 0" type="primary">{{
-              $fd("TaskState", scope.row.TaskState)
+              $fd('TaskState', scope.row.TaskState)
             }}</el-tag>
             <el-tag v-if="scope.row.TaskState === 1" type="info">{{
-              $fd("TaskState", scope.row.TaskState)
+              $fd('TaskState', scope.row.TaskState)
             }}</el-tag>
             <el-tag v-if="scope.row.TaskState === 3" type="danger">{{
-              $fd("TaskState", scope.row.TaskState)
+              $fd('TaskState', scope.row.TaskState)
             }}</el-tag>
             <el-tag v-if="scope.row.TaskState === 4" type="warning">{{
-              $fd("TaskState", scope.row.TaskState)
+              $fd('TaskState', scope.row.TaskState)
             }}</el-tag>
             <el-tag v-if="scope.row.TaskState === 5" type="danger">{{
-              $fd("TaskState", scope.row.TaskState)
+              $fd('TaskState', scope.row.TaskState)
             }}</el-tag>
           </template>
         </el-table-column>
@@ -648,11 +648,11 @@
         <!-- √：已设置访视基准日期；末：末次访视；失：失访；PD：PD进展；入：入组确认 -->
         <span class="status-primary-circle">
           <!-- 影 -->
-          {{ $t("trials:consistencyAnalysis:table:impact") }}
+          {{ $t('trials:consistencyAnalysis:table:impact') }}
         </span>
         <!-- 受到退回影响 -->
         <span
-          >: {{ $t("trials:consistencyAnalysis:title:impactInfluence") }}</span
+          >: {{ $t('trials:consistencyAnalysis:title:impactInfluence') }}</span
         >
       </div>
       <!-- 自身一致性分析 -->
@@ -684,7 +684,7 @@
               :loading="btnLoading"
               @click="addReaderRulesForm()"
             >
-              {{ $t("trials:selftConsistencyAnalysis:button:config") }}
+              {{ $t('trials:selftConsistencyAnalysis:button:config') }}
             </el-button>
             <div
               class="base-dialog-body"
@@ -745,11 +745,11 @@
                       v-if="scope.row.IsHaveReadingPeriod"
                       size="success"
                       >{{
-                        $fd("YesOrNo", scope.row.IsHaveReadingPeriod)
+                        $fd('YesOrNo', scope.row.IsHaveReadingPeriod)
                       }}</el-tag
                     >
                     <el-tag v-else size="danger">{{
-                      $fd("YesOrNo", scope.row.IsHaveReadingPeriod)
+                      $fd('YesOrNo', scope.row.IsHaveReadingPeriod)
                     }}</el-tag>
                   </template>
                 </el-table-column>
@@ -769,11 +769,11 @@
                       v-if="scope.row.IsGenerateGlobalTask"
                       size="success"
                       >{{
-                        $fd("YesOrNo", scope.row.IsGenerateGlobalTask)
+                        $fd('YesOrNo', scope.row.IsGenerateGlobalTask)
                       }}</el-tag
                     >
                     <el-tag v-else size="danger">{{
-                      $fd("YesOrNo", scope.row.IsGenerateGlobalTask)
+                      $fd('YesOrNo', scope.row.IsGenerateGlobalTask)
                     }}</el-tag>
                   </template>
                 </el-table-column>
@@ -864,7 +864,7 @@
             type="primary"
             @click="ReaderRulesVisible = false"
           >
-            {{ $t("common:button:cancel") }}
+            {{ $t('common:button:cancel') }}
           </el-button>
           <!-- 保存 -->
         </div>
@@ -894,13 +894,13 @@
               @click="addReaderRulesForm('g')"
             >
               <!-- 配置组间一致性分析规则 -->
-              {{ $t("trials:grouptConsistencyAnalysis:button:config") }}
+              {{ $t('trials:grouptConsistencyAnalysis:button:config') }}
             </el-button>
             <GroupConsistentRuleSubjectTable
               @setReaderRulesFormVisible="
                 (v) => {
-                  ReaderRulesFormVisible = v;
-                  isDisable = false;
+                  ReaderRulesFormVisible = v
+                  isDisable = false
                 }
               "
               v-if="TrialReadingCriterionId === item.TrialReadingCriterionId"
@@ -912,8 +912,8 @@
               :other-info="RuleOtherInfo"
               @close="
                 () => {
-                  ReaderRulesVisible2 = false;
-                  rowData = {};
+                  ReaderRulesVisible2 = false
+                  rowData = {}
                 }
               "
               @getList="getList()"
@@ -940,8 +940,8 @@
           :is-self-analysis="IsSelfAnalysis"
           @close="
             () => {
-              ReaderRulesFormVisible = false;
-              rowData = {};
+              ReaderRulesFormVisible = false
+              rowData = {}
             }
           "
           @getList="openTaskConsistentRule(IsSelfAnalysis)"
@@ -964,8 +964,8 @@
           :other-info="RuleOtherInfo"
           @close="
             () => {
-              DoctorConsistentRuleSubjectTableVisible = false;
-              rowData = {};
+              DoctorConsistentRuleSubjectTableVisible = false
+              rowData = {}
             }
           "
           @getList="openTaskConsistentRule(IsSelfAnalysis)"
@@ -1024,11 +1024,11 @@
               <el-radio-group v-model="ApplyforReasonForm.Type">
                 <!-- 图像重传 -->
                 <el-radio :label="1">{{
-                  $t("trials:consistencyAnalysis:applyReread:imageReload")
+                  $t('trials:consistencyAnalysis:applyReread:imageReload')
                 }}</el-radio>
                 <!-- 其他 -->
                 <el-radio :label="2">{{
-                  $t("trials:consistencyAnalysis:applyReread:other")
+                  $t('trials:consistencyAnalysis:applyReread:other')
                 }}</el-radio>
               </el-radio-group>
             </el-form-item>
@@ -1056,11 +1056,11 @@
             size="small"
             type="primary"
             @click="
-              ApplyforReasonVisible = false;
-              ApplyforReasonForm = { Type: null, RequestReReadingReason: null };
+              ApplyforReasonVisible = false
+              ApplyforReasonForm = { Type: null, RequestReReadingReason: null }
             "
           >
-            {{ $t("common:button:cancel") }}
+            {{ $t('common:button:cancel') }}
           </el-button>
           <!-- 保存 -->
           <el-button
@@ -1069,7 +1069,7 @@
             type="primary"
             @click="applyReReading"
           >
-            {{ $t("common:button:save") }}
+            {{ $t('common:button:save') }}
           </el-button>
         </div>
       </el-dialog>
@@ -1116,27 +1116,28 @@ import {
   getDoctorUserSelectList,
   getAnalysisTaskList,
   applyReReading,
-} from "@/api/trials/reading";
-import { setTaskValid } from "@/api/trials";
-import ClinicalData from "@/views/trials/trials-panel/subject/reading-period/components/ClinicalData";
+} from '@/api/trials/reading'
+import { setTaskValid } from '@/api/trials'
+import ClinicalData from '@/views/trials/trials-panel/subject/reading-period/components/ClinicalData'
 import {
   getSelfAnalysisTaskList_Export,
   getGroupAnalysisTaskList_Export,
-} from "@/api/export";
-import ReaderRulesForm from "./components/ReaderRulesForm";
-import DoctorConsistentRuleSubjectTable from "./components/DoctorConsistentRuleSubjectTable";
-import GroupConsistentRuleSubjectTable from "./components/GroupConsistentRuleSubjectTable";
-import VirtualCenter from "./components/VirtualCenter";
-import BaseContainer from "@/components/BaseContainer";
-import Pagination from "@/components/Pagination";
-import { getToken } from "@/utils/auth";
-import exportList from "./components/exportList.vue";
+  GetAnalysisTaskList_Export,
+} from '@/api/export'
+import ReaderRulesForm from './components/ReaderRulesForm'
+import DoctorConsistentRuleSubjectTable from './components/DoctorConsistentRuleSubjectTable'
+import GroupConsistentRuleSubjectTable from './components/GroupConsistentRuleSubjectTable'
+import VirtualCenter from './components/VirtualCenter'
+import BaseContainer from '@/components/BaseContainer'
+import Pagination from '@/components/Pagination'
+import { getToken } from '@/utils/auth'
+import exportList from './components/exportList.vue'
 const searchDataDefault = () => {
   return {
     PageIndex: 1,
     PageSize: 20,
     Asc: true,
-    SortField: "",
+    SortField: '',
     TrialId: null,
     TrialSiteId: null,
     SubjectId: null,
@@ -1153,10 +1154,10 @@ const searchDataDefault = () => {
     TrialReadingCriterionId: null,
     BeginSignTime: null,
     EndSignTime: null,
-  };
-};
+  }
+}
 export default {
-  name: "TrialsNotice",
+  name: 'TrialsNotice',
   components: {
     exportList,
     BaseContainer,
@@ -1205,15 +1206,15 @@ export default {
         Type: [
           {
             required: true,
-            message: this.$t("common:ruleMessage:specify"),
-            trigger: "blur",
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
           },
         ],
         RequestReReadingReason: [
           {
             required: true,
-            message: this.$t("common:ruleMessage:specify"),
-            trigger: "blur",
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
           },
         ],
       },
@@ -1224,17 +1225,17 @@ export default {
       exportVisible: false,
 
       clinicalDataVisible: false,
-    };
+    }
   },
   mounted() {
-    this.getList();
-    this.getSite();
-    this.getDoctorUserSelectList();
-    this.getTrialCriterionList();
+    this.getList()
+    this.getSite()
+    this.getDoctorUserSelectList()
+    this.getTrialCriterionList()
   },
   beforeDestroy() {
     if (this.openWindow) {
-      this.openWindow.close();
+      this.openWindow.close()
     }
   },
   methods: {
@@ -1242,35 +1243,35 @@ export default {
     async handleSetState(row) {
       try {
         let confirm = await this.$confirm(
-          this.$t("trials:reading:consistencyAnalysis:message:setState"),
+          this.$t('trials:reading:consistencyAnalysis:message:setState'),
           {
-            type: "warning",
+            type: 'warning',
             distinguishCancelAndClose: true,
           }
-        );
-        if (!confirm) return;
+        )
+        if (!confirm) return
         let data = {
           visitTaskId: row.Id,
-        };
-        let res = await setTaskValid(data);
+        }
+        let res = await setTaskValid(data)
         if (res.IsSuccess) {
           this.$message.success(
-            this.$t("trials:reading:consistencyAnalysis:setStateSuccess")
-          );
-          this.getList();
+            this.$t('trials:reading:consistencyAnalysis:setStateSuccess')
+          )
+          this.getList()
         }
       } catch (err) {
-        console.log(err);
+        console.log(err)
       }
     },
     // 临床数据相关
     handleView(row) {
-      this.currentData = row;
-      this.currentData.TrialId = this.$route.query.trialId;
-      this.clinicalDataVisible = true;
+      this.currentData = row
+      this.currentData.TrialId = this.$route.query.trialId
+      this.clinicalDataVisible = true
     },
     openSite() {
-      this.isOpenSite = true;
+      this.isOpenSite = true
     },
     handleExport(type, TrialReadingCriterionId) {
       // if (!this.searchData.TrialReadingCriterionId) {
@@ -1279,89 +1280,91 @@ export default {
       // }
       if (!TrialReadingCriterionId) {
         this.$alert(
-          this.$t("trials:consistencyAnalysis:message:selectCriterion")
-        ); //'请先选择阅片标准'
-        return;
+          this.$t('trials:consistencyAnalysis:message:selectCriterion')
+        ) //'请先选择阅片标准'
+        return
       }
-      let obj = JSON.parse(JSON.stringify(this.searchData));
-      obj.TrialReadingCriterionId = TrialReadingCriterionId;
+      let obj = JSON.parse(JSON.stringify(this.searchData))
+      obj.TrialReadingCriterionId = TrialReadingCriterionId
+      obj.ReadingExportType =  type
+      return GetAnalysisTaskList_Export(obj)
       if (type === 1) {
         getSelfAnalysisTaskList_Export(obj)
           .then((res) => {})
           .catch(() => {
-            this.loading = false;
-          });
+            this.loading = false
+          })
       } else {
         getGroupAnalysisTaskList_Export(obj)
           .then((res) => {})
           .catch(() => {
-            this.loading = false;
-          });
+            this.loading = false
+          })
       }
     },
     getTrialCriterionList() {
-      this.loading = true;
+      this.loading = true
       getTrialCriterionList(this.trialId)
         .then((res) => {
-          this.trialCriterionList = res.Result;
+          this.trialCriterionList = res.Result
           this.TrialReadingCriterionId =
-            this.trialCriterionList[0].TrialReadingCriterionId;
-          this.loading = false;
+            this.trialCriterionList[0].TrialReadingCriterionId
+          this.loading = false
         })
         .catch(() => {
-          this.loading = false;
-        });
+          this.loading = false
+        })
     },
     setAnalysisTaskInvalid(row) {
       // '确定要将该一致性任务设置成失效吗？'
       this.$confirm(
-        this.$t("trials:consistencyAnalysis:applyReread:msg1")
+        this.$t('trials:consistencyAnalysis:applyReread:msg1')
       ).then(() => {
-        this.loading = true;
+        this.loading = true
         setAnalysisTaskInvalid([row.Id])
           .then((res) => {
             // 设置成功
             this.$message.success(
-              this.$t("trials:consistencyAnalysis:applyReread:msg2")
-            );
-            this.getList();
-            this.loading = false;
+              this.$t('trials:consistencyAnalysis:applyReread:msg2')
+            )
+            this.getList()
+            this.loading = false
           })
           .catch(() => {
-            this.loading = false;
-          });
-      });
+            this.loading = false
+          })
+      })
     },
     changeTimeList() {
       if (this.timeList) {
-        this.searchData.BeginAllocateDate = this.timeList[0];
-        this.searchData.EndAllocateDate = this.timeList[1];
+        this.searchData.BeginAllocateDate = this.timeList[0]
+        this.searchData.EndAllocateDate = this.timeList[1]
       } else {
-        this.searchData.BeginAllocateDate = null;
-        this.searchData.EndAllocateDate = null;
+        this.searchData.BeginAllocateDate = null
+        this.searchData.EndAllocateDate = null
       }
     },
     changeTimeList2() {
       if (this.timeList2) {
-        this.searchData.BeginSignTime = this.timeList2[0];
-        this.searchData.EndSignTime = this.timeList2[1];
+        this.searchData.BeginSignTime = this.timeList2[0]
+        this.searchData.EndSignTime = this.timeList2[1]
       } else {
-        this.searchData.BeginSignTime = null;
-        this.searchData.EndSignTime = null;
+        this.searchData.BeginSignTime = null
+        this.searchData.EndSignTime = null
       }
     },
     // 重阅历史
     reReadingHistory(row) {
       this.$router.push({
         path: `/trials/trials-panel/reading/reReadingTracking?trialId=${this.$route.query.trialId}&trialCode=${this.$route.query.trialCode}&researchProgramNo=${this.$route.query.researchProgramNo}&TrialSiteId=${row.TrialSiteId}&SubjectCode=${row.SubjectCode}&TaskName=${row.TaskName}&DoctorUserId=${row.DoctorUserId}`,
-      });
+      })
     },
     // 申请重阅
     applyReReading() {
       this.$refs.reasonForm.validate((valid) => {
-        if (!valid) return;
-        this.loading = true;
-        this.btnLoading = true;
+        if (!valid) return
+        this.loading = true
+        this.btnLoading = true
         var params = {
           TaskIdList: [this.rowData.Id],
           TrialId: this.$route.query.trialId,
@@ -1369,28 +1372,28 @@ export default {
           RequestReReadingReason:
             this.ApplyforReasonForm.Type === 2
               ? this.ApplyforReasonForm.RequestReReadingReason
-              : this.$t("trials:consistencyAnalysis:applyReread:imageReload"), //'图像重传'
-        };
+              : this.$t('trials:consistencyAnalysis:applyReread:imageReload'), //'图像重传'
+        }
         applyReReading(params)
           .then((res) => {
-            this.loading = false;
-            this.btnLoading = false;
+            this.loading = false
+            this.btnLoading = false
             // 申请重阅成功
             this.$message.success(
-              this.$t("trials:consistencyAnalysis:applyReread:msg3")
-            );
-            this.getList();
-            this.ApplyforReasonVisible = false;
+              this.$t('trials:consistencyAnalysis:applyReread:msg3')
+            )
+            this.getList()
+            this.ApplyforReasonVisible = false
           })
           .catch(() => {
-            this.loading = false;
-            this.btnLoading = false;
-          });
-      });
+            this.loading = false
+            this.btnLoading = false
+          })
+      })
     },
     lookReadingResults(row) {
       if (this.openWindow) {
-        this.openWindow.close();
+        this.openWindow.close()
       }
       // var token = getToken()
       // const routeData = this.$router.resolve({
@@ -1398,38 +1401,38 @@ export default {
       // })
       // window.open(routeData.href, '_blank')
       window.localStorage.setItem(
-        "TrialReadingCriterionId",
+        'TrialReadingCriterionId',
         this.TrialReadingCriterionId
-      );
-      var token = getToken();
-      var path = "";
+      )
+      var token = getToken()
+      var path = ''
       if (row.ReadingTool === 0) {
-        path = `/readingDicoms?TrialReadingCriterionId=${row.TrialReadingCriterionId}&trialId=${row.TrialId}&subjectCode=${row.SubjectCode}&subjectId=${row.SubjectId}&visitTaskId=${row.Id}&isReadingTaskViewInOrder=${row.IsReadingTaskViewInOrder}&criterionType=${row.CriterionType}&readingTool=${row.ReadingTool}&TokenKey=${token}`;
+        path = `/readingDicoms?TrialReadingCriterionId=${row.TrialReadingCriterionId}&trialId=${row.TrialId}&subjectCode=${row.SubjectCode}&subjectId=${row.SubjectId}&visitTaskId=${row.Id}&isReadingTaskViewInOrder=${row.IsReadingTaskViewInOrder}&criterionType=${row.CriterionType}&readingTool=${row.ReadingTool}&TokenKey=${token}`
       } else {
-        path = `/noneDicomReading?TrialReadingCriterionId=${row.TrialReadingCriterionId}&trialId=${row.TrialId}&subjectCode=${row.SubjectCode}&subjectId=${row.SubjectId}&visitTaskId=${row.Id}&isReadingTaskViewInOrder=${row.IsReadingTaskViewInOrder}&criterionType=${row.CriterionType}&readingTool=${row.ReadingTool}&TokenKey=${token}`;
+        path = `/noneDicomReading?TrialReadingCriterionId=${row.TrialReadingCriterionId}&trialId=${row.TrialId}&subjectCode=${row.SubjectCode}&subjectId=${row.SubjectId}&visitTaskId=${row.Id}&isReadingTaskViewInOrder=${row.IsReadingTaskViewInOrder}&criterionType=${row.CriterionType}&readingTool=${row.ReadingTool}&TokenKey=${token}`
       }
-      var routeData = this.$router.resolve({ path });
-      this.openWindow = window.open(routeData.href, "_blank");
+      var routeData = this.$router.resolve({ path })
+      this.openWindow = window.open(routeData.href, '_blank')
     },
     openApplyReReading(row) {
-      this.rowData = { ...row };
-      this.ApplyforReasonVisible = true;
+      this.rowData = { ...row }
+      this.ApplyforReasonVisible = true
       this.ApplyforReasonForm = {
         Type: null,
         Remake: null,
-      };
+      }
     },
     editReaderRulesForm(row) {
-      this.rowData = { ...row };
-      this.ReaderRulesFormVisible = true;
+      this.rowData = { ...row }
+      this.ReaderRulesFormVisible = true
     },
     openDoctorConsistentRuleSubjectTable(row, IsAutoAllocateGenerateTask) {
-      this.rowData = { ...row };
-      this.DoctorConsistentRuleSubjectTableVisible = true;
-      this.rowData.IsAutoAllocateGenerateTask = IsAutoAllocateGenerateTask;
+      this.rowData = { ...row }
+      this.DoctorConsistentRuleSubjectTableVisible = true
+      this.rowData.IsAutoAllocateGenerateTask = IsAutoAllocateGenerateTask
     },
     addReaderRulesForm(isg) {
-      this.isDisable = false;
+      this.isDisable = false
       if (isg) {
         if (
           this.$refs[
@@ -1440,115 +1443,115 @@ export default {
             `GroupConsistentRuleSubjectTable${this.TrialReadingCriterionId}`
           ][0].list.forEach((v) => {
             if (v.IsHaveGeneratedTask) {
-              this.isDisable = true;
+              this.isDisable = true
             }
-          });
+          })
         }
       } else {
         if (this.TaskConsistentRuleList.length > 0) {
-          this.rowData = { ...this.TaskConsistentRuleList[0] };
+          this.rowData = { ...this.TaskConsistentRuleList[0] }
           this.TaskConsistentRuleList.forEach((v) => {
             if (v.GeneratedSubjectCount) {
-              this.isDisable = true;
+              this.isDisable = true
             }
-          });
+          })
         } else {
-          this.rowData = {};
+          this.rowData = {}
         }
       }
-      this.ReaderRulesFormVisible = true;
+      this.ReaderRulesFormVisible = true
     },
     clickTab(tab, event) {
-      this.loading = true;
+      this.loading = true
       this.title = `${this.$t(
-        "trials:selftConsistencyAnalysis:button:config"
+        'trials:selftConsistencyAnalysis:button:config'
       )}(${
         this.trialCriterionList.find(
           (v) => v.TrialReadingCriterionId === this.TrialReadingCriterionId
         ).TrialReadingCriterionName
-      })`;
+      })`
       getSelfConsistentDoctorStatList({
         TrialId: this.trialId,
         TrialReadingCriterionId: tab.name,
       })
         .then((res) => {
           if (res.OtherInfo) {
-            this.ReaderRulesFormVisible = false;
-            this.RuleOtherInfo = res.OtherInfo;
+            this.ReaderRulesFormVisible = false
+            this.RuleOtherInfo = res.OtherInfo
           } else {
-            this.ReaderRulesFormVisible = true;
+            this.ReaderRulesFormVisible = true
           }
           // this.ReaderRulesFormVisible = false
           // this.DoctorConsistentRuleSubjectTableVisible = false
-          this.TaskConsistentRuleList = res.Result;
+          this.TaskConsistentRuleList = res.Result
           // this.IsSelfAnalysis = true
           // this.ReaderRulesVisible = true
           // this.getList()
-          this.loading = false;
+          this.loading = false
         })
         .catch(() => {
-          this.loading = false;
-        });
+          this.loading = false
+        })
     },
     openExport() {
       if (this.trialCriterionList.length === 0) {
         this.$alert(
           this.$t(
-            "trials:trials-panel:consistency-analysis:trialCriterionListLength"
+            'trials:trials-panel:consistency-analysis:trialCriterionListLength'
           )
-        );
-        return;
+        )
+        return
       }
-      this.exportVisible = true;
+      this.exportVisible = true
     },
     openTaskConsistentRule(IsSelfAnalysis) {
       if (this.trialCriterionList.length === 0) {
         this.$alert(
           this.$t(
-            "trials:trials-panel:consistency-analysis:trialCriterionListLength"
+            'trials:trials-panel:consistency-analysis:trialCriterionListLength'
           )
-        );
-        return;
+        )
+        return
       }
-      this.loading = true;
+      this.loading = true
       if (IsSelfAnalysis) {
         // '配置自身一致性分析规则'
         this.title = `${this.$t(
-          "trials:selftConsistencyAnalysis:button:config"
+          'trials:selftConsistencyAnalysis:button:config'
         )}(${
           this.trialCriterionList.find(
             (v) => v.TrialReadingCriterionId === this.TrialReadingCriterionId
           ).TrialReadingCriterionName
-        })`;
+        })`
         getSelfConsistentDoctorStatList({
           TrialId: this.trialId,
           TrialReadingCriterionId: this.TrialReadingCriterionId,
         })
           .then((res) => {
             if (res.OtherInfo) {
-              this.ReaderRulesFormVisible = false;
-              this.RuleOtherInfo = res.OtherInfo;
+              this.ReaderRulesFormVisible = false
+              this.RuleOtherInfo = res.OtherInfo
             } else {
-              this.ReaderRulesFormVisible = true;
+              this.ReaderRulesFormVisible = true
             }
-            this.DoctorConsistentRuleSubjectTableVisible = false;
-            this.TaskConsistentRuleList = res.Result;
-            this.IsSelfAnalysis = IsSelfAnalysis;
-            this.ReaderRulesVisible = true;
-            this.getList();
-            this.loading = false;
+            this.DoctorConsistentRuleSubjectTableVisible = false
+            this.TaskConsistentRuleList = res.Result
+            this.IsSelfAnalysis = IsSelfAnalysis
+            this.ReaderRulesVisible = true
+            this.getList()
+            this.loading = false
           })
           .catch(() => {
-            this.loading = false;
-          });
+            this.loading = false
+          })
       } else {
-        this.changeNum++;
-        this.ReaderRulesFormVisible = false;
+        this.changeNum++
+        this.ReaderRulesFormVisible = false
         // '配置组间一致性分析规则'
-        this.title = this.$t("trials:grouptConsistencyAnalysis:button:config");
-        this.IsSelfAnalysis = IsSelfAnalysis;
-        this.ReaderRulesVisible2 = true;
-        this.loading = false;
+        this.title = this.$t('trials:grouptConsistencyAnalysis:button:config')
+        this.IsSelfAnalysis = IsSelfAnalysis
+        this.ReaderRulesVisible2 = true
+        this.loading = false
       }
       // getTaskConsistentRuleList({
       //   IsSelfAnalysis: IsSelfAnalysis,
@@ -1563,57 +1566,57 @@ export default {
     },
     getDoctorUserSelectList() {
       getDoctorUserSelectList(this.$route.query.trialId).then((res) => {
-        this.DoctorUserList = res.Result;
+        this.DoctorUserList = res.Result
         if (this.DoctorUserList.length > 0) {
-          this.ReadingType = this.DoctorUserList[0].ReadingType;
+          this.ReadingType = this.DoctorUserList[0].ReadingType
         } else {
         }
-      });
+      })
     },
     getList() {
-      this.searchData.TrialId = this.$route.query.trialId;
-      this.loading = true;
+      this.searchData.TrialId = this.$route.query.trialId
+      this.loading = true
       getAnalysisTaskList(this.searchData)
         .then((res) => {
-          this.loading = false;
-          this.OtherInfo = res.OtherInfo;
-          this.list = res.Result.CurrentPageData;
-          this.total = res.Result.TotalCount;
-          this.ReaderRulesVisible2 = false;
-          this.AssignMedicalReviewTaskVisible = false;
+          this.loading = false
+          this.OtherInfo = res.OtherInfo
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+          this.ReaderRulesVisible2 = false
+          this.AssignMedicalReviewTaskVisible = false
         })
         .catch(() => {
-          this.loading = false;
-        });
+          this.loading = false
+        })
     },
     handleSearch() {
-      this.searchData.PageIndex = 1;
-      this.getList();
+      this.searchData.PageIndex = 1
+      this.getList()
     },
     handleReset() {
-      this.timeList = null;
-      this.timeList2 = null;
-      this.searchData = searchDataDefault();
-      this.getList();
+      this.timeList = null
+      this.timeList2 = null
+      this.searchData = searchDataDefault()
+      this.getList()
     },
     getSite() {
       getTrialSiteCodeSelect(this.trialId).then((res) => {
-        this.siteOptions = res.Result;
-      });
+        this.siteOptions = res.Result
+      })
     },
     // 排序
     handleSortChange(column) {
-      if (column.order === "ascending") {
-        this.searchData.Asc = true;
+      if (column.order === 'ascending') {
+        this.searchData.Asc = true
       } else {
-        this.searchData.Asc = false;
+        this.searchData.Asc = false
       }
-      this.searchData.SortField = column.prop;
-      this.searchData.PageIndex = 1;
-      this.getList();
+      this.searchData.SortField = column.prop
+      this.searchData.PageIndex = 1
+      this.getList()
     },
   },
-};
+}
 </script>
 <style lang="scss" scoped>
 .consistency-analysis-wrapper {