公共组件和架构配置更新

baseComponents/FieldList/index.js

+/**
+ * 钟是志
+ * 2019年9月4日
+ * 列表字段渲染
+ * */
+import React, {Component, Fragment} from 'react';
+import styles from './index.less';
+import PropTypes from 'prop-types';
+
+const FieldList = (props) => {
+  const { data, config } = props;
+  return (
+    <div>
+      {
+        config.map((x) =>{
+          return (
+            <p className={styles.detailInfo}>
+              <span>{x.name}</span>
+              <span>{data[x.key] || ''}</span>
+            </p>
+          );
+        })
+      }
+    </div>
+  );
+};
+
+FieldList.propTypes = {
+  data: PropTypes.object.isRequired,          //数据
+  config: PropTypes.array.isRequired,  // 配置项
+};
+FieldList.defaultProps = {
+  data: {},
+  config: [],
+};
+
+export default FieldList;

baseComponents/FieldList/index.less

+.detailInfo {
+  line-height: 30px;
+  color: #666666;
+}
+
+.detailInfo span:nth-child(1) {
+  font-size: 14px;
+  color: #666;
+  width: 40%;
+  text-align: right;
+  display: inline-block;
+  margin-right: 10px;
+}
+
+.detailInfo span:nth-child(2) {
+  font-size: 14px;
+  color: #333333;
+  width: 54%;
+  overflow: hidden;
+  display: inline-flex;
+  text-overflow: ellipsis;
+}

baseComponents/NavBarDiy/index.js

@@ -23,9 +23,11 @@ function NavBarDiy ({ history, title, rightContent, onLeftClick }) {
     </NavBar>
   );
 }
+
 NavBarDiy.propTypes = {
   title: PropTypes.string.isRequired,
   rightContent: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   onLeftClick: PropTypes.func,
-}
+};
+
 export default (withRouter(NavBarDiy));