155 lines
3.5 KiB
Vue
155 lines
3.5 KiB
Vue
|
<template>
|
||
|
|
<view
|
||
|
|
class="container"
|
||
|
|
:style="{ marginTop: tarbarHeight }"
|
||
|
|
style="padding-bottom: 200rpx"
|
||
|
|
>
|
||
|
|
<view v-for="(item, index) in errList" :key="index" class="planBox">
|
||
|
|
<div class="errItem" @click="logDetails(item)">
|
||
|
|
<div class="img">
|
||
|
|
<img
|
||
|
|
:src="require('@/static/images/defaultIcon.png')"
|
||
|
|
alt=""
|
||
|
|
@error="handleImageError(item)"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div class="title">
|
||
|
|
<u--text
|
||
|
|
:lines="1"
|
||
|
|
:text="item.name"
|
||
|
|
:size="14"
|
||
|
|
:align="'right'"
|
||
|
|
></u--text>
|
||
|
|
<u--text
|
||
|
|
:lines="1"
|
||
|
|
:text="item.num"
|
||
|
|
:bold="true"
|
||
|
|
:align="'right'"
|
||
|
|
:margin="'5px 0'"
|
||
|
|
:size="16"
|
||
|
|
></u--text>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</view>
|
||
|
|
<base-tarbar ref="baseTarbar" :pageTitle="'工作台'" :leftIcon="' '"></base-tarbar>
|
||
|
|
<u-empty
|
||
|
|
v-show="noData"
|
||
|
|
mode="data"
|
||
|
|
:icon="require('@/static/images/empty.png')"
|
||
|
|
>
|
||
|
|
</u-empty>
|
||
|
|
<u-toast ref="uToast"></u-toast>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import baseTarbar from "@/components/baseTarbar/index.vue";
|
||
|
|
import { authApi } from "@/api/login";
|
||
|
|
import request from "@/utils/request";
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
baseTarbar,
|
||
|
|
},
|
||
|
|
onReady() {
|
||
|
|
this.$refs.baseTarbar.currentEnvironment();
|
||
|
|
if (this.$refs.baseTarbar.isOther) {
|
||
|
|
this.tarbarHeight = "88rpx";
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
tarbarHeight: "0",
|
||
|
|
errList: [],
|
||
|
|
noData: false,
|
||
|
|
msgType: "warn",
|
||
|
|
};
|
||
|
|
},
|
||
|
|
onShow() {},
|
||
|
|
mounted() {
|
||
|
|
this.getErrorLogs();
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
logDetails(row) {
|
||
|
|
this.$tab.navigateTo("/pages/logsError/index?appId=" + row.appId);
|
||
|
|
},
|
||
|
|
// 异常日志
|
||
|
|
async getErrorLogs() {
|
||
|
|
const res = await authApi("homeService", "app", "appErrorNum", "", {});
|
||
|
|
if (res.status === "200") {
|
||
|
|
this.errList = [];
|
||
|
|
//图片处理
|
||
|
|
this.imgHandle(res.attribute);
|
||
|
|
this.errList = res.attribute;
|
||
|
|
console.log(this.errList, "异常日志");
|
||
|
|
}
|
||
|
|
},
|
||
|
|
//图片处理
|
||
|
|
imgHandle(arr = []) {
|
||
|
|
arr.map((el) => {
|
||
|
|
return request({
|
||
|
|
url:
|
||
|
|
"kangarooDataCenterV3/entranceController/fileDownloadNew?id=" +
|
||
|
|
el.path,
|
||
|
|
method: "get",
|
||
|
|
responseType: "arraybuffer",
|
||
|
|
}).then((res) => {
|
||
|
|
let tempImgUrl =
|
||
|
|
"data:image/png/jpg;base64," +
|
||
|
|
btoa(
|
||
|
|
new Uint8Array(res).reduce(
|
||
|
|
(data, byte) => data + String.fromCharCode(byte),
|
||
|
|
""
|
||
|
|
)
|
||
|
|
);
|
||
|
|
if (el.path) {
|
||
|
|
this.$set(el, "imgUrl", tempImgUrl);
|
||
|
|
} else {
|
||
|
|
this.$set(el, "imgUrl", null);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
//图片发生错误时 使用默认图片
|
||
|
|
handleImageError(row = {}) {
|
||
|
|
console.log("ksksksk");
|
||
|
|
row.imgUrl = require("@/static/images/defaultIcon.png");
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style scoped lang="scss">
|
||
|
|
.container {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(2, 1fr); /* 创建两列，每列占 1fr */
|
||
|
|
gap: 10px; /* 可以设置列与列之间的间距 */
|
||
|
|
padding: 15px 10px;
|
||
|
|
}
|
||
|
|
.planBox {
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 12px;
|
||
|
|
}
|
||
|
|
.title {
|
||
|
|
margin-left: 10px;
|
||
|
|
width: calc(100% - 58px);
|
||
|
|
}
|
||
|
|
.errItem {
|
||
|
|
padding: 10px;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
.img {
|
||
|
|
width: 48px;
|
||
|
|
height: 48px;
|
||
|
|
img {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<style scoped>
|
||
|
|
page {
|
||
|
|
height: 100vh;
|
||
|
|
background: #f3f4f6;
|
||
|
|
}
|
||
|
|
</style>
|