From 7ebaf8ab5acd7dbe559ef96cc47307946caabb5f Mon Sep 17 00:00:00 2001
From: pengjun <158915633@qq.com>
Date: Thu, 21 Sep 2023 11:42:37 +0800
Subject: [PATCH] table seo

---
 src/assets/css/global.css                     | 19 +++++++---
 .../doctorCheck/RegisterCheckList.vue         |  8 ++--
 .../report/PatientRegisterListNobtn.vue       |  6 ++-
 src/components/report/RegisterCheckStatus.vue |  8 ++--
 .../sumDoctorCheck/SumAsbItemStatus.vue       |  8 ++--
 src/components/sumDoctorCheck/SumItems.vue    |  4 +-
 src/views/doctorCheck/doctorCheck.vue         | 31 ++++++++++++++++
 src/views/doctorCheck/sumDoctorCheck.vue      | 30 +++++++++++++++
 src/views/report/chargeAsbitem.vue            | 37 +++++++++++++++++--
 src/views/report/checkStatus.vue              | 35 +++++++++++++++++-
 src/views/report/unCheckAsbitem.vue           | 29 +++++++++++++++
 11 files changed, 189 insertions(+), 26 deletions(-)

diff --git a/src/assets/css/global.css b/src/assets/css/global.css
index 6ce1442..1a36848 100644
--- a/src/assets/css/global.css
+++ b/src/assets/css/global.css
@@ -1,18 +1,25 @@
-.el-table .warning-row {
-  background: rgb(240, 125, 125);
+/* 表格行背景色样式 start */
+.el-table .warning {
+  background: #E6A23C;
 }
-
-.el-table .unCheck-row {
+.el-table .danger {
+  background: #F56C6C;
+}
+.el-table .success {
+  background: #67C23A;
+}
+.el-table .primary {
   background: #409EFF;
 }
-
-.el-table .refuse-row {
+.el-table .info {
   background: #909399;
 }
 
 .el-table .purple-row {
   background: rgb(255, 0, 255);
 }
+/* 表格行背景色样式 end */
+
 .publicfontsize{
   font-size: 18px;
 }
\ No newline at end of file
diff --git a/src/components/doctorCheck/RegisterCheckList.vue b/src/components/doctorCheck/RegisterCheckList.vue
index 18deda8..17101d5 100644
--- a/src/components/doctorCheck/RegisterCheckList.vue
+++ b/src/components/doctorCheck/RegisterCheckList.vue
@@ -33,9 +33,9 @@ export default {
     tableRowClassName({row, rowIndex}) {
       //console.log('tableRowClassName',rowIndex,row)
       if (row.completeFlag === '0') {
-        return 'warning-row'; //未检
+        return 'danger'; //未检
       } else if (row.completeFlag === '2') {
-        return 'refuse-row'; //弃检
+        return 'info'; //弃检
       }
       return '';
           
@@ -86,11 +86,11 @@ export default {
 };
 </script>
 <style scoped>
-  .el-table .warning-row {
+  .el-table .warning {
     background: rgb(240,125,125);
   }
 
-  .el-table .refuse-row {
+  .el-table .info {
     background: rgb(192,192,192);
   }
 
diff --git a/src/components/report/PatientRegisterListNobtn.vue b/src/components/report/PatientRegisterListNobtn.vue
index 1314eaa..c60ed0a 100644
--- a/src/components/report/PatientRegisterListNobtn.vue
+++ b/src/components/report/PatientRegisterListNobtn.vue
@@ -3,7 +3,7 @@
     <div @contextmenu.prevent="onContextmenu">
       <el-table :data="patientRegister.prList" border :height="(window.pageHeight < 600) ? 220:(window.pageHeight - 380)" highlight-current-row
         @row-click="rowick" size="small" @selection-change="handleSelectionChange" @cell-contextmenu="onCellRightClick">
-        <el-table-column type="selection" width="40"></el-table-column>
+        <el-table-column type="selection" width="40" align="center" />
         <el-table-column prop="completeFlag" label="体检进度">
           <template slot-scope="scope">
             <div>{{ ldddw(dict.completeFlag, "id", scope.row.completeFlag, "displayName") }}</div>
@@ -119,7 +119,9 @@
         <el-table-column prop="creatorName" label="登记人" />
         <el-table-column prop="creationTime" label="登记日期" width="100">
           <template slot-scope="scope">
-            <div>{{ lmoment(scope.row.creationTime, "yyyy-MM-DD") }}</div>
+            <div v-if="scope.row.creationTime">
+              {{ lmoment(scope.row.creationTime, "yyyy-MM-DD") }}
+            </div>
           </template>
         </el-table-column>
         <el-table-column prop="isUpload" label="是否上传" align="center">
diff --git a/src/components/report/RegisterCheckStatus.vue b/src/components/report/RegisterCheckStatus.vue
index eed7a86..aca319c 100644
--- a/src/components/report/RegisterCheckStatus.vue
+++ b/src/components/report/RegisterCheckStatus.vue
@@ -18,7 +18,9 @@
       </el-table-column>
       <el-table-column prop="checkDate" label="检查日期" width="90">
         <template slot-scope="scope">
-          <div>{{ moment(scope.row.checkDate).format("yyyy-MM-DD") }}</div>
+          <div v-if="scope.row.checkDate">
+            {{ moment(scope.row.checkDate).format("yyyy-MM-DD") }}
+          </div>
         </template>
       </el-table-column>
     </el-table>
@@ -56,9 +58,9 @@ export default {
       //console.log(row)
       switch (row.completeFlag) {
         case '0':
-          return 'unCheck-row'; //未检
+          return 'danger'; //未检
         case '2':
-          return 'refuse-row'; //未检
+          return 'info'; //未检
         default:
           return '';
       }
diff --git a/src/components/sumDoctorCheck/SumAsbItemStatus.vue b/src/components/sumDoctorCheck/SumAsbItemStatus.vue
index 52807c8..204b0c2 100644
--- a/src/components/sumDoctorCheck/SumAsbItemStatus.vue
+++ b/src/components/sumDoctorCheck/SumAsbItemStatus.vue
@@ -1,9 +1,9 @@
 <template>
   <div style="display: flex;height:90px;">
     <div class="asbitemListClass">
-      <div style="margin-top:2px;font-size:7px;color: #409EFF;">未检组合项目：</div>
+      <div style="margin-top:2px;font-size:7px;color: #F56C6C;">未检组合项目：</div>
       <div style="display: flex; flex-wrap: wrap; height:68px;width:100%; margin-top:2px;border: 1px solid;">
-        <el-tag style="margin-left: 5px;" v-for="item in data.unCheckedAsbitem" :key="item" size="mini">{{ item }}</el-tag>
+        <el-tag type="danger" style="margin-left: 5px;" v-for="item in data.unCheckedAsbitem" :key="item" size="mini">{{ item }}</el-tag>
       </div>
     </div>
     <div class="asbitemListClass">
@@ -14,9 +14,9 @@
       </div>
     </div>
     <div class="asbitemListClass">
-      <div style="margin-top:2px;font-size:7px;color: #F56C6C;">组合项目已检但无值的明细项目：</div>
+      <div style="margin-top:2px;font-size:7px;color: #409EFF;">组合项目已检但无值的明细项目：</div>
       <div style="display: flex; flex-wrap: wrap; height:68px;width:100%; margin-top:2px;border: 1px solid;">
-        <el-tag type="danger" style="margin-left: 5px;" v-for="item in data.checkedNullValueItem" :key="item"
+        <el-tag style="margin-left: 5px;" v-for="item in data.checkedNullValueItem" :key="item"
           size="mini">{{ item }}</el-tag>
       </div>
     </div>
diff --git a/src/components/sumDoctorCheck/SumItems.vue b/src/components/sumDoctorCheck/SumItems.vue
index 5a49be5..5db6510 100644
--- a/src/components/sumDoctorCheck/SumItems.vue
+++ b/src/components/sumDoctorCheck/SumItems.vue
@@ -55,9 +55,9 @@ export default {
     tableRowClassName({ row, rowIndex }) {
       //console.log('tableRowClassName',rowIndex,row)
       if (row.completeFlag === '0') {
-        return 'warning-row'; //未检
+        return 'warning'; //未检
       } else if (row.completeFlag === '2') {
-        return 'refuse-row'; //弃检
+        return 'info'; //弃检
       }
       return '';      
     },
diff --git a/src/views/doctorCheck/doctorCheck.vue b/src/views/doctorCheck/doctorCheck.vue
index 3725ccb..6cf26ed 100644
--- a/src/views/doctorCheck/doctorCheck.vue
+++ b/src/views/doctorCheck/doctorCheck.vue
@@ -207,5 +207,36 @@ export default {
 };
 </script>
 <style scoped>
+/* 表格 表头 列间距控制 */
+::v-deep .el-table th.el-table__cell>.cell {
+  text-align: center;
+  /* 表格 表头 对齐方式，默认 left */
+  padding-right: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+  padding-left: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+}
+
+/* 表格 表体 列间距控制 */
+::v-deep .el-table td.el-table__cell>.cell {
+  /* 表格 表头 对齐方式，默认 left */
+  padding-right: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+  padding-left: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+}
+
+/* 表格 表体 首列左间距控制 */
+::v-deep .el-table--border .el-table__cell:first-child .cell {
+  padding-left: 2px;
+  /* 表格 表体 首列左间距控制，默认 10px */
+}
+
+/* 表格 行列间距控制 ，默认 10 px*/
+::v-deep .el-table__cell {
+  padding: 2px 2px 2px 2px;
+  /* 上，右，下，左 */
+}
+
 </style>
   
\ No newline at end of file
diff --git a/src/views/doctorCheck/sumDoctorCheck.vue b/src/views/doctorCheck/sumDoctorCheck.vue
index 0e2f2f2..3a3c8ce 100644
--- a/src/views/doctorCheck/sumDoctorCheck.vue
+++ b/src/views/doctorCheck/sumDoctorCheck.vue
@@ -217,6 +217,36 @@ export default {
 };
 </script>
 <style scoped>
+/* 表格 表头 列间距控制 */
+::v-deep .el-table th.el-table__cell>.cell {
+  text-align: center;
+  /* 表格 表头 对齐方式，默认 left */
+  padding-right: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+  padding-left: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+}
+
+/* 表格 表体 列间距控制 */
+::v-deep .el-table td.el-table__cell>.cell {
+  /* 表格 表头 对齐方式，默认 left */
+  padding-right: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+  padding-left: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+}
+
+/* 表格 表体 首列左间距控制 */
+::v-deep .el-table--border .el-table__cell:first-child .cell {
+  padding-left: 2px;
+  /* 表格 表体 首列左间距控制，默认 10px */
+}
+
+/* 表格 行列间距控制 ，默认 10 px*/
+::v-deep .el-table__cell {
+  padding: 2px 2px 2px 2px;
+  /* 上，右，下，左 */
+}
 .box {
   display: flex;
 }
diff --git a/src/views/report/chargeAsbitem.vue b/src/views/report/chargeAsbitem.vue
index 27181af..31f33ce 100644
--- a/src/views/report/chargeAsbitem.vue
+++ b/src/views/report/chargeAsbitem.vue
@@ -33,7 +33,7 @@
           </div>
         </div>  
         <el-table :data="dataList" border width="100%" :height="window.pageHeight < 600 ? 370 : window.pageHeight - 230"
-          row-key="id" size="small" highlight-current-row ref="dataList" >
+          row-key="id" size="small" highlight-current-row ref="dataList" :row-class-name="tableRowClassName">
           <el-table-column prop="asbitemName" label="组合项目名称" width="120"/>          
           <el-table-column prop="completeFlag" label="检查状态" width="70" align="center">
             <template slot-scope="scope">
@@ -42,7 +42,7 @@
           </el-table-column>
           <el-table-column prop="isCharge" label="收费状态" width="70" align="center">
             <template slot-scope="scope">
-              <div>{{ scope.row.checkCompleteFlag == 'Y' ? '已收费':'未收费' }}</div>
+              <div>{{ scope.row.isCharge == 'Y' ? '已收费':'未收费' }}</div>
             </template>
           </el-table-column>
           <el-table-column prop="standardPrice" label="标准价格" width="70" align="center"/> 
@@ -94,7 +94,7 @@
           </el-table-column>
           -->
           <el-table-column prop="age" label="年龄" />
-          <el-table-column prop="mobileTelephone" label="手机" width="100" />
+          <el-table-column prop="mobileTelephone" label="手机" width="120" />
           <el-table-column prop="telephone" label="电话" width="100" />          
         </el-table>
       </div>
@@ -251,6 +251,15 @@ export default {
       console.log("dict", this.dict);
     },
 
+    tableRowClassName({ row, rowIndex }) {
+      switch (row.isCharge) {
+        case 'N':
+          return 'danger';        
+        default:
+          return '';
+      }     
+    },
+
     //查询
     btnQuery() {
       let body = {}, customerOrgs = [], asbitemIds = [];
@@ -341,6 +350,28 @@ export default {
   /* 控件默认 0 20px;*/
 }
 
+/* 表格 表头 列间距控制 */
+::v-deep .el-table th.el-table__cell>.cell {
+  text-align: center;
+  /* 表格 表头 对齐方式，默认 left */
+  padding-right: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+  padding-left: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+}
+
+/* 表格 表体 首列左间距控制 */
+::v-deep .el-table--border .el-table__cell:first-child .cell {
+  padding-left: 2px;
+  /* 表格 表体 首列左间距控制，默认 10px */
+}
+
+/* 表格 行列间距控制 ，默认 10 px*/
+::v-deep .el-table__cell {
+  padding: 2px 2px 2px 2px;
+  /* 上，右，下，左 */
+}
+
 .query {
   margin-left: 10px;
 }
diff --git a/src/views/report/checkStatus.vue b/src/views/report/checkStatus.vue
index 44c9cb8..5e655ab 100644
--- a/src/views/report/checkStatus.vue
+++ b/src/views/report/checkStatus.vue
@@ -34,7 +34,7 @@
         </div>
         <div>
           <el-table :data="dataList" border :height="window.pageHeight < 600 ? 360 : window.pageHeight - 240" row-key="id"
-            size="small" highlight-current-row ref="dataList">
+            size="small" highlight-current-row ref="dataList" :row-class-name="tableRowClassName">
             <el-table-column prop="asbitemName" label="组合项目名称" width="120" />
             <el-table-column prop="completeFlag" label="检查状态" width="70" align="center">
               <template slot-scope="scope">
@@ -95,7 +95,7 @@
             </el-table-column>
             -->
             <el-table-column prop="age" label="年龄" />
-            <el-table-column prop="mobileTelephone" label="手机" width="100" />
+            <el-table-column prop="mobileTelephone" label="手机" width="120" />
             <el-table-column prop="telephone" label="电话" width="100" />
           </el-table>
         </div>
@@ -251,6 +251,17 @@ export default {
 
       console.log("dict", this.dict);
     },
+    
+    tableRowClassName({ row, rowIndex }) {
+      switch (row.completeFlag) {
+        case '0':
+          return 'danger';
+        case '2':
+          return 'info';  
+        default:
+          return '';
+      }     
+    },
 
     //查询
     btnQuery() {
@@ -342,7 +353,27 @@ export default {
   padding: 0 5px;
   /* 控件默认 0 20px;*/
 }
+/* 表格 表头 列间距控制 */
+::v-deep .el-table th.el-table__cell>.cell {
+  text-align: center;
+  /* 表格 表头 对齐方式，默认 left */
+  padding-right: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+  padding-left: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+}
 
+/* 表格 表体 首列左间距控制 */
+::v-deep .el-table--border .el-table__cell:first-child .cell {
+  padding-left: 2px;
+  /* 表格 表体 首列左间距控制，默认 10px */
+}
+
+/* 表格 行列间距控制 ，默认 10 px*/
+::v-deep .el-table__cell {
+  padding: 2px 2px 2px 2px;
+  /* 上，右，下，左 */
+}
 .query {
   margin-left: 10px;
 }
diff --git a/src/views/report/unCheckAsbitem.vue b/src/views/report/unCheckAsbitem.vue
index 9dc8130..a3206e8 100644
--- a/src/views/report/unCheckAsbitem.vue
+++ b/src/views/report/unCheckAsbitem.vue
@@ -323,7 +323,36 @@ export default {
   padding: 0 5px;
   /* 控件默认 0 20px;*/
 }
+/* 表格 表头 列间距控制 */
+::v-deep .el-table th.el-table__cell>.cell {
+  text-align: center;
+  /* 表格 表头 对齐方式，默认 left */
+  padding-right: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+  padding-left: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+}
+
+/* 表格 表体 列间距控制 */
+::v-deep .el-table td.el-table__cell>.cell {
+  /* 表格 表头 对齐方式，默认 left */
+  padding-right: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+  padding-left: 2px;
+  /* 表格 表头 列间距控制，默认 10px */
+}
 
+/* 表格 表体 首列左间距控制 */
+::v-deep .el-table--border .el-table__cell:first-child .cell {
+  padding-left: 2px;
+  /* 表格 表体 首列左间距控制，默认 10px */
+}
+
+/* 表格 行列间距控制 ，默认 10 px*/
+::v-deep .el-table__cell {
+  padding: 2px 2px 2px 2px;
+  /* 上，右，下，左 */
+}
 .query {
   margin-left: 10px;
 }