预览行内样式部分修改到less中

src/components/PreviewBody/index.jsx

@@ -107,60 +107,61 @@ class PreviewBody extends Component {
     }
     render() {
         const { show, preInfo, dataJson, dataStr,baseObj } = this.props;
-
+        const infoNull = JSON.stringify(preInfo) == '{}';
+        console.log(dataStr,baseObj)
         return <div className={style['content']}>
             <div className={style['contents']} id="content" style={{margin:"0 auto"}}>
-                <div ref={this.$content} style={{ clear: 'both', fontSize: '24px', margin: '0px 0px 30px 0px',textAlign:'center' }}>{preInfo.hospitalName}</div>
-                <table className={style['patInfo']} style={{ margin: '0px 0px 30px 0px', borderCollapse: 'collapse', width: "100%" }}>
+                <div ref={this.$content} className={style['hisName']}>{preInfo.hospitalName}</div>
+                <table className={style['patInfo']}>
                     <tr>
-                        <td style={{ border: '1px solid #aaa', padding: '8px 10px', width: '25%' }}>卡号：{baseObj?baseObj.patientIdNo:JSON.stringify(preInfo) == '{}'?'':preInfo.patientIdNo}</td>
-                        <td style={{ border: '1px solid #aaa', padding: '8px 10px', width: '25%' }}>姓名：{baseObj?baseObj.patientName:JSON.stringify(preInfo) == '{}'?'':preInfo.patientName}</td>
-                        <td style={{ border: '1px solid #aaa', padding: '8px 10px', width: '25%' }}>年龄：{baseObj?baseObj.patientAge:JSON.stringify(preInfo) == '{}'?'':preInfo.patientAge}</td>
-                        <td style={{ border: '1px solid #aaa', padding: '8px 10px', width: '25%' }}>性别：{baseObj?baseObj.patientSex:JSON.stringify(preInfo) == '{}'?'':preInfo.patientSex}</td>
+                        <td>卡号：{baseObj?baseObj.patientIdNo:infoNull?'':preInfo.patientIdNo}</td>
+                        <td >姓名：{baseObj?baseObj.patientName:infoNull?'':preInfo.patientName}</td>
+                        <td >年龄：{baseObj?baseObj.patientAge:infoNull?'':preInfo.patientAge}</td>
+                        <td >性别：{baseObj?baseObj.patientSex:infoNull?'':preInfo.patientSex}</td>
                     </tr>
                     <tr>
-                        <td style={{ border: '1px solid #aaa', padding: '8px 10px', width: '25%' }}>就诊时间：{baseObj?baseObj.inquiryDate:(JSON.stringify(preInfo) == '{}'?'':preInfo.systemTime.split(' ')[0])}</td>
-                        <td style={{ border: '1px solid #aaa', padding: '8px 10px', width: '25%' }}>科室：{baseObj?baseObj.hospitalDeptName:(JSON.stringify(preInfo) == '{}'?'':preInfo.hospitalDeptName)}</td>
-                        <td style={{ border: '1px solid #aaa', padding: '8px 10px', width: '25%' }}>医生：{baseObj?baseObj.doctorName:(JSON.stringify(preInfo) == '{}'?'':preInfo.doctorName)}</td>
-                        <td style={{ border: '1px solid #aaa', padding: '8px 10px', width: '25%' }}>门诊号：{baseObj?baseObj.inquiryCode:(JSON.stringify(preInfo) == '{}'?'':preInfo.recordId)}</td>
+                        <td>就诊时间：{baseObj?baseObj.inquiryDate:(infoNull?'':preInfo.systemTime.split(' ')[0])}</td>
+                        <td>科室：{baseObj?baseObj.hospitalDeptName:(infoNull?'':preInfo.hospitalDeptName)}</td>
+                        <td>医生：{baseObj?baseObj.doctorName:(infoNull?'':preInfo.doctorName)}</td>
+                        <td>门诊号：{baseObj?baseObj.inquiryCode:(infoNull?'':preInfo.recordId)}</td>
                     </tr>
                 </table>
-                <table style={{width:"100%"}}>
+                <table>
                     <tr style={{ verticalAlign: 'top' }}>
-                        <td style={{ width: 70, textAlign: 'right', padding: '0px 5px 16px 0px', fontSize: '14px' }}>主诉：</td>
-                        <td style={{ fontSize: '14px', padding: '0px 0px 16px 0px',lineHeight:'18px' }}>
+                        <td className={style['title']}>主诉：</td>
+                        <td className={style['text']}>
                             {
                                 filterDataArr(JSON.parse(dataStr.chief))
                             }
                         </td>
                     </tr>
                     <tr style={{ verticalAlign: 'top' }}>
-                        <td style={{ width: 70, textAlign: 'right', padding: '0px 5px 16px 0px', fontSize: '14px' }}>现病史：</td>
-                        <td style={{ fontSize: '14px', padding: '0px 0px 16px 0px',lineHeight:'18px'  }}>
+                        <td className={style['title']}>现病史：</td>
+                        <td className={style['text']}>
                             {
                                 filterDataArr(JSON.parse(dataStr.present))
                             }
                         </td>
                     </tr>
                     <tr style={{ verticalAlign: 'top' }}>
-                        <td style={{ width: 70, textAlign: 'right', padding: '0px 5px 16px 0px', fontSize: '14px' }}>其他史：</td>
-                        <td style={{ fontSize: '14px', padding: '0px 0px 16px 0px',lineHeight:'18px'  }}>
+                        <td className={style['title']}>其他史：</td>
+                        <td className={style['text']}>
                             {
                                 filterDataArr(JSON.parse(dataStr.other))
                             }
                         </td>
                     </tr>
                     <tr style={{ verticalAlign: 'top' }}>
-                        <td style={{ width: 70, textAlign: 'right', padding: '0px 5px 16px 0px', fontSize: '14px' }}>查体：</td>
-                        <td style={{ fontSize: '14px', padding: '0px 0px 16px 0px',lineHeight:'18px'  }}>
+                        <td className={style['title']}>查体：</td>
+                        <td className={style['text']}>
                             {
                                 filterDataArr(JSON.parse(dataStr.vital))
                             }
                         </td>
                     </tr>
                     <tr style={{ verticalAlign: 'top',width:'100%',overflow:"hidden" }}>
-                        <td style={{ width: 70, textAlign: 'right', padding: '0px 5px 16px 0px', fontSize: '14px' }}>化验：</td>
-                        <td style={{ fontSize: '14px', padding: '0px 0px 16px 0px',maxWidth:'650px'}}>
+                        <td className={style['title']}>化验：</td>
+                        <td className={style['text']}>
                             {/* <table style={{ width: '100%' }}> */}
                                 {
                                     dataJson.lis.getExcelDataList && dataJson.lis.getExcelDataList.map((items)=>{
@@ -211,8 +212,8 @@ class PreviewBody extends Component {
                         </td>
                     </tr>
                     <tr style={{ verticalAlign: 'top' }}>
-                        <td style={{ width: 70, textAlign: 'right', padding: '0px 5px 16px 0px', fontSize: '14px' }}>辅检：</td>
-                        <td style={{ fontSize: '14px', padding: '0px 0px 16px 0px',lineHeight:'18px' }}>
+                        <td className={style['title']}>辅检：</td>
+                        <td className={style['text']}>
                             {
                                 dataStr.pacs && dataStr.pacs != '' && dataStr.pacs.split(';').map((item)=>{
                                     return <div style={{ fontSize: '14px' }}>{item}</div>
@@ -221,8 +222,8 @@ class PreviewBody extends Component {
                         </td>
                     </tr>
                     <tr style={{ verticalAlign: 'top' }}>
-                        <td style={{ width: 70, textAlign: 'right', padding: '0px 5px 16px 0px', fontSize: '14px' }}>诊断：</td>
-                        <td style={{ fontSize: '14px', padding: '0px 0px 16px 0px',lineHeight:'18px' }}>
+                        <td className={style['title']}>诊断：</td>
+                        <td className={style['text']}>
                             {
                                 dataStr.diag && dataStr.diag != '' && dataStr.diag.split(';').map((item)=>{
                                     return <div style={{ fontSize: '14px'}}>{item}</div>
@@ -231,8 +232,8 @@ class PreviewBody extends Component {
                         </td>
                     </tr>
                     <tr style={{ verticalAlign: 'top' }}>
-                        <td style={{ width: 70, textAlign: 'right', padding: '0px 5px 16px 0px', fontSize: '14px' }}>医嘱：</td>
-                        <td style={{ fontSize: '14px', padding: '0px 0px 16px 0px' }}>
+                        <td className={style['title']}>医嘱：</td>
+                        <td className={style['text']}>
                             {
                                 dataJson.advice.assay && dataJson.advice.assay.length > 0 || dataJson.advice.check && dataJson.advice.check.length > 0 ? <p style={{fontSize:'14px',marginBottom:"8px"}}>开单项目</p> : ''
                             }

src/components/PreviewBody/index.less

@@ -6,14 +6,39 @@
       top:120px;
       width: 820px;
       padding: 0 40px 60px 40px;
+      .hisName{
+        clear: both;
+        font-size: 24px;
+        margin: 0px 0px 30px 0px;
+        text-align:center;
+      }
       .contents {
         position: relative;
         padding-bottom: 26px;
+        table{
+          width: 100%;
+          .title{
+            width: 70px;
+            text-align: right;
+            padding: 0px 5px 16px 0px;
+            font-size: 14px;
+          }
+          .text{
+            font-size: 14px;
+            padding: 0px 0px 16px 0px;
+            line-height:18px;
+            max-width: 650px;
+          }
+        }
       }
     }
     .patInfo {
+      margin: 0px 0px 30px 0px;
+      border-collapse: collapse;
       td {
         border: 1px solid #aaa;
+        padding: 8px 10px;
+        width: 25%;
       }
     }