diff --git a/src/views/system/application/components/appNameBg.vue b/src/views/system/application/components/appNameBg.vue
new file mode 100644
index 00000000..fe007bbc
--- /dev/null
+++ b/src/views/system/application/components/appNameBg.vue
@@ -0,0 +1,35 @@
+<template>
+  <div class="name-style" :style="{ backgroundColor: getName().color, fontSize: `${size}px` }">
+    {{ getName().firstName }}
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps(['appName', 'size']);
+
+const getName = () => {
+  const name = props.appName || '';
+  const colorList = ['#447dfd', '#ee4c2b', '#00c4bb', '#009bdd', '#06c144', '#ff8b10'];
+
+  const firstName = name[0];
+  const color = colorList[name.length % 6];
+
+  return {
+    firstName,
+    color,
+  };
+};
+</script>
+
+<style lang="scss" scoped>
+.name-style {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  background-color: cornflowerblue;
+  font-size: 40px;
+}
+</style>
diff --git a/src/views/system/application/index.vue b/src/views/system/application/index.vue
index bbbfe062..802c448c 100644
--- a/src/views/system/application/index.vue
+++ b/src/views/system/application/index.vue
@@ -94,7 +94,7 @@ import {
   deleteApplicationApi,
   addApplicationCallRecordApi,
 } from '@/api/system/application';
-import appNameBg from '@/views/task/appCenter/components/appNameBg.vue';
+import appNameBg from './components/appNameBg.vue';
 import { getDictionaryDataApi } from '@/api/system/systemData';
 import { getUserData, getUserId } from '@/utils/user';
 import appUseChart from './components/appUseChart.vue';
diff --git a/src/views/task/execution/components/runDetailPage/runPagecomponent/resultData.vue b/src/views/task/execution/components/runDetailPage/runPagecomponent/resultData.vue
index 6cf113be..d95efdc9 100644
--- a/src/views/task/execution/components/runDetailPage/runPagecomponent/resultData.vue
+++ b/src/views/task/execution/components/runDetailPage/runPagecomponent/resultData.vue
@@ -23,7 +23,7 @@
     <div class="dir-content" v-else>
       <div class="table-box">
         <FileTable
-          v-if="tableShow"
+          v-if="tableShow && tableName === 'RUN_RESULT_IMAGE_TABLE'"
           showIndex
           ref="baseTableRef"
           :tableName="tableName"
@@ -62,6 +62,33 @@
             />
           </template>
         </FileTable>
+
+        <FileTable
+          v-if="tableShow && tableName === 'RUN_RESULT_CANVAS_TABLE'"
+          showIndex
+          ref="baseTableRef"
+          :tableName="tableName"
+          :show-checkbox="true"
+          :api="queryDirDataFun"
+          :params="apiParam"
+          :full-height="true"
+          :action-list="showLeftOption ? actionList : []"
+          :default-actions="showLeftOption ? ['rename', 'refresh'] : []"
+          fileNameField="name"
+          fileIdField="fileId"
+        >
+          <template #leftOptions v-if="showLeftOption">
+            <el-button type="primary" @click="ArchiveRunDataFun">归档</el-button>
+            <el-button type="primary" v-if="getdirNameFun() != '报告结果'" @click="viewFun"
+              >查看</el-button
+            >
+            <el-button type="primary" @click="openFun">上传</el-button>
+            <el-button type="danger" @click="batchDeleteFun" :disabled="isDelete"
+              >批量删除</el-button
+            >
+            <el-button @click="refreshFun">刷新</el-button>
+          </template>
+        </FileTable>
       </div>
       <!-- <div class="operate-box">
         <el-button @click="ArchiveRunDataFun">归档</el-button>