/**
 * 顶部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:{

    }

})