|
|
@@ -37,16 +37,22 @@
|
|
|
</template>
|
|
|
|
|
|
<template v-slot:body>
|
|
|
- <lay-table :columns="columns" size="sm" resize :data-source="logsList" />
|
|
|
+ <lay-table :columns="columns" size="sm" resize :data-source="logsList">
|
|
|
+ <template v-slot:text="{ row }">
|
|
|
+ <span class="ellipsis-2" @click="showLog(row.text)">{{ row.text }}</span>
|
|
|
+ </template>
|
|
|
+ </lay-table>
|
|
|
</template>
|
|
|
</lay-card>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <LogText ref="logtextRef" />
|
|
|
</template>
|
|
|
<script lang="ts" setup name="BotManageDetail">
|
|
|
import { ref, reactive, onUnmounted, shallowRef } from "vue";
|
|
|
import { useRoute } from "vue-router";
|
|
|
import * as echarts from "echarts";
|
|
|
+import LogText from "./components/logtext.vue";
|
|
|
import { get_robot_detail, get_robot_logs, get_remaining } from "@/api";
|
|
|
|
|
|
const ROBOT_STATUS: any = reactive({
|
|
|
@@ -62,6 +68,7 @@ const ROBOT_STATUS: any = reactive({
|
|
|
const apiList = ref(window.sessionStorage.getItem("_4L_API_LIST"));
|
|
|
|
|
|
const balanceChartRef = ref();
|
|
|
+const logtextRef = ref();
|
|
|
|
|
|
const route = useRoute();
|
|
|
|
|
|
@@ -79,7 +86,7 @@ let pageConfig: PageConfig = reactive({
|
|
|
|
|
|
const columns = ref([
|
|
|
{ title: "时间", key: "time", width: 150 },
|
|
|
- { title: "日志", key: "text" },
|
|
|
+ { title: "日志", key: "text", customSlot: "text" },
|
|
|
]);
|
|
|
let logsList = ref<Array<Logs>>();
|
|
|
let robotDetail = ref<any>({});
|
|
|
@@ -157,6 +164,10 @@ const getLogsInfo = () => {
|
|
|
};
|
|
|
getLogsInfo();
|
|
|
|
|
|
+const showLog = (data: any) => {
|
|
|
+ logtextRef.value.show(data);
|
|
|
+};
|
|
|
+
|
|
|
const handlePageInfo = (data: any) => {
|
|
|
let infoList = data;
|
|
|
let result = infoList.map((item: string) => {
|
|
|
@@ -225,6 +236,13 @@ onUnmounted(() => {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.ellipsis-2 {
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ overflow: hidden;
|
|
|
+ line-break: anywhere;
|
|
|
+ -webkit-line-clamp: 2; /* 控制显示的行数 */
|
|
|
+}
|
|
|
.container-wp {
|
|
|
min-height: 100%;
|
|
|
padding: 20px 40px;
|