<template>
|
<div class="flex-box bg-w p10">
|
<div class="ev-left-list">
|
<leftList
|
ref="baseSync"
|
listWidth="350px"
|
title="同步库"
|
type="1"
|
:isSelected="isSelected"
|
:activeId="selectedId"
|
@getEvents="getEventList"
|
@del-list="delList"
|
@add="changeToAdd"
|
@enabled="eventSwitch"
|
></leftList>
|
</div>
|
|
<div v-show="isShowRight">
|
<rightEvent
|
ref="right"
|
:eventObject="eventObject"
|
@onCancle="onCancle"
|
@updateList="updateList"
|
></rightEvent>
|
</div>
|
</div>
|
</template>
|
<script>
|
import leftList from "./LeftList";
|
import rightEvent from "./RightEvent";
|
import { getById } from "@/api/event";
|
|
export default {
|
name: "eventPush",
|
components: {
|
leftList,
|
rightEvent
|
},
|
props: {},
|
data() {
|
return {
|
// 是否展示右侧
|
isShowRight: false,
|
// 是否选中
|
isSelected: false,
|
// 当前选中的事件
|
eventObject: {},
|
selectedId: ""
|
};
|
},
|
methods: {
|
eventSwitch(e) {
|
if (this.eventObject.id) {
|
if (e.id === this.eventObject.id) {
|
this.eventObject.enable = e.enable
|
}
|
}
|
// console.log(e)
|
},
|
/**
|
* 添加事件推送
|
*/
|
changeToAdd() {
|
this.$refs.right.reAdd();
|
this.isShowRight = true;
|
},
|
// 获取事件列表
|
async getEventList(data) {
|
// console.log(data, "当前选中的");
|
let json = {
|
id: data.id
|
};
|
let res = await getById(json);
|
if (res && res.success) {
|
this.eventObject = res.data;
|
this.isShowRight = true;
|
}
|
},
|
// 保存成功后的回调
|
updateList(id) {
|
this.$refs.baseSync.findAll();
|
this.getEventList({ id: id });
|
this.selectedId = id;
|
},
|
delList() {
|
this.$refs.baseSync.findAll();
|
this.isShowRight = false;
|
},
|
onCancle() {
|
this.isShowRight = false;
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss">
|
.ev-left-list {
|
border-right: 1px solid #e0e0e0;
|
}
|
|
.ant-divider,
|
.ant-divider-vertical {
|
margin: 0 8px;
|
display: inline-block;
|
height: 100%;
|
width: 1px;
|
vertical-align: middle;
|
position: relative;
|
top: -0.06em;
|
}
|
</style>
|
