This commit is contained in:
Brandon Fergerson 2022-06-13 15:23:17 +04:00
parent a49936ceac
commit 3ec48cdfd8
3 changed files with 29362 additions and 44 deletions

29393
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -43,7 +43,6 @@ limitations under the License. -->
<script lang="ts" setup> <script lang="ts" setup>
import { computed, ref } from "vue"; import { computed, ref } from "vue";
import dayjs from "dayjs"; import dayjs from "dayjs";
// import { ServiceLogConstants } from "./data";
import { logStore } from "@/store/modules/log"; import { logStore } from "@/store/modules/log";
/*global defineProps, defineEmits */ /*global defineProps, defineEmits */
const props = defineProps({ const props = defineProps({
@ -53,7 +52,6 @@ const props = defineProps({
const useLogStore = logStore(); const useLogStore = logStore();
const columns = ref<any[]>(useLogStore.serviceLogColumn); const columns = ref<any[]>(useLogStore.serviceLogColumn);
const emit = defineEmits(["select"]); const emit = defineEmits(["select"]);
// const columns = ServiceLogConstants;
const visibleColumns = computed(() => const visibleColumns = computed(() =>
columns.value.filter((column) => column.isVisible) columns.value.filter((column) => column.isVisible)
); );

View File

@ -621,11 +621,10 @@ watch(
); );
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
#toggleColumn.el-dropdown-menu{ #toggleColumn.el-dropdown-menu {
padding: 0 !important; padding: 0 !important;
} }
.el-checkbox.custom-checkbox { .el-checkbox.custom-checkbox {
display: inline-block;
width: 100%; width: 100%;
padding: 5px 16px; padding: 5px 16px;
} }
@ -661,19 +660,24 @@ watch(
.row { .row {
margin-bottom: 5px; margin-bottom: 5px;
} }
.inputs-max { .inputs-max {
width: 270px; width: 270px;
} }
.traceId { .traceId {
margin-top: 2px; margin-top: 2px;
} }
.search-btn { .search-btn {
margin-left: 20px; margin-left: 20px;
cursor: pointer; cursor: pointer;
} }
.tips { .tips {
color: #888; color: #888;
} }
.log-tag { .log-tag {
width: 30%; width: 30%;
border-style: unset; border-style: unset;
@ -682,6 +686,7 @@ watch(
height: 30px; height: 30px;
padding: 0 5px; padding: 0 5px;
} }
.log-tags { .log-tags {
padding: 1px 5px 0 0; padding: 1px 5px 0 0;
border-radius: 3px; border-radius: 3px;
@ -689,6 +694,7 @@ watch(
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
} }
.selected { .selected {
display: inline-block; display: inline-block;
padding: 0 3px; padding: 0 3px;
@ -699,6 +705,7 @@ watch(
font-size: 12px; font-size: 12px;
margin: 0 2px; margin: 0 2px;
} }
.remove-icon { .remove-icon {
display: inline-block; display: inline-block;
margin-left: 3px; margin-left: 3px;