fix:更改任务记录pdf的文件结构

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

@@ -70,7 +70,7 @@
         </div>
       </div>
       <slot name="information"></slot>
-      <div v-for="(item, index) in resData.contentTitleList" :key="item.id">
+      <div v-for="(item, index) in resData.contentTitleList" :key="index">
         <!-- 单选题/多选/投票题 -->
         <div v-if="[1, 2, 3].includes(item.type)" class="question-item">
           <div class="question-item-title">
@@ -220,7 +220,11 @@ export default {
         if (Array.isArray(answer)) {
           return answer.join(',');
         } else {
+          try {
             return JSON.parse(answer).join(',');
+          } catch (error) {
+            return answer;
+          }
         }
       } else {
         return answer;

src/packages/task-recored/src/main.vue

@@ -3,8 +3,6 @@
  * @Date: 2022-03-23 16:47:37
 -->
 <template>
-  <div class="template-container">
-    <Header :from="from" :projectType="projectType" :resData="resData"></Header>
   <component
     :is="componentName"
     :resData="resData"
@@ -12,17 +10,11 @@
     :from="from"
     :taskId="taskId"
   ></component>
-    <Footer></Footer>
-  </div>
 </template>
 
 <script>
-import Footer from './components/footer.vue';
-import Header from './components/header.vue';
-import Configurable from './components/configurable.vue';
-import DigitalQuestionnaire from './components/digital-questionnaire.vue';
-
-import { makeSceneTaskInfo } from './api';
+import EditScene from './project-scene/edit-scene.vue';
+import DigitalQuestionnaire from './project-scene/digital-questionnaire.vue';
 export default {
   name: 'XrkTaskRecordPdf',
   props: {
@@ -39,24 +31,12 @@ export default {
     },
     componentName: {
       type: String,
-      default: 'Configurable'
+      default: 'DigitalQuestionnaire'
     }
   },
   components: {
-    Footer,
-    Header,
-    Configurable,
+    EditScene,
     DigitalQuestionnaire
-  },
-  data() {
-    return {
-      resData: {}
-    };
-  },
-  created() {
-    makeSceneTaskInfo({ taskId: this.taskId }).then(res => {
-      this.resData = res.data;
-    });
   }
 };
 </script>

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

@@ -3,10 +3,12 @@
  * @Date: 2022-03-23 16:47:37
 -->
 <template>
+  <div class="template-container">
+    <Header :from="from" :projectType="projectType" :resData="resData"></Header>
     <Configurable :resData="resData" :projectType="projectType">
       <template v-slot:information>
         <div>
-        <div class="block_box information" v-if="+projectType === 21">
+          <div class="block_box information">
             <img :src="resData.channelInformation.picUrl" />
             <div style="margin:10px">
               <span>资讯标题：</span>
@@ -19,10 +21,14 @@
         </div>
       </template>
     </Configurable>
+    <Footer></Footer>
+  </div>
 </template>
 
 <script>
-import Configurable from './configurable.vue';
+import Footer from '../components/base/footer.vue';
+import Header from '../components/base/header.vue';
+import Configurable from '../components/base/configurable.vue';
 import { numQuestTaskInfo } from '../api';
 export default {
   name: 'digital-questionnaire',
@@ -40,6 +46,8 @@ export default {
     }
   },
   components: {
+    Footer,
+    Header,
     Configurable
   },
   data() {

src/packages/task-recored/src/project-scene/edit-scene.vue

+<!--
+ * @Description: 
+ * @Date: 2022-03-23 16:47:37
+-->
+<template>
+  <div class="template-container">
+    <Header :from="from" :projectType="projectType" :resData="resData"></Header>
+    <Configurable
+      :resData="resData"
+      :projectType="projectType"
+      :from="from"
+      :taskId="taskId"
+    ></Configurable>
+    <Footer></Footer>
+  </div>
+</template>
+
+<script>
+import Footer from '../components/base/footer.vue';
+import Header from '../components/base/header.vue';
+import Configurable from '../components/base/configurable.vue';
+
+import { makeSceneTaskInfo } from '../api';
+export default {
+  name: 'editScene',
+  props: {
+    from: {
+      type: [Number, String],
+      default: '2'
+    },
+    projectType: {
+      type: [Number, String]
+    },
+    taskId: {
+      type: [String, Number],
+      default: ''
+    }
+  },
+  components: {
+    Footer,
+    Header,
+    Configurable
+  },
+  data() {
+    return {
+      resData: {}
+    };
+  },
+  created() {
+    makeSceneTaskInfo({ taskId: this.taskId }).then(res => {
+      this.resData = res.data;
+    });
+  }
+};
+</script>
+
+<style scoped>
+@import url('../style/index.css');
+.template-container {
+  text-align: left;
+}
+</style>