<template>
  <div id="troubleDetail" class="troubleDetail">
    <div class="troubleinfo" />
    <div class="operate">
      <el-button>取 消</el-button>
      <el-button type="primary">确 定</el-button>
    </div>

  </div>
</template>
<script>
export default {
  name: 'TroubleDetail',
  components: {
  },
  props: ['data'],
  data() {
    return {
    }
  },
  watch: {},
  methods: {
  }
}
</script>

<style lang='scss' scoped>

.troubleDetail {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 5px;
  .troubleinfo{
    position: relative;
    height: 500px;
    width: 100%;
    background-image: url('../images/troubleDetail.png');
    background-size: 100% 100%;
  }
  .operate{
      position:relative;
      height:50px;
      margin-top: 8px;
      text-align:center;
  }
}
</style>
