From d4d53fc10d07b5b17d1aa100ca4071a9fe6c186f Mon Sep 17 00:00:00 2001
From: xiongqin <3323939337@qq.com>
Date: Wed, 9 Jul 2025 17:45:15 +0800
Subject: [PATCH] =?UTF-8?q?xq=20feat:"=E5=AE=8C=E6=88=90=E4=BA=86=E9=80=86?=
 =?UTF-8?q?=E5=8F=98=E5=99=A8=E6=95=B0=E6=8D=AE=E8=AF=A6=E6=83=85"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/business/inverter/index.vue | 319 +++++++++++++++++---------
 1 file changed, 205 insertions(+), 114 deletions(-)

diff --git a/src/views/business/inverter/index.vue b/src/views/business/inverter/index.vue
index ced94b6..3e23b5d 100644
--- a/src/views/business/inverter/index.vue
+++ b/src/views/business/inverter/index.vue
@@ -203,9 +203,12 @@
         <!--        <el-table-column label="质保结束时间" align="center" prop="updateshelfendtime" />-->
         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
           <template #default="scope">
-            <el-tooltip content="修改" placement="top">
-              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['business:inverter:edit']"></el-button>
+            <el-tooltip content="详情" placement="top">
+              <el-button link type="primary" icon="View" @click="handleCheck(scope.row)" v-hasPermi="['business:inverter:edit']"></el-button>
             </el-tooltip>
+            <!--            <el-tooltip content="修改" placement="top">-->
+            <!--              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['business:inverter:edit']"></el-button>-->
+            <!--            </el-tooltip>-->
             <el-tooltip content="删除" placement="top">
               <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['business:inverter:remove']"></el-button>
             </el-tooltip>
@@ -216,121 +219,198 @@
       <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
     </el-card>
     <!-- 添加或修改逆变器列对话框 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+    <el-dialog :title="dialog.title" v-model="dialog.visible" append-to-body>
       <el-form ref="inverterFormRef" :model="form" :rules="rules" label-width="auto">
-        <el-form-item label="逆变器SN" prop="sn">
-          <el-input v-model="form.sn" placeholder="请输入逆变器SN" />
-        </el-form-item>
-        <!--        <el-form-item label="项目id" prop="projectId">-->
-        <!--          <el-input v-model="form.projectId" placeholder="请输入项目id" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="电站id" prop="stationid">-->
-        <!--          <el-input v-model="form.stationid" placeholder="请输入电站id" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="电站名称" prop="stationname">-->
-        <!--          <el-input v-model="form.stationname" placeholder="请输入电站名称" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="业主id" prop="userid">-->
-        <!--          <el-input v-model="form.userid" placeholder="请输入业主id" />-->
-        <!--        </el-form-item>-->
-        <el-form-item label="装机容量" prop="power">
-          <el-input v-model="form.power" placeholder="请输入装机容量" />
-        </el-form-item>
-        <el-form-item label="装机容量单位" prop="powerstr">
-          <el-input v-model="form.powerstr" placeholder="请输入装机容量单位" />
-        </el-form-item>
-        <el-form-item label="当日能量" prop="etoday">
-          <el-input v-model="form.etoday" placeholder="请输入当日能量" />
-        </el-form-item>
-        <!--        <el-form-item label="当日发电量原始值" prop="etoday1">-->
-        <!--          <el-input v-model="form.etoday1" placeholder="请输入当日发电量原始值" />-->
-        <!--        </el-form-item>-->
-        <el-form-item label="当日能量单位" prop="etodaystr">
-          <el-input v-model="form.etodaystr" placeholder="请输入当日能量单位" />
-        </el-form-item>
-        <el-form-item label="总电量" prop="etotal">
-          <el-input v-model="form.etotal" placeholder="请输入总电量" />
-        </el-form-item>
-        <!--        <el-form-item label="累计发电量原始值" prop="etotal1">-->
-        <!--          <el-input v-model="form.etotal1" placeholder="请输入累计发电量原始值" />-->
-        <!--        </el-form-item>-->
-        <el-form-item label="总能量单位" prop="etotalstr">
-          <el-input v-model="form.etotalstr" placeholder="请输入总能量单位" />
-        </el-form-item>
-        <el-form-item label="满发小时数" prop="fullhour">
-          <el-input v-model="form.fullhour" placeholder="请输入满发小时数" />
-        </el-form-item>
-        <!--        <el-form-item label="功率" prop="pac">-->
-        <!--          <el-input v-model="form.pac" placeholder="请输入功率" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="功率单位" prop="pacstr">-->
-        <!--          <el-input v-model="form.pacstr" placeholder="请输入功率单位" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item-->
-        <!--          label="逆变器状态：-->
-        <!--1 = 在线-->
-        <!--2 = 离线-->
-        <!--3 = 报警"-->
-        <!--          prop="state"-->
-        <!--        >-->
-        <!--          <el-input-->
-        <!--            v-model="form.state"-->
-        <!--            placeholder="请输入逆变器状态：-->
-        <!--1 = 在线-->
-        <!--2 = 离线-->
-        <!--3 = 报警"-->
-        <!--          />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="更新时间" prop="datatimestamp">-->
-        <!--          <el-input v-model="form.datatimestamp" placeholder="请输入更新时间" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="采集器SN" prop="collectorsn">-->
-        <!--          <el-input v-model="form.collectorsn" placeholder="请输入采集器SN" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="逆变器类型" prop="productmodel">-->
-        <!--          <el-input v-model="form.productmodel" placeholder="请输入逆变器类型" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="逆变器系列" prop="series">-->
-        <!--          <el-input v-model="form.series" placeholder="请输入逆变器系列" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="逆变器名称" prop="name">-->
-        <!--          <el-input v-model="form.name" placeholder="请输入逆变器名称" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="电站地址" prop="addr">-->
-        <!--          <el-input v-model="form.addr" placeholder="请输入电站地址" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="采集器状态" prop="collectorstate">-->
-        <!--          <el-input v-model="form.collectorstate" placeholder="请输入采集器状态" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item-->
-        <!--          label="逆变器离线状态：-->
-        <!--0 = 正常离线-->
-        <!--1 = 异常离线"-->
-        <!--          prop="stateexceptionflag"-->
-        <!--        >-->
-        <!--          <el-input-->
-        <!--            v-model="form.stateexceptionflag"-->
-        <!--            placeholder="请输入逆变器离线状态：-->
-        <!--0 = 正常离线-->
-        <!--1 = 异常离线"-->
-        <!--          />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="累计满发小时数" prop="totalfullhour">-->
-        <!--          <el-input v-model="form.totalfullhour" placeholder="请输入累计满发小时数" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="逆变器电表类型，详见附录3" prop="invertermetermodel">-->
-        <!--          <el-input v-model="form.invertermetermodel" placeholder="请输入逆变器电表类型，详见附录3" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="创建时间" prop="createdate">-->
-        <!--          <el-input v-model="form.createdate" placeholder="请输入创建时间" />-->
-        <!--        </el-form-item>-->
-        <!--        <el-form-item label="质保结束时间" prop="updateshelfendtime">-->
-        <!--          <el-input v-model="form.updateshelfendtime" placeholder="请输入质保结束时间" />-->
-        <!--        </el-form-item>-->
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="逆变器SN" prop="sn">
+              <el-input v-model="form.sn" placeholder="请输入逆变器SN" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="项目id" prop="projectId">
+              <el-input v-model="form.projectId" placeholder="请输入项目id" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="电站id" prop="stationid">
+              <el-input v-model="form.stationid" placeholder="请输入电站id" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="电站名称" prop="stationname">
+              <el-input v-model="form.stationname" placeholder="请输入电站名称" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="业主id" prop="userid">
+              <el-input v-model="form.userid" placeholder="请输入业主id" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="装机容量" prop="power">
+              <el-input v-model="form.power" placeholder="请输入装机容量" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="装机容量单位" prop="powerstr">
+              <el-input v-model="form.powerstr" placeholder="请输入装机容量单位" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="当日能量" prop="etoday">
+              <el-input v-model="form.etoday" placeholder="请输入当日能量" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="当日发电量原始值" prop="etoday1">
+              <el-input v-model="form.etoday1" placeholder="请输入当日发电量原始值" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="当日能量单位" prop="etodaystr">
+              <el-input v-model="form.etodaystr" placeholder="请输入当日能量单位" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="总电量" prop="etotal">
+              <el-input v-model="form.etotal" placeholder="请输入总电量" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="累计发电量原始值" prop="etotal1">
+              <el-input v-model="form.etotal1" placeholder="请输入累计发电量原始值" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="总能量单位" prop="etotalstr">
+              <el-input v-model="form.etotalstr" placeholder="请输入总能量单位" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="满发小时数" prop="fullhour">
+              <el-input v-model="form.fullhour" placeholder="请输入满发小时数" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="功率" prop="pac">
+              <el-input v-model="form.pac" placeholder="请输入功率" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="功率单位" prop="pacstr">
+              <el-input v-model="form.pacstr" placeholder="请输入功率单位" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="更新时间" prop="datatimestamp">
+              <el-input v-model="form.datatimestamp" placeholder="请输入更新时间" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="采集器SN" prop="collectorsn">
+              <el-input v-model="form.collectorsn" placeholder="请输入采集器SN" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="质保结束时间" prop="updateshelfendtime">
+              <el-input v-model="form.updateshelfendtime" placeholder="请输入质保结束时间" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="创建时间" prop="createdate">
+              <el-input v-model="form.createdate" placeholder="请输入创建时间" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="逆变器名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入逆变器名称" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="电站地址" prop="addr">
+              <el-input v-model="form.addr" placeholder="请输入电站地址" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="采集器状态" prop="collectorstate">
+              <el-input v-model="form.collectorstate" placeholder="请输入采集器状态" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="逆变器离线状态：
+        0 = 正常离线
+        1 = 异常离线"
+              prop="stateexceptionflag"
+            >
+              <el-input
+                v-model="form.stateexceptionflag"
+                placeholder="请输入逆变器离线状态：
+        0 = 正常离线
+        1 = 异常离线"
+                :disabled="isCheck === true"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="累计满发小时数" prop="totalfullhour">
+              <el-input v-model="form.totalfullhour" placeholder="请输入累计满发小时数" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="逆变器电表类型，详见附录3" prop="invertermetermodel">
+              <el-input v-model="form.invertermetermodel" placeholder="请输入逆变器电表类型，详见附录3" :disabled="isCheck === true" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item
+              label="逆变器状态：
+        1 = 在线
+        2 = 离线
+        3 = 报警"
+              prop="state"
+            >
+              <el-input
+                v-model="form.state"
+                placeholder="请输入逆变器状态：
+        1 = 在线
+        2 = 离线
+        3 = 报警"
+                :disabled="isCheck === true"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
-          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
           <el-button @click="cancel">取 消</el-button>
         </div>
       </template>
@@ -341,6 +421,7 @@
 <script setup name="Inverter" lang="ts">
 import { listInverter, getInverter, delInverter, addInverter, updateInverter } from '@/api/business/inverter';
 import { InverterVO, InverterQuery, InverterForm } from '@/api/business/inverter/types';
+import { ref } from 'vue';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
@@ -473,10 +554,11 @@ const getList = async () => {
   total.value = res.total;
   loading.value = false;
 };
-
+const isCheck = ref(false);
 /** 取消按钮 */
 const cancel = () => {
   reset();
+  isCheck.value = false;
   dialog.visible = false;
 };
 
@@ -521,6 +603,15 @@ const handleUpdate = async (row?: InverterVO) => {
   dialog.visible = true;
   dialog.title = '修改逆变器列';
 };
+const handleCheck = async (row?: InverterVO) => {
+  reset();
+  const _id = row?.id || ids.value[0];
+  const res = await getInverter(_id);
+  isCheck.value = true;
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = '逆变器详情';
+};
 
 /** 提交按钮 */
 const submitForm = () => {