调整微信小程序的报错。

unpackage/dist/dev/mp-weixin/pages/ucenter/components/DeviceBindPopup.js

@@ -0,0 +1,134 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const common_request = require("../../../common/request.js");
+const _sfc_main = {
+  name: "DeviceBindPopup",
+  data() {
+    return {
+      deviceBindForm: {
+        deviceCode: "",
+        salesPhone: "",
+        dealershipName: ""
+      },
+      deviceBindSubmitting: false
+    };
+  },
+  methods: {
+    /**
+     * 打开设备绑定弹窗
+     */
+    open() {
+      this.deviceBindForm = {
+        deviceCode: "",
+        salesPhone: "",
+        dealershipName: ""
+      };
+      if (this.$refs.deviceBindPopup) {
+        this.$refs.deviceBindPopup.open();
+      }
+    },
+    /**
+     * 关闭设备绑定弹窗
+     */
+    close() {
+      if (this.$refs.deviceBindPopup) {
+        this.$refs.deviceBindPopup.close();
+      }
+    },
+    /**
+     * 关闭设备绑定弹窗（内部方法）
+     */
+    closeDeviceBindDialog() {
+      this.close();
+    },
+    /**
+     * 提交设备绑定
+     */
+    async submitDeviceBind() {
+      var _a, _b;
+      if (this.deviceBindSubmitting)
+        return;
+      const { deviceCode, salesPhone, dealershipName } = this.deviceBindForm;
+      if (!deviceCode || !deviceCode.trim()) {
+        return common_vendor.index.showToast({
+          title: "请输入设备编号",
+          icon: "none"
+        });
+      }
+      this.deviceBindSubmitting = true;
+      try {
+        const requestData = {
+          deviceCode: deviceCode.trim(),
+          salesPhone: salesPhone ? salesPhone.trim() : "",
+          dealershipName: dealershipName ? dealershipName.trim() : "",
+          bindStatus: true
+        };
+        const res = await common_request.post("/api/deviceManagement/add", requestData);
+        if (res.statusCode === 200 && res.data && res.data.success) {
+          this.close();
+          common_vendor.index.showToast({
+            title: res.data.message || "设备绑定成功",
+            icon: "success"
+          });
+          this.$emit("success");
+        } else {
+          const errorMessage = ((_a = res.data) == null ? void 0 : _a.message) || "设备绑定失败，请稍后重试";
+          common_vendor.index.showToast({
+            title: errorMessage,
+            icon: "none"
+          });
+        }
+      } catch (e) {
+        common_vendor.index.__f__("error", "at pages/ucenter/components/DeviceBindPopup.vue:117", "设备绑定失败:", e);
+        const errorMessage = ((_b = e == null ? void 0 : e.data) == null ? void 0 : _b.message) || (e == null ? void 0 : e.message) || "设备绑定失败，请稍后重试";
+        common_vendor.index.showToast({
+          title: errorMessage,
+          icon: "none"
+        });
+      } finally {
+        this.deviceBindSubmitting = false;
+      }
+    }
+  }
+};
+if (!Array) {
+  const _easycom_uni_easyinput2 = common_vendor.resolveComponent("uni-easyinput");
+  const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
+  (_easycom_uni_easyinput2 + _easycom_uni_popup2)();
+}
+const _easycom_uni_easyinput = () => "../../../uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput.js";
+const _easycom_uni_popup = () => "../../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
+if (!Math) {
+  (_easycom_uni_easyinput + _easycom_uni_popup)();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return {
+    a: common_vendor.o(($event) => $data.deviceBindForm.deviceCode = $event),
+    b: common_vendor.p({
+      placeholder: "请输入设备编号",
+      modelValue: $data.deviceBindForm.deviceCode
+    }),
+    c: common_vendor.o(($event) => $data.deviceBindForm.salesPhone = $event),
+    d: common_vendor.p({
+      placeholder: "请输入销售电话",
+      type: "number",
+      modelValue: $data.deviceBindForm.salesPhone
+    }),
+    e: common_vendor.o(($event) => $data.deviceBindForm.dealershipName = $event),
+    f: common_vendor.p({
+      placeholder: "请输入所属门店",
+      modelValue: $data.deviceBindForm.dealershipName
+    }),
+    g: common_vendor.o((...args) => $options.closeDeviceBindDialog && $options.closeDeviceBindDialog(...args)),
+    h: common_vendor.t($data.deviceBindSubmitting ? "提交中..." : "提交"),
+    i: $data.deviceBindSubmitting,
+    j: common_vendor.o((...args) => $options.submitDeviceBind && $options.submitDeviceBind(...args)),
+    k: common_vendor.sr("deviceBindPopup", "e2e14e8e-0"),
+    l: common_vendor.p({
+      type: "dialog"
+    })
+  };
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e2e14e8e"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages/ucenter/components/DeviceBindPopup.js.map

unpackage/dist/dev/mp-weixin/pages/ucenter/components/DeviceBindPopup.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "uni-easyinput": "../../../uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput",
+    "uni-popup": "../../../uni_modules/uni-popup/components/uni-popup/uni-popup"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/ucenter/components/DeviceBindPopup.wxml

@@ -0,0 +1 @@
+<uni-popup wx:if="{{l}}" class="r data-v-e2e14e8e" u-s="{{['d']}}" u-r="deviceBindPopup" u-i="e2e14e8e-0" bind:__l="__l" u-p="{{l}}"><view class="device-bind-dialog data-v-e2e14e8e"><view class="device-bind-title data-v-e2e14e8e">设备绑定</view><view class="device-bind-field data-v-e2e14e8e"><text class="device-bind-label data-v-e2e14e8e">设备编号</text><uni-easyinput wx:if="{{b}}" class="data-v-e2e14e8e" u-i="e2e14e8e-1,e2e14e8e-0" bind:__l="__l" bindupdateModelValue="{{a}}" u-p="{{b}}"/></view><view class="device-bind-field data-v-e2e14e8e"><text class="device-bind-label data-v-e2e14e8e">家长电话</text><uni-easyinput wx:if="{{d}}" class="data-v-e2e14e8e" u-i="e2e14e8e-2,e2e14e8e-0" bind:__l="__l" bindupdateModelValue="{{c}}" u-p="{{d}}"/></view><view class="device-bind-field data-v-e2e14e8e"><text class="device-bind-label data-v-e2e14e8e">所属门店</text><uni-easyinput wx:if="{{f}}" class="data-v-e2e14e8e" u-i="e2e14e8e-3,e2e14e8e-0" bind:__l="__l" bindupdateModelValue="{{e}}" u-p="{{f}}"/></view><view class="device-bind-actions data-v-e2e14e8e"><button class="dialog-btn cancel data-v-e2e14e8e" bindtap="{{g}}">取消</button><button class="dialog-btn confirm data-v-e2e14e8e" disabled="{{i}}" bindtap="{{j}}">{{h}}</button></view></view></uni-popup>

unpackage/dist/dev/mp-weixin/pages/ucenter/components/DeviceBindPopup.wxss

@@ -0,0 +1,72 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.device-bind-dialog.data-v-e2e14e8e {
+  padding: 40rpx 30rpx 30rpx;
+  background-color: #FFFFFF;
+  border-radius: 16rpx;
+  width: 600rpx;
+}
+.device-bind-title.data-v-e2e14e8e {
+  font-size: 34rpx;
+  font-weight: bold;
+  text-align: center;
+  margin-bottom: 30rpx;
+}
+.device-bind-field.data-v-e2e14e8e {
+  margin-bottom: 20rpx;
+}
+.device-bind-label.data-v-e2e14e8e {
+  display: block;
+  font-size: 26rpx;
+  color: #666666;
+  margin-bottom: 10rpx;
+}
+.device-bind-actions.data-v-e2e14e8e {
+  margin-top: 20rpx;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+.dialog-btn.data-v-e2e14e8e {
+  min-width: 140rpx;
+  height: 70rpx;
+  line-height: 70rpx;
+  font-size: 28rpx;
+  border-radius: 8rpx;
+  padding: 0 24rpx;
+}
+.dialog-btn.cancel.data-v-e2e14e8e {
+  background-color: #f5f5f5;
+  color: #333333;
+  margin-right: 20rpx;
+}
+.dialog-btn.confirm.data-v-e2e14e8e {
+  background-color: #007AFF;
+  color: #FFFFFF;
+}
+.dialog-btn.data-v-e2e14e8e:after {
+  border: none;
+}

unpackage/dist/dev/mp-weixin/pages/ucenter/components/DeviceListPopup.js

@@ -0,0 +1,251 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const common_request = require("../../../common/request.js");
+const _sfc_main = {
+  name: "DeviceListPopup",
+  data() {
+    return {
+      statusOptions: ["全部状态", "已绑定", "未绑定"],
+      statusIndex: 0,
+      queryDeviceCode: "",
+      queryPhone: "",
+      deviceList: [],
+      page: {
+        current: 1,
+        size: 10
+      },
+      loading: false,
+      total: 0,
+      noMore: false
+    };
+  },
+  computed: {
+    // 根据筛选条件过滤设备列表
+    filteredDeviceList() {
+      return this.deviceList.filter((item) => {
+        if (this.statusIndex === 1 && !item.bindStatus)
+          return false;
+        if (this.statusIndex === 2 && item.bindStatus)
+          return false;
+        if (this.queryDeviceCode && !(item.deviceCode || "").includes(this.queryDeviceCode.trim())) {
+          return false;
+        }
+        if (this.queryPhone && !(item.salesPhone || "").includes(this.queryPhone.trim())) {
+          return false;
+        }
+        return true;
+      });
+    }
+  },
+  methods: {
+    /**
+     * 打开设备列表弹窗
+     */
+    open() {
+      if (this.$refs.deviceListPopup) {
+        this.$refs.deviceListPopup.open();
+        this.fetchDeviceList(true);
+      }
+    },
+    /**
+     * 关闭设备列表弹窗
+     */
+    close() {
+      if (this.$refs.deviceListPopup) {
+        this.$refs.deviceListPopup.close();
+      }
+    },
+    // 将 LocalDateTime 字符串格式化为 YYYY-MM-DD HH:mm:ss
+    formatDateTime(value) {
+      if (!value)
+        return "-";
+      try {
+        const date = new Date(value);
+        if (Number.isNaN(date.getTime()))
+          return value;
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const day = String(date.getDate()).padStart(2, "0");
+        const hours = String(date.getHours()).padStart(2, "0");
+        const minutes = String(date.getMinutes()).padStart(2, "0");
+        const seconds = String(date.getSeconds()).padStart(2, "0");
+        return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+      } catch (e) {
+        common_vendor.index.__f__("warn", "at pages/ucenter/components/DeviceListPopup.vue:196", "格式化时间失败:", e, value);
+        return value;
+      }
+    },
+    buildQueryParams() {
+      const params = {
+        current: this.page.current,
+        size: this.page.size
+      };
+      const trimmedDeviceCode = this.queryDeviceCode && this.queryDeviceCode.trim();
+      const trimmedPhone = this.queryPhone && this.queryPhone.trim();
+      if (trimmedDeviceCode) {
+        params.deviceCode = trimmedDeviceCode;
+      }
+      if (trimmedPhone) {
+        params.salesPhone = trimmedPhone;
+      }
+      if (this.statusIndex === 1) {
+        params.bindStatus = true;
+      } else if (this.statusIndex === 2) {
+        params.bindStatus = false;
+      }
+      return params;
+    },
+    async fetchDeviceList(reset = false) {
+      if (this.loading)
+        return;
+      this.loading = true;
+      if (reset) {
+        this.page.current = 1;
+        this.noMore = false;
+      }
+      try {
+        const queryParams = this.buildQueryParams();
+        const res = await common_request.get("/api/deviceManagement/list", queryParams);
+        if (res.statusCode === 200 && res.data && res.data.success) {
+          const records = Array.isArray(res.data.data) ? res.data.data : [];
+          const mapped = records.map((item) => ({
+            id: item.id,
+            deviceCode: item.deviceCode,
+            salesPhone: item.salesPhone,
+            dealershipName: item.dealershipName,
+            bindStatus: item.bindStatus,
+            createTime: this.formatDateTime(item.createTime)
+          }));
+          if (reset) {
+            this.deviceList = mapped;
+          } else {
+            this.deviceList = [...this.deviceList, ...mapped];
+          }
+          if (typeof res.data.current === "number") {
+            this.page.current = res.data.current;
+          }
+          if (typeof res.data.size === "number") {
+            this.page.size = res.data.size;
+          }
+          if (typeof res.data.total === "number") {
+            this.total = res.data.total;
+          }
+          const pages = typeof res.data.pages === "number" ? res.data.pages : Math.ceil((this.total || 0) / this.page.size);
+          this.noMore = pages > 0 && this.page.current >= pages;
+        } else {
+          this.deviceList = [];
+          common_vendor.index.showToast({
+            title: res.data && res.data.message || "获取设备列表失败",
+            icon: "none"
+          });
+        }
+      } catch (error) {
+        common_vendor.index.__f__("error", "at pages/ucenter/components/DeviceListPopup.vue:282", "获取设备列表失败:", error);
+        if (reset) {
+          this.deviceList = [];
+        }
+        let msg = "获取设备列表失败，请稍后重试";
+        if (error.errMsg && error.errMsg.includes("timeout")) {
+          msg = "请求超时，请检查网络后重试";
+        }
+        common_vendor.index.showToast({
+          title: msg,
+          icon: "none"
+        });
+      } finally {
+        this.loading = false;
+      }
+    },
+    // 滚动到底部时加载更多
+    onScrollToLower() {
+      if (this.loading || this.noMore)
+        return;
+      this.page.current += 1;
+      this.fetchDeviceList(false);
+    },
+    onStatusChange(e) {
+      this.statusIndex = Number(e.detail.value || 0);
+      this.onSearch();
+    },
+    onSearch() {
+      this.fetchDeviceList(true);
+    },
+    async onRefresh() {
+      await this.fetchDeviceList(true);
+      common_vendor.index.showToast({
+        title: "刷新成功",
+        icon: "none"
+      });
+    }
+  }
+};
+if (!Array) {
+  const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
+  const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
+  (_easycom_uni_icons2 + _easycom_uni_popup2)();
+}
+const _easycom_uni_icons = () => "../../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
+const _easycom_uni_popup = () => "../../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
+if (!Math) {
+  (_easycom_uni_icons + _easycom_uni_popup)();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: common_vendor.p({
+      type: "close",
+      size: "20",
+      color: "#666"
+    }),
+    b: common_vendor.o((...args) => $options.close && $options.close(...args)),
+    c: common_vendor.t($options.filteredDeviceList.length),
+    d: common_vendor.t($data.statusOptions[$data.statusIndex]),
+    e: common_vendor.p({
+      type: "down",
+      size: "14",
+      color: "#999"
+    }),
+    f: $data.statusOptions,
+    g: $data.statusIndex,
+    h: common_vendor.o((...args) => $options.onStatusChange && $options.onStatusChange(...args)),
+    i: common_vendor.o((...args) => $options.onSearch && $options.onSearch(...args)),
+    j: $data.queryDeviceCode,
+    k: common_vendor.o(($event) => $data.queryDeviceCode = $event.detail.value),
+    l: common_vendor.o((...args) => $options.onSearch && $options.onSearch(...args)),
+    m: $data.queryPhone,
+    n: common_vendor.o(($event) => $data.queryPhone = $event.detail.value),
+    o: common_vendor.p({
+      type: "refresh",
+      size: "18",
+      color: "#2A68FF"
+    }),
+    p: common_vendor.o((...args) => $options.onRefresh && $options.onRefresh(...args)),
+    q: common_vendor.f($options.filteredDeviceList, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item.deviceCode || "未填写设备编号"),
+        b: common_vendor.t(item.bindStatus ? "已绑定" : "未绑定"),
+        c: common_vendor.n(item.bindStatus ? "bind-tag--on" : "bind-tag--off"),
+        d: common_vendor.t(item.salesPhone || "-"),
+        e: common_vendor.t(item.dealershipName || "-"),
+        f: common_vendor.t(item.createTime || "-"),
+        g: item.id || index
+      };
+    }),
+    r: !$data.loading && $data.deviceList.length === 0
+  }, !$data.loading && $data.deviceList.length === 0 ? {} : {}, {
+    s: $data.deviceList.length > 0
+  }, $data.deviceList.length > 0 ? common_vendor.e({
+    t: $data.loading
+  }, $data.loading ? {} : $data.noMore ? {} : {}, {
+    v: $data.noMore
+  }) : {}, {
+    w: common_vendor.o((...args) => $options.onScrollToLower && $options.onScrollToLower(...args)),
+    x: common_vendor.sr("deviceListPopup", "9bcf4750-0"),
+    y: common_vendor.p({
+      type: "bottom",
+      ["safe-area"]: false
+    })
+  });
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9bcf4750"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages/ucenter/components/DeviceListPopup.js.map

unpackage/dist/dev/mp-weixin/pages/ucenter/components/DeviceListPopup.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "uni-icons": "../../../uni_modules/uni-icons/components/uni-icons/uni-icons",
+    "uni-popup": "../../../uni_modules/uni-popup/components/uni-popup/uni-popup"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/ucenter/components/DeviceListPopup.wxml

@@ -0,0 +1 @@
+<uni-popup wx:if="{{y}}" class="r data-v-9bcf4750" u-s="{{['d']}}" u-r="deviceListPopup" u-i="9bcf4750-0" bind:__l="__l" u-p="{{y}}"><view class="device-list-popup data-v-9bcf4750"><view class="popup-header data-v-9bcf4750"><text class="popup-title data-v-9bcf4750">设备列表</text><view class="popup-close data-v-9bcf4750" bindtap="{{b}}"><uni-icons wx:if="{{a}}" class="data-v-9bcf4750" u-i="9bcf4750-1,9bcf4750-0" bind:__l="__l" u-p="{{a}}"/></view></view><scroll-view class="device-list-content data-v-9bcf4750" scroll-y bindscrolltolower="{{w}}"><view class="device-toolbar data-v-9bcf4750"><text class="toolbar-total data-v-9bcf4750">{{c}}台</text><view class="toolbar-filters data-v-9bcf4750"><picker class="status-picker data-v-9bcf4750" mode="selector" range="{{f}}" value="{{g}}" bindchange="{{h}}"><view class="status-picker-inner data-v-9bcf4750"><text class="status-label data-v-9bcf4750">状态</text><text class="status-value data-v-9bcf4750">{{d}}</text><uni-icons wx:if="{{e}}" class="data-v-9bcf4750" u-i="9bcf4750-2,9bcf4750-0" bind:__l="__l" u-p="{{e}}"/></view></picker><input class="toolbar-input data-v-9bcf4750" placeholder="设备编号" placeholder-style="color:#B0B0B0" confirm-type="search" bindconfirm="{{i}}" value="{{j}}" bindinput="{{k}}"/><input class="toolbar-input data-v-9bcf4750" placeholder="电话" placeholder-style="color:#B0B0B0" confirm-type="search" bindconfirm="{{l}}" value="{{m}}" bindinput="{{n}}"/></view><view class="toolbar-actions data-v-9bcf4750"><view class="toolbar-btn data-v-9bcf4750" bindtap="{{p}}"><uni-icons wx:if="{{o}}" class="data-v-9bcf4750" u-i="9bcf4750-3,9bcf4750-0" bind:__l="__l" u-p="{{o}}"/><text class="data-v-9bcf4750">刷新</text></view></view></view><view wx:for="{{q}}" wx:for-item="item" wx:key="g" class="device-card data-v-9bcf4750"><view class="card-header data-v-9bcf4750"><text class="device-code data-v-9bcf4750">{{item.a}}</text><view class="{{['bind-tag', 'data-v-9bcf4750', item.c]}}"><text class="data-v-9bcf4750">{{item.b}}</text></view></view><view class="card-body data-v-9bcf4750"><view class="card-row data-v-9bcf4750"><text class="card-label data-v-9bcf4750">家长电话</text><text class="card-value data-v-9bcf4750">{{item.d}}</text></view><view class="card-row data-v-9bcf4750"><text class="card-label data-v-9bcf4750">所属门店</text><text class="card-value data-v-9bcf4750">{{item.e}}</text></view><view class="card-row data-v-9bcf4750"><text class="card-label data-v-9bcf4750">创建时间</text><text class="card-value data-v-9bcf4750">{{item.f}}</text></view></view></view><view wx:if="{{r}}" class="empty-box data-v-9bcf4750"><text class="empty-text data-v-9bcf4750">暂无设备记录</text></view><view wx:if="{{s}}" class="empty-box data-v-9bcf4750"><text wx:if="{{t}}" class="empty-text data-v-9bcf4750">加载中...</text><text wx:elif="{{v}}" class="empty-text data-v-9bcf4750">没有更多了</text></view></scroll-view></view></uni-popup>

unpackage/dist/dev/mp-weixin/pages/ucenter/components/DeviceListPopup.wxss

@@ -0,0 +1,191 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.device-list-popup.data-v-9bcf4750 {
+  background-color: #f5f5f5;
+  border-radius: 24rpx 24rpx 0 0;
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+}
+.popup-header.data-v-9bcf4750 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 24rpx 32rpx;
+  background-color: #ffffff;
+  border-bottom: 1px solid #e0e0e0;
+  border-radius: 24rpx 24rpx 0 0;
+}
+.popup-title.data-v-9bcf4750 {
+  font-size: 36rpx;
+  font-weight: 600;
+  color: #333;
+}
+.popup-close.data-v-9bcf4750 {
+  padding: 8rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.device-list-content.data-v-9bcf4750 {
+  flex: 1;
+  padding: 16rpx;
+  box-sizing: border-box;
+}
+.device-toolbar.data-v-9bcf4750 {
+  display: flex;
+  align-items: center;
+  padding: 12rpx 12rpx;
+  margin-bottom: 24rpx;
+  background-color: #f8f8fa;
+  border-radius: 8rpx;
+  border: 1px solid #efeff2;
+}
+.toolbar-total.data-v-9bcf4750 {
+  font-size: 24rpx;
+  color: #666;
+  margin-right: 12rpx;
+  flex-shrink: 0;
+}
+.toolbar-filters.data-v-9bcf4750 {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 8rpx;
+  overflow: hidden;
+}
+.status-picker.data-v-9bcf4750 {
+  flex-shrink: 0;
+}
+.status-picker-inner.data-v-9bcf4750 {
+  flex-direction: row;
+  display: flex;
+  align-items: center;
+  padding: 0 12rpx;
+  height: 56rpx;
+  border-radius: 999rpx;
+  background-color: #ffffff;
+  border: 1px solid #d6e3ff;
+}
+.status-label.data-v-9bcf4750 {
+  font-size: 24rpx;
+  color: #666;
+  margin-right: 6rpx;
+}
+.status-value.data-v-9bcf4750 {
+  font-size: 24rpx;
+  color: #333;
+  margin-right: 4rpx;
+}
+.toolbar-input.data-v-9bcf4750 {
+  flex: 1;
+  min-width: 120rpx;
+  height: 56rpx;
+  line-height: 56rpx;
+  background-color: #f5f6fa;
+  border-radius: 8rpx;
+  padding: 0 12rpx;
+  font-size: 24rpx;
+  box-sizing: border-box;
+}
+.toolbar-actions.data-v-9bcf4750 {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+}
+.toolbar-btn.data-v-9bcf4750 {
+  display: flex;
+  align-items: center;
+  padding: 0 16rpx;
+  height: 56rpx;
+  border-radius: 28rpx;
+  background-color: #ffffff;
+  border: 1px solid #d6e3ff;
+}
+.toolbar-btn text.data-v-9bcf4750 {
+  margin-left: 6rpx;
+  font-size: 24rpx;
+  color: #2a68ff;
+}
+.device-card.data-v-9bcf4750 {
+  background-color: #ffffff;
+  border-radius: 16rpx;
+  padding: 24rpx 24rpx 20rpx;
+  margin-bottom: 16rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
+}
+.card-header.data-v-9bcf4750 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16rpx;
+}
+.device-code.data-v-9bcf4750 {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #333;
+}
+.bind-tag.data-v-9bcf4750 {
+  min-width: 104rpx;
+  padding: 6rpx 16rpx;
+  border-radius: 999rpx;
+  font-size: 22rpx;
+  text-align: center;
+}
+.bind-tag--on.data-v-9bcf4750 {
+  background-color: #e6f6ec;
+  color: #2e7d32;
+}
+.bind-tag--off.data-v-9bcf4750 {
+  background-color: #fff4e5;
+  color: #ff9800;
+}
+.card-body.data-v-9bcf4750 {
+  border-top: 1px solid #f0f0f0;
+  padding-top: 16rpx;
+}
+.card-row.data-v-9bcf4750 {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8rpx;
+}
+.card-label.data-v-9bcf4750 {
+  width: 160rpx;
+  font-size: 24rpx;
+  color: #999;
+}
+.card-value.data-v-9bcf4750 {
+  font-size: 26rpx;
+  color: #333;
+}
+.empty-box.data-v-9bcf4750 {
+  padding: 80rpx 0;
+  text-align: center;
+}
+.empty-text.data-v-9bcf4750 {
+  font-size: 26rpx;
+  color: #999;
+}