|
@@ -1,32 +1,27 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
|
- <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
|
|
|
|
+ <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="90px">
|
|
|
<el-form-item label="机器人编号" prop="robotCode">
|
|
<el-form-item label="机器人编号" prop="robotCode">
|
|
|
<el-input
|
|
<el-input
|
|
|
v-model="queryParams.robotCode"
|
|
v-model="queryParams.robotCode"
|
|
|
placeholder="请输入机器人编号"
|
|
placeholder="请输入机器人编号"
|
|
|
clearable
|
|
clearable
|
|
|
|
|
+ class="search-input"
|
|
|
@keyup.enter="handleQuery"
|
|
@keyup.enter="handleQuery"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="日志时间,设备侧或服务侧日志发生时间" prop="logTime">
|
|
|
|
|
- <el-date-picker clearable
|
|
|
|
|
- v-model="queryParams.logTime"
|
|
|
|
|
- type="date"
|
|
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
|
|
- placeholder="请选择日志时间,设备侧或服务侧日志发生时间">
|
|
|
|
|
- </el-date-picker>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- <el-form-item label="日志接收时间" prop="receiveTime">
|
|
|
|
|
- <el-date-picker clearable
|
|
|
|
|
- v-model="queryParams.receiveTime"
|
|
|
|
|
- type="date"
|
|
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
|
|
- placeholder="请选择日志接收时间">
|
|
|
|
|
- </el-date-picker>
|
|
|
|
|
|
|
+ <el-form-item label="日志级别" prop="logLevel">
|
|
|
|
|
+ <el-select v-model="queryParams.logLevel" placeholder="请选择日志级别" clearable class="search-select">
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ v-for="dict in robot_log_level"
|
|
|
|
|
+ :key="dict.value"
|
|
|
|
|
+ :label="dict.label"
|
|
|
|
|
+ :value="dict.value"
|
|
|
|
|
+ />
|
|
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="日志类型" prop="logType">
|
|
<el-form-item label="日志类型" prop="logType">
|
|
|
- <el-select v-model="queryParams.logType" placeholder="请选择日志类型" clearable>
|
|
|
|
|
|
|
+ <el-select v-model="queryParams.logType" placeholder="请选择日志类型" clearable class="search-select">
|
|
|
<el-option
|
|
<el-option
|
|
|
v-for="dict in robot_log_type"
|
|
v-for="dict in robot_log_type"
|
|
|
:key="dict.value"
|
|
:key="dict.value"
|
|
@@ -35,24 +30,26 @@
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="日志级别" prop="logLevel">
|
|
|
|
|
|
|
+ <el-form-item label="模块名称" prop="moduleName">
|
|
|
<el-input
|
|
<el-input
|
|
|
- v-model="queryParams.logLevel"
|
|
|
|
|
- placeholder="请输入日志级别"
|
|
|
|
|
|
|
+ v-model="queryParams.moduleName"
|
|
|
|
|
+ placeholder="请输入模块名称"
|
|
|
clearable
|
|
clearable
|
|
|
|
|
+ class="search-input"
|
|
|
@keyup.enter="handleQuery"
|
|
@keyup.enter="handleQuery"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="模块名称,如 screen、audio、camera、network、ota" prop="moduleName">
|
|
|
|
|
|
|
+ <el-form-item label="关键字" prop="keyword">
|
|
|
<el-input
|
|
<el-input
|
|
|
- v-model="queryParams.moduleName"
|
|
|
|
|
- placeholder="请输入模块名称,如 screen、audio、camera、network、ota"
|
|
|
|
|
|
|
+ v-model="queryParams.keyword"
|
|
|
|
|
+ placeholder="请输入日志摘要/内容关键字"
|
|
|
clearable
|
|
clearable
|
|
|
|
|
+ class="search-input"
|
|
|
@keyup.enter="handleQuery"
|
|
@keyup.enter="handleQuery"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="结果状态" prop="resultStatus">
|
|
<el-form-item label="结果状态" prop="resultStatus">
|
|
|
- <el-select v-model="queryParams.resultStatus" placeholder="请选择结果状态" clearable>
|
|
|
|
|
|
|
+ <el-select v-model="queryParams.resultStatus" placeholder="请选择结果状态" clearable class="search-select">
|
|
|
<el-option
|
|
<el-option
|
|
|
v-for="dict in common_result_status"
|
|
v-for="dict in common_result_status"
|
|
|
:key="dict.value"
|
|
:key="dict.value"
|
|
@@ -61,12 +58,15 @@
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="链路追踪ID" prop="traceId">
|
|
|
|
|
- <el-input
|
|
|
|
|
- v-model="queryParams.traceId"
|
|
|
|
|
- placeholder="请输入链路追踪ID"
|
|
|
|
|
- clearable
|
|
|
|
|
- @keyup.enter="handleQuery"
|
|
|
|
|
|
|
+ <el-form-item label="日志时间">
|
|
|
|
|
+ <el-date-picker
|
|
|
|
|
+ v-model="daterangeLogTime"
|
|
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
|
|
+ type="daterange"
|
|
|
|
|
+ range-separator="-"
|
|
|
|
|
+ start-placeholder="开始日期"
|
|
|
|
|
+ end-placeholder="结束日期"
|
|
|
|
|
+ class="search-date"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
@@ -76,35 +76,6 @@
|
|
|
</el-form>
|
|
</el-form>
|
|
|
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
<el-row :gutter="10" class="mb8">
|
|
|
- <el-col :span="1.5">
|
|
|
|
|
- <el-button
|
|
|
|
|
- type="primary"
|
|
|
|
|
- plain
|
|
|
|
|
- icon="Plus"
|
|
|
|
|
- @click="handleAdd"
|
|
|
|
|
- v-hasPermi="['base:sysLog:add']"
|
|
|
|
|
- >新增</el-button>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="1.5">
|
|
|
|
|
- <el-button
|
|
|
|
|
- type="success"
|
|
|
|
|
- plain
|
|
|
|
|
- icon="Edit"
|
|
|
|
|
- :disabled="single"
|
|
|
|
|
- @click="handleUpdate"
|
|
|
|
|
- v-hasPermi="['base:sysLog:edit']"
|
|
|
|
|
- >修改</el-button>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="1.5">
|
|
|
|
|
- <el-button
|
|
|
|
|
- type="danger"
|
|
|
|
|
- plain
|
|
|
|
|
- icon="Delete"
|
|
|
|
|
- :disabled="multiple"
|
|
|
|
|
- @click="handleDelete"
|
|
|
|
|
- v-hasPermi="['base:sysLog:remove']"
|
|
|
|
|
- >删除</el-button>
|
|
|
|
|
- </el-col>
|
|
|
|
|
<el-col :span="1.5">
|
|
<el-col :span="1.5">
|
|
|
<el-button
|
|
<el-button
|
|
|
type="warning"
|
|
type="warning"
|
|
@@ -117,48 +88,47 @@
|
|
|
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
|
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
|
|
- <el-table v-loading="loading" :data="sysLogList" @selection-change="handleSelectionChange">
|
|
|
|
|
- <el-table-column type="selection" width="55" align="center" />
|
|
|
|
|
- <el-table-column label="主键ID" align="center" prop="id" />
|
|
|
|
|
- <el-table-column label="机器人编号" align="center" prop="robotCode" />
|
|
|
|
|
- <el-table-column label="日志时间,设备侧或服务侧日志发生时间" align="center" prop="logTime" width="180">
|
|
|
|
|
|
|
+ <el-table v-loading="loading" :data="sysLogList">
|
|
|
|
|
+ <el-table-column label="日志时间" align="center" prop="logTime" width="170">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <span>{{ parseTime(scope.row.logTime, '{y}-{m}-{d}') }}</span>
|
|
|
|
|
|
|
+ <span>{{ parseTime(scope.row.logTime) }}</span>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="日志接收时间" align="center" prop="receiveTime" width="180">
|
|
|
|
|
|
|
+ <el-table-column label="日志级别" align="center" prop="logLevel" width="100">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <span>{{ parseTime(scope.row.receiveTime, '{y}-{m}-{d}') }}</span>
|
|
|
|
|
|
|
+ <dict-tag :options="robot_log_level" :value="scope.row.logLevel"/>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="日志类型" align="center" prop="logType">
|
|
|
|
|
|
|
+ <el-table-column label="日志类型" align="center" prop="logType" width="110">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
<dict-tag :options="robot_log_type" :value="scope.row.logType"/>
|
|
<dict-tag :options="robot_log_type" :value="scope.row.logType"/>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="日志级别" align="center" prop="logLevel">
|
|
|
|
|
|
|
+ <el-table-column label="模块名称" align="center" prop="moduleName" width="120" show-overflow-tooltip />
|
|
|
|
|
+ <el-table-column label="日志摘要" align="left" prop="contentSummary" min-width="260" show-overflow-tooltip>
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <dict-tag :options="robot_log_level" :value="scope.row.logLevel"/>
|
|
|
|
|
|
|
+ <span>{{ scope.row.contentSummary || formatSummary(scope.row.content) }}</span>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="模块名称,如 screen、audio、camera、network、ota" align="center" prop="moduleName" />
|
|
|
|
|
- <el-table-column label="日志摘要" align="center" prop="contentSummary" />
|
|
|
|
|
- <el-table-column label="日志内容" align="center" prop="content" />
|
|
|
|
|
- <el-table-column label="结果状态" align="center" prop="resultStatus">
|
|
|
|
|
|
|
+ <el-table-column label="结果状态" align="center" prop="resultStatus" width="100">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
<dict-tag :options="common_result_status" :value="scope.row.resultStatus"/>
|
|
<dict-tag :options="common_result_status" :value="scope.row.resultStatus"/>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="链路追踪ID" align="center" prop="traceId" />
|
|
|
|
|
- <el-table-column label="备注" align="center" prop="remark" />
|
|
|
|
|
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
|
|
|
|
+ <el-table-column label="机器人编号" align="center" prop="robotCode" width="130" show-overflow-tooltip />
|
|
|
|
|
+ <el-table-column label="追踪ID" align="center" prop="traceId" width="150" show-overflow-tooltip />
|
|
|
|
|
+ <el-table-column label="接收时间" align="center" prop="receiveTime" width="170">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['base:sysLog:edit']">修改</el-button>
|
|
|
|
|
- <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['base:sysLog:remove']">删除</el-button>
|
|
|
|
|
|
|
+ <span>{{ parseTime(scope.row.receiveTime) }}</span>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column label="操作" align="center" fixed="right" width="100">
|
|
|
|
|
+ <template #default="scope">
|
|
|
|
|
+ <el-button link type="primary" icon="View" @click="handleDetail(scope.row)">详情</el-button>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
</el-table>
|
|
</el-table>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<pagination
|
|
<pagination
|
|
|
v-show="total>0"
|
|
v-show="total>0"
|
|
|
:total="total"
|
|
:total="total"
|
|
@@ -167,16 +137,41 @@
|
|
|
@pagination="getList"
|
|
@pagination="getList"
|
|
|
/>
|
|
/>
|
|
|
|
|
|
|
|
- <!-- 添加或修改运行日志对话框 -->
|
|
|
|
|
- <el-dialog :title="title" v-model="open" width="500px" append-to-body>
|
|
|
|
|
- <el-form ref="sysLogRef" :model="form" :rules="rules" label-width="100px">
|
|
|
|
|
- <el-row>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- </el-form>
|
|
|
|
|
|
|
+ <el-dialog title="运行日志详情" v-model="detailOpen" width="760px" append-to-body>
|
|
|
|
|
+ <el-descriptions :column="2" border>
|
|
|
|
|
+ <el-descriptions-item label="机器人编号">{{ detail.robotCode || '-' }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="日志时间">{{ parseTime(detail.logTime) || '-' }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="接收时间">{{ parseTime(detail.receiveTime) || '-' }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="日志级别">
|
|
|
|
|
+ <dict-tag :options="robot_log_level" :value="detail.logLevel"/>
|
|
|
|
|
+ </el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="日志类型">
|
|
|
|
|
+ <dict-tag :options="robot_log_type" :value="detail.logType"/>
|
|
|
|
|
+ </el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="模块名称">{{ detail.moduleName || '-' }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="结果状态">
|
|
|
|
|
+ <dict-tag :options="common_result_status" :value="detail.resultStatus"/>
|
|
|
|
|
+ </el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="追踪ID">
|
|
|
|
|
+ <span>{{ detail.traceId || '-' }}</span>
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ v-if="detail.traceId"
|
|
|
|
|
+ link
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ size="small"
|
|
|
|
|
+ @click="copyTraceId"
|
|
|
|
|
+ >复制</el-button>
|
|
|
|
|
+ </el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="日志摘要" :span="2">{{ detail.contentSummary || '-' }}</el-descriptions-item>
|
|
|
|
|
+ <el-descriptions-item label="备注" :span="2">{{ detail.remark || '-' }}</el-descriptions-item>
|
|
|
|
|
+ </el-descriptions>
|
|
|
|
|
+ <div class="log-content-block">
|
|
|
|
|
+ <div class="log-content-title">日志内容</div>
|
|
|
|
|
+ <pre class="log-content">{{ detail.content || '-' }}</pre>
|
|
|
|
|
+ </div>
|
|
|
<template #footer>
|
|
<template #footer>
|
|
|
<div class="dialog-footer">
|
|
<div class="dialog-footer">
|
|
|
- <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
|
|
- <el-button @click="cancel">取 消</el-button>
|
|
|
|
|
|
|
+ <el-button @click="detailOpen = false">关 闭</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
@@ -184,79 +179,44 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script setup name="SysLog">
|
|
<script setup name="SysLog">
|
|
|
-import { listSysLog, getSysLog, delSysLog, addSysLog, updateSysLog } from "@/api/base/sysLog"
|
|
|
|
|
|
|
+import { listSysLog, getSysLog } from "@/api/base/sysLog"
|
|
|
|
|
|
|
|
const { proxy } = getCurrentInstance()
|
|
const { proxy } = getCurrentInstance()
|
|
|
-const { robot_log_type, common_result_status } = useDict('robot_log_type', 'common_result_status')
|
|
|
|
|
|
|
+const { robot_log_type, robot_log_level, common_result_status } = useDict('robot_log_type', 'robot_log_level', 'common_result_status')
|
|
|
|
|
|
|
|
const sysLogList = ref([])
|
|
const sysLogList = ref([])
|
|
|
-const open = ref(false)
|
|
|
|
|
const loading = ref(true)
|
|
const loading = ref(true)
|
|
|
const showSearch = ref(true)
|
|
const showSearch = ref(true)
|
|
|
-const ids = ref([])
|
|
|
|
|
-const single = ref(true)
|
|
|
|
|
-const multiple = ref(true)
|
|
|
|
|
const total = ref(0)
|
|
const total = ref(0)
|
|
|
-const title = ref("")
|
|
|
|
|
|
|
|
|
|
-const data = reactive({
|
|
|
|
|
- form: {},
|
|
|
|
|
- queryParams: {
|
|
|
|
|
- pageNum: 1,
|
|
|
|
|
- pageSize: 10,
|
|
|
|
|
- robotCode: undefined,
|
|
|
|
|
- logTime: undefined,
|
|
|
|
|
- receiveTime: undefined,
|
|
|
|
|
- logType: undefined,
|
|
|
|
|
- logLevel: undefined,
|
|
|
|
|
- moduleName: undefined,
|
|
|
|
|
- contentSummary: undefined,
|
|
|
|
|
- content: undefined,
|
|
|
|
|
- resultStatus: undefined,
|
|
|
|
|
- traceId: undefined,
|
|
|
|
|
- },
|
|
|
|
|
- rules: {
|
|
|
|
|
- }
|
|
|
|
|
|
|
+const daterangeLogTime = ref([])
|
|
|
|
|
+
|
|
|
|
|
+const queryParams = ref({
|
|
|
|
|
+ pageNum: 1,
|
|
|
|
|
+ pageSize: 10,
|
|
|
|
|
+ robotCode: undefined,
|
|
|
|
|
+ logLevel: undefined,
|
|
|
|
|
+ logType: undefined,
|
|
|
|
|
+ moduleName: undefined,
|
|
|
|
|
+ keyword: undefined,
|
|
|
|
|
+ resultStatus: undefined
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
-const { queryParams, form, rules } = toRefs(data)
|
|
|
|
|
|
|
+const detailOpen = ref(false)
|
|
|
|
|
+const detail = ref({})
|
|
|
|
|
|
|
|
/** 查询运行日志列表 */
|
|
/** 查询运行日志列表 */
|
|
|
function getList() {
|
|
function getList() {
|
|
|
loading.value = true
|
|
loading.value = true
|
|
|
- listSysLog(queryParams.value).then(response => {
|
|
|
|
|
- sysLogList.value = response.rows
|
|
|
|
|
- total.value = response.total
|
|
|
|
|
|
|
+ const params = proxy.addDateRange(queryParams.value, daterangeLogTime.value, 'LogTime')
|
|
|
|
|
+ listSysLog(params).then(response => {
|
|
|
|
|
+ sysLogList.value = response.rows || []
|
|
|
|
|
+ total.value = response.total || 0
|
|
|
|
|
+ }).finally(() => {
|
|
|
loading.value = false
|
|
loading.value = false
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-/** 取消按钮 */
|
|
|
|
|
-function cancel() {
|
|
|
|
|
- open.value = false
|
|
|
|
|
- reset()
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-/** 表单重置 */
|
|
|
|
|
-function reset() {
|
|
|
|
|
- form.value = {
|
|
|
|
|
- id: null,
|
|
|
|
|
- robotCode: null,
|
|
|
|
|
- logTime: null,
|
|
|
|
|
- receiveTime: null,
|
|
|
|
|
- logType: null,
|
|
|
|
|
- logLevel: null,
|
|
|
|
|
- moduleName: null,
|
|
|
|
|
- contentSummary: null,
|
|
|
|
|
- content: null,
|
|
|
|
|
- resultStatus: null,
|
|
|
|
|
- traceId: null,
|
|
|
|
|
- remark: null,
|
|
|
|
|
- createTime: null
|
|
|
|
|
- }
|
|
|
|
|
- proxy.resetForm("sysLogRef")
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
/** 搜索按钮操作 */
|
|
/** 搜索按钮操作 */
|
|
|
function handleQuery() {
|
|
function handleQuery() {
|
|
|
queryParams.value.pageNum = 1
|
|
queryParams.value.pageNum = 1
|
|
@@ -265,73 +225,76 @@ function handleQuery() {
|
|
|
|
|
|
|
|
/** 重置按钮操作 */
|
|
/** 重置按钮操作 */
|
|
|
function resetQuery() {
|
|
function resetQuery() {
|
|
|
|
|
+ daterangeLogTime.value = []
|
|
|
proxy.resetForm("queryRef")
|
|
proxy.resetForm("queryRef")
|
|
|
handleQuery()
|
|
handleQuery()
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-/** 多选框选中数据 */
|
|
|
|
|
-function handleSelectionChange(selection) {
|
|
|
|
|
- ids.value = selection.map(item => item.id)
|
|
|
|
|
- single.value = selection.length != 1
|
|
|
|
|
- multiple.value = !selection.length
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-/** 新增按钮操作 */
|
|
|
|
|
-function handleAdd() {
|
|
|
|
|
- reset()
|
|
|
|
|
- open.value = true
|
|
|
|
|
- title.value = "添加运行日志"
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-/** 修改按钮操作 */
|
|
|
|
|
-function handleUpdate(row) {
|
|
|
|
|
- reset()
|
|
|
|
|
- const _id = row.id || ids.value
|
|
|
|
|
- getSysLog(_id).then(response => {
|
|
|
|
|
- form.value = response.data
|
|
|
|
|
- open.value = true
|
|
|
|
|
- title.value = "修改运行日志"
|
|
|
|
|
|
|
+/** 详情按钮操作 */
|
|
|
|
|
+function handleDetail(row) {
|
|
|
|
|
+ getSysLog(row.id).then(response => {
|
|
|
|
|
+ detail.value = response.data || row
|
|
|
|
|
+ detailOpen.value = true
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-/** 提交按钮 */
|
|
|
|
|
-function submitForm() {
|
|
|
|
|
- proxy.$refs["sysLogRef"].validate(valid => {
|
|
|
|
|
- if (valid) {
|
|
|
|
|
- if (form.value.id != null) {
|
|
|
|
|
- updateSysLog(form.value).then(() => {
|
|
|
|
|
- proxy.$modal.msgSuccess("修改成功")
|
|
|
|
|
- open.value = false
|
|
|
|
|
- getList()
|
|
|
|
|
- })
|
|
|
|
|
- } else {
|
|
|
|
|
- addSysLog(form.value).then(() => {
|
|
|
|
|
- proxy.$modal.msgSuccess("新增成功")
|
|
|
|
|
- open.value = false
|
|
|
|
|
- getList()
|
|
|
|
|
- })
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+/** 复制追踪ID */
|
|
|
|
|
+function copyTraceId() {
|
|
|
|
|
+ if (!detail.value.traceId) return
|
|
|
|
|
+ navigator.clipboard.writeText(detail.value.traceId).then(() => {
|
|
|
|
|
+ proxy.$modal.msgSuccess('追踪ID已复制')
|
|
|
|
|
+ }).catch(() => {
|
|
|
|
|
+ proxy.$modal.msgError('复制失败,请手动复制')
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-/** 删除按钮操作 */
|
|
|
|
|
-function handleDelete(row) {
|
|
|
|
|
- const _ids = row.id || ids.value
|
|
|
|
|
- proxy.$modal.confirm('是否确认删除运行日志编号为"' + _ids + '"的数据项?').then(function() {
|
|
|
|
|
- return delSysLog(_ids)
|
|
|
|
|
- }).then(() => {
|
|
|
|
|
- getList()
|
|
|
|
|
- proxy.$modal.msgSuccess("删除成功")
|
|
|
|
|
- }).catch(() => {})
|
|
|
|
|
|
|
+/** 摘要兜底方法 */
|
|
|
|
|
+function formatSummary(content) {
|
|
|
|
|
+ if (!content) return '-'
|
|
|
|
|
+ return content.length > 80 ? content.substring(0, 80) + '...' : content
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/** 导出按钮操作 */
|
|
/** 导出按钮操作 */
|
|
|
function handleExport() {
|
|
function handleExport() {
|
|
|
- proxy.download('base/sysLog/export', {
|
|
|
|
|
- ...queryParams.value
|
|
|
|
|
- }, `sysLog_${new Date().getTime()}.xlsx`)
|
|
|
|
|
|
|
+ proxy.$modal.confirm('确认导出当前查询条件下的运行日志数据吗?').then(() => {
|
|
|
|
|
+ const params = proxy.addDateRange(queryParams.value, daterangeLogTime.value, 'LogTime')
|
|
|
|
|
+ proxy.download('base/sysLog/export', {
|
|
|
|
|
+ ...params
|
|
|
|
|
+ }, `运行日志_${new Date().getTime()}.xlsx`)
|
|
|
|
|
+ }).catch(() => {})
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
getList()
|
|
getList()
|
|
|
</script>
|
|
</script>
|
|
|
|
|
+
|
|
|
|
|
+<style scoped>
|
|
|
|
|
+.search-select,
|
|
|
|
|
+.search-input {
|
|
|
|
|
+ width: 220px;
|
|
|
|
|
+}
|
|
|
|
|
+.search-date {
|
|
|
|
|
+ width: 260px;
|
|
|
|
|
+}
|
|
|
|
|
+.log-content-block {
|
|
|
|
|
+ margin-top: 16px;
|
|
|
|
|
+}
|
|
|
|
|
+.log-content-title {
|
|
|
|
|
+ margin-bottom: 8px;
|
|
|
|
|
+ font-weight: 600;
|
|
|
|
|
+ color: #303133;
|
|
|
|
|
+}
|
|
|
|
|
+.log-content {
|
|
|
|
|
+ min-height: 120px;
|
|
|
|
|
+ max-height: 320px;
|
|
|
|
|
+ overflow: auto;
|
|
|
|
|
+ padding: 12px;
|
|
|
|
|
+ margin: 0;
|
|
|
|
|
+ line-height: 1.6;
|
|
|
|
|
+ color: #303133;
|
|
|
|
|
+ background: #f8fafc;
|
|
|
|
|
+ border: 1px solid #ebeef5;
|
|
|
|
|
+ border-radius: 6px;
|
|
|
|
|
+ white-space: pre-wrap;
|
|
|
|
|
+ word-break: break-all;
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|