lizhixin
4 years ago
8 changed files with 501 additions and 172 deletions
@ -1,40 +1,148 @@ |
|||
<template> |
|||
<div> |
|||
<el-table :data="data" class="customer-no-border-table"> |
|||
<el-table-column |
|||
v-for="i in secondLogColumns" |
|||
:label="i.name" |
|||
:prop="i.prop" |
|||
:key="i.prop" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<div v-if="i.customSlot == 'OrderType'"></div> |
|||
<div v-else> |
|||
<p>{{ scope.row[i.prop] }}</p> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<custom-base-table |
|||
:data="data" |
|||
:columns="columns" |
|||
thead-classes="text-primary" |
|||
> |
|||
<template slot="LogType" slot-scope="item"> |
|||
{{ typeRender(item.row.item.LogType) }} |
|||
</template> |
|||
</custom-base-table> |
|||
</template> |
|||
|
|||
<script> |
|||
import { secondLogColumns } from "../prePages/js/columns"; |
|||
import Bus from "../../common/bus"; |
|||
import CustomBaseTable from "../../components/CustomBaseTable"; |
|||
import moment from "moment"; |
|||
export default { |
|||
props: { |
|||
robotId: { type: String, default: "" } |
|||
RobotId: { type: String, default: "60521323-28C3-AC14-0076-48B075584510" } |
|||
}, |
|||
components: { CustomBaseTable }, |
|||
data() { |
|||
return { |
|||
secondLogColumns, |
|||
data: [] |
|||
columns: [ |
|||
{ name: "RobotId", prop: "RobotId" }, |
|||
{ name: "内容", prop: "Content" }, |
|||
{ |
|||
name: "日志类型", |
|||
prop: "LogType", |
|||
|
|||
customSlot: "LogType" |
|||
}, |
|||
{ |
|||
name: "订单Id", |
|||
prop: "SpotGoodsOrderId" |
|||
}, |
|||
{ name: "创建时间", prop: "CreateTime" } |
|||
], |
|||
data: [], |
|||
noMoreData: false, |
|||
endTime: null, |
|||
scrollInstance: null, |
|||
nullPlusTime: 0 |
|||
}; |
|||
}, |
|||
created() { |
|||
let endTime = moment(); |
|||
this.endTime = endTime; |
|||
this.getLatestLog(endTime); |
|||
}, |
|||
|
|||
mounted() { |
|||
this.init(); |
|||
Bus.$on("tradeLog", data => { |
|||
console.log(data, "received from ws Bus"); |
|||
this.data.unshift(data); |
|||
}); |
|||
this.initScroller(); |
|||
}, |
|||
|
|||
destroyed() { |
|||
if (this.scrollInstance) |
|||
this.scrollInstance.removeEventListener("scroll", this.scrollerListener); |
|||
}, |
|||
methods: { |
|||
init() {} |
|||
initScroller() { |
|||
let target = document.getElementById("tradeLog"); |
|||
this.scrollInstance = target; |
|||
this.scrollInstance.addEventListener( |
|||
"scroll", |
|||
this.scrollerListener, |
|||
false |
|||
); |
|||
}, |
|||
|
|||
getPreday() {}, |
|||
|
|||
scrollerListener() { |
|||
// console.log( |
|||
// this.scrollInstance.scrollTop, |
|||
// this.scrollInstance.scrollHeight, |
|||
// this.scrollInstance.clientHeight |
|||
// ); |
|||
if ( |
|||
this.scrollInstance.scrollTop + this.scrollInstance.clientHeight == |
|||
this.scrollInstance.scrollHeight |
|||
) { |
|||
if (!this.spinning && !this.noMoreData) this.getLatestLog(this.endTime); |
|||
} |
|||
}, |
|||
|
|||
typeRender(logType) { |
|||
switch (logType) { |
|||
case 0: |
|||
return "买入"; |
|||
case 1: |
|||
return "卖出"; |
|||
case 2: |
|||
return "做多"; |
|||
case 3: |
|||
return "做空"; |
|||
case 4: |
|||
return "大趋势看多"; |
|||
case 5: |
|||
return "大趋势看空"; |
|||
case 10: |
|||
return "自动卖出"; |
|||
} |
|||
}, |
|||
getLatestLog(endTime) { |
|||
this.spinning = true; |
|||
let _endTime = endTime.format("YYYY-MM-DD HH:mm:ss"); |
|||
|
|||
this.$http |
|||
.get( |
|||
`/Api/ExecutionLog/GetList?robotId=${this.RobotId}&endTime=${_endTime}` |
|||
) |
|||
.then(res => { |
|||
this.spinning = false; |
|||
if (res.Code == 200) { |
|||
if (res.Data.length > 0) { |
|||
if (this.data.length > 0) { |
|||
res.Data.forEach(item => this.data.push(item)); |
|||
this.endTime = moment( |
|||
this.data[this.data.length - 1].CreateTime |
|||
); |
|||
} else { |
|||
this.data = res.Data; |
|||
} |
|||
} else { |
|||
this.noMoreData = true; |
|||
this.sMessage("danger", "已经没有更多日志了"); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
// 封装showNotification |
|||
sMessage(type, message) { |
|||
this.$notify({ |
|||
type: type, |
|||
message, |
|||
timeout: 1800 |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped></style> |
|||
|
|||
Loading…
Reference in new issue