行情接口ok

src/config/api-config.js

@@ -14,6 +14,7 @@ const Api = {
   Transfer: originUrl + "/transfer", //充币提币
   Transaction: originUrl + "/transaction", //交易记录
   Records: originUrl + "/records", //充提记录
+  Ticket: originUrl + '/ticket', //查询交易对行情
 }
 
 export default Api;

src/views/RobotDetails.vue

@@ -57,11 +57,10 @@
             </p>
             <p>
               <span>行情</span>
-              <span>暂未开放</span>
-              <!--<span>$7376.84</span>-->
-              <!--<span class="cny">≈¥47986.10</span>-->
-              <!--<br>-->
-              <!--<span class="green">-1.82%</span>-->
+              <span>{{ticketInfo.price}}{{robotDetailInfo.base}}</span>
+              <span class="cny">≈¥{{ticketInfo.value}}</span>
+              <br>
+              <span :class="[(ticketInfo.rise && ticketInfo.rise.indexOf('-')!== -1) ? 'green' : 'red']">{{ticketInfo.rise}}</span>
             </p>
           </div>
         </div>
@@ -281,6 +280,12 @@
           end-placeholder="结束日期">
         </el-date-picker>
       </div>
+      <div class="count-box">
+        <span class="title">总计</span>
+        <span>充币总量: </span>
+        <span>提币总量: </span>
+        <span class="button">导出</span>
+      </div>
       <el-table
         v-loading="recordsLoading"
         :data="list1"
@@ -459,6 +464,7 @@
       return{
         robotDetailInfo: JSON.parse(sessionStorage.getItem('robotDetailInfo')),
         robotInfo: {},
+        ticketInfo: '',//行情
         username: localStorage.getItem('username'),
         value1: true,
         coinInfo: {},//目标币账户信息
@@ -516,12 +522,26 @@
         this.getTransaction();
         this.getRecords();
         this.getCurrentRobot();
+        this.getTicket();
       },
       //返回上一页（关闭详情）
       closeDetails() {
         Bus.$emit('navClick');
         this.$router.go(-1);
       },
+      //查询行情信息
+      getTicket() {
+        const symbol = this.robotDetailInfo.coin+'/'+this.robotDetailInfo.base;
+        const params = {
+          symbol: symbol,
+          platform: this.robotDetailInfo.platform,
+        }
+        axios.post(ApiConfig.Ticket,params).then( res => {
+          if(res.data.code === 200) {
+            this.ticketInfo = res.data.data;
+          }
+        })
+      },
       //查询当前机器人信息
       getCurrentRobot() {
         const symbol = this.robotDetailInfo.coin+'/'+this.robotDetailInfo.base;
@@ -1033,6 +1053,26 @@
       color:rgba(51,51,51,1);
     }
   }
+  .count-box {
+    margin-top: -40px;
+    .title {
+      line-height: 40px;
+      font-size:16px;
+      color:rgba(51,51,51,1);
+    }
+    .button {
+      padding: 5px 10px;
+      width: 60px;
+      height: 25px;
+      background: rgba(119,146,167,1);
+      border-radius: 4px;
+      line-height: 25px;
+      text-align: center;
+      color: rgba(255,255,255,1);
+      font-size: 12px;
+      cursor: pointer;
+    }
+  }
   .select-bar-content {
     width: 255px;
     margin: 0 0 20px 20px;