feat: 完成提交任务页面布局

src/router/index.ts

@@ -16,7 +16,7 @@ import Demo from "@/views/demo";
 import ProjectSetting from "@/views/Project/ProjectSetting";
 import ProjectData from "@/views/Project/ProjectData";
 import ProjectWorkbench from "@/views/Project/ProjectWorkbench";
-
+import ProjectSubmitWork from "@/views/Project/ProjectSubmitWork";
 
 export type route = {
   id?: string;
@@ -51,7 +51,8 @@ export const elements: {
   Demo: Demo,
   ProjectSetting: ProjectSetting,
   ProjectData: ProjectData,
-  ProjectWorkbench:ProjectWorkbench
+  ProjectWorkbench: ProjectWorkbench,
+  ProjectSubmitWork: ProjectSubmitWork,
 };
 
 export const routes: Array<route | navigate> = [

src/views/Project/ProjectSubmitWork/ConfigForm/index.tsx

+const ConfigForm = () => {
+  return <div>form</div>;
+};
+
+export default ConfigForm;

src/views/Project/ProjectSubmitWork/WorkFlow/index.tsx

+const WorkFlow = () => {
+  return <div>flow</div>;
+};
+
+export default WorkFlow;

src/views/Project/ProjectSubmitWork/index.module.css

+.swBox {
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: RGBA(247, 248, 250, 1);
+  overflow-y: scroll;
+}
+.swHeader {
+  position: sticky;
+  top: 0;
+  height: 56px;
+  background-color: #fff;
+  box-shadow: 0px 3px 10px 0px rgba(0, 24, 57, 0.04);
+}
+.swContent {
+  display: flex;
+}
+.swFormBox {
+  background-color: #fff;
+  border-right: 1xp solid rgba(235, 237, 240, 1);
+  width: 608px;
+  box-sizing: border-box;
+  padding: 36px;
+  height: 2000px;
+}
+.swFlowBox {
+  flex: 1;
+}

src/views/Project/ProjectSubmitWork/index.tsx

+import { useState } from "react";
+import styles from "./index.module.css";
+import { templateConfigJson } from "./mock";
+import ConfigForm from "./ConfigForm";
+import WorkFlow from "./WorkFlow";
+
+const ProjectSubmitWork = () => {
+  const [templateConfigInfo, setTemplateConfigInfo] =
+    useState(templateConfigJson);
+  return (
+    <div className={styles.swBox}>
+      <div className={styles.swHeader}>头部</div>
+      <div className={styles.swContent}>
+        <div className={styles.swFormBox}>
+          <ConfigForm />
+        </div>
+        <div className={styles.swFlowBox}>
+          <WorkFlow />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ProjectSubmitWork;