batchPoint.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <template>
  2. <div class="box">
  3. <div class="condition">
  4. <div class="header">
  5. <el-button style="float:left;" size="small" type="default" icon="el-icon-back" @click="goBack"></el-button>
  6. <floor-cascader @change="changeFloor"></floor-cascader>
  7. <my-cascader ref="cascader" @change="changeDevice"></my-cascader>
  8. <el-button style="float:right;margin-top:1px;" >确认</el-button>
  9. <el-button style="float:right;margin-top:1px;margin-right:10px;" >取消</el-button>
  10. </div>
  11. <div class="main">
  12. </div>
  13. </div>
  14. </div>
  15. </template>
  16. <script>
  17. import floorCascader from "@/components/ledger/lib/floorCascader";
  18. import myCascader from "@/components/ledger/lib/cascader";
  19. import { mapGetters } from "vuex"
  20. //api
  21. import { countEquip, equipCategoryProperty, equipRproperty } from "@/api/scan/request";
  22. export default {
  23. components: {
  24. floorCascader,
  25. myCascader
  26. },
  27. computed: {
  28. ...mapGetters("layout", ["projectId", "userId", "secret"])
  29. },
  30. created() {
  31. this.params = this.$route.params
  32. },
  33. data() {
  34. return {
  35. params: {}
  36. }
  37. },
  38. methods: {
  39. //返回
  40. goBack() {
  41. this.$router.push({ name: "facilityLedger" })
  42. }
  43. },
  44. watch: {
  45. projectId() {
  46. this.$router.push({ name: "facilityLedger" })
  47. }
  48. }
  49. };
  50. </script>
  51. <style scoped lang='less'>
  52. .box {
  53. .condition {
  54. padding: 10px;
  55. display: flex;
  56. height: 100%;
  57. flex-direction: column;
  58. border: 1px solid #dfe6ec;
  59. background: #fff;
  60. .header{
  61. padding-bottom: 10px;
  62. border-bottom: 1px solid #bcbcbc;
  63. .statistics-title{
  64. margin-left: 20px;
  65. line-height: 32px;
  66. }
  67. }
  68. .main{
  69. margin-top: 10px;
  70. height: calc(100% - 46px);
  71. }
  72. }
  73. }
  74. </style>
  75. <style lang="less">
  76. .el-table th {
  77. background-color: #d9d9d9;
  78. color: #000;
  79. }
  80. </style>