试验，试验检测，附件弹窗

src/views/tentative/detect/test.vue

@@ -102,13 +102,17 @@
                 <HcNewSwitch :datas="tabTypeTab" :keys="tabTypeKey" @change="tabTypeChange"/>
             </template>
             <div class="hc-switch-tab-content">
-                <div class="h-full w-full">
-                    <iframe allow="display-capture" width='100%' height='100%' frameborder='1' :src="attachmentPdfUrl" v-if="attachmentPdfUrl"/>
-                    <div class="hc-no-table-form" v-else>
+                <div class="h-full w-full flex">
+                    <div class="pdf-file-list-box">
+                        <div class="file-item cur">文件名称1.pdf</div>
+                        <div class="file-item">文件名称2.pdf</div>
+                        <div class="file-item">文件名称3.pdf</div>
+                        <div class="file-item">文件名称4.pdf</div>
+                        <div class="file-item">文件名称5.pdf</div>
+                    </div>
+                    <!--iframe allow="display-capture" width='100%' height='100%' frameborder='1' :src="attachmentPdfUrl" v-if="attachmentPdfUrl"/-->
+                    <div class="hc-no-table-form">
                         <div class="table-form-no">
-                            <img :src="notableform" alt=""/>
-                            <div class="desc">暂无 PDF 数据，请上传</div>
-
                             <HcDragUpload/>
                         </div>
                     </div>
@@ -381,4 +385,32 @@ const onmousedown = () => {
 
 <style lang="scss" scoped>
 @import "../../../styles/tentative/detect/test.scss";
+
+.hc-switch-tab-content {
+    .pdf-file-list-box {
+        position: relative;
+        border-right: 1px solid #e9e9e9;
+        padding: 5px 0;
+        overflow-y: auto;
+        height: 100%;
+        flex: 1;
+        .file-item {
+            position: relative;
+            cursor: default;
+            padding: 6px 10px;
+            &:hover {
+                color: var(--el-color-primary);
+                background-color: var(--el-color-primary-light-8);
+            }
+            &.cur {
+                color: var(--el-color-primary);
+                background-color: var(--el-color-primary-light-8);
+            }
+        }
+    }
+    .hc-no-table-form {
+        flex: 1;
+    }
+}
+
 </style>