【修改】字符限制的样式

src/assets/css/common.scss

@@ -62,4 +62,24 @@
   border-radius: 10px;
   background-color: red;
 }
+.showLimit {
+
+  //.el-input__count {
+  //  position: absolute;
+  //  bottom: 5px; /* 调整位置 */
+  //  right: 5px; /* 调整位置 */
+  //}
+  .el-input__inner{
+    padding-right: 60px; /* 留出word-limit显示的空间 */
+  }
+  .el-textarea__inner{
+    padding-bottom: 30px;
+  }
+  .el-textarea .el-input__count{
+    width: 92%;
+    text-align: right;
+    bottom: 0.5px;
+    right: 28px;
+  }
+}
 

src/views/Report/ReportManager.vue

@@ -181,7 +181,7 @@
         <el-dialog :title="mode === 'modify' ? '报告编辑' : '报告上传'" :visible.sync="dialogReport" width="750px"
             :close-on-click-modal="false" :close-on-press-escape="false" modal-append-to-body append-to-body>
             <div class="report-upload">
-                <el-form :model="reportF" label-width="186px" :disabled="mode === 'view'">
+                <el-form :model="reportF" label-width="186px" :disabled="mode === 'view'" class="showLimit">
                     <el-form-item label="报告名称:" required>
                         <el-input v-model="reportF.name" placeholder="请填写" maxlength="100" show-word-limit></el-input>
                     </el-form-item>
@@ -205,7 +205,7 @@
                     </el-form-item>
                     <el-form-item label="内容摘要:">
                         <el-input v-model="reportF.mainContent" placeholder="请填写" type="textarea" maxlength="500"
-                            show-word-limit></el-input>
+                              show-word-limit></el-input>
                     </el-form-item>
                     <el-form-item label="报告所属部门:">
                         <el-input v-model="reportF.department" placeholder="请填写" maxlength="100" show-word-limit></el-input>