Преглед изворни кода

弹窗标题,文本超出换行

gangyj пре 2 година
родитељ
комит
46a76e63b1
2 измењених фајлова са 22 додато и 6 уклоњено
  1. 11 3
      src/views/manager/archivetree.vue
  2. 11 3
      src/views/manager/projectinfo/archivetreeRule.vue

+ 11 - 3
src/views/manager/archivetree.vue

@@ -619,14 +619,14 @@
     </el-dialog>
     <!-- 设置最高层级 -->
      <el-dialog
-      title="设置最高并卷层级"
+      :title="setName"
       :visible.sync="highVisible"
       width="50%"
       append-to-body
     >
-     <el-checkbox-group v-model="checkList">
+     <el-checkbox-group v-model="checkList" class="wraplabel">
       <div v-for="node in nodesList" :key="node.id">
-        <el-checkbox :label="node.id" style="margin-bottom:10px">{{node.pathName}}</el-checkbox>
+        <el-checkbox :label="node.id" style="margin-bottom:10px;">{{node.pathName}}</el-checkbox>
       </div>
     </el-checkbox-group>
       <span
@@ -1779,4 +1779,12 @@ export default {
 .config-allname{
   margin-top: 20px;
 }
+
+.wraplabel /deep/ .el-checkbox__label {
+  display: inline-grid;
+  white-space: pre-line;
+  word-wrap: break-word;
+  overflow: hidden;
+  line-height: 20px;
+}
 </style>

+ 11 - 3
src/views/manager/projectinfo/archivetreeRule.vue

@@ -610,14 +610,14 @@
     </el-dialog>
     <!-- 设置最高层级 -->
      <el-dialog
-      title="设置最高并卷层级"
+      :title="setName"
       :visible.sync="highVisible"
       width="50%"
       append-to-body
     >
-     <el-checkbox-group v-model="checkList">
+     <el-checkbox-group v-model="checkList"  class="wraplabel">
       <div v-for="node in nodesList" :key="node.id">
-        <el-checkbox :label="node.id" style="margin-bottom:10px">{{node.pathName}}</el-checkbox>
+        <el-checkbox :label="node.id" style="margin-bottom:10px;">{{node.pathName}}</el-checkbox>
       </div>
     </el-checkbox-group>
       <span
@@ -1773,4 +1773,12 @@ export default {
 .config-allname{
   margin-top: 20px;
 }
+
+.wraplabel /deep/ .el-checkbox__label {
+  display: inline-grid;
+  white-space: pre-line;
+  word-wrap: break-word;
+  overflow: hidden;
+  line-height: 20px;
+}
 </style>