SEO

src/components/sumDoctorCheck/CheckDetails.vue

@@ -2,7 +2,7 @@
   <div style="display: flex;width:100%;">
     <div style="width:180;">
       <el-table :data="RegisterCheckList" width="180" :height="divHeight" border highlight-current-row
-        @row-click="rowClick" ref="registerCheckList" >
+        @row-click="rowClick" ref="registerCheckList">
         <el-table-column prop="asbitemNames" label="组合项目" width="180">
           <template slot="header">
             <div style="width: 180px;background-color: #f4f8ff;">组合项目</div>
@@ -10,18 +10,13 @@
         </el-table-column>
       </el-table>
     </div>
-    <div :style="`padding-left:10px;width:${(window.pageWidth - 180 - 110 - 25)}px;`">
-      <table width="100%" style="font-size:14px;">
-        <tbody v-for="(item, index) of tableData" :key="index">
-          <tr height="30">
-            <td style="text-align: center;font-weight: bolder;">{{ item.itemTypeName }}</td>
-          </tr>
-          <tr>
-            <table  width="100%" border="1"
-              cellspacing="0" bordercolor="#909399" style="border-collapse:collapse;">
-              <tr height="24" >
+    <div :style="`overflow: scroll;padding-left:10px;width:${(window.pageWidth - 180 - 110 - 25)}px;height:${divHeight}px;`">      
+      <table width="100%" border="1" cellspacing="0" bordercolor="#909399"
+        style="font-size:14px;border-collapse:collapse;">
+        <tr height="24">
           <td width="200" class="tdCellClass">{{ details.asbitemNames }}</td>
-                <td width="604" class="tdCellClass" colspan="7">{{ '检查日期：' + details.checkDate.substring(0, 10) + ' 检查医生：' + details.checkDoctorName
+          <td width="604" class="tdCellClass" colspan="7">{{ '检查日期：' + details.checkDate.substring(0, 10) + ' 检查医生：' +
+            details.checkDoctorName
             }}</td>
         </tr>
 
@@ -38,8 +33,10 @@
         <tr height="24" v-for="(item3, index) in details.items" :key="index">
           <td class="tdCellClass">{{ item3.itemName }}</td>
           <td :style="`color: ${getColorStr(item3.reportFontColor)};`" class="tdCellClass">{{ item3.itemResult }}</td>
-                <td :style="`color: ${getColorStr(item3.previousReportFontColor)};`" class="tdCellClass">{{ item3.previousItemResult }}</td>
-                <td :style="`color: ${getColorStr(item3.previousTwoReportFontColor)};`" class="tdCellClass">{{ item3.previousTwoItemResult }}</td>
+          <td :style="`color: ${getColorStr(item3.previousReportFontColor)};`" class="tdCellClass">{{
+            item3.previousItemResult }}</td>
+          <td :style="`color: ${getColorStr(item3.previousTwoReportFontColor)};`" class="tdCellClass">{{
+            item3.previousTwoItemResult }}</td>
           <td align="center" class="tdCellClass">{{ item3.referenceRangeValue }}</td>
           <td align="center" class="tdCellClass">{{ item3.criticalRangeValue }}</td>
           <td align="center" class="tdCellClass">{{ item3.unit }}</td>
@@ -50,9 +47,7 @@
           <td colspan="8" class="tdCellClass" v-html="`小结：${mergeSummarys(details.summarys, 'summary')}`"></td>
         </tr>
       </table>
-          </tr>
-        </tbody>
-      </table>
+
     </div>
   </div>
 </template>
@@ -63,12 +58,12 @@ import { getapi, postapi, putapi, deletapi } from "@/api/api";
 import { arrayExistObj, deepCopy, getColorStr } from '@/utlis/proFunc';
 export default {
   components: {},
-  props: ["patientRegisterId","tabChoosed","refParams",],
+  props: ["patientRegisterId", "tabChoosed", "refParams",],
   data() {
     return {
       tableData: [],
-      RegisterCheckList:[],
-      details:[]
+      RegisterCheckList: [],
+      details: []
     };
   },
 
@@ -101,7 +96,7 @@ export default {
     CheckDetails(patientRegisterId) {
       this.tableData = []
       this.RegisterCheckList = []
-      this.details =[]
+      this.details = []
 
       if (!patientRegisterId) {
         return
@@ -133,18 +128,18 @@ export default {
       let ret = ''
       array.forEach((e, i) => {
         //let splitStr = "<br>"
-        if (i == 0){
+        if (i == 0) {
           ret = e[itemKey]
-        }else if (i==1) {
-          ret = `1.${ret} ${Number(i)+1}.${e[itemKey]}`
+        } else if (i == 1) {
+          ret = `1.${ret} ${Number(i) + 1}.${e[itemKey]}`
         } else {
-          ret += ` ${Number(i)+1}.${e[itemKey]}`
+          ret += ` ${Number(i) + 1}.${e[itemKey]}`
         }
       })
       return ret
     },
 
-    rowClick(row){
+    rowClick(row) {
       this.details = row
     }
   },
@@ -157,11 +152,11 @@ export default {
       handler(newVal, oldVal) {
         console.log(`watch 总检--检查明细结果 newVal: ${newVal}, oldVal: ${oldVal} patientRegisterId: ${this.dataTransOpts.tableS.patient_register.id}`);
         //&& this.tabChoosed == '2'
-        if(newVal != oldVal){
-          if(this.refParams.place == 'doctor'){
+        if (newVal != oldVal) {
+          if (this.refParams.place == 'doctor') {
             this.CheckDetails(this.dataTransOpts.tableS.patient_register.id);
-          }else{
-            if(this.tabChoosed == '2') this.CheckDetails(this.dataTransOpts.tableS.patient_register.id);
+          } else {
+            if (this.tabChoosed == '2') this.CheckDetails(this.dataTransOpts.tableS.patient_register.id);
           }
         }
       }
@@ -180,4 +175,3 @@ export default {
   padding: 0;
 }
 </style>
-  

src/components/sumDoctorCheck/SumItems.vue

@@ -12,7 +12,7 @@
         </el-table-column>
       </el-table>
     </div>
-    <div :style="`padding-left:10px;width:${(window.pageWidth - 180 - 110 - 25)}px;`">
+    <div :style="`overflow: scroll;padding-left:10px;width:${(window.pageWidth - 180 - 110 - 25)}px;height:${divHeight}px;`">
       <!--
       <el-table :data="tableData" :height="divHeight" border highlight-current-row>
         <el-table-column prop="itemName" label="项目" width="150" />