update:内嵌审核页面

src/spdm/config.ts

@@ -0,0 +1,2 @@
+// export const SPDM_URL = 'http://192.168.65.64:3001'; // 本地
+export const SPDM_URL =  'http://192.168.65.161:80'; // 测试环境

src/spdm/views/index.vue

@@ -21,9 +21,8 @@ import { watch } from 'vue';
 import { useRoute } from 'vue-router';
 import WujieVue from "wujie-vue3";
 import Cookies from 'js-cookie';
+import { SPDM_URL } from '../config'
 
-// const SPDM_URL = 'http://192.168.65.64:3001';
-const SPDM_URL = 'http://192.168.65.161:80';
 const USER_INFO_DATA = Cookies.get('cid_user_info');
 const USER_ID = Cookies.get('cid_user_id');
 const TENANT_ID = Cookies.get('cid_tenant_id');

src/spdm/views/preview.vue

@@ -0,0 +1,44 @@
+<template>
+  <WujieVue
+    class="wujie-content"
+    name="spdm"
+    :url="url"
+    :sync="false"        
+    :degrade="false"
+    :alive="false"
+    :preload="true"
+    :props="{
+      TENANT_ID,
+      TOKEN,
+      USER_ID,
+      USER_INFO_DATA,
+      VIEW_MODE: 'preview'
+    }"
+  />
+</template>
+
+<script setup lang="ts">
+import { onMounted } from 'vue';
+import WujieVue from "wujie-vue3";
+import Cookies from 'js-cookie';
+import { SPDM_URL } from '../config'
+
+const USER_INFO_DATA = Cookies.get('cid_user_info');
+const USER_ID = Cookies.get('cid_user_id');
+const TENANT_ID = Cookies.get('cid_tenant_id');
+const TOKEN = Cookies.get('cid_token');
+
+interface Props {
+  path: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  path: '',
+});
+
+const url = ref('');
+
+onMounted(() => {
+ url.value = `${SPDM_URL}${props.path}`
+});
+</script>

src/views/flow/task/pendingFlowTask.vue

@@ -60,28 +60,35 @@
 			<pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination"></pagination>
 
 			<!--			右侧抽屉-->
-			<el-drawer v-model="rightDrawerVisible" direction="rtl" size="400px">
+			<el-drawer v-model="rightDrawerVisible" direction="rtl" size="80%">
 				<template #header>
 					<h3>{{ currentData?.processName }}</h3>
 				</template>
 				<template #default>
-					<el-card class="box-card">
-						<form-render
-							@addLayoutOneItem="addLayoutOneItem"
-							@deleteLayoutOneItem="deleteLayoutOneItem"
-							ref="formRenderRef"
-							:form-list="currentOpenFlowForm"
-						></form-render>
-					</el-card>
-					<flow-node-format
-						:disableSelect="true"
-						:formData="formValue"
-						:task-id="currentData.taskId"
-						:processInstanceId="currentData.processInstanceId"
-						:flow-id="currentData.flowId"
-						ref="flowNodeFormatRef"
-						class="mt-4"
-					/>
+          <div class="box-content">
+            <div class="spdm-content">
+              <SpdmView path="/spdm/competenceCenter/condition" />
+            </div>
+            <div class="default">
+              <el-card class="box-card">
+                <form-render
+                  @addLayoutOneItem="addLayoutOneItem"
+                  @deleteLayoutOneItem="deleteLayoutOneItem"
+                  ref="formRenderRef"
+                  :form-list="currentOpenFlowForm"
+                ></form-render>
+              </el-card>
+              <flow-node-format
+                :disableSelect="true"
+                :formData="formValue"
+                :task-id="currentData.taskId"
+                :processInstanceId="currentData.processInstanceId"
+                :flow-id="currentData.flowId"
+                ref="flowNodeFormatRef"
+                class="mt-4"
+              />
+            </div>
+          </div>
 				</template>
 				<template #footer>
 					<div style="flex: auto">
@@ -107,6 +114,7 @@ import FlowNodeFormat from '/@/views/flow/form/tools/FlowNodeFormatData.vue';
 import other from '/@/utils/other';
 import {queryMineTask, queryTask} from '/@/api/flow/task';
 import {BasicTableProps, useTable} from '/@/hooks/table';
+import SpdmView from '/@/spdm/views/preview.vue'
 
 const rightDrawerVisible = ref(false);
 const showSearch = ref(true);
@@ -195,3 +203,15 @@ const formValue = computed(() => {
 	return obj;
 });
 </script>
+
+<style lang="scss" scoped>
+.box-content {
+  display: flex;
+  .spdm-content {
+    flex: 1;
+  }
+  .default {
+    width: 353px;
+  }
+}
+</style>