feature/2.10.1.2401.01-页面操作日志添加

pc4mobx/hrmSalary/components/logViewModal/components/detailLogView/index.js

@@ -63,14 +63,13 @@ class Index extends Component {
       >
         <div className="logDialogContent">
           {
-            _.map(dataSource, item => (<WeaTransferList
-              data={item.valueschanges}
-              renderItem={(it) => (<div className="detailBox">
-                <div className="order">{it.id}</div>
-                <div className="content">{it.name}</div>
-              </div>)}
+            _.map(dataSource, item => (!_.isEmpty(item.valueschanges) ? <WeaTransferList
+              data={item.valueschanges} renderItem={(it) => (<div className="detailBox">
+              <div className="order">{it.id}</div>
+              <div className="content">{it.name}</div>
+            </div>)}
               height={scrollHeight} checkedCb={() => ({})} checkedKeys={[]}
-            />))
+            /> : <div className="empty">{getLabel(111, "无数据变更记录")}</div>))
           }
         </div>
       </WeaDialog>

pc4mobx/hrmSalary/components/logViewModal/index.less

@@ -9,6 +9,15 @@
     width: 100%;
     height: 100%;
 
+    .empty {
+      width: 100%;
+      display: flex;
+      height: 100%;
+      justify-content: center;
+      align-items: center;
+      background: #ffff;
+    }
+
     .wea-search-group {
       padding: 0;
       margin-bottom: 10px;
@@ -37,34 +46,41 @@
       .transfer-tree {
         background: #FFF;
         border: 1px solid #dadada;
+        padding: 0;
 
-        .treeitem {
-          margin: 0 !important;
+        & > li:not(:last-child) {
+          .detailBox .content {
+            border-bottom: 1px solid #dadada;
+          }
         }
-      }
-    }
 
-    .detailBox {
-      display: flex;
-      align-items: center;
+        & > li {
+          margin: 0 !important;
 
-      .order {
-        width: 35px;
-        color: #999;
-        text-align: center;
-      }
+          .detailBox {
+            display: flex;
+            align-items: center;
 
-      .content {
-        position: relative;
-        flex: 1;
-        min-height: 40px;
-        color: #000;
-        display: flex;
-        align-items: center;
-        justify-content: flex-start;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
+            .order {
+              width: 35px;
+              color: #999;
+              text-align: center;
+            }
+
+            .content {
+              position: relative;
+              flex: 1;
+              min-height: 40px;
+              color: #000;
+              display: flex;
+              align-items: center;
+              justify-content: flex-start;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+            }
+          }
+        }
       }
     }
   }