仿钉钉设计流程后端接入-10%

src/views/bpm/model/index.vue

@@ -74,7 +74,7 @@
       </el-table-column>
       <el-table-column label="流程图标" align="center" prop="icon" width="100">
         <template #default="scope">
-          <el-image :src="scope.row.icon" class="w-32px h-32px" />
+          <el-image :src="scope.row.icon" class="h-32px w-32px" />
         </template>
       </el-table-column>
       <el-table-column label="流程分类" align="center" prop="categoryName" width="100" />
@@ -165,7 +165,7 @@
           <el-button
             link
             type="primary"
-            @click="handleSimpleDesign(scope.row.id)"
+            @click="handleSimpleDesign(scope.row)"
             v-hasPermi="['bpm:model:update']"
           >
             仿钉钉设计流程

src/views/bpm/simpleWorkflow/index.vue

@@ -5,7 +5,7 @@
       <el-row>
         <el-col :span="20"/>
         <el-col :span="4">
-          <el-button type="primary" size="small" @click="test">测试</el-button>
+          <el-button type="primary" size="small" @click="test">保存(用于测试，还未完成)</el-button>
         </el-col>
       </el-row>
       <div class="box-scale">
@@ -23,20 +23,45 @@
 import nodeWrap from '@/components/SimpleProcessDesigner/src/nodeWrap.vue'
 import approverDrawer from '@/components/SimpleProcessDesigner/src/drawer/approverDrawer.vue'
 import { ref } from 'vue'
+import { saveBpmSimpleModel } from '@/api/bpm/simple'
 defineOptions({ name: 'SimpleWorkflowDesignEditor' })
+const uid = getCurrentInstance().uid;
+const router = useRouter() // 路由
+const { query } = useRoute() // 路由的查询
+const modelId = query.modelId;
+const message = useMessage() // 国际化
 const nodeConfig = ref({
   name: '发起人',
   type: 0,
-  id: 'root',
-  nodeUserList: [],
+  id: 'Activity_'+uid,
   attributes: {
-    "candidateStrategy": 70
+    "candidateStrategy": '70'
   },
-  childNode: {},
+  childNode: undefined
 })
-const test = ()=> {
-  console.log('json format', toRaw(nodeConfig.value))
+const test = async ()=> {
+  if (!modelId) {
+    message.error('缺少模型 modelId 编号')
+    return
+  }
+  const data = {
+    modelId: modelId,
+    simpleModelBody: toRaw(nodeConfig.value)
+  }
+  console.log('request json data is ', data)
+  const result =  await saveBpmSimpleModel(data);
+  console.log('the result is ', result)
+  if(result){
+    message.success('修改成功')
+  } else {
+    message.alert('修改失败');
+  }
+  close ()
 }
+const close = () => {
+  router.push({ path: '/bpm/manager/model' })
+}
+
 </script>
 <style>
 @import url('@/components/SimpleProcessDesigner/theme/workflow.css');