feat: 1

src/components/TimeLineList/index.less

@@ -58,7 +58,7 @@
       border-bottom: 2px solid rgba(0, 0, 0, 0.1);
     }
     .time-item-render-has-card {
-      @apply my-4 ml-0;
+      @apply mt-4 ml-0;
     }
   }
 }

src/pages/Customer/Client/components/ClientDetail/LowerList.tsx

@@ -25,22 +25,26 @@ export const servicelogEnum = {
   [Servicelog.VISIT]: {
     title: '上门服务',
     bg: 'bg-hex-886ab5 bg-opacity-6',
-    text: 'text-hex-886ab5 fomt-medium text-sm'
+    text: 'text-hex-886ab5 fomt-medium text-sm',
+    border: 'border-hex-886ab5'
   },
   [Servicelog.CALL]: {
     title: '电话拜访',
     bg: 'bg-hex-246daf bg-opacity-6',
-    text: 'text-hex-246daf fomt-medium text-sm'
+    text: 'text-hex-246daf fomt-medium text-sm',
+    border: 'border-hex-246daf'
   },
   [Servicelog.OTHER]: {
     title: '其他事项',
     bg: 'bg-hex-1ca081 bg-opacity-6',
-    text: 'text-hex-1ca081 fomt-medium text-sm'
+    text: 'text-hex-1ca081 fomt-medium text-sm',
+    border: 'border-hex-1ca081'
   },
   [Servicelog.ONLINE]: {
     title: '在线服务',
     bg: 'bg-hex-b8795e bg-opacity-6',
-    text: 'text-hex-b8795e fomt-medium text-sm'
+    text: 'text-hex-b8795e fomt-medium text-sm',
+    border: 'border-hex-b8795e'
   }
 }
 
@@ -55,8 +59,9 @@ export const renderServiceLogItem = (item: API.ServiceLogItem) => {
   return (
     <div
       className={classNames(
-        'w-full rounded border-hex-886ab5 border-l-2px',
-        servicelogEnum[item.status]?.bg
+        'w-full rounded border-l-2px',
+        servicelogEnum[item.status]?.bg,
+        servicelogEnum[item.status]?.border
       )}>
       <div className="p-4 flex flex-col">
         <div className="flex justify-between">

src/pages/Customer/Client/components/ClientDetail/index.jsx

@@ -77,15 +77,13 @@ const ClientDetail = props => {
             <Row>
               <Col span={9} className="sheet-box-left">
                 {orderIds.length ? (
-                  <div className="mb-3">
+                  <div className="mb-3px">
                     <Tooltip title="上一条记录">
                       <Up
                         fill={flipConsts.disableUpBtn ? '#BDBDBE' : '#886ab5'}
                         size="20"
                         onClick={() => flipFn(FlipOverEnum.UP)}
-                        className={[flipConsts.disableUpBtn ? 'cursor-not-allowed' : 'cursor-pointer'].join(
-                          ' '
-                        )}
+                        className={flipConsts.disableUpBtn ? 'cursor-not-allowed' : 'cursor-pointer'}
                       />
                     </Tooltip>
                     <Tooltip title="下一条记录">

src/pages/Customer/Company/components/CompanyDetail/index.jsx

@@ -86,9 +86,7 @@ const CompanyDetail = props => {
                         fill={flipConsts.disableUpBtn ? '#BDBDBE' : '#886ab5'}
                         size="20"
                         onClick={() => flipFn(FlipOverEnum.UP)}
-                        className={[flipConsts.disableUpBtn ? 'cursor-not-allowed' : 'cursor-pointer'].join(
-                          ' '
-                        )}
+                        className={flipConsts.disableUpBtn ? 'cursor-not-allowed' : 'cursor-pointer'}
                       />
                     </Tooltip>
                     <Tooltip title="下一条记录">