文本添加省略号

src/components/common/custom-module/model-text/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div v-if="is_show" ref="modelText" class="img-outer w h re oh" :style="com_style">
-        <div :style="text_style" class="text-word-break">
+        <div :style="text_style" :class="`text-word-break text-line-${ form?.width_omit_num == '0' || form.is_rich_text == '1' ? '' : form?.width_omit_num || '' }`">
             <template v-if="form.is_rich_text == '1'">
                 <div class="rich-text-content" :innerHTML="text_title"></div>
             </template>

src/components/common/custom-module/model-text/model-text-style.vue

@@ -86,6 +86,14 @@
             <div class="bg-f5 divider-line" />
             <card-container>
                 <div class="mb-12">容器设置</div>
+                <el-form-item v-if="form.is_rich_text !== '1'" label="行宽省略">
+                    <el-radio-group v-model="form.width_omit_num" @change="operation_end">
+                        <el-radio value="0">不限制</el-radio>
+                        <el-radio value="1">一行</el-radio>
+                        <el-radio value="2">两行</el-radio>
+                        <el-radio value="3">三行</el-radio>
+                    </el-radio-group>
+                </el-form-item>
                 <el-form-item label="宽度自适应">
                     <el-switch v-model="form.is_width_auto" active-value="1" inactive-value="0" @change="is_width_auto_change"/>
                 </el-form-item>

src/components/model-custom/components/index-default.ts

@@ -23,6 +23,7 @@ const text_com_data = {
     },
     is_width_auto: '0',
     is_height_auto: '0',
+    width_omit_num: '0',
     max_width: 150,
     max_height: 17,
     data_follow: { type: 'left', id: '', spacing: 0 },