<template>
|
<a-drawer title="设备履历" placement="right" :width="500" :closable="false" :visible="visible" @close="onClose">
|
<a-timeline mode="alternate">
|
<a-timeline-item>Create a services site 2015-09-01</a-timeline-item>
|
<a-timeline-item color="green">
|
Solve initial network problems 2015-09-01
|
</a-timeline-item>
|
<a-timeline-item>
|
<a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;"/>
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
|
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto
|
beatae vitae dicta sunt explicabo.
|
</a-timeline-item>
|
<a-timeline-item color="red">
|
Network problems being solved 2015-09-01
|
</a-timeline-item>
|
<a-timeline-item>Create a services site 2015-09-01</a-timeline-item>
|
<a-timeline-item>
|
<a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;"/>
|
Technical testing 2015-09-01
|
</a-timeline-item>
|
<a-timeline-item>Create a services site 2015-09-01</a-timeline-item>
|
<a-timeline-item color="green">
|
Solve initial network problems 2015-09-01
|
</a-timeline-item>
|
<a-timeline-item>
|
<a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;"/>
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
|
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto
|
beatae vitae dicta sunt explicabo.
|
</a-timeline-item>
|
<a-timeline-item color="red">
|
Network problems being solved 2015-09-01
|
</a-timeline-item>
|
<a-timeline-item>Create a services site 2015-09-01</a-timeline-item>
|
<a-timeline-item>
|
<a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;"/>
|
Technical testing 2015-09-01
|
</a-timeline-item>
|
<a-timeline-item>Create a services site 2015-09-01</a-timeline-item>
|
<a-timeline-item color="green">
|
Solve initial network problems 2015-09-01
|
</a-timeline-item>
|
<a-timeline-item>
|
<a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;"/>
|
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
|
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto
|
beatae vitae dicta sunt explicabo.
|
</a-timeline-item>
|
<a-timeline-item color="red">
|
Network problems being solved 2015-09-01
|
</a-timeline-item>
|
<a-timeline-item>Create a services site 2015-09-01</a-timeline-item>
|
<a-timeline-item>
|
<a-icon slot="dot" type="clock-circle-o" style="font-size: 16px;"/>
|
Technical testing 2015-09-01
|
</a-timeline-item>
|
</a-timeline>
|
</a-drawer>
|
</template>
|
|
<script>
|
export default {
|
name: 'ResumeDrawer',
|
data() {
|
return {
|
visible: false
|
}
|
},
|
methods: {
|
getEquipmentResumeByApi() {
|
|
},
|
|
onClose() {
|
this.visible = false
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="less">
|
/deep/ .ant-drawer-wrapper-body {
|
overflow: hidden;
|
display: flex;
|
flex-direction: column;
|
|
::-webkit-scrollbar {
|
width: 8px;
|
height: 8px;
|
}
|
|
.ant-drawer-body {
|
flex: 1;
|
overflow: auto;
|
}
|
}
|
</style>
|
