Merge branch 'master' of ssh://gitlab.dongwu-inc.com:10022/BOE/fe-manage

src/components/drawers/AddLevelAddStu.vue

@@ -48,7 +48,7 @@
                     </div>
                   </div>
                 </div>
-                <div class="line">
+                <!-- <div class="line">
                   <div class="inline">
                     <div class="left1">
                       <div class="img"></div>
@@ -60,7 +60,7 @@
                     </div>
                     <div class="right1">清空</div>
                   </div>
-                </div>
+                </div> -->
                 <div class="tabb" style="margin-top: 16px">
                   <a-table
                     style="border: 1px solid #f2f6fe"
@@ -68,7 +68,7 @@
                     :data-source="tabledata"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
-                    :scroll="{ x: 100, y: 560 }"
+                    :scroll="{ x: 500, y: 560 }"
                     @expand="expandTable"
                     :pagination="false"
                     :row-selection="{
@@ -92,29 +92,36 @@
               </a-tab-pane>
               <a-tab-pane key="2" tab="添加组织" force-render>
                 <div class="tab2">
-                  <div class="organize">组织：</div>
+                  <div class="t1">
+                    <div class="organize">选择组织：</div>
                     <div class="select">
-                    <a-cascader
+                      <a-tree-select
-                      v-model:value="value"
+                        v-model:value="valueSelect"
+                        style="width: 200px"
+                        dropdownClassName="dropdownn"
+                        :dropdown-style="{
+                          maxHeight: '400px',
+                          overflow: 'auto',
+                        }"
                         placeholder="请输入组织名称"
-                      :options="organizeList"
+                        allow-clear
-                    />
+                        tree-default-expand-all
-                  </div>
+                        :tree-data="treeData"
-                </div>
+                      >
-              </a-tab-pane>
+                      </a-tree-select>
-              <a-tab-pane key="3" tab="受众关联">
+                    </div>
-                <div class="tab1">
+                  </div>
-                  <div class="nameinp">
+                  <div class="t1">
-                    <div class="namee">受众名称：</div>
+                    <div class="organize">姓名：</div>
-                    <div class="select">
+                    <a-input
-                      <a-select
+                      v-model:value="nameadd"
-                        v-model:value="choosevalue"
+                      style="width: 200px; height: 40px; border-radius: 8px"
-                        style="width: 264px; border-radius: 8px"
+                      placeholder="请输入姓名"
-                        placeholder="请输入组织名称"
-                        :options="organizeList1"
                     />
                   </div>
                 </div>
+                <!-- 选完后出现下面 -->
+                <div class="searchdown">
                   <div class="btns">
                     <div class="btn1">
                       <div class="img1">
@@ -133,8 +140,75 @@
                       <div class="wz">重置</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: 500, y: 560 }"
+                      @expand="expandTable"
+                      :pagination="false"
+                      :row-selection="{
+                        columnWidth: 30,
+                        selectedRowKeys: selectedRowKeys1,
+                        onChange: onSelectChange1,
+                      }"
+                    />
+                    <div class="pa">
+                      <a-pagination
+                        showSizeChanger="true"
+                        showQuickJumper="true"
+                        hideOnSinglePage="true"
+                        :pageSize="pageSize1"
+                        :current="currentPage1"
+                        :total="tableDataTotal1"
+                        class="pagination"
+                      />
                     </div>
-                <div class="line">
+                  </div>
+                </div>
+              </a-tab-pane>
+              <a-tab-pane key="3" tab="受众关联">
+                <div class="tab1">
+                  <div class="t1">
+                    <div class="nameinp">
+                      <div class="namee">选择受众：</div>
+                      <div class="select">
+                        <a-select
+                          v-model:value="choosevalue"
+                          style="width: 200px; border-radius: 8px"
+                          placeholder="请输入组织名称"
+                          :options="organizeList1"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="t1" style="margin-top: 10px">
+                    <div class="organize">姓名：</div>
+                    <a-input
+                      v-model:value="nameaddd"
+                      style="width: 200px; height: 40px; border-radius: 8px"
+                      placeholder="请输入姓名"
+                    />
+                  </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 class="line">
                   <div class="inline">
                     <div class="left1">
                       <div class="img"></div>
@@ -146,21 +220,21 @@
                     </div>
                     <div class="right1">清空</div>
                   </div>
-                </div>
+                </div> -->
                 <div class="tabb" style="margin-top: 16px">
                   <a-table
                     style="border: 1px solid #f2f6fe"
-                    :columns="tablecolumns1"
+                    :columns="tablecolumns2"
-                    :data-source="tabledata1"
+                    :data-source="tabledata2"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
-                    :scroll="{ x: 700, y: 400 }"
+                    :scroll="{ x: 500, y: 560 }"
                     @expand="expandTable"
                     :pagination="false"
                     :row-selection="{
                       columnWidth: 30,
-                      selectedRowKeys: selectedRowKeys,
+                      selectedRowKeys: selectedRowKeys2,
-                      onChange: onSelectChange,
+                      onChange: onSelectChange2,
                     }"
                   />
                   <div class="pa">
@@ -168,9 +242,9 @@
                       showSizeChanger="true"
                       showQuickJumper="true"
                       hideOnSinglePage="true"
-                      :pageSize="pageSize"
+                      :pageSize="pageSize2"
-                      :current="currentPage"
+                      :current="currentPage2"
-                      :total="tableDataTotal"
+                      :total="tableDataTotal2"
                       class="pagination"
                     />
                   </div>
@@ -181,7 +255,11 @@
         </div>
         <div class="right">
           <div class="onerow">
+            <div class="onleft">
               <div class="already">已选</div>
+              <div class="count">6</div>
+              <div class="peo">人</div>
+            </div>
             <div class="clbox">
               <div class="colose"></div>
               <span class="allclear">全部清除</span>
@@ -238,47 +316,116 @@ export default {
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 50,
+      pageSize1: 10,
+      currentPage1: 1,
+      tableDataTotal1: 50,
+      pageSize2: 10,
+      currentPage2: 1,
+      tableDataTotal2: 50,
+      selectedRowKeys: [],
+      selectedRowKeys1: [],
+      selectedRowKeys2: [],
       activeKey: "1",
-      name: "", //输入名字搜索
       value: [], //级联选择框
       choosevalue: null, //受众选择
-      organizeList: [
+      valueSelect: null, //树形选择
+      name: "",
+      nameadd: "",
+      nameaddd: "",
+      treeData: [
         {
-          id: 1,
+          title: "京东方",
           value: "京东方",
-          label: "京东方",
           children: [
             {
-              id: 2,
+              title: "产研部",
               value: "产研部",
-              label: "产研部",
               children: [
                 {
-                  id: 4,
+                  title: "产品部",
-                  value: "产品部门",
+                  value: "产品部",
-                  label: "产品部门",
                 },
                 {
-                  id: 5,
+                  title: "研究部",
-                  value: "研发部门",
+                  value: "研究部",
-                  label: "研发部门",
                 },
               ],
             },
             {
-              id: 3,
+              title: "二级标题",
-              value: "人力资源部",
+              value: "二级标题",
-              label: "人力资源部",
               children: [
                 {
-                  id: 6,
+                  title: "三级标题",
-                  value: "人事部",
+                  value: "三级标题",
-                  label: "人事部",
+                  children: [
+                    {
+                      title: "四级标题",
+                      value: "四级标题",
+                      children: [
+                        {
+                          title: "五级标题",
+                          value: "五级标题",
+                          children: [
+                            {
+                              title: "六级标题",
+                              value: "六级标题",
+                              children: [
+                                {
+                                  title: "七级标题",
+                                  value: "七级标题",
+                                  children: [
+                                    {
+                                      title: "八级标题",
+                                      value: "八级标题",
+                                      children: [
+                                        {
+                                          title: "九级标题",
+                                          value: "九级标题",
+                                          children: [
+                                            {
+                                              title: "十级标题",
+                                              value: "十级标题",
+                                              children: [
+                                                {
+                                                  title: "十一级标题",
+                                                  value: "十一级标题",
+                                                  children: [
+                                                    {
+                                                      title: "十二级标题",
+                                                      value: "十二级标题",
+                                                    },
+                                                  ],
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                },
+                              ],
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
             },
             {
-                  id: 7,
+              title: "人力资源部",
+              value: "人力资源部",
+              children: [
+                {
+                  title: "人事部",
+                  value: "人事部",
+                },
+                {
+                  title: "行政部",
                   value: "行政部",
-                  label: "行政部",
                 },
               ],
             },
@@ -290,55 +437,64 @@ export default {
           key: 1,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 2,
           name: "小刘",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 3,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 4,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 5,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 6,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 7,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 8,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
         {
           key: 9,
           name: "小李",
           bum: "产研部",
-          gangw: "产品经理",
+          numb: "000000",
+          guishu: "",
         },
       ],
       tablecolumns: [
@@ -351,18 +507,26 @@ export default {
           className: "h",
         },
         {
-          title: "部门",
+          title: "工号",
-          dataIndex: "bum",
+          dataIndex: "numb",
-          key: "bum",
+          key: "numb",
-          width: 45,
+          width: 35,
           align: "center",
           className: "h",
         },
         {
-          title: "岗位",
+          title: "归属组织",
-          dataIndex: "gangw",
+          dataIndex: "guishu",
-          key: "gangw",
+          key: "guishu",
-          width: 45,
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
           align: "center",
           className: "h",
         },
@@ -370,56 +534,71 @@ export default {
       tabledata1: [
         {
           key: 1,
-          name: "学习受众",
+          name: "小李",
-          time: "2022-10-31 23:12:00",
+          bum: "产研部",
-          total: "1",
+          numb: "000000",
-          state: "已发布",
+          guishu: "",
-          type: "普通受众",
         },
         {
           key: 2,
-          name: "2",
+          name: "小刘",
-          time: "2022-10-31 23:12:00",
+          bum: "产研部",
-          total: "2",
+          numb: "000000",
-          state: "已发布",
+          guishu: "",
-          type: "普通受众",
         },
         {
           key: 3,
-          name: "mask",
+          name: "小李",
-          time: "2022-10-31 23:12:00",
+          bum: "产研部",
-          total: "1",
+          numb: "000000",
-          state: "已发布",
+          guishu: "",
-          type: "普通受众",
         },
         {
           key: 4,
-          name: "学习受众",
+          name: "小李",
-          time: "2022-10-31 23:12:00",
+          bum: "产研部",
-          total: "1",
+          numb: "000000",
-          state: "已发布",
+          guishu: "",
-          type: "普通受众",
         },
         {
           key: 5,
-          name: "学业受众",
+          name: "小李",
-          time: "2022-10-31 23:12:00",
+          bum: "产研部",
-          total: "2",
+          numb: "000000",
-          state: "已发布",
+          guishu: "",
-          type: "普通受众",
         },
         {
           key: 6,
-          name: "案例受众",
+          name: "小李",
-          time: "2022-10-31 23:12:00",
+          bum: "产研部",
-          total: "3",
+          numb: "000000",
-          state: "已发布",
+          guishu: "",
-          type: "普通受众",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
         },
       ],
       tablecolumns1: [
         {
-          title: "受众名称",
+          title: "姓名",
           dataIndex: "name",
           key: "name",
           width: 30,
@@ -427,57 +606,168 @@ export default {
           className: "h",
         },
         {
-          title: "创建时间",
+          title: "工号",
-          dataIndex: "time",
+          dataIndex: "numb",
-          key: "time",
+          key: "numb",
+          width: 35,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
           width: 40,
           align: "center",
           className: "h",
         },
+      ],
+      tabledata2: [
         {
-          title: "人数",
+          key: 1,
-          dataIndex: "total",
+          name: "小李",
-          key: "total",
+          bum: "产研部",
-          width: 20,
+          numb: "000000",
-          align: "center",
+          guishu: "",
-          className: "h",
         },
         {
-          title: "状态",
+          key: 2,
-          dataIndex: "state",
+          name: "小刘",
-          key: "state",
+          bum: "产研部",
-          width: 20,
+          numb: "000000",
-          align: "center",
+          guishu: "",
-          className: "h",
         },
         {
-          title: "类型",
+          key: 3,
-          dataIndex: "type",
+          name: "小李",
-          key: "type",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 4,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 5,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 6,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 7,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 8,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+        {
+          key: 9,
+          name: "小李",
+          bum: "产研部",
+          numb: "000000",
+          guishu: "",
+        },
+      ],
+      tablecolumns2: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
           width: 30,
+          align: "left",
+          className: "h",
+        },
+        {
+          title: "工号",
+          dataIndex: "numb",
+          key: "numb",
+          width: 35,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "归属组织",
+          dataIndex: "guishu",
+          key: "guishu",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
           align: "center",
           className: "h",
         },
       ],
       organizeList1: [
         {
-          value: "项目一",
+          value: "产品受众群体",
-          label: "项目一",
+          label: "产品受众群体",
+        },
+        {
+          value: "人力资源hrbp",
+          label: "人力资源hrbp",
         },
       ],
     });
     const closeDrawer = () => {
+      state.activeKey = "1";
       ctx.emit("update:AddSvisible", false);
     };
 
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
+    const onSelectChange = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange1 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
+    const onSelectChange2 = (selectedRowKeys) => {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      state.selectedRowKeys = selectedRowKeys;
+    };
 
     return {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
+      onSelectChange,
+      onSelectChange1,
+      onSelectChange2,
       // change,
     };
   },
@@ -486,25 +776,18 @@ export default {
 
 <style lang="scss">
 .AddLevelAddStu {
-  // .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;
+    overflow-y: scroll;
     display: flex;
     flex-direction: column;
+
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
       display: flex;
+      flex-shrink: 0;
       justify-content: space-between;
       align-items: center;
       // background-color: red;
@@ -519,11 +802,12 @@ export default {
     }
     .main {
       display: flex;
-      height: 80%;
+      // height: 80%;
+      margin-bottom: 72px;
       .left {
-        // overflow-y: auto;
+        overflow-y: auto;
         width: 65%;
-        height: 100%;
+        // height: 100%;
         border-right: 1px solid rgba(233, 233, 233, 1);
         .tabs {
           margin-right: 33px;
@@ -531,6 +815,12 @@ export default {
             display: flex;
             flex-wrap: wrap;
             justify-content: space-between;
+            align-items: center;
+            .t1 {
+              display: flex;
+              align-items: center;
+              margin-bottom: 5px;
+            }
             .nameinp {
               display: flex;
               align-items: center;
@@ -578,6 +868,43 @@ export default {
               }
             }
           }
+          .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;
@@ -672,18 +999,36 @@ export default {
               justify-content: center;
               // position: absolute;
               // bottom: 20px;
+              .ant-pagination-item,
+              .ant-pagination-prev,
+              .ant-pagination-next {
+                margin-bottom: 10px;
+              }
             }
           }
           .tab2 {
             display: flex;
             align-items: center;
             margin-top: 10px;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            .t1 {
+              display: flex;
+              align-items: center;
+              margin-bottom: 5px;
+            }
             .organize {
               color: rgba(0, 0, 0, 0.85);
               font-size: 14px;
+              white-space: nowrap;
+            }
+            .dropdownn {
+              background-color: red;
+              border-radius: 10px;
             }
             .ant-select {
               border-radius: 8px !important;
+              // background-color: red;
             }
             .ant-cascader {
               width: 264px;
@@ -697,6 +1042,46 @@ export default {
               }
             }
           }
+
+          .searchdown {
+            .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;
+                }
+              }
+            }
+          }
         }
       }
       .right {
@@ -707,6 +1092,9 @@ export default {
           align-items: center;
           margin-right: 40px;
           flex-wrap: wrap;
+          .onleft {
+            display: flex;
+            text-align: center;
             .already {
               color: rgba(51, 51, 51, 1);
               font-size: 16px;
@@ -715,6 +1103,17 @@ export default {
               white-space: nowrap;
               // margin-bottom: 20px;
             }
+            .count {
+              color: #388be1;
+              font-size: 16px;
+              margin: 0 6px;
+            }
+            .peo {
+              color: rgba(51, 51, 51, 1);
+              font-size: 16px;
+              font-weight: 500;
+            }
+          }
           .clbox {
             margin-left: 30px;
             display: flex;
@@ -774,6 +1173,7 @@ export default {
       height: 72px;
       width: 100%;
       position: absolute;
+      background-color: #fff;
       bottom: 0;
       left: 0;
       display: flex;

src/components/drawers/StuAdd.vue

@@ -31,11 +31,19 @@
                   </div>
                   <div class="btns">
                     <div class="btn1">
-                      <div class="img1"><img src="../../assets/images/courseManage/search0.png"/></div>
+                      <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="img2">
+                        <img
+                          src="../../assets/images/courseManage/reset1.png"
+                        />
+                      </div>
                       <div class="wz">重置</div>
                     </div>
                   </div>
@@ -105,11 +113,19 @@
                   </div>
                   <div class="btns">
                     <div class="btn1">
-                      <div class="img1"><img src="../../assets/images/courseManage/search0.png"/></div>
+                      <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="img2">
+                        <img
+                          src="../../assets/images/courseManage/reset1.png"
+                        />
+                      </div>
                       <div class="wz">重置</div>
                     </div>
                   </div>
@@ -168,6 +184,78 @@
             </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 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 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 class="chose">
               李明
               <div class="ch"></div>
@@ -201,7 +289,6 @@
       </div>
     </div>
   </a-drawer>
-  
 </template>
 
 <script>
@@ -449,7 +536,7 @@ export default {
 
     const stuaddChange = (e) => {
       state.stuaddTab = e;
-    }
+    };
 
     const afterVisibleChange = (bool) => {
       console.log("state", bool);

src/components/windows/DelWins.vue

@@ -0,0 +1,161 @@
+<template>
+    <!--删除弹窗 -->
+    <a-modal
+      v-model:visible="delete_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="DelModal"
+      style="margin-top: 400px"
+    >
+      <div class="delete" :style="{ display: delete_hs ? 'block' : 'none' }">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="del-icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="delete_exit"></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>
+    <!--删除弹窗 -->
+</template>
+
+<script>
+import { toRefs, reactive, defineComponent } from "vue";
+export default defineComponent({
+    name: "DelWins",
+      props: {
+    delete_hs: {
+      type: Boolean,
+      default: false,
+    },
+  },
+    setup() {
+        const state = reactive({
+            delete_hs: false,
+            closableQR: false,
+        })
+        const delete_exit = () => {
+            state.delete_hs = false;
+        }
+        return {
+            ...toRefs(state),
+            delete_exit,
+        };
+    },
+})
+</script>
+<style lang="scss" scope>
+.DelModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+      .ant-modal-body {
+        .delete {
+          z-index: 999;
+          width: 424px;
+          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;
+              .del-icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.png);
+                background-size: 100% 100%;
+              }
+              .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;
+            }
+            .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;
+                margin-right: 14px;
+                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;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/views/projectcenter/LibraryAdd.vue

@@ -8,7 +8,9 @@
         <div class="forz">管理者进阶-腾飞班1备份</div>
         <div class="fort">
           <div class="fort1">项目经理：黄华、刘俊备份</div>
-            <div class="fort2">起止时间：2022-09-21 00:00 至 2022-10-21 00:00</div>
+          <div class="fort2">
+            起止时间：2022-09-21 00:00 至 2022-10-21 00:00
+          </div>
         </div>
       </div>
       <div class="right">
@@ -48,7 +50,226 @@
         :tabBarStyle="{ marginLeft: '10px' }"
       >
         <a-tab-pane key="1" tab="任务">
-                1
+          <div class="taskBox" style="flex: 1">
+            <div class="split"></div>
+            <div class="onerow">
+              <div class="taskmain">任务大纲</div>
+              <button class="btn" @click="showFaceIn">批量面授报名</button>
+              <router-link to="/taskadd" class="edit">
+                <img
+                  class="editimg"
+                  src="../../assets/images/projectadd/edit.png"
+                />
+                <span class="editext">编辑</span>
+              </router-link>
+            </div>
+            <!-- <div class="taskSyllabus">
+                <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
+                  <template #expandIcon="{ isActive }">
+                    <img
+                      class="editimg"
+                      src="../../assets/images/projectadd/edit.png"
+                    />
+                    <span class="editext">编辑</span>
+                  </router-link>
+                </div> -->
+            <div class="taskSyllabus">
+              <a-collapse v-model:activeKey="taskSyllabusActive" accordion>
+                <template #expandIcon="{ isActive }">
+                  <img
+                    :style="{
+                      width: isActive ? 9.1 : 8.1,
+                      height: isActive ? 8.1 : 9.1,
+                      'margin-right': isActive ? '12px' : '13px',
+                    }"
+                    :src="
+                      isActive
+                        ? require('../../assets/images/projectadd/open.png')
+                        : require('../../assets/images/projectadd/close.png')
+                    "
+                  />
+                  <div></div>
+                </template>
+                <a-collapse-panel
+                  v-for="(value, index) in taskSyllabus"
+                  :key="index"
+                  :header="value.text"
+                >
+                  <div
+                    class="course"
+                    v-for="(item, key) in value.children"
+                    :key="key"
+                  >
+                    <!-- :style="{width:item.course==='在线'?'28px':
+                            height:item.course==='在线'?'27px':}" -->
+                    <div class="first">
+                      <div class="icon">
+                        <div
+                          style="
+                            width: 31px;
+                            height: 28px;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                          "
+                        >
+                          <img
+                            :src="
+                              item.course === '在线'
+                                ? require('../../assets/images/leveladd/zai.png')
+                                : item.course === '面授'
+                                ? require('../../assets/images/leveladd/mian.png')
+                                : item.course === '案例'
+                                ? require('../../assets/images/leveladd/an.png')
+                                : item.course === '作业'
+                                ? require('../../assets/images/leveladd/zuo.png')
+                                : item.course === '考试'
+                                ? require('../../assets/images/leveladd/kao.png')
+                                : item.course === '直播'
+                                ? require('../../assets/images/leveladd/zhi.png')
+                                : item.course === '外链'
+                                ? require('../../assets/images/leveladd/wai.png')
+                                : item.course === '讨论'
+                                ? require('../../assets/images/leveladd/tao.png')
+                                : item.course === '活动'
+                                ? require('../../assets/images/leveladd/huo.png')
+                                : item.course === '测评'
+                                ? require('../../assets/images/leveladd/ce.png')
+                                : item.course === '调研'
+                                ? require('../../assets/images/leveladd/diao.png')
+                                : item.course === '投票'
+                                ? require('../../assets/images/leveladd/tou.png')
+                                : null
+                            "
+                          />
+                        </div>
+                      </div>
+                      <div>
+                        <div class="iconame">「{{ item.course }}」</div>
+                        <div class="icontext">{{ item.name }}</div>
+                      </div>
+                    </div>
+                    <div class="type">
+                      <div
+                        :class="
+                          item.classify == '必修' ? 'typename1' : 'typename'
+                        "
+                      >
+                        {{ item.classify }}
+                      </div>
+                    </div>
+                    <div class="time">
+                      <div class="timetext">开始时间</div>
+                      <div class="timetext">{{ item.beginTime }}</div>
+                    </div>
+                    <div class="progress">
+                      <div class="progresstext">
+                        {{ item.complete }}/{{ item.total }}人
+                      </div>
+                      <div style="display: flex">
+                        <a-progress
+                          :showInfo="false"
+                          :percent="item.percent"
+                          strokeColor="#FFC067"
+                          trailColor="rgba(253, 209, 98, 0.2)"
+                        />
+                        <span class="progresstext" style="margin-left: 10px"
+                          >{{ item.percent }}%</span
+                        >
+                      </div>
+                    </div>
+                    <div class="operations">
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        :style="{
+                          display: item.course === '面授' ? 'flex' : 'none',
+                        }"
+                        @click="showFS"
+                      >
+                        学员
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        @click="showAA"
+                        :style="{
+                          display:
+                            item.course === '直播' || item.course === '活动'
+                              ? 'flex'
+                              : 'none',
+                        }"
+                      >
+                        考勤
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer"
+                        :style="{
+                          display:
+                            item.course === '直播' ||
+                            item.course === '活动' ||
+                            item.course === '面授'
+                              ? 'flex'
+                              : 'none',
+                        }"
+                      >
+                        二维码
+                      </div>
+                      <div
+                        class="operation"
+                        style="cursor: pointer; margin-right: 35px"
+                        @click="
+                          item.course === '在线' ||
+                          item.course === '案例' ||
+                          item.course === '外链' ||
+                          item.course === '讨论' ||
+                          item.course === '直播' ||
+                          item.course === '调研' ||
+                          item.course === '投票' ||
+                          item.course === '活动'
+                            ? showTime(item.course, item.name)
+                            : item.course === '考试' || item.course === '测评'
+                            ? showTest(item.course, item.name)
+                            : item.course === '面授'
+                            ? showFace(item.course)
+                            : item.course === '作业'
+                            ? showWork(item.course)
+                            : null
+                        "
+                      >
+                        管理
+                      </div>
+                    </div>
+                  </div>
+                </a-collapse-panel>
+              </a-collapse>
+              <!-- 无数据创建任务 -->
+              <div
+                class="taskbox"
+                style="
+                  background: linear-gradient(180deg, #ddeaff, #f0f8fe);
+                  display: none;
+                "
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture8.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  创建任务
+                </div>
+                <div class="centermain">点击创建项目任务</div>
+              </div>
+              <!-- 无数据创建任务 -->
+            </div>
+            <div style="display: flex; height: 20px"></div>
+          </div>
         </a-tab-pane>
         <a-tab-pane key="2" tab="公告" force-render>
           <div class="notice">
@@ -57,20 +278,31 @@
             <div class="ntc_body">
               <div class="ntc_switch">
                 <a-switch v-model:checked="checked" @click="changeopclo" />
-                        <div class="opclo"
+                <div
-                        :style="{ display: hideshow ? 'block' : 'none' }">
+                  class="opclo"
+                  :style="{ display: hideshow ? 'block' : 'none' }"
+                >
                   <span>关闭</span>
                 </div>
-                        <div class="opclo"
+                <div
-                        :style="{ display: hideshow ? 'none' : 'block'  }">
+                  class="opclo"
+                  :style="{ display: hideshow ? 'none' : 'block' }"
+                >
                   <span>开启</span>
                 </div>
               </div>
-                    <div class="ntc_content"
+              <div
-                    :style="{ display: hideshow ? 'block' : 'none' }">
+                class="ntc_content"
+                :style="{ display: hideshow ? 'block' : 'none' }"
+              >
                 <div class="ntcc_tit">公告内容</div>
                 <div class="textarea">
-                            <a-textarea v-model:value="value2" placeholder="公告信息最多输入150个字。" :maxlength="textnum" allow-clear />
+                  <a-textarea
+                    v-model:value="value2"
+                    placeholder="公告信息最多输入150个字。"
+                    :maxlength="textnum"
+                    allow-clear
+                  />
                   <div class="btnarea">
                     <div>&nbsp;</div>
                     <div class="area_btn">
@@ -98,9 +330,15 @@
                 </div>
               </div>
               <div class="pjcb_content">
-                            <div class="content content1"><span>当前设计下，学员可以获得 10 积分</span></div>
+                <div class="content content1">
-                            <div class="content content2"><span>完成【必修/选修】获得 5 积分</span></div>
+                  <span>当前设计下，学员可以获得 10 积分</span>
-                            <div class="content content3"><span>优秀学员可获得 5 积分</span></div>
+                </div>
+                <div class="content content2">
+                  <span>完成【必修/选修】获得 5 积分</span>
+                </div>
+                <div class="content content3">
+                  <span>优秀学员可获得 5 积分</span>
+                </div>
               </div>
             </div>
           </div>
@@ -115,61 +353,69 @@
               <div class="set_content">
                 <div class="setc_name"><span>项目名称：</span></div>
                 <div class="setc_main">
-                                <span style="color:#999999;">管理者进阶 - 管理者腾飞班</span>
+                  <span style="color: #999999">管理者进阶 - 管理者腾飞班</span>
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>封面图：</span></div>
                 <div class="setc_main">
-                                <img src="@/assets/images/projectadd/picture.png" alt="">
+                  <img src="@/assets/images/projectadd/picture.png" alt="" />
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>项目时间：</span></div>
                 <div class="setc_main">
-                                <span style="color:#999999;">2022-7-16 12:30 ～ 2022-7-30 12:30</span>
+                  <span style="color: #999999"
+                    >2022-7-16 12:30 ～ 2022-7-30 12:30</span
+                  >
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>项目经理：</span></div>
                 <div class="setc_main">
-                                <span style="color:#999999;">张雪</span>
+                  <span style="color: #999999">张雪</span>
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>资源归属：</span></div>
                 <div class="setc_main">
-                                <span style="color:#999999;">-</span>
+                  <span style="color: #999999">-</span>
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>项目说明：</span></div>
                 <div class="setc_main">
-                                <span style="color:#999999;">-</span>
+                  <span style="color: #999999">-</span>
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>同步学习记录：</span></div>
                 <div class="setc_main" @click="changecheck2">
-                                <a-radio v-model:checked="checked2"><span style="color:#333333">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span></a-radio>
+                  <a-radio v-model:checked="checked2"
+                    ><span style="color: #333333"
+                      >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+                    ></a-radio
+                  >
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>项目级别：</span></div>
                 <div class="setc_main">
-                                <span style="color:#999999;">-</span>
+                  <span style="color: #999999">-</span>
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>培训体系：</span></div>
                 <div class="setc_main">
-                                <span style="color:#999999;">-</span>
+                  <span style="color: #999999">-</span>
                 </div>
               </div>
               <div class="set_content">
                 <div class="setc_name"><span>是否BOEU实施：</span></div>
                 <div class="setc_main" @click="changecheck3">
-                                <a-radio v-model:checked="checked3"><span style="color:#333333">BOEU实施</span></a-radio>
+                  <a-radio v-model:checked="checked3"
+                    ><span style="color: #333333">BOEU实施</span></a-radio
+                  >
                 </div>
               </div>
             </div>
@@ -223,6 +469,132 @@ export default defineComponent({
   name: "LibraryAdd",
   setup() {
     const state = reactive({
+      //任务大纲列表
+      taskSyllabus: [
+        {
+          text: "阶段1腾飞班阶段1",
+          children: [
+            {
+              course: "在线",
+              name: "时间管理",
+              classify: "选修",
+              beginTime: "2022-09-10 14:03",
+              total: 50, //总人数
+              complete: 20, //完成人数
+              percent: 40,
+            },
+            {
+              course: "直播",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-12 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "面授",
+              name: "管理面授课",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 80, //总人数
+              complete: 0, //完成人数
+              percent: 0,
+            },
+            {
+              course: "活动",
+              name: "管理活动",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 40, //完成人数
+              percent: 80,
+            },
+            {
+              course: "作业",
+              name: "管理者作业",
+              classify: "选修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 30, //完成人数
+              percent: 60,
+            },
+            {
+              course: "考试",
+              name: "管理者考试",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 50, //完成人数
+              percent: 100,
+            },
+            {
+              course: "案例",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "外链",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+          ],
+        },
+        {
+          text: "阶段2腾飞班阶段2",
+          children: [
+            {
+              course: "讨论",
+              name: "时间管理",
+              classify: "选修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 20, //完成人数
+              percent: 40,
+            },
+            {
+              course: "测评",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "调研",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+            {
+              course: "投票",
+              name: "管理直播间",
+              classify: "必修",
+              beginTime: "2022-09-16 14:03",
+              total: 50, //总人数
+              complete: 10, //完成人数
+              percent: 20,
+            },
+          ],
+        },
+      ],
+      taskSyllabusActive: 0,
+      //在线管理等页面传递参数
+      showTimeText: "",
+      //考试、测评页面传递参数
+      showTestText: "",
       activeKey: ref("1"),
       // value: ref(" "),
       checked: false,
@@ -232,18 +604,18 @@ export default defineComponent({
       value4: false,
       hideshow: false,
     });
-        const value = ref('');
+    const value = ref("");
-        const value2 = ref('');
+    const value2 = ref("");
-        const textnum = '150'
+    const textnum = "150";
     const changeopclo = () => {
-            state.hideshow = !state.hideshow
+      state.hideshow = !state.hideshow;
-        }
+    };
     const changecheck2 = () => {
-            state.checked2 = !state.checked2
+      state.checked2 = !state.checked2;
-        }
+    };
     const changecheck3 = () => {
-            state.checked3 = !state.checked3
+      state.checked3 = !state.checked3;
-        }
+    };
     return {
       ...toRefs(state),
       value,
@@ -254,8 +626,7 @@ export default defineComponent({
       changecheck3,
     };
   },
-})
+});
-
 </script>
 <style lang="scss" scoped>
 .clearfix:before,
@@ -331,7 +702,7 @@ export default defineComponent({
       }
       .pub {
         // color: #ffb64e;
-        color: #65A4F8;
+        color: #65a4f8;
         font-size: 14px;
         margin-top: 5px;
         margin-right: 30px;
@@ -344,7 +715,7 @@ export default defineComponent({
         margin-right: 60px;
       }
       .more {
-        color: #7895DD;
+        color: #7895dd;
         position: relative;
         margin-right: 30px;
         height: 30px;
@@ -413,20 +784,248 @@ export default defineComponent({
       }
     }
   }
+  .bom {
+    .ant-tabs-top > .ant-tabs-nav::before,
+    .ant-tabs-bottom > .ant-tabs-nav::before,
+    .ant-tabs-top > div > .ant-tabs-nav::before,
+    .ant-tabs-bottom > div > .ant-tabs-nav::before {
+      border-bottom: 0px;
+    }
+    .ant-tabs-nav-wrap {
+      margin-left: 30px;
+      margin-top: 10px;
+    }
+
+    .taskBox {
       .split {
         width: 100%;
         height: 20px;
         background-color: #edf0f5;
       }
-  .bom {
+      .onerow {
-    .tab {
+        //width: 100%;
-      margin-top: 10px;
+        display: flex;
-      // margin-left: 10px;
+        height: 40px;
+        position: relative;
+        margin-top: 15px;
+        margin-left: 38px;
+        //margin-right: 38px;
+        .taskmain {
+          font-size: 18px;
+          padding-top: 7px;
+          color: #000000;
+        }
+        .btn {
+          position: absolute;
+          top: 0;
+          right: 168px;
+          background-color: #409eff;
+          width: 130px;
+          height: 40px;
+          border-radius: 8px;
+          border: 1px solid #409eff;
+          color: #ffffff;
+          cursor: pointer;
+        }
+        .edit {
+          position: absolute;
+          right: 38px;
+          top: 0;
+          color: #409eff;
+          width: 100px;
+          height: 40px;
+          border: 1px solid #409eff;
+          border-radius: 8px;
+          .editimg {
+            width: 15px;
+            height: 15px;
+            margin-top: -2px;
+            margin-left: 25px;
+            margin-right: 5px;
+          }
+          .editext {
+            line-height: 40px;
+          }
+        }
+        .edit:hover {
+          color: #ffffff;
+          background-color: #409eff;
+          cursor: pointer;
+          .editimg {
+            background-image: url("../../assets/images/projectadd/edit1.png");
+          }
+        }
+      }
+      .taskSyllabus {
+        // flex: 1;
+        overflow-x: scroll;
+
+        .ant-collapse {
+          border: 0px;
+          background-color: rgba(255, 255, 255, 0);
+          min-width: 1040px;
+        }
+
+        .ant-collapse-content > .ant-collapse-content-box {
+          padding-top: 0px;
+          padding-bottom: 0px;
+        }
+        .ant-collapse > .ant-collapse-item {
+          border: 0px;
+        }
+        .ant-collapse-header {
+          display: flex;
+          height: 49px;
+          background-color: #fcf0ef;
+          align-items: center;
+          margin-top: 20px;
+          margin-left: 38px;
+          margin-right: 40px;
+          font-size: 16px;
+          font-weight: 400;
+          color: #409eff;
+          line-height: 36px;
+          .ant-collapse-arrow {
+            margin-left: 15px !important;
+          }
+        }
+        .ant-collapse-content {
+          border-top: 0px;
+        }
+      }
+      .course {
+      //width: 100%;
+      flex-shrink: 0;
+      margin-right: 24px;
+
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      padding: 25px 0px;
+      margin-left: 22px;
+
+      //margin: 0 12px;
+      border: 1px solid #f2f6fc;
+      border-top: 0px;
+      .first {
+        //position: relative;
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+        //height: 71px;
+        margin-left: 12px;
+        margin-right: 50px;
+
+        .iconame {
+          //position: absolute;
+          color: #4f5156;
+          font-size: 16px;
+          margin-left: 4px;
+        }
+        .icontext {
+          //positipn: absolute;
+          color: #999ba3;
+          font-size: 14px;
+          margin-left: 12px;
+          width: 83px;
+        }
+      }
+      .type {
+        //height: 71px;
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+        margin-right: 50px;
+        .typename {
+          width: 63px;
+          height: 23px;
+          color: #5dc988;
+          font-size: 14px;
+          background-color: #f2f6fc;
+          border-radius: 4px;
+          text-align: center;
+        }
+        .typename1 {
+          width: 63px;
+          height: 23px;
+          color: #f0f4fe;
+          font-size: 14px;
+          background-color: #5dc988;
+          border-radius: 4px;
+          text-align: center;
+        }
+      }
+      .time {
+        //height: 71px;
+        flex-grow: 1;
+        margin-right: 50px;
+        .timetext {
+          font-size: 14px;
+          color: #999ba3;
+        }
+      }
+      .progress {
+        width: 168px;
+        margin-left: 10px;
+        margin-right: 50px;
+        flex-grow: 1;
+        .progresstext {
+          color: #ffc067;
+          font-size: 14px;
+        }
+      }
+      .operations {
+        display: flex;
+        width: 200px;
+        //flex-grow: 1;
+        .operation {
+          color: #4ea6ff;
+          font-size: 14px;
+          padding: 10px;
+          margin-left: auto;
+        }
+      }
+      }
+      .taskbox {
+        width: 412px;
+        height: 160px;
+        border-radius: 10px;
+        position: relative;
+        margin-left: 68px;
+        margin-bottom: 40px;
+        margin-top: 32px;
+        cursor: pointer;
+        .leftt {
+          position: absolute;
+          top: 18px;
+          left: 0;
+        }
+        .photo {
+          position: absolute;
+          top: 42px;
+          left: 37px;
+        }
+        .rightt {
+          position: absolute;
+          top: 69px;
+          right: 26px;
+        }
+        .centerbox {
+          position: absolute;
+          top: 52px;
+          left: 145px;
+          font-size: 20px;
+          font-weight: 700;
+          //line-height: 36px;
+        }
+        .centermain {
+          color: rgba(135, 139, 146, 1);
+          font-size: 14px;
+          position: absolute;
+          left: 144px;
+          bottom: 49px;
+        }
       }
-    .ant-tabs > .ant-tabs-nav,
-    .ant-tabs > div > .ant-tabs-nav {
-      margin-left: 0px !important;
-      padding-left: 32px !important;
     }
 
     .notice {
@@ -532,7 +1131,7 @@ export default defineComponent({
           }
         }
         .pjcb_content {
-                border: 1px solid #388BE1;
+          border: 1px solid #388be1;
           padding: 32px;
           .pjcb_content :last-child {
             margin-bottom: 0px;
@@ -540,7 +1139,6 @@ export default defineComponent({
           .content {
             margin-bottom: 24px;
           }
-
         }
       }
     }

src/views/projectcenter/TaskAdd.vue

@@ -252,6 +252,23 @@
               <span class="editext">批量删除</span>
             </div>
           </div>
+          <!-- 无数据样式 -->
+          <div class="notable" style="display:none;">
+            <div class="notablebox">
+              <div class="boxbody">
+                <div class="boximg"></div>
+                <div class="boxtitle">
+                  <span style="color: #ffb64e; font-size: 20px">无课程</span>
+                </div>
+                <div class="boxtitle2">
+                  <span style="color: #878b92">请点击新建开课，创建课程</span>
+                </div>
+              </div>
+              <div class="smallleft"></div>
+              <div class="smallright"></div>
+            </div>
+          </div>
+          <div class="rwbox">
             <div class="talk">
               <img class="im" src="../../assets/images/leveladd/gan.png" />
               <div class="xu">
@@ -293,6 +310,8 @@
                 />
               </div>
             </div>
+          </div>
+
           <!-- 编辑在线侧弹窗 -->
           <div>
             <edit-online v-model:editonlineVisible="editonlinevisible" />
@@ -1695,7 +1714,6 @@ export default {
       }
     }
     .boom {
-      position: relative;
       width: 100%;
       flex: 1;
       background-color: #fff;
@@ -1758,6 +1776,56 @@ export default {
             }
           }
         }
+        .notable {
+          width: 100%;
+          display: flex;
+          justify-content: center;
+          .notablebox {
+            width: 412px;
+            height: 212px;
+            background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
+            border-radius: 10px;
+            display: flex;
+            justify-content: center;
+            text-align: center;
+            margin-top: 77px;
+            margin-bottom: 109px;
+            cursor: pointer;
+            position: relative;
+            .smallleft {
+              position: absolute;
+              top: 18px;
+              left: 0px;
+              width: 8px;
+              height: 21px;
+              border-radius: 0px 4px 4px 0px;
+              background-color: #ffb64e;
+            }
+            .smallright {
+              position: absolute;
+              bottom: 18px;
+              right: 0px;
+              width: 8px;
+              height: 21px;
+              border-radius: 4px 0px 0px 4px;
+              background-color: #ffb64e;
+            }
+            .boxbody {
+              .boximg {
+                width: 72px;
+                height: 72px;
+                margin: 32px auto 20px auto;
+                background-image: url(@/assets/images/coursewareManage/nostate.png);
+                background-size: 100% 100%;
+              }
+              .boxtitle {
+                margin-bottom: 4px;
+              }
+            }
+          }
+        }
+        .rwbox {
+          position: relative;
           .talk {
             margin-top: 24px;
             margin-bottom: 11px;
@@ -1792,7 +1860,7 @@ export default {
             }
           }
           .tableBox {
-          margin-bottom: 80px;
+            padding-bottom: 80px;
             .classify {
               margin-left: 10px !important;
               padding-left: 9px !important;
@@ -1830,6 +1898,7 @@ export default {
           }
         }
       }
+    }
     // .drawerbox {
     //   // margin: 20px 38px 30px;
     //   th.h {

src/views/projectcenter/TaskPage.vue

@@ -211,22 +211,6 @@
         <a-tab-pane key="2" tab="任务" force-render>
           <div style="flex: 1">
             <div class="split"></div>
-            <!-- 无数据样式 -->
-            <div class="notable" style="display: none">
-              <div class="notablebox">
-                <div class="boxbody">
-                  <div class="boximg"></div>
-                  <div class="boxtitle">
-                    <span style="color: #ffb64e; font-size: 20px">无课程</span>
-                  </div>
-                  <div class="boxtitle2">
-                    <span style="color: #878b92">请点击新建开课，创建课程</span>
-                  </div>
-                </div>
-                <div class="smallleft"></div>
-                <div class="smallright"></div>
-              </div>
-            </div>
             <div class="onerow">
               <div class="taskmain">任务大纲</div>
               <button class="btn" @click="showFaceIn">批量面授报名</button>
@@ -549,7 +533,7 @@
                 <div class="tab" style="margin: 20px 32px 30px 32px">
                   <a-table
                     style="border: 1px solid #f2f6fe"
-                    :columns="tablecolumns"
+                    :columns="studentColumns()"
                     :data-source="tabledata"
                     :loading="tableDataTotal === -1 ? true : false"
                     expandRowByClick="true"
@@ -810,6 +794,7 @@
             <p style="margin-top: 35px">公告内容</p>
             <a-textarea
               v-model:value="noticeContent"
+              placeholder="请输入要发布的公告"
               show-count
               :maxlength="150"
               style="margin-top: -10px; height: 110px"
@@ -820,7 +805,63 @@
             </div>
           </div>
         </a-tab-pane>
-        <a-tab-pane key="5" tab="项目积分"> Content of Tab Pane 3 </a-tab-pane>
+        <a-tab-pane key="5" tab="项目积分">
+          <div class="split"></div>
+          <div class="content3">
+            <a-tabs v-model:activeKey="activeKey2">
+              <a-tab-pane key="1" tab="学员获取"> </a-tab-pane>
+              <a-tab-pane key="2" tab="榜单"> </a-tab-pane>
+              <a-tab-pane key="3" tab="获取规则">
+                <div class="projectscore">
+                  <div class="pjc_body">
+                    <div class="pjcb_header">
+                      <span>规则</span>
+                      <div class="edit_btn">
+                        <div class="edit"></div>
+                        <div class="btnText">编辑</div>
+                      </div>
+                    </div>
+                    <div class="pjcb_content">
+                      <div class="content content1">
+                        <span
+                          >当前设计下，学员可以获得
+                          <a-input
+                            v-model:value="inputValue"
+                            :maxlength="3"
+                            style="width: 50px"
+                          />
+                          积分</span
+                        >
+                      </div>
+                      <div class="content content2">
+                        <span
+                          >完成【必修/选修】获得
+                          <a-input
+                            v-model:value="inputValue2"
+                            :maxlength="3"
+                            style="width: 50px"
+                          />
+                          积分</span
+                        >
+                      </div>
+                      <div class="content content3">
+                        <span
+                          >优秀学员可获得
+                          <a-input
+                            v-model:value="inputValue3"
+                            :maxlength="3"
+                            style="width: 50px"
+                          />
+                          积分</span
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </a-tab-pane>
+            </a-tabs>
+          </div>
+        </a-tab-pane>
         <a-tab-pane key="6" tab="排行榜">
           <div class="content6">
             <div class="title">排行榜</div>
@@ -1464,6 +1505,39 @@
       </a-modal>
     </div>
     <!-- 编辑弹窗 -->
+    <!-- 删除弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="delete_hs"
+        :footer="null"
+        :closable="closableQR"
+        wrapClassName="DelModal"
+        style="margin-top: 400px"
+      >
+        <div class="delete" :style="{ display: delete_hs ? 'block' : 'none' }">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="del-icon"></div>
+              <span>提示</span>
+              <div class="close_exit" @click="delete_exit"></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>
+    <!-- 删除弹窗 -->
   </div>
 </template>
 <script>
@@ -1530,6 +1604,7 @@ export default {
           diploma: "0",
           stutime: "2022-10-31 23:12:00",
           putin: "手动加入",
+          excellent: true, //是否是优秀学员
         },
         {
           key: 2,
@@ -1541,6 +1616,7 @@ export default {
           diploma: "0",
           stutime: "2022-10-21 23:12:00",
           putin: "手动加入",
+          excellent: false, //是否是优秀学员
         },
         {
           key: 3,
@@ -1552,6 +1628,7 @@ export default {
           diploma: "0",
           stutime: "2022-10-11 23:12:00",
           putin: "手动加入",
+          excellent: false, //是否是优秀学员
         },
         {
           key: 4,
@@ -1563,86 +1640,10 @@ export default {
           diploma: "0",
           stutime: "2022-10-31 23:12:00",
           putin: "手动加入",
+          excellent: true, //是否是优秀学员
         },
       ],
-      tablecolumns: [
+
-        {
-          title: "姓名",
-          dataIndex: "name",
-          key: "name",
-          width: 30,
-          align: "left",
-          className: "h",
-        },
-        {
-          title: "部门",
-          dataIndex: "bum",
-          key: "bum",
-          width: 40,
-          align: "center",
-          className: "h",
-        },
-        {
-          title: "岗位",
-          dataIndex: "gangw",
-          key: "gangw",
-          width: 40,
-          align: "center",
-          className: "h",
-        },
-        {
-          title: "所属小组",
-          dataIndex: "group",
-          key: "group",
-          width: 40,
-          align: "center",
-          className: "h",
-        },
-        {
-          title: "进度",
-          dataIndex: "progress",
-          key: "progress",
-          width: 40,
-          align: "center",
-          className: "h",
-        },
-        {
-          title: "证书",
-          dataIndex: "diploma",
-          key: "diploma",
-          width: 40,
-          align: "center",
-          className: "h",
-        },
-        {
-          title: "最近学习时间",
-          dataIndex: "stutime",
-          key: "stutime",
-          width: 50,
-          align: "center",
-          className: "h",
-          sorter: {
-            compare: (a, b) => a.stutime - b.stutime,
-            multiple: 3,
-          },
-        },
-        {
-          title: "加入方式",
-          dataIndex: "putin",
-          key: "putin",
-          width: 40,
-          align: "center",
-          className: "h",
-        },
-        {
-          title: "操作",
-          dataIndex: "operations",
-          key: "operations",
-          width: 60,
-          align: "center",
-          className: "h",
-        },
-      ],
       //进度排行学员
       rankjindu: [{ value: "学员", label: "学员" }],
       valuestu1: "学员",
@@ -1668,6 +1669,7 @@ export default {
       Seevisible: false, //查看学员
       Changevisible: false, //学员换组
       edit_hs: false, //编辑弹窗
+      delete_hs: false, //删除弹窗
       pubproject: false,
       stugroup: false,
       canclestu: false,
@@ -1678,12 +1680,16 @@ export default {
       checkedd2: false, //设置按钮2
       radioV1: "",
       radioV2: "",
-      activeKey: "2",
+      activeKey: "3",
       activeKey1: "8",
+      activeKey2: "3",
+      inputValue: 5,
+      inputValue2: 5,
+      inputValue3: 5,
       valueName: "", //排行榜输入姓名
       valueDate: "", //排行榜输入日期
       noticeChecked: true,
-      noticeContent: "请输入要发布的公告",
+      noticeContent: "",
       TaskFaceImpStuvisible: false, //批量面授报名
 
       //进度排行表
@@ -2135,6 +2141,79 @@ export default {
       //考试、测评页面传递参数
       showTestText: "",
     });
+
+    //学员学员管理渲染
+    const getTableDate = () => {
+      let datas = state.tabledata;
+      datas.map((value) => {
+        {
+          //单层项目
+          value.operations = (
+            <div class="operation">
+              <div class="nSelect">
+                <div class="nselect">
+                  <div
+                    class="jc"
+                    onClick={() => {
+                      // state.QR_hs = true;
+                      // state.ftsQR_hs = true;
+                    }}
+                  >
+                    优秀学员
+                  </div>
+                  <div
+                    class="jc"
+                    onClick={() => {
+                      state.Seevisible = true;
+                    }}
+                  >
+                    查看
+                  </div>
+                  <div class="tableSelect">
+                    <a-select
+                      style="width: 50px;margin-top:2px;margin-left:25px"
+                      value="更多"
+                      // options={state.projectNameList}
+                      dropdownClassName="tabledropdown"
+                    >
+                      <a-select-option
+                        value="换组"
+                        label="换组"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            // state.copy_hs = true;
+                          }}
+                        >
+                          复制
+                        </div>
+                      </a-select-option>
+                      <a-select-option
+                        value="删除"
+                        label="删除"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            state.delete_hs = true;
+                          }}
+                        >
+                          删除
+                        </div>
+                      </a-select-option>
+                    </a-select>
+                  </div>
+                </div>
+              </div>
+            </div>
+          );
+        }
+      });
+      state.tableData = datas;
+    };
+    getTableDate();
+
     const showModal = () => {
       state.pubproject = true;
     };
@@ -2231,6 +2310,165 @@ export default {
         state.radioV2 = "";
       }
     };
+
+    //学员管理列表操作
+    const studentData = () => {
+      let arr = state.tabledata;
+      arr.map((value) => {
+        value.operation = (
+          <div
+            style={{
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+            }}
+          >
+            <div class="studentopea1">
+              {value.excellent ? "取消优秀" : "优秀学员"}
+            </div>
+
+            <div class="studentopea2">查看</div>
+            <div class="studentSelect">
+              <a-select
+                style="width: 50px"
+                value="更多"
+                // options={state.projectNameList}
+                dropdownClassName="tabledropdown"
+              >
+                <a-select-option value="换组" label="换组">
+                  <div>换组</div>
+                </a-select-option>
+                <a-select-option value="删除" label="删除">
+                  <div
+                    onClick={() => {
+                      console.log("点击了111");
+                    }}
+                  >
+                    删除
+                  </div>
+                </a-select-option>
+              </a-select>
+            </div>
+          </div>
+        );
+      });
+      state.tabledata = arr;
+      // console.log("state.tabledata", state.tabledata);
+    };
+    studentData();
+    const studentColumns = () => {
+      const tablecolumns = [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 50,
+          align: "left",
+          className: "h",
+          // scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: (text) => {
+            console.log(text.excellent);
+            return (
+              <div>
+                {text.record.excellent ? (
+                  <div
+                    style={{
+                      display: "flex",
+                      alignItems: "center",
+                    }}
+                  >
+                    <span class="stydentName">{text.value}</span>
+                    <div class="studentExcellent">
+                      <img
+                        class="studentExcellentImg"
+                        src={require("../../assets/images/taskpage/excellent.png")}
+                      />
+                      <span class="studentExcellentT">优秀</span>
+                    </div>
+                  </div>
+                ) : (
+                  <div>
+                    <span>{text.value}</span>
+                  </div>
+                )}
+              </div>
+            );
+          },
+        },
+        {
+          title: "部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "岗位",
+          dataIndex: "gangw",
+          key: "gangw",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所属小组",
+          dataIndex: "group",
+          key: "group",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "进度",
+          dataIndex: "progress",
+          key: "progress",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "证书",
+          dataIndex: "diploma",
+          key: "diploma",
+          width: 30,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "最近学习时间",
+          dataIndex: "stutime",
+          key: "stutime",
+          width: 50,
+          align: "center",
+          className: "h",
+          // sorter: {
+          //   compare: (a, b) => a.stutime - b.stutime,
+          //   multiple: 3,
+          // },
+        },
+        {
+          title: "加入方式",
+          dataIndex: "putin",
+          key: "putin",
+          width: 40,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "操作",
+          dataIndex: "operation",
+          key: "operation",
+          width: 60,
+          align: "center",
+          className: "h",
+        },
+      ];
+      return tablecolumns;
+    };
+    const delete_exit = () => {
+      state.delete_hs = false;
+    };
     return {
       ...toRefs(state),
       showModal,
@@ -2258,6 +2496,8 @@ export default {
       edit_exit,
       cloradio1,
       cloradio2,
+      studentColumns,
+      delete_exit,
     };
   },
 };
@@ -2822,55 +3062,6 @@ export default {
       margin-left: 30px;
       margin-top: 10px;
     }
-    .notable {
-      width: 100%;
-      height: 100%;
-      display: flex;
-      justify-content: center;
-      .notablebox {
-        width: 412px;
-        height: 212px;
-        background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
-        border-radius: 10px;
-        display: flex;
-        justify-content: center;
-        text-align: center;
-        margin-top: 77px;
-        margin-bottom: 109px;
-        cursor: pointer;
-        position: relative;
-        .smallleft {
-          position: absolute;
-          top: 18px;
-          left: 0px;
-          width: 8px;
-          height: 21px;
-          border-radius: 0px 4px 4px 0px;
-          background-color: #ffb64e;
-        }
-        .smallright {
-          position: absolute;
-          bottom: 18px;
-          right: 0px;
-          width: 8px;
-          height: 21px;
-          border-radius: 4px 0px 0px 4px;
-          background-color: #ffb64e;
-        }
-        .boxbody {
-          .boximg {
-            width: 72px;
-            height: 72px;
-            margin: 32px auto 20px auto;
-            background-image: url(@/assets/images/coursewareManage/nostate.png);
-            background-size: 100% 100%;
-          }
-          .boxtitle {
-            margin-bottom: 4px;
-          }
-        }
-      }
-    }
     .onerow {
       //width: 100%;
       display: flex;
@@ -3094,7 +3285,7 @@ export default {
     }
     .taskSyllabus {
       // flex: 1;
-      overflow-x: scroll;
+      overflow-x: auto;
 
       .ant-collapse {
         border: 0px;
@@ -3498,6 +3689,124 @@ export default {
         // position: absolute;
         // bottom: 20px;
       }
+      .operation {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: #4ea6ff;
+        .nselect {
+          justify-content: center;
+          align-items: center;
+          display: flex;
+          .jc {
+            margin-left: 20px;
+            cursor: pointer;
+            white-space: nowrap;
+          }
+        }
+        .tableSelect {
+          margin-right: 10px;
+          margin-left: -5px;
+          display: flex;
+          align-items: center;
+          justify-content: right;
+          white-space: nowrap;
+        }
+      }
+      .studentName {
+        font-size: 14px;
+        font-weight: 400;
+        color: rgba(0, 0, 0, 0.65);
+        line-height: 22px;
+      }
+      .studentExcellent {
+        width: 64px;
+        height: 24px;
+        border-radius: 2px;
+        border: 1px solid #ffb64e;
+        background-color: rgba(255, 182, 78, 0.1);
+        margin-left: 24px;
+        display: flex;
+        align-items: center;
+        .studentExcellentImg {
+          width: 16px;
+          height: 16px;
+          margin-left: 7px;
+        }
+        .studentExcellentT {
+          font-size: 12px;
+          font-weight: 400;
+          color: #ffb64e;
+          line-height: 17px;
+          margin-left: 3px;
+        }
+      }
+
+      .studentopea1 {
+        font-size: 14px;
+        font-weight: 400;
+        color: #387df7;
+        line-height: 22px;
+        padding-right: 8px;
+        border-right: 1px solid #e9e9e9;
+        cursor: pointer;
+      }
+      .studentopea2 {
+        font-size: 14px;
+        font-weight: 400;
+        color: #387df7;
+        line-height: 22px;
+        padding-right: 8px;
+        padding-left: 8px;
+        border-right: 1px solid #e9e9e9;
+        cursor: pointer;
+      }
+      .studentSelect {
+        margin-left: 8px;
+        display: inline-block;
+
+        .ant-select:not(.ant-select-customize-input)
+          .ant-select-selector
+          .ant-select-selection-search-input {
+          background-color: rgba(255, 255, 255, 0);
+          border: none;
+        }
+
+        .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+          background-color: rgba(255, 255, 255, 0);
+          border: none;
+        }
+
+        .ant-select-single:not(.ant-select-customize-input)
+          .ant-select-selector {
+          padding: 0;
+        }
+
+        .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input)
+          .ant-select-selector {
+          box-shadow: none;
+        }
+
+        .ant-select-arrow {
+          right: 0px;
+          color: rgba(56, 125, 247, 1);
+          font-size: 14px;
+          line-height: 36px;
+          // top: 17px;
+          top: 15px;
+        }
+
+        .ant-select-selection-item {
+          font-size: 14px;
+          font-weight: 400;
+          color: rgba(56, 125, 247, 1);
+          line-height: 33px;
+        }
+
+        .ant-select-single.ant-select-open .ant-select-selection-item {
+          color: rgba(56, 125, 247, 1);
+        }
+      }
     }
     .groupmain {
       display: flex;
@@ -3632,6 +3941,54 @@ export default {
         }
       }
     }
+    .projectscore {
+      .pjc_body {
+        margin-left: 34px;
+        margin-right: 34px;
+        .pjcb_header {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin: 24px auto;
+          .edit_btn {
+            width: 100px;
+            // padding: 0px 26px 0px 26px;
+            height: 38px;
+            background: rgb(64, 158, 255);
+            border-radius: 8px;
+            border: 1px solid rgba(64, 158, 255, 1);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-shrink: 0;
+            cursor: pointer;
+            .edit {
+              width: 15px;
+              height: 15px;
+              background-image: url(@/assets/images/coursewareManage/export1.png);
+              background-size: 100% 100%;
+            }
+            .btnText {
+              font-size: 14px;
+              font-weight: 400;
+              color: rgb(255, 255, 255);
+              line-height: 36px;
+              margin-left: 5px;
+            }
+          }
+        }
+        .pjcb_content {
+          border: 1px solid #388be1;
+          padding: 32px;
+          .pjcb_content :last-child {
+            margin-bottom: 0px;
+          }
+          .content {
+            margin-bottom: 24px;
+          }
+        }
+      }
+    }
   }
   .content6 {
     width: 100%;
@@ -4019,4 +4376,104 @@ export default {
     }
   }
 }
+.DelModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+      .ant-modal-body {
+        .delete {
+          z-index: 999;
+          width: 424px;
+          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;
+              .del-icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/notice.png);
+                background-size: 100% 100%;
+              }
+              .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;
+            }
+            .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;
+                margin-right: 14px;
+                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;
+              }
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 </style>