diff --git a/src/api/common.js b/src/api/common.js
index ab48d44..b77e6df 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -42,6 +42,10 @@ export default {
       return tmpHtml;
 
   },
-
-
+  /**
+   * 金额转换
+   */
+  formatMoney:function (val) {
+    return val/100;
+  }
 }
diff --git a/src/components/berth/index.vue b/src/components/berth/index.vue
index 4972754..b8416a7 100644
--- a/src/components/berth/index.vue
+++ b/src/components/berth/index.vue
@@ -61,12 +61,6 @@
         window.addEventListener('resize', function() {
           this.pieChart.resize()
         }.bind(this));
-
-        // let barChartOption = this.barChartOption
-        // this.barChart=this.createBar(barChartOption);
-        // window.addEventListener('resize', function() {
-        //   this.barChart.resize()
-        // }.bind(this));
       }).catch((response)=>{
         console.log(response);
       })
diff --git a/src/components/orderMessage/index.vue b/src/components/orderMessage/index.vue
index 40cf994..a742ea7 100644
--- a/src/components/orderMessage/index.vue
+++ b/src/components/orderMessage/index.vue
@@ -3,129 +3,165 @@
     <div class="theme-card">
       <div class="title"><span>订单消息</span></div>
       <div class="content">
-        <table class="orderMessageTb">
-          <tr>
-            <td>
-              <table class="tbHead">
-                <tr><td><div class="orderImgCom orderNum"></div></td><td>订单编号</td></tr>
-              </table>
-            </td>
-            <td>
-              <table class="tbHead">
-                <tr><td><div class="orderImgCom orderPark"></div></td><td>停车场</td></tr>
-              </table>
-            </td>
-            <td>
-              <table class="tbHead">
-                <tr><td><div class="orderImgCom orderMoney"></div></td><td>收费金额</td></tr>
-              </table>
-            </td>
-          </tr>
-          <tr>
-            <td colspan="3">
-              <div class="orderListBox" id="orderListBox">
-                <marquee class="marqueeStyle"  direction="up" behavior="scroll" scrollamount="2" onMouseOut="this.start()" onMouseOver="this.stop()" scrolldelay="0" loop="-1"   >
-                  <div class="orderListBox" v-html="orderList"></div>
-                </marquee>
-              </div>
-            </td>
-          </tr>
-        </table>
+        <!--<table class="orderMessageTb">-->
+          <!--<tr>-->
+            <!--<td>-->
+              <!--<table class="tbHead">-->
+                <!--<tr><td><div class="orderImgCom orderNum"></div></td><td>订单编号</td></tr>-->
+              <!--</table>-->
+            <!--</td>-->
+            <!--<td>-->
+              <!--<table class="tbHead">-->
+                <!--<tr><td><div class="orderImgCom orderPark"></div></td><td>停车场</td></tr>-->
+              <!--</table>-->
+            <!--</td>-->
+            <!--<td>-->
+              <!--<table class="tbHead">-->
+                <!--<tr><td><div class="orderImgCom orderMoney"></div></td><td>收费金额</td></tr>-->
+              <!--</table>-->
+            <!--</td>-->
+          <!--</tr>-->
+          <!--<tr>-->
+            <!--<td colspan="3">-->
+              <!--<div class="orderListBox" id="orderListBox">-->
+                <!--<marquee class="marqueeStyle"  direction="up" behavior="scroll" scrollamount="2" onMouseOut="this.start()" onMouseOver="this.stop()" scrolldelay="0" loop="-1"   >-->
+                  <!--<div class="orderListBox" v-html="orderList"></div>-->
+                <!--</marquee>-->
+              <!--</div>-->
+            <!--</td>-->
+          <!--</tr>-->
+        <!--</table>-->
+        <ul class="news-wrap">
+          <li class="orderNum">订单编号</li>
+          <li class="orderPark">停车场</li>
+          <li class="orderMoney">收费金额</li>
+        </ul>
+        <div class="nwwest-roll  news-wrap" id="nwwest-roll">
+          <ul id="roll-ul">
+            <li v-for="item in list" ref="rollul" :class="{anim:animate==true}">
+              <div :title="item.orderId">{{item.orderId}}</div>
+              <div :title="item.plName">{{item.plName}}</div>
+              <div :title="item.orderActFee">{{item.orderActFee|common.formatMoney}}</div>
+            </li>
+          </ul>
+        </div>
       </div>
     </div>
   </div>
 </template>
 
 <script>
-  import echarts from 'echarts'
+  import common from '../../api/common'
   export default {
     name: "orderMessage",
     data() {
       return {
         orderList:"",//公告列表
         //marqueeHeight: '100%',
-        name: '订单公告'
+        name: '订单公告',
+        animate: true,
+        list: []
       }
     },
-    mounted() {
-      //this.createLine();
-      this.orderList=this._getOrderList();
+    created() {
+      this.axios.post('urban/intelligence/orderPark/queryLastOrderPark',{
+        orgIds: [10003,10005]
+      }).then((response)=>{
+        let  data = response.data.data
+        console.log(data)
+        this.list = data;
+        setInterval(this.scroll, 2000)
+      }).catch((response)=>{
+        console.log(response);
+      })
+
     },
     methods: {
-      _getOrderList:function(){
-        let tmpHtml="";
-        let tmpNum="0000001";
-        let tmpPark="老电视台路路侧泊位停车场";
-
-        let tmpMoney="5.00";
-
-        tmpHtml +="<table style='width: 100%;height: 100%; text-align: center;border:0px solid'>";
-        for(let i=0;i<10;i++){
-          tmpHtml +="<tr style='height: 20px;'>"+
-                  "<td style='width: 20%'>"+tmpNum+i+"</td>"+
-                  "<td style='width: 60%'>"+tmpPark+i+"</td>"+
-                  "<td style='width: 20%;color:#04C304;'>"+tmpMoney+"</td>"+
-                  "</tr>";
-        }
-        tmpHtml +="</table>";
-        return tmpHtml;
+      scroll() {
+        this.animate = !this.animate;
+        var that = this; // 在异步函数中会出现this的偏移问题，此处一定要先保存好this的指向
+        setTimeout(function () {
+          that.list.push(that.list[0]);
+          that.list.shift();
+          that.animate = !that.animate;  // 这个地方如果不把animate 取反会出现消息回滚的现象，此时把ul 元素的过渡属性取消掉就可以完美实现无缝滚动的效果了
+        }, 0)
       }
-    },
+    }
   }
 </script>
 
 <style scoped  lang="scss">
   .app-orderMessageBox {
     width: 100%;
-  .content{
-    padding: 0;
-  }
-  .theme-card{
-    height: 100%;
-  }
-  .orderMessageTb{
-    position: relative;
-    margin: 0 auto;
-    width: 100%;
-    height: 100%;
-    font-size: 12px;
-  }
-  .orderMessageTb > tr td,.tbHead{
-    vertical-align: middle;
-    text-align: center;
-  }
-  .orderMessageTb > tr:first-child{
-    height: 35px;
-  }
-  .orderListBox{
-    width: 100%;height: 100%;position: relative;
-  }
-  .tbHead{
-    display: inline-block;
-  }
-  .orderImgCom{
-    position:relative;
-    height: 18px;
-    width: 18px;
-    margin-right: 5px;
-  }
-  .orderNum{
-    background: url(../../images/com/orderNum.svg) no-repeat;background-size: 100% 100%;
-  }
-  .orderPark{
-    background: url(../../images/com/orderPark.svg) no-repeat;background-size: 100% 100%;
-  }
-  .orderMoney{
-    background: url(../../images/com/orderMoney.svg) no-repeat;background-size: 100% 100%;
-  }
-  .marqueeStyle{
-    border:0px solid red;
-    overflow: hidden;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;left: 0;right: 0;
-    bottom:0;
+    .content{
+      padding: 0;
+    }
+    .theme-card{
+      height: 100%;
+    }
+    .news-wrap{
+      height: 40px;
+      line-height: 40px;
+      font-size: 14px;
+      li{
+        float: left;
+        padding-left: 0;
+        padding-left: 30px;
+        background-size: 14px 14px;
+        background-position: 10px center;
+        background-repeat: no-repeat;
+        list-style: none;
+      }
+      .orderNum{
+        width: 80px;
+        background-image: url(../../images/com/orderNum.svg) ;
+      }
+      .orderMoney{
+        width: 80px;
+        background-image: url(../../images/com/orderMoney.svg) ;
+      }
+      .orderPark{
+        width: calc(100% - 250px);
+        background-image: url(../../images/com/orderPark.svg) ;
+      }
+
+    }
+
+    .nwwest-roll {
+      width: 100%;
+      height: calc(100% - 60px);
+      overflow: hidden;
+      transition: all 0.5s;
+      li{
+        width: 100%;
+        height: 26px;
+        line-height: 26px;
+        font-size: 12px;
+        padding-left: 10px;
+        color: #fff;
+        background:rgba(255,255,255,.1);
+        margin-bottom: 10px;
+          div{
+            float: left;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            &:nth-of-type(1){
+              width: 110px;
+            }
+            &:nth-of-type(2){
+              width: calc(100% - 220px);
+            }
+            &:nth-of-type(3){
+              width: 80px;
+            }
+
+          }
+      }
+    }
   }
+  .anim {
+     transition: all 0.5s;
+
   }
 </style>