更新

mes/qd/src/views/tools/es/api/loki.js

@@ -15,4 +15,12 @@ export function labelsValues(type) {
   })
 }
 
-export default { getLogData, labelsValues }
+export function clearLogs(param) {
+  return request({
+    url: '/api/esLog/clearLogs',
+    method: 'delete',
+    data: param
+  })
+}
+
+export default { getLogData, labelsValues, clearLogs }

mes/qd/src/views/tools/es/view/index.vue

@@ -84,7 +84,7 @@
           />
         </el-form-item>
         <el-form-item v-show="showOptions" label="时间段">
-          <el-select v-model="timeZoneValue" filterable placeholder="请选择标签" size="mini" @change="queryData">
+          <el-select ref="timeZoneValueRef" v-model="timeZoneValue" filterable placeholder="请选择标签" size="mini" @change="queryData">
             <el-option
               v-for="item in timeZoneOptions"
               :key="item.index"
@@ -118,6 +118,14 @@
             :step="1"
           />
         </el-form-item>
+        <el-form-item label="总条数">
+          <el-input
+            v-model="total"
+            size="small"
+            disabled
+            style="width: 110px"
+          />
+        </el-form-item>
         <el-form-item>
           <el-dropdown split-button type="primary" size="mini" @click="queryData">
             查询
@@ -126,13 +134,16 @@
             </el-dropdown-menu>
           </el-dropdown>
         </el-form-item>
+        <el-form-item>
+          <el-button @click="clearLogs">清空日志</el-button>
+        </el-form-item>
       </el-form>
     </div>
     <div style="margin: 3px; min-height: 80vh;">
       <!--数据判空-->
-<!--      <dev v-if="showEmpty" :description="emptyText" />-->
+      <!--      <dev v-if="showEmpty" :description="emptyText" />-->
       <!--数据加载-->
-      <el-card  shadow="hover" style="width: 100%;overflow-x: scroll" class="log-warpper">
+      <el-card shadow="hover" style="width: 100%;overflow-x: scroll" class="log-warpper">
         <div style="width: 100%">
           <div v-for="(log, index) in logs" :key="index">
             <div>
@@ -187,6 +198,7 @@ export default {
       showEmpty: true,
       emptyText: '请选择标签',
       page: 1,
+      total: 0,
       runStatu: 'off',
       runStatuOptions: [{
         label: 'off',
@@ -294,13 +306,73 @@ export default {
 
       logOperation.getLogData(queryParam).then(res => {
         this.showEmpty = false
+        this.total = res.total
         // 清空
         this.logs = []
-        for (const j in res) { // 用push的方式将所有日志数组添加进去
-          this.logs.push(res[j])
+        for (const j in res.page) { // 用push的方式将所有日志数组添加进去
+          this.logs.push(res.page[j])
         }
       })
     },
+    clearLogs() {
+      var message = '您确定要清空'
+      if (this.system !== '' && this.system !== null) {
+        message += '标签为:' + this.system + ' '
+      }
+      if (this.logLevelValue !== '' && this.logLevelValue !== null) {
+        message += '日志级别为:' + this.logLevelValue + ' '
+      }
+      if (this.message !== '' && this.message !== null) {
+        message += '关键字为:' + this.message + ' '
+      }
+      if (this.traceId !== '' && this.traceId !== null) {
+        message += '链路Id为:' + this.traceId + ' '
+      }
+      if (this.timeRange !== '' && this.timeRange !== null && this.timeRange.length > 0) {
+        message += '时间范围为:' + this.timeRange + ' '
+      }
+      if (this.timeZoneValue !== '' && this.timeZoneValue !== null) {
+        message += '时间段为:' + this.$refs.timeZoneValueRef.selected.label + ' '
+      }
+      message += '所有的日志吗 ?'
+      this.$confirm(message, '确认信息', {
+        distinguishCancelAndClose: true,
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+      })
+        .then(() => {
+          // 清空查询数据
+          this.clearParam()
+          queryParam.logLevel = this.logLevelValue
+          const time = new Date()
+          if (this.timeZoneValue !== '') {
+            queryParam.startTime = new Date(((time.getTime() - this.timeZoneValue)))
+          }
+          if (this.timeRange !== '' && this.timeRange.length > 0) {
+            queryParam.startTime = this.timeRange[0]
+            queryParam.endTime = this.timeRange[1]
+          }
+          queryParam.message = this.message.replace(/^\s*|\s*$/g, '')
+          queryParam.traceId = this.traceId
+          queryParam.system = this.system
+
+          logOperation.clearLogs(queryParam).then(res => {
+            this.queryData()
+            this.$message({
+              type: 'info',
+              message: '清除成功'
+            })
+          })
+        })
+        .catch(action => {
+          this.$message({
+            type: 'info',
+            message: action === 'cancel'
+              ? '已取消'
+              : '已取消'
+          })
+        })
+    },
     changetype() {
 
     },