Update form.vue

src/components/form.vue

@@ -2301,6 +2301,7 @@ export default {
 </style>
 
 <!--级联样式-->
+<!--级联样式-->
 <style scoped lang="scss">
 $-header-bg: #1a81e1;
 $-header-height: 60px;
@@ -2473,61 +2474,44 @@ $-header-fontSize: 18px;
 
       // 表单元素的真实容器
       .zdyLine {
-        padding-bottom: 20px;
-        border-bottom: 1px solid #e4e4e4;
         /deep/.el-form-item {
-          margin-bottom: 0px !important;
-          .el-form-item__label {
-            font-size: 14px;
-            font-family: Source Han Sans CN;
-            font-weight: 400;
-            color: #666666;
-            line-height: 32px;
-          }
-          .el-form-item__content {
-            font-size: 13px;
-            line-height: 36px;
-            // height: 36px;
-            .el-form-item__error {
-              padding-top: 0px;
-              position: relative;
-              top: 0;
-              left: 0;
-              display: block;
-              clear: both;
-              overflow: hidden;
-              margin: 0;
-              padding: 0;
-            }
-            .el-textarea {
-              margin-bottom: 10px;
-            }
-            .el-input__inner {
-              border-radius: 4px;
-            }
-            .codeTree {
-              .el-select {
-                .el-icon-arrow-up {
-                  font-family: "iconfont" !important;
-                  font-size: 16px !important;
-                  font-style: normal;
-                  -webkit-font-smoothing: antialiased;
-                  -moz-osx-font-smoothing: grayscale;
-                }
-                .el-icon-arrow-up:before {
-                  content: "\e635";
-                }
-              }
-            }
-          }
+          margin-bottom: 15px !important;
         }
+
+        .zdyInputW {
+          position: relative;
+        }
+
+        /deep/ .el-button--primary {
+          background: #3670ff;
+          box-shadow: 0px 4px 6px rgba(26, 129, 225, 0.12);
+        }
+
+        /deep/ .el-form-item__content,
+        /deep/ .el-form-item__label {
+          line-height: 32px;
+          color: #666666;
+        }
+
+        .el-select,
+        .el-input,
+        .el-range-editor.el-input__inner,
+        .zdyInputW,
+        .el-input.el-date-editor--datetime {
+          width: 100%;
+          text-align: left;
+          line-height: 32px;
+          height: 32px;
+          vertical-align: middle;
+        }
+
         .item1,
         .zdycol1 {
           display: inline-block;
           width: 100%;
         }
         .item1col2 {
-          display: inline-table;
+          display: inline-block;
           .el-select {
             width: 360px;
             height: 36px;
@@ -2546,7 +2530,7 @@ $-header-fontSize: 18px;
         }
         .item2,
         .zdycol2 {
-          display: inline-table;
+          display: inline-block;
           width: 33.33%;
           /deep/ .el-input .el-input--suffix,
           .el-date-editor {
@@ -2555,19 +2539,19 @@ $-header-fontSize: 18px;
         }
         .item3 {
           width: 66.66%;
-          display: inline-table;
+          display: inline-block;
         }
         .item5 {
           width: 66.66%;
-          display: inline-table;
+          display: inline-block;
         }
         .item6 {
           width: 48%;
-          display: inline-table;
+          display: inline-block;
         }
         .item7 {
           width: 66%;
-          display: inline-table;
+          display: inline-block;
           margin-right: 34%;
           .zdyInputW,
           .el-input {
@@ -2581,7 +2565,7 @@ $-header-fontSize: 18px;
         .item9 {
           width: 40%;
           margin-right: 20%;
-          display: inline-table;
+          display: inline-block;
           /deep/ .el-date-editor {
             width: 100% !important;
           }
@@ -2589,7 +2573,7 @@ $-header-fontSize: 18px;
         .item10 {
           width: 40%;
           margin-right: 60%;
-          display: inline-table;
+          display: inline-block;
         }
         .item11 {
           width: 90%;
@@ -2638,14 +2622,13 @@ $-header-fontSize: 18px;
         }
         .item18 {
           width: 66.8%;
-          margin: 14px 0;
           margin-right: 34%;
           display: inline-block;
         }
         .item19 {
           width: 46%;
           margin-right: 20%;
-          display: inline-table;
+          display: inline-block;
         }
         .item20 {
           margin-left: 145px;
@@ -2658,8 +2641,7 @@ $-header-fontSize: 18px;
           display: inline-block;
         }
         .item22 {
-          width: 98.5%;
-          margin: 14px 0;
+          width: 97%;
           .el-input {
             width: 65% !important;
           }
@@ -2673,7 +2655,7 @@ $-header-fontSize: 18px;
         .item25 {
           width: 33%;
           margin-right: 33%;
-          display: inline-table;
+          display: inline-block;
         }
 
         .upload-demo {
@@ -2884,83 +2866,6 @@ $-header-fontSize: 18px;
   color: #606266 !important;
   background-color: #f1f3f4 !important;
 }
-/*警员选择*/
-.jyDialog {
-  /deep/ .el-dialog__body {
-    padding: 10px 15px;
-  }
-  /deep/ .el-input__inner {
-    height: 30px;
-    line-height: 30px;
-  }
-  /deep/ .el-form-item {
-    margin-bottom: 14px;
-  }
-  /deep/ .ryListWrap {
-    height: 300px;
-    max-height: 400px;
-    overflow-y: auto;
-    margin: 0 15px;
-  }
-  li {
-    list-style-type: none;
-    display: inline-block;
-    width: 33%;
-    margin: 3px 0;
-  }
-  /deep/ .el-form-item {
-    line-height: 30px;
-    height: 30px;
-  }
-}
-.dragwrap {
-  display: flex;
-  padding: 10px 20px;
-  .contentH {
-    max-height: 400px;
-    overflow-y: auto;
-  }
-  .group-item3 {
-    width: 33%;
-    display: inline-block;
-  }
-  .group-item1 {
-    width: 100%;
-  }
-  .selected {
-    width: 565px;
-    display: inline-block;
-    margin-right: 40px;
-    margin-bottom: 15px;
-    li {
-      color: $base-color;
-      cursor: pointer;
-      div {
-        display: inline-block;
-      }
-    }
-  }
-  .waiting {
-    flex: 1;
-    display: inline-block;
-    margin-bottom: 15px;
-    li {
-      color: #333333;
-      cursor: pointer;
-      display: inline-block;
-      width: 33%;
-      div {
-        display: inline-block;
-      }
-    }
-  }
-  .select-header {
-    font-weight: bold;
-    line-height: 19px;
-    color: #333333;
-    margin: 8px 0;
-  }
-}
 </style>
 <style scoped lang='scss'>
 .el-upload-action {