jinhui.wang

样式修改

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