教育培训/预案演练 el-input show-word-limit 文字遮挡处理

src/views/core/drill/drillDictionary/index.vue

@@ -122,8 +122,7 @@
           <el-input v-model="form.drillProjects" maxlength="50"  placeholder="请输入解决方案"/>
         </el-form-item>
         <el-form-item label="预设案由" prop="defaultCause">
-          <el-input v-model="form.defaultCause" maxlength="2000" :rows="6"
-  show-word-limit type="textarea" placeholder="请输入预设案由"/>
+          <k-textarea v-model="form.defaultCause" :length="2000" show-word-limit placeholder="请输入预设案由"/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -145,12 +144,13 @@ import {
 } from "@/api/core/drill/drillDictionary";
 import OrgTree from "@/components/orgTree";
 import BtnTip from "@/components/btnTip";
-import KFileUpload from "@/components/K-FileUpload";
 import tableList from "@/mixins/tableList";
 import {queryKnowledgeList} from "@/api/core/edu/knowledge";
+import KTextarea from "@/components/common/textarea.vue";
+
 export default {
   name: "DrillDictionary",
-  components: {OrgTree,BtnTip},
+  components: {OrgTree,BtnTip,KTextarea},
   dicts: ['core_drill_type'],
   mixins: [tableList],
   data() {

src/views/core/edu/plan/index.vue

@@ -242,7 +242,7 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="备注" prop="remark">
-              <el-input v-model="form.remark" maxlength="200" :autosize="{ minRows: 2, maxRows: 4}" type="textarea"
+              <k-textarea  v-model="form.remark" :length="200" :autosize="{ minRows: 2, maxRows: 4}" type="textarea"
                         show-word-limit placeholder="请输入备注"/>
             </el-form-item>
           </el-col>
@@ -295,11 +295,12 @@ import {deptTreeSelect} from "@/api/system/public";
 import KFileUpload from "@/components/K-FileUpload/index.vue";
 import DialogSelectFile from "./dialog.select.file.vue";
 import dayjs from "dayjs";
+import KTextarea from "@/components/common/textarea.vue";
 
 export default {
   name: "Plan",
   dicts: ['sys_org_type', 'edu_plan_cycle', 'edu_plan_status'],
-  components: {OrgTreeSelect, OrgTree, KFileUpload, DialogSelectFile},
+  components: {OrgTreeSelect, OrgTree, KFileUpload, DialogSelectFile,KTextarea},
   mixins: [tableList],
   data() {
     return {

src/views/core/materials/index.vue

@@ -178,8 +178,8 @@
     </el-row>
     <!-- 添加或修改学习资料对话框 -->
     <DialogCom :title="title" :visible.sync="open" @close="cancel" width="700px" append-to-body>
-      <el-form :disabled="title=='学习资料详情'" ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="资料名称" prop="title">
+      <el-form :disabled="title=='知识库详情'" ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="资料名称" prop="title" class="endItem">
           <el-input v-model="form.title" placeholder="请输入资料名称" maxlength="50" show-word-limit/>
         </el-form-item>
 
@@ -199,16 +199,18 @@
         </el-form-item>-->
 
         <el-form-item label="资料附件" prop="fileList">
-          <K-file-upload  ref="upload" :isShowUploadBtn="title!='学习资料详情'"
+          <K-file-upload  ref="upload" :isShowUploadBtn="title!='知识库详情'"
           :defaultValue="formFileListDefualtValue"
           v-model="form.fileList"/>
         </el-form-item>
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" maxlength="200" show-word-limit/>
+
+        <el-form-item prop="remark" label="备注">
+          <k-textarea v-model="form.remark" placeholder="请输入备注" :length="200"/>
         </el-form-item>
+
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button v-show="title!='学习资料详情'" type="primary" @click="submitForm">确 定</el-button>
+        <el-button v-show="title!='知识库详情'" type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </DialogCom>
@@ -231,10 +233,11 @@ import OrgTree from "@/components/orgTree/index.vue";
 import kOrgTree from "@/components/k-orgTree/index.vue";
 import KFileUpload from "@/components/K-FileUpload/index.vue";
 import tableList from "@/mixins/tableList";
+import KTextarea from "@/components/common/textarea.vue";
 
 export default {
   name: "Materials",
-  components: {OrgTree, kOrgTree, KFileUpload},
+  components: {OrgTree, kOrgTree, KFileUpload,KTextarea},
   mixins: [tableList],
   dicts: ["edu_materials_type"],
   data() {
@@ -471,7 +474,7 @@ export default {
         this.form = response.data;
         this.formFileListDefualtValue=this.form.fileList;
         this.open = true;
-        this.title = "修改学习资料";
+        this.title = "修改知识库";
       });
     },
     /** 详情按钮操作 */
@@ -482,7 +485,7 @@ export default {
         this.form = response.data;
         this.formFileListDefualtValue=this.form.fileList;
         this.open = true;
-        this.title = "学习资料详情";
+        this.title = "知识库详情";
       });
     },
     /** 提交按钮 */
@@ -523,10 +526,13 @@ export default {
   }
 };
 </script>
-<style>
+<style lang="scss">
 .ellipsis {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.endItem .el-input__inner{
+  padding-right: 50px;
+}
 </style>