From f774ac50710a0708b03671e612dd3ac66acefb86 Mon Sep 17 00:00:00 2001
From: wuyx <wuyx@dongwu-inc.com>
Date: Fri, 4 Nov 2022 17:39:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E5=8D=95=E5=B1=82?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E3=80=81=E5=8D=95=E5=B1=82=E5=AD=90=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E3=80=81=E7=8F=AD=E7=BA=A7=E7=9A=84=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                         |   12 +-
 src/components/OpenPages.vue              |  221 ++-
 src/views/projectcenter/ClassAdd.vue      | 1863 +++++++++++----------
 src/views/projectcenter/ProjectAdd.vue    |  356 +++-
 src/views/projectcenter/ProjectManage.vue |  109 +-
 src/views/projectcenter/SonProject.vue    |  320 +++-
 6 files changed, 1661 insertions(+), 1220 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 60967631..537d7732 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4693,9 +4693,9 @@
 			"integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
 		},
 		"node_modules/dayjs": {
-			"version": "1.11.5",
-			"resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.5.tgz",
-			"integrity": "sha512-CAdX5Q3YW3Gclyo5Vpqkgpj8fSdLQcRuzfX6mC6Phy0nfJ0eGYOeS7m4mt2plDWLAtA4TqTakvbboHvUxfe4iA=="
+			"version": "1.11.6",
+			"resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.6.tgz",
+			"integrity": "sha512-zZbY5giJAinCG+7AGaw0wIhNZ6J8AhWuSXKvuc1KAyMiRsvGQWqh4L+MomvhdAYjN+lqvVCMq1I41e3YHvXkyQ=="
 		},
 		"node_modules/debug": {
 			"version": "4.3.4",
@@ -14972,9 +14972,9 @@
 			"integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
 		},
 		"dayjs": {
-			"version": "1.11.5",
-			"resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.5.tgz",
-			"integrity": "sha512-CAdX5Q3YW3Gclyo5Vpqkgpj8fSdLQcRuzfX6mC6Phy0nfJ0eGYOeS7m4mt2plDWLAtA4TqTakvbboHvUxfe4iA=="
+			"version": "1.11.6",
+			"resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.6.tgz",
+			"integrity": "sha512-zZbY5giJAinCG+7AGaw0wIhNZ6J8AhWuSXKvuc1KAyMiRsvGQWqh4L+MomvhdAYjN+lqvVCMq1I41e3YHvXkyQ=="
 		},
 		"debug": {
 			"version": "4.3.4",
diff --git a/src/components/OpenPages.vue b/src/components/OpenPages.vue
index 864bd64d..f8c24091 100644
--- a/src/components/OpenPages.vue
+++ b/src/components/OpenPages.vue
@@ -1,40 +1,25 @@
 <template>
-  <div class="openPages">
-    <draggable
-      v-model="openList"
-      chosenClass="chosen"
-      forceFallback="true"
-      ghostClass="ghost"
-      group="openPage"
-      animation="500"
-      @start="onStart"
-      @end="onEnd"
-      style="display: flex"
-    >
-      <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>
-      </template>
-    </draggable>
-  </div>
+	<div class="openPages">
+		<draggable v-model="openList" chosenClass="chosen" forceFallback="true" ghostClass="ghost" group="openPage"
+			animation="500" @start="onStart" @end="onEnd" style="display: flex">
+			<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>
+			</template>
+		</draggable>
+	</div>
 </template>
 <script>
 import { reactive, toRefs } from "vue";
@@ -42,92 +27,96 @@ 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();
-    const state = reactive({
-      openList: store.state.openpages,
-    });
+	name: "OpenPages",
+	components: {
+		draggable,
+	},
+	setup() {
+		const store = useStore();
+		const $router = useRouter();
+		const state = reactive({
+			openList: store.state.openpages,
+		});
 
-    const closePage = (value) => {
-      console.log("点击关闭页面", value, state.openList);
-      state.openList.map((item, key) => {
-        if (item.href === value.href) {
-          if (state.openList.length === 1) {
-            if (state.openList[0].href !== "/learningpath") {
-              state.openList.splice(key, 1);
-            }
-            $router.push({ path: "/learningpath" });
-          } else {
-            if (value.active) {
-              if (key === state.openList.length - 1) {
-                $router.push({ path: state.openList[key - 1].href });
-              } else {
-                $router.push({ path: state.openList[key + 1].href });
-              }
-            }
-            state.openList.splice(key, 1);
-          }
-        }
-      });
-      store.commit("chengeOpenpages", state.openList);
-    };
-    return {
-      ...toRefs(state),
-      closePage,
-    };
-  },
+		const closePage = (value) => {
+			console.log("点击关闭页面", value, state.openList);
+			state.openList.map((item, key) => {
+				if (item.href === value.href) {
+					if (state.openList.length === 1) {
+						if (state.openList[0].href !== "/learningpath") {
+							state.openList.splice(key, 1);
+						}
+						$router.push({ path: "/learningpath" });
+					} else {
+						if (value.active) {
+							if (key === state.openList.length - 1) {
+								$router.push({ path: state.openList[key - 1].href });
+							} else {
+								$router.push({ path: state.openList[key + 1].href });
+							}
+						}
+						state.openList.splice(key, 1);
+					}
+				}
+			});
+			store.commit("chengeOpenpages", state.openList);
+		};
+		return {
+			...toRefs(state),
+			closePage,
+		};
+	},
 };
 </script>
 <style lang="scss">
 .openPages {
-  width: 100%;
-  // height: 50px;
-  display: flex;
-  background-color: rgba(255, 255, 255, 1);
-  box-shadow: 0px 8px 8px 0px rgba(118, 136, 166, 0.1);
-  overflow-x: auto;
-  .openItems {
-    width: 272px;
-    // min-width: 250px;
-    height: 50px;
-    border: 1px solid #edf2fa;
-    border-left: 0px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 36px;
-    cursor: pointer;
-    flex-shrink: 0;
-  }
-  .close {
-    width: 16px;
-    height: 16px;
-    border-radius: 8px;
+	width: 100%;
+	// height: 50px;
+	display: flex;
+	background-color: rgba(255, 255, 255, 1);
+	box-shadow: 0px 8px 8px 0px rgba(118, 136, 166, 0.1);
+	overflow-x: auto;
 
-    position: absolute;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    top: 17px;
-    right: 27px;
-  }
-  .close:hover {
-    background: rgba(220, 220, 220, 1);
-  }
+	.openItems {
+		width: 272px;
+		// min-width: 250px;
+		height: 50px;
+		border: 1px solid #edf2fa;
+		border-left: 0px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 16px;
+		font-weight: 400;
+		line-height: 36px;
+		cursor: pointer;
+		flex-shrink: 0;
+	}
 
-  .chosen {
-    // background-color: pink;
-  }
-  .ghost {
-    // background-color: red;
-    opacity: 0;
-  }
+	.close {
+		width: 16px;
+		height: 16px;
+		border-radius: 8px;
+
+		position: absolute;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		top: 17px;
+		right: 27px;
+	}
+
+	.close:hover {
+		background: rgba(220, 220, 220, 1);
+	}
+
+	.chosen {
+		// background-color: pink;
+	}
+
+	.ghost {
+		// background-color: red;
+		opacity: 0;
+	}
 }
 </style>
diff --git a/src/views/projectcenter/ClassAdd.vue b/src/views/projectcenter/ClassAdd.vue
index e2605ff5..369f8e5f 100644
--- a/src/views/projectcenter/ClassAdd.vue
+++ b/src/views/projectcenter/ClassAdd.vue
@@ -1,82 +1,55 @@
 <!---- 创建班级页面 --->
 <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>
+			<div @click="backPage" style="cursor: pointer;" to="/projectmanage" class="goback">
+				<span class="return"></span><span class="returntext">返回</span>
+			</div>
+		</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);
@@ -84,933 +57,1005 @@
               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="['      开始时间', '        结束时间']" v-model:value="rangevalue"
+							style="width: 100%;  height: 40px; border-radius: 5px" @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">
+								<span v-if="fileList1.length > 5" class="filetext">上传数量已经达到最大值</span>
+								<span v-else class="filetext">上传附件</span>
+							</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 v-if="isEdit" disabled="true" :getPopupContainer="
+							(triggerNode) => {
+								return triggerNode.parentNode || document.body;
+							}
+						" v-model:value="classifySelect5" placeholder="请选择模版" :size="size" style="width: 100%" :options="classifyList5"
+							@change="classificationChange5">
+						</a-select>
+						<a-select v-else :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 @click="backPage" class="btn2">取消</a-button>
+			</div>
+		</div>
+	</div>
 </template>
 <script>
 import { reactive, toRefs, ref } from "vue";
 import { message } from "ant-design-vue";
 import { useRouter, useRoute } from "vue-router";
+import dayjs from 'dayjs';
 import * as api from "../../api/index";
+import { toDate } from '../../api/method'
 
 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: "projectAdd",
+	setup() {
+		// 编辑页面跳转过来时候，自动填充表格
+		const routers = useRoute();
+		const router = useRouter();
+		const isEdit = ref(false);
+		let peojectID = "";
+		let paraentID = "";
 
-      projectAscription: "",
-    });
+		const state = reactive({
+			classifySelect: null,
+			classifySelectId: null,
+			checked: false,
+			checked1: false,
+			valueE: null,
+			valueE1: null,
+			valueE2: null,
+			classifySelect1: [],
+			classifySelect2: [],
+			classifySelect3: [],
+			classifySelect4: [],
+			rangevalue: [],
+			projectAscription: "",
+		});
 
-    const projectName = ref("");
+		if (routers.query.name==undefined) {
+			router.push({
+					path: "/projectmanage"
+				});
+		}
 
-    state.projectAscription = routers.query.name;
+		peojectID = routers.query.projectId;
+		state.projectAscription = routers.query.name;
 
-    const classifyList = ref([
-      { value: 1, label: "管理者" },
-      { value: 2, label: "领军者" },
-      { value: 3, label: "产业人" },
-    ]);
+		if (routers.query.edit!==undefined) {
+			isEdit.value = true;
+			// 需要编辑
+			api.getProjectDetail({ projectId: routers.query.projectId }).then(res => {
+				if (res.status == 200 && res.data.code == 200) {
+					let info = res.data.data.projectInfo;
+					console.log(info)
+					// projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
+					projectName.value = info.name;
+					state.classifySelect = classifyList.value[1]; // info.category
+					imageUrl.value = info.picUrl;
 
-    let projectType = "";
+					let start = toDate(info.beginTime/1000,'YYYY/MM/DD');
+					let end = toDate(info.endTime/1000,'YYYY/MM/DD');
+					state.rangevalue = [
+						dayjs(start, 'YYYY/MM/DD'),
+						dayjs(end, 'YYYY/MM/DD'),
+					];
 
-    const classificationChange = (value) => {
-      console.log(`selected ${value}`);
-      projectType = value;
-    };
+					let manageName = info.manager.split(",");
+					let manageValue = info.managerId.split(",");
+					let optionsManage = []
+					for (let i = 0; i < manageName.length; i++) {
+						let obj = {
+							label: manageName[i],
+							value: manageValue[i]
+						}
+						optionsManage.push(obj)
+					}
+					console.log(optionsManage)
+					state.classifySelect1 = optionsManage;
+					state.classifySelect2 = classifyList2.value[info.sourceBelongId - 1];
+					remark.value = info.remark;
+					state.checked = info.boeFlag ? info.boeFlag : false;
+					state.classifySelect3 = classifyList3.value[info.level];
+					state.classifySelect4 = classifyList4.value[info.systemId - 1];
+					state.checked1 = info.boeFlag ? info.boeFlag : false;
+					// fileList1.value = info.attach.split(",");
 
-    function getBase64(img, callback) {
-      const reader = new FileReader();
-      reader.addEventListener("load", () => callback(reader.result));
-      reader.readAsDataURL(img);
-    }
+					projectType = 1;
+					picUrl  = info.picUrl; 
+					beginTime = Number(info.beginTime/1000);
+					endTime   = Number(info.endTime/1000);
+					manager   = info.manager;
+					managerId  = info.managerId;
+					sourceBelongIdC  = Number(info.sourceBelongId);
+					courseSyncFlag  = info.courseSyncFlag; 
+					levels  = info.level;
+					systemid = info.systemId;
+					boeFlag = info.boeFlag;
+					paraentID = Number(info.parentId);
+				}
+			}).catch(err => { console.log(err) })
+		} else {
+			paraentID = Number(routers.query.projectId);
+		}
+		
+		const backPage = () => {
+			setTimeout(() => {
+				router.push({
+					path: "/projectmanage"
+				});
+			}, 400);
+		}
+		
+		
 
-    const fileList = ref([]);
-    const fileList1 = ref([]);
-    const loading = ref(false);
-    const imageUrl = ref("");
-    let picUrl = "";
+		const projectName = ref("");
 
-    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 classifyList = ref([
+			{ value: 1, label: "管理者" },
+			{ value: 2, label: "领军者" },
+			{ value: 3, label: "产业人" },
+		]);
 
-    let uplodaFileCount = false;
+		let projectType = "";
 
-    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
-        );
+		const classificationChange = (value) => {
+			console.log(`selected ${value}`);
+			projectType = value;
+		};
 
-        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;
+		function getBase64(img, callback) {
+			const reader = new FileReader();
+			reader.addEventListener("load", () => callback(reader.result));
+			reader.readAsDataURL(img);
+		}
 
-        if (info.fileList.length > 5) {
-          uplodaFileCount = true;
-        } else {
-          uplodaFileCount = false;
-        }
-      }
-      if (info.file.status === "error") {
-        loading.value = false;
-        message.error("upload error");
-      }
-    };
+		const fileList = ref([]);
+		const fileList1 = ref([]);
+		const loading = ref(false);
+		const imageUrl = ref("");
+		let picUrl = "";
 
-    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 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 beforeUpload1 = () => {
-      return new Promise((resovle, reject) => {
-        if (uplodaFileCount) {
-          message.info("上传文件数量已达最大数量");
-          return reject(false);
-        }
-        return resovle(true);
-      });
-    };
+		let uplodaFileCount = false;
 
-    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 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
+				);
 
-    // 项目经理 后续接口调用
-    const classifyList1 = ref([
-      { value: 1, label: "李俊国" },
-      { value: 2, label: "将小米" },
-      { value: 3, label: "刘孟君" },
-    ]);
+				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 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;
-    };
+				if (info.fileList.length > 5) {
+					uplodaFileCount = true;
+				} else {
+					uplodaFileCount = false;
+				}
+			}
+			if (info.file.status === "error") {
+				loading.value = false;
+				message.error("upload error");
+			}
+		};
 
-    // 资源归属 sourceBelongId 后续给接口
-    const classifyList2 = ref([
-      { value: 1, label: "项目一" },
-      { value: 2, label: "项目二" },
-      { value: 3, label: "项目三" },
-    ]);
+		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 classificationChange2 = (key) => {
-      console.log(`selected ${key}`, classifyList2);
-    };
+		const beforeUpload1 = () => {
+			return new Promise((resovle, reject) => {
+				if (uplodaFileCount) {
+					message.info("上传文件数量已达最大数量");
+					return reject(false);
+				}
+				return resovle(true);
+			});
+		};
 
-    // 项目级别
-    const classifyList3 = ref([
-      { value: 1, label: "集团级" },
-      { value: 2, label: "组织级" },
-      { value: 3, label: "现地级" },
-      { value: 4, label: "部门级" },
-    ]);
-    const classificationChange3 = (key) => {
-      console.log(`selected ${key}`, classifyList3);
-    };
+		let beginTime = "";
+		let endTime = "";
+		const dateFormatList = ['YYYY/MM/DD'];
 
-    // 培训体系
-    const classifyList4 = ref([
-      { value: 1, label: "集团级" },
-      { value: 2, label: "组织级" },
-      { value: 3, label: "现地级" },
-      { value: 4, label: "部门级" },
-    ]);
-    const classificationChange4 = (key) => {
-      console.log(`selected ${key}`, classifyList4);
-    };
+		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 classifyList5 = ref([
-      { value: 1, label: "模版一" },
-      { value: 2, label: "模版二" },
-      { value: 3, label: "模版三" },
-      { value: 4, label: "模版四" },
-    ]);
-    const classificationChange5 = (key) => {
-      console.log(`selected ${key}`, classifyList5);
-    };
+		// 项目经理 后续接口调用
+		const classifyList1 = ref([
+			{ value: 1, label: "李俊国" },
+			{ value: 2, label: "将小米" },
+			{ value: 3, label: "刘孟君" },
+		]);
 
-    // 项目说明
-    const remark = ref("");
+		let manager = "";
+		let managerId = "";
+		const classificationChange1 = (key, options) => {
+			console.log(`selected ${key}`, options);
+			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);
+			state.classifySelect1 = options;
+			let newoptions = [];
+			for (let i = 0; i < state.classifySelect1.length; i++) {
+				if (state.classifySelect1[i].value) {
+					newoptions.push(state.classifySelect1[i])
+				}
+			}
+			state.classifySelect1 = newoptions;
+			manager = mstr;
+			managerId = midstr;
+		};
 
-    let courseSyncFlag = 0;
-    const changeChecked = () => {
-      console.log(state.checked);
-      state.checked ? (state.checked = false) : (state.checked = true);
-      courseSyncFlag = state.checked ? 1 : 0;
-    };
+		// 资源归属 sourceBelongId 后续给接口
+		const classifyList2 = ref([
+			{ value: 1, label: "项目一" },
+			{ value: 2, label: "项目二" },
+			{ value: 3, label: "项目三" },
+		]);
 
-    let boeFlag = 0;
-    const changeChecked1 = () => {
-      console.log(state.checked1);
-      state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
-      boeFlag = state.checked1 ? 1 : 0;
-    };
+		let sourceBelongIdC = '';
+		const classificationChange2 = (key) => {
+			console.log(`selected ${key}`, classifyList2);
+			sourceBelongIdC = key;
+		};
 
-    const removeFile = (file) => {
-      const index = fileList1.value.indexOf(file);
-      const newFileList = fileList1.value.slice();
-      newFileList.splice(index, 1);
-      fileList1.value = newFileList;
+		// 项目级别
+		const classifyList3 = ref([
+			{ value: 1, label: "集团级" },
+			{ value: 2, label: "组织级" },
+			{ value: 3, label: "现地级" },
+			{ value: 4, label: "部门级" },
+		]);
 
-      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 levels = "";
+		const classificationChange3 = (key) => {
+			console.log(`selected ${key}`, classifyList3);
+			levels = key;
+		};
 
-    const errorMsgs = {
-      name: "请输入项目名称",
-      category: "请选择项目分类",
-      picUrl: "请上传项目封面图",
-      beginTime: "请选择项目开始时间",
-      endTime: "请选择项目结束时间",
-      manager: "请选择项目经理",
-      managerId: "请选择项目经理",
-      sourceBelongId: "请选择资源归属",
-      level: "请填写项目级别",
-      systemId: "请填写项目培训体系",
-      boeFlag: "请选择是否BOE实施",
-      attach: "请上传附件",
-    };
+		// 培训体系
+		const classifyList4 = ref([
+			{ value: 1, label: "集团级" },
+			{ value: 2, label: "组织级" },
+			{ value: 3, label: "现地级" },
+			{ value: 4, label: "部门级" },
+		]);
 
-    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;
-        }
-      }
+		let systemid = "";
+		const classificationChange4 = (key) => {
+			console.log(`selected ${key}`, classifyList4);
+			systemid = key;
+		};
 
-      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 classifyList5 = ref([
+			{ value: 1, label: "模版一" },
+			{ value: 2, label: "模版二" },
+			{ value: 3, label: "模版三" },
+			{ value: 4, label: "模版四" },
+		]);
+		const classificationChange5 = (key) => {
+			console.log(`selected ${key}`, classifyList5);
+		};
 
-    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,
-    };
-  },
+		// 项目说明
+		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 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;
+
+			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实施"
+		};
+		
+		const createProject = () => {
+			console.log('我是否要编辑项目', isEdit.value)
+			if (isEdit.value) {
+				console.log('我要编辑项目', peojectID)
+				let obj = {
+					projectId: Number(peojectID),
+					name: projectName["value"],
+					category: projectType,
+					picUrl: picUrl,
+					beginTime: beginTime,
+					endTime: endTime,
+					manager: manager,
+					managerId: managerId,
+					sourceBelongId: sourceBelongIdC,
+					remark: remark["value"],
+					courseSyncFlag: courseSyncFlag,
+					level: levels,
+					systemId: systemid,
+					boeFlag: boeFlag,
+					attach: attach,
+					type: 3,
+					templateId: 0,
+					parentId: paraentID,
+					notice: "",
+					noticeFlag: 0,
+					status: 0,
+				};
+
+				console.log(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: "/projectmanage"
+								});
+							}, 1000);
+						} else {
+							message.destroy();
+							message.error("编辑失败，请检查当前网络状态。");
+						}
+					})
+					.catch((err) => {
+						console.log(err);
+						message.destroy();
+						message.error("编辑失败，请检查当前网络状态。");
+					});
+
+			} else {
+				let obj = {
+					name: projectName["value"],
+					category: projectType,
+					picUrl: picUrl,
+					beginTime: beginTime,
+					endTime: endTime,
+					manager: manager,
+					managerId: managerId,
+					sourceBelongId: sourceBelongIdC,
+					remark: remark["value"],
+					courseSyncFlag: courseSyncFlag,
+					level: levels,
+					systemId: systemid,
+					boeFlag: boeFlag,
+					attach: attach,
+					type: 3,
+					templateId: 10,
+					parentId: paraentID,
+					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,
+
+			isEdit,
+			backPage,
+			dateFormatList,
+		};
+	},
 };
 </script>
 <style lang="scss">
 .projectAdd {
-  width: 100%;
-  // height: inherit;
-  // flex: 1;
-  // flex-shrink: 0;
-  // overflow-y: auto;
+	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 2d2eb91f..e21cafdd 100644
--- a/src/views/projectcenter/ProjectAdd.vue
+++ b/src/views/projectcenter/ProjectAdd.vue
@@ -3,9 +3,9 @@
 	<div class="projectAdd">
 		<div class="header">
 			<span class="title">创建/编辑单层项目</span>
-			<router-link to="/projectmanage" class="goback">
+			<div @click="backPage" style="cursor: pointer;" to="/projectmanage" class="goback">
 				<span class="return"></span><span class="returntext">返回</span>
-			</router-link>
+			</div>
 		</div>
 		<div class="content">
 			<div class="main">
@@ -72,8 +72,8 @@
 					</div>
 
 					<div class="in">
-						<a-range-picker separator="至" :placeholder="['      开始时间', '        结束时间']"
-							style="width: 100%; height: 40px; border-radius: 5px" show-time @change="onRangeChange" />
+						<a-range-picker separator="至" :placeholder="['      开始时间', '        结束时间']" v-model:value="rangevalue"
+							style="width: 100%;  height: 40px; border-radius: 5px" @change="onRangeChange" />
 					</div>
 				</div>
 				<div class="name">
@@ -167,7 +167,7 @@
                 ">BOEU实施</span></a-radio>
 					</div>
 				</div>
-				<div class="name name2">
+				<!-- <div class="name name2">
 					<div class="namebox" style="margin-top: 8px">
 						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
 						<div class="inname">附件</div>
@@ -177,24 +177,28 @@
 							<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>
 			<div class="template">
 				<div class="name">
 					<div class="inname" style="width: 50px">模版</div>
 					<div class="in select" style="margin-left: 2px">
-						<a-select :getPopupContainer="
+						<a-select v-if="isEdit" disabled="true" :getPopupContainer="
+							(triggerNode) => {
+								return triggerNode.parentNode || document.body;
+							}
+						" v-model:value="classifySelect5" placeholder="请选择模版" :size="size" style="width: 100%" :options="classifyList5"
+							@change="classificationChange5">
+						</a-select>
+						<a-select v-else :getPopupContainer="
 							(triggerNode) => {
 								return triggerNode.parentNode || document.body;
 							}
@@ -208,7 +212,7 @@
 		<div class="footer">
 			<div class="btn">
 				<a-button v-on:click="createProject" type="primary" class="btn1">确定</a-button>
-				<a-button class="btn2">取消</a-button>
+				<a-button @click="backPage" class="btn2">取消</a-button>
 			</div>
 		</div>
 	</div>
@@ -216,13 +220,138 @@
 <script>
 import { reactive, toRefs, ref } from "vue";
 import { message } from "ant-design-vue";
-import { useRouter } from "vue-router";
+import { useRouter, useRoute } from "vue-router";
+import dayjs from 'dayjs';
 import * as api from "../../api/index";
+import { storage } from '../../api/storage';
+import { toDate } from '../../api/method'
 
 export default {
 	name: "projectAdd",
 	setup() {
-		api.getProjectDetail({ projectId: 3 }).then(res => { console.log(res) }).catch(err => { console.log(err) })
+		// 编辑页面跳转过来时候，自动填充表格
+		const routers = useRoute();
+		const isEdit = ref(false);
+		let peojectID = "";
+
+		if (routers.query.projectId) {
+			storage.set("projectAddId", routers.query.projectId);
+			isEdit.value = true;
+			peojectID = routers.query.projectId;
+			// 需要编辑
+			api.getProjectDetail({ projectId: routers.query.projectId }).then(res => {
+				if (res.status == 200 && res.data.code == 200) {
+					let info = res.data.data.projectInfo;
+					console.log(info)
+					// projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
+					projectName.value = info.name;
+					state.classifySelect = classifyList.value[1]; // info.category
+					imageUrl.value = info.picUrl;
+
+					let start = toDate(info.beginTime/1000,'YYYY/MM/DD');
+					let end = toDate(info.endTime/1000,'YYYY/MM/DD');
+					state.rangevalue = [
+						dayjs(start, 'YYYY/MM/DD'),
+						dayjs(end, 'YYYY/MM/DD'),
+					];
+
+					let manageName = info.manager.split(",");
+					let manageValue = info.managerId.split(",");
+					let optionsManage = []
+					for (let i = 0; i < manageName.length; i++) {
+						let obj = {
+							label: manageName[i],
+							value: manageValue[i]
+						}
+						optionsManage.push(obj)
+					}
+					console.log(optionsManage)
+					state.classifySelect1 = optionsManage;
+					state.classifySelect2 = classifyList2.value[info.sourceBelongId - 1];
+					remark.value = info.remark;
+					state.checked = info.boeFlag ? info.boeFlag : false;
+					state.classifySelect3 = classifyList3.value[info.level];
+					state.classifySelect4 = classifyList4.value[info.systemId - 1];
+					state.checked1 = info.boeFlag ? info.boeFlag : false;
+					// fileList1.value = info.attach.split(",");
+
+					projectType = 1;
+					picUrl  = info.picUrl; 
+					beginTime = Number(info.beginTime/1000);
+					endTime   = Number(info.endTime/1000);
+					manager   = info.manager;
+					managerId  = info.managerId;
+					sourceBelongIdC  = Number(info.sourceBelongId);
+					courseSyncFlag  = info.courseSyncFlag; 
+					levels  = info.level;
+					systemid = info.systemId;
+					boeFlag = info.boeFlag;
+				}
+			}).catch(err => { console.log(err) })
+		} else {
+			if (storage.get("projectAddId")) {
+				isEdit.value = true;
+				peojectID = storage.get("projectAddId");
+				// 需要编辑
+				api.getProjectDetail({ projectId: storage.get("projectAddId") }).then(res => {
+					if (res.status == 200 && res.data.code == 200) {
+						let info = res.data.data.projectInfo;
+						console.log("我是从本地存储获取的id", info)
+						projectName.value = info.name;
+					state.classifySelect = classifyList.value[1]; // info.category
+					imageUrl.value = info.picUrl;
+
+					let start = toDate(info.beginTime/1000,'YYYY/MM/DD');
+					let end = toDate(info.endTime/1000,'YYYY/MM/DD');
+					state.rangevalue = [
+						dayjs(start, 'YYYY/MM/DD'),
+						dayjs(end, 'YYYY/MM/DD'),
+					];
+
+					let manageName = info.manager.split(",");
+					let manageValue = info.managerId.split(",");
+					let optionsManage = []
+					for (let i = 0; i < manageName.length; i++) {
+						let obj = {
+							label: manageName[i],
+							value: manageValue[i]
+						}
+						optionsManage.push(obj)
+					}
+					console.log(optionsManage)
+					state.classifySelect1 = optionsManage;
+					state.classifySelect2 = classifyList2.value[info.sourceBelongId - 1];
+					remark.value = info.remark;
+					state.checked = info.boeFlag ? info.boeFlag : false;
+					state.classifySelect3 = classifyList3.value[info.level];
+					state.classifySelect4 = classifyList4.value[info.systemId - 1];
+					state.checked1 = info.boeFlag ? info.boeFlag : false;
+
+					projectType = 1;
+					picUrl  = info.picUrl; 
+					beginTime = Number(info.beginTime/1000);
+					endTime   = Number(info.endTime/1000);
+					manager   = info.manager;
+					managerId  = info.managerId;
+					sourceBelongIdC  = Number(info.sourceBelongId);
+					courseSyncFlag  = info.courseSyncFlag; 
+					levels  = info.level;
+					systemid = info.systemId;
+					boeFlag = info.boeFlag;
+					}
+				}).catch(err => { console.log(err) })
+			}
+		}
+
+		const backPage = () => {
+			storage.remove("projectAddId");
+			setTimeout(() => {
+				router.push({
+					path: "/projectmanage"
+				});
+			}, 400);
+		}
+
 		const router = useRouter();
 		const state = reactive({
 			classifySelect: null,
@@ -232,6 +361,11 @@ export default {
 			valueE: null,
 			valueE1: null,
 			valueE2: null,
+			classifySelect1: [],
+			classifySelect2: [],
+			classifySelect3: [],
+			classifySelect4: [],
+			rangevalue: []
 		});
 
 		const projectName = ref("");
@@ -347,6 +481,8 @@ export default {
 
 		let beginTime = "";
 		let endTime = "";
+		const dateFormatList = ['YYYY/MM/DD'];
+
 		const onRangeChange = (value, dateString) => {
 			console.log("Selected Time: ", value);
 			// 项目时间选择函数
@@ -368,8 +504,8 @@ export default {
 
 		let manager = "";
 		let managerId = "";
-		const classificationChange1 = (key) => {
-			console.log(`selected ${key}`, classifyList1);
+		const classificationChange1 = (key, options) => {
+			console.log(`selected ${key}`, options);
 			let mstr = "";
 			let midstr = "";
 			for (let i = 0; i < key.length; i++) {
@@ -382,6 +518,14 @@ export default {
 				}
 			}
 			console.log(mstr, midstr);
+			state.classifySelect1 = options;
+			let newoptions = [];
+			for (let i = 0; i < state.classifySelect1.length; i++) {
+				if (state.classifySelect1[i].value) {
+					newoptions.push(state.classifySelect1[i])
+				}
+			}
+			state.classifySelect1 = newoptions;
 			manager = mstr;
 			managerId = midstr;
 		};
@@ -393,8 +537,10 @@ export default {
 			{ value: 3, label: "项目三" },
 		]);
 
+		let sourceBelongIdC = '';
 		const classificationChange2 = (key) => {
 			console.log(`selected ${key}`, classifyList2);
+			sourceBelongIdC = key;
 		};
 
 		// 项目级别
@@ -404,8 +550,11 @@ export default {
 			{ value: 3, label: "现地级" },
 			{ value: 4, label: "部门级" },
 		]);
+
+		let levels = "";
 		const classificationChange3 = (key) => {
 			console.log(`selected ${key}`, classifyList3);
+			levels = key;
 		};
 
 		// 培训体系
@@ -415,8 +564,11 @@ export default {
 			{ value: 3, label: "现地级" },
 			{ value: 4, label: "部门级" },
 		]);
+
+		let systemid = "";
 		const classificationChange4 = (key) => {
 			console.log(`selected ${key}`, classifyList4);
+			systemid = key;
 		};
 
 		// 模版
@@ -479,66 +631,128 @@ export default {
 			sourceBelongId: "请选择资源归属",
 			level: "请填写项目级别",
 			systemId: "请填写项目培训体系",
-			boeFlag: "请选择是否BOE实施",
-			attach: "请上传附件",
+			boeFlag: "请选择是否BOE实施"
 		};
-
+		
 		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;
-				}
-			}
+			console.log('我是否要编辑项目', isEdit.value)
+			if (isEdit.value) {
+				console.log('我要编辑项目', peojectID)
+				let obj = {
+					projectId: Number(peojectID),
+					name: projectName["value"],
+					category: projectType,
+					picUrl: picUrl,
+					beginTime: beginTime,
+					endTime: endTime,
+					manager: manager,
+					managerId: managerId,
+					sourceBelongId: sourceBelongIdC,
+					remark: remark["value"],
+					courseSyncFlag: courseSyncFlag,
+					level: levels,
+					systemId: systemid,
+					boeFlag: boeFlag,
+					attach: attach,
+					type: 3,
+					templateId: 0,
+					parentId: 0,
+					notice: "",
+					noticeFlag: 0,
+					status: 0,
+				};
 
-			api
-				.createProject(obj)
-				.then((res) => {
-					console.log(res);
-					if (res.status == 200 && res.data.code == 200) {
+				console.log(obj);
+
+				for (let i in errorMsgs) {
+					console.log(obj[i]);
+					if (obj[i] === "" || obj[i] === undefined) {
 						message.destroy();
-						message.success("创建成功");
-						setTimeout(() => {
-							router.push({
-								path: "/taskpage",
-								query: { id: res.data.data.projectId },
-							});
-						}, 1000);
-					} else {
+						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: "/projectmanage"
+								});
+							}, 1000);
+						} else {
+							message.destroy();
+							message.error("编辑失败，请检查当前网络状态。");
+						}
+					})
+					.catch((err) => {
+						console.log(err);
+						message.destroy();
+						message.error("编辑失败，请检查当前网络状态。");
+					});
+
+			} else {
+				let obj = {
+					name: projectName["value"],
+					category: projectType,
+					picUrl: picUrl,
+					beginTime: beginTime,
+					endTime: endTime,
+					manager: manager,
+					managerId: managerId,
+					sourceBelongId: sourceBelongIdC,
+					remark: remark["value"],
+					courseSyncFlag: courseSyncFlag,
+					level: levels,
+					systemId: systemid,
+					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("创建失败，请检查当前网络状态。");
-					}
-				})
-				.catch((err) => {
-					console.log(err);
-					message.destroy();
-					message.error("创建失败，请检查当前网络状态。");
-				});
+					});
+			}
 		};
 
 		return {
@@ -571,6 +785,10 @@ export default {
 			uplodaFileCount,
 			createProject,
 			removeFile,
+
+			isEdit,
+			backPage,
+			dateFormatList,
 		};
 	},
 };
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index bb2ee96f..ab59bde1 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -669,6 +669,7 @@ export default {
 			currentEdProjectName: '',
 
 			currentEditChildrensProjectId: '',
+			dcProjectID: ''
 
 		});
 		// 数据接入 - start -
@@ -796,7 +797,7 @@ export default {
 		let edname = '';
 		const edclassificationChangeName = (key) => {
 			console.log(key)
-			edname = key;
+			edname = key.target.value;
 		}
 
 		let edcategory = '';
@@ -944,17 +945,32 @@ export default {
 		// 编辑多层项目
 		const editStoreyProject = () => {
 			let obj = {
-				projectId: 1,
+				projectId: Number(state.dcProjectID),
 				name: edname,
 				category: edcategory,
-				manager: edmanage,
-				managerId: edmanageid,
-				sourceBelongId: edsource
+				manager: edmanage.toString(","),
+				managerId: edmanageid.toString(","),
+				sourceBelongId: edsource,
+				type: 1,
+				picUrl: 0
 			}
 			if (obj.name !== "" || obj.category !== "" || obj.manager !== "" || obj.sourceBelongId !== "") {
-				alert("我需要编辑")
+				console.log("我需要编辑")
 				console.log(obj)
-				state.eddoublepro = false;
+				api.createProject(obj).then(res => {
+					console.log(res)
+					if (res.status == 200 && res.data.code == 200) {
+						state.eddoublepro = false;
+						message.destroy();
+						message.success("编辑成功");
+					}
+				}).catch(err => {
+					console.log(err)
+					state.eddoublepro = false;
+					message.destroy();
+					message.error("编辑失败，请检查当前网络状态。");
+				})
+
 			} else {
 				state.eddoublepro = false;
 			}
@@ -1236,7 +1252,7 @@ export default {
 									"草稿" :
 									value.record.status == 1 && Number(value.record.beginTime) < Math.ceil(new Date().getTime / 1000) ?
 										"进行中" :
-										value.record.status == 1 && Number(value.record.beginTime) > Math.ceil(new Date().getTime / 1000) ?
+										value.record.status == 1 && Number(value.record.beginTime) > Math.ceil(new Date().getTime / 1000) && value.record.type !== 1 && value.record.type !== 2 ?
 											"未开始" :
 											value.record.status == 2 ?
 												"未开始" : "已结束"
@@ -1281,6 +1297,7 @@ export default {
 									onClick={() => {
 										state.eddoublepro = true;
 										console.log("多层项目编辑")
+										state.dcProjectID = value.record.projectId;
 										edvalue1.value = value.record.name;
 										{/* edvalue2.value =  classifyList[value.record.category] */ }
 										edvalue2.value = classifyList.value[0];
@@ -1355,8 +1372,8 @@ export default {
 										// options={state.projectNameList}
 										dropdownClassName="tabledropdown"
 									>
-								
-										
+
+
 										{/* 
 										<a-select-option value="基础信息" label="基础信息">
 											<router-link to="/taskpage">基础信息</router-link>
@@ -1370,7 +1387,7 @@ export default {
 												存为模版
 											</div>
 										</a-select-option> */}
-																	<a-select-option value="复制" label="复制">
+										<a-select-option value="复制" label="复制">
 											<div
 												onClick={() => {
 													showCopyModal();
@@ -1443,21 +1460,21 @@ export default {
 								</div>
 								<span
 									class="operation3"
-									// onClick={() => {
-									// 	showCopyModal();
-									// }}
+								// onClick={() => {
+								// 	showCopyModal();
+								// }}
 								>
 								</span>
-								
-									<div class="tableSelect">
+
+								<div class="tableSelect">
 									<a-select
 										style="width: 50px"
 										value="更多"
 										// options={state.projectNameList}
 										dropdownClassName="tabledropdown"
 									>
-								
-										
+
+
 										{/* 
 										<a-select-option value="基础信息" label="基础信息">
 											<router-link to="/taskpage">基础信息</router-link>
@@ -1471,7 +1488,7 @@ export default {
 												存为模版
 											</div>
 										</a-select-option> */}
-									<a-select-option value="复制" label="复制">
+										<a-select-option value="复制" label="复制">
 											<div
 												onClick={() => {
 													showCopyModal();
@@ -1480,7 +1497,7 @@ export default {
 												复制
 											</div>
 										</a-select-option>
-									
+
 									</a-select>
 								</div>
 							</div>
@@ -1536,9 +1553,9 @@ export default {
 								</div>
 								<span
 									class="operation3"
-									// onClick={() => {
-									// 	showCopyModal();
-									// }}
+								// onClick={() => {
+								// 	showCopyModal();
+								// }}
 								>
 								</span>
 								<div class="tableSelect">
@@ -1548,8 +1565,8 @@ export default {
 										// options={state.projectNameList}
 										dropdownClassName="tabledropdown"
 									>
-								
-										
+
+
 										{/* 
 										<a-select-option value="基础信息" label="基础信息">
 											<router-link to="/taskpage">基础信息</router-link>
@@ -1563,7 +1580,7 @@ export default {
 												存为模版
 											</div>
 										</a-select-option> */}
-																	<a-select-option value="复制" label="复制">
+										<a-select-option value="复制" label="复制">
 											<div
 												onClick={() => {
 													showCopyModal();
@@ -1582,7 +1599,7 @@ export default {
 											</div>
 										</a-select-option>
 									</a-select>
-							</div>
+								</div>
 							</div>
 						) : (
 							<div></div>
@@ -1690,7 +1707,7 @@ export default {
 									</a-select>
 								</div>
 							</div>
-						) : value.record.status === 1  ? (
+						) : value.record.status === 1 ? (
 							<div class="operation">
 								<span class="operation1">查看</span>
 								<div class="tableSelect">
@@ -1760,10 +1777,10 @@ export default {
 												复制
 											</div>
 										</a-select-option>
-									
+
 									</a-select>
 								</div>
-							
+
 							</div>
 						) : value.record.status === -1 ? (
 							<div class="operation">
@@ -1817,10 +1834,10 @@ export default {
 								</div>
 								<span
 									class="operation3"
-								
+
 								>
 								</span>
-							<div class="tableSelect">
+								<div class="tableSelect">
 									<a-select
 										style="width: 50px"
 										value="更多"
@@ -1847,7 +1864,7 @@ export default {
 										</a-select-option>
 									</a-select>
 								</div>
-						
+
 
 							</div>
 						) : (
@@ -1871,12 +1888,12 @@ export default {
 											if (value.record.isbj) {
 												router.push({
 													path: '/classadd',
-													query: { projectId: value.record.projectId, name: value.record.paraentName }
+													query: { projectId: value.record.projectId, name: value.record.paraentName, edit: 0 }
 												});
 											} else {
 												router.push({
 													path: '/sonproject',
-													query: { projectId: value.record.projectId, name: value.record.name }
+													query: { projectId: value.record.projectId, name: value.record.paraentName, edit: 0 }
 												});
 											}
 										}
@@ -1944,7 +1961,7 @@ export default {
 							) : (
 								<span
 									class="operation3"
-							
+
 								>
 								</span>
 							)}
@@ -1993,7 +2010,7 @@ export default {
 										
 										</a-select-option>
 									</a-select>
-								) : value.record.status ===1||	value.record.status == 1 && Number(value.record.beginTime) > Math.ceil(new Date().getTime / 1000)  ? (
+								) : value.record.status === 1 || value.record.status == 1 && Number(value.record.beginTime) > Math.ceil(new Date().getTime / 1000) ? (
 									<a-select
 										style="width: 50px"
 										value="更多"
@@ -2002,14 +2019,14 @@ export default {
 									>
 										<a-select-option value="存为模版" label="存为模版">
 											<a-select-option value="复制" label="复制">
-											<div
-												onClick={() => {
-													showCopyModal();
-												}}
-											>
-												复制
-											</div>
-										</a-select-option>
+												<div
+													onClick={() => {
+														showCopyModal();
+													}}
+												>
+													复制
+												</div>
+											</a-select-option>
 											<div
 												onClick={() => {
 													showStartModal();
@@ -2132,6 +2149,8 @@ export default {
 											data2.isbj = "class";
 										})
 										console.log('lalallalaa', data)
+									} else {
+										data.paraentName = value.name;
 									}
 								})
 
diff --git a/src/views/projectcenter/SonProject.vue b/src/views/projectcenter/SonProject.vue
index 1c0e547f..571946c0 100644
--- a/src/views/projectcenter/SonProject.vue
+++ b/src/views/projectcenter/SonProject.vue
@@ -3,9 +3,9 @@
 	<div class="projectAdd">
 		<div class="header">
 			<span class="title">创建/编辑单层子项目</span>
-			<router-link to="/projectmanage" class="goback">
+			<div @click="backPage" style="cursor: pointer;" to="/projectmanage" class="goback">
 				<span class="return"></span><span class="returntext">返回</span>
-			</router-link>
+			</div>
 		</div>
 		<div class="content">
 			<div class="main">
@@ -26,7 +26,7 @@
 						<div class="inname">子项目名称</div>
 					</div>
 					<div class="in">
-						<a-input v-model:value="projectName" placeholder="请输入子项目名称" show-count :maxlength="30" />
+						<a-input v-model:value="projectName" placeholder="请输入项目名称" show-count :maxlength="30" />
 					</div>
 				</div>
 				<div class="name">
@@ -83,8 +83,8 @@
 					</div>
 
 					<div class="in">
-						<a-range-picker separator="至" :placeholder="['      开始时间', '        结束时间']"
-							style="width: 100%; height: 40px; border-radius: 5px" show-time @change="onRangeChange" />
+						<a-range-picker separator="至" :placeholder="['      开始时间', '        结束时间']" v-model:value="rangevalue"
+							style="width: 100%;  height: 40px; border-radius: 5px" @change="onRangeChange" />
 					</div>
 				</div>
 				<div class="name">
@@ -97,7 +97,7 @@
 							(triggerNode) => {
 								return triggerNode.parentNode || document.body;
 							}
-						" :value="classifySelect1" mode="multiple" placeholder="请选择子项目经理" style="width: 100%" :options="classifyList1"
+						" :value="classifySelect1" mode="multiple" placeholder="请选择项目经理" style="width: 100%" :options="classifyList1"
 							@change="classificationChange1" allowClear showSearch>
 						</a-select>
 					</div>
@@ -178,7 +178,7 @@
                 ">BOEU实施</span></a-radio>
 					</div>
 				</div>
-				<div class="name name2">
+				<!-- <div class="name name2">
 					<div class="namebox" style="margin-top: 8px">
 						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
 						<div class="inname">附件</div>
@@ -188,24 +188,28 @@
 							<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>
 			<div class="template">
 				<div class="name">
 					<div class="inname" style="width: 50px">模版</div>
 					<div class="in select" style="margin-left: 2px">
-						<a-select :getPopupContainer="
+						<a-select v-if="isEdit" disabled="true" :getPopupContainer="
+							(triggerNode) => {
+								return triggerNode.parentNode || document.body;
+							}
+						" v-model:value="classifySelect5" placeholder="请选择模版" :size="size" style="width: 100%" :options="classifyList5"
+							@change="classificationChange5">
+						</a-select>
+						<a-select v-else :getPopupContainer="
 							(triggerNode) => {
 								return triggerNode.parentNode || document.body;
 							}
@@ -219,7 +223,7 @@
 		<div class="footer">
 			<div class="btn">
 				<a-button v-on:click="createProject" type="primary" class="btn1">确定</a-button>
-				<a-button class="btn2">取消</a-button>
+				<a-button @click="backPage" class="btn2">取消</a-button>
 			</div>
 		</div>
 	</div>
@@ -228,14 +232,20 @@
 import { reactive, toRefs, ref } from "vue";
 import { message } from "ant-design-vue";
 import { useRouter, useRoute } from "vue-router";
+import dayjs from 'dayjs';
 import * as api from "../../api/index";
-import { storage } from '../../api/storage';
+import { toDate } from '../../api/method'
 
 export default {
-	name: "sonProject",
+	name: "projectAdd",
 	setup() {
-		const router = useRouter();
+		// 编辑页面跳转过来时候，自动填充表格
 		const routers = useRoute();
+		const router = useRouter();
+		const isEdit = ref(false);
+		let peojectID = "";
+		let paraentID = "";
+
 		const state = reactive({
 			classifySelect: null,
 			classifySelectId: null,
@@ -244,18 +254,93 @@ export default {
 			valueE: null,
 			valueE1: null,
 			valueE2: null,
-
+			classifySelect1: [],
+			classifySelect2: [],
+			classifySelect3: [],
+			classifySelect4: [],
+			rangevalue: [],
 			projectAscription: "",
 		});
 
-		const projectName = ref("");
+		if (routers.query.name == undefined) {
+			router.push({
+				path: "/projectmanage"
+			});
+		}
 
+		peojectID = routers.query.projectId;
 		state.projectAscription = routers.query.name;
 
-		if (routers.query.name) {
-			storage.set("editproject", routers.query)
+		if (routers.query.edit !== undefined) {
+			isEdit.value = true;
+			// 需要编辑
+			api.getProjectDetail({ projectId: routers.query.projectId }).then(res => {
+				if (res.status == 200 && res.data.code == 200) {
+					let info = res.data.data.projectInfo;
+					console.log(info)
+					// projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
+					projectName.value = info.name;
+					state.classifySelect = classifyList.value[1]; // info.category
+					imageUrl.value = info.picUrl;
+
+					let start = toDate(info.beginTime / 1000, 'YYYY/MM/DD');
+					let end = toDate(info.endTime / 1000, 'YYYY/MM/DD');
+					state.rangevalue = [
+						dayjs(start, 'YYYY/MM/DD'),
+						dayjs(end, 'YYYY/MM/DD'),
+					];
+
+					let manageName = info.manager.split(",");
+					let manageValue = info.managerId.split(",");
+					let optionsManage = []
+					for (let i = 0; i < manageName.length; i++) {
+						let obj = {
+							label: manageName[i],
+							value: manageValue[i]
+						}
+						optionsManage.push(obj)
+					}
+					console.log(optionsManage)
+					state.classifySelect1 = optionsManage;
+					state.classifySelect2 = classifyList2.value[info.sourceBelongId - 1];
+					remark.value = info.remark;
+					state.checked = info.boeFlag ? info.boeFlag : false;
+					state.classifySelect3 = classifyList3.value[info.level];
+					state.classifySelect4 = classifyList4.value[info.systemId - 1];
+					state.checked1 = info.boeFlag ? info.boeFlag : false;
+					// fileList1.value = info.attach.split(",");
+
+					projectType = 1;
+					picUrl = info.picUrl;
+					beginTime = Number(info.beginTime / 1000);
+					endTime = Number(info.endTime / 1000);
+					manager = info.manager;
+					managerId = info.managerId;
+					sourceBelongIdC = Number(info.sourceBelongId);
+					courseSyncFlag = info.courseSyncFlag;
+					levels = info.level;
+					systemid = info.systemId;
+					boeFlag = info.boeFlag;
+					paraentID = Number(info.parentId);
+				}
+			}).catch(err => { console.log(err) })
+		} else {
+			paraentID = Number(routers.query.projectId);
 		}
 
+
+		const backPage = () => {
+			setTimeout(() => {
+				router.push({
+					path: "/projectmanage"
+				});
+			}, 400);
+		}
+
+
+
+		const projectName = ref("");
+
 		const classifyList = ref([
 			{ value: 1, label: "管理者" },
 			{ value: 2, label: "领军者" },
@@ -367,6 +452,8 @@ export default {
 
 		let beginTime = "";
 		let endTime = "";
+		const dateFormatList = ['YYYY/MM/DD'];
+
 		const onRangeChange = (value, dateString) => {
 			console.log("Selected Time: ", value);
 			// 项目时间选择函数
@@ -388,8 +475,8 @@ export default {
 
 		let manager = "";
 		let managerId = "";
-		const classificationChange1 = (key) => {
-			console.log(`selected ${key}`, classifyList1);
+		const classificationChange1 = (key, options) => {
+			console.log(`selected ${key}`, options);
 			let mstr = "";
 			let midstr = "";
 			for (let i = 0; i < key.length; i++) {
@@ -402,6 +489,14 @@ export default {
 				}
 			}
 			console.log(mstr, midstr);
+			state.classifySelect1 = options;
+			let newoptions = [];
+			for (let i = 0; i < state.classifySelect1.length; i++) {
+				if (state.classifySelect1[i].value) {
+					newoptions.push(state.classifySelect1[i])
+				}
+			}
+			state.classifySelect1 = newoptions;
 			manager = mstr;
 			managerId = midstr;
 		};
@@ -413,8 +508,10 @@ export default {
 			{ value: 3, label: "项目三" },
 		]);
 
+		let sourceBelongIdC = '';
 		const classificationChange2 = (key) => {
 			console.log(`selected ${key}`, classifyList2);
+			sourceBelongIdC = key;
 		};
 
 		// 项目级别
@@ -424,8 +521,11 @@ export default {
 			{ value: 3, label: "现地级" },
 			{ value: 4, label: "部门级" },
 		]);
+
+		let levels = "";
 		const classificationChange3 = (key) => {
 			console.log(`selected ${key}`, classifyList3);
+			levels = key;
 		};
 
 		// 培训体系
@@ -435,8 +535,11 @@ export default {
 			{ value: 3, label: "现地级" },
 			{ value: 4, label: "部门级" },
 		]);
+
+		let systemid = "";
 		const classificationChange4 = (key) => {
 			console.log(`selected ${key}`, classifyList4);
+			systemid = key;
 		};
 
 		// 模版
@@ -499,66 +602,128 @@ export default {
 			sourceBelongId: "请选择资源归属",
 			level: "请填写项目级别",
 			systemId: "请填写项目培训体系",
-			boeFlag: "请选择是否BOE实施",
-			attach: "请上传附件",
+			boeFlag: "请选择是否BOE实施"
 		};
 
 		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;
-				}
-			}
+			console.log('我是否要编辑项目', isEdit.value)
+			if (isEdit.value) {
+				console.log('我要编辑项目', peojectID)
+				let obj = {
+					projectId: Number(peojectID),
+					name: projectName["value"],
+					category: projectType,
+					picUrl: picUrl,
+					beginTime: beginTime,
+					endTime: endTime,
+					manager: manager,
+					managerId: managerId,
+					sourceBelongId: sourceBelongIdC,
+					remark: remark["value"],
+					courseSyncFlag: courseSyncFlag,
+					level: levels,
+					systemId: systemid,
+					boeFlag: boeFlag,
+					attach: attach,
+					type: 3,
+					templateId: 0,
+					parentId: paraentID,
+					notice: "",
+					noticeFlag: 0,
+					status: 0,
+				};
 
-			api
-				.createProject(obj)
-				.then((res) => {
-					console.log(res);
-					if (res.status == 200 && res.data.code == 200) {
+				console.log(obj);
+
+				for (let i in errorMsgs) {
+					console.log(obj[i]);
+					if (obj[i] === "" || obj[i] === undefined) {
 						message.destroy();
-						message.success("创建成功");
-						setTimeout(() => {
-							router.push({
-								path: "/taskpage",
-								query: { id: res.data.data.projectId },
-							});
-						}, 1000);
-					} else {
+						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: "/projectmanage"
+								});
+							}, 1000);
+						} else {
+							message.destroy();
+							message.error("编辑失败，请检查当前网络状态。");
+						}
+					})
+					.catch((err) => {
+						console.log(err);
+						message.destroy();
+						message.error("编辑失败，请检查当前网络状态。");
+					});
+
+			} else {
+				let obj = {
+					name: projectName["value"],
+					category: projectType,
+					picUrl: picUrl,
+					beginTime: beginTime,
+					endTime: endTime,
+					manager: manager,
+					managerId: managerId,
+					sourceBelongId: sourceBelongIdC,
+					remark: remark["value"],
+					courseSyncFlag: courseSyncFlag,
+					level: levels,
+					systemId: systemid,
+					boeFlag: boeFlag,
+					attach: attach,
+					type: 3,
+					templateId: 10,
+					parentId: paraentID,
+					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("创建失败，请检查当前网络状态。");
-					}
-				})
-				.catch((err) => {
-					console.log(err);
-					message.destroy();
-					message.error("创建失败，请检查当前网络状态。");
-				});
+					});
+			}
 		};
 
 		return {
@@ -591,6 +756,10 @@ export default {
 			uplodaFileCount,
 			createProject,
 			removeFile,
+
+			isEdit,
+			backPage,
+			dateFormatList,
 		};
 	},
 };
@@ -889,3 +1058,4 @@ export default {
 	}
 }
 </style>
+