diff --git a/package-lock.json b/package-lock.json
index 8edd4d84..60967631 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,8 +14,10 @@
 				"element-plus": "^2.2.17",
 				"jquery": "^3.6.1",
 				"qs": "^6.11.0",
+				"sortablejs": "^1.15.0",
 				"vue": "^3.2.13",
 				"vue-router": "^4.0.3",
+				"vuedraggable": "^4.1.0",
 				"vuex": "^4.0.0"
 			},
 			"devDependencies": {
@@ -9658,6 +9660,11 @@
 				"websocket-driver": "^0.7.4"
 			}
 		},
+		"node_modules/sortablejs": {
+			"version": "1.15.0",
+			"resolved": "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.15.0.tgz",
+			"integrity": "sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w=="
+		},
 		"node_modules/source-map": {
 			"version": "0.6.1",
 			"resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
@@ -10601,6 +10608,22 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/vuedraggable": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmmirror.com/vuedraggable/-/vuedraggable-4.1.0.tgz",
+			"integrity": "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==",
+			"dependencies": {
+				"sortablejs": "1.14.0"
+			},
+			"peerDependencies": {
+				"vue": "^3.0.1"
+			}
+		},
+		"node_modules/vuedraggable/node_modules/sortablejs": {
+			"version": "1.14.0",
+			"resolved": "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.14.0.tgz",
+			"integrity": "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w=="
+		},
 		"node_modules/vuex": {
 			"version": "4.0.2",
 			"resolved": "https://registry.npmmirror.com/vuex/-/vuex-4.0.2.tgz",
@@ -18839,6 +18862,11 @@
 				"websocket-driver": "^0.7.4"
 			}
 		},
+		"sortablejs": {
+			"version": "1.15.0",
+			"resolved": "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.15.0.tgz",
+			"integrity": "sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w=="
+		},
 		"source-map": {
 			"version": "0.6.1",
 			"resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
@@ -19589,6 +19617,21 @@
 				}
 			}
 		},
+		"vuedraggable": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmmirror.com/vuedraggable/-/vuedraggable-4.1.0.tgz",
+			"integrity": "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==",
+			"requires": {
+				"sortablejs": "1.14.0"
+			},
+			"dependencies": {
+				"sortablejs": {
+					"version": "1.14.0",
+					"resolved": "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.14.0.tgz",
+					"integrity": "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w=="
+				}
+			}
+		},
 		"vuex": {
 			"version": "4.0.2",
 			"resolved": "https://registry.npmmirror.com/vuex/-/vuex-4.0.2.tgz",
diff --git a/package.json b/package.json
index 41b11993..cb6ab7b1 100644
--- a/package.json
+++ b/package.json
@@ -14,8 +14,10 @@
 		"element-plus": "^2.2.17",
 		"jquery": "^3.6.1",
 		"qs": "^6.11.0",
+		"sortablejs": "^1.15.0",
 		"vue": "^3.2.13",
 		"vue-router": "^4.0.3",
+		"vuedraggable": "^4.1.0",
 		"vuex": "^4.0.0"
 	},
 	"devDependencies": {
diff --git a/src/App.vue b/src/App.vue
index b6b111f7..7ab55e6d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -75,7 +75,7 @@ export default defineComponent({
     flex: 1 1 auto;
     // flex-shrink: 0;
     display: flex;
-    overflow-y: scroll;
+    overflow-y: auto;
     // display: flex;
     // flex: 1 1 auto;
     width: calc(100% - 40px);
diff --git a/src/api/index1.js b/src/api/index1.js
index 42b3b5bd..9ec700ca 100644
--- a/src/api/index1.js
+++ b/src/api/index1.js
@@ -59,7 +59,8 @@ export const getRouterDetail = (routerId) => http.get('/admin/router/detail', {
 		routerId: routerId,
 	}
 });
-
+//添加学员
+export const addStudent = (obj) => http.post('/admin/router/addStudent', obj);
 
 
 
diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
index bbe805e6..d5affa62 100644
--- a/src/assets/scss/common.scss
+++ b/src/assets/scss/common.scss
@@ -345,14 +345,14 @@ textarea {
   .drawerMain {
     min-width: 700px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     height: 100%;
 
     .contentMain {
       flex: 1;
-      overflow-y: scroll;
+      overflow-y: auto;
     }
 
   }
@@ -376,7 +376,7 @@ textarea {
   .drawerMain {
     min-width: 700px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
   }
@@ -392,7 +392,7 @@ textarea {
   .ant-modal {
     height: calc(100% - 200px);
     background-color: rgba(255, 255, 255, 1);
-    // overflow-y: scroll;
+    // overflow-y: auto;
     min-width: 900px;
     max-width: 1300px;
     padding: 0;
@@ -428,7 +428,7 @@ textarea {
     .modalMain {
       height: 0px;
       flex: 1 1 auto;
-      overflow-y: scroll;
+      overflow-y: auto;
       margin-top: 7px;
       margin: 0px 52px;
 
diff --git a/src/components/OpenPages.vue b/src/components/OpenPages.vue
index 6b3f37dd..02374b62 100644
--- a/src/components/OpenPages.vue
+++ b/src/components/OpenPages.vue
@@ -1,37 +1,51 @@
 <template>
   <div class="openPages">
-    <div
-      v-for="(value, index) in openList"
-      :key="index"
-      style="position: relative"
+    <draggable
+      v-model="openList"
+      chosenClass="chosen"
+      forceFallback="true"
+      group="people"
+      animation="1000"
+      @start="onStart"
+      @end="onEnd"
+      :list="openList"
+      style="display: flex"
     >
-      <router-link
-        :to="value.href"
-        class="openItems"
-        :style="{ background: value.active ? '#f5f7fa' : '' }"
-      >
-        <div
-          :style="{
-            color: value.active
-              ? 'rgba(64, 158, 255, 1)'
-              : 'rgba(135, 139, 146, 1)',
-          }"
-        >
-          {{ value.pagename }}
+      <template #item="{ element }">
+        <div style="position: relative">
+          <router-link
+            :to="element.href"
+            class="openItems"
+            :style="{ background: element.active ? '#f5f7fa' : '' }"
+          >
+            <div
+              :style="{
+                color: element.active
+                  ? 'rgba(64, 158, 255, 1)'
+                  : 'rgba(135, 139, 146, 1)',
+              }"
+            >
+              {{ element.pagename }}
+            </div>
+          </router-link>
+          <div class="close" @click.stop="closePage(element)">
+            <img src="../assets/images/openPages/close.png" />
+          </div>
         </div>
-      </router-link>
-      <div class="close" @click.stop="closePage(value)">
-        <img src="../assets/images/openPages/close.png" />
-      </div>
-    </div>
+      </template>
+    </draggable>
   </div>
 </template>
 <script>
 import { reactive, toRefs } from "vue";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
+import draggable from "vuedraggable";
 export default {
   name: "OpenPages",
+  components: {
+    draggable,
+  },
   setup() {
     const store = useStore();
     const $router = useRouter();
@@ -69,7 +83,7 @@ export default {
   },
 };
 </script>
-<style scoped lang="scss">
+<style lang="scss">
 .openPages {
   width: 100%;
   // height: 50px;
diff --git a/src/components/drawers/ActiveAttendance.vue b/src/components/drawers/ActiveAttendance.vue
index cf548d5e..51b8fb33 100644
--- a/src/components/drawers/ActiveAttendance.vue
+++ b/src/components/drawers/ActiveAttendance.vue
@@ -709,7 +709,7 @@ export default {
       .drawerMain {
         min-width: 600px;
         margin: 0px 32px 0px 32px;
-        // overflow-x: scroll;
+        // overflow-x: auto;
         display: flex;
         flex-direction: column;
         height: 100%;
diff --git a/src/components/drawers/AddDiscuss.vue b/src/components/drawers/AddDiscuss.vue
index ca4a7749..f807f411 100644
--- a/src/components/drawers/AddDiscuss.vue
+++ b/src/components/drawers/AddDiscuss.vue
@@ -57,7 +57,7 @@
               <span style="margin-right: 3px">讨论设置：</span>
             </div>
             <div class="btnbox">
-              <a-checkbox v-model:checked="checkedC1">允许讨论</a-checkbox>
+              <a-checkbox v-model:checked="checkedC1">允许评论</a-checkbox>
             </div>
           </div>
         </div>
@@ -69,7 +69,7 @@
     </div>
   </a-drawer>
 </template>
-  <script>
+<script>
 import { reactive, toRefs, ref } from "vue";
 import * as api from "../../api/indexDiscuss";
 import { message } from "ant-design-vue";
@@ -114,10 +114,10 @@ export default {
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
-    
+
     //创建讨论
     const createDiscuss = () => {
-      if(!state.inputV1) return message.warning("请输入讨论名称");
+      if (!state.inputV1) return message.warning("请输入讨论名称");
       let obj = {
         discussName: state.inputV1, //讨论名称
         discussExplain: state.textV1, //讨论说明
@@ -141,7 +141,6 @@ export default {
             message.success("创建成功");
             ctx.emit("update:adddiscussVisible", false);
           }, 1000);
-          
         })
         .catch((err) => {
           console.log("创建失败", err);
@@ -157,7 +156,7 @@ export default {
   },
 };
 </script>
-  <style lang="scss">
+<style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
   background-color: #fafafa !important;
 }
@@ -237,15 +236,15 @@ export default {
             }
             .ant-input-textarea-show-count {
               position: relative;
-        }
-        .ant-input-textarea-show-count::after {
+            }
+            .ant-input-textarea-show-count::after {
               position: absolute;
               right: 10px;
               bottom: 0px;
-        } 
-        .ant-input {
-          border-radius: 8px;
-        }
+            }
+            .ant-input {
+              border-radius: 8px;
+            }
           }
         }
       }
@@ -282,4 +281,3 @@ export default {
   }
 }
 </style>
-  
\ No newline at end of file
diff --git a/src/components/drawers/AddGroup.vue b/src/components/drawers/AddGroup.vue
index 9179fc1d..0606e0a7 100644
--- a/src/components/drawers/AddGroup.vue
+++ b/src/components/drawers/AddGroup.vue
@@ -104,7 +104,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
diff --git a/src/components/drawers/AddLevelAddStu.vue b/src/components/drawers/AddLevelAddStu.vue
index 4d29f924..87ef5560 100644
--- a/src/components/drawers/AddLevelAddStu.vue
+++ b/src/components/drawers/AddLevelAddStu.vue
@@ -1051,7 +1051,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    // overflow-y: scroll;
+    // overflow-y: auto;
     display: flex;
     flex-direction: column;
 
diff --git a/src/components/drawers/AddLevelImportStu.vue b/src/components/drawers/AddLevelImportStu.vue
index 3385642e..4d2c4872 100644
--- a/src/components/drawers/AddLevelImportStu.vue
+++ b/src/components/drawers/AddLevelImportStu.vue
@@ -139,7 +139,7 @@ export default {
 };
 </script>
 
-<style lang="scss" >
+<style lang="scss">
 .AddLevelImpStu {
   .drawerMain {
     min-width: 450px;
@@ -164,7 +164,7 @@ export default {
       }
     }
     .main {
-      overflow: scroll;
+      overflow: auto;
       .minatitl {
         display: flex;
         .up1 {
@@ -419,4 +419,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/drawers/ChangeGroup.vue b/src/components/drawers/ChangeGroup.vue
index 52b2ce32..6447ff12 100644
--- a/src/components/drawers/ChangeGroup.vue
+++ b/src/components/drawers/ChangeGroup.vue
@@ -89,7 +89,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
diff --git a/src/components/drawers/CheckStu.vue b/src/components/drawers/CheckStu.vue
index 1e35333f..0b32c086 100644
--- a/src/components/drawers/CheckStu.vue
+++ b/src/components/drawers/CheckStu.vue
@@ -223,7 +223,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
diff --git a/src/components/drawers/CheckStuMess.vue b/src/components/drawers/CheckStuMess.vue
index 34b824f3..70966a0b 100644
--- a/src/components/drawers/CheckStuMess.vue
+++ b/src/components/drawers/CheckStuMess.vue
@@ -78,7 +78,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
diff --git a/src/components/drawers/EntryScores.vue b/src/components/drawers/EntryScores.vue
index fef7f769..34cbbb56 100644
--- a/src/components/drawers/EntryScores.vue
+++ b/src/components/drawers/EntryScores.vue
@@ -82,7 +82,7 @@ export default {
 };
 </script>
 
-<style scoped lang="scss" >
+<style scoped lang="scss">
 // .drawerStyle {
 //   .ant-drawer-content-wrapper {
 //     // max-width: 1000px;
@@ -99,7 +99,7 @@ export default {
   .drawerMain {
     min-width: 400px;
     margin: 0px 32px 0px 32px;
-    // overflow-x: scroll;
+    // overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
@@ -189,4 +189,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/drawers/FaceManage.vue b/src/components/drawers/FaceManage.vue
index a615ab51..48960ef2 100644
--- a/src/components/drawers/FaceManage.vue
+++ b/src/components/drawers/FaceManage.vue
@@ -385,7 +385,7 @@ export default {
 };
 </script>
 
-<style  lang="scss" >
+<style lang="scss">
 // .drawerStyle {
 //   .ant-drawer-content-wrapper {
 //     // max-width: 1000px;
@@ -513,7 +513,7 @@ export default {
   .drawerMain {
     min-width: 550px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .noticebox {
@@ -820,4 +820,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/drawers/FaceStu.vue b/src/components/drawers/FaceStu.vue
index a5da82ea..f7c39cbd 100644
--- a/src/components/drawers/FaceStu.vue
+++ b/src/components/drawers/FaceStu.vue
@@ -722,7 +722,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
diff --git a/src/components/drawers/ManageRight.vue b/src/components/drawers/ManageRight.vue
index 3ff545b2..65bdbfc9 100644
--- a/src/components/drawers/ManageRight.vue
+++ b/src/components/drawers/ManageRight.vue
@@ -831,7 +831,7 @@ export default {
   .drawerMain {
     min-width: 550px;
     margin: 0px 32px 0px 32px;
-    // overflow-y: scroll;
+    // overflow-y: auto;
     display: flex;
     flex-direction: column;
 
diff --git a/src/components/drawers/MemberList.vue b/src/components/drawers/MemberList.vue
index cc142a0a..f10227a1 100644
--- a/src/components/drawers/MemberList.vue
+++ b/src/components/drawers/MemberList.vue
@@ -25,7 +25,7 @@
               placeholder="请输入姓名"
             />
           </div>
-          
+
           <div class="btns">
             <div class="btn btn1" style="margin-right: 20px">
               <div class="img1"></div>
@@ -67,18 +67,18 @@
         <div class="tableBox" style="margin-top: 20px; margin-bottom: 100px">
           <a-table
             style="border: 1px solid #f2f6fe"
-                    :columns="tablecolumns"
-                    :data-source="tabledata"
-                    :loading="tableDataTotal === -1 ? true : false"
-                    expandRowByClick="true"
-                    :scroll="{ x: 900 }"
-                    @expand="expandTable"
-                    :pagination="false"
-                    :row-selection="{
-                      columnWidth: 30,
-                      selectedRowKeys: selectedRowKeys,
-                      onChange: onSelectChange,
-                    }"
+            :columns="tablecolumns"
+            :data-source="tabledata"
+            :loading="tableDataTotal === -1 ? true : false"
+            expandRowByClick="true"
+            :scroll="{ x: 900 }"
+            @expand="expandTable"
+            :pagination="false"
+            :row-selection="{
+              columnWidth: 30,
+              selectedRowKeys: selectedRowKeys,
+              onChange: onSelectChange,
+            }"
           />
           <div class="pa">
             <a-pagination
@@ -104,11 +104,11 @@
         centered="true"
         :footer="null"
         wrapClassName="FacMa"
-       >
+      >
         <div class="head">
           <div class="inhead">
             <div class="left">
-              <img src="../../assets/images/coursewareManage/notice.png"/>
+              <img src="../../assets/images/coursewareManage/notice.png" />
               <div class="tis">提示</div>
             </div>
             <div class="right" @click="closeModal"></div>
@@ -123,7 +123,6 @@
       <stu-add v-model:Stuvisible="Stuvisible" />
     </div>
   </a-drawer>
-  
 </template>
 
 <script>
@@ -145,7 +144,7 @@ export default {
       name: null,
       showmodal: false,
       closable: false, //modal右上角的关闭按钮
-     
+
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 100,
@@ -279,12 +278,11 @@ export default {
     const showStuAdd = () => {
       state.Stuvisible = true;
     };
-    
 
     return {
       ...toRefs(state),
       closeDrawer,
-     
+
       showModal,
       closeModal,
       showStuAdd,
@@ -293,12 +291,12 @@ export default {
 };
 </script>
 
-<style  lang="scss" >
+<style lang="scss">
 .MemberList {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    //overflow-x: scroll;
+    //overflow-x: auto;
     display: flex;
     flex-direction: column;
 
@@ -388,7 +386,7 @@ export default {
           }
 
           .btn1 {
-            background: #409EFF;
+            background: #409eff;
 
             color: #ffffff;
           }
@@ -396,8 +394,8 @@ export default {
           .btn2 {
             background: #ffffff;
 
-            color: #409EFF;
-            border: 1px solid #409EFF;
+            color: #409eff;
+            border: 1px solid #409eff;
           }
         }
       }
@@ -441,7 +439,7 @@ export default {
         }
 
         .btn1 {
-          background: #409EFF;
+          background: #409eff;
 
           color: #ffffff;
         }
@@ -449,8 +447,8 @@ export default {
         .btn2 {
           background: #ffffff;
           margin-right: 20px;
-          color:#409EFF;
-          border: 1px solid #409EFF;
+          color: #409eff;
+          border: 1px solid #409eff;
         }
       }
 
@@ -519,11 +517,11 @@ export default {
 
         .ant-table-thead > tr > th {
           background-color: rgba(239, 244, 252, 1) !important;
-          color: rgba(0, 0, 0, 0.8500);
+          color: rgba(0, 0, 0, 0.85);
         }
 
         .ant-table-cell {
-          color: rgba(0, 0, 0, 0.6500);
+          color: rgba(0, 0, 0, 0.65);
         }
 
         .ant-table-selection-column {
@@ -545,11 +543,10 @@ export default {
         .ant-table-tbody
           > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
           > td {
-            
           background: #f6f9fd;
         }
         .ant-table-tbody > tr > td {
-            border-bottom: 1px solid rgba(240, 244, 254, 1);
+          border-bottom: 1px solid rgba(240, 244, 254, 1);
         }
         .pa {
           // left: 0;
@@ -599,4 +596,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/drawers/OwnPower.vue b/src/components/drawers/OwnPower.vue
index 4e765153..f2de47ca 100644
--- a/src/components/drawers/OwnPower.vue
+++ b/src/components/drawers/OwnPower.vue
@@ -78,17 +78,17 @@
                     }"
                   />
                   <div class="tableBox">
-                  <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize"
-                      :current="currentPage"
-                      :total="tableDataTotal"
-                      class="pagination"
-                    />
-                  </div>
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize"
+                        :current="currentPage"
+                        :total="tableDataTotal"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
                 </div>
               </a-tab-pane>
@@ -160,16 +160,16 @@
                     />
                     <div class="tableBox">
                       <div class="pa">
-                      <a-pagination
-                        showSizeChanger="true"
-                        showQuickJumper="true"
-                        hideOnSinglePage="true"
-                        :pageSize="pageSize1"
-                        :current="currentPage1"
-                        :total="tableDataTotal1"
-                        class="pagination"
-                      />
-                    </div>
+                        <a-pagination
+                          showSizeChanger="true"
+                          showQuickJumper="true"
+                          hideOnSinglePage="true"
+                          :pageSize="pageSize1"
+                          :current="currentPage1"
+                          :total="tableDataTotal1"
+                          class="pagination"
+                        />
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -243,16 +243,16 @@
                   />
                   <div class="tableBox">
                     <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize2"
-                      :current="currentPage2"
-                      :total="tableDataTotal2"
-                      class="pagination"
-                    />
-                  </div>
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize2"
+                        :current="currentPage2"
+                        :total="tableDataTotal2"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
                 </div>
               </a-tab-pane>
@@ -306,8 +306,8 @@
     </div>
   </a-drawer>
 </template>
-  
-  <script>
+
+<script>
 import { reactive, toRefs } from "vue";
 export default {
   name: "OwnPower",
@@ -779,8 +779,8 @@ export default {
   },
 };
 </script>
-  
-  <style lang="scss" >
+
+<style lang="scss">
 .ownpower {
   // .ant-drawer-content-wrapper {
   //   // max-width: 1000px;
@@ -794,7 +794,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
@@ -1003,25 +1003,25 @@ export default {
             //   align-items: center;
             //   margin-top: -2px;
             // }
-            .tableBox{
+            .tableBox {
               .pa {
-              // left: 0;
-              margin-top: 15px;
-              width: 100%;
-              // height: 20px;
-              // background-color: red;
-              display: flex;
-              justify-content: center;
-              // position: absolute;
-              // bottom: 20px;
-              .ant-pagination-item,
-              .ant-pagination-prev,
-              .ant-pagination-next,
-              .ant-pagination-options {
-                margin-bottom: 10px;
+                // left: 0;
+                margin-top: 15px;
+                width: 100%;
+                // height: 20px;
+                // background-color: red;
+                display: flex;
+                justify-content: center;
+                // position: absolute;
+                // bottom: 20px;
+                .ant-pagination-item,
+                .ant-pagination-prev,
+                .ant-pagination-next,
+                .ant-pagination-options {
+                  margin-bottom: 10px;
+                }
               }
             }
-            }
           }
 
           .tab2 {
@@ -1230,4 +1230,4 @@ export default {
     background-color: #4ea6ff !important;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/drawers/Ownership.vue b/src/components/drawers/Ownership.vue
index f7cf2d5d..2f8c229e 100644
--- a/src/components/drawers/Ownership.vue
+++ b/src/components/drawers/Ownership.vue
@@ -786,7 +786,7 @@ export default {
   .drawerMain {
     min-width: 550px;
     margin: 0px 32px 0px 32px;
-    // overflow-y: scroll;
+    // overflow-y: auto;
     display: flex;
     flex-direction: column;
 
diff --git a/src/components/drawers/PowerList.vue b/src/components/drawers/PowerList.vue
index dc14bc8f..db21a8f0 100644
--- a/src/components/drawers/PowerList.vue
+++ b/src/components/drawers/PowerList.vue
@@ -329,7 +329,7 @@ export default {
 };
 </script>
 
-<style  lang="scss" >
+<style lang="scss">
 .me {
   .ant-modal-body {
     padding: 0px;
@@ -461,7 +461,7 @@ export default {
     // overflow: auto;
     min-width: 500px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
@@ -670,4 +670,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/drawers/ProMess.vue b/src/components/drawers/ProMess.vue
index 49e1cc79..ddd8406c 100644
--- a/src/components/drawers/ProMess.vue
+++ b/src/components/drawers/ProMess.vue
@@ -17,12 +17,14 @@
       </div>
       <div class="main">
         <div class="one">
-            <span class="left">班级名称：</span>
-            <span class="right">产品经理管理-腾飞班1</span>
+          <span class="left">班级名称：</span>
+          <span class="right">产品经理管理-腾飞班1</span>
         </div>
         <div class="one second">
-            <span class="left">说明：</span>
-            <span class="right">班级说明，此班级为产品经理班级，其他岗位不要进入请大家按照规定时间进行任务学习</span>
+          <span class="left">说明：</span>
+          <span class="right"
+            >班级说明，此班级为产品经理班级，其他岗位不要进入请大家按照规定时间进行任务学习</span
+          >
         </div>
       </div>
       <div class="btnn">
@@ -30,7 +32,6 @@
       </div>
     </div>
   </a-drawer>
-  
 </template>
 
 <script>
@@ -63,7 +64,7 @@ export default {
 };
 </script>
 
-<style scoped lang="scss" >
+<style scoped lang="scss">
 .promess {
   .ant-drawer-content-wrapper {
     // max-width: 1000px;
@@ -77,7 +78,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
@@ -101,13 +102,13 @@ export default {
         margin-top: 38px;
         margin-left: 53px;
         .left {
-            color: rgba(51, 51, 51, 1);
-            font-size: 14px;
+          color: rgba(51, 51, 51, 1);
+          font-size: 14px;
         }
         .right {
-            color: rgba(102, 102, 102, 1);
-            font-size: 14px;
-            margin-left: 12px;
+          color: rgba(102, 102, 102, 1);
+          font-size: 14px;
+          margin-left: 12px;
         }
       }
       .second {
@@ -137,4 +138,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/drawers/ProjCheckPower.vue b/src/components/drawers/ProjCheckPower.vue
index a802c8ff..78ac83f6 100644
--- a/src/components/drawers/ProjCheckPower.vue
+++ b/src/components/drawers/ProjCheckPower.vue
@@ -80,18 +80,17 @@
                   />
                   <div class="tableBox">
                     <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize"
-                      :current="currentPage"
-                      :total="tableDataTotal"
-                      class="pagination"
-                    />
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize"
+                        :current="currentPage"
+                        :total="tableDataTotal"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
-                  </div>
-
                 </div>
               </a-tab-pane>
               <a-tab-pane key="2" tab="添加组织" force-render>
@@ -162,18 +161,17 @@
                     />
                     <div class="tableBox">
                       <div class="pa">
-                      <a-pagination
-                        showSizeChanger="true"
-                        showQuickJumper="true"
-                        hideOnSinglePage="true"
-                        :pageSize="pageSize1"
-                        :current="currentPage1"
-                        :total="tableDataTotal1"
-                        class="pagination"
-                      />
+                        <a-pagination
+                          showSizeChanger="true"
+                          showQuickJumper="true"
+                          hideOnSinglePage="true"
+                          :pageSize="pageSize1"
+                          :current="currentPage1"
+                          :total="tableDataTotal1"
+                          class="pagination"
+                        />
+                      </div>
                     </div>
-                    </div>
-
                   </div>
                 </div>
               </a-tab-pane>
@@ -246,18 +244,17 @@
                   />
                   <div class="tableBox">
                     <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize2"
-                      :current="currentPage2"
-                      :total="tableDataTotal2"
-                      class="pagination"
-                    />
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize2"
+                        :current="currentPage2"
+                        :total="tableDataTotal2"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
-                  </div>
-
                 </div>
               </a-tab-pane>
             </a-tabs>
@@ -789,7 +786,7 @@ export default {
   .drawerMain {
     min-width: 550px;
     margin: 0px 32px 0px 32px;
-    // overflow-y: scroll;
+    // overflow-y: auto;
     display: flex;
     flex-direction: column;
 
diff --git a/src/components/drawers/ProjManagePower.vue b/src/components/drawers/ProjManagePower.vue
index 35e1b42c..949ad4e5 100644
--- a/src/components/drawers/ProjManagePower.vue
+++ b/src/components/drawers/ProjManagePower.vue
@@ -80,18 +80,17 @@
                   />
                   <div class="tableBox">
                     <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize"
-                      :current="currentPage"
-                      :total="tableDataTotal"
-                      class="pagination"
-                    />
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize"
+                        :current="currentPage"
+                        :total="tableDataTotal"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
-                  </div>
-
                 </div>
               </a-tab-pane>
               <a-tab-pane key="2" tab="添加组织" force-render>
@@ -162,18 +161,17 @@
                     />
                     <div class="tableBox">
                       <div class="pa">
-                      <a-pagination
-                        showSizeChanger="true"
-                        showQuickJumper="true"
-                        hideOnSinglePage="true"
-                        :pageSize="pageSize1"
-                        :current="currentPage1"
-                        :total="tableDataTotal1"
-                        class="pagination"
-                      />
+                        <a-pagination
+                          showSizeChanger="true"
+                          showQuickJumper="true"
+                          hideOnSinglePage="true"
+                          :pageSize="pageSize1"
+                          :current="currentPage1"
+                          :total="tableDataTotal1"
+                          class="pagination"
+                        />
+                      </div>
                     </div>
-                    </div>
-
                   </div>
                 </div>
               </a-tab-pane>
@@ -246,18 +244,17 @@
                   />
                   <div class="tableBox">
                     <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize2"
-                      :current="currentPage2"
-                      :total="tableDataTotal2"
-                      class="pagination"
-                    />
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize2"
+                        :current="currentPage2"
+                        :total="tableDataTotal2"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
-                  </div>
-
                 </div>
               </a-tab-pane>
             </a-tabs>
@@ -789,7 +786,7 @@ export default {
   .drawerMain {
     min-width: 550px;
     margin: 0px 32px 0px 32px;
-    // overflow-y: scroll;
+    // overflow-y: auto;
     display: flex;
     flex-direction: column;
 
diff --git a/src/components/drawers/ProjPowerList.vue b/src/components/drawers/ProjPowerList.vue
index 7ecd7d38..1bf31e58 100644
--- a/src/components/drawers/ProjPowerList.vue
+++ b/src/components/drawers/ProjPowerList.vue
@@ -59,16 +59,16 @@
         </div>
         <div class="tableBox">
           <div class="pa">
-          <a-pagination
-            showSizeChanger="true"
-            showQuickJumper="true"
-            hideOnSinglePage="true"
-            :pageSize="pageSize"
-            :current="currentPage"
-            :total="tableDataTotal"
-            class="pagination"
-          />
-        </div>
+            <a-pagination
+              showSizeChanger="true"
+              showQuickJumper="true"
+              hideOnSinglePage="true"
+              :pageSize="pageSize"
+              :current="currentPage"
+              :total="tableDataTotal"
+              class="pagination"
+            />
+          </div>
         </div>
 
         <!-- <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
@@ -329,7 +329,7 @@ export default {
 };
 </script>
 
-<style  lang="scss" >
+<style lang="scss">
 .me {
   .ant-modal-body {
     padding: 0px;
@@ -350,7 +350,7 @@ export default {
   .drawerMain {
     min-width: 550px;
     margin: 0px 32px 0px 32px;
-    // overflow-x: scroll;
+    // overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
@@ -553,4 +553,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/drawers/ProjectOwn.vue b/src/components/drawers/ProjectOwn.vue
index 8894e72d..a294a2b6 100644
--- a/src/components/drawers/ProjectOwn.vue
+++ b/src/components/drawers/ProjectOwn.vue
@@ -80,16 +80,16 @@
                   />
                   <div class="tableBox">
                     <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize"
-                      :current="currentPage"
-                      :total="tableDataTotal"
-                      class="pagination"
-                    />
-                  </div>
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize"
+                        :current="currentPage"
+                        :total="tableDataTotal"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
                 </div>
               </a-tab-pane>
@@ -161,16 +161,16 @@
                     />
                     <div class="tableBox">
                       <div class="pa">
-                      <a-pagination
-                        showSizeChanger="true"
-                        showQuickJumper="true"
-                        hideOnSinglePage="true"
-                        :pageSize="pageSize1"
-                        :current="currentPage1"
-                        :total="tableDataTotal1"
-                        class="pagination"
-                      />
-                    </div>
+                        <a-pagination
+                          showSizeChanger="true"
+                          showQuickJumper="true"
+                          hideOnSinglePage="true"
+                          :pageSize="pageSize1"
+                          :current="currentPage1"
+                          :total="tableDataTotal1"
+                          class="pagination"
+                        />
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -244,16 +244,16 @@
                   />
                   <div class="tableBox">
                     <div class="pa">
-                    <a-pagination
-                      showSizeChanger="true"
-                      showQuickJumper="true"
-                      hideOnSinglePage="true"
-                      :pageSize="pageSize2"
-                      :current="currentPage2"
-                      :total="tableDataTotal2"
-                      class="pagination"
-                    />
-                  </div>
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize2"
+                        :current="currentPage2"
+                        :total="tableDataTotal2"
+                        class="pagination"
+                      />
+                    </div>
                   </div>
                 </div>
               </a-tab-pane>
@@ -786,7 +786,7 @@ export default {
   .drawerMain {
     min-width: 550px;
     margin: 0px 32px 0px 32px;
-    // overflow-y: scroll;
+    // overflow-y: auto;
     display: flex;
     flex-direction: column;
 
diff --git a/src/components/drawers/QueryRight.vue b/src/components/drawers/QueryRight.vue
index 3eeb7ef5..1de3a9cf 100644
--- a/src/components/drawers/QueryRight.vue
+++ b/src/components/drawers/QueryRight.vue
@@ -786,7 +786,7 @@ export default {
   .drawerMain {
     min-width: 550px;
     margin: 0px 32px 0px 32px;
-    // overflow-y: scroll;
+    // overflow-y: auto;
     display: flex;
     flex-direction: column;
 
diff --git a/src/components/drawers/SeeStu.vue b/src/components/drawers/SeeStu.vue
index 42932f58..ab8a693e 100644
--- a/src/components/drawers/SeeStu.vue
+++ b/src/components/drawers/SeeStu.vue
@@ -1,4 +1,4 @@
-  <template>
+<template>
   <a-drawer
     :visible="Seevisible"
     class="drawerStyle seestu"
@@ -69,60 +69,76 @@
           </div>
         </div>
         <div class="mainbox">
-          <a-collapse v-model:activeKey="stageListActive" >
+          <a-collapse v-model:activeKey="stageListActive">
             <template #expandIcon="{ isActive }">
-                    <img style="margin-right: 20px"
-                    :src="
-                      isActive
-                        ? require('../../assets/images/studentimg/open.png')
-                        : require('../../assets/images/studentimg/close.png')
-                    " />
-                    <div></div>
+              <img
+                style="margin-right: 20px"
+                :src="
+                  isActive
+                    ? require('../../assets/images/studentimg/open.png')
+                    : require('../../assets/images/studentimg/close.png')
+                "
+              />
+              <div></div>
             </template>
-            <a-collapse-panel v-for="(value, index) in stageList" :key="index" :header="value.text">
-              <div class="rowclass" v-for="(item, key) in value.children" :key="key">
+            <a-collapse-panel
+              v-for="(value, index) in stageList"
+              :key="index"
+              :header="value.text"
+            >
+              <div
+                class="rowclass"
+                v-for="(item, key) in value.children"
+                :key="key"
+              >
                 <div class="leftclass">
-                  <div><img :src="
-														item.course === '在线'
-															? require('../../assets/images/leveladd/zai.png')
-															: item.course === '面授'
-																? require('../../assets/images/leveladd/mian.png')
-																: item.course === '案例'
-																	? require('../../assets/images/leveladd/an.png')
-																	: item.course === '作业'
-																		? require('../../assets/images/leveladd/zuo.png')
-																		: item.course === '考试'
-																			? require('../../assets/images/leveladd/kao.png')
-																			: item.course === '直播'
-																				? require('../../assets/images/leveladd/zhi.png')
-																				: item.course === '外链'
-																					? require('../../assets/images/leveladd/wai.png')
-																					: item.course === '讨论'
-																						? require('../../assets/images/leveladd/tao.png')
-																						: item.course === '活动'
-																							? require('../../assets/images/leveladd/huo.png')
-																							: item.course === '测评'
-																								? require('../../assets/images/leveladd/ce.png')
-																								: item.course === '调研'
-																									? require('../../assets/images/leveladd/diao.png')
-																									: item.course === '投票'
-																										? require('../../assets/images/leveladd/tou.png')
-																										: null
-													" /></div>
-                  <div class="text1">{{item.course}}</div>
-                  <div class="text2">{{item.name}}</div>
+                  <div>
+                    <img
+                      :src="
+                        item.course === '在线'
+                          ? require('../../assets/images/leveladd/zai.png')
+                          : item.course === '面授'
+                          ? require('../../assets/images/leveladd/mian.png')
+                          : item.course === '案例'
+                          ? require('../../assets/images/leveladd/an.png')
+                          : item.course === '作业'
+                          ? require('../../assets/images/leveladd/zuo.png')
+                          : item.course === '考试'
+                          ? require('../../assets/images/leveladd/kao.png')
+                          : item.course === '直播'
+                          ? require('../../assets/images/leveladd/zhi.png')
+                          : item.course === '外链'
+                          ? require('../../assets/images/leveladd/wai.png')
+                          : item.course === '讨论'
+                          ? require('../../assets/images/leveladd/tao.png')
+                          : item.course === '活动'
+                          ? require('../../assets/images/leveladd/huo.png')
+                          : item.course === '测评'
+                          ? require('../../assets/images/leveladd/ce.png')
+                          : item.course === '调研'
+                          ? require('../../assets/images/leveladd/diao.png')
+                          : item.course === '投票'
+                          ? require('../../assets/images/leveladd/tou.png')
+                          : null
+                      "
+                    />
+                  </div>
+                  <div class="text1">{{ item.course }}</div>
+                  <div class="text2">{{ item.name }}</div>
                 </div>
                 <div class="alreadyclass">
                   <div class="alimg">
-                    <img :src="
-                      item.complete === '已完成'
-                        ? require('../../assets/images/studentimg/complete.png')
-                        : require('../../assets/images/studentimg/notice.png')
-                    "/>
+                    <img
+                      :src="
+                        item.complete === '已完成'
+                          ? require('../../assets/images/studentimg/complete.png')
+                          : require('../../assets/images/studentimg/notice.png')
+                      "
+                    />
                   </div>
-                  <div class="altext">{{item.complete}}</div>
+                  <div class="altext">{{ item.complete }}</div>
                 </div>
-              </div>             
+              </div>
             </a-collapse-panel>
           </a-collapse>
         </div>
@@ -136,7 +152,7 @@
 </template>
 
 <script>
-import { reactive, toRefs} from "vue";
+import { reactive, toRefs } from "vue";
 import ProMess from "./ProMess.vue";
 export default {
   name: "SeeStu",
@@ -149,72 +165,72 @@ export default {
   },
   setup(props, ctx) {
     const state = reactive({
-        Provisible: false,
-        showDown: true,
-        showDown1: false,
-        stageList: [
-          {
-            text: "阶段1腾飞班阶段1",
-            children: [
-              {
-                course: "在线",
-                name: "如何成为一个产品经理",
-                complete: "已完成",
-              },
-              {
-                course: "直播",
-                name: "管理直播课",
-                complete: "已完成",
-              },
-              {
-                course: "面授",
-                name: "管理面授课",
-                complete: "未完成",
-              },
-              {
-                course: "活动",
-                name: "管理活动",
-                complete: "未完成",
-              },
-              {
-                course: "作业",
-                name: "管理者作业",
-                complete: "未完成",
-              },
-            ],
-          },
-          {
-            text: "阶段2腾飞班阶段2",
-            children: [
-              {
-                course: "考试",
-                name: "如何成为一个产品经理",
-                complete: "已完成",
-              },
-              {
-                course: "案例",
-                name: "如何成为一个产品经理",
-                complete: "已完成",
-              },
-              {
-                course: "外链",
-                name: "如何成为一个产品经理",
-                complete: "已完成",
-              },
-              {
-                course: "讨论",
-                name: "如何成为一个产品经理",
-                complete: "未完成",
-              },
-              {
-                course: "测评",
-                name: "如何成为一个产品经理",
-                complete: "未完成",
-              },
-            ],
-          },
-        ],
-        stageListActive: 0,
+      Provisible: false,
+      showDown: true,
+      showDown1: false,
+      stageList: [
+        {
+          text: "阶段1腾飞班阶段1",
+          children: [
+            {
+              course: "在线",
+              name: "如何成为一个产品经理",
+              complete: "已完成",
+            },
+            {
+              course: "直播",
+              name: "管理直播课",
+              complete: "已完成",
+            },
+            {
+              course: "面授",
+              name: "管理面授课",
+              complete: "未完成",
+            },
+            {
+              course: "活动",
+              name: "管理活动",
+              complete: "未完成",
+            },
+            {
+              course: "作业",
+              name: "管理者作业",
+              complete: "未完成",
+            },
+          ],
+        },
+        {
+          text: "阶段2腾飞班阶段2",
+          children: [
+            {
+              course: "考试",
+              name: "如何成为一个产品经理",
+              complete: "已完成",
+            },
+            {
+              course: "案例",
+              name: "如何成为一个产品经理",
+              complete: "已完成",
+            },
+            {
+              course: "外链",
+              name: "如何成为一个产品经理",
+              complete: "已完成",
+            },
+            {
+              course: "讨论",
+              name: "如何成为一个产品经理",
+              complete: "未完成",
+            },
+            {
+              course: "测评",
+              name: "如何成为一个产品经理",
+              complete: "未完成",
+            },
+          ],
+        },
+      ],
+      stageListActive: 0,
     });
     const closeDrawer = () => {
       ctx.emit("update:Seevisible", false);
@@ -245,7 +261,7 @@ export default {
 };
 </script>
 
-<style lang="scss" >
+<style lang="scss">
 .seestu {
   .ant-drawer-content-wrapper {
     // max-width: 1000px;
@@ -259,7 +275,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
@@ -361,7 +377,7 @@ export default {
         //border: 1px solid rgba(221, 238, 255, 1);
         //border-radius: 6px;
         .ant-collapse {
-          background-color: #FFFFFF;
+          background-color: #ffffff;
           border: 0;
         }
         .ant-collapse-content > .ant-collapse-content-box {
@@ -448,4 +464,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/drawers/StuAdd.vue b/src/components/drawers/StuAdd.vue
index d3d9bbf4..cdb761cf 100644
--- a/src/components/drawers/StuAdd.vue
+++ b/src/components/drawers/StuAdd.vue
@@ -1050,7 +1050,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    // overflow-y: scroll;
+    // overflow-y: auto;
     display: flex;
     flex-direction: column;
 
diff --git a/src/components/drawers/SubsetManage.vue b/src/components/drawers/SubsetManage.vue
index e3f181f0..5e5f424f 100644
--- a/src/components/drawers/SubsetManage.vue
+++ b/src/components/drawers/SubsetManage.vue
@@ -57,7 +57,6 @@
     <!-- 创建小组抽屉 -->
     <add-group v-model:Avisible="Avisible" />
   </a-drawer>
-  
 </template>
 
 <script>
@@ -76,7 +75,7 @@ export default {
     const state = reactive({
       Avisible: false,
       value1: "",
-      value2:"",
+      value2: "",
       value3: "",
     });
     const closeDrawer = () => {
@@ -120,7 +119,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
diff --git a/src/components/drawers/TaskFaceIn.vue b/src/components/drawers/TaskFaceIn.vue
index fa14b9bf..c55e492b 100644
--- a/src/components/drawers/TaskFaceIn.vue
+++ b/src/components/drawers/TaskFaceIn.vue
@@ -129,12 +129,12 @@ export default {
 };
 </script>
 
-<style lang="scss" >
+<style lang="scss">
 .TaskFaceImpStu {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
@@ -353,4 +353,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/drawers/TestManage.vue b/src/components/drawers/TestManage.vue
index d2dbd1d7..a71722cc 100644
--- a/src/components/drawers/TestManage.vue
+++ b/src/components/drawers/TestManage.vue
@@ -365,7 +365,7 @@ export default {
   .drawerMain {
     min-width: 520px;
     margin: 0px 32px 0px 32px;
-    // overflow-x: scroll;
+    // overflow-x: auto;
     display: flex;
     flex-direction: column;
     position: relative;
diff --git a/src/components/drawers/TimeManage.vue b/src/components/drawers/TimeManage.vue
index f71b9c75..e15764a2 100644
--- a/src/components/drawers/TimeManage.vue
+++ b/src/components/drawers/TimeManage.vue
@@ -318,11 +318,11 @@ export default {
 //   }
 // }
 .TimeManage {
-  // overflow-x: scroll;
+  // overflow-x: auto;
   .drawerMain {
     min-width: 550px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .noticebox {
diff --git a/src/components/drawers/ViewAssess.vue b/src/components/drawers/ViewAssess.vue
index 3df8b914..f068b7fa 100644
--- a/src/components/drawers/ViewAssess.vue
+++ b/src/components/drawers/ViewAssess.vue
@@ -17,73 +17,86 @@
       </div>
       <div class="main">
         <div class="onerow">
-            <div class="assname">评估名称：</div>
-            <div class="asscontent">产品经理面授课评估</div>
+          <div class="assname">评估名称：</div>
+          <div class="asscontent">产品经理面授课评估</div>
         </div>
         <div class="onerow" style="margin-top: 30px">
-            <div class="assname">评估说明：</div>
-            <div class="asscontent">-</div>
+          <div class="assname">评估说明：</div>
+          <div class="asscontent">-</div>
         </div>
         <div class="assessbox" style="margin-top: 30px">
-            <div class="box1">
-                <div class="asstype">评估类型：</div>
-                <div class="typename">单选</div>
+          <div class="box1">
+            <div class="asstype">评估类型：</div>
+            <div class="typename">单选</div>
+          </div>
+          <div class="box1" style="margin-left: 64px">
+            <div class="asstype">题干：</div>
+            <div style="color: rgba(153, 153, 153, 1); font-size: 14px">
+              这个课程你觉得对你有用吗？
             </div>
-            <div class="box1" style="margin-left: 64px">
-                <div class="asstype">题干：</div>
-                <div style="color: rgba(153, 153, 153, 1);font-size: 14px">这个课程你觉得对你有用吗？</div>
+          </div>
+          <a-radio-group v-model:value="value">
+            <div class="box1" style="margin-left: 55px; margin-top: 20px">
+              <div class="asstype">选择1：</div>
+              <a-radio :value="1">有用</a-radio>
             </div>
-            <a-radio-group v-model:value="value">
-                <div class="box1" style="margin-left: 55px;margin-top: 20px">
-                    <div class="asstype">选择1：</div>
-                    <a-radio :value="1">有用</a-radio>
-                </div>
-                <div class="box1" style="margin-left: 55px;margin-top: 20px;margin-bottom: 30px">
-                    <div class="asstype">选择2：</div>
-                    <a-radio :value="2">没用</a-radio>
-                </div>
-            </a-radio-group>
-            
+            <div
+              class="box1"
+              style="margin-left: 55px; margin-top: 20px; margin-bottom: 30px"
+            >
+              <div class="asstype">选择2：</div>
+              <a-radio :value="2">没用</a-radio>
+            </div>
+          </a-radio-group>
         </div>
         <div class="assessbox" style="margin-top: 30px">
-            <div class="box1">
-                <div class="asstype">评估类型：</div>
-                <div class="typename">问答题</div>
+          <div class="box1">
+            <div class="asstype">评估类型：</div>
+            <div class="typename">问答题</div>
+          </div>
+          <div class="box1" style="margin-left: 64px">
+            <div class="asstype">标题：</div>
+            <div style="color: rgba(153, 153, 153, 1); font-size: 14px">
+              对这个课程有什么建议吗？
             </div>
-            <div class="box1" style="margin-left: 64px">
-                <div class="asstype">标题：</div>
-                <div style="color: rgba(153, 153, 153, 1);font-size: 14px">对这个课程有什么建议吗？</div>
-            </div>
-            <div class="box1" style="margin-left: 64px;margin-top: 20px;margin-bottom: 30px">
-                <div class="asstype">描述：</div>
-                <div style="color: rgba(51, 51, 51, 1);font-size: 14px">希望以后这样的课程能够躲开，让我们多多了解！</div>
+          </div>
+          <div
+            class="box1"
+            style="margin-left: 64px; margin-top: 20px; margin-bottom: 30px"
+          >
+            <div class="asstype">描述：</div>
+            <div style="color: rgba(51, 51, 51, 1); font-size: 14px">
+              希望以后这样的课程能够躲开，让我们多多了解！
             </div>
+          </div>
         </div>
         <div class="assessbox" style="margin-top: 30px">
-            <div class="box1">
-                <div class="asstype">评估类型：</div>
-                <div class="typename">评分题</div>
+          <div class="box1">
+            <div class="asstype">评估类型：</div>
+            <div class="typename">评分题</div>
+          </div>
+          <div class="box1" style="margin-left: 64px">
+            <div class="asstype">标题：</div>
+            <div style="color: rgba(153, 153, 153, 1); font-size: 14px">
+              请给当前课程打分
             </div>
-            <div class="box1" style="margin-left: 64px">
-                <div class="asstype">标题：</div>
-                <div style="color: rgba(153, 153, 153, 1);font-size: 14px">请给当前课程打分</div>
-            </div>
-            <div class="lastbox">
-                <div class="sorcetext">非常不满意</div>
-                <div class="sorcebox">
-                    <div class="numbox" >1</div>
-                    <div class="numbox">2</div>
-                    <div class="numbox">3</div>
-                    <div class="numbox">4</div>
-                    <div class="numbox">5</div>
-                    <div class="numbox">6</div>
-                    <div class="numbox">7</div>
-                    <div class="numbox">8</div>
-                    <div class="numbox1">9</div>
-                    <div class="numbox1">10</div>
-                </div>
-                <div class="sorcetext">非常满意</div>
+          </div>
+          <div class="lastbox">
+            <div class="sorcetext">非常不满意</div>
+            <div class="sorcebox">
+              <div class="numbox">1</div>
+              <div class="numbox">2</div>
+              <div class="numbox">3</div>
+              <div class="numbox">4</div>
+              <div class="numbox">5</div>
+              <div class="numbox">6</div>
+              <div class="numbox">7</div>
+              <div class="numbox">8</div>
+              <div class="numbox1">9</div>
+              <div class="numbox1">10</div>
             </div>
+            <div class="sorcetext">非常满意</div>
+          </div>
         </div>
       </div>
       <div class="btnn">
@@ -131,7 +144,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
@@ -160,13 +173,13 @@ export default {
         margin-top: 10px;
         margin-left: 10px;
         .assname {
-            font-size: 16px;
-            color: #333333;
-            font-weight: 500;
+          font-size: 16px;
+          color: #333333;
+          font-weight: 500;
         }
         .asscontent {
-            color: #999999;
-            font-size: 16px;
+          color: #999999;
+          font-size: 16px;
         }
       }
       .assessbox {
@@ -175,66 +188,65 @@ export default {
         display: flex;
         flex-direction: column;
         .box1 {
+          display: flex;
+          margin-top: 20px;
+          margin-left: 36px;
+          align-items: center;
+          .asstype {
+            color: rgba(51, 51, 51, 1);
+            font-size: 14px;
+            font-weight: 500;
+          }
+          .typename {
+            width: 80px;
+            height: 32px;
+            //margin-left: 10px;
+            border-radius: 4px;
+            border: 1px solid rgba(64, 158, 255, 1);
             display: flex;
-            margin-top: 20px;
-            margin-left: 36px;
+            justify-content: center;
             align-items: center;
-            .asstype {
-                color: rgba(51, 51, 51, 1);
-                font-size: 14px;
-                font-weight: 500;
-            }
-            .typename {
-                width: 80px;
-                height: 32px;
-                //margin-left: 10px;
-                border-radius: 4px;
-                border: 1px solid rgba(64, 158, 255, 1);
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                color: rgba(64, 158, 255, 1);
-                font-size: 14px;
-                background: rgba(64,158,255,0.1);
-            }
+            color: rgba(64, 158, 255, 1);
+            font-size: 14px;
+            background: rgba(64, 158, 255, 0.1);
+          }
         }
         .lastbox {
+          display: flex;
+          align-items: center;
+          margin-left: 30px;
+          .sorcetext {
+            color: rgba(153, 153, 153, 1);
+            font-size: 14px;
+          }
+          .sorcebox {
             display: flex;
-            align-items: center;
-            margin-left: 30px;
-            .sorcetext {
-                color: rgba(153, 153, 153, 1);
-                font-size: 14px;
+            .numbox {
+              width: 32px;
+              height: 32px;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              background: rgba(64, 158, 255, 1);
+              color: #ffffff;
+              font-size: 14px;
+              border-radius: 4px;
+              margin: 20px 5px;
+              cursor: pointer;
             }
-            .sorcebox {
-                display: flex;
-                .numbox {
-                    width: 32px;
-                    height: 32px;
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    background: rgba(64, 158, 255, 1);
-                    color: #FFFFFF;
-                    font-size: 14px;
-                    border-radius: 4px;
-                    margin: 20px 5px;
-                    cursor: pointer;
-                }
-                .numbox1 {
-                    width: 32px;
-                    height: 32px;
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    border: 1px solid rgba(151, 151, 151, 0.29);
-                    color: rgba(0, 0, 0, 0.6500);
-                    margin: 20px 5px;
-                    cursor: pointer;
-                    border-radius: 4px;
-                }
+            .numbox1 {
+              width: 32px;
+              height: 32px;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              border: 1px solid rgba(151, 151, 151, 0.29);
+              color: rgba(0, 0, 0, 0.65);
+              margin: 20px 5px;
+              cursor: pointer;
+              border-radius: 4px;
             }
-            
+          }
         }
       }
     }
diff --git a/src/components/drawers/WorkDetail.vue b/src/components/drawers/WorkDetail.vue
index d5256d52..33228d92 100644
--- a/src/components/drawers/WorkDetail.vue
+++ b/src/components/drawers/WorkDetail.vue
@@ -89,7 +89,7 @@ export default {
 };
 </script>
 
-<style scoped lang="scss" >
+<style scoped lang="scss">
 // .drawerStyle {
 //   .ant-drawer-content-wrapper {
 //     // max-width: 1000px;
@@ -106,7 +106,7 @@ export default {
   .drawerMain {
     min-width: 450px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
@@ -238,4 +238,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/drawers/WorkManage.vue b/src/components/drawers/WorkManage.vue
index bd655f9b..9348356b 100644
--- a/src/components/drawers/WorkManage.vue
+++ b/src/components/drawers/WorkManage.vue
@@ -366,7 +366,7 @@ export default {
 };
 </script>
 
-<style  lang="scss" >
+<style lang="scss">
 // .drawerStyle {
 //   .ant-drawer-content-wrapper {
 //     // max-width: 1000px;
@@ -486,7 +486,7 @@ export default {
   .drawerMain {
     min-width: 550px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
@@ -675,4 +675,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/store/index.js b/src/store/index.js
index fd665d1d..4754115b 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -6,8 +6,9 @@ export default createStore({
 			pagename: "学习路径",
 			href: "/learningpath",
 			active: true,
-		},]
+		},],
 
+		routerId: null,
 	},
 	getters: {
 
@@ -16,7 +17,11 @@ export default createStore({
 		chengeOpenpages(state, list) {
 			// console.log('list', list)
 			state.openpages = list
-		}
+		},
+		chengeRouterId(state, routerId) {
+			// console.log('list', list)
+			state.routerId = routerId
+		},
 	},
 	actions: {
 	},
diff --git a/src/views/TestPage.vue b/src/views/TestPage.vue
index 7cdfd951..046eadf1 100644
--- a/src/views/TestPage.vue
+++ b/src/views/TestPage.vue
@@ -20,7 +20,6 @@ export default {
   name: "TestPage",
   setup() {
     const state = reactive({});
-
     return {
       ...toRefs(state),
     };
@@ -30,14 +29,10 @@ export default {
 $(document).ready(function () {
   var range = { x: 0, y: 0 }; //鼠标元素偏移量
   var lastPos = { x: 0, y: 0, x1: 0, y1: 0 }; //拖拽对象的四个坐标
-
   var tarPos = { x: 0, y: 0, x1: 0, y1: 0 }; //目标元素对象的坐标初始化
-
   var theDiv = null,
     move = false;
-
   var choose = false; //拖拽对象 拖拽状态 选中状态
-
   // var theDivId = 0;
   // var theDivHeight = 0;
   var theDivHalf = 0;
@@ -101,7 +96,6 @@ $(document).ready(function () {
       if (!choose) {
         return false;
       }
-
       if (!move) {
         //恢复对象的初始样式
 
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 51ea5961..cefe7a20 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -1042,36 +1042,36 @@ export default {
                       <div
                         class="jc"
                         onClick={() => {
-                          state.out1 = true;
-                          state.pathName = text.record.manager;
-                          // state.pathBg = "";
-                          // state.organizationSelectName = null;
-                          // state.organizationSelectId = null;
-                          state.pathIntro = text.record.remark;
-                          state.editPathId = text.record.id;
+                          // state.out1 = true;
+                          // state.pathName = text.record.manager;
+                          // // state.pathBg = "";
+                          // // state.organizationSelectName = null;
+                          // // state.organizationSelectId = null;
+                          // state.pathIntro = text.record.remark;
+                          // state.editPathId = text.record.id;
                         }}
-                      >
-                        编辑
-                      </div>
-                    </div>
-                  ) : (
-                    <div></div>
-                  )}
-                  {text.record.state === "未发布" ? (
-                    <div class="fb">
-                      <div
-                        style="cursor:pointer"
-                        class="jc"
-                        onClick={() => {
-                          showCopyModal();
-                        }}
-                      >
-                        复制
-                      </div>
+                      ></div>
                     </div>
                   ) : (
                     <div></div>
                   )}
+                  {
+                    // 	text.record.state === "未发布" ? (
+                    //   <div class="fb">
+                    //     <div
+                    //       style="cursor:pointer"
+                    //       class="jc"
+                    //       onClick={() => {
+                    //         showCopyModal();
+                    //       }}
+                    //     >
+                    //       复制
+                    //     </div>
+                    //   </div>
+                    // ) : (
+                    //   <div></div>
+                    // )
+                  }
                 </div>
                 <div class="tableSelect">
                   <div
@@ -1079,8 +1079,8 @@ export default {
                     onClick={() => {
                       router.push({
                         path: "/leveladd",
-                        query: { routerId: text.record.id },
                       });
+                      localStorage.setItem("routerId", text.record.id);
                     }}
                   >
                     管理
@@ -1220,13 +1220,26 @@ export default {
                   ) : (
                     <div></div>
                   )}
-                  {text.record.state === "未发布" ? (
+                  {text.record.state === "已停用" ? (
                     <div>
                       <a-select
                         style="width: 50px;margin-top:2px;margin-right:20px;"
                         value="更多"
                         dropdownClassName="tabledropdown"
                       >
+                        <a-select-option
+                          value="复制"
+                          label="复制"
+                          style="padding-left:35px"
+                        >
+                          <div
+                            onClick={() => {
+                              showCopyModal();
+                            }}
+                          >
+                            复制
+                          </div>
+                        </a-select-option>
                         <a-select-option
                           value="启用"
                           label="启用"
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 99272042..0fc9e098 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -258,7 +258,9 @@
               </router-link>
             </div>
             <!-- 无数据显示快速创建 -->
-            <router-link to="/leveladddetail">
+            <router-link
+              :to="{ path: '/leveladddetail', query: { routerId: routerId } }"
+            >
               <div
                 class="taskbox"
                 style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
@@ -493,13 +495,10 @@
                 <button class="addd" @click="showImpStu">导入学员</button>
                 <div class="select">
                   <a-select
-                    v-model:value="projectName"
                     style="width: 130px"
-                    placeholder="更多操作"
+                    value="更多操作"
                     :options="projectNameListt"
                     @change="selectProjectName"
-                    allowClear
-                    showSearch
                   ></a-select>
                 </div>
               </div>
@@ -899,7 +898,8 @@ import TimeManage from "../../components/drawers/TimeManage";
 import TestManage from "../../components/drawers/TestManage";
 import FaceManage from "../../components/drawers/FaceManage";
 import WorkManage from "../../components/drawers/WorkManage";
-import { useRoute } from "vue-router";
+// import { useRoute } from "vue-router";
+// import { useStore } from "vuex";
 import * as api from "../../api/index1";
 export default {
   name: "LevelAdd",
@@ -916,9 +916,10 @@ export default {
   },
   methods: {},
   setup() {
-    const routers = useRoute();
+    // const routers = useRoute();
+    // const store = useStore();
     const state = reactive({
-      routerId: routers.query.routerId, //学习路径页面传的学习路径id
+      routerId: localStorage.getItem("routerId"), //学习路径页面传的学习路径id
       gatename: null, //关卡名称
       gatenamee: null, //学员管理关卡名称
       deleteAll: false, //批量删除学员弹窗
@@ -1237,6 +1238,7 @@ export default {
         },
       ],
     });
+    console.log("store", state.routerId);
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
       if (value === "批量删除") {
@@ -1472,6 +1474,7 @@ export default {
         });
     };
 
+    //学员管理------------------------------------------------
     return {
       ...toRefs(state),
       selectProjectName,
@@ -2839,6 +2842,10 @@ export default {
                 }
               }
             }
+            .ant-select-selection-item {
+              padding-left: 15px;
+              color: #4ea6ff;
+            }
           }
         }
         .talk {
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index 7e2638a9..7af4435b 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -60,7 +60,7 @@
       <div class="main">
         <div class="inma">
           <div class="name">
-            <div class="d" style="margin-top: 2px;margin-right:2px">
+            <div class="d" style="margin-top: 2px; margin-right: 2px">
               <img
                 style="width: 10px; height: 10px"
                 src="../../assets/images/basicinfo/asterisk.png"
@@ -78,8 +78,15 @@
             <div class="co">{{ value1.length }}/20</div>
           </div>
           <div class="name">
-          <div class="d" style="width: 10px;height: 10px;margin-top: 2px;margin-right:2px">
-            </div>
+            <div
+              class="d"
+              style="
+                width: 10px;
+                height: 10px;
+                margin-top: 2px;
+                margin-right: 2px;
+              "
+            ></div>
             <div class="fir">关卡说明：</div>
             <div class="input">
               <a-textarea
@@ -822,7 +829,7 @@ export default {
 
     //新建关卡
     const editChapter = () => {
-       if(!state.value1) return message.warning("请输入关卡名称");
+      if (!state.value1) return message.warning("请输入关卡名称");
       let obj = {
         name: state.value1,
         remark: state.value2,
@@ -845,25 +852,25 @@ export default {
         .catch((err) => {
           console.log("创建失败", err);
         });
-    }
+    };
 
     //编辑关卡
     const updateChapter = () => {
       let obj = {
         chapterId: state.updateChapterID,
         name: "",
-        remark:"",
+        remark: "",
         routerId: 0,
       };
       api
         .updateChapter(obj)
         .then((res) => {
-          console.log("修改成功",res);
+          console.log("修改成功", res);
           message.success("修改成功");
         })
         .catch((err) => {
-          console.log("修改失败",err);
-        })
+          console.log("修改失败", err);
+        });
     };
     const showDrawer = () => {
       state.visible = true;
@@ -993,9 +1000,14 @@ export default {
                   <span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
                     编辑
                   </span>
-                  <span style="color:#4EA6FF;cursor:pointer" onClick={() => {
-                    updateChapter();
-                  }}>删除</span>
+                  <span
+                    style="color:#4EA6FF;cursor:pointer"
+                    onClick={() => {
+                      updateChapter();
+                    }}
+                  >
+                    删除
+                  </span>
                 </div>
               </div>
             );
@@ -1352,9 +1364,9 @@ export default {
                 width: 100px;
                 height: 40px;
                 border-radius: 4px;
-                border: 1px solid #409EFF;
+                border: 1px solid #409eff;
                 font-size: 14px;
-                color: #409EFF;
+                color: #409eff;
                 cursor: pointer;
                 background: #ffffff;
                 margin-right: 20px;
@@ -1367,7 +1379,7 @@ export default {
                 color: #fff;
                 cursor: pointer;
                 border: 0;
-                background: #409EFF;
+                background: #409eff;
               }
             }
           }
@@ -1389,7 +1401,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
diff --git a/src/views/projectcenter/ClassAdd.vue b/src/views/projectcenter/ClassAdd.vue
index b836d6ea..e2605ff5 100644
--- a/src/views/projectcenter/ClassAdd.vue
+++ b/src/views/projectcenter/ClassAdd.vue
@@ -1,53 +1,82 @@
 <!---- 创建班级页面 --->
 <template>
-	<div class="projectAdd">
-		<div class="header">
-			<span class="title">创建/编辑班级</span>
-			<router-link to="/projectmanage" class="goback">
-				<span class="return"></span><span class="returntext">返回</span>
-			</router-link>
-		</div>
-		<div class="content">
-			<div class="main">
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目归属</div>
-					</div>
-					<div class="in">
-						<div style="color: #C7CBD2;font-size: 14px;margin-left: 15px">{{ projectAscription }}</div>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">班级名称</div>
-					</div>
-					<div class="in">
-						<a-input v-model:value="projectName" placeholder="请输入班级名称" show-count :maxlength="30" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">分类</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect" placeholder="四个养成" style="width: 100%" :options="classifyList"
-							@change="classificationChange" allowClear showSearch>
-						</a-select>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">封面图</div>
-					</div>
-					<div class="box" style="
+  <div class="projectAdd">
+    <div class="header">
+      <span class="title">创建/编辑班级</span>
+      <router-link to="/projectmanage" class="goback">
+        <span class="return"></span><span class="returntext">返回</span>
+      </router-link>
+    </div>
+    <div class="content">
+      <div class="main">
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目归属</div>
+          </div>
+          <div class="in">
+            <div style="color: #c7cbd2; font-size: 14px; margin-left: 15px">
+              {{ projectAscription }}
+            </div>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">班级名称</div>
+          </div>
+          <div class="in">
+            <a-input
+              v-model:value="projectName"
+              placeholder="请输入班级名称"
+              show-count
+              :maxlength="30"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">分类</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect"
+              placeholder="四个养成"
+              style="width: 100%"
+              :options="classifyList"
+              @change="classificationChange"
+              allowClear
+              showSearch
+            >
+            </a-select>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">封面图</div>
+          </div>
+          <div
+            class="box"
+            style="
               width: 100px;
               height: 100px;
               border: 1px solid rgba(78, 166, 255, 1);
@@ -55,821 +84,933 @@
               cursor: pointer;
               position: relative;
               overflow: hidden;
-            ">
-						<a-upload v-model:file-list="fileList" name="file" list-type="picture-card" class="avatar-uploader"
-							:show-upload-list="false" action="/api/file/upload" :before-upload="beforeUpload" @change="handleChange">
-							<img style="
+            "
+          >
+            <a-upload
+              v-model:file-list="fileList"
+              name="file"
+              list-type="picture-card"
+              class="avatar-uploader"
+              :show-upload-list="false"
+              action="/api/file/upload"
+              :before-upload="beforeUpload"
+              @change="handleChange"
+            >
+              <img
+                style="
                   width: 100px;
                   height: 100px;
                   margin-bottom: 4px;
                   margin-right: 4px;
-                " v-if="imageUrl" :src="imageUrl" alt="avatar" />
-							<div v-else>
-								<!-- <loading-outlined v-if="loading"></loading-outlined> -->
-								<!-- <plus-outlined v-else></plus-outlined> -->
-								<div class="box1"></div>
-								<div class="box2"></div>
-								<!-- <div class="ant-upload-text"></div> -->
-							</div>
-						</a-upload>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">子项目时间</div>
-					</div>
+                "
+                v-if="imageUrl"
+                :src="imageUrl"
+                alt="avatar"
+              />
+              <div v-else>
+                <!-- <loading-outlined v-if="loading"></loading-outlined> -->
+                <!-- <plus-outlined v-else></plus-outlined> -->
+                <div class="box1"></div>
+                <div class="box2"></div>
+                <!-- <div class="ant-upload-text"></div> -->
+              </div>
+            </a-upload>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">子项目时间</div>
+          </div>
 
-					<div class="in">
-						<a-range-picker separator="至" :placeholder="['      开始时间', '        结束时间']"
-							style="width: 100%; height: 40px; border-radius: 5px" show-time @change="onRangeChange" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">子项目经理</div>
-					</div>
-					<div class="in">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" :value="classifySelect1" mode="multiple" placeholder="请选择子项目经理" style="width: 100%" :options="classifyList1"
-							@change="classificationChange1" allowClear showSearch>
-						</a-select>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">资源归属</div>
-					</div>
+          <div class="in">
+            <a-range-picker
+              separator="至"
+              :placeholder="['      开始时间', '        结束时间']"
+              style="width: 100%; height: 40px; border-radius: 5px"
+              show-time
+              @change="onRangeChange"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">子项目经理</div>
+          </div>
+          <div class="in">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              :value="classifySelect1"
+              mode="multiple"
+              placeholder="请选择子项目经理"
+              style="width: 100%"
+              :options="classifyList1"
+              @change="classificationChange1"
+              allowClear
+              showSearch
+            >
+            </a-select>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">资源归属</div>
+          </div>
 
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect2" placeholder="自动带出 可修改" :options="classifyList2"
-							@change="classificationChange2" />
-					</div>
-				</div>
-				<div class="name name2">
-					<div class="namebox">
-						<div class="inname" style="margin-top: 13px">项目说明</div>
-					</div>
-					<div class="in">
-						<a-textarea v-model:value="remark" style="height: 80px" placeholder="请输入说明" show-count :maxlength="200" />
-					</div>
-				</div>
-				<div class="name name2">
-					<div class="namebox">
-						<div class="inname">同步学习记录</div>
-					</div>
-					<div class="in">
-						<a-radio @click="changeChecked" v-model:checked="checked"><span style="
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect2"
+              placeholder="自动带出 可修改"
+              :options="classifyList2"
+              @change="classificationChange2"
+            />
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname" style="margin-top: 13px">项目说明</div>
+          </div>
+          <div class="in">
+            <a-textarea
+              v-model:value="remark"
+              style="height: 80px"
+              placeholder="请输入说明"
+              show-count
+              :maxlength="200"
+            />
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname">同步学习记录</div>
+          </div>
+          <div class="in">
+            <a-radio @click="changeChecked" v-model:checked="checked"
+              ><span
+                style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
-                ">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span></a-radio>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目级别</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect3" :options="classifyList3" @change="classificationChange3"
-							placeholder="集团级/组织级/现地级/部门级" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">培训体系</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect4" :options="classifyList4" @change="classificationChange4"
-							placeholder="集团级/组织级/现地级/部门级" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">是否BOEU实施</div>
-					</div>
-					<div class="in">
-						<a-radio @click="changeChecked1" v-model:checked="checked1"><span style="
+                "
+                >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+              ></a-radio
+            >
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目级别</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect3"
+              :options="classifyList3"
+              @change="classificationChange3"
+              placeholder="集团级/组织级/现地级/部门级"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">培训体系</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect4"
+              :options="classifyList4"
+              @change="classificationChange4"
+              placeholder="集团级/组织级/现地级/部门级"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">是否BOEU实施</div>
+          </div>
+          <div class="in">
+            <a-radio @click="changeChecked1" v-model:checked="checked1"
+              ><span
+                style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
-                ">BOEU实施</span></a-radio>
-					</div>
-				</div>
-				<div class="name name2">
-					<div class="namebox" style="margin-top: 8px">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">附件</div>
-					</div>
-					<div class="filebox">
-						<div>
-							<img v-if="fileList1.length < 6" class="fileimg" src="../../assets/images/projectadd/enclosure.png" />
-							<a-upload :disabled="fileList1.length > 5" :before-upload="beforeUpload1" v-model:file-list="fileList1"
-								@remove="removeFile" name="file" action="/api/file/upload" :headers="headers" @change="handleChange1">
-								<!-- <a-button> -->
-								<!-- <upload-outlined></upload-outlined> -->
-								<span v-if="fileList1.length > 5" class="filetext">上传数量已经达到最大值</span>
-								<span v-else class="filetext">上传附件</span>
-								<!-- </a-button> -->
-							</a-upload>
-						</div>
-						<div class="support">
-							支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
-						</div>
-					</div>
-				</div>
-			</div>
-			<div class="template">
-				<div class="name">
-					<div class="inname" style="width: 50px">模版</div>
-					<div class="in select" style="margin-left: 2px">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect5" placeholder="请选择模版" :size="size" style="width: 100%" :options="classifyList5"
-							@change="classificationChange5">
-						</a-select>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="footer">
-			<div class="btn">
-				<a-button v-on:click="createProject" type="primary" class="btn1">确定</a-button>
-				<a-button class="btn2">取消</a-button>
-			</div>
-		</div>
-	</div>
+                "
+                >BOEU实施</span
+              ></a-radio
+            >
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox" style="margin-top: 8px">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">附件</div>
+          </div>
+          <div class="filebox">
+            <div>
+              <img
+                v-if="fileList1.length < 6"
+                class="fileimg"
+                src="../../assets/images/projectadd/enclosure.png"
+              />
+              <a-upload
+                :disabled="fileList1.length > 5"
+                :before-upload="beforeUpload1"
+                v-model:file-list="fileList1"
+                @remove="removeFile"
+                name="file"
+                action="/api/file/upload"
+                :headers="headers"
+                @change="handleChange1"
+              >
+                <!-- <a-button> -->
+                <!-- <upload-outlined></upload-outlined> -->
+                <span v-if="fileList1.length > 5" class="filetext"
+                  >上传数量已经达到最大值</span
+                >
+                <span v-else class="filetext">上传附件</span>
+                <!-- </a-button> -->
+              </a-upload>
+            </div>
+            <div class="support">
+              支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="template">
+        <div class="name">
+          <div class="inname" style="width: 50px">模版</div>
+          <div class="in select" style="margin-left: 2px">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect5"
+              placeholder="请选择模版"
+              :size="size"
+              style="width: 100%"
+              :options="classifyList5"
+              @change="classificationChange5"
+            >
+            </a-select>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="footer">
+      <div class="btn">
+        <a-button v-on:click="createProject" type="primary" class="btn1"
+          >确定</a-button
+        >
+        <a-button class="btn2">取消</a-button>
+      </div>
+    </div>
+  </div>
 </template>
 <script>
 import { reactive, toRefs, ref } from "vue";
-import { message } from 'ant-design-vue';
+import { message } from "ant-design-vue";
 import { useRouter, useRoute } from "vue-router";
 import * as api from "../../api/index";
 
 export default {
-	name: "classAdd",
-	setup() {
-		const router = useRouter();
-		const routers = useRoute();
-		const state = reactive({
-			classifySelect: null,
-			classifySelectId: null,
-			checked: false,
-			checked1: false,
-			valueE: null,
-			valueE1: null,
-			valueE2: null,
+  name: "classAdd",
+  setup() {
+    const router = useRouter();
+    const routers = useRoute();
+    const state = reactive({
+      classifySelect: null,
+      classifySelectId: null,
+      checked: false,
+      checked1: false,
+      valueE: null,
+      valueE1: null,
+      valueE2: null,
 
-			projectAscription: '',
-		});
+      projectAscription: "",
+    });
 
-		const projectName = ref('');
+    const projectName = ref("");
 
-		state.projectAscription = routers.query.name;
+    state.projectAscription = routers.query.name;
 
-		const classifyList = ref([
-			{ value: 1, label: '管理者' },
-			{ value: 2, label: '领军者' },
-			{ value: 3, label: '产业人' },
-		]);
+    const classifyList = ref([
+      { value: 1, label: "管理者" },
+      { value: 2, label: "领军者" },
+      { value: 3, label: "产业人" },
+    ]);
 
-		let projectType = "";
+    let projectType = "";
 
-		const classificationChange = (value) => {
-			console.log(`selected ${value}`);
-			projectType = value;
-		};
+    const classificationChange = (value) => {
+      console.log(`selected ${value}`);
+      projectType = value;
+    };
 
-		function getBase64(img, callback) {
-			const reader = new FileReader();
-			reader.addEventListener('load', () => callback(reader.result));
-			reader.readAsDataURL(img);
-		}
+    function getBase64(img, callback) {
+      const reader = new FileReader();
+      reader.addEventListener("load", () => callback(reader.result));
+      reader.readAsDataURL(img);
+    }
 
-		const fileList = ref([]);
-		const fileList1 = ref([]);
-		const loading = ref(false);
-		const imageUrl = ref('');
-		let picUrl = '';
+    const fileList = ref([]);
+    const fileList1 = ref([]);
+    const loading = ref(false);
+    const imageUrl = ref("");
+    let picUrl = "";
 
-		const handleChange = (info) => {
-			if (info.file.status === 'uploading') {
-				loading.value = true;
-				return;
-			}
-			if (info.file.status === 'done') {
-				console.log('上传图片返回的信息 %o', info)
-				picUrl = info.file.response.data;
-				// Get this url from response in real world.
-				getBase64(info.file.originFileObj, (base64Url) => {
-					imageUrl.value = base64Url;
-					loading.value = false;
-				});
-			}
-			if (info.file.status === 'error') {
-				loading.value = false;
-				message.error('upload error');
-			}
-		};
+    const handleChange = (info) => {
+      if (info.file.status === "uploading") {
+        loading.value = true;
+        return;
+      }
+      if (info.file.status === "done") {
+        console.log("上传图片返回的信息 %o", info);
+        picUrl = info.file.response.data;
+        // Get this url from response in real world.
+        getBase64(info.file.originFileObj, (base64Url) => {
+          imageUrl.value = base64Url;
+          loading.value = false;
+        });
+      }
+      if (info.file.status === "error") {
+        loading.value = false;
+        message.error("upload error");
+      }
+    };
 
-		let uplodaFileCount = false;
+    let uplodaFileCount = false;
 
-		let attach = "";
-		let attachData = "";
-		const handleChange1 = (info) => {
-			if (info.file.status === 'uploading') {
-				loading.value = true;
-				return;
-			}
-			if (info.file.status === 'done') {
-				console.log('上传附件返回的信息 %o', info, info.fileList.length, uplodaFileCount)
+    let attach = "";
+    let attachData = "";
+    const handleChange1 = (info) => {
+      if (info.file.status === "uploading") {
+        loading.value = true;
+        return;
+      }
+      if (info.file.status === "done") {
+        console.log(
+          "上传附件返回的信息 %o",
+          info,
+          info.fileList.length,
+          uplodaFileCount
+        );
 
-				let attachStr = "";
-				attachData = info.fileList;
-				for (let i = 0; i < attachData.length; i++) {
-					if (attachData.length - 1 == i) {
-						attachStr += attachData[i].response.data;
-					} else {
-						attachStr += attachData[i].response.data + ',';
-					}
-				}
-				console.log(attachStr)
-				attach = attachStr;
+        let attachStr = "";
+        attachData = info.fileList;
+        for (let i = 0; i < attachData.length; i++) {
+          if (attachData.length - 1 == i) {
+            attachStr += attachData[i].response.data;
+          } else {
+            attachStr += attachData[i].response.data + ",";
+          }
+        }
+        console.log(attachStr);
+        attach = attachStr;
 
-				if (info.fileList.length > 5) {
-					uplodaFileCount = true;
-				} else {
-					uplodaFileCount = false;
-				}
-			}
-			if (info.file.status === 'error') {
-				loading.value = false;
-				message.error('upload error');
-			}
-		};
+        if (info.fileList.length > 5) {
+          uplodaFileCount = true;
+        } else {
+          uplodaFileCount = false;
+        }
+      }
+      if (info.file.status === "error") {
+        loading.value = false;
+        message.error("upload error");
+      }
+    };
 
-		const beforeUpload = (file) => {
-			const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
-			if (!isJpgOrPng) {
-				message.error('You can only upload JPG file!');
-			}
-			const isLt2M = file.size / 1024 / 1024 < 1;
-			if (!isLt2M) {
-				message.error('Image must smaller than 1MB!');
-			}
-			return isJpgOrPng && isLt2M;
-		};
+    const beforeUpload = (file) => {
+      const isJpgOrPng =
+        file.type === "image/jpeg" || file.type === "image/png";
+      if (!isJpgOrPng) {
+        message.error("You can only upload JPG file!");
+      }
+      const isLt2M = file.size / 1024 / 1024 < 1;
+      if (!isLt2M) {
+        message.error("Image must smaller than 1MB!");
+      }
+      return isJpgOrPng && isLt2M;
+    };
 
-		const beforeUpload1 = () => {
-			return new Promise((resovle, reject) => {
-				if (uplodaFileCount) {
-					message.info("上传文件数量已达最大数量")
-					return reject(false);
-				}
-				return resovle(true);
-			})
-		};
+    const beforeUpload1 = () => {
+      return new Promise((resovle, reject) => {
+        if (uplodaFileCount) {
+          message.info("上传文件数量已达最大数量");
+          return reject(false);
+        }
+        return resovle(true);
+      });
+    };
 
-		let beginTime = "";
-		let endTime = "";
-		const onRangeChange = (value, dateString) => {
-			console.log('Selected Time: ', value);
-			// 项目时间选择函数
-			console.log('Formatted Selected Time: ', dateString);
-			console.log('Formatted Selected TimeStamp', new Date(dateString[0]).getTime())
-			beginTime = new Date(dateString[0]).getTime() / 1000;
-			endTime = new Date(dateString[1]).getTime() / 1000;
-		};
+    let beginTime = "";
+    let endTime = "";
+    const onRangeChange = (value, dateString) => {
+      console.log("Selected Time: ", value);
+      // 项目时间选择函数
+      console.log("Formatted Selected Time: ", dateString);
+      console.log(
+        "Formatted Selected TimeStamp",
+        new Date(dateString[0]).getTime()
+      );
+      beginTime = new Date(dateString[0]).getTime() / 1000;
+      endTime = new Date(dateString[1]).getTime() / 1000;
+    };
 
+    // 项目经理 后续接口调用
+    const classifyList1 = ref([
+      { value: 1, label: "李俊国" },
+      { value: 2, label: "将小米" },
+      { value: 3, label: "刘孟君" },
+    ]);
 
-		// 项目经理 后续接口调用
-		const classifyList1 = ref([
-			{ value: 1, label: '李俊国' },
-			{ value: 2, label: '将小米' },
-			{ value: 3, label: '刘孟君' },
-		]);
+    let manager = "";
+    let managerId = "";
+    const classificationChange1 = (key) => {
+      console.log(`selected ${key}`, classifyList1);
+      let mstr = "";
+      let midstr = "";
+      for (let i = 0; i < key.length; i++) {
+        if (key.length - 1 !== i) {
+          midstr += key[i] + ",";
+          mstr += classifyList1.value[i].label + ",";
+        } else {
+          midstr += key[i];
+          mstr += classifyList1.value[i].label;
+        }
+      }
+      console.log(mstr, midstr);
+      manager = mstr;
+      managerId = midstr;
+    };
 
-		let manager = "";
-		let managerId = "";
-		const classificationChange1 = (key) => {
-			console.log(`selected ${key}`, classifyList1);
-			let mstr = '';
-			let midstr = '';
-			for (let i = 0; i < key.length; i++) {
-				if (key.length - 1 !== i) {
-					midstr += key[i] + ',';
-					mstr += classifyList1.value[i].label + ',';
-				} else {
-					midstr += key[i];
-					mstr += classifyList1.value[i].label;
-				}
-			}
-			console.log(mstr, midstr)
-			manager = mstr;
-			managerId = midstr;
-		};
+    // 资源归属 sourceBelongId 后续给接口
+    const classifyList2 = ref([
+      { value: 1, label: "项目一" },
+      { value: 2, label: "项目二" },
+      { value: 3, label: "项目三" },
+    ]);
 
-		// 资源归属 sourceBelongId 后续给接口
-		const classifyList2 = ref([
-			{ value: 1, label: '项目一' },
-			{ value: 2, label: '项目二' },
-			{ value: 3, label: '项目三' },
-		]);
+    const classificationChange2 = (key) => {
+      console.log(`selected ${key}`, classifyList2);
+    };
 
-		const classificationChange2 = (key) => {
-			console.log(`selected ${key}`, classifyList2);
-		}
+    // 项目级别
+    const classifyList3 = ref([
+      { value: 1, label: "集团级" },
+      { value: 2, label: "组织级" },
+      { value: 3, label: "现地级" },
+      { value: 4, label: "部门级" },
+    ]);
+    const classificationChange3 = (key) => {
+      console.log(`selected ${key}`, classifyList3);
+    };
 
-		// 项目级别
-		const classifyList3 = ref([
-			{ value: 1, label: '集团级' },
-			{ value: 2, label: '组织级' },
-			{ value: 3, label: '现地级' },
-			{ value: 4, label: '部门级' },
-		]);
-		const classificationChange3 = (key) => {
-			console.log(`selected ${key}`, classifyList3);
-		}
+    // 培训体系
+    const classifyList4 = ref([
+      { value: 1, label: "集团级" },
+      { value: 2, label: "组织级" },
+      { value: 3, label: "现地级" },
+      { value: 4, label: "部门级" },
+    ]);
+    const classificationChange4 = (key) => {
+      console.log(`selected ${key}`, classifyList4);
+    };
 
-		// 培训体系
-		const classifyList4 = ref([
-			{ value: 1, label: '集团级' },
-			{ value: 2, label: '组织级' },
-			{ value: 3, label: '现地级' },
-			{ value: 4, label: '部门级' },
-		]);
-		const classificationChange4 = (key) => {
-			console.log(`selected ${key}`, classifyList4);
-		}
+    // 模版
+    const classifyList5 = ref([
+      { value: 1, label: "模版一" },
+      { value: 2, label: "模版二" },
+      { value: 3, label: "模版三" },
+      { value: 4, label: "模版四" },
+    ]);
+    const classificationChange5 = (key) => {
+      console.log(`selected ${key}`, classifyList5);
+    };
 
-		// 模版
-		const classifyList5 = ref([
-			{ value: 1, label: '模版一' },
-			{ value: 2, label: '模版二' },
-			{ value: 3, label: '模版三' },
-			{ value: 4, label: '模版四' },
-		]);
-		const classificationChange5 = (key) => {
-			console.log(`selected ${key}`, classifyList5);
-		}
+    // 项目说明
+    const remark = ref("");
 
-		// 项目说明
-		const remark = ref('');
+    let courseSyncFlag = 0;
+    const changeChecked = () => {
+      console.log(state.checked);
+      state.checked ? (state.checked = false) : (state.checked = true);
+      courseSyncFlag = state.checked ? 1 : 0;
+    };
 
-		let courseSyncFlag = 0;
-		const changeChecked = () => {
-			console.log(state.checked)
-			state.checked ? state.checked = false : state.checked = true;
-			courseSyncFlag = state.checked ? 1 : 0;
-		}
+    let boeFlag = 0;
+    const changeChecked1 = () => {
+      console.log(state.checked1);
+      state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
+      boeFlag = state.checked1 ? 1 : 0;
+    };
 
-		let boeFlag = 0;
-		const changeChecked1 = () => {
-			console.log(state.checked1)
-			state.checked1 ? state.checked1 = false : state.checked1 = true;
-			boeFlag = state.checked1 ? 1 : 0;
-		}
+    const removeFile = (file) => {
+      const index = fileList1.value.indexOf(file);
+      const newFileList = fileList1.value.slice();
+      newFileList.splice(index, 1);
+      fileList1.value = newFileList;
 
-		const removeFile = (file) => {
-			const index = fileList1.value.indexOf(file);
-			const newFileList = fileList1.value.slice();
-			newFileList.splice(index, 1);
-			fileList1.value = newFileList;
+      let attachStr = "";
+      if (newFileList.length == 0) {
+        attachStr = "";
+      }
+      for (let i = 0; i < fileList1["value"].length; i++) {
+        console.log(fileList1["value"][i].response.data);
+        if (fileList1["value"].length - 1 == i) {
+          attachStr += fileList1["value"][i].response.data;
+        } else {
+          attachStr += fileList1["value"][i].response.data + ",";
+        }
+      }
+      attach = attachStr;
+    };
 
-			let attachStr = "";
-			if (newFileList.length == 0) {
-				attachStr = "";
-			}
-			for (let i = 0; i < fileList1["value"].length; i++) {
-				console.log(fileList1["value"][i].response.data)
-				if (fileList1["value"].length - 1 == i) {
-					attachStr += fileList1["value"][i].response.data;
-				} else {
-					attachStr += fileList1["value"][i].response.data + ',';
-				}
-			}
-			attach = attachStr;
-		}
+    const errorMsgs = {
+      name: "请输入项目名称",
+      category: "请选择项目分类",
+      picUrl: "请上传项目封面图",
+      beginTime: "请选择项目开始时间",
+      endTime: "请选择项目结束时间",
+      manager: "请选择项目经理",
+      managerId: "请选择项目经理",
+      sourceBelongId: "请选择资源归属",
+      level: "请填写项目级别",
+      systemId: "请填写项目培训体系",
+      boeFlag: "请选择是否BOE实施",
+      attach: "请上传附件",
+    };
 
+    const createProject = () => {
+      let obj = {
+        name: projectName["value"],
+        category: projectType,
+        picUrl: picUrl,
+        beginTime: beginTime,
+        endTime: endTime,
+        manager: manager,
+        managerId: managerId,
+        sourceBelongId: 11,
+        remark: remark["value"],
+        courseSyncFlag: courseSyncFlag,
+        level: 3,
+        systemId: 4,
+        boeFlag: boeFlag,
+        attach: attach,
+        type: 3,
+        templateId: 10,
+        parentId: routers.query.projectId,
+        notice: "",
+        noticeFlag: 0,
+        status: 0,
+      };
+      console.log("提交的数据格式 %o", obj);
+      for (let i in errorMsgs) {
+        console.log(obj[i]);
+        if (obj[i] === "" || obj[i] === undefined) {
+          message.destroy();
+          message.warning(errorMsgs[i]);
+          return;
+        }
+      }
 
-		const errorMsgs = {
-			"name": "请输入项目名称",
-			"category": "请选择项目分类",
-			"picUrl": "请上传项目封面图",
-			"beginTime": "请选择项目开始时间",
-			"endTime": "请选择项目结束时间",
-			"manager": "请选择项目经理",
-			"managerId": "请选择项目经理",
-			"sourceBelongId": "请选择资源归属",
-			"level": "请填写项目级别",
-			"systemId": "请填写项目培训体系",
-			"boeFlag": "请选择是否BOE实施",
-			"attach": "请上传附件"
-		}
+      api
+        .createProject(obj)
+        .then((res) => {
+          console.log(res);
+          if (res.status == 200 && res.data.code == 200) {
+            message.destroy();
+            message.success("创建成功");
+            setTimeout(() => {
+              router.push({
+                path: "/taskpage",
+                query: { id: res.data.data.projectId },
+              });
+            }, 1000);
+          } else {
+            message.destroy();
+            message.error("创建失败，请检查当前网络状态。");
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+          message.destroy();
+          message.error("创建失败，请检查当前网络状态。");
+        });
+    };
 
-		const createProject = () => {
-			let obj = {
-				"name": projectName["value"],
-				"category": projectType,
-				"picUrl": picUrl,
-				"beginTime": beginTime,
-				"endTime": endTime,
-				"manager": manager,
-				"managerId": managerId,
-				"sourceBelongId": 11,
-				"remark": remark["value"],
-				"courseSyncFlag": courseSyncFlag,
-				"level": 3,
-				"systemId": 4,
-				"boeFlag": boeFlag,
-				"attach": attach,
-				"type": 3,
-				"templateId": 10,
-				"parentId": routers.query.projectId,
-				"notice": "",
-				"noticeFlag": 0,
-				"status": 0
-			}
-			console.log('提交的数据格式 %o', obj)
-			for (let i in errorMsgs) {
-				console.log(obj[i])
-				if (obj[i] === "" || obj[i] === undefined) {
-					message.destroy()
-					message.warning(errorMsgs[i])
-					return
-				}
-			}
-
-			api.createProject(obj).then(res => {
-				console.log(res)
-				if (res.status == 200 && res.data.code == 200) {
-					message.destroy();
-					message.success("创建成功")
-					setTimeout(() => {
-						router.push({
-							path: '/taskpage',
-							query: { id: res.data.data.projectId }
-						});
-					}, 1000);
-				} else {
-					message.destroy();
-					message.error("创建失败，请检查当前网络状态。")
-				}
-			}).catch(err => {
-				console.log(err)
-				message.destroy();
-				message.error("创建失败，请检查当前网络状态。")
-			})
-		};
-
-		return {
-			...toRefs(state),
-			projectName,
-			classifyList,
-			classificationChange,
-			classificationChange1,
-			classificationChange2,
-			classificationChange3,
-			classificationChange4,
-			classificationChange5,
-			fileList,
-			fileList1,
-			loading,
-			imageUrl,
-			handleChange,
-			handleChange1,
-			beforeUpload,
-			beforeUpload1,
-			onRangeChange,
-			classifyList1,
-			classifyList2,
-			classifyList3,
-			classifyList4,
-			classifyList5,
-			remark,
-			changeChecked,
-			changeChecked1,
-			uplodaFileCount,
-			createProject,
-			removeFile
-		};
-	}
+    return {
+      ...toRefs(state),
+      projectName,
+      classifyList,
+      classificationChange,
+      classificationChange1,
+      classificationChange2,
+      classificationChange3,
+      classificationChange4,
+      classificationChange5,
+      fileList,
+      fileList1,
+      loading,
+      imageUrl,
+      handleChange,
+      handleChange1,
+      beforeUpload,
+      beforeUpload1,
+      onRangeChange,
+      classifyList1,
+      classifyList2,
+      classifyList3,
+      classifyList4,
+      classifyList5,
+      remark,
+      changeChecked,
+      changeChecked1,
+      uplodaFileCount,
+      createProject,
+      removeFile,
+    };
+  },
 };
 </script>
 <style lang="scss">
 .projectAdd {
-	width: 100%;
-	// height: inherit;
-	// flex: 1;
-	// flex-shrink: 0;
-	// overflow-y: scroll;
+  width: 100%;
+  // height: inherit;
+  // flex: 1;
+  // flex-shrink: 0;
+  // overflow-y: auto;
 
-	.header {
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
+  .header {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
 
-		.title {
-			color: #000000;
-			font-size: 18px;
-			//line-height: 36px;
-			padding-top: 30px;
-			padding-left: 37px;
-			//font-weight: 500;
-		}
+    .title {
+      color: #000000;
+      font-size: 18px;
+      //line-height: 36px;
+      padding-top: 30px;
+      padding-left: 37px;
+      //font-weight: 500;
+    }
 
-		.goback {
-			padding-right: 70px;
-			//padding-top: 37px;
-			position: relative;
+    .goback {
+      padding-right: 70px;
+      //padding-top: 37px;
+      position: relative;
 
-			.return {
-				display: inline-block;
-				width: 42px;
-				height: 42px;
-				margin-top: 17px;
-				margin-right: 10px;
-				background-image: url("../../assets/images/projectadd/return.png");
-			}
+      .return {
+        display: inline-block;
+        width: 42px;
+        height: 42px;
+        margin-top: 17px;
+        margin-right: 10px;
+        background-image: url("../../assets/images/projectadd/return.png");
+      }
 
-			.returntext {
-				display: inline-block;
-				position: absolute;
-				top: 27px;
-				color: #4ea6ff;
-				font-size: 14px;
-			}
-		}
-	}
+      .returntext {
+        display: inline-block;
+        position: absolute;
+        top: 27px;
+        color: #4ea6ff;
+        font-size: 14px;
+      }
+    }
+  }
 
-	// 修改 antd upload 样式
-	.ant-upload {
-		border-width: 0px;
-	}
+  // 修改 antd upload 样式
+  .ant-upload {
+    border-width: 0px;
+  }
 
-	.content {
-		display: flex;
+  .content {
+    display: flex;
 
-		.main {
-			width: 50%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			//justify-content: center;
-			float: left;
-			border-right: 1px solid rgba(153, 155, 163, 0.3);
+    .main {
+      width: 50%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      //justify-content: center;
+      float: left;
+      border-right: 1px solid rgba(153, 155, 163, 0.3);
 
-			.name {
-				width: 78%;
-				// background-color: lightcoral;
-				display: flex;
-				margin-top: 20px;
-				align-items: center;
+      .name {
+        width: 78%;
+        // background-color: lightcoral;
+        display: flex;
+        margin-top: 20px;
+        align-items: center;
 
-				//height: 40px;
-				// border: 1px solid black;
-				.namebox {
-					width: 120px;
-					display: flex;
-					align-items: center;
-					justify-content: flex-end;
-					flex-shrink: 0;
+        //height: 40px;
+        // border: 1px solid black;
+        .namebox {
+          width: 120px;
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          flex-shrink: 0;
 
-					.nameimg {
-						width: 10px;
-						height: 10px;
-					}
-				}
+          .nameimg {
+            width: 10px;
+            height: 10px;
+          }
+        }
 
-				.d {
-					margin-top: 8px;
-					font-size: 25px;
-					color: #ff4e4e;
-				}
+        .d {
+          margin-top: 8px;
+          font-size: 25px;
+          color: #ff4e4e;
+        }
 
-				.box {
-					position: relative;
-					margin-left: 14px;
+        .box {
+          position: relative;
+          margin-left: 14px;
 
-					.box1 {
-						position: absolute;
-						left: 50%;
-						top: 50%;
-						width: 50px;
-						margin-left: -25px;
-						margin-top: -5px;
-						border-top: 2px solid rgba(78, 166, 255, 1);
-					}
+          .box1 {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            width: 50px;
+            margin-left: -25px;
+            margin-top: -5px;
+            border-top: 2px solid rgba(78, 166, 255, 1);
+          }
 
-					.box2 {
-						position: absolute;
-						left: 50%;
-						top: 50%;
-						height: 50px;
-						//margin-left: -5px;
-						margin-top: -25px;
-						border-left: 2px solid rgba(78, 166, 255, 1);
-					}
-				}
+          .box2 {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            height: 50px;
+            //margin-left: -5px;
+            margin-top: -25px;
+            border-left: 2px solid rgba(78, 166, 255, 1);
+          }
+        }
 
-				.inname {
-					color: #6f6f6f;
-					font-size: 14px;
-					margin-left: 7px;
-				}
+        .inname {
+          color: #6f6f6f;
+          font-size: 14px;
+          margin-left: 7px;
+        }
 
-				.in {
-					margin-left: 14px;
-					flex: 1;
+        .in {
+          margin-left: 14px;
+          flex: 1;
 
-					// .ant-radio-wrapper {
-					// }
-					.ant-input-textarea-show-count {
-						position: relative;
-						height: 88px;
-					}
+          // .ant-radio-wrapper {
+          // }
+          .ant-input-textarea-show-count {
+            position: relative;
+            height: 88px;
+          }
 
-					.ant-input-textarea-show-count::after {
-						position: absolute;
-						right: 10px;
-						bottom: 0px;
-					}
+          .ant-input-textarea-show-count::after {
+            position: absolute;
+            right: 10px;
+            bottom: 0px;
+          }
 
-					.ant-input {
-						border-radius: 8px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
+          .ant-input {
+            border-radius: 8px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
 
-					.ant-input-affix-wrapper {
-						padding: 0 11px;
-						border-radius: 8px;
-					}
+          .ant-input-affix-wrapper {
+            padding: 0 11px;
+            border-radius: 8px;
+          }
 
-					.ant-select-selector {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
-				}
+          .ant-select-selector {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
+        }
 
-				.filebox {
-					margin-left: 14px;
-					flex: 1;
+        .filebox {
+          margin-left: 14px;
+          flex: 1;
 
-					.fileimg {
-						width: 15px;
-						height: 15px;
-						margin-right: 6px;
-					}
+          .fileimg {
+            width: 15px;
+            height: 15px;
+            margin-right: 6px;
+          }
 
-					.filetext {
-						font-size: 14px;
-						font-weight: 400;
-						color: #4ea6ff;
-						line-height: 36px;
-					}
+          .filetext {
+            font-size: 14px;
+            font-weight: 400;
+            color: #4ea6ff;
+            line-height: 36px;
+          }
 
-					.support {
-						font-size: 14px;
-						font-weight: 400;
-						color: #999ba3;
-						line-height: 36px;
-						margin-top: 8px;
-						word-break: break-all;
-					}
-				}
-			}
+          .support {
+            font-size: 14px;
+            font-weight: 400;
+            color: #999ba3;
+            line-height: 36px;
+            margin-top: 8px;
+            word-break: break-all;
+          }
+        }
+      }
 
-			.name2 {
-				display: flex;
-				align-items: flex-start;
+      .name2 {
+        display: flex;
+        align-items: flex-start;
 
-				.ant-input-textarea {
-					.ant-input {
-						height: 88px;
-					}
-				}
-			}
-		}
+        .ant-input-textarea {
+          .ant-input {
+            height: 88px;
+          }
+        }
+      }
+    }
 
-		.template {
-			width: 50%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			//justify-content: center;
-			float: right;
+    .template {
+      width: 50%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      //justify-content: center;
+      float: right;
 
-			.name {
-				width: 78%;
-				// background-color: lightcoral;
-				display: flex;
-				margin-top: 20px;
-				align-items: center;
-				height: 40px;
+      .name {
+        width: 78%;
+        // background-color: lightcoral;
+        display: flex;
+        margin-top: 20px;
+        align-items: center;
+        height: 40px;
 
-				// border: 1px solid black;
-				.d {
-					margin-top: 8px;
-					font-size: 25px;
-					color: #ff4e4e;
-				}
+        // border: 1px solid black;
+        .d {
+          margin-top: 8px;
+          font-size: 25px;
+          color: #ff4e4e;
+        }
 
-				.inname {
-					color: #6f6f6f;
-					font-size: 14px;
-					margin-left: 7px;
-					width: 65px;
-				}
+        .inname {
+          color: #6f6f6f;
+          font-size: 14px;
+          margin-left: 7px;
+          width: 65px;
+        }
 
-				.in {
-					margin-left: 14px;
-					width: 81%;
+        .in {
+          margin-left: 14px;
+          width: 81%;
 
-					.ant-input {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
+          .ant-input {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
 
-					.ant-select-selector {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
-				}
-			}
-		}
-	}
+          .ant-select-selector {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
 
-	.footer {
-		width: 100%;
-		margin-top: 31px;
-		margin-bottom: 14px;
-		padding-bottom: 20px;
+  .footer {
+    width: 100%;
+    margin-top: 31px;
+    margin-bottom: 14px;
+    padding-bottom: 20px;
 
-		.btn {
-			display: flex;
-			justify-content: center;
+    .btn {
+      display: flex;
+      justify-content: center;
 
-			.btn1 {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 100px;
-				height: 40px;
-				border-radius: 8px;
-				background: #409eff;
-				color: #ffffff;
-				margin-right: 14px;
-			}
+      .btn1 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100px;
+        height: 40px;
+        border-radius: 8px;
+        background: #409eff;
+        color: #ffffff;
+        margin-right: 14px;
+      }
 
-			.btn2 {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 100px;
-				height: 40px;
-				border-radius: 8px;
-				border: 1px solid #409eff;
-				background: #ffffff;
-				color: #409eff;
-			}
-		}
+      .btn2 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100px;
+        height: 40px;
+        border-radius: 8px;
+        border: 1px solid #409eff;
+        background: #ffffff;
+        color: #409eff;
+      }
+    }
 
-		.text {
-			color: rgba(153, 155, 163, 1);
-			font-size: 14px;
-			margin-left: 223px;
-		}
-	}
+    .text {
+      color: rgba(153, 155, 163, 1);
+      font-size: 14px;
+      margin-left: 223px;
+    }
+  }
 }
 </style>
-
diff --git a/src/views/projectcenter/ProjectAdd.vue b/src/views/projectcenter/ProjectAdd.vue
index f8c46024..e6e459d8 100644
--- a/src/views/projectcenter/ProjectAdd.vue
+++ b/src/views/projectcenter/ProjectAdd.vue
@@ -1,44 +1,68 @@
 <!---- 创建项目页面 --->
 <template>
-	<div class="projectAdd">
-		<div class="header">
-			<span class="title">创建/编辑单层项目</span>
-			<router-link to="/projectmanage" class="goback">
-				<span class="return"></span><span class="returntext">返回</span>
-			</router-link>
-		</div>
-		<div class="content">
-			<div class="main">
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目名称</div>
-					</div>
-					<div class="in">
-						<a-input v-model:value="projectName" placeholder="请输入项目名称" show-count :maxlength="30" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">分类</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect" placeholder="四个养成" style="width: 100%" :options="classifyList"
-							@change="classificationChange" allowClear showSearch>
-						</a-select>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">封面图</div>
-					</div>
-					<div class="box" style="
+  <div class="projectAdd">
+    <div class="header">
+      <span class="title">创建/编辑单层项目</span>
+      <router-link to="/projectmanage" class="goback">
+        <span class="return"></span><span class="returntext">返回</span>
+      </router-link>
+    </div>
+    <div class="content">
+      <div class="main">
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目名称</div>
+          </div>
+          <div class="in">
+            <a-input
+              v-model:value="projectName"
+              placeholder="请输入项目名称"
+              show-count
+              :maxlength="30"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">分类</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect"
+              placeholder="四个养成"
+              style="width: 100%"
+              :options="classifyList"
+              @change="classificationChange"
+              allowClear
+              showSearch
+            >
+            </a-select>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">封面图</div>
+          </div>
+          <div
+            class="box"
+            style="
               width: 100px;
               height: 100px;
               border: 1px solid rgba(78, 166, 255, 1);
@@ -46,815 +70,928 @@
               cursor: pointer;
               position: relative;
               overflow: hidden;
-            ">
-						<a-upload v-model:file-list="fileList" name="file" list-type="picture-card" class="avatar-uploader"
-							:show-upload-list="false" action="/api/file/upload" :before-upload="beforeUpload" @change="handleChange">
-							<img style="
+            "
+          >
+            <a-upload
+              v-model:file-list="fileList"
+              name="file"
+              list-type="picture-card"
+              class="avatar-uploader"
+              :show-upload-list="false"
+              action="/api/file/upload"
+              :before-upload="beforeUpload"
+              @change="handleChange"
+            >
+              <img
+                style="
                   width: 100px;
                   height: 100px;
                   margin-bottom: 4px;
                   margin-right: 4px;
-                " v-if="imageUrl" :src="imageUrl" alt="avatar" />
-							<div v-else>
-								<!-- <loading-outlined v-if="loading"></loading-outlined> -->
-								<!-- <plus-outlined v-else></plus-outlined> -->
-								<div class="box1"></div>
-								<div class="box2"></div>
-								<!-- <div class="ant-upload-text"></div> -->
-							</div>
-						</a-upload>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目时间</div>
-					</div>
+                "
+                v-if="imageUrl"
+                :src="imageUrl"
+                alt="avatar"
+              />
+              <div v-else>
+                <!-- <loading-outlined v-if="loading"></loading-outlined> -->
+                <!-- <plus-outlined v-else></plus-outlined> -->
+                <div class="box1"></div>
+                <div class="box2"></div>
+                <!-- <div class="ant-upload-text"></div> -->
+              </div>
+            </a-upload>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目时间</div>
+          </div>
 
-					<div class="in">
-						<a-range-picker separator="至" :placeholder="['      开始时间', '        结束时间']"
-							style="width: 100%; height: 40px; border-radius: 5px" show-time @change="onRangeChange" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目经理</div>
-					</div>
-					<div class="in">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" :value="classifySelect1" mode="multiple" placeholder="请选择项目经理" style="width: 100%" :options="classifyList1"
-							@change="classificationChange1" allowClear showSearch>
-						</a-select>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">资源归属</div>
-					</div>
+          <div class="in">
+            <a-range-picker
+              separator="至"
+              :placeholder="['      开始时间', '        结束时间']"
+              style="width: 100%; height: 40px; border-radius: 5px"
+              show-time
+              @change="onRangeChange"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目经理</div>
+          </div>
+          <div class="in">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              :value="classifySelect1"
+              mode="multiple"
+              placeholder="请选择项目经理"
+              style="width: 100%"
+              :options="classifyList1"
+              @change="classificationChange1"
+              allowClear
+              showSearch
+            >
+            </a-select>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">资源归属</div>
+          </div>
 
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect2" placeholder="自动带出 可修改" :options="classifyList2"
-							@change="classificationChange2" />
-					</div>
-				</div>
-				<div class="name name2">
-					<div class="namebox">
-						<div class="inname" style="margin-top: 13px">项目说明</div>
-					</div>
-					<div class="in">
-						<a-textarea v-model:value="remark" style="height: 80px" placeholder="请输入说明" show-count :maxlength="200" />
-					</div>
-				</div>
-				<div class="name name2">
-					<div class="namebox">
-						<div class="inname">同步学习记录</div>
-					</div>
-					<div class="in">
-						<a-radio @click="changeChecked" v-model:checked="checked"><span style="
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect2"
+              placeholder="自动带出 可修改"
+              :options="classifyList2"
+              @change="classificationChange2"
+            />
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname" style="margin-top: 13px">项目说明</div>
+          </div>
+          <div class="in">
+            <a-textarea
+              v-model:value="remark"
+              style="height: 80px"
+              placeholder="请输入说明"
+              show-count
+              :maxlength="200"
+            />
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname">同步学习记录</div>
+          </div>
+          <div class="in">
+            <a-radio @click="changeChecked" v-model:checked="checked"
+              ><span
+                style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
-                ">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span></a-radio>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目级别</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect3" :options="classifyList3" @change="classificationChange3"
-							placeholder="集团级/组织级/现地级/部门级" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">培训体系</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect4" :options="classifyList4" @change="classificationChange4"
-							placeholder="集团级/组织级/现地级/部门级" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">是否BOEU实施</div>
-					</div>
-					<div class="in">
-						<a-radio @click="changeChecked1" v-model:checked="checked1"><span style="
+                "
+                >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+              ></a-radio
+            >
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目级别</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect3"
+              :options="classifyList3"
+              @change="classificationChange3"
+              placeholder="集团级/组织级/现地级/部门级"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">培训体系</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect4"
+              :options="classifyList4"
+              @change="classificationChange4"
+              placeholder="集团级/组织级/现地级/部门级"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">是否BOEU实施</div>
+          </div>
+          <div class="in">
+            <a-radio @click="changeChecked1" v-model:checked="checked1"
+              ><span
+                style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
-                ">BOEU实施</span></a-radio>
-					</div>
-				</div>
-				<div class="name name2">
-					<div class="namebox" style="margin-top: 8px">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">附件</div>
-					</div>
-					<div class="filebox">
-						<div>
-							<img v-if="fileList1.length < 6" class="fileimg" src="../../assets/images/projectadd/enclosure.png" />
-							<a-upload :disabled="fileList1.length > 5" :before-upload="beforeUpload1" v-model:file-list="fileList1"
-								@remove="removeFile" name="file" action="/api/file/upload" :headers="headers" @change="handleChange1">
-								<!-- <a-button> -->
-								<!-- <upload-outlined></upload-outlined> -->
-								<span v-if="fileList1.length > 5" class="filetext">上传数量已经达到最大值</span>
-								<span v-else class="filetext">上传附件</span>
-								<!-- </a-button> -->
-							</a-upload>
-						</div>
-						<div class="support">
-							支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
-						</div>
-					</div>
-				</div>
-			</div>
-			<div class="template">
-				<div class="name">
-					<div class="inname" style="width: 50px">模版</div>
-					<div class="in select" style="margin-left: 2px">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect5" placeholder="请选择模版" :size="size" style="width: 100%" :options="classifyList5"
-							@change="classificationChange5">
-						</a-select>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="footer">
-			<div class="btn">
-				<a-button v-on:click="createProject" type="primary" class="btn1">确定</a-button>
-				<a-button class="btn2">取消</a-button>
-			</div>
-		</div>
-	</div>
+                "
+                >BOEU实施</span
+              ></a-radio
+            >
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox" style="margin-top: 8px">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">附件</div>
+          </div>
+          <div class="filebox">
+            <div>
+              <img
+                v-if="fileList1.length < 6"
+                class="fileimg"
+                src="../../assets/images/projectadd/enclosure.png"
+              />
+              <a-upload
+                :disabled="fileList1.length > 5"
+                :before-upload="beforeUpload1"
+                v-model:file-list="fileList1"
+                @remove="removeFile"
+                name="file"
+                action="/api/file/upload"
+                :headers="headers"
+                @change="handleChange1"
+              >
+                <!-- <a-button> -->
+                <!-- <upload-outlined></upload-outlined> -->
+                <span v-if="fileList1.length > 5" class="filetext"
+                  >上传数量已经达到最大值</span
+                >
+                <span v-else class="filetext">上传附件</span>
+                <!-- </a-button> -->
+              </a-upload>
+            </div>
+            <div class="support">
+              支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="template">
+        <div class="name">
+          <div class="inname" style="width: 50px">模版</div>
+          <div class="in select" style="margin-left: 2px">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect5"
+              placeholder="请选择模版"
+              :size="size"
+              style="width: 100%"
+              :options="classifyList5"
+              @change="classificationChange5"
+            >
+            </a-select>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="footer">
+      <div class="btn">
+        <a-button v-on:click="createProject" type="primary" class="btn1"
+          >确定</a-button
+        >
+        <a-button class="btn2">取消</a-button>
+      </div>
+    </div>
+  </div>
 </template>
 <script>
 import { reactive, toRefs, ref } from "vue";
-import { message } from 'ant-design-vue';
+import { message } from "ant-design-vue";
 import { useRouter } from "vue-router";
 import * as api from "../../api/index";
 
 export default {
-	name: "projectAdd",
-	setup() {
-		const router = useRouter();
-		const state = reactive({
-			classifySelect: null,
-			classifySelectId: null,
-			checked: false,
-			checked1: false,
-			valueE: null,
-			valueE1: null,
-			valueE2: null
-		});
+  name: "projectAdd",
+  setup() {
+    const router = useRouter();
+    const state = reactive({
+      classifySelect: null,
+      classifySelectId: null,
+      checked: false,
+      checked1: false,
+      valueE: null,
+      valueE1: null,
+      valueE2: null,
+    });
 
-		const projectName = ref('');
+    const projectName = ref("");
 
-		const classifyList = ref([
-			{ value: 1, label: '管理者' },
-			{ value: 2, label: '领军者' },
-			{ value: 3, label: '产业人' },
-		]);
+    const classifyList = ref([
+      { value: 1, label: "管理者" },
+      { value: 2, label: "领军者" },
+      { value: 3, label: "产业人" },
+    ]);
 
-		let projectType = "";
+    let projectType = "";
 
-		const classificationChange = (value) => {
-			console.log(`selected ${value}`);
-			projectType = value;
-		};
+    const classificationChange = (value) => {
+      console.log(`selected ${value}`);
+      projectType = value;
+    };
 
-		function getBase64(img, callback) {
-			const reader = new FileReader();
-			reader.addEventListener('load', () => callback(reader.result));
-			reader.readAsDataURL(img);
-		}
+    function getBase64(img, callback) {
+      const reader = new FileReader();
+      reader.addEventListener("load", () => callback(reader.result));
+      reader.readAsDataURL(img);
+    }
 
-		const fileList = ref([]);
-		const fileList1 = ref([]);
-		const loading = ref(false);
-		const imageUrl = ref('');
-		let picUrl = '';
+    const fileList = ref([]);
+    const fileList1 = ref([]);
+    const loading = ref(false);
+    const imageUrl = ref("");
+    let picUrl = "";
 
-		const handleChange = (info) => {
-			if (info.file.status === 'uploading') {
-				loading.value = true;
-				return;
-			}
-			if (info.file.status === 'done') {
-				console.log('上传图片返回的信息 %o', info)
-				picUrl = info.file.response.data;
-				// Get this url from response in real world.
-				getBase64(info.file.originFileObj, (base64Url) => {
-					imageUrl.value = base64Url;
-					loading.value = false;
-				});
-			}
-			if (info.file.status === 'error') {
-				loading.value = false;
-				message.error('upload error');
-			}
-		};
+    const handleChange = (info) => {
+      if (info.file.status === "uploading") {
+        loading.value = true;
+        return;
+      }
+      if (info.file.status === "done") {
+        console.log("上传图片返回的信息 %o", info);
+        picUrl = info.file.response.data;
+        // Get this url from response in real world.
+        getBase64(info.file.originFileObj, (base64Url) => {
+          imageUrl.value = base64Url;
+          loading.value = false;
+        });
+      }
+      if (info.file.status === "error") {
+        loading.value = false;
+        message.error("upload error");
+      }
+    };
 
-		let uplodaFileCount = false;
+    let uplodaFileCount = false;
 
-		let attach = "";
-		let attachData = "";
-		const handleChange1 = (info) => {
-			if (info.file.status === 'uploading') {
-				loading.value = true;
-				return;
-			}
-			if (info.file.status === 'done') {
-				console.log('上传附件返回的信息 %o', info, info.fileList.length, uplodaFileCount)
+    let attach = "";
+    let attachData = "";
+    const handleChange1 = (info) => {
+      if (info.file.status === "uploading") {
+        loading.value = true;
+        return;
+      }
+      if (info.file.status === "done") {
+        console.log(
+          "上传附件返回的信息 %o",
+          info,
+          info.fileList.length,
+          uplodaFileCount
+        );
 
-				let attachStr = "";
-				attachData = info.fileList;
-				for (let i = 0; i < attachData.length; i++) {
-					if (attachData.length - 1 == i) {
-						attachStr += attachData[i].response.data;
-					} else {
-						attachStr += attachData[i].response.data + ',';
-					}
-				}
-				console.log(attachStr)
-				attach = attachStr;
+        let attachStr = "";
+        attachData = info.fileList;
+        for (let i = 0; i < attachData.length; i++) {
+          if (attachData.length - 1 == i) {
+            attachStr += attachData[i].response.data;
+          } else {
+            attachStr += attachData[i].response.data + ",";
+          }
+        }
+        console.log(attachStr);
+        attach = attachStr;
 
-				if (info.fileList.length > 5) {
-					uplodaFileCount = true;
-				} else {
-					uplodaFileCount = false;
-				}
-			}
-			if (info.file.status === 'error') {
-				loading.value = false;
-				message.error('upload error');
-			}
-		};
+        if (info.fileList.length > 5) {
+          uplodaFileCount = true;
+        } else {
+          uplodaFileCount = false;
+        }
+      }
+      if (info.file.status === "error") {
+        loading.value = false;
+        message.error("upload error");
+      }
+    };
 
-		const beforeUpload = (file) => {
-			const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
-			if (!isJpgOrPng) {
-				message.error('You can only upload JPG file!');
-			}
-			const isLt2M = file.size / 1024 / 1024 < 1;
-			if (!isLt2M) {
-				message.error('Image must smaller than 1MB!');
-			}
-			return isJpgOrPng && isLt2M;
-		};
+    const beforeUpload = (file) => {
+      const isJpgOrPng =
+        file.type === "image/jpeg" || file.type === "image/png";
+      if (!isJpgOrPng) {
+        message.error("You can only upload JPG file!");
+      }
+      const isLt2M = file.size / 1024 / 1024 < 1;
+      if (!isLt2M) {
+        message.error("Image must smaller than 1MB!");
+      }
+      return isJpgOrPng && isLt2M;
+    };
 
-		const beforeUpload1 = () => {
-			return new Promise((resovle, reject) => {
-				if (uplodaFileCount) {
-					message.info("上传文件数量已达最大数量")
-					return reject(false);
-				}
-				return resovle(true);
-			})
-		};
+    const beforeUpload1 = () => {
+      return new Promise((resovle, reject) => {
+        if (uplodaFileCount) {
+          message.info("上传文件数量已达最大数量");
+          return reject(false);
+        }
+        return resovle(true);
+      });
+    };
 
-		let beginTime = "";
-		let endTime = "";
-		const onRangeChange = (value, dateString) => {
-			console.log('Selected Time: ', value);
-			// 项目时间选择函数
-			console.log('Formatted Selected Time: ', dateString);
-			console.log('Formatted Selected TimeStamp', new Date(dateString[0]).getTime())
-			beginTime = new Date(dateString[0]).getTime() / 1000;
-			endTime = new Date(dateString[1]).getTime() / 1000;
-		};
+    let beginTime = "";
+    let endTime = "";
+    const onRangeChange = (value, dateString) => {
+      console.log("Selected Time: ", value);
+      // 项目时间选择函数
+      console.log("Formatted Selected Time: ", dateString);
+      console.log(
+        "Formatted Selected TimeStamp",
+        new Date(dateString[0]).getTime()
+      );
+      beginTime = new Date(dateString[0]).getTime() / 1000;
+      endTime = new Date(dateString[1]).getTime() / 1000;
+    };
 
+    // 项目经理 后续接口调用
+    const classifyList1 = ref([
+      { value: 1, label: "李俊国" },
+      { value: 2, label: "将小米" },
+      { value: 3, label: "刘孟君" },
+    ]);
 
-		// 项目经理 后续接口调用
-		const classifyList1 = ref([
-			{ value: 1, label: '李俊国' },
-			{ value: 2, label: '将小米' },
-			{ value: 3, label: '刘孟君' },
-		]);
+    let manager = "";
+    let managerId = "";
+    const classificationChange1 = (key) => {
+      console.log(`selected ${key}`, classifyList1);
+      let mstr = "";
+      let midstr = "";
+      for (let i = 0; i < key.length; i++) {
+        if (key.length - 1 !== i) {
+          midstr += key[i] + ",";
+          mstr += classifyList1.value[i].label + ",";
+        } else {
+          midstr += key[i];
+          mstr += classifyList1.value[i].label;
+        }
+      }
+      console.log(mstr, midstr);
+      manager = mstr;
+      managerId = midstr;
+    };
 
-		let manager = "";
-		let managerId = "";
-		const classificationChange1 = (key) => {
-			console.log(`selected ${key}`, classifyList1);
-			let mstr = '';
-			let midstr = '';
-			for (let i = 0; i < key.length; i++) {
-				if (key.length - 1 !== i) {
-					midstr += key[i] + ',';
-					mstr += classifyList1.value[i].label + ',';
-				} else {
-					midstr += key[i];
-					mstr += classifyList1.value[i].label;
-				}
-			}
-			console.log(mstr, midstr)
-			manager = mstr;
-			managerId = midstr;
-		};
+    // 资源归属 sourceBelongId 后续给接口
+    const classifyList2 = ref([
+      { value: 1, label: "项目一" },
+      { value: 2, label: "项目二" },
+      { value: 3, label: "项目三" },
+    ]);
 
-		// 资源归属 sourceBelongId 后续给接口
-		const classifyList2 = ref([
-			{ value: 1, label: '项目一' },
-			{ value: 2, label: '项目二' },
-			{ value: 3, label: '项目三' },
-		]);
+    const classificationChange2 = (key) => {
+      console.log(`selected ${key}`, classifyList2);
+    };
 
-		const classificationChange2 = (key) => {
-			console.log(`selected ${key}`, classifyList2);
-		}
+    // 项目级别
+    const classifyList3 = ref([
+      { value: 1, label: "集团级" },
+      { value: 2, label: "组织级" },
+      { value: 3, label: "现地级" },
+      { value: 4, label: "部门级" },
+    ]);
+    const classificationChange3 = (key) => {
+      console.log(`selected ${key}`, classifyList3);
+    };
 
-		// 项目级别
-		const classifyList3 = ref([
-			{ value: 1, label: '集团级' },
-			{ value: 2, label: '组织级' },
-			{ value: 3, label: '现地级' },
-			{ value: 4, label: '部门级' },
-		]);
-		const classificationChange3 = (key) => {
-			console.log(`selected ${key}`, classifyList3);
-		}
+    // 培训体系
+    const classifyList4 = ref([
+      { value: 1, label: "集团级" },
+      { value: 2, label: "组织级" },
+      { value: 3, label: "现地级" },
+      { value: 4, label: "部门级" },
+    ]);
+    const classificationChange4 = (key) => {
+      console.log(`selected ${key}`, classifyList4);
+    };
 
-		// 培训体系
-		const classifyList4 = ref([
-			{ value: 1, label: '集团级' },
-			{ value: 2, label: '组织级' },
-			{ value: 3, label: '现地级' },
-			{ value: 4, label: '部门级' },
-		]);
-		const classificationChange4 = (key) => {
-			console.log(`selected ${key}`, classifyList4);
-		}
+    // 模版
+    const classifyList5 = ref([
+      { value: 1, label: "模版一" },
+      { value: 2, label: "模版二" },
+      { value: 3, label: "模版三" },
+      { value: 4, label: "模版四" },
+    ]);
+    const classificationChange5 = (key) => {
+      console.log(`selected ${key}`, classifyList5);
+    };
 
-		// 模版
-		const classifyList5 = ref([
-			{ value: 1, label: '模版一' },
-			{ value: 2, label: '模版二' },
-			{ value: 3, label: '模版三' },
-			{ value: 4, label: '模版四' },
-		]);
-		const classificationChange5 = (key) => {
-			console.log(`selected ${key}`, classifyList5);
-		}
+    // 项目说明
+    const remark = ref("");
 
-		// 项目说明
-		const remark = ref('');
+    let courseSyncFlag = 0;
+    const changeChecked = () => {
+      console.log(state.checked);
+      state.checked ? (state.checked = false) : (state.checked = true);
+      courseSyncFlag = state.checked ? 1 : 0;
+    };
 
-		let courseSyncFlag = 0;
-		const changeChecked = () => {
-			console.log(state.checked)
-			state.checked ? state.checked = false : state.checked = true;
-			courseSyncFlag = state.checked ? 1 : 0;
-		}
+    let boeFlag = 0;
+    const changeChecked1 = () => {
+      console.log(state.checked1);
+      state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
+      boeFlag = state.checked1 ? 1 : 0;
+    };
 
-		let boeFlag = 0;
-		const changeChecked1 = () => {
-			console.log(state.checked1)
-			state.checked1 ? state.checked1 = false : state.checked1 = true;
-			boeFlag = state.checked1 ? 1 : 0;
-		}
+    const removeFile = (file) => {
+      const index = fileList1.value.indexOf(file);
+      const newFileList = fileList1.value.slice();
+      newFileList.splice(index, 1);
+      fileList1.value = newFileList;
 
-		const removeFile = (file) => {
-			const index = fileList1.value.indexOf(file);
-			const newFileList = fileList1.value.slice();
-			newFileList.splice(index, 1);
-			fileList1.value = newFileList;
+      let attachStr = "";
+      if (newFileList.length == 0) {
+        attachStr = "";
+      }
+      for (let i = 0; i < fileList1["value"].length; i++) {
+        console.log(fileList1["value"][i].response.data);
+        if (fileList1["value"].length - 1 == i) {
+          attachStr += fileList1["value"][i].response.data;
+        } else {
+          attachStr += fileList1["value"][i].response.data + ",";
+        }
+      }
+      attach = attachStr;
+    };
 
-			let attachStr = "";
-			if (newFileList.length == 0) {
-				attachStr = "";
-			}
-			for (let i = 0; i < fileList1["value"].length; i++) {
-				console.log(fileList1["value"][i].response.data)
-				if (fileList1["value"].length - 1 == i) {
-					attachStr += fileList1["value"][i].response.data;
-				} else {
-					attachStr += fileList1["value"][i].response.data + ',';
-				}
-			}
-			attach = attachStr;
-		}
+    const errorMsgs = {
+      name: "请输入项目名称",
+      category: "请选择项目分类",
+      picUrl: "请上传项目封面图",
+      beginTime: "请选择项目开始时间",
+      endTime: "请选择项目结束时间",
+      manager: "请选择项目经理",
+      managerId: "请选择项目经理",
+      sourceBelongId: "请选择资源归属",
+      level: "请填写项目级别",
+      systemId: "请填写项目培训体系",
+      boeFlag: "请选择是否BOE实施",
+      attach: "请上传附件",
+    };
 
+    const createProject = () => {
+      let obj = {
+        name: projectName["value"],
+        category: projectType,
+        picUrl: picUrl,
+        beginTime: beginTime,
+        endTime: endTime,
+        manager: manager,
+        managerId: managerId,
+        sourceBelongId: 11,
+        remark: remark["value"],
+        courseSyncFlag: courseSyncFlag,
+        level: 3,
+        systemId: 4,
+        boeFlag: boeFlag,
+        attach: attach,
+        type: 3,
+        templateId: 10,
+        parentId: 0,
+        notice: "",
+        noticeFlag: 0,
+        status: 0,
+      };
+      console.log("提交的数据格式 %o", obj);
+      for (let i in errorMsgs) {
+        console.log(obj[i]);
+        if (obj[i] === "" || obj[i] === undefined) {
+          message.destroy();
+          message.warning(errorMsgs[i]);
+          return;
+        }
+      }
 
-		const errorMsgs = {
-			"name": "请输入项目名称",
-			"category": "请选择项目分类",
-			"picUrl": "请上传项目封面图",
-			"beginTime": "请选择项目开始时间",
-			"endTime": "请选择项目结束时间",
-			"manager": "请选择项目经理",
-			"managerId": "请选择项目经理",
-			"sourceBelongId": "请选择资源归属",
-			"level": "请填写项目级别",
-			"systemId": "请填写项目培训体系",
-			"boeFlag": "请选择是否BOE实施",
-			"attach": "请上传附件"
-		}
+      api
+        .createProject(obj)
+        .then((res) => {
+          console.log(res);
+          if (res.status == 200 && res.data.code == 200) {
+            message.destroy();
+            message.success("创建成功");
+            setTimeout(() => {
+              router.push({
+                path: "/taskpage",
+                query: { id: res.data.data.projectId },
+              });
+            }, 1000);
+          } else {
+            message.destroy();
+            message.error("创建失败，请检查当前网络状态。");
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+          message.destroy();
+          message.error("创建失败，请检查当前网络状态。");
+        });
+    };
 
-		const createProject = () => {
-			let obj = {
-				"name": projectName["value"],
-				"category": projectType,
-				"picUrl": picUrl,
-				"beginTime": beginTime,
-				"endTime": endTime,
-				"manager": manager,
-				"managerId": managerId,
-				"sourceBelongId": 11,
-				"remark": remark["value"],
-				"courseSyncFlag": courseSyncFlag,
-				"level": 3,
-				"systemId": 4,
-				"boeFlag": boeFlag,
-				"attach": attach,
-				"type": 3,
-				"templateId": 10,
-				"parentId": 0,
-				"notice": "",
-				"noticeFlag": 0,
-				"status": 0
-			}
-			console.log('提交的数据格式 %o', obj)
-			for (let i in errorMsgs) {
-				console.log(obj[i])
-				if (obj[i] === "" || obj[i] === undefined) {
-					message.destroy()
-					message.warning(errorMsgs[i])
-					return
-				}
-			}
-
-			api.createProject(obj).then(res => {
-				console.log(res)
-				if (res.status == 200 && res.data.code == 200) {
-					message.destroy();
-					message.success("创建成功")
-					setTimeout(() => {
-						router.push({
-							path: '/taskpage',
-							query: { id: res.data.data.projectId }
-						});
-					}, 1000);
-				} else {
-					message.destroy();
-					message.error("创建失败，请检查当前网络状态。")
-				}
-			}).catch(err => {
-				console.log(err)
-				message.destroy();
-				message.error("创建失败，请检查当前网络状态。")
-			})
-		};
-
-		return {
-			...toRefs(state),
-			projectName,
-			classifyList,
-			classificationChange,
-			classificationChange1,
-			classificationChange2,
-			classificationChange3,
-			classificationChange4,
-			classificationChange5,
-			fileList,
-			fileList1,
-			loading,
-			imageUrl,
-			handleChange,
-			handleChange1,
-			beforeUpload,
-			beforeUpload1,
-			onRangeChange,
-			classifyList1,
-			classifyList2,
-			classifyList3,
-			classifyList4,
-			classifyList5,
-			remark,
-			changeChecked,
-			changeChecked1,
-			uplodaFileCount,
-			createProject,
-			removeFile
-		};
-	}
+    return {
+      ...toRefs(state),
+      projectName,
+      classifyList,
+      classificationChange,
+      classificationChange1,
+      classificationChange2,
+      classificationChange3,
+      classificationChange4,
+      classificationChange5,
+      fileList,
+      fileList1,
+      loading,
+      imageUrl,
+      handleChange,
+      handleChange1,
+      beforeUpload,
+      beforeUpload1,
+      onRangeChange,
+      classifyList1,
+      classifyList2,
+      classifyList3,
+      classifyList4,
+      classifyList5,
+      remark,
+      changeChecked,
+      changeChecked1,
+      uplodaFileCount,
+      createProject,
+      removeFile,
+    };
+  },
 };
 </script>
 <style lang="scss">
 .projectAdd {
-	width: 100%;
-	// height: inherit;
-	// flex: 1;
-	// flex-shrink: 0;
-	// overflow-y: scroll;
+  width: 100%;
+  // height: inherit;
+  // flex: 1;
+  // flex-shrink: 0;
+  // overflow-y: auto;
 
-	.header {
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
+  .header {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
 
-		.title {
-			color: #000000;
-			font-size: 18px;
-			//line-height: 36px;
-			padding-top: 30px;
-			padding-left: 37px;
-			//font-weight: 500;
-		}
+    .title {
+      color: #000000;
+      font-size: 18px;
+      //line-height: 36px;
+      padding-top: 30px;
+      padding-left: 37px;
+      //font-weight: 500;
+    }
 
-		.goback {
-			padding-right: 70px;
-			//padding-top: 37px;
-			position: relative;
+    .goback {
+      padding-right: 70px;
+      //padding-top: 37px;
+      position: relative;
 
-			.return {
-				display: inline-block;
-				width: 42px;
-				height: 42px;
-				margin-top: 17px;
-				margin-right: 10px;
-				background-image: url("../../assets/images/projectadd/return.png");
-			}
+      .return {
+        display: inline-block;
+        width: 42px;
+        height: 42px;
+        margin-top: 17px;
+        margin-right: 10px;
+        background-image: url("../../assets/images/projectadd/return.png");
+      }
 
-			.returntext {
-				display: inline-block;
-				position: absolute;
-				top: 27px;
-				color: #4ea6ff;
-				font-size: 14px;
-			}
-		}
-	}
+      .returntext {
+        display: inline-block;
+        position: absolute;
+        top: 27px;
+        color: #4ea6ff;
+        font-size: 14px;
+      }
+    }
+  }
 
-	// 修改 antd upload 样式
-	.ant-upload {
-		border-width: 0px;
-	}
+  // 修改 antd upload 样式
+  .ant-upload {
+    border-width: 0px;
+  }
 
-	.content {
-		display: flex;
+  .content {
+    display: flex;
 
-		.main {
-			width: 50%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			//justify-content: center;
-			float: left;
-			border-right: 1px solid rgba(153, 155, 163, 0.3);
+    .main {
+      width: 50%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      //justify-content: center;
+      float: left;
+      border-right: 1px solid rgba(153, 155, 163, 0.3);
 
-			.name {
-				width: 78%;
-				// background-color: lightcoral;
-				display: flex;
-				margin-top: 20px;
-				align-items: center;
+      .name {
+        width: 78%;
+        // background-color: lightcoral;
+        display: flex;
+        margin-top: 20px;
+        align-items: center;
 
-				//height: 40px;
-				// border: 1px solid black;
-				.namebox {
-					width: 120px;
-					display: flex;
-					align-items: center;
-					justify-content: flex-end;
-					flex-shrink: 0;
+        //height: 40px;
+        // border: 1px solid black;
+        .namebox {
+          width: 120px;
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          flex-shrink: 0;
 
-					.nameimg {
-						width: 10px;
-						height: 10px;
-					}
-				}
+          .nameimg {
+            width: 10px;
+            height: 10px;
+          }
+        }
 
-				.d {
-					margin-top: 8px;
-					font-size: 25px;
-					color: #ff4e4e;
-				}
+        .d {
+          margin-top: 8px;
+          font-size: 25px;
+          color: #ff4e4e;
+        }
 
-				.box {
-					position: relative;
-					margin-left: 14px;
+        .box {
+          position: relative;
+          margin-left: 14px;
 
-					.box1 {
-						position: absolute;
-						left: 50%;
-						top: 50%;
-						width: 50px;
-						margin-left: -25px;
-						margin-top: -5px;
-						border-top: 2px solid rgba(78, 166, 255, 1);
-					}
+          .box1 {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            width: 50px;
+            margin-left: -25px;
+            margin-top: -5px;
+            border-top: 2px solid rgba(78, 166, 255, 1);
+          }
 
-					.box2 {
-						position: absolute;
-						left: 50%;
-						top: 50%;
-						height: 50px;
-						//margin-left: -5px;
-						margin-top: -25px;
-						border-left: 2px solid rgba(78, 166, 255, 1);
-					}
-				}
+          .box2 {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            height: 50px;
+            //margin-left: -5px;
+            margin-top: -25px;
+            border-left: 2px solid rgba(78, 166, 255, 1);
+          }
+        }
 
-				.inname {
-					color: #6f6f6f;
-					font-size: 14px;
-					margin-left: 7px;
-				}
+        .inname {
+          color: #6f6f6f;
+          font-size: 14px;
+          margin-left: 7px;
+        }
 
-				.in {
-					margin-left: 14px;
-					flex: 1;
+        .in {
+          margin-left: 14px;
+          flex: 1;
 
-					// .ant-radio-wrapper {
-					// }
-					.ant-input-textarea-show-count {
-						position: relative;
-						height: 88px;
-					}
+          // .ant-radio-wrapper {
+          // }
+          .ant-input-textarea-show-count {
+            position: relative;
+            height: 88px;
+          }
 
-					.ant-input-textarea-show-count::after {
-						position: absolute;
-						right: 10px;
-						bottom: 0px;
-					}
+          .ant-input-textarea-show-count::after {
+            position: absolute;
+            right: 10px;
+            bottom: 0px;
+          }
 
-					.ant-input {
-						border-radius: 8px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
+          .ant-input {
+            border-radius: 8px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
 
-					.ant-input-affix-wrapper {
-						padding: 0 11px;
-						border-radius: 8px;
-					}
+          .ant-input-affix-wrapper {
+            padding: 0 11px;
+            border-radius: 8px;
+          }
 
-					.ant-select-selector {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
-				}
+          .ant-select-selector {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
+        }
 
-				.filebox {
-					margin-left: 14px;
-					flex: 1;
+        .filebox {
+          margin-left: 14px;
+          flex: 1;
 
-					.fileimg {
-						width: 15px;
-						height: 15px;
-						margin-right: 6px;
-					}
+          .fileimg {
+            width: 15px;
+            height: 15px;
+            margin-right: 6px;
+          }
 
-					.filetext {
-						font-size: 14px;
-						font-weight: 400;
-						color: #4ea6ff;
-						line-height: 36px;
-					}
+          .filetext {
+            font-size: 14px;
+            font-weight: 400;
+            color: #4ea6ff;
+            line-height: 36px;
+          }
 
-					.support {
-						font-size: 14px;
-						font-weight: 400;
-						color: #999ba3;
-						line-height: 36px;
-						margin-top: 8px;
-						word-break: break-all;
-					}
-				}
-			}
+          .support {
+            font-size: 14px;
+            font-weight: 400;
+            color: #999ba3;
+            line-height: 36px;
+            margin-top: 8px;
+            word-break: break-all;
+          }
+        }
+      }
 
-			.name2 {
-				display: flex;
-				align-items: flex-start;
+      .name2 {
+        display: flex;
+        align-items: flex-start;
 
-				.ant-input-textarea {
-					.ant-input {
-						height: 88px;
-					}
-				}
-			}
-		}
+        .ant-input-textarea {
+          .ant-input {
+            height: 88px;
+          }
+        }
+      }
+    }
 
-		.template {
-			width: 50%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			//justify-content: center;
-			float: right;
+    .template {
+      width: 50%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      //justify-content: center;
+      float: right;
 
-			.name {
-				width: 78%;
-				// background-color: lightcoral;
-				display: flex;
-				margin-top: 20px;
-				align-items: center;
-				height: 40px;
+      .name {
+        width: 78%;
+        // background-color: lightcoral;
+        display: flex;
+        margin-top: 20px;
+        align-items: center;
+        height: 40px;
 
-				// border: 1px solid black;
-				.d {
-					margin-top: 8px;
-					font-size: 25px;
-					color: #ff4e4e;
-				}
+        // border: 1px solid black;
+        .d {
+          margin-top: 8px;
+          font-size: 25px;
+          color: #ff4e4e;
+        }
 
-				.inname {
-					color: #6f6f6f;
-					font-size: 14px;
-					margin-left: 7px;
-					width: 65px;
-				}
+        .inname {
+          color: #6f6f6f;
+          font-size: 14px;
+          margin-left: 7px;
+          width: 65px;
+        }
 
-				.in {
-					margin-left: 14px;
-					width: 81%;
+        .in {
+          margin-left: 14px;
+          width: 81%;
 
-					.ant-input {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
+          .ant-input {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
 
-					.ant-select-selector {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
-				}
-			}
-		}
-	}
+          .ant-select-selector {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
 
-	.footer {
-		width: 100%;
-		margin-top: 31px;
-		margin-bottom: 14px;
-		padding-bottom: 20px;
+  .footer {
+    width: 100%;
+    margin-top: 31px;
+    margin-bottom: 14px;
+    padding-bottom: 20px;
 
-		.btn {
-			display: flex;
-			justify-content: center;
+    .btn {
+      display: flex;
+      justify-content: center;
 
-			.btn1 {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 100px;
-				height: 40px;
-				border-radius: 8px;
-				background: #409eff;
-				color: #ffffff;
-				margin-right: 14px;
-			}
+      .btn1 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100px;
+        height: 40px;
+        border-radius: 8px;
+        background: #409eff;
+        color: #ffffff;
+        margin-right: 14px;
+      }
 
-			.btn2 {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 100px;
-				height: 40px;
-				border-radius: 8px;
-				border: 1px solid #409eff;
-				background: #ffffff;
-				color: #409eff;
-			}
-		}
+      .btn2 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100px;
+        height: 40px;
+        border-radius: 8px;
+        border: 1px solid #409eff;
+        background: #ffffff;
+        color: #409eff;
+      }
+    }
 
-		.text {
-			color: rgba(153, 155, 163, 1);
-			font-size: 14px;
-			margin-left: 223px;
-		}
-	}
+    .text {
+      color: rgba(153, 155, 163, 1);
+      font-size: 14px;
+      margin-left: 223px;
+    }
+  }
 }
 </style>
diff --git a/src/views/projectcenter/SonProject.vue b/src/views/projectcenter/SonProject.vue
index 6174797b..768b3f5d 100644
--- a/src/views/projectcenter/SonProject.vue
+++ b/src/views/projectcenter/SonProject.vue
@@ -1,53 +1,82 @@
 <!---- 创建单层子项目页面 --->
 <template>
-	<div class="projectAdd">
-		<div class="header">
-			<span class="title">创建/编辑单层子项目</span>
-			<router-link to="/projectmanage" class="goback">
-				<span class="return"></span><span class="returntext">返回</span>
-			</router-link>
-		</div>
-		<div class="content">
-			<div class="main">
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目归属</div>
-					</div>
-					<div class="in">
-						<div style="color: #C7CBD2;font-size: 14px;margin-left: 15px">{{ projectAscription }}</div>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">子项目名称</div>
-					</div>
-					<div class="in">
-						<a-input v-model:value="projectName" placeholder="请输入子项目名称" show-count :maxlength="30" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">分类</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect" placeholder="四个养成" style="width: 100%" :options="classifyList"
-							@change="classificationChange" allowClear showSearch>
-						</a-select>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">封面图</div>
-					</div>
-					<div class="box" style="
+  <div class="projectAdd">
+    <div class="header">
+      <span class="title">创建/编辑单层子项目</span>
+      <router-link to="/projectmanage" class="goback">
+        <span class="return"></span><span class="returntext">返回</span>
+      </router-link>
+    </div>
+    <div class="content">
+      <div class="main">
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目归属</div>
+          </div>
+          <div class="in">
+            <div style="color: #c7cbd2; font-size: 14px; margin-left: 15px">
+              {{ projectAscription }}
+            </div>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">子项目名称</div>
+          </div>
+          <div class="in">
+            <a-input
+              v-model:value="projectName"
+              placeholder="请输入子项目名称"
+              show-count
+              :maxlength="30"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">分类</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect"
+              placeholder="四个养成"
+              style="width: 100%"
+              :options="classifyList"
+              @change="classificationChange"
+              allowClear
+              showSearch
+            >
+            </a-select>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">封面图</div>
+          </div>
+          <div
+            class="box"
+            style="
               width: 100px;
               height: 100px;
               border: 1px solid rgba(78, 166, 255, 1);
@@ -55,821 +84,933 @@
               cursor: pointer;
               position: relative;
               overflow: hidden;
-            ">
-						<a-upload v-model:file-list="fileList" name="file" list-type="picture-card" class="avatar-uploader"
-							:show-upload-list="false" action="/api/file/upload" :before-upload="beforeUpload" @change="handleChange">
-							<img style="
+            "
+          >
+            <a-upload
+              v-model:file-list="fileList"
+              name="file"
+              list-type="picture-card"
+              class="avatar-uploader"
+              :show-upload-list="false"
+              action="/api/file/upload"
+              :before-upload="beforeUpload"
+              @change="handleChange"
+            >
+              <img
+                style="
                   width: 100px;
                   height: 100px;
                   margin-bottom: 4px;
                   margin-right: 4px;
-                " v-if="imageUrl" :src="imageUrl" alt="avatar" />
-							<div v-else>
-								<!-- <loading-outlined v-if="loading"></loading-outlined> -->
-								<!-- <plus-outlined v-else></plus-outlined> -->
-								<div class="box1"></div>
-								<div class="box2"></div>
-								<!-- <div class="ant-upload-text"></div> -->
-							</div>
-						</a-upload>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">子项目时间</div>
-					</div>
+                "
+                v-if="imageUrl"
+                :src="imageUrl"
+                alt="avatar"
+              />
+              <div v-else>
+                <!-- <loading-outlined v-if="loading"></loading-outlined> -->
+                <!-- <plus-outlined v-else></plus-outlined> -->
+                <div class="box1"></div>
+                <div class="box2"></div>
+                <!-- <div class="ant-upload-text"></div> -->
+              </div>
+            </a-upload>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">子项目时间</div>
+          </div>
 
-					<div class="in">
-						<a-range-picker separator="至" :placeholder="['      开始时间', '        结束时间']"
-							style="width: 100%; height: 40px; border-radius: 5px" show-time @change="onRangeChange" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">子项目经理</div>
-					</div>
-					<div class="in">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" :value="classifySelect1" mode="multiple" placeholder="请选择子项目经理" style="width: 100%" :options="classifyList1"
-							@change="classificationChange1" allowClear showSearch>
-						</a-select>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">资源归属</div>
-					</div>
+          <div class="in">
+            <a-range-picker
+              separator="至"
+              :placeholder="['      开始时间', '        结束时间']"
+              style="width: 100%; height: 40px; border-radius: 5px"
+              show-time
+              @change="onRangeChange"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">子项目经理</div>
+          </div>
+          <div class="in">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              :value="classifySelect1"
+              mode="multiple"
+              placeholder="请选择子项目经理"
+              style="width: 100%"
+              :options="classifyList1"
+              @change="classificationChange1"
+              allowClear
+              showSearch
+            >
+            </a-select>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">资源归属</div>
+          </div>
 
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect2" placeholder="自动带出 可修改" :options="classifyList2"
-							@change="classificationChange2" />
-					</div>
-				</div>
-				<div class="name name2">
-					<div class="namebox">
-						<div class="inname" style="margin-top: 13px">项目说明</div>
-					</div>
-					<div class="in">
-						<a-textarea v-model:value="remark" style="height: 80px" placeholder="请输入说明" show-count :maxlength="200" />
-					</div>
-				</div>
-				<div class="name name2">
-					<div class="namebox">
-						<div class="inname">同步学习记录</div>
-					</div>
-					<div class="in">
-						<a-radio @click="changeChecked" v-model:checked="checked"><span style="
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect2"
+              placeholder="自动带出 可修改"
+              :options="classifyList2"
+              @change="classificationChange2"
+            />
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname" style="margin-top: 13px">项目说明</div>
+          </div>
+          <div class="in">
+            <a-textarea
+              v-model:value="remark"
+              style="height: 80px"
+              placeholder="请输入说明"
+              show-count
+              :maxlength="200"
+            />
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname">同步学习记录</div>
+          </div>
+          <div class="in">
+            <a-radio @click="changeChecked" v-model:checked="checked"
+              ><span
+                style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
-                ">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span></a-radio>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目级别</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect3" :options="classifyList3" @change="classificationChange3"
-							placeholder="集团级/组织级/现地级/部门级" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">培训体系</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect4" :options="classifyList4" @change="classificationChange4"
-							placeholder="集团级/组织级/现地级/部门级" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">是否BOEU实施</div>
-					</div>
-					<div class="in">
-						<a-radio @click="changeChecked1" v-model:checked="checked1"><span style="
+                "
+                >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+              ></a-radio
+            >
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目级别</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect3"
+              :options="classifyList3"
+              @change="classificationChange3"
+              placeholder="集团级/组织级/现地级/部门级"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">培训体系</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect4"
+              :options="classifyList4"
+              @change="classificationChange4"
+              placeholder="集团级/组织级/现地级/部门级"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">是否BOEU实施</div>
+          </div>
+          <div class="in">
+            <a-radio @click="changeChecked1" v-model:checked="checked1"
+              ><span
+                style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
-                ">BOEU实施</span></a-radio>
-					</div>
-				</div>
-				<div class="name name2">
-					<div class="namebox" style="margin-top: 8px">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">附件</div>
-					</div>
-					<div class="filebox">
-						<div>
-							<img v-if="fileList1.length < 6" class="fileimg" src="../../assets/images/projectadd/enclosure.png" />
-							<a-upload :disabled="fileList1.length > 5" :before-upload="beforeUpload1" v-model:file-list="fileList1"
-								@remove="removeFile" name="file" action="/api/file/upload" :headers="headers" @change="handleChange1">
-								<!-- <a-button> -->
-								<!-- <upload-outlined></upload-outlined> -->
-								<span v-if="fileList1.length > 5" class="filetext">上传数量已经达到最大值</span>
-								<span v-else class="filetext">上传附件</span>
-								<!-- </a-button> -->
-							</a-upload>
-						</div>
-						<div class="support">
-							支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
-						</div>
-					</div>
-				</div>
-			</div>
-			<div class="template">
-				<div class="name">
-					<div class="inname" style="width: 50px">模版</div>
-					<div class="in select" style="margin-left: 2px">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect5" placeholder="请选择模版" :size="size" style="width: 100%" :options="classifyList5"
-							@change="classificationChange5">
-						</a-select>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="footer">
-			<div class="btn">
-				<a-button v-on:click="createProject" type="primary" class="btn1">确定</a-button>
-				<a-button class="btn2">取消</a-button>
-			</div>
-		</div>
-	</div>
+                "
+                >BOEU实施</span
+              ></a-radio
+            >
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox" style="margin-top: 8px">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">附件</div>
+          </div>
+          <div class="filebox">
+            <div>
+              <img
+                v-if="fileList1.length < 6"
+                class="fileimg"
+                src="../../assets/images/projectadd/enclosure.png"
+              />
+              <a-upload
+                :disabled="fileList1.length > 5"
+                :before-upload="beforeUpload1"
+                v-model:file-list="fileList1"
+                @remove="removeFile"
+                name="file"
+                action="/api/file/upload"
+                :headers="headers"
+                @change="handleChange1"
+              >
+                <!-- <a-button> -->
+                <!-- <upload-outlined></upload-outlined> -->
+                <span v-if="fileList1.length > 5" class="filetext"
+                  >上传数量已经达到最大值</span
+                >
+                <span v-else class="filetext">上传附件</span>
+                <!-- </a-button> -->
+              </a-upload>
+            </div>
+            <div class="support">
+              支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="template">
+        <div class="name">
+          <div class="inname" style="width: 50px">模版</div>
+          <div class="in select" style="margin-left: 2px">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect5"
+              placeholder="请选择模版"
+              :size="size"
+              style="width: 100%"
+              :options="classifyList5"
+              @change="classificationChange5"
+            >
+            </a-select>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="footer">
+      <div class="btn">
+        <a-button v-on:click="createProject" type="primary" class="btn1"
+          >确定</a-button
+        >
+        <a-button class="btn2">取消</a-button>
+      </div>
+    </div>
+  </div>
 </template>
 <script>
 import { reactive, toRefs, ref } from "vue";
-import { message } from 'ant-design-vue';
+import { message } from "ant-design-vue";
 import { useRouter, useRoute } from "vue-router";
 import * as api from "../../api/index";
 
 export default {
-	name: "sonProject",
-	setup() {
-		const router = useRouter();
-		const routers = useRoute();
-		const state = reactive({
-			classifySelect: null,
-			classifySelectId: null,
-			checked: false,
-			checked1: false,
-			valueE: null,
-			valueE1: null,
-			valueE2: null,
+  name: "sonProject",
+  setup() {
+    const router = useRouter();
+    const routers = useRoute();
+    const state = reactive({
+      classifySelect: null,
+      classifySelectId: null,
+      checked: false,
+      checked1: false,
+      valueE: null,
+      valueE1: null,
+      valueE2: null,
 
-			projectAscription:'',
-		});
+      projectAscription: "",
+    });
 
-		const projectName = ref('');
+    const projectName = ref("");
 
-		state.projectAscription = routers.query.name;
+    state.projectAscription = routers.query.name;
 
-		const classifyList = ref([
-			{ value: 1, label: '管理者' },
-			{ value: 2, label: '领军者' },
-			{ value: 3, label: '产业人' },
-		]);
+    const classifyList = ref([
+      { value: 1, label: "管理者" },
+      { value: 2, label: "领军者" },
+      { value: 3, label: "产业人" },
+    ]);
 
-		let projectType = "";
+    let projectType = "";
 
-		const classificationChange = (value) => {
-			console.log(`selected ${value}`);
-			projectType = value;
-		};
+    const classificationChange = (value) => {
+      console.log(`selected ${value}`);
+      projectType = value;
+    };
 
-		function getBase64(img, callback) {
-			const reader = new FileReader();
-			reader.addEventListener('load', () => callback(reader.result));
-			reader.readAsDataURL(img);
-		}
+    function getBase64(img, callback) {
+      const reader = new FileReader();
+      reader.addEventListener("load", () => callback(reader.result));
+      reader.readAsDataURL(img);
+    }
 
-		const fileList = ref([]);
-		const fileList1 = ref([]);
-		const loading = ref(false);
-		const imageUrl = ref('');
-		let picUrl = '';
+    const fileList = ref([]);
+    const fileList1 = ref([]);
+    const loading = ref(false);
+    const imageUrl = ref("");
+    let picUrl = "";
 
-		const handleChange = (info) => {
-			if (info.file.status === 'uploading') {
-				loading.value = true;
-				return;
-			}
-			if (info.file.status === 'done') {
-				console.log('上传图片返回的信息 %o', info)
-				picUrl = info.file.response.data;
-				// Get this url from response in real world.
-				getBase64(info.file.originFileObj, (base64Url) => {
-					imageUrl.value = base64Url;
-					loading.value = false;
-				});
-			}
-			if (info.file.status === 'error') {
-				loading.value = false;
-				message.error('upload error');
-			}
-		};
+    const handleChange = (info) => {
+      if (info.file.status === "uploading") {
+        loading.value = true;
+        return;
+      }
+      if (info.file.status === "done") {
+        console.log("上传图片返回的信息 %o", info);
+        picUrl = info.file.response.data;
+        // Get this url from response in real world.
+        getBase64(info.file.originFileObj, (base64Url) => {
+          imageUrl.value = base64Url;
+          loading.value = false;
+        });
+      }
+      if (info.file.status === "error") {
+        loading.value = false;
+        message.error("upload error");
+      }
+    };
 
-		let uplodaFileCount = false;
+    let uplodaFileCount = false;
 
-		let attach = "";
-		let attachData = "";
-		const handleChange1 = (info) => {
-			if (info.file.status === 'uploading') {
-				loading.value = true;
-				return;
-			}
-			if (info.file.status === 'done') {
-				console.log('上传附件返回的信息 %o', info, info.fileList.length, uplodaFileCount)
+    let attach = "";
+    let attachData = "";
+    const handleChange1 = (info) => {
+      if (info.file.status === "uploading") {
+        loading.value = true;
+        return;
+      }
+      if (info.file.status === "done") {
+        console.log(
+          "上传附件返回的信息 %o",
+          info,
+          info.fileList.length,
+          uplodaFileCount
+        );
 
-				let attachStr = "";
-				attachData = info.fileList;
-				for (let i = 0; i < attachData.length; i++) {
-					if (attachData.length - 1 == i) {
-						attachStr += attachData[i].response.data;
-					} else {
-						attachStr += attachData[i].response.data + ',';
-					}
-				}
-				console.log(attachStr)
-				attach = attachStr;
+        let attachStr = "";
+        attachData = info.fileList;
+        for (let i = 0; i < attachData.length; i++) {
+          if (attachData.length - 1 == i) {
+            attachStr += attachData[i].response.data;
+          } else {
+            attachStr += attachData[i].response.data + ",";
+          }
+        }
+        console.log(attachStr);
+        attach = attachStr;
 
-				if (info.fileList.length > 5) {
-					uplodaFileCount = true;
-				} else {
-					uplodaFileCount = false;
-				}
-			}
-			if (info.file.status === 'error') {
-				loading.value = false;
-				message.error('upload error');
-			}
-		};
+        if (info.fileList.length > 5) {
+          uplodaFileCount = true;
+        } else {
+          uplodaFileCount = false;
+        }
+      }
+      if (info.file.status === "error") {
+        loading.value = false;
+        message.error("upload error");
+      }
+    };
 
-		const beforeUpload = (file) => {
-			const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
-			if (!isJpgOrPng) {
-				message.error('You can only upload JPG file!');
-			}
-			const isLt2M = file.size / 1024 / 1024 < 1;
-			if (!isLt2M) {
-				message.error('Image must smaller than 1MB!');
-			}
-			return isJpgOrPng && isLt2M;
-		};
+    const beforeUpload = (file) => {
+      const isJpgOrPng =
+        file.type === "image/jpeg" || file.type === "image/png";
+      if (!isJpgOrPng) {
+        message.error("You can only upload JPG file!");
+      }
+      const isLt2M = file.size / 1024 / 1024 < 1;
+      if (!isLt2M) {
+        message.error("Image must smaller than 1MB!");
+      }
+      return isJpgOrPng && isLt2M;
+    };
 
-		const beforeUpload1 = () => {
-			return new Promise((resovle, reject) => {
-				if (uplodaFileCount) {
-					message.info("上传文件数量已达最大数量")
-					return reject(false);
-				}
-				return resovle(true);
-			})
-		};
+    const beforeUpload1 = () => {
+      return new Promise((resovle, reject) => {
+        if (uplodaFileCount) {
+          message.info("上传文件数量已达最大数量");
+          return reject(false);
+        }
+        return resovle(true);
+      });
+    };
 
-		let beginTime = "";
-		let endTime = "";
-		const onRangeChange = (value, dateString) => {
-			console.log('Selected Time: ', value);
-			// 项目时间选择函数
-			console.log('Formatted Selected Time: ', dateString);
-			console.log('Formatted Selected TimeStamp', new Date(dateString[0]).getTime())
-			beginTime = new Date(dateString[0]).getTime() / 1000;
-			endTime = new Date(dateString[1]).getTime() / 1000;
-		};
+    let beginTime = "";
+    let endTime = "";
+    const onRangeChange = (value, dateString) => {
+      console.log("Selected Time: ", value);
+      // 项目时间选择函数
+      console.log("Formatted Selected Time: ", dateString);
+      console.log(
+        "Formatted Selected TimeStamp",
+        new Date(dateString[0]).getTime()
+      );
+      beginTime = new Date(dateString[0]).getTime() / 1000;
+      endTime = new Date(dateString[1]).getTime() / 1000;
+    };
 
+    // 项目经理 后续接口调用
+    const classifyList1 = ref([
+      { value: 1, label: "李俊国" },
+      { value: 2, label: "将小米" },
+      { value: 3, label: "刘孟君" },
+    ]);
 
-		// 项目经理 后续接口调用
-		const classifyList1 = ref([
-			{ value: 1, label: '李俊国' },
-			{ value: 2, label: '将小米' },
-			{ value: 3, label: '刘孟君' },
-		]);
+    let manager = "";
+    let managerId = "";
+    const classificationChange1 = (key) => {
+      console.log(`selected ${key}`, classifyList1);
+      let mstr = "";
+      let midstr = "";
+      for (let i = 0; i < key.length; i++) {
+        if (key.length - 1 !== i) {
+          midstr += key[i] + ",";
+          mstr += classifyList1.value[i].label + ",";
+        } else {
+          midstr += key[i];
+          mstr += classifyList1.value[i].label;
+        }
+      }
+      console.log(mstr, midstr);
+      manager = mstr;
+      managerId = midstr;
+    };
 
-		let manager = "";
-		let managerId = "";
-		const classificationChange1 = (key) => {
-			console.log(`selected ${key}`, classifyList1);
-			let mstr = '';
-			let midstr = '';
-			for (let i = 0; i < key.length; i++) {
-				if (key.length - 1 !== i) {
-					midstr += key[i] + ',';
-					mstr += classifyList1.value[i].label + ',';
-				} else {
-					midstr += key[i];
-					mstr += classifyList1.value[i].label;
-				}
-			}
-			console.log(mstr, midstr)
-			manager = mstr;
-			managerId = midstr;
-		};
+    // 资源归属 sourceBelongId 后续给接口
+    const classifyList2 = ref([
+      { value: 1, label: "项目一" },
+      { value: 2, label: "项目二" },
+      { value: 3, label: "项目三" },
+    ]);
 
-		// 资源归属 sourceBelongId 后续给接口
-		const classifyList2 = ref([
-			{ value: 1, label: '项目一' },
-			{ value: 2, label: '项目二' },
-			{ value: 3, label: '项目三' },
-		]);
+    const classificationChange2 = (key) => {
+      console.log(`selected ${key}`, classifyList2);
+    };
 
-		const classificationChange2 = (key) => {
-			console.log(`selected ${key}`, classifyList2);
-		}
+    // 项目级别
+    const classifyList3 = ref([
+      { value: 1, label: "集团级" },
+      { value: 2, label: "组织级" },
+      { value: 3, label: "现地级" },
+      { value: 4, label: "部门级" },
+    ]);
+    const classificationChange3 = (key) => {
+      console.log(`selected ${key}`, classifyList3);
+    };
 
-		// 项目级别
-		const classifyList3 = ref([
-			{ value: 1, label: '集团级' },
-			{ value: 2, label: '组织级' },
-			{ value: 3, label: '现地级' },
-			{ value: 4, label: '部门级' },
-		]);
-		const classificationChange3 = (key) => {
-			console.log(`selected ${key}`, classifyList3);
-		}
+    // 培训体系
+    const classifyList4 = ref([
+      { value: 1, label: "集团级" },
+      { value: 2, label: "组织级" },
+      { value: 3, label: "现地级" },
+      { value: 4, label: "部门级" },
+    ]);
+    const classificationChange4 = (key) => {
+      console.log(`selected ${key}`, classifyList4);
+    };
 
-		// 培训体系
-		const classifyList4 = ref([
-			{ value: 1, label: '集团级' },
-			{ value: 2, label: '组织级' },
-			{ value: 3, label: '现地级' },
-			{ value: 4, label: '部门级' },
-		]);
-		const classificationChange4 = (key) => {
-			console.log(`selected ${key}`, classifyList4);
-		}
+    // 模版
+    const classifyList5 = ref([
+      { value: 1, label: "模版一" },
+      { value: 2, label: "模版二" },
+      { value: 3, label: "模版三" },
+      { value: 4, label: "模版四" },
+    ]);
+    const classificationChange5 = (key) => {
+      console.log(`selected ${key}`, classifyList5);
+    };
 
-		// 模版
-		const classifyList5 = ref([
-			{ value: 1, label: '模版一' },
-			{ value: 2, label: '模版二' },
-			{ value: 3, label: '模版三' },
-			{ value: 4, label: '模版四' },
-		]);
-		const classificationChange5 = (key) => {
-			console.log(`selected ${key}`, classifyList5);
-		}
+    // 项目说明
+    const remark = ref("");
 
-		// 项目说明
-		const remark = ref('');
+    let courseSyncFlag = 0;
+    const changeChecked = () => {
+      console.log(state.checked);
+      state.checked ? (state.checked = false) : (state.checked = true);
+      courseSyncFlag = state.checked ? 1 : 0;
+    };
 
-		let courseSyncFlag = 0;
-		const changeChecked = () => {
-			console.log(state.checked)
-			state.checked ? state.checked = false : state.checked = true;
-			courseSyncFlag = state.checked ? 1 : 0;
-		}
+    let boeFlag = 0;
+    const changeChecked1 = () => {
+      console.log(state.checked1);
+      state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
+      boeFlag = state.checked1 ? 1 : 0;
+    };
 
-		let boeFlag = 0;
-		const changeChecked1 = () => {
-			console.log(state.checked1)
-			state.checked1 ? state.checked1 = false : state.checked1 = true;
-			boeFlag = state.checked1 ? 1 : 0;
-		}
+    const removeFile = (file) => {
+      const index = fileList1.value.indexOf(file);
+      const newFileList = fileList1.value.slice();
+      newFileList.splice(index, 1);
+      fileList1.value = newFileList;
 
-		const removeFile = (file) => {
-			const index = fileList1.value.indexOf(file);
-			const newFileList = fileList1.value.slice();
-			newFileList.splice(index, 1);
-			fileList1.value = newFileList;
+      let attachStr = "";
+      if (newFileList.length == 0) {
+        attachStr = "";
+      }
+      for (let i = 0; i < fileList1["value"].length; i++) {
+        console.log(fileList1["value"][i].response.data);
+        if (fileList1["value"].length - 1 == i) {
+          attachStr += fileList1["value"][i].response.data;
+        } else {
+          attachStr += fileList1["value"][i].response.data + ",";
+        }
+      }
+      attach = attachStr;
+    };
 
-			let attachStr = "";
-			if (newFileList.length == 0) {
-				attachStr = "";
-			}
-			for (let i = 0; i < fileList1["value"].length; i++) {
-				console.log(fileList1["value"][i].response.data)
-				if (fileList1["value"].length - 1 == i) {
-					attachStr += fileList1["value"][i].response.data;
-				} else {
-					attachStr += fileList1["value"][i].response.data + ',';
-				}
-			}
-			attach = attachStr;
-		}
+    const errorMsgs = {
+      name: "请输入项目名称",
+      category: "请选择项目分类",
+      picUrl: "请上传项目封面图",
+      beginTime: "请选择项目开始时间",
+      endTime: "请选择项目结束时间",
+      manager: "请选择项目经理",
+      managerId: "请选择项目经理",
+      sourceBelongId: "请选择资源归属",
+      level: "请填写项目级别",
+      systemId: "请填写项目培训体系",
+      boeFlag: "请选择是否BOE实施",
+      attach: "请上传附件",
+    };
 
+    const createProject = () => {
+      let obj = {
+        name: projectName["value"],
+        category: projectType,
+        picUrl: picUrl,
+        beginTime: beginTime,
+        endTime: endTime,
+        manager: manager,
+        managerId: managerId,
+        sourceBelongId: 11,
+        remark: remark["value"],
+        courseSyncFlag: courseSyncFlag,
+        level: 3,
+        systemId: 4,
+        boeFlag: boeFlag,
+        attach: attach,
+        type: 3,
+        templateId: 10,
+        parentId: routers.query.projectId,
+        notice: "",
+        noticeFlag: 0,
+        status: 0,
+      };
+      console.log("提交的数据格式 %o", obj);
+      for (let i in errorMsgs) {
+        console.log(obj[i]);
+        if (obj[i] === "" || obj[i] === undefined) {
+          message.destroy();
+          message.warning(errorMsgs[i]);
+          return;
+        }
+      }
 
-		const errorMsgs = {
-			"name": "请输入项目名称",
-			"category": "请选择项目分类",
-			"picUrl": "请上传项目封面图",
-			"beginTime": "请选择项目开始时间",
-			"endTime": "请选择项目结束时间",
-			"manager": "请选择项目经理",
-			"managerId": "请选择项目经理",
-			"sourceBelongId": "请选择资源归属",
-			"level": "请填写项目级别",
-			"systemId": "请填写项目培训体系",
-			"boeFlag": "请选择是否BOE实施",
-			"attach": "请上传附件"
-		}
+      api
+        .createProject(obj)
+        .then((res) => {
+          console.log(res);
+          if (res.status == 200 && res.data.code == 200) {
+            message.destroy();
+            message.success("创建成功");
+            setTimeout(() => {
+              router.push({
+                path: "/taskpage",
+                query: { id: res.data.data.projectId },
+              });
+            }, 1000);
+          } else {
+            message.destroy();
+            message.error("创建失败，请检查当前网络状态。");
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+          message.destroy();
+          message.error("创建失败，请检查当前网络状态。");
+        });
+    };
 
-		const createProject = () => {
-			let obj = {
-				"name": projectName["value"],
-				"category": projectType,
-				"picUrl": picUrl,
-				"beginTime": beginTime,
-				"endTime": endTime,
-				"manager": manager,
-				"managerId": managerId,
-				"sourceBelongId": 11,
-				"remark": remark["value"],
-				"courseSyncFlag": courseSyncFlag,
-				"level": 3,
-				"systemId": 4,
-				"boeFlag": boeFlag,
-				"attach": attach,
-				"type": 3,
-				"templateId": 10,
-				"parentId": routers.query.projectId,
-				"notice": "",
-				"noticeFlag": 0,
-				"status": 0
-			}
-			console.log('提交的数据格式 %o', obj)
-			for (let i in errorMsgs) {
-				console.log(obj[i])
-				if (obj[i] === "" || obj[i] === undefined) {
-					message.destroy()
-					message.warning(errorMsgs[i])
-					return
-				}
-			}
-
-			api.createProject(obj).then(res => {
-				console.log(res)
-				if (res.status == 200 && res.data.code == 200) {
-					message.destroy();
-					message.success("创建成功")
-					setTimeout(() => {
-						router.push({
-							path: '/taskpage',
-							query: { id: res.data.data.projectId }
-						});
-					}, 1000);
-				} else {
-					message.destroy();
-					message.error("创建失败，请检查当前网络状态。")
-				}
-			}).catch(err => {
-				console.log(err)
-				message.destroy();
-				message.error("创建失败，请检查当前网络状态。")
-			})
-		};
-
-		return {
-			...toRefs(state),
-			projectName,
-			classifyList,
-			classificationChange,
-			classificationChange1,
-			classificationChange2,
-			classificationChange3,
-			classificationChange4,
-			classificationChange5,
-			fileList,
-			fileList1,
-			loading,
-			imageUrl,
-			handleChange,
-			handleChange1,
-			beforeUpload,
-			beforeUpload1,
-			onRangeChange,
-			classifyList1,
-			classifyList2,
-			classifyList3,
-			classifyList4,
-			classifyList5,
-			remark,
-			changeChecked,
-			changeChecked1,
-			uplodaFileCount,
-			createProject,
-			removeFile
-		};
-	}
+    return {
+      ...toRefs(state),
+      projectName,
+      classifyList,
+      classificationChange,
+      classificationChange1,
+      classificationChange2,
+      classificationChange3,
+      classificationChange4,
+      classificationChange5,
+      fileList,
+      fileList1,
+      loading,
+      imageUrl,
+      handleChange,
+      handleChange1,
+      beforeUpload,
+      beforeUpload1,
+      onRangeChange,
+      classifyList1,
+      classifyList2,
+      classifyList3,
+      classifyList4,
+      classifyList5,
+      remark,
+      changeChecked,
+      changeChecked1,
+      uplodaFileCount,
+      createProject,
+      removeFile,
+    };
+  },
 };
 </script>
 <style lang="scss">
 .projectAdd {
-	width: 100%;
-	// height: inherit;
-	// flex: 1;
-	// flex-shrink: 0;
-	// overflow-y: scroll;
+  width: 100%;
+  // height: inherit;
+  // flex: 1;
+  // flex-shrink: 0;
+  // overflow-y: auto;
 
-	.header {
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
+  .header {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
 
-		.title {
-			color: #000000;
-			font-size: 18px;
-			//line-height: 36px;
-			padding-top: 30px;
-			padding-left: 37px;
-			//font-weight: 500;
-		}
+    .title {
+      color: #000000;
+      font-size: 18px;
+      //line-height: 36px;
+      padding-top: 30px;
+      padding-left: 37px;
+      //font-weight: 500;
+    }
 
-		.goback {
-			padding-right: 70px;
-			//padding-top: 37px;
-			position: relative;
+    .goback {
+      padding-right: 70px;
+      //padding-top: 37px;
+      position: relative;
 
-			.return {
-				display: inline-block;
-				width: 42px;
-				height: 42px;
-				margin-top: 17px;
-				margin-right: 10px;
-				background-image: url("../../assets/images/projectadd/return.png");
-			}
+      .return {
+        display: inline-block;
+        width: 42px;
+        height: 42px;
+        margin-top: 17px;
+        margin-right: 10px;
+        background-image: url("../../assets/images/projectadd/return.png");
+      }
 
-			.returntext {
-				display: inline-block;
-				position: absolute;
-				top: 27px;
-				color: #4ea6ff;
-				font-size: 14px;
-			}
-		}
-	}
+      .returntext {
+        display: inline-block;
+        position: absolute;
+        top: 27px;
+        color: #4ea6ff;
+        font-size: 14px;
+      }
+    }
+  }
 
-	// 修改 antd upload 样式
-	.ant-upload {
-		border-width: 0px;
-	}
+  // 修改 antd upload 样式
+  .ant-upload {
+    border-width: 0px;
+  }
 
-	.content {
-		display: flex;
+  .content {
+    display: flex;
 
-		.main {
-			width: 50%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			//justify-content: center;
-			float: left;
-			border-right: 1px solid rgba(153, 155, 163, 0.3);
+    .main {
+      width: 50%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      //justify-content: center;
+      float: left;
+      border-right: 1px solid rgba(153, 155, 163, 0.3);
 
-			.name {
-				width: 78%;
-				// background-color: lightcoral;
-				display: flex;
-				margin-top: 20px;
-				align-items: center;
+      .name {
+        width: 78%;
+        // background-color: lightcoral;
+        display: flex;
+        margin-top: 20px;
+        align-items: center;
 
-				//height: 40px;
-				// border: 1px solid black;
-				.namebox {
-					width: 120px;
-					display: flex;
-					align-items: center;
-					justify-content: flex-end;
-					flex-shrink: 0;
+        //height: 40px;
+        // border: 1px solid black;
+        .namebox {
+          width: 120px;
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          flex-shrink: 0;
 
-					.nameimg {
-						width: 10px;
-						height: 10px;
-					}
-				}
+          .nameimg {
+            width: 10px;
+            height: 10px;
+          }
+        }
 
-				.d {
-					margin-top: 8px;
-					font-size: 25px;
-					color: #ff4e4e;
-				}
+        .d {
+          margin-top: 8px;
+          font-size: 25px;
+          color: #ff4e4e;
+        }
 
-				.box {
-					position: relative;
-					margin-left: 14px;
+        .box {
+          position: relative;
+          margin-left: 14px;
 
-					.box1 {
-						position: absolute;
-						left: 50%;
-						top: 50%;
-						width: 50px;
-						margin-left: -25px;
-						margin-top: -5px;
-						border-top: 2px solid rgba(78, 166, 255, 1);
-					}
+          .box1 {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            width: 50px;
+            margin-left: -25px;
+            margin-top: -5px;
+            border-top: 2px solid rgba(78, 166, 255, 1);
+          }
 
-					.box2 {
-						position: absolute;
-						left: 50%;
-						top: 50%;
-						height: 50px;
-						//margin-left: -5px;
-						margin-top: -25px;
-						border-left: 2px solid rgba(78, 166, 255, 1);
-					}
-				}
+          .box2 {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            height: 50px;
+            //margin-left: -5px;
+            margin-top: -25px;
+            border-left: 2px solid rgba(78, 166, 255, 1);
+          }
+        }
 
-				.inname {
-					color: #6f6f6f;
-					font-size: 14px;
-					margin-left: 7px;
-				}
+        .inname {
+          color: #6f6f6f;
+          font-size: 14px;
+          margin-left: 7px;
+        }
 
-				.in {
-					margin-left: 14px;
-					flex: 1;
+        .in {
+          margin-left: 14px;
+          flex: 1;
 
-					// .ant-radio-wrapper {
-					// }
-					.ant-input-textarea-show-count {
-						position: relative;
-						height: 88px;
-					}
+          // .ant-radio-wrapper {
+          // }
+          .ant-input-textarea-show-count {
+            position: relative;
+            height: 88px;
+          }
 
-					.ant-input-textarea-show-count::after {
-						position: absolute;
-						right: 10px;
-						bottom: 0px;
-					}
+          .ant-input-textarea-show-count::after {
+            position: absolute;
+            right: 10px;
+            bottom: 0px;
+          }
 
-					.ant-input {
-						border-radius: 8px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
+          .ant-input {
+            border-radius: 8px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
 
-					.ant-input-affix-wrapper {
-						padding: 0 11px;
-						border-radius: 8px;
-					}
+          .ant-input-affix-wrapper {
+            padding: 0 11px;
+            border-radius: 8px;
+          }
 
-					.ant-select-selector {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
-				}
+          .ant-select-selector {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
+        }
 
-				.filebox {
-					margin-left: 14px;
-					flex: 1;
+        .filebox {
+          margin-left: 14px;
+          flex: 1;
 
-					.fileimg {
-						width: 15px;
-						height: 15px;
-						margin-right: 6px;
-					}
+          .fileimg {
+            width: 15px;
+            height: 15px;
+            margin-right: 6px;
+          }
 
-					.filetext {
-						font-size: 14px;
-						font-weight: 400;
-						color: #4ea6ff;
-						line-height: 36px;
-					}
+          .filetext {
+            font-size: 14px;
+            font-weight: 400;
+            color: #4ea6ff;
+            line-height: 36px;
+          }
 
-					.support {
-						font-size: 14px;
-						font-weight: 400;
-						color: #999ba3;
-						line-height: 36px;
-						margin-top: 8px;
-						word-break: break-all;
-					}
-				}
-			}
+          .support {
+            font-size: 14px;
+            font-weight: 400;
+            color: #999ba3;
+            line-height: 36px;
+            margin-top: 8px;
+            word-break: break-all;
+          }
+        }
+      }
 
-			.name2 {
-				display: flex;
-				align-items: flex-start;
+      .name2 {
+        display: flex;
+        align-items: flex-start;
 
-				.ant-input-textarea {
-					.ant-input {
-						height: 88px;
-					}
-				}
-			}
-		}
+        .ant-input-textarea {
+          .ant-input {
+            height: 88px;
+          }
+        }
+      }
+    }
 
-		.template {
-			width: 50%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			//justify-content: center;
-			float: right;
+    .template {
+      width: 50%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      //justify-content: center;
+      float: right;
 
-			.name {
-				width: 78%;
-				// background-color: lightcoral;
-				display: flex;
-				margin-top: 20px;
-				align-items: center;
-				height: 40px;
+      .name {
+        width: 78%;
+        // background-color: lightcoral;
+        display: flex;
+        margin-top: 20px;
+        align-items: center;
+        height: 40px;
 
-				// border: 1px solid black;
-				.d {
-					margin-top: 8px;
-					font-size: 25px;
-					color: #ff4e4e;
-				}
+        // border: 1px solid black;
+        .d {
+          margin-top: 8px;
+          font-size: 25px;
+          color: #ff4e4e;
+        }
 
-				.inname {
-					color: #6f6f6f;
-					font-size: 14px;
-					margin-left: 7px;
-					width: 65px;
-				}
+        .inname {
+          color: #6f6f6f;
+          font-size: 14px;
+          margin-left: 7px;
+          width: 65px;
+        }
 
-				.in {
-					margin-left: 14px;
-					width: 81%;
+        .in {
+          margin-left: 14px;
+          width: 81%;
 
-					.ant-input {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
+          .ant-input {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
 
-					.ant-select-selector {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
-				}
-			}
-		}
-	}
+          .ant-select-selector {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
 
-	.footer {
-		width: 100%;
-		margin-top: 31px;
-		margin-bottom: 14px;
-		padding-bottom: 20px;
+  .footer {
+    width: 100%;
+    margin-top: 31px;
+    margin-bottom: 14px;
+    padding-bottom: 20px;
 
-		.btn {
-			display: flex;
-			justify-content: center;
+    .btn {
+      display: flex;
+      justify-content: center;
 
-			.btn1 {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 100px;
-				height: 40px;
-				border-radius: 8px;
-				background: #409eff;
-				color: #ffffff;
-				margin-right: 14px;
-			}
+      .btn1 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100px;
+        height: 40px;
+        border-radius: 8px;
+        background: #409eff;
+        color: #ffffff;
+        margin-right: 14px;
+      }
 
-			.btn2 {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 100px;
-				height: 40px;
-				border-radius: 8px;
-				border: 1px solid #409eff;
-				background: #ffffff;
-				color: #409eff;
-			}
-		}
+      .btn2 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100px;
+        height: 40px;
+        border-radius: 8px;
+        border: 1px solid #409eff;
+        background: #ffffff;
+        color: #409eff;
+      }
+    }
 
-		.text {
-			color: rgba(153, 155, 163, 1);
-			font-size: 14px;
-			margin-left: 223px;
-		}
-	}
+    .text {
+      color: rgba(153, 155, 163, 1);
+      font-size: 14px;
+      margin-left: 223px;
+    }
+  }
 }
 </style>
-
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index 12ded11e..4650c5cf 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -1708,7 +1708,7 @@ export default {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
-    overflow-x: scroll;
+    overflow-x: auto;
     display: flex;
     flex-direction: column;
     .header {
diff --git a/src/views/system/SystemManage.vue b/src/views/system/SystemManage.vue
index 12d39867..9c791a40 100644
--- a/src/views/system/SystemManage.vue
+++ b/src/views/system/SystemManage.vue
@@ -62,6 +62,22 @@
     >
       跳转
     </div>
+    <draggable
+      v-model="draggableList"
+      chosenClass="chosen"
+      forceFallback="true"
+      group="people"
+      animation="1000"
+      @start="onStart"
+      @end="onEnd"
+      :list="draggableList"
+    >
+      <template #item="{ element }">
+        <div class="item" :key="element.id">
+          {{ element.name }}
+        </div>
+      </template>
+    </draggable>
   </div>
 </template>
 <script>
@@ -76,12 +92,14 @@ import * as api from "../../api/index1";
 //   reader.readAsDataURL(img);
 // }
 import { useRouter } from "vue-router";
+import draggable from "vuedraggable";
 export default {
   name: "SystemManage",
   components: {
     AddVote,
     // LoadingOutlined,
     // PlusOutlined,
+    draggable,
   },
   setup() {
     const state = reactive({
@@ -91,38 +109,30 @@ export default {
       loading: false,
       fileList: [],
 
-      voteList: [
+      draggableList: [
         {
           id: 1,
-          stem: "题干一", //题干
-          options: [
-            {
-              id: 1,
-              option: "选项一",
-              imgUrl: "",
-            },
-            {
-              id: 2,
-              option: "选项二",
-              imgUrl: "",
-            },
-          ],
+          name: "拖拽一",
         },
         {
           id: 2,
-          stem: "题干二", //题干
-          options: [
-            {
-              id: 1,
-              option: "选项一",
-              imgUrl: "",
-            },
-            {
-              id: 2,
-              option: "选项二",
-              imgUrl: "",
-            },
-          ],
+          name: "拖拽二",
+        },
+        {
+          id: 3,
+          name: "拖拽三",
+        },
+        {
+          id: 4,
+          name: "拖拽四",
+        },
+        {
+          id: 5,
+          name: "拖拽五",
+        },
+        {
+          id: 6,
+          name: "拖拽六",
         },
       ],
     });
@@ -226,6 +236,12 @@ export default {
     right: 0px;
     bottom: 0px;
   }
+  .item {
+    width: 100px;
+    height: 50px;
+    background-color: pink;
+    border: 1px solid #000;
+  }
 }
 .drawerStyle {
   .drawerMain {