10362 学生证打印-名字过长显示问题

zyd_private/DragAndPrint/ViewPrint/DetailDom.js

@@ -66,6 +66,18 @@ const normalTextRender = (text, config) => {
     fontSize: `${config.fieldFontSize || 16}px`, // 默认 16px
     fontFamily: `${config.fieldFont || '黑体'}`, // 默认黑体 包括 ('宋体','楷体','黑体','隶书','微软雅黑等字体'}
   };
+  if (config.mark && text.indexOf(config.mark) > -1) { // 换行分隔符
+    text = text.split(config.mark);
+    return <span style={style}>
+          {text.map((x) => {
+            return <p
+              key={x}
+              style={{ marginBottom: '0' }}>
+              {x}
+            </p>;
+          })}
+        </span>;
+  }
   return <span style={style}>
     {text}
   </span>;
@@ -126,7 +138,7 @@ export default function DetailDom({ config, data }) {
     return (
       <div
         className={styles.inSideItemPrint}
-        key={fieldCode}
+        key={`filed${config.id}`}
         style={{
           left: x + 'px',
           top: y + 'px',

zyd_private/DragAndPrint/ViewPrint/index.js

@@ -167,7 +167,9 @@ export default class ViewPrint extends Component {
           <div>
             {viewData.map((info, index) => {
               return (
-                <div className={styles.outSideDivPrint} key={index + 'divKey'}>
+                <div className={styles.outSideDivPrint}
+                     key={index + 'divKey'}
+                >
                   <img
                     src={backgroundUrl}
                     draggable={false}