|
|
@@ -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>
|
