添加了结束图的展示

src/components/WebQn.vue

@@ -11,6 +11,9 @@
     </div>
     <div v-else-if="stage == 2">
       <mt-header title="问卷调查-结束语" fixed></mt-header>
+      <p>
+        <el-image style="width: 100%;" :src="end_image" :fit="scale-down"></el-image>
+      </p>
     </div>
 
     <!-- 问候语 -->
@@ -117,7 +120,8 @@ export default {
       lastCheckList: [],
 
       // 选择题选中开放式选项的开放回答值
-      selectedOpenList: []
+      selectedOpenList: [],
+      end_image: ""
     };
   },
   mounted: function() {
@@ -141,11 +145,13 @@ export default {
           // this.webQuestionaire = webQnResponse.data;
           // this.questionaire.info = r.data.info;
           console.log("匿名方式问卷内容：", this.questionaire);
+          this.axiosGetEndImage(r.data.info.id);
         });
       } else {
         console.log("登录方式问卷打开");
         axios.get(this.webQnUrl).then(webQnResponse => {
           let qnId = webQnResponse.data.qnId;
+          this.axiosGetEndImage(qnId);
           let qnDataUrl = this.webQnUrl + "/complete-info";
           console.log("qnDataUrl", qnDataUrl);
           axios.get(qnDataUrl).then(r => {
@@ -843,6 +849,17 @@ export default {
           }
         }
       );
+    },
+    axiosGetEndImage(id) {
+      // 加载结束图片
+      axios({
+        method: "GET",
+        url: this.$baseUrl + "/web-qn/end-image",
+        responseType: "blob",
+        params: { projectId: id }
+      }).then(response => {
+        this.end_image = window.URL.createObjectURL(response.data);
+      });
     }
     // updateAnswerSheetData(answerJson) {
     //     this.$db.execSQL('update answer_sheet set endTime = ?, answerJson = ?, status = ? where sheetName = ?',
@@ -908,7 +925,7 @@ export default {
 } */
 
 .mint-cell {
-    float: left;
-    display: inline-block;
+  float: left;
+  display: inline-block;
 }
 </style>