构建过程所产生日志文件的获取和展示

src/api/devops.js

@@ -358,6 +358,10 @@ export function getBuildConsumed(queryInfo) {
   return get(devopsApi.getBuildDeployList + '/consumed', queryInfo)
 }
 
+export function getBuildLogFile(queryInfo) {
+  return get(devopsApi.getBuildDeployList + '/log', queryInfo)
+}
+
 export function getBuildPackageUrl(queryInfo) {
   return get(devopsApi.getBuildDeployList + '/package_url', queryInfo)
 }

src/views/devops/app/BuildDeploy.vue

@@ -424,7 +424,7 @@
               <el-button
                 style="margin-top: 5px; margin-left: 5px"
                 size="mini"
-                @click="handleBuildLogFile(scope.$index, scope.row)"
+                @click="handleBuildLogFile(scope.row)"
               >日志</el-button>
               <el-button
                 style="margin-top: 5px; margin-left: 5px"
@@ -593,6 +593,19 @@
         </div>
       </template>
     </el-dialog>
+    <el-dialog
+      title="构建日志"
+      width="100%"
+      append-to-body
+      :visible.sync="showBuildLogFileDialog"
+      center
+    >
+      <template>
+        <div v-if="buildLogFile !== null" style="margin-bottom: 20px;">
+          {{ buildLogFile }}
+        </div>
+      </template>
+    </el-dialog>
   </el-container>
 </template>
 
@@ -600,7 +613,7 @@
 import {
   buildApp,
   cancelBuildTask, deleteBuildLog, deployApp, getBuildConfigSnapshot, getBuildConsumed,
-  getBuildDeployList,
+  getBuildDeployList, getBuildLogFile,
   getBuildLogList, getBuildPackageUrl, getBuildResult,
   getBuildTaskList,
   getDeployList,
@@ -647,6 +660,8 @@ export default {
       buildConfigSnapshot: null,
       showConsumedDialog: false,
       buildConsumed: null,
+      showBuildLogFileDialog: false,
+      buildLogFile: null,
       // **********************************************************************
       deployDialogTitle: '',
       showDeployDialog: false,
@@ -807,7 +822,6 @@ export default {
       getBuildConsumed(queryInfo).then(resp => {
         if (resp.code === 0) {
           this.buildConsumed = resp.data
-          console.log(this.buildConsumed)
           this.showConsumedDialog = true
         } else {
           this.$message.error(resp.msg)
@@ -830,7 +844,18 @@ export default {
       })
     },
     handleBuildLogFile(row) {
-      this.$message.info('get build log file')
+      const queryInfo = {}
+      queryInfo.buildLogId = row.buildLogId
+      getBuildLogFile(queryInfo).then(resp => {
+        if (resp.code === 0) {
+          this.buildLogFile = resp.data
+          this.showBuildLogFileDialog = true
+        } else {
+          this.$message.error(resp.msg)
+        }
+      }).catch(error => {
+        this.$message.error(error.message)
+      })
     },
     handleDeployBuild(index, row) {
       const formData = new FormData()