我的投递接口联调

src/api/PersonalCenter/index.js

@@ -70,9 +70,6 @@ export function getIdInfo(params) {
   return request({
     url: '/app/delivery/myDeliveredList',
     method: 'get',
-    headers: {
-      noLoginFlag: true
-    },
     params
   })
 }

src/views/PersonalCenter/Deliver/DeliverIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-24 09:40:33
  * @LastEditors: wangcc
- * @LastEditTime: 2022-08-24 18:04:18
+ * @LastEditTime: 2022-08-25 10:33:48
  * @FilePath: \veterans_client_web\src\views\PersonalCenter\Deliver\DeliverIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -25,21 +25,40 @@
       <div class="_container">
         <div class="box-list">
           <h1>全部投递</h1>
-          <div>
-            <div class="deliver" v-for="(item,index) in deliverList" :key="index">
+          <div style="display:table">
+            <div class="deliver" v-for="(item,index) in deliverList" :key="index" @click="detail(item)">
               <div class="log">
                 <img :src="item.companyLogoUrl" alt />
               </div>
               <div class="center">
-                <h3>{{item.tit}}</h3>
-                <p>{{item.provinceName}}/{{item.experience}} {{item.education}}</p>
-                <p>{{item.company}}</p>
+                <h3>{{item.postName}}</h3>
+                <p>
+                  <span class="meta_cell">{{item.provinceName}}</span>
+                  <span class="meta_cell" v-if="item.workYear == 0">经验不限</span>
+                  <span class="meta_cell" v-if="item.workYear == 1">1~3年</span>
+                  <span class="meta_cell" v-if="item.workYear == 2">3年以上</span>
+                  <span class="meta_cell" v-if="item.workYear == 3">5年以上</span>
+                  <span class="meta_cell" v-if="item.educationBg == 1">小学</span>
+                  <span class="meta_cell" v-if="item.educationBg == 2">初中</span>
+                  <span class="meta_cell" v-if="item.educationBg == 3">中专</span>
+                  <span class="meta_cell" v-if="item.educationBg == 4">高中</span>
+                  <span class="meta_cell" v-if="item.educationBg == 5">大专</span>
+                  <span class="meta_cell" v-if="item.educationBg == 6">本科</span>
+                  <span class="meta_cell" v-if="item.educationBg == 7">硕士</span>
+                  <span class="meta_cell" v-if="item.educationBg == 8">博士</span>
+                </p>
+                <p>{{item.companyName}}</p>
               </div>
               <div class="right-box">
-                <span class="pir">{{item.pir}}</span>
-                <span class="time">{{item.createTime}}</span>
+                <span
+                  class="pir"
+                  v-if="item.postStatus == 1"
+                >{{item.lowestSalary}}K-{{item.highestSalary}}K</span>
+                <span class="postStatus" v-if="item.postStatus == 0">职位已下架</span>
+                <span class="time">{{item.createTime.slice(0,10)}}</span>
               </div>
             </div>
+          </div>
             <div class="pagination" v-if="total">
               <el-pagination
                 background
@@ -49,8 +68,8 @@
                 @current-change="currentChange"
               />
             </div>
-          </div>
         </div>
+        
       </div>
     </div>
   </div>
@@ -58,7 +77,7 @@
 
 <script>
 import banner from '@/components/BannerBreadcrumb/index.vue';
-import {myDeliveredList} from '@/api/PersonalCenter/index'
+import { myDeliveredList } from '@/api/PersonalCenter/index';
 export default {
   name: 'DeliverIndex',
   components: { banner },
@@ -74,6 +93,9 @@ export default {
       deliverList: []
     };
   },
+  created() {
+    this.getList();
+  },
   methods: {
     /**
      * 分页切换触发
@@ -97,6 +119,9 @@ export default {
         this.total = Number(res.total);
         this.loading = false;
       });
+    },
+    detail(item) {
+      this.$router.push({ name: 'EnterprisePositionIndex', query: { positionId: item.id } })
     }
   }
 };
@@ -139,6 +164,7 @@ export default {
   background-color: #fff;
   padding: 10px 0 80px 0;
   display: table;
+  width: 100%;
   h1 {
     color: #222222;
     font-size: 26px;
@@ -185,6 +211,19 @@ export default {
         color: #666666;
         font-size: 14px;
         line-height: 20px;
+        .meta_cell {
+          display: inline-block;
+          margin-right: 5px;
+        }
+        .meta_cell:after {
+          padding: 0 1px 0 4px;
+          display: inline-block;
+          color: #919090;
+          content: '|';
+        }
+        .meta_cell:last-child:after {
+          content: '';
+        }
       }
     }
     .right-box {
@@ -202,7 +241,21 @@ export default {
         color: #999999;
         font-size: 14px;
       }
+      .postStatus {
+        line-height: 40px;
+        color: #0f0f0f;
+      }
     }
   }
 }
+.pagination {
+  text-align: center;
+  margin-top: 20px;
+  :deep(.el-pager .active) {
+    background-color: #ff3939;
+  }
+  :deep(.el-pagination.is-background .el-pager li:not(.disabled).active) {
+    background-color: #ff3939;
+  }
+}
 </style>