Showing
1 changed file
with
60 additions
and
52 deletions
| ... | @@ -47,7 +47,7 @@ | ... | @@ -47,7 +47,7 @@ |
| 47 | <i slot="reference" class="el-icon-question questionIcon" /> | 47 | <i slot="reference" class="el-icon-question questionIcon" /> |
| 48 | </el-popover> --> | 48 | </el-popover> --> |
| 49 | </div> | 49 | </div> |
| 50 | - <div class="tipDom" v-if="item.uploadType == 'OTH'"> | 50 | + <div class="tipDom" v-if="item.uploadType == 'attachmentBizType_04'"> |
| 51 | Please provide | 51 | Please provide |
| 52 | <span class="tipWeight">certificate of origin,contract</span>,etc. | 52 | <span class="tipWeight">certificate of origin,contract</span>,etc. |
| 53 | if have any.<br /> | 53 | if have any.<br /> |
| ... | @@ -55,44 +55,48 @@ | ... | @@ -55,44 +55,48 @@ |
| 55 | <span class="tipWeight">purchase receipts</span> or other support | 55 | <span class="tipWeight">purchase receipts</span> or other support |
| 56 | clearance documents if declaring personal items. | 56 | clearance documents if declaring personal items. |
| 57 | </div> | 57 | </div> |
| 58 | - <!-- <div v-else>Waybill upload</div> --> | ||
| 59 | </div> | 58 | </div> |
| 60 | - <div | 59 | + <div class="uploadFiles"> |
| 61 | - class="uploadFileList" | 60 | + <div |
| 62 | - v-for="(file, idx) in item.files" | 61 | + class="uploadFileList" |
| 63 | - :key="idx" | 62 | + v-for="(file, idx) in item.files" |
| 64 | - > | 63 | + :key="idx" |
| 65 | - <div class="fileName"> | 64 | + > |
| 66 | - <i class="el-icon-document" />{{ file.sourceFileName }} | 65 | + <div class="fileName"> |
| 67 | - </div> | 66 | + <i class="el-icon-document" />{{ file.sourceFileName }} |
| 68 | - <div class="fileOption"> | 67 | + </div> |
| 69 | - <!-- 文件大小 --> | 68 | + <div class="fileOption"> |
| 70 | - <span class="fileSize" | 69 | + <!-- 文件大小 --> |
| 71 | - >{{ numberRound(Number(file.fileSize / 1024), 2) }}KB</span | 70 | + <span class="fileSize" |
| 72 | - > | 71 | + >{{ numberRound(Number(file.fileSize / 1024), 2) }}KB</span |
| 73 | - <!-- 预览 --> | 72 | + > |
| 74 | - <!-- <el-button | 73 | + <!-- 预览 --> |
| 74 | + <!-- <el-button | ||
| 75 | type="text" | 75 | type="text" |
| 76 | :loading="file.viewLoading" | 76 | :loading="file.viewLoading" |
| 77 | @click="fileView(file)" | 77 | @click="fileView(file)" |
| 78 | >view</el-button | 78 | >view</el-button |
| 79 | > --> | 79 | > --> |
| 80 | - <!-- 下载 --> | 80 | + <!-- 下载 --> |
| 81 | - <el-button | 81 | + <el-button |
| 82 | - type="text" | 82 | + type="text" |
| 83 | - :loading="file.downLoading" | 83 | + :loading="file.downLoading" |
| 84 | - @click="downloadFile(file)" | 84 | + @click="downloadFile(file)" |
| 85 | - >DOWNLOAD</el-button | 85 | + >DOWNLOAD</el-button |
| 86 | - > | 86 | + > |
| 87 | - <!-- 删除 --> | 87 | + <!-- 删除 --> |
| 88 | - <el-popconfirm | 88 | + <el-popconfirm |
| 89 | - title="Do you want to delete this file?" | 89 | + title="Do you want to delete this file?" |
| 90 | - @confirm="delFile(file)" | 90 | + @confirm="delFile(file)" |
| 91 | - > | ||
| 92 | - <el-button slot="reference" type="text" :loading="file.delLoading" | ||
| 93 | - >DELETE</el-button | ||
| 94 | > | 91 | > |
| 95 | - </el-popconfirm> | 92 | + <el-button |
| 93 | + slot="reference" | ||
| 94 | + type="text" | ||
| 95 | + :loading="file.delLoading" | ||
| 96 | + >DELETE</el-button | ||
| 97 | + > | ||
| 98 | + </el-popconfirm> | ||
| 99 | + </div> | ||
| 96 | </div> | 100 | </div> |
| 97 | </div> | 101 | </div> |
| 98 | </div> | 102 | </div> |
| ... | @@ -363,27 +367,31 @@ export default { | ... | @@ -363,27 +367,31 @@ export default { |
| 363 | color: $fedexError; | 367 | color: $fedexError; |
| 364 | } | 368 | } |
| 365 | } | 369 | } |
| 366 | - .uploadFileList { | 370 | + .uploadFiles { |
| 367 | - height: 45px; | 371 | + // max-height: 300px; |
| 368 | - display: flex; | 372 | + // overflow-y: scroll; |
| 369 | - justify-content: space-between; | 373 | + .uploadFileList { |
| 370 | - padding: 5px 0px 5px 20px; | 374 | + height: 45px; |
| 371 | - line-height: 35px; | 375 | + display: flex; |
| 372 | - .fileName { | 376 | + justify-content: space-between; |
| 373 | - i { | 377 | + padding: 5px 0px 5px 20px; |
| 374 | - display: inline-block; | 378 | + line-height: 35px; |
| 375 | - margin-right: 5px; | 379 | + .fileName { |
| 376 | - } | 380 | + i { |
| 377 | - } | 381 | + display: inline-block; |
| 378 | - .fileOption { | 382 | + margin-right: 5px; |
| 379 | - .fileSize { | 383 | + } |
| 380 | - font-size: 12px; | ||
| 381 | - font-weight: 400; | ||
| 382 | - color: #999; | ||
| 383 | - margin-right: 20px; | ||
| 384 | } | 384 | } |
| 385 | - .el-button { | 385 | + .fileOption { |
| 386 | - margin-right: 16px; | 386 | + .fileSize { |
| 387 | + font-size: 12px; | ||
| 388 | + font-weight: 400; | ||
| 389 | + color: #999; | ||
| 390 | + margin-right: 20px; | ||
| 391 | + } | ||
| 392 | + .el-button { | ||
| 393 | + margin-right: 16px; | ||
| 394 | + } | ||
| 387 | } | 395 | } |
| 388 | } | 396 | } |
| 389 | } | 397 | } | ... | ... |
-
Please register or login to post a comment