style:数字问卷任务记录PDF资讯富文本样式调整

src/packages/task-recored/src/components/base/configurable.vue

@@ -237,14 +237,4 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
-.information {
-  display: flex;
-  align-items: center;
-  margin: 15px;
-  img {
-    width: 300px;
-    height: 150px;
-  }
-}
-</style>
+<style lang="scss" scoped></style>

src/packages/task-recored/src/project-scene/digital-questionnaire.vue

@@ -8,7 +8,7 @@
     <Configurable :resData="resData" :projectType="projectType">
       <template v-slot:information>
         <div>
-          <div class="block_box information">
+          <!-- <div class="information">
             <img :src="resData.channelInformation.picUrl" />
             <div style="margin:10px">
               <span>资讯标题：</span>
@@ -16,8 +16,11 @@
                 {{ resData.channelInformation.title }}
               </strong>
             </div>
-          </div>
-          <div v-html="resData.channelInformation.content"></div>
+          </div> -->
+          <div
+            class="information-content"
+            v-html="resData.channelInformation.content"
+          ></div>
         </div>
       </template>
     </Configurable>
@@ -63,9 +66,39 @@ export default {
 };
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 @import url('../style/index.css');
 .template-container {
   text-align: left;
 }
+.information {
+  display: flex;
+  align-items: center;
+  margin: 15px;
+  img {
+    width: 300px;
+    height: 150px;
+  }
+  &-content {
+    margin: 0 auto;
+    width: 1000px;
+    video {
+      width: 100%;
+      object-fit: contain;
+      height: 100%;
+    }
+  }
+}
+</style>
+<style lang="scss">
+.information-content {
+  img {
+    width: 1000px;
+    object-fit: contain;
+    height: 100%;
+  }
+  p {
+    line-height: 1.5 !important;
+  }
+}
 </style>

src/packages/task-recored/src/style/index.css

@@ -6,7 +6,7 @@
 */
 @page {
   size: A4;
-  margin: 20px 20px;
+  margin: 20px 15px 20px 10px;
 }
 * {
   font-family: SimSun;