feat: 报表html样式

apps/web-antd/src/views/report/member/data.ts

@@ -148,12 +148,10 @@ export function useStaffGridColumns(): VxeTableGridOptions<ProgressApi.Progress>
     {
       field: 'content',
       title: '进展记录',
-      type: 'html',
       showOverflow: false,
       align: 'left',
-      className: 'rich-text-comment-content-table',
-      // headerAlign: 'center',
       minWidth: 600,
+      slots: { default: 'contentDefault' },
     },
     {
       field: 'updateTime',

apps/web-antd/src/views/report/member/modules/staff.vue

@@ -7,6 +7,7 @@ import dayjs from 'dayjs';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { exportStaff, getProgressByStaffPage } from '#/api/report/progress';
+import { ShadowContainer } from '#/components/shadow-container';
 
 import { useStaffGridColumns, useStaffGridFormSchema } from '../data';
 
@@ -149,5 +150,13 @@ const [Grid, gridApi] = useVbenVxeGrid({
 </script>
 
 <template>
-  <Grid table-title="成员进展" />
+  <Grid table-title="成员进展">
+    <template #contentDefault="{ row }">
+      <!-- <div v-html="row.content" style="white-space: pre-wrap"></div> -->
+      <ShadowContainer
+        :content="row.content"
+        styles="font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-size: 13px; color: #323639;"
+      />
+    </template>
+  </Grid>
 </template>

apps/web-antd/src/views/report/progress/modules/project.vue

@@ -155,9 +155,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
       <!-- <div v-html="row.content" style="white-space: pre-wrap"></div> -->
       <ShadowContainer
         :content="row.content"
-        styles="font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue',
+        styles="font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-size: 13px; color: #323639;"
-    arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-    'Segoe UI Symbol', 'Noto Color Emoji';"
       />
     </template>
   </Grid>