测试页面pdf

src/page/resume/resumeDetail.vue

 <template>
   <div class="resumeDetail">
+    <div class="resumeDetail-left">
     <div class="personalInformation" v-show="JSON.stringify(resume)!=='{}'">
       <p class="detailTitel">
         <span>
@@ -133,6 +134,15 @@
           {{resume&&resume.selfEvaluate}}
       </div>
     </div>
+    </div>
+    <div class="resumeDetail-right">
+      <span style="float:right;width:50px;height:24px;margin-right:25px;margin-top:30px"><Button type="primary" size='small' style="width:50px;height:24px" @click="downloadONE(detialID)" v-show="this.showBtn!=1">下载</Button></span>
+      <span style="float:right;width:50px;height:24px;margin-right:25px;margin-top:30px"><Button type="primary" size='small' style="width:50px;height:24px" @click="downloadONE(detialID)" v-show="this.showBtn!=1">下载</Button></span>
+      <span style="float:right;width:50px;height:24px;margin-right:25px;margin-top:30px"><Button type="primary" size='small' style="width:50px;height:24px" @click="downloadONE(detialID)" v-show="this.showBtn!=1">下载</Button></span>
+      <span style="float:right;width:50px;height:24px;margin-right:25px;margin-top:30px"><Button type="primary" size='small' style="width:50px;height:24px" @click="downloadONE(detialID)" v-show="this.showBtn!=1">下载</Button></span>
+      <span style="float:right;width:50px;height:24px;margin-right:25px;margin-top:30px"><Button type="primary" size='small' style="width:50px;height:24px" @click="downloadONE(detialID)" v-show="this.showBtn!=1">下载</Button></span>
+      <span style="float:right;width:50px;height:24px;margin-right:25px;margin-top:30px"><Button type="primary" size='small' style="width:50px;height:24px" @click="downloadONE(detialID)" v-show="this.showBtn!=1">下载</Button></span>
+    </div>
   </div>
 </template>
 <script>
@@ -185,16 +195,24 @@ export default {
 </script>
 <style scoped>
 .resumeDetail{
-  width: 860px;
+  width: 1000px;
   margin: 30px auto;
   color: #000000;
-  font-family: "\5FAE\8F6F\96C5\9ED1"
+  font-family: "\5FAE\8F6F\96C5\9ED1";
+}
+.resumeDetail-left{
+  float: left;
+  width:860px
+}
+.resumeDetail-right{
+  float: left;
+  width: 120px;
+  height: 8000px
 }
 .personalInformation{
   width:860px;
   /* height: 600px; */
   float: left;
-  /* border: 1px solid black */
 }
 .bassMassage{
   display: inline-block;
@@ -212,6 +230,11 @@ export default {
   margin-top:20px;
   margin-left:20px
 }
+/* .test{
+  position: relative;
+  left:900px;
+  top: 0
+} */
 .massageTitle{
   /* height: 300px; */
   float: left;