fix: 合同-变更前样式修改

src/pages/contract/coordination/details/index.less

@@ -265,3 +265,63 @@
   white-space: nowrap;
   text-overflow: ellipsis;
   }
+
+  .materialsFlex {
+    display: flex;
+    justify-content: space-between;
+  
+    .changeBtn {
+      display: flex;
+  
+      .btn {
+        width: 52px;
+        height: 24px;
+        margin-right: 4px;
+        color: #5c626a;
+        font-size: 12px;
+        line-height: 24px;
+        text-align: center;
+        background: #f5f6f7;
+        border-radius: 4px;
+      }
+  
+      .active {
+        color: #00a98f;
+        background: #ebf9f6;
+      }
+    }
+  }
+  
+  .upload_item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 16px;
+    .upload_left {
+      display: flex;
+      align-items: center;
+      color: #303133;
+      background-color: #fafbfc;
+      cursor: pointer;
+      :global {
+        .anticon-file-word {
+          margin-right: 8px;
+          color: #4279df;
+          font-size: 18px;
+        }
+      }
+    }
+  
+    .upload_right {
+      color: #00a98f;
+      cursor: pointer;
+  
+      :global {
+        .anticon-delete {
+          margin-left: 19px;
+          color: #c0c4cc;
+        }
+      }
+    }
+  }
+  
\ No newline at end of file

src/pages/contract/coordination/details/index.tsx

@@ -692,7 +692,7 @@ const Details = (props: any) => {
           type != 'implement' &&
           <div id='docking' className='ant-card ant-card-bordered'>
             <div className='ant-card-head'>
-              <div className='ant-card-head-wrapper'>
+              <div className={cx(style.materialsFlex, 'ant-card-head-wrapper')}>
                 <div className='ant-card-head-wrapper'>
                   {intl.formatMessage({ id: 'contract.contract.info' })}
                 </div>
@@ -729,22 +729,22 @@ const Details = (props: any) => {
                 <FileHt contractText={isContractNew
                   ? contractText?.contractName
                   : oldContractCoordinationDetailVOData?.contractText?.contractName} name_='contractName' url_='contractUrl' />
-              </div>
-                : null}
+                <div className={style.upload_item} style={{ width: 680 }}>
+                  <div className='ant-card-head-wrapper'>
+                    附件
+                  </div>
+                  <div>
+                    {
+                      FileFj(isContractNew
+                        ? contractText?.contractLis
+                        : oldContractCoordinationDetailVOData?.contractText?.contractLis)
+                    }
+                  </div>
 
-              <div className={style.upload_item} style={{ width: 680 }}>
-                <div className='ant-card-head-wrapper'>
-                  附件
-                </div>
-                <div>
-                  {
-                    FileFj(isContractNew
-                      ? contractText?.contractLis
-                      : oldContractCoordinationDetailVOData?.contractText?.contractLis)
-                  }
                 </div>
 
               </div>
+                : null}
 
             </div>
           </div>

src/pages/contract/manage/details/index.tsx

@@ -777,20 +777,20 @@ const Details = (props: any) => {
                     : intl.formatMessage({ id: 'contract.zhizhihetong' })}
                 </div>
                 <FileHt contractText={isContractNew ? contractText : oldContractText} />
+                <div className={style.upload_item} style={{ width: 680 }}>
+                  <div className='ant-card-head-wrapper'>
+                    附件
+                  </div>
+                  <div>
+                    {
+                      FileFj(isContractNew
+                        ? contractText.contractLis
+                        : oldContractText?.contractLis)
+                    }
+                  </div>
+                </div>
               </div>
             ) : null}
-            <div className={style.upload_item} style={{ width: 680 }}>
-              <div className='ant-card-head-wrapper'>
-                附件
-              </div>
-              <div>
-                {
-                  FileFj(isContractNew
-                    ? contractText.contractLis
-                    : oldContractText?.contractLis)
-                }
-              </div>
-            </div>
           </div>
         </div>
         {/* 合同版本 */}