10/5

<template>  
    <div>  
      <el-table :data="processes" style="width: 100%">  
        <el-table-column prop="id" label="ID" width="100"></el-table-column>  
        <el-table-column prop="name" label="工序名称" width="200"></el-table-column>  
        <el-table-column label="二维码" width="200">  
          <template #default="{ row }">  
            <el-image :src="row.qrCode" alt="二维码" style="width: 100px; height: 100px;"></el-image>  
          </template>  
        </el-table-column>  
        <el-table-column label="操作" width="100">  
          <template #default="{ row }">  
            <el-button size="mini" @click="handoverProcess(row.id)">交接</el-button>  
          </template>  
        </el-table-column>  
      </el-table>  
    </div>  
  </template>  
  
  <script>  
  export default {  
    computed: {  
      processes() {  
        return this.$store.state.processes; // 通过 Vuex 获取工序信息  
      },  
    },  
    methods: {  
      handoverProcess(id) {  
        // 工序交接的具体操作  
        console.log(`交接工序 ID: ${id}`);  
      },  
    },  
  };  
  </script>