联调程序升级

src/views/govern/manage/programVersion/comp/deviceLog.vue

@@ -0,0 +1,88 @@
+<template>
+    <el-dialog v-model="dialogVisible" :title="title" width="800" :close-on-click-modal="false"
+        :before-close="handleClose">
+
+        <!-- 表格区域 -->
+        <div class="table-area" :style="layout1">
+            <vxe-table v-bind="defaultAttribute" :data="tableData" v-loading="loading" height="auto">
+                <vxe-column type="seq" title="序号" width="80" align="center" />
+                <vxe-column field="version" title="版本" min-width="120" align="center" />
+                <vxe-column field="result" title="升级结果" width="120" align="center">
+                    <template #default="{ row }">
+                        <el-tag :type="getResultTagType(row.result)" size="small">
+                            {{ getResultText(row.result) }}
+                        </el-tag>
+                    </template>
+                </vxe-column>
+                <vxe-column field="upgradeTime" title="升级时间" width="180" align="center" />
+                <vxe-column field="upgradeUser" title="升级人" width="120" align="center" />
+            </vxe-table>
+        </div>
+
+
+    </el-dialog>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import { ElMessage } from 'element-plus'
+import { mainHeight } from '@/utils/layout'
+const layout1 = mainHeight(100, 2)
+// 弹框显示控制
+const dialogVisible = ref(false)
+
+// 表格数据
+const tableData = ref([])
+
+// 加载状态
+const loading = ref(false)
+const title = ref('升级日志')
+// 升级结果标签类型映射
+const getResultTagType = (result) => {
+    const map = {
+        success: 'success',
+        fail: 'danger',
+        processing: 'warning'
+    }
+    return map[result] || 'info'
+}
+
+// 升级结果文本映射
+const getResultText = (result) => {
+    const map = {
+        success: '成功',
+        fail: '失败',
+        processing: '进行中'
+    }
+    return map[result] || result
+}
+
+// 打开弹框
+const open = (row) => {
+     title.value = `${row.name}_升级日志`
+    dialogVisible.value = true
+   
+}
+
+// 加载表格数据
+const loadTableData = async (deviceId) => {
+    loading.value = true
+
+}
+
+// 关闭弹框
+const handleClose = () => {
+    dialogVisible.value = false
+    // 重置数据
+    tableData.value = []
+}
+
+// 暴露方法给父组件
+defineExpose({
+    open
+})
+
+</script>
+
+<style scoped></style>

src/views/govern/manage/programVersion/comp/form.vue

@@ -1,157 +0,0 @@
-<template>
-    <el-dialog class="cn-operate-dialog" width="600px" v-model.trim="dialogVisible" :title="title">
-        <el-form :model="form" class="form-one" label-width="auto" ref="formRef" :rules="rules">
-            <el-form-item label="版本号" prop="substationName">
-                <el-input v-model.trim="form.substationName" placeholder="请输入版本号"></el-input>
-            </el-form-item>
-            <el-form-item label="协议版本" prop="name">
-                <el-input v-model.trim="form.name" placeholder="请输入协议版本"></el-input>
-            </el-form-item>
-            <el-form-item label="版本日期" prop="name">
-                <el-input v-model.trim="form.name" placeholder="请输入版本日期"></el-input>
-            </el-form-item>
-            <el-form-item label="设备系列" prop="loadType">
-                <el-select v-model.trim="form.loadType" filterable clearable placeholder="请选择设备系列">
-                    <el-option
-                        v-for="item in DataTypeSelect"
-                        :key="item.id"
-                        :label="item.name"
-                        :value="item.id"
-                    ></el-option>
-                </el-select>
-            </el-form-item>
-
-            <el-form-item label="版本类型" prop="name">
-                <el-input v-model.trim="form.name" placeholder="请输入版本类型"></el-input>
-            </el-form-item>
-            <el-form-item label="描述" prop="name">
-                <el-input
-                    maxlength="32"
-                    :autosize="{ minRows: 2, maxRows: 4 }"
-                    type="textarea"
-                    show-word-limit
-                    v-model.trim="form.remark"
-                    placeholder="请输入描述"
-                ></el-input>
-            </el-form-item>
-            <el-form-item label="上传升级文件" prop="name">
-                <el-upload
-                    :limit="1"
-                    accept=".bin"
-                    :auto-upload="false"
-                    :on-change="fileChange"
-                    :on-exceed="fileExceed"
-                    :on-remove="fileRemove"
-                    :file-list="fileList"
-                >
-                    <el-button type="primary">点击上传</el-button>
-                </el-upload>
-            </el-form-item>
-            <el-form-item label="CRC校验" prop="name">
-                <el-input v-model.trim="form.name" placeholder="请输入版本日期"></el-input>
-            </el-form-item>
-        </el-form>
-
-        <template #footer>
-            <span class="dialog-footer">
-                <el-button @click="dialogVisible = false">取消</el-button>
-                <el-button type="primary" @click="submit">确认</el-button>
-            </span>
-        </template>
-    </el-dialog>
-</template>
-<script lang="ts" setup>
-import { ref, inject } from 'vue'
-import { reactive } from 'vue'
-import { ElMessage } from 'element-plus'
-import TableStore from '@/utils/tableStore'
-import { queryByCode, queryCsDictTree } from '@/api/system-boot/dictTree'
-import { saveUser, updateUser } from '@/api/cs-device-boot/sensitiveLoadMange'
-import { useDictData } from '@/stores/dictData'
-
-const TypeOptions = ref()
-
-const dictData = useDictData()
-const DataTypeSelect = dictData.getBasicData('Interference_Source')
-
-const tableStore = inject('tableStore') as TableStore
-const fileList: any = ref([])
-const formRef = ref()
-const form = reactive<any>({
-    loadType: [],
-    substationName: null,
-    installedCapacity: null,
-    name: null,
-    userAgreementCapacity: null,
-    id: null,
-    sort: 100
-})
-const rules = {
-    substationName: [{ required: true, message: '请输入所属厂站名称', trigger: 'blur' }],
-    name: [{ required: true, message: '请输入敏感用户名称', trigger: 'blur' }],
-    loadType: [{ required: true, message: '请输入请选择敏感负荷类型', trigger: 'blur' }],
-    installedCapacity: [{ required: true, message: '请输入用户协议容量', trigger: 'blur' }],
-    userAgreementCapacity: [{ required: true, message: '请输入装机容量', trigger: 'blur' }],
-    sort: [{ required: true, message: '请输入排序', trigger: 'blur' }]
-}
-
-const dialogVisible = ref(false)
-const title = ref('新增')
-const open = (text: string, data?: anyObj) => {
-    formRef.value?.resetFields()
-    title.value = text
-    dialogVisible.value = true
-    if (data) {
-        for (let key in form) {
-            form[key] = data[key]
-        }
-    } else {
-        for (let key in form) {
-            form[key] = null
-            form.sort = 100
-        }
-    }
-}
-const fileRemove = (e: any) => {
-    form.file = null
-    fileList.value = []
-}
-const fileChange = (e: any) => {
-    if (!beforeUpload(e.raw)) return
-    form.file = e.raw
-    fileList.value = [e.raw]
-}
-const fileExceed = (e: any) => {
-    ElMessage.error('只能上传一个文件')
-}
-// 处理上传前检查
-const beforeUpload = (file: any) => {
-    const isWord = file.name.endsWith('.bin')
-
-    if (!isWord) {
-        ElMessage.error('请上传(.bin)格式文件!')
-        fileList.value = []
-        return false
-    }
-
-    // 校验通过后允许上传，交由 http-request 处理
-    return true
-}
-
-const submit = () => {
-    formRef.value.validate(async (valid: boolean) => {
-        if (valid) {
-            if (form.id) {
-                await updateUser(form)
-            } else {
-                await saveUser(form)
-            }
-            ElMessage.success('操作成功')
-            tableStore.index()
-            dialogVisible.value = false
-        }
-    })
-}
-
-defineExpose({ open })
-</script>

src/views/govern/manage/programVersion/comp/upgrade.vue

@@ -0,0 +1,114 @@
+<template>
+    <el-dialog draggable width="500px" v-model.trim="dialogVisible" :title="title">
+        <el-form :model="form" class="form-one" label-width="auto" ref="formRef" :rules="rules">
+            <el-form-item label="版本:" prop="edDataId">
+                <el-select v-model.trim="form.edDataId" placeholder="请选择版本" @change="selectChange">
+                    <el-option v-for="item in devList" :disabled="version == item.versionNo"
+                        :label="`${item.devTypeName}_${item.versionNo}_${item.versionAgreement}_${item.versionDate}`"
+                        :value="item.id"></el-option>
+                </el-select>
+            </el-form-item>
+
+            <el-form-item label="描述:">
+                <el-input v-model.trim="versionDesc" disabled type="textarea" :rows="3"></el-input>
+            </el-form-item>
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" @click="submit" :loading="loading">确认</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, inject, reactive } from 'vue'
+import { ElMessage } from 'element-plus'
+import { findByDevTypeId, upgrade } from '@/api/system-boot/dictTree'
+const formRef = ref()
+const dialogVisible = ref(false)
+const title = ref('程序版本')
+const devList: any = ref([])
+const versionDesc = ref('')
+const version = ref('')
+// 表单数据（新增了版本类型、版本描述字段）
+const form = reactive<any>({
+    devId: [],
+    edDataId: '' // 新增：下拉选择版本
+})
+const loading = ref(false)
+// 校验规则（新增两个字段的必填校验）
+const rules = {
+    // 新增校验
+    edDataId: [{ required: true, message: '请选择版本', trigger: 'change' }]
+}
+
+// 打开弹窗
+const open = (data: any) => {
+
+    loading.value = false
+    version.value = data.version
+    form.devId = []
+    form.edDataId = ''
+    versionDesc.value = ''
+
+    getFindByDev(data.devModel)
+    formRef.value?.resetFields()
+    dialogVisible.value = true
+    form.devId = data.id
+}
+// 获取版本
+const getFindByDev = (devModel: string) => {
+    findByDevTypeId({
+        devType: devModel, //'45afe3ad9970785090cd7da27f489c37',
+        pageNum: 1,
+        pageSize: 10000
+    }).then((res: any) => {
+        devList.value = res.data.records
+        if (devList.value.length == 0) {
+            ElMessage.warning('该设备没有可升级的版本!')
+            return
+        } else if (devList.value.length == 1 && devList.value[0].versionNo == version.value) {
+            ElMessage.warning('该设备没有可升级的版本!')
+        }
+
+    })
+}
+// 提交
+const submit = () => {
+    formRef.value.validate(async (valid: boolean) => {
+        if (valid) {
+            try {
+                ElMessage.info('升级中，请稍等...')
+                loading.value = true
+                upgrade({
+                    devId: form.devId.join(),
+                    edDataId: form.edDataId
+                })
+                    .then(res => {
+                        ElMessage.success('升级成功')
+                        loading.value = false
+                        dialogVisible.value = false
+                    })
+                    .catch(error => {
+                        loading.value = false
+                    })
+            } catch (error) {
+                loading.value = false
+                ElMessage.error('升级失败')
+            }
+        }
+    })
+}
+const selectChange = e => {
+    devList.value.forEach(item => {
+        if (item.id === e) {
+            versionDesc.value = item.description
+        }
+    })
+}
+
+defineExpose({ open })
+</script>

src/views/govern/manage/programVersion/comp/versionMaintenance.vue

@@ -1,171 +0,0 @@
-<template>
-    <div class="default-main">
-        <TableHeader ref="tableHeaderRef" :showReset="false" showExport>
-            <template #select>
-                <el-form-item label="关键字筛选">
-                    <el-input v-model="tableStore.table.params.keywords" clearable placeholder="请输入关键字" />
-                </el-form-item>
-
-                <el-form-item label="设备系列">
-                    <el-select
-                        v-model.trim="tableStore.table.params.devType"
-                        filterable
-                        placeholder="请选择设备系列"
-                        clearable
-                    >
-                        <el-option
-                            v-for="item in DevTypeOptions"
-                            :key="item.id"
-                            :label="item.name"
-                            :value="item.id"
-                        ></el-option>
-                    </el-select>
-                </el-form-item>
-            </template>
-            <template #operation>
-                <el-button :icon="Plus" type="primary" @click="add">新增</el-button>
-                <el-button :icon="Back" @click="go(-1)">返回</el-button>
-            </template>
-        </TableHeader>
-        <Table ref="tableRef" />
-        <!-- 新增 -->
-        <Form ref="formRef" />
-    </div>
-</template>
-<script setup lang="ts">
-import { ref, onMounted, provide } from 'vue'
-import TableStore from '@/utils/tableStore'
-import Table from '@/components/table/index.vue'
-import TableHeader from '@/components/table/header/index.vue'
-import { ElMessage } from 'element-plus'
-import { queryByCode, queryByid } from '@/api/system-boot/dictTree'
-import { useDictData } from '@/stores/dictData'
-import { Plus, EditPen } from '@element-plus/icons-vue'
-import { useRouter } from 'vue-router'
-import { Back, Setting, Search } from '@element-plus/icons-vue'
-import Form from './form.vue'
-defineOptions({
-    name: 'govern/manage/programVersion'
-})
-const dictData = useDictData()
-const DevTypeOptions = ref()
-const tableHeaderRef = ref()
-const { push, go } = useRouter()
-const formRef = ref()
-const tableStore = new TableStore({
-    url: '/cs-device-boot/edData/queryEdDataPage',
-    method: 'POST',
-    column: [
-        {
-            field: 'index',
-            title: '序号',
-            width: '80',
-            formatter: (row: any) => {
-                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
-            }
-        },
-        { title: '设备系列', field: 'devTypeName', minWidth: '100' },
-        { title: '版本号', field: 'versionNo', minWidth: '100' },
-        { title: '协议版本', field: 'versionAgreement', minWidth: '100' },
-        { title: '版本日期', field: 'versionDate', minWidth: '100' },
-        { title: '修改人员', field: 'versionDate', minWidth: '100' },
-        { title: '修改日期', field: 'versionDate', minWidth: '100' },
-
-        { title: '描述', field: 'versionDate', minWidth: '100' },
-        { title: '版本类型', field: 'versionDate', minWidth: '100' },
-
-        {
-            title: '状态',
-            render: 'switch',
-            width: 100,
-            field: 'usageStatus',
-            activeText: '启用',
-            inactiveText: '停用',
-            inactiveValue: '0',
-            activeValue: '1',
-            onChangeField: (row: any, value: any) => {
-                // console.log("🚀 ~ row:", row)
-                // ElMessageBox.prompt('二次校验密码确认', '', {
-                //     confirmButtonText: '确认',
-                //     cancelButtonText: '取消',
-                //     customClass: 'customInput',
-                //     inputType: 'text',
-                //     beforeClose: (action, instance, done) => {
-                //         if (action === 'confirm') {
-                //             if (instance.inputValue == null) {
-                //                 return ElMessage.warning('请输入密码')
-                //             } else if (instance.inputValue?.length > 32) {
-                //                 return ElMessage.warning(
-                //                     '密码长度不能超过32位,当前密码长度为' + instance.inputValue.length
-                //                 )
-                //             } else {
-                //                 done()
-                //             }
-                //         } else {
-                //             done()
-                //         }
-                //     }
-                // }).then(({ value }) => {
-                //     passwordConfirm(value).then(res => {
-                //         editEquipmentDelivery({
-                //             ...row,
-                //             status: row.status == 5 ? 1 : row.status == 6 ? 2 : row.status,
-                //             usageStatus: row.usageStatus == 1 ? 0 : 1
-                //         }).then(res => {
-                //             ElMessage.success(row.usageStatus == 1 ? '设备停用成功！' : '设备启用成功！')
-                //             tableStore.index()
-                //         })
-                //     })
-                // })
-            }
-        },
-
-        {
-            title: '操作',
-            fixed: 'right',
-            align: 'center',
-            width: '120',
-            render: 'buttons',
-            buttons: [
-                {
-                    name: 'productSetting',
-                    title: '修改',
-                    type: 'primary',
-                    icon: 'el-icon-EditPen',
-                    render: 'basicButton'
-                },
-                {
-                    name: 'productSetting',
-                    title: '删除',
-                    type: 'primary',
-                    icon: 'el-icon-EditPen',
-                    render: 'basicButton'
-                }
-            ]
-        }
-    ],
-    loadCallback: () => {}
-})
-queryByCode('Device_Type').then(res => {
-    const id = res.data.id
-    queryByid(id).then(res1 => {
-        res1.data.map((item: any, index: any) => {
-            if (item.pid == id) {
-                res1.data.splice(index, 1)
-            }
-        })
-
-        DevTypeOptions.value = res1.data
-    })
-})
-
-tableStore.table.params.devType = ''
-provide('tableStore', tableStore)
-
-const add = () => {
-    formRef.value.open('新增版本')
-}
-onMounted(() => {
-    tableHeaderRef.value.onComSearch()
-})
-</script>

src/views/govern/manage/programVersion/index.vue

@@ -1,77 +1,47 @@
 <template>
     <div class="default-main">
-        <TableHeader ref="tableHeaderRef" :showReset="false" showExport>
+        <TableHeader ref="tableHeaderRef" showExport>
             <template #select>
                 <el-form-item label="关键字筛选">
-                    <el-input v-model="tableStore.table.params.keywords" clearable placeholder="请输入关键字" />
+                    <el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入设备名称"
+                        style="width:200px" />
                 </el-form-item>
                 <el-form-item label="通讯状态">
-                    <el-select
-                        v-model.trim="tableStore.table.params.devType"
-                        filterable
-                        placeholder="请选择通讯状态"
-                        clearable
-                    >
-                        <el-option
-                            v-for="item in DevTypeOptions"
-                            :key="item.id"
-                            :label="item.name"
-                            :value="item.id"
-                        ></el-option>
+                    <el-select v-model.trim="tableStore.table.params.connectStatus" filterable placeholder="请选择通讯状态"
+                        clearable>
+                        <el-option label="中断" :value="0"></el-option>
+                        <el-option label="正常" :value="1"></el-option>
                     </el-select>
                 </el-form-item>
                 <el-form-item label="设备型号">
-                    <el-select
-                        v-model.trim="tableStore.table.params.devType"
-                        filterable
-                        placeholder="请选择设备型号"
-                        clearable
-                    >
-                        <el-option
-                            v-for="item in DevTypeOptions"
-                            :key="item.id"
-                            :label="item.name"
-                            :value="item.id"
-                        ></el-option>
+                    <el-select v-model.trim="tableStore.table.params.devModel" filterable placeholder="请选择设备型号"
+                        clearable>
+                        <el-option v-for="item in DevTypeOptions" :key="item.id" :label="item.name"
+                            :value="item.id"></el-option>
                     </el-select>
                 </el-form-item>
-                <el-form-item label="设备系列">
-                    <el-select
-                        v-model.trim="tableStore.table.params.devType"
-                        filterable
-                        placeholder="请选择设备系列"
-                        clearable
-                    >
-                        <el-option
-                            v-for="item in DevTypeOptions"
-                            :key="item.id"
-                            :label="item.name"
-                            :value="item.id"
-                        ></el-option>
+                <el-form-item label="icd模型">
+                    <el-select v-model.trim="tableStore.table.params.icd" filterable placeholder="请选择设备系列" clearable>
+                        <el-option v-for="item in icdList" :key="item.id" :label="item.name"
+                            :value="item.id"></el-option>
                     </el-select>
                 </el-form-item>
                 <el-form-item label="升级设备筛选">
-                    <el-select
-                        v-model.trim="tableStore.table.params.devType"
-                        filterable
-                        placeholder="请选择升级设备筛选"
-                        clearable
-                    >
-                        <el-option
-                            v-for="item in DevTypeOptions"
-                            :key="item.id"
-                            :label="item.name"
-                            :value="item.id"
-                        ></el-option>
+                    <el-select v-model.trim="tableStore.table.params.upgrade" filterable placeholder="请选择升级设备筛选"
+                        clearable>
+                        <el-option label="可升级" :value="1"></el-option>
+                        <el-option label="不可升级" :value="0"></el-option>
                     </el-select>
                 </el-form-item>
             </template>
             <template #operation>
-                <el-button :icon="EditPen" type="primary" class="ml10" @click="maintenance">终端版本维护</el-button>
-                <el-button :icon="Share" type="primary" class="ml10">批量升级</el-button>
+                <el-button :icon="Document" type="primary" class="ml10" @click="maintenance">版本维护</el-button>
+                <!-- <el-button :icon="Share" type="primary" class="ml10" @click="upgradeVersion">批量升级</el-button> -->
             </template>
         </TableHeader>
-        <Table ref="tableRef" />
+        <Table :checkbox-config="checkboxConfig" ref="tableRef" />
+        <upgrade ref="upgradeRef" />
+        <deviceLog ref="deviceLogRef" />
     </div>
 </template>
 <script setup lang="ts">
@@ -82,20 +52,25 @@ import TableHeader from '@/components/table/header/index.vue'
 import { ElMessage } from 'element-plus'
 import { queryByCode, queryByid } from '@/api/system-boot/dictTree'
 import { useDictData } from '@/stores/dictData'
-import { Share, EditPen } from '@element-plus/icons-vue'
+import { Share, Document } from '@element-plus/icons-vue'
 import { useRouter } from 'vue-router'
+import upgrade from './comp/upgrade.vue'
+import deviceLog from './comp/deviceLog.vue'
 defineOptions({
     name: 'govern/manage/programVersion'
 })
+const upgradeRef = ref()
+const deviceLogRef = ref()
 const dictData = useDictData()
 const DevTypeOptions = ref()
+const icdList = ref()
 const tableHeaderRef = ref()
 const { push, options, currentRoute } = useRouter()
 const tableStore = new TableStore({
-    url: '/cs-device-boot/edData/queryEdDataPage',
+    url: '/cs-device-boot/EquipmentDelivery/version/page',
     method: 'POST',
     column: [
-        { type: 'checkbox', width: '60' },
+        // { type: 'checkbox', width: '60', },
         {
             field: 'index',
             title: '序号',
@@ -104,36 +79,35 @@ const tableStore = new TableStore({
                 return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
             }
         },
-        { title: '设备名称', field: 'devTypeName', minWidth: '100' },
-        { title: '版本号', field: 'versionNo', minWidth: '100' },
-        { title: '协议版本', field: 'versionAgreement', minWidth: '100' },
-        { title: '版本日期', field: 'versionDate', minWidth: '100' },
-        { title: '设备系列', field: 'versionDate', minWidth: '100' },
-        { title: '设备型号', field: 'versionDate', minWidth: '100' },
-        { title: '供电公司', field: 'versionDate', minWidth: '100' },
-        { title: '变电站', field: 'versionDate', minWidth: '100' },
+        { title: '设备名称', field: 'name', minWidth: '150' },
+        { title: '版本号', field: 'version', minWidth: '100', formatter: (row: any) => { return row.cellValue || '/' } },
+        { title: '协议版本', field: 'protocolVersion', minWidth: '100', formatter: (row: any) => { return row.cellValue || '/' } },
+        { title: '版本日期', field: 'versionDate', minWidth: '150', formatter: (row: any) => { return row.cellValue || '/' } },
+        { title: '设备型号', field: 'devModelName', minWidth: '120', formatter: (row: any) => { return row.cellValue || '/' } },
+        { title: 'icd模型', field: 'icd', minWidth: '120', formatter: (row: any) => { return icdList.value.filter(item => item.id == row.cellValue)[0]?.name || '/' } },
+        { title: '所属工程', field: 'associatedEngineering', minWidth: '120', formatter: (row: any) => { return row.cellValue || '/' } },
+        { title: '所属项目', field: 'associatedProject', minWidth: '120', formatter: (row: any) => { return row.cellValue || '/' } },
         {
             title: '状态',
-            field: 'status',
+            field: 'runStatus',
             render: 'tag',
             minWidth: '80',
             custom: {
-                0: 'error',
-                1: 'success'
+                1: 'danger',
+                2: 'success'
             },
             replaceValue: {
-                0: '禁用',
-                1: '启用'
+                1: '离线',
+                2: '在线'
             }
         },
-        { title: '更新时间', field: 'versionDate', minWidth: '100' },
-        { title: '修改人员', field: 'versionDate', minWidth: '100' },
-
+        { title: '更新时间', field: 'updateTime', minWidth: '150', formatter: (row: any) => { return row.cellValue || '/' } ,sortable: true},
+        { title: '修改人员', field: 'updateByName', minWidth: '100', formatter: (row: any) => { return row.cellValue || '/' } },
         {
             title: '操作',
             fixed: 'right',
             align: 'center',
-            width: '120',
+            width: '130',
             render: 'buttons',
             buttons: [
                 {
@@ -141,43 +115,103 @@ const tableStore = new TableStore({
                     title: '升级',
                     type: 'primary',
                     icon: 'el-icon-EditPen',
-                    render: 'basicButton'
+                    disabled: (row: any) => {
+                        return row.upgrade == 0
+                    },
+                    render: 'basicButton',
+                    click: (row: any) => {
+                        upgradeRef.value.open({
+                            id: [row.id],
+                            devModel: row.devModel,
+                            version:row.version
+
+                        })
+                    }
                 },
                 {
                     name: 'productSetting',
-                    title: '升级日志',
+                    title: '日志',
                     type: 'primary',
                     icon: 'el-icon-EditPen',
-                    render: 'basicButton'
+                    render: 'basicButton',
+                    click: (row: any) => {
+                        deviceLogRef.value.open(row)
+                    }
                 }
             ]
         }
     ],
-    loadCallback: () => {}
+    loadCallback: () => { }
 })
-queryByCode('Device_Type').then(res => {
-    const id = res.data.id
-    queryByid(id).then(res1 => {
-        res1.data.map((item: any, index: any) => {
-            if (item.pid == id) {
-                res1.data.splice(index, 1)
-            }
-        })
+const checkboxConfig = reactive({
+    checkMethod: ({ row }) => {
+        return row.upgrade == 1
+    }
+})
+const getQuery = async () => {
+    queryByCode('Device_Type').then(res => {
+        const id = res.data.id
+        queryByid(id).then(res => {
+            res.data.map((item: any, index: any) => {
+                if (item.pid == id) {
+                    res.data.splice(index, 1)
+                }
+            })
 
-        DevTypeOptions.value = res1.data
+            DevTypeOptions.value = res.data
+        })
     })
-})
+    queryByCode('Icd_Model').then(res => {
+        const id = res.data.id
+        queryByid(id).then(res => {
+            icdList.value = res.data
+        })
+    })
+
+}
+
+// 禁止点击
+
+// 升级版本
+const upgradeVersion = () => {
+    if (!tableStore.table.selection.length) {
+        ElMessage.warning('请选择需要升级的设备!')
+        return
+    }
+    // 获取第一个设备的 devModel
+    const firstDevModel = tableStore.table.selection[0].devModel
+
+    // 检查是否所有设备的 devModel 都相同
+    const allSame = tableStore.table.selection.every(device => device.devModel === firstDevModel)
+
+    if (!allSame) {
+        return ElMessage.warning('请选择相同设备型号的设备进行批量升级!')
+    }
+
+    upgradeRef.value.open(
+        {
+            id: tableStore.table.selection.map(item => item.id),
+            devModel: firstDevModel
+
+        }
+    )
+}
 // 版本维护
 const maintenance = () => {
     push({
         // path: '/versionMaintenance'
-        path: '/govern/manage/basic/version'
+        path: '/version'
     })
 }
 
-tableStore.table.params.devType = ''
+tableStore.table.params.searchValue = ''
+tableStore.table.params.connectStatus = ''
+tableStore.table.params.devModel = ''
+tableStore.table.params.icd = ''
+tableStore.table.params.upgrade = ''
 provide('tableStore', tableStore)
 onMounted(() => {
+    getQuery()
     tableHeaderRef.value.onComSearch()
 })
 </script>