表单样式修改

src/components/360View/commonForm/deveopmentFIle-copy.vue

@@ -5,7 +5,7 @@
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
       <el-button type="danger" size="small" @click="handleDelete">删除</el-button>
     </div>
-    <div id="threeFunc" style="width: 840px;padding-right: 8px">
+    <div id="development" style="width: 840px;padding-right: 8px">
       <div class="flex j-c">
         <img width="450" src="@/assets/img/xianganlogo.png">
       </div>
@@ -321,7 +321,7 @@ export default {
   data() {
     return {
       printObj: {
-        id: 'threeFunc',
+        id: 'development',
         extraHead: '<meta http-equiv="Content-Language"content="zh-cn"/>,<style>  #printId { width: 100%; !important; }  .el-input__prefix { display: none } <style>'
       },
       dataForm: {
@@ -608,7 +608,7 @@ export default {
       }
     },
     handlePrint() {
-      this.printPage('threeFunc')
+      this.printPage('development')
     },
     handleSaveTable() {
       this.$http.post('/qgfyda/saveQgfyda', this.dataForm).then(({ data: res }) => {
@@ -629,7 +629,13 @@ export default {
 }
 </script>
 <style lang="scss">
-#threeFunc {
+#development {
+  .el-input__inner {
+    border: none;
+    height: 26px !important;
+    line-height: 26px !important;
+    text-align: center;
+  }
   .el-input__suffix, .el-input__prefix {
     display: none;
   }
@@ -651,12 +657,6 @@ export default {
   justify-content: center;
 }
 .operation-record-table{
-  .el-input__inner {
-    border: none;
-    height: 26px !important;
-    line-height: 26px !important;
-    text-align: center;
-  }
   .el-input-group__append, .el-input-group__prepend{
     background-color: transparent;
     color: #606266;
@@ -690,12 +690,6 @@ export default {
       color: #46a1ff;
       font-weight: 400;
     }
-    .el-input__inner {
-      border: none;
-      height: 26px !important;
-      line-height: 26px !important;
-      text-align: center;
-    }
     .el-input__inner {
       border-bottom: 1px solid #ccc;
       border-radius: 0;

src/components/360View/commonForm/eyesVision.vue

@@ -656,25 +656,30 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+#eyesFunc{
+  ::v-deep .el-input__inner {
+    border: none;
+    line-height: 26px !important;
+    text-align: center;
+    border-bottom: 1px solid #ccc;
+    border-radius: 0;
+    padding: 0;
+  }
+  ::v-deep .el-input-group--prepend .el-input__inner{
+    height: 26px !important;
+  }
+  .eyesTable{
+    ::v-deep .el-table__cell{
+      padding: 5px 0 !important;
+    }
+  }
+}
 .flex{
   display: flex;
 }
 .j-c{
   justify-content: center;
 }
-::v-deep .el-select {
-  height: 100%;
-  line-height: inherit;
-  .el-input {
-    height: 100%;
-    .el-input__inner {
-      height: 100% !important;
-    }
-    .el-input__icon {
-      line-height: inherit;
-    }
-  }
-}
 .check {
   cursor: pointer;
   user-select: none;
@@ -689,15 +694,6 @@ export default {
   font-weight: 700;
 }
 .printBox{
-  .el-input__inner {
-    border: none;
-    height: 26px !important;
-    line-height: 26px !important;
-    text-align: center;
-    border-bottom: 1px solid #ccc;
-    border-radius: 0;
-    padding: 0;
-  }
   .el-table tr{
     page-break-inside: avoid;
   }
@@ -753,10 +749,3 @@ export default {
   }
 }
 </style>
-<style lang="scss">
-  .eyesTable{
-    .el-table__cell{
-      padding: 7px 0 !important;
-    }
-  }
-</style>

src/components/360View/commonForm/optometryForm-copy.vue

@@ -5,7 +5,7 @@
       <el-button type="primary" size="small" @click="handleSaveTable">保存</el-button>
       <el-button type="danger" size="small" @click="handleDelete">删除</el-button>
     </div>
-    <div id="optomeFunc" style="width: 840px;padding-right: 8px" class="printBox">
+    <div id="optomeFunc" style="width: 840px;padding-right: 8px" class="printBox optomeFunc">
       <div class="flex j-c" style="padding-bottom: 8px">
         <img width="320" src="@/assets/img/xianganlogo.png">
       </div>
@@ -835,6 +835,18 @@ export default {
 .printBox{
   page-break-inside: avoid !important;
 }
+.optomeFunc{
+  .el-input__inner {
+    font-size: 16px;
+    border: none;
+    height: 26px !important;
+    line-height: 26px !important;
+    text-align: center;
+    border-bottom: 1px solid #8e8c8c;
+    border-radius: 0;
+    padding: 0;
+  }
+}
 #operation-record {
   height: 100%;
   overflow: auto;
@@ -921,16 +933,6 @@ export default {
       width: 180px;
     }
   }
-  .el-input__inner {
-    font-size: 16px;
-    border: none;
-    height: 26px !important;
-    line-height: 26px !important;
-    text-align: center;
-    border-bottom: 1px solid #8e8c8c;
-    border-radius: 0;
-    padding: 0;
-  }
   .el-textarea__inner{
     border: none;
   }

src/components/360View/commonForm/threeVision.vue

@@ -486,6 +486,15 @@ export default {
   justify-content: center;
 }
 #threeFunc{
+  .el-input__inner {
+    border: none;
+    height: 26px !important;
+    line-height: 26px !important;
+    text-align: center;
+    border-bottom: 1px solid #ccc;
+    border-radius: 0;
+    padding: 0;
+  }
   .el-table__cell{
     padding: 7px 0 !important;
   }
@@ -706,15 +715,6 @@ export default {
       width: 180px;
     }
   }
-  .el-input__inner {
-    border: none;
-    height: 26px !important;
-    line-height: 26px !important;
-    text-align: center;
-    border-bottom: 1px solid #ccc;
-    border-radius: 0;
-    padding: 0;
-  }
   .el-input__prefix {
     display: none;
   }