YOUHAU

src/views/kpi/tablePrint/index.vue

@@ -122,23 +122,41 @@
         <div class="item bg" style="width:140px;">/</div>
       </div>
     </div>
-    <div>
-      <div>zui</div>
+    <div class="flex">
+      <div class="items" style="width:1220px;">zui</div>
+      <div class="item" style="width:100px;">zui</div>
+      <div class="item" style="width:140px;">zui</div>
+    </div>
+    <div class="flex">
+      <div class="items" style="width:730px;padding:20px 10px;">直属上级确认绩效考核内容与结果
+      签字：</div>
+            <div class="items" style="width:730px;padding:20px 10px;">直属上级确认绩效考核内容与结果
+      签字：</div>
     </div>
   </div>
 </template>
 
 <script>
+import { apiResultGetDetail } from '@/api/assessment'
+
 export default {
   data () {
     return {
+      obj: {}
     }
   },
   computed: {
   },
   beforeMount () { },
-  mounted () { },
+  mounted () {
+    this.handleGetTbale()
+  },
   methods: {
+    async handleGetTbale (id = this.$route.query.id) {
+      let res = await apiResultGetDetail({ id })
+      if (res.code !== 200) return
+      this.obj = res.data
+    }
   },
   watch: {}
 
@@ -214,6 +232,12 @@ export default {
       border-right: 1px solid #666666;
       border-bottom: 1px solid #666666;
     }
+     .items {
+      flex-shrink: 0;
+      padding: 6px 10px;
+      border-right: 1px solid #666666;
+      border-bottom: 1px solid #666666;
+    }
   .bg{
     background: rgb(245, 187, 120);
   }