update 优化 设计器界面展示效果

src/views/workflow/processDefinition/design.vue

@@ -1,17 +1,30 @@
 <template>
   <div ref="container" class="container">
-    <iframe ref="iframe" :src="iframeUrl" frameborder="0" width="100%" height="100%"></iframe>
+    <iframe ref="iframe" :src="iframeUrl" frameborder="0" :width="sidebarStatusWidth()" height="100%"></iframe>
   </div>
 </template>
 
 <script setup name="WarmFlow">
+
 const { proxy } = getCurrentInstance();
 import { onMounted } from 'vue';
+import { getToken } from '@/utils/auth';
+
+const sidebarStatus = useStorage('sidebarStatus', '1');
+
+console.log(sidebarStatus.value)
+
+const sidebarStatusWidth = () => {
+  if (sidebarStatus.value === '0') {
+    return "115%";
+  }
+  return "104%";
+}
+
 // definitionId为需要查询的流程定义id，
 // disabled为是否可编辑, 例如：查看的时候不可编辑，不可保存
 const iframeUrl = ref('');
 const baseUrl = import.meta.env.VITE_APP_BASE_API;
-import { getToken } from '@/utils/auth';
 const iframeLoaded = () => {
   // iframe监听组件内设计器保存事件
   window.onmessage = (event) => {