refactor: 流程定义-流程图片改为bpmn组件预览

dap

2024-05-15 3b8ecadc78d6a247c1bd736fe37dfb7ff53badd4

 src/views/workflow/processDefinition/index.vue

@@ -25,10 +25,10 @@
            <el-card shadow="hover">
              <el-form v-show="showSearch" ref="queryFormRef" :model="queryParams" :inline="true" label-width="120px">
                <el-form-item label="流程定义名称" prop="name">
                  <el-input v-model="queryParams.name" placeholder="请输入流程定义名称" clearable style="width: 240px"  @keyup.enter="handleQuery" />
                  <el-input v-model="queryParams.name" placeholder="请输入流程定义名称" clearable @keyup.enter="handleQuery" />
                </el-form-item>
                <el-form-item label="流程定义KEY" prop="key">
                  <el-input v-model="queryParams.key" placeholder="请输入流程定义KEY" clearable style="width: 240px"  @keyup.enter="handleQuery" />
                  <el-input v-model="queryParams.key" placeholder="请输入流程定义KEY" clearable @keyup.enter="handleQuery" />
                </el-form-item>
                <el-form-item>
                  <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
@@ -274,7 +274,7 @@
const previewRef = ref<InstanceType<typeof ProcessPreview>>();
const queryFormRef = ref<ElFormInstance>();
const categoryTreeRef = ref<ElTreeInstance>();
const definitionConfigForm = ref<DefinitionConfigForm>();
const definitionConfigForm = ref<DefinitionConfigForm>({});

type CategoryOption = {
  categoryCode: string;
@@ -403,10 +403,10 @@
//预览图片
const clickPreviewImg = async (id: string) => {
  loading.value = true;
  const resp = await definitionImage(id);
  const resp = await definitionXml(id);
  if (previewRef.value) {
    url.value = [];
    url.value.push('data:image/png;base64,' + resp.data);
    url.value = resp.data.xml;
    loading.value = false;
    previewRef.value.openDialog(url.value, 'png');
  }