兰宝车间质量管理系统-前端
gssong
2024-05-17 b2e47f3938cfbd6cdf65db20aa9dcf381a17ce54
src/components/Process/approvalRecord.vue
@@ -5,12 +5,16 @@
        <el-tab-pane label="流程图" name="bpmn">
          <BpmnView ref="bpmnViewRef"></BpmnView>
        </el-tab-pane>
        <el-tab-pane label="审批信息" name="info">
        <el-tab-pane v-loading="loading" label="审批信息" name="info">
          <div>
            <el-table :data="historyList" style="width: 100%" border fit>
              <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
              <el-table-column prop="name" label="任务名称" sortable align="center"></el-table-column>
              <el-table-column prop="nickName" label="办理人" sortable align="center"></el-table-column>
              <el-table-column prop="nickName" :show-overflow-tooltip="true" label="办理人" sortable align="center">
                <template #default="scope">
                  <el-tag type="success">{{ scope.row.nickName || '无' }}</el-tag>
                </template>
              </el-table-column>
              <el-table-column label="状态" sortable align="center">
                <template #default="scope">
                  <el-tag type="success">{{ scope.row.statusName }}</el-tag>
@@ -58,7 +62,6 @@
const loading = ref(false);
const visible = ref(false);
const historyList = ref<Array<any>>([]);
const deleteReason = ref<string>('');
const tabActiveName = ref('bpmn');
const bpmnViewRef = ref<BpmnView>();
@@ -67,10 +70,10 @@
const init = async (instanceId: string) => {
  visible.value = true;
  loading.value = true;
  tabActiveName.value = 'bpmn';
  historyList.value = [];
  processApi.getHistoryRecord(instanceId).then((resp) => {
    historyList.value = resp.data.historyRecordList;
    deleteReason.value = resp.data.deleteReason;
    historyList.value = resp.data;
    loading.value = false;
  });
  await nextTick(() => {