{{ log }}
15 |{{ log }}
19 |" + e.data + "
' + "耗时:" + this.apiData.consume_time[item.dataIndex] + "ms" + '
' + 62 | '' + "用例名:" + this.apiData.case_name[item.dataIndex] + '
' + 63 | '' + "请求时间:" + this.apiData.create_time[item.dataIndex] + '
' + 64 | '' + "请求类型:" + this.apiData.request_type[item.dataIndex] + '
' + 65 | '' + "返回Code:" + this.apiData.response_code[item.dataIndex] + '
' 66 | ; 67 | }); 68 | return result; 69 | } 70 | }, 71 | legend: { 72 | data: ["耗时"] 73 | }, 74 | toolbox: { 75 | show: true, 76 | feature: { 77 | mark: { 78 | show: true 79 | }, 80 | dataView: { 81 | show: true, 82 | readOnly: true 83 | }, 84 | magicType: { 85 | show: false, 86 | type: ["line", "bar", "stack", "tiled"] 87 | }, 88 | restore: { 89 | show: true 90 | }, 91 | saveAsImage: { 92 | show: true 93 | } 94 | } 95 | }, 96 | calculable: true, 97 | xAxis: [ 98 | { 99 | name: "运行次数", 100 | type: "category", 101 | boundaryGap: false, 102 | data: this.apiData.num, 103 | nameLocation: "end" 104 | } 105 | ], 106 | yAxis: [ 107 | { 108 | name: "耗时", 109 | type: "value", 110 | axisLabel: { 111 | formatter: '{value} ms' 112 | } 113 | } 114 | ], 115 | series: [ 116 | { 117 | name: "耗时", 118 | type: "line", 119 | smooth: true, 120 | itemStyle: { 121 | normal: { 122 | areaStyle: { 123 | type: "default" 124 | } 125 | } 126 | }, 127 | data: this.apiData.consume_time 128 | } 129 | ] 130 | }; 131 | 132 | // 使用刚指定的配置项和数据显示图表。 133 | this.myChart.setOption(option); 134 | }, 135 | 136 | 137 | //todo 登录提示 138 | /*查询对应记录下的详细运行日志记录*/ 139 | queryDetailData(logId) { 140 | /*对logId进行处理兼容es*/ 141 | logId = logId.replace(/\-/g, ""); 142 | fetch('../wholog/queryLogData', 143 | { 144 | method: 'POST', 145 | credentials: "same-origin", 146 | headers: { 147 | 'Accept': 'application/json, text/plain, */*', 148 | 'Content-Type': 'application/json', 149 | 'Authorization': "JWT " + this.jwtHeader() 150 | }, 151 | body: JSON.stringify({logId: logId}) 152 | }).then((response) => { 153 | /*判断请求状态码*/ 154 | if (response.status !== 200) { 155 | if (response.status === 401) { 156 | this.openLoginPopup(); 157 | /*判断未登录时 去打开登录提示*/ 158 | } else { 159 | console.log("请求失败，状态码为：" + response.status); 160 | } 161 | return; 162 | } else { 163 | return response.json(); 164 | } 165 | }).then((json) => { 166 | console.log("请求成功，打开dialog"); 167 | this.logDialog.menus = json['data']; 168 | this.openDialog(); 169 | }).catch((err) => { 170 | console.log("请求wholog/queryLogData出错：" + err); 171 | }); 172 | 173 | }, /*queryDetailData end*/ 174 | 175 | /*打开和关闭日志运行详情对话框*/ 176 | openDialog() { 177 | this.logDialog.switch = true; 178 | }, 179 | closeDialog() { 180 | this.logDialog.switch = false; 181 | }, 182 | 183 | }, 184 | 185 | watch: { //数据变化时自动重画，在控制台修改message,会自动重画 186 | message: () => { 187 | 188 | this.draw(); 189 | } 190 | }, 191 | mounted() { 192 | this.refreshJwtToken(); 193 | this.$nextTick(() => { 194 | this.myChart = echarts.init(document.getElementById('main-chart')); //初始化echarts实例 195 | this.draw(); 196 | this.myChart.on('click', (params) => { 197 | //打开对话框，查询数据 198 | this.openDialog(); 199 | this.queryDetailData(this.apiData.log_id[params.dataIndex]); 200 | }); 201 | }) 202 | }, 203 | 204 | 205 | }; 206 | 207 | -------------------------------------------------------------------------------- /arbiter-web/arbiter/static/arbiter/js/wholog/route.js: -------------------------------------------------------------------------------- 1 | const router = new VueRouter({ 2 | mode: 'history', 3 | base: "/arbiter/wholog/", 4 | routes: [ 5 | 6 | { 7 | path: '/index', 8 | name:'index', 9 | components: {rootView:historyLog}, 10 | }, 11 | { 12 | path: '/historyLog', 13 | name:'historyLog', 14 | components: {mainView:historyLog}, 15 | }, 16 | { 17 | path: '/statisticLog', 18 | name:'statisticLog', 19 | components: {mainView:statisticLog}, 20 | }, 21 | 22 | ] 23 | }); -------------------------------------------------------------------------------- /arbiter-web/arbiter/urls.py: -------------------------------------------------------------------------------- 1 | """ 2 | 3 | The `urlpatterns` list routes URLs to views. For more information please see: 4 | https://docs.djangoproject.com/en/1.11/topics/http/urls/ 5 | Examples: 6 | Function views 7 | 1. Add an import: from my_app import views 8 | 2. Add a URL to urlpatterns: url(r'^$', views.home, name='home') 9 | Class-based views 10 | 1. Add an import: from other_app.views import Home 11 | 2. Add a URL to urlpatterns: url(r'^$', Home.as_view(), name='home') 12 | Including another URLconf 13 | 1. Import the include() function: from django.conf.urls import url, include 14 | 2. Add a URL to urlpatterns: url(r'^blog/', include('blog.urls')) 15 | """ 16 | from django.conf.urls import include, url 17 | from django.contrib import admin 18 | 19 | urlpatterns = [ 20 | # url(r'^jet/', include('jet.urls', 'jet')), # Django JET URLS 21 | # url(r'^jet/dashboard/', include('jet.dashboard.urls', 'jet-dashboard')), # Django JET dashboard URLS 22 | url(r'^admin/', include(admin.site.urls)), 23 | url(r'^arbiter/wholog/', include("arbiter.wholog.urls", namespace="arbiter-wholog")), 24 | url(r'^arbiter/', include("arbiter.core.urls", namespace="arbiter")), 25 | 26 | ] 27 | -------------------------------------------------------------------------------- /arbiter-web/arbiter/wholog/__init__.py: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cuaFramework/cua-arbiter/61b2ea5d8b7c825b75d0f333d202e5703e0565a9/arbiter-web/arbiter/wholog/__init__.py -------------------------------------------------------------------------------- /arbiter-web/arbiter/wholog/admin.py: -------------------------------------------------------------------------------- 1 | from django.contrib import admin 2 | 3 | # Register your models here. 4 | -------------------------------------------------------------------------------- /arbiter-web/arbiter/wholog/apps.py: -------------------------------------------------------------------------------- 1 | from django.apps import AppConfig 2 | 3 | 4 | class LogManageConfig(AppConfig): 5 | name = 'arbiter.wholog' 6 | -------------------------------------------------------------------------------- /arbiter-web/arbiter/wholog/models.py: -------------------------------------------------------------------------------- 1 | from django.db import models 2 | 3 | # Create your models here. 4 | -------------------------------------------------------------------------------- /arbiter-web/arbiter/wholog/templates/component/arbiter-header.vue: -------------------------------------------------------------------------------- 1 | {% verbatim %} 2 | 3 |{{ log }}
15 |{{ item }}
84 |{{ item }}
20 |