diff --git a/src/api/mes/deviceLine.js b/src/api/mes/deviceLine.js
new file mode 100644
index 0000000..9d57f3b
--- /dev/null
+++ b/src/api/mes/deviceLine.js
@@ -0,0 +1,16 @@
+import request from '@/utils/request'
+
+export function getDeviceLineTree() {
+  return request({
+    url: '/admin-api/mes/device-line/tree',
+    method: 'get'
+  })
+}
+
+export function getDeviceLine(id) {
+  return request({
+    url: '/admin-api/mes/device-line/get',
+    method: 'get',
+    params: { id }
+  })
+}
diff --git a/src/components/common/TabBar.vue b/src/components/common/TabBar.vue
index 48191ca..833e3f6 100644
--- a/src/components/common/TabBar.vue
+++ b/src/components/common/TabBar.vue
@@ -26,11 +26,13 @@ import { ref, computed, onMounted, onUnmounted, watch } from 'vue'
 import useUserStore from '@/store/modules/user'
 import { storeToRefs } from 'pinia'
 import { getTabBarMenus } from '@/utils/permissionMenu'
+import { useI18n } from 'vue-i18n'
 
 const TABBAR_VISIBILITY_EVENT = 'tabbar-visibility-change'
 
 const userStore = useUserStore()
 const { menus } = storeToRefs(userStore)
+const { t } = useI18n()
 
 const inactiveColor = '#666666'
 const activeColor = '#409eff'
@@ -42,6 +44,25 @@ function normalizeRoute(path = '') {
   return String(path || '').trim().replace(/^\/+/, '')
 }
 
+function normalizeMenuName(value = '') {
+  return String(value || '').trim().toLowerCase()
+}
+
+function isMineMenu(menu) {
+  const names = [menu?.name, menu?.enName, menu?.text].map(normalizeMenuName)
+  const paths = [menu?.path, menu?.component].map((item) => normalizeRoute(item).toLowerCase())
+  return (
+    names.some((name) => ['我的', '个人中心', 'mine', 'profile'].includes(name)) ||
+    paths.some((path) => path === 'pages/mine' || path === 'pages/smq/mine')
+  )
+}
+
+function isSmqTabbar() {
+  const pages = getCurrentPages()
+  const route = pages && pages.length > 0 ? pages[pages.length - 1].route : ''
+  return normalizeRoute(route).startsWith('pages/smq/')
+}
+
 function isUniIcon(icon) {
   return String(icon || '').startsWith('uni-icons:')
 }
@@ -81,6 +102,29 @@ function resolveTabIconMeta(menu) {
   }
 }
 
+function createTabItem(menu) {
+  const iconMeta = resolveTabIconMeta(menu)
+  return {
+    text: String(menu.name || menu.enName || '').trim(),
+    icon: iconMeta.icon,
+    selectedIcon: iconMeta.selectedIcon,
+    iconType: iconMeta.iconType,
+    iconName: iconMeta.iconName,
+    path: menu.path
+  }
+}
+
+function createMineTabItem() {
+  return {
+    text: t('tab.mine'),
+    icon: '',
+    selectedIcon: '',
+    iconType: 'uni-icons',
+    iconName: 'person',
+    path: isSmqTabbar() ? '/pages/smq/mine' : '/pages/mine'
+  }
+}
+
 function getCurrentActiveIndex() {
   const pages = getCurrentPages()
   if (pages && pages.length > 0) {
@@ -92,18 +136,11 @@ function getCurrentActiveIndex() {
 }
 
 const tabList = computed(() => {
-  return getTabBarMenus(menus.value)
-    .map((menu) => {
-      const iconMeta = resolveTabIconMeta(menu)
-      return {
-        text: String(menu.name || menu.enName || '').trim(),
-        icon: iconMeta.icon,
-        selectedIcon: iconMeta.selectedIcon,
-        iconType: iconMeta.iconType,
-        iconName: iconMeta.iconName,
-        path: menu.path
-      }
-    })
+  const apiTabs = getTabBarMenus(menus.value)
+    .filter((menu) => !isMineMenu(menu))
+    .map(createTabItem)
+
+  return [...apiTabs, createMineTabItem()]
 })
 
 onMounted(() => {
diff --git a/src/locales/en-US.js b/src/locales/en-US.js
index 0a4354c..8b5f78e 100644
--- a/src/locales/en-US.js
+++ b/src/locales/en-US.js
@@ -741,6 +741,10 @@ export default {
     deviceName: 'Device Name',
     deviceType: 'Device Type',
     deviceStatus: 'Device Status',
+    lineFilter: 'Line',
+    scanUnrecognized: 'QR code content not recognized',
+    scanTypeMismatch: 'QR code type does not match',
+    scanFailed: 'Scan failed',
     deviceSpec: 'Device Spec',
     isScheduled: 'Scheduled',
     ratedCapacity: 'Rated Capacity',
diff --git a/src/locales/zh-CN.js b/src/locales/zh-CN.js
index c0e5170..fe188dc 100644
--- a/src/locales/zh-CN.js
+++ b/src/locales/zh-CN.js
@@ -741,6 +741,10 @@ export default {
     deviceName: '设备名称',
     deviceType: '设备类型',
     deviceStatus: '设备状态',
+    lineFilter: '产线',
+    scanUnrecognized: '未识别二维码内容',
+    scanTypeMismatch: '二维码类型不匹配',
+    scanFailed: '扫码失败',
     deviceSpec: '设备规格',
     isScheduled: '是否排产',
     ratedCapacity: '额定产能',
diff --git a/src/pages/login.vue b/src/pages/login.vue
index 527cf6d..135fde7 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="scroll-container">
     <view class="login-container">
-
+      <!-- <NavBar title=" " /> -->
       <!-- Logo区域 -->
       <view class="logo-section">
         <view class="logo-wrapper">
diff --git a/src/pages_function/pages/equipmentLedger/detail.vue b/src/pages_function/pages/equipmentLedger/detail.vue
index ea1d07d..52ca6d9 100644
--- a/src/pages_function/pages/equipmentLedger/detail.vue
+++ b/src/pages_function/pages/equipmentLedger/detail.vue
@@ -20,7 +20,18 @@
             </view>
             <view class="info-row">
               <text class="info-label">{{ t('equipmentLedger.deviceStatus') }}</text>
-              <text :class="['info-value', getStatusClass(detailData?.deviceStatus)]">{{ getStatusText(detailData?.deviceStatus) }}</text>
+              <picker
+                class="status-picker-wrap"
+                :range="statusChangeLabels"
+                :value="getStatusChangeIndex(detailData?.deviceStatus)"
+                :disabled="!detailData || statusUpdating"
+                @change="onStatusChange"
+              >
+                <view class="status-picker">
+                  <text :class="['info-value', 'status-value', getStatusClass(detailData?.deviceStatus)]">{{ getStatusText(detailData?.deviceStatus) }}</text>
+                  <uni-icons type="bottom" size="14" color="#8a9099"></uni-icons>
+                </view>
+              </picker>
             </view>
             <view class="info-row">
               <text class="info-label">{{ t('equipmentLedger.deviceType') }}</text>
@@ -149,12 +160,14 @@ import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
 import NavBar from '@/components/common/NavBar.vue'
-import { getDeviceLedger } from '@/api/mes/deviceLedger'
+import { getDeviceLedger, updateDeviceLedger } from '@/api/mes/deviceLedger'
 import { getDeviceTypeTree } from '@/api/mes/deviceType'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
+import useDictStore from '@/store/modules/dict'
 import request from '@/utils/request'
 
 const { t } = useI18n()
+const dictStore = useDictStore()
 const detailId = ref(undefined)
 const detailData = ref(null)
 const deviceTypeList = ref([])
@@ -162,6 +175,7 @@ const activeTab = ref('check')
 const inspectionList = ref([])
 const maintainList = ref([])
 const repairList = ref([])
+const statusUpdating = ref(false)
 
 const tabs = computed(() => [
   { key: 'check', label: t('equipmentLedger.checkHistory') },
@@ -169,6 +183,15 @@ const tabs = computed(() => [
   { key: 'repair', label: t('equipmentLedger.repairHistory') }
 ])
 
+const statusOptions = computed(() => {
+  const dicts = dictStore.getDict(DICT_TYPE.MES_TZ_STATUS) || []
+  return dicts
+    .filter(item => item?.value !== null && item?.value !== undefined && String(item.value) !== '')
+    .map(item => ({ label: item.label, value: item.value }))
+})
+
+const statusChangeLabels = computed(() => statusOptions.value.map(item => item.label))
+
 const scheduledText = computed(() => {
   const val = detailData.value?.isSchedueld ?? detailData.value?.isScheduled
   return Number(val) === 1 ? t('equipmentLedger.yes') : t('equipmentLedger.no')
@@ -265,10 +288,38 @@ function getStatusText(status) {
 
 function getStatusClass(status) {
   const s = String(status)
-  if (s === '0' || s === '1') return 'text-success'
+  if (s === '0') return 'text-success'
+  if (s === '1') return 'text-warning'
   return 'text-danger'
 }
 
+function getStatusChangeIndex(status) {
+  const idx = statusOptions.value.findIndex(item => String(item.value) === String(status))
+  return idx >= 0 ? idx : 0
+}
+
+async function onStatusChange(e) {
+  if (!detailData.value?.id) {
+    uni.showToast({ title: t('equipmentLedger.noId'), icon: 'none' })
+    return
+  }
+  const nextOption = statusOptions.value[Number(e?.detail?.value || 0)]
+  if (!nextOption || String(nextOption.value) === String(detailData.value.deviceStatus)) return
+
+  const oldStatus = detailData.value.deviceStatus
+  detailData.value.deviceStatus = nextOption.value
+  statusUpdating.value = true
+  try {
+    await updateDeviceLedger({ id: detailData.value.id, deviceStatus: nextOption.value })
+    uni.showToast({ title: t('functionCommon.updateSuccess'), icon: 'success' })
+  } catch (err) {
+    detailData.value.deviceStatus = oldStatus
+    uni.showToast({ title: t('functionCommon.saveFailed'), icon: 'none' })
+  } finally {
+    statusUpdating.value = false
+  }
+}
+
 function getResultText(result) {
   if (result === 'PASS' || result === 'pass' || result === 'OK' || result === 'ok' || result === 1 || result === '1') return t('equipmentLedger.resultPass')
   if (result === 'FAIL' || result === 'fail' || result === 'NG' || result === 'ng' || result === 0 || result === '0') return t('equipmentLedger.resultFail')
@@ -348,7 +399,7 @@ function formatDateTime(value) {
 <style lang="scss" scoped>
 .page-container { min-height: 100vh; background-color: #f0f2f5; }
 .fixed-header { position: sticky; top: 0; z-index: 10; }
-.detail-scroll { height: calc(100vh - 120rpx); }
+// .detail-scroll { height: calc(100vh - 120rpx); }
 .content-section { padding: 0 24rpx 24rpx; }
 .info-card { margin-top: 20rpx; background: #ffffff; border-radius: 20rpx; padding: 28rpx; box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05); }
 .card-title { font-size: 32rpx; color: #1a3a5c; font-weight: 700; margin-bottom: 18rpx; }
@@ -356,6 +407,9 @@ function formatDateTime(value) {
 .info-row { display: flex; justify-content: space-between; align-items: flex-start; padding: 18rpx 0; border-bottom: 1rpx solid #edf0f3; }
 .info-label { font-size: 27rpx; color: #8a9099; width: 220rpx; }
 .info-value { flex: 1; text-align: right; font-size: 28rpx; color: #30363d; line-height: 1.45; }
+.status-picker-wrap { flex: 1; }
+.status-picker { flex: 1; display: flex; align-items: center; justify-content: flex-end; gap: 8rpx; }
+.status-value { flex: 0 1 auto; }
 .text-success { color: #52c41a; }
 .text-danger { color: #ff4d4f; }
 .text-warning { color: #faad14; }
diff --git a/src/pages_function/pages/equipmentLedger/index.vue b/src/pages_function/pages/equipmentLedger/index.vue
index be75ac7..7c2784b 100644
--- a/src/pages_function/pages/equipmentLedger/index.vue
+++ b/src/pages_function/pages/equipmentLedger/index.vue
@@ -1,53 +1,61 @@
-<template>
+<template>
   <view class="page-container">
-    <NavBar :title="t('equipmentLedger.moduleName')" :subTitle="t('equipmentLedger.subTitle')" />
-
-    <!-- 搜索区域 -->
-    <view class="search-card">
-      <view class="search-row">
-        <view class="search-input-wrap">
-          <text class="iconfont icon-search search-icon"></text>
-          <input v-model="searchKeyword" class="search-input" :placeholder="t('equipmentLedger.searchPlaceholder')" @confirm="handleSearch" />
+    <NavBar :title="t('equipmentLedger.moduleName')" />
+
+    <view class="filter-bar">
+      <view class="line-filter" @click="openLineCascader">
+        <text :class="['line-filter-text', selectedLineId === '' ? 'placeholder' : '']">{{ selectedLineLabel }}</text>
+        <uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
+      </view>
+      <view class="keyword-wrap">
+        <input
+          v-model="searchKeyword"
+          class="keyword-input"
+          :placeholder="t('equipmentLedger.searchPlaceholder')"
+          confirm-type="search"
+          @confirm="handleSearch"
+        />
+      </view>
+      <picker :range="statusPickerLabels" :value="statusPickerIndex" @change="onStatusFilterChange">
+        <view class="status-filter">
+          <text :class="['status-filter-text', selectedStatus === '' ? 'placeholder' : '']">{{ selectedStatusLabel }}</text>
+          <uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
         </view>
-        <view class="search-btn" @click="handleSearch">{{ t('functionCommon.search') }}</view>
+      </picker>
+      <view class="reset-filter-btn" @click="resetFilters">{{ resetFilterText }}</view>
+      <view class="scan-btn" @click="handleScan">
+        <uni-icons type="scan" size="24" color="#1f2937"></uni-icons>
       </view>
     </view>
 
-    <!-- 列表区域 -->
-    <scroll-view scroll-y class="list-scroll" :scroll-top="scrollTop" @scroll="onScroll" @scrolltolower="loadMore" :lower-threshold="80">
+    <scroll-view
+      scroll-y
+      class="list-scroll"
+      :scroll-top="scrollTop"
+      @scroll="onScroll"
+      @scrolltolower="loadMore"
+      :lower-threshold="80"
+    >
       <view class="list-wrap">
-        <view v-for="item in list" :key="item.id" class="type-card" @click="openDetail(item)">
-          <view class="card-header">
-            <view class="header-left">
-              <text class="type-name">{{ textValue(item.deviceName) }}</text>
-              <text class="type-code">{{ t('equipmentLedger.deviceCode') }}: {{ textValue(item.deviceCode) }}</text>
-            </view>
-          </view>
-          <view class="card-body">
-            <view class="row">
-              <text class="label">{{ t('equipmentLedger.deviceType') }}</text>
-              <text class="value">{{ textValue(item.deviceTypeName) }}</text>
-            </view>
-            <view class="row">
-              <text class="label">{{ t('equipmentLedger.deviceStatus') }}</text>
-              <text :class="['value', getStatusClass(item.deviceStatus)]">{{ getStatusText(item.deviceStatus) }}</text>
-            </view>
-            <view class="row">
-              <text class="label">{{ t('equipmentLedger.deviceSpec') }}</text>
-              <text class="value">{{ textValue(item.deviceSpec) }}</text>
-            </view>
-            <view class="row">
-              <text class="label">{{ t('equipmentLedger.deviceLocation') }}</text>
-              <text class="value">{{ textValue(item.deviceLocation) }}</text>
-            </view>
+        <view v-for="item in list" :key="item.id" class="ledger-card" @click="openDetail(item)">
+          <view class="card-top">
+            <text class="device-code">{{ textValue(item.deviceCode) }}</text>
+            <picker
+              :range="statusChangeLabels"
+              :value="getStatusChangeIndex(item.deviceStatus)"
+              :disabled="Boolean(statusUpdatingMap[item.id])"
+              @click.stop
+              @change="(e) => onItemStatusChange(item, e)"
+            >
+              <view class="status-chip">
+                <view :class="['status-dot', getStatusClass(item.deviceStatus)]"></view>
+                <text :class="['status-text', getStatusClass(item.deviceStatus)]">{{ getStatusText(item.deviceStatus) }}</text>
+              </view>
+            </picker>
           </view>
-          <view class="card-actions">
-            <view class="action-btn edit-btn" @click.stop="openEdit(item)">
-              <uni-icons type="compose" size="18" color="#ffffff"></uni-icons>
-            </view>
-            <view class="action-btn delete-btn" @click.stop="confirmDelete(item)">
-              <uni-icons type="trash" size="18" color="#ffffff"></uni-icons>
-            </view>
+          <view class="card-bottom">
+            <text class="device-name">{{ textValue(item.deviceName) }}</text>
+            <text class="date-text">{{ formatDateValue(item.createTime) }}</text>
           </view>
         </view>
 
@@ -58,142 +66,46 @@
       </view>
     </scroll-view>
 
-    <!-- 新增悬浮按钮 -->
-    <view class="add-btn" @click="openCreate">
-      <text class="add-icon">+</text>
-    </view>
-
-    <!-- 返回顶部 -->
     <view v-if="showGoTop" class="go-top-btn" @click="goTop">
-      <text class="go-top-icon">↑</text>
+      <uni-icons type="top" size="22" color="#ffffff"></uni-icons>
     </view>
 
-    <!-- 新增/编辑弹框 -->
-    <uni-popup ref="formPopupRef" type="center" background-color="#fff">
-      <view class="popup-content">
-        <view class="popup-header">
-          <text class="popup-title">{{ formMode === 'create' ? t('equipmentLedger.createTitle') : t('equipmentLedger.editTitle') }}</text>
-          <view class="popup-close" @click="closeForm">
-            <text class="close-icon">×</text>
-          </view>
-        </view>
-        <scroll-view scroll-y class="form-scroll">
-          <view class="form-content">
-            <!-- 设备编码 -->
-            <view class="form-item">
-              <text class="form-label">{{ t('equipmentLedger.deviceCode') }} <text class="required-star">*</text></text>
-              <view class="code-row">
-                <input v-model="formData.deviceCode" class="form-input code-input" type="text" :placeholder="t('equipmentLedger.placeholderDeviceCode')" :disabled="formData.isCode || formMode === 'update'" />
-                <view class="auto-code-wrap" @click="toggleAutoCode">
-                  <text class="auto-code-label">{{ t('equipmentLedger.autoCode') }}</text>
-                  <view :class="['auto-code-switch', formData.isCode ? 'active' : '']">
-                    <text class="switch-dot"></text>
-                  </view>
-                </view>
-              </view>
-            </view>
-            <!-- 设备名称 -->
-            <view class="form-item">
-              <text class="form-label">{{ t('equipmentLedger.deviceName') }} <text class="required-star">*</text></text>
-              <input v-model="formData.deviceName" class="form-input" type="text" :placeholder="t('equipmentLedger.placeholderDeviceName')" />
-            </view>
-            <!-- 设备类型 -->
-            <view class="form-item">
-              <text class="form-label">{{ t('equipmentLedger.deviceType') }} <text class="required-star">*</text></text>
-              <picker :range="deviceTypeLabels" @change="onDeviceTypeChange">
-                <view class="form-picker">
-                  <text :class="['picker-text', !formData.deviceType ? 'placeholder' : '']">{{ selectedDeviceTypeLabel }}</text>
-                  <text class="picker-arrow">›</text>
-                </view>
-              </picker>
-            </view>
-            <!-- 设备规格 -->
-            <view class="form-item">
-              <text class="form-label">{{ t('equipmentLedger.deviceSpec') }}</text>
-              <input v-model="formData.deviceSpec" class="form-input" type="text" :placeholder="t('equipmentLedger.placeholderDeviceSpec')" />
-            </view>
-            <!-- 是否排产 -->
-            <view class="form-item">
-              <text class="form-label">{{ t('equipmentLedger.isScheduled') }}</text>
-              <view class="switch-row" @click="toggleScheduled">
-                <text :class="['switch-text', formData.isScheduled === 1 ? 'active' : '']">{{ formData.isScheduled === 1 ? t('equipmentLedger.yes') : t('equipmentLedger.no') }}</text>
-                <view :class="['auto-code-switch', formData.isScheduled === 1 ? 'active' : '']">
-                  <text class="switch-dot"></text>
-                </view>
-              </view>
-            </view>
-            <!-- 额定产能 -->
-            <view v-if="formData.isScheduled === 1" class="form-item">
-              <text class="form-label">{{ t('equipmentLedger.ratedCapacity') }} <text class="required-star">*</text></text>
-              <input v-model="formData.ratedCapacity" class="form-input" type="digit" :placeholder="t('equipmentLedger.placeholderRatedCapacity')" />
-            </view>
-            <!-- 每日报工平均值 -->
-            <view v-if="formData.isScheduled === 1" class="form-item">
-              <text class="form-label">{{ t('equipmentLedger.dailyAverageValue') }} <text class="required-star">*</text></text>
-              <input v-model="formData.dailyAverageValue" class="form-input" type="digit" :placeholder="t('equipmentLedger.placeholderDailyAverageValue')" />
-            </view>
-            <!-- 数据采集产能 -->
-            <view v-if="formData.isScheduled === 1" class="form-item">
-              <text class="form-label">{{ t('equipmentLedger.dataCollectionCapacity') }} <text class="required-star">*</text></text>
-              <input v-model="formData.dataCollectionCapacity" class="form-input" type="digit" :placeholder="t('equipmentLedger.placeholderDataCollectionCapacity')" />
-            </view>
-            <!-- 生产日期 -->
-            <view class="form-item">
-              <text class="form-label">{{ t('equipmentLedger.productionDate') }} <text class="required-star">*</text></text>
-              <picker mode="date" :value="formData.productionDate" @change="onProductionDateChange">
-                <view class="form-picker">
-                  <text :class="['picker-text', !formData.productionDate ? 'placeholder' : '']">{{ formData.productionDate || t('equipmentLedger.placeholderProductionDate') }}</text>
-                  <text class="picker-arrow">›</text>
-                </view>
-              </picker>
-            </view>
-            <!-- 入厂日期 -->
-            <view class="form-item">
-              <text class="form-label">{{ t('equipmentLedger.factoryEntryDate') }} <text class="required-star">*</text></text>
-              <picker mode="date" :value="formData.factoryEntryDate" @change="onFactoryEntryDateChange">
-                <view class="form-picker">
-                  <text :class="['picker-text', !formData.factoryEntryDate ? 'placeholder' : '']">{{ formData.factoryEntryDate || t('equipmentLedger.placeholderFactoryEntryDate') }}</text>
-                  <text class="picker-arrow">›</text>
-                </view>
-              </picker>
-            </view>
-            <!-- 设备位置 -->
-            <view class="form-item">
-              <text class="form-label">{{ t('equipmentLedger.deviceLocation') }}</text>
-              <input v-model="formData.deviceLocation" class="form-input" type="text" :placeholder="t('equipmentLedger.placeholderDeviceLocation')" />
-            </view>
-            <!-- 备注 -->
-            <view class="form-item">
-              <text class="form-label">{{ t('equipmentLedger.remark') }}</text>
-              <textarea v-model="formData.remark" class="form-textarea" :placeholder="t('equipmentLedger.placeholderRemark')" :maxlength="200" />
-            </view>
-          </view>
-        </scroll-view>
-        <view class="form-footer">
-          <view class="footer-btn cancel-btn" @click="closeForm">
-            <text class="btn-text">{{ t('functionCommon.cancel') }}</text>
-          </view>
-          <view class="footer-btn confirm-btn" @click="submitForm">
-            <text class="btn-text">{{ t('functionCommon.save') }}</text>
-          </view>
-        </view>
-      </view>
-    </uni-popup>
+    <up-cascader
+      :key="lineCascaderKey"
+      v-model:show="lineCascaderShow"
+      v-model="lineCascaderValue"
+      :data="lineCascaderOptions"
+      value-key="value"
+      label-key="label"
+      children-key="children"
+      header-direction="row"
+      :options-cols="2"
+      :auto-close="false"
+      @confirm="onLineCascaderConfirm"
+    />
   </view>
 </template>
 
 <script setup>
-import { ref, reactive, computed } from 'vue'
+import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
 import NavBar from '@/components/common/NavBar.vue'
-import { getDeviceLedgerPage, getDeviceLedger, createDeviceLedger, updateDeviceLedger, deleteDeviceLedger } from '@/api/mes/deviceLedger'
-import { getDeviceTypeTree } from '@/api/mes/deviceType'
+import { getDeviceLedgerPage, updateDeviceLedger } from '@/api/mes/deviceLedger'
+import { getDeviceLineTree } from '@/api/mes/deviceLine'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
+import useDictStore from '@/store/modules/dict'
 
 const { t } = useI18n()
-const formPopupRef = ref(null)
+const dictStore = useDictStore()
+const resetFilterText = '\u91cd\u7f6e'
 const searchKeyword = ref('')
+const selectedStatus = ref('')
+const selectedLineId = ref('')
+const lineTree = ref([])
+const lineCascaderShow = ref(false)
+const lineCascaderValue = ref([])
+const lineCascaderKey = ref(0)
 const list = ref([])
 const loading = ref(false)
 const loadingMore = ref(false)
@@ -203,64 +115,107 @@ const pageSize = ref(10)
 const total = ref(0)
 const scrollTop = ref(0)
 const showGoTop = ref(false)
-const formMode = ref('create')
-const deviceTypeList = ref([])
-
-const formData = reactive({
-  id: undefined,
-  deviceCode: '',
-  isCode: false,
-  deviceName: '',
-  deviceType: '',
-  deviceSpec: '',
-  isScheduled: 0,
-  ratedCapacity: '',
-  dailyAverageValue: '',
-  dataCollectionCapacity: '',
-  productionDate: '',
-  factoryEntryDate: '',
-  deviceLocation: '',
-  remark: ''
+const statusUpdatingMap = ref({})
+
+const statusOptions = computed(() => {
+  const dicts = dictStore.getDict(DICT_TYPE.MES_TZ_STATUS) || []
+  return dicts
+    .filter(item => item?.value !== null && item?.value !== undefined && String(item.value) !== '')
+    .map(item => ({ label: item.label, value: item.value }))
+})
+
+const statusPickerLabels = computed(() => statusOptions.value.map(item => item.label))
+const statusChangeLabels = computed(() => statusOptions.value.map(item => item.label))
+const statusPickerIndex = computed(() => {
+  const idx = statusOptions.value.findIndex(item => String(item.value) === String(selectedStatus.value))
+  return idx >= 0 ? idx : 0
+})
+const selectedStatusLabel = computed(() => {
+  if (selectedStatus.value === '') return t('equipmentLedger.deviceStatus')
+  const found = statusOptions.value.find(item => String(item.value) === String(selectedStatus.value))
+  return found?.label || t('equipmentLedger.deviceStatus')
+})
+const lineOptions = computed(() => flattenLineTree(lineTree.value))
+const lineCascaderOptions = computed(() => [
+  { label: t('functionCommon.all'), value: '' },
+  ...normalizeLineTreeForCascader(lineTree.value)
+])
+const selectedLineLabel = computed(() => {
+  if (selectedLineId.value === '') return t('equipmentLedger.lineFilter')
+  const found = lineOptions.value.find(item => String(item.id) === String(selectedLineId.value))
+  return found?.name || t('equipmentLedger.lineFilter')
 })
 
 onLoad(async () => {
   await initAllDict()
-  await fetchDeviceTypeList()
+  await fetchLineTree()
   await fetchList(true)
 })
 
-async function fetchDeviceTypeList() {
+async function fetchLineTree() {
   try {
-    const res = await getDeviceTypeTree({})
+    const res = await getDeviceLineTree()
     const root = res && res.data !== undefined ? res.data : res
     const treeData = Array.isArray(root) ? root : (Array.isArray(root?.data) ? root.data : [])
-    deviceTypeList.value = flattenTree(treeData)
-  } catch (e) {}
+    lineTree.value = normalizeLineTree(treeData)
+  } catch (e) {
+    lineTree.value = []
+  }
 }
 
-function flattenTree(nodes) {
+function normalizeLineTree(nodes) {
+  return (Array.isArray(nodes) ? nodes : []).map((node) => {
+    const children = normalizeLineTree(node.children)
+    const item = {
+      ...node,
+      id: String(node.id ?? ''),
+      name: node.name || node.label || String(node.id || '')
+    }
+    if (children.length) {
+      item.children = children
+    } else {
+      delete item.children
+    }
+    return item
+  })
+}
+
+function flattenLineTree(nodes, level = 0) {
   const result = []
-  nodes.forEach(node => {
-    result.push(node)
-    if (node.children && node.children.length) {
-      result.push(...flattenTree(node.children))
+  ;(Array.isArray(nodes) ? nodes : []).forEach((node) => {
+    result.push({
+      id: node.id,
+      name: node.name || node.label || String(node.id || ''),
+      level
+    })
+    if (Array.isArray(node.children) && node.children.length) {
+      result.push(...flattenLineTree(node.children, level + 1))
     }
   })
   return result
 }
 
-const deviceTypeLabels = computed(() => deviceTypeList.value.map(item => item.name || ''))
-
-const selectedDeviceTypeLabel = computed(() => {
-  if (!formData.deviceType) return t('equipmentLedger.placeholderDeviceType')
-  const found = deviceTypeList.value.find(item => String(item.id) === String(formData.deviceType))
-  return found ? found.name : String(formData.deviceType)
-})
+function normalizeLineTreeForCascader(nodes) {
+  return (Array.isArray(nodes) ? nodes : []).map((node) => {
+    const children = normalizeLineTreeForCascader(node.children)
+    const item = {
+      label: node.name || node.label || String(node.id || ''),
+      value: String(node.id ?? '')
+    }
+    if (children.length) item.children = children
+    return item
+  })
+}
 
-function onDeviceTypeChange(e) {
-  const idx = e.detail.value
-  const item = deviceTypeList.value[idx]
-  formData.deviceType = item?.id ?? ''
+function findLinePath(nodes, id, parents = []) {
+  const target = String(id)
+  for (const node of Array.isArray(nodes) ? nodes : []) {
+    const currentPath = [...parents, String(node.id ?? '')]
+    if (String(node.id) === target) return currentPath
+    const childPath = findLinePath(node.children, target, currentPath)
+    if (childPath.length) return childPath
+  }
+  return []
 }
 
 async function fetchList(reset) {
@@ -274,22 +229,20 @@ async function fetchList(reset) {
     loadingMore.value = true
   }
   try {
+    const keyword = searchKeyword.value.trim()
     const params = {
       pageNo: pageNo.value,
       pageSize: pageSize.value,
-      deviceCode: searchKeyword.value.trim() || undefined,
-      deviceName: searchKeyword.value.trim() || undefined
+      deviceCode: keyword || undefined,
+      deviceName: keyword || undefined,
+      deviceStatus: selectedStatus.value === '' ? undefined : selectedStatus.value,
+      deviceLine: selectedLineId.value === '' ? undefined : selectedLineId.value
     }
     const res = await getDeviceLedgerPage(params)
     const page = normalizePageData(res)
     total.value = page.total
-    if (reset) {
-      list.value = page.list
-    } else {
-      list.value = [...list.value, ...page.list]
-    }
-    const loadedCount = list.value.length
-    finished.value = loadedCount >= total.value || page.list.length < pageSize.value
+    list.value = reset ? page.list : [...list.value, ...page.list]
+    finished.value = list.value.length >= total.value || page.list.length < pageSize.value
   } catch (e) {
     if (!reset) pageNo.value = Math.max(1, pageNo.value - 1)
     uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
@@ -306,200 +259,137 @@ function normalizePageData(res) {
   return { list: Array.isArray(candidateList) ? candidateList : [], total: Number(candidateTotal || 0) }
 }
 
-function getStatusText(status) {
-  return getDictLabel(DICT_TYPE.MES_TZ_STATUS, status, textValue(status))
+function onStatusFilterChange(e) {
+  const idx = Number(e?.detail?.value || 0)
+  selectedStatus.value = statusOptions.value[idx]?.value ?? ''
+  fetchList(true)
 }
 
-function getStatusClass(status) {
-  const s = String(status)
-  if (s === '0' || s === '1') return 'text-success'
-  return 'text-danger'
+function openLineCascader() {
+  lineCascaderShow.value = true
 }
 
-async function handleSearch() {
-  await fetchList(true)
+function onLineCascaderConfirm(values) {
+  const selectedValues = Array.isArray(values) ? values : []
+  const nextValue = selectedValues[selectedValues.length - 1] ?? ''
+  selectedLineId.value = nextValue === '' ? '' : String(nextValue)
+  lineCascaderValue.value = nextValue === '' ? [] : selectedValues.map(item => String(item))
+  fetchList(true)
 }
 
-function onScroll(e) {
-  const top = e?.detail?.scrollTop || 0
-  showGoTop.value = top > 600
-}
-
-function goTop() {
-  scrollTop.value = 0
-}
-
-async function loadMore() {
-  if (loading.value || loadingMore.value || finished.value) return
-  pageNo.value += 1
-  await fetchList(false)
+async function resetFilters() {
+  searchKeyword.value = ''
+  selectedStatus.value = ''
+  selectedLineId.value = ''
+  lineCascaderValue.value = []
+  lineCascaderShow.value = false
+  lineCascaderKey.value += 1
+  await fetchList(true)
 }
 
-function openCreate() {
-  formMode.value = 'create'
-  resetForm()
-  formPopupRef.value?.open()
+async function resetLineFilter() {
+  await resetFilters()
 }
 
-async function openEdit(item) {
-  const id = item?.id
-  if (id === undefined || id === null) {
-    uni.showToast({ title: t('equipmentLedger.noId'), icon: 'none' })
-    return
-  }
-  try {
-    const res = await getDeviceLedger(id)
-    const detail = normalizeDetail(res)
-    formMode.value = 'update'
-    formData.id = detail?.id
-    formData.deviceCode = textValueForInput(detail?.deviceCode)
-    formData.isCode = Boolean(detail?.isCode)
-    formData.deviceName = textValueForInput(detail?.deviceName)
-    formData.deviceType = detail?.deviceType ?? ''
-    formData.deviceSpec = textValueForInput(detail?.deviceSpec)
-    formData.isScheduled = detail?.isSchedueld ?? detail?.isScheduled ?? 0
-    formData.ratedCapacity = textValueForInput(detail?.ratedCapacity)
-    formData.dailyAverageValue = textValueForInput(detail?.dailyAverageValue)
-    formData.dataCollectionCapacity = textValueForInput(detail?.dataCollectionCapacity)
-    formData.productionDate = formatDateForInput(detail?.productionDate)
-    formData.factoryEntryDate = formatDateForInput(detail?.factoryEntryDate)
-    formData.deviceLocation = textValueForInput(detail?.deviceLocation)
-    formData.remark = textValueForInput(detail?.remark)
-    formPopupRef.value?.open()
-  } catch (e) {
-    uni.showToast({ title: t('equipmentLedger.loadEditFailed'), icon: 'none' })
-  }
+async function handleSearch() {
+  await fetchList(true)
 }
 
-function confirmDelete(item) {
-  const id = item?.id
-  if (id === undefined || id === null) return
-  uni.showModal({
-    title: t('functionCommon.confirmTitle'),
-    content: t('equipmentLedger.confirmDeleteContent', { name: textValue(item?.deviceName) }),
+function handleScan() {
+  uni.scanCode({
+    onlyFromCamera: true,
+    scanType: ['qrCode', 'barCode'],
     success: async (res) => {
-      if (!res.confirm) return
-      try {
-        await deleteDeviceLedger(String(id))
-        uni.showToast({ title: t('functionCommon.deleteSuccess'), icon: 'success' })
+      const scan = parseScanResult(res?.result)
+      if (!scan.type || !scan.id) {
+        uni.showToast({ title: t('equipmentLedger.scanUnrecognized'), icon: 'none' })
+        return
+      }
+      if (scan.type === 'DEVICE_LINE') {
+        selectedLineId.value = scan.id
+        lineCascaderValue.value = findLinePath(lineTree.value, scan.id)
         await fetchList(true)
-      } catch (e) {
-        uni.showToast({ title: t('functionCommon.deleteFailed'), icon: 'none' })
+        return
+      }
+      if (scan.type === 'EQUIPMENT') {
+        uni.navigateTo({
+          url: `/pages_function/pages/equipmentLedger/detail?id=${encodeURIComponent(String(scan.id))}`
+        })
+        return
       }
+      uni.showToast({ title: t('equipmentLedger.scanTypeMismatch'), icon: 'none' })
+    },
+    fail: (err) => {
+      const msg = String(err?.errMsg || '')
+      if (msg.includes('cancel')) return
+      uni.showToast({ title: t('equipmentLedger.scanFailed'), icon: 'none' })
     }
   })
 }
 
-function closeForm() {
-  formPopupRef.value?.close()
+function parseScanResult(value) {
+  const text = String(value || '').trim()
+  const match = text.match(/^([A-Z_]+)-(\d+)$/i)
+  if (!match) return { type: '', id: '' }
+  return {
+    type: match[1].toUpperCase(),
+    id: match[2]
+  }
+}
+
+function onScroll(e) {
+  showGoTop.value = (e?.detail?.scrollTop || 0) > 600
 }
 
-function toggleAutoCode() {
-  if (formMode.value === 'update') return
-  formData.isCode = !formData.isCode
-  if (formData.isCode) formData.deviceCode = ''
+function goTop() {
+  scrollTop.value = 0
 }
 
-function toggleScheduled() {
-  formData.isScheduled = formData.isScheduled === 1 ? 0 : 1
-  if (formData.isScheduled !== 1) {
-    formData.ratedCapacity = ''
-    formData.dailyAverageValue = ''
-    formData.dataCollectionCapacity = ''
-  }
+async function loadMore() {
+  if (loading.value || loadingMore.value || finished.value) return
+  pageNo.value += 1
+  await fetchList(false)
 }
 
-function onProductionDateChange(e) {
-  formData.productionDate = e.detail.value
+function getStatusText(status) {
+  return getDictLabel(DICT_TYPE.MES_TZ_STATUS, status, textValue(status))
 }
 
-function onFactoryEntryDateChange(e) {
-  formData.factoryEntryDate = e.detail.value
+function getStatusClass(status) {
+  const s = String(status)
+  if (s === '0') return 'status-enabled'
+  if (s === '1') return 'status-idle'
+  return 'status-danger'
 }
 
-async function submitForm() {
-  if (!formData.isCode && !formData.deviceCode.trim()) {
-    uni.showToast({ title: t('equipmentLedger.validatorDeviceCodeRequired'), icon: 'none' })
-    return
-  }
-  if (!formData.deviceName.trim()) {
-    uni.showToast({ title: t('equipmentLedger.validatorDeviceNameRequired'), icon: 'none' })
-    return
-  }
-  if (!formData.deviceType) {
-    uni.showToast({ title: t('equipmentLedger.validatorDeviceTypeRequired'), icon: 'none' })
-    return
-  }
-  if (!formData.productionDate) {
-    uni.showToast({ title: t('equipmentLedger.validatorProductionDateRequired'), icon: 'none' })
-    return
-  }
-  if (!formData.factoryEntryDate) {
-    uni.showToast({ title: t('equipmentLedger.validatorFactoryEntryDateRequired'), icon: 'none' })
+function getStatusChangeIndex(status) {
+  const idx = statusOptions.value.findIndex(item => String(item.value) === String(status))
+  return idx >= 0 ? idx : 0
+}
+
+async function onItemStatusChange(item, e) {
+  const id = item?.id
+  if (id === undefined || id === null) {
+    uni.showToast({ title: t('equipmentLedger.noId'), icon: 'none' })
     return
   }
-  if (formData.isScheduled === 1) {
-    if (!formData.ratedCapacity && formData.ratedCapacity !== 0) {
-      uni.showToast({ title: t('equipmentLedger.validatorRatedCapacityRequired'), icon: 'none' })
-      return
-    }
-    if (!formData.dailyAverageValue && formData.dailyAverageValue !== 0) {
-      uni.showToast({ title: t('equipmentLedger.validatorDailyAverageValueRequired'), icon: 'none' })
-      return
-    }
-    if (!formData.dataCollectionCapacity && formData.dataCollectionCapacity !== 0) {
-      uni.showToast({ title: t('equipmentLedger.validatorDataCollectionCapacityRequired'), icon: 'none' })
-      return
-    }
-  }
-  const payload = {
-    id: formMode.value === 'update' ? formData.id : undefined,
-    deviceCode: formData.isCode ? undefined : formData.deviceCode.trim(),
-    isCode: formData.isCode,
-    deviceName: formData.deviceName.trim(),
-    deviceType: formData.deviceType,
-    deviceSpec: formData.deviceSpec.trim() || undefined,
-    isScheduled: formData.isScheduled,
-    ratedCapacity: formData.isScheduled === 1 ? toNumberOrUndefined(formData.ratedCapacity) : undefined,
-    dailyAverageValue: formData.isScheduled === 1 ? toNumberOrUndefined(formData.dailyAverageValue) : undefined,
-    dataCollectionCapacity: formData.isScheduled === 1 ? toNumberOrUndefined(formData.dataCollectionCapacity) : undefined,
-    productionDate: formData.productionDate,
-    factoryEntryDate: formData.factoryEntryDate,
-    deviceLocation: formData.deviceLocation.trim() || undefined,
-    remark: formData.remark.trim() || undefined
-  }
+  const nextOption = statusOptions.value[Number(e?.detail?.value || 0)]
+  if (!nextOption || String(nextOption.value) === String(item.deviceStatus)) return
+
+  const oldStatus = item.deviceStatus
+  item.deviceStatus = nextOption.value
+  statusUpdatingMap.value = { ...statusUpdatingMap.value, [id]: true }
   try {
-    if (formMode.value === 'create') {
-      await createDeviceLedger(payload)
-      uni.showToast({ title: t('functionCommon.createSuccess'), icon: 'success' })
-    } else {
-      await updateDeviceLedger(payload)
-      uni.showToast({ title: t('functionCommon.updateSuccess'), icon: 'success' })
-    }
-    closeForm()
-    await fetchList(true)
-  } catch (e) {
+    await updateDeviceLedger({ id, deviceStatus: nextOption.value })
+    uni.showToast({ title: t('functionCommon.updateSuccess'), icon: 'success' })
+  } catch (err) {
+    item.deviceStatus = oldStatus
     uni.showToast({ title: t('functionCommon.saveFailed'), icon: 'none' })
+  } finally {
+    statusUpdatingMap.value = { ...statusUpdatingMap.value, [id]: false }
   }
 }
 
-function resetForm() {
-  formData.id = undefined
-  formData.deviceCode = ''
-  formData.isCode = false
-  formData.deviceName = ''
-  formData.deviceType = ''
-  formData.deviceSpec = ''
-  formData.isScheduled = 0
-  formData.ratedCapacity = ''
-  formData.dailyAverageValue = ''
-  formData.dataCollectionCapacity = ''
-  formData.productionDate = ''
-  formData.factoryEntryDate = ''
-  formData.deviceLocation = ''
-  formData.remark = ''
-}
-
 function openDetail(item) {
   const id = item?.id
   if (!id && id !== 0) return
@@ -508,13 +398,6 @@ function openDetail(item) {
   })
 }
 
-function normalizeDetail(res) {
-  const root = res && res.data !== undefined ? res.data : res
-  if (root?.data && typeof root.data === 'object') return root.data
-  if (root && typeof root === 'object') return root
-  return {}
-}
-
 function textValue(value) {
   if (value === 0) return '0'
   if (value === false) return t('functionCommon.no')
@@ -524,90 +407,266 @@ function textValue(value) {
   return text || '-'
 }
 
-function textValueForInput(value) {
-  if (value === null || value === undefined) return ''
-  return String(value)
-}
-
-function formatDateForInput(value) {
-  if (!value) return ''
+function formatDateValue(value) {
+  if (!value) return '-'
+  const pad = (n) => String(n).padStart(2, '0')
+  const formatDate = (date) => `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`
   if (Array.isArray(value) && value.length >= 3) {
     const [y, m, d] = value
-    const pad = (n) => String(n).padStart(2, '0')
     return `${y}-${pad(m)}-${pad(d)}`
   }
   const text = String(value).trim()
-  if (!text) return ''
+  if (!text) return '-'
+  if (/^\d{10,13}$/.test(text)) {
+    const timestamp = Number(text.length === 10 ? `${text}000` : text)
+    const date = new Date(timestamp)
+    if (!Number.isNaN(date.getTime())) return formatDate(date)
+  }
   return text.split(' ')[0]
 }
-
-function toNumberOrUndefined(value) {
-  if (value === null || value === undefined || String(value).trim() === '') return undefined
-  const num = Number(value)
-  return Number.isFinite(num) ? num : undefined
-}
 </script>
 
 <style lang="scss" scoped>
-.page-container { min-height: 100vh; background-color: #f0f2f5; }
-.search-card { background: #ffffff; margin: 20rpx 24rpx; border-radius: 18rpx; padding: 20rpx; box-shadow: 0 4rpx 18rpx rgba(0, 0, 0, 0.04); }
-.search-row { display: flex; align-items: center; gap: 16rpx; }
-.search-input-wrap { flex: 1; display: flex; align-items: center; background: #f5f7fa; border-radius: 44rpx; padding: 0 20rpx; }
-.search-icon { margin-right: 12rpx; font-size: 30rpx; color: #999; }
-.search-input { flex: 1; height: 72rpx; font-size: 28rpx; color: #333; background: transparent; }
-.search-btn { min-width: 120rpx; height: 72rpx; background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%); border-radius: 14rpx; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 28rpx; font-weight: 600; }
-.list-scroll { height: calc(100vh - 360rpx); }
-.list-wrap { padding: 0 24rpx 30rpx; }
-.type-card { background: #ffffff; border-radius: 18rpx; padding: 24rpx; margin-bottom: 18rpx; box-shadow: 0 4rpx 18rpx rgba(0, 0, 0, 0.05); }
-.card-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 18rpx; border-bottom: 1rpx solid #edf0f3; }
-.header-left { display: flex; flex-direction: column; }
-.type-name { font-size: 32rpx; font-weight: 600; color: #1a3a5c; margin-bottom: 8rpx; }
-.type-code { font-size: 24rpx; color: #8a9099; }
-.card-body { padding-top: 16rpx; }
-.row { display: flex; justify-content: space-between; align-items: center; margin-top: 12rpx; }
-.label { font-size: 26rpx; color: #8a9099; }
-.value { font-size: 27rpx; color: #30363d; max-width: 62%; text-align: right; }
-.text-success { color: #52c41a; }
-.text-danger { color: #ff4d4f; }
-.card-actions { margin-top: 24rpx; display: flex; justify-content: flex-end; gap: 14rpx; }
-.action-btn { width: 60rpx; height: 60rpx; border-radius: 12rpx; display: flex; align-items: center; justify-content: center; }
-.edit-btn { background: #1a3a5c; }
-.delete-btn { background: #ff4d4f; }
-.add-btn { position: fixed; right: 28rpx; bottom: 140rpx; width: 96rpx; height: 96rpx; border-radius: 48rpx; background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 8rpx 24rpx rgba(26, 58, 92, 0.32); z-index: 99; }
-.add-icon { color: #ffffff; font-size: 56rpx; line-height: 1; }
-.go-top-btn { position: fixed; right: 28rpx; bottom: 254rpx; width: 88rpx; height: 88rpx; border-radius: 44rpx; background: rgba(26, 58, 92, 0.9); display: flex; align-items: center; justify-content: center; z-index: 99; box-shadow: 0 6rpx 16rpx rgba(26, 58, 92, 0.25); }
-.go-top-icon { color: #ffffff; font-size: 36rpx; font-weight: 700; }
-.popup-content { width: 680rpx; max-height: 80vh; border-radius: 20rpx; overflow: hidden; }
-.popup-header { padding: 24rpx; display: flex; align-items: center; justify-content: space-between; border-bottom: 1rpx solid #edf0f3; }
-.popup-title { font-size: 32rpx; color: #1a3a5c; font-weight: 700; }
-.close-icon { font-size: 38rpx; color: #8e95a0; }
-.form-scroll { max-height: 56vh; }
-.form-content { padding: 24rpx; }
-.form-item { margin-bottom: 18rpx; }
-.form-label { display: block; margin-bottom: 8rpx; font-size: 26rpx; color: #8a9099; }
-.required-star { color: #ff4d4f; }
-.form-input { height: 76rpx; padding: 0 20rpx; border-radius: 12rpx; background: #f5f7fa; font-size: 28rpx; color: #30363d; }
-.code-row { display: flex; align-items: center; gap: 16rpx; }
-.code-input { flex: 1; }
-.auto-code-wrap { display: flex; align-items: center; gap: 8rpx; }
-.auto-code-label { font-size: 24rpx; color: #8a9099; white-space: nowrap; }
-.auto-code-switch { width: 64rpx; height: 36rpx; border-radius: 18rpx; background: #dcdfe6; position: relative; transition: background 0.3s; }
-.auto-code-switch.active { background: #1a3a5c; }
-.switch-dot { position: absolute; top: 4rpx; left: 4rpx; width: 28rpx; height: 28rpx; border-radius: 14rpx; background: #fff; transition: transform 0.3s; }
-.auto-code-switch.active .switch-dot { transform: translateX(28rpx); }
-.switch-row { display: flex; align-items: center; gap: 16rpx; }
-.switch-text { font-size: 28rpx; color: #8a9099; }
-.switch-text.active { color: #1a3a5c; font-weight: 600; }
-.form-picker { height: 76rpx; padding: 0 20rpx; border-radius: 12rpx; background: #f5f7fa; display: flex; align-items: center; justify-content: space-between; }
-.picker-text { font-size: 28rpx; color: #30363d; }
-.picker-text.placeholder { color: #999; }
-.picker-arrow { font-size: 30rpx; color: #999; }
-.form-textarea { width: 100%; min-height: 130rpx; padding: 18rpx 20rpx; border-radius: 12rpx; background: #f5f7fa; font-size: 28rpx; color: #30363d; }
-.form-footer { display: flex; gap: 14rpx; padding: 20rpx 24rpx 24rpx; }
-.footer-btn { flex: 1; height: 76rpx; border-radius: 12rpx; display: flex; align-items: center; justify-content: center; }
-.cancel-btn { background: #edf0f4; }
-.confirm-btn { background: linear-gradient(135deg, #1a3a5c 0%, #2d5a87 100%); }
-.btn-text { font-size: 28rpx; font-weight: 600; color: #ffffff; }
-.cancel-btn .btn-text { color: #586070; }
-.loading-text, .empty-text, .finished-text { text-align: center; padding: 28rpx 0; color: #99a1aa; font-size: 26rpx; }
+.page-container {
+  min-height: 100vh;
+  background-color: #f3f4f6;
+}
+
+.filter-bar {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 150rpx 96rpx 64rpx;
+  gap: 14rpx;
+  align-items: center;
+  padding: 18rpx 4rpx 20rpx;
+}
+
+.keyword-wrap,
+.status-filter,
+.line-filter {
+  height: 66rpx;
+  border: 1rpx solid #d9dde5;
+  background: #ffffff;
+  box-sizing: border-box;
+}
+
+.keyword-wrap {
+  display: flex;
+  align-items: center;
+}
+
+.keyword-input {
+  width: 100%;
+  height: 64rpx;
+  padding: 0 20rpx;
+  font-size: 26rpx;
+  color: #374151;
+}
+
+.status-filter {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 18rpx;
+}
+
+.line-filter {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  padding: 0 56rpx;
+  grid-column: 1 / -1;
+}
+
+.line-filter :deep(.uni-icons) {
+  position: absolute;
+  right: 18rpx;
+}
+
+.status-filter-text,
+.line-filter-text {
+  min-width: 0;
+  flex: 1;
+  max-width: 96rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 26rpx;
+  color: #374151;
+}
+
+.line-filter .line-filter-text {
+  max-width: none;
+  text-align: center;
+}
+
+.status-filter-text.placeholder,
+.line-filter-text.placeholder {
+  color: #a8adb7;
+}
+
+.scan-btn {
+  width: 64rpx;
+  height: 64rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1rpx solid #d9dde5;
+  background: #ffffff;
+  box-sizing: border-box;
+}
+
+.reset-filter-btn {
+  height: 64rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1rpx solid #d9dde5;
+  background: #ffffff;
+  box-sizing: border-box;
+  font-size: 24rpx;
+  color: #4b5563;
+}
+
+:deep(.up-popup__content) {
+  border-radius: 28rpx 28rpx 0 0;
+  overflow: hidden;
+}
+
+:deep(.area-box) {
+  background: #f4f5f7;
+}
+
+:deep(.u-cascader-action) {
+  background: #ffffff;
+}
+
+// .list-scroll {
+//   height: calc(100vh - 210rpx);
+// }
+
+.list-wrap {
+  padding: 0 4rpx 32rpx;
+}
+
+.ledger-card {
+  margin-bottom: 18rpx;
+  padding: 24rpx 24rpx 20rpx;
+  border-radius: 12rpx;
+  background: #ffffff;
+}
+
+.card-top,
+.card-bottom {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20rpx;
+}
+
+.card-bottom {
+  margin-top: 12rpx;
+}
+
+.device-code {
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 31rpx;
+  line-height: 1.3;
+  color: #183a5e;
+  font-weight: 700;
+}
+
+.device-name {
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 28rpx;
+  color: #9ca3af;
+}
+
+.date-text {
+  flex-shrink: 0;
+  font-size: 28rpx;
+  color: #a8adb7;
+}
+
+.status-chip {
+  min-width: 150rpx;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 16rpx;
+}
+
+.status-dot {
+  width: 18rpx;
+  height: 18rpx;
+  border-radius: 50%;
+  flex-shrink: 0;
+  background: #f97316;
+}
+
+.status-text {
+  font-size: 28rpx;
+  line-height: 1.3;
+  color: #f97316;
+}
+
+.status-enabled {
+  color: #16a34a;
+  background: #16a34a;
+}
+
+.status-idle {
+  color: #f97316;
+  background: #f97316;
+}
+
+.status-danger {
+  color: #ef4444;
+  background: #ef4444;
+}
+
+.status-text.status-enabled {
+  background: transparent;
+}
+
+.status-text.status-idle {
+  background: transparent;
+}
+
+.status-text.status-danger {
+  background: transparent;
+}
+
+.go-top-btn {
+  position: fixed;
+  right: 28rpx;
+  bottom: 140rpx;
+  width: 82rpx;
+  height: 82rpx;
+  border-radius: 50%;
+  background: rgba(31, 41, 55, 0.88);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 99;
+  box-shadow: 0 6rpx 18rpx rgba(31, 41, 55, 0.22);
+}
+
+.loading-text,
+.empty-text,
+.finished-text {
+  text-align: center;
+  padding: 28rpx 0;
+  color: #99a1aa;
+  font-size: 26rpx;
+}
 </style>
+