From 633ec2d6bfc8876921323de49a235a73235315ca Mon Sep 17 00:00:00 2001
From: Ggysh-7 <102372376+Ggysh-7@users.noreply.github.com>
Date: Tue, 15 Nov 2022 12:50:02 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=E6=B7=BB=E5=8A=A0=E6=A1=88=E4=BE=8B?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E4=BF=AE=E6=94=B9=20=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E5=88=86=E6=8A=BD=E5=B1=89=E7=9A=84margintop=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/AddActive.vue    |   1 +
 src/components/drawers/AddCase.vue      | 487 ++++++++++++++----------
 src/components/drawers/AddDiscuss.vue   |   1 +
 src/components/drawers/AddEval.vue      |   1 +
 src/components/drawers/AddFaceteach.vue | 181 +++++----
 src/components/drawers/AddHomework.vue  |   1 +
 src/components/drawers/AddInvist.vue    |   1 +
 src/components/drawers/AddLive.vue      |   1 +
 src/components/drawers/AddOnline.vue    |  18 +-
 src/components/drawers/AddTest.vue      |   5 +-
 src/components/drawers/AddVote.vue      |   1 +
 src/components/drawers/CreVote.vue      |   1 +
 src/views/projectcenter/TaskAdd.vue     |  10 +-
 13 files changed, 418 insertions(+), 291 deletions(-)

diff --git a/src/components/drawers/AddActive.vue b/src/components/drawers/AddActive.vue
index fb0719f1..41bcf8ed 100644
--- a/src/components/drawers/AddActive.vue
+++ b/src/components/drawers/AddActive.vue
@@ -509,6 +509,7 @@ export default {
         .main_item {
           display: flex;
           align-items: center;
+          margin-top: 32px;
           margin-bottom: 32px;
           .signbox {
             width: 120px;
diff --git a/src/components/drawers/AddCase.vue b/src/components/drawers/AddCase.vue
index 93ad2825..4c06bb5d 100644
--- a/src/components/drawers/AddCase.vue
+++ b/src/components/drawers/AddCase.vue
@@ -1,210 +1,300 @@
 <template>
-    <a-drawer
-      :visible="addcaseVisible"
-      class="drawerStyle addcaseDrawer"
-      width="80%"
-      title="添加案例"
-      placement="right"
-      @after-visible-change="afterVisibleChange"
-    >
-      <div class="drawerMain">
-        <div class="header">
-          <div class="headerTitle">添加案例</div>
-          <img
-            style="width: 29px; height: 29px; cursor: pointer"
-            src="../../assets/images/basicinfo/close.png"
-            @click="closeDrawer"
-          />
-        </div>
-        <div class="contentMain">
-          <div class="main_items">
-            <div class="mi_ipts">
-              <div class="mii_ipt">
-                <div class="ipt_name">案例标题：</div>
-                <div class="fi_input">
-                  <a-input
-                    v-model:value="inputV1"
-                    style="width: 264px; height: 40px; border-radius: 8px"
-                    placeholder="请输入项目名称"
-                  />
-                </div>
-              </div>
-            </div>
-            <div class="mi_btns">
-              <div class="btn btn1">
-                <div class="search"></div>
-                <div class="btnText">搜索</div>
-              </div>
-              <div class="btn btn2">
-                <div class="search"></div>
-                <div class="btnText">重置</div>
-              </div>
-            </div>
-          </div>
-  
-          <div class="main_table">
-            <a-table
-              class="ant-table-striped"
-              :row-class-name="
-                (_record, index) => (index % 2 === 1 ? 'table-striped' : null)
-              "
-              :row-selection="rowSelection"
-              :columns="columns1"
-              :data-source="tableData1"
-              :loading="tableDataTotal === -1 ? true : false"
-              :pagination="false"
-            />
-            <div class="pa">
-                <a-pagination
-                  showSizeChanger="true"
-                  showQuickJumper="true"
-                  hideOnSinglePage="true"
-                  :pageSize="pageSize"
-                  :current="currentPage"
-                  :total="tableDataTotal"
-                  class="pagination"
+  <a-drawer
+    :visible="addcaseVisible"
+    class="drawerStyle addcaseDrawer"
+    width="80%"
+    title="添加案例"
+    placement="right"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">        
+        <div v-if="edit" class="headerTitle">编辑案例</div>
+        <div v-else class="headerTitle">添加案例</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="contentMain">
+        <div class="main_items">
+          <div class="mi_ipts">
+            <div class="mii_ipt">
+              <div class="ipt_name">案例标题：</div>
+              <div class="fi_input">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 264px; height: 40px; border-radius: 8px"
+                  placeholder="请输入项目名称"
                 />
               </div>
+            </div>
           </div>
-        </div>
-        <div class="main_btns">
-          <button class="btn1">取消</button>
-          <button class="btn2">确定</button>
+          <div class="mi_btns">
+            <div class="btn btn1">
+              <div class="search"></div>
+              <div class="btnText">搜索</div>
+            </div>
+            <div class="btn btn2" @click="resetCase()">
+              <div class="search"></div>
+              <div class="btnText">重置</div>
+            </div>
+            </div>
+            </div>
+            
+            <div class="main_table">
+              <a-table class="ant-table-striped" :row-class-name="
+                            (_record, index) => (index % 2 === 1 ? 'table-striped' : null)
+                          " :row-selection="rowSelection" :columns="tableDataFunc()" :data-source="tableData"
+                :loading="tableDataTotal === -1 ? true : false" expandRowByClick="true" this.getMilitaryDeployment()
+                @expand="expandTable" :pagination="false" filterMultiple:false
+          />
+          <div class="pa">
+              <a-pagination
+                showSizeChanger="true"
+                showQuickJumper="true"
+                hideOnSinglePage="true"
+                :pageSize="pageSize"
+                :current="currentPage"
+                :total="tableDataTotal"
+                class="pagination"
+                @change="handelChangePage"
+              />
+            </div>
         </div>
       </div>
-    </a-drawer>
-  </template>
-  <script>
-  import { reactive, toRefs, ref } from "vue";
-  const columns1 = [
-    {
-      title: "案例标题",
-      width: "40%",
-      dataIndex: "title",
-      key: "num",
-      align: "center",
-      ellipsis: true,
+      <div class="main_btns">
+        <button class="btn1" @click="closeDrawer">取消</button>
+        <button class="btn2" @click="updateTask">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script>
+import { reactive, toRefs, onMounted } from "vue";
+import * as api from "../../api/indexInvist.js";
+import * as apiTask from "../../api/indexTaskadd";
+import { message } from "ant-design-vue";
+import { RouterEditTask } from "@/api/indexTask";
+import dayjs from "dayjs";
+
+export default {
+  name: "AddCase",
+  props: {
+    addcaseVisible: {
+      type: Boolean,
+      default: false,
     },
-    {
-      title: "作者",
-      width: "25%",
-      dataIndex: "name",
-      key: "name",
-      align: "center",
+    EditCaseId: {
+      type: Number,
+      default: null,
     },
-    {
-      title: "导入时间",
-      width: "35%",
-      dataIndex: "time",
-      key: "time",
-      align: "center",
+    edit: { //  是否为编辑
+      type: Boolean,
+      default: null,
     },
-  ];
-  const rowSelection = ref({
-    checkStrictly: false,
-    onChange: (selectedRowKeys, selectedRows) => {
-      console.log(
-        `selectedRowKeys: ${selectedRowKeys}`,
-        "selectedRows: ",
-        selectedRows
-      );
+    projectId: {
+      type: Number,
+      default: null,
     },
-    onSelect: (record, selected, selectedRows) => {
-      console.log(record, selected, selectedRows);
+    chooseStageId: {
+      type: Number,
+      default: null,
     },
-    onSelectAll: (selected, selectedRows, changeRows) => {
-      console.log(selected, selectedRows, changeRows);
+    routerTaskId: {
+      type: Number,
+      default: 0,
     },
-  });
-  export default {
-    name: "AddCase",
-    props: {
-      addcaseVisible: {
-        type: Boolean,
-        default: false,
+    isLevel: { // 是否是关卡页面触发
+      type: Boolean,
+      default: null,
+    },
+    projectTaskId: { // 要编辑的projectId 
+      type: Number,
+      default: null,
+    },
+    routerId: {
+      type: Number,
+      default: null,
+    },
+    isactive: {
+      type: Number,
+      default: null,
+    }
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      tableData: [
+        {
+          key: "1",
+          title: "基于BOE显示PNL工厂的工序平1111112222222221111111111111122222333335555",
+          name: "李玉冰",
+          time: "2022-10-31  23:12:00",
+        },
+      ],
+      currentPage: 1,
+      tableDataTotal: 0,
+      pageSize: 10,
+      inputV1: '',
+      time: undefined,
+      assessmentId: null,
+      assessmentName: "",
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:addcaseVisible", false);
+      ctx.emit("update:edit", false);
+    };
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+    const tableDataFunc = () => {
+      const columns = [
+        {
+          title: "案例标题",
+          dataIndex: "tit",
+          key: "tit",
+          width: "400px",
+          align: "center",
+        },
+        {
+          title: "作者",
+          dataIndex: "name",
+          // width: "30%",
+          key: "name",
+          width: "100px",
+          align: "center",
+          className: "classify",
+        },
+        {
+          title: "导入时间",
+          dataIndex: "time",
+          key: "time",
+          width: "200px",
+          align: "center",
+        },
+      ];
+      return columns;
+    };
+    const rowSelection = {
+      onSelect: (selectedRows, selected, selectedRowKeys) => {
+        console.log(
+          "selectedRowKeys", selectedRowKeys, "selectedRows", selectedRows, "selected", selected);
+        console.log(selectedRows.assessmentId);
+        state.assessmentId = selectedRows.assessmentId;
+        state.assessmentName = selectedRows.name;
       },
-    },
-    setup(props, ctx) {
-      const state = reactive({
-        tableData1: [
-          {
-            key: "1",
-            title: "基于BOE显示PNL工厂的工序平1111112222222221111111111111122222333335555",
-            name: "李玉冰",
-            time: "2022-10-31  23:12:00",
-          },
-          {
-            key: "2",
-            title: "OEM 企业一线用工之路探索",
-            name: "李玉冰",
-            time: "2022-10-31  23:12:00",
-          },
-          {
-            key: "3",
-            title: " 销售数字化转型的痛苦与探索",
-            name: "李玉冰",
-            time: "2022-10-31  23:12:00",
-          },
-          {
-            key: "4",
-            title: "疫情突发，技能人才招聘的相关…",
-            name: "李玉冰",
-            time: "2022-10-31  23:12:00",
-          },
-          {
-            key: "5",
-            title: "设计效率提升之工具化",
-            name: "李玉冰",
-            time: "2022-10-31  23:12:00",
-          },
-          {
-            key: "6",
-            title: "疫情突发，技能人才招聘的相关…",
-            name: "李玉冰",
-            time: "2022-10-31  23:12:00",
-          },
-          {
-            key: "7",
-            title: "基于BOE显示PNL工厂的工序平…",
-            name: "李玉冰",
-            time: "2022-10-31  23:12:00",
-          },
-          {
-            key: "8",
-            title: "基于BOE显示PNL工厂的工序平…",
-            name: "李玉冰",
-            time: "2022-10-31  23:12:00",
-          },
-          {
-            key: "9",
-            title: "基于BOE显示PNL工厂的工序平…",
-            name: "李玉冰",
-            time: "2022-10-31  23:12:00",
-          },
-        ],
-        currentPage: 1,
-        tableDataTotal: 100,
-        pageSize: 10,
-        inputV1:'',
+    };
+    const handelChangePage = (page, pageSize) => {
+      state.currentPage = page;
+      state.pageSize = pageSize;
+      getAllCaseText();
+    };
+    const getTableDate = (tableData) => {
+      let data = tableData;
+      let array = [];
+      data.map((value, index) => {
+        let obj = {
+          key: index,
+          assessmentId: value.assessmentId,
+          num: value.essayQuestionVoList.length,
+          name: value.assessmentName ? value.assessmentName : "-",
+          creator: value.createUser ? value.createUser : "-",
+          time: dayjs(value.createTime).format("YYYY-MM-DD"),
+        };
+        array.push(obj);
       });
-      const closeDrawer = () => {
-        ctx.emit("update:addcaseVisible", false);
-      };
-      const afterVisibleChange = (bool) => {
-        console.log("state", bool);
-      };
-      return {
-        ...toRefs(state),
-        afterVisibleChange,
-        closeDrawer,
-        columns1,
-        rowSelection,
-      };
-    },
-  };
-  </script>
-  <style lang="scss">
-  .ant-table-striped :deep(.table-striped) td {
+      state.tableData = array;
+    };
+    //获取全部案例信息接口
+    const getAllCaseText = () => {
+      api
+        .queryAssessmentDetailList({
+          assessmentName: "",
+          pageNo: state.currentPage,
+          pageSize: state.pageSize,
+        })
+        .then((res) => {
+          let arr = res.data.data.rows;
+          if (res.status === 200) {
+            // console.log("获取案例信息", res.data.data);
+            getTableDate(arr);
+            state.tableDataTotal = Number(res.data.data.total);
+          }
+        })
+        .catch((err) => {
+          console.log("获取全部在线信息接口失败", err);
+          // state.createLoading = false;
+        });
+    };
+    const updateTask = () => {
+      console.log("jinlaile=================", state.assessmentName)
+      if (props.isLevel) {
+        RouterEditTask({
+          chapterId: props.isactive,
+          courseId: state.assessmentId,
+          name: state.assessmentName,
+          routerId: props.routerId,
+          routerTaskId: props.routerTaskId || 0,
+          type: 3,
+        })
+          .then((res) => {
+            console.log(res, 11111);
+            message.success(`${props.edit ? '编辑' : '新增'}关卡任务成功`)
+            ctx.emit("changeData", false);
+            closeDrawer();
+            state.addLoading = false;
+          })
+          .catch((err) => {
+            console.log(err, 1111);
+          });
+      } else {
+        console.log("=========projectTaskId", props.projectTaskId);
+        apiTask
+          .addTask({
+            courseId: state.assessmentId,
+            name: state.assessmentName,
+            projectId: props.projectId,
+            projectTaskId: props.projectTaskId || 0,
+            stageId: props.chooseStageId,
+            type: 3,
+          })
+          .then((res) => {
+            console.log("调用项目添加接口后111", res.data, 11111);
+            ctx.emit("changeData", false);
+            closeDrawer();
+          })
+          .catch((err) => {
+            console.log(err, 111111);
+          });
+      }
+    }
+    //重置案例信息
+    const resetCase = () => {
+      state.inputV1 = "";
+      getAllCaseText();
+    };
+    onMounted(() => {
+      // createCase();
+      getAllCaseText();
+    });
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      tableDataFunc,
+      rowSelection,
+      handelChangePage,
+      getTableDate,
+      updateTask,
+      getAllCaseText,
+      resetCase,
+    };
+  },
+};
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
     background-color: #fafafa !important;
   }
   
@@ -226,9 +316,12 @@
         }
       }
       .contentMain {
-        .main_items {
-          display: flex;
-          justify-content: space-between;
+        padding-right: 15px;
+        
+          .main_items {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 32px;
           margin-bottom: 12px;
           flex-wrap: wrap;
           .mi_ipts {
@@ -381,4 +474,4 @@
       }
     }
   }
-  </style>
\ No newline at end of file
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/AddDiscuss.vue b/src/components/drawers/AddDiscuss.vue
index b2166686..357bd86f 100644
--- a/src/components/drawers/AddDiscuss.vue
+++ b/src/components/drawers/AddDiscuss.vue
@@ -300,6 +300,7 @@ export default {
         .main_item {
           display: flex;
           align-items: center;
+          margin-top: 32px;
           margin-bottom: 32px;
           .signbox {
             width: 120px;
diff --git a/src/components/drawers/AddEval.vue b/src/components/drawers/AddEval.vue
index 06daaada..9221e473 100644
--- a/src/components/drawers/AddEval.vue
+++ b/src/components/drawers/AddEval.vue
@@ -322,6 +322,7 @@ export default {
         .main_item {
           display: flex;
           align-items: center;
+          margin-top: 32px;
           margin-bottom: 32px;
           .signbox {
             width: 120px;
diff --git a/src/components/drawers/AddFaceteach.vue b/src/components/drawers/AddFaceteach.vue
index cd42ca90..e8687d52 100644
--- a/src/components/drawers/AddFaceteach.vue
+++ b/src/components/drawers/AddFaceteach.vue
@@ -400,99 +400,116 @@ export default {
         .main_item {
           display: flex;
           align-items: center;
-          margin-bottom: 32px;
-          .signbox {
-            width: 120px;
-            display: flex;
-            justify-content: end;
-            align-items: center;
-            .sign {
-              margin-right: 5px;
-            }
-          }
-          .btnbox {
-            display: flex;
-            flex: 1;
-            align-items: center;
-            .xkbtn {
-              cursor: pointer;
-              width: 130px;
-              height: 40px;
-              background: #388be1;
-              border-radius: 8px;
-              border: 0;
-              margin-right: 8px;
-              color: #fff;
-            }
-          }
-        }
-        .main_item2 {
-          display: flex;
-          align-items: flex-start;
-          margin-bottom: 32px;
-          .signbox {
-            width: 120px;
-            display: flex;
-            justify-content: end;
-            align-items: center;
-          }
-          .kqszbox {
-            .qdqtbox {
-              margin-left: 5px;
-              cursor: pointer;
-            }
-            .qdbtn,
-            .qtbtn {
-              width: 75px;
-              height: 24px;
-              background: rgba(56, 139, 225, 0.16);
-              border-radius: 2px;
-              border: 1px solid #387df7;
+          margin-top: 32px;
+            margin-bottom: 32px;
+          
+            .signbox {
+              width: 120px;
               display: flex;
+              justify-content: end;
               align-items: center;
-              justify-content: center;
-              .btntext {
-                color: #387df7;
+          
+              .sign {
+                margin-right: 5px;
               }
             }
-            .setbox {
+          
+            .btnbox {
               display: flex;
-              flex-wrap: wrap;
-              margin-top: 10px;
-              margin-bottom: 24px;
-              .timerbox {
-                margin-top: 6px;
-                margin-right: 32px;
+              flex: 1;
+              align-items: center;
+          
+              .xkbtn {
+                cursor: pointer;
+                width: 130px;
+                height: 40px;
+                background: #388be1;
+                border-radius: 8px;
+                border: 0;
+                margin-right: 8px;
+                color: #fff;
+              }
+            }
+          }
+          
+          .main_item2 {
+            display: flex;
+            align-items: flex-start;
+            margin-bottom: 32px;
+          
+            .signbox {
+              width: 120px;
+              display: flex;
+              justify-content: end;
+              align-items: center;
+            }
+          
+            .kqszbox {
+              .qdqtbox {
+                margin-left: 5px;
+                cursor: pointer;
+              }
+          
+              .qdbtn,
+              .qtbtn {
+                width: 75px;
+                height: 24px;
+                background: rgba(56, 139, 225, 0.16);
+                border-radius: 2px;
+                border: 1px solid #387df7;
                 display: flex;
                 align-items: center;
-                flex-wrap: nowrap;
+                justify-content: center;
+          
+                .btntext {
+                  color: #387df7;
+                }
+              }
+          
+              .setbox {
+                display: flex;
+                flex-wrap: wrap;
+                margin-top: 10px;
+                margin-bottom: 24px;
+          
+                .timerbox {
+                  margin-top: 6px;
+                  margin-right: 32px;
+                  display: flex;
+                  align-items: center;
+                  flex-wrap: nowrap;
+                }
+              }
+            }
+          
+            .btnbox2 {
+              display: flex;
+              flex-direction: column;
+              justify-content: flex-start;
+          
+              .xkbtn {
+                cursor: pointer;
+                width: 130px;
+                height: 40px;
+                background: #388be1;
+                border-radius: 8px;
+                border: 0;
+                margin-right: 16px 8px 32px 0;
+                color: #fff;
+                margin-top: 16px;
+                margin-bottom: 60px;
               }
             }
           }
-          .btnbox2 {
-            display: flex;
-            flex-direction: column;
-            justify-content: flex-start;
-            .xkbtn {
-              cursor: pointer;
-              width: 130px;
-              height: 40px;
-              background: #388be1;
-              border-radius: 8px;
-              border: 0;
-              margin-right: 16px 8px 32px 0;
-              color: #fff;
-              margin-top: 16px;
-              margin-bottom: 60px;
-            }
           }
-        }
-      }
-      .main_right {
-        width: 337px;
-        .main_item {
-          display: flex;
-          align-items: center;
+          
+          .main_right {
+            width: 337px;
+          
+            .main_item {
+              display: flex;
+              align-items: center;
+              margin-top: 32px;
           margin-bottom: 32px;
           .signbox {
             width: 120px;
diff --git a/src/components/drawers/AddHomework.vue b/src/components/drawers/AddHomework.vue
index c3c75f15..71990ad7 100644
--- a/src/components/drawers/AddHomework.vue
+++ b/src/components/drawers/AddHomework.vue
@@ -488,6 +488,7 @@ export default {
         .main_item {
           display: flex;
           align-items: center;
+          margin-top: 32px;
           margin-bottom: 32px;
 
           .signbox {
diff --git a/src/components/drawers/AddInvist.vue b/src/components/drawers/AddInvist.vue
index dc7e3929..9d64ac8b 100644
--- a/src/components/drawers/AddInvist.vue
+++ b/src/components/drawers/AddInvist.vue
@@ -333,6 +333,7 @@ export default {
         .main_item {
           display: flex;
           align-items: center;
+          margin-top: 32px;
           margin-bottom: 32px;
           .fi_input {
             margin-right: 20px;
diff --git a/src/components/drawers/AddLive.vue b/src/components/drawers/AddLive.vue
index 43904a80..22c24f58 100644
--- a/src/components/drawers/AddLive.vue
+++ b/src/components/drawers/AddLive.vue
@@ -701,6 +701,7 @@ export default {
         .main_item {
           display: flex;
           align-items: center;
+          margin-top: 32px;
           margin-bottom: 32px;
           .signbox {
             width: 120px;
diff --git a/src/components/drawers/AddOnline.vue b/src/components/drawers/AddOnline.vue
index ec1fa777..34b6b274 100644
--- a/src/components/drawers/AddOnline.vue
+++ b/src/components/drawers/AddOnline.vue
@@ -49,7 +49,7 @@
               <div class="search"></div>
               <div class="btnText">搜索</div>
             </div>
-            <div class="btn btn2" @click="resetInvist">
+            <div class="btn btn2" @click="resetOnline()">
               <div class="search"></div>
               <div class="btnText">重置</div>
             </div>
@@ -241,7 +241,7 @@ export default {
     const handelChangePage = (page, pageSize) => {
       state.currentPage = page;
       state.pageSize = pageSize;
-      getAllInvistText();
+      getAllOnlineText();
     };
     const getTableDate = (tableData) => {
       let data = tableData;
@@ -260,7 +260,7 @@ export default {
       state.tableData = array;
     };
     //获取全部在线信息接口
-    const getAllInvistText = () => {
+    const getAllOnlineText = () => {
       api
         .queryAssessmentDetailList({
           assessmentName: "",
@@ -323,13 +323,13 @@ export default {
       }
     }
     //重置在线信息
-    const resetInvist = () => {
+    const resetOnline = () => {
       state.inputV1 = "";
-      getAllInvistText();
+      getAllOnlineText();
     };
     onMounted(() => {
-      // createInvist();
-      getAllInvistText();
+      // createOnline();
+      getAllOnlineText();
     });
     return {
       ...toRefs(state),
@@ -338,9 +338,10 @@ export default {
       tableDataFunc,
       rowSelection,
       handelChangePage,
+      getAllOnlineText,
       getTableDate,
       updateTask,
-      resetInvist,
+      resetOnline,
     };
   },
 };
@@ -371,6 +372,7 @@ export default {
         .main_items {
           display: flex;
           justify-content: space-between;
+          margin-top: 32px;
           margin-bottom: 12px;
           flex-wrap: wrap;
           .mi_ipts {
diff --git a/src/components/drawers/AddTest.vue b/src/components/drawers/AddTest.vue
index a56544a7..536a3db6 100644
--- a/src/components/drawers/AddTest.vue
+++ b/src/components/drawers/AddTest.vue
@@ -200,7 +200,7 @@
       </div>
   </a-drawer>
 </template>
-  <script>
+<script>
 import { reactive, ref, toRefs } from "vue";
 import {message} from"ant-design-vue";
 import {createExamination,queryExaminationDetailById,updateExamination} from "@/api/indexExam"
@@ -628,7 +628,7 @@ export default {
   },
 };
 </script>
-  <style lang="scss">
+<style lang="scss">
 .ant-table-striped :deep(.table-striped) td {
   background-color: #fafafa !important;
 }
@@ -659,6 +659,7 @@ export default {
         .main_item {
           display: flex;
           align-items: center;
+          margin-top: 32px;
           margin-bottom: 32px;
           .signbox {
             width: 120px;
diff --git a/src/components/drawers/AddVote.vue b/src/components/drawers/AddVote.vue
index 9986004b..671dbed8 100644
--- a/src/components/drawers/AddVote.vue
+++ b/src/components/drawers/AddVote.vue
@@ -477,6 +477,7 @@ export default {
         .main_item {
           display: flex;
           align-items: center;
+          margin-top: 32px;
           margin-bottom: 32px;
           .signbox {
             width: 120px;
diff --git a/src/components/drawers/CreVote.vue b/src/components/drawers/CreVote.vue
index a0e4dbf8..38298648 100644
--- a/src/components/drawers/CreVote.vue
+++ b/src/components/drawers/CreVote.vue
@@ -435,6 +435,7 @@ export default {
       .main_item {
         display: flex;
         align-items: center;
+          margin-top: 32px;
         margin-bottom: 32px;
         .signbox {
           width: 120px;
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index bfa79cc6..e8c2d4e6 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -132,7 +132,9 @@
           </div>
           <!-- 添加案例侧弹窗 -->
           <div>
-            <add-case v-model:addcaseVisible="addcasevisible" />
+            <add-case v-model:addcaseVisible="addcasevisible" @changeData="updateTableData" v-model:edit="edit"
+              v-model:projectId="projectId" v-model:chooseStageId="chooseStageId" v-model:projectTaskId="projectTaskId"
+              v-model:EditCaseId="EditCaseId" />
           </div>
           <!-- 添加案例侧弹窗 -->
           <div class="lin"></div>
@@ -962,6 +964,8 @@ export default {
       EditActiveId: null, //要编辑的活动id
       EditWorkId: null, // 要编辑的作业id
       EditTestId: null, // 要编辑的考试id
+      EditCaseId:null,//要编辑的案例id
+      EditOnlineId:null,//要编辑的在线id
       EditEvalId: null,
       EditInvistId: null,
       EditVoteId: null, //编辑需要投票的id
@@ -1519,8 +1523,10 @@ export default {
     const showDrawerFaceteach = () => {
       state.addfaceteachvisible = true;
     };
-    const showDrawerAddCase = () => {
+    const showDrawerAddCase = (id, eleId) => {
       state.addcasevisible = true;
+      state.EditCaseId = id;
+      state.projectTaskId = eleId;
     };
     const showDrawerAddHomework = (id, eleId) => {
       state.EditWorkId = id;

From f8d1a5c779cd419e022952a643bf430b1ed02c44 Mon Sep 17 00:00:00 2001
From: lixg <lixg@dongwu-inc.com>
Date: Tue, 15 Nov 2022 20:02:20 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E6=A8=A1=E7=89=88=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.js                        |    8 +-
 src/api/method.js                       |  203 +++
 src/components/TwoDimensionalCode.vue   |  229 ++-
 src/components/drawers/OwnPower.vue     |  723 +-------
 src/views/learningpath/LearningPath.vue |   10 +-
 src/views/projectcenter/ProjectAdd.vue  | 2152 +++++++++++++----------
 src/views/projectcenter/TaskPage.vue    |   43 +-
 src/views/system/SystemManage.vue       |    4 +-
 8 files changed, 1590 insertions(+), 1782 deletions(-)

diff --git a/src/api/index.js b/src/api/index.js
index 2ccc90d6..1bfecc7f 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -2,7 +2,7 @@
  * @Author: lixg lixg@dongwu-inc.com
  * @Date: 2022-11-07 17:06:45
  * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2022-11-09 09:32:35
+ * @LastEditTime: 2022-11-15 16:43:26
  * @FilePath: /fe-manage/src/api/index.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -64,8 +64,8 @@ export const handleProject = (obj) => http.post('/admin/project/handle', obj)
 export const taskStudentList = (obj) => http.post('/admin/project/taskStudentList', obj)
 
 
-
-
-
 //获取讨论信息
 export const getDiscussDetail=(obj)=>http.post('/discuss/getDiscussDetail',obj)
+
+//获取模版列表
+export const getTemplate=(obj)=>http.post('/admin/project/template/list',obj)
diff --git a/src/api/method.js b/src/api/method.js
index 21d43e0c..4fb3d4ff 100644
--- a/src/api/method.js
+++ b/src/api/method.js
@@ -165,9 +165,212 @@ function autoComma(number) {
 const commonData={
 	timeout:50
 }
+
+
+//组织树
+const  organizationalTree= [
+	{
+		title: "京东方",
+		value: "京东方",
+		children: [
+			{
+				title: "产研部",
+				value: "产研部",
+				children: [
+					{
+						title: "产品部",
+						value: "产品部",
+					},
+					{
+						title: "研究部",
+						value: "研究部",
+					},
+					{
+						title: "研究部2",
+						value: "研究部2",
+					},
+					{
+						title: "研究3",
+						value: "研究3",
+					},
+					{
+						title: "研究4",
+						value: "研究4",
+					},
+					{
+						title: "研究部5",
+						value: "研究部5",
+					},
+					{
+						title: "研究部6",
+						value: "研究部6",
+					},
+					{
+						title: "研究部7",
+						value: "研究部7",
+					},
+					{
+						title: "研究部8",
+						value: "研究部8",
+					},
+					{
+						title: "研究部9",
+						value: "研究部9",
+					},
+				],
+			},
+			{
+				title: "二级标题",
+				value: "二级标题",
+				children: [
+					{
+						title: "三级标题",
+						value: "三级标题",
+						children: [
+							{
+								title: "四级标题",
+								value: "四级标题",
+								children: [
+									{
+										title: "五级标题",
+										value: "五级标题",
+										children: [
+											{
+												title: "六级标题",
+												value: "六级标题",
+												children: [
+													{
+														title: "七级标题",
+														value: "七级标题",
+														children: [
+															{
+																title: "八级标题",
+																value: "八级标题",
+																children: [
+																	{
+																		title: "九级标题",
+																		value: "九级标题",
+																		children: [
+																			{
+																				title: "十级标题",
+																				value: "十级标题",
+																				children: [
+																					{
+																						title: "十一级标题",
+																						value: "十一级标题",
+																						children: [
+																							{
+																								title: "十二级标题",
+																								value: "十二级标题",
+																								children: [
+																									{
+																										title:
+																											"十三级标题十三级标题十三级标题十三级标题",
+																										value: "十三级标题",
+																										children: [
+																											{
+																												title:
+																													"十四级标题",
+																												value:
+																													"十四级标题",
+																												children: [
+																													{
+																														title:
+																															"十五级标题",
+																														value:
+																															"十五级标题",
+																														children: [
+																															{
+																																title:
+																																	"十六级标题",
+																																value:
+																																	"十六级标题",
+																																children:
+																																	[
+																																		{
+																																			title:
+																																				"十七级标题",
+																																			value:
+																																				"十七级标题",
+																																			children:
+																																				[
+																																					{
+																																						title:
+																																							"十八级标题",
+																																						value:
+																																							"十八级标题",
+																																						children:
+																																							[
+																																								{
+																																									title:
+																																										"十九级标题",
+																																									value:
+																																										"十九级标题",
+																																									children:
+																																										[
+																																											{
+																																												title:
+																																													"二十级标题二十级标题",
+																																												value:
+																																													"二十级标题二十级标题",
+																																											},
+																																										],
+																																								},
+																																							],
+																																					},
+																																				],
+																																		},
+																																	],
+																															},
+																														],
+																													},
+																												],
+																											},
+																										],
+																									},
+																								],
+																							},
+																						],
+																					},
+																				],
+																			},
+																		],
+																	},
+																],
+															},
+														],
+													},
+												],
+											},
+										],
+									},
+								],
+							},
+						],
+					},
+				],
+			},
+			{
+				title: "人力资源部",
+				value: "人力资源部",
+				children: [
+					{
+						title: "人事部",
+						value: "人事部",
+					},
+					{
+						title: "行政部",
+						value: "行政部",
+					},
+				],
+			},
+		],
+	},
+]
 export {
 	toDate,
 	getWeek,
 	autoComma,
 	commonData,
+	organizationalTree,
 }
\ No newline at end of file
diff --git a/src/components/TwoDimensionalCode.vue b/src/components/TwoDimensionalCode.vue
index 4808d440..170693cf 100644
--- a/src/components/TwoDimensionalCode.vue
+++ b/src/components/TwoDimensionalCode.vue
@@ -7,25 +7,45 @@
       :closable="closableQR"
       wrapClassName="codeModal"
       style="margin-top: 400px"
-      :zIndex="9999"
+      :zIndex="999"
       @cancel="qr_exit"
     >
       <div id="qrcode" class="QR">
         <div class="qr_header"></div>
         <div class="qr_main">
           <div class="qrm_header">
-            <span style="title">{{codeInfo.title?codeInfo.title:''}}</span>
+            <span style="title">{{
+              codeInfo.title ? codeInfo.title : ""
+            }}</span>
             <div class="close_exit" @click="closeCodeModal"></div>
           </div>
-          <div class="qrm_body">
-            <div class="codename">{{codeInfo.name?codeInfo.name:''}}</div>
-            <qrcode-vue
-              :value="codeInfo.url?codeInfo.url:''"
-              :size="qrcodeSize"
-              style="width: 200px; height: 200px"
-            ></qrcode-vue>
+          <div class="downloadCode" style="">
+            <div class="qrm_body">
+              <div class="codename">
+                {{ codeInfo.name ? codeInfo.name : "" }}
+              </div>
+              <qrcode-vue
+                :value="codeInfo.url ? codeInfo.url : ''"
+                :size="qrcodeSize"
+                style="width: 200px; height: 200px"
+              ></qrcode-vue>
+            </div>
+          </div>
+          <div class="codeUrl" :style="{ display: showUrl ? 'flex' : 'none' }">
+            <div class="codeUrlLink">链接</div>
+            <a-input
+              :value="codeInfo.url ? codeInfo.url : ''"
+              disabled
+              class="codeUrlInp"
+            />
+            <a-input
+              :value="codeInfo.url ? codeInfo.url : ''"
+              id="courseUrl"
+              class="codeUrlInp"
+              style="position: absolute; opacity: 0; z-index: -1"
+            />
+            <div @click="copyUrl" class="codeUrlCopy">复制链接</div>
           </div>
-
           <div class="qrm_footer">
             <span style="margin-left: 52px">下载二维码</span>
             <div class="qrmbtn" @click="downloadQr(200)">
@@ -47,7 +67,8 @@
 <script>
 import { reactive, toRefs, watch } from "vue";
 import QrcodeVue from "qrcode.vue";
-// import html2canvas from "html2canvas";
+import html2canvas from "html2canvas";
+import { message } from "ant-design-vue";
 export default {
   name: "TwoDimensionalCode",
   components: {
@@ -64,97 +85,70 @@ export default {
         return {};
       },
     },
-     index: {
+    index: {
+      type: String,
+      default: "",
+    },
+    type: {
       type: String,
       default: "",
     },
   },
   setup(props, ctx) {
     const state = reactive({
-      qrcodeUrl: "https://www.baidu.com/",
       qrcodeSize: 800,
       codeInfo: {},
+      courseUrl: "https://www.baidu.com/",
+      showUrl: false,
     });
 
     //下载二维码图片
     const downloadQr = (num) => {
       state.qrcodeSize = num;
-      // let filename = `${new Date().getTime()}.png`;
-      // let canvas = document.getElementsByTagName("canvas")[0];
-      // let imageUrl = canvas.toDataURL("image/png");
+      html2canvas(
+        document.querySelectorAll(".downloadCode")[Number(props.index)],
+        {
+          useCORS: true, //支持图片跨域
+        }
+      ).then((canvas) => {
+        // console.log("canvas", canvas, canvas.width, canvas.style.width);
+        let filename = `${new Date().getTime()}.png`;
+        let imageUrl = canvas.toDataURL("image/png");
+        let a = document.createElement("a");
+        a.style.display = "none";
+        a.download = filename;
+        a.href = imageUrl;
+        document.body.appendChild(a);
+        a.click();
+      });
+      //           let canvas =document.getElementsByClassName('codeModal')[Number(props.index)].getElementsByTagName('canvas')[0];
+      //           let filename = `${new Date().getTime()}.png`;
+      //           let imageUrl = canvas.toDataURL("image/png");
+      //           let a = document.createElement("a");
+      //           a.style.display = "none";
+      //           a.download = filename;
+      //           a.href = imageUrl;
+      //           document.body.appendChild(a);
+      //           a.click();
+    };
+    //复制链接
+    const copyUrl = () => {
+      // const range = document.createRange(); //创建range对象
+      // 	range.selectNode(document.getElementById('courseUrl')); //获取复制内容的 id 选择器
+      // 	const selection = window.getSelection();  //创建 selection对象
+      // 	if (selection.rangeCount > 0) selection.removeAllRanges(); //如果页面已经有选取了的话，会自动删除这个选区，没有选区的话，会把这个选取加入选区
+      // 	selection.addRange(range); //将range对象添加到selection选区当中，会高亮文本块
+      // 	document.execCommand("Copy"); //复制选中的文字到剪贴板
+      // 	message.success('复制成功')
+      // 	selection.removeRange(range); // 移除选中的元素
 
-      // let canvasBox = document.createElement("canvas");
-      // let ctx = canvasBox.getContext("2d");
-      // var img = new Image();
-      // // 需要添加文字的图片
-      // img.src = imageUrl;
-      // // 等待图片加载完成
-      // img.onload = function () {
-      //   // 将图片添加到canvas
-      //   ctx.drawImage(img, 0, 0, 1240, 2208);
-      //   // 设置字体
-      //   ctx.font = "73px 微软雅黑 bolder";
-      //   // 设置字体颜色
-      //   ctx.fillStyle = "#955f17";
-      //   ctx.textAlign = "center";
-      //   // 添加文字和位置
-      //   ctx.fillText("微信名", 621, 1050);
-
-      //   // 导出为图片
-      //   let url = canvasBox.toDataURL("image/png");
-      //   let a = document.createElement("a");
-      //   a.style.display = "none";
-      //   a.download = filename;
-      //   a.href = url;
-      //   document.body.appendChild(a);
-      //   a.click();
-      // };
-
-      // // let a = document.createElement("a");
-      // // a.style.display = "none";
-      // // a.download = filename;
-      // // a.href = imageUrl;
-      // // document.body.appendChild(a);
-      // // a.click();
-
-      // html2canvas(document.querySelector("#qrcode"), {
-      //   useCORS: true, //支持图片跨域
-      // }).then((canvas) => {
-      //   // var extra_canvas = document.createElement("canvas");
-      //   //                 extra_canvas.setAttribute('width',num);
-      //   //                 extra_canvas.setAttribute('height',num);
-      //   //                 var ctx = extra_canvas.getContext('2d');
-      //   //                 ctx.drawImage(canvas,0,0,num,num);
-      //   //                 let filename = `${new Date().getTime()}.png`;
-      //   //                 var imageUrl = extra_canvas.toDataURL("image/png",1.0);
-
-      //   console.log("canvas", canvas, canvas.width, canvas.style.width);
-
-      //   // //   let ctx = canvas.getContext('2d');
-      //   // //           ctx.drawImage(canvas,0,0,canvas.width, canvas.height);
-      //   // //            canvas.width=num
-      //   // //  canvas.height=num
-      //   // //  canvas.style.width=num+'px'
-      //   // // canvas.style.height=num+'px'
-      //   //   let filename = `${new Date().getTime()}.png`;
-      //   //   let imageUrl = canvas.toDataURL("image/png");
-      //   //   let a = document.createElement("a");
-      //   //   a.style.display = "none";
-      //   //   a.download = filename;
-      //   //   a.href = imageUrl;
-      //   //   document.body.appendChild(a);
-      //   //   a.click();
-      // });
-console.log('document.getElementsByClassName',document.getElementsByClassName('codeModal'),Number(props.index))
-          let canvas =document.getElementsByClassName('codeModal')[Number(props.index)].getElementsByTagName('canvas')[0];
-          let filename = `${new Date().getTime()}.png`;
-          let imageUrl = canvas.toDataURL("image/png");
-          let a = document.createElement("a");
-          a.style.display = "none";
-          a.download = filename;
-          a.href = imageUrl;
-          document.body.appendChild(a);
-          a.click();
+      var input = document.createElement("input"); // 创建input对象
+      input.value = state.codeInfo.url ? state.codeInfo.url : ""; // 设置复制内容
+      document.body.appendChild(input); // 添加临时实例
+      input.select(); // 选择实例内容
+      document.execCommand("Copy"); // 执行复制
+      document.body.removeChild(input); // 删除临时实例
+      message.success("复制成功！");
     };
     const closeCodeModal = () => {
       ctx.emit("update:codevisible", false);
@@ -166,12 +160,20 @@ console.log('document.getElementsByClassName',document.getElementsByClassName('c
         url: "",
       };
       state.codeInfo = Object.assign(obj, props.codeInfo);
-      console.log("codeInfo22222", state.codeInfo,props.index);
+      console.log("codeInfo22222", state.codeInfo, props.index, props.type);
+
+      if (props.type === "签到二维码") {
+        state.showUrl = false;
+        console.log(" state.showUrl", state.showUrl);
+      } else if (props.type === "课程二维码") {
+        state.showUrl = true;
+      }
     });
     return {
       ...toRefs(state),
       downloadQr,
       closeCodeModal,
+      copyUrl,
     };
   },
 };
@@ -229,8 +231,8 @@ console.log('document.getElementsByClassName',document.getElementsByClassName('c
             }
             .qrm_body {
               width: 100%;
-              margin-top: 22px;
-              margin-bottom: 32px;
+              padding-top: 22px;
+              padding-bottom: 32px;
               display: flex;
               flex-direction: column;
               align-items: center;
@@ -242,6 +244,51 @@ console.log('document.getElementsByClassName',document.getElementsByClassName('c
                 margin-bottom: 20px;
               }
             }
+            .codeUrl {
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              margin-bottom: 24px;
+              .codeUrlLink {
+                width: 72px;
+                height: 40px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                font-size: 14px;
+                font-weight: 400;
+                color: #c7cbd2;
+                line-height: 20px;
+                border: 1px solid #c7cbd2;
+                border-right: 0px solid #c7cbd2;
+              }
+              .codeUrlInp {
+                width: 305px;
+                height: 40px;
+                border: 1px solid #c7cbd2;
+              }
+              .ant-input-disabled {
+                background-color: rgba(0, 0, 0, 0) !important;
+              }
+              .ant-input[disabled] {
+                background-color: rgba(0, 0, 0, 0) !important;
+              }
+              .codeUrlCopy {
+                width: 96px;
+                height: 40px;
+                background-color: #388be1;
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                font-size: 14px;
+                font-weight: 400;
+                color: #ffffff;
+                line-height: 20px;
+                cursor: pointer;
+                margin-left: 8px;
+              }
+            }
             .qrm_footer {
               display: flex;
               align-items: center;
diff --git a/src/components/drawers/OwnPower.vue b/src/components/drawers/OwnPower.vue
index e52e83a2..5ca07e8a 100644
--- a/src/components/drawers/OwnPower.vue
+++ b/src/components/drawers/OwnPower.vue
@@ -121,169 +121,7 @@
                   </div>
                 </div>
               </a-tab-pane>
-              <a-tab-pane key="2" tab="添加组织" force-render>
-                <div
-                  :style="{ height: screenHeight - 235 + 'px' }"
-                  style="overflow-y: auto"
-                >
-                  <div class="tab2">
-                    <div class="nameinp">
-                      <div class="namee">组织：</div>
-                      <a-input
-                        v-model:value="com"
-                        style="width: 230px; height: 40px; border-radius: 8px"
-                        placeholder="请输入组织"
-                      />
-                    </div>
-                    <div class="btns">
-                      <div class="btn1" @click="searchOrg">
-                        <div class="img1">
-                          <img
-                            src="../../assets/images/courseManage/search0.png"
-                          />
-                        </div>
-                        <div class="wz">搜索</div>
-                      </div>
-                      <div class="btn2">
-                        <div class="img2">
-                          <img
-                            src="../../assets/images/courseManage/reset1.png"
-                          />
-                        </div>
-                        <div class="wz">重置</div>
-                      </div>
-                    </div>
-                    <!-- <div class="t1">
-                      <div class="organize">姓名：</div>
-                      <a-input
-                        v-model:value="nameadd"
-                        style="width: 200px; height: 40px; border-radius: 8px"
-                        placeholder="请输入姓名"
-                      />
-                    </div> -->
-                  </div>
-                  <div class="boeTree">
-                    <div class="boeTreeTitle">BOE组织树</div>
-
-                    <a-tree
-                      class="treeMain treeMain2"
-                      :style="{ height: screenHeight - 430 + 'px' }"
-                      dropdownClassName="changetreedropdownboe"
-                      defaultExpandAll
-                      :dropdown-style="{
-                        maxHeight: '600px',
-                      }"
-                      placeholder="BOE组织树"
-                      allow-clear
-                      tree-default-expand-all
-                      :tree-data="treeData"
-                      @select="departmentSelect1"
-                      multiple
-                      v-model:selectedKeys="selectedKeys1"
-                    >
-                      <template #suffixIcon></template>
-                    </a-tree>
-                    <div
-                      class="boeTreeTitle"
-                      style="margin-top: 8px; cursor: pointer"
-                      @click="addOrgModal"
-                    >
-                      确认添加
-                    </div>
-                  </div>
-                </div>
-              </a-tab-pane>
-              <a-tab-pane key="3" tab="受众关联">
-                <div
-                  :style="{ height: screenHeight - 235 + 'px' }"
-                  style="overflow-y: auto"
-                >
-                  <div class="tab1">
-                    <div class="t1">
-                      <!-- <div class="nameinp">
-                        <div class="namee">选择受众：</div>
-                        <div class="select">
-                          <a-select
-                            v-model:value="choosevalue"
-                            style="width: 200px; border-radius: 8px"
-                            placeholder="请选择受众群体"
-                            :options="organizeList1"
-                          />
-                        </div>
-                      </div> -->
-                    </div>
-                    <div class="t1" style="margin-top: 10px">
-                      <div class="organize">受众名称：</div>
-                      <a-input
-                        v-model:value="nameaddd"
-                        style="width: 260px; height: 40px; border-radius: 8px"
-                        placeholder="请输入受众名称"
-                      />
-                    </div>
-                    <div class="btns">
-                      <div class="btn1">
-                        <div class="img1">
-                          <img
-                            src="../../assets/images/courseManage/search0.png"
-                          />
-                        </div>
-                        <div class="wz">搜索</div>
-                      </div>
-                      <div class="btn2">
-                        <div class="img2">
-                          <img
-                            src="../../assets/images/courseManage/reset1.png"
-                          />
-                        </div>
-                        <div class="wz">重置</div>
-                      </div>
-                    </div>
-                  </div>
-
-                  <!-- <div class="line">
-                  <div class="inline">
-                    <div class="left1">
-                      <div class="img"></div>
-                      <div class="text" style="margin-left: 10px">已选择</div>
-                      <div class="text2">2</div>
-                      <div class="text">项</div>
-                      <div class="text3">列表选项总计：</div>
-                      <div class="text4">9条</div>
-                    </div>
-                    <div class="right1">清空</div>
-                  </div>
-                </div> -->
-                  <div class="tableBox tabb" style="margin-top: 16px">
-                    <a-table
-                      style="border: 1px solid #f2f6fe"
-                      :columns="tablecolumns2"
-                      :data-source="tabledata2"
-                      :loading="tableDataTotal === -1 ? true : false"
-                      expandRowByClick="true"
-                      :scroll="{ x: 500 }"
-                      @expand="expandTable"
-                      :pagination="false"
-                      :row-selection="{
-                        columnWidth: 30,
-                        selectedRowKeys: selectedRowKeys2,
-                        onChange: onSelectChange2,
-                      }"
-                    />
-                    <div class="pa" style="margin-top: 20px">
-                      <a-pagination
-                        showSizeChanger="true"
-                        showQuickJumper="true"
-                        hideOnSinglePage="true"
-                        :pageSize="pageSize2"
-                        :current="currentPage2"
-                        :total="tableDataTotal2"
-                        class="pagination"
-                        v-if="tabledata2 > 10"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </a-tab-pane>
+            
             </a-tabs>
           </div>
         </div>
@@ -356,134 +194,7 @@
               </div>
             </div>
           </div>
-          <div class="line"></div>
-          <div class="tit">添加组织</div>
-          <div style="position: relative; min-height: 180px">
-            <div
-              style="position: relative; height: 160px"
-              class="selectedsBox"
-              id="selectedsBox1"
-            >
-              <div class="selecteds" id="selecteds1">
-                <!-- 遍历生成 -->
-                <div
-                  class="chose"
-                  v-for="item in chooseorganization1"
-                  :key="item.key"
-                >
-                  <div>{{ item.value }}</div>
-                  <div class="ch" @click="deleteChoosePeople1(item)"></div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="chose"
-              style="
-                display: flex;
-                justify-content: flex-end;
-                margin-right: 20px;
-                font-size: 12px;
-                font-weight: 500;
-                color: #409eff;
-                line-height: 22px;
-              "
-              v-if="showMore1"
-              @click="morePeopleShow1"
-            >
-              <div>
-                查看更多
-                <img
-                  style="width: 10px; height: 12px; margin-top: -2px"
-                  src="../../assets/images/projectadd/go.png"
-                />
-              </div>
-            </div>
-            <div
-              class="chose"
-              style="
-                display: flex;
-                justify-content: flex-end;
-                margin-right: 20px;
-                font-size: 12px;
-                font-weight: 500;
-                color: #409eff;
-                line-height: 22px;
-              "
-              v-if="showHidden1"
-              @click="morePeopleHidden1"
-            >
-              <div>
-                收起
-                <img
-                  style="width: 10px; height: 12px; margin-top: -2px"
-                  src="../../assets/images/projectadd/pickUp.png"
-                />
-              </div>
-            </div>
-          </div>
-          <div class="line"></div>
-          <div class="tit">受众关联</div>
-          <div
-            style="position: relative; min-height: 180px; padding-bottom: 40px"
-          >
-            <div style="height: 160px" class="selectedsBox" id="selectedsBox2">
-              <div class="selecteds" id="selecteds2">
-                <!-- 遍历生成 -->
-                <div
-                  class="chose"
-                  v-for="item in relationpeople"
-                  :key="item.key"
-                >
-                  <div>{{ item.name }}</div>
-                  <div class="ch" @click="deleteRelationPeople(item)"></div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="chose"
-              style="
-                display: flex;
-                justify-content: flex-end;
-                margin-right: 20px;
-                font-size: 12px;
-                font-weight: 500;
-                color: #409eff;
-                line-height: 22px;
-              "
-              v-if="showMore2"
-              @click="morePeopleShow2"
-            >
-              <div>
-                查看更多
-                <img
-                  style="width: 10px; height: 12px; margin-top: -2px"
-                  src="../../assets/images/projectadd/go.png"
-                />
-              </div>
-            </div>
-            <div
-              class="chose"
-              style="
-                display: flex;
-                justify-content: flex-end;
-                margin-right: 20px;
-                font-size: 12px;
-                font-weight: 500;
-                color: #409eff;
-                line-height: 22px;
-              "
-              v-if="showHidden2"
-              @click="morePeopleHidden2"
-            >
-              <div>
-                收起
-                <img
-                  style="width: 10px; height: 12px; margin-top: -2px"
-                  src="../../assets/images/projectadd/pickUp.png"
-                />
-              </div>
-            </div>
-          </div>
+          
         </div>
       </div>
       <div class="btnn">
@@ -492,44 +203,15 @@
       </div>
     </div>
 
-     <!-- 确认添加部门弹窗 -->
-    <a-modal
-      v-model:visible="showOrgModal"
-      :footer="null"
-      wrapClassName="confirmAddOrg"
-      centered="true"
-    >
-      <div class="delete">
-        <div class="del_header"></div>
-        <div class="del_main">
-          <div class="header">
-            <div class="icon"></div>
-            <span>提示</span>
-            <div class="close_exit" @click="closeOrgModal"></div>
-          </div>
-          <div class="body">
-            <span>您确定要添加此组织吗</span>
-          </div>
-          <div class="del_btnbox">
-            <div class="del_btn btn1" @click="closeOrgModal">
-              <div class="btnText">取消</div>
-            </div>
-            <div class="del_btn btn2" @click="addOrg">
-              <div class="btnText">确定</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </a-modal>
-    <!-- 确认添加部门弹窗 -->
+ 
   </a-drawer>
 </template>
 
 <script>
 import { reactive, toRefs, onMounted, onUnmounted } from "vue";
 import elementResizeDetectorMaker from "element-resize-detector";
-import { message } from "ant-design-vue";
-import { toDate } from "../../api/method";
+// import { message } from "ant-design-vue";
+// import { toDate } from "../../api/method";
 export default {
   name: "OwnPower",
   props: {
@@ -885,136 +567,7 @@ export default {
         },
       ],
 
-      //受众关联table数据
-      tabledata2: [
-        {
-          key: 1,
-          name: "学习受众",
-          time: "1668410969",
-          number: "20",
-          type: "普通受众",
-        },
-        {
-          key: 2,
-          name: "案例受众",
-          time: "1668324569",
-          number: "10",
-          type: "普通受众",
-        },
-        {
-          key: 3,
-          name: "学习受众",
-          time: "1668238169",
-          number: "20",
-          type: "普通受众",
-        },
-        {
-          key: 4,
-          name: "显示受众",
-          time: "1668133769",
-          number: "30",
-          type: "普通受众2",
-        },
-        {
-          key: 5,
-          name: "惯例受众",
-          time: "1668047369",
-          number: "50",
-          type: "普通受众",
-        },
-        {
-          key: 6,
-          name: "管理受众",
-          time: "1667960969",
-          number: "20",
-          type: "普通受众",
-        },
-        {
-          key: 7,
-          name: "学习小组受众",
-          time: "1667874569",
-          number: "20",
-          type: "普通受众",
-        },
-        {
-          key: 8,
-          name: "学习受众",
-          time: "1667701769",
-          number: "10",
-          type: "普通受众",
-        },
-        {
-          key: 9,
-          name: "案例受众",
-          time: "1667442569",
-          number: "5",
-          type: "普通受众",
-        },
-        {
-          key: 10,
-          name: "项目受众",
-          time: "1667262569",
-          number: "25",
-          type: "普通受众",
-        },
-      ],
-      tablecolumns2: [
-        {
-          title: "受众名称",
-          dataIndex: "name",
-          key: "name",
-          width: 30,
-          align: "left",
-          className: "h",
-        },
-        {
-          title: "创建时间",
-          dataIndex: "time",
-          key: "time",
-          width: 35,
-          align: "center",
-          className: "h",
-          sorter: {
-            compare: (a, b) => a.time - b.time,
-            multiple: 3,
-          },
-          scopedSlots: { customRender: "action" }, //引入的插槽
-          customRender: (text) => {
-            // console.log(text.record.checked1);
-            return (
-              <div class="racona">
-                <span> {toDate(Number(text.record.time), "Y-M-D h:m:s")}</span>
-              </div>
-            );
-          },
-        },
-        {
-          title: "人数",
-          dataIndex: "number",
-          key: "number",
-          width: 30,
-          align: "center",
-          className: "h",
-        },
-        {
-          title: "类型",
-          dataIndex: "type",
-          key: "type",
-          width: 40,
-          align: "center",
-          className: "h",
-        },
-      ],
-      organizeList1: [
-        {
-          value: "产品受众群体",
-          label: "产品受众群体",
-        },
-        {
-          value: "人力资源hrbp",
-          label: "人力资源hrbp",
-        },
-      ],
+     
       //快速选人-------------------------------------
       valueSelectboe: null, //快速选人的选择组织
       choosepeople: [], //总的数组
@@ -1023,23 +576,7 @@ export default {
       showHidden: false, //是否显示收回
       selectedRowKeys: [], //表格选中的key
       //快速选人-------------------------------------
-      //添加组织-------------------------------------
-
-      selectedKeys1: [], //选中部门的key
-      chooseorganization: [], //添加组织的选择组织
-      chooseorganization1: [], //显示到右侧的数组
-      showMore1: false, //是否显示添加组织的查看更多
-      showHidden1: false, //是否显示添加组织的收回
-
-      showOrgModal: false, //确认弹窗
-      //添加组织-------------------------------------
-
-      //受众关联-------------------------------------
-      relationpeople: [], //总的数组
-      showMore2: false, //是否显示快速选人的查看更多
-      showHidden2: false, //是否显示收回
-      selectedRowKeys2: [], //表格选中的key
-      //受众关联-------------------------------------
+     
     });
     const closeDrawer = () => {
       state.activeKey = "1";
@@ -1153,217 +690,7 @@ export default {
 
     // 结束 快速选人------------------------------------------------------------------
 
-    // 开始 添加组织------------------------------------------------------------------
-    //选中部门
-    const departmentSelect1 = (e, k) => {
-      console.log("选中的部门", e, k);
-      if (!k.node.children) {
-        state.selectedKeys1 = e.reverse();
-        if (k.selected) {
-          state.chooseorganization.unshift(k.node);
-        } else {
-          for (let i = 0; i < state.chooseorganization.length; i++) {
-            if (state.chooseorganization[i].key === k.node.key) {
-              state.chooseorganization.splice(i, 1);
-            }
-          }
-        }
-      }
-
-      // console.log("选中的部门2", state.selectedKeys1, state.chooseorganization);
-    };
-    //点击确认添加-判断是否显示确定弹窗
-    const addOrgModal = () => {
-      if (state.chooseorganization.length === 0) {
-        message.destroy();
-        message.warning("请选择部门");
-      } else {
-        state.showOrgModal = true;
-      }
-    };
-    //确定添加
-    const addOrg = () => {
-      console.log("chooseorganization", state.chooseorganization);
-      state.chooseorganization1 = state.chooseorganization;
-      selectedsHeight1();
-      state.showOrgModal = false;
-    };
-    //取消添加
-    const closeOrgModal = () => {
-      state.showOrgModal = false;
-    };
-
-    //单个删除选中的人
-    const deleteChoosePeople1 = (item) => {
-      console.log("item", item);
-      let arr = state.chooseorganization;
-      for (let i = 0; i < arr.length; i++) {
-        if (arr[i].key === item.key) {
-          arr.splice(i, 1);
-        }
-      }
-      state.chooseorganization = arr;
-      let array = state.selectedKeys1;
-      for (let i = 0; i < array.length; i++) {
-        if (array[i] === item.key) {
-          array.splice(i, 1);
-        }
-      }
-      state.selectedKeys1 = array;
-      console.log("state.selectedKeys1", state.selectedKeys1);
-    };
-
-    //根据右侧快速选人高度，判断是否显示更多
-    const selectedsHeight1 = () => {
-      let resize = elementResizeDetectorMaker();
-      resize.listenTo(
-        document.getElementById("ownpower").querySelector("#selecteds1"),
-        function (ele) {
-          console.log("ele", ele.offsetHeight);
-          if (ele.offsetHeight > 160 && !state.showHidden1) {
-            state.showMore1 = true;
-            document
-              .getElementById("ownpower")
-              .querySelector("#selectedsBox1").style.overflow = "hidden";
-            document
-              .getElementById("ownpower")
-              .querySelector("#selectedsBox1").style.height = "160px";
-          } else if (ele.offsetHeight < 160) {
-            state.showMore1 = false;
-            state.showHidden1 = false;
-            document
-              .getElementById("ownpower")
-              .querySelector("#selectedsBox1").style.overflow = "hidden";
-            document
-              .getElementById("ownpower")
-              .querySelector("#selectedsBox1").style.height = "160px";
-          }
-        }
-      );
-    };
-    const morePeopleShow1 = () => {
-      state.showMore1 = false;
-      state.showHidden1 = true;
-      document
-        .getElementById("ownpower")
-        .querySelector("#selectedsBox1").style.overflow = "";
-      document
-        .getElementById("ownpower")
-        .querySelector("#selectedsBox1").style.height = "";
-    };
-    const morePeopleHidden1 = () => {
-      state.showMore1 = true;
-      state.showHidden1 = false;
-      document
-        .getElementById("ownpower")
-        .querySelector("#selectedsBox1").style.overflow = "hidden";
-      document
-        .getElementById("ownpower")
-        .querySelector("#selectedsBox1").style.height = "160px";
-    };
-    //搜索组织
-    const searchOrg = () => {
-      let treeTitle = document
-        .getElementById("ownpower")
-        .querySelector(".treeMain2")
-        .querySelectorAll(".ant-tree-title");
-      if (state.com) {
-        for (let i = 0; i < treeTitle.length; i++) {
-          if (state.com === treeTitle[i].innerHTML) {
-            document
-              .getElementById("ownpower")
-              .querySelector(".treeMain2")
-              .scrollTo(0, treeTitle[i].offsetTop + 28 * i);
-            return;
-          } else if (i == treeTitle.length - 1) {
-            message.destroy();
-            message.warning("未找到该部门");
-          }
-        }
-      } else {
-        message.destroy();
-        message.warning("请输入组织名称");
-      }
-    };
-    // 结束 添加组织------------------------------------------------------------------
-
-    // 开始 受众关联------------------------------------------------------------------
-
-    //受众关联 选中的数组
-    const onSelectChange2 = (selectedRowKeys, item) => {
-      // console.log("selectedRowKeys changed: ", selectedRowKeys,item);
-      state.selectedRowKeys2 = selectedRowKeys;
-      state.relationpeople = item.reverse();
-      selectedsHeight2();
-    };
-    //单个删除选中的人
-    const deleteChoosePeople2 = (item) => {
-      let arr = state.relationpeople;
-      for (let i = 0; i < arr.length; i++) {
-        if (arr[i].key === item.key) {
-          arr.splice(i, 1);
-        }
-      }
-      state.relationpeople = arr;
-      let array = state.selectedRowKeys2;
-      for (let i = 0; i < array.length; i++) {
-        if (array[i] === item.key) {
-          array.splice(i, 1);
-        }
-      }
-      state.selectedRowKeys2 = array;
-      console.log("");
-    };
-    //根据右侧快速选人高度，判断是否显示更多
-    const selectedsHeight2 = () => {
-      let resize = elementResizeDetectorMaker();
-      resize.listenTo(
-        document.getElementById("ownpower").querySelector("#selecteds2"),
-        function (ele) {
-          console.log("ele", ele.offsetHeight);
-          if (ele.offsetHeight > 160 && !state.showHidden2) {
-            state.showMore2 = true;
-            document
-              .getElementById("ownpower")
-              .querySelector("#selectedsBox2").style.overflow = "hidden";
-            document
-              .getElementById("ownpower")
-              .querySelector("#selectedsBox2").style.height = "160px";
-          } else if (ele.offsetHeight < 160) {
-            state.showMore2 = false;
-            state.showHidden2 = false;
-            document
-              .getElementById("ownpower")
-              .querySelector("#selectedsBox2").style.overflow = "hidden";
-            document
-              .getElementById("ownpower")
-              .querySelector("#selectedsBox2").style.height = "160px";
-          }
-        }
-      );
-    };
-    const morePeopleShow2 = () => {
-      state.showMore2 = false;
-      state.showHidden2 = true;
-      document
-        .getElementById("ownpower")
-        .querySelector("#selectedsBox2").style.overflow = "";
-      document
-        .getElementById("ownpower")
-        .querySelector("#selectedsBox2").style.height = "";
-    };
-    const morePeopleHidden2 = () => {
-      state.showMore2 = true;
-      state.showHidden2 = false;
-      document
-        .getElementById("ownpower")
-        .querySelector("#selectedsBox2").style.overflow = "hidden";
-      document
-        .getElementById("ownpower")
-        .querySelector("#selectedsBox2").style.height = "160px";
-    };
-
-    // 结束 受众关联------------------------------------------------------------------
+  
 
     //全部清除
     const deleteAll = () => {
@@ -1374,30 +701,13 @@ export default {
       state.showHidden = false; //是否显示收回
       state.selectedRowKeys = []; //表格选中的key
       //快速选人-------------------------------------
-      //添加组织-------------------------------------
-
-      state.selectedKeys1 = []; //选中部门的key
-      state.chooseorganization = []; //添加组织的选择组织
-      state.chooseorganization1 = []; //显示到右侧的数组
-      state.showMore1 = false; //是否显示添加组织的查看更多
-      state.showHidden1 = false; //是否显示添加组织的收回
-
-      state.showOrgModal = false; //确认弹窗
-      //添加组织-------------------------------------
-
-      //受众关联-------------------------------------
-      state.relationpeople = []; //总的数组
-      state.showMore2 = false; //是否显示快速选人的查看更多
-      state.showHidden2 = false; //是否显示收回
-      state.selectedRowKeys2 = []; //表格选中的key
-      //受众关联-------------------------------------
+     
     };
     return {
      ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
       onSelectChange,
-      onSelectChange2,
       // change,
       departmentSelect,
       deleteChoosePeople,
@@ -1405,23 +715,10 @@ export default {
       morePeopleShow,
       morePeopleHidden,
 
-      departmentSelect1,
-      addOrgModal,
-      addOrg,
-      closeOrgModal,
-      selectedsHeight1,
-      morePeopleShow1,
-      morePeopleHidden1,
-      deleteChoosePeople1,
-
-      selectedsHeight2,
-      morePeopleShow2,
-      morePeopleHidden2,
-      deleteChoosePeople2,
+    
 
       deleteAll,
 
-      searchOrg,
     };
   },
 };
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index 6ca6b5d4..0221c0fe 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -38,13 +38,13 @@
           />
         </div>
         <div style="display: flex; margin-bottom: 20px">
-          <div class="btn btn1">
+          <div class="btn btn1" @click="searchLearnPath">
             <div class="search"></div>
-            <div class="btnText" @click="searchLearnPath">搜索</div>
+            <div class="btnText" >搜索</div>
           </div>
-          <div class="btnn btn2">
+          <div class="btnn btn2" @click="resetLearnPath">
             <div class="search"></div>
-            <div class="btnText" @click="resetLearnPath">重置</div>
+            <div class="btnText" >重置</div>
           </div>
         </div>
       </div>
@@ -1349,7 +1349,7 @@ export default {
         .getLearnPath(obj)
         .then((res) => {
           if (res.status === 200) {
-            // console.log("获取路径列表数据", res.data.data);
+            console.log("获取路径列表数据", res.data.data);
             let arr = res.data.data.rows;
             if (
               arr.length === 0 &&
diff --git a/src/views/projectcenter/ProjectAdd.vue b/src/views/projectcenter/ProjectAdd.vue
index e21cafdd..9d48e5f9 100644
--- a/src/views/projectcenter/ProjectAdd.vue
+++ b/src/views/projectcenter/ProjectAdd.vue
@@ -1,44 +1,73 @@
 <!---- 创建项目页面 --->
 <template>
-	<div class="projectAdd">
-		<div class="header">
-			<span class="title">创建/编辑单层项目</span>
-			<div @click="backPage" style="cursor: pointer;" to="/projectmanage" class="goback">
-				<span class="return"></span><span class="returntext">返回</span>
-			</div>
-		</div>
-		<div class="content">
-			<div class="main">
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目名称</div>
-					</div>
-					<div class="in">
-						<a-input v-model:value="projectName" placeholder="请输入项目名称" show-count :maxlength="30" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">分类</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect" placeholder="四个养成" style="width: 100%" :options="classifyList"
-							@change="classificationChange" allowClear showSearch>
-						</a-select>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">封面图</div>
-					</div>
-					<div class="box" style="
+  <div class="projectAdd">
+    <div class="header">
+      <span class="title">创建/编辑单层项目</span>
+      <div
+        @click="backPage"
+        style="cursor: pointer"
+        to="/projectmanage"
+        class="goback"
+      >
+        <span class="return"></span><span class="returntext">返回</span>
+      </div>
+    </div>
+    <div class="content">
+      <div class="main">
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目名称</div>
+          </div>
+          <div class="in">
+            <a-input
+              v-model:value="projectName"
+              placeholder="请输入项目名称"
+              show-count
+              :maxlength="30"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">分类</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect"
+              placeholder="四个养成"
+              style="width: 100%"
+              :options="classifyList"
+              @change="classificationChange"
+              allowClear
+              showSearch
+            >
+            </a-select>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">封面图</div>
+          </div>
+          <div
+            class="box"
+            style="
               width: 100px;
               height: 100px;
               border: 1px solid rgba(78, 166, 255, 1);
@@ -46,128 +75,205 @@
               cursor: pointer;
               position: relative;
               overflow: hidden;
-            ">
-						<a-upload v-model:file-list="fileList" name="file" list-type="picture-card" class="avatar-uploader"
-							:show-upload-list="false" action="/api/file/upload" :before-upload="beforeUpload" @change="handleChange">
-							<img style="
+            "
+          >
+            <a-upload
+              v-model:file-list="fileList"
+              name="file"
+              list-type="picture-card"
+              class="avatar-uploader"
+              :show-upload-list="false"
+              action="/api/file/upload"
+              :before-upload="beforeUpload"
+              @change="handleChange"
+            >
+              <img
+                style="
                   width: 100px;
                   height: 100px;
                   margin-bottom: 4px;
                   margin-right: 4px;
-                " v-if="imageUrl" :src="imageUrl" alt="avatar" />
-							<div v-else>
-								<!-- <loading-outlined v-if="loading"></loading-outlined> -->
-								<!-- <plus-outlined v-else></plus-outlined> -->
-								<div class="box1"></div>
-								<div class="box2"></div>
-								<!-- <div class="ant-upload-text"></div> -->
-							</div>
-						</a-upload>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目时间</div>
-					</div>
+                "
+                v-if="imageUrl"
+                :src="imageUrl"
+                alt="avatar"
+              />
+              <div v-else>
+                <!-- <loading-outlined v-if="loading"></loading-outlined> -->
+                <!-- <plus-outlined v-else></plus-outlined> -->
+                <div class="box1"></div>
+                <div class="box2"></div>
+                <!-- <div class="ant-upload-text"></div> -->
+              </div>
+            </a-upload>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目时间</div>
+          </div>
 
-					<div class="in">
-						<a-range-picker separator="至" :placeholder="['      开始时间', '        结束时间']" v-model:value="rangevalue"
-							style="width: 100%;  height: 40px; border-radius: 5px" @change="onRangeChange" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目经理</div>
-					</div>
-					<div class="in">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" :value="classifySelect1" mode="multiple" placeholder="请选择项目经理" style="width: 100%" :options="classifyList1"
-							@change="classificationChange1" allowClear showSearch>
-						</a-select>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">资源归属</div>
-					</div>
+          <div class="in">
+            <a-range-picker
+              separator="至"
+              :placeholder="['      开始时间', '        结束时间']"
+              v-model:value="rangevalue"
+              style="width: 100%; height: 40px; border-radius: 5px"
+              @change="onRangeChange"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目经理</div>
+          </div>
+          <div class="in">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              :value="classifySelect1"
+              mode="multiple"
+              placeholder="请选择项目经理"
+              style="width: 100%"
+              :options="classifyList1"
+              @change="classificationChange1"
+              allowClear
+              showSearch
+            >
+            </a-select>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">资源归属</div>
+          </div>
 
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect2" placeholder="自动带出 可修改" :options="classifyList2"
-							@change="classificationChange2" />
-					</div>
-				</div>
-				<div class="name name2">
-					<div class="namebox">
-						<div class="inname" style="margin-top: 13px">项目说明</div>
-					</div>
-					<div class="in">
-						<a-textarea v-model:value="remark" style="height: 80px" placeholder="请输入说明" show-count :maxlength="200" />
-					</div>
-				</div>
-				<div class="name name2">
-					<div class="namebox">
-						<div class="inname">同步学习记录</div>
-					</div>
-					<div class="in">
-						<a-radio @click="changeChecked" v-model:checked="checked"><span style="
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect2"
+              placeholder="自动带出 可修改"
+              :options="classifyList2"
+              @change="classificationChange2"
+            />
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname" style="margin-top: 13px">项目说明</div>
+          </div>
+          <div class="in">
+            <a-textarea
+              v-model:value="remark"
+              style="height: 80px"
+              placeholder="请输入说明"
+              show-count
+              :maxlength="200"
+            />
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname">同步学习记录</div>
+          </div>
+          <div class="in">
+            <a-radio @click="changeChecked" v-model:checked="checked"
+              ><span
+                style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
-                ">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span></a-radio>
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">项目级别</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect3" :options="classifyList3" @change="classificationChange3"
-							placeholder="集团级/组织级/现地级/部门级" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">培训体系</div>
-					</div>
-					<div class="in select">
-						<a-select :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect4" :options="classifyList4" @change="classificationChange4"
-							placeholder="集团级/组织级/现地级/部门级" />
-					</div>
-				</div>
-				<div class="name">
-					<div class="namebox">
-						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
-						<div class="inname">是否BOEU实施</div>
-					</div>
-					<div class="in">
-						<a-radio @click="changeChecked1" v-model:checked="checked1"><span style="
+                "
+                >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+              ></a-radio
+            >
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">项目级别</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect3"
+              :options="classifyList3"
+              @change="classificationChange3"
+              placeholder="集团级/组织级/现地级/部门级"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">培训体系</div>
+          </div>
+          <div class="in select">
+            <a-select
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect4"
+              :options="classifyList4"
+              @change="classificationChange4"
+              placeholder="集团级/组织级/现地级/部门级"
+            />
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="inname">是否BOEU实施</div>
+          </div>
+          <div class="in">
+            <a-radio @click="changeChecked1" v-model:checked="checked1"
+              ><span
+                style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
-                ">BOEU实施</span></a-radio>
-					</div>
-				</div>
-				<!-- <div class="name name2">
+                "
+                >BOEU实施</span
+              ></a-radio
+            >
+          </div>
+        </div>
+        <!-- <div class="name name2">
 					<div class="namebox" style="margin-top: 8px">
 						<img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
 						<div class="inname">附件</div>
@@ -186,904 +292,1050 @@
 						</div>
 					</div>
 				</div> -->
-			</div>
-			<div class="template">
-				<div class="name">
-					<div class="inname" style="width: 50px">模版</div>
-					<div class="in select" style="margin-left: 2px">
-						<a-select v-if="isEdit" disabled="true" :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect5" placeholder="请选择模版" :size="size" style="width: 100%" :options="classifyList5"
-							@change="classificationChange5">
-						</a-select>
-						<a-select v-else :getPopupContainer="
-							(triggerNode) => {
-								return triggerNode.parentNode || document.body;
-							}
-						" v-model:value="classifySelect5" placeholder="请选择模版" :size="size" style="width: 100%" :options="classifyList5"
-							@change="classificationChange5">
-						</a-select>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="footer">
-			<div class="btn">
-				<a-button v-on:click="createProject" type="primary" class="btn1">确定</a-button>
-				<a-button @click="backPage" class="btn2">取消</a-button>
-			</div>
-		</div>
-	</div>
+      </div>
+      <div class="template">
+        <div class="name">
+          <div class="inname" style="width: 50px">模版</div>
+          <div class="in select" style="margin-left: 2px">
+            <a-select
+              v-if="isEdit"
+              disabled="true"
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect5"
+              placeholder="请选择模版"
+              :size="size"
+              style="width: 100%"
+              :options="classifyList5"
+              @change="classificationChange5"
+            >
+            </a-select>
+            <a-select
+              v-else
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="classifySelect5"
+              placeholder="请选择模版"
+              :size="size"
+              style="width: 100%"
+              :options="classifyList5"
+              @change="classificationChange5"
+              @popupScroll="templateScroll"
+            >
+            </a-select>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="footer">
+      <div class="btn">
+        <a-button v-on:click="createProject" type="primary" class="btn1"
+          >确定</a-button
+        >
+        <a-button @click="backPage" class="btn2">取消</a-button>
+      </div>
+    </div>
+  </div>
 </template>
 <script>
 import { reactive, toRefs, ref } from "vue";
 import { message } from "ant-design-vue";
 import { useRouter, useRoute } from "vue-router";
-import dayjs from 'dayjs';
+import dayjs from "dayjs";
 import * as api from "../../api/index";
-import { storage } from '../../api/storage';
-import { toDate } from '../../api/method'
+import { storage } from "../../api/storage";
+import { toDate } from "../../api/method";
 
 export default {
-	name: "projectAdd",
-	setup() {
-		// 编辑页面跳转过来时候，自动填充表格
-		const routers = useRoute();
-		const isEdit = ref(false);
-		let peojectID = "";
+  name: "projectAdd",
+  setup() {
+    // 编辑页面跳转过来时候，自动填充表格
+    const routers = useRoute();
+    const isEdit = ref(false);
+    let peojectID = "";
 
-		if (routers.query.projectId) {
-			storage.set("projectAddId", routers.query.projectId);
-			isEdit.value = true;
-			peojectID = routers.query.projectId;
-			// 需要编辑
-			api.getProjectDetail({ projectId: routers.query.projectId }).then(res => {
-				if (res.status == 200 && res.data.code == 200) {
-					let info = res.data.data.projectInfo;
-					console.log(info)
-					// projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
-					projectName.value = info.name;
-					state.classifySelect = classifyList.value[1]; // info.category
-					imageUrl.value = info.picUrl;
+    if (routers.query.projectId) {
+      storage.set("projectAddId", routers.query.projectId);
+      isEdit.value = true;
+      peojectID = routers.query.projectId;
+      // 需要编辑
+      api
+        .getProjectDetail({ projectId: routers.query.projectId })
+        .then((res) => {
+          if (res.status == 200 && res.data.code == 200) {
+            let info = res.data.data.projectInfo;
+            console.log(info);
+            // projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
+            projectName.value = info.name;
+            state.classifySelect = classifyList.value[1]; // info.category
+            imageUrl.value = info.picUrl;
 
-					let start = toDate(info.beginTime/1000,'YYYY/MM/DD');
-					let end = toDate(info.endTime/1000,'YYYY/MM/DD');
-					state.rangevalue = [
-						dayjs(start, 'YYYY/MM/DD'),
-						dayjs(end, 'YYYY/MM/DD'),
-					];
+            let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
+            let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
+            state.rangevalue = [
+              dayjs(start, "YYYY/MM/DD"),
+              dayjs(end, "YYYY/MM/DD"),
+            ];
 
-					let manageName = info.manager.split(",");
-					let manageValue = info.managerId.split(",");
-					let optionsManage = []
-					for (let i = 0; i < manageName.length; i++) {
-						let obj = {
-							label: manageName[i],
-							value: manageValue[i]
-						}
-						optionsManage.push(obj)
-					}
-					console.log(optionsManage)
-					state.classifySelect1 = optionsManage;
-					state.classifySelect2 = classifyList2.value[info.sourceBelongId - 1];
-					remark.value = info.remark;
-					state.checked = info.boeFlag ? info.boeFlag : false;
-					state.classifySelect3 = classifyList3.value[info.level];
-					state.classifySelect4 = classifyList4.value[info.systemId - 1];
-					state.checked1 = info.boeFlag ? info.boeFlag : false;
-					// fileList1.value = info.attach.split(",");
+            let manageName = info.manager.split(",");
+            let manageValue = info.managerId.split(",");
+            let optionsManage = [];
+            for (let i = 0; i < manageName.length; i++) {
+              let obj = {
+                label: manageName[i],
+                value: manageValue[i],
+              };
+              optionsManage.push(obj);
+            }
+            console.log(optionsManage);
+            state.classifySelect1 = optionsManage;
+            state.classifySelect2 =
+              classifyList2.value[info.sourceBelongId - 1];
+            remark.value = info.remark;
+            state.checked = info.boeFlag ? info.boeFlag : false;
+            state.classifySelect3 = classifyList3.value[info.level];
+            state.classifySelect4 = classifyList4.value[info.systemId - 1];
+            state.checked1 = info.boeFlag ? info.boeFlag : false;
+            // fileList1.value = info.attach.split(",");
 
-					projectType = 1;
-					picUrl  = info.picUrl; 
-					beginTime = Number(info.beginTime/1000);
-					endTime   = Number(info.endTime/1000);
-					manager   = info.manager;
-					managerId  = info.managerId;
-					sourceBelongIdC  = Number(info.sourceBelongId);
-					courseSyncFlag  = info.courseSyncFlag; 
-					levels  = info.level;
-					systemid = info.systemId;
-					boeFlag = info.boeFlag;
-				}
-			}).catch(err => { console.log(err) })
-		} else {
-			if (storage.get("projectAddId")) {
-				isEdit.value = true;
-				peojectID = storage.get("projectAddId");
-				// 需要编辑
-				api.getProjectDetail({ projectId: storage.get("projectAddId") }).then(res => {
-					if (res.status == 200 && res.data.code == 200) {
-						let info = res.data.data.projectInfo;
-						console.log("我是从本地存储获取的id", info)
-						projectName.value = info.name;
-					state.classifySelect = classifyList.value[1]; // info.category
-					imageUrl.value = info.picUrl;
+            projectType = 1;
+            picUrl = info.picUrl;
+            beginTime = Number(info.beginTime / 1000);
+            endTime = Number(info.endTime / 1000);
+            manager = info.manager;
+            managerId = info.managerId;
+            sourceBelongIdC = Number(info.sourceBelongId);
+            courseSyncFlag = info.courseSyncFlag;
+            levels = info.level;
+            systemid = info.systemId;
+            boeFlag = info.boeFlag;
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    } else {
+      if (storage.get("projectAddId")) {
+        isEdit.value = true;
+        peojectID = storage.get("projectAddId");
+        // 需要编辑
+        api
+          .getProjectDetail({ projectId: storage.get("projectAddId") })
+          .then((res) => {
+            if (res.status == 200 && res.data.code == 200) {
+              let info = res.data.data.projectInfo;
+              console.log("我是从本地存储获取的id", info);
+              projectName.value = info.name;
+              state.classifySelect = classifyList.value[1]; // info.category
+              imageUrl.value = info.picUrl;
 
-					let start = toDate(info.beginTime/1000,'YYYY/MM/DD');
-					let end = toDate(info.endTime/1000,'YYYY/MM/DD');
-					state.rangevalue = [
-						dayjs(start, 'YYYY/MM/DD'),
-						dayjs(end, 'YYYY/MM/DD'),
-					];
+              let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
+              let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
+              state.rangevalue = [
+                dayjs(start, "YYYY/MM/DD"),
+                dayjs(end, "YYYY/MM/DD"),
+              ];
 
-					let manageName = info.manager.split(",");
-					let manageValue = info.managerId.split(",");
-					let optionsManage = []
-					for (let i = 0; i < manageName.length; i++) {
-						let obj = {
-							label: manageName[i],
-							value: manageValue[i]
-						}
-						optionsManage.push(obj)
-					}
-					console.log(optionsManage)
-					state.classifySelect1 = optionsManage;
-					state.classifySelect2 = classifyList2.value[info.sourceBelongId - 1];
-					remark.value = info.remark;
-					state.checked = info.boeFlag ? info.boeFlag : false;
-					state.classifySelect3 = classifyList3.value[info.level];
-					state.classifySelect4 = classifyList4.value[info.systemId - 1];
-					state.checked1 = info.boeFlag ? info.boeFlag : false;
+              let manageName = info.manager.split(",");
+              let manageValue = info.managerId.split(",");
+              let optionsManage = [];
+              for (let i = 0; i < manageName.length; i++) {
+                let obj = {
+                  label: manageName[i],
+                  value: manageValue[i],
+                };
+                optionsManage.push(obj);
+              }
+              console.log(optionsManage);
+              state.classifySelect1 = optionsManage;
+              state.classifySelect2 =
+                classifyList2.value[info.sourceBelongId - 1];
+              remark.value = info.remark;
+              state.checked = info.boeFlag ? info.boeFlag : false;
+              state.classifySelect3 = classifyList3.value[info.level];
+              state.classifySelect4 = classifyList4.value[info.systemId - 1];
+              state.checked1 = info.boeFlag ? info.boeFlag : false;
 
-					projectType = 1;
-					picUrl  = info.picUrl; 
-					beginTime = Number(info.beginTime/1000);
-					endTime   = Number(info.endTime/1000);
-					manager   = info.manager;
-					managerId  = info.managerId;
-					sourceBelongIdC  = Number(info.sourceBelongId);
-					courseSyncFlag  = info.courseSyncFlag; 
-					levels  = info.level;
-					systemid = info.systemId;
-					boeFlag = info.boeFlag;
-					}
-				}).catch(err => { console.log(err) })
-			}
-		}
+              projectType = 1;
+              picUrl = info.picUrl;
+              beginTime = Number(info.beginTime / 1000);
+              endTime = Number(info.endTime / 1000);
+              manager = info.manager;
+              managerId = info.managerId;
+              sourceBelongIdC = Number(info.sourceBelongId);
+              courseSyncFlag = info.courseSyncFlag;
+              levels = info.level;
+              systemid = info.systemId;
+              boeFlag = info.boeFlag;
+            }
+          })
+          .catch((err) => {
+            console.log(err);
+          });
+      }
+    }
 
-		const backPage = () => {
-			storage.remove("projectAddId");
-			setTimeout(() => {
-				router.push({
-					path: "/projectmanage"
-				});
-			}, 400);
-		}
+    const backPage = () => {
+      storage.remove("projectAddId");
+      setTimeout(() => {
+        router.push({
+          path: "/projectmanage",
+        });
+      }, 400);
+    };
 
-		const router = useRouter();
-		const state = reactive({
-			classifySelect: null,
-			classifySelectId: null,
-			checked: false,
-			checked1: false,
-			valueE: null,
-			valueE1: null,
-			valueE2: null,
-			classifySelect1: [],
-			classifySelect2: [],
-			classifySelect3: [],
-			classifySelect4: [],
-			rangevalue: []
-		});
+    const router = useRouter();
+    const state = reactive({
+      classifySelect: null,
+      classifySelectId: null,
+      checked: false,
+      checked1: false,
+      valueE: null,
+      valueE1: null,
+      valueE2: null,
+      classifySelect1: [],
+      classifySelect2: [],
+      classifySelect3: [],
+      classifySelect4: [],
+      rangevalue: [],
 
-		const projectName = ref("");
+      currentPage: 1, //当前页
+      tableDataTotal: -1, //模版列表总数
+      pageSize: 10, //每页10条数据
+      totalPages: 0, //总页数
+    });
 
-		const classifyList = ref([
-			{ value: 1, label: "管理者" },
-			{ value: 2, label: "领军者" },
-			{ value: 3, label: "产业人" },
-		]);
+    const projectName = ref("");
 
-		let projectType = "";
+    const classifyList = ref([
+      { value: 1, label: "管理者" },
+      { value: 2, label: "领军者" },
+      { value: 3, label: "产业人" },
+    ]);
 
-		const classificationChange = (value) => {
-			console.log(`selected ${value}`);
-			projectType = value;
-		};
+    let projectType = "";
 
-		function getBase64(img, callback) {
-			const reader = new FileReader();
-			reader.addEventListener("load", () => callback(reader.result));
-			reader.readAsDataURL(img);
-		}
+    const classificationChange = (value) => {
+      console.log(`selected ${value}`);
+      projectType = value;
+    };
 
-		const fileList = ref([]);
-		const fileList1 = ref([]);
-		const loading = ref(false);
-		const imageUrl = ref("");
-		let picUrl = "";
+    function getBase64(img, callback) {
+      const reader = new FileReader();
+      reader.addEventListener("load", () => callback(reader.result));
+      reader.readAsDataURL(img);
+    }
 
-		const handleChange = (info) => {
-			if (info.file.status === "uploading") {
-				loading.value = true;
-				return;
-			}
-			if (info.file.status === "done") {
-				console.log("上传图片返回的信息 %o", info);
-				picUrl = info.file.response.data;
-				// Get this url from response in real world.
-				getBase64(info.file.originFileObj, (base64Url) => {
-					imageUrl.value = base64Url;
-					loading.value = false;
-				});
-			}
-			if (info.file.status === "error") {
-				loading.value = false;
-				message.error("upload error");
-			}
-		};
+    const fileList = ref([]);
+    const fileList1 = ref([]);
+    const loading = ref(false);
+    const imageUrl = ref("");
+    let picUrl = "";
 
-		let uplodaFileCount = false;
+    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 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 uplodaFileCount = false;
 
-				let attachStr = "";
-				attachData = info.fileList;
-				for (let i = 0; i < attachData.length; i++) {
-					if (attachData.length - 1 == i) {
-						attachStr += attachData[i].response.data;
-					} else {
-						attachStr += attachData[i].response.data + ",";
-					}
-				}
-				console.log(attachStr);
-				attach = attachStr;
+    let 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
+        );
 
-				if (info.fileList.length > 5) {
-					uplodaFileCount = true;
-				} else {
-					uplodaFileCount = false;
-				}
-			}
-			if (info.file.status === "error") {
-				loading.value = false;
-				message.error("upload error");
-			}
-		};
+        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;
 
-		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;
-		};
+        if (info.fileList.length > 5) {
+          uplodaFileCount = true;
+        } else {
+          uplodaFileCount = false;
+        }
+      }
+      if (info.file.status === "error") {
+        loading.value = false;
+        message.error("upload error");
+      }
+    };
 
-		const beforeUpload1 = () => {
-			return new Promise((resovle, reject) => {
-				if (uplodaFileCount) {
-					message.info("上传文件数量已达最大数量");
-					return reject(false);
-				}
-				return resovle(true);
-			});
-		};
+    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;
+    };
 
-		let beginTime = "";
-		let endTime = "";
-		const dateFormatList = ['YYYY/MM/DD'];
+    const beforeUpload1 = () => {
+      return new Promise((resovle, reject) => {
+        if (uplodaFileCount) {
+          message.info("上传文件数量已达最大数量");
+          return reject(false);
+        }
+        return resovle(true);
+      });
+    };
 
-		const onRangeChange = (value, dateString) => {
-			console.log("Selected Time: ", value);
-			// 项目时间选择函数
-			console.log("Formatted Selected Time: ", dateString);
-			console.log(
-				"Formatted Selected TimeStamp",
-				new Date(dateString[0]).getTime()
-			);
-			beginTime = new Date(dateString[0]).getTime() / 1000;
-			endTime = new Date(dateString[1]).getTime() / 1000;
-		};
+    let beginTime = "";
+    let endTime = "";
+    const dateFormatList = ["YYYY/MM/DD"];
 
-		// 项目经理 后续接口调用
-		const classifyList1 = ref([
-			{ value: 1, label: "李俊国" },
-			{ value: 2, label: "将小米" },
-			{ value: 3, label: "刘孟君" },
-		]);
+    const onRangeChange = (value, dateString) => {
+      console.log("Selected Time: ", value);
+      // 项目时间选择函数
+      console.log("Formatted Selected Time: ", dateString);
+      console.log(
+        "Formatted Selected TimeStamp",
+        new Date(dateString[0]).getTime()
+      );
+      beginTime = new Date(dateString[0]).getTime() / 1000;
+      endTime = new Date(dateString[1]).getTime() / 1000;
+    };
 
-		let 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 classifyList1 = ref([
+      { value: 1, label: "李俊国" },
+      { value: 2, label: "将小米" },
+      { value: 3, label: "刘孟君" },
+    ]);
 
-		// 资源归属 sourceBelongId 后续给接口
-		const classifyList2 = ref([
-			{ value: 1, label: "项目一" },
-			{ value: 2, label: "项目二" },
-			{ value: 3, label: "项目三" },
-		]);
+    let manager = "";
+    let managerId = "";
+    const classificationChange1 = (key, options) => {
+      console.log(`selected ${key}`, options);
+      let mstr = "";
+      let midstr = "";
+      for (let i = 0; i < key.length; i++) {
+        if (key.length - 1 !== i) {
+          midstr += key[i] + ",";
+          mstr += classifyList1.value[i].label + ",";
+        } else {
+          midstr += key[i];
+          mstr += classifyList1.value[i].label;
+        }
+      }
+      console.log(mstr, midstr);
+      state.classifySelect1 = options;
+      let newoptions = [];
+      for (let i = 0; i < state.classifySelect1.length; i++) {
+        if (state.classifySelect1[i].value) {
+          newoptions.push(state.classifySelect1[i]);
+        }
+      }
+      state.classifySelect1 = newoptions;
+      manager = mstr;
+      managerId = midstr;
+    };
 
-		let sourceBelongIdC = '';
-		const classificationChange2 = (key) => {
-			console.log(`selected ${key}`, classifyList2);
-			sourceBelongIdC = key;
-		};
+    // 资源归属 sourceBelongId 后续给接口
+    const classifyList2 = ref([
+      { value: 1, label: "项目一" },
+      { value: 2, label: "项目二" },
+      { value: 3, label: "项目三" },
+    ]);
 
-		// 项目级别
-		const classifyList3 = ref([
-			{ value: 1, label: "集团级" },
-			{ value: 2, label: "组织级" },
-			{ value: 3, label: "现地级" },
-			{ value: 4, label: "部门级" },
-		]);
+    let sourceBelongIdC = "";
+    const classificationChange2 = (key) => {
+      console.log(`selected ${key}`, classifyList2);
+      sourceBelongIdC = key;
+    };
 
-		let levels = "";
-		const classificationChange3 = (key) => {
-			console.log(`selected ${key}`, classifyList3);
-			levels = key;
-		};
+    // 项目级别
+    const classifyList3 = ref([
+      { value: 1, label: "集团级" },
+      { value: 2, label: "组织级" },
+      { value: 3, label: "现地级" },
+      { value: 4, label: "部门级" },
+    ]);
 
-		// 培训体系
-		const classifyList4 = ref([
-			{ value: 1, label: "集团级" },
-			{ value: 2, label: "组织级" },
-			{ value: 3, label: "现地级" },
-			{ value: 4, label: "部门级" },
-		]);
+    let levels = "";
+    const classificationChange3 = (key) => {
+      console.log(`selected ${key}`, classifyList3);
+      levels = key;
+    };
 
-		let systemid = "";
-		const classificationChange4 = (key) => {
-			console.log(`selected ${key}`, classifyList4);
-			systemid = key;
-		};
+    // 培训体系
+    const classifyList4 = ref([
+      { value: 1, label: "集团级" },
+      { value: 2, label: "组织级" },
+      { value: 3, label: "现地级" },
+      { value: 4, label: "部门级" },
+    ]);
 
-		// 模版
-		const classifyList5 = ref([
-			{ value: 1, label: "模版一" },
-			{ value: 2, label: "模版二" },
-			{ value: 3, label: "模版三" },
-			{ value: 4, label: "模版四" },
-		]);
-		const classificationChange5 = (key) => {
-			console.log(`selected ${key}`, classifyList5);
-		};
+    let systemid = "";
+    const classificationChange4 = (key) => {
+      console.log(`selected ${key}`, classifyList4);
+      systemid = key;
+    };
 
-		// 项目说明
-		const remark = ref("");
+    // 模版
+    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 = {
+        projectId: Number(key),
+      };
+      api
+        .getProjectDetail(obj)
+        .then((res) => {
+          console.log("获取项目详情", res);
+          if (res.status === 200) {
+            let info = res.data.data.projectInfo;
+            console.log(info);
+            // projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
+            projectName.value = info.name;
+            state.classifySelect = classifyList.value[1]; // info.category
+            imageUrl.value = info.picUrl;
 
-		let courseSyncFlag = 0;
-		const changeChecked = () => {
-			console.log(state.checked);
-			state.checked ? (state.checked = false) : (state.checked = true);
-			courseSyncFlag = state.checked ? 1 : 0;
-		};
+            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 boeFlag = 0;
-		const changeChecked1 = () => {
-			console.log(state.checked1);
-			state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
-			boeFlag = state.checked1 ? 1 : 0;
-		};
+            let manageName = info.manager.split(",");
+            let manageValue = info.managerId.split(",");
+            let optionsManage = [];
+            for (let i = 0; i < manageName.length; i++) {
+              let obj = {
+                label: manageName[i],
+                value: manageValue[i],
+              };
+              optionsManage.push(obj);
+            }
+            console.log(optionsManage);
+            state.classifySelect1 = optionsManage;
+            state.classifySelect2 =
+              classifyList2.value[info.sourceBelongId - 1];
+            remark.value = info.remark;
+            state.checked = info.boeFlag ? info.boeFlag : false;
+            state.classifySelect3 = classifyList3.value[info.level];
+            state.classifySelect4 = classifyList4.value[info.systemId - 1];
+            state.checked1 = info.boeFlag ? info.boeFlag : false;
+            // fileList1.value = info.attach.split(",");
 
-		const removeFile = (file) => {
-			const index = fileList1.value.indexOf(file);
-			const newFileList = fileList1.value.slice();
-			newFileList.splice(index, 1);
-			fileList1.value = newFileList;
+            projectType = 1;
+            picUrl = info.picUrl;
+            beginTime = Number(info.beginTime / 1000);
+            endTime = Number(info.endTime / 1000);
+            manager = info.manager;
+            managerId = info.managerId;
+            sourceBelongIdC = Number(info.sourceBelongId);
+            courseSyncFlag = info.courseSyncFlag;
+            levels = info.level;
+            systemid = info.systemId;
+            boeFlag = info.boeFlag;
+          }
+        })
+        .catch((err) => {
+          console.log("获取详情失败", err);
+        });
+    };
+    //获取模版列表
+    const getTemplate = () => {
+      let obj = {
+        pageNo: state.currentPage,
+        pageSize: state.pageSize,
+        // projectId:id?id:''
+      };
+      api
+        .getProjectList(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.projectId,
+                label: value.name,
+              };
+              array.push(obj);
+            });
+            classifyList5.value = array;
+          }
+        })
+        .catch((err) => {
+          console.log("获取模版列表失败", err);
+        });
+    };
+    getTemplate();
+    //模版滚动加载信息
+    const templateScroll = (e) => {
+      // console.log("滚动", e, b);
+      const { target } = e;
+      const scrllHeight = target.scrollHeight - target.scrollTop;
+      const clientHeight = target.clientHeight;
+      // console.log("scrllHeight", scrllHeight, clientHeight);
+      if (scrllHeight === 0 && clientHeight === 0) {
+        state.currentPage = 1;
+      } else if (scrllHeight - clientHeight == 0) {
+        // 下拉到底部时
+        if (state.currentPage < state.totalPages) {
+          // 如果滑到底部，则加载下一页
+          state.currentPage++;
+          getTemplate();
+        }
+      }
+    };
 
-			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 remark = ref("");
 
-		const errorMsgs = {
-			name: "请输入项目名称",
-			category: "请选择项目分类",
-			picUrl: "请上传项目封面图",
-			beginTime: "请选择项目开始时间",
-			endTime: "请选择项目结束时间",
-			manager: "请选择项目经理",
-			managerId: "请选择项目经理",
-			sourceBelongId: "请选择资源归属",
-			level: "请填写项目级别",
-			systemId: "请填写项目培训体系",
-			boeFlag: "请选择是否BOE实施"
-		};
-		
-		const createProject = () => {
-			console.log('我是否要编辑项目', isEdit.value)
-			if (isEdit.value) {
-				console.log('我要编辑项目', peojectID)
-				let obj = {
-					projectId: Number(peojectID),
-					name: projectName["value"],
-					category: projectType,
-					picUrl: picUrl,
-					beginTime: beginTime,
-					endTime: endTime,
-					manager: manager,
-					managerId: managerId,
-					sourceBelongId: sourceBelongIdC,
-					remark: remark["value"],
-					courseSyncFlag: courseSyncFlag,
-					level: levels,
-					systemId: systemid,
-					boeFlag: boeFlag,
-					attach: attach,
-					type: 3,
-					templateId: 0,
-					parentId: 0,
-					notice: "",
-					noticeFlag: 0,
-					status: 0,
-				};
+    let courseSyncFlag = 0;
+    const changeChecked = () => {
+      console.log(state.checked);
+      state.checked ? (state.checked = false) : (state.checked = true);
+      courseSyncFlag = state.checked ? 1 : 0;
+    };
 
-				console.log(obj);
+    let boeFlag = 0;
+    const changeChecked1 = () => {
+      console.log(state.checked1);
+      state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
+      boeFlag = state.checked1 ? 1 : 0;
+    };
 
-				for (let i in errorMsgs) {
-					console.log(obj[i]);
-					if (obj[i] === "" || obj[i] === undefined) {
-						message.destroy();
-						message.warning(errorMsgs[i]);
-						return;
-					}
-				}
+    const removeFile = (file) => {
+      const index = fileList1.value.indexOf(file);
+      const newFileList = fileList1.value.slice();
+      newFileList.splice(index, 1);
+      fileList1.value = newFileList;
 
-				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("编辑失败，请检查当前网络状态。");
-					});
+      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;
+    };
 
-			} else {
-				let obj = {
-					name: projectName["value"],
-					category: projectType,
-					picUrl: picUrl,
-					beginTime: beginTime,
-					endTime: endTime,
-					manager: manager,
-					managerId: managerId,
-					sourceBelongId: sourceBelongIdC,
-					remark: remark["value"],
-					courseSyncFlag: courseSyncFlag,
-					level: levels,
-					systemId: systemid,
-					boeFlag: boeFlag,
-					attach: attach,
-					type: 3,
-					templateId: 10,
-					parentId: 0,
-					notice: "",
-					noticeFlag: 0,
-					status: 0,
-				};
-				console.log("提交的数据格式 %o", obj);
-				for (let i in errorMsgs) {
-					console.log(obj[i]);
-					if (obj[i] === "" || obj[i] === undefined) {
-						message.destroy();
-						message.warning(errorMsgs[i]);
-						return;
-					}
-				}
+    const errorMsgs = {
+      name: "请输入项目名称",
+      category: "请选择项目分类",
+      picUrl: "请上传项目封面图",
+      beginTime: "请选择项目开始时间",
+      endTime: "请选择项目结束时间",
+      manager: "请选择项目经理",
+      managerId: "请选择项目经理",
+      sourceBelongId: "请选择资源归属",
+      level: "请填写项目级别",
+      systemId: "请填写项目培训体系",
+      boeFlag: "请选择是否BOE实施",
+    };
 
-				api
-					.createProject(obj)
-					.then((res) => {
-						console.log(res);
-						if (res.status == 200 && res.data.code == 200) {
-							message.destroy();
-							message.success("创建成功");
-							setTimeout(() => {
-								router.push({
-									path: "/taskpage",
-									query: { id: res.data.data.projectId },
-								});
-							}, 1000);
-						} else {
-							message.destroy();
-							message.error("创建失败，请检查当前网络状态。");
-						}
-					})
-					.catch((err) => {
-						console.log(err);
-						message.destroy();
-						message.error("创建失败，请检查当前网络状态。");
-					});
-			}
-		};
+    const createProject = () => {
+      console.log("我是否要编辑项目", isEdit.value);
+      if (isEdit.value) {
+        console.log("我要编辑项目", peojectID);
+        let obj = {
+          projectId: Number(peojectID),
+          name: projectName["value"],
+          category: projectType,
+          picUrl: picUrl,
+          beginTime: beginTime,
+          endTime: endTime,
+          manager: manager,
+          managerId: managerId,
+          sourceBelongId: sourceBelongIdC,
+          remark: remark["value"],
+          courseSyncFlag: courseSyncFlag,
+          level: levels,
+          systemId: systemid,
+          boeFlag: boeFlag,
+          attach: attach,
+          type: 3,
+          templateId: 0,
+          parentId: 0,
+          notice: "",
+          noticeFlag: 0,
+          status: 0,
+        };
 
-		return {
-			...toRefs(state),
-			projectName,
-			classifyList,
-			classificationChange,
-			classificationChange1,
-			classificationChange2,
-			classificationChange3,
-			classificationChange4,
-			classificationChange5,
-			fileList,
-			fileList1,
-			loading,
-			imageUrl,
-			handleChange,
-			handleChange1,
-			beforeUpload,
-			beforeUpload1,
-			onRangeChange,
-			classifyList1,
-			classifyList2,
-			classifyList3,
-			classifyList4,
-			classifyList5,
-			remark,
-			changeChecked,
-			changeChecked1,
-			uplodaFileCount,
-			createProject,
-			removeFile,
+        console.log(obj);
 
-			isEdit,
-			backPage,
-			dateFormatList,
-		};
-	},
+        for (let i in errorMsgs) {
+          console.log(obj[i]);
+          if (obj[i] === "" || obj[i] === undefined) {
+            message.destroy();
+            message.warning(errorMsgs[i]);
+            return;
+          }
+        }
+
+        api
+          .createProject(obj)
+          .then((res) => {
+            console.log(res);
+            if (res.status == 200 && res.data.code == 200) {
+              message.destroy();
+              message.success("编辑成功");
+              setTimeout(() => {
+                router.push({
+                  path: "/projectmanage",
+                });
+              }, 1000);
+            } else {
+              message.destroy();
+              message.error("编辑失败，请检查当前网络状态。");
+            }
+          })
+          .catch((err) => {
+            console.log(err);
+            message.destroy();
+            message.error("编辑失败，请检查当前网络状态。");
+          });
+      } else {
+        let obj = {
+          name: projectName["value"],
+          category: projectType,
+          picUrl: picUrl,
+          beginTime: beginTime,
+          endTime: endTime,
+          manager: manager,
+          managerId: managerId,
+          sourceBelongId: sourceBelongIdC,
+          remark: remark["value"],
+          courseSyncFlag: courseSyncFlag,
+          level: levels,
+          systemId: systemid,
+          boeFlag: boeFlag,
+          attach: attach,
+          type: 3,
+          templateId: 10,
+          parentId: 0,
+          notice: "",
+          noticeFlag: 0,
+          status: 0,
+        };
+        console.log("提交的数据格式 %o", obj);
+        for (let i in errorMsgs) {
+          console.log(obj[i]);
+          if (obj[i] === "" || obj[i] === undefined) {
+            message.destroy();
+            message.warning(errorMsgs[i]);
+            return;
+          }
+        }
+
+        api
+          .createProject(obj)
+          .then((res) => {
+            console.log(res);
+            if (res.status == 200 && res.data.code == 200) {
+              message.destroy();
+              message.success("创建成功");
+              setTimeout(() => {
+                router.push({
+                  path: "/taskpage",
+                  query: { id: res.data.data.projectId },
+                });
+              }, 1000);
+            } else {
+              message.destroy();
+              message.error("创建失败，请检查当前网络状态。");
+            }
+          })
+          .catch((err) => {
+            console.log(err);
+            message.destroy();
+            message.error("创建失败，请检查当前网络状态。");
+          });
+      }
+    };
+
+    return {
+      ...toRefs(state),
+      projectName,
+      classifyList,
+      classificationChange,
+      classificationChange1,
+      classificationChange2,
+      classificationChange3,
+      classificationChange4,
+      classificationChange5,
+      fileList,
+      fileList1,
+      loading,
+      imageUrl,
+      handleChange,
+      handleChange1,
+      beforeUpload,
+      beforeUpload1,
+      onRangeChange,
+      classifyList1,
+      classifyList2,
+      classifyList3,
+      classifyList4,
+      classifyList5,
+      remark,
+      changeChecked,
+      changeChecked1,
+      uplodaFileCount,
+      createProject,
+      removeFile,
+
+      isEdit,
+      backPage,
+      dateFormatList,
+
+      templateScroll,
+    };
+  },
 };
 </script>
 <style lang="scss">
 .projectAdd {
-	width: 100%;
-	// height: inherit;
-	// flex: 1;
-	// flex-shrink: 0;
-	// overflow-y: auto;
+  width: 100%;
+  // height: inherit;
+  // flex: 1;
+  // flex-shrink: 0;
+  // overflow-y: auto;
 
-	.header {
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
+  .header {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
 
-		.title {
-			color: #000000;
-			font-size: 18px;
-			//line-height: 36px;
-			padding-top: 30px;
-			padding-left: 37px;
-			//font-weight: 500;
-		}
+    .title {
+      color: #000000;
+      font-size: 18px;
+      //line-height: 36px;
+      padding-top: 30px;
+      padding-left: 37px;
+      //font-weight: 500;
+    }
 
-		.goback {
-			padding-right: 70px;
-			//padding-top: 37px;
-			position: relative;
+    .goback {
+      padding-right: 70px;
+      //padding-top: 37px;
+      position: relative;
 
-			.return {
-				display: inline-block;
-				width: 42px;
-				height: 42px;
-				margin-top: 17px;
-				margin-right: 10px;
-				background-image: url("../../assets/images/projectadd/return.png");
-			}
+      .return {
+        display: inline-block;
+        width: 42px;
+        height: 42px;
+        margin-top: 17px;
+        margin-right: 10px;
+        background-image: url("../../assets/images/projectadd/return.png");
+      }
 
-			.returntext {
-				display: inline-block;
-				position: absolute;
-				top: 27px;
-				color: #4ea6ff;
-				font-size: 14px;
-			}
-		}
-	}
+      .returntext {
+        display: inline-block;
+        position: absolute;
+        top: 27px;
+        color: #4ea6ff;
+        font-size: 14px;
+      }
+    }
+  }
 
-	// 修改 antd upload 样式
-	.ant-upload {
-		border-width: 0px;
-	}
+  // 修改 antd upload 样式
+  .ant-upload {
+    border-width: 0px;
+  }
 
-	.content {
-		display: flex;
+  .content {
+    display: flex;
 
-		.main {
-			width: 50%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			//justify-content: center;
-			float: left;
-			border-right: 1px solid rgba(153, 155, 163, 0.3);
+    .main {
+      width: 50%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      //justify-content: center;
+      float: left;
+      border-right: 1px solid rgba(153, 155, 163, 0.3);
 
-			.name {
-				width: 78%;
-				// background-color: lightcoral;
-				display: flex;
-				margin-top: 20px;
-				align-items: center;
+      .name {
+        width: 78%;
+        // background-color: lightcoral;
+        display: flex;
+        margin-top: 20px;
+        align-items: center;
 
-				//height: 40px;
-				// border: 1px solid black;
-				.namebox {
-					width: 120px;
-					display: flex;
-					align-items: center;
-					justify-content: flex-end;
-					flex-shrink: 0;
+        //height: 40px;
+        // border: 1px solid black;
+        .namebox {
+          width: 120px;
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          flex-shrink: 0;
 
-					.nameimg {
-						width: 10px;
-						height: 10px;
-					}
-				}
+          .nameimg {
+            width: 10px;
+            height: 10px;
+          }
+        }
 
-				.d {
-					margin-top: 8px;
-					font-size: 25px;
-					color: #ff4e4e;
-				}
+        .d {
+          margin-top: 8px;
+          font-size: 25px;
+          color: #ff4e4e;
+        }
 
-				.box {
-					position: relative;
-					margin-left: 14px;
+        .box {
+          position: relative;
+          margin-left: 14px;
 
-					.box1 {
-						position: absolute;
-						left: 50%;
-						top: 50%;
-						width: 50px;
-						margin-left: -25px;
-						margin-top: -5px;
-						border-top: 2px solid rgba(78, 166, 255, 1);
-					}
+          .box1 {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            width: 50px;
+            margin-left: -25px;
+            margin-top: -5px;
+            border-top: 2px solid rgba(78, 166, 255, 1);
+          }
 
-					.box2 {
-						position: absolute;
-						left: 50%;
-						top: 50%;
-						height: 50px;
-						//margin-left: -5px;
-						margin-top: -25px;
-						border-left: 2px solid rgba(78, 166, 255, 1);
-					}
-				}
+          .box2 {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            height: 50px;
+            //margin-left: -5px;
+            margin-top: -25px;
+            border-left: 2px solid rgba(78, 166, 255, 1);
+          }
+        }
 
-				.inname {
-					color: #6f6f6f;
-					font-size: 14px;
-					margin-left: 7px;
-				}
+        .inname {
+          color: #6f6f6f;
+          font-size: 14px;
+          margin-left: 7px;
+        }
 
-				.in {
-					margin-left: 14px;
-					flex: 1;
+        .in {
+          margin-left: 14px;
+          flex: 1;
 
-					// .ant-radio-wrapper {
-					// }
-					.ant-input-textarea-show-count {
-						position: relative;
-						height: 88px;
-					}
+          // .ant-radio-wrapper {
+          // }
+          .ant-input-textarea-show-count {
+            position: relative;
+            height: 88px;
+          }
 
-					.ant-input-textarea-show-count::after {
-						position: absolute;
-						right: 10px;
-						bottom: 0px;
-					}
+          .ant-input-textarea-show-count::after {
+            position: absolute;
+            right: 10px;
+            bottom: 0px;
+          }
 
-					.ant-input {
-						border-radius: 8px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
+          .ant-input {
+            border-radius: 8px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
 
-					.ant-input-affix-wrapper {
-						padding: 0 11px;
-						border-radius: 8px;
-					}
+          .ant-input-affix-wrapper {
+            padding: 0 11px;
+            border-radius: 8px;
+          }
 
-					.ant-select-selector {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
-				}
+          .ant-select-selector {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            // height: 40px;
+          }
+        }
 
-				.filebox {
-					margin-left: 14px;
-					flex: 1;
+        .filebox {
+          margin-left: 14px;
+          flex: 1;
 
-					.fileimg {
-						width: 15px;
-						height: 15px;
-						margin-right: 6px;
-					}
+          .fileimg {
+            width: 15px;
+            height: 15px;
+            margin-right: 6px;
+          }
 
-					.filetext {
-						font-size: 14px;
-						font-weight: 400;
-						color: #4ea6ff;
-						line-height: 36px;
-					}
+          .filetext {
+            font-size: 14px;
+            font-weight: 400;
+            color: #4ea6ff;
+            line-height: 36px;
+          }
 
-					.support {
-						font-size: 14px;
-						font-weight: 400;
-						color: #999ba3;
-						line-height: 36px;
-						margin-top: 8px;
-						word-break: break-all;
-					}
-				}
-			}
+          .support {
+            font-size: 14px;
+            font-weight: 400;
+            color: #999ba3;
+            line-height: 36px;
+            margin-top: 8px;
+            word-break: break-all;
+          }
+        }
+      }
 
-			.name2 {
-				display: flex;
-				align-items: flex-start;
+      .name2 {
+        display: flex;
+        align-items: flex-start;
 
-				.ant-input-textarea {
-					.ant-input {
-						height: 88px;
-					}
-				}
-			}
-		}
+        .ant-input-textarea {
+          .ant-input {
+            height: 88px;
+          }
+        }
+      }
+    }
 
-		.template {
-			width: 50%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			//justify-content: center;
-			float: right;
+    .template {
+      width: 50%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      //justify-content: center;
+      float: right;
 
-			.name {
-				width: 78%;
-				// background-color: lightcoral;
-				display: flex;
-				margin-top: 20px;
-				align-items: center;
-				height: 40px;
+      .name {
+        width: 78%;
+        // background-color: lightcoral;
+        display: flex;
+        margin-top: 20px;
+        align-items: center;
+        height: 40px;
 
-				// border: 1px solid black;
-				.d {
-					margin-top: 8px;
-					font-size: 25px;
-					color: #ff4e4e;
-				}
+        // border: 1px solid black;
+        .d {
+          margin-top: 8px;
+          font-size: 25px;
+          color: #ff4e4e;
+        }
 
-				.inname {
-					color: #6f6f6f;
-					font-size: 14px;
-					margin-left: 7px;
-					width: 65px;
-				}
+        .inname {
+          color: #6f6f6f;
+          font-size: 14px;
+          margin-left: 7px;
+          width: 65px;
+        }
 
-				.in {
-					margin-left: 14px;
-					width: 81%;
+        .in {
+          margin-left: 14px;
+          width: 81%;
 
-					.ant-input {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
+          .ant-input {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
 
-					.ant-select-selector {
-						border-radius: 5px;
-						// height: 120%;
-						width: 100%;
-						height: 40px;
-					}
-				}
-			}
-		}
-	}
+          .ant-select-selector {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
+        }
+      }
+    }
+  }
 
-	.footer {
-		width: 100%;
-		margin-top: 31px;
-		margin-bottom: 14px;
-		padding-bottom: 20px;
+  .footer {
+    width: 100%;
+    margin-top: 31px;
+    margin-bottom: 14px;
+    padding-bottom: 20px;
 
-		.btn {
-			display: flex;
-			justify-content: center;
+    .btn {
+      display: flex;
+      justify-content: center;
 
-			.btn1 {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 100px;
-				height: 40px;
-				border-radius: 8px;
-				background: #409eff;
-				color: #ffffff;
-				margin-right: 14px;
-			}
+      .btn1 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100px;
+        height: 40px;
+        border-radius: 8px;
+        background: #409eff;
+        color: #ffffff;
+        margin-right: 14px;
+      }
 
-			.btn2 {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				width: 100px;
-				height: 40px;
-				border-radius: 8px;
-				border: 1px solid #409eff;
-				background: #ffffff;
-				color: #409eff;
-			}
-		}
+      .btn2 {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100px;
+        height: 40px;
+        border-radius: 8px;
+        border: 1px solid #409eff;
+        background: #ffffff;
+        color: #409eff;
+      }
+    }
 
-		.text {
-			color: rgba(153, 155, 163, 1);
-			font-size: 14px;
-			margin-left: 223px;
-		}
-	}
+    .text {
+      color: rgba(153, 155, 163, 1);
+      font-size: 14px;
+      margin-left: 223px;
+    }
+  }
 }
 </style>
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 6a7c4608..cd27de75 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -419,23 +419,7 @@
                       <div
                         class="operation"
                         style="cursor: pointer"
-                        :style="{
-                          display:
-                            item.type == '6' ||
-                            item.type == '9' ||
-                            item.type == '2'
-                              ? 'flex'
-                              : 'none',
-                        }"
-                        @click="
-                          item.type == '2'
-                            ? showCopyModal(item.type)
-                            : item.type == '6'
-                            ? showzhibModal(item.type)
-                            : item.type == '9'
-                            ? showhuodModal(item.type)
-                            : null
-                        "
+                        @click="showCodeModal"
                       >
                         二维码
                       </div>
@@ -1373,6 +1357,7 @@
       </a-modal>
     </div>
     <!-- 删除弹窗 -->
+
     <!-- 面授管理二维码 -->
     <a-modal
       v-model:visible="copyModal"
@@ -1490,6 +1475,15 @@
     </div>
     <!-- 编辑项目弹窗 -->
     <proj-set v-model:editHs="editHs" v-model:projectId="projectId" />
+
+    <!-- 二维码弹窗 -->
+    <two-dimensional-code
+      v-model:codevisible="codevisible"
+      :codeInfo="codeInfo"
+      index="0"
+      type="课程二维码"
+    />
+    <!-- 二维码弹窗 -->
   </div>
 </template>
 <script>
@@ -1529,6 +1523,7 @@ import { getTask } from "../../api/indexTaskadd";
 import { toDate } from "../../api/method";
 import projSet from "../../components/Modals/projSet";
 import { overview } from "../../api/indexProjStu";
+import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
 export default {
   name: "taskPage",
   components: {
@@ -1550,6 +1545,7 @@ export default {
     TaskImpStu,
     projSet,
     NoticeHis,
+    TwoDimensionalCode,
   },
   setup() {
     const state = reactive({
@@ -1664,6 +1660,9 @@ export default {
 
       huodModal: false, //活动二维码弹窗
       allDelete: false, //批量删除弹窗
+
+      codevisible: false, //二维码弹窗
+      codeInfo: null, //二维码信息
       pubproject: false,
       stugroup: false,
       canclestu: false,
@@ -2505,6 +2504,15 @@ export default {
     const showEditProj = () => {
       state.editHs = true;
     };
+    //显示二维码弹窗
+    const showCodeModal = () => {
+      state.codevisible = true;
+      state.codeInfo = {
+        title: "课程二维码",
+        name: "管理者进阶面授课程",
+        url: "https://www.baidu.com/https://www.baidu.com/https://www.baidu.com/https://www.baidu.com/https://www.baidu.com/",
+      };
+    };
 
     //学员管理列表操作
     const studentData = () => {
@@ -3199,6 +3207,7 @@ export default {
       closehuodModal,
       closezhibModal,
 
+      showCodeModal,
       tabsChange,
 
       getTaskList,
diff --git a/src/views/system/SystemManage.vue b/src/views/system/SystemManage.vue
index 215b48f6..7b305020 100644
--- a/src/views/system/SystemManage.vue
+++ b/src/views/system/SystemManage.vue
@@ -91,10 +91,10 @@
   </div>
 
 <div @click="changeCodevisible">显示二维码弹窗</div>
-  <two-dimensional-code v-model:codevisible="codevisible" :codeInfo="codeInfo" index="0"/>
+  <two-dimensional-code v-model:codevisible="codevisible" :codeInfo="codeInfo" index="0" type="课程二维码"/>
 
   <div @click="changeCodevisible2">显示二维码弹窗22</div>
-  <two-dimensional-code v-model:codevisible="codevisible2" :codeInfo="codeInfo2" index="1"/>
+  <two-dimensional-code v-model:codevisible="codevisible2" :codeInfo="codeInfo2" index="1" type="签到二维码"/>
 </template>
 <script>
 import { reactive, toRefs } from "vue";