addEquipmentDialog.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. /**
  2. * 添加设备 显示实例
  3. */
  4. <template>
  5. <div class="add-equipment">
  6. <el-dialog custom-class="equipment-detail-dialog" title="添加显示实例" :visible.sync="dialogTableVisible">
  7. <div class="header">
  8. <span>选择设备:</span>
  9. <Cascader caption="设备实例范围:" multiple excludeTop :data="cascaderData1" showPanel width="260"></Cascader>
  10. </div>
  11. </el-dialog>
  12. </div>
  13. </template>
  14. <script>
  15. /**
  16. * 添加设备 显示实例
  17. */
  18. export default {
  19. name: "addEquipmentDialog",
  20. props: {},
  21. components: {},
  22. data() {
  23. return {
  24. dialogTableVisible: false,
  25. cascaderData1: [
  26. {
  27. title: "1",
  28. id: "1code",
  29. children: [
  30. {
  31. title: "1_1",
  32. id: "1_1code",
  33. },
  34. {
  35. title: "1_2",
  36. id: "1_2code",
  37. },
  38. ],
  39. },
  40. {
  41. title: "2",
  42. id: "2code",
  43. children: [
  44. {
  45. title: "2_1",
  46. id: "2_1code",
  47. },
  48. ],
  49. },
  50. ],
  51. };
  52. },
  53. created() {},
  54. methods: {},
  55. };
  56. </script>
  57. <style lang='less' scoped>
  58. .add-equipment {
  59. /deep/ .equipment-detail-dialog {
  60. width: 1200px;
  61. height: 648px;
  62. // background-color: blueviolet;
  63. }
  64. }
  65. </style>