chore: 完善样式

src/components/UploadFiles/UploadFiles.less

+@import '../../global/styles/utils.less';
+
 .renderFileContainer {
   display: flex;
   flex-direction: column;
@@ -25,10 +27,22 @@
       justify-content: space-between;
       align-items: center;
 
-      .img {
-        width: 16px;
-        height: 16px;
-        margin-right: @margin-sm;
+      .fileItem-left {
+        display: flex;
+        align-items: center;
+        flex: 1;
+        overflow: hidden;
+
+        .img {
+          width: 16px;
+          height: 16px;
+          margin-right: @margin-sm;
+        }
+
+        > a {
+          flex: 1;
+          .textOverflow();
+        }
       }
     }
     // &:hover {

src/components/UploadFiles/UploadFiles.tsx

@@ -100,9 +100,9 @@ const UploadFiles: React.FC<PickUploadProps> = (props: PickUploadProps) => {
                   )
                 }
                 <div className={styles.renderFileItem} >
-                  <div>
+                  <div className={styles['fileItem-left']}>
                     <img className={styles.img} src={pdf_icon} />
-                    <span>{_item.name}</span>
+                    <a href={_item.url} target="_blank">{_item.name}</a>
                   </div>
                   {
                     !disable && (

src/global/styles/reset.less

@@ -272,6 +272,7 @@
 }
 
 .ant-descriptions-item-label {
+  flex-shrink: 0;
   color: #909399 !important;
 }