高位视频 orderExamine/queryLists 接口

liuqimichale
1 parent 6d921c99
Showing 2 changed files with 46 additions and 9 deletions
src/utils/request.js
src/views/highVideo.vue
@@ -2,6 +2,8 @@ import axios from &#39;axios&#39;
 // let _url = process.env.API_ROOT
 // axios.defaults.baseURL = process.env.API_ROOT
+//  edc10efb-b059-463b-9153-5db0b92b670f
+
 const service = axios.create({
@@ -11,7 +13,9 @@ const service = axios.create({
 })
 service.interceptors.request.use(
+
   config => {
+    config.headers['X-Auth-Token'] = '84108a96-3589-443d-90e1-1a8e724fd21c'
     return config
   },
   error => {
@@ -34,24 +34,24 @@
     </el-header>
     <el-main style="padding: 0;display: flex">
       <ul class="status-wrap">
-        <li>
+        <li v-for="(i, index) in list" :key="i.id">
           <el-row>
             <el-col :span="8">
               <p class="status-ifo">
-                <span>入位</span>
-                <span class="blueText">通过</span>
+                <span>{{ i.parkState | parkStateFilter}}</span>
+                <span class="blueText">{{ i.examineState | examineStateFilter }}</span>
               </p>
               <p class="status-ifo">
-                <span>车牌号码: 京A123431</span>
-                <span>车牌颜色: 蓝色</span>
+                <span>车牌号码: {{ i.carNumber }}</span>
+                <span>车牌颜色: {{ i.vplColor }}</span>
               </p>
               <p class="status-ifo">
                 <span>车辆类型: 轿车</span>
                 <span>车身颜色: 其他</span>
               </p>
               <p class="status-ifo">
-                <span>2020-07-12  00:00:00</span>
-                <span>停车事件: 正常</span>
+                <span>{{ i.parkTime }}</span>
+                <span>停车事件: {{ i.parkState}}</span>
               </p>
             </el-col>
             <el-col :span="16" style="overflow-x: auto;width: 570px;">
@@ -71,8 +71,7 @@
           </el-row>
         </li>
-        <li></li>
-        <li></li>
+
       </ul>
       <div class="handle-wrap">
@@ -167,6 +166,7 @@ export default {
   name: 'highVideo',
   data() {
     return {
+      list:[],
       value1: '2021-08-01 00:02:02',
       centerDialogVisible: false,
       carNumber: '京A123312',
@@ -183,6 +183,39 @@ export default {
         'https://img-blog.csdnimg.cn/20190504154805438.png',
       ]
     }
+  },
+  created() {
+    this.orderExamine()
+  },
+  methods:{
+    orderExamine(){
+      let jsondata = {}
+      orderExamine(jsondata).then(response => {
+        console.log(response)
+        this.list = response.data.dataList
+      })
+    }
+  },
+  filters: {
+    parkStateFilter(val){
+      if(val===10){
+        return '在场'
+      }else if(val===20){
+        return '离场'
+      }else{
+        return '预定'
+      }
+    },
+    examineStateFilter(val){
+
+      if(val===1){
+        return '通过'
+      }else if(val===0){
+        return '需审核'
+      }else{
+        return '废弃'
+      }
+    }
   }
 }
 </script>