From 195af21a9d1ab37f3b9a6e07f09f5bc5e62b2bb6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Mon, 10 Oct 2022 11:11:43 +0800
Subject: [PATCH 1/5] =?UTF-8?q?feat:=E5=88=9B=E5=BB=BA=E8=B0=83=E7=A0=94?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/research/ResearchAdd.vue | 224 ++++++++++++++++++++++++++++-
 1 file changed, 217 insertions(+), 7 deletions(-)

diff --git a/src/views/research/ResearchAdd.vue b/src/views/research/ResearchAdd.vue
index bbe46ff7..a36dde4c 100644
--- a/src/views/research/ResearchAdd.vue
+++ b/src/views/research/ResearchAdd.vue
@@ -1,16 +1,113 @@
 <template>
+<div class="researchadd">
     <div class="header">
         <span class="title">创建调研</span>
         <div class="goback"><span class="return"></span><router-link class="returntext" to="/researchmanage">返回</router-link></div>
     </div>
     <div class="content">
-        <div class="type"></div>
         <div class="name">
-            <div class="star">*</div>
+          <div class="namebox">
+            <div class="inname">类型</div>
+          </div>
+          <div class="in">
+            <input type="radio" name="type" id="single" checked="checked"/><label for="single" class="text" style="margin-left: 5px">单选</label>
+            <input type="radio" name="type" id="double" style="margin-left: 10px"/><label for="double" class="text" style="margin-left: 5px">多选</label>
+            <input type="radio" name="type" id="score" style="margin-left: 10px"/><label for="score" class="text" style="margin-left: 5px">评分题</label>
+          </div>
+        </div>
+        <div class="name">
+          <div class="namebox">
+            <img
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
             <div class="inname">提干</div>
-            <div class="in">
-                <a-input v-model:value="valueE" placeholder="请输入项目名称"/>
+          </div>
+          <div class="in">
+            <a-input v-model:value="valueE" placeholder="请输入项目名称" />
+          </div>
+        </div>
+        <div class="name">
+          <div class="in" style="margin-left: 133px">
+            <a-button type="primary" style="width: 100px;height: 40px;border-radius: 8px">添加选项</a-button>
+          </div>
+        </div>
+        <div class="options">
+            <div class="name" >
+            <div class="namebox">
+                <div class="inname">选项1</div>
             </div>
+            <div class="in">
+                <a-input v-model:value="valueE"  />
+            </div>          
+            </div>
+            <div class="delete">删除</div>
+        </div>       
+        <div class="name" >
+          <div class="in" style="margin-left: 133px">
+            <div class="addimg">+添加图片</div>
+          </div>          
+        </div>
+        <div class="options">
+            <div class="name" >
+            <div class="namebox">
+                <div class="inname">选项1</div>
+            </div>
+            <div class="in">
+                <a-input v-model:value="valueE"  />
+            </div>          
+            </div>
+            <div class="delete">删除</div>
+        </div>
+        <div class="picture">
+            <img class="pictureimg" src=""/>
+            <div class="picturename">图片名称1.jpg</div>
+        </div>
+    </div>
+     <div class="header">
+        <span class="title" style="font-size: 14px">选项设置</span>
+    </div>
+    <div class="content">
+        <div class="name" >
+          <div class="namebox">
+            <div class="inname">最低分</div>
+          </div>
+          <div class="in">
+            <a-input v-model:value="valueE"  />
+          </div>
+          <div class="namebox" style="margin-left: -50px">
+            <div class="inname">最高分</div>
+          </div>
+          <div class="in">
+            <a-input v-model:value="valueE"  />
+          </div>           
+        </div>
+        <div class="scorebox">
+            <div class="scoretext">非常满意</div>
+            <div class="number">
+                <a-button class="btn" style="margin-left:10px">1</a-button>
+                <a-button class="btn">2</a-button>
+                <a-button class="btn">3</a-button>
+                <a-button class="btn">4</a-button>
+                <a-button class="btn">5</a-button>
+                <a-button class="btn">6</a-button>
+                <a-button class="btn">7</a-button>
+                <a-button class="btn">8</a-button>
+                <a-button class="btn">9</a-button>
+                <a-button class="btn" style="margin-right: 10px;">10</a-button>
+            </div>
+            <div class="scoretext">非常不满意</div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname" style="margin-top: 13px">备注</div>
+          </div>
+          <div class="in">
+            <a-textarea
+              v-model:value="valuei"
+              style="height: 80px"
+            />
+          </div>
         </div>
     </div>
     <div class="footer">
@@ -19,8 +116,16 @@
             <a-button type="primary" ghost style="width: 100px;height: 40px;margin-left: 14px;border-radius: 8px">取消</a-button>
         </div>
     </div>
+
+</div>    
 </template>
-<style>
+<script lang="ts">
+</script>
+<style lang="scss">
+.researchadd {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
     .header {
         width: 100%;
         display: flex;
@@ -56,8 +161,111 @@
     }
     .content {
         display: flex;
-        flex-direction: column;
-        
+        flex-direction: column; 
+        .scorebox {
+            display:flex;
+            align-items: center;
+            margin-top: 20px;
+            margin-left:70px;
+            .scoretext {
+                font-size: 14px;
+                color: #56A3F9;
+            }
+            .number {
+                display: flex;
+                border: 1px solid #D7E5FD;
+                border-radius: 5px;
+                margin: 0 10px;
+                .btn {
+                    border: 1px solid #56A3F9;
+                    border-radius: 5px; 
+                    width: 40px;
+                    height: 40px;
+                    color: #56A3F9;
+                    margin: 5px;
+                }
+            }
+        }
+        .picture {
+            display: flex;
+            flex-direction: column;
+            margin-top: 20px;
+            margin-left: 133px;
+            .pictureimg {
+                width: 100px;
+                height: 100px;
+            }
+            .picturename {
+                    color: #6F6F6F;
+                    font-size: 14px;
+                }
+        }
+        .name2 {
+            display: flex;
+            align-items: flex-start;
+        }
+        .options {
+            display:flex;
+        }
+        .delete {
+            margin-top: 27px;
+            margin-left: 20px;
+            float: right;
+            color: #4EA6FF;
+            font-size: 14px;
+        }
+        .name {
+            width: 50%;
+            // background-color: lightcoral;
+            display: flex;
+            margin-top: 20px;
+            align-items: center;
+            //height: 40px;
+            // border: 1px solid black;
+            .namebox {
+            width: 120px;
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            flex-shrink: 0;
+                .nameimg {
+                    width: 10px;
+                    height: 10px;
+                }
+            }
+            .inname {
+                color: #6f6f6f;
+                font-size: 14px;
+                margin-left: 7px;
+                }
+                .in {
+                    margin-left: 14px;
+                    flex: 1;
+                    .addimg {
+                        color: rgba(78, 166, 255, 1);
+                        font-size: 14px;
+                    }
+                    .text {
+                        color: rgba(109, 117, 132, 1);
+                        font-size: 14px;
+                        //line-height: 24px;
+                    }
+                .ant-radio-wrapper {
+                }
+                .ant-input {
+                    border-radius: 5px;
+                    // height: 120%;
+                    width: 100%;
+                    height: 40px;
+                }
+                .ant-select-selector {
+                    border-radius: 5px;
+                    // height: 120%;
+                    width: 100%;
+                    height: 40px;
+                }
+            }
+        }      
     }
     .footer {
         width: 100%;
@@ -69,4 +277,6 @@
             cursor: pointer;
         }
     }
+}
+    
 </style>
\ No newline at end of file

From 27b783c10ec4ad6abcb1470118545b1cacf3e0e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Mon, 10 Oct 2022 14:06:27 +0800
Subject: [PATCH 2/5] =?UTF-8?q?feat:=E8=B0=83=E7=A0=94=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/research/ResearchManage.vue | 722 ++++++++++++++++++++------
 1 file changed, 557 insertions(+), 165 deletions(-)

diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index c40e72e1..e19da759 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -1,174 +1,566 @@
-<!---- 项目调研页面 --->
+<!-- 调研管理页面 -->
 <template>
-    <div class="researchmanage">
-        <!-- 搜索框及按钮 -->
-        <div class="filter">
-            <div class="filterItems">
-                <div class="select">
-                <a-select
-                    v-model:value="projectName"
-                    style="width: 270px"
-                    placeholder="请输入调研名称"
-                    :options="projectNameList"
-                    @change="selectProjectName"
-                    allowClear
-                    showSearch
-                ></a-select>
-                </div>
+  <div class="researchmanage">
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <div class="filterItems">
+        <div class="select">
+          <a-select
+            v-model:value="projectName"
+            style="width: 270px"
+            placeholder="请输入调研名称"
+            :options="projectNameList"
+            @change="selectProjectName"
+            allowClear
+            showSearch
+          ></a-select>
+        </div>
 
-                <div class="select">
-                <a-select
-                    v-model:value="projectName"
-                    style="width: 270px"
-                    placeholder="请选择状态"
-                    :options="projectNameList"
-                    @change="selectProjectName"
-                    allowClear
-                    showSearch
-                ></a-select>
-                </div>
-                <div class="select">
-                <!-- <a-date-picker
-                    v-model="selectTime"
-                    type="date"
-                    placeholder="时间"
-                    style="width: 270px"
-                /> -->
-                <a-range-picker
-                    v-model:value="value2"
-                    separator="至"
-                    :placeholder="['开始时间', '结束时间']"
-                />
-                </div>
-            </div>
-            <div class="btns">
-                <div class="btn btn1">
-                <div class="search"></div>
-                <div class="btnText">搜索</div>
-                </div>
-                <div class="btn btn2">
-                <div class="search"></div>
-                <div class="btnText">重置</div>
-                </div>
-                <div class="btn btn3" @click="handleOut">
-                <div class="search"></div>
-                <div class="btnText">创建调研</div>
-                </div>
-            </div>
+        <div class="select">
+          <a-select
+            v-model:value="projectName"
+            style="width: 270px"
+            placeholder="请选择状态"
+            :options="projectNameList"
+            @change="selectProjectName"
+            allowClear
+            showSearch
+          ></a-select>
         </div>
-        <!-- 搜索框及按钮 -->
-        <!-- 表格 -->
-        <div class="tableBox">
-            
+        <div class="select">
+          <!-- <a-date-picker
+            v-model="selectTime"
+            type="date"
+            placeholder="时间"
+            style="width: 270px"
+          /> -->
+          <a-range-picker
+            v-model:value="value2"
+            separator="至"
+            :placeholder="['开始时间', '结束时间']"
+          />
         </div>
-        <!-- 表格 -->
-        <!-- 创建调研 -->
-        
-        <!-- 创建调研 -->
+      </div>
+      <div class="btns">
+        <div class="btn btn1">
+          <div class="search"></div>
+          <div class="btnText">搜索</div>
+        </div>
+        <div class="btn btn2">
+          <div class="search"></div>
+          <div class="btnText">重置</div>
+        </div>
+        <div class="btn btn3" @click="handleOut">
+          <div class="search"></div>
+          <div class="btnText">创建调研</div>
+        </div>
+      </div>
+    </div>
+    <!-- 搜索框及按钮 -->
+    <!-- 表格 -->
+    <div class="tableBox">
+      <a-table
+        style="border: 1px solid #f2f6fe"
+        :columns="tableDataFunc()"
+        :data-source="tableData"
+        :loading="tableDataTotal === -1 ? true : false"
+        expandRowByClick="true"
+        :scroll="{ x: 1500, y: 800 }"
+        @expand="expandTable"
+        :pagination="false"
+      />
+      <!-- :pagination= showSizeChanger: true, showQuickJumper: true,
+      hideOnSinglePage: true, pageSizeOptions: [], pageSize: pageSize, current:
+      currentPage, total: tableDataTotal, -->
     </div>
-</template>
-<script lang="ts">
 
+    <!-- 表格 -->
+    <div :class="out ? 'out' : 'unout'">
+      <div class="top">
+        <img class="topimg" src="../../assets/images/courseManage/add1.png" />
+        <div class="topc">创建调研</div>
+        <div @click="handleOut" style="margin-left: 440px; cursor: pointer">
+          <img
+            style="width: 20px; height: 20px"
+            src="../../assets/images/basicinfo/close.png"
+          />
+        </div>
+      </div>
+      <div class="mid clearfix">
+        <div class="name">
+          <div class="d" style="margin-top: -4px">
+            <img
+              style="width: 10px; height: 10px"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+          </div>
+          <div class="inname">调研名称</div>
+          <div class="in">
+            <a-input v-model:value="valueE" />
+          </div>
+        </div>
+        <div class="btn">
+          <button class="samtn btn1" @click="handleOut">取消</button>
+          <button class="samtn btn2" @click="handleOut">确定</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { reactive, toRefs, onMounted, ref } from "vue";
+export default {
+  name: "learningPath",
+  setup() {
+    const state = reactive({
+      projectNameList: [
+        {
+          id: 1,
+          value: "项目一",
+          label: "项目一",
+        },
+        {
+          id: 2,
+          value: "项目二",
+          label: "项目二",
+        },
+        {
+          id: 3,
+          value: "项目三",
+          label: "项目三",
+        },
+        {
+          id: 4,
+          value: "项目四",
+          label: "项目四",
+        },
+      ],
+      out: false,
+      number: null,
+      selectTime: null,
+      tableData: [
+        {
+          key: 1,
+          number: 1,
+          manager: "产品经理问卷调查",
+          state: "已发布",
+          creater: "管理员",
+          pubtime: "2022-07-20 9:03",
+          cretime: "2022-07-20 9:03",
+          haspub: false,
+        },
+        {
+          key: 2,
+          number: 2,
+          manager: "高级产品经理问卷调查",
+          state: "已发布",
+          creater: "管理员",
+          pubtime: "2022-07-20 9:03",
+          cretime: "2022-07-20 9:03",
+          haspub: false,
+        },
+        {
+          key: 3,
+          number: 3,
+          manager: "管理者进阶腾飞班问卷调查",
+          state: "待发布",
+          creater: "管理员",
+          pubtime: "2022-07-20 9:03",
+          cretime: "2022-07-20 9:03",
+          haspub: true,
+        },
+        {
+          key: 4,
+          number: 4,
+          manager: "HR问卷",
+          state: "已结束",
+          creater: "管理员",
+          pubtime: "2022-07-20 9:03",
+          cretime: "2022-07-20 9:03",
+          haspub: true,
+        },
+      ],
+      currentPage: 1,
+      tableDataTotal: 20,
+      pageSize: 10,
+      value1: " ",
+      value2: ref(),
+      valueE: ref(" "),
+      valueEE: ref(" "),
+      valuei: ref(" "),
+    });
+    const tableDataFunc = () => {
+      const columns = [
+        {
+          title: "序号",
+          dataIndex: "number",
+          key: "number",
+          width: 100,
+          align: "center",
+          className: "h",
+          // ellipsis: true,
+          // scopedSlots: { customRender: "action" }, //引入的插槽
+          // customRender: (text, record) => {
+          //   console.log(text, record);
+          //   return <span>{text.text}</span>;
+          // },
+        },
+        {
+          title: "路径图名称",
+          dataIndex: "manager",
+          key: "manager",
+          width: 100,
+          align: "center",
+          ellipsis: true,
+          className: "h",
+        },
+        {
+          title: "状态",
+          dataIndex: "state",
+          // width: "30%",
+          key: "state",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "创建人",
+          dataIndex: "creater",
+          // width: "30%",
+          key: "creater",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "发布时间",
+          dataIndex: "pubtime",
+          key: "pubtime",
+          width: 180,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "创建时间",
+          dataIndex: "cretime",
+          key: "cretime",
+          width: 180,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "操作",
+          className: "h",
+          dataIndex: "opacation",
+          key: "opacation",
+          width: 200,
+          align: "center",
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: (text) => {
+            console.log(text);
+            return (
+              <div class="opa">
+                <div class="opacation">
+                  <router-link to="/researchadd" class={text.record.haspub ? "activecls" : "errorCls"}>
+                    基础信息
+                  </router-link>
+                  <span style={{ "margin-left": "25px" }}>管理</span>                 
+                  <span style={{ "margin-left": "25px" }}>复制</span>
+                  <span style={{ "margin-left": "25px" }} >撤回</span>
+                  <span style={{ "margin-left": "21px", "margin-right": "30px" }} >结束</span>
+                </div>
+              </div>
+            );
+          },
+        },
+      ];
+      return columns;
+    };
+    onMounted(() => {
+      // console.log("执行");
+    });
+    const selectProjectName = (value, index) => {
+      console.log("value", value, index);
+    };
+    const expandTable = (e, a) => {
+      // console.log("惦记了");
+      console.log("e", e, a);
+    };
+    const handleOut = () => {
+      state.out = !state.out;
+    };
+    const chooseImg = (id) => {
+      console.log(id);
+    };
+    return {
+      ...toRefs(state),
+      selectProjectName,
+      expandTable,
+      handleOut,
+      tableDataFunc,
+      chooseImg,
+    };
+  },
+};
 </script>
 <style lang="scss">
-    .researchmanage {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-        .filter {
-            margin-left: 38px;
-            margin-right: 38px;
-            margin-top: 30px;
-            display: flex;
-            justify-content: space-between;
-            flex-wrap: wrap;
-            .filterItems {
-            display: flex;
-            flex-wrap: wrap;
-            .select {
-                margin-right: 20px;
-                margin-bottom: 20px;
-            }
-            }
-            .btns {
-            display: flex;
-            // flex-wrap: wrap;
-            .btn {
-                padding: 0px 26px 0px 26px;
-                height: 38px;
-                background: rgba(64, 158, 255, 0);
-                border-radius: 8px;
-                border: 1px solid rgba(64, 158, 255, 1);
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin-right: 14px;
-                flex-shrink: 0;
-                cursor: pointer;
-                .search {
-                background-size: 100%;
-                }
-                .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                color: rgba(64, 158, 255, 1);
-                line-height: 36px;
-                margin-left: 5px;
-                }
-            }
-            .btn1 {
-                .search {
-                width: 15px;
-                height: 17px;
-                background-image: url("../../assets/images/courseManage/search1.png");
-                }
-            }
-            .btn2 {
-                .search {
-                width: 16px;
-                height: 18px;
-                background-image: url("../../assets/images/courseManage/reset1.png");
-                }
-            }
-            .btn3 {
-                margin-right: 0px;
-                .search {
-                width: 17px;
-                height: 18px;
-                background-image: url("../../assets/images/courseManage/add1.png");
-                }
-            }
-            .btn1:hover {
-                background: rgba(64, 158, 255, 1);
-                .search {
-                background-image: url("../../assets/images/courseManage/search0.png");
-                }
-                .btnText {
-                color: #ffffff;
-                }
-            }
-            .btn2:hover {
-                background: rgba(64, 158, 255, 1);
-                .search {
-                background-image: url("../../assets/images/courseManage/reset0.png");
-                }
-                .btnText {
-                color: #ffffff;
-                }
-            }
-            .btn3:hover {
-                background: rgba(64, 158, 255, 1);
-                .search {
-                background-image: url("../../assets/images/courseManage/add0.png");
-                }
-                .btnText {
-                color: #ffffff;
-                }
-            }
-            }
-        }
-        
-
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+.researchmanage {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  // position: relative;
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    .filterItems {
+      display: flex;
+      flex-wrap: wrap;
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
     }
-</style>
\ No newline at end of file
+    .btns {
+      display: flex;
+      // flex-wrap: wrap;
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: rgba(64, 158, 255, 0);
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+        .search {
+          background-size: 100%;
+        }
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: rgba(64, 158, 255, 1);
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+      .btn1 {
+        .search {
+          width: 15px;
+          height: 17px;
+          background-image: url("../../assets/images/courseManage/search1.png");
+        }
+      }
+      .btn2 {
+        .search {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/reset1.png");
+        }
+      }
+      .btn3 {
+        margin-right: 0px;
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add1.png");
+        }
+      }
+      .btn1:hover {
+        background: rgba(64, 158, 255, 1);
+        .search {
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
+        .btnText {
+          color: #ffffff;
+        }
+      }
+      .btn2:hover {
+        background: rgba(64, 158, 255, 1);
+        .search {
+          background-image: url("../../assets/images/courseManage/reset0.png");
+        }
+        .btnText {
+          color: #ffffff;
+        }
+      }
+      .btn3:hover {
+        background: rgba(64, 158, 255, 1);
+        .search {
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+        .btnText {
+          color: #ffffff;
+        }
+      }
+    }
+  }
+  .tableBox {
+    margin: 20px 38px 30px ;
+    th.h {
+      background-color: #eff4fc !important;
+    }
+
+    .ant-table-tbody
+      > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+      > td {
+      background: #f6f9fd;
+    }
+  }
+  .out {
+    display: block;
+    position: absolute;
+    top: 120px;
+    width: 600px;
+    // height: 525px;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
+      display: flex;
+      align-items: center;
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+      }
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+      .name {
+        width: 78%;
+        // background-color: lightcoral;
+        display: flex;
+        margin-top: 20px;
+        align-items: center;
+        height: 40px;
+        // border: 1px solid black;
+
+        .inname {
+          color: #6f6f6f;
+          font-size: 14px;
+          margin-left: 7px;
+        }
+        .in {
+          margin-left: 14px;
+          width: 81%;
+          .ant-input {
+            border-radius: 5px;
+            // height: 120%;
+            width: 100%;
+            height: 40px;
+          }
+        }
+      }
+      .btn {
+        width: 33%;
+        margin-top: 30px;
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 30px;
+        .samtn {
+          width: 100px;
+          height: 40px;
+          font-size: 14px;
+          border: 1px solid #4ea6ff;
+          border-radius: 8px;
+          cursor: pointer;
+        }
+        .btn1 {
+          background-color: #fff;
+          color: #4ea6ff;
+        }
+        .btn2 {
+          margin-left: 10px;
+          background-color: #4ea6ff;
+          color: #fff;
+        }
+      }
+    }
+  }
+  .unout {
+    display: none;
+  }
+
+  .opa {
+    display: flex;
+    justify-content: right;
+    .opacation {
+      font-size: 14px;
+      font-weight: 400;
+      color: #4ea6ff;
+      // line-height: 36px;
+      .activecls {
+        display: inline-block;
+      }
+      .errorCls {
+        display: none;
+      }
+      .more {
+        position: relative;
+        .moreArrow {
+          width: 13px;
+          height: 7px;
+          display: inline-block;
+          background-image: url("../../assets/images/navtop/down.png");
+          background-size: 100%;
+          margin: 2px;
+          margin-left: 7px;
+        }
+        .moreItems {
+          width: 80px;
+          height: 70px;
+          display: none;
+          background: #ffffff;
+          box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+          border-radius: 3px;
+          border: 0px solid #dcdcdc;
+          position: absolute;
+          left: 0px;
+          top: 18px;
+          z-index: 100;
+        }
+      }
+    }
+  }
+}
+</style>

From 5f90efd974de03a867c80fa0ab5ec007e8a2d6ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=99=93=E9=B8=BD?= <lixg@dongwu-inc.com>
Date: Mon, 10 Oct 2022 18:11:31 +0800
Subject: [PATCH 3/5] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E8=A1=A8=E6=A0=BC=E4=B8=8B=E6=8B=89=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/common.scss                  |   47 +-
 src/components/NavTop.vue                    |    3 +-
 src/views/courselibrary/CoursewareManage.vue | 1450 ++++++++++--------
 src/views/learningpath/LevelAdd.vue          |    4 +-
 src/views/projectcenter/ProjectManage.vue    | 1001 +++++++++++-
 5 files changed, 1795 insertions(+), 710 deletions(-)

diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
index a6068f6b..3e8dce2d 100644
--- a/src/assets/scss/common.scss
+++ b/src/assets/scss/common.scss
@@ -78,7 +78,6 @@ border: 1px solid #C7CBD2 !important;
 
 // 表格---------------------------------
 .tableBox{
-
 	.ant-table-row .ant-table-cell{
 		height: 48px ;
 		font-size: 14px;
@@ -148,4 +147,48 @@ border: 1px solid #C7CBD2 !important;
 display: none;
 		} 
 	}
-}
\ No newline at end of file
+}
+// 表格---------------------------------
+//表格下拉框-------------------------------------------
+.tableSelect {
+	margin-left: 21px;
+	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(0, 0, 0, 0.8);
+		font-size: 14px;
+		line-height: 36px;
+		// top: 17px;
+		top:14px;
+	}
+	.ant-select-selection-item {
+		font-size: 14px;
+		font-weight: 400;
+		color: #4ea6ff;
+		line-height: 36px;
+	}
+	.ant-select-single.ant-select-open .ant-select-selection-item{
+		color: #4ea6ff;
+	}
+}
+.tabledropdown {
+  width: 100px !important;
+}
+//表格下拉框-------------------------------------------
\ No newline at end of file
diff --git a/src/components/NavTop.vue b/src/components/NavTop.vue
index 7cd518d1..b8e05d2a 100644
--- a/src/components/NavTop.vue
+++ b/src/components/NavTop.vue
@@ -112,7 +112,7 @@ export default {
       }
       .roleItems {
         width: 109px;
-        height: 80px;
+        height: 90px;
         padding-top: 10px;
         background: #ffffff;
         box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
@@ -121,6 +121,7 @@ export default {
         right: 0px;
         text-align: center;
         display: none;
+        z-index: 100;
       }
       .roleItem {
         font-size: 14px;
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 03da7922..0f230fd6 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -6,13 +6,25 @@
       <div class="filter">
         <div class="filterItems">
           <div class="fi_input fitems">
-              <a-input v-model:value="value" style="width: 270px ;height:40px;border-radius: 8px;" placeholder="请输入项目名称" />
+            <a-input
+              v-model:value="value"
+              style="width: 270px; height: 40px; border-radius: 8px"
+              placeholder="请输入项目名称"
+            />
           </div>
           <div class="fi_input fitems">
-              <a-input v-model:value="value" style="width: 270px ;height:40px;border-radius: 8px;" placeholder="请输入名称" />
+            <a-input
+              v-model:value="value"
+              style="width: 270px; height: 40px; border-radius: 8px"
+              placeholder="请输入名称"
+            />
           </div>
           <div class="fi_input fitems">
-              <a-input v-model:value="value" style="width: 270px ;height:40px;border-radius: 8px;" placeholder="请输入所属项目" />
+            <a-input
+              v-model:value="value"
+              style="width: 270px; height: 40px; border-radius: 8px"
+              placeholder="请输入所属项目"
+            />
           </div>
           <div class="select fitems">
             <a-select
@@ -23,7 +35,7 @@
               allowClear
               showSearch
             >
-          </a-select>
+            </a-select>
           </div>
           <div class="select fitems">
             <a-select
@@ -46,30 +58,33 @@
           </div>
         </div>
       </div>
-      
+
       <div class="btns">
-          <div class="btn btn1">
-            <div class="search"></div>
-            <div class="btnText">搜索</div>
-          </div>
-          <div class="btn btn2">
-            <div class="search"></div>
-            <div class="btnText">重置</div>
-          </div>
-          <div class="btn btn3">
-            <div class="search"></div>
-            <div class="btnText">导出</div>
-          </div>
-          <div class="btn btn4">
-            <div class="search"></div>
-            <div class="btnText" @click="of_hShow">新建课程</div>
-          </div>
+        <div class="btn btn1">
+          <div class="search"></div>
+          <div class="btnText">搜索</div>
+        </div>
+        <div class="btn btn2">
+          <div class="search"></div>
+          <div class="btnText">重置</div>
+        </div>
+        <div class="btn btn3">
+          <div class="search"></div>
+          <div class="btnText">导出</div>
+        </div>
+        <div class="btn btn4">
+          <div class="search"></div>
+          <div class="btnText" @click="of_hShow">新建课程</div>
+        </div>
       </div>
-    <!-- 搜索框及按钮 -->
+      <!-- 搜索框及按钮 -->
     </div>
 
     <!-- 新建选择线上还是面授课弹窗 -->
-    <div class="selectonlineface" :style="{display:of_hs ?  'block' :'none' }">
+    <div
+      class="selectonlineface"
+      :style="{ display: of_hs ? 'block' : 'none' }"
+    >
       <div class="of_header"></div>
       <div class="of_main">
         <div class="m_header">
@@ -79,67 +94,86 @@
         </div>
         <div class="m_body">
           <div class="b_header">
-            <span style="font-weight: 900; color: red;margin-right: 6px;">⃰</span>
-            <span style="margin-right:14px;">课程名称</span>
+            <span style="font-weight: 900; color: red; margin-right: 6px"
+              >⃰</span
+            >
+            <span style="margin-right: 14px">课程名称</span>
             <div class="b_input">
-              <a-input v-model:value="value" style="width: 440px ;height:40px;border-radius: 8px;" placeholder="请输入课程名称" />
+              <a-input
+                v-model:value="value"
+                style="width: 440px; height: 40px; border-radius: 8px"
+                placeholder="请输入课程名称"
+              />
             </div>
           </div>
           <div class="b_sub">
             <div class="bs_header">
               <div class="b_left">课程命名规则</div>
-              <div class="b_right" @click="hideShow" >
-                <div class="b_zk" :style="{display:hideshow ?  'block' :'none' }">
-                  <span  style="color: #4EA6FF;">收起</span>
+              <div class="b_right" @click="hideShow">
+                <div
+                  class="b_zk"
+                  :style="{ display: hideshow ? 'block' : 'none' }"
+                >
+                  <span style="color: #4ea6ff">收起</span>
                 </div>
-                <div class="b_sq" :style="{display:hideshow ?  'none' :'block' }">
-                  <span style="color: #4EA6FF;">展开</span>
+                <div
+                  class="b_sq"
+                  :style="{ display: hideshow ? 'none' : 'block' }"
+                >
+                  <span style="color: #4ea6ff">展开</span>
                 </div>
                 <div class="b_icon"></div>
               </div>
             </div>
-            <div class="bl_detail" :style="{display:hideshow ?  'block' :'none'  }">
-              <span style="color: #999BA3;">
-                  1、课程名称统一不加书名号。<br/>
-                  2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
-                  之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
-                  看到的是课程内容主题。<br/>
-                  3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
-                  版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
+            <div
+              class="bl_detail"
+              :style="{ display: hideshow ? 'block' : 'none' }"
+            >
+              <span style="color: #999ba3">
+                1、课程名称统一不加书名号。<br />
+                2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
+                之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
+                看到的是课程内容主题。<br />
+                3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
+                版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
               </span>
             </div>
           </div>
           <div class="b_center">
-            <span style="font-weight: 900; color: red;margin-right: 6px;">⃰</span>
-            <span style="margin-right:14px;">授课形式</span>
+            <span style="font-weight: 900; color: red; margin-right: 6px"
+              >⃰</span
+            >
+            <span style="margin-right: 14px">授课形式</span>
             <div class="bc_boxl">
               <div class="ol_checkbox"><div class="checkbtn"></div></div>
-              <span style="margin:auto 31px auto 5px;">线上</span>
+              <span style="margin: auto 31px auto 5px">线上</span>
             </div>
-            <div class="bc_boxr"  @click="bs_hShow">
+            <div class="bc_boxr" @click="bs_hShow">
               <div class="ol_checkbox"><div class="checkbtn"></div></div>
-              <span style="margin:auto 31px auto 5px;">面授</span>
+              <span style="margin: auto 31px auto 5px">面授</span>
             </div>
           </div>
-          <div class="b_sup" :style="{display:bs_hs ?  'block' :'none'  }">
+          <div class="b_sup" :style="{ display: bs_hs ? 'block' : 'none' }">
             <div class="bs_box">
-              <span style="font-weight: 900; color: red;margin-right: 6px;">⃰</span>
-              <span style="margin-right:14px;">是否设置目录</span>
+              <span style="font-weight: 900; color: red; margin-right: 6px"
+                >⃰</span
+              >
+              <span style="margin-right: 14px">是否设置目录</span>
               <div class="ol_checkbox">
                 <div class="checkbtn"></div>
               </div>
-              <span style="margin:auto 45px auto 5px;">是</span>
+              <span style="margin: auto 45px auto 5px">是</span>
               <div class="ol_checkbox">
                 <div class="checkbtn"></div>
               </div>
-              <span style="margin:auto 0px auto 5px;">否</span>
+              <span style="margin: auto 0px auto 5px">否</span>
             </div>
           </div>
           <div class="b_footer">
             <div class="btn btn5">
               <div class="btnText">取消</div>
             </div>
-            <div class="btn btn6" >
+            <div class="btn btn6">
               <div class="btnText" @click="createft">确定</div>
             </div>
           </div>
@@ -151,151 +185,196 @@
     <!-- 确定新建面授课弹窗 -->
     <div class="faceteach">
       <div class="ft_header"></div>
-        <div class="ft_main">
-          <div class="m_header">
-            <div class="add_icon"></div>
-            <span>新建面授课</span>
-            <div class="add_exit">x</div>
-          </div>
-          <div class="m_title">课程信息</div>
-          <div class="m_body">
-            <div class="mb_left">
-              <div class="mbl_items1">
-                <span style="font-weight: 900; color: red;margin-right: 6px;">⃰</span>
-                <span style="margin-right:14px;">课程名称</span>
-                <div class="i1_input">
-                  <a-input v-model:value="value" style="width: 440px ;height:40px;border-radius: 8px;" placeholder="请输入课程名称" />
-                </div>
-              </div>
-              <div class="mbl_items2">
-                <div class="i2_top">
-                  <div class="i2_left">课程命名规则</div>
-                  <div class="i2_right" @click="hideShow" >
-                    <div class="b_zk" :style="{display:hideshow ?  'block' :'none' }">
-                      <span  style="color: #4EA6FF;">收起</span>
-                    </div>
-                    <div class="b_sq" :style="{display:hideshow ?  'none' :'block' }">
-                      <span style="color: #4EA6FF;">展开</span>
-                    </div>
-                    <div class="b_icon"></div>
-                  </div>
-                </div>
-                <div class="i2_detail" :style="{display:hideshow ?  'block' :'none'  }">
-                    <span style="color: #999BA3;">
-                        1、课程名称统一不加书名号。<br/>
-                        2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
-                        之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
-                        看到的是课程内容主题。<br/>
-                        3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
-                        版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
-                    </span>
-                </div>
-              </div>
-              <div class="mbl_items3">
-                <div class="i3_top">
-                  <span style="font-weight: 900; color: red;margin-right: 6px;">⃰</span>
-                  <span style="margin-right:14px;">封面图</span>
-                  <div class="i3_upload">
-                    <a-upload
-                      v-model:file-list="fileList"
-                      name="avatar"
-                      list-type="picture-card"
-                      class="avatar-uploader"
-                      :show-upload-list="false"
-                      action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-                      :before-upload="beforeUpload"
-                      @change="handleChange"
-                    >
-                      <img v-if="imageUrl" :src="imageUrl" alt="avatar" />
-                      <div v-else>
-                        <loading-outlined v-if="loading"></loading-outlined>
-                        <plus-outlined v-else></plus-outlined>
-                        <div class="ant-upload-text">Upload</div>
-                      </div>
-                    </a-upload>
-                  </div>
-                </div>
-                <div class="i3_bottom">
-                  <span style="color:#999BA3;">高宽比为16:9 (如:800*450) png或jpg图片</span>
-                </div>
-              </div>
-              <div class="mbl_items4">
-                <span style="font-weight: 900; color: red;margin-right: 6px;">⃰</span>
-                <span style="margin-right:14px;">目标人群</span>
-                <div class="i1_input">
-                  <a-input v-model:value="value" style="width: 440px ;height:40px;border-radius: 8px;" placeholder="请输入目标人群" />
-                </div>
-              </div>
-              <div class="mbl_items5">
-                <span style="margin-right:14px;">课程价值</span>
-                <div class="i1_input">
-                  <a-input v-model:value="value" style="width: 440px ;height:40px;border-radius: 8px;" placeholder="请输入课程价值" />
-                </div>
-              </div>
-              <div class="mbl_items6">
-                <span style="font-weight: 900; color: red;margin-right: 6px;">⃰</span>
-                <span style="margin-right:14px;">内容分类</span>
-                <div class="select i6_input">
-                  <a-select
-                    dropdownClassName="dropdown-style"
-                    style="width: 440px"
-                    placeholder="请选择"
-                    :options="options2"
-                    allowClear
-                    showSearch
-                  ></a-select>
-                </div>
-              </div>
-              <div class="mbl_items7">
-                <span style="margin-right:14px;">场景</span>
-                <div class="select i7_input">
-                  <a-select
-                    dropdownClassName="dropdown-style"
-                    style="width: 440px"
-                    placeholder="请选择"
-                    :options="options2"
-                    allowClear
-                    showSearch
-                  ></a-select>
-                </div>
-              </div>
-              <div class="mbl_items8">
-                <div class="i8_top">
-                  <span style="margin-right:14px;">内容标签</span>
-                  <div class="i1_input">
-                    <a-input v-model:value="value" style="width: 440px ;height:40px;border-radius: 8px;" placeholder="请输入按回车键创建成功" />
-                  </div>
-                </div>
-                <div class="i8_bottom">
-                  <a-tag closable @close="log">Tag 2</a-tag>
-                  <a-tag closable @close.prevent>Prevent Default</a-tag>
-                </div>
+      <div class="ft_main">
+        <div class="m_header">
+          <div class="add_icon"></div>
+          <span>新建面授课</span>
+          <div class="add_exit">x</div>
+        </div>
+        <div class="m_title">课程信息</div>
+        <div class="m_body">
+          <div class="mb_left">
+            <div class="mbl_items1">
+              <span style="font-weight: 900; color: red; margin-right: 6px"
+                >⃰</span
+              >
+              <span style="margin-right: 14px">课程名称</span>
+              <div class="i1_input">
+                <a-input
+                  v-model:value="value"
+                  style="width: 440px; height: 40px; border-radius: 8px"
+                  placeholder="请输入课程名称"
+                />
               </div>
             </div>
-            <div class="mb_right">
-              <div class="mbl_items9">
-                <span style="font-weight: 900; color: red;margin-right: 6px;">⃰</span>
-                <span style="margin-right:14px;">授课教师</span>
+            <div class="mbl_items2">
+              <div class="i2_top">
+                <div class="i2_left">课程命名规则</div>
+                <div class="i2_right" @click="hideShow">
+                  <div
+                    class="b_zk"
+                    :style="{ display: hideshow ? 'block' : 'none' }"
+                  >
+                    <span style="color: #4ea6ff">收起</span>
+                  </div>
+                  <div
+                    class="b_sq"
+                    :style="{ display: hideshow ? 'none' : 'block' }"
+                  >
+                    <span style="color: #4ea6ff">展开</span>
+                  </div>
+                  <div class="b_icon"></div>
+                </div>
+              </div>
+              <div
+                class="i2_detail"
+                :style="{ display: hideshow ? 'block' : 'none' }"
+              >
+                <span style="color: #999ba3">
+                  1、课程名称统一不加书名号。<br />
+                  2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
+                  之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
+                  看到的是课程内容主题。<br />
+                  3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
+                  版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
+                </span>
+              </div>
+            </div>
+            <div class="mbl_items3">
+              <div class="i3_top">
+                <span style="font-weight: 900; color: red; margin-right: 6px"
+                  >⃰</span
+                >
+                <span style="margin-right: 14px">封面图</span>
+                <div class="i3_upload">
+                  <a-upload
+                    v-model:file-list="fileList"
+                    name="avatar"
+                    list-type="picture-card"
+                    class="avatar-uploader"
+                    :show-upload-list="false"
+                    action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                    :before-upload="beforeUpload"
+                    @change="handleChange"
+                  >
+                    <img v-if="imageUrl" :src="imageUrl" alt="avatar" />
+                    <div v-else>
+                      <loading-outlined v-if="loading"></loading-outlined>
+                      <plus-outlined v-else></plus-outlined>
+                      <div class="ant-upload-text">Upload</div>
+                    </div>
+                  </a-upload>
+                </div>
+              </div>
+              <div class="i3_bottom">
+                <span style="color: #999ba3"
+                  >高宽比为16:9 (如:800*450) png或jpg图片</span
+                >
+              </div>
+            </div>
+            <div class="mbl_items4">
+              <span style="font-weight: 900; color: red; margin-right: 6px"
+                >⃰</span
+              >
+              <span style="margin-right: 14px">目标人群</span>
+              <div class="i1_input">
+                <a-input
+                  v-model:value="value"
+                  style="width: 440px; height: 40px; border-radius: 8px"
+                  placeholder="请输入目标人群"
+                />
+              </div>
+            </div>
+            <div class="mbl_items5">
+              <span style="margin-right: 14px">课程价值</span>
+              <div class="i1_input">
+                <a-input
+                  v-model:value="value"
+                  style="width: 440px; height: 40px; border-radius: 8px"
+                  placeholder="请输入课程价值"
+                />
+              </div>
+            </div>
+            <div class="mbl_items6">
+              <span style="font-weight: 900; color: red; margin-right: 6px"
+                >⃰</span
+              >
+              <span style="margin-right: 14px">内容分类</span>
+              <div class="select i6_input">
+                <a-select
+                  dropdownClassName="dropdown-style"
+                  style="width: 440px"
+                  placeholder="请选择"
+                  :options="options2"
+                  allowClear
+                  showSearch
+                ></a-select>
+              </div>
+            </div>
+            <div class="mbl_items7">
+              <span style="margin-right: 14px">场景</span>
+              <div class="select i7_input">
+                <a-select
+                  dropdownClassName="dropdown-style"
+                  style="width: 440px"
+                  placeholder="请选择"
+                  :options="options2"
+                  allowClear
+                  showSearch
+                ></a-select>
+              </div>
+            </div>
+            <div class="mbl_items8">
+              <div class="i8_top">
+                <span style="margin-right: 14px">内容标签</span>
                 <div class="i1_input">
-                  <a-input v-model:value="value" style="width: 440px ;height:40px;border-radius: 8px;" placeholder="请输入" />
+                  <a-input
+                    v-model:value="value"
+                    style="width: 440px; height: 40px; border-radius: 8px"
+                    placeholder="请输入按回车键创建成功"
+                  />
                 </div>
               </div>
-              <div class="mbl_items10">
-                <span style="margin-right:14px;">课程简介</span>
-                <div class="i10_textarea">
-                  <a-textarea v-model:value="value" style="width: 440px ;height:100px;border-radius: 8px; " placeholder="请输入" />
-                </div>
+              <div class="i8_bottom">
+                <a-tag closable @close="log">Tag 2</a-tag>
+                <a-tag closable @close.prevent>Prevent Default</a-tag>
               </div>
-              <div class="mbl_items11">
-                <div class="i11_top">
-                  <span style="margin-right: 10px;">附件</span>
-                  <div class="accessory_icon"></div>
-                  <span style="color:#4EA6FF;">添加附件</span>
-                </div>
+            </div>
+          </div>
+          <div class="mb_right">
+            <div class="mbl_items9">
+              <span style="font-weight: 900; color: red; margin-right: 6px"
+                >⃰</span
+              >
+              <span style="margin-right: 14px">授课教师</span>
+              <div class="i1_input">
+                <a-input
+                  v-model:value="value"
+                  style="width: 440px; height: 40px; border-radius: 8px"
+                  placeholder="请输入"
+                />
+              </div>
+            </div>
+            <div class="mbl_items10">
+              <span style="margin-right: 14px">课程简介</span>
+              <div class="i10_textarea">
+                <a-textarea
+                  v-model:value="value"
+                  style="width: 440px; height: 100px; border-radius: 8px"
+                  placeholder="请输入"
+                />
+              </div>
+            </div>
+            <div class="mbl_items11">
+              <div class="i11_top">
+                <span style="margin-right: 10px">附件</span>
+                <div class="accessory_icon"></div>
+                <span style="color: #4ea6ff">添加附件</span>
               </div>
             </div>
           </div>
         </div>
+      </div>
     </div>
     <!-- 确定新建面授课弹窗 -->
 
@@ -313,130 +392,148 @@
   </div>
 </template>
 <script>
-import { reactive, toRefs, defineComponent, ref } from 'vue';
-import { PlusOutlined, LoadingOutlined } from '@ant-design/icons-vue';
-import { message } from 'ant-design-vue';
-const columns = [{
-  title: '序号',
-  width: 200,
-  dataIndex: 'num',
-  key: 'num',
-  align: "center",
-}, {
-  title: '名称',
-  width: 200,
-  dataIndex: 'name',
-  key: 'name',
-}, {
-  title: '内容分类',
-  width: 200,
-  dataIndex: 'content',
-  key: '1',
-  align: "center",
-}, {
-  title: '课程形式',
-  width: 200,
-  dataIndex: 'courseform',
-  key: '2',
-  align: "center",
-}, {
-  title: ' 所属项目',
-  width: 300,
-  dataIndex: 'project',
-  key: '3',
-  align: "center",
-}, {
-  title: '学习人数',
-  width: 200,
-  dataIndex: 'stunum',
-  key: '4',
-  align: "center",
-}, {
-  title: '评分',
-  width: 200,
-  dataIndex: 'grade',
-  key: '5',
-  align: "center",
-}, {
-  title: '状态',
-  width: 200,
-  dataIndex: 'status',
-  key: '6',
-  align: "center",
-}, {
-  title: '是否发布',
-  width: 200,
-  dataIndex: 'ynpub',
-  key: '7',
-  align: "center",
-}, {
-  title: '创建人',
-  width: 200,
-  dataIndex: 'creator',
-  key: '8',
-  align: "center",
-}, {
-  title: '创建时间',
-  width: 280,
-  dataIndex: 'createtime',
-  key: '9',
-  align: "center",
-}, {
-  title: '上线时间',
-  width: 280,
-  dataIndex: 'pubtime',
-  key: '10',
-  align: "center",
-}, {
-  title: '是否停用',
-  width: 200,
-  key: 'either',
-  dataIndex: 'ynuse',
-  align: "center",
-}, {
-  title: '操作',
-  width: 400,
-  key: 'operation',
-  fixed: 'right',
-  align: "center",
-}];
-const data = [{
-  key: '1',
-  num:1,
-  name: '时间管理',
-  content: '领导力',
-  courseform: '线上',
-  project: '管理者进阶-腾飞班1',
-  stunum: '50',
-  grade: '5',
-  status: '未提交',
-  ynpub: '未发布',
-  creator: '管理员',
-  createtime: '2022-07-20 9:30',
-  pubtime: '2022-07-20 9:30',
-  ynuse: '启用',
-  kkty:false,
-}, {
-  key: '2',
-  num:2,
-  name: '智能制造初级课程',
-  content: '专业力',
-  courseform: '线上',
-  project: '-',
-  stunum: '200',
-  grade: '5',
-  status: '待审核',
-  ynpub: '未发布',
-  creator: '管理员',
-  createtime: '2022-07-20 9:30',
-  pubtime: '2022-07-20 9:30',
-  ynuse: '启用',
-  kkty:true,
-  }];
+import { reactive, toRefs, defineComponent, ref } from "vue";
+import { PlusOutlined, LoadingOutlined } from "@ant-design/icons-vue";
+import { message } from "ant-design-vue";
+const columns = [
+  {
+    title: "序号",
+    width: 200,
+    dataIndex: "num",
+    key: "num",
+    align: "center",
+  },
+  {
+    title: "名称",
+    width: 200,
+    dataIndex: "name",
+    key: "name",
+  },
+  {
+    title: "内容分类",
+    width: 200,
+    dataIndex: "content",
+    key: "1",
+    align: "center",
+  },
+  {
+    title: "课程形式",
+    width: 200,
+    dataIndex: "courseform",
+    key: "2",
+    align: "center",
+  },
+  {
+    title: " 所属项目",
+    width: 300,
+    dataIndex: "project",
+    key: "3",
+    align: "center",
+  },
+  {
+    title: "学习人数",
+    width: 200,
+    dataIndex: "stunum",
+    key: "4",
+    align: "center",
+  },
+  {
+    title: "评分",
+    width: 200,
+    dataIndex: "grade",
+    key: "5",
+    align: "center",
+  },
+  {
+    title: "状态",
+    width: 200,
+    dataIndex: "status",
+    key: "6",
+    align: "center",
+  },
+  {
+    title: "是否发布",
+    width: 200,
+    dataIndex: "ynpub",
+    key: "7",
+    align: "center",
+  },
+  {
+    title: "创建人",
+    width: 200,
+    dataIndex: "creator",
+    key: "8",
+    align: "center",
+  },
+  {
+    title: "创建时间",
+    width: 280,
+    dataIndex: "createtime",
+    key: "9",
+    align: "center",
+  },
+  {
+    title: "上线时间",
+    width: 280,
+    dataIndex: "pubtime",
+    key: "10",
+    align: "center",
+  },
+  {
+    title: "是否停用",
+    width: 200,
+    key: "either",
+    dataIndex: "ynuse",
+    align: "center",
+  },
+  {
+    title: "操作",
+    width: 400,
+    key: "operation",
+    fixed: "right",
+    align: "center",
+  },
+];
+const data = [
+  {
+    key: "1",
+    num: 1,
+    name: "时间管理",
+    content: "领导力",
+    courseform: "线上",
+    project: "管理者进阶-腾飞班1",
+    stunum: "50",
+    grade: "5",
+    status: "未提交",
+    ynpub: "未发布",
+    creator: "管理员",
+    createtime: "2022-07-20 9:30",
+    pubtime: "2022-07-20 9:30",
+    ynuse: "启用",
+    kkty: false,
+  },
+  {
+    key: "2",
+    num: 2,
+    name: "智能制造初级课程",
+    content: "专业力",
+    courseform: "线上",
+    project: "-",
+    stunum: "200",
+    grade: "5",
+    status: "待审核",
+    ynpub: "未发布",
+    creator: "管理员",
+    createtime: "2022-07-20 9:30",
+    pubtime: "2022-07-20 9:30",
+    ynuse: "启用",
+    kkty: true,
+  },
+];
 
-  function getBase64(img, callback) {
+function getBase64(img, callback) {
   const reader = new FileReader();
-  reader.addEventListener('load', () => callback(reader.result));
+  reader.addEventListener("load", () => callback(reader.result));
   reader.readAsDataURL(img);
 }
 export default defineComponent({
@@ -448,39 +545,40 @@ export default defineComponent({
   setup() {
     const fileList = ref([]);
     const loading = ref(false);
-    const imageUrl = ref('');
+    const imageUrl = ref("");
 
-    const handleChange = info => {
-      if (info.file.status === 'uploading') {
+    const handleChange = (info) => {
+      if (info.file.status === "uploading") {
         loading.value = true;
         return;
       }
 
-      if (info.file.status === 'done') {
+      if (info.file.status === "done") {
         // Get this url from response in real world.
-        getBase64(info.file.originFileObj, base64Url => {
+        getBase64(info.file.originFileObj, (base64Url) => {
           imageUrl.value = base64Url;
           loading.value = false;
         });
       }
 
-      if (info.file.status === 'error') {
+      if (info.file.status === "error") {
         loading.value = false;
-        message.error('upload error');
+        message.error("upload error");
       }
     };
 
-    const beforeUpload = file => {
-      const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
+    const beforeUpload = (file) => {
+      const isJpgOrPng =
+        file.type === "image/jpeg" || file.type === "image/png";
 
       if (!isJpgOrPng) {
-        message.error('You can only upload JPG file!');
+        message.error("You can only upload JPG file!");
       }
 
       const isLt2M = file.size / 1024 / 1024 < 2;
 
       if (!isLt2M) {
-        message.error('Image must smaller than 2MB!');
+        message.error("Image must smaller than 2MB!");
       }
 
       return isJpgOrPng && isLt2M;
@@ -495,71 +593,81 @@ export default defineComponent({
     };
   },
 
-
   data() {
-    const options1 = ref([ {
-      value: 'value1',
-      label: '请选择状态',
-    },{
-      value: 'uncommitted',
-      label: '未提交',
-    }, {
-      value: 'tocheck',
-      label: '待审核',
-    }, {
-      value: 'checked',
-      label: '已审核',
-    }, {
-      value: 'uncheck',
-      label: '审核未通过',
-      }]);
+    const options1 = ref([
+      {
+        value: "value1",
+        label: "请选择状态",
+      },
+      {
+        value: "uncommitted",
+        label: "未提交",
+      },
+      {
+        value: "tocheck",
+        label: "待审核",
+      },
+      {
+        value: "checked",
+        label: "已审核",
+      },
+      {
+        value: "uncheck",
+        label: "审核未通过",
+      },
+    ]);
 
-    const options2 = ref([{
-      value: 'value2',
-      label: '请选择内容分类',
-    }, {
-      value: 'leadership',
-      label: '领导力',
-    }, {
-      value: 'ingeneral',
-      label: '通用力',
-    }, {
-      value: 'profession',
-      label: '专业力',
-      }]);
+    const options2 = ref([
+      {
+        value: "value2",
+        label: "请选择内容分类",
+      },
+      {
+        value: "leadership",
+        label: "领导力",
+      },
+      {
+        value: "ingeneral",
+        label: "通用力",
+      },
+      {
+        value: "profession",
+        label: "专业力",
+      },
+    ]);
 
     const state = reactive({
-      of_hs:false,
+      of_hs: false,
       hideshow: false,
-      bs_hs:true,
+      bs_hs: true,
     });
 
     const of_hShow = () => {
       if (state.of_hs == false) {
-        state.of_hs = true
-      } 
-    }
+        state.of_hs = true;
+      }
+    };
 
     const hideShow = () => {
       if (state.hideshow == false) {
-        state.hideshow = true
+        state.hideshow = true;
       } else {
-        state.hideshow = false
+        state.hideshow = false;
       }
-    }
+    };
 
     const bs_hShow = () => {
       if (state.bs_hs == true) {
-        state.bs_hs = false
+        state.bs_hs = false;
       } else {
-        state.bs_hs = true
+        state.bs_hs = true;
       }
-    }
+    };
     const createft = () => {
       if (state.bs_hs == false) {
-        state.of_hs = false
-      } 
-    }
+        state.of_hs = false;
+      }
+    };
     return {
       ...toRefs(state),
       data,
@@ -573,7 +681,6 @@ export default defineComponent({
     };
   },
 });
-
 </script>
 <style lang="scss">
 // .dropdown-style{
@@ -590,387 +697,394 @@ export default defineComponent({
   height: 100%;
   display: flex;
   flex-direction: column;
-  .headerf{
+  .headerf {
     display: flex;
     margin-left: 38px;
     margin-top: 30px;
     .filter {
-      width: calc(70% - 40px) ;
-      margin-right: 30px ;
+      width: calc(70% - 40px);
+      margin-right: 30px;
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
       .filterItems {
         display: flex;
         flex-wrap: wrap;
-        .fitems{
+        .fitems {
           margin-right: 20px;
           margin-bottom: 20px;
         }
       }
     }
-      .btns {
+    .btns {
+      display: flex;
+      // flex-wrap: wrap;
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: rgba(64, 158, 255, 0);
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
         display: flex;
-        // flex-wrap: wrap;
-        .btn {
-          padding: 0px 26px 0px 26px;
-          height: 38px;
-          background: rgba(64, 158, 255, 0);
-          border-radius: 8px;
-          border: 1px solid rgba(64, 158, 255, 1);
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          margin-right: 14px;
-          flex-shrink: 0;
-          .search {
-            background-size: 100%;
-          }
-          .btnText {
-            font-size: 14px;
-            font-weight: 400;
-            color: rgba(64, 158, 255, 1);
-            line-height: 36px;
-            margin-left: 5px;
-          }
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        .search {
+          background-size: 100%;
         }
-        .btn1 {
-          .search {
-            width: 15px;
-            height: 17px;
-            background-image: url("../../assets/images/courseManage/search1.png");
-          }
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: rgba(64, 158, 255, 1);
+          line-height: 36px;
+          margin-left: 5px;
         }
-        .btn2 {
-          .search {
-            width: 16px;
-            height: 18px;
-            background-image: url("../../assets/images/courseManage/reset1.png");
-          }
+      }
+      .btn1 {
+        .search {
+          width: 15px;
+          height: 17px;
+          background-image: url("../../assets/images/courseManage/search1.png");
         }
-        .btn3 {
-          .search {
-            width: 17px;
-            height: 18px;
-            background-image: url("../../assets/images/courseManage/add1.png");
-          }
+      }
+      .btn2 {
+        .search {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/reset1.png");
         }
-        .btn4 {
-          margin-right: 0px;
-          .search {
-            width: 17px;
-            height: 18px;
-            background-image: url("../../assets/images/courseManage/add1.png");
-          }
+      }
+      .btn3 {
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add1.png");
         }
-        .btn1:hover {
-          background: rgba(64, 158, 255, 1);
-          .search {
-            background-image: url("../../assets/images/courseManage/search0.png");
-          }
-          .btnText {
-            color: #ffffff;
-          }
+      }
+      .btn4 {
+        margin-right: 0px;
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add1.png");
         }
-        .btn2:hover {
-          background: rgba(64, 158, 255, 1);
-          .search {
-            background-image: url("../../assets/images/courseManage/reset0.png");
-          }
-          .btnText {
-            color: #ffffff;
-          }
+      }
+      .btn1:hover {
+        background: rgba(64, 158, 255, 1);
+        .search {
+          background-image: url("../../assets/images/courseManage/search0.png");
         }
-        .btn3:hover {
-          background: rgba(64, 158, 255, 1);
-          .search {
-            background-image: url("../../assets/images/courseManage/add0.png");
-          }
-          .btnText {
-            color: #ffffff;
-          }
+        .btnText {
+          color: #ffffff;
         }
-        .btn4:hover {
-          background: rgba(64, 158, 255, 1);
-          .search {
-            background-image: url("../../assets/images/courseManage/add0.png");
-          }
-          .btnText {
-            color: #ffffff;
-          }
+      }
+      .btn2:hover {
+        background: rgba(64, 158, 255, 1);
+        .search {
+          background-image: url("../../assets/images/courseManage/reset0.png");
+        }
+        .btnText {
+          color: #ffffff;
+        }
+      }
+      .btn3:hover {
+        background: rgba(64, 158, 255, 1);
+        .search {
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+        .btnText {
+          color: #ffffff;
+        }
+      }
+      .btn4:hover {
+        background: rgba(64, 158, 255, 1);
+        .search {
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+        .btnText {
+          color: #ffffff;
         }
       }
     }
-  
-  .selectonlineface{
+  }
+
+  .selectonlineface {
     z-index: 1000;
     width: 679px;
     height: 525px;
-    background: #FFFFFF;
-    box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     position: absolute;
     left: 50%;
     top: 50%;
-    transform: translate(-50%,-50%);
-    .of_header{
-        position: absolute;
-        width:calc(100%);
-        height: 40px;
-        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
+    transform: translate(-50%, -50%);
+    .of_header {
+      position: absolute;
+      width: calc(100%);
+      height: 40px;
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
     }
-    .of_main{
-        width:calc(100%);
-        position: relative;
-        .m_header{
-            display: flex;
-            align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .add_icon{
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/add1.png);
-                background-size: 100% 100%;
-            }
-            .add_exit{
-                position: absolute;
-                right:42px;
-                cursor: pointer;
-            }
+    .of_main {
+      width: calc(100%);
+      position: relative;
+      .m_header {
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+        padding-left: 26px;
+        font-size: 16px;
+        .add_icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 10px;
+          background-image: url(@/assets/images/coursewareManage/add1.png);
+          background-size: 100% 100%;
         }
-        .m_body{
-          width: 88%;
-          .checkbtn{
-            width: 7.8px;
-            height: 7.8px;
-            border: 1px solid #4EA6FF;
-            background-color: #4EA6FF;
-            border-radius: 50%;
-          }
-          .ol_checkbox{
-              width: 14px;
-              height: 14px;
-              border: 1px solid #000000;
-              border-radius: 50%;
+        .add_exit {
+          position: absolute;
+          right: 42px;
+          cursor: pointer;
+        }
+      }
+      .m_body {
+        width: 88%;
+        .checkbtn {
+          width: 7.8px;
+          height: 7.8px;
+          border: 1px solid #4ea6ff;
+          background-color: #4ea6ff;
+          border-radius: 50%;
+        }
+        .ol_checkbox {
+          width: 14px;
+          height: 14px;
+          border: 1px solid #000000;
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+        .b_header {
+          display: flex;
+          align-items: center;
+          margin: 21px auto 14px 80px;
+        }
+        .b_sub {
+          margin-left: 164px;
+          .bs_header {
+            display: flex;
+            justify-content: space-between;
+            .b_right {
               display: flex;
-              align-items: center;
-              justify-content: center;
             }
-          .b_header{
+          }
+        }
+        .bl_detail {
+          top: 24px;
+        }
+        .b_center {
+          display: flex;
+          align-items: center;
+          margin: 21px auto 14px 80px;
+          .bc_boxl,
+          .bc_boxr {
             display: flex;
             align-items: center;
-            margin: 21px auto 14px 80px;
           }
-          .b_sub{
-            margin-left: 164px;
-            .bs_header{
-              display: flex;
-              justify-content: space-between;
-              .b_right{
-                display: flex;
-              }
-            }
-          }
-          .bl_detail{
-            top: 24px;
-          }
-          .b_center{
+        }
+        .b_sup {
+          margin: 21px auto 14px 52px;
+          .bs_box {
             display: flex;
             align-items: center;
-            margin: 21px auto 14px 80px;
-            .bc_boxl,.bc_boxr{
-              display: flex;
-              align-items: center;
-            }
           }
-          .b_sup{
-            margin: 21px auto 14px 52px;
-            .bs_box{
-              display: flex;
-              align-items: center;
-            }
-          }
-          .b_footer{
-            width: 100%;
-            margin-left: 212px;
-            margin-top: 25px;
+        }
+        .b_footer {
+          width: 100%;
+          margin-left: 212px;
+          margin-top: 25px;
+          display: flex;
+          .btn {
+            width: 100px;
+            height: 40px;
+            background: rgba(64, 158, 255, 0);
+            border-radius: 8px;
             display: flex;
-            .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;
-              .btnText {
-                font-size: 14px;
-                font-weight: 400;
-                line-height: 40px;
-              }
-            }
-            .btn5{
-              border: 1px solid rgba(64, 158, 255, 1);
-              color: #4EA6FF ;
-            }
-            .btn6{
-              background-color: #4EA6FF;
-              color: #ffffff;
+            align-items: center;
+            justify-content: center;
+            margin-right: 14px;
+            flex-shrink: 0;
+            .btnText {
+              font-size: 14px;
+              font-weight: 400;
+              line-height: 40px;
             }
           }
+          .btn5 {
+            border: 1px solid rgba(64, 158, 255, 1);
+            color: #4ea6ff;
+          }
+          .btn6 {
+            background-color: #4ea6ff;
+            color: #ffffff;
+          }
         }
       }
-  }  
+    }
+  }
 
-  .faceteach{
+  .faceteach {
     // display: none;
     z-index: 1000;
     width: 1358px;
     min-width: 1000px;
     height: 805px;
-    background: #FFFFFF;
-    box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     position: absolute;
     left: 50%;
     top: 50%;
-    transform: translate(-50%,-50%);
-    .ft_header{
-        position: absolute;
-        width:calc(100%);
-        height: 40px;
-        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
+    transform: translate(-50%, -50%);
+    .ft_header {
+      position: absolute;
+      width: calc(100%);
+      height: 40px;
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
     }
-    .ft_main{
-        width:calc(100%);
-        position: relative;
-        .m_header{
+    .ft_main {
+      width: calc(100%);
+      position: relative;
+      .m_header {
+        display: flex;
+        align-items: center;
+        padding-top: 20px;
+        padding-left: 26px;
+        font-size: 16px;
+        .add_icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 10px;
+          background-image: url(@/assets/images/coursewareManage/add1.png);
+          background-size: 100% 100%;
+        }
+        .add_exit {
+          position: absolute;
+          right: 42px;
+          cursor: pointer;
+        }
+      }
+      .m_title {
+        margin: 7px auto 25px 52px;
+      }
+      .m_body {
+        display: flex;
+        .mb_left {
+          .mbl_items1 {
             display: flex;
             align-items: center;
-            padding-top: 20px;
-            padding-left: 26px;
-            font-size: 16px;
-            .add_icon{
-                width: 16px;
-                height: 16px;
-                margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/add1.png);
-                background-size: 100% 100%;
-            }
-            .add_exit{
-                position: absolute;
-                right:42px;
-                cursor: pointer;
-            }
-        }
-        .m_title{
-            margin: 7px auto 25px 52px;
-        }
-        .m_body{
-          display: flex;
-          .mb_left{
-            .mbl_items1{
+            margin-left: 87px;
+            margin-bottom: 10px;
+          }
+          .mbl_items2 {
+            margin-left: 164px;
+            margin-bottom: 30px;
+            .i2_top {
               display: flex;
-              align-items: center;
-              margin-left: 87px;
-              margin-bottom: 10px;
-            }
-            .mbl_items2{
-              margin-left: 164px;
-              margin-bottom: 30px;
-              .i2_top{
+              .i2_right {
+                margin-left: 320px;
                 display: flex;
-                .i2_right{
-                  margin-left: 320px;
-                  display: flex;
-                }
-              }
-              .i2_detail{
-                width: 400px;
               }
             }
-            .mbl_items3{
-              margin-left: 87px;
-              margin-bottom: 10px;
-              .i3_top{
-                display: flex;
-                align-items: start;
-              }
-              .i3_bottom{
-                margin-left: 60px;
-              }
-            }
-            .mbl_items4{
-              display: flex;
-              align-items: center;
-              margin-left: 87px;
-              margin-bottom: 10px;
-            }
-            .mbl_items5{
-              display: flex;
-              align-items: center;
-              margin-left: 93px;
-              margin-bottom: 10px;
-            }
-            .mbl_items6{
-              display: flex;
-              align-items: center;
-              margin-left: 87px;
-              margin-bottom: 10px;
-            }
-            .mbl_items7{
-              display: flex;
-              align-items: center;
-              margin-left: 121px;
-              margin-bottom: 10px;
-            }
-            .mbl_items8{
-              margin-left: 93px;
-              margin-bottom: 10px;
-              .i8_top{
-                display: flex;
-                align-items: center;
-                margin-bottom: 10px;
-              }
-              .i8_bottom{
-                display: flex;
-                align-items: center;
-                margin-left: 71px;
-              }
+            .i2_detail {
+              width: 400px;
             }
           }
-          .mb_right{
-            .mbl_items9{
+          .mbl_items3 {
+            margin-left: 87px;
+            margin-bottom: 10px;
+            .i3_top {
+              display: flex;
+              align-items: start;
+            }
+            .i3_bottom {
+              margin-left: 60px;
+            }
+          }
+          .mbl_items4 {
+            display: flex;
+            align-items: center;
+            margin-left: 87px;
+            margin-bottom: 10px;
+          }
+          .mbl_items5 {
+            display: flex;
+            align-items: center;
+            margin-left: 93px;
+            margin-bottom: 10px;
+          }
+          .mbl_items6 {
+            display: flex;
+            align-items: center;
+            margin-left: 87px;
+            margin-bottom: 10px;
+          }
+          .mbl_items7 {
+            display: flex;
+            align-items: center;
+            margin-left: 121px;
+            margin-bottom: 10px;
+          }
+          .mbl_items8 {
+            margin-left: 93px;
+            margin-bottom: 10px;
+            .i8_top {
               display: flex;
               align-items: center;
-              margin-left: 100px;
               margin-bottom: 10px;
             }
-            .mbl_items10{
+            .i8_bottom {
               display: flex;
-              align-items: flex-start;
-              margin-left: 107px;
-              margin-bottom: 30px;
+              align-items: center;
+              margin-left: 71px;
             }
-            .mbl_items11{
-              margin-left: 105px;
-              margin-bottom: 10px;
-              .i11_top{
-                display: flex;
-                align-items: center;
-                .accessory_icon{
-                  width: 15px ;
-                  height: 15px ;
-                  background-color: #4EA6FF;
-                  margin-right: 6px;
-                }
+          }
+        }
+        .mb_right {
+          .mbl_items9 {
+            display: flex;
+            align-items: center;
+            margin-left: 100px;
+            margin-bottom: 10px;
+          }
+          .mbl_items10 {
+            display: flex;
+            align-items: flex-start;
+            margin-left: 107px;
+            margin-bottom: 30px;
+          }
+          .mbl_items11 {
+            margin-left: 105px;
+            margin-bottom: 10px;
+            .i11_top {
+              display: flex;
+              align-items: center;
+              .accessory_icon {
+                width: 15px;
+                height: 15px;
+                background-color: #4ea6ff;
+                margin-right: 6px;
               }
             }
           }
         }
+      }
     }
   }
 
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 89688a7f..c5053fbb 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -198,7 +198,7 @@ export default {
 };
 </script>
 
-<style scoped lang="scss" >
+<style scoped lang="scss">
 .clearfix:before,
 .clearfix:after {
   content: " ";
@@ -602,4 +602,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index 320fb7f2..d88df7c3 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -67,11 +67,10 @@
     <!-- 表格 -->
     <div class="tableBox">
       <a-table
-        :columns="columns"
-        :data-source="tableData"
+        :columns="tableDataFunc()[0]"
+        :data-source="tableDataFunc()[1]"
         :loading="tableDataTotal === -1 ? true : false"
-        :scroll="{ x: 700, y: 800 }"
-        expandRowByClick="true"
+        :scroll="{ x: 700 }"
         @expand="expandTable"
         :pagination="{
           showSizeChanger: true,
@@ -92,7 +91,22 @@
             // 	})
           },
         }"
-      />
+      >
+        <!-- <template #bodyCell="{ column }">
+          <template v-if="column.key === 'operation'">
+            <div class="operation">
+              <span>编辑</span>
+              <span style="margin-left: 21px">授权</span>
+              <span style="margin-left: 21px">创建子项目</span>
+              <span style="margin-left: 21px" class="more">
+                <span>更多</span>
+                <div class="moreArrow"></div>
+                <div class="moreItems"></div>
+              </span>
+            </div>
+          </template>
+        </template> -->
+      </a-table>
     </div>
     <!-- 表格 -->
   </div>
@@ -145,26 +159,10 @@ const columns = [
   },
   {
     title: "操作",
-    dataIndex: "opacation",
-    key: "opacation",
+    dataIndex: "operation",
+    key: "operation",
     width: 300,
     align: "center",
-    scopedSlots: { customRender: "action" }, //引入的插槽
-    customRender: () => {
-      // console.log(text);
-      return (
-        <div class="opacation">
-          <span>编辑</span>
-          <span style={{ "margin-left": "21px" }}>授权</span>
-          <span style={{ "margin-left": "21px" }}>创建子项目</span>
-          <span style={{ "margin-left": "21px" }} class="more">
-            <span>更多</span>
-            <div class="moreArrow"></div>
-            <div class="moreItems"></div>
-          </span>
-        </div>
-      );
-    },
   },
 ];
 
@@ -209,7 +207,7 @@ export default {
           time: "2022-07-20 14:00:03",
           children: [
             {
-              key: 5,
+              key: "1-1",
               projectName: "管理者进阶5",
               manager: "黄华  刘俊",
               state: "草稿",
@@ -217,14 +215,14 @@ export default {
               time: "2022-07-20 14:00:03",
               children: [
                 {
-                  key: 7,
+                  key: "1-1-1",
                   projectName:
                     "管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7",
                   manager: "黄华  刘俊",
                   state: "草稿",
                   creater: "毛继禹",
                   time: "2022-07-20 14:00:03",
-                },               
+                },
               ],
             },
           ],
@@ -242,21 +240,21 @@ export default {
           key: 3,
           projectName: "管理者进阶3",
           manager: "黄华  刘俊",
-          state: "草稿",
+          state: "进行中",
           creater: "毛继禹",
           time: "2022-07-20 14:00:03",
           hasChildren: true,
           children: [
             {
-              key: 35,
+              key: "3-1",
               projectName: "管理者进阶35",
               manager: "黄华  刘俊",
-              state: "草稿",
+              state: "已结束",
               creater: "毛继禹",
               time: "2022-07-20 14:00:03",
             },
             {
-              key: 36,
+              key: "3-2",
               projectName: "管理者进阶36",
               manager: "黄华  刘俊",
               state: "草稿",
@@ -277,17 +275,59 @@ export default {
           key: 4,
           projectName: "管理者进阶5",
           manager: "黄华  刘俊",
-          state: "草稿",
+          state: "已结束",
           creater: "毛继禹",
           time: "2022-07-20 14:00:03",
+          children: [
+            {
+              key: "4-1",
+              projectName: "管理者进阶5",
+              manager: "黄华  刘俊",
+              state: "进行中",
+              creater: "毛继禹",
+              time: "2022-07-20 14:00:03",
+              children: [
+                {
+                  key: "4-1-1",
+                  projectName:
+                    "管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7",
+                  manager: "黄华  刘俊",
+                  state: "草稿",
+                  creater: "毛继禹",
+                  time: "2022-07-20 14:00:03",
+                },
+              ],
+            },
+          ],
         },
         {
-          key: 4,
-          projectName: "管理者进阶",
+          key: 5,
+          projectName: "管理者进阶5",
           manager: "黄华  刘俊",
-          state: "草稿",
+          state: "已结束",
           creater: "毛继禹",
           time: "2022-07-20 14:00:03",
+          children: [
+            {
+              key: "5-1",
+              projectName: "管理者进阶5",
+              manager: "黄华  刘俊",
+              state: "已结束",
+              creater: "毛继禹",
+              time: "2022-07-20 14:00:03",
+              children: [
+                {
+                  key: "5-1-1",
+                  projectName:
+                    "管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7管理者进阶7",
+                  manager: "黄华  刘俊",
+                  state: "进行中",
+                  creater: "毛继禹",
+                  time: "2022-07-20 14:00:03",
+                },
+              ],
+            },
+          ],
         },
         {
           key: 4,
@@ -417,11 +457,869 @@ export default {
       // console.log("惦记了");
       console.log("e", e, a);
     };
+
+    const getTableDate = () => {
+      state.tableData.map((value) => {
+        if (value.children) {
+          //多层项目
+          console.log("11");
+          value.operation =
+            value.state === "草稿" ? (
+              <div class="operation">
+                <span class="operation1">编辑</span>
+                <div class="tableSelect">
+                  <a-select
+                    style="width: 50px"
+                    value="授权"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="权限名单" label="权限名单">
+                      <div>权限名单</div>
+                    </a-select-option>
+                    <a-select-option value="归属权" label="归属权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了");
+                        }}
+                      >
+                        归属权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="查看权" label="查看权">
+                      <div>查看权</div>
+                    </a-select-option>
+                    <a-select-option value="管理权" label="管理权">
+                      <div>管理权</div>
+                    </a-select-option>
+                  </a-select>
+                </div>
+                <span class="operation3">创建子项目</span>
+                <div class="tableSelect">
+                  <a-select
+                    style="width: 50px"
+                    value="更多"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="基础信息" label="基础信息">
+                      <div>基础信息</div>
+                    </a-select-option>
+                    <a-select-option value="存为模板" label="存为模板">
+                      <div>存为模板</div>
+                    </a-select-option>
+                  </a-select>
+                </div>
+              </div>
+            ) : value.state === "进行中" ? (
+              <div class="operation">
+                <span class="operation1">查看</span>
+                <div class="tableSelect">
+                  <a-select
+                    style="width: 50px"
+                    value="授权"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="权限名单" label="权限名单">
+                      <div>权限名单</div>
+                    </a-select-option>
+                    <a-select-option value="归属权" label="归属权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了");
+                        }}
+                      >
+                        归属权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="查看权" label="查看权">
+                      <div>查看权</div>
+                    </a-select-option>
+                    <a-select-option value="管理权" label="管理权">
+                      <div>管理权</div>
+                    </a-select-option>
+                  </a-select>
+                </div>
+                <span class="operation3">复制</span>
+                <span class="more"></span>
+              </div>
+            ) : value.state === "已结束" ? (
+              <div class="operation">
+                <span class="operation1">查看</span>
+                <div class="tableSelect">
+                  <a-select
+                    style="width: 50px"
+                    value="授权"
+                    // options={state.projectNameList}
+                    dropdownClassName="tabledropdown"
+                  >
+                    <a-select-option value="权限名单" label="权限名单">
+                      <div>权限名单</div>
+                    </a-select-option>
+                    <a-select-option value="归属权" label="归属权">
+                      <div
+                        onClick={() => {
+                          console.log("点击了");
+                        }}
+                      >
+                        归属权
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="查看权" label="查看权">
+                      <div>查看权</div>
+                    </a-select-option>
+                    <a-select-option value="管理权" label="管理权">
+                      <div>管理权</div>
+                    </a-select-option>
+                  </a-select>
+                </div>
+                <span class="operation3">复制</span>
+                <span class="more">删除</span>
+              </div>
+            ) : null;
+
+          value.children.map((item) => {
+            if (item.children) {
+              //多层子项目
+              item.operation =
+                item.state === "草稿" ? (
+                  <div class="operation">
+                    <span class="operation1">编辑</span>
+                    <div class="tableSelect">
+                      <a-select
+                        style="width: 50px"
+                        value="授权"
+                        // options={state.projectNameList}
+                        dropdownClassName="tabledropdown"
+                      >
+                        <a-select-option value="权限名单" label="权限名单">
+                          <div>权限名单</div>
+                        </a-select-option>
+                        <a-select-option value="归属权" label="归属权">
+                          <div
+                            onClick={() => {
+                              console.log("点击了");
+                            }}
+                          >
+                            归属权
+                          </div>
+                        </a-select-option>
+                        <a-select-option value="查看权" label="查看权">
+                          <div>查看权</div>
+                        </a-select-option>
+                        <a-select-option value="管理权" label="管理权">
+                          <div>管理权</div>
+                        </a-select-option>
+                      </a-select>
+                    </div>
+                    <span class="operation3">创建班级</span>
+                    <div class="tableSelect">
+                      <a-select
+                        style="width: 50px"
+                        value="更多"
+                        // options={state.projectNameList}
+                        dropdownClassName="tabledropdown"
+                      >
+                        <a-select-option value="复制" label="复制">
+                          <div>复制</div>
+                        </a-select-option>
+                        <a-select-option value="删除" label="删除">
+                          <div>删除</div>
+                        </a-select-option>
+                      </a-select>
+                    </div>
+                  </div>
+                ) : item.state === "进行中" ? (
+                  <div class="operation">
+                    <span class="operation1">查看</span>
+                    <div class="tableSelect">
+                      <a-select
+                        style="width: 50px"
+                        value="授权"
+                        // options={state.projectNameList}
+                        dropdownClassName="tabledropdown"
+                      >
+                        <a-select-option value="权限名单" label="权限名单">
+                          <div>权限名单</div>
+                        </a-select-option>
+                        <a-select-option value="归属权" label="归属权">
+                          <div
+                            onClick={() => {
+                              console.log("点击了");
+                            }}
+                          >
+                            归属权
+                          </div>
+                        </a-select-option>
+                        <a-select-option value="查看权" label="查看权">
+                          <div>查看权</div>
+                        </a-select-option>
+                        <a-select-option value="管理权" label="管理权">
+                          <div>管理权</div>
+                        </a-select-option>
+                      </a-select>
+                    </div>
+
+                    <span class="operation3">创建班级</span>
+                    <span class="more">复制</span>
+                  </div>
+                ) : item.state === "已结束" ? (
+                  <div class="operation">
+                    <span class="operation1">查看</span>
+                    <div class="tableSelect">
+                      <a-select
+                        style="width: 50px"
+                        value="授权"
+                        // options={state.projectNameList}
+                        dropdownClassName="tabledropdown"
+                      >
+                        <a-select-option value="权限名单" label="权限名单">
+                          <div>权限名单</div>
+                        </a-select-option>
+                        <a-select-option value="归属权" label="归属权">
+                          <div
+                            onClick={() => {
+                              console.log("点击了");
+                            }}
+                          >
+                            归属权
+                          </div>
+                        </a-select-option>
+                        <a-select-option value="查看权" label="查看权">
+                          <div>查看权</div>
+                        </a-select-option>
+                        <a-select-option value="管理权" label="管理权">
+                          <div>管理权</div>
+                        </a-select-option>
+                      </a-select>
+                    </div>
+                    <span class="operation3">复制</span>
+                    <span class="more">删除</span>
+                  </div>
+                ) : null;
+
+              item.children.map((a) => {
+                //班级
+                a.operation =
+                  a.state === "草稿" ? (
+                    <div class="operation">
+                      <span class="operation1"></span>
+                      <div class="tableSelect">
+                        <a-select
+                          style="width: 50px"
+                          value="授权"
+                          // options={state.projectNameList}
+                          dropdownClassName="tabledropdown"
+                        >
+                          <a-select-option value="权限名单" label="权限名单">
+                            <div>权限名单</div>
+                          </a-select-option>
+                          <a-select-option value="归属权" label="归属权">
+                            <div
+                              onClick={() => {
+                                console.log("点击了");
+                              }}
+                            >
+                              归属权
+                            </div>
+                          </a-select-option>
+                          <a-select-option value="查看权" label="查看权">
+                            <div>查看权</div>
+                          </a-select-option>
+                          <a-select-option value="管理权" label="管理权">
+                            <div>管理权</div>
+                          </a-select-option>
+                        </a-select>
+                      </div>
+                      <span class="operation3">发布</span>
+                      <div class="tableSelect">
+                        <a-select
+                          style="width: 50px"
+                          value="更多"
+                          // options={state.projectNameList}
+                          dropdownClassName="tabledropdown"
+                        >
+                          <a-select-option value="复制" label="复制">
+                            <div>复制</div>
+                          </a-select-option>
+                          <a-select-option value="删除" label="删除">
+                            <div>删除</div>
+                          </a-select-option>
+                          <a-select-option value="存为模板" label="存为模板">
+                            <div>存为模板</div>
+                          </a-select-option>
+                          <a-select-option value="基础信息" label="基础信息">
+                            <div>基础信息</div>
+                          </a-select-option>
+                        </a-select>
+                      </div>
+                    </div>
+                  ) : a.state === "进行中" ? (
+                    <div class="operation">
+                      <span class="operation1"></span>
+                      <div class="tableSelect">
+                        <a-select
+                          style="width: 50px"
+                          value="授权"
+                          // options={state.projectNameList}
+                          dropdownClassName="tabledropdown"
+                        >
+                          <a-select-option value="权限名单" label="权限名单">
+                            <div>权限名单</div>
+                          </a-select-option>
+                          <a-select-option value="归属权" label="归属权">
+                            <div
+                              onClick={() => {
+                                console.log("点击了");
+                              }}
+                            >
+                              归属权
+                            </div>
+                          </a-select-option>
+                          <a-select-option value="查看权" label="查看权">
+                            <div>查看权</div>
+                          </a-select-option>
+                          <a-select-option value="管理权" label="管理权">
+                            <div>管理权</div>
+                          </a-select-option>
+                        </a-select>
+                      </div>
+                      <span class="operation3">复制</span>
+                      <div class="tableSelect">
+                        <a-select
+                          style="width: 50px"
+                          value="更多"
+                          // options={state.projectNameList}
+                          dropdownClassName="tabledropdown"
+                        >
+                          <a-select-option value="撤回" label="撤回">
+                            <div>撤回</div>
+                          </a-select-option>
+                          <a-select-option value="结束" label="结束">
+                            <div>结束</div>
+                          </a-select-option>
+                          <a-select-option value="存为模板" label="存为模板">
+                            <div>存为模板</div>
+                          </a-select-option>
+                          <a-select-option value="基础信息" label="基础信息">
+                            <div>基础信息</div>
+                          </a-select-option>
+                        </a-select>
+                      </div>
+                    </div>
+                  ) : a.state === "已结束" ? (
+                    <div class="operation">
+                      <span class="operation1"></span>
+                      <div class="tableSelect">
+                        <a-select
+                          style="width: 50px"
+                          value="授权"
+                          // options={state.projectNameList}
+                          dropdownClassName="tabledropdown"
+                        >
+                          <a-select-option value="权限名单" label="权限名单">
+                            <div>权限名单</div>
+                          </a-select-option>
+                          <a-select-option value="归属权" label="归属权">
+                            <div
+                              onClick={() => {
+                                console.log("点击了");
+                              }}
+                            >
+                              归属权
+                            </div>
+                          </a-select-option>
+                          <a-select-option value="查看权" label="查看权">
+                            <div>查看权</div>
+                          </a-select-option>
+                          <a-select-option value="管理权" label="管理权">
+                            <div>管理权</div>
+                          </a-select-option>
+                        </a-select>
+                      </div>
+                      <span class="operation3">复制</span>
+                      <span class="operation3">复制</span>
+                      <div class="tableSelect">
+                        <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>存为模板</div>
+                          </a-select-option>
+                          <a-select-option value="基础信息" label="基础信息">
+                            <div>基础信息</div>
+                          </a-select-option>
+                        </a-select>
+                      </div>
+                    </div>
+                  ) : a.state === "未开始" ? (
+                    <div class="operation">
+                      <span class="operation1"></span>
+                      <div class="tableSelect">
+                        <a-select
+                          style="width: 50px"
+                          value="授权"
+                          // options={state.projectNameList}
+                          dropdownClassName="tabledropdown"
+                        >
+                          <a-select-option value="权限名单" label="权限名单">
+                            <div>权限名单</div>
+                          </a-select-option>
+                          <a-select-option value="归属权" label="归属权">
+                            <div
+                              onClick={() => {
+                                console.log("点击了");
+                              }}
+                            >
+                              归属权
+                            </div>
+                          </a-select-option>
+                          <a-select-option value="查看权" label="查看权">
+                            <div>查看权</div>
+                          </a-select-option>
+                          <a-select-option value="管理权" label="管理权">
+                            <div>管理权</div>
+                          </a-select-option>
+                        </a-select>
+                      </div>
+                      <span class="operation3">复制</span>
+                      <div class="tableSelect">
+                        <a-select
+                          style="width: 50px"
+                          value="更多"
+                          // options={state.projectNameList}
+                          dropdownClassName="tabledropdown"
+                        >
+                          <a-select-option value="结束" label="结束">
+                            <div>结束</div>
+                          </a-select-option>
+                          <a-select-option value="撤回" label="撤回">
+                            <div>撤回</div>
+                          </a-select-option>
+                          <a-select-option value="存为模板" label="存为模板">
+                            <div>存为模板</div>
+                          </a-select-option>
+                          <a-select-option value="基础信息" label="基础信息">
+                            <div>基础信息</div>
+                          </a-select-option>
+                        </a-select>
+                      </div>
+                    </div>
+                  ) : null;
+              });
+            } else {
+              //单层子项目
+              item.operation =
+                item.state === "草稿" ? (
+                  <div class="operation">
+                    <span class="operation1"></span>
+                    <div class="tableSelect">
+                      <a-select
+                        style="width: 50px"
+                        value="授权"
+                        // options={state.projectNameList}
+                        dropdownClassName="tabledropdown"
+                      >
+                        <a-select-option value="权限名单" label="权限名单">
+                          <div>权限名单</div>
+                        </a-select-option>
+                        <a-select-option value="归属权" label="归属权">
+                          <div
+                            onClick={() => {
+                              console.log("点击了");
+                            }}
+                          >
+                            归属权
+                          </div>
+                        </a-select-option>
+                        <a-select-option value="查看权" label="查看权">
+                          <div>查看权</div>
+                        </a-select-option>
+                        <a-select-option value="管理权" label="管理权">
+                          <div>管理权</div>
+                        </a-select-option>
+                      </a-select>
+                    </div>
+                    <span class="operation3">发布</span>
+                    <div class="tableSelect">
+                      <a-select
+                        style="width: 50px"
+                        value="更多"
+                        // options={state.projectNameList}
+                        dropdownClassName="tabledropdown"
+                      >
+                        <a-select-option value="复制" label="复制">
+                          <div>复制</div>
+                        </a-select-option>
+                        <a-select-option value="删除" label="删除">
+                          <div>删除</div>
+                        </a-select-option>
+                        <a-select-option value="存为模板" label="存为模板">
+                          <div>存为模板</div>
+                        </a-select-option>
+                        <a-select-option value="基础信息" label="基础信息">
+                          <div>基础信息</div>
+                        </a-select-option>
+                      </a-select>
+                    </div>
+                  </div>
+                ) : item.state === "进行中" ? (
+                  <div class="operation">
+                    <span class="operation1"></span>
+                    <div class="tableSelect">
+                      <a-select
+                        style="width: 50px"
+                        value="授权"
+                        // options={state.projectNameList}
+                        dropdownClassName="tabledropdown"
+                      >
+                        <a-select-option value="权限名单" label="权限名单">
+                          <div>权限名单</div>
+                        </a-select-option>
+                        <a-select-option value="归属权" label="归属权">
+                          <div
+                            onClick={() => {
+                              console.log("点击了");
+                            }}
+                          >
+                            归属权
+                          </div>
+                        </a-select-option>
+                        <a-select-option value="查看权" label="查看权">
+                          <div>查看权</div>
+                        </a-select-option>
+                        <a-select-option value="管理权" label="管理权">
+                          <div>管理权</div>
+                        </a-select-option>
+                      </a-select>
+                    </div>
+                    <span class="operation3">复制</span>
+                    <div class="tableSelect">
+                      <a-select
+                        style="width: 50px"
+                        value="更多"
+                        // options={state.projectNameList}
+                        dropdownClassName="tabledropdown"
+                      >
+                        <a-select-option value="撤回" label="撤回">
+                          <div>撤回</div>
+                        </a-select-option>
+                        <a-select-option value="结束" label="结束">
+                          <div>结束</div>
+                        </a-select-option>
+                        <a-select-option value="存为模板" label="存为模板">
+                          <div>存为模板</div>
+                        </a-select-option>
+                        <a-select-option value="基础信息" label="基础信息">
+                          <div>基础信息</div>
+                        </a-select-option>
+                      </a-select>
+                    </div>
+                  </div>
+                ) : item.state === "已结束" ? (
+                  <div class="operation">
+                    <span class="operation1"></span>
+                    <div class="tableSelect">
+                      <a-select
+                        style="width: 50px"
+                        value="授权"
+                        // options={state.projectNameList}
+                        dropdownClassName="tabledropdown"
+                      >
+                        <a-select-option value="权限名单" label="权限名单">
+                          <div>权限名单</div>
+                        </a-select-option>
+                        <a-select-option value="归属权" label="归属权">
+                          <div
+                            onClick={() => {
+                              console.log("点击了");
+                            }}
+                          >
+                            归属权
+                          </div>
+                        </a-select-option>
+                        <a-select-option value="查看权" label="查看权">
+                          <div>查看权</div>
+                        </a-select-option>
+                        <a-select-option value="管理权" label="管理权">
+                          <div>管理权</div>
+                        </a-select-option>
+                      </a-select>
+                    </div>
+                    <span class="operation3">复制</span>
+                    <div class="tableSelect">
+                      <a-select
+                        style="width: 50px"
+                        value="更多"
+                        // options={state.projectNameList}
+                        dropdownClassName="tabledropdown"
+                      >
+                        <a-select-option value="删除" label="删除">
+                          <div>删除</div>
+                        </a-select-option>
+                        <a-select-option value="结束" label="结束">
+                          <div>结束</div>
+                        </a-select-option>
+                        <a-select-option value="存为模板" label="存为模板">
+                          <div>存为模板</div>
+                        </a-select-option>
+                        <a-select-option value="基础信息" label="基础信息">
+                          <div>基础信息</div>
+                        </a-select-option>
+                      </a-select>
+                    </div>
+                  </div>
+                ) : item.state === "未开始" ? (
+                  <div class="operation">
+                    <span class="operation1"></span>
+                    <div class="tableSelect">
+                      <a-select
+                        style="width: 50px"
+                        value="授权"
+                        // options={state.projectNameList}
+                        dropdownClassName="tabledropdown"
+                      >
+                        <a-select-option value="权限名单" label="权限名单">
+                          <div>权限名单</div>
+                        </a-select-option>
+                        <a-select-option value="归属权" label="归属权">
+                          <div
+                            onClick={() => {
+                              console.log("点击了");
+                            }}
+                          >
+                            归属权
+                          </div>
+                        </a-select-option>
+                        <a-select-option value="查看权" label="查看权">
+                          <div>查看权</div>
+                        </a-select-option>
+                        <a-select-option value="管理权" label="管理权">
+                          <div>管理权</div>
+                        </a-select-option>
+                      </a-select>
+                    </div>
+                    <span class="operation3">复制</span>
+                    <div class="tableSelect">
+                      <a-select
+                        style="width: 50px"
+                        value="更多"
+                        // options={state.projectNameList}
+                        dropdownClassName="tabledropdown"
+                      >
+                        <a-select-option value="撤回" label="撤回">
+                          <div>撤回</div>
+                        </a-select-option>
+                        <a-select-option value="结束" label="结束">
+                          <div>结束</div>
+                        </a-select-option>
+                        <a-select-option value="存为模板" label="存为模板">
+                          <div>存为模板</div>
+                        </a-select-option>
+                        <a-select-option value="基础信息" label="基础信息">
+                          <div>基础信息</div>
+                        </a-select-option>
+                      </a-select>
+                    </div>
+                  </div>
+                ) : null;
+            }
+          });
+        } else {
+          //单层项目
+          value.operation = (
+            <div class="operation">
+              <span class="operation1"></span>
+              <div class="tableSelect">
+                <a-select
+                  style="width: 50px"
+                  value="授权"
+                  // options={state.projectNameList}
+                  dropdownClassName="tabledropdown"
+                >
+                  <a-select-option value="权限名单" label="权限名单">
+                    <div>权限名单</div>
+                  </a-select-option>
+                  <a-select-option value="归属权" label="归属权">
+                    <div
+                      onClick={() => {
+                        console.log("点击了");
+                      }}
+                    >
+                      归属权
+                    </div>
+                  </a-select-option>
+                  <a-select-option value="查看权" label="查看权">
+                    <div>查看权</div>
+                  </a-select-option>
+                  <a-select-option value="管理权" label="管理权">
+                    <div>管理权</div>
+                  </a-select-option>
+                </a-select>
+              </div>
+
+              {value.state === "草稿" ? (
+                <span class="operation3">发布</span>
+              ) : (
+                <span class="operation3">复制</span>
+              )}
+              <div class="tableSelect">
+                {value.state === "草稿" ? (
+                  <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("点击了");
+                        }}
+                      >
+                        删除
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="存为模板" label="存为模板">
+                      <div>存为模板</div>
+                    </a-select-option>
+                    <a-select-option value="基础信息" label="基础信息">
+                      <div>基础信息</div>
+                    </a-select-option>
+                  </a-select>
+                ) : value.state === "进行中" ? (
+                  <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("点击了");
+                        }}
+                      >
+                        结束
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="撤回" label="撤回">
+                      <div>撤回</div>
+                    </a-select-option>
+                    <a-select-option value="基础信息" label="基础信息">
+                      <div>基础信息</div>
+                    </a-select-option>
+                  </a-select>
+                ) : value.state === "已结束" || value.state === "未开始" ? (
+                  <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("点击了");
+                        }}
+                      >
+                        删除
+                      </div>
+                    </a-select-option>
+                    <a-select-option value="基础信息" label="基础信息">
+                      <div>基础信息</div>
+                    </a-select-option>
+                  </a-select>
+                ) : null}
+              </div>
+            </div>
+          );
+        }
+
+        return 0;
+      });
+      return state.tableData;
+    };
+
+    const tableDataFunc = () => {
+      const columns = [
+        {
+          title: "项目名称",
+          dataIndex: "projectName",
+          key: "projectName",
+          width: 180,
+          // align: "center",
+          ellipsis: true,
+          // scopedSlots: { customRender: "action" }, //引入的插槽
+          // customRender: (text, record) => {
+          //   console.log(text, record);
+          //   return <span>{text.text}</span>;
+          // },
+        },
+        {
+          title: "项目经理",
+          dataIndex: "manager",
+          key: "manager",
+          width: 100,
+          align: "center",
+        },
+        {
+          title: "状态",
+          dataIndex: "state",
+          // width: "30%",
+          key: "state",
+          width: 100,
+          align: "center",
+        },
+        {
+          title: "创建人",
+          dataIndex: "creater",
+          // width: "30%",
+          key: "creater",
+          width: 100,
+          align: "center",
+        },
+        {
+          title: "创建时间",
+          dataIndex: "time",
+          key: "time",
+          width: 180,
+          align: "center",
+        },
+        {
+          title: "操作",
+          dataIndex: "operation",
+          key: "operation",
+          width: 300,
+          align: "center",
+        },
+      ];
+      const data = getTableDate();
+      return [columns, data];
+    };
     return {
       ...toRefs(state),
       columns,
       selectProjectName,
       expandTable,
+      getTableDate,
+      tableDataFunc,
     };
   },
 };
@@ -525,14 +1423,42 @@ export default {
   }
   .tableBox {
     margin: 20px 38px 30px;
+    .ant-table-thead > tr > th {
+      font-size: 14px;
+      font-weight: 400;
+      color: #999ba3;
+      line-height: 36px;
+      padding: 5px 16px;
+      background-color: #eff4fc;
+    }
+    .ant-table {
+      // overflow: visible;
+      // z-index: 99999;
+    }
   }
-  .opacation {
+  .operation {
     font-size: 14px;
     font-weight: 400;
     color: #4ea6ff;
     // line-height: 36px;
+    .operation1 {
+      margin-left: 21px;
+      width: 28px;
+      display: inline-block;
+    }
+    .operation3 {
+      margin-left: 21px;
+      width: 70px;
+      display: inline-block;
+      text-align: center;
+    }
     .more {
+      width: 50px;
+      display: inline-block;
+      margin-left: 21px;
       position: relative;
+      text-align: left;
+      // z-index: 99999;
       .moreArrow {
         width: 13px;
         height: 7px;
@@ -544,7 +1470,7 @@ export default {
       }
       .moreItems {
         width: 80px;
-        height: 70px;
+        padding: 5px;
         display: none;
         background: #ffffff;
         box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
@@ -552,8 +1478,9 @@ export default {
         border: 0px solid #dcdcdc;
         position: absolute;
         left: 0px;
-        top: 18px;
+        top: 28px;
         z-index: 100;
+        text-align: center;
       }
     }
     .more:hover .moreArrow {

From 4a78e0210f84c5030e57e7ca01548f109c62442d Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Mon, 10 Oct 2022 18:13:17 +0800
Subject: [PATCH 4/5] =?UTF-8?q?feat=EF=BC=9A=E5=AE=8C=E6=88=90=E5=88=9B?=
 =?UTF-8?q?=E5=BB=BA=E5=85=B3=E5=8D=A1=E7=BB=86=E8=8A=82=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/leveladd/add.png        | Bin 0 -> 781 bytes
 src/assets/images/leveladd/an.png         | Bin 0 -> 950 bytes
 src/assets/images/leveladd/ce.png         | Bin 0 -> 1074 bytes
 src/assets/images/leveladd/diao.png       | Bin 0 -> 1398 bytes
 src/assets/images/leveladd/gan.png        | Bin 0 -> 352 bytes
 src/assets/images/leveladd/huo.png        | Bin 0 -> 1136 bytes
 src/assets/images/leveladd/kao.png        | Bin 0 -> 1047 bytes
 src/assets/images/leveladd/mian.png       | Bin 0 -> 1007 bytes
 src/assets/images/leveladd/tao.png        | Bin 0 -> 1111 bytes
 src/assets/images/leveladd/tou.png        | Bin 0 -> 1205 bytes
 src/assets/images/leveladd/wai.png        | Bin 0 -> 1403 bytes
 src/assets/images/leveladd/xiang.png      | Bin 0 -> 785 bytes
 src/assets/images/leveladd/z1.png         | Bin 0 -> 280 bytes
 src/assets/images/leveladd/z2.png         | Bin 0 -> 137 bytes
 src/assets/images/leveladd/zai.png        | Bin 0 -> 1113 bytes
 src/assets/images/leveladd/zhi.png        | Bin 0 -> 940 bytes
 src/assets/images/leveladd/zuo.png        | Bin 0 -> 1062 bytes
 src/views/learningpath/LevelAdd.vue       |  16 +-
 src/views/learningpath/LevelAddDetail.vue | 931 +++++++++++++++++++++-
 19 files changed, 941 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/images/leveladd/add.png
 create mode 100644 src/assets/images/leveladd/an.png
 create mode 100644 src/assets/images/leveladd/ce.png
 create mode 100644 src/assets/images/leveladd/diao.png
 create mode 100644 src/assets/images/leveladd/gan.png
 create mode 100644 src/assets/images/leveladd/huo.png
 create mode 100644 src/assets/images/leveladd/kao.png
 create mode 100644 src/assets/images/leveladd/mian.png
 create mode 100644 src/assets/images/leveladd/tao.png
 create mode 100644 src/assets/images/leveladd/tou.png
 create mode 100644 src/assets/images/leveladd/wai.png
 create mode 100644 src/assets/images/leveladd/xiang.png
 create mode 100644 src/assets/images/leveladd/z1.png
 create mode 100644 src/assets/images/leveladd/z2.png
 create mode 100644 src/assets/images/leveladd/zai.png
 create mode 100644 src/assets/images/leveladd/zhi.png
 create mode 100644 src/assets/images/leveladd/zuo.png

diff --git a/src/assets/images/leveladd/add.png b/src/assets/images/leveladd/add.png
new file mode 100644
index 0000000000000000000000000000000000000000..aecfb63ecba2f993725ce6f46acd06d2e74ef92e
GIT binary patch
literal 781
zcmV+o1M>WdP)<h;3K|Lk000e1NJLTq000pH000sQ1^@s6z4<j%00001b5ch_0Itp)
z=>Px%$4Nv%R5(v{lv{{ZWfaGM|L;sX8cb@UK4_+b34>yzk)pzkiO#v~?F=}nR1bpm
zWYF!Q!eAg#sF$94kf4j<B}1KkJaaUw5%B_fVKgH(Ev0;sgczcxX7;yapY6!(8QYI*
z{lDM-)_<+_iHCgF+38qvX)5>`n4gW@FW`QoFLy`J?~g|w(a3;()BZUB4Q@tSirI8b
zkAn5#bQ80S#P*qj!?%Z@%RsEswh;M!V3U!q;O!jJWyCCug+LQ925f^0<*$c84<J?z
zHe%Y1aRAh*V%HC&Zh17AMXdLL7Z5KgAAON%Y7pxVmVnM+`c%cPO%L;Fc+9$kS3&QS
zvjtjHz9Ku;@fZXD_JZBzuli?)8)rv?M!egG^IO$g{xJ&*_W<)4H+F@rdu;%=AFq`v
zb)C)#t8LAg??J9b`9sGuxzxY2n5~m_hwlRGnKJEZE#5hh6}Hbs@p&w_NX3KKGP$1S
zdj4rhOy8A24gj$VQAf?6O1KzU2I@mL9oPWu#q>K^18_>k=v+-(4G&>>StUGy<C5~x
zmiv&m5!*qx!2gYO3$vNv#)Hkoct^!(N7|6^BVc|4`54(870NAXBHzGZZUXggkO6B#
z+KJiAJfaKq`#S34KUJvqrP{Tp!G6;HcD==zT%%SUyql@}NYI4Ww>W!Ft>p{ZT*oAQ
z|Ife<Sv7bD)AzuKDnzekgoncx9N*ztsZ!K4VpiS+eSot?>9AG8U5FQPl++qkhQwA5
zCX-`1F((z2|9B9ON>5PddJ&%}AH9)6(suO%PhqT9F*^2tQ)|`IQp_d!Ybr#^E~R5%
z108Lj!eIOrVntFK@Hq_JNKCXZJI2w_KO67bz_tO`iGB0XHjjP^s^M0Q*MW&Zvhr7f
z8NjsUUkO}==#}9&9R*2;sO?Gc3-B}obATJQCn4uAYfbsrk)_@P08A*?gkWz200000
LNkvXXu0mjfi{N)*

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/an.png b/src/assets/images/leveladd/an.png
new file mode 100644
index 0000000000000000000000000000000000000000..722e73e2f4b7e9e919da028a672c47237cc30513
GIT binary patch
literal 950
zcmV;n14;aeP)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00001b5ch_0Itp)
z=>Px&a7jc#R7gvumP=@qR~*HE_kJ@A@ezwl7rL=n>S8KbN)#~&q7<PE7ll&Lg>h9y
z5K@GaC<uxuqJp5PD_5dmrAk75wQ77siI4g~q(cQ?2%^R$Gn3Ah|9yOqnNO48z%Vm+
z?)}a^=YQ_`Uxj~}m7OJuY(uFwP(>mQS_29S{!=N4A~zN(z>mvZ8I%8$H8qSn2T_OG
zw5nfbV?hdBMym<#A)g7723C5AI;{?9b!Rt9Ey;jnCXd2ISO}Z2$-qweajkkBP<vN3
zBUhsoL5@7RMh6jzYaVEmiRH=zu@93iHPmEmAeN~z#?0W4zshkT|F6TPei*K}!Ui@X
zP0M6h_ziqD6TX-N!&NwX7XE$e&ETc7rpTH_fOZ1wgZu2~u|J{rb{1sb*YLw4D2VG)
zuYp0>brfWS0$|_GHFJ#4TrE>5xYgAf{Cxw4Yl&qAWX0kvK>F9IUg&$61xZ_7Yp1+f
zyVbb!A!TTgOC;Lxb2F1P(7X4r?{}z<G_&&3JD~O3jaw&&(;vvNqwg2Mg3`y?gnypA
zgwt2y)!Rh6P+u`a0+a$tyJ^EuFm3ASKw-vzFW~%bc>X$(UTN>T?%uL<i2_rHD|cb2
z>Jnn}8gGiRV=*`kdrxL+mhZX~7vS1GH*s_O_<`zm*l|3OFlKbVuT0Uqt}+6>cVI})
zk%DzU!nBrg&;ec#z`>p@BU_`6-6qbeP@f>>(pG4lGd`fcM{wb8mXQVeb&s+2X#|mj
zH+3@nvf|VBPH$tR4u^VRppwIA<6dKPERGI;x`RFEehJIxkBwFLP59?YQ$qM;=qp>J
z3sBv__4`oq$q*zg&4Oj$`6ifyDNN4v=Yoh*`L2^lx&FWhV_>IX$|U%9Hq4q1EfXEu
zn?ZQ|3~oMdk}J+U71I0St+I_E*}X8iat|uiB#}cB2X<1sFqRI{%y(%iKGMYA)(pSx
zH+G>sKx$>@q?p(-f1uMK8L(7p+vg-8{%K%3511wp9VN}~GeK;PETgW2RnWzl$#_80
zjWLIbZ=AlBcOC9V<1Qx|5HG>U<O(2hN@wMYyK{Uw={#H_QkT)ug!pb?7t6wQ+wkqV
zp{aR|{U)tQ>Fzv4q}+AO%D3f62~*#O(rsv6YzE1>BxaaMO+zcU#;KvzIkf6f?QQ)Z
Y0GEU7dNa#Em;e9(07*qoM6N<$f)o+MTL1t6

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/ce.png b/src/assets/images/leveladd/ce.png
new file mode 100644
index 0000000000000000000000000000000000000000..9f058e9c9401cf4ae950ea0497bd6fe82927c655
GIT binary patch
literal 1074
zcmV-21kL-2P)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00001b5ch_0Itp)
z=>Px&>`6pHR7gvmmS1R<br{D#&-)%Xw+UM&5-Flygf}Lp8Ky>EMRd_cU?hZsZK1d}
zhgU9W1YLwT27!={Ob8QA3xsGzUeyXL3PMvdLZl>Z?QPDbZhPYS{W<4%&e@UK80UR?
z&+k2-@AEw0-}C%rU_i5T53rFE^K&4#51?fC_K`eGzbCE>S9dAlALro;WH}=j3%-)g
z@9GJJ=Su>m%)W8|<l)|)BajP7xX&WQ)`aI-xJvHdcOT(BgyXXLpiY&9>|P*FLk+}!
z)Selz24VsyWXmB{ThtU4)I?%0x|i)5)HZ@dSQ3fLLM9ZlWl%LjOo^o|rtAMeTtM~F
z7P9R<ACW=k_~Lo>NhAh$${M6AM&bewYeOWyhB<|7JFFTZ(Ji((rpqAhEwFMCT)Ga|
z#*<VAun90odn?Rqf~z;G(=8b2h^j@>2x7{5o`hxh!^9nUV+bavE73)_wKc<@P0(C|
zljq>at3Ep>fQ&*qkEo`QSV*T*U~V(K{xq~WHE>`UejBNz*Vb4Dmd}UnYyFy2=L0Ah
zOUw+NAE>&rB)*TSGsw;ju;f0t@Fy(pfXOL%=WDoe+Y7O^3)`S`9gN?GV?V+5n?7Q<
z@BF?jq{~1vKw6q$$3_qN@)!8@yieaN>*0@o;NZ6~33SYbu5~_=L*K*LtqLRx5lh{U
zqpH!8rp`9*W6NOu(rSpazQF25@WLwi`5Jt48J=AMZA~!v9sD&>4+#z~Wam*;7iMtU
znkDekqh8_X7h&jv4?k@|&#ZtamijffCgJ@b;P<hH5HngKyN;>G`j~^3FM#e%-dX$3
zz^JJ-_r&fX@X$ioy4r(=FT-b-lA0v@&216iO$zBg?l)|-sYTb(;$1cNuiI>u78GF_
ztX&N4%`kig?o3w;aR#VBEL(+ipHMABk{@!n4Ip7}`0f$i6+1~i#6%a;^O0)WE?hlk
z2}wIh?AlIrY(ueg7^wH8k0|!LMv$_Yp!jZ(w2Oyq6|(!3kEkk=Fu0<CyFt=9R5n%U
zeX&-qGxU9|<7Bj!BT1%XRqcYs%Y{zsnL4c=VyXO9_I#qd5Z=miT4xx+<%wzgC{E7u
zAgmc5v5Ti-@{GSVW4klZZ2kt$=wULp)<E9we_VQJ^L{l*Rr<eRgG{r)tQQVJ&W4)t
zYA!rg9@E|wr!`|Ro_ykoDO0ZWJtAjQ0ac*ahO|dve`@!1;--+gNg7U1E^V#`yx6x&
zK8&y`Q2&tb72(bFFcLSX!DF3fw03GDAMMM%D`jv-P}f<V^WZ4YO$qZ%Rc%WAfi0XX
sd>gAA7Q=ULh$<ta4|94zWIBTW1D-S6w6!rTI{*Lx07*qoM6N<$f`Z5aTL1t6

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/diao.png b/src/assets/images/leveladd/diao.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef4afd061ead75d538dd19ffec0ae2816ed176fc
GIT binary patch
literal 1398
zcmV-+1&R8JP)<h;3K|Lk000e1NJLTq000>P000^Y1^@s6LVfqm00001b5ch_0Itp)
z=>Px)FiAu~R7gvWmThblRTPHbbMNeQw?a#8S$5k}sgQ~VT&jSu@|_Sg5K#z*m>7*3
zk|rjo(LYACeu0vp2_}j}G!SgHl@HM$Qeq+CN(4a(L_nk4cDsd8OKqV@KW45ucV?F9
zhEV3mZn|^tdCqyyd(SOln5VM-w3!>uTW=^lDFo#kz%Poh=J4FHM~B<%y{F+8-rv;v
zCK1*`00AO^072+6q3+&4yR3b<{rp}-D)uEG$sw@<gpvG<sUrafFCev0N-=U($q1C^
z2C${28$GrSNjOdlZIHZ9KnfkrCeX3|fY{U+i}YqHnXs?<X_K&366v5rG6o<eA)F(z
zYerP>`J}lU4HvHH>?D71GH!+ZCAe5YhrfwM=W&L*l1YupMnPgxHoy=BcP|2x@Lpvh
z?#K;b?YT}QuMTkRApjlR0ca2eDtAvQKBFPA#+HO2#Qha8fK%0AH(OsnG62Z|wWL`U
z39izvYM5O5n*;fwC1Dc9IT)|a25=zaO+FyYqowfy^g3p_Kmi|QdQ&O^QgIF<1ZkZo
z=9!pP5Ogwjb=K<W2u?COdjQ>*js2Idg2nd$++U@v>y=DDm`X^c;vRq_d^s(G;-D7m
zmY#LVOE__*PnX63PC(jLRjnu2%!5uPp5|Q1vgioRFA6#S_GPUr$o%H$+dW`m^MxMt
zSxWz{9mlVvRaINz_GI><R04pOi?z>K(sd7Sx`9Q#U>1@3T@an;0whrx2o>BOC9)vw
zF4mKq$5|{a3}IeT2!eOInRg6W*p}|Wpwpv^g4A1<)xTp;Rr$YuO;?@mC^l$twJ?m@
z?c+!Pp_Q0>IHfJ@0hqI+DuS@7{WRox<*!bh?d?ASh=+E^A{WOUNCrp4m@lBlO9|T~
z`RC|@u0suzC-?g|(%eKU5pXTc09Gts7(#qhFykOcdmD8Zdrnb*Ximd-1()x6pykCJ
zDPAQ)z99()K_6NobQ+Rg`+j=y$C(qq@JL%i0{WbI{qUawU7^q_URFX@?Ku-}juo_i
zWlCDX>#_ilJj?hf2yESZZ^^S-u0==M5^&|xW5Jt0Je#fqAfev)I#yCMb$?4uK+@~O
z05qHgs&`H)-b{;rZc9j_cqX`OLG38v4m>~&kc_5MwrvClT8R+6Nd*qTF;a(`6p7M<
zN7GIvZWVfF5kWYk+nr%_qJB#Bz8MEn&j9Mvn*p9E$%Ca7c6IjZ@vj1Q87(>HKzw65
zbD+G#MFMs8mBo+GXlmJD7~*BG$w5h|F3-mo?U&JO+jy!Z4~q+P@lL7>$!i1p+!+B8
zqb0}F2>}P<jcLDh#P<wgb8Tg`de))V_X9*PxGqA#AgsTu5Tgu%(^vYj;Pw#KwRYj}
zJ{Q2Q6Eu~UGK4E}?*XQJ)0O9$dvAPOH!=F~oF7xqnSwsldb=*lH3%CjiclIfP}6*A
z2!Q3vAyrOGe@$o3NjAW%2m)R0=}6eTtvza6Dk&wTYg651)4e@A1}#S-sV&U6YIkW_
zxQHG-nQj7Tfj6cN_kPa+bk;mxX!-UDV|Fh-+V+tlsG5UhT;vAL0`T~GX-nCdjkNq^
z`}0Kjz(1xvpuWd7KwJ4#?|=VHLr=c!3yLN~(o9D-C+lng3G6H>4L?>xWYfxeCGAP)
z*GSMxDO5<$9Q~h)(;QDi?KFW+TgOE{TlrHeWRH{^rJ&VPKxP51LEzo)((v02M3#5S
z-O|N$qeZJurN;_WERzP^DTxLRq0U)3YVYUKXor9O|MAglF@Vtw)&Kwi07*qoM6N<$
Eg8S=)GXMYp

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/gan.png b/src/assets/images/leveladd/gan.png
new file mode 100644
index 0000000000000000000000000000000000000000..f8442bb09df0d97e33658dd3c7c5da4626ede14e
GIT binary patch
literal 352
zcmV-m0iXVfP)<h;3K|Lk000e1NJLTq000gE000jN1^@s6)D-@700001b5ch_0Itp)
z=>Px$8c9S!R5(wal07d(K@^6cbFI)&+l0`d-akMh(fQ~VVwEb9sKiHzN^DfhT~X*X
zloE+wpph+XBOxJ5n#FaG%+9)*%h`xM-OPKQIUn;1ZH8pHH64g@ECbUBLk&&21J09}
z19s*9J3j?GHngb1A<*5TiMl9DpW9M#dIM}i<q*jC_|xNS_8CzY9W40vZo^7lIe1$2
zK;Is`#TmGs#EeL^sr$f6C`AGn^ZsV?7!v)}e93{X+Hfcp@-Q|C4=-?9H7Bk~w59JT
zouNE63gub2d4`E20~9_?(4}53c%U_CwE8CqHFG)ry>K??E6$wwS${;y{ElJ)*2jJ7
y&J|Ryjqh+*mI2INI>)32XlAr!x%BmanEVUg18)Kt7O6`B0000<MNUMnLSTYlLYCP8

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/huo.png b/src/assets/images/leveladd/huo.png
new file mode 100644
index 0000000000000000000000000000000000000000..2312463d1859c45694f3d3249a0ecc5875be5bf0
GIT binary patch
literal 1136
zcmV-$1dscPP)<h;3K|Lk000e1NJLTq000{R000^Y1^@s6Mu;cy00001b5ch_0Itp)
z=>Px(DoI2^R7gvemVanfWf;dl&-<P`opV!^WVH$;%8Fdr$eMzl2!j5p_J?61(xqq`
zCXQk;f7JT7|APLp6;muO806@`K)C*45JFK6DpZJMR4Ta*SHoy~<9W~fo_pr*S$N=b
z?tRaDpYQYiKHukgk5F>;*WBSmIARQSNf=vh`Qp82<+q!+51w`HEB@hW5}q^gl(C#X
zyj6BK3oB({duy(44XId242Z!Q%Q+*QG8ImX<B`PBhvi9YX)zkffVE5?+9IoO3GB6+
zJ0pheiS<C3__5h{n<bFl!&=xgeQ+tTT_3w=62n`@(51mO!-}EPSe79W0j>DV8z32z
zJQ)SG7Kd<2*8}*JF?@8OTRxD!<8E!+99Jp^;~zF;^MN7@O+e+040BciFi7ZGM%FQ&
zO6)9s^1_Jgu2{a;2bCa6s8P-+0xV*+Si&64gNNq<d_;C1cU|-IOtch$G`N@Ze<bwm
zqKv9SP$IJSYN&BCd563kcaORw70W?mSsqyxB~%$=AWh^JC7c)GWJep--1<9CI@|Ua
z?cTFZjT@Fro_VXUhE+Ft-mYYJ|GjcUmlyQet4CdBQux#en^or|0cEA%E6Pp{A|MH<
zGnJvl_2|B^ZiEXqVaM<jG8OR`fbBf$9&?7TE8&l-w|7?nRM04+zZZc*Q~MePa~R8u
z@1#;|4mRRaXQ;P^pg#M8l@(02h@g3+2jJNJ{;vBHs&8+TV@<(!jkuJAx@M<skeebJ
zBuJ#p=hUf@X_PLQ$4jm1$WmaVE=`2GZ{%!q7O>#PyVt<$+u)OL;m6B`F&67tklI?R
zhqjh5dui0A)>8M3REChT_FSx0e=pp(4zA3=`)9NIXzf(G*fzPG3f5Z!_R0yD8lmp{
zC`w~t{aSdq3+`N%0mbXmBurd~Unb%FpPB6We}jxeOMxXOlhHE?3}5brjklK_M)3O#
zeE3bKhBA$1z)&69T*7S6371NOo?{J*3$(Yw-YwACu^90B4LJ54OljN3LEUJX>R>5Y
z&82!WH?#O19WbzcF<5OJE>4EJ1tsG7CWh)@PYJVqwTzj!ZpbnoEn2rdk1qxr`x(Zs
z7LJurH#LpA@r_MOfZ0k`v)GtAu@$`ME_i+;T$_a-{($>$gU*$3=2!S?B8;xEHy>+e
zDX`C6TCvpQ81j}5wqMZ#>({`AYoYH<_WSDJFgxEcQ=FH+6w0i-gxP^pE)_EC`#y_j
zRb#kjj2B9^z)ZPGbPrSq%E0!2?jA}E<Hh5=C}{*LT09PbxG!&LZG(iqfd^%*>1-Sx
zc4lT1=S)IR9xzPy{4J``OZg0pHICNT=$6Z^t!(JON2Z&C>EfGTx^>AM?+QFBmSvi;
zKQh8Af*((D4i?6kZc{TQ!oOI4N-V?s9+2}z|NaM)qs}&^m6X*00000<MNUMnLSTZ4
CUM80S

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/kao.png b/src/assets/images/leveladd/kao.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe88f8fe60e4e98fb7d714f3a998b3521ae4fd31
GIT binary patch
literal 1047
zcmV+y1nB#TP)<h;3K|Lk000e1NJLTq000^Q000{Z1^@s6Viuok00001b5ch_0Itp)
z=>Px&(Md!>R7gvWmd}e+M-az9-EZD3Zp0r^gowYx7)X#D)Ibv5or9th@hAx1J;kdz
z2oZ9~A%{hSc<`ViBsnF5i6_kvLdeCxz>6S~kRWkg$;|G~>~yH^u6ea@C$0~6w%>c*
z^{x8Wx2m24xbkUO=O#EXg!Rn{d6KT8kRP+o&zFFS0tWfM(WuU(gYkEW<L~)N9-cer
z`tIuIVeO#Dqr&r6;UNI=pabX9y#UI8dFFlfT-NeT-no3%=X;;ec*n12&ok{VUkD!+
zj^7kSHi!WQP%ts1YXz%=$Qc1r5ZNF14A|zr{w%bCPP0tLqmgWMm=BHv5&FbA1&h&{
zsFi_ev!La!T?}pS=*R=5ZA6pMXQES&F-Fz7I*2%_5qY11Tn3Wd*qq2ln}_;41&KMz
zdu1J&$PUK5I$G}fr9_<?Q7U3|1+3i&WwWAHJr~-<pzK@dr9Y)p*~uVsBmo8JSY;{5
z+xy_~CpGDgxg9RS_qSlan}F+)5;Bl4Qba0WrDD&!Fnwxupg|w*+=gCvd0C9;8w$`D
zq3xjaf6AJC0~$?JQ-*tSOs<6mSQ=E(NWR3LTtU{24CH-^NH<6=ypDXWvQ`wgDPlz4
zF(O~(NI*os3j8|CiVo)D)Q+N}$}OqoZhV=<pf6MudU#yx(b|%CYbFy-^SvrRwumKa
zMBWj|(XqN$S>~!vDl&AcvbOGkspF{^-uWh}F6J%wJJT-{kjtujMPrOfRXWAMwp}oF
z42lLUF2ddKpxawXp)fNPdEfXdv<XRd>Z$gyH@86hB>eRU{Qh$)5ZSY<1s@+t)xR(g
z5AMP9XH|!{d5Y1Ayah;GP`xp}^FAD$PBQ)TDg1H|cDCR{=_M|K-2V|~|5-jNtS}<b
zl17wsRBw!~faw#keNO_Ln}u~7(z^REJopJ-%;tj5b)zMsB8t?Byd@&-40fm~mEzH%
zqp*8#)gc7r{#}@xOY}u$<wiP22m}QxN;*-6W0a-fA51~(J$N~nK)T(uUyIhR?R1X7
zGA3@%g!WLVlLuye+s!KdEn8DQ`u!^LT5l0h+m0C%(ScY;GofAhs$kWq9otcjX|9aE
z9qP)`zGpj096dg^vlLOtb)+D6z(q=pr<%JJ$})MfWg-ryI+BPQrm33oJ^HxFMqULH
zd*qm|5c4i|bn|l9?>rAj(=czYgXnj{IQiO+VP&1^3}wki*SQoLPd4*|cbrs@>YaEs
zWi4~cd^-Sr@40a1jGM`$3%<P?whv(wB`gBX`d}?rpS1NuWy#~yr`-!V`5*q3eB}aK
R{g?m%002ovPDHLkV1kVq{RjX6

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/mian.png b/src/assets/images/leveladd/mian.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a91ac6fa1a31202c7aaa88a17bea58aed42c536
GIT binary patch
literal 1007
zcmV<L0}%X)P)<h;3K|Lk000e1NJLTq000~S000^Y1^@s6q*OeK00001b5ch_0Itp)
z=>Px&sYygZR7gvmmQ6@hQ5462_r5ohMc?#Ai=d4yN{S*Y3o}T9h%l(2B52pDO$g<x
zRS~YDh;~uy2vf&U0-+XJL_`!s%P3qVeV64lbK~5PH*a*_Q(DNpdDl6=d;aI#|G5gl
z+-Yehj(SkKoiYU)8o($h1BC)q0Ih)tj6BEg6Xo8?x>BJ1vwX_B#4wbIq7h1!E_Lws
zOJ!l2QKCYl1?0j6Ai<+-n5@f&WE1ii`)3tRpxLI(-IgJuLdP_i(hwIMz-CqlX5~>{
z0og<bOu&(3uZESmw{z0UC^AH`{KD_74oud=&aG@2Fp)aQo4~9xC1v{Bj15u`X0!4;
z&x1+*1Y)GlbzrWRc3qj?HZyCO1g=PM?V3aY^<WZQ`a#yD-X133mFa6YC@)p0S;))=
zl^^-QYA&ol1*=+Ju(7A``WBRb`;GX9%797s%JlDblBQun;xtS$+j0(8Z1#=hKgM6d
zlb&k#3M|qt`*1X5!y>g3Ne4QrH4IH4^_mKsw-R<=t%ZeeBVF)o++~>sv*$MwNjqE(
zr@_3G5=82-a4oc6tPgy20lvJO5yoFc(tXATv}ubB0+<4`=c@tsT!V%Mwb0UccyJa>
z#XC-L9xtQMOkl2Q2KJk2F!`s@NMdQS8L8{?jj-tq#B&_9{0E+2hmWtbVN$zFXgZO!
zc)-;7V-{@nE@(OejZ14YocIiHd*S`4gZk!3yfy`scghSLFo_wbVQDj7wgI-DuV26L
z_Sp>>d*Rdw#vWjy0WEN_(`A_F{LQCfb!$Fw{0%(5QU!{&$q`Axq*s(Fb_%!tm<eXw
z(hW=2<paOIhewzE_)5WSY~O^)IV>JBiC<=!@%C8)A71he7QD3<=4#k~$XI93bN(IO
zu()X!8D91l=Pfa076!PHV^KV8YGBeV>yE>swcf52#Pj_$@iTEM+FDo{{`_z&^8MQf
zc-2?EE!c@+t?h`J=KT9^f)4XAKe5c!N(uVTxvPnV1urcgH8o>K+Is#Pn6u1xZu)G6
zsV^?#=9}wq-;GIg06#y$*Rhm)IrC7a|EQ~BqIc>lF@y6b7cD!!0z74DiB)>1vg4_E
zY!Xz#*_ZcG+dwlrzw^f#VAf2$tXi%ZgC~YCbR@F=FU$t^(>-KX3lsT=mAQYinKGj&
z)#$p_XJ+r3`OaUxKIFiH@hd%nj<?x@S!hM~fNr<)X2GU7znkc3Sn48GJ%c5b9zn-l
d>fnW!{{SAEmGMb2*v0?=002ovPDHLkV1mwZ<ir2~

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/tao.png b/src/assets/images/leveladd/tao.png
new file mode 100644
index 0000000000000000000000000000000000000000..843cebf9449cbe960fb9ec43fa01f0009f0923be
GIT binary patch
literal 1111
zcmV-d1gQIoP)<h;3K|Lk000e1NJLTq0018V000{Z1^@s6gg;a-00001b5ch_0Itp)
z=>Px(5lKWrR7gv;R?lx#RTTctee=c^(@>j0ic*^3!l=-=Fccx67Uf4+8D-T4^5Y)>
z7c59vxpQGyxxf&`KmtocLI_Z1%EpAmg%Lw312xk~BT@QDY3dBzL(V<--g(n>pp({F
z%zHEU-t(PvzVn@P2>{-@eRZG+^G!nZF<{eIr~m?B<O__H68Ds!@<t?20?B`*Pvh2Q
zhed%*W4~KhI|)(EFh)T5>TLh^KS+QJz%MB!orybSk-{tptd1BDCQc}@I3jCCyn>Ct
zlV)IbRvpR6@cZ=k?JJiF*x6}{?x2`Xoe|v_qRs=$aW$-a#O3+G@>~8_FzfgG47ii_
zEDel})KW^)04&d<PjdhkBLU3WlI%n(B%PWur9x?OY4$WYx^e+IrwEfYFm{cFW7(Vs
zRzTytm$krSa6~gBXJkz(!Gn`VtLJQVCQ{>_BOs&q#;&nMA&UvgA?3}G(c<!(U20<r
zmG=M~-kUfMQTyTy&I%o#ii`&DlsWJsPAGShvIcOdY~@aY#YBS&O?_}eBi91V^PU41
z2Qu1xr_BF@q@p7Y-pMOSsYu9Vv}L@^^R>K;l4{a_EKDs>0WZ0<zf4j+NfE0HMO11}
znzS5JD-`slo%s9d9P0cmSM6HJ(i5~1Y4ajbMq9^AuHamgXd$UiWAH=YCcJ72xb*lh
zoPKm4%wkZL&}9lZvg#dd?C8csZ3ZW%eg%7bVUKbjz+I2XXxn&+UnZ&7k|KUuH>eT^
zaBFTF=coU~WPKLzc64L7yC1#jinxC4!A(rnXPt9SEnb!ywHBf4av$Cu<;6(q%bqv!
z`O38spw-L8$5mXIt~ij`-5i`|D(KyT58WMgoacu{D@pC@T7v^U>rr$C)BLHi#koiK
zFfudQ1RNSp$U^8N2~kEn1iXzY)th!;PuCmR(6JIi$Mmy0exLgnBQp>1@ae46ze+bs
zD!#`Crh78_v~q)WBra)6y+~5dp}>11a+A@{%BW~z$x|xKh6N<m7{R%rW2D0=__9o?
zDA#$Cii4&hJIRF2Xm@3l8{=+CQ>vAu!Y#%-=YYkbe`t55R87dNU4|)zWMN4)T_i%6
zBj6_Oy?5g{!G66AQ_2@@nCJdVmAguXX{WN|L$r@CB>&y-{gGjZUvTkT%#>;+sdy!G
zQ7iJdCtu%jRGSch&n8MA7$ifM?JBvy$lb<WDvXFjIHDDRJ!BvgI7H>IPyQN3pgIwM
zPt3J&V=ZWvi48VnreOKf$-Ym1)BoD|?4KwPGw~U~ngt|P2lE%F)(!o<Sd(pmi_!hn
z@-UdsXa?exY8$xi$U{U2tJj?aa^*8*Y6Z6YzH1}mV5jZK!@<MV>mLy?2+J2w^$*=z
dY^wA7o&&_v)1-<J2+05d002ovPDHLkV1k<a5c&WB

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/tou.png b/src/assets/images/leveladd/tou.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb8c033c63d69851a5995ae8b4bbd180456a0a26
GIT binary patch
literal 1205
zcmV;m1WNmfP)<h;3K|Lk000e1NJLTq0015U000^Y1^@s6prP!v00001b5ch_0Itp)
z=>Px(Z%IT!R7gv$mdj6ERUF5^-`^bwGzzv+l0v~K1{z9@0>islOq-#>x-g;LxbzQj
z(Nz;n<0M^m;l{*;TVpKl>Z47SMraYZKo>kxC!)y=La6mYh=sOre&)Vr?u7vw^ky=1
z=bU?fpY!|v9_JFfT#Yy9OJi2-Jc)w}Ze$-7z{;~uoH1bxz+Xk{kH7ftboI(k=D92Q
z+TwxOGaJ_dyi7nrI3MqF@4bH#w&D%`vQ}*MOg5E2+#h&iqM%^4Y#u~qJ|O);_b0R|
z5}ALBma8Y5nx5<nTsJdQ_}qh%X$5M+9_|A4#2`|?m#!S2tFM2&fAAkA(*SFHgMrFh
zJq&;WCskIua(v*wflH@Jc;M}lMu5(|tA;Z5eCgkNfG?@EcV{|PkpytalaVmkJU80)
z;=PXHg?r3O?dMex+fa;yb$%F9gRK=uPmL}eg_x^BevteV*z9kQSKemJQ07%pTqd+P
z$XR!>X#7rR)kNoT=BM4jo>6+91|9>c?^}=5o*qj#0b)CIA+^4S=tZ^-r4v+K2G|fz
z8p3KE?kb-;aoY#`Mx$~^fuXt7&6XpziHXGq7&Dp8c)GPVCFDi6-OBWcg%1J5BSzH&
zcR669<|%=$YXYQhG<#sG1NMsBb4+bOK5#vbfk|Z)OltEF9aZ+pJDC{}$MQ)U*^Doz
zH^$i;@rwGM@ufJ$jEBRZP@5wCJTa6`08BzWaA3?LS_a!I$Gb-|vjFSDi}L~_&4hE;
zn<|dIWoMd=$XGPSY8yJ>k#vHFNdj>{7EeGt5?XHzwv|u4`QySUfx29ryd(<RWF#;A
zKP2bAX)JF&JF(cHqC+5x=(KlN6}1WJXZJ`tVKfH@_=zP2mky=N9t`xsoSj@MUR{m3
z{olP_*r^xg#-Cl^FxMInuk{T;)@zrmU^YG`dB#;#)K=qz6%Lr5$BHir`AoU_C<cic
zQA1S?j-!01Qh<y(=aQ2?ASo15HpFNVVcu2p9XG`Y+cNMxCdFwUK~`({B-&D+j>+r^
zwP)P3oz7hp^cY*{gT(=F%j#T1@G~_6e2N5%w%A<O+i<|A#?lEGNm39Gbsl$n5n!ZT
zqJ2B6imyntTV*#PfNkJ|2}zPU@c#kKdvto6v8e%=l9a5}!Hzjkn6+$!cWcP=H2cQk
zPD(`5Ex=*|)sdG3fepvwo=Hz?kdc<Dy7|htO;z)I7thX5oS$B<HnRD1ID{Z=KppU6
zf-qh=<xUq+Ov_iVRgOcQB;UtHYTxWqGpS>Kng%DBZ8_lHiG^MzofyCFXMfPlKO*5A
ziN%h@uFl!-+)b{tc;>TpPOO2b1^9kMe&8-F^z+Q!-#RSC6%eht13O$wUPk1b3pSc}
zJ~SAVo@<pDwbWeT$y>h`l^iU5PZbwP8~|XvQpyk9@+!N1LtBBqBve<jha|2P7OsCv
zCx&m&+%MD3jdK?DFhKXsFe{;d6OmLx^M3fnS+Q03kR25*1Z4>^Uj6)~vitu6oab5-
TQQx!R00000NkvXXu0mjfFqSt^

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/wai.png b/src/assets/images/leveladd/wai.png
new file mode 100644
index 0000000000000000000000000000000000000000..18dbe64df046d9ecdadbe2bb80ca87f89dcf61fb
GIT binary patch
literal 1403
zcmV->1%&#EP)<h;3K|Lk000e1NJLTq000~S000^Y1^@s6q*OeK00001b5ch_0Itp)
z=>Px)HAzH4R7gvWmTPESRS?Jj=ic3Hc9U$AZC*ABwJD}1wV|Q34K0<nN~qYP;)kLj
zf>2bX2-+eF))!PI&4(!XP4SBlROkm$`+}rff(2`}X=Bnnwt1A;WJ4aC#C>J&k(qPP
z&CPaG4Q%!%_ni67%$fPm5dg5M??Pi9j8;>KeSqcl2@eFlfCaBG`P&c%=n0VU2!p@r
zw<&0)gn)#}|F>ZBZV5xZOPfM;7#SS@ruN}(K`;++*(*#xExs3wwv!Dqn+v9$Bp|cM
z35HwbSX>&SS=9HPKkE~omTVY#r=p`x;BBkHRMaXHxnQ){&cr#f^=3zk(n#s>!hm6W
zmJ7zlAZ?Egeh!&lRCxo)z`|HMj<n3MbCdyczy%{`(qdcxMagHC1ICN($g*J@@&Y&#
zszsx}giX^=T3R?a|2Mvy9Y#_vIWU!Kb>?DQe~0|PFd<Zg&4Cc!D6dDJFwmEnLvJ#M
zVlxlh18Y%ecrcKR;e&~5SaKJT?YP+9-zmLzrRg;4$mkpiz@E8aZ<aT(&+St;(X}|q
z)k*6L3<Jl@HlrcG7(d0v@a^oa<;a9x2fGF+rIHIohpzrsM%=KSffBq`zL{aI(O&%a
z&y)kx6-m(cs-3+5<=b6+rpj>wN{HPqAZ=O=M((s%HKE2ExC^#?MymH-TDu8*3M%l?
zWH<VfGfq#NFbGH~Rpsx7Q500l+|YI-ug~*y(~qVWdF}3kGCs$y#R;d;DI<rAH{f8f
z2A@v#;A(uzZWkpAV$VRQq%+Wstjc~F_DEp`UI^Wflaqg;KN)l2&z02T$u-ry_RHx(
zoL?As8vX5xt$4r}#QPIhaVs?kii}}&j(Z2gG8?8PZEs;2UMsCbLT2##_#c>DO0ZEk
zjDS=eKgLGcnVo?$yi!_^=}Z#G#(!N=G~8PI2g6)6S|4-4-nnxfk<>y?SWjXWt<i2+
z5@_;=aJ006ZGAS?gDde#yXdH&ZOz?3cu{7<Hs=@NWaSnlrG@{3wMB0rB{SIOU+ciW
zpN-&``4I=Elt*c*Xc@Z15xT{=eO(ha`U-L4PB(fIa~#>;!b%)1t#ed`BGa(iyh5C)
zXyV9zn2q4)`4MMwxM5s`Ekny^NQNssK73xY1AoS6@ZQ9AM~n{^t;6%7jSO_dC{+*U
zufeghEjT?lj5Ap<-G3Az>9ja76qfFp_E3HhAKteWr{~7-)y%LnX7YuJCxX?mAaQ2?
zHm7k*ehDNbdK1&Gxd>(07J4Nf3dVEuz>sPS)eaJMz98DxHQ~}?6rW7>t*ZQc3Mz3V
zREN>@0^XhY9R?5K+%Po{)zB7?N5WFWXr_6Dz!%j!SejlPzk<0;YQ>l#qq_>q@nUEb
zk}`u+(QfXwY#2+TJ)$&>ojMq~C@FlcD&)oC;`RI)NiCu++Jop)oKs5|kCvh;JX>6Q
z7fb<NVxI-$)YAJy5p{+-N*=^QfF=T+(UO$7k(j}vm1gxQ_xO>L7CxT5W=Ez|xe}(Y
z7%Ea5MiCy0bUJ<LK1-i4a41-f$BL>@WO|);7)-|S_3RLaIgQIOHR1JiaXq_X1b^yQ
zI0Z<)VrT<uqw<Pmz0&JPK$w`xBoMRGE5w-A<c3kimeN-}>IBjRJS!kuR9dxX3Z@M$
zr$pUTv>3bBD8u&kkXs@P#%Os?JRJ!)8U`*4!0(RCeZ|uQ)D0usS|9HPb2%LsmT2an
zo{5ATmrU8}f!HS?y{p0WZEQ7|dY^T!LZ%^Qhhd51r)nPU{ufKQT)J3hf))S(002ov
JPDHLkV1ldVo74aR

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/xiang.png b/src/assets/images/leveladd/xiang.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe1310fea335cf2d9f9d7bb73ceb7721a5e6d181
GIT binary patch
literal 785
zcmV+s1Md8ZP)<h;3K|Lk000e1NJLTq0015U000^Y1^@s6prP!v00001b5ch_0Itp)
z=>Px%%Sl8*R7gv$mdk1sK@^71sWFb5yoKUQ5CvTbYVVvZ5<#*M@(eB_qPw(@puU5m
zF&T$ph%t!BKyaZ1T!^60AX$mS*yl)H`*e5p#nB98`chM0{r|aCAppQ^`eq#w?*qU^
zeGeS|nOl2rFOXqOm_6uUUHRglF7l1P4qu;E)ce*3%;B2PM<=h}xUdM&{|0B%gA@U_
zgsg(X5->Qxzz_S$AYBxWv*~_{fLj&C!rlNEAwY(o%ybt?eYNo4@imCY1oWdnSo^F8
z;_Ur?im1Vk<bfQ>dCVCA{R+$D{GuA4v!3hIiQcJe7Hq8c`SZVkQiuV%Ffp)FmvV4H
zp&f-$_4N~4GdjFyNO1OU&sm-Ss5`Kzq>v}ldUuVWKLEt+z|Lw5j7-)^iBwxutqd-o
zm%u4j?8<5JgbDGJs>?th2FftO`P)efp`6;{W27Gg^CJTwpONmueW|>#HUVHckGq|p
zh#c4`7Ok>D`O;w3R#eBoY_w}V7IPACg7X8dxX$XT14}Dwe+PcGV<!>WPH4d66xeqz
z4{Egh7|2>JEY<!MJ<zuZo4~wW0TU!R-yb{0bv5X0DwRYzZed5OgsCcmSSObTGv_f5
zmNb_{yiv5(wG~I8lWT8e71tzGq$KVU;zzqD)NBmyl~QmHm>*YTtih8}3aG(d6!Q1p
z>a8;!6WR>Rwx8?W>#PigBAr~5p{-*FjuyS>XbR{G-dsQI0_T^{E)(GgJvOvqeTp&3
zH69wp1z@3dw#BWv#m4$R>P;fkV81PP*;$$zji}d3-<R(I9av^{Y?EkRP*{z#RJc%T
z9>#Xe63j+Bu2=iPZPrHWJ;bmX=vyc1UTwhtusc<cLb>|FF<BgJ448*6&J(Dka;-)8
zWs!8XXD^upVhy$mtRtuo0;bk>x1R#T?E*X!YgrPNhSLG)hCJzQY~1++3zByPA8ts&
P00000NkvXXu0mjf;Aw8;

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/z1.png b/src/assets/images/leveladd/z1.png
new file mode 100644
index 0000000000000000000000000000000000000000..3c6bfad64e557a30537bbaad61101c30022871e6
GIT binary patch
literal 280
zcmV+z0q6dSP)<h;3K|Lk000e1NJLTq000pH000gM1^@s6$?f;F00001b5ch_0Itp)
z=>Px#(n&-?R5(wylRs(#aS(;S`H^5{At<ED9qbj-uk0?lLGTi$RPYQ|!d}7k&l(#K
z-~p0U!6S%WAo|1=?N(OVOg;0>n>RDY9ie&nj@0GXJ=yDMV@HNQf)-LOlP9+_FaAt(
z6aNKl2{>TQW2t_EB*7LaXNyu~-lVNX_{>f}zy_!Sf52A?$s3A;G7suw_6-c!TLY)&
zO^|al&HXoIk$K~^zBq_xVT4m9bF95htrZWiDk%h#*VzB}B(IXID=y^N3OW0{<6MkQ
e{0>;}{D24VI(+BGODF{Z0000<MNUMnLSTYt4Rz-L

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/z2.png b/src/assets/images/leveladd/z2.png
new file mode 100644
index 0000000000000000000000000000000000000000..8bd2307b9208b5a877b3a59ff96132bea942d025
GIT binary patch
literal 137
zcmeAS@N?(olHy`uVBq!ia0vp^{6Ngi!3HFKL_!UL6k~CayA#8@b22Z19A{4##}J9|
z<Ujk*<{L3HJ6ka`ANFxu@4J&Hz+uXd|G9PhB_t#wBqb#3jOQ3VO32Ch@%_I&v-07x
j{qtLnNOo>wZ0}~Uu-4Z#x|R_FG>*a3)z4*}Q$iB}H@GPj

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/zai.png b/src/assets/images/leveladd/zai.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b2310b6c29d976129211867dcd61927e8dafc58
GIT binary patch
literal 1113
zcmV-f1g86mP)<h;3K|Lk000e1NJLTq000~S000{Z1^@s6ZwT)!00001b5ch_0Itp)
z=>Px(6G=otR7gveR!fT<RTTbCJ*H<+d?C2WB816+Ac7mmFpD@YMhPU7>BNz2{R85{
zy{}cW$|{JUh#;6m36q{7$s&U=0XIG-MnU7s*@X_iGMIT(ANlS*r>eTUVvhw)b=_O_
zedqC=bFKh@UYvdwS$YO(K8pf5(hMj7<T=m-AZffODZ(EA!`G5(&)<^-Pyu=Zi0mLq
zSFxMDCG+QQijjSd0uvZ(0ZIY`B|(xza2N=|oRE7C4gu8mvMdt%8ZkBb2b#Pf`sMUh
zr1@O%D07dp_&;1}G=g`6ivbgm2D#@1r$@e48dfv3&}*U>rniyic_0XY2Exz<G6M;o
z(*s&w3nK}l2bF;|A~hVY^E(;@*%4hjtiehW)X73f7)r~bhni#|@pexv{Pn!m$w(9&
ziJppHI;??=KxH^;Uiw;-NIXY<WCW%$7KN~9g4+c|mu9sTNj+~(B6;)x@c1OK@fDzI
zz#j4;k;E`MVJ~_qddUbIMdBY=;-?mYgC~GLegVG!0NCsfi=<u}p`<Kw6s4pP?aWm<
z9L(FGNS=NTm~6)!7F)nip8*?dK%vbdsfU`_!Na9FE!8<nBvU7WgGOkY#GN02o1Xyp
z|ExskVGQ0{s6&dF!^^K|pF00bBn;;uA&Iv)fp5+M-CwJm5ogyz>P;YobomJ5G2BT)
zeGL?HAY5?Ysyhk4{SfH>Y&ZZ+BxMZ-QigQ-s7Bec9gQgNKzO{L@Xjq@{ZnA;FYCMg
zB8gq9DiP7nv9J`v>Me{fcnd4{5@2efA}qFnA3p~+Zd84<K_t-$$EJrQ<U(jYwFwYf
z5|w3Z1e;s{rsjdWw}J0I0=9myymH_me=DO<hZPwcf@tS>RB4^8X#y~(kL(8?I{^H)
z)?fIsPgZ#=MPeO?&t+LGx3zHsc>fzU0Zi^uB<4|QdDi5;v70_bS5D~vngBlYd;++V
zt&{YLg!3|ZXVW4y@6O3x2-|yY0))6*TcZaAYZ^Cu5J^cE=VKw-d36nv%#?$)`Ir!s
z|9}bbV3C;7;e^0)Np6U)EY1MwDpWXuM;#M<kd6?EMa!pt9MU`JC9}*dbmi1bKzbIC
zXGR_qd;-)(;>GO(@|?MNB)J8ZH>Cak^+4#CUOx3Cvev`l`96U0@pvD)#+w%T!SH%E
zeov0R-Sv$=!jgFP#SGoeGe}#{A)f#e9;kRKXvGtqGM{|raneo;7z32Y4VFiC8{7Gt
zviQ!uK?|A*FFyY=pjSX=nOgYI$Wj9*fs+@^6AhshNSwYd?RP)k8{rqz`yg1y*h5c%
zKp8_t5FWJ5Ga5o~NWgd8^B#$_O-MQ;?f2IAL>Pp0{?G*S)>CC(n9njto?Fk^z&+{R
fmHE?uHzoRC0DGgHv9+|j00000NkvXXu0mjfM?dl}

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/zhi.png b/src/assets/images/leveladd/zhi.png
new file mode 100644
index 0000000000000000000000000000000000000000..36bfb33f41f58ab14b9fd11afad9817237ed7a91
GIT binary patch
literal 940
zcmV;d15^BoP)<h;3K|Lk000e1NJLTq0018V000*V1^@s6^Zk@m00001b5ch_0Itp)
z=>Px&W=TXrR7gv$R!vA$Q562pn{k3#B`8b;ZQ4XFD%!P@mZ>pN5aCP;wTYxng|w)|
zlF~Mr6r`eo(6&X37G;qjH4sWl^h3LX>`z|`EgavCbMHNG?t4B*Cwwrxx$oU~zk9y#
zeCJ&1Kd*AjguYY?+ZBLJ4Z!zQDtadmAOiT#@A>EPGdt%0`Xcju8TjjY7|fr=IU?fe
zD=xZyLH!~^ZB5!PXhG9<ESum3c?AaZh>^`$gYnq@+<6x9P@$d162bc}D#eo+oB??e
z0g)(poVJ^?Q6a^VG81;bXW#Q!Hlo=9a`|?8lnCD6p_D|&;IbHh#S!U9-6$Ofg!)hd
z-iY0dY>YhQ@@LB65AUgcON7H-4T^N9L#hAOS?7jjz-2__u$#(J31i6M1PG@=*l*u|
zr@NPwV#?g)S+CAv4#e1S8G(nQN7w_xW_cd4G6bLQUskG;&b3*fejD&<1_+kdr?XHl
za<LRT7x)s_Xz(jaRnocfBv6+H7UzNSC&292at>&=l5}>Gj^EozBeo0xp9Zd)Y!|A<
z&qC>uHlViNY?>#&p9Cf+fKn;+v)0|!Ib182`A!n@e4hq7qu@f7MAg(<1{b?5_`s`Y
zz_%|ei%w`$TN7eBhc<+!z0+teU@kaIoNEKN)+M<V_&5y|$ALieTDGRHfXO-=2@F#{
z4Rx8wBW2QVhMzZc<g0-5mWnTd57RcGEX@^kHi>6yflq^7O2u`S9N<Y!h1J35=YZ#r
zfrUR#&Q#VptcsfU!D~vzb$07^a}u}$-c12huMOo@=v=O#3_f%{3eGyab-OVijohCD
zCY}O6X4lqP+uE~MlkO+XXxc5f+eBRb8(S>60%qO-Q$^EHb+l{vS!#fzbGc9GgzGk%
zyIz-y#|-Q~0AzO<Z_oX#&d<`_#NV>6mC2{!8>YgE&icUMv`P8T7IAZ<3Z08Y*sFj{
zSY%99^l9X#@wwZB88F_TrGmu|5A0`dz52a9&BSzWNNvIlmQV-?rvU7-LHwqXo|QgN
z>d)Z`rFxwk@@@1&%GBtnI_MFO1qyFzq}PDEIwvJxtS(2AO}=*%Q04~;5pcIw(r~X@
zB*K;r);Y|ZG_dn{D}7EpMm@Ntjs`#<5waVlvnG<@D-Yc*1?oxe48T9QfOSRH_g?e>
O0000<MNUMnLSTYqO2WYa

literal 0
HcmV?d00001

diff --git a/src/assets/images/leveladd/zuo.png b/src/assets/images/leveladd/zuo.png
new file mode 100644
index 0000000000000000000000000000000000000000..423910fe332a3761c4a1260da981303d92ec2552
GIT binary patch
literal 1062
zcmV+>1ljwEP)<h;3K|Lk000e1NJLTq000>P000~a1^@s6lq3|;00001b5ch_0Itp)
z=>Px&;7LS5R7gvmmQQG0RTRd5=f2D|X;P>DE7V00T0z9UD;J8TpdvL=DE_G-v8Jh@
zPW=<qNT*HFirOM7qHc82WxH^tE)-XWHWnL<Nn=Hcq9E?lwAD(koO|DS@6Kdm#}0&-
z``$hGJLfy!`Q8&c`1!#`H|yO5;)Zc<9mq+%+bf61COZg6Y?B{stf%t#ZHVuongLz$
zkzOR*1#&ml3iS2D;yJ)Afg2%X33Na4;+$u>YhDgMF>7ZB5Wj2eDI|N9it9mfMQ;mq
zX;i-MT?>1M;OZJ2`y5V8L*~loILPuijd$)d$R3u)$e-ee#~vihj)nlIn_M`z2|#b$
zdJ_z7kIBuPg`=O808V3)SY2z3=PMe!?+`!w(hSHg1wfZ(o@A&2`d6vI&imnp4Y88>
zpX2@FaLr!N&SMos6BmEG_|b760J1Dr5Gu*ny3`<ju2-Y6Elml4RTB1Rd&G~v?5QN&
zUlD-y(J0T?p(^U)pKSP|xkimOJEbFSsy+{UlSYd%kpq;~D9C<asKh`t_U6s-+aGZL
zB5dx5YBkaoC`f3v^{@F}m(Z?Bcvlzy^n_m_*-ia0vIC~iz|;&34P1WaW`Ba?UzUBf
zDqU6=Uq2Y>YMO~&*uE9MnSq7hVcT7>wz~w1T<1T{b{VF=hcgSgQ1a(dEOqhEyy64D
z#<M9X4%Fo(8v2(XstPp|G1^4wdiGG1@Rdr`;_PY(n|MUk_55qTEkJD@oVySc>+L1@
zR_M1)b~52w_2T*FK@3bNl}gvx>pl!%D$$J_V9yRXH4CTa;IV;%g;f<W{Udy;rkqcD
z$SyEc7yrVWrMj#S*VJJ60r>hf%rC$r_d<8I<^00H!F!ne4o=R+J{myiX#hE#gRF2-
z%Oo~GHBYU)kZ9s_t^J8+TNnT0k*KbAE}AON6coHHk!aeZFsv<SWm?JjTd^l0+cqw0
z5;ZDYC2Fy06(KqEFCE75w|#870XVp}27~uSo`3iS9@+|P*8KO>PtC!J`O<ofnM~ES
z@14>hjq8oq!|*ovb{?kB!p?g-Q`Z-#TZY#re&4&X@vSae>w~4g^z8<HJ@KVw*@ZqN
z)ar8aV)OH&hgwPFy>b{kQP2vBrgq=Po=}ke@5f3y0cbDLHnUL-Vs4NJKDdBLcVTk>
zSE8#{Rw(vS@e>~&L)<{D#->$0s^y)(nnZ){!}nJC4N(4niGSoq@e?0y!YxlC?z(0m
zdyOWBSOBf|PH*|r$=q}D_?9=~$K9ci`|%vW$(`V?YI^4vmYrv63JXSP{*|SJd<mGt
gWk+Q9mg9Q<zgk|@-F>NslK=n!07*qoM6N<$f)gAMlK=n!

literal 0
HcmV?d00001

diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index a031e5aa..e3bc8550 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -185,8 +185,12 @@
                   <div class="box"></div>
                   <div class="onetitle">关卡晋级规则</div>
                 </div>
-                <div class="twomain">
-                  <a-switch size="small" v-model:checked="checked2" />
+                <div class="twomain clearfix">
+                  <a-switch
+                    size="small"
+                    v-model:checked="checked2"
+                    style="margin-top: -5px"
+                  />
                   <span class="info">启用关卡自动规则加入</span>
                   <div class="infor">
                     若开启“新建/编辑关卡-添加学员”支持设定自动加入规则，将于每日8点同步数据
@@ -758,7 +762,7 @@ export default {
               position: absolute;
               // margin-top: 10px;
               left: 0;
-              top: 5px;
+              top: 3px;
             }
             .yulan {
               // color: yellow;
@@ -773,10 +777,14 @@ export default {
         .twomain {
           margin-left: 20px;
           margin-top: 20px;
+          .ant-switch-checked {
+            background-color: #5dc988;
+          }
           .info {
             margin-left: 10px;
             color: #6f6f6f;
             font-size: 14px;
+            // margin-top: 10px;
           }
           .infor {
             margin-left: 38px;
@@ -818,7 +826,7 @@ export default {
                 position: relative;
                 .inl {
                   position: absolute;
-                  top: 5px;
+                  top: 2px;
                 }
                 .sh {
                   margin-left: 23px;
diff --git a/src/views/learningpath/LevelAddDetail.vue b/src/views/learningpath/LevelAddDetail.vue
index 21ef46bf..6dc730ce 100644
--- a/src/views/learningpath/LevelAddDetail.vue
+++ b/src/views/learningpath/LevelAddDetail.vue
@@ -1,12 +1,939 @@
 <template>
-  <div>ddd</div>
+  <div class="allCon">
+    <div class="left clearfix">
+      <div class="leftmain">
+        <div class="tit">关卡</div>
+        <div class="btn btn3">
+          <div class="search"></div>
+          <div class="btnText">添加关卡</div>
+        </div>
+        <div class="maincon">
+          <div class="item" v-for="item in level" :key="item.id">
+            <div class="itemle">
+              <div class="tit">{{ item.tit }}</div>
+              <div class="name">{{ item.name }}</div>
+            </div>
+            <div class="itemri">
+              <img src="../../assets/images/leveladd/z1.png" />
+              <img
+                style="margin-top: 40px"
+                src="../../assets/images/leveladd/z2.png"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="right">
+      <div class="addhead">
+        <div class="filt">
+          <div class="le">
+            <div class="leftimg">
+              <img class="img" src="../../assets/px.jpg" />
+            </div>
+            <div class="imgfor">
+              <div class="forz">产品经理进阶路径</div>
+              <div class="fort">创建时间：2022-07-21 00:00</div>
+            </div>
+          </div>
+          <div class="rightt">
+            <div class="select">
+              <a-select
+                v-model:value="projectName"
+                style="width: 270px"
+                placeholder="自由学习模式"
+                :options="projectNameList"
+                @change="selectProjectName"
+                allowClear
+                showSearch
+              ></a-select>
+            </div>
+            <div class="line"></div>
+            <img class="img2" src="../../assets/images/leveladd/pub.png" />
+            <div class="pub">发布</div>
+            <div class="line"></div>
+            <img
+              style="margin-right: 15px"
+              class="img2"
+              src="../../assets/images/leveladd/more.png"
+            />
+            <div class="more">
+              <span style="color: #7096e3">更多</span>
+              <div class="moreArrow"></div>
+              <div class="moreItems">
+                <div class="sammo">撤回</div>
+                <div class="sammo">复制</div>
+              </div>
+            </div>
+            <div class="line"></div>
+            <img class="img2" src="../../assets/images/leveladd/back.png" />
+            <router-link to="/leveladd">
+              <div class="return">返回</div></router-link
+            >
+          </div>
+        </div>
+      </div>
+      <div class="mid">
+        <!-- <div class="item" v-for="(item, index) in mid" :key="item.id">
+          <div class="itcon">
+            <div class="img">
+              <img :src="item.img" />
+            </div>
+            <div class="text">{{ item.title }}</div>
+          </div>
+          <div :class="[index === mid.length - 1 ? 'no' : 'lin']"></div>
+        </div> -->
+        <div class="item">
+          <div class="itcon">
+            <div class="img">
+              <img src="../../assets/images/leveladd/zai.png" />
+            </div>
+            <div class="text">在线</div>
+          </div>
+          <div class="lin"></div>
+        </div>
+        <div class="item">
+          <div class="itcon">
+            <div class="img">
+              <img src="../../assets/images/leveladd/mian.png" />
+            </div>
+            <div class="text">面授</div>
+          </div>
+          <div class="lin"></div>
+        </div>
+        <div class="item">
+          <div class="itcon">
+            <div class="img">
+              <img src="../../assets/images/leveladd/an.png" />
+            </div>
+            <div class="text">案例</div>
+          </div>
+          <div class="lin"></div>
+        </div>
+        <div class="item">
+          <div class="itcon">
+            <div class="img">
+              <img src="../../assets/images/leveladd/zuo.png" />
+            </div>
+            <div class="text">作业</div>
+          </div>
+          <div class="lin"></div>
+        </div>
+        <div class="item">
+          <div class="itcon">
+            <div class="img">
+              <img src="../../assets/images/leveladd/kao.png" />
+            </div>
+            <div class="text">考试</div>
+          </div>
+          <div class="lin"></div>
+        </div>
+        <div class="item">
+          <div class="itcon">
+            <div class="img">
+              <img src="../../assets/images/leveladd/zhi.png" />
+            </div>
+            <div class="text">直播</div>
+          </div>
+          <div class="lin"></div>
+        </div>
+        <div class="item">
+          <div class="itcon">
+            <div class="img">
+              <img src="../../assets/images/leveladd/wai.png" />
+            </div>
+            <div class="text">外链</div>
+          </div>
+          <div class="lin"></div>
+        </div>
+        <div class="item">
+          <div class="itcon">
+            <div class="img">
+              <img src="../../assets/images/leveladd/tao.png" />
+            </div>
+            <div class="text">讨论</div>
+          </div>
+          <div class="lin"></div>
+        </div>
+        <div class="item">
+          <div class="itcon">
+            <div class="img">
+              <img src="../../assets/images/leveladd/huo.png" />
+            </div>
+            <div class="text">活动</div>
+          </div>
+          <div class="lin"></div>
+        </div>
+        <div class="item">
+          <div class="itcon">
+            <div class="img">
+              <img src="../../assets/images/leveladd/ce.png" />
+            </div>
+            <div class="text">测评</div>
+          </div>
+          <div class="lin"></div>
+        </div>
+        <div class="item">
+          <div class="itcon">
+            <div class="img">
+              <img src="../../assets/images/leveladd/diao.png" />
+            </div>
+            <div class="text">调研</div>
+          </div>
+          <div class="lin"></div>
+        </div>
+        <div class="item">
+          <div class="itcon">
+            <div class="img">
+              <img src="../../assets/images/leveladd/tou.png" />
+            </div>
+            <div class="text">投票</div>
+          </div>
+          <div class="lin"></div>
+        </div>
+        <div class="item">
+          <div class="itcon">
+            <div class="img">
+              <img
+                src="../../assets/images/leveladd/xiang.png"
+                @click="showDrawer"
+              />
+            </div>
+            <div class="text">项目</div>
+          </div>
+        </div>
+      </div>
+      <div class="boom">
+        <div class="boomcen">
+          <div class="select">
+            <a-select
+              v-model:value="projectName"
+              style="width: 270px"
+              placeholder="移动任务到关卡"
+              :options="projectNameList2"
+              @change="selectProjectName2"
+              allowClear
+              showSearch
+            ></a-select>
+          </div>
+          <div class="talk">
+            <img class="im" src="../../assets/images/leveladd/gan.png" />
+            <div class="xu">
+              <span class="yi">已选择</span>
+              <div style="width: 5px; display: inline-block"></div>
+              <span class="th">3</span>
+              <div style="width: 5px; display: inline-block"></div>
+              <span class="yi">项</span>
+              <span class="zon">总数：</span>
+              <span class="yi">5</span>
+              <span class="yi">条</span>
+            </div>
+          </div>
+          <div class="tableBox">
+            <a-table
+              style="border: 1px solid #f2f6fe"
+              :columns="tableDataFunc()"
+              :data-source="tableData"
+              :loading="tableDataTotal === -1 ? true : false"
+              expandRowByClick="true"
+              :scroll="{ x: 1500, y: 300 }"
+              @expand="expandTable"
+              :pagination="false"
+            />
+            <!-- :pagination= showSizeChanger: true, showQuickJumper: true,
+      hideOnSinglePage: true, pageSizeOptions: [], pageSize: pageSize, current:
+      currentPage, total: tableDataTotal, -->
+            <div class="pa">
+              <a-pagination
+                showSizeChanger="true"
+                showQuickJumper="true"
+                hideOnSinglePage="true"
+                :pageSize="pageSize"
+                :current="currentPage"
+                :total="tableDataTotal"
+                class="pagination"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <a-drawer
+        v-model:visible="visible"
+        class="custom-class"
+        title="关联项目"
+        placement="right"
+        width="50%"
+        @after-visible-change="afterVisibleChange"
+      >
+      </a-drawer>
+    </div>
+  </div>
 </template>
 
 <script>
+import { reactive, toRefs } from "vue";
 export default {
   name: "LevelAddDetail",
+  setup() {
+    const state = reactive({
+      projectNameList: [
+        {
+          id: 1,
+          value: "项目一",
+          label: "项目一",
+        },
+        {
+          id: 2,
+          value: "项目二",
+          label: "项目二",
+        },
+        {
+          id: 3,
+          value: "项目三",
+          label: "项目三",
+        },
+        {
+          id: 4,
+          value: "项目四",
+          label: "项目四",
+        },
+      ],
+      projectNameList2: [
+        {
+          id: 1,
+          value: "项目一",
+          label: "项目一",
+        },
+        {
+          id: 2,
+          value: "项目二",
+          label: "项目二",
+        },
+        {
+          id: 3,
+          value: "项目三",
+          label: "项目三",
+        },
+        {
+          id: 4,
+          value: "项目四",
+          label: "项目四",
+        },
+      ],
+      level: [
+        {
+          id: "1",
+          tit: "关卡1关卡1关卡1关卡1关卡1关卡1",
+          name: "初级产品经理fewfewfwefwefe",
+        },
+        {
+          id: "2",
+          tit: "关卡2",
+          name: "中级产品经理",
+        },
+      ],
+      tableData: [
+        {
+          key: 1,
+          lei: "在线",
+          // state: "已发布",
+          creater: "管理者课程",
+          // pubtime: "2022-07-20 14:00:03",
+          cretime: "60分钟",
+          haspub: false,
+          checked1: false,
+          checkedd: false,
+        },
+        {
+          key: 2,
+          lei: "面授",
+          // state: "草稿",
+          creater: "管理者面授",
+          // pubtime: "2022-07-20 14:00:03",
+          cretime: "20分钟",
+          haspub: true,
+          checked1: false,
+          checkedd: false,
+        },
+        {
+          key: 3,
+          lei: "作业",
+          // state: "已停用",
+          creater: "管理者作业",
+          // pubtime: "2022-07-20 14:00:03",
+          cretime: "60分钟",
+          haspub: false,
+          checked1: false,
+          checkedd: false,
+        },
+        {
+          key: 4,
+          lei: "考试",
+          // state: "草稿",
+          creater: "管理者考试",
+          // pubtime: "2022-07-20 14:00:03",
+          cretime: "20分钟",
+          haspub: true,
+          checked1: false,
+          checkedd: false,
+        },
+        {
+          key: 5,
+          lei: "案例",
+          // state: "草稿",
+          creater: "腾飞班1案例",
+          // pubtime: "2022-07-20 14:00:03",
+          cretime: "-",
+          haspub: true,
+          checked1: true,
+          checkedd: false,
+        },
+      ],
+      currentPage: 1,
+      tableDataTotal: 100,
+      pageSize: 10,
+      visible: false,
+    });
+    const selectProjectName = (value, index) => {
+      console.log("value", value, index);
+    };
+    const selectProjectName2 = (value, index) => {
+      console.log("value", value, index);
+    };
+    const showDrawer = () => {
+      state.visible = true;
+    };
+    const afterVisibleChange = (bool) => {
+      console.log("visible", bool);
+    };
+    const tableDataFunc = () => {
+      const columns = [
+        {
+          title: "类型",
+          dataIndex: "state",
+          // width: "30%",
+          key: "state",
+          width: 90,
+          align: "center",
+          className: "h",
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: (text) => {
+            console.log(text.record.checked1);
+            return (
+              <div class="racona">
+                <div class="img"></div>
+                <a-checkbox class="ch" v-model:checked={text.record.checkedd}>
+                  {text.record.lei}
+                </a-checkbox>
+              </div>
+            );
+          },
+        },
+        {
+          title: "任务名称",
+          dataIndex: "creater",
+          // width: "30%",
+          key: "creater",
+          width: 200,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "必修/选修",
+          dataIndex: "pubtime",
+          key: "pubtime",
+          width: 200,
+          align: "center",
+          className: "h",
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: (text) => {
+            console.log(text.record.checked1);
+            return (
+              <div class="opat">
+                <div class="opacationt clearfix">
+                  <a-switch
+                    style="margin-left:-50px;margin-top:3px"
+                    v-model:checked={text.record.checked1}
+                    size="small"
+                    active-color="red"
+                  />
+                  <div class="showt clearfix">
+                    <div
+                      class="bi"
+                      style={
+                        text.record.checked1 ? "z-index:999" : "z-index:998"
+                      }
+                    >
+                      必修
+                    </div>
+                    <div class="xuan">选修</div>
+                  </div>
+                </div>
+              </div>
+            );
+          },
+        },
+        {
+          title: "时长",
+          dataIndex: "cretime",
+          key: "cretime",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "操作",
+          className: "h",
+          dataIndex: "opacation",
+          key: "opacation",
+          width: 100,
+          align: "center",
+          scopedSlots: { customRender: "action" }, //引入的插槽
+          customRender: () => {
+            return (
+              <div class="opa">
+                <div class="opacation">
+                  <span style="color:#4EA6FF;margin-right:25px;cursor:pointer">
+                    编辑
+                  </span>
+                  <span style="color:#4EA6FF;cursor:pointer">删除</span>
+                </div>
+              </div>
+            );
+          },
+        },
+      ];
+      return columns;
+    };
+
+    return {
+      ...toRefs(state),
+      selectProjectName,
+      selectProjectName2,
+      tableDataFunc,
+      showDrawer,
+      afterVisibleChange,
+    };
+  },
 };
 </script>
 
-<style scoped lang="scss" >
+<style  lang="scss" >
+.clearfix:after,
+.clearfix:before {
+  content: " ";
+  display: block;
+  clear: both;
+}
+
+.allCon {
+  width: 100%;
+  height: 100%;
+  background-color: #f1f4f8;
+  display: flex;
+  .left {
+    margin-right: 20px;
+    width: 208px;
+    flex-shrink: 0;
+    height: 100%;
+    background: #ffffff;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+    display: flex;
+    justify-content: center;
+    .leftmain {
+      width: 86%;
+      margin-top: 20px;
+      .tit {
+        font-size: 18px;
+        color: #363636;
+      }
+
+      // flex-wrap: wrap;
+      .btn {
+        margin-top: 20px;
+        // padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #fff6e8;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        // margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+        .search {
+          background-size: 100%;
+        }
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffb64e;
+          // line-height: 38px;
+          margin-top: 4px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn3 {
+        margin-right: 0px;
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/leveladd/add.png");
+          background-size: 100% 100%;
+        }
+      }
+      .maincon {
+        margin-top: 17px;
+        width: 100%;
+        // background-color: #bfa;
+        .item {
+          width: 100%;
+          height: 83px;
+          display: flex;
+          background: rgba(255, 182, 78, 0.1);
+          border: 1px solid #ffb64e;
+          opacity: 0.45;
+          border-radius: 8px;
+          margin-bottom: 17px;
+          align-items: center;
+          position: relative;
+          .itemle {
+            margin-left: 17px;
+            .tit {
+              color: black;
+              // color: red;
+              font-size: 14px;
+              margin-bottom: 8px;
+              font-weight: bold;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              overflow: hidden;
+              width: 100px;
+            }
+            .name {
+              font-size: 14px;
+              color: #878b92;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              overflow: hidden;
+              width: 100px;
+            }
+          }
+          .itemri {
+            display: flex;
+            flex-direction: column;
+            position: absolute;
+            right: 16px;
+          }
+        }
+      }
+    }
+  }
+  .right {
+    flex: 1;
+    height: 100%;
+    width: 100%;
+    // background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    .addhead {
+      width: 100%;
+      // min-width: 500px;
+      // height: 130px;
+
+      background-color: #fff;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
+      display: flex;
+      align-items: center;
+      position: relative;
+      .filt {
+        margin: 16px 30px 16px 22px;
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+        align-items: center;
+        flex-wrap: wrap;
+        .le {
+          display: flex;
+          align-items: center;
+          // margin-bottom: 10px;
+          .leftimg {
+            width: 151px;
+            height: 100px;
+            border: 10px solid #e7f2ff;
+            border-radius: 8px;
+            margin-left: 20px;
+            .img {
+              width: 100%;
+              height: 100%;
+            }
+          }
+          .imgfor {
+            margin-left: 32px;
+            .forz {
+              color: #363636;
+              font-size: 16px;
+            }
+            .fort {
+              color: #878b92;
+              font-size: 14px;
+              margin-top: 20px;
+            }
+          }
+        }
+
+        .rightt {
+          // width: 500px;
+          height: 100%;
+          // background-color: red;
+          // position: absolute;
+          // right: 0;
+          display: flex;
+          align-items: center;
+          .select {
+            margin-right: 50px;
+            // margin-bottom: 20px;
+          }
+          .line {
+            height: 60px;
+            width: 1px;
+            background-color: #e8effa;
+            margin-right: 28px;
+          }
+          .img2 {
+            width: 42px;
+            height: 42px;
+            margin-right: 22px;
+          }
+          .pub {
+            color: #ffb64e;
+            font-size: 14px;
+            margin-top: 5px;
+            margin-right: 30px;
+          }
+          .return {
+            color: #4ea6ff;
+            font-size: 14px;
+            margin-top: 5px;
+            margin-right: 20px;
+          }
+
+          .more {
+            position: relative;
+            margin-right: 30px;
+
+            .moreArrow {
+              width: 13px;
+              height: 7px;
+              display: inline-block;
+              background-image: url("../../assets/images/navtop/down.png");
+              background-size: 100%;
+              margin: 2px;
+              margin-left: 15px;
+            }
+            .moreItems {
+              width: 110px;
+              height: 80px;
+              display: none;
+              background: #ffffff;
+              box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+              // border-radius: 3px;
+              border: 0px solid #dcdcdc;
+              position: absolute;
+              left: -48px;
+              top: 28px;
+              z-index: 100;
+              .sammo {
+                text-align: center;
+                margin-top: 12px;
+              }
+              .sammo:hover {
+                color: #4ea6ff;
+              }
+            }
+            .moreItems:hover {
+              display: block;
+            }
+          }
+
+          .more:hover .moreArrow {
+            background-image: url("../../assets/images/navtop/up.png");
+          }
+          .more:hover .moreItems {
+            display: block;
+          }
+        }
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 130px;
+      margin-top: 20px;
+      margin-bottom: 20px;
+      background-color: #fff;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
+      display: flex;
+      align-items: center;
+      .item {
+        height: 100%;
+        width: 7.7%;
+        display: flex;
+        align-items: center;
+        .itcon {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          height: 100%;
+          width: 100%;
+          .img {
+            cursor: pointer;
+          }
+          .text {
+            font-size: 16px;
+            color: #363636;
+            margin-top: 5px;
+          }
+        }
+        .lin {
+          width: 1px;
+          height: 60%;
+          background-color: #e8effa;
+        }
+        .no {
+          display: none;
+        }
+      }
+    }
+    .boom {
+      position: relative;
+      width: 100%;
+      flex: 1;
+      background-color: #fff;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
+      display: flex;
+      justify-content: center;
+      .boomcen {
+        width: 95%;
+        height: 100%;
+        // background-color: #bfa;
+        .select {
+          margin-top: 30px;
+        }
+        .talk {
+          margin-top: 24px;
+          margin-bottom: 11px;
+          width: 100%;
+          height: 50px;
+          background: #f5faff;
+          border: 1px solid #4ea6ff;
+          // opacity: 0.22;
+          display: flex;
+          align-items: center;
+          .im {
+            width: 14px;
+            height: 15px;
+            margin-left: 27px;
+          }
+          .xu {
+            height: 100%;
+            line-height: 50px;
+            margin-left: 13px;
+            .yi {
+              color: #4f5156;
+              font-size: 14px;
+            }
+            .zon {
+              color: #999ba3;
+              font-size: 14px;
+              margin-left: 34px;
+            }
+            .th {
+              color: #4ea6ff;
+            }
+          }
+        }
+        .tableBox {
+          // margin: 20px 38px 30px;
+          th.h {
+            background-color: #eff4fc !important;
+          }
+
+          .ant-table-tbody
+            > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+            > td {
+            background: #f6f9fd;
+          }
+          .pa {
+            left: 0;
+            width: 100%;
+            // height: 20px;
+            // background-color: red;
+            display: flex;
+            justify-content: center;
+            position: absolute;
+            bottom: 20px;
+          }
+        }
+      }
+    }
+  }
+  .opat {
+    .opacationt {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .ant-switch-checked {
+        background-color: #5dc988;
+      }
+      .showt {
+        // margin-top: 10px;
+        display: flex;
+        margin-left: 10px;
+        height: 23px;
+        .bi {
+          // margin-top: 10px;
+          width: 63px;
+          height: 23;
+          background-color: #5dc988;
+          line-height: 23px;
+          position: absolute;
+          z-index: 998;
+          color: #ffffff;
+          border-radius: 4px;
+        }
+        .xuan {
+          width: 63px;
+          height: 23px;
+          background-color: #f2f6fc;
+          line-height: 23px;
+          // display: none;
+          position: absolute;
+          z-index: 998;
+          color: #5dc988;
+          border-radius: 4px;
+        }
+      }
+    }
+  }
+  .racona {
+    // background-color: #bfa;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    .img {
+      margin-left: -40px;
+      margin-top: -2px;
+      width: 17px;
+      height: 14px;
+      background-image: url("../../assets/images/leveladd/z1.png");
+    }
+    .ch {
+      margin-left: 10px;
+    }
+  }
+}
 </style>
\ No newline at end of file

From e843bef08faa761527c10aac3cac2410608dab6a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B2=B3=E4=BD=B3=E9=91=AB?= <yuejx@dongwu-inc.com>
Date: Mon, 10 Oct 2022 18:18:11 +0800
Subject: [PATCH 5/5] =?UTF-8?q?feat:=E8=B0=83=E7=A0=94=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC,=E5=88=9B=E5=BB=BA=E8=B0=83=E7=A0=94?=
 =?UTF-8?q?=E5=92=8C=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/projectadd/picture.png | Bin 0 -> 24887 bytes
 src/assets/images/research/export.png    | Bin 0 -> 1166 bytes
 src/assets/images/research/picture.png   | Bin 0 -> 9210 bytes
 src/components/BreadCrumb.vue            |  13 ++
 src/views/projectcenter/TaskPage.vue     |  33 +++
 src/views/research/ManagePage.vue        | 256 +++++++++++++++++++++++
 src/views/research/ResearchAdd.vue       |   9 +-
 src/views/research/ResearchManage.vue    |   6 +-
 8 files changed, 310 insertions(+), 7 deletions(-)
 create mode 100644 src/assets/images/projectadd/picture.png
 create mode 100644 src/assets/images/research/export.png
 create mode 100644 src/assets/images/research/picture.png
 create mode 100644 src/views/projectcenter/TaskPage.vue
 create mode 100644 src/views/research/ManagePage.vue

diff --git a/src/assets/images/projectadd/picture.png b/src/assets/images/projectadd/picture.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd3b370065705cc14c8adf8b75db24fb5c43638f
GIT binary patch
literal 24887
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/research/export.png b/src/assets/images/research/export.png
new file mode 100644
index 0000000000000000000000000000000000000000..78b8331f748358bd1d94631eab44ee3dc8dc716e
GIT binary patch
literal 1166
zcmaJ>Pi)&%9Cos{s=8%Mk&wCq(wj#iNR9pMC23-6YBz4FQC+e$5<x>S$9`?R)_-ch
z61U=zP#6qx05l11MI6`xiNlak(GZ|15^!ch6G%uzI~62AplK6_@!T~X2ZAO0z4z1a
z`+onv=L@BUClf=XLli|N)H$V0)?xA{2M5Uackbc~WI2v!s(8^|!VTR=lx(^+1XNpJ
zMrEX%8*AU9Ns2l&W>u=Vs?7_AYcqP}!-Td+&=fT}6?(d{f-tC|Wy=xi->!T~1IrZY
zXR;d9ydtVwbDKU|++3&_n=3}aq^F($lc7KeY=m_X+N(|=gd)AiE0BF;W@)hJf>%WP
zZc<gP1d6VYK#qZF141556c{d-$>iWT;2{rLm}NOW&E*7`5x5Dk|Ij3wZ!QUCWp+On
zIf--~V^3h&Mx((rPBE^(%yNZ7frUKF^J(Id4mKRDhiNA`*=0~rVEC4YE!P1Nqh52@
zu}G6l@0MVD2eeMG-zL&9Hq<?qV_;NL*HP2{-_^DcyaQZD_wxNu;-IqOA-0SHcilJ0
z;FeBCp**4JBOSYb#dTM^T`bjI>;`q$13bs@Af@Ss<wTap_8^)js7`=&$3Utg(u9Pu
zEK|s3ibcMdl{2saIc`Rg<@{_hOKdqg%VqMpE>>}kbsIUji#6|Ir+Z=}HP{}BtRUZd
z5t*~TYlFS21*>;1`JR0HShII7g`QZJB*R9t{nxC!CL*9{d!Sr$IM6<Fh~Ryq><=!|
zx5%xyqbhPG{Gs;OnVZ|Op=-_R8?ndp&Gt{n+TS(9?0mCdz1oURz*y&#(oGpW-{02Z
zmUMnZN}M&p(Trs6$n(;4vy}ny_G_)3;d7<b;kQR`w{{Ni)=JmKc;^aKAEA$Y)7LpB
zjSsd}X?&nPCjC12=g|}I&dCP-z*AdNYV)i6d^MYVTH&RE-OF(G^qYwtYHcui23!zh
zwMSDw-v9b`{EzHQ%;{G@-2OX%<D>VPtG_%n2EHiHU;Fu#(i%PgTz_Y=JrW<f-Y9+g
zaB}MFcRpW>#p=>l;<LW?rPi&H<P<n@d+YL@2XCZuhdO=rJbdfD;p0^N2sL_+efH8T
SyWdBD2z6#b`FQ&5%l`n`M|RTy

literal 0
HcmV?d00001

diff --git a/src/assets/images/research/picture.png b/src/assets/images/research/picture.png
new file mode 100644
index 0000000000000000000000000000000000000000..09cf517c8cfa0822fd431be4d30c249636fd3f92
GIT binary patch
literal 9210
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
QZU6uP07*qoM6N<$f)+dKG5`Po

literal 0
HcmV?d00001

diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue
index 11e7aaa1..78e6e7d2 100644
--- a/src/components/BreadCrumb.vue
+++ b/src/components/BreadCrumb.vue
@@ -134,6 +134,19 @@ export default {
             },
           ];
         }
+        if (n === "/researchmanage" || n === "/ResearchManage") {
+          state.list = [
+            {
+              name: "调研管理",
+              href: "",
+              // href: "#/researchmanage",
+            },
+            {
+              name: "管理",
+              href: "",
+            }
+          ];
+        }
         if (n === "/systemmanage" || n === "/SystemManage") {
           state.list = [
             {
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
new file mode 100644
index 00000000..d982d1ef
--- /dev/null
+++ b/src/views/projectcenter/TaskPage.vue
@@ -0,0 +1,33 @@
+<!-- 任务页面 -->
+<template>
+<div class="taskpage">
+    <div class="header">
+        <div class="box">
+            <img src="../../assets/images/projectadd/picture.png"/>
+        </div>
+    </div>
+    <div class="split"></div>
+    <div>2</div>
+</div>
+</template>
+<style lang="scss">
+.taskpage {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    .header {
+        width: 100%;
+        display: flex;
+        .box {
+            border: 12px solid #E7F2FF;
+            margin: 16px 0 16px 19px;
+            border-radius: 8px;
+        }
+    }
+    .split {
+    width: 100%;
+    height: 20px;
+    background-color: #edf0f5;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/research/ManagePage.vue b/src/views/research/ManagePage.vue
new file mode 100644
index 00000000..b6de2e90
--- /dev/null
+++ b/src/views/research/ManagePage.vue
@@ -0,0 +1,256 @@
+<!-- 调研管理-管理页面 -->
+<template>
+  <div class="managepage">
+    <div class="up">
+      <div class="header">
+        <div style="width: 100%">
+          <div class="export">
+             <img src="../../assets/images/research/export.png"/>
+             <span style="color: #4EA6FF;font-size: 14px;margin-left:3px">导出信息</span>
+          </div>
+          <div class="goback"><span class="return"></span><router-link class="returntext" to="/researchmanage">返回</router-link></div>
+        </div>       
+        <div class="text">路径管理</div>
+      </div>
+      <div class="message">
+        <div class="title">基本信息</div>
+        <div class="messagebox">
+          <div style="width: 186px;margin-right: 126px;float: left">
+            <span class="name">调研名称:</span>
+            <span class="descript">产品经理问卷调查</span>
+          </div>
+          <div style="width: 103px;margin-right: 126px;float:left">
+            <span class="name">创建人:</span>
+            <span class="descript">管理员</span>
+          </div>
+          <div style="width: 88px;margin-right: 126px;float:left">
+            <span class="name">状态:</span>
+            <span class="descript">已发布</span>
+          </div>
+          <div style="width: 192px;margin-right: 126px;float:left">
+            <span class="name">创建时间:</span>
+            <span class="descript">2022-07-22 9:30</span>
+          </div>
+          <div style="width: 192px;margin-right: 126px;float:left">
+            <span class="name">创建时间:</span>
+            <span class="descript">2022-07-22 9:30</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="split"></div>
+    <div class="up down">
+      <div class="header">
+        <div class="text">学员情况</div>
+      </div>
+      <!-- 表格 -->
+      <div class="tableBox">
+        <a-table
+          style="border: 1px solid #f2f6fe"
+          :columns="columns"
+          :data-source="dataSource"
+          :loading="tableDataTotal === -1 ? true : false"
+          expandRowByClick="true"
+          :scroll="{ x: 1500, y: 800 }"
+          @expand="expandTable"
+          :pagination="false"
+        />
+      </div>
+      <!-- 表格 -->
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ManagePage",
+  setup() {
+      return {
+        dataSource: [
+          {
+            key: '1',
+            name: '张三',
+            department: '产品部',
+            post:'产品经理',
+            project:'产品经理进阶-腾飞班1',
+            learning:'产品经理学习路径',
+            submit:'2022-07-22 9:30',
+          },
+          {
+            key: '2',
+            name: '李四',
+            department: '产品部',
+            post:'产品经理',
+            project:'产品经理进阶-腾飞班1',
+            learning:'高级产品经理学习路径',
+            submit:'2022-07-22 9:30',
+          },
+          {
+            key: '3',
+            name: '王五',
+            department: '产品部',
+            post:'产品经理',
+            project:'产品经理进阶-腾飞班1',
+            learning:'-',
+            submit:'2022-07-22 9:30',
+          },
+          {
+            key: '4',
+            name: '赵六',
+            department: '产品部',
+            post:'产品经理',
+            project:'产品经理进阶-腾飞班1',
+            learning:'HR学习路径',
+            submit:'2022-07-22 9:30',
+          },
+        ],
+
+        columns: [
+          {
+            title: '姓名',
+            dataIndex: 'name',
+            key: 'name',
+          },
+          {
+            title: '部门',
+            dataIndex: 'department',
+            key: 'department',
+          },
+          {
+            title: '岗位',
+            dataIndex: 'post',
+            key: 'post',
+          },
+          {
+            title: '项目',
+            dataIndex: 'project',
+            key: 'project',
+          },
+          {
+            title: '学习路径',
+            dataIndex: 'learning',
+            key: 'learning',
+          },
+          {
+            title: '提交时间',
+            dataIndex: 'submit',
+            key: 'submit',
+          },
+        ],
+      };
+    },
+};
+</script>
+
+<style lang="scss" >
+.managepage {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .up {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    .header {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      border-bottom: 1px solid #F2F6FC;
+      .text {
+        font-size: 16px;
+        color: #363636;
+        margin-top: 23px;
+        margin-left: 38px;
+        margin-bottom: 10px;
+      }
+      .export {
+        float: left;
+        width: 130px;
+        height: 40px;
+        border: 1px solid #4EA6FF;
+        border-radius: 8px;
+        margin-top: 29px;
+        margin-left: 38px;
+        text-align: center;
+        padding-top: 7px;
+      }
+      .goback { 
+            float: right;          
+            padding-right: 70px;
+            //padding-top: 37px;
+            position: relative;
+            .return {
+                display: inline-block;
+                width: 42px;
+                height: 42px;
+                margin-top: 17px;
+                margin-right: 10px;
+                background-image: url("../../assets/images/projectadd/return.png");
+            }
+            .returntext {
+                display: inline-block;
+                position: absolute;
+                top: 27px;
+                color: #4EA6FF;
+                font-size: 14px;
+            }
+      }
+    }
+    .message {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      .title {
+        color: #4F5156;
+        font-size: 14px;
+        margin-left: 38px;
+        margin-top: 20px;
+        font-weight: 500;
+      }
+      .messagebox {
+        width: 100%;
+        //display: flex;
+        margin-top: 20px;
+        margin-left: 38px;
+        margin-bottom: 20px;
+        .name {
+          color: #999BA3;
+          font-size: 14px;
+        }
+        .descript {
+          color: #4F5156;
+          font-size:14px;
+          
+        }
+      }
+    }
+  }
+  .split {
+    width: 100%;
+    height: 20px;
+    background-color: #edf0f5;
+  }
+  .down {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    .tableBox {
+      margin: 20px 38px 30px ;
+      th.ant-table-cell {
+        background-color:#EFF4FC !important;
+        text-align: center;
+        color: #999BA3;
+      }
+      td.ant-table-cell {
+        text-align: center;
+      }
+      .ant-table-tbody
+        > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+        > td {
+        background: #f6f9fd;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/research/ResearchAdd.vue b/src/views/research/ResearchAdd.vue
index a36dde4c..29dc7116 100644
--- a/src/views/research/ResearchAdd.vue
+++ b/src/views/research/ResearchAdd.vue
@@ -59,9 +59,13 @@
             </div>
             <div class="delete">删除</div>
         </div>
-        <div class="picture">
-            <img class="pictureimg" src=""/>
+        <div class="picture" style="position: relative">
+            <img class="pictureimg" src="../../assets/images/research/picture.png"/>
             <div class="picturename">图片名称1.jpg</div>
+            <img
+                style="width: 20px; height: 20px;position: absolute;right: 0;top:0"
+                src="../../assets/images/basicinfo/close.png"
+            />
         </div>
     </div>
      <div class="header">
@@ -187,6 +191,7 @@
             }
         }
         .picture {
+            width: 100px;
             display: flex;
             flex-direction: column;
             margin-top: 20px;
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index e19da759..2b5c3f45 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -69,11 +69,7 @@
         @expand="expandTable"
         :pagination="false"
       />
-      <!-- :pagination= showSizeChanger: true, showQuickJumper: true,
-      hideOnSinglePage: true, pageSizeOptions: [], pageSize: pageSize, current:
-      currentPage, total: tableDataTotal, -->
     </div>
-
     <!-- 表格 -->
     <div :class="out ? 'out' : 'unout'">
       <div class="top">
@@ -264,7 +260,7 @@ export default {
                   <router-link to="/researchadd" class={text.record.haspub ? "activecls" : "errorCls"}>
                     基础信息
                   </router-link>
-                  <span style={{ "margin-left": "25px" }}>管理</span>                 
+                  <router-link to="/managepage" style={{ "margin-left": "25px" }}>管理</router-link>                 
                   <span style={{ "margin-left": "25px" }}>复制</span>
                   <span style={{ "margin-left": "25px" }} >撤回</span>
                   <span style={{ "margin-left": "21px", "margin-right": "30px" }} >结束</span>