Commit e7381ad8 authored by 王云帆's avatar 王云帆

Merge branch 'feature-new' into dev

the commit.
parents c08bf822 b291ef13
<template>
<div
class="tooltip"
ref="tooltip"
>
<p><span>销售订单号: </span><span>销售订单号</span></p>
<p><span>主计划工单号: </span><span>SCA11233</span></p>
<p><span>车间计划工单号: </span><span>SCA11233</span></p>
<p><span>车型: </span><span>SCA11233</span></p>
<p><span>订单数量: </span><span>SCA11233</span></p>
<p><span>单位: </span><span>SCA11233</span></p>
<p><span>车间: </span><span>SCA11233</span></p>
<p><span>产线: </span><span>SCA11233</span></p>
<p><span>计划完工时间: </span><span>SCA11233</span></p>
<div
class="close-btn"
@click="closeTooltip"
>
<i class="el-icon-circle-close"></i>
</div>
</div>
</template>
<script>
/**
* @author MARS <wangyunfan@vtstar.net>
* @fileoverview Tooltip封装
*/
export default {
props: {
query: {
type: Object,
default: () => {}
}
},
data () {
return {
data: {}
}
},
watch: {
query (v) {
this.data = _.cloneDeep(v)
console.log(this.data)
}
},
methods: {
closeTooltip () {
this.$refs.tooltip.style.visibility = 'hidden'
}
}
}
</script>
<style lang="scss" scoped>
.tooltip {
position: absolute;
padding: 20px 0 0 0;
width: 260px;
height: 233px;
border-radius: 9px;
background: #000000;
opacity: 0.8;
color: #ffffff;
visibility: hidden;
p {
margin: 5px 0;
font-size: 14px;
font-weight: bold;
span:nth-child(1) {
width: 120px;
float: left;
text-align: right;
}
span:nth-child(2) {
margin-left: 15px;
}
}
.close-btn {
position: relative;
top: 15px;
cursor: pointer;
text-align: center;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment