mkl_power_box/components/dumbwaiter-2.js

74 lines
2.3 KiB
JavaScript

/**
* 顶部header
*/
Vue.component("dumbwaiter-2", {
template: `
<div class="safe-tower-content">
<div class="safe-tower-content-title">
<span>{{value.name}}</span>
</div>
<div class="safe-tower-content-data">
<el-row>
<el-col :span="4">
<div class="safe-tower-content-data-list">
<p>吊笼尺寸/m</p>
<div><span>{{value.cageSize}}</span></div>
</div>
<div class="safe-tower-content-data-list">
<p>额定载重量</p>
<div><span>{{value.loadCapacity}}</span> Kg</div>
</div>
<div class="safe-tower-content-data-list">
<p>额定乘客人数</p>
<div><span>{{value.numberPeople}}</span> 人</div>
</div>
</el-col>
<el-col :span="16">
<div style="height:330px;background: url('/images/dumbwaiter.png') no-repeat center/auto 100%">
</div>
</el-col>
<el-col :span="4">
<div class="safe-tower-content-data-list">
<p>最大提升高度</p>
<div><span>{{value.liftingHeight}}</span> m</div>
</div>
<div class="safe-tower-content-data-list">
<p>额定运行速度</p>
<div><span>{{value.runningSpeed}}</span> m/min</div>
</div>
<div class="safe-tower-content-data-list">
<p>进场时间</p>
<div><span>{{value.enterTime}}</span></div>
</div>
</el-col>
</el-row>
</div>
</div>
</div>
`,
props: {
value:{
type:Object
},
},
data() {
return {
}
},
mounted(){
//this.animation()
},
methods: {
animation(){
},
},
watch:{
}
})