diff --git a/src/App.vue b/src/App.vue
index 623a12dd..314c66b3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -65,6 +65,8 @@ export default defineComponent({
       initDict("projectLevel");
       initDict("projectSys");
       initDict("pathmapPic");
+      initDict('projectClass')
+      initDict('projectPic')
       getOrgTree();
     }
 
diff --git a/src/api/indexAudit.js b/src/api/indexAudit.js
index 71d314b7..773045e9 100644
--- a/src/api/indexAudit.js
+++ b/src/api/indexAudit.js
@@ -6,6 +6,9 @@ export const list = (obj) => http.post('/admin/offcourse/list', obj)
 //获取待审核项目列表
 export const projlist = (obj) => http.post('/admin/project/list', obj)
 
+//获取待审核项目列表
+export const auditlist = (obj) => http.post('/admin/project/auditlist', obj)
+
 //获取已审核项目列表
 export const listView = (obj) => http.post('/admin/project/listView', obj)
 
diff --git a/src/components/project/OrgClass.vue b/src/components/project/OrgClass.vue
new file mode 100644
index 00000000..d0a197c9
--- /dev/null
+++ b/src/components/project/OrgClass.vue
@@ -0,0 +1,62 @@
+<template>
+  <a-tree-select
+      v-model:value="id"
+      style="width: 100%"
+      :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+      placeholder="自动带出 可修改"
+      allow-clear
+      :tree-data="options"
+      :fieldNames="{
+                children: 'treeChildList',
+                label: 'name',
+                value: 'id',
+              }"
+      :disabled="viewDetail ? true : false"
+      @change="change"
+      dropdownClassName="treeDropdown"
+  >
+  </a-tree-select>
+</template>
+<script>
+import {onMounted, reactive, toRefs, watch} from "vue";
+import {useStore} from "vuex";
+
+export default {
+  name: "OrgClass",
+
+  props: {
+    modelValue: {
+      type: Number,
+    },
+    name: {
+      type: String,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+  },
+  setup(props, ctx) {
+    const store = useStore();
+
+    const state = reactive({
+      options: [],
+      id: props.value
+    });
+    watch(state.id, () => {
+      ctx.emit('update:modelValue', state.id)
+    })
+    onMounted(() => {
+      state.options = [{id: props.modelValue, name: props.name}, ...store.state.orgtreeList]
+    })
+    function change(key, obj) {
+      ctx.emit('update:name', obj[0])
+    }
+
+    return {
+      ...toRefs(state),
+      change
+    };
+  },
+};
+</script>
diff --git a/src/components/project/ProjectClass.vue b/src/components/project/ProjectClass.vue
new file mode 100644
index 00000000..e659034f
--- /dev/null
+++ b/src/components/project/ProjectClass.vue
@@ -0,0 +1,48 @@
+<!-- 评估管理-创建评估页面 -->
+<template>
+  <a-select
+      v-model:value="id"
+      placeholder="请选择分类"
+      style="width: 100%"
+      :options="options"
+      allowClear
+      :disabled="disabled"
+  >
+  </a-select>
+</template>
+<script>
+import {onMounted, reactive, toRefs, watch} from "vue";
+import {useStore} from "vuex";
+
+export default {
+  name: "ProjectClass",
+
+  props: {
+    modelValue: {
+      type: Number,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+  },
+  setup(props, ctx) {
+    const store = useStore();
+
+    const state = reactive({
+      options: [],
+      id: props.modelValue
+    });
+    watch(state.id,()=>{
+      ctx.emit('update:modelValue',state.id)
+    })
+
+    onMounted(() => {
+      state.options = store.state.projectClass.map(e => ({value: parseInt(e.dictCode), label: e.dictName}))
+    })
+    return {
+      ...toRefs(state),
+    };
+  },
+};
+</script>
diff --git a/src/components/project/ProjectLevel.vue b/src/components/project/ProjectLevel.vue
new file mode 100644
index 00000000..87f724f1
--- /dev/null
+++ b/src/components/project/ProjectLevel.vue
@@ -0,0 +1,45 @@
+<template>
+  <a-select
+      v-model:value="id"
+      :options="options"
+      style="width: 100%"
+      placeholder="请选择项目级别"
+      :disabled="disabled"
+  />
+</template>
+<script>
+import {onMounted, reactive, toRefs, watch} from "vue";
+import {useStore} from "vuex";
+
+export default {
+  name: "ProjectClass",
+
+  props: {
+    modelValue: {
+      type: Number,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+  },
+  setup(props, ctx) {
+    const store = useStore();
+
+    const state = reactive({
+      options: [],
+      id: props.modelValue
+    });
+    watch(state.id, () => {
+      ctx.emit('update:modelValue', state.id)
+    })
+
+    onMounted(() => {
+      state.options = store.state.projectLevel.map(e => ({value: parseInt(e.dictCode), label: e.dictName}))
+    })
+    return {
+      ...toRefs(state),
+    };
+  },
+};
+</script>
diff --git a/src/components/project/ProjectManager.vue b/src/components/project/ProjectManager.vue
new file mode 100644
index 00000000..52fbc59f
--- /dev/null
+++ b/src/components/project/ProjectManager.vue
@@ -0,0 +1,104 @@
+<template>
+  <a-select
+      v-model:value="managerArray"
+      placeholder="请选择项目经理"
+      :filterOption="false"
+      style="width: 100%"
+      :options="options"
+      allowClear
+      showSearch
+      mode="multiple"
+      :disabled="disabled"
+      @popupScroll="memberScroll"
+      @search="searchMember"
+      @change="change"
+  >
+    <template v-if="loading" #notFoundContent>
+      <a-spin size="small"/>
+    </template>
+  </a-select>
+</template>
+<script>
+import {reactive, toRefs, watch} from "vue";
+import {scrollLoad} from "@/api/method";
+import * as api1 from "@/api/index1";
+
+export default {
+  name: "ProjectClass",
+
+  props: {
+    value: {
+      type: Number,
+    },
+    name: {
+      type: Number,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      options: [],
+      managerArray: [],
+      memberParam: {keyWord: '', pageNo: 1, pageSize: 10},
+      loading: false,
+      init: false
+    });
+
+    watch(() => state.memberParam, getMember)
+    watch(() => props.value, init)
+
+    function getMember() {
+      state.loading = true
+      api1.getMemberInfo(state.memberParam).then((res) => {
+        const list = res.data.data.rows.filter(e => !props.value?.includes(e.id + '')).map(e => ({
+          label: e.realName,
+          value: e.id
+        }));
+        state.options.push(...list)
+        state.loading = false
+      });
+
+    }
+
+    const memberScroll = (e) => {
+      let num = scrollLoad(e);
+      if (num === 2) {
+        // 如果滑到底部，则加载下一页
+        state.memberParam.pageNo++;
+      }
+    };
+
+    //搜索学员
+    const searchMember = (keyWord) => {
+      keyWord && (state.memberParam = {keyWord, pageNo: 1, pageSize: 10});
+    };
+
+    function init() {
+      if (props.value && props.name) {
+        const arrManager = props.name.split(',')
+        const arrManagerId = props.value.split(',')
+        state.managerArray = arrManagerId
+        state.options = arrManager.map((e, i) => ({label: e, value: arrManagerId[i]}))
+        state.init = true
+        getMember()
+      }
+    }
+
+    function change(e, l) {
+      console.log('change')
+      ctx.emit('update:value', e.join(','))
+      ctx.emit('update:name', l.map(t => t.label).join(','))
+    }
+
+    return {
+      ...toRefs(state),
+      searchMember,
+      memberScroll,
+      change
+    };
+  },
+};
+</script>
diff --git a/src/components/project/TrainClass.vue b/src/components/project/TrainClass.vue
new file mode 100644
index 00000000..af14081c
--- /dev/null
+++ b/src/components/project/TrainClass.vue
@@ -0,0 +1,44 @@
+<template>
+  <a-select
+      v-model:value="id"
+      :options="options"
+      style="width: 100%"
+      placeholder="请选择分类"
+      :disabled="disabled"
+  />
+</template>
+<script>
+import {onMounted, reactive, toRefs, watch} from "vue";
+import {useStore} from "vuex";
+
+export default {
+  name: "TrainClass",
+
+  props: {
+    modelValue: {
+      type: Number,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+  },
+  setup(props, ctx) {
+    const store = useStore();
+
+    const state = reactive({
+      options: [],
+      id: props.modelValue
+    });
+    watch(state.id, () => {
+      ctx.emit('update:modelValue', state.id)
+    })
+    onMounted(() => {
+      state.options = store.state.projectSys.map(e => ({value: parseInt(e.dictCode), label: e.dictName}))
+    })
+    return {
+      ...toRefs(state),
+    };
+  },
+};
+</script>
diff --git a/src/views/examine/ProjectReviewedN.vue b/src/views/examine/ProjectReviewedN.vue
index d609602d..ea7dd151 100644
--- a/src/views/examine/ProjectReviewedN.vue
+++ b/src/views/examine/ProjectReviewedN.vue
@@ -37,10 +37,10 @@
                   margin-right: 14px;
                 " placeholder="请输入创建人" />
             </div>
-            <div class="inpbox1">
-              <a-range-picker v-model:value="valueDate" style="border-radius: 8px; height: 40px; margin-left: 5px"
-                :placeholder="['      开始时间', '        结束时间']" @change="rankTimeChange" />
-            </div>
+<!--            <div class="inpbox1">-->
+<!--              <a-range-picker v-model:value="valueDate" style="border-radius: 8px; height: 40px; margin-left: 5px"-->
+<!--                :placeholder="['      开始时间', '        结束时间']" @change="rankTimeChange" />-->
+<!--            </div>-->
           </div>
         </div>
         <div class="tmplh_btn">
@@ -73,10 +73,10 @@
   </div>
 </template>
 <script>
-import { onMounted, reactive, toRefs } from "vue";
+import {onMounted, reactive, toRefs} from "vue";
 import ProjectAudit from "../../components/drawers/ProjectAudit";
-import { projlist } from "../../api/indexAudit";
-import { toDate } from "@/api/method";
+import {auditlist} from "../../api/indexAudit";
+
 export default {
   name: "ProjectViewedN",
   components: { ProjectAudit },
@@ -106,8 +106,8 @@ export default {
       columns1: [
         {
           title: "序号",
-          dataIndex: "number",
-          key: "number",
+          dataIndex: "projectId",
+          key: "projectId",
           align: "center",
         },
         {
@@ -135,17 +135,18 @@ export default {
           dataIndex: "status",
           key: "status",
           align: "center",
+          customRender: ()=><div>待审核</div>,
         },
         {
           title: "创建人",
-          dataIndex: "creater",
-          key: "creater",
+          dataIndex: "createName",
+          key: "createName",
           align: "center",
         },
         {
           title: "创建时间",
-          dataIndex: "time",
-          key: "time",
+          dataIndex: "createTime",
+          key: "createTime",
           align: "center",
         },
 
@@ -163,7 +164,7 @@ export default {
                     showProjAudit(
                       value.record.projectId,
                       value.record.createId,
-                      value.record.creater
+                      value.record.createName
                     );
                   }}
                 >
@@ -194,12 +195,13 @@ export default {
         pageSize: state.pageSize,
         status: 1,
       };
-      projlist(objn)
+      auditlist(objn)
         .then((res) => {
           console.log("获取待审核项目成功", res);
           let result = res.data.data;
           state.total = result.total;
-          setProjList(result.rows);
+          state.tableData1 = result.rows
+          // setProjList(result.rows);
         })
         .catch((err) => {
           console.log("获取待审核项目失败", err);
@@ -232,7 +234,7 @@ export default {
                           ? "拒绝"
                           : "-",
             creater: item.createName,
-            time: toDate(item.createTime, "Y-M-D h-m"),
+            time: item.createTime,
             projectId: item.projectId,
             createId: item.createId,
           };
@@ -260,7 +262,7 @@ export default {
                           ? "拒绝"
                           : "-",
             creater: item.createName,
-            time: toDate(item.createTime, "Y-M-D h-m"),
+            time: item.createTime,
             projectId: item.projectId,
             createId: item.createId,
             children: item.subList ? setProjList(item.subList) : [],
diff --git a/src/views/projectcenter/ProjectAdd.vue b/src/views/projectcenter/ProjectAdd.vue
index c682beaa..dabb8383 100644
--- a/src/views/projectcenter/ProjectAdd.vue
+++ b/src/views/projectcenter/ProjectAdd.vue
@@ -2,7 +2,7 @@
 <template>
   <div class="projectAdd">
     <div class="header">
-      <span class="title">创建/编辑单层项目</span>
+      <span class="title">{{ projectInfo.parentId ? '编辑' : '创建' }}项目</span>
       <div
           @click="backPage"
           style="cursor: pointer"
@@ -14,6 +14,20 @@
     </div>
     <div class="content">
       <div class="main">
+        <div class="name" v-if="projectInfo.parentName">
+          <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">
+              {{ projectInfo.parentName }}
+            </div>
+          </div>
+        </div>
         <div class="name">
           <div class="namebox">
             <img
@@ -24,7 +38,7 @@
           </div>
           <div class="in">
             <a-input
-                v-model:value="projectName"
+                v-model:value="projectInfo.name"
                 placeholder="请输入项目名称"
                 show-count
                 :maxlength="30"
@@ -41,26 +55,7 @@
             <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
-                :disabled="viewDetail ? true : false"
-                :fieldNames="{
-                label: 'dictName',
-                value: 'dictCode',
-              }"
-            >
-            </a-select>
+            <ProjectClass v-model:value="projectInfo.category"></ProjectClass>
           </div>
         </div>
         <div class="name">
@@ -72,16 +67,20 @@
             <div class="inname">封面图</div>
           </div>
           <div
-              class="box"
+              :class="`box ${projectInfo.picUrl == src?'active':''}`"
               style="
               width: 100px;
               height: 100px;
-              border: 1px solid rgba(78, 166, 255, 1);
               border-radius: 5px;
               cursor: pointer;
               position: relative;
               overflow: hidden;
             "
+              v-for="(src,index) in projectPic"
+              :key="index"
+              @click="()=>{
+                projectInfo.picUrl = src
+              }"
           >
             <img
                 style="
@@ -90,37 +89,9 @@
                 margin-bottom: 4px;
                 margin-right: 4px;
               "
-                v-if="imageUrl"
-                :src="imageUrl"
+                :src="src"
                 alt="avatar"
             />
-            <!-- <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"
-              :disabled="viewDetail ? true : false"
-            >
-              <img
-                style="
-                  width: 100px;
-                  height: 100px;
-                  margin-bottom: 4px;
-                  margin-right: 4px;
-                "
-                v-if="imageUrl"
-                :src="imageUrl"
-                alt="avatar"
-              />
-              <div v-else>
-                <div class="box1"></div>
-                <div class="box2"></div>
-              </div>
-            </a-upload> -->
           </div>
         </div>
         <div class="name">
@@ -136,9 +107,10 @@
             <a-range-picker
                 separator="至"
                 :placeholder="['      开始时间', '        结束时间']"
-                v-model:value="rangevalue"
+                v-model:value="projectInfo.rangeTime"
                 style="width: 100%; height: 40px; border-radius: 5px"
-                @change="onRangeChange"
+                valueFormat="YYYY-MM-DD HH:mm:ss"
+                @change="timeChange"
                 :disabled="viewDetail ? true : false"
             />
           </div>
@@ -152,26 +124,7 @@
             <div class="inname">项目经理</div>
           </div>
           <div class="in">
-            <a-select
-                :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-                v-model:value="classifySelect1"
-                placeholder="请选择项目经理"
-                :filterOption="false"
-                style="width: 100%"
-                :options="classifyList1"
-                @change="classificationChange1"
-                allowClear
-                showSearch
-                mode="multiple"
-                :disabled="viewDetail ? true : false"
-                @popupScroll="memberScroll"
-                @search="searchMember"
-            >
-            </a-select>
+            <ProjectManager v-model:value="projectInfo.managerId" v-model:name="projectInfo.manager"></ProjectManager>
           </div>
         </div>
         <div class="name">
@@ -184,45 +137,7 @@
           </div>
 
           <div class="in select">
-            <a-tree-select
-                :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-                v-model:value="projectInfo.sourceBelongId"
-                style="width: 100%"
-                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
-                placeholder="自动带出 可修改"
-                allow-clear
-                :tree-data="orgtreeList"
-                :fieldNames="{
-                children: 'treeChildList',
-                label: 'name',
-                value: 'id',
-              }"
-                :disabled="viewDetail ? true : false"
-                @change="classificationChange2"
-                dropdownClassName="treeDropdown"
-            >
-              <!-- <template #title="{ value: val, title }">
-      <b v-if="val === 'parent 1-1'" style="color: #08c">sss</b>
-      <template v-else>{{ title }}</template>
-    </template> -->
-            </a-tree-select>
-            <!-- <a-select
-              :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-              v-model:value="classifySelect2"
-              placeholder="自动带出 可修改"
-              :options="classifyList2"
-              @change="classificationChange2"
-              :field-names="{ label: 'name', value: 'id', options: 'children' }"
-              :disabled="viewDetail ? true : false"
-            /> -->
+            <OrgClass v-model:value="projectInfo.sourceBelongId" v-model:name="projectInfo.sourceBelongName"></OrgClass>
           </div>
         </div>
         <div class="name name2">
@@ -231,7 +146,7 @@
           </div>
           <div class="in">
             <a-textarea
-                v-model:value="remark"
+                v-model:value="projectInfo.remark"
                 style="height: 80px"
                 placeholder="请输入说明"
                 show-count
@@ -245,9 +160,10 @@
             <div class="inname">同步学习记录</div>
           </div>
           <div class="in">
-            <a-radio
-                @click="changeChecked"
-                v-model:checked="checked"
+            <a-switch
+                v-model:checked="projectInfo.courseSyncFlag"
+                :checkedValue="1"
+                :unCheckedValue="0"
                 :disabled="viewDetail ? true : false"
             ><span
                 style="
@@ -256,8 +172,7 @@
                   font-size: 14px;
                 "
             >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
-            ></a-radio
-            >
+            ></a-switch>
           </div>
         </div>
         <div class="name">
@@ -269,18 +184,7 @@
             <div class="inname">项目级别</div>
           </div>
           <div class="in select">
-            <a-select
-                :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-                v-model:value="projectInfo.level"
-                :options="classifyList3"
-                style="width: 100%"
-                placeholder="请选择项目级别"
-                :disabled="viewDetail ? true : false"
-            />
+            <ProjectLevel v-model:value="projectInfo.level"></ProjectLevel>
           </div>
         </div>
         <div class="name">
@@ -292,18 +196,7 @@
             <div class="inname">培训分类</div>
           </div>
           <div class="in select">
-            <a-select
-                :getPopupContainer="
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-                v-model:value="projectInfo.systemId"
-                :options="systemOption"
-                style="width: 100%"
-                placeholder="请选择培训分类"
-                :disabled="viewDetail ? true : false"
-            />
+            <TrainClass v-model:value="projectInfo.systemId"></TrainClass>
           </div>
         </div>
         <div class="name">
@@ -315,81 +208,41 @@
             <div class="inname">是否BOEU实施</div>
           </div>
           <div class="in">
-            <a-radio
-                @click="changeChecked1"
-                v-model:checked="checked1"
+            <a-switch
+                v-model:checked="projectInfo.boeFlag"
+                :checkedValue="1"
+                :unCheckedValue="0"
                 :disabled="viewDetail ? true : false"
-            ><span
-                style="
-                  width: 100%;
-                  color: rgba(109, 117, 132, 1);
-                  font-size: 14px;
-                "
-            >BOEU实施</span
-            ></a-radio
-            >
+            ></a-switch>
           </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>
-      <!-- 2022-11-30注释 后面放开 -->
-      <!-- <div class="template">
+      <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="
+                :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"
-              @popupScroll="templateScroll"
+                v-model:value="classifySelect5"
+                placeholder="请选择模版"
+                :size="size"
+                style="width: 100%"
+                :options="classifyList5"
+                @change="classificationChange5"
+                @popupScroll="templateScroll"
+                :fieldNames="{
+                label: 'name',
+                value: 'projectTemplateId',
+              }"
             >
             </a-select>
           </div>
         </div>
-      </div> -->
+      </div>
     </div>
     <div class="footer">
       <div class="btn">
@@ -403,593 +256,102 @@
   </div>
 </template>
 <script>
-import {reactive, toRefs, ref, onUnmounted, onMounted} from "vue";
+import {onMounted, reactive, toRefs, watch} from "vue";
 import {message} from "ant-design-vue";
-import {useRouter, useRoute} from "vue-router";
-import dayjs from "dayjs";
+import {useRoute, useRouter} from "vue-router";
 import * as api from "../../api/index";
-import * as api1 from "../../api/index1";
-import {storage} from "../../api/storage";
-import {toDate, scrollLoad} from "../../api/method";
 import {useStore} from "vuex";
+import ProjectClass from "@/components/project/ProjectClass";
+import TrainClass from "@/components/project/TrainClass";
+import OrgClass from "@/components/project/OrgClass";
+import ProjectManager from "@/components/project/ProjectManager";
+import ProjectLevel from "@/components/project/ProjectLevel";
+import {scrollLoad} from "@/api/method";
 
 export default {
   name: "projectAdd",
+  components: {
+    ProjectManager,
+    ProjectLevel,
+    ProjectClass,
+    TrainClass,
+    OrgClass
+  },
   setup() {
     const store = useStore();
-    // 编辑页面跳转过来时候，自动填充表格
     const routers = useRoute();
     const router = useRouter();
     const state = reactive({
-      classifySelect: null, //分类选择信息
-      projectType: null, //分类选择的id
-      checked: false, //同步学习记录
-      checked1: false, //BOEU实施
-      classifySelect1: [], //选中项目经理名称数组
-      classifySelect2: null, //选中的资源归属信息
-      classifySelect3: null, //选中的项目级别信息
-      classifySelect4: null, //选中的培训分类信息
-      rangevalue: [], //项目时间
-
       currentPage: 1, //当前页
       tableDataTotal: -1, //模版列表总数
       pageSize: 10, //每页10条数据
       totalPages: 0, //总页数
-      viewDetail: routers.query.viewDetail ? routers.query.viewDetail : null,
-
-      currentPage1: 1, //项目经理
-      pageSize1: 10, //项目经理,
-      orgtreeList: [],
+      viewDetail: null,
       projectInfo: {},
-      classifyList3: [],
-      systemOption: []
+      projectPic: [],
+      memberParam: {
+        pageNo: 1,
+        pageSize: 10,
+        keyWord: "",
+      },
+      classifyList5: []
     });
 
     onMounted(() => {
-      console.log('onMounted')
-      state.orgtreeList = [...store.state.orgtreeList]
-      state.classifyList3 = store.state.projectLevel.map(e => ({value: parseInt(e.dictCode), label: e.dictName}))
-      state.systemOption = store.state.projectSys.map(e => ({value: parseInt(e.dictCode), label: e.dictName}))
+      state.projectPic = store.state.projectPic.map(e => e.dictValue)
+      state.viewDetail = routers.query.viewDetail
+      getProjectInfo()
+      getTemplate()
     })
-    //分类列表
-    const classifyList = ref([]);
 
-    //项目封面
-    const imageUrl = ref("");
+    watch(routers.query, () => {
+      state.projectInfo.projectId = routers.query.projectId
+      state.projectInfo.parentName = routers.query.parentName
+      state.projectInfo.parentId = routers.query.parentId
+    })
 
-    // 培训分类
-    const classifyList4 = ref([
-      // { value: 1, label: "集团级" },
-    ]);
-    //获取分类、封面图、项目级别、培训分类-----------字典配置-------------------------------
-    const getDictList = (param) => {
-      let obj = {
-        pageNo: 1,
-        pageSize: 20,
-        setCode: param,
-      };
-      api1
-          .getDict(obj)
-          .then((res) => {
-            console.log("获取字典成功", res);
-            if (res.status === 200) {
-              if (param === "projectClass") {
-                classifyList.value = res.data.data.rows;
-              }
-              if (param === "projectPic") {
-                if (res.data.data.rows.length > 0) {
-                  imageUrl.value = res.data.data.rows[0].dictValue;
-                  picUrl = res.data.data.rows[0].dictValue;
-                }
-              }
 
-              if (param === "projectSys") {
-                classifyList4.value = res.data.data.rows;
-              }
-              if (
-                  classifyList.value &&
-                  imageUrl.value &&
-                  classifyList4.value
-              ) {
-                getDictInfo();
-              }
-            }
-          })
-          .catch((err) => {
-            console.log("获取字典失败", err);
-          });
-    };
-    getDictList("projectClass");
-    getDictList("projectPic");
-    getDictList("projectSys");
-    //获取分类、封面图、项目级别、培训分类---------------字典配置---------------------------
-    //分类、封面图、项目级别、培训分类回显
-    const getDictInfo = () => {
-      if (routers.query.projectId) {
-        // console.log("classifyList", classifyList.value, state.projectType);
-        //         //分类
-        //         let arr=classifyList.value
-        //         for(let i=0;i<arr.length;i++){
-        // if(arr[i].){
-        // }
-        //         }
-        //    state.classifySelect: null, //分类选择信息
-        // state.projectType: null, //分类选择的id
-        //imageUrl.value //封面图
-        //levels.value //项目级别
-        //state.classifySelect3 //项目级别
-        //state.classifySelect4 //培训分类
-        //systemid.value //培训分类id
+    function getProjectInfo() {
+      if (!routers.query.projectId) {
+        state.projectInfo = {parentName: routers.query.parentName, parentId: routers.query.parentId}
+        return
       }
-    };
-    //分类、封面图、项目级别、培训分类回显
-
-    const isEdit = ref(false);
-    let peojectID = ""; //项目id
-    const editProject = () => {
-      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;
-                state.projectInfo = info;
-                console.log(
-                    "classifyList.value.find(item=>item.dictCode===info.category)",
-                    classifyList.value.find((item) => {
-                      if (item.dictCode == 11) {
-                        return item.dictName;
-                      }
-                      // return item.dictName;
-                    }),
-                    classifyList.value,
-                    info.category
-                );
-
-                console.log(info);
-                // projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
-                projectName.value = info.name; //项目名称
-                // state.classifySelect =classifyList.value.find(item=>item.dictCode===info.category) ; // info.category 项目分类
-                state.projectType = 1; //分类选择的id
-
-                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(","); //项目经理id数组
-                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 = info.sourceBelongId
-                remark.value = info.remark;
-                state.checked = info.boeFlag ? info.boeFlag : false;
-                state.classifySelect4 = classifyList4.value[info.systemId - 1];
-                state.checked1 = info.boeFlag ? info.boeFlag : false;
-                state.orgtreeList.unshift({id: info.sourceBelongId, name: info.sourceBelongName})
-                picUrl = info.picUrl;
-                beginTime = Number(info.beginTime / 1000);
-                endTime = Number(info.endTime / 1000);
-                manager = info.manager;
-                managerId = info.managerId;
-                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;
-                  state.projectInfo = info;
-                  console.log("我是从本地存储获取的id", info);
-                  projectName.value = info.name;
-                  state.classifySelect = classifyList.value[1]; // info.category 分类选择的信息
-                  state.projectType = 1; //分类选择的id
-                  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 = info.sourceBelongId
-                  state.orgtreeList.unshift({id: info.sourceBelongId, name: info.sourceBelongName})
-                  remark.value = info.remark;
-                  state.checked = info.boeFlag ? info.boeFlag : false;
-                  state.classifySelect4 = classifyList4.value[info.systemId - 1];
-                  state.checked1 = info.boeFlag ? info.boeFlag : false;
-
-                  picUrl = info.picUrl;
-                  beginTime = Number(info.beginTime / 1000);
-                  endTime = Number(info.endTime / 1000);
-                  manager = info.manager;
-                  managerId = info.managerId;
-                  courseSyncFlag = info.courseSyncFlag;
-                  levels = info.level;
-                  systemid = info.systemId;
-                  boeFlag = info.boeFlag;
-                }
-              })
-              .catch((err) => {
-                console.log(err);
-              });
-        }
-      }
-    };
-    editProject();
+      api.getProjectDetail({projectId: routers.query.projectId}).then(res => {
+        state.projectInfo = res.data.data.projectInfo
+        state.projectInfo.rangeTime = [state.projectInfo.beginTime, state.projectInfo.endTime]
+        state.projectInfo.parentName = routers.query.parentName
+      })
+    }
 
     const backPage = () => {
-      storage.remove("projectAddId");
-      setTimeout(() => {
-        router.push({
-          path: "/projectmanage",
-        });
-      }, 400);
+      router.back()
     };
 
-    const projectName = ref(""); //项目名称
-
     //选择分类
     const classificationChange = (value) => {
       console.log(`selected ${value}`);
       state.projectType = value; //分类选择的id
     };
 
-    function getBase64(img, callback) {
-      const reader = new FileReader();
-      reader.addEventListener("load", () => callback(reader.result));
-      reader.readAsDataURL(img);
-    }
 
-    const fileList = ref([]);
-    const fileList1 = ref([]);
-    const loading = ref(false);
-
-    let picUrl = ""; //项目封面
-
-    const handleChange = (info) => {
-      if (info.file.status === "uploading") {
-        loading.value = true;
-        return;
-      }
-      if (info.file.status === "done") {
-        console.log("上传图片返回的信息 %o", info);
-        picUrl = info.file.response.data;
-        // Get this url from response in real world.
-        getBase64(info.file.originFileObj, (base64Url) => {
-          imageUrl.value = base64Url;
-          loading.value = false;
-        });
-      }
-      if (info.file.status === "error") {
-        loading.value = false;
-        message.error("upload error");
-      }
-    };
-
-    let uplodaFileCount = false;
-
-    let attach = "";
-    let attachData = "";
-    const handleChange1 = (info) => {
-      if (info.file.status === "uploading") {
-        loading.value = true;
-        return;
-      }
-      if (info.file.status === "done") {
-        console.log(
-            "上传附件返回的信息 %o",
-            info,
-            info.fileList.length,
-            uplodaFileCount
-        );
-
-        let attachStr = "";
-        attachData = info.fileList;
-        for (let i = 0; i < attachData.length; i++) {
-          if (attachData.length - 1 == i) {
-            attachStr += attachData[i].response.data;
-          } else {
-            attachStr += attachData[i].response.data + ",";
-          }
-        }
-        console.log(attachStr);
-        attach = attachStr;
-
-        if (info.fileList.length > 5) {
-          uplodaFileCount = true;
-        } else {
-          uplodaFileCount = false;
-        }
-      }
-      if (info.file.status === "error") {
-        loading.value = false;
-        message.error("upload error");
-      }
-    };
-
-    const beforeUpload = (file) => {
-      const isJpgOrPng =
-          file.type === "image/jpeg" || file.type === "image/png";
-      if (!isJpgOrPng) {
-        message.error("You can only upload JPG file!");
-      }
-      const isLt2M = file.size / 1024 / 1024 < 1;
-      if (!isLt2M) {
-        message.error("Image must smaller than 1MB!");
-      }
-      return isJpgOrPng && isLt2M;
-    };
-
-    const beforeUpload1 = () => {
-      return new Promise((resovle, reject) => {
-        if (uplodaFileCount) {
-          message.info("上传文件数量已达最大数量");
-          return reject(false);
-        }
-        return resovle(true);
-      });
-    };
-
-    let beginTime = "";
-    let endTime = "";
-    const dateFormatList = ["YYYY/MM/DD"];
-
-    const onRangeChange = (value, dateString) => {
-      console.log("Selected Time: ", value);
-      // 项目时间选择函数
-      console.log("Formatted Selected Time: ", dateString);
-      console.log(
-          "Formatted Selected TimeStamp",
-          new Date(dateString[0]).getTime()
-      );
-      beginTime = new Date(dateString[0]).getTime() / 1000;
-      endTime = new Date(dateString[1]).getTime() / 1000;
-    };
-    // 项目经理 后续接口调用
-    const classifyList1 = ref([]);
-    //获取学员
-    const getMember = (e) => {
-      console.log("state.classifySelect1", e, state.classifySelect1);
-      api1
-          .getMemberInfo({
-            pageNo: state.currentPage1,
-            pageSize: state.pageSize1,
-            keyWord: e ? e : "",
-          })
-          .then((res) => {
-            if (res.data.code === 200) {
-              let arr = res.data.data.rows;
-              let array = classifyList1.value;
-              arr.map((value) => {
-                let obj = {
-                  value: value.id,
-                  label: value.realName,
-                };
-                array.push(obj);
-              });
-              classifyList1.value = array;
-              console.log("获取学员", res.data, classifyList1.value);
-              // classifyList1.value = res.data.data.rows;
-              // state.tableDataTotal = res.data.data.total;
-              // return res.data.data.rows;
-            }
-          });
-    };
-    getMember();
-
-    //搜索学员
-    const searchMember = (e) => {
-      console.log("eee", e);
-      if (e) {
-        state.searchName = e;
-        classifyList1.value = [];
-        getMember(e);
-      }
-    };
-
-    //学员滚动加载信息
-    const memberScroll = (e) => {
-      // console.log("滚动", e, b);
-      let num = scrollLoad(e);
-      if (num === 1) {
-        state.currentPage1 = 1;
-      } else if (num === 2) {
-        // 如果滑到底部，则加载下一页
-        state.currentPage1++;
-        getMember();
-      }
-    };
-
-    //选择处理项目经理
-    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;
-    };
-
-    const classificationChange2 = (key, obj) => {
-      state.projectInfo.sourceBelongName = obj[0]
-    };
-
-    //选择项目级别
-    let levels = "";
-    const classificationChange3 = (key) => {
-      levels = key;
-    };
-
-    //选择培训分类
-    let systemid = "";
-    const classificationChange4 = (key) => {
-      console.log(`selected ${key}`, classifyList4);
-      systemid = key;
-    };
-
-    // 模版
-    const classifyList5 = ref([
-      // { value: 1, label: "模版一" },
-      // { value: 2, label: "模版二" },
-      // { value: 3, label: "模版三" },
-      // { value: 4, label: "模版四" },
-    ]);
-    const classificationChange5 = (key) => {
-      console.log(`selected ${key}`, classifyList5.value);
-      //获取模版信息
-      let obj = {
-        projectTemplateId: Number(key),
-      };
-      api
-          .getTemplateDetail(obj)
-          .then((res) => {
-            console.log("获取模版详情", res);
-            if (res.status === 200) {
-              let info = res.data.data.projectTemplateInfo;
-              console.log(info);
-              // projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
-              projectName.value = info.name;
-              state.classifySelect = classifyList.value[1]; // info.category  分类选择的信息
-              state.projectType = 1; //分类选择的id
-
-              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 = info.sourceBelongId
-              state.orgtreeList.unshift({id: info.sourceBelongId, name: info.sourceBelongName})
-              remark.value = info.remark;
-              state.checked = info.boeFlag ? info.boeFlag : false;
-              state.classifySelect4 = classifyList4.value[info.systemId - 1];
-              state.checked1 = info.boeFlag ? info.boeFlag : false;
-              // fileList1.value = info.attach.split(",");
-
-              picUrl = info.picUrl;
-              beginTime = Number(info.beginTime / 1000);
-              endTime = Number(info.endTime / 1000);
-              manager = info.manager;
-              managerId = info.managerId;
-              courseSyncFlag = info.courseSyncFlag;
-              levels = info.level;
-              systemid = info.systemId;
-              boeFlag = info.boeFlag;
-            }
-          })
-          .catch((err) => {
-            console.log("获取详情失败", err);
-          });
+    const classificationChange5 = (key, option) => {
+      state.projectInfo = option
+      state.projectInfo.parentName = routers.query.parentName
     };
     //获取模版列表
     const getTemplate = () => {
       let obj = {
         pageNo: state.currentPage,
         pageSize: state.pageSize,
-        // projectId:id?id:''
       };
-      api
-          .getTemplate(obj)
-          .then((res) => {
-            console.log("获取模版列表", res);
-            state.totalPages = Number(res.data.data.pages);
-            if (res.status === 200) {
-              let arr = res.data.data.rows;
-              let array = classifyList5.value;
-              arr.map((value) => {
-                let obj = {
-                  value: value.projectTemplateId,
-                  label: value.name,
-                };
-                array.push(obj);
-              });
-              classifyList5.value = array;
-            }
-          })
-          .catch((err) => {
-            console.log("获取模版列表失败", err);
-          });
+      api.getTemplate(obj).then((res) => {
+        state.totalPages = Number(res.data.data.pages);
+        state.classifyList5 = res.data.data.rows
+      })
     };
-    getTemplate();
+
     //模版滚动加载模板信息
     const templateScroll = (e) => {
-      // console.log("滚动", e, b);
       let num = scrollLoad(e);
       if (num === 1) {
         state.currentPage = 1;
@@ -1000,47 +362,6 @@ export default {
       }
     };
 
-    // 项目说明
-    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;
-    };
-    //同步学习记录------------------------------------
-    //BOEU实施--------------------------------------
-    let boeFlag = 0;
-    const changeChecked1 = () => {
-      console.log(state.checked1);
-      state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
-      boeFlag = state.checked1 ? 1 : 0;
-    };
-    //BOEU实施--------------------------------------
-
-    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: "请选择项目分类",
@@ -1052,171 +373,48 @@ export default {
       sourceBelongId: "请选择资源归属",
       level: "请填写项目级别",
       systemId: "请填写项目培训体系",
-      boeFlag: "请选择是否BOE实施",
     };
 
+    function timeChange(e) {
+      if (e && e.length === 2) {
+        state.projectInfo.beginTime = e[0]
+        state.projectInfo.endTime = e[1]
+      }
+    }
+
+    function validate(obj, errorMsgs) {
+      for (let i in errorMsgs) {
+        if (!obj[i]) {
+          message.destroy();
+          message.warning(errorMsgs[i]);
+          return false;
+        }
+      }
+      return true;
+    }
+
     const createProject = () => {
-      console.log("我是否要编辑项目", isEdit.value);
-      if (isEdit.value) {
-        console.log("我要编辑项目", peojectID);
-        let obj = {
-          projectId: Number(peojectID),
-          name: projectName["value"],
-          category: state.projectType, //分类选择的id
-          picUrl: picUrl,
-          beginTime: beginTime,
-          endTime: endTime,
-          manager: manager,
-          managerId: managerId,
-          sourceBelongId: state.projectInfo.sourceBelongId,
-          sourceBelongName: state.projectInfo.sourceBelongName,
-          remark: remark["value"],
-          courseSyncFlag: courseSyncFlag,
-          level: state.projectInfo.level,
-          systemId: state.projectInfo.systemId,
-          boeFlag: boeFlag,
-          attach: attach,
-          type: 3,
-          templateId: 0,
-          parentId: 0,
-          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: state.projectType, //分类选择的id
-          picUrl: picUrl,
-          beginTime: beginTime,
-          endTime: endTime,
-          manager: manager,
-          managerId: managerId,
-          sourceBelongId: state.projectInfo.sourceBelongId,
-          sourceBelongName: state.projectInfo.sourceBelongName,
-          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("创建失败，请检查当前网络状态。");
-            });
+      console.log("保存", state.projectInfo);
+      if (!validate(state.projectInfo, errorMsgs)) {
+        return;
       }
+      state.projectInfo.type = 3
+      api.createProject(state.projectInfo).then(() => {
+            message.destroy();
+            message.success("编辑成功");
+            router.back()
+          }
+      )
     };
 
-    onUnmounted(() => {
-      storage.remove("projectAddId");
-    });
     return {
       ...toRefs(state),
-      projectName,
-      classifyList,
+      timeChange,
       classificationChange,
-      classificationChange1,
-      classificationChange2,
-      classificationChange3,
-      classificationChange4,
       classificationChange5,
-      fileList,
-      fileList1,
-      loading,
-      imageUrl,
-      handleChange,
-      handleChange1,
-      beforeUpload,
-      beforeUpload1,
-      onRangeChange,
-      classifyList1,
-      classifyList4,
-      classifyList5,
-      remark,
-      changeChecked,
-      changeChecked1,
-      uplodaFileCount,
       createProject,
-      removeFile,
-
-      isEdit,
       backPage,
-      dateFormatList,
-
-      templateScroll,
-      memberScroll,
-      getMember,
-      searchMember
+      templateScroll
     };
   },
 };
@@ -1272,6 +470,10 @@ export default {
     border-width: 0px;
   }
 
+  .active {
+    border: 1px solid rgba(78, 166, 255, 1);
+  }
+
   .content {
     display: flex;
 
@@ -1316,6 +518,7 @@ export default {
           position: relative;
           margin-left: 14px;
 
+
           .box1 {
             position: absolute;
             left: 50%;
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index 15e46838..83498eea 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -6,58 +6,55 @@
       <div class="filterItems">
         <div class="select">
           <a-input
-            v-model:value="sProjectName"
-            style="width: 270px; height: 40px; border-radius: 8px"
-            placeholder="请输入项目名称"
-            @change="sProjectNameChange"
-            allowClear
-            showSearch
+              v-model:value="searchParam.name"
+              style="width: 270px; height: 40px; border-radius: 8px"
+              placeholder="请输入项目名称"
+              @change="sProjectNameChange"
+              allowClear
+              showSearch
           >
           </a-input>
         </div>
         <div class="select">
           <a-input
-            v-model:value="sProjectOrder"
-            style="width: 270px; height: 40px; border-radius: 8px"
-            placeholder="请输入项目经理"
-            @change="sProjectOrderChange"
-            allowClear
-            showSearch
+              v-model:value="searchParam.manager"
+              style="width: 270px; height: 40px; border-radius: 8px"
+              placeholder="请输入项目经理"
+              @change="sProjectOrderChange"
+              allowClear
+              showSearch
           >
           </a-input>
         </div>
         <div class="select">
           <a-input
-            v-model:value="sProjectCreate"
-            style="width: 270px; height: 40px; border-radius: 8px"
-            placeholder="请输入项目创建人"
-            @change="sProjectCreateChange"
-            allowClear
-            showSearch
+              v-model:value="searchParam.createName"
+              style="width: 270px; height: 40px; border-radius: 8px"
+              placeholder="请输入项目创建人"
+              @change="sProjectCreateChange"
+              allowClear
+              showSearch
           >
           </a-input>
         </div>
-        <!-- 2022-11-30注释 后面放开 -->
-        <!-- <div class="select">
+        <div class="select">
           <a-select
-            v-model:value="sProjectState"
-            style="width: 270px"
-            placeholder="请选择状态"
-            :options="sProjectStateList"
-            @change="sProjectStateChange"
-            allowClear
-            showSearch
+              v-model:value="searchParam.status"
+              style="width: 270px"
+              placeholder="请选择状态"
+              :options="sProjectStateList"
+              allowClear
+              showSearch
           ></a-select>
-        </div> -->
-        <div class="select">
-          <a-date-picker
-            v-model:value="sProjectTime"
-            @change="sProjectTimeChange"
-            type="date"
-            placeholder="创建时间"
-            style="width: 270px"
-          />
         </div>
+        <!--        <div class="select">-->
+        <!--          <a-date-picker-->
+        <!--              v-model:value="searchParam.createTime"-->
+        <!--              type="date"-->
+        <!--              placeholder="创建时间"-->
+        <!--              style="width: 270px"-->
+        <!--          />-->
+        <!--        </div>-->
         <div style="display: flex; margin-bottom: 20px">
           <div class="btnn btn1" @click="searchSubmit">
             <div class="search"></div>
@@ -80,40 +77,26 @@
     <!-- 表格 -->
     <div class="tableBox">
       <a-table
-        :columns="columns"
-        :data-source="tableData"
-        :loading="tableDataTotal === -1 ? true : false"
-        :scroll="{ x: 700 }"
-        @expand="expandTable"
-        :pagination="false"
+          :columns="columns"
+          :data-source="tableData"
+          :loading="tableDataTotal === -1 ? true : false"
+          :scroll="{ x: 700 }"
+          @expand="expandTable"
+          :pagination="false"
       >
-        <!-- <template #bodyCell="{ column }">
-          <template v-if="column.key === 'operation'">
-            <div class="operation">
-              <span>编辑</span>
-              <span style="margin-left: 21px">授权</span>
-              <span style="margin-left: 21px">创建子项目</span>
-              <span style="margin-left: 21px" class="more">
-                <span>更多</span>
-                <div class="moreArrow"></div>
-                <div class="moreItems"></div>
-              </span>
-            </div>
-          </template>
-        </template> -->
       </a-table>
       <div class="tableBox">
         <div class="pa">
           <a-pagination
-            v-if="tableDataTotal > 10"
-            showSizeChanger="true"
-            showQuickJumper="true"
-            hideOnSinglePage="true"
-            :pageSize="pageSize"
-            v-model:current="currentPage"
-            :total="tableDataTotal"
-            class="pagination"
-            @change="changePagination"
+              v-if="tableDataTotal > 10"
+              showSizeChanger="true"
+              showQuickJumper="true"
+              hideOnSinglePage="true"
+              :pageSize="pageSize"
+              v-model:current="searchParam.pageNo"
+              :total="tableDataTotal"
+              class="pagination"
+              @change="changePagination"
           />
         </div>
       </div>
@@ -122,18 +105,18 @@
     <!-- 无项目 -->
     <div class="tableBox" style="display: none">
       <div
-        class="taskbox"
-        @click="showModal1"
-        style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
+          class="taskbox"
+          @click="showModal1"
+          style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
       >
         <div class="leftt">
-          <img src="../../assets/images/taskpage/left2.png" />
+          <img src="../../assets/images/taskpage/left2.png"/>
         </div>
         <div class="photo">
-          <img src="../../assets/images/projectadd/nopro.png" />
+          <img src="../../assets/images/projectadd/nopro.png"/>
         </div>
         <div class="rightt">
-          <img src="../../assets/images/taskpage/right2.png" />
+          <img src="../../assets/images/taskpage/right2.png"/>
         </div>
         <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
           创建项目
@@ -141,21 +124,21 @@
         <div class="centermain">点击创建项目任务</div>
       </div>
     </div>
-    <!-- 创建子项目弹窗 -->
+    <!-- 创建多层项目弹窗 -->
     <div>
       <a-modal
-        v-model:visible="sonproject"
-        :title="null"
-        @ok="closeModal"
-        :footer="null"
-        :closable="false"
-        wrapClassName="sonproject"
-        width="764px"
-        height="356px"
+          v-model:visible="doublepro"
+          :title="null"
+          @ok="closeModal2"
+          :footer="null"
+          :closable="false"
+          wrapClassName="doublepro"
+          width="624px"
+          height="476px"
       >
         <div
-          class="modalHeader"
-          style="
+            class="modalHeader"
+            style="
             width: 100%;
             height: 68px;
             display: flex;
@@ -165,53 +148,157 @@
         >
           <div class="headerLeft" style="margin-left: 32px">
             <span class="headerLeftText" style="font-size: 16px"
-              >请选择项目类别</span
+            >{{ projectInfo.projectId ? '编辑' : '创建' }}多层项目</span
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="closeModal2">
+            <img
+                style="width: 22px; height: 22px"
+                src="../../assets/images/basicinfo/close22.png"
+            />
+          </div>
+        </div>
+        <div class="modalMain">
+          <div style="margin-left: 40px; margin-top: 40px;width:78%" v-if="projectInfo.parentName">
+            <span style="color: #000000; font-size: 14px">项目归属：</span>
+            <span style="color: #999999; font-size: 14px; margin-left: 10px">{{ projectInfo.parentName }}</span>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                  style="width: 10px; height: 10px"
+                  src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">项目名称:</div>
+            <div class="in">
+              <a-input
+                  v-model:value="projectInfo.name"
+                  show-count
+                  :maxlength="30"
+                  placeholder="请输入项目名称"
+                  style="border-radius: 8px"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                  style="width: 10px; height: 10px"
+                  src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">分类:</div>
+            <div class="in select">
+              <ProjectClass v-model:value="projectInfo.category"></ProjectClass>
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                  style="width: 10px; height: 10px"
+                  src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">项目经理:</div>
+            <div class="in">
+              <ProjectManager v-model:value="projectInfo.managerId" v-model:name="projectInfo.manager"></ProjectManager>
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                  style="width: 10px; height: 10px"
+                  src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">资源归属:</div>
+            <div class="in select">
+              <OrgClass v-model:value="projectInfo.sourceBelongId"
+                        v-model:name="projectInfo.sourceBelongName"></OrgClass>
+            </div>
+          </div>
+          <div class="pubtn">
+            <a-button class="pubtn1" @click="closeModal2">取消</a-button>
+            <a-button class="pubtn2" @click="createStoreyProject"
+            >确定
+            </a-button
+            >
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 创建多层项目弹窗 -->
+    <div>
+      <a-modal
+          v-model:visible="sonproject"
+          :title="null"
+          @ok="closeModal"
+          :footer="null"
+          :closable="false"
+          wrapClassName="sonproject"
+          width="764px"
+          height="356px"
+      >
+        <div
+            class="modalHeader"
+            style="
+            width: 100%;
+            height: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span class="headerLeftText" style="font-size: 16px"
+            >请选择项目类别1</span
             >
           </div>
           <div style="cursor: pointer; margin-right: 32px" @click="closeModal">
             <img
-              style="width: 22px; height: 22px"
-              src="../../assets/images/basicinfo/close22.png"
+                style="width: 22px; height: 22px"
+                src="../../assets/images/basicinfo/close22.png"
             />
           </div>
         </div>
         <div class="modalMain">
           <div
-            @click="createChildProject"
-            class="taskbox"
-            style="
+              @click="createChildProject"
+              class="taskbox"
+              style="
               margin-right: 24px;
               background: linear-gradient(180deg, #ddeaff 0%, #f0f8fe 100%);
             "
           >
             <div class="leftt">
-              <img src="../../assets/images/taskpage/left2.png" />
+              <img src="../../assets/images/taskpage/left2.png"/>
             </div>
             <div class="photo">
-              <img src="../../assets/images/taskpage/picture4.png" />
+              <img src="../../assets/images/taskpage/picture4.png"/>
             </div>
             <div class="rightt">
-              <img src="../../assets/images/taskpage/right2.png" />
+              <img src="../../assets/images/taskpage/right2.png"/>
             </div>
             <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
               单层子项目
             </div>
           </div>
           <div
-            class="taskbox"
-            @click="showModal3"
-            style="
+              class="taskbox"
+              @click="showModal3"
+              style="
               background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
             "
           >
             <div class="leftt">
-              <img src="../../assets/images/taskpage/left1.png" />
+              <img src="../../assets/images/taskpage/left1.png"/>
             </div>
             <div class="photo">
-              <img src="../../assets/images/taskpage/picture5.png" />
+              <img src="../../assets/images/taskpage/picture5.png"/>
             </div>
             <div class="rightt">
-              <img src="../../assets/images/taskpage/right1.png" />
+              <img src="../../assets/images/taskpage/right1.png"/>
             </div>
             <div class="centerbox" style="color: rgba(255, 182, 78, 1)">
               多层子项目
@@ -225,18 +312,18 @@
     <div>
       <div>
         <a-modal
-          v-model:visible="estabish"
-          :title="null"
-          @ok="closeModal1"
-          :footer="null"
-          :closable="false"
-          wrapClassName="estabish"
-          width="638px"
-          height="468px"
+            v-model:visible="estabish"
+            :title="null"
+            @ok="closeModal1"
+            :footer="null"
+            :closable="false"
+            wrapClassName="estabish"
+            width="638px"
+            height="468px"
         >
           <div
-            class="modalHeader"
-            style="
+              class="modalHeader"
+              style="
               width: 100%;
               height: 68px;
               display: flex;
@@ -246,35 +333,35 @@
           >
             <div class="headerLeft" style="margin-left: 32px">
               <span class="headerLeftText" style="font-size: 16px"
-                >请选择项目类别</span
+              >请选择项目类别</span
               >
             </div>
             <div
-              style="cursor: pointer; margin-right: 32px"
-              @click="closeModal1"
+                style="cursor: pointer; margin-right: 32px"
+                @click="closeModal1"
             >
               <img
-                style="width: 22px; height: 22px"
-                src="../../assets/images/basicinfo/close22.png"
+                  style="width: 22px; height: 22px"
+                  src="../../assets/images/basicinfo/close22.png"
               />
             </div>
           </div>
           <div class="modalMain">
-            <router-link to="/projectadd">
+            <router-link :to="`/projectadd?parentId=${projectInfo.parentId}&parentName=${projectInfo.parentName}`">
               <div
-                class="taskbox"
-                style="
+                  class="taskbox"
+                  style="
                   background: linear-gradient(180deg, #ddeaff 0%, #f0f8fe 100%);
                 "
               >
                 <div class="leftt">
-                  <img src="../../assets/images/taskpage/left2.png" />
+                  <img src="../../assets/images/taskpage/left2.png"/>
                 </div>
                 <div class="photo">
-                  <img src="../../assets/images/taskpage/picture6.png" />
+                  <img src="../../assets/images/taskpage/picture6.png"/>
                 </div>
                 <div class="rightt">
-                  <img src="../../assets/images/taskpage/right2.png" />
+                  <img src="../../assets/images/taskpage/right2.png"/>
                 </div>
                 <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
                   单层项目
@@ -285,21 +372,21 @@
               </div>
             </router-link>
             <div
-              class="taskbox"
-              @click="showModal2"
-              style="
+                class="taskbox"
+                @click="showModal2"
+                style="
                 margin-bottom: 40px;
                 background: linear-gradient(180deg, #e5f6ec 0%, #eef9f3 100%);
               "
             >
               <div class="leftt">
-                <img src="../../assets/images/taskpage/left3.png" />
+                <img src="../../assets/images/taskpage/left3.png"/>
               </div>
               <div class="photo">
-                <img src="../../assets/images/taskpage/picture7.png" />
+                <img src="../../assets/images/taskpage/picture7.png"/>
               </div>
               <div class="rightt">
-                <img src="../../assets/images/taskpage/right3.png" />
+                <img src="../../assets/images/taskpage/right3.png"/>
               </div>
               <div class="centerbox1" style="color: rgba(93, 201, 136, 1)">
                 多层项目
@@ -313,545 +400,14 @@
       </div>
     </div>
     <!-- 创建项目弹窗 -->
-    <!-- 创建多层项目弹窗 -->
-    <div>
-      <a-modal
-        v-model:visible="doublepro"
-        :title="null"
-        @ok="closeModal2"
-        :footer="null"
-        :closable="false"
-        wrapClassName="doublepro"
-        width="624px"
-        height="476px"
-      >
-        <div
-          class="modalHeader"
-          style="
-            width: 100%;
-            height: 68px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-          "
-        >
-          <div class="headerLeft" style="margin-left: 32px">
-            <span class="headerLeftText" style="font-size: 16px"
-              >创建多层项目</span
-            >
-          </div>
-          <div style="cursor: pointer; margin-right: 32px" @click="closeModal2">
-            <img
-              style="width: 22px; height: 22px"
-              src="../../assets/images/basicinfo/close22.png"
-            />
-          </div>
-        </div>
-        <div class="modalMain">
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">项目名称:</div>
-            <div class="in">
-              <a-input
-                v-model:value="value1"
-                show-count
-                :maxlength="30"
-                placeholder="请输入项目名称"
-                style="border-radius: 8px"
-              />
-            </div>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">分类:</div>
-            <div class="in select">
-              <a-select
-                v-model:value="value2"
-                placeholder="请选择分类"
-                :options="classifyList"
-                @change="classificationChange"
-                style="border-radius: 8px; height: 40px"
-                :fieldNames="{
-                  label: 'dictName',
-                  value: 'dictCode',
-                }"
-              />
-            </div>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">项目经理:</div>
-            <div class="in">
-              <a-select
-                v-model:value="value3"
-                mode="multiple"
-                placeholder="请选择项目经理"
-                :options="classifyList1"
-                @change="classificationChange1"
-                style="border-radius: 8px; height: 40px"
-                @popupScroll="memberScroll"
-              />
-            </div>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">资源归属:</div>
-            <div class="in select">
-              <a-tree-select
-                v-model:value="value5"
-                placeholder="请选择资源归属"
-                :options="classifyList5"
-                :tree-data="classifyList5"
-                @change="classificationChange5"
-                style="border-radius: 8px; height: 40px"
-                :fieldNames="{
-                  children: 'treeChildList',
-                  label: 'name',
-                  value: 'id',
-                }"
-              >
-              </a-tree-select>
-            </div>
-          </div>
-          <div class="pubtn">
-            <a-button class="pubtn1" @click="closeModal2">取消</a-button>
-            <a-button class="pubtn2" @click="createStoreyProject"
-              >确定</a-button
-            >
-          </div>
-        </div>
-      </a-modal>
-    </div>
-    <!-- 创建多层项目弹窗 -->
-    <!-- 编辑多层项目弹窗 - start -->
-    <div>
-      <a-modal
-        v-model:visible="eddoublepro"
-        :title="null"
-        @ok="closeModal2"
-        :footer="null"
-        :closable="false"
-        wrapClassName="doublepro"
-        width="624px"
-        height="476px"
-      >
-        <div
-          class="modalHeader"
-          style="
-            width: 100%;
-            height: 68px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-          "
-        >
-          <div class="headerLeft" style="margin-left: 32px">
-            <span class="headerLeftText" style="font-size: 16px"
-              >编辑多层项目</span
-            >
-          </div>
-          <div
-            style="cursor: pointer; margin-right: 32px"
-            @click="closeeditModal2"
-          >
-            <img
-              style="width: 22px; height: 22px"
-              src="../../assets/images/basicinfo/close22.png"
-            />
-          </div>
-        </div>
-        <div class="modalMain">
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">项目名称:</div>
-            <div class="in">
-              <a-input
-                v-model:value="edvalue1"
-                @change="edclassificationChangeName"
-                show-count
-                :maxlength="30"
-                placeholder="请输入项目名称"
-                style="border-radius: 8px"
-              />
-            </div>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">分类:</div>
-            <div class="in select">
-              <a-select
-                v-model:value="edvalue2"
-                placeholder="请选择分类"
-                :options="classifyList"
-                @change="edclassificationChange"
-                style="border-radius: 8px; height: 40px"
-                :fieldNames="{
-                  label: 'dictName',
-                  value: 'dictCode',
-                }"
-              />
-            </div>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">项目经理:</div>
-            <div class="in">
-              <a-select
-                v-model:value="edvalue3"
-                mode="multiple"
-                placeholder="请选择项目经理"
-                :options="classifyList1"
-                @change="edclassificationChange1"
-                style="border-radius: 8px; height: 40px"
-                @popupScroll="memberScroll"
-              />
-            </div>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">资源归属:</div>
-            <div class="in select">
-              <a-tree-select
-                v-model:value="edvalue5"
-                placeholder="请选择资源归属"
-                :options="classifyList5"
-                :tree-data="classifyList5"
-                @change="edclassificationChange5"
-                style="border-radius: 8px; height: 40px"
-                :fieldNames="{
-                  children: 'treeChildList',
-                  label: 'name',
-                  value: 'id',
-                }"
-              >
-              </a-tree-select>
-            </div>
-          </div>
-          <div class="pubtn">
-            <a-button class="pubtn1" @click="closeeditModal2">取消</a-button>
-            <a-button class="pubtn2" @click="editStoreyProject">确定</a-button>
-          </div>
-        </div>
-      </a-modal>
-    </div>
     <!-- 编辑多层项目弹窗 - end -->
-    <!-- 创建多层子项目弹窗 -->
-    <div>
-      <a-modal
-        v-model:visible="doublesonpro"
-        :title="null"
-        @ok="closeModal3"
-        :footer="null"
-        :closable="false"
-        wrapClassName="doublesonpro"
-        width="624px"
-        height="476px"
-      >
-        <div
-          class="modalHeader"
-          style="
-            width: 100%;
-            height: 68px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-          "
-        >
-          <div class="headerLeft" style="margin-left: 32px">
-            <span class="headerLeftText" style="font-size: 16px"
-              >创建多层子项目</span
-            >
-          </div>
-          <div style="cursor: pointer; margin-right: 32px" @click="closeModal3">
-            <img
-              style="width: 22px; height: 22px"
-              src="../../assets/images/basicinfo/close22.png"
-            />
-          </div>
-        </div>
-        <div class="modalMain">
-          <div style="margin-left: 40px; margin-top: 40px">
-            <span style="color: #000000; font-size: 14px">项目归属：</span>
-            <span style="color: #999999; font-size: 14px; margin-left: 10px">{{
-              currentProjectName
-            }}</span>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">子项目名称:</div>
-            <div class="in">
-              <a-input
-                v-model:value="value6"
-                placeholder="请输入项目名称"
-                style="border-radius: 8px; height: 40px"
-              />
-            </div>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">分类:</div>
-            <div class="in select">
-              <a-select
-                v-model:value="value7"
-                @change="classificationChange2"
-                :options="classifyList2"
-                placeholder="请选择分类"
-                style="border-radius: 8px; height: 40px"
-                :fieldNames="{
-                  label: 'dictName',
-                  value: 'dictCode',
-                }"
-              />
-            </div>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">子项目经理:</div>
-            <div class="in">
-              <a-select
-                v-model:value="value8"
-                mode="multiple"
-                @change="classificationChange3"
-                :options="classifyList3"
-                placeholder="自动带出 可编辑"
-                style="border-radius: 8px; height: 40px"
-                @popupScroll="memberScroll"
-              />
-            </div>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">资源归属:</div>
-            <div class="in select">
-              <a-tree-select
-                v-model:value="value9"
-                placeholder="请选择资源归属"
-                :options="classifyList4"
-                :tree-data="classifyList4"
-                @change="classificationChange4"
-                style="border-radius: 8px; height: 40px"
-                :fieldNames="{
-                  children: 'treeChildList',
-                  label: 'name',
-                  value: 'id',
-                }"
-              >
-              </a-tree-select>
-            </div>
-          </div>
-          <div class="pubtn">
-            <a-button class="pubtn1" @click="closeModal3">取消</a-button>
-            <a-button class="pubtn2" @click="createChildsProject"
-              >确定</a-button
-            >
-          </div>
-        </div>
-      </a-modal>
-    </div>
-    <!-- 创建多层子项目弹窗 -->
-    <!-- 编辑多层子项目弹窗 start-->
-    <div>
-      <a-modal
-        v-model:visible="eddoublesonpro"
-        :title="null"
-        @ok="closeModal3"
-        :footer="null"
-        :closable="false"
-        wrapClassName="doublesonpro"
-        width="624px"
-        height="476px"
-      >
-        <div
-          class="modalHeader"
-          style="
-            width: 100%;
-            height: 68px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-          "
-        >
-          <div class="headerLeft" style="margin-left: 32px">
-            <span class="headerLeftText" style="font-size: 16px"
-              >编辑多层子项目</span
-            >
-          </div>
-          <div
-            style="cursor: pointer; margin-right: 32px"
-            @click="closeeditModal3"
-          >
-            <img
-              style="width: 22px; height: 22px"
-              src="../../assets/images/basicinfo/close22.png"
-            />
-          </div>
-        </div>
-        <div class="modalMain">
-          <div style="margin-left: 40px; margin-top: 40px">
-            <span style="color: #000000; font-size: 14px">项目归属：</span>
-            <span style="color: #999999; font-size: 14px; margin-left: 10px">{{
-              currentEdProjectName
-            }}</span>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">子项目名称:</div>
-            <div class="in">
-              <a-input
-                v-model:value="edvalue6"
-                @change="edclassificationChange6"
-                placeholder="请输入项目名称"
-                style="border-radius: 8px; height: 40px"
-              />
-            </div>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">分类:</div>
-            <div class="in select">
-              <a-select
-                v-model:value="edvalue7"
-                @change="edclassificationChange2"
-                :options="classifyList2"
-                placeholder="请选择分类"
-                style="border-radius: 8px; height: 40px"
-                :fieldNames="{
-                  label: 'dictName',
-                  value: 'dictCode',
-                }"
-              />
-            </div>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">子项目经理:</div>
-            <div class="in">
-              <a-select
-                v-model:value="edvalue8"
-                mode="multiple"
-                @change="edclassificationChange3"
-                :options="classifyList3"
-                placeholder="自动带出 可编辑"
-                style="border-radius: 8px; height: 40px"
-                @popupScroll="memberScroll"
-              />
-            </div>
-          </div>
-          <div class="name">
-            <div class="star" style="margin-top: -4px">
-              <img
-                style="width: 10px; height: 10px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <div class="inname">资源归属:</div>
-            <div class="in select">
-              <a-tree-select
-                v-model:value="edvalue9"
-                placeholder="请选择资源归属"
-                :options="classifyList4"
-                :tree-data="classifyList4"
-                @change="edclassificationChange4"
-                style="border-radius: 8px; height: 40px"
-                :fieldNames="{
-                  children: 'treeChildList',
-                  label: 'name',
-                  value: 'id',
-                }"
-              >
-              </a-tree-select>
-            </div>
-          </div>
-          <div class="pubtn">
-            <a-button class="pubtn1" @click="closeeditModal3">取消</a-button>
-            <a-button class="pubtn2" @click="editChildsProject">确定</a-button>
-          </div>
-        </div>
-      </a-modal>
-    </div>
-    <!-- 编辑多层子项目弹窗 end -->
     <!-- 复制路径弹窗 -->
     <a-modal
-      v-model:visible="copyModal"
-      :footer="null"
-      :closable="closeCopy"
-      wrapClassName="CopyModal"
-      centered="true"
+        v-model:visible="copyModal"
+        :footer="null"
+        :closable="closeCopy"
+        wrapClassName="CopyModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -877,11 +433,11 @@
     </a-modal>
     <!-- 结束项目弹窗 -->
     <a-modal
-      v-model:visible="stopModal"
-      :footer="null"
-      :closable="closeStop"
-      wrapClassName="CopyModal"
-      centered="true"
+        v-model:visible="stopModal"
+        :footer="null"
+        :closable="closeStop"
+        wrapClassName="CopyModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -910,11 +466,11 @@
     </a-modal>
     <!-- 删除项目弹窗 -->
     <a-modal
-      v-model:visible="deleteModal"
-      :footer="null"
-      :closable="closeDelete"
-      wrapClassName="CopyModal"
-      centered="true"
+        v-model:visible="deleteModal"
+        :footer="null"
+        :closable="closeDelete"
+        wrapClassName="CopyModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -940,11 +496,11 @@
     </a-modal>
     <!-- 存为模版弹窗 -->
     <a-modal
-      v-model:visible="startModal"
-      :footer="null"
-      :closable="closeStart"
-      wrapClassName="CopyModal"
-      centered="true"
+        v-model:visible="startModal"
+        :footer="null"
+        :closable="closeStart"
+        wrapClassName="CopyModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -970,17 +526,17 @@
     </a-modal>
     <!-- 发布弹窗 -->
     <a-modal
-      v-model:visible="projectPub"
-      :title="null"
-      :footer="null"
-      :closable="false"
-      wrapClassName="projectPub"
-      width="679px"
-      height="437px"
+        v-model:visible="projectPub"
+        :title="null"
+        :footer="null"
+        :closable="false"
+        wrapClassName="projectPub"
+        width="679px"
+        height="437px"
     >
       <div
-        class="modalHeader"
-        style="
+          class="modalHeader"
+          style="
           width: 100%;
           height: 68px;
           display: flex;
@@ -990,21 +546,21 @@
       >
         <div class="headerLeft" style="margin-left: 32px">
           <span style="width: 15px; height: 15px"
-            ><img src="../../assets/images/taskpage/pub.png"
+          ><img src="../../assets/images/taskpage/pub.png"
           /></span>
           <span
-            class="headerLeftText"
-            style="font-size: 16px; margin-left: 10px"
-            >项目发布</span
+              class="headerLeftText"
+              style="font-size: 16px; margin-left: 10px"
+          >项目发布</span
           >
         </div>
         <div
-          style="cursor: pointer; margin-right: 32px"
-          @click="closeProjectPub"
+            style="cursor: pointer; margin-right: 32px"
+            @click="closeProjectPub"
         >
           <img
-            style="width: 22px; height: 22px"
-            src="../../assets/images/basicinfo/close22.png"
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
           />
         </div>
       </div>
@@ -1046,11 +602,11 @@
     </a-modal>
     <!-- 撤回路径弹窗 -->
     <a-modal
-      v-model:visible="backModal"
-      :footer="null"
-      :closable="closeBack"
-      wrapClassName="CopyModal"
-      centered="true"
+        v-model:visible="backModal"
+        :footer="null"
+        :closable="closeBack"
+        wrapClassName="CopyModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -1077,11 +633,11 @@
     </a-modal>
     <!-- 创建项目提示框 -->
     <a-modal
-      v-model:visible="reminderModal"
-      :footer="null"
-      :closable="closeBack"
-      wrapClassName="CopyModal"
-      centered="true"
+        v-model:visible="reminderModal"
+        :footer="null"
+        :closable="closeBack"
+        wrapClassName="CopyModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -1106,11 +662,11 @@
     </a-modal>
     <!-- 项目提交审核弹窗 -->
     <a-modal
-      v-model:visible="reviewModal"
-      :footer="null"
-      :closable="false"
-      wrapClassName="CopyModal"
-      centered="true"
+        v-model:visible="reviewModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="CopyModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -1137,11 +693,11 @@
     </a-modal>
     <!-- 项目撤回审核弹窗 -->
     <a-modal
-      v-model:visible="recallReviewModal"
-      :footer="null"
-      :closable="false"
-      wrapClassName="CopyModal"
-      centered="true"
+        v-model:visible="recallReviewModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="CopyModal"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -1169,57 +725,61 @@
 
     <!-- 授权名单抽屉 -->
     <proj-power-list
-      v-model:ProjPvisible="ProjPvisible"
-      :selectProjectId="selectProjectId"
-      classify="project"
+        v-model:ProjPvisible="ProjPvisible"
+        :selectProjectId="selectProjectId"
+        classify="project"
     />
     <!-- 归属权抽屉 -->
     <proj-owner-ship
-      v-model:ProjOwnervisible="ProjOwnervisible"
-      :selectProjectId="selectProjectId"
-      classify="project"
+        v-model:ProjOwnervisible="ProjOwnervisible"
+        :selectProjectId="selectProjectId"
+        classify="project"
     />
     <!-- 查看权抽屉 -->
     <proj-check-ship
-      v-model:ProjCheckvisible="ProjCheckvisible"
-      :selectProjectId="selectProjectId"
-      v-model:addAuthList="addAuthList"
-      :authClassify="authClassify"
-      classify="project"
+        v-model:ProjCheckvisible="ProjCheckvisible"
+        :selectProjectId="selectProjectId"
+        v-model:addAuthList="addAuthList"
+        :authClassify="authClassify"
+        classify="project"
     />
     <!-- 管理权抽屉 -->
     <proj-check-ship
-      v-model:ProjCheckvisible="ProjCheckvisible"
-      :selectProjectId="selectProjectId"
-      v-model:addAuthList="addAuthList"
-      :authClassify="authClassify"
-      classify="project"
+        v-model:ProjCheckvisible="ProjCheckvisible"
+        :selectProjectId="selectProjectId"
+        v-model:addAuthList="addAuthList"
+        :authClassify="authClassify"
+        classify="project"
     />
   </div>
 </template>
 <script>
-import { reactive, toRefs, onMounted, ref, watch, computed } from "vue";
-import { message } from "ant-design-vue";
-import { useRouter } from "vue-router";
+import {reactive, toRefs, ref, watch} from "vue";
+import {message} from "ant-design-vue";
+import {useRouter} from "vue-router";
 import ProjOwnerShip from "../../components/drawers/ProjectOwn";
 import ProjPowerList from "../../components/drawers/ProjPowerList";
 import ProjCheckShip from "../../components/drawers/ProjCheckPower";
-// import ProjManageShip from "../../components/drawers/ProjManagePower";
 import * as api from "../../api/index";
 import * as api1 from "../../api/index1";
-import { toDate, scrollLoad } from "../../api/method";
-import { storage } from "../../api/storage";
-import { useStore } from "vuex";
+import {toDate} from "../../api/method";
+import {storage} from "../../api/storage";
+import ProjectManager from "@/components/project/ProjectManager";
+import ProjectClass from "@/components/project/ProjectClass";
+import OrgClass from "@/components/project/OrgClass";
+
 export default {
   name: "projectManage",
   components: {
     ProjOwnerShip,
     ProjPowerList,
     ProjCheckShip,
+    ProjectManager,
+    ProjectClass,
+    OrgClass
     // ProjManageShip
   },
   setup() {
-    const store = useStore();
     const state = reactive({
       projectName: null,
       selectTime: null,
@@ -1281,217 +841,51 @@ export default {
 
       currentPage1: 1, //项目经理分页
       pageSize1: 10,
+      projectInfo: {},
+      projectClass: [],
+      managerList: [],
+      managerLoading: false,
+      memberParam: {
+        pageNo: 1,
+        pageSize: 10,
+        keyWord: "",
+      },
+      searchParam: {
+        pageNo: 1,
+        pageSize: 10,
+      }
     });
     // 数据接入 - start -
     const router = useRouter();
-    // 搜索数据
-    const sProjectName = ref("");
-    const sProjectOrder = ref("");
-    const sProjectCreate = ref("");
-    const sProjectState = ref([]);
-    const sProjectTime = ref("");
 
     const sProjectStateList = ref([
-      { value: 0, label: "草稿" },
-      { value: 1, label: "进行中" },
-      { value: 2, label: "未开始" },
-      { value: 3, label: "已结束" },
+      {value: 0, label: "草稿"},
+      {value: 1, label: "审核中"},
+      {value: 2, label: "审核通过"},
+      {value: 3, label: "已发布"},
+      {value: -2, label: "未通过"},
     ]);
 
-    let name = "";
-    const sProjectNameChange = (key) => {
-      console.log("项目名称", key.target.value);
-      name = key.target.value;
-    };
-    let managerid = "";
-    const sProjectOrderChange = (key) => {
-      console.log("项目经理", key.target.value);
-      managerid = key.target.value;
-    };
-
-    let createpeople = "";
-    const sProjectCreateChange = (key) => {
-      console.log("项目创建人", key.target.value);
-      createpeople = key.target.value;
-    };
-
-    let status = "";
-    const sProjectStateChange = (key) => {
-      console.log("项目状态", key);
-      status = key;
-    };
-
-    let beginTime = "";
-    let endTime = "";
-    const sProjectTimeChange = (key, value) => {
-      console.log("项目时间", key);
-      console.log("项目时间", value);
-      console.log(new Date("2019-10-08 18:22:37").getTime());
-      beginTime = Math.ceil(
-        new Date(value + " " + "00:00:00").getTime() / 1000
-      );
-      endTime = Math.ceil(new Date(value + " " + "23:59:59").getTime() / 1000);
-    };
-
     const searchReset = () => {
-      sProjectName.value = "";
-      sProjectOrder.value = "";
-      sProjectCreate.value = "";
-      sProjectState.value = null;
-      sProjectTime.value = null;
-      createpeople = "";
-      name = "";
-      beginTime = "";
-      endTime = "";
-      status = null;
-      managerid = "";
-      state.currentPage = 1;
-      getTableDate();
+      state.searchParam = {pageNo: 1, pageSize: 10}
+      getTableDate()
     };
 
     const searchSubmit = () => {
-      console.log("点击了搜索");
-      state.currentPage = 1;
-      const obj = {
-        pageNo: state.currentPage,
-        pageSize: state.pageSize,
-        beginTime: beginTime,
-        endTime: endTime,
-        status: status,
-        name: name,
-        manager: managerid,
-        createName: createpeople,
-      };
-      let searchList = [];
-      for (let i in obj) {
-        if (obj[i] !== "") {
-          if (obj[i] !== null) {
-            searchList.push(1);
-          } else {
-            searchList.push(0);
-          }
-        } else {
-          searchList.push(0);
+      state.searchParam.pageNo = 1
+      getTableDate()
+    };
+
+    function validate(obj, errorMsgs) {
+      for (let i in errorMsgs) {
+        if (!obj[i]) {
+          message.destroy();
+          message.warning(errorMsgs[i]);
+          return false;
         }
       }
-      if (searchList.toString().indexOf("1") == -1) {
-        message.destroy();
-        message.warning("请输入搜索条件后进行搜索");
-      }
-      console.log("搜索的数据筛选条件", obj, searchList.toString());
-
-      getTableDate(obj);
-    };
-
-    // 项目分类
-    const classifyList = ref([
-      // { value: 1, label: "管理者" },
-    ]);
-
-    const classifyList1 = ref([
-      { value: 1, label: "李俊国" },
-      { value: 2, label: "将小米" },
-      { value: 3, label: "刘孟君" },
-    ]);
-
-    const value1 = ref("");
-    const value2 = ref([]);
-    const value3 = ref([]);
-    const value4 = ref("");
-    const value5 = ref(null);
-
-    const edvalue1 = ref("");
-    const edvalue2 = ref([]);
-    const edvalue3 = ref([]);
-    const edvalue4 = ref("");
-    const edvalue5 = ref([]);
-
-    let edname = "";
-    const edclassificationChangeName = (key) => {
-      console.log(key);
-      edname = key.target.value;
-    };
-
-    let edcategory = 0;
-    const edclassificationChange = (key) => {
-      console.log(key);
-      edcategory = key;
-    };
-
-    let edmanage = "";
-    let edmanageid = "";
-    const edclassificationChange1 = (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);
-      edvalue3.value = options;
-      let newoptions = [];
-      for (let i = 0; i < edvalue3.value.length; i++) {
-        if (edvalue3.value[i].value) {
-          newoptions.push(edvalue3.value[i]);
-        }
-      }
-      edvalue3.value = newoptions;
-      edmanage = mstr;
-      edmanageid = midstr;
-    };
-
-    let edsource = "";
-    const edclassificationChange5 = (key) => {
-      console.log(key);
-      edsource = key;
-    };
-
-    // const classifyList5 = ref([
-    //   // { value: 1, label: "项目一" },
-    // ]);
-    // 资源归属 sourceBelongId 后续给接口
-    const classifyList5 = computed(() => {
-      return store.state.orgtreeList ? store.state.orgtreeList : ref([]);
-    });
-    let sourceBelongId = 0;
-    const classificationChange5 = (key) => {
-      console.log(`selected ${key}`);
-      sourceBelongId = key;
-    };
-
-    let type = "";
-    const classificationChange = (key) => {
-      console.log(`selected ${key}`);
-      // console.log(classifyList.value[key - 1].label);
-      type = key;
-    };
-
-    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;
-    };
+      return true;
+    }
 
     // 创建多层项目
     const createStoreyProject = () => {
@@ -1502,160 +896,32 @@ export default {
         manager: "请选择项目经理",
         sourceBelongId: "请选择资源归属",
       };
-
-      let obj = {
-        attach: "",
-        beginTime: 0,
-        boeFlag: 0,
-        category: type,
-        courseSyncFlag: 0,
-        endTime: 0,
-        level: 0,
-        manager: manager,
-        managerId: managerId,
-        name: value1.value,
-        notice: "",
-        noticeFlag: 0,
-        parentId: 0,
-        picUrl: "",
-        projectId: 0,
-        remark: "",
-        sourceBelongId: sourceBelongId,
-        status: 0,
-        systemId: 0,
-        templateId: 0,
-        type: 1,
-      };
-
-      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;
-        }
+      if (!validate(state.projectInfo, errorMsgs)) {
+        return;
       }
-
-      api
-        .createProject(obj)
-        .then((res) => {
-          console.log(res);
-          if (res.status == 200 && res.data.code == 200) {
-            // 创建成功 隐藏弹出框
-            value1.value = "";
-            type = "";
-            manager = "";
-            managerId = "";
-            sourceBelongId = "";
-            value2.value = [];
-            value3.value = [];
-            value4.value = "";
-            value5.value = [];
-            state.doublepro = false;
-            message.destroy();
-            message.success("创建成功");
-            state.currentPage = 1;
-            getTableDate();
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-          message.destroy();
-          message.error("创建失败，请检查当前网络状态。");
-        });
-    };
+      api.createProject(state.projectInfo).then(() => {
+        state.doublepro = false;
+        message.destroy();
+        message.success("创建成功");
+        state.currentPage = 1;
+        getTableDate();
+      })
+    }
     // 取消按钮 清空输入的数据
     const closeModal2 = () => {
-      value1.value = "";
-      type = "";
-      manager = "";
-      managerId = "";
-      sourceBelongId = "";
-      value2.value = [];
-      value3.value = [];
-      value4.value = "";
-      value5.value = "";
+      state.projectInfo = {}
+      // value1.value = "";
+      // type = "";
+      // manager = "";
+      // managerId = "";
+      // sourceBelongId = "";
+      // value2.value = [];
+      // value3.value = [];
+      // value4.value = "";
+      // value5.value = "";
       state.doublepro = false;
     };
-    console.log(edmanage, edmanageid);
     // 编辑多层项目
-    const editStoreyProject = () => {
-      // 查询下项目信息
-      api
-        .getProjectDetail({ projectId: Number(state.dcProjectID) })
-        .then((res) => {
-          console.log(res);
-          let obj = {
-            attach: res.data.data.projectInfo.attach,
-            beginTime: Number(res.data.data.projectInfo.beginTime) / 1000,
-            boeFlag: res.data.data.projectInfo.boeFlag,
-            category: edcategory
-              ? edcategory
-              : res.data.data.projectInfo.category,
-            courseSyncFlag: res.data.data.projectInfo.courseSyncFlag,
-            endTime: Number(res.data.data.projectInfo.endTime) / 1000,
-            level: res.data.data.projectInfo.level,
-            manager: edmanage
-              ? edmanage.toString(",")
-              : res.data.data.projectInfo.manager,
-            managerId: edmanageid
-              ? edmanageid.toString(",")
-              : res.data.data.projectInfo.managerId,
-            name: edname ? edname : res.data.data.projectInfo.name,
-            notice: res.data.data.projectInfo.notice,
-            noticeFlag: res.data.data.projectInfo.noticeFlag,
-            parentId: res.data.data.projectInfo.parentId,
-            picUrl: res.data.data.projectInfo.picUrl,
-            projectId: state.dcProjectID
-              ? Number(state.dcProjectID)
-              : res.data.data.projectInfo.projectId,
-            remark: res.data.data.projectInfo.remark,
-            sourceBelongId: edsource
-              ? edsource
-              : res.data.data.projectInfo.sourceBelongId,
-            status: res.data.data.projectInfo.status,
-            systemId: res.data.data.projectInfo.systemId,
-            templateId: "",
-            type: res.data.data.projectInfo.type,
-          };
-          if (
-            obj.name !== "" ||
-            obj.category !== "" ||
-            obj.manager !== "" ||
-            obj.sourceBelongId !== ""
-          ) {
-            console.log("我需要编辑");
-            console.log(obj);
-            api
-              .createProject(obj)
-              .then((res) => {
-                console.log(res);
-                if (res.status == 200 && res.data.code == 200) {
-                  state.eddoublepro = false;
-                  message.destroy();
-                  message.success("编辑成功");
-                  getTableDate();
-                }
-              })
-              .catch((err) => {
-                console.log(err);
-                state.eddoublepro = false;
-                message.destroy();
-                message.error("编辑失败，请检查当前网络状态。");
-              });
-          } else {
-            state.eddoublepro = false;
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-          state.eddoublepro = false;
-          message.destroy();
-          message.error("编辑失败，请检查当前网络状态。");
-        });
-    };
-
     const closeeditModal2 = () => {
       state.eddoublepro = false;
     };
@@ -1672,343 +938,16 @@ export default {
       });
     };
 
-    // 创建多层子项目
-    const value6 = ref("");
-    const value7 = ref([]);
-    const value8 = ref([]);
-    const value9 = ref([]);
-
-    const classifyList2 = ref([
-      // { value: 1, label: "管理者" },
-    ]);
-
-    let categoryT = "";
-    const classificationChange2 = (key) => {
-      console.log(`selected ${key}`);
-      categoryT = key;
-    };
-
-    const classifyList3 = ref([
-      // { value: 1, label: "李俊国" },
-    ]);
-
-    let managerT = "";
-    let managerIdT = "";
-    const classificationChange3 = (key) => {
-      console.log(`selected ${key}`);
-      console.log(`selected ${key}`, classifyList3);
-      let mstr = "";
-      let midstr = "";
-      for (let i = 0; i < key.length; i++) {
-        if (key.length - 1 !== i) {
-          midstr += key[i] + ",";
-          mstr += classifyList3.value[i].label + ",";
-        } else {
-          midstr += key[i];
-          mstr += classifyList3.value[i].label;
-        }
-      }
-      console.log(mstr, midstr);
-      managerT = mstr;
-      managerIdT = midstr;
-    };
-    // 资源归属 sourceBelongId 后续给接口
-    const classifyList4 = computed(() => {
-      return store.state.orgtreeList ? store.state.orgtreeList : ref([]);
-    });
-
-    let sourceBelongIdT = "";
-    const classificationChange4 = (key) => {
-      console.log(`selected ${key}`);
-      sourceBelongIdT = key;
-    };
 
     // 取消按钮 清空数据
     const closeModal3 = () => {
-      value6.value = "";
-      categoryT = "";
-      managerT = "";
-      managerIdT = "";
-      sourceBelongIdT = "";
-      value7.value = [];
-      value8.value = [];
-      value9.value = [];
       state.doublesonpro = false;
     };
 
-    const createChildsProject = () => {
-      const errorMsgs = {
-        name: "请输入子项目名称",
-        category: "请选择子项目分类",
-        manager: "请选择子项目经理",
-        sourceBelongId: "请选择资源归属",
-      };
-
-      let obj = {
-        attach: "",
-        beginTime: 0,
-        boeFlag: 0,
-        category: categoryT,
-        courseSyncFlag: 0,
-        endTime: 0,
-        level: 0,
-        manager: managerT,
-        managerId: managerIdT,
-        name: value6.value,
-        notice: "",
-        noticeFlag: 0,
-        parentId: state.currentProjectId,
-        picUrl: "",
-        projectId: 0,
-        remark: "",
-        sourceBelongId: sourceBelongIdT,
-        status: 0,
-        systemId: 0,
-        templateId: 0,
-        type: 2,
-      };
-
-      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) {
-            value6.value = "";
-            categoryT = "";
-            managerT = "";
-            managerIdT = "";
-            sourceBelongIdT = "";
-            value7.value = [];
-            value8.value = [];
-            value9.value = [];
-            state.doublesonpro = false;
-            message.destroy();
-            message.success("创建成功");
-            state.currentPage = 1;
-            getTableDate();
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-          message.destroy();
-          message.error("创建失败，请检查当前网络状态。");
-        });
-    };
-
-    // 编辑多层子项目
-    const edvalue6 = ref("");
-    const edvalue7 = ref([]);
-    const edvalue8 = ref([]);
-    const edvalue9 = ref("");
-
-    let editChildrensName = "";
-    const edclassificationChange6 = (key) => {
-      console.log(key);
-      editChildrensName = key.target.value;
-    };
-
-    let editChildrensCategory = "";
-    const edclassificationChange2 = (key) => {
-      console.log(key);
-      editChildrensCategory = key;
-    };
-
-    let editChildrensManege = "";
-    let editChildrensManegeId = "";
-
-    const edclassificationChange3 = (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);
-      edvalue8.value = options;
-      let newoptions = [];
-      for (let i = 0; i < edvalue8.value.length; i++) {
-        if (edvalue8.value[i].value) {
-          newoptions.push(edvalue8.value[i]);
-        }
-      }
-      edvalue8.value = newoptions;
-      editChildrensManege = mstr;
-      editChildrensManegeId = midstr;
-    };
-
-    let editChildrensSource = "";
-    const edclassificationChange4 = (key) => {
-      console.log(key);
-      editChildrensSource = key;
-    };
-
-    // 编辑多层子项目
-    const editChildsProject = () => {
-      api
-        .getProjectDetail({
-          projectId: Number(state.currentEditChildrensProjectId),
-        })
-        .then((res) => {
-          let obj = {
-            attach: res.data.data.projectInfo.attach,
-            beginTime: Number(res.data.data.projectInfo.beginTime) / 1000,
-            boeFlag: res.data.data.projectInfo.boeFlag,
-            category: editChildrensCategory
-              ? Number(editChildrensCategory)
-              : res.data.data.projectInfo.category,
-            courseSyncFlag: res.data.data.projectInfo.courseSyncFlag,
-            endTime: Number(res.data.data.projectInfo.endTime) / 1000,
-            level: res.data.data.projectInfo.level,
-            manager: editChildrensManege
-              ? editChildrensManege.toString(",")
-              : res.data.data.projectInfo.manager,
-            managerId: editChildrensManegeId
-              ? editChildrensManegeId.toString(",")
-              : res.data.data.projectInfo.managerId,
-            name: editChildrensName
-              ? editChildrensName
-              : res.data.data.projectInfo.name,
-            notice: res.data.data.projectInfo.notice,
-            noticeFlag: res.data.data.projectInfo.noticeFlag,
-            parentId: res.data.data.projectInfo.parentId,
-            picUrl: res.data.data.projectInfo.picUrl,
-            projectId: state.currentEditChildrensProjectId
-              ? Number(state.currentEditChildrensProjectId)
-              : res.data.data.projectInfo.projectId,
-            remark: res.data.data.projectInfo.remark,
-            sourceBelongId: editChildrensSource
-              ? Number(editChildrensSource)
-              : res.data.data.projectInfo.sourceBelongId,
-            status: res.data.data.projectInfo.status,
-            systemId: res.data.data.projectInfo.systemId,
-            templateId: "",
-            type: res.data.data.projectInfo.type,
-          };
-          if (
-            obj.name !== "" ||
-            obj.manager !== "" ||
-            obj.category !== "" ||
-            obj.sourceBelongId !== ""
-          ) {
-            console.log("编辑多层子项目传递的参数", obj);
-            api
-              .createProject(obj)
-              .then((ress) => {
-                console.log(ress);
-                if (ress.status == 200 && ress.data.code == 200) {
-                  state.eddoublesonpro = false;
-                  message.destroy();
-                  message.success("编辑成功");
-                  getTableDate();
-                }
-              })
-              .catch((err) => {
-                console.log(err);
-                state.eddoublesonpro = false;
-                message.destroy();
-                message.error("编辑失败，请检查当前网络状态。");
-              });
-          } else {
-            state.eddoublesonpro = false;
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-          state.eddoublesonpro = false;
-          message.destroy();
-          message.error("编辑失败，请检查当前网络状态。");
-        });
-    };
-
     const closeeditModal3 = () => {
       state.eddoublesonpro = false;
     };
 
-    //获取分类、封面图、项目级别、培训分类-----------字典配置-------------------------------
-    const getDictList = (param) => {
-      let obj = {
-        pageNo: 1,
-        pageSize: 20,
-        setCode: param,
-      };
-      api1
-        .getDict(obj)
-        .then((res) => {
-          console.log("获取字典成功", res);
-          if (res.status === 200) {
-            if (param === "projectClass") {
-              classifyList.value = res.data.data.rows;
-              classifyList2.value = res.data.data.rows;
-            }
-          }
-        })
-        .catch((err) => {
-          console.log("获取字典失败", err);
-        });
-    };
-    getDictList("projectClass");
-    // getDictList("projectLevel");
-    // getDictList("projectSys");
-    //获取分类、封面图、项目级别、培训分类---------------字典配置---------------------------
-
-    //获取学员
-    const getMember = () => {
-      api1
-        .getMemberInfo({
-          pageNo: state.currentPage1,
-          pageSize: state.pageSize1,
-          keyWord: "",
-        })
-        .then((res) => {
-          if (res.data.code === 200) {
-            let arr = res.data.data.rows;
-            let array = classifyList1.value;
-            arr.map((value) => {
-              let obj = {
-                value: value.id,
-                label: value.realName,
-              };
-              array.push(obj);
-            });
-            classifyList1.value = array;
-            classifyList3.value = array;
-            console.log("获取学员", res.data);
-            // classifyList1.value = res.data.data.rows;
-            // state.tableDataTotal = res.data.data.total;
-            // return res.data.data.rows;
-          }
-        });
-    };
-    getMember();
-    //学员滚动加载信息
-    const memberScroll = (e) => {
-      // console.log("滚动", e, b);
-      let num = scrollLoad(e);
-      if (num === 1) {
-        state.currentPage1 = 1;
-      } else if (num === 2) {
-        // 如果滑到底部，则加载下一页
-        state.currentPage1++;
-        getMember();
-      }
-    };
-
     //打开发布弹窗
     const showProjectPub = (object) => {
       state.projectPub = true;
@@ -2017,18 +956,18 @@ export default {
       state.releaseProjectTime = object.time;
       console.log("object", object);
       api
-        .getProjectCount(object.projectId)
-        .then((res) => {
-          if (res.status === 200) {
-            console.log("获取关卡、任务、学员统计数据", res.data);
-            state.projectStudentsNum = res.data.students;
-            state.projectStages = res.data.stages;
-            state.projectTasks = res.data.tasks;
-          }
-        })
-        .catch((err) => {
-          console.log("err", err);
-        });
+          .getProjectCount(object.projectId)
+          .then((res) => {
+            if (res.status === 200) {
+              console.log("获取关卡、任务、学员统计数据", res.data);
+              state.projectStudentsNum = res.data.students;
+              state.projectStages = res.data.stages;
+              state.projectTasks = res.data.tasks;
+            }
+          })
+          .catch((err) => {
+            console.log("err", err);
+          });
       // //获取学员总数
       // let obj = {
       //   pageNo: 0,
@@ -2058,17 +997,17 @@ export default {
         type: 4,
       };
       api
-        .handleProject(obj)
-        .then((res) => {
-          console.log("发布成功", res);
-          message.destroy();
-          message.success("发布成功");
-          state.projectPub = false;
-          getTableDate();
-        })
-        .catch((err) => {
-          console.log("发布失败", err);
-        });
+          .handleProject(obj)
+          .then((res) => {
+            console.log("发布成功", res);
+            message.destroy();
+            message.success("发布成功");
+            state.projectPub = false;
+            getTableDate();
+          })
+          .catch((err) => {
+            console.log("发布失败", err);
+          });
     };
     //关闭发布弹窗
     const closeProjectPub = () => {
@@ -2086,17 +1025,17 @@ export default {
         type: -4,
       };
       api
-        .handleProject(obj)
-        .then((res) => {
-          console.log("撤回成功", res);
-          message.destroy();
-          message.success("撤回成功");
-          state.backModal = false;
-          getTableDate();
-        })
-        .catch((err) => {
-          console.log("撤回失败", err);
-        });
+          .handleProject(obj)
+          .then((res) => {
+            console.log("撤回成功", res);
+            message.destroy();
+            message.success("撤回成功");
+            state.backModal = false;
+            getTableDate();
+          })
+          .catch((err) => {
+            console.log("撤回失败", err);
+          });
     };
     //关闭撤回弹窗
     const closeBackModal = () => {
@@ -2114,17 +1053,17 @@ export default {
         type: -1,
       };
       api
-        .handleProject(obj)
-        .then((res) => {
-          console.log("结束成功", res);
-          message.destroy();
-          message.success("已结束");
-          state.stopModal = false;
-          getTableDate();
-        })
-        .catch((err) => {
-          console.log("结束失败", err);
-        });
+          .handleProject(obj)
+          .then((res) => {
+            console.log("结束成功", res);
+            message.destroy();
+            message.success("已结束");
+            state.stopModal = false;
+            getTableDate();
+          })
+          .catch((err) => {
+            console.log("结束失败", err);
+          });
     };
     //关闭结束弹窗
     const closeStopModal = () => {
@@ -2142,17 +1081,17 @@ export default {
         type: -2,
       };
       api
-        .handleProject(obj)
-        .then((res) => {
-          console.log("删除成功", res);
-          message.destroy();
-          message.success("删除成功");
-          state.deleteModal = false;
-          getTableDate();
-        })
-        .catch((err) => {
-          console.log("删除失败", err);
-        });
+          .handleProject(obj)
+          .then((res) => {
+            console.log("删除成功", res);
+            message.destroy();
+            message.success("删除成功");
+            state.deleteModal = false;
+            getTableDate();
+          })
+          .catch((err) => {
+            console.log("删除失败", err);
+          });
     };
     //关闭删除弹窗
     const closeDeleteModal = () => {
@@ -2169,18 +1108,13 @@ export default {
         projectId: state.templateProjectId,
         type: 1,
       };
-      api
-        .handleProject(obj)
-        .then((res) => {
-          console.log("模版保存成功", res);
-          message.destroy();
-          message.success("模版保存成功");
-          state.startModal = false;
-          getTableDate();
-        })
-        .catch((err) => {
-          console.log("模版保存失败", err);
-        });
+      api.handleProject(obj).then((res) => {
+        console.log("模版保存成功", res);
+        message.destroy();
+        message.success("模版保存成功");
+        state.startModal = false;
+        getTableDate();
+      })
     };
     //关闭存为模版弹窗
     const closeStartModal = () => {
@@ -2201,18 +1135,16 @@ export default {
         projectId: state.copyProjectId,
         type: 2,
       };
-      api
-        .handleProject(obj)
-        .then((res) => {
-          console.log("复制成功", res);
-          message.destroy();
-          message.success("复制成功");
-          state.copyModal = false;
-          getTableDate();
-        })
-        .catch((err) => {
-          console.log("复制失败", err);
-        });
+      api.handleProject(obj).then((res) => {
+        console.log("复制成功", res);
+        message.destroy();
+        message.success("复制成功");
+        state.copyModal = false;
+        getTableDate();
+      })
+          .catch((err) => {
+            console.log("复制失败", err);
+          });
     };
 
     //打开提交审核弹窗
@@ -2228,17 +1160,17 @@ export default {
       };
       console.log("提交审核obj", obj);
       api
-        .handleProject(obj)
-        .then((res) => {
-          console.log("提交成功", res);
-          message.destroy();
-          message.success("提交成功");
-          state.reviewModal = false;
-          getTableDate();
-        })
-        .catch((err) => {
-          console.log("提交失败", err);
-        });
+          .handleProject(obj)
+          .then((res) => {
+            console.log("提交成功", res);
+            message.destroy();
+            message.success("提交成功");
+            state.reviewModal = false;
+            getTableDate();
+          })
+          .catch((err) => {
+            console.log("提交失败", err);
+          });
     };
     //关闭提交审核弹窗
     const closeReviewModal = () => {
@@ -2258,31 +1190,23 @@ export default {
       };
       console.log("撤回成功obj", obj);
       api
-        .handleProject(obj)
-        .then((res) => {
-          console.log("撤回成功", res);
-          message.destroy();
-          message.success("撤回成功");
-          state.recallReviewModal = false;
-          getTableDate();
-        })
-        .catch((err) => {
-          console.log("撤回成功", err);
-        });
+          .handleProject(obj)
+          .then((res) => {
+            console.log("撤回成功", res);
+            message.destroy();
+            message.success("撤回成功");
+            state.recallReviewModal = false;
+            getTableDate();
+          })
+          .catch((err) => {
+            console.log("撤回成功", err);
+          });
     };
     //关闭提交审核弹窗
     const closeRecallReviewModal = () => {
       state.recallReviewModal = false;
     };
 
-    // 数据接入 - end -
-
-    onMounted(() => {
-      // console.log("执行");
-    });
-    const selectProjectName = (value, index) => {
-      console.log("value", value, index);
-    };
     const expandTable = (e, a) => {
       // console.log("惦记了");
       console.log("e", e, a);
@@ -2321,26 +1245,26 @@ export default {
         align: "center",
         customRender: (value) => {
           return (
-            <div>
-              {value.record.status == 0 ||
-              value.record.status == 1 ||
-              value.record.status == 2 ||
-              value.record.status == -2
-                ? "草稿"
-                : value.record.status == 3 &&
-                  Number(value.record.beginTime) <
+              <div>
+                {value.record.status == 0 ||
+                value.record.status == 1 ||
+                value.record.status == 2 ||
+                value.record.status == -2
+                    ? "草稿"
+                    : value.record.status == 3 &&
+                    Number(value.record.beginTime) <
                     Math.ceil(new Date().getTime() / 1000)
-                ? "进行中"
-                : value.record.status == 3 &&
-                  Number(value.record.beginTime) >
-                    Math.ceil(new Date().getTime() / 1000) &&
-                  value.record.type !== 1 &&
-                  value.record.type !== 2
-                ? "未开始"
-                : value.record.status == -1
-                ? "已结束"
-                : "-"}
-            </div>
+                        ? "进行中"
+                        : value.record.status == 3 &&
+                        Number(value.record.beginTime) >
+                        Math.ceil(new Date().getTime() / 1000) &&
+                        value.record.type !== 1 &&
+                        value.record.type !== 2
+                            ? "未开始"
+                            : value.record.status == -1
+                                ? "已结束"
+                                : "-"}
+              </div>
           );
         },
       },
@@ -2361,21 +1285,21 @@ export default {
         align: "center",
         customRender: (value) => {
           return (
-            <div>
-              {value.record.type !== 3
-                ? "-"
-                : value.record.status == 0
-                ? "未审核"
-                : value.record.status == 1
-                ? "审核中"
-                : value.record.status == 2 ||
-                  value.record.status == 3 ||
-                  value.record.status == -1
-                ? "已审核"
-                : value.record.status == -2
-                ? "未通过"
-                : "-"}
-            </div>
+              <div>
+                {value.record.type !== 3
+                    ? "-"
+                    : value.record.status == 0
+                        ? "未审核"
+                        : value.record.status == 1
+                            ? "审核中"
+                            : value.record.status == 2 ||
+                            value.record.status == 3 ||
+                            value.record.status == -1
+                                ? "已审核"
+                                : value.record.status == -2
+                                    ? "未通过"
+                                    : "-"}
+              </div>
           );
         },
       },
@@ -2385,9 +1309,6 @@ export default {
         key: "createTime",
         width: 180,
         align: "center",
-        customRender: (value) => {
-          return <div>{toDate(value.record.createTime, "Y-M-D h:m:s")}</div>;
-        },
       },
       {
         title: "操作",
@@ -2398,1059 +1319,228 @@ export default {
         fixed: "right",
         customRender: (value) => {
           // console.log("value", value.record.type, value.record.status);
-          return value.record.type === 1 ? (
-            value.record.status === 0 ||
-            value.record.status === 1 ||
-            value.record.status === 2 ||
-            value.record.status === -2 ? (
-              <div class="operation">
-                <span
-                  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];
-                    edvalue3.value = value.record.manager.split();
-                    edvalue4.value = "1,2";
-                    edvalue5.value = classifyList5.value[0];
-                  }}
-                  style="cursor:pointer;"
-                  class="operation1"
+          return <div className="operation">
+            {value.record.status === 0 || value.record.status === -2 ? <span
+                    onClick={() => {
+                      if (value.record.type === 1 || value.record.type === 2) {
+                        state.doublepro = true;
+                        state.projectInfo = value.record
+                      } else {
+                        console.log(value.record)
+                        router.push({
+                          path: '/projectadd', query: {
+                            projectId: value.record.projectId,
+                            parentId: value.record.parentId,
+                            parentName: value.record.parentName
+                          }
+                        })
+                      }
+                    }}
+                    style="cursor:pointer;"
+                    className="operation1"
                 >
                   编辑
                 </span>
-                <div class="tableSelect">
-                  <a-select
-                    style="width: 50px"
-                    value="授权"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    <a-select-option value="权限名单" label="权限名单">
-                      <div
-                        onClick={() => {
-                          showProjPrower(value.record.projectId);
-                        }}
-                      >
-                        权限名单
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="归属权" label="归属权">
-                      <div
-                        onClick={() => {
-                          console.log("点击了111");
-                          showProjOwner(value.record.projectId);
-                        }}
-                      >
-                        归属权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="查看权" label="查看权">
-                      <div
-                        onClick={() => {
-                          console.log("点击了111");
-                          showProjCheck(value.record.projectId);
-                        }}
-                      >
-                        查看权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="管理权" label="管理权">
-                      <div
-                        onClick={() => {
-                          showProjManage(value.record.projectId);
-                        }}
-                      >
-                        管理权
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                </div>
+                : ''}
+            {(value.record.status === 0 || value.record.status === -2) && value.record.type !== 1 ?
                 <span
-                  class="operation3"
-                  style="cursor: pointer"
-                  onClick={() => {
-                    state.currentProjectId = value.record.projectId;
-                    state.currentProjectName = value.record.name;
-                    state.sonproject = true;
-                  }}
+                    onClick={() => {
+                      showReviewModal(value.record.projectId);
+                    }}
+                    style="cursor:pointer"
+                    class="operation3"
                 >
-                  创建子项目
-                </span>
-                <div class="tableSelect">
-                  <a-select
-                    style="width: 50px"
-                    value="更多"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    {/**
-2022-11-30注释 后面放开
-
-<a-select-option value="复制" label="复制">
-                      <div
-                        onClick={() => {
-                          showCopyModal(value.record.projectId);
-                        }}
-                      >
-                        复制
-                      </div>
-                    </a-select-option>
-*/}
-
-                    <a-select-option value="删除" label="删除">
-                      <div
-                        onClick={() => {
-                          showDeleteModal(value.record.projectId);
-                        }}
-                      >
-                        删除
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                </div>
-              </div>
-            ) : value.record.status === 3 ? (
-              <div class="operation">
-                <span class="operation1">查看</span>
-                <div class="tableSelect">
-                  <a-select
-                    style="width: 50px"
-                    value="授权"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    <a-select-option value="权限名单" label="权限名单">
-                      <div
-                        onClick={() => {
-                          showProjPrower(value.record.projectId);
-                        }}
-                      >
-                        权限名单
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="归属权" label="归属权">
-                      <div
-                        onClick={() => {
-                          console.log("点击了111");
-                          showProjOwner(value.record.projectId);
-                        }}
-                      >
-                        归属权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="查看权" label="查看权">
-                      <div
-                        onClick={() => {
-                          console.log("点击了111");
-                          showProjCheck(value.record.projectId);
-                        }}
-                      >
-                        查看权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="管理权" label="管理权">
-                      <div
-                        onClick={() => {
-                          showProjManage(value.record.projectId);
-                        }}
-                      >
-                        管理权
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                </div>
+                            提交审核
+                          </span>
+                : ''}
+            {value.record.status === 1 && value.record.type !== 1 ?
                 <span
-                  class="operation3"
-                  // onClick={() => {
-                  // 	showCopyModal(value.record.projectId);
-                  // }}
-                ></span>
-
-                <div class="tableSelect">
-                  <a-select
-                    style="width: 50px"
-                    value="更多"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    {/* 
-										2022-11-30注释 后面放开
-                     <a-select-option value="复制" label="复制">
-                      <div
-                        onClick={() => {
-                          showCopyModal(value.record.projectId);
-                        }}
-                      >
-                        复制
-                      </div>
-                    </a-select-option>
-                    
-                    */}
-                  </a-select>
-                </div>
-              </div>
-            ) : value.record.status === -1 ? (
-              <div class="operation">
-                <span class="operation1">查看</span>
-                <div class="tableSelect">
-                  <a-select
-                    style="width: 50px"
-                    value="授权"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    <a-select-option value="权限名单" label="权限名单">
-                      <div
-                        onClick={() => {
-                          showProjPrower(value.record.projectId);
-                        }}
-                      >
-                        权限名单
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="归属权" label="归属权">
-                      <div
-                        onClick={() => {
-                          console.log("点击了111");
-                          showProjOwner(value.record.projectId);
-                        }}
-                      >
-                        归属权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="查看权" label="查看权">
-                      <div
-                        onClick={() => {
-                          console.log("点击了111");
-                          showProjCheck(value.record.projectId);
-                        }}
-                      >
-                        查看权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="管理权" label="管理权">
-                      <div
-                        onClick={() => {
-                          showProjManage(value.record.projectId);
-                        }}
-                      >
-                        管理权
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                </div>
-                <span
-                  class="operation3"
-                  // onClick={() => {
-                  // 	showCopyModal(value.record.projectId);
-                  // }}
-                ></span>
-                <div class="tableSelect">
-                  <a-select
-                    style="width: 50px"
-                    value="更多"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    {/* 
-										2022-11-30注释 后面放开
-                     <a-select-option value="复制" label="复制">
-                      <div
-                        onClick={() => {
-                          showCopyModal(value.record.projectId);
-                        }}
-                      >
-                        复制
-                      </div>
-                    </a-select-option>
-                     */}
-
-                    <a-select-option value="删除" label="删除">
-                      <div
-                        onClick={() => {
-                          showDeleteModal(value.record.projectId);
-                        }}
-                      >
-                        删除
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                </div>
-              </div>
-            ) : (
-              <div></div>
-            )
-          ) : value.record.type === 2 ? (
-            value.record.status === 0 ||
-            value.record.status === 1 ||
-            value.record.status === 2 ||
-            value.record.status === -2 ? (
-              <div class="operation">
-                <span
-                  onClick={() => {
-                    console.log("多层子项目编辑", value);
-                    state.currentEdProjectName = value.record.paraentName;
-                    state.currentEditChildrensProjectId =
-                      value.record.projectId;
-                    state.eddoublesonpro = true;
-
-                    edvalue6.value = value.record.name;
-                    edvalue7.value = classifyList.value[0];
-                    edvalue8.value = value.record.manager.split();
-                    edvalue9.value = classifyList5.value[0];
-                  }}
-                  style="cursor:pointer;"
-                  class="operation1"
+                    onClick={() => {
+                      showRecallReviewModal(value.record.projectId);
+                    }}
+                    style="cursor:pointer"
+                    class="operation3"
                 >
-                  编辑
-                </span>
-                <div class="tableSelect">
-                  <a-select
-                    style="width: 50px"
-                    value="授权"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    <a-select-option value="权限名单" label="权限名单">
-                      <div
-                        onClick={() => {
-                          showProjPrower(value.record.projectId);
-                        }}
-                      >
-                        权限名单
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="归属权" label="归属权">
-                      <div
-                        onClick={() => {
-                          console.log("点击了111");
-                          showProjOwner(value.record.projectId);
-                        }}
-                      >
-                        归属权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="查看权" label="查看权">
-                      <div
-                        onClick={() => {
-                          console.log("点击了111");
-                          showProjCheck(value.record.projectId);
-                        }}
-                      >
-                        查看权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="管理权" label="管理权">
-                      <div
-                        onClick={() => {
-                          showProjManage(value.record.projectId);
-                        }}
-                      >
-                        管理权
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                </div>
-                <div
-                  onClick={() => {
-                    router.push({
-                      path: "/classadd",
-                      query: {
+                            撤回审核
+                          </span> : ''}
+            {value.record.status === 2 ?
+                <span
+                    onClick={() => {
+                      console.log("value.record", value.record);
+                      let beginTime = value.record.beginTime
+                          ? toDate(value.record.beginTime, "Y/M/D")
+                          : "";
+                      let endTime = value.record.beginTime
+                          ? toDate(value.record.endTime, "Y/M/D")
+                          : "";
+                      let time =
+                          beginTime && endTime ? beginTime + "-" + endTime : "";
+                      let obj = {
                         projectId: value.record.projectId,
                         name: value.record.name,
-                      },
-                    });
-                  }}
-                  style={{ cursor: "pointer" }}
-                  to="/classadd"
-                  class="operation3"
+                        time: time,
+                      };
+                      showProjectPub(obj);
+                    }}
+                    style="cursor:pointer"
+                    class="operation3"
                 >
-                  创建班级
-                </div>
-                <div class="tableSelect">
-                  <a-select
-                    style="width: 50px"
-                    value="更多"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    {/* 
-										2022-11-30注释 后面放开
-                      <a-select-option value="复制" label="复制">
-                      <div
-                        onClick={() => {
-                          showCopyModal(value.record.projectId);
-                        }}
-                      >
-                        复制
-                      </div>
-                    </a-select-option>
-                     */}
-
-                    <a-select-option value="删除" label="删除">
-                      <div
-                        onClick={() => {
-                          showDeleteModal(value.record.projectId);
-                        }}
-                      >
-                        删除
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                </div>
-              </div>
-            ) : value.record.status === 3 ? (
-              <div class="operation">
-                <span class="operation1">查看</span>
-                <div class="tableSelect">
-                  <a-select
-                    style="width: 50px"
-                    value="授权"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    <a-select-option value="权限名单" label="权限名单">
-                      <div
-                        onClick={() => {
-                          showProjPrower(value.record.projectId);
-                        }}
-                      >
-                        权限名单
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="归属权" label="归属权">
-                      <div
-                        onClick={() => {
-                          console.log("点击了111");
-                          showProjOwner(value.record.projectId);
-                        }}
-                      >
-                        归属权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="查看权" label="查看权">
-                      <div
-                        onClick={() => {
-                          console.log("点击了111");
-                          showProjCheck(value.record.projectId);
-                        }}
-                      >
-                        查看权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="管理权" label="管理权">
-                      <div
-                        onClick={() => {
-                          showProjManage(value.record.projectId);
-                        }}
-                      >
-                        管理权
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                </div>
-
-                <router-link to="/classadd" class="operation3">
-                  创建班级
-                </router-link>
-                <div class="tableSelect">
-                  <a-select
-                    style="width: 50px"
-                    value="更多"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    {/* 
-										2022-11-30注释 后面放开
-                     <a-select-option value="复制" label="复制">
-                      <div
-                        onClick={() => {
-                          showCopyModal(value.record.projectId);
-                        }}
-                      >
-                        复制
-                      </div>
-                    </a-select-option>
-                     */}
-                  </a-select>
-                </div>
-              </div>
-            ) : value.record.status === -1 ? (
-              <div class="operation">
-                <span class="operation1">查看</span>
-                <div class="tableSelect">
-                  <a-select
-                    style="width: 50px"
-                    value="授权"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    <a-select-option value="权限名单" label="权限名单">
-                      <div
-                        onClick={() => {
-                          showProjPrower(value.record.projectId);
-                        }}
-                      >
-                        权限名单
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="归属权" label="归属权">
-                      <div
-                        onClick={() => {
-                          console.log("点击了111");
-                          showProjOwner(value.record.projectId);
-                        }}
-                      >
-                        归属权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="查看权" label="查看权">
-                      <div
-                        onClick={() => {
-                          console.log("点击了111");
-                          showProjCheck(value.record.projectId);
-                        }}
-                      >
-                        查看权
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="管理权" label="管理权">
-                      <div
-                        onClick={() => {
-                          showProjManage(value.record.projectId);
-                        }}
-                      >
-                        管理权
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                </div>
-                <span class="operation3"></span>
-                <div class="tableSelect">
-                  <a-select
-                    style="width: 50px"
-                    value="更多"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    {/* 
-										2022-11-30注释 后面放开
-                      <a-select-option value="复制" label="复制">
-                      <div
-                        onClick={() => {
-                          showCopyModal(value.record.projectId);
-                        }}
-                      >
-                        复制
-                      </div>
-                    </a-select-option>
-                     */}
-
-                    <a-select-option value="删除" label="删除">
-                      <div
-                        onClick={() => {
-                          showDeleteModal(value.record.projectId);
-                        }}
-                      >
-                        删除
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                </div>
-              </div>
-            ) : (
-              <div></div>
-            )
-          ) : (
-            <div class="operation">
-              {value.record.status === 0 ? (
-                <span
-                  onClick={() => {
-                    console.log("单层子项目的编辑");
-                    console.log(value);
-
-                    {
-                      /* 判断是班级\单层项目\单层子项目 */
-                    }
-                    if (value.record.parentId == "0") {
-                      router.push({
-                        path: "/projectadd",
-                        query: {
-                          projectId: value.record.projectId,
-                          name: value.record.name,
-                        },
-                      });
-                    } else {
-                      if (value.record.isbj) {
-                        router.push({
-                          path: "/classadd",
-                          query: {
-                            projectId: value.record.projectId,
-                            name: value.record.paraentName,
-                            edit: 0,
-                          },
-                        });
-                      } else {
-                        router.push({
-                          path: "/sonproject",
-                          query: {
-                            projectId: value.record.projectId,
-                            name: value.record.paraentName,
-                            edit: 0,
-                          },
-                        });
-                      }
-                    }
-                  }}
-                  style="cursor:pointer;"
-                  class="operation1"
-                >
-                  编辑
-                </span>
-              ) : (
-                <span class="operation1"></span>
-                //  <span
-                //   onClick={() => {
-                //     console.log("单层子项目的编辑");
-                //     console.log(value);
-
-                //     {
-                //       /* 判断是班级\单层项目\单层子项目 */
-                //     }
-                //     if (value.record.parentId == "0") {
-                //       router.push({
-                //         path: "/projectadd",
-                //         query: {
-                //           projectId: value.record.projectId,
-                //           name: value.record.name,
-                //            viewDetail:1,
-                //         },
-                //       });
-                //     } else {
-                //       if (value.record.isbj) {
-                //         router.push({
-                //           path: "/classadd",
-                //           query: {
-                //             projectId: value.record.projectId,
-                //             name: value.record.paraentName,
-                //             edit: 0,
-                //             viewDetail:1,
-                //           },
-                //         });
-                //       } else {
-                //         router.push({
-                //           path: "/sonproject",
-                //           query: {
-                //             projectId: value.record.projectId,
-                //             name: value.record.paraentName,
-                //             edit: 0,
-                //             viewDetail:1,
-                //           },
-                //         });
-                //       }
-                //     }
-                //   }}
-                //   style="cursor:pointer;"
-                //   class="operation1"
-                // >
-                //   查看
-                // </span>
-              )}
-              <div class="tableSelect">
-                <a-select
+                      发布
+                    </span>
+                : ''}
+            <div className="tableSelect">
+              <a-select
                   style="width: 50px"
                   value="授权"
                   // options={state.projectNameList}
                   dropdownClassName="tabledropdown"
-                >
-                  <a-select-option value="权限名单" label="权限名单">
-                    <div
+              >
+                <a-select-option value="权限名单" label="权限名单">
+                  <div
                       onClick={() => {
                         showProjPrower(value.record.projectId);
                       }}
-                    >
-                      权限名单
-                    </div>
-                  </a-select-option>
-                  <a-select-option value="归属权" label="归属权">
-                    <div
+                  >
+                    权限名单
+                  </div>
+                </a-select-option>
+                <a-select-option value="归属权" label="归属权">
+                  <div
                       onClick={() => {
                         console.log("点击了111");
                         showProjOwner(value.record.projectId);
                       }}
-                    >
-                      归属权
-                    </div>
-                  </a-select-option>
-                  <a-select-option value="查看权" label="查看权">
-                    <div
+                  >
+                    归属权
+                  </div>
+                </a-select-option>
+                <a-select-option value="查看权" label="查看权">
+                  <div
                       onClick={() => {
                         console.log("点击了111");
                         showProjCheck(value.record.projectId);
                       }}
-                    >
-                      查看权
-                    </div>
-                  </a-select-option>
-                  <a-select-option value="管理权" label="管理权">
-                    <div
+                  >
+                    查看权
+                  </div>
+                </a-select-option>
+                <a-select-option value="管理权" label="管理权">
+                  <div
                       onClick={() => {
                         showProjManage(value.record.projectId);
                       }}
-                    >
-                      管理权
-                    </div>
-                  </a-select-option>
-                </a-select>
-              </div>
-              {value.record.status === 0 || value.record.status === -2 ? (
-                <span
-                  onClick={() => {
-                    showReviewModal(value.record.projectId);
-                  }}
-                  style="cursor:pointer"
-                  class="operation3"
-                >
-                  提交审核
-                </span>
-              ) : value.record.status === 1 ? (
-                <span
-                  onClick={() => {
-                    showRecallReviewModal(value.record.projectId);
-                  }}
-                  style="cursor:pointer"
-                  class="operation3"
-                >
-                  撤回审核
-                </span>
-              ) : value.record.status === 2 ? (
-                <span
-                  onClick={() => {
-                    console.log("value.record", value.record);
-                    let beginTime = value.record.beginTime
-                      ? toDate(value.record.beginTime, "Y/M/D")
-                      : "";
-                    let endTime = value.record.beginTime
-                      ? toDate(value.record.endTime, "Y/M/D")
-                      : "";
-                    let time =
-                      beginTime && endTime ? beginTime + "-" + endTime : "";
-                    let obj = {
-                      projectId: value.record.projectId,
-                      name: value.record.name,
-                      time: time,
-                    };
-                    showProjectPub(obj);
-                  }}
-                  style="cursor:pointer"
-                  class="operation3"
-                >
-                  发布
-                </span>
-              ) : (
-                <span class="operation3"></span>
-              )}
-              <div class="tableSelect">
-                {value.record.status === 0 ||
-                value.record.status === 2 ||
-                value.record.status === -2 ? (
-                  <a-select
-                    style="width: 50px"
-                    value="更多"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
                   >
-                    {/* 
-										2022-11-30注释 后面放开
-                       <a-select-option value="复制" label="复制">
-                      <div
-                        onClick={() => {
-                          showCopyModal(value.record.projectId);
-                        }}
-                      >
-                        复制
-                      </div>
-                    </a-select-option>
-                     */}
-
-                    <a-select-option value="删除" label="删除">
-                      <div
-                        onClick={() => {
-                          showDeleteModal(value.record.projectId);
-                        }}
-                      >
-                        删除
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="存为模版" label="存为模版">
-                      <div
-                        onClick={() => {
-                          showStartModal(value.record.projectId);
-                        }}
-                      >
-                        存为模版
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="基础信息" label="基础信息">
-                      <div
-                        onClick={() => {
-                          router.push({
-                            path: "/taskpage",
-                          });
-                          storage.set("projectId", value.record.projectId);
-                        }}
-                      >
-                        基础信息
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                ) : value.record.status === 3 ||
-                  (value.record.status == 3 &&
-                    Number(value.record.beginTime) >
-                      Math.ceil(new Date().getTime() / 1000)) ? (
-                  <a-select
-                    style="width: 50px"
-                    value="更多"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    {/* 
-										2022-11-30注释 后面放开
-                      <a-select-option value="复制" label="复制">
-                      <div
-                        onClick={() => {
-                          showCopyModal(value.record.projectId);
-                        }}
-                      >
-                        复制
-                      </div>
-                    </a-select-option>
-                     */}
-
-                    <a-select-option value="存为模版" label="存为模版">
-                      <div
-                        onClick={() => {
-                          showStartModal(value.record.projectId);
-                        }}
-                      >
-                        存为模版
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="结束" label="结束">
-                      <div
-                        onClick={() => {
-                          showStopModal(value.record.projectId);
-                        }}
-                      >
-                        结束
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="撤回" label="撤回">
-                      <div
-                        onClick={() => {
-                          showBackModal(value.record.projectId);
-                        }}
-                      >
-                        撤回
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="基础信息" label="基础信息">
-                      <div
-                        onClick={() => {
-                          router.push({
-                            path: "/taskpage",
-                          });
-                          storage.set("projectId", value.record.projectId);
-                        }}
-                      >
-                        基础信息
-                      </div>
-                    </a-select-option>
-                  </a-select>
-                ) : value.record.status === -1 ? (
-                  <a-select
-                    style="width: 50px"
-                    value="更多"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    <a-select-option value="存为模版" label="存为模版">
-                      <div
-                        onClick={() => {
-                          showStartModal(value.record.projectId);
-                        }}
-                      >
-                        存为模版
-                      </div>
-                    </a-select-option>
-                    {/* 
-										2022-11-30注释 后面放开
-                     <a-select-option value="复制" label="复制">
-                      <div
-                        onClick={() => {
-                          showCopyModal(value.record.projectId);
-                        }}
-                      >
-                        复制
-                      </div>
-                    </a-select-option>
-                     */}
-
-                    <a-select-option value="删除" label="删除">
-                      <div
-                        onClick={() => {
-                          showDeleteModal(value.record.projectId);
-                        }}
-                      >
-                        删除
-                      </div>
-                    </a-select-option>
-                    <a-select-option value="基础信息" label="基础信息">
-                      <div
-                        onClick={() => {
-                          router.push({
-                            path: "/taskpage",
-                          });
-                          storage.set("projectId", value.record.projectId);
-                        }}
-                      >
-                        基础信息
-                      </div>
-                      {/**
-											<router-link to="/taskpage">基础信息</router-link>
-											*/}
-                    </a-select-option>
-                  </a-select>
-                ) : value.record.status === 1 ? (
-                  <a-select
-                    style="width: 50px"
-                    value="更多"
-                    // options={state.projectNameList}
-                    dropdownClassName="tabledropdown"
-                  >
-                    <a-select-option value="存为模版" label="存为模版">
-                      <div
-                        onClick={() => {
-                          showStartModal(value.record.projectId);
-                        }}
-                      >
-                        存为模版
-                      </div>
-                    </a-select-option>
-                    {/* 
-										2022-11-30注释 后面放开
-                      <a-select-option value="复制" label="复制">
-                      <div
-                        onClick={() => {
-                          showCopyModal(value.record.projectId);
-                        }}
-                      >
-                        复制
-                      </div>
-                    </a-select-option>
-                     */}
-
-                    <a-select-option value="基础信息" label="基础信息">
-                      <div
-                        onClick={() => {
-                          router.push({
-                            path: "/taskpage",
-                          });
-                          storage.set("projectId", value.record.projectId);
-                        }}
-                      >
-                        基础信息
-                      </div>
-                      {/**
-											<router-link to="/taskpage">基础信息</router-link>
-											*/}
-                    </a-select-option>
-                  </a-select>
-                ) : (
-                  <div></div>
-                )}
-              </div>
+                    管理权
+                  </div>
+                </a-select-option>
+              </a-select>
             </div>
-          );
-        },
-      },
+            {value.record.type === 1 ? <span
+                className="operation3"
+                style="cursor: pointer"
+                onClick={() => {
+                  state.projectInfo = {parentName: value.record.name, parentId: value.record.projectId,type:2};
+                  state.reminderModal = true;
+                }}
+            >
+              创建子项目
+              </span> : ''}
+            {value.record.type === 2 ? <span
+                className="operation3"
+                style="cursor: pointer"
+                onClick={() => {
+                  router.push({
+                    path: '/projectadd', query: {
+                      parentId: value.record.projectId,
+                      parentName: value.record.name
+                    }
+                  })
+                }}
+            >
+              创建班级
+              </span> : ''}
+            <div className="tableSelect">
+              <a-select
+                  style="width: 50px"
+                  value="更多"
+                  // options={state.projectNameList}
+                  dropdownClassName="tabledropdown"
+              >
+                <a-select-option value="复制" label="复制">
+                  <div
+                      onClick={() => {
+                        showCopyModal(value.record.projectId);
+                      }}
+                  >
+                    复制
+                  </div>
+                </a-select-option>
+                <a-select-option value="删除" label="删除">
+                  <div
+                      onClick={() => {
+                        showDeleteModal(value.record.projectId);
+                      }}
+                  >
+                    删除
+                  </div>
+                </a-select-option>
+                {value.record.status === 3 || value.record.status === 2 ?
+                    <a-select-option value="存为模版" label="存为模版">
+                      <div
+                          onClick={() => {
+                            showStartModal(value.record.projectId);
+                          }}
+                      >
+                        存为模版
+                      </div>
+                    </a-select-option> : ''}
+                {value.record.status === 3 || value.record.status === 2 ?
+                    <a-select-option value="基础信息" label="基础信息">
+                      <div
+                          onClick={() => {
+                            router.push({
+                              path: "/taskpage",
+                            });
+                            storage.set("projectId", value.record.projectId);
+                          }}
+                      >
+                        基础信息
+                      </div>
+                    </a-select-option> : ''}
+              </a-select>
+            </div>
+          </div>
+        }
+      }
     ]);
 
-    const getTableDate = (pagedata) => {
-      let obj = {
-        pageNo: state.currentPage,
-        pageSize: state.pageSize,
-      };
-      api
-        .getProjectList(pagedata ? pagedata : obj)
-        .then((res) => {
-          console.log(res);
-          if (res.status == 200 && res.data.code == 200) {
-            state.tableDataTotal = Number(res.data.data.total);
-            let data = res.data.data.rows;
-            // let data = state.tableData;
-            if (
-              data.length === 0 &&
-              res.data.data.total > 0 &&
-              state.currentPage > 1
-            ) {
-              state.currentPage = state.currentPage - 1;
-              getTableDate();
-            }
-            console.log("1266", data);
-            data.map((value) => {
-              // console.log("value %o", value);
-              if (value.type == 1) {
-                value.children = value.subList;
-                value.key = value.projectId;
+    const getTableDate = () => api.getProjectList(state.searchParam).then((res) => {
+      console.log(res);
+      state.tableDataTotal = Number(res.data.data.total);
+      const data = res.data.data.rows;
+      initDataSublist('', data)
+      console.log(data)
+      tableData.value = data;
+      console.log("tableData", tableData);
+    });
 
-                value.children.map((data) => {
-                  if (data.type == 2) {
-                    data.children = data.subList;
-                    data.key = data.projectId;
-                    // 传递给多层子项目项目归属名字
-                    data.paraentName = value.name;
-                    data.subList.map((data2) => {
-                      data2.paraentName = value.name + "/" + data.name;
-                      data2.isbj = "class";
-                      storage.set("isbj", data.projectId);
-                      // console.log(data2.paraentName, "conme");
-                      storage.set("pN", data2.paraentName);
-                    });
-                    // console.log("lalallalaa", data);
-                  } else {
-                    data.paraentName = value.name;
-                  }
-                });
-              }
-
-              // console.log("map-value", value.subList, value.children);
-            });
-            tableData.value = data;
-            console.log("tableData", tableData);
-          }
+    function initDataSublist(parentName, data) {
+      if (data && data.length) {
+        data.forEach(e => {
+          e.parentName = parentName
+          e.key = e.projectId
+          initDataSublist(e.name, e.subList)
+          e.subList && e.subList.length && (e.children = e.subList)
         })
-        .catch((err) => {
-          console.log(err);
-        });
-    };
+      }
+    }
+
     getTableDate();
 
     // 翻页
     const changePagination = (page) => {
-      console.log(page);
-      state.currentPage = page;
-      let pagedata = {
-        pageNo: page,
-        pageSize: state.pageSize,
-      };
-      getTableDate(pagedata);
-      // getLearnPath();
+      state.searchParam.pageNo = page
+      getTableDate()
     };
 
     const showModal = () => {
@@ -3461,6 +1551,7 @@ export default {
     };
 
     const showModal1 = () => {
+      state.projectInfo = {}
       state.reminderModal = true;
     };
     const closeModal1 = () => {
@@ -3506,38 +1597,35 @@ export default {
     };
 
     //添加权限
-    watch(
-      () => state.addAuthList,
-      (res) => {
-        console.log("res", res, state.addAuthList);
-        let obj = {
-          type: 2,
-          tag:
-            state.authClassify === 1 ? 3 : state.authClassify === 2 ? 4 : null,
-          opt: 3,
-          deptList: res[1],
-          groupList: res[2],
-          refId: state.selectProjectId,
-          pageNo: 20,
-          pageSize: 1,
-          studentList: res[0],
-          keyWord: "",
-        };
-        console.log("obj", obj);
-        api1
-          .optionAuthPerm(obj)
-          .then((res) => {
-            console.log("添加授权成功", res);
-            message.success("添加授权成功");
-          })
-          .catch((err) => {
-            console.log("添加授权失败", err);
-          });
-      }
-    );
+    watch(() => state.addAuthList, (res) => {
+          console.log("res", res, state.addAuthList);
+          let obj = {
+            type: 2,
+            tag:
+                state.authClassify === 1 ? 3 : state.authClassify === 2 ? 4 : null,
+            opt: 3,
+            deptList: res[1],
+            groupList: res[2],
+            refId: state.selectProjectId,
+            pageNo: 20,
+            pageSize: 1,
+            studentList: res[0],
+            keyWord: "",
+          };
+          console.log("obj", obj);
+          api1
+              .optionAuthPerm(obj)
+              .then((res) => {
+                console.log("添加授权成功", res);
+                message.success("添加授权成功");
+              })
+              .catch((err) => {
+                console.log("添加授权失败", err);
+              });
+        }
+    )
     return {
       ...toRefs(state),
-      selectProjectName,
       expandTable,
       showModal,
       closeModal,
@@ -3573,67 +1661,12 @@ export default {
       tableData,
       columns,
       createStoreyProject,
-      classifyList,
-      classifyList1,
-      classifyList2,
-      classifyList3,
-      classifyList4,
-      classifyList5,
-      classificationChange,
-      classificationChange1,
-      classificationChange2,
-      classificationChange3,
-      classificationChange4,
-      classificationChange5,
       changePagination,
-      value1,
-      value2,
-      value3,
-      value4,
-      value5,
-      value6,
-      value7,
-      value8,
-      value9,
-
-      edvalue1,
-      edvalue2,
-      edvalue3,
-      edvalue4,
-      edvalue5,
-      edvalue6,
-      edvalue7,
-      edvalue8,
-      edvalue9,
-
-      edclassificationChange2,
-      edclassificationChange3,
-      edclassificationChange4,
-      edclassificationChange6,
-
-      sProjectName,
-      sProjectOrder,
-      sProjectCreate,
-      sProjectState,
-      sProjectTime,
       sProjectStateList,
-      sProjectNameChange,
-      sProjectOrderChange,
-      sProjectCreateChange,
-      sProjectStateChange,
-      sProjectTimeChange,
       searchReset,
       searchSubmit,
       createChildProject,
-      createChildsProject,
-
-      editStoreyProject,
       closeeditModal2,
-      edclassificationChangeName,
-      edclassificationChange,
-      edclassificationChange1,
-      edclassificationChange5,
-      editChildsProject,
       closeeditModal3,
       releaseProject,
       showProjectPub,
@@ -3644,12 +1677,12 @@ export default {
       copyProject,
       closeReminderModal,
       okReminderModal,
-      memberScroll,
     };
   },
-};
+}
+;
 </script>
-<style  lang="scss">
+<style lang="scss">
 .projectManage {
   width: 100%;
   height: 100%;
@@ -3915,9 +1948,9 @@ export default {
     .ant-modal-body {
       .modalHeader {
         background: linear-gradient(
-          0deg,
-          rgba(78, 166, 255, 0) 0%,
-          rgba(78, 166, 255, 0.2) 100%
+                0deg,
+                rgba(78, 166, 255, 0) 0%,
+                rgba(78, 166, 255, 0.2) 100%
         );
       }
 
@@ -4015,9 +2048,9 @@ export default {
     .ant-modal-body {
       .modalHeader {
         background: linear-gradient(
-          0deg,
-          rgba(78, 166, 255, 0) 0%,
-          rgba(78, 166, 255, 0.2) 100%
+                0deg,
+                rgba(78, 166, 255, 0) 0%,
+                rgba(78, 166, 255, 0.2) 100%
         );
       }
 
@@ -4116,9 +2149,9 @@ export default {
 
       .modalHeader {
         background: linear-gradient(
-          0deg,
-          rgba(78, 166, 255, 0) 0%,
-          rgba(78, 166, 255, 0.2) 100%
+                0deg,
+                rgba(78, 166, 255, 0) 0%,
+                rgba(78, 166, 255, 0.2) 100%
         );
       }
 
@@ -4183,9 +2216,9 @@ export default {
 
       .modalHeader {
         background: linear-gradient(
-          0deg,
-          rgba(78, 166, 255, 0) 0%,
-          rgba(78, 166, 255, 0.2) 100%
+                0deg,
+                rgba(78, 166, 255, 0) 0%,
+                rgba(78, 166, 255, 0.2) 100%
         );
       }
 
@@ -4296,8 +2329,8 @@ export default {
             width: calc(100%);
             height: 68px;
             background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
+                    rgba(78, 166, 255, 0.2) 0%,
+                    rgba(78, 166, 255, 0) 100%
             );
           }
 
@@ -4391,16 +2424,19 @@ export default {
     }
   }
 }
+
 .projectPub {
   .ant-modal {
     .ant-modal-body {
       padding: 0;
+
       .modalHeader {
         background: linear-gradient(
-          rgba(78, 166, 255, 0.2) 0%,
-          rgba(78, 166, 255, 0) 100%
+                rgba(78, 166, 255, 0.2) 0%,
+                rgba(78, 166, 255, 0) 100%
         );
       }
+
       .modalMain {
         .projectname {
           color: rgba(79, 81, 86, 1);
@@ -4410,33 +2446,39 @@ export default {
           font-weight: 500;
           text-align: center;
         }
+
         .projecttime {
           margin-left: 221px;
+
           .timeti {
             color: rgba(153, 155, 163, 1);
             font-size: 14px;
             line-height: 36px;
           }
+
           .timeme {
             color: rgba(79, 81, 86, 1);
             font-size: 14px;
             line-height: 36px;
           }
         }
+
         .projectbox {
           margin-top: 26px;
           display: flex;
           justify-content: center;
+
           .promessage {
             width: 280px;
             height: 110px;
             background: linear-gradient(
-              180deg,
-              rgba(254, 243, 221, 1),
-              rgba(255, 250, 240, 1)
+                    180deg,
+                    rgba(254, 243, 221, 1),
+                    rgba(255, 250, 240, 1)
             );
             border-radius: 10px;
             margin-right: 7px;
+
             .messageme {
               color: rgba(255, 182, 78, 1);
               font-size: 14px;
@@ -4444,21 +2486,24 @@ export default {
               margin-top: 17px;
               margin-left: 30px;
             }
+
             .messagege {
               color: rgba(153, 155, 163, 1);
               font-size: 14px;
               margin-left: 30px;
             }
           }
+
           .stumessage {
             width: 280px;
             height: 110px;
             background: linear-gradient(
-              180deg,
-              rgba(221, 234, 255, 1),
-              rgba(240, 248, 254, 1)
+                    180deg,
+                    rgba(221, 234, 255, 1),
+                    rgba(240, 248, 254, 1)
             );
             border-radius: 10px;
+
             .messageme1 {
               color: rgba(78, 166, 255, 1);
               font-size: 14px;
@@ -4466,6 +2511,7 @@ export default {
               margin-top: 17px;
               margin-left: 30px;
             }
+
             .messagege1 {
               color: rgba(153, 155, 163, 1);
               font-size: 14px;
@@ -4473,26 +2519,32 @@ export default {
             }
           }
         }
+
         .send {
           margin-top: 30px;
           margin-left: 61px;
+
           .sendtext {
             margin-left: 11px;
             color: rgba(109, 117, 132, 1);
             font-size: 14px;
           }
         }
+
         .ckb {
           margin-top: 20px;
           margin-left: 62px;
+
           .sendpeo {
             color: rgba(109, 117, 132, 1);
             font-size: 14px;
           }
+
           .ant-checkbox-inner {
             border-radius: 4px;
           }
         }
+
         .pubtn {
           display: flex;
           justify-content: center;
@@ -4511,6 +2563,7 @@ export default {
             align-items: center;
             background: rgba(255, 255, 255, 1);
           }
+
           .pubtn2 {
             width: 100px;
             height: 40px;