station-test-ui/src/views/device/storage_equipment/component/deviceDialog.vue

<template>
    <el-drawer
      size="60%"
      title="查看"
      :visible.sync="innerVisible"
      append-to-body>
    <el-divider class="dialog-divider"></el-divider>
        <!-- <device-tabs 
            :deviceDetail="detail"
            :assetNo="detail.asset_no"
        />     -->
    </el-drawer>
</template>
<script>
// import deviceTabs from "@/views/devices/deviceTabs";
export default {
    props:['deviceVisible','assetNo'],
    // components: { deviceTabs },
    data() {
      return {
          detail:{},
      };
    },
    methods: {

    },
    watch:{
        assetNo(newVal){
            console.log('deviceDialog',newVal)
            var that = this;
            var assetNo = newVal;
            this.detail={}
            this.$http.get("device/getDetailByassetNo/" + assetNo).then(res => {
                that.detail = res.data;
            });
        }
    }, 
    computed: {
        innerVisible: {
            set (val) {
                this.$emit('sendVal', val) 
            },
            get () {

                return this.deviceVisible
            }
        },
    }
};
</script>
<style  scoped>
.el-dialog__body{
  padding: 0px!important;
}
.dialog-divider{
  margin:0px;
}
.dialog-tabs{
    padding:20px;
}
::v-deep .el-drawer span:focus {
  outline: none;
}
</style>