修改ui样式

src/views/zzwlr/xzry.scss

@@ -2,15 +2,14 @@
   width: 100%;
   height: 100%;
 }
+
 .top {
   width: 100%;
   height: 82px;
-  background: linear-gradient(
-    270deg,
-    rgba(249, 251, 254, 0.5) 0%,
-    #f2f6fa 49%,
-    rgba(249, 251, 254, 0.5) 100%
-  );
+  background: linear-gradient(270deg,
+      rgba(249, 251, 254, 0.5) 0%,
+      #f2f6fa 49%,
+      rgba(249, 251, 254, 0.5) 100%);
   filter: blur(0px);
   display: flex;
   align-items: center;
@@ -18,6 +17,7 @@
 
   .fir {
     display: flex;
+
     .cir {
       width: 24px;
       height: 24px;
@@ -27,6 +27,7 @@
       padding: 3px 8px;
       color: #fff;
     }
+
     span {
       font-size: 16px;
       font-family: HarmonyOS_Sans_SC;
@@ -34,12 +35,14 @@
       line-height: 22px;
       margin-left: 5px;
     }
+
     .dashed {
       margin: 10px 10px;
       width: 112px;
       height: 1px;
       border: 1px dashed #055fe7;
     }
+
     .solid {
       margin: 10px 10px;
       width: 112px;
@@ -47,8 +50,10 @@
       background: #cccccc;
     }
   }
+
   .unactive {
     display: flex;
+
     .cir {
       width: 24px;
       height: 24px;
@@ -59,6 +64,7 @@
       color: #cccccc;
       background-color: #ECEDF1;
     }
+
     span {
       font-size: 16px;
       font-family: HarmonyOS_Sans_SC;
@@ -66,12 +72,14 @@
       line-height: 22px;
       margin-left: 5px;
     }
+
     .dashed {
       margin: 10px 10px;
       width: 112px;
       height: 1px;
       border: 1px dashed #055fe7;
     }
+
     .solid {
       margin: 10px 10px;
       width: 112px;
@@ -84,53 +92,64 @@
 .content {
   height: 100%;
   padding-bottom: 168px;
+
   .el-form {
     height: 100%;
     overflow: auto;
     padding: 0 245px;
   }
 }
+
 .inputBh {
   /deep/.el-input-group__prepend {
     width: 40px;
     text-align: center;
     padding: 0;
   }
+
   /deep/.el-input__inner {
     // width: 224px;
     width: 260px;
   }
 }
+
 // 滚动条的宽度
 /deep/ .el-form::-webkit-scrollbar {
   width: 6px; // 横向滚动条
   height: 6px; // 纵向滚动条 必写
 }
+
 // 滚动条的滑块
 /deep/ .el-form::-webkit-scrollbar-thumb {
   background-color: #dadde0;
   border-radius: 3px;
 }
+
 /deep/.el-checkbox__input.is-checked .el-checkbox__inner,
 .el-checkbox__input.is-indeterminate .el-checkbox__inner {
   background-color: #055fe7;
   border-color: #055fe7;
 }
+
 /deep/.el-checkbox__input.is-checked .el-checkbox__inner,
 /deep/.el-checkbox__input.is-indeterminate .el-checkbox__inner {
   background-color: #055fe7;
   border-color: #055fe7;
 }
-/deep/.el-checkbox__input.is-checked + .el-checkbox__label {
+
+/deep/.el-checkbox__input.is-checked+.el-checkbox__label {
   color: #333333;
 }
+
 /deep/.flexBox {
   display: flex;
+
   .el-checkbox {
     margin-right: 24px;
     margin-bottom: 10px;
   }
 }
+
 /deep/.el-radio {
   margin-right: 30px;
 }
@@ -138,12 +157,14 @@
 .title {
   display: flex;
   margin-top: 30px;
+
   div {
     font-size: 16px;
     font-family: HarmonyOS_Sans_SC;
     color: #282f3c;
     line-height: 24px;
   }
+
   .colorDiv {
     width: 4px;
     height: 16px;
@@ -153,6 +174,7 @@
     margin-top: 5px;
   }
 }
+
 /deep/.el-button {
   width: 72px;
   height: 40px;
@@ -161,6 +183,7 @@
   border-radius: 4px;
   border: 1px solid #aeb5c2;
 }
+
 /deep/.el-button--default {
   border-color: #AEB5C2;
   color: #2E3846;
@@ -168,6 +191,7 @@
   width: 156px;
   height: 40px;
 }
+
 /deep/.el-button--primary {
   border-color: #055fe7;
   background: #055fe7;
@@ -176,31 +200,47 @@
   width: 72px;
   height: 40px;
 }
-/deep/.el-button + .el-button {
+
+/deep/.el-button+.el-button {
   margin-left: 24px;
 }
+
+
 /deep/.el-textarea__inner {
   width: 845px;
   height: 76px;
   overflow: auto;
+  background: #F6F8FA;
+  box-shadow: inset 0px 1px 2px 0px rgba(5, 95, 231, 0.18);
+  border-radius: 4px;
+  border: 1px solid #EEEEEE;
 }
+
+
 /deep/.el-row {
   margin-bottom: 24px;
 }
+
 .el-form-item {
-	width: 470px;
+  width: 470px;
 }
-.title, .el-divider--horizontal, .el-checkbox-group {
-	margin-left: 55px;
+
+.title,
+.el-divider--horizontal,
+.el-checkbox-group {
+  margin-left: 55px;
 }
+
 .item-row {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
+
 /deep/.el-input__inner {
   width: 300px;
 }
+
 /deep/.el-form-item__label {
   width: 160px;
   padding: 0;
@@ -208,18 +248,25 @@
   font-family: HarmonyOS_Sans_SC;
   color: #333333;
 }
+
 /deep/.el-divider--horizontal {
   width: 89% !important;
 }
 
 .bz {
-	margin-left: 70px;
-	.el-form-item {
-		width: 1300px;
-	}
-	/deep/.el-form-item__label {
-		width: 150px;
-	}
+  margin-left: 70px;
+
+  .el-form-item {
+    width: 1300px;
+    // background: #F6F8FA;
+    // box-shadow: inset 0px 1px 2px 0px rgba(5, 95, 231, 0.18);
+    // border-radius: 4px;
+    // border: 1px solid #EEEEEE;
+  }
+
+  /deep/.el-form-item__label {
+    width: 150px;
+  }
 }
 
 // 日期选择器
@@ -227,56 +274,68 @@
   position: absolute;
   right: 6px;
 }
+
 // /deep/.el-date-editor {
 //   .el-input__prefix {
 //     position: absolute;
 //     right: 6px;
 //   }
 // }
-/deep/.el-input__prefix, .el-input__suffix {
-	left: 250px;
+/deep/.el-input__prefix,
+.el-input__suffix {
+  left: 250px;
 }
+
 /deep/.el-input--prefix .el-input__inner {
-	padding-left: 15px;
+  padding-left: 15px;
 }
+
 /deep/.el-input-group__prepend {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	width: 18px !important;
-	height: 18px !important;
-	background: #ECEDF1;
-	border-radius: 3px;
-	position: absolute;
-	margin: 0 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 18px !important;
+  height: 18px !important;
+  background: #ECEDF1;
+  border-radius: 3px;
+  position: absolute;
+  margin: 0 8px;
 }
+
 .inputBh {
-	display: flex;
-	align-items: center;
-	/deep/.el-input__inner {
-		padding-left: 30px;
-		width: 300px;
-	}
+  display: flex;
+  align-items: center;
+
+  /deep/.el-input__inner {
+    padding-left: 30px;
+    width: 300px;
+  }
 }
+
 .no_require {
   /deep/.el-form-item__label {
     padding-left: 10px;
   }
 }
-/deep/.el-tag{
+
+/deep/.el-tag {
   // padding-right: 5px !important;
 }
-/deep/.el-tag.el-tag--info{
+
+/deep/.el-tag.el-tag--info {
   background-color: #f8f8f8;
   color: #333333;
   border: none !important;
 }
-/deep/.el-tag.el-tag--info .el-tag__close{
+
+/deep/.el-tag.el-tag--info .el-tag__close {
   color: #8A8A8A !important;
 }
-/deep/.el-icon-close{
+
+/deep/.el-icon-close {
   // width: auto;
 }
+
 // /deep/.el-select__tags-text{
 //   max-width: 91% !important;
-// }
+// }
\ No newline at end of file

src/views/zzwlr/xzry.vue

@@ -136,9 +136,10 @@
 
         <el-row class="item-row bz">
           <el-form-item label="备注信息：">
-            <el-input resize="none" type="textarea" placeholder="请输入内容" v-model.trim="ruleForm.bz" maxlength="1024"
+            <el-input resize="none" type="textarea" placeholder="请输入内容" v-model.trim="ruleForm.bz" 
               show-word-limit>
             </el-input>
+            <!-- maxlength="1024" -->
           </el-form-item>
         </el-row>
         <el-divider></el-divider>