批量挂接

src/views/collectReorganizi/batchConnection/module/detail.vue

@@ -11,21 +11,44 @@
         <li style="width: 100%;"><span>挂接结果：</span>共 2 条原文，成功 1 条，失败 1 条</li>
       </ul>
       <el-table ref="table" :data="tableData" style="width: 100%;">
-        <el-table-column prop="code" label="文件名称" />
-        <el-table-column prop="create_by" label="操作结果" />
-        <el-table-column prop="type" label="详情" />
+        <el-table-column prop="name" label="文件名称" />
+        <el-table-column prop="res" label="操作结果" width="100px" align="center">
+          <template slot-scope="scope">
+            <span v-if="scope.row.res===1" class="row-state end-state">成功</span>
+            <span v-else class="row-state cancel-state">失败</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="detail" label="详情" />
         <el-table-column prop="create_time" label="操作时间">
           <template slot-scope="scope">
             <div>{{ scope.row.create_time | parseTime }}</div>
           </template>
         </el-table-column>
-        <el-table-column prop="filed" label="所属档案" />
+        <el-table-column prop="archives" label="所属档案" />
       </el-table>
     </div>
   </el-dialog>
 </template>
 
 <script>
+const data = [
+  {
+    'id': '005E76FEC5A2AAB368CA1F',
+    'name': 'xxxxxxxxxxxxxxxx.doc',
+    'res': 1,
+    'detail': '1条原文数据追加成功！',
+    'archives': '档号+题名',
+    'create_time': 1687330805000
+  },
+  {
+    'id': '005E76FEC5A2AAB368CA1F',
+    'name': 'xxxxxxxxxxxxxxxx.doc',
+    'res': 0,
+    'detail': '1条原文数据追加成功！',
+    'archives': '档号+题名',
+    'create_time': 1687330805000
+  }
+]
 export default {
   name: 'ConnectionDetail',
   components: { },
@@ -39,6 +62,7 @@ export default {
   created() {
   },
   mounted() {
+    this.tableData = data
   },
   methods: {
   }
@@ -69,4 +93,7 @@ export default {
     }
   }
 }
+.row-state{
+  padding: 0 10px;
+}
 </style>