From c99aff48171ee446ad5ff5898c4acf8194f200aa Mon Sep 17 00:00:00 2001
From: betaqi <3188864257@qq.com>
Date: Mon, 14 Jul 2025 12:17:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=BE=E5=A4=87=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/module/eam/device/index.ts            |  1 +
 src/pages/deviceInfo/components/BasicInfo.vue | 88 ++++++++++++-------
 .../deviceInfo/components/DeliveryInfo.vue    |  2 +-
 src/pages/deviceInfo/components/TestInfo.vue  |  1 -
 src/pages/deviceInfo/index.vue                | 26 +++++-
 src/pages/deviceInfo/info.vue                 |  7 +-
 src/pages/deviceInfo/utils.ts                 |  1 +
 7 files changed, 87 insertions(+), 39 deletions(-)

diff --git a/src/api/module/eam/device/index.ts b/src/api/module/eam/device/index.ts
index eed17ca..abb3d67 100644
--- a/src/api/module/eam/device/index.ts
+++ b/src/api/module/eam/device/index.ts
@@ -31,6 +31,7 @@ export interface IDeviceOV {
   cost: string
   currentFirmwareId: string
   targetFirmwareId: string
+  iccid?: string
 }
 
 export const operantDevice = (type: OperantAction, data: IDeviceOV) => {
diff --git a/src/pages/deviceInfo/components/BasicInfo.vue b/src/pages/deviceInfo/components/BasicInfo.vue
index 9a4e915..122ae31 100644
--- a/src/pages/deviceInfo/components/BasicInfo.vue
+++ b/src/pages/deviceInfo/components/BasicInfo.vue
@@ -30,18 +30,19 @@
             class="input"
             v-model="params.categoryId"
             :options="categoryTreeData"
-            :disabled="disabled"
+            :disabled="true"
             :props="{
               checkStrictly: true,
               value: 'id',
               label: 'name',
               emitPath: false,
             }"
+            @change="onChangeCategoryId"
           />
         </div>
       </div>
       <div class="group-box">
-        <div class="from-row">
+        <!-- <div class="from-row">
           <div class="label">设备固件:</div>
           <el-select
             v-model="params.targetFirmwareId"
@@ -58,7 +59,7 @@
               :value="item.id"
             />
           </el-select>
-        </div>
+        </div> -->
         <!--<div class="from-row">
           <div class="label">测试模板:</div>
           <FormItemSelect
@@ -83,23 +84,22 @@
             {{ params.currentFirmwareId }}
           </div>
         </div>
+        <div class="from-row">
+          <div class="label">物联网卡:</div>
+          <el-input class="input" :disabled="action === 'view'" v-model="params.iccid" placeholder="请输入物联网卡号" />
+        </div>
         <div class="from-row">
           <div class="label">设备成本:</div>
-          <number-input
-            class="input"
-            :disabled="disabled"
-            v-model="params.cost"
-            placeholder="请输入成本"
-          />
+          <number-input class="input" :disabled="action === 'view'" v-model="params.cost" placeholder="请输入成本" />
         </div>
       </div>
       <div class="group-box">
         <div class="from-row">
           <div class="label">备注:</div>
           <el-input
-            :disabled="disabled"
             class="input"
             type="textarea"
+            :disabled="action === 'view'"
             v-model="params.description"
             placeholder="请输入备注"
             :autosize="{ minRows: 5, maxRows: 4 }"
@@ -107,20 +107,22 @@
           />
         </div>
       </div>
-      <EdfsButton
-        inner-text="提交基础信息"
-        type="primary"
-        class="save-button"
-        v-if="isShowSaveButton"
-        @click="onSave"
-      />
-      <EdfsButton
-        inner-text="固件升级"
-        type="primary"
-        class="save-button"
-        v-if="isShowFirmwareUpgradeButton"
-        @click="onFirmwareUpgrade"
-      />
+      <div class="btns" style="margin-left: auto; margin-right: 20px; margin-top: auto">
+        <EdfsButton
+          inner-text="提交基础信息"
+          type="primary"
+          class="save-button"
+          v-if="isShowSaveButton"
+          @click="onSave"
+        />
+        <EdfsButton
+          inner-text="固件升级"
+          type="primary"
+          class="save-button"
+          v-if="isShowFirmwareUpgradeButton"
+          @click="onFirmwareUpgrade"
+        />
+      </div>
     </div>
   </div>
 </template>
@@ -148,6 +150,14 @@ const props = defineProps<{
 }>()
 
 const emit = defineEmits(['on-save'])
+const updatedField: Array<keyof IDeviceOV> = [
+  'iccid',
+  'description',
+  'cost',
+  'serialNo',
+  'categoryId',
+  'sn',
+]
 
 const paramsData: IDeviceOV = {
   currentFirmwareId: '',
@@ -158,11 +168,13 @@ const paramsData: IDeviceOV = {
   description: '',
   cost: '',
   targetFirmwareId: '',
+  iccid: '',
 }
 
 const isShowSaveButton = computed(() => {
   if (action === 'view') return false
-  return props.info?.status === undefined ? true : props.info.status < 2
+  // return props.info?.status === undefined ? true : props.info.status < 2
+  return true
 })
 
 const isShowFirmwareUpgradeButton = computed(() => {
@@ -179,7 +191,11 @@ async function onSave() {
   if (!validate()) return
 
   const type = !!params.value.serialNo ? 'update' : 'create'
-  const options = cloneDeep(params.value)
+  let options = cloneDeep(params.value)
+
+  if (type === 'update' && props.info.status > 2) {
+    options = Object.fromEntries(updatedField.map(key => [key, options[key]]))
+  }
   options.templateId = 0
   if (type === 'update') options.id = props.info?.id
   const res = await operantDevice(type, options)
@@ -201,17 +217,23 @@ watch(
   { immediate: true }
 )
 
+function onChangeCategoryId() {
+  params.value.targetFirmwareId = ''
+}
+
 watch(
-  () => params.value.categoryId,
+  () => params.value.targetFirmwareId,
   val => {
-    params.value.targetFirmwareId = ''
+    console.log(val)
   }
 )
 
 function validate() {
-  if (isEmpty(params.value.targetFirmwareId)) {
-    message.error('请选择固件')
-    return false
+  if (!params.value.currentFirmwareId) {
+    if (isEmpty(params.value.targetFirmwareId)) {
+      message.error('请选择固件')
+      return false
+    }
   }
 
   if (isEmpty(params.value.sn)) {
@@ -307,14 +329,16 @@ onMounted(() => {
     display: flex;
     width: 100%;
     column-gap: 30px;
+    row-gap: 10px;
     flex-wrap: wrap;
+    max-width: 1340px;
     .group-box {
       display: flex;
       flex-direction: column;
       row-gap: 10px;
     }
     .from-row {
-      width: 320px;
+      width: 346px;
       display: flex;
       box-sizing: border-box;
       min-height: 32px;
diff --git a/src/pages/deviceInfo/components/DeliveryInfo.vue b/src/pages/deviceInfo/components/DeliveryInfo.vue
index cfc8fca..dd09b63 100644
--- a/src/pages/deviceInfo/components/DeliveryInfo.vue
+++ b/src/pages/deviceInfo/components/DeliveryInfo.vue
@@ -20,7 +20,7 @@
           <number-input
             v-model="params.price"
             :disabled="action === 'view' || !isShowSaveButton"
-            placeholder="请输入成本"
+            placeholder="请输入设备价格"
           />
         </div>
       </div>
diff --git a/src/pages/deviceInfo/components/TestInfo.vue b/src/pages/deviceInfo/components/TestInfo.vue
index 21788df..2defce0 100644
--- a/src/pages/deviceInfo/components/TestInfo.vue
+++ b/src/pages/deviceInfo/components/TestInfo.vue
@@ -124,7 +124,6 @@ async function loadDeviceTestSheet() {
   })
   if (isResError(res)) return
   list.value = res.data
-  console.log(list.value)
 }
 const isShowDetail = ref(false)
 const sheetDetail = ref<any>([])
diff --git a/src/pages/deviceInfo/index.vue b/src/pages/deviceInfo/index.vue
index a97918e..ed5cb0d 100644
--- a/src/pages/deviceInfo/index.vue
+++ b/src/pages/deviceInfo/index.vue
@@ -10,7 +10,7 @@
     </div>
     <EdfsWrap title="设备信息列表" class="device-info-table">
       <template #title-right>
-        <EdfsButton type="primary" inner-text="新增设备" @click="addDevice" />
+        <!-- <EdfsButton type="primary" inner-text="新增设备" @click="addDevice" /> -->
       </template>
       <EdfsTable
         class="table"
@@ -66,7 +66,7 @@
               >
               <template #dropdown>
                 <el-dropdown-menu>
-                  <el-dropdown-item command="info" v-if="scope.row.status < 2">
+                  <el-dropdown-item command="info">
                     <Icon icon="solar:clapperboard-edit-linear" />编辑基础信息
                   </el-dropdown-item>
                   <el-dropdown-item command="test" v-if="scope.row.status === 1">
@@ -105,7 +105,7 @@ import EdfsTable from '@/components/dashboard/Edfs-table/index.vue'
 import EdfsButton from '@/components/dashboard/Edfs-button/index.vue'
 import { isResError } from '@/hooks/useMessage'
 import type { TableColumnCtx } from 'element-plus'
-import { useRouter } from 'vue-router'
+import { useRouter, useRoute } from 'vue-router'
 import PieChart from './components/pie-chart.vue'
 import {
   getDeviceLabelBase64,
@@ -113,6 +113,7 @@ import {
   getDeviceSummaryByStatus,
   getDeviceReportPDF,
   type IDevice,
+  getDeviceInfo,
 } from '@/api/module/eam/device'
 import { ElLoading } from 'element-plus'
 import { deviceTableCol, DeviceStatus } from './utils'
@@ -122,6 +123,24 @@ import jsPDF from 'jspdf'
 defineOptions({
   name: 'DeviceList',
 })
+const route = useRoute()
+// 将 updateId 转换为 number 类型，如果不存在则为 undefined
+const updateId = ref<number | undefined>(
+  route.query.updateId !== undefined && route.query.updateId !== null
+    ? Number(route.query.updateId)
+    : undefined
+)
+
+onActivated(async () => {
+  await nextTick()
+  const index = list.value.findIndex(r => r.id === updateId.value)
+  if (updateId.value && index !== -1) {
+    const res = await getDeviceInfo(updateId.value)
+    if (!isResError(res)) {
+      list.value[index] = res.data
+    }
+  }
+})
 
 const loading = ref(true)
 const total = ref(0)
@@ -262,7 +281,6 @@ function handleCommand(command: string, row: any) {
     onPrint(row)
     return
   }
-  debugger
 
   editDevice(row, command)
 }
diff --git a/src/pages/deviceInfo/info.vue b/src/pages/deviceInfo/info.vue
index 4df6973..c4593ce 100644
--- a/src/pages/deviceInfo/info.vue
+++ b/src/pages/deviceInfo/info.vue
@@ -6,7 +6,12 @@
       class="back-btn"
       @click="
         () => {
-          router.go(-1)
+          router.push({
+            path: '/device/data',
+            query: {
+              updateId: deviceInfoId,
+            },
+          })
         }
       "
     />
diff --git a/src/pages/deviceInfo/utils.ts b/src/pages/deviceInfo/utils.ts
index 8c3d35b..f7e33cc 100644
--- a/src/pages/deviceInfo/utils.ts
+++ b/src/pages/deviceInfo/utils.ts
@@ -12,6 +12,7 @@ export const deviceTableCol = [
   { label: '设备类型', prop: 'categoryName', minWidth: '10%' },
   { label: '设备状态', prop: 'status', minWidth: '10%' },
   { label: '创建时间', prop: 'createTime', minWidth: '10%' },
+  { label: 'sd', prop: 'cost', minWidth: '10%' }
 ]
 
 export type OptAction = 'create' | 'update' | 'view'