阅片关键点添加查看全部

src/views/trials/trials-panel/setting/reading-unit/components/ReadingRules.vue

@@ -296,6 +296,7 @@
         <el-button :disabled="isConfirm ||
           !hasPermi(['trials:trials-panel:setting:reading-unit:edit'])
           " icon="el-icon-plus" circle @click="handleSetKeyFileList" />
+        <el-button :disabled="form.KeyFileList.length <= 0" icon="el-icon-view" circle @click="viewManual" />
       </el-form-item>
       <el-form-item :label="$t(
         'trials:trials-panel:setting:reading-unit:TrialCriterionAdditionalAssessmentTypeList'
@@ -374,14 +375,18 @@
         </el-button>
       </div>
     </el-dialog>
+    <attachmentPreview :visible.sync="perview_visible" :isView="true" :isExternal="true" :ExternalList="ExternalList"
+      v-if="perview_visible" />
   </div>
 </template>
 <script>
 import { getCriterionReadingInfo, setCriterionReadingInfo } from '@/api/trials'
 import { config } from '@/views/trials/trials-panel/reading/dicoms3D/components/toolConfig'
 import { readEntry } from '@/utils/index'
+import attachmentPreview from '@/views/dictionary/attachment/components/SignatureTemplate/attachmentPreview'
 export default {
   name: 'ReadingRules',
+  components: { attachmentPreview },
   props: {
     trialReadingCriterionId: {
       type: String,
@@ -400,6 +405,8 @@ export default {
   },
   data() {
     return {
+      perview_visible: false,
+      ExternalList: [],
       keyDocVisible: false,
       confirmData: [],
       additionalAssessmentOptionList: [],
@@ -628,6 +635,23 @@ export default {
     },
   },
   methods: {
+    async viewManual() {
+      try {
+        if (this.form.KeyFileList.length <= 0) return this.$message.warning(this.$t("trials:researchRecord:ImageManual:message:noImageManual"))
+        this.ExternalList = []
+        this.form.KeyFileList.forEach(item => {
+          let obj = {
+            FilePath: item.FilePath,
+            FileFormat: 'pdf',
+            Name: item.FileName
+          }
+          this.ExternalList.push(obj)
+        });
+        this.perview_visible = true
+      } catch (err) {
+        console.log(err)
+      }
+    },
     handleDragover(e) {
       e.stopPropagation();
       e.preventDefault();