h5页面调整

linzhijie

2023-05-16 86f39483bbcb84746aef004a575a714d0bb2484e

 src/views/report/reportH5.vue

@@ -2,8 +2,9 @@
  <div id="app" style="margin:auto">
    <div class="report">
      <el-image :src="require('@/assets/report/page1.jpg')"></el-image>
      <div class="word" style="left: 25%;top: 68.6%;font-size: 0.8rem;color: #313157">{{ data.questionnaireTaker }}</div>
      <div class="word" style="left: 28.5%;top: 71.2%;font-size: 0.8rem;color: #313157">{{ data.reportGenerationDate }}</div>
      <div class="word" style="left: 27%;top: 66.8%;font-size: 0.8rem;color: #313157">{{ data.questionnaireTaker }}</div>
      <div class="word" style="left: 30.5%;top: 69.2%;font-size: 0.8rem;color: #313157">{{ data.reportGenerationDate }}</div>
      <div class="word" style="left: 23%;top: 69.2%;font-size: 0.8rem;color: #313157">中国大学生</div>
    </div>
    <div class="report">
      <el-image :src="require('@/assets/report/page2.png')"></el-image>
@@ -52,10 +53,10 @@
      </div>
    </div>
    <div class="report">
      <div v-if="data.condition != null">
      <div v-if="data.condition != null && data.condition != ''">
        <el-image :src="require('@/assets/report/page4.png')"></el-image>
      </div>
      <div v-if="data.condition == null">
      <div v-if="data.condition == null || data.condition == ''">
        <el-image :src="require('@/assets/report/page4-1.png')"></el-image>
      </div>
    </div>
@@ -73,7 +74,6 @@
  data () {
    return {
      tokenId: this.$route.query.tokenId,
      condition: true,
      data: {
        occ1L: '地质勘探工程技术人员（比如地质矿产调查工程技术人员）',
        occ3L: '矿山工程技术人员（比如选矿与矿物加工工程技术人员）',