page seo

src/components/customerOrg/customerOrgGroupAsbitem.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="display: flex; margin-top:5px;">
-    <div :style="'display: flex;width:' + (window.pageWidth - 25 - 110) + 'px;font-size:14px;'">
+    <div :style="'display: flex;width:' + (window.pageWidth - window.pageMarginWidth - 110) + 'px;font-size:14px;'">
       <!--未选组合项目-->
       <div style="display: block; width:230px;">
         <div>
@@ -12,7 +12,7 @@
         </div>
         <div class="box">
           <el-table :data="dict.asbItem" border size="small"  highlight-current-row
-            :height="window.pageHeight < 640 ? 195:(window.pageHeight - 110 - 335)"
+            :height="tableHeight"
             @row-dblclick="dbClickChoosedAsb" row-key="id"
             @selection-change="selectLeft" :row-class-name="handleRowClassName" 
             @row-click="chooseAsbItem">
@@ -47,7 +47,7 @@
       </div>
 
       <!--已选组合项目-->
-      <div :style="'display: block; width:' + (window.pageWidth - 230 - 120 - 25 - 110) + 'px;'">
+      <div :style="'display: block; width:' + (window.pageWidth - 230 - 120 - window.pageMarginWidth - 110) + 'px;'">
         <div style="height:32px;">
           <div v-show="checkPagePriv(pagePriv.privs,'快速选择')">
             <span>快速选择</span>
@@ -63,7 +63,7 @@
         <div class="box">
           <el-table :data="customerOrgGroupAsbitems" border size="small"
             @selection-change="selectRight" highlight-current-row 
-            :height="window.pageHeight < 640 ? 195:(window.pageHeight - 110 - 335)"
+            :height="tableHeight"
             :summary-method="getSummaries" show-summary           
             :row-class-name="handleRowClassName" @row-dblclick="removeAbs" 
             @row-click="removeAsbItem" ref="tableCustomerOrgGroupAsbitems">
@@ -315,8 +315,19 @@ export default {
   },
   computed: {
     ...mapState(["window","dict","dataTransOpts", "customerOrg"]),
+
+    tableHeight(){
+      let height = 600 
+      if(this.window.pageHeight > 600){
+        height = this.window.pageHeight
+      }    
+      // console.log(height - this.window.pageHeaderHeight - this.window.pageMarginHeight - 240 - 96 - 10)  
+      return height - this.window.pageHeaderHeight - this.window.pageMarginHeight - 240 - 96 - 16
+    }    
   },
 
+
+
   created() {
     //获取用户当前页面的权限
     let userPriv = window.sessionStorage.getItem('userPriv')

src/views/customerOrg/customerOrgGroup.vue

@@ -1,10 +1,15 @@
 <template>
   <div>
-    <el-card>
-      <div slot="header">单位分组</div>
+    <div>      
+      <div class="contenttitle">
+        体检登记 /
+        <span class="contenttitleBold"
+          >单位分组</span
+        >
+      </div>
       <!--分组信息-->
       <div style="display: flex;font-size:14px;">
-        <div :style="'display: block;width:' + (window.pageWidth - 25 - 110) + 'px;'">
+        <div :style="'display: block;width:' + (window.pageWidth - window.pageMarginWidth - 110) + 'px;'">
           <div style="display: flex">
             <div>
               <span>体检单位：</span>
@@ -154,7 +159,7 @@
         <CustomerOrgGroupAsbitem :customerOrgGroup="form" :refreshMoney="refreshMoney"/>
       </div>
      
-    </el-card>    
+    </div>    
 
     <!-- 新增或者编辑弹框 -->
     <el-dialog