From c58973d37686638b0cc86da2ffcd28c268c7bd4b Mon Sep 17 00:00:00 2001
From: newPeter7 <aqdxeducation7@163.com>
Date: Tue, 30 May 2023 18:34:18 +0800
Subject: [PATCH] peter

---
 .../360View/commonForm/optometryForm.vue      | 168 ++++++------------
 1 file changed, 51 insertions(+), 117 deletions(-)

diff --git a/src/components/360View/commonForm/optometryForm.vue b/src/components/360View/commonForm/optometryForm.vue
index 8c8650b..400097b 100644
--- a/src/components/360View/commonForm/optometryForm.vue
+++ b/src/components/360View/commonForm/optometryForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="operation-record" style=" background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
+  <div id="operation-record" style="background: #fff; padding: 10px 20px 50px 20px;page-break-after:always">
     <div v-if="!onlyRead && isPlatform" style="display: flex;justify-content: space-between">
       <div>
         <el-switch
@@ -11,7 +11,7 @@
           inactive-text="已断开"
         />
       </div>
-      <div>
+      <div style="position: fixed;z-index: 999;right: 90px;">
         <el-button v-print="print" size="small" @click="handleSaveTable">打印</el-button>
         <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
         <el-button type="danger" size="small" @click="handleDelete">删除</el-button>
@@ -912,11 +912,7 @@ export default {
   }
 }
 </script>
-
-<style lang="scss">
-.printBox{
-  page-break-inside: avoid !important;
-}
+<style lang="scss" scoped>
 #operation-record {
   height: 100%;
   overflow: auto;
@@ -942,12 +938,12 @@ export default {
   }
   .operation-record-table {
     width: 100%;
-    .el-input-group__append, .el-input-group__prepend{
+    ::v-deep .el-input-group__append, ::v-deep .el-input-group__prepend{
       background-color: transparent;
       color: #606266;
       border: none;
     }
-    .el-table__header-wrapper{
+    ::v-deep .el-table__header-wrapper{
       display: none;
     }
     .operation-text {
@@ -1003,7 +999,7 @@ export default {
       width: 180px;
     }
   }
-  .el-input__inner {
+  ::v-deep .el-input__inner {
     font-size: 16px;
     border: none;
     height: 26px !important;
@@ -1013,17 +1009,17 @@ export default {
     border-radius: 0;
     padding: 0;
   }
-  .el-textarea__inner{
+  ::v-deep .el-textarea__inner{
     border: none;
   }
-  .el-input__prefix {
+  ::v-deep .el-input__prefix {
     display: none;
   }
-  .el-date-editor.el-input,
-  .el-date-editor.el-input__inner {
+  ::v-deep .el-date-editor.el-input,
+  ::v-deep  .el-date-editor.el-input__inner {
     width: 140px;
   }
-  .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
+  ::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
     background: none !important;
   }
   .has-gutter {
@@ -1035,159 +1031,97 @@ export default {
       background: #ced4d9;
     }
   }
-  ::v-deep .el-table .el-table__cell{
-    padding: 5px 0;
+  ::v-deep .el-table__cell{
+    padding: 2px !important;
   }
+  //::v-deep .el-table .el-table__cell{
+  //  padding: 3px 0;
+  //}
 }
-</style>
-<style lang="scss">
 #optomeFunc{
+  page-break-inside: avoid !important;
   .check {
     cursor: pointer;
     user-select: none;
     display: flex;
     margin-right: 18px;
+    align-items: center;
     input{
       -webkit-appearance: checkbox !important;
       margin-right: 5px;
     }
   }
-  .el-input__inner {
+  .flex{
+    display: flex;
+  }
+  .j-c{
+    justify-content: center;
+  }
+  ::v-deep .el-input__inner {
     padding: 0;
     border: none;
+    height: 26px !important;
+    line-height: 26px !important;
     text-align: center;
     border-radius: 0;
     border-bottom: 1px solid #8e8c8c;
   }
   .operation-record-table{
-    .el-input__inner {
+    ::v-deep .el-input__inner {
       padding: 0;
       border: none;
       text-align: center;
       border-radius: 0;
     }
+    ::v-deep .el-input-group__append, ::v-deep .el-input-group__prepend{
+      background-color: transparent;
+      color: #606266;
+      border: none;
+    }
+    ::v-deep .el-table__header-wrapper{
+      display: none;
+    }
+    ::v-deep .el-input__prefix {
+      display: none;
+    }
   }
   .bold{
     font-weight: 700;
   }
-  .el-table th {
+  ::v-deep .el-table th {
     border-color: #8e8c8c !important;
   }
-  .el-table td {
+  ::v-deep .el-table td {
     border-color: #8e8c8c !important;
   }
-  .el-table--group,
-  .el-table--border {
+  ::v-deep .el-table--group,
+  ::v-deep .el-table--border {
     border: 1px solid #8e8c8c !important;
     border-bottom: none !important;
   }
-  .el-input__inner, .el-input-group__prepend {
+  ::v-deep .el-input__inner, .el-input-group__prepend {
     font-size: 16px;
   }
-  .el-table__cell{
-    padding: 2px !important;
+  ::v-deep .el-table__cell{
+    padding: 2px 0 !important;
   }
-  .el-textarea__inner{
+  ::v-deep .el-textarea__inner{
     border: none;
   }
-  .el-input__suffix-inner{
+  ::v-deep .el-input__suffix-inner{
     //display: none;
   }
-  .el-icon-arrow-up{
+  ::v-deep .el-icon-arrow-up{
     display: none;
   }
 }
+</style>
+<style lang="scss">
 @media print {
   img {
     box-shadow: none !important;
     -webkit-print-color-adjust: exact;
   }
 }
-#threeFunc{
-  .operation-record-table{
-    .el-input__inner {
-      padding: 0;
-      border: none;
-      text-align: center;
-      border-radius: 0;
-    }
-    .machineBox{
-      .el-table__cell {
-        height: 24px;
-      }
-      .el-table td {
-        border-color: #cbc8c8;
-      }
-      .el-table tr{
-        td:nth-child(1) {
-          border-right: 1px solid #212020;
-        }
-        td:nth-child(2) {
-          border-right: 1px solid #212020;
-        }
-
-      }
-      .el-table tbody {
-        tr:nth-child(2) {
-          td{
-            border-bottom: 1px solid #212020;
-          }
-        }
-        tr:nth-child(4) {
-          td{
-            border-bottom: 1px solid #212020;
-          }
-        }
-        tr:nth-child(6) {
-          td{
-            border-bottom: 1px solid #212020;
-          }
-        }
-      }
-
-    }
-  }
-  .el-table__cell{
-    padding: 6px 0 !important;
-  }
-  .el-input-group__append, .el-input-group__prepend{
-    padding: 0 5px !important;
-  }
-  .el-input__prefix {
-    //display: none;
-  }
-  .el-icon-arrow-up{
-    display: none;
-  }
-  .el-textarea__inner{
-    border: none;
-  }
-  .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
-    background: none !important;
-  }
-  .has-gutter {
-    display: none;
-    .cell {
-      font-weight: 700;
-    }
-    .el-table__cell {
-      background: #ced4d9;
-    }
-  }
-  .el-table__header-wrapper{
-    display: none;
-  }
-  .el-table th {
-    border-color: #8e8c8c;
-  }
-  .el-table td {
-    border-color: #8e8c8c;
-  }
-  .el-table--group,
-  .el-table--border {
-    border: 1px solid #8e8c8c !important;
-    border-bottom: none !important;
-  }
-}
 </style>