Commit 199e0cc9 by llj

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

1 parent c28ca619
...@@ -70,7 +70,7 @@ ...@@ -70,7 +70,7 @@
</div> </div>
</div> </div>
<slot name="information"></slot> <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 v-if="[1, 2, 3].includes(item.type)" class="question-item">
<div class="question-item-title"> <div class="question-item-title">
...@@ -220,7 +220,11 @@ export default { ...@@ -220,7 +220,11 @@ export default {
if (Array.isArray(answer)) { if (Array.isArray(answer)) {
return answer.join(','); return answer.join(',');
} else { } else {
return JSON.parse(answer).join(','); try {
return JSON.parse(answer).join(',');
} catch (error) {
return answer;
}
} }
} else { } else {
return answer; return answer;
......
...@@ -3,26 +3,18 @@ ...@@ -3,26 +3,18 @@
* @Date: 2022-03-23 16:47:37 * @Date: 2022-03-23 16:47:37
--> -->
<template> <template>
<div class="template-container"> <component
<Header :from="from" :projectType="projectType" :resData="resData"></Header> :is="componentName"
<component :resData="resData"
:is="componentName" :projectType="projectType"
:resData="resData" :from="from"
:projectType="projectType" :taskId="taskId"
:from="from" ></component>
:taskId="taskId"
></component>
<Footer></Footer>
</div>
</template> </template>
<script> <script>
import Footer from './components/footer.vue'; import EditScene from './project-scene/edit-scene.vue';
import Header from './components/header.vue'; import DigitalQuestionnaire from './project-scene/digital-questionnaire.vue';
import Configurable from './components/configurable.vue';
import DigitalQuestionnaire from './components/digital-questionnaire.vue';
import { makeSceneTaskInfo } from './api';
export default { export default {
name: 'XrkTaskRecordPdf', name: 'XrkTaskRecordPdf',
props: { props: {
...@@ -39,24 +31,12 @@ export default { ...@@ -39,24 +31,12 @@ export default {
}, },
componentName: { componentName: {
type: String, type: String,
default: 'Configurable' default: 'DigitalQuestionnaire'
} }
}, },
components: { components: {
Footer, EditScene,
Header,
Configurable,
DigitalQuestionnaire DigitalQuestionnaire
},
data() {
return {
resData: {}
};
},
created() {
makeSceneTaskInfo({ taskId: this.taskId }).then(res => {
this.resData = res.data;
});
} }
}; };
</script> </script>
......
...@@ -3,26 +3,32 @@ ...@@ -3,26 +3,32 @@
* @Date: 2022-03-23 16:47:37 * @Date: 2022-03-23 16:47:37
--> -->
<template> <template>
<Configurable :resData="resData" :projectType="projectType"> <div class="template-container">
<template v-slot:information> <Header :from="from" :projectType="projectType" :resData="resData"></Header>
<div> <Configurable :resData="resData" :projectType="projectType">
<div class="block_box information" v-if="+projectType === 21"> <template v-slot:information>
<img :src="resData.channelInformation.picUrl" /> <div>
<div style="margin:10px"> <div class="block_box information">
<span>资讯标题:</span> <img :src="resData.channelInformation.picUrl" />
<strong> <div style="margin:10px">
{{ resData.channelInformation.title }} <span>资讯标题:</span>
</strong> <strong>
{{ resData.channelInformation.title }}
</strong>
</div>
</div> </div>
<div v-html="resData.channelInformation.content"></div>
</div> </div>
<div v-html="resData.channelInformation.content"></div> </template>
</div> </Configurable>
</template> <Footer></Footer>
</Configurable> </div>
</template> </template>
<script> <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'; import { numQuestTaskInfo } from '../api';
export default { export default {
name: 'digital-questionnaire', name: 'digital-questionnaire',
...@@ -40,6 +46,8 @@ export default { ...@@ -40,6 +46,8 @@ export default {
} }
}, },
components: { components: {
Footer,
Header,
Configurable Configurable
}, },
data() { data() {
......
<!--
* @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>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!