fix:[模板管理]导出内容截断优化

src/App.vue

@@ -314,7 +314,14 @@ export default {
     margin-top: 10px;
   }
 }
-
+.no-break {
+    page-break-inside: avoid;
+  }
+/* 表格行不被分割 */
+  table, tr, td, th {
+    page-break-inside: avoid;
+  }
+  
 /** 基础信息设置tab **/
 
 .edit-container {

src/components/Template/BaseInfoFormPackage.vue

@@ -315,10 +315,12 @@ export default {
 }
 
 .flex1 {
+    page-break-inside: avoid;
     flex: 1;
 }
 
 .flex {
+    page-break-inside: avoid;
     display: flex;
 }
 

src/components/Template/CustomTable.vue

@@ -940,6 +940,7 @@ export default {
 	text-align: left;
 	vertical-align: middle;
 	border-right: 1px solid #ebeef5;
+    page-break-inside: avoid;
 	box-sizing: border-box;
 }
 
@@ -959,6 +960,7 @@ export default {
 
 .body-cell {
 	color: #606266;
+    page-break-inside: avoid;
 	background-color: #fff;
 }
 

src/components/Template/Table.vue

@@ -3,7 +3,7 @@
         <LineLabel v-if = "label" :label="label"></LineLabel>
         <div class="mt-20">
             <el-table :data="dataSource">
-                <el-table-column v-for="(item) in columns" :prop="item.prop" :key="item.prop" :label="$t(item.label)">
+                <el-table-column v-for="(item) in columns" :prop="item.prop" :key="item.prop" :label="$t(item.label)" class="no-break">
                 </el-table-column>
             </el-table>
         </div>

src/views/business/comps/common/JcgjList.vue

@@ -16,14 +16,14 @@
         <el-radio-button :label="9" v-if="showBcsm">{{ $t('page.business.resource.mjy.bcsm') }}</el-radio-button>
       </el-radio-group>
     </div>
-    <div class="jcgjList-content">
+    <div class="jcgjList-content ">
       <el-timeline style="margin-left: -30px;">
       <el-timeline-item placement="top" v-for="(item, index) in list" :key="index"  :color="item.color">
-        <div class="jcgjList-title">
+        <div class="jcgjList-title no-break">
           <div class="jcgjList-jcmc" :style="'color:' + item.color">{{ $i18n.locale === 'zh_CN'?item.jcmc:item.jcmcEn }}</div>
           <div>{{ item.createTime }}</div>
         </div>
-        <div class="jcglList-jcnr">
+        <div class="jcglList-jcnr no-break">
           <template v-if="$i18n.locale === 'zh_CN'">
             <div v-for="(pitem, pindex) in item.jcnrList" :key="pindex">
               {{ pitem.name }}：{{ pitem.value }}

src/views/business/study/comp/tbbd/Xq.vue

@@ -485,6 +485,7 @@ export default {
 .datatable {
   border-collapse: collapse;
   width: 100%;
+    page-break-inside: avoid;
 }
 
 .upload-file-list .el-upload-list__item {