lizhixin
4 years ago
11 changed files with 444 additions and 49 deletions
@ -0,0 +1,53 @@ |
|||
<template> |
|||
<modal |
|||
:show.sync="visible" |
|||
body-classes="p-0" |
|||
@close="close" |
|||
modal-classes="modal-dialog-centered modal-sm" |
|||
> |
|||
<card |
|||
type="secondary" |
|||
header-classes="bg-white pb-5" |
|||
body-classes="px-lg-5 py-lg-5" |
|||
class="border-0 mb-0" |
|||
> |
|||
<template> |
|||
<div class="text-muted text-center mb-3"> |
|||
<small>委托单</small> |
|||
</div> |
|||
</template> |
|||
<div class="text-center"> |
|||
<base-button type="primary" class="my-4" @click="confirm" |
|||
>确定</base-button |
|||
> |
|||
</div> |
|||
</card> |
|||
</modal> |
|||
</template> |
|||
|
|||
<script> |
|||
import { Modal } from "@/components"; |
|||
|
|||
export default { |
|||
model: { prop: "visible", event: "ordervisibleChanger" }, |
|||
components: { Modal }, |
|||
props: { robotInfo: { type: Object, defualt: () => {} }, visible: false }, |
|||
data() { |
|||
return {}; |
|||
}, |
|||
watch: { |
|||
visible(newV, oldV) { |
|||
console.log(newV, oldV, "ceck for"); |
|||
} |
|||
}, |
|||
methods: { |
|||
confirm() { |
|||
console.log(this.robotInfo); |
|||
this.$emit("ordervisibleChanger", false); |
|||
}, |
|||
close() { |
|||
this.$emit("ordervisibleChanger", false); |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,35 @@ |
|||
<template> |
|||
<div> |
|||
<base-button @click="visible = true">创建机器人</base-button> |
|||
<modal |
|||
:show.sync="visible" |
|||
body-classes="p-0" |
|||
modal-classes="modal-dialog-centered modal-sm" |
|||
> |
|||
<card |
|||
type="secondary" |
|||
header-classes="bg-white pb-5" |
|||
body-classes="px-lg-5 py-lg-5" |
|||
class="border-0 mb-0" |
|||
> |
|||
<template> |
|||
<div class="text-muted text-center mb-3"> |
|||
<small>新建机器人</small> |
|||
</div> |
|||
</template> |
|||
</card> |
|||
</modal> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { Modal } from "@/components"; |
|||
|
|||
export default { |
|||
|
|||
components: { Modal }, |
|||
data() { |
|||
return { visible: false }; |
|||
} |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,74 @@ |
|||
<template> |
|||
<div> |
|||
<modal |
|||
:show.sync="visible" |
|||
body-classes="p-0" |
|||
@close="close" |
|||
modal-classes="modal-dialog-centered modal-sm" |
|||
> |
|||
<card |
|||
type="secondary" |
|||
header-classes="bg-white pb-5" |
|||
body-classes="px-lg-5 py-lg-5" |
|||
class="border-0 mb-0" |
|||
> |
|||
<template> |
|||
<div class="text-muted text-center mb-3"> |
|||
<small>机器人配置</small> |
|||
</div> |
|||
</template> |
|||
<base-input label="固定交易量" v-model="form.FixedMount"></base-input> |
|||
|
|||
<p class="form-label">多空交叉：无状态</p> |
|||
<el-select |
|||
class="select-danger" |
|||
style="width:100%" |
|||
placeholder="选择状态" |
|||
v-model="form.Status" |
|||
> |
|||
<el-option |
|||
v-for="item in status" |
|||
class="select-danger" |
|||
:value="item.value" |
|||
:label="item.title" |
|||
:key="item.value" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
<div class="text-center"> |
|||
<base-button type="primary" class="my-4" @click="confirm" |
|||
>确定</base-button |
|||
> |
|||
</div> |
|||
</card> |
|||
</modal> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { Modal } from "@/components"; |
|||
|
|||
export default { |
|||
components: { Modal }, |
|||
model: { prop: "visible", event: "visibleChanger" }, |
|||
props: { robotInfo: { type: Object, defualt: () => {} }, visible: false }, |
|||
data() { |
|||
return { |
|||
form: {}, |
|||
status: [ |
|||
{ value: 0, title: "多交叉" }, |
|||
{ value: 1, title: "空交叉" } |
|||
] |
|||
}; |
|||
}, |
|||
methods: { |
|||
confirm() { |
|||
console.log(this.robotInfo); |
|||
this.$emit("visibleChanger", false); |
|||
}, |
|||
close() { |
|||
this.$emit("visibleChanger", false); |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,171 @@ |
|||
<template> |
|||
<div> |
|||
<robot-create /> |
|||
<custom-base-table |
|||
:data="data" |
|||
:columns="columns" |
|||
thead-classes="text-primary" |
|||
> |
|||
<!-- 运行状态 --> |
|||
<template |
|||
slot="FunctionStatus" |
|||
slot-scope="item" |
|||
v-if="item.row.item.Robot" |
|||
> |
|||
<el-switch |
|||
:value="item.row.item.Robot.Status == 1" |
|||
active-color="#54105C" |
|||
inactive-color="#201126" |
|||
@change="onStatusChange(item.row.item, $event)" |
|||
> |
|||
</el-switch> |
|||
</template> |
|||
|
|||
<!-- 只卖 --> |
|||
<template |
|||
slot="OnlySale" |
|||
slot-scope="item" |
|||
v-if="item.row.item.TradePolicy" |
|||
> |
|||
<el-switch |
|||
:value="!(item.row.item.TradePolicy.IsEnabledBuySignal == 1)" |
|||
active-color="#54105C" |
|||
inactive-color="#201126" |
|||
@change="onOnlySaleChange(item.row.item, $event)" |
|||
> |
|||
</el-switch> |
|||
</template> |
|||
<!-- 运行时长 --> |
|||
<template slot="OnlySale" slot-scope="item">{{ item }}</template> |
|||
<!-- 策略配置 --> |
|||
<template slot="OnlySale" slot-scope="item">{{ item }}</template> |
|||
<!-- 委托单 --> |
|||
<template slot="OnlySale" slot-scope="item">{{ item }}</template> |
|||
|
|||
<!-- 操作 --> |
|||
<template slot="Action" slot-scope="item"> |
|||
<base-dropdown title-classes="btn btn-secondary" title="操作"> |
|||
<li class="nav-link"> |
|||
<a |
|||
class="dropdown-item" |
|||
href="#" |
|||
@click="visibleModi('settingVisible', item.row.item)" |
|||
>编辑</a |
|||
> |
|||
</li> |
|||
<li class="nav-link"> |
|||
<a |
|||
class="dropdown-item" |
|||
href="#" |
|||
@click="visibleModi('orderVisible', item.row.item)" |
|||
>委托下单</a |
|||
> |
|||
</li> |
|||
</base-dropdown> |
|||
</template> |
|||
</custom-base-table> |
|||
<robot-setting :robotInfo="robot" v-model="settingVisible" /> |
|||
<order-plan :robotInfo="robot" v-model="orderVisible" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import RobotCreate from "./Modal/RobotCreate"; |
|||
import RobotSetting from "./Modal/RobotSetting"; |
|||
import OrderPlan from "./Modal/OrderPlan"; |
|||
const tableColumns = [ |
|||
{ name: "货币对", prop: "Robot.Symbol", customSlot: "Symbol" }, |
|||
{ |
|||
name: "运行状态", |
|||
prop: "WaveBandPolicy.IsEnabledBuySignal", |
|||
customSlot: "FunctionStatus" |
|||
}, |
|||
{ |
|||
name: "只卖", |
|||
prop: "RobotAccount.TotalPurchasePrice", |
|||
customSlot: "OnlySale" |
|||
}, |
|||
{ name: "持仓成本", prop: "RobotAccount.TotalPurchasePrice" }, |
|||
{ name: "浮动盈亏", prop: "RobotAccount.TotalPurchasePriceProfit" }, |
|||
{ name: "波段盈亏", prop: "RobotAccount.HistoryProfit" }, |
|||
{ name: "币本位盈亏", prop: "RobotAccount.BBWProfit" }, |
|||
|
|||
{ name: "持币盈亏", prop: "RobotAccount.TotalProfit" }, |
|||
{ name: "实际本金", prop: "RealCost" }, |
|||
{ name: "总盈亏", prop: "RobotAccount.ZYK" }, |
|||
|
|||
{ |
|||
name: "运行时长", |
|||
prop: "Robot.IntervalSetting", |
|||
customSlot: "WorkTime" |
|||
}, |
|||
{ name: "策略配置", prop: "Robot.SaleSetting", customSlot: "Setting" }, |
|||
{ name: "委托单", prop: "Robot.SaleSetting", customSlot: "OrderPlan" }, |
|||
{ name: "操作", prop: "Action", customSlot: "Action" } |
|||
]; |
|||
|
|||
import CustomBaseTable from "../../../src/components/CustomBaseTable"; |
|||
import { Modal } from "@/components"; |
|||
|
|||
export default { |
|||
components: { CustomBaseTable, Modal, RobotCreate, RobotSetting, OrderPlan }, |
|||
data() { |
|||
return { |
|||
columns: tableColumns, |
|||
data: [{ item: 1 }, { item: 2 }], |
|||
robot: {}, |
|||
settingVisible: false, |
|||
orderVisible: false |
|||
}; |
|||
}, |
|||
methods: { |
|||
visibleModi(type, record) { |
|||
this[type] = true; |
|||
this.robot = record; |
|||
console.log(this); |
|||
}, |
|||
//每个机器人的运行状态改变 |
|||
onStatusChange(record, isOn) { |
|||
console.log(record, isOn); |
|||
if (isOn) { |
|||
record.Robot.Status = 1; |
|||
this.$http.put("/Api/Robot/Start/" + record.Robot.Id).then(res => { |
|||
if (res.Code == 200) { |
|||
this.sMessage("success", "已启用"); |
|||
} else { |
|||
this.sMessage("danger", res.Message); |
|||
} |
|||
}); |
|||
} else { |
|||
record.Robot.Status = 0; |
|||
this.$http.put("/Api/Robot/Stop/" + record.Robot.Id).then(res => { |
|||
if (res.Code == 200) { |
|||
this.sMessage("success", "已停用"); |
|||
} else { |
|||
this.sMessage("danger", res.Message); |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
|
|||
//每个机器人的只卖设置 |
|||
onOnlySaleChange(record, isOn) { |
|||
console.log(record, isOn); |
|||
record.TradePolicy.IsEnabledBuySignal = isOn ? 0 : 1; |
|||
this.$forceUpdate(); |
|||
this.$http |
|||
.put("/Api/MomentumWavePolicy/EditPurchaseStatus", { |
|||
RobotId: record.Robot.Id, |
|||
OnlySell: isOn |
|||
}) |
|||
.then(res => { |
|||
if (res.Code == 200) { |
|||
this.sMessage("success", isOn ? "已开启" : "已关闭"); |
|||
} else { |
|||
this.sMessage("danger", res.Message); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
Loading…
Reference in new issue