{"remainingRequest":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js!/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin/src/views/devices/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin/src/views/devices/index.vue","mtime":1754757073739},{"path":"/Users/kang/Gitea/vue-element-admin/babel.config.js","mtime":1754409277597},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js","mtime":1754409277911},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754409278035},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js","mtime":1754409279720}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IGZldGNoRGV2aWNlTGlzdCB9IGZyb20gJ0AvYXBpL2RldmljZSc7CmltcG9ydCBQYWdpbmF0aW9uIGZyb20gJ0AvY29tcG9uZW50cy9QYWdpbmF0aW9uJzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdEZXZpY2VMaXN0JywKICBjb21wb25lbnRzOiB7CiAgICBQYWdpbmF0aW9uOiBQYWdpbmF0aW9uCiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgbGlzdDogbnVsbCwKICAgICAgdG90YWw6IDEsCiAgICAgIGxpc3RMb2FkaW5nOiB0cnVlLAogICAgICBkZXZpY2VUeXBlOiAn5Z6L5Y+3JywKICAgICAgbGlzdFF1ZXJ5OiB7CiAgICAgICAgcGFnZTogMSwKICAgICAgICBsaW1pdDogMjQsCiAgICAgICAga2V5d29yZDogdW5kZWZpbmVkCiAgICAgIH0KICAgIH07CiAgfSwKICBjcmVhdGVkOiBmdW5jdGlvbiBjcmVhdGVkKCkgewogICAgdGhpcy5nZXRMaXN0KCk7CiAgfSwKICBtZXRob2RzOiB7CiAgICBnZXRMaXN0OiBmdW5jdGlvbiBnZXRMaXN0KCkgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwogICAgICB0aGlzLmxpc3RMb2FkaW5nID0gdHJ1ZTsKICAgICAgZmV0Y2hEZXZpY2VMaXN0KHRoaXMubGlzdFF1ZXJ5KS50aGVuKGZ1bmN0aW9uIChyZXNwb25zZSkgewogICAgICAgIF90aGlzLmxpc3QgPSByZXNwb25zZS5kYXRhLml0ZW1zOwogICAgICAgIF90aGlzLnRvdGFsID0gcmVzcG9uc2UuZGF0YS50b3RhbDsKICAgICAgICBfdGhpcy5saXN0TG9hZGluZyA9IGZhbHNlOwogICAgICB9KTsKICAgIH0sCiAgICBoYW5kbGVGaWx0ZXI6IGZ1bmN0aW9uIGhhbmRsZUZpbHRlcigpIHsKICAgICAgdGhpcy5saXN0UXVlcnkucGFnZSA9IDE7CiAgICAgIHRoaXMuZ2V0TGlzdCgpOwogICAgfSwKICAgIHRvZ2dsZVZpZXc6IGZ1bmN0aW9uIHRvZ2dsZVZpZXcoKSB7CiAgICAgIC8vIOWIh+aNouinhuWbvumAu+i+kQogICAgICB0aGlzLiRtZXNzYWdlLmluZm8oJ+inhuWbvuWIh+aNouWKn+iDvScpOwogICAgfQogIH0KfTs="},{"version":3,"names":["fetchDeviceList","Pagination","name","components","data","list","total","listLoading","deviceType","listQuery","page","limit","keyword","undefined","created","getList","methods","_this","then","response","items","handleFilter","toggleView","$message","info"],"sources":["src/views/devices/index.vue"],"sourcesContent":["<template>\n  <div class=\"app-container\">\n    <el-card class=\"box-card\">\n      <div slot=\"header\" class=\"clearfix\">\n        <span>test</span>\n        <span style=\"float: right; font-weight: bold;\">ID: P3sSEq9ddx4k0</span>\n      </div>\n      \n      <div class=\"filter-container\">\n        <el-input\n          v-model=\"listQuery.keyword\"\n          placeholder=\"请输入设备编码或设备名称\"\n          style=\"width: 300px;\"\n          class=\"filter-item\"\n          @keyup.enter.native=\"handleFilter\"\n        />\n        \n        <el-button class=\"filter-item\" type=\"primary\" icon=\"el-icon-search\" @click=\"handleFilter\">\n          筛选\n        </el-button>\n        \n        <el-button class=\"filter-item\" type=\"default\" icon=\"el-icon-menu\" @click=\"toggleView\">\n          视图\n        </el-button>\n      </div>\n      \n      <div class=\"device-info\">\n        <span>192.168.3.10</span>\n        <span style=\"margin-left: 20px;\">通道数 1</span>\n        <el-radio-group v-model=\"deviceType\" size=\"mini\" style=\"margin-left: 20px;\">\n          <el-radio-button label=\"型号\"></el-radio-button>\n          <el-radio-button label=\"厂商\"></el-radio-button>\n        </el-radio-group>\n      </div>\n      \n      <el-table\n        v-loading=\"listLoading\"\n        :data=\"list\"\n        border\n        fit\n        highlight-current-row\n        style=\"width: 100%; margin-top: 20px;\"\n      >\n        <!-- 这里添加你的表格列 -->\n        <el-table-column label=\"设备ID\" prop=\"id\" align=\"center\" />\n        <el-table-column label=\"设备名称\" prop=\"name\" align=\"center\" />\n        <!-- 更多列... -->\n      </el-table>\n      \n      <pagination\n        v-show=\"total>0\"\n        :total=\"total\"\n        :page.sync=\"listQuery.page\"\n        :limit.sync=\"listQuery.limit\"\n        @pagination=\"getList\"\n        style=\"margin-top: 20px;\"\n      />\n      \n      <div class=\"footer-info\">\n        <span>共 {{ total }} 条</span>\n        <el-pagination\n          :page-size=\"listQuery.limit\"\n          :current-page=\"listQuery.page\"\n          layout=\"prev, pager, next\"\n          :total=\"total\"\n          small\n          style=\"display: inline-block; margin-left: 10px;\"\n        />\n        <span style=\"margin-left: 10px;\">24 条/页</span>\n      </div>\n    </el-card>\n  </div>\n</template>\n\n<script>\nimport { fetchDeviceList } from '@/api/device'\nimport Pagination from '@/components/Pagination'\n\nexport default {\n  name: 'DeviceList',\n  components: { Pagination },\n  data() {\n    return {\n      list: null,\n      total: 1,\n      listLoading: true,\n      deviceType: '型号',\n      listQuery: {\n        page: 1,\n        limit: 24,\n        keyword: undefined\n      }\n    }\n  },\n  created() {\n    this.getList()\n  },\n  methods: {\n    getList() {\n      this.listLoading = true\n      fetchDeviceList(this.listQuery).then(response => {\n        this.list = response.data.items\n        this.total = response.data.total\n        this.listLoading = false\n      })\n    },\n    handleFilter() {\n      this.listQuery.page = 1\n      this.getList()\n    },\n    toggleView() {\n      // 切换视图逻辑\n      this.$message.info('视图切换功能')\n    }\n  }\n}\n</script>\n\n<style scoped>\n.filter-container {\n  margin-bottom: 20px;\n}\n.device-info {\n  margin-bottom: 20px;\n  font-size: 14px;\n}\n.footer-info {\n  margin-top: 20px;\n  text-align: center;\n  font-size: 14px;\n}\n</style>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,SAAAA,eAAA;AACA,OAAAC,UAAA;AAEA;EACAC,IAAA;EACAC,UAAA;IAAAF,UAAA,EAAAA;EAAA;EACAG,IAAA,WAAAA,KAAA;IACA;MACAC,IAAA;MACAC,KAAA;MACAC,WAAA;MACAC,UAAA;MACAC,SAAA;QACAC,IAAA;QACAC,KAAA;QACAC,OAAA,EAAAC;MACA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IACA,KAAAC,OAAA;EACA;EACAC,OAAA;IACAD,OAAA,WAAAA,QAAA;MAAA,IAAAE,KAAA;MACA,KAAAV,WAAA;MACAP,eAAA,MAAAS,SAAA,EAAAS,IAAA,WAAAC,QAAA;QACAF,KAAA,CAAAZ,IAAA,GAAAc,QAAA,CAAAf,IAAA,CAAAgB,KAAA;QACAH,KAAA,CAAAX,KAAA,GAAAa,QAAA,CAAAf,IAAA,CAAAE,KAAA;QACAW,KAAA,CAAAV,WAAA;MACA;IACA;IACAc,YAAA,WAAAA,aAAA;MACA,KAAAZ,SAAA,CAAAC,IAAA;MACA,KAAAK,OAAA;IACA;IACAO,UAAA,WAAAA,WAAA;MACA;MACA,KAAAC,QAAA,CAAAC,IAAA;IACA;EACA;AACA","ignoreList":[]}]}