diff --git a/src/App.vue b/src/App.vue
index 60caba2..6c149d8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -20,7 +20,7 @@ export default {
     }
   },
   created() {
-    this.urlLink = 1
+    this.urlLink = 2
   }
 }
 </script>
diff --git a/src/components/geomagnetism.vue b/src/components/geomagnetism.vue
index 2eb332c..d215745 100644
--- a/src/components/geomagnetism.vue
+++ b/src/components/geomagnetism.vue
@@ -11,7 +11,6 @@
             故障时间 ：{{list.modifyTime | dataFilter}}
           </li>
         </ul>
-
       </li>
 
     </ul>
diff --git a/src/components/screen.vue b/src/components/screen.vue
index 1c1a697..a5f3da6 100644
--- a/src/components/screen.vue
+++ b/src/components/screen.vue
@@ -1,43 +1,68 @@
 <template>
   <div class="">
     <ul class="dici-wrap">
-      <li>
-        <p class="parkName">赤峰诱导屏名称</p>
+      <li v-for="(item, index) in queryscreenList" :key="index">
+        <p class="parkName">{{item.guideName}}</p>
         <ul class="diciList">
           <li>
-            编号 ：B8888B8888
+            编号 ：{{item.guideNo}}
           </li>
           <li>
-            异常类型 ：设备故障
+            异常类型 ：{{item.ledDeviceStatus | screenFilter(item.ledScreenStatus)}}
           </li>
           <li>
-            故障时间 ：2019-01-91 15:31:00
+            故障时间 ：{{item.lastUpdateDate | dataFilter}}
           </li>
         </ul>
 
       </li>
-      <li>
-        <p class="parkName">赤峰诱导屏名称</p>
-        <ul class="diciList">
-          <li>
-            编号 ：B8888B8888
-          </li>
-          <li>
-            异常类型 ：设备故障
-          </li>
-          <li>
-            故障时间 ：2019-01-91 15:31:00
-          </li>
-        </ul>
-      </li>
+
     </ul>
   </div>
 </template>
 <script>
+import { screenAddress } from '../utils/api'
 export default {
   name: 'screen',
+  data() {
+    return{
+      modifyTimeBegin: new Date('2019-04-01 00:00:00'),
+      modifyTimeEnd: new Date('2019-04-04 00:00:00'),
+      queryscreenList: []
+    }
+
+  },
   created() {
     document.title = '诱导屏故障'
+
+    screenAddress({
+      modifyTimeBegin:this.modifyTimeBegin,
+      modifyTimeEnd: this.modifyTimeEnd,
+      orgId: 10003,
+      sysCode:'1001',
+    })
+    .then((res) => {
+      console.log(res.data.data)
+      const queryscreenList = res.data.data
+      this.queryscreenList = queryscreenList
+    })
+    .catch((res) => {
+      console.log(res)
+    })
+  },
+  filters: {
+    screenFilter(device,screen){
+      if(device === 2 && screen === 2){
+        return '设备故障，屏幕已关闭'
+      } else if(device ===1 && screen ===2){
+        return '屏幕已关闭'
+      } else if(device ===2 && screen ===1){
+        return '设备故障'
+      } else {
+        return '正常'
+      }
+
+    }
   }
 }
 </script>
diff --git a/src/utils/api.js b/src/utils/api.js
index 6547879..a79b71c 100644
--- a/src/utils/api.js
+++ b/src/utils/api.js
@@ -1,3 +1,5 @@
 import { post } from './request'
 
 export const diciAddress = params => post('queryGeoFaultList',params)
+
+export const screenAddress = params => post('queryScreenFaultList',params)