修改 找不到id问题

zrch-risk-client-39/src/components/Process/api/definition.js

@@ -68,24 +68,24 @@ export function expList(query) {
 // 读取xml文件
 export function readXml(deployId) {
   return defHttp.get({
-    url: '/flowable/definition/readXml/' + deployId,
-    method: 'get'
+    url: '/flowable/definition/readXml',
+    params: {deployId:deployId}
   })
 }
 
 // 读取image文件
 export function readImage(deployId) {
   return defHttp.get({
-    url: '/flowable/definition/readImage/' + deployId,
-    method: 'get'
+    url: '/flowable/definition/readImage',
+    params: {deployId:deployId}
   })
 }
 
 // 获取流程执行节点
 export function getFlowViewer(procInsId, executionId) {
   return defHttp.get({
-    url: '/flowable/task/flowViewer/' + procInsId + '/' + executionId,
-    method: 'get'
+    url: '/flowable/task/flowViewer',
+    params: {procInsId:procInsId,executionId:executionId}
   })
 }
 
@@ -166,7 +166,7 @@ export function delDeployment(deployId,handleSuccess) {
     onOk: () => {
       return defHttp.delete(
         {
-          url: `/flowable/definition/delete?deployId=${encodeURIComponent(deployId)}`
+          url: `/flowable/definition/delete?deployId=${encodeURIComponent(deployId)}`,
         },
       ).then(() => {
         handleSuccess();
@@ -186,8 +186,9 @@ export function selectTableNameList() {
 
 // 部署流程实例
 export function definitionStartByDeployId(deployId, data) {
+  data["deployId"] = deployId
   return defHttp.post({
-    url: '/flowable/definition/startByDeployId/' + deployId,
+    url: '/flowable/definition/startByDeployId',
     data: data
   })
 }

zrch-risk-client-39/src/components/Process/api/expression.js

@@ -13,7 +13,8 @@ export function listExpression(query) {
 // 查询流程达式详细
 export function getExpression(id) {
   return defHttp.get({
-    url: '/flowable/expression/' + id,
+    url: '/flowable/expression',
+    params: {id:id}
   })
 }
 

zrch-risk-client-39/src/components/Process/api/finished.js

@@ -21,14 +21,16 @@ export function flowRecord(query) {
 // 部署流程实例
 export function deployStart(deployId) {
   return defHttp.get({
-    url: '/flowable/process/startFlow/' + deployId,
+    url: '/flowable/process/startFlow',
+    params: {deployId:deployId}
   })
 }
 
 // 查询流程定义详细
 export function getDeployment(id) {
   return defHttp.get({
-    url: '/system/deployment/' + id
+    url: '/system/deployment',
+    params: {id:id}
   })
 }
 

zrch-risk-client-39/src/components/Process/api/listener.js

@@ -13,7 +13,8 @@ export function listListener(query) {
 // 查询流程监听详细
 export function getListener(id) {
   return defHttp.get({
-    url: '/flowable/listener/' + id,
+    url: '/flowable/listener',
+    params: {id:id}
   })
 }
 

zrch-risk-client-39/src/components/Process/api/process.js

@@ -58,14 +58,16 @@ export function returnList(data) {
 // 部署流程实例
 export function deployStart(deployId) {
   return defHttp.get({
-    url: '/flowable/process/startFlow/' + deployId,
+    url: '/flowable/process/startFlow',
+    params: {deployId:deployId}
   })
 }
 
 // 查询流程定义详细
 export function getDeployment(id) {
   return defHttp.get({
-    url: '/system/deployment/' + id,
+    url: '/system/deployment',
+    params: {id:id}
   })
 }
 
@@ -88,7 +90,8 @@ export function updateDeployment(data) {
 // 删除流程定义
 export function delDeployment(id) {
   return defHttp.delete({
-    url: '/system/deployment/' + id,
+    url: '/system/deployment',
+    params: {id:id}
   })
 }
 

zrch-risk-client-39/src/components/Process/api/todo.js

@@ -68,14 +68,16 @@ export function getNextFlowNodeByStart(data) {
 // 部署流程实例
 export function deployStart(deployId) {
   return defHttp.get({
-    url: '/flowable/process/startFlow/' + deployId,
+    url: '/flowable/process/startFlow',
+    params: {deployId:deployId}
   })
 }
 
 // 查询流程定义详细
 export function getDeployment(id) {
   return defHttp.get({
-    url: '/system/deployment/' + id,
+    url: '/system/deployment',
+    params: {id:id}
   })
 }
 
@@ -98,7 +100,8 @@ export function updateDeployment(data) {
 // 删除流程定义
 export function delDeployment(id) {
   return defHttp.delete({
-    url: '/system/deployment/' + id,
+    url: '/system/deployment',
+    params: {id:id}
   })
 }
 

zrch-risk-client-39/src/views/flowable/definition/AddFlow.vue

@@ -19,10 +19,9 @@
       width="70%"
     >
       <a-scrollbar>
-        <div  style="background-color: black;">
+        <div style="background-color: black;">
           <pre><code class="xml" v-html="highlightedXml"></code></pre>
         </div>
-       
       </a-scrollbar>
     </a-drawer>
   </div>
@@ -34,15 +33,15 @@ import { readXml, saveXml } from "/@/components/Process/api/definition"
 import BpmnModel from '/@/components/Process/index.vue'
 
 import * as vkbeautify from 'vkbeautify'
-
 import hljs from 'highlight.js'
-import { useRouter,useRoute } from 'vue-router'
-const router = useRouter();
-const route = useRoute();
+import { useRouter, useRoute } from 'vue-router'
 
-// 使用一个存在的样式文件
 import "highlight.js/styles/atom-one-dark.css"
 
+
+const router = useRouter()
+const route = useRoute()
+
 // 定义类型
 interface ProcessData {
   process: {
@@ -66,17 +65,16 @@ const xmlData = ref<string>('')
 
 // 计算属性，用于高亮显示的XML
 const highlightedXml = computed(() => {
-  if (!xmlData.value) return '';
-  return hljs.highlight(xmlData.value, { language: 'xml' }).value;
-});
-
+  if (!xmlData.value) return ''
+  return hljs.highlight(xmlData.value, { language: 'xml' }).value
+})
 
 // 获取XML数据
 const getXmlData = async (deployId: string) => {
   try {
     xml.value = await readXml(deployId)
   } catch (error) {
-    console.error('Failed to fetch XML data:', error)
+    console.error('Failed:', error)
   }
 }
 
@@ -90,24 +88,35 @@ const save = async (data: ProcessData) => {
   
   try {
     const res = await saveXml(params)
-    await handleSuccess();
+    await handleSuccess()
   } catch (error) {
     console.error('Failed to save XML:', error)
   }
 }
 
 const handleSuccess = async () => {
-
-  //closeSameRoute("/flowable/definition/AddFlow")
-  router.push({ path: '/flowable/definition/index'});
+  router.push({ path: '/flowable/definition/index' })
 }
 
-
 // 展示XML
 const showXML = (xmlContent: string) => {
   xmlTitle.value = 'XML查看'
   xmlOpen.value = true
-  xmlData.value = vkBeautify.xml(xmlContent)
+  
+  // 修改2: 使用正确的大小写和调用方式
+  try {
+    // 第一种方式: 使用 default 导出（如果库是这种方式）
+    if (vkbeautify && typeof vkbeautify === 'object' && vkbeautify.xml) {
+      xmlData.value = vkbeautify.xml(xmlContent)
+    } else {
+      // 如果 vkbeautify 本身就是函数
+      xmlData.value = vkbeautify(xmlContent)
+    }
+  } catch (error) {
+    console.error('Failed to format XML:', error)
+    // 如果格式化失败，使用原始XML内容
+    xmlData.value = xmlContent
+  }
 }
 
 onMounted(() => {
@@ -155,7 +164,7 @@ onMounted(() => {
 pre {
   margin: 0;
   padding: 16px;
-  //background-color: #282c34;
+  // background-color: #282c34;
   border-radius: 4px;
   
   code {

zrch-risk-client-39/src/views/flowable/definition/index.vue

@@ -238,7 +238,6 @@ function handleConfigForm(row: RowVO) {
 
 function handleDesign(row: RowVO) {
   if (isOperationInProgress('design', row.id)) return;
-  
   setOperationState('design', row.id, true);
   try {
     const url = "/flowable/definition/AddFlow";