Merge branch '绿色触摸屏' into 触摸屏-直流

src/views/SystemSettings/index.vue

@@ -63,6 +63,36 @@
                     </div>
                 </div>
 
+                <!-- 电表型号卡片 -->
+                <div class="main_item">
+                    <div class="main_title">电表型号</div>
+                    <div class="main_content">
+                        <div class="line">
+                            <div class="item full-width">
+                                <div class="key">当前型号</div>
+                                <div class="value">{{ currentMeterFirm || '—' }}</div>
+                            </div>
+                        </div>
+                        <div class="line">
+                            <div class="item full-width">
+                                <div class="key">选择型号</div>
+                                <el-select v-model="selectedMeterFirm" placeholder="请选择电表型号" style="flex: 1;">
+                                    <el-option label="ADL400" value="ADL400" />
+                                    <el-option label="ADL200" value="ADL200" />
+                                </el-select>
+                            </div>
+                        </div>
+                        <div class="buttonBox">
+                            <div class="button save" @click="setMeterFirm">
+                                <el-icon>
+                                    <Check />
+                                </el-icon>
+                                确认修改
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
                 <!-- 修改密码卡片 -->
                 <div class="main_item">
                     <div class="main_title">修改操作密码</div>
@@ -184,6 +214,52 @@ const setSystemTime = async () => {
     }
 }
 
+// ─── 电表型号 ─────────────────────────────────────
+const currentMeterFirm = ref('')
+const selectedMeterFirm = ref('')
+
+const getMeterFirm = async () => {
+    try {
+        const res = await RPC.post('/m9z/meter/getMeterFirm', {})
+        currentMeterFirm.value = res?.meter_firm || ''
+        selectedMeterFirm.value = currentMeterFirm.value
+    } catch (e) {
+        // 错误由 rpc.js 处理
+    }
+}
+
+const setMeterFirm = async () => {
+    if (!selectedMeterFirm.value) {
+        ElMessage.warning('请选择电表型号')
+        return
+    }
+    if (selectedMeterFirm.value === currentMeterFirm.value) {
+        ElMessage.info('电表型号未变更')
+        return
+    }
+    try {
+        await ElMessageBox.confirm(
+            `确认要将电表型号修改为 ${selectedMeterFirm.value} 吗？`,
+            '提示',
+            {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning',
+            }
+        )
+        const res = await RPC.post('/m9z/meter/setMeterFirm', {
+            meter_firm: selectedMeterFirm.value,
+        })
+        if (res?.success) {
+            currentMeterFirm.value = res.meter_firm
+            ElMessage.success(`电表型号已修改为 ${res.meter_firm}`)
+        }
+    } catch (e) {
+        if (e === 'cancel' || e === 'close') return
+        // 其他错误由 rpc.js 处理
+    }
+}
+
 // ─── 修改密码 ─────────────────────────────────────
 const pwdForm = ref({ oldPassword: '', newPassword: '', confirmPassword: '' })
 
@@ -264,6 +340,7 @@ const handleSessionRestored = () => {
     console.log('Session 已恢复，重新加载数据')
     getSystemTime()
     getPasswordStatus()
+    getMeterFirm()
 }
 
 onMounted(() => {
@@ -271,6 +348,7 @@ onMounted(() => {
     timeInterval = setInterval(updateTime, 1000)
     getSystemTime()
     getPasswordStatus()
+    getMeterFirm()
 
     // 监听 session 恢复事件
     window.addEventListener('m9z:session-restored', handleSessionRestored)