table seo

3 years ago · 7ebaf8ab5a
11 changed files with 189 additions and 26 deletions
--- 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;
 }
--- 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);
  }

--- 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">
--- 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 '';
      }
--- 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>
--- 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 '';      
    },
--- 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>
  
--- 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;
 }
--- 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;
 }
--- 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;
 }
--- 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;
 }