添加日志功能

src/views/pqs/business/terminal/TerminalManagement/index.vue

@@ -82,10 +82,13 @@
                     min-width="200"
                     tree-node
                 ></vxe-column>
-                <vxe-column field="devType" title="终端型号"></vxe-column>
+                <vxe-column field="devType" title="终端型号">
+                    <template #default="{ row }">
+                        {{ teriminaloption.find((item: any) => item.id === row.devType)?.name }}
+                    </template>
+                </vxe-column>
                 <vxe-column field="version" title="版本信息"></vxe-column>
                 <vxe-column field="ip" title="网络参数"></vxe-column>
-                <vxe-column field="devType" title="终端型号"></vxe-column>
                 <vxe-column field="baseFlowMeal" title="基础套餐(MB)"></vxe-column>
                 <vxe-column field="reamFlowMeal" title="扩展套餐(MB)"></vxe-column>
                 <vxe-column title="剩余流量(MB)">
@@ -122,29 +125,24 @@
                     </template>
                 </vxe-column>
 
-                <!-- <vxe-column title="操作" width="160">
+                <vxe-column title="操作" width="160">
                     <template #default="{ row }">
-                        <el-button v-if="row.level === 4" type="primary" size="small" link @click="uesdealia(row)">
+                        <!-- <el-button v-if="row.level === 4" type="primary" size="small" link @click="uesdealia(row)">
                             终端详情
-                        </el-button>
-                        <el-button
-                            v-if="row.level === 4"
-                            :disabled="row.state == 1 ? true : false"
-                            type="primary"
-                            size="small"
-                            link
-                            @click="queryview(row)"
-                        >
-                            流量详情
+                        </el-button> -->
+                        <el-button v-if="row.level === 4" type="primary" size="small" link @click="log(row)">
+                            查看日志
                         </el-button>
                     </template>
-                </vxe-column> -->
+                </vxe-column>
             </vxe-table>
         </div>
         <!-- 终端详情 -->
         <detail ref="detailRef" />
         <!-- 配置 -->
         <disposition ref="dispositionRef" @onSubmit="tableStore.index()" />
+        <!-- 日志 -->
+        <Log ref="logRef" v-if="logFlag" @close="logFlag = false" />
     </div>
 </template>
 <script setup lang="ts">
@@ -156,8 +154,10 @@ import { ElMessage } from 'element-plus'
 import { getDevTypeList } from '@/api/device-boot/modelManage'
 import XEUtils from 'xe-utils'
 import { debounce } from 'lodash-es'
+
 import disposition from './components/disposition.vue'
 import detail from './components/detail.vue'
+import Log from './components/log.vue'
 import { useDictData } from '@/stores/dictData'
 
 defineOptions({
@@ -165,8 +165,9 @@ defineOptions({
 })
 const dispositionRef = ref()
 const detailRef = ref()
+const logRef = ref()
 const dictData = useDictData()
-
+const logFlag = ref(false)
 const teriminaloption: any = ref([])
 
 const teriminalstatusoption = ref([
@@ -180,7 +181,6 @@ const stateoption = ref([
     { name: '正常', id: 1 },
     { name: '中断', id: 0 }
 ])
-
 const treeData: any = ref([])
 const treeDataCopy: any = ref([])
 
@@ -233,6 +233,7 @@ onMounted(() => {
     getDevTypeList().then(res => {
         teriminaloption.value = res.data
     })
+
     tableStore.index()
 })
 
@@ -269,7 +270,12 @@ const uesdealia = (row: any) => {
     detailRef.value.open(row)
 }
 // 流量详情
-const queryview = (row: any) => {}
+const log = (row: any) => {
+    logFlag.value = true
+    setTimeout(() => {
+        logRef.value.open(row)
+    }, 100)
+}
 
 // 表格过滤
 const searchEvent = debounce(() => {