优化操作

src/components/DownList/index.vue

 <!-- 下载文件列表 -->
 <template>
-  <el-table :data="outputList" border style="width: 1200px">
-    <el-table-column prop="markFormatType" label="标注格式类型">
-    </el-table-column>
-    <el-table-column prop="outputContent" label="导出内容">
-    </el-table-column>
-    <el-table-column prop="fileSize" label="文件大小">
-    </el-table-column>
-    <el-table-column prop="dataCount" label="数据量">
-    </el-table-column>
-    <el-table-column prop="createUserId" label="创建人">
-      <template slot-scope="scope">{{scope.row.createUserIdDictMap.name}}</template>
-    </el-table-column>
-    <el-table-column prop="outputStartTime" label="导出开始时间" width="150">
-    </el-table-column>
-    <el-table-column prop="outputEndTime" label="导出完成时间" width="150">
-    </el-table-column>
-    <el-table-column prop="status" label="状态">
-      <template slot-scope="scope">
-        {{ OutputStatus.getValue(scope.row.status) }}
-      </template>
-    </el-table-column>
-    <el-table-column label="操作" fixed="right">
-      <template slot-scope="scope">
-        <el-button @click="down(scope.row.downloadUrl)" type="text" size="mini">
-          下载
-        </el-button>
-        <el-button @click="outputDelete(scope.row.outputId)" type="text" size="mini">
-          刪除
-        </el-button>
-      </template>
-    </el-table-column>
+  <div>
+    <el-table :data="outputList" border style="width: 1200px">
+      <el-table-column prop="markFormatType" label="标注格式类型">
+      </el-table-column>
+      <el-table-column prop="outputContent" label="导出内容">
+      </el-table-column>
+      <el-table-column prop="fileSize" label="文件大小">
+      </el-table-column>
+      <el-table-column prop="dataCount" label="数据量">
+      </el-table-column>
+      <el-table-column prop="createUserId" label="创建人">
+        <template slot-scope="scope">{{scope.row.createUserIdDictMap.name}}</template>
+      </el-table-column>
+      <el-table-column prop="outputStartTime" label="导出开始时间" width="150">
+      </el-table-column>
+      <el-table-column prop="outputEndTime" label="导出完成时间" width="150">
+      </el-table-column>
+      <el-table-column prop="status" label="状态">
+        <template slot-scope="scope">
+          {{ OutputStatus.getValue(scope.row.status) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" fixed="right">
+        <template slot-scope="scope">
+          <el-button @click="down(scope.row.downloadUrl)" type="text" size="mini">
+            下载
+          </el-button>
+          <el-button @click="outputDelete(scope.row.outputId)" type="text" size="mini">
+            刪除
+          </el-button>
+        </template>
+      </el-table-column>
 
-  </el-table>
+    </el-table>
+  </div>
 </template>
 
 <script>

src/views/gptTraining/dataServices/dataCleansing/dialog/cleaningTable.vue

 <!--  -->
 <template>
   <div class="tableBox" style=" width:100% ">
-    <vxe-table border show-header-overflow show-overflow :row-config="{ isHover: true }" :data="tableData.impl.dataList" min-height="96">
+    <div class="remark">（以下为当前步骤100个抽样命中结果的清洗效果对比）</div>
+    <vxe-table border show-header-overflow show-overflow :row-config="{ isHover: true }" :data="tableData.impl.dataList" min-height="96" @cell-click="clickEvent">
       <vxe-column align="center" title="序号" type="seq" show-overflow-tooltip width="50px" />
       <vxe-column field="cleanBeforeData" title="清洗前">
         <!-- <template slot-scope="scope">
@@ -9,7 +10,6 @@
         </template> -->
       </vxe-column>
       <vxe-column field="cleanAfterData" title="清洗后">
-
       </vxe-column>
     </vxe-table>
     <el-row slot="pagination" type="flex" justify="end" style="margin-top: 16px;width: 100%;">
@@ -82,9 +82,20 @@ export default {
       } else {
         this.tableData.impl.refreshTable()
       }
+    },
+    clickEvent({ row, column }) {
+      this.$alert(row[column.field], '内容')
     }
   }
 }
 </script>
 <style scoped>
+.remark {
+  font-size: 12px;
+  color: #84868c;
+  margin-bottom: 5px;
+}
+div /deep/ .vxe-body--column {
+  cursor: pointer;
+}
 </style>

src/views/gptTraining/dataServices/myDataSet/versionsTableBox/index.vue

@@ -72,7 +72,8 @@
         <div class="dataItem" style="align-items: flex-start;">
           <div class="title">导出日志:</div>
           <div class="content">
-            <downList :outputList='outputList' />
+            <el-button type="primary" size="mini" @click="openExport">详情</el-button>
+            <!-- <downList :outputList='outputList' /> -->
           </div>
         </div>
       </el-tab-pane>
@@ -99,7 +100,7 @@ export default {
     }
   },
   props: ['tableData', 'refresh'],
-  components: { particulars, downList },
+  components: { particulars },
 
   computed: {},
 
@@ -213,6 +214,22 @@ export default {
         })
         .catch((e) => {})
     },
+    openExport() {
+      this.$dialog
+        .show(
+          '导出详情',
+          downList,
+          {
+            area: ['1200px', '80%']
+          },
+          { outputList: this.outputList }
+        )
+        .then((res) => {
+          this.refresh()
+          this.getOutputList()
+        })
+        .catch((e) => {})
+    },
     analyse(data) {
       // 分析
     },

src/views/gptTraining/dataServices/onlineAnnotation/versionsTableBox/index.vue

@@ -72,7 +72,8 @@
         <div class="dataItem" style="align-items: flex-start;">
           <div class="title">导出日志:</div>
           <div class="content">
-            <downList :outputList='outputList' />
+            <el-button type="primary" size="mini" @click="openExport">详情</el-button>
+            <!-- <downList :outputList='outputList' /> -->
           </div>
         </div>
       </el-tab-pane>
@@ -99,7 +100,7 @@ export default {
     }
   },
   props: ['tableData', 'refresh'],
-  components: { particulars, downList },
+  components: { particulars },
 
   computed: {},
 
@@ -213,6 +214,22 @@ export default {
         })
         .catch((e) => {})
     },
+    openExport() {
+      this.$dialog
+        .show(
+          '导出详情',
+          downList,
+          {
+            area: ['1200px', '80%']
+          },
+          { outputList: this.outputList }
+        )
+        .then((res) => {
+          this.refresh()
+          this.getOutputList()
+        })
+        .catch((e) => {})
+    },
     analyse(data) {
       // 分析
     },