diff --git a/src/assets/images/taskpage/edit.png b/src/assets/images/taskpage/edit.png
new file mode 100644
index 00000000..3d4e21c5
Binary files /dev/null and b/src/assets/images/taskpage/edit.png differ
diff --git a/src/components/drawers/ProjPowerList.vue b/src/components/drawers/ProjPowerList.vue
new file mode 100644
index 00000000..1aea1e0c
--- /dev/null
+++ b/src/components/drawers/ProjPowerList.vue
@@ -0,0 +1,546 @@
+<template>
+  <a-drawer
+    :visible="ProjPvisible"
+    class="drawerStyle ProjPowerList"
+    placement="right"
+    width="60%"
+    @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="main">
+        <div class="search">
+          <div class="leftchoose">
+            <div class="namecon" style="margin-right: 30px">
+              <div class="name">姓名：</div>
+              <a-input
+                v-model:value="name"
+                style="width: 270px; height: 40px; border-radius: 8px"
+                placeholder="请输入姓名"
+              />
+            </div>
+          </div>
+
+          <div class="btns">
+            <div class="btn btn1" style="margin-right: 20px">
+              <div class="img1"></div>
+              <div class="wz">搜索</div>
+            </div>
+            <div class="btn btn2">
+              <div class="img2"></div>
+              <div class="wz">重置</div>
+            </div>
+          </div>
+        </div>
+
+        <div class="tableBox" style="margin-top: 10px">
+          <a-table
+            style="border: 1px solid #f2f6fe"
+            :columns="tableDataFunc()"
+            :data-source="tableData"
+            :loading="tableDataTotal === -1 ? true : false"
+            expandRowByClick="true"
+            @expand="expandTable"
+            :scroll="{ x: 900, y: 400 }"
+            :pagination="false"
+            :row-selection="{
+              columnWidth: 30,
+              selectedRowKeys: selectedRowKeys,
+              onChange: onSelectChange,
+            }"
+          />
+        </div>
+        <div class="pa">
+          <a-pagination
+            showSizeChanger="true"
+            showQuickJumper="true"
+            hideOnSinglePage="true"
+            :pageSize="pageSize"
+            :current="currentPage"
+            :total="tableDataTotal"
+            class="pagination"
+          />
+        </div>
+        <!-- <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
+          <a-table
+            style="border: 1px solid #f2f6fe"
+            :columns="tablecolumns"
+            :data-source="tabledata"
+            :loading="tableDataTotal === -1 ? true : false"
+            expandRowByClick="true"
+            :scroll="{ x: 900, y: 350 }"
+            @expand="expandTable"
+            :pagination="false"
+            :row-selection="{
+              columnWidth: 30,
+              selectedRowKeys: selectedRowKeys,
+              onChange: onSelectChange,
+            }"
+          />
+        </div> -->
+      </div>
+    </div>
+    <!-- 取消授权弹窗 -->
+    <a-modal
+      v-model:visible="cancelModal"
+      :footer="null"
+      :closable="closeCancel"
+      wrapClassName="CopyModal"
+      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="closeCancelModal"></div>
+          </div>
+          <div class="body">
+            <span>是否取消当前用户对此数据的权限</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="delete_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+
+    <div class="botm"></div>
+    <div class="btnn">
+      <button class="btn1">取消</button>
+      <button class="btn2">确定</button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { toRefs, reactive } from "vue";
+export default {
+  name: "ProjPowerList",
+  props: {
+    ProjPvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  setup(props, ctx) {
+    const state = reactive({
+      name: null,
+      showmodal: false, //勾选提示框
+      closable: false, //modal右上角的关闭按钮
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 100,
+      selectedRowKeys: [],
+      cancelModal: false, //取消授权弹窗
+      closeCancel: false, //取消授权弹窗关闭图标
+      tableData: [
+        {
+          key: 1,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 2,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 3,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 4,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 5,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "管理权",
+        },
+        {
+          key: 6,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "归属权",
+        },
+        {
+          key: 7,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+
+          state: "查看权",
+        },
+        {
+          key: 8,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          state: "管理权",
+        },
+        {
+          key: 9,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          state: "管理权",
+        },
+        {
+          key: 10,
+          name: "张三",
+          com: "产研部",
+          gang: "产品经理",
+          state: "管理权",
+        },
+      ],
+    });
+
+    const closeDrawer = () => {
+      ctx.emit("update:ProjPvisible", false);
+    };
+
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const showCancelModal = () => {
+      state.cancelModal = true;
+    };
+    const closeCancelModal = () => {
+      state.cancelModal = false;
+    };
+
+    const tableDataFunc = () => {
+      const columns = [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          // width: "30%",
+          key: "name",
+          width: 70,
+          align: "left",
+          className: "classify",
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: (text) => {
+            // console.log(text.record.checked1);
+            return (
+              <div class="racona">
+                <span> {text.record.name}</span>
+              </div>
+            );
+          },
+        },
+        {
+          title: "归属组织",
+          dataIndex: "com",
+          // width: "30%",
+          key: "com",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所在岗位",
+          dataIndex: "gang",
+          key: "gang",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+
+        {
+          title: "拥有权限",
+          dataIndex: "state",
+          key: "state",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "操作",
+          className: "h",
+          dataIndex: "opacation",
+          key: "opacation",
+          width: 100,
+          align: "center",
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: () => {
+            return (
+              <div
+                class="opa"
+                onClick={() => {
+                  showCancelModal();
+                }}
+              >
+                取消授权
+              </div>
+            );
+          },
+        },
+      ];
+      return columns;
+    };
+    return {
+      ...toRefs(state),
+      closeDrawer,
+      onSelectChange,
+      tableDataFunc,
+      showCancelModal,
+      closeCancelModal,
+    };
+  },
+};
+</script>
+
+<style  lang="scss" >
+.me {
+  .ant-modal-body {
+    padding: 0px;
+  }
+}
+
+.ProjPowerList {
+  // width: 80%;
+  .ant-drawer-content-wrapper {
+    // max-width: 1000px;
+    .ant-drawer-header {
+      display: none !important;
+    }
+    .ant-drawer-body {
+      padding: 0;
+    }
+  }
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      width: 100%;
+      height: 100%;
+      // background-color: #bfa;
+      // overflow-y: auto;
+      .search {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        margin-top: 10px;
+        justify-content: space-between;
+        .leftchoose {
+          display: flex;
+          margin-right: 20px;
+          .namecon {
+            display: flex;
+            flex-wrap: nowrap;
+            margin-bottom: 10px;
+            .name {
+              margin-top: 8px;
+              white-space: nowrap;
+            }
+            // .name {
+            //   margin-top: 8px;
+
+            //   color: rgba(0, 0, 0, 0.85);
+            //   font-size: 14px;
+            //   font-weight: 400;
+            // }
+          }
+        }
+
+        .btns {
+          display: flex;
+          flex-wrap: nowrap;
+
+          .btn {
+            cursor: pointer;
+            width: 100px;
+            height: 40px;
+            border-radius: 8px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .img1 {
+              width: 15px;
+              height: 17px;
+              background-image: url(../../assets/images/courseManage/search0.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+            .img2 {
+              width: 16px;
+              height: 18px;
+              background-image: url(../../assets/images/courseManage/reset1.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+          }
+
+          .btn1 {
+            background: #388be1;
+
+            color: #ffffff;
+          }
+          .btn2 {
+            background: #ffffff;
+
+            color: #388be1;
+            border: 1px solid #388be1;
+          }
+        }
+      }
+
+      .tableBox {
+        // margin-bottom: 80px;
+
+        .classify {
+          // margin-left: 11px !important;
+          // padding-left: 9px !important;
+          padding-left: 0px !important;
+        }
+        .ant-checkbox-wrapper {
+          align-items: center;
+          margin-top: -2px;
+        }
+        .ant-table-selection-column {
+          padding: 0px !important;
+          // padding-left: 45px !important;
+        }
+        .ant-table-thead > tr > th {
+          background-color: rgba(239, 244, 252, 1);
+        }
+        th.h {
+          background-color: #eff4fc !important;
+        }
+
+        .ant-table-tbody
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
+          background: #f6f9fd;
+        }
+        .opa {
+          // background-color: #bfa;
+          font-size: 14px;
+          font-weight: 400;
+          color: #388be1;
+          cursor: pointer;
+        }
+      }
+      .pa {
+        // left: 0;
+        margin-top: 25px;
+        margin-bottom: 70px;
+        width: 100%;
+        // height: 20px;
+        // background-color: red;
+        display: flex;
+        justify-content: center;
+        // position: absolute;
+        // bottom: 20px;
+      }
+      // .tab {
+      //   .ant-table-thead > tr > th {
+      //     background-color: rgba(239, 244, 252, 1) !important;
+      //   }
+
+      //   th.h {
+      //     background-color: #eff4fc !important;
+      //   }
+
+      //   .ant-table-tbody
+      //     > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+      //     > td {
+      //     background: #f6f9fd;
+      //   }
+      // }
+    }
+  }
+  // .botm {
+  //   width: 100%;
+  //   height: 100%;
+  //   background-color: red;
+  //   // flex-shrink: 1;
+  // }
+  .btnn {
+    height: 72px;
+    width: 100%;
+    position: absolute;
+    background-color: #fff;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+    .btn1 {
+      width: 100px;
+      height: 40px;
+      border: 1px solid #4ea6ff;
+      border-radius: 8px;
+      color: #4ea6ff;
+      background-color: #fff;
+      cursor: pointer;
+    }
+    .btn2 {
+      cursor: pointer;
+      width: 100px;
+      height: 40px;
+      background: #4ea6ff;
+      border-radius: 8px;
+      border: 0;
+      margin-left: 15px;
+      color: #fff;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/ProjectOwn.vue b/src/components/drawers/ProjectOwn.vue
new file mode 100644
index 00000000..9dd0a596
--- /dev/null
+++ b/src/components/drawers/ProjectOwn.vue
@@ -0,0 +1,806 @@
+<template>
+  <a-drawer
+    :visible="ProjOwnervisible"
+    class="drawerStyle ProjOwnership"
+    placement="right"
+    width="60%"
+    @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="main">
+        <div class="left">
+          <div class="tabs">
+            <a-tabs v-model:activeKey="activeKey">
+              <a-tab-pane key="1" tab="快速选人">
+                <div class="tab1">
+                  <div class="nameinp">
+                    <div class="namee">姓名：</div>
+                    <a-input
+                      v-model:value="name"
+                      style="width: 270px; 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="tabb" style="margin-top: 16px">
+                  <a-table
+                    style="border: 1px solid #f2f6fe"
+                    :columns="tablecolumns"
+                    :data-source="tabledata"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ x: 100, y: 560 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                    :row-selection="{
+                      columnWidth: 30,
+                      selectedRowKeys: selectedRowKeys,
+                      onChange: onSelectChange,
+                    }"
+                  />
+                  <div class="pa">
+                    <a-pagination
+                      showSizeChanger="true"
+                      showQuickJumper="true"
+                      hideOnSinglePage="true"
+                      :pageSize="pageSize"
+                      :current="currentPage"
+                      :total="tableDataTotal"
+                      class="pagination"
+                    />
+                  </div>
+                </div>
+              </a-tab-pane>
+              <a-tab-pane key="2" tab="添加组织" force-render>
+                <div class="tab2">
+                  <div class="organize">组织：</div>
+                  <div class="select">
+                    <a-cascader
+                      v-model:value="value"
+                      placeholder="请输入组织名称"
+                      :options="organizeList"
+                    />
+                  </div>
+                </div>
+              </a-tab-pane>
+              <a-tab-pane key="3" tab="受众关联">
+                <div class="tab1">
+                  <div class="nameinp">
+                    <div class="namee">受众名称：</div>
+                    <div class="select">
+                      <a-select
+                        v-model:value="choosevalue"
+                        style="width: 264px; border-radius: 8px"
+                        placeholder="请输入组织名称"
+                        :options="organizeList1"
+                      />
+                    </div>
+                  </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="tabb" style="margin-top: 16px">
+                  <a-table
+                    style="border: 1px solid #f2f6fe"
+                    :columns="tablecolumns1"
+                    :data-source="tabledata1"
+                    :loading="tableDataTotal === -1 ? true : false"
+                    expandRowByClick="true"
+                    :scroll="{ x: 700, y: 400 }"
+                    @expand="expandTable"
+                    :pagination="false"
+                    :row-selection="{
+                      columnWidth: 30,
+                      selectedRowKeys: selectedRowKeys,
+                      onChange: onSelectChange,
+                    }"
+                  />
+                  <div class="pa">
+                    <a-pagination
+                      showSizeChanger="true"
+                      showQuickJumper="true"
+                      hideOnSinglePage="true"
+                      :pageSize="pageSize"
+                      :current="currentPage"
+                      :total="tableDataTotal"
+                      class="pagination"
+                    />
+                  </div>
+                </div>
+              </a-tab-pane>
+            </a-tabs>
+          </div>
+        </div>
+        <div class="right">
+          <div class="onerow">
+            <div class="already">已选</div>
+            <div class="clbox">
+              <div class="colose"></div>
+              <span class="allclear">全部清除</span>
+            </div>
+          </div>
+          <div class="selecteds">
+            <div class="chose">
+              李明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李大明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李二明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李大明
+              <div class="ch"></div>
+            </div>
+            <div class="chose">
+              李二明
+              <div class="ch"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "ProjOwnerShip",
+  props: {
+    ProjOwnervisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 50,
+      activeKey: "1",
+      name: "", //输入名字搜索
+      value: [], //级联选择框
+      choosevalue: null, //受众选择
+      organizeList: [
+        {
+          id: 1,
+          value: "京东方",
+          label: "京东方",
+          children: [
+            {
+              id: 2,
+              value: "产研部",
+              label: "产研部",
+              children: [
+                {
+                  id: 4,
+                  value: "产品部门",
+                  label: "产品部门",
+                },
+                {
+                  id: 5,
+                  value: "研发部门",
+                  label: "研发部门",
+                },
+              ],
+            },
+            {
+              id: 3,
+              value: "人力资源部",
+              label: "人力资源部",
+              children: [
+                {
+                  id: 6,
+                  value: "人事部",
+                  label: "人事部",
+                },
+                {
+                  id: 7,
+                  value: "行政部",
+                  label: "行政部",
+                },
+              ],
+            },
+          ],
+        },
+      ],
+      tabledata: [
+        {
+          key: 1,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 2,
+          name: "小刘",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 3,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          gangw: "产品经理",
+        },
+      ],
+      tablecolumns: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 45,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "岗位",
+          dataIndex: "gangw",
+          key: "gangw",
+          width: 45,
+          align: "center",
+          className: "h",
+        },
+      ],
+      tabledata1: [
+        {
+          key: 1,
+          name: "学习受众",
+          time: "2022-10-31 23:12:00",
+          total: "1",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 2,
+          name: "2",
+          time: "2022-10-31 23:12:00",
+          total: "2",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 3,
+          name: "mask",
+          time: "2022-10-31 23:12:00",
+          total: "1",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 4,
+          name: "学习受众",
+          time: "2022-10-31 23:12:00",
+          total: "1",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 5,
+          name: "学业受众",
+          time: "2022-10-31 23:12:00",
+          total: "2",
+          state: "已发布",
+          type: "普通受众",
+        },
+        {
+          key: 6,
+          name: "案例受众",
+          time: "2022-10-31 23:12:00",
+          total: "3",
+          state: "已发布",
+          type: "普通受众",
+        },
+      ],
+      tablecolumns1: [
+        {
+          title: "受众名称",
+          dataIndex: "name",
+          key: "name",
+          width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "创建时间",
+          dataIndex: "time",
+          key: "time",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "人数",
+          dataIndex: "total",
+          key: "total",
+          width: 20,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "状态",
+          dataIndex: "state",
+          key: "state",
+          width: 20,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "类型",
+          dataIndex: "type",
+          key: "type",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+      ],
+      organizeList1: [
+        {
+          value: "项目一",
+          label: "项目一",
+        },
+      ],
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:ProjOwnervisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      // change,
+    };
+  },
+};
+</script>
+
+<style lang="scss" >
+.ProjOwnership {
+  // .ant-drawer-content-wrapper {
+  //   // max-width: 1000px;
+  //   .ant-drawer-header {
+  //     display: none !important;
+  //   }
+  //   .ant-drawer-body {
+  //     padding: 0;
+  //   }
+  // }
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      display: flex;
+      height: 80%;
+      .left {
+        // overflow-y: auto;
+        width: 65%;
+        height: 100%;
+        border-right: 1px solid rgba(233, 233, 233, 1);
+        .tabs {
+          margin-right: 33px;
+          .tab1 {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            .nameinp {
+              display: flex;
+              align-items: center;
+              margin-top: 10px;
+              .namee {
+                color: rgba(0, 0, 0, 0.85);
+                font-size: 14px;
+              }
+            }
+            .btns {
+              display: flex;
+              margin-top: 10px;
+              .btn1 {
+                width: 100px;
+                height: 40px;
+                margin-right: 16px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #ffffff;
+                font-size: 14px;
+                background: #409eff;
+                border-radius: 8px;
+                border: 1px solid #409eff;
+                cursor: pointer;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+              .btn2 {
+                width: 100px;
+                height: 40px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #409eff;
+                font-size: 14px;
+                background: #ffffff;
+                border-radius: 8px;
+                cursor: pointer;
+                border: 1px solid #409eff;
+                .wz {
+                  margin-left: 10px;
+                }
+              }
+            }
+          }
+          .line {
+            width: 100%;
+            height: 40px;
+            background-color: #e9f6fe;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin-top: 20px;
+            border: 1px solid #c3e6fc;
+
+            .inline {
+              width: 95%;
+              height: 100%;
+              display: flex;
+              justify-content: space-between;
+
+              // background-color: #bfa;
+              .left1 {
+                height: 100%;
+                display: flex;
+                align-items: center;
+
+                .img {
+                  width: 14px;
+                  height: 15px;
+                  background-image: url(../../assets/images/leveladd/gan.png);
+                  background-size: 100% 100%;
+                }
+
+                .text {
+                  color: #999ba3;
+                }
+
+                .text2 {
+                  color: #4ea6ff;
+                  margin-left: 5px;
+                  margin-right: 5px;
+                }
+
+                .text3 {
+                  color: #999ba3;
+                  margin-left: 20px;
+                }
+              }
+
+              .right1 {
+                font-size: 14px;
+                font-weight: 400;
+                color: #387df7;
+                height: 100%;
+                display: flex;
+                align-items: center;
+                cursor: pointer;
+              }
+            }
+          }
+          .tabb {
+            .ant-table-thead > tr > th {
+              background-color: rgba(240, 246, 252, 1);
+              color: rgba(0, 0, 0, 0.85);
+            }
+            .ant-table-tbody > tr > td {
+              border-bottom: 1px solid #f0f6fc;
+              color: rgba(0, 0, 0, 0.65);
+            }
+            th.h {
+              background-color: #eff4fc !important;
+            }
+
+            .ant-table-tbody
+              > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+              > td {
+              background: rgba(250, 250, 250, 1);
+            }
+            .ant-table-selection-column {
+              padding: 0 !important;
+            }
+            // table tr td.ant-table-selection-column {
+            //   text-align: right;
+            // }
+            // .ant-checkbox-wrapper {
+            //   align-items: center;
+            //   margin-top: -2px;
+            // }
+            .pa {
+              // left: 0;
+              margin-top: 15px;
+              width: 100%;
+              // height: 20px;
+              // background-color: red;
+              display: flex;
+              justify-content: center;
+              // position: absolute;
+              // bottom: 20px;
+            }
+          }
+          .tab2 {
+            display: flex;
+            align-items: center;
+            margin-top: 10px;
+            .organize {
+              color: rgba(0, 0, 0, 0.85);
+              font-size: 14px;
+            }
+            .ant-select {
+              border-radius: 8px !important;
+            }
+            .ant-cascader {
+              width: 264px;
+              height: 40px;
+              border-radius: 8px !important;
+              .ant-select-selector {
+                height: 100%;
+              }
+              .ant-select-selection-search-input {
+                height: 40px;
+              }
+            }
+          }
+        }
+      }
+      .right {
+        width: 35%;
+        .onerow {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-right: 40px;
+          flex-wrap: wrap;
+          .already {
+            color: rgba(51, 51, 51, 1);
+            font-size: 16px;
+            font-weight: 500;
+            margin-left: 32px;
+            white-space: nowrap;
+            // margin-bottom: 20px;
+          }
+          .clbox {
+            margin-left: 30px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+            width: 104px;
+            height: 32px;
+            border-radius: 4px;
+            background: #409eff;
+            .colose {
+              width: 16px;
+              height: 16px;
+              // border-radius: 8px;
+              // background: #ffffff;
+              // position: relative;
+              background-image: url(../../assets/images/basicinfo/ch.png);
+              background-size: 100%;
+              margin-right: 4px;
+            }
+            .allclear {
+              color: rgba(255, 255, 255, 1);
+              font-size: 14px;
+            }
+          }
+        }
+        .selecteds {
+          display: flex;
+          flex-wrap: wrap;
+          margin-left: 32px;
+          .chose {
+            width: 64px;
+            height: 24px;
+            margin-top: 25px;
+            margin-right: 25px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 2px;
+            border: 1px solid rgba(56, 139, 225, 1);
+            color: rgba(56, 139, 225, 1);
+            font-size: 12px;
+            position: relative;
+            .ch {
+              position: absolute;
+              width: 18px;
+              height: 18px;
+              background-image: url(../../assets/images/basicinfo/ch.png);
+              right: -8px;
+              top: -8px;
+              cursor: pointer;
+            }
+          }
+        }
+      }
+    }
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 18f29184..021cb7c5 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -183,16 +183,22 @@
               </div>
               <a-radio-group v-model:value="valueE1">
                 <div class="bc_box">
-                  <div class="bc_boxl" >
+                  <div class="bc_boxl">
                     <div class="ol_checkbox">
-                      <a-radio v-model:checked="checked" :value="1" @click="bs_hShow"
+                      <a-radio
+                        v-model:checked="checked"
+                        :value="1"
+                        @click="bs_hShow"
                         >线上</a-radio
                       >
                     </div>
                   </div>
-                  <div class="bc_boxr" >
+                  <div class="bc_boxr">
                     <div class="ol_checkbox">
-                      <a-radio v-model:checked="checked" :value="2" @click="clear_valueE1"
+                      <a-radio
+                        v-model:checked="checked"
+                        :value="2"
+                        @click="clear_valueE1"
                         >面授</a-radio
                       >
                     </div>
@@ -214,10 +220,20 @@
                 <a-radio-group v-model:value="valueE2">
                   <div class="bc_box">
                     <div class="ol_checkbox">
-                      <a-radio v-model:checked="checked" :value="3" @click="clear_valueE2">是</a-radio>
+                      <a-radio
+                        v-model:checked="checked"
+                        :value="3"
+                        @click="clear_valueE2"
+                        >是</a-radio
+                      >
                     </div>
                     <div class="ol_checkbox">
-                      <a-radio v-model:checked="checked" :value="4" @click="clear_valueE2">否</a-radio>
+                      <a-radio
+                        v-model:checked="checked"
+                        :value="4"
+                        @click="clear_valueE2"
+                        >否</a-radio
+                      >
                     </div>
                   </div>
                 </a-radio-group>
@@ -529,7 +545,9 @@
                       </div>
                     </div>
                     <div class="file_operation">
-                      <div class="fobox"><span style="color: #4ea6ff">删除</span></div>
+                      <div class="fobox">
+                        <span style="color: #4ea6ff">删除</span>
+                      </div>
                     </div>
                   </div>
                   <div class="i12_box1">
@@ -549,7 +567,9 @@
                       </div>
                     </div>
                     <div class="file_operation">
-                      <div class="fobox"><span style="color: #4ea6ff">删除</span></div>
+                      <div class="fobox">
+                        <span style="color: #4ea6ff">删除</span>
+                      </div>
                     </div>
                   </div>
                   <div class="i12_box1">
@@ -569,8 +589,12 @@
                       </div>
                     </div>
                     <div class="file_operation">
-                      <div class="fobox"><span style="color: #4ea6ff; ">重传</span></div>
-                      <div class="fobox"><span style="color: #4ea6ff">取消</span></div>
+                      <div class="fobox">
+                        <span style="color: #4ea6ff">重传</span>
+                      </div>
+                      <div class="fobox">
+                        <span style="color: #4ea6ff">取消</span>
+                      </div>
                     </div>
                   </div>
                   <div class="i12_box1">
@@ -590,8 +614,14 @@
                       </div>
                     </div>
                     <div class="file_operation">
-                      <div class="fobox"><span style="color: #4ea6ff; margin-right: 5px">暂停</span></div>
-                      <div class="fobox"><span style="color: #4ea6ff">取消</span></div>
+                      <div class="fobox">
+                        <span style="color: #4ea6ff; margin-right: 5px"
+                          >暂停</span
+                        >
+                      </div>
+                      <div class="fobox">
+                        <span style="color: #4ea6ff">取消</span>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -1080,7 +1110,11 @@
     </a-modal>
     <!--开课页面 -->
     <!--新建开课页面 -->
-    <a-modal v-model:visible="cstm_hs" style="margin-top: 400px" @cancel="cstm_exit">
+    <a-modal
+      v-model:visible="cstm_hs"
+      style="margin-top: 400px"
+      @cancel="cstm_exit"
+    >
       <div
         class="createschooltime"
         :style="{ display: cstm_hs ? 'block' : 'none' }"
@@ -1188,12 +1222,18 @@
             </div>
             <div class="b_input">
               <a-radio-group v-model:value="xjkkradioV1">
-                <a-radio v-model:checked="checked" :value="1" @click="clear_xjkkradioV1"
+                <a-radio
+                  v-model:checked="checked"
+                  :value="1"
+                  @click="clear_xjkkradioV1"
                   ><span style="color: #6d7584; margin-right: 30px"
                     >是否允许未报名的学员签到</span
                   ></a-radio
                 >
-                <a-radio v-model:checked="checked" :value="2" @click="clear_xjkkradioV1"
+                <a-radio
+                  v-model:checked="checked"
+                  :value="2"
+                  @click="clear_xjkkradioV1"
                   ><span style="color: #6d7584">签到是否需要口令</span></a-radio
                 >
               </a-radio-group>
@@ -1215,17 +1255,26 @@
             </div>
             <div class="b_input">
               <a-radio-group v-model:value="xjkkradioV2">
-                <a-radio v-model:checked="checked" :value="1" @click="clear_xjkkradioV2"
-                  ><span style="color: #6d7584; margin-right: 30px" 
+                <a-radio
+                  v-model:checked="checked"
+                  :value="1"
+                  @click="clear_xjkkradioV2"
+                  ><span style="color: #6d7584; margin-right: 30px"
                     >报名即完成</span
                   ></a-radio
                 >
-                <a-radio v-model:checked="checked" :value="2" @click="clear_xjkkradioV2"
-                  ><span style="color: #6d7584; margin-right: 30px" 
+                <a-radio
+                  v-model:checked="checked"
+                  :value="2"
+                  @click="clear_xjkkradioV2"
+                  ><span style="color: #6d7584; margin-right: 30px"
                     >签到即完成</span
                   ></a-radio
                 >
-                <a-radio v-model:checked="checked" :value="3" @click="clear_xjkkradioV2"
+                <a-radio
+                  v-model:checked="checked"
+                  :value="3"
+                  @click="clear_xjkkradioV2"
                   ><span style="color: #6d7584">请假算完成</span></a-radio
                 >
               </a-radio-group>
@@ -1542,12 +1591,18 @@
                 <a-radio-group v-model:value="jyradioV1">
                   <div class="bc_box">
                     <div class="ol_checkbox">
-                      <a-radio v-model:checked="checked" :value="1" @click="clear_jyradioV1"
+                      <a-radio
+                        v-model:checked="checked"
+                        :value="1"
+                        @click="clear_jyradioV1"
                         >结业</a-radio
                       >
                     </div>
                     <div class="ol_checkbox">
-                      <a-radio v-model:checked="checked" :value="2" @click="clear_jyradioV1"
+                      <a-radio
+                        v-model:checked="checked"
+                        :value="2"
+                        @click="clear_jyradioV1"
                         >不结业</a-radio
                       >
                     </div>
@@ -1737,7 +1792,7 @@
     <own-power v-model:ownpowervisible="ownpowervisible" />
     <!-- 学员管理课程库-归属权抽屉 -->
     <!-- 添加授权侧弹窗 -->
-    <corpowerlist v-model:corpowerlistVisible="corpowerlistvisible"/>
+    <corpowerlist v-model:corpowerlistVisible="corpowerlistvisible" />
     <!-- 添加授权侧弹窗 -->
   </div>
 </template>
@@ -1851,7 +1906,7 @@ const columns1 = [
     align: "center",
   },
 ];
-
+//列表操作在线面授管理
 const columns2 = [
   {
     title: "姓名",
@@ -1896,6 +1951,7 @@ const columns2 = [
     align: "center",
   },
 ];
+//管理查看详情
 const columns4 = [
   {
     title: "开课名称",
@@ -1919,7 +1975,7 @@ const columns4 = [
     align: "center",
   },
 ];
-//授权弹窗
+//5授权弹窗 6是开课表格
 // const columns5 = [
 //   {
 //     title: "姓名",
@@ -1957,6 +2013,8 @@ const columns4 = [
 //     align: "center",
 //   },
 // ];
+
+//开课表格
 const columns6 = [
   {
     title: "序号",
@@ -2001,6 +2059,7 @@ const columns6 = [
     align: "center",
   },
 ];
+//开课学员管理
 const columns7 = [
   {
     title: "序号",
@@ -2234,7 +2293,7 @@ export default defineComponent({
         },
       ],
 
-      // 授权弹窗
+      // 5授权弹窗 6开课
       // tableData5: [
       //   {
       //     key: 1,
@@ -2331,7 +2390,6 @@ export default defineComponent({
           signstatus: "-",
           evastatus: "-",
           overstatus: "-",
-          operation: "2022-07-20 9:30",
         },
         {
           key: "2",
@@ -2346,7 +2404,6 @@ export default defineComponent({
           signstatus: "已签到",
           evastatus: "已评估",
           overstatus: "-",
-          operation: "2022-07-20 9:30",
         },
         {
           key: "3",
@@ -2361,7 +2418,6 @@ export default defineComponent({
           signstatus: "-",
           evastatus: "-",
           overstatus: "-",
-          operation: "2022-07-20 9:30",
         },
         {
           key: "4",
@@ -2376,7 +2432,6 @@ export default defineComponent({
           signstatus: "已签到",
           evastatus: "-",
           overstatus: "90/已结业",
-          operation: "2022-07-20 9:30",
         },
         {
           key: "5",
@@ -2391,12 +2446,13 @@ export default defineComponent({
           signstatus: "请假",
           evastatus: "-",
           overstatus: "",
-          operation: "2022-07-20 9:30",
         },
       ],
       currentPage: 1,
       tableDataTotal: 100,
       pageSize: 10,
+      selectedRowKeys: [],
+      faceManageTab: "1",
       of_hs: false,
       hideshow: true,
       bs_hs: true,
@@ -2422,7 +2478,7 @@ export default defineComponent({
       olQR_hs: false,
       ftQR_hs: false,
       ftsQR_hs: false,
-      vipftQR_hs:false,
+      vipftQR_hs: false,
       //抽屉状态
       ownpowervisible: false,
       corpowerlistvisible: false,
@@ -2443,28 +2499,26 @@ export default defineComponent({
       qdms_inputV5: "",
       qdms_inputV6: "",
       //在线面授管理
-      gl_selectV1:"",
-      gl_selectV2:"",
-      gl_inputV1:"",
-      gl_inputV2:"",
+      gl_selectV1: "",
+      gl_selectV2: "",
+      gl_inputV1: "",
+      gl_inputV2: "",
       //开课
       kkinputV1: "",
       kkinputV2: "",
       //新建开课
-      xjkkradioV1:"",
-      xjkkradioV2:"",
+      xjkkradioV1: "",
+      xjkkradioV2: "",
       xjkkinputV1: "",
       xjkkinputV2: "",
       xjkkinputV3: "",
       xjkkinputV4: "",
-      selectedRowKeys: [],
-      faceManageTab: "1",
       //开课学员管理
-      xygl_inputV1:"",
+      xygl_inputV1: "",
       //录入成绩
-      lrcj_inputV1:"",
+      lrcj_inputV1: "",
       //结业
-      jyradioV1:"",
+      jyradioV1: "",
     });
     // 渲染列表1操作
     const getTableDate = () => {
@@ -2813,10 +2867,14 @@ export default defineComponent({
                       </div>
                     </div>
                     <div class="ops2">
-                      <div class="jc"
-                      onClick={() => {
+                      <div
+                        class="jc"
+                        onClick={() => {
                           state.delete_hs = true;
-                        }}>删除</div>
+                        }}
+                      >
+                        删除
+                      </div>
                     </div>
                   </div>
                 ) : (
@@ -2825,10 +2883,14 @@ export default defineComponent({
                 {value.status === "已通过" ? (
                   <div class="nselect">
                     <div class="ops2">
-                      <div class="jc"
-                      onClick={() => {
+                      <div
+                        class="jc"
+                        onClick={() => {
                           state.delete_hs = true;
-                        }}>删除</div>
+                        }}
+                      >
+                        删除
+                      </div>
                     </div>
                   </div>
                 ) : (
@@ -2837,10 +2899,14 @@ export default defineComponent({
                 {value.status === "已拒绝" ? (
                   <div class="nselect">
                     <div class="ops2">
-                      <div class="jc"
+                      <div
+                        class="jc"
                         onClick={() => {
                           state.delete_hs = true;
-                        }}>删除</div>
+                        }}
+                      >
+                        删除
+                      </div>
                     </div>
                   </div>
                 ) : (
@@ -3096,7 +3162,7 @@ export default defineComponent({
     const bs_hShow = (value) => {
       state.bs_hs = true;
       if (value != "") {
-      state.valueE1 = "";
+        state.valueE1 = "";
       }
     };
     const createft = () => {
@@ -3120,9 +3186,9 @@ export default defineComponent({
     const ftsr_exit = () => {
       state.om_ckxq = false;
     };
-    const gpm_exit = () => {
-      state.gpm_hs = false;
-    };
+    // const gpm_exit = () => {
+    //   state.gpm_hs = false;
+    // };
     const stm_exit = () => {
       state.stm_hs = false;
     };
@@ -3133,9 +3199,9 @@ export default defineComponent({
       state.cstm_hs = false;
       state.xjkkradioV1 = "";
       state.xjkkradioV2 = "";
-      state.xjkkinputV1 =  "";
-      state.xjkkinputV2 =  "";
-      state.xjkkinputV3 =  "";
+      state.xjkkinputV1 = "";
+      state.xjkkinputV2 = "";
+      state.xjkkinputV3 = "";
       state.xjkkinputV4 = "";
     };
     const sm_exit = () => {
@@ -3150,20 +3216,20 @@ export default defineComponent({
       state.valueE2 = "";
     };
     const clear_xjkkradioV1 = (value) => {
-      if (value != ""){
+      if (value != "") {
         state.xjkkradioV1 = "";
       }
-    }
+    };
     const clear_xjkkradioV2 = (value) => {
-      if (value != ""){
+      if (value != "") {
         state.xjkkradioV2 = "";
       }
-    }
+    };
     const clear_jyradioV1 = (value) => {
-      if (value != ""){
+      if (value != "") {
         state.jyradioV1 = "";
       }
-    }
+    };
     const qr_exit = () => {
       state.QR_hs = false;
       state.qrQR_hs = false;
@@ -3223,10 +3289,10 @@ export default defineComponent({
       // columns5,
       columns6,
       columns7,
-      getTableDate,
-      getTableDate2,
       options1,
       options2,
+      // getTableDate,
+      // getTableDate2,
       of_hShow,
       of_exit,
       hideShow,
@@ -3236,7 +3302,7 @@ export default defineComponent({
       om_exit,
       ckxq_hs,
       ftsr_exit,
-      gpm_exit,
+      // gpm_exit,
       stm_exit,
       createkk,
       cstm_exit,
@@ -3296,7 +3362,6 @@ export default defineComponent({
     .btns {
       display: flex;
       margin-left: 38px;
-      cursor: pointer;
       .btn {
         padding: 0px 26px 0px 26px;
         height: 38px;
@@ -3308,6 +3373,7 @@ export default defineComponent({
         justify-content: center;
         margin-right: 14px;
         flex-shrink: 0;
+        cursor: pointer;
         .search {
           background-size: 100%;
         }
@@ -4436,12 +4502,12 @@ export default defineComponent({
                     }
                   }
                   .file_operation {
-                      display: flex;
-                      .fobox{
-                        margin-right: 5px;
-                        cursor: pointer;
-                      }
+                    display: flex;
+                    .fobox {
+                      margin-right: 5px;
+                      cursor: pointer;
                     }
+                  }
                 }
               }
             }
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index 30428fa0..49c82cfc 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -519,10 +519,17 @@
       </a-modal>
     </div>
     <!-- 创建多层子项目弹窗 -->
+
+    <!-- 归属权抽屉 -->
+    <proj-owner-ship v-model:ProjOwnervisible="ProjOwnervisible" />
+    <!-- 授权名单抽屉 -->
+    <proj-power-list v-model:ProjPvisible="ProjPvisible" />
   </div>
 </template>
 <script>
 import { reactive, toRefs, onMounted } from "vue";
+import ProjOwnerShip from "../../components/drawers/ProjectOwn";
+import ProjPowerList from "../../components/drawers/ProjPowerList";
 const columns = [
   {
     title: "项目名称",
@@ -579,7 +586,7 @@ const columns = [
 
 export default {
   name: "projectManage",
-
+  components: { ProjOwnerShip, ProjPowerList },
   setup() {
     const state = reactive({
       projectNameList: [
@@ -860,6 +867,8 @@ export default {
       estabish: false,
       doublepro: false,
       doublesonpro: false,
+      ProjOwnervisible: false,
+      ProjPvisible: false,
     });
 
     onMounted(() => {
@@ -891,12 +900,19 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="权限名单" label="权限名单">
-                      <div>权限名单</div>
+                      <div
+                        onClick={() => {
+                          showProjPrower();
+                        }}
+                      >
+                        权限名单
+                      </div>
                     </a-select-option>
                     <a-select-option value="归属权" label="归属权">
                       <div
                         onClick={() => {
-                          console.log("点击了");
+                          console.log("点击了111");
+                          showProjOwner();
                         }}
                       >
                         归属权
@@ -946,12 +962,19 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="权限名单" label="权限名单">
-                      <div>权限名单</div>
+                      <div
+                        onClick={() => {
+                          showProjPrower();
+                        }}
+                      >
+                        权限名单
+                      </div>
                     </a-select-option>
                     <a-select-option value="归属权" label="归属权">
                       <div
                         onClick={() => {
-                          console.log("点击了");
+                          console.log("点击了111");
+                          showProjOwner();
                         }}
                       >
                         归属权
@@ -979,12 +1002,19 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="权限名单" label="权限名单">
-                      <div>权限名单</div>
+                      <div
+                        onClick={() => {
+                          showProjPrower();
+                        }}
+                      >
+                        权限名单
+                      </div>
                     </a-select-option>
                     <a-select-option value="归属权" label="归属权">
                       <div
                         onClick={() => {
-                          console.log("点击了");
+                          console.log("点击了111");
+                          showProjOwner();
                         }}
                       >
                         归属权
@@ -1020,12 +1050,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
                             onClick={() => {
-                              console.log("点击了");
+                              console.log("点击了111");
+                              showProjOwner();
                             }}
                           >
                             归属权
@@ -1069,12 +1106,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
                             onClick={() => {
-                              console.log("点击了");
+                              console.log("点击了111");
+                              showProjOwner();
                             }}
                           >
                             归属权
@@ -1105,12 +1149,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
                             onClick={() => {
-                              console.log("点击了");
+                              console.log("点击了111");
+                              showProjOwner();
                             }}
                           >
                             归属权
@@ -1145,12 +1196,19 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="权限名单" label="权限名单">
-                            <div>权限名单</div>
+                            <div
+                              onClick={() => {
+                                showProjPrower();
+                              }}
+                            >
+                              权限名单
+                            </div>
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
                               onClick={() => {
-                                console.log("点击了");
+                                console.log("点击了111");
+                                showProjOwner();
                               }}
                             >
                               归属权
@@ -1198,12 +1256,19 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="权限名单" label="权限名单">
-                            <div>权限名单</div>
+                            <div
+                              onClick={() => {
+                                showProjPrower();
+                              }}
+                            >
+                              权限名单
+                            </div>
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
                               onClick={() => {
-                                console.log("点击了");
+                                console.log("点击了111");
+                                showProjOwner();
                               }}
                             >
                               归属权
@@ -1251,12 +1316,19 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="权限名单" label="权限名单">
-                            <div>权限名单</div>
+                            <div
+                              onClick={() => {
+                                showProjPrower();
+                              }}
+                            >
+                              权限名单
+                            </div>
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
                               onClick={() => {
-                                console.log("点击了");
+                                console.log("点击了111");
+                                showProjOwner();
                               }}
                             >
                               归属权
@@ -1302,12 +1374,19 @@ export default {
                           dropdownClassName="tabledropdown"
                         >
                           <a-select-option value="权限名单" label="权限名单">
-                            <div>权限名单</div>
+                            <div
+                              onClick={() => {
+                                showProjPrower();
+                              }}
+                            >
+                              权限名单
+                            </div>
                           </a-select-option>
                           <a-select-option value="归属权" label="归属权">
                             <div
                               onClick={() => {
-                                console.log("点击了");
+                                console.log("点击了111");
+                                showProjOwner();
                               }}
                             >
                               归属权
@@ -1362,12 +1441,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
                             onClick={() => {
-                              console.log("点击了");
+                              console.log("点击了111");
+                              showProjOwner();
                             }}
                           >
                             归属权
@@ -1415,12 +1501,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
                             onClick={() => {
-                              console.log("点击了");
+                              console.log("点击了111");
+                              showProjOwner();
                             }}
                           >
                             归属权
@@ -1468,12 +1561,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
                             onClick={() => {
-                              console.log("点击了");
+                              console.log("点击了111");
+                              showProjOwner();
                             }}
                           >
                             归属权
@@ -1521,12 +1621,19 @@ export default {
                         dropdownClassName="tabledropdown"
                       >
                         <a-select-option value="权限名单" label="权限名单">
-                          <div>权限名单</div>
+                          <div
+                            onClick={() => {
+                              showProjPrower();
+                            }}
+                          >
+                            权限名单
+                          </div>
                         </a-select-option>
                         <a-select-option value="归属权" label="归属权">
                           <div
                             onClick={() => {
-                              console.log("点击了");
+                              console.log("点击了111");
+                              showProjOwner();
                             }}
                           >
                             归属权
@@ -1585,12 +1692,19 @@ export default {
                   dropdownClassName="tabledropdown"
                 >
                   <a-select-option value="权限名单" label="权限名单">
-                    <div>权限名单</div>
+                    <div
+                      onClick={() => {
+                        showProjPrower();
+                      }}
+                    >
+                      权限名单
+                    </div>
                   </a-select-option>
                   <a-select-option value="归属权" label="归属权">
                     <div
                       onClick={() => {
-                        console.log("点击了");
+                        console.log("点击了111");
+                        showProjOwner();
                       }}
                     >
                       归属权
@@ -1727,6 +1841,12 @@ export default {
     const closeModal3 = () => {
       state.doublesonpro = false;
     };
+    const showProjOwner = () => {
+      state.ProjOwnervisible = true;
+    };
+    const showProjPrower = () => {
+      state.ProjPvisible = true;
+    };
     return {
       ...toRefs(state),
       columns,
@@ -1741,6 +1861,8 @@ export default {
       showModal3,
       closeModal3,
       getTableDate,
+      showProjOwner,
+      showProjPrower,
     };
   },
 };
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index 5576c03a..cc7cc8b6 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -5,10 +5,12 @@
         <div class="tit">
           阶段<img
             src="../../assets/images/projectadd/right.png"
-            style="margin-left: 10px"
+            style="margin-left: 10px; cursor: pointer"
+            @click="showCancel"
           />
         </div>
-        <div class="btn btn3" @click="showModal" style="margin-left: 19px">
+        <!-- @click="showModal" -->
+        <div class="btn btn3" @click="showConfirm" style="margin-left: 19px">
           <div class="search"></div>
           <div class="btnText">添加阶段</div>
         </div>
@@ -309,6 +311,7 @@
         wrapClassName="addstage"
         width="624px"
         height="388px"
+        centered="true"
       >
         <div
           class="modalHeader"
@@ -405,6 +408,66 @@
         </div>
       </a-modal>
     </div>
+    <!-- 确认添加阶段弹窗 -->
+    <a-modal
+      v-model:visible="confirmModal"
+      :footer="null"
+      :closable="cC"
+      wrapClassName="ConfirmModal"
+      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="closeConfirm"></div>
+          </div>
+          <div class="body">
+            <span>您确定要添加阶段吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="showModal">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 确认取消阶段弹窗 -->
+    <a-modal
+      v-model:visible="cancelModal"
+      :footer="null"
+      :closable="cC"
+      wrapClassName="ConfirmModal"
+      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="closeCancel"></div>
+          </div>
+          <div class="body">
+            <span>您确定要取消阶段吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="delete_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="showModal">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
   </div>
 </template>
 
@@ -729,6 +792,9 @@ export default {
       addvotevisible: false,
       stage: false,
       selectedRowKeys: [],
+      confirmModal: false, //确认添加阶段弹窗
+      cC: false,
+      cancelModal: false, //确认取消阶段弹窗
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
@@ -870,8 +936,11 @@ export default {
     //     40 +
     //     "px";
     // };
+    //添加阶段详情
     const showModal = () => {
       state.stage = true;
+      //关闭确认框
+      closeConfirm();
     };
     const closeModal = () => {
       state.stage = false;
@@ -922,6 +991,19 @@ export default {
     const showDrawerAddVote = () => {
       state.addvotevisible = true;
     };
+    const showConfirm = () => {
+      state.confirmModal = true;
+    };
+    const closeConfirm = () => {
+      state.confirmModal = false;
+    };
+    const showCancel = () => {
+      state.cancelModal = true;
+    };
+    const closeCancel = () => {
+      state.cancelModal = false;
+    };
+
     return {
       ...toRefs(state),
       selectProjectName,
@@ -945,6 +1027,10 @@ export default {
       showDrawerAddEval,
       showDrawerAddInvist,
       showDrawerAddVote,
+      showConfirm,
+      closeConfirm,
+      showCancel,
+      closeCancel,
     };
   },
 };
@@ -957,6 +1043,117 @@ export default {
   width: 384px;
   height: 88px;
 }
+.ConfirmModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+          .del_main {
+            width: 100%;
+            position: relative;
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 .addstage {
   .ant-modal {
     .ant-modal-body {
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 46b66500..ce4d23a0 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -905,9 +905,9 @@
              -->
             <div class="line"></div>
             <div class="set_body">
-              <div class="edit">
+              <div class="edit" @click="edit_hShow">
                 <div class="img"></div>
-                <div class="ed">编辑</div>
+                <div class="ed">编辑11</div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>项目名称：</span></div>
@@ -1187,6 +1187,245 @@
       </a-modal>
     </div>
     <!-- 取消学员弹窗 -->
+    <!-- 编辑弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="edit_hs"
+        :title="null"
+        @ok="closeModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="set_edit"
+        width="679px"
+        @cancel="edit_exit"
+      >
+        <div
+          class="modalHeader"
+          style="
+            width: 100%;
+            height: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span style="width: 15px; height: 15px"
+              ><img src="../../assets/images/taskpage/edit.png"
+            /></span>
+            <span
+              class="headerLeftText"
+              style="font-size: 16px; margin-left: 10px"
+              >编辑</span
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="closeModal">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close.png"
+            />
+          </div>
+        </div>
+        <div class="modalMain">
+          <div class="projectname">基本信息</div>
+          <div class="setbody">
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">项目名称：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="请输入项目名称"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="main_item2">
+              <div class="signbox">
+                <span style="margin-right: 3px">直播封面：</span>
+              </div>
+              <div class="textarea">
+                <a-upload
+                  v-model:file-list="fileList"
+                  name="avatar"
+                  list-type="picture-card"
+                  class="avatar-uploader"
+                  :show-upload-list="false"
+                  action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                  :before-upload="beforeUpload"
+                  @change="handleChange"
+                >
+                  <img 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="ant-upload-text">Upload</div>
+                  </div>
+                </a-upload>
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">项目时间：</span>
+              </div>
+              <div class="btnbox">
+                <a-range-picker
+                  style="width: 424px"
+                  :placeholder="['      开始时间', '        结束时间']"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">项目经理：</span>
+              </div>
+              <div class="btnbox">
+                <a-select
+                  dropdownClassName="dropdown-style"
+                  style="width: 424px"
+                  placeholder="请选择项目经理"
+                  :options="options1"
+                  allowClear
+                  showSearch
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">资源归属：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="自动带出 可修改"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="main_item2">
+              <div class="signbox">
+                <span style="margin-right: 3px">项目说明：</span>
+              </div>
+              <div class="textarea">
+                <a-textarea
+                  v-model:value="textV1"
+                  placeholder="请输入说明"
+                  allow-clear
+                  maxlength="150"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <span style="margin-right: 3px">同步学习记录：</span>
+              </div>
+              <div class="btnbox">
+                <a-radio-group v-model:value="radioV1">
+                  <a-radio
+                    v-model:checked="checked"
+                    :value="1"
+                    @click="cloradio1"
+                    >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自由免修改课程）</a-radio
+                  >
+                </a-radio-group>
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">项目级别：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="集团级/组织级/现地级/部门级"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">培训体系：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="集团级/组织级/现地级/部门级"
+                  maxlength="20"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">是否BOEU实施：</span>
+              </div>
+              <div class="btnbox">
+                <a-radio-group v-model:value="radioV2">
+                  <a-radio
+                    v-model:checked="checked"
+                    :value="1"
+                    @click="cloradio2"
+                    >BOEU实施</a-radio
+                  >
+                </a-radio-group>
+              </div>
+            </div>
+          </div>
+
+          <div class="pubtn">
+            <a-button class="pubtn1" @click="closeModal">取消</a-button>
+            <a-button class="pubtn2" @click="closeModal">发布</a-button>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 编辑弹窗 -->
   </div>
 </template>
 <script>
@@ -1388,6 +1627,7 @@ export default {
       Importvisible: false, //导入学员
       Seevisible: false, //查看学员
       Changevisible: false, //学员换组
+      edit_hs: false, //编辑弹窗
       pubproject: false,
       stugroup: false,
       canclestu: false,
@@ -1396,6 +1636,8 @@ export default {
       checked2: false,
       checkedd: false, //设置按钮1
       checkedd2: false, //设置按钮2
+      radioV1: "",
+      radioV2: "",
       activeKey: "2",
       activeKey1: "8",
       valueName: "", //排行榜输入姓名
@@ -1927,6 +2169,22 @@ export default {
     const changecheck3 = () => {
       state.checkedd2 = !state.checkedd2;
     };
+    const edit_hShow = () => {
+      state.edit_hs = true;
+    };
+    const edit_exit = () => {
+      state.edit_hs = false;
+    };
+    const cloradio1 = (value) => {
+      if (value != "") {
+        state.radioV1 = "";
+      }
+    };
+    const cloradio2 = (value) => {
+      if (value != "") {
+        state.radioV2 = "";
+      }
+    };
     return {
       ...toRefs(state),
       showModal,
@@ -1949,6 +2207,10 @@ export default {
       showImportStu,
       showSeeStu,
       showChangeGroup,
+      edit_hShow,
+      edit_exit,
+      cloradio1,
+      cloradio2,
     };
   },
 };
@@ -3441,4 +3703,171 @@ export default {
     }
   }
 }
+.set_edit {
+  .ant-modal {
+    width: 866px !important;
+      height: 870px !important;
+    .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%
+        );
+      }
+
+      padding: 0;
+
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
+
+      .modalMain {
+        .projectname {
+          color: rgba(79, 81, 86, 1);
+          font-size: 14px;
+          line-height: 36px;
+          margin-left: 62px;
+          font-weight: 500;
+          margin-bottom: 24px;
+        }
+        .setbody {
+          margin-left: 67px;
+          .main_item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 32px;
+            .signbox {
+              width: 130px;
+              display: flex;
+              justify-content: end;
+              align-items: center;
+              white-space: nowrap;
+              .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: 130px;
+              display: flex;
+              justify-content: end;
+              align-items: center;
+              white-space: nowrap;
+              .sign {
+                margin-right: 5px;
+              }
+            }
+            .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;
+                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;
+              }
+            }
+          }
+        }
+
+        .pubtn {
+          display: flex;
+          justify-content: center;
+          margin-top: 25px;
+
+          //margin-bottom: 29px;
+          .pubtn1 {
+            width: 100px;
+            height: 40px;
+            margin-right: 16px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: rgba(78, 166, 255, 1);
+            font-size: 14px;
+            //line-height: 36px;
+            align-items: center;
+            background: rgba(255, 255, 255, 1);
+          }
+
+          .pubtn2 {
+            width: 100px;
+            height: 40px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #409eff;
+          }
+        }
+      }
+    }
+  }
+}
 </style>
diff --git a/src/views/projectcenter/TemplateLibrary.vue b/src/views/projectcenter/TemplateLibrary.vue
index e04226f8..f2a349d2 100644
--- a/src/views/projectcenter/TemplateLibrary.vue
+++ b/src/views/projectcenter/TemplateLibrary.vue
@@ -203,22 +203,31 @@ export default defineComponent({
             width:100%;
             .tmpl_header{
                 display:flex;
+                flex-wrap: wrap;
                 justify-content: space-between;
-                margin: 32px;
+                margin-bottom: 32px;
+                
+                margin-left: 32px;
+                margin-right: 32px;
                 .tmplh_inp{
                     .inpbox{
                         display: flex;
+                    margin-top: 32px;
                         .inpbox1{
                             display:flex;
                             justify-content: center;
                             align-items: center;
                             margin-right: 24px;
+                            span{
+                                white-space: nowrap;
+                            }
                         }
                     }
                 }
                 .tmplh_btn{
                     display: flex;
                     margin-left: 38px;
+                    margin-top: 32px;
                     .btn {
                         padding: 0px 26px 0px 26px;
                         height: 38px;
@@ -295,6 +304,7 @@ export default defineComponent({
                             display: flex;
                             .jc {
                             margin-left: 20px;
+                            white-space: nowrap;
                             cursor: pointer;
                             }
                         }