地磁故障api

liuqimichale
1 parent 497e575d
Showing 4 changed files with 23 additions and 31 deletions
src/components/geomagnetism.vue
src/main.js
src/utils/api.js
src/utils/request.js
 <template>
   <div class="">
     <ul class="dici-wrap">
-      <li>
-        <p class="parkName">赤峰市万达A区停车场</p>
-        <ul class="diciList">
+      <li v-for="(item, index) in queryGeoFaultList" :key="index">
+        <p class="parkName">{{item.plName}}</p>
+        <ul class="diciList" v-for="(list, i) in item.eqpDTOs" :key="i">
           <li>
-            编号 ：B8888B8888
+            编号 ：{{list.eqpNo}}
           </li>
           <li>
-            故障时间 ：2019-01-91 15:31:00
-          </li>
-        </ul>
-        <ul class="diciList">
-          <li>
-            编号 ：B8888B8888
-          </li>
-          <li>
-            故障时间 ：2019-01-91 15:31:00
-          </li>
-        </ul>
-      </li>
-      <li>
-        <p class="parkName">赤峰市万达A区停车场</p>
-        <ul class="diciList">
-          <li>
-            编号 ：B8888B8888
-          </li>
-          <li>
-            故障时间 ：2019-01-91 15:31:00
+            故障时间 ：{{list.modifyTime | dataFilter}}
           </li>
         </ul>
+
       </li>
+
     </ul>
   </div>
 </template>
@@ -40,18 +23,24 @@ import { diciAddress } from &#39;../utils/api&#39;
 export default {
   name: 'geomagnetism',
   data() {
-    return {}
+    return {
+      modifyTimeBegin: new Date('2019-04-01 00:00:00'),
+      modifyTimeEnd: new Date('2019-04-04 00:00:00'),
+      queryGeoFaultList: []
+    }
   },
   created() {
     document.title = '地磁故障'
     diciAddress({
-      modifyTimeBegin: new Date('2019-04-01 00:00:00'),
-      modifyTimeEnd: new Date('2019-04-04 00:00:00'),
+      modifyTimeBegin:this.modifyTimeBegin,
+      modifyTimeEnd: this.modifyTimeEnd,
       orgId: 10003,
       sysCode:'1001',
     })
     .then((res) => {
-      console.log(res)
+      console.log(res.data.data)
+      const queryGeoFaultList = res.data.data
+      this.queryGeoFaultList = queryGeoFaultList
     })
     .catch((res) => {
       console.log(res)
@@ -7,11 +7,14 @@ require (&#39;./assets/style/reset.css&#39;)
 Vue.filter('dataFilter',function () {
   let date = new Date()
   let str = ''
+  let year = date.getFullYear()
+  let month = date.getMonth()+1<10? "0"+ (date.getMonth()+1) : date.getMonth()+1
+  let day = date.getDate()<10 ? "0"+date.getDate() : date.getDate()
   let hours = date.getHours()<10? "0"+date.getHours() : date.getHours()
   let minutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();
   let seconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds();
-  str = hours+":"+minutes+":"+seconds
+  str = year+'-'+month+'-'+day+'    '+hours+":"+minutes+":"+seconds
   return str
 })
 import { post } from './request'
-export const diciAddress = params => post('',params)
+export const diciAddress = params => post('queryGeoFaultList',params)
@@ -76,7 +76,7 @@ axios.interceptors.response.use(response =&gt; {
 //axios.defaults.baseURL = '/api'
 // axios.defaults.baseURL = 'http://39.98.54.240:8093/';
-axios.defaults.baseURL = 'http://test.renniting.cn/bcp/wxcpMsgCenter/queryGeoFaultList';//测试地址
+axios.defaults.baseURL = 'http://test.renniting.cn/bcp/wxcpMsgCenter/';//测试地址
 //设置默认请求头
 // axios.defaults.withCredentials=true;//让ajax携带cookie