【修改bug】修改字数太长

src/assets/css/common.scss

@@ -45,3 +45,7 @@
     }
   }
 }
+.el-popper  .el-cascader-menu  .el-cascader-node__label{
+  width: 160px !important;
+  overflow: hidden;
+}

src/views/Report/ReportManager.vue

@@ -152,8 +152,8 @@
             <div class="tree">
                 <el-tree class="filter-tree" :data="treeData" default-expand-all :filter-node-method="filterNode" ref="tree">
                     <span class="custom-tree-node" slot-scope="{ node,data}">
-                        <span>{{ node.label }}</span>
+                        <span   class="textover">{{ node.label }}</span>
-                        <span>
+                        <span class="btnover">
                             <!-- <el-button type="text" @click.stop="add">新建</el-button> -->
                             <el-button type="text" v-if="data.parentId != '0'"
                                 @click.stop="update(node, data)">编辑</el-button>
@@ -1163,7 +1163,7 @@ export default {
         align-items: center;
         justify-content: space-between;
         font-size: 14px;
-
+         width: calc(100% - 32px);
     }
 }
 
@@ -1425,4 +1425,14 @@ export default {
 .deleRed{
   color: red !important;
 }
+.btnover{
+  display: inline-block;
+  width: 68px;
+}
+.textover{
+  display: inline-block;
+  width: calc(100% - 120px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 </style>

src/views/Report/reportManager/labelModal.vue

@@ -2,20 +2,20 @@
     <div>
         <el-dialog title="新增/编辑标签" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
             <div class="form">
-                <el-form ref="form" :model="form" label-width="80px" >
+                <el-form ref="form" :model="form" label-width="80px" :show-message="false">
-                    <el-form-item label="上级标签" prop="nodeLabel" required>
+                    <el-form-item label="上级标签"  required>
                         <el-cascader v-model="form.nodeLabel" placeholder="请选择上级标签" :options="cascaderOptions" filterable :props="{ checkStrictly: true }" clearable >
                         </el-cascader>
                     </el-form-item>
 
-                    <el-form-item label="标签名称" prop="label" required>
+                    <el-form-item label="标签名称"  required>
-                        <el-input v-model="form.label" max="100"  placeholder="请输入标签名称"></el-input>
+                        <el-input v-model="form.label" maxlength="100"  placeholder="请输入标签名称"></el-input>
                     </el-form-item>
-                    <el-form-item label="排序" prop="orderNum" required>
+                    <el-form-item label="排序"  required>
-                        <el-input v-model="form.orderNum" placeholder="请输入排序"></el-input>
+                        <el-input v-model="form.orderNum" max="100" placeholder="请输入排序"></el-input>
                     </el-form-item>
                     <el-form-item label="备注" prop="remark">
-                        <el-input v-model="form.remark" max="100" placeholder="请输入备注"></el-input>
+                        <el-input v-model="form.remark" maxlength="1000" placeholder="请输入备注"></el-input>
                     </el-form-item>
                     <el-form-item>
                         <el-button @click="cancel" class="btn">取消</el-button>
@@ -51,14 +51,14 @@ export default {
                 ],
             // rule: {
             //     label: [
-            //         { required: true, trigger: 'blur', message: '请输入标签名称' }
+            //         { required: true, trigger: '' }
             //     ],
             //     nodeLabel: [
-            //         { required: true, trigger: 'change', message: '请选择上级标签' }
+            //         { required: true, trigger: '' }
             //     ],
             //     orderNum: [
-            //          { required: true, trigger: 'change', message: '请输入排序' },
+            //          { required: true, trigger: '' },
-            //          { validator:checkNum , trigger: 'change'}
+            //
             //     ],
             //
             // },
@@ -207,4 +207,5 @@ export default {
     line-height: 40px !important;
     width: 100%;
 }
+
 </style>