74 lines
2.3 KiB
JavaScript
74 lines
2.3 KiB
JavaScript
/**
|
|
* 顶部header
|
|
*/
|
|
Vue.component("gantry-crane-1", {
|
|
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>高度</p>
|
|
<div><span>{{value.height}}</span> m</div>
|
|
</div>
|
|
<div class="safe-tower-content-data-list">
|
|
<p>主钩安全吊重<br/>(小车1)</p>
|
|
<div><span>{{value.mainHook1}}</span> t</div>
|
|
</div>
|
|
<div class="safe-tower-content-data-list">
|
|
<p>副钩安全吊重<br/>(小车1)</p>
|
|
<div><span>{{value.secondaryHook1}}</span> t</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="16">
|
|
<div style="height:330px;background: url('/images/gantry_crane.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.span}}</span> m</div>
|
|
</div>
|
|
<div class="safe-tower-content-data-list">
|
|
<p>主钩安全吊重<br/>(小车2)</p>
|
|
<div><span>{{value.mainHook2}}</span> t</div>
|
|
</div>
|
|
<div class="safe-tower-content-data-list">
|
|
<p>副钩安全吊重<br/>(小车2)</p>
|
|
<div><span>{{value.secondaryHook2}}</span> t</div>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`,
|
|
props: {
|
|
value:{
|
|
type:Object
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
mounted(){
|
|
//this.animation()
|
|
|
|
},
|
|
methods: {
|
|
animation(){
|
|
|
|
},
|
|
},
|
|
watch:{
|
|
|
|
}
|
|
|
|
})
|