<template>
    <div class="deviceDetail">
        <div class="c-border-tb c-f14 c-999 mt10 plr15 ptb10 bgc-fff">
            <div class="c-f16 c-333">{{info.name}}</div>
            <div class="mt10">
                <span>设备所属：</span>
                <span>{{info.belong}}</span>
            </div>
            <div>
                <span>设备编号：</span>
                <span>{{info.id}}</span>
            </div>
            <div>
                <span>信号强度：</span>
                <span>{{info.signalStrength}}</span>
            </div>
            <div>
                <span>网<i class="mr2em"></i>络：
                </span>
                <span>{{info.network}}</span>
            </div>
            <div>
                <span>设备地址：</span>
                <span>{{info.address}}</span>
            </div>
        </div>
        <div class='mt20 grid-4 c-f14 c-333 bgc-fff c-border-tb ptb15'>
            <div class='c-t-center' @click='gotoUrl("/device/temperature/index")'>
                <div>
                    <van-image class='ability' src=''/>
                </div>
                <div>温度控制</div>
            </div>
            <div class='c-t-center' @click='gotoUrl("/device/humidity/index")'>
                <div>
                    <van-image class='ability' src=''/>
                </div>
                <div>湿度控制</div>
            </div>
            <div class='c-t-center' @click='gotoUrl("/device/cargoLane/index")'>
                <div>
                    <van-image class='ability' src=''/>
                </div>
                <div>货道状态</div>
            </div>
            <div class='c-t-center' @click='gotoUrl("/device/cargoLane/setting")'>
                <div>
                    <van-image class='ability' src=''/>
                </div>
                <div>货道设置</div>
            </div>
            <div class='c-t-center' @click='gotoUrl("/device/status")'>
                <div>
                    <van-image class='ability' src=''/>
                </div>
                <div>设备状态</div>
            </div>
            <div class='c-t-center' @click='gotoUrl("/device/reboot")'>
                <div>
                    <van-image class='ability' src=''/>
                </div>
                <div>设备重启</div>
            </div>
            <div class='c-t-center' @click='gotoUrl("/device/infoLog/index")'>
                <div>
                    <van-image class='ability' src=''/>
                </div>
                <div>信息日志</div>
            </div>
            <div class='c-t-center' @click='gotoUrl("/device/sell")'>
                <div>
                    <van-image class='ability' src=''/>
                </div>
                <div>在售停售</div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
  name: "deviceDetail",
  data() {
    return {
      info: {}
    };
  },
  methods: {},
  created() {
    this.info = this.$route.query.deviceInfo;
    console.log(this.info);
  }
};
</script>
<style scoped lang='scss'>
.deviceDetail {
    .mr2em{
        margin-right: 2em;
    }
    .grid-4{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-row-gap: 20px;
    }
    .ability{
        width: 50px;
        height: 50px;
    }
}
</style>