From 16ac68ceb00881d1b7244de6dea956c012b65bd3 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: Sun, 9 Oct 2022 09:02:41 +0800
Subject: [PATCH 1/4] =?UTF-8?q?feat:=E5=90=88=E5=B9=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json            |  11 ++
 package.json                 |   1 +
 src/components/OpenPages.vue |   1 +
 src/views/TestPage.vue       | 249 +++++++++++++++++++++++++++++++++++
 4 files changed, 262 insertions(+)
 create mode 100644 src/views/TestPage.vue

diff --git a/package-lock.json b/package-lock.json
index 15eeab2c..9a92ba29 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "ant-design-vue": "^3.2.12",
         "core-js": "^3.8.3",
         "element-plus": "^2.2.17",
+        "jquery": "^3.6.1",
         "vue": "^3.2.13",
         "vue-router": "^4.0.3",
         "vuex": "^4.0.0"
@@ -6824,6 +6825,11 @@
         "@sideway/pinpoint": "^2.0.0"
       }
     },
+    "node_modules/jquery": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmmirror.com/jquery/-/jquery-3.6.1.tgz",
+      "integrity": "sha512-opJeO4nCucVnsjiXOE+/PcCgYw9Gwpvs/a6B1LL/lQhwWwpbVEVYDZ1FokFr8PRc7ghYlrFPuyHuiiDNTQxmcw=="
+    },
     "node_modules/js-message": {
       "version": "1.0.7",
       "resolved": "https://registry.npmmirror.com/js-message/-/js-message-1.0.7.tgz",
@@ -16576,6 +16582,11 @@
         "@sideway/pinpoint": "^2.0.0"
       }
     },
+    "jquery": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmmirror.com/jquery/-/jquery-3.6.1.tgz",
+      "integrity": "sha512-opJeO4nCucVnsjiXOE+/PcCgYw9Gwpvs/a6B1LL/lQhwWwpbVEVYDZ1FokFr8PRc7ghYlrFPuyHuiiDNTQxmcw=="
+    },
     "js-message": {
       "version": "1.0.7",
       "resolved": "https://registry.npmmirror.com/js-message/-/js-message-1.0.7.tgz",
diff --git a/package.json b/package.json
index 23f7691a..f7f60daa 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "ant-design-vue": "^3.2.12",
     "core-js": "^3.8.3",
     "element-plus": "^2.2.17",
+    "jquery": "^3.6.1",
     "vue": "^3.2.13",
     "vue-router": "^4.0.3",
     "vuex": "^4.0.0"
diff --git a/src/components/OpenPages.vue b/src/components/OpenPages.vue
index c8a1bad1..becbeca6 100644
--- a/src/components/OpenPages.vue
+++ b/src/components/OpenPages.vue
@@ -79,6 +79,7 @@ export default {
   overflow-x: auto;
   .openItems {
     width: 272px;
+    // min-width: 250px;
     height: 50px;
     border: 1px solid #edf2fa;
     border-left: 0px;
diff --git a/src/views/TestPage.vue b/src/views/TestPage.vue
new file mode 100644
index 00000000..4d2b300d
--- /dev/null
+++ b/src/views/TestPage.vue
@@ -0,0 +1,249 @@
+<template>
+  <div class="testPage">
+    <h2>div横向拖拽排序</h2>
+
+    <div class="box">
+      <ul>
+        <li class="drag"><a href="#">导航一</a></li>
+
+        <li class="drag"><a href="#">导航二导航</a></li>
+
+        <li class="drag"><a href="#">导航导航导航三</a></li>
+
+        <li class="drag"><a href="#">导航导航四</a></li>
+
+        <li class="drag"><a href="#">导五</a></li>
+      </ul>
+    </div>
+  </div>
+</template>
+<script>
+import { reactive, toRefs } from "vue";
+import $ from "jquery";
+export default {
+  name: "TestPage",
+  setup() {
+    const state = reactive({});
+
+    return {
+      ...toRefs(state),
+    };
+  },
+};
+
+$(document).ready(function () {
+  var range = { x: 0, y: 0 }; //鼠标元素偏移量
+  var lastPos = { x: 0, y: 0, x1: 0, y1: 0 }; //拖拽对象的四个坐标
+
+  var tarPos = { x: 0, y: 0, x1: 0, y1: 0 }; //目标元素对象的坐标初始化
+
+  var theDiv = null,
+    move = false;
+
+  var choose = false; //拖拽对象 拖拽状态 选中状态
+
+  // var theDivId = 0;
+  // var theDivHeight = 0;
+  var theDivHalf = 0;
+
+  // var tarFirstY = 0; //拖拽对象的索引、高度、的初始化。
+
+  var tarDiv = null,
+    tarFirst,
+    tempDiv; //要插入的目标元素的对象, 临时的虚线对象
+
+  var initPos = { x: 0, y: 0 };
+
+  var theDivWidth; //拖拽对象的宽度
+
+  $(".drag").each(function () {
+    $(this).mousedown(function (event) {
+      choose = true;
+
+      //拖拽对象
+
+      theDiv = $(this);
+
+      //记录拖拽元素初始位置
+
+      initPos.x = theDiv.position().left;
+
+      initPos.y = theDiv.position().top;
+
+      //鼠标元素相对偏移量
+
+      range.x = event.pageX - theDiv.position().left;
+
+      range.y = event.pageY - theDiv.position().top;
+
+      //  theDivId = theDiv.index();
+
+      theDivWidth = theDiv.width();
+
+      theDivHalf = theDivWidth / 2;
+
+      theDiv.removeClass("drag");
+
+      theDiv.addClass("drag-dash");
+
+      theDiv.css({ left: initPos.x + "px", top: initPos.y + "px" });
+
+      // 创建新元素 插入拖拽元素之前的位置(虚线框)
+
+      $("<div class='dash'></div>").insertBefore(theDiv);
+
+      tempDiv = $(".dash");
+
+      $(".dash").css("width", theDivWidth);
+
+      return false;
+    });
+  });
+
+  $(document)
+    .mouseup(function () {
+      if (!choose) {
+        return false;
+      }
+
+      if (!move) {
+        //恢复对象的初始样式
+
+        theDiv.removeClass("drag-dash");
+
+        theDiv.addClass("drag");
+
+        tempDiv.remove(); // 删除新建的虚线div
+
+        choose = false;
+
+        return false;
+      }
+
+      theDiv.insertBefore(tempDiv); // 拖拽元素插入到 虚线div的位置上
+
+      //恢复对象的初始样式
+
+      theDiv.removeClass("drag-dash");
+
+      theDiv.addClass("drag");
+
+      tempDiv.remove(); // 删除新建的虚线div
+
+      move = false;
+
+      choose = false;
+
+      return false;
+    })
+    .mousemove(function (event) {
+      if (!choose) {
+        return false;
+      }
+
+      move = true;
+
+      lastPos.x = event.pageX - range.x;
+
+      lastPos.y = event.pageY - range.y;
+
+      lastPos.x1 = lastPos.x + theDivWidth;
+
+      // 拖拽元素随鼠标移动
+
+      theDiv.css({ left: lastPos.x + "px", top: lastPos.y + "px" });
+
+      // 拖拽元素随鼠标移动 查找插入目标元素
+
+      var $main = $(".drag"); // 局部变量：按照重新排列过的顺序 再次获取 各个元素的坐标，
+
+      $main.each(function () {
+        tarDiv = $(this);
+
+        tarPos.x = tarDiv.position().left;
+
+        tarPos.y = tarDiv.position().top;
+
+        tarPos.x1 = tarPos.x + tarDiv.width() / 2;
+
+        tarFirst = $main.eq(0); // 获得第一个元素\
+
+        let tarFirstX = tarFirst.position().left + theDivHalf; // 第一个元素对象的中心纵坐标
+
+        //拖拽对象 移动到第一个位置
+
+        if (lastPos.x <= tarFirstX) {
+          tempDiv.insertBefore(tarFirst);
+        }
+
+        //判断要插入目标元素的 坐标后， 直接插入
+
+        if (lastPos.x >= tarPos.x - theDivHalf && lastPos.x1 >= tarPos.x1) {
+          tempDiv.insertAfter(tarDiv);
+        }
+      });
+
+      return false;
+    });
+});
+</script>
+<style scoped lang="scss">
+.testPage {
+  width: 100%;
+  display: flex;
+  background-color: rgba(255, 255, 255, 1);
+  box-shadow: 0px 8px 8px 0px rgba(118, 136, 166, 0.1);
+  overflow-x: auto;
+  .box {
+    position: relative;
+
+    margin-left: 15px;
+
+    padding: 10px;
+
+    padding-right: 0px;
+
+    width: 810px;
+
+    border: blue solid 1px;
+  }
+
+  .box ul {
+    list-style: none;
+
+    overflow: hidden;
+
+    padding: 0;
+
+    margin: 0;
+  }
+
+  .drag {
+    float: left;
+
+    border: #000 solid 1px;
+
+    text-align: center;
+  }
+
+  .box ul li a {
+    display: block;
+
+    padding: 10px 25px;
+  }
+
+  .drag-dash {
+    position: absolute;
+
+    border: #000 solid 1px;
+
+    background: #ececec;
+  }
+
+  .dash {
+    float: left;
+
+    border: 1px solid transparent;
+  }
+}
+</style>

From 8887b0983c30a2b1a25819f758f0f9e49956ce46 Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Sun, 9 Oct 2022 15:33:41 +0800
Subject: [PATCH 2/4] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E7=BA=BF=E4=B8=8A?=
 =?UTF-8?q?=20=E9=9D=A2=E6=8E=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/coursewareManage/add0.png  | Bin 0 -> 610 bytes
 src/assets/images/coursewareManage/add1.png  | Bin 0 -> 782 bytes
 src/views/courselibrary/CoursewareManage.vue | 305 ++++++++++++++++++-
 3 files changed, 291 insertions(+), 14 deletions(-)
 create mode 100644 src/assets/images/coursewareManage/add0.png
 create mode 100644 src/assets/images/coursewareManage/add1.png

diff --git a/src/assets/images/coursewareManage/add0.png b/src/assets/images/coursewareManage/add0.png
new file mode 100644
index 0000000000000000000000000000000000000000..eda77713f12bdd9c33db5e2e06b68d8559aa69a4
GIT binary patch
literal 610
zcmV-o0-gPdP)<h;3K|Lk000e1NJLTq000pH000sQ1^@s6z4<j%00001b5ch_0Itp)
z=>Px%97#k$R5(v{)L-bIV;INr*GG~+Wz50>W|XZK`5R)jQ9Gg>kS%tg<cKmHpeaRG
zoH%kIh5fV<$;nO#OB;pBpUG_g#!h6l95`VvU334|*W>3odFsBd=lxvw=kvMmSm3Fu
zV{it}#(DS-KjD`oho_%px=>Z8;Z9tQvv3lA!w>ijFD5xK``y1FRdq35!4mAn$Jm2q
z=-Q<?4(pP<IS)DtsjBtZir4XIk}npRvSE+mHf%`pQuiEzRMl1Z052rDV<DYp*Q)AX
zJc)~v>`hfI!lyWhD`$nPs+D*go05Dv0d2zytZK-Ocoo+rd4JNl8t-CFk{y#;YxEIr
zZpb6J6_+IWW72p5cH^=n`zE#Hhv;(+X(10Mxn<~cIj$MDw#Do4GJeL%*p;MRYc1cv
zUk!N=pC`F{6duA8_z}O4_fnjQem|UK^XPpB7dGTMoS$UPDD>Y>!Ji`+&*Cn8f@5(g
zNr$f|X$`+>NZa)wRwikOjy_e@;d&d_CuzuRZ87#^b3?Achj=>4#z|vO_s(#xU7CeF
zfTxa#KE|5E?YJSy_W91L>iA!aok@P3SwClF>-i-2&qLa-4%~9AP4d?NrM9a2V0L|9
zlHTq=u^-c%j@LSYy)|sXw=H5-oiMJ1n?{1a!Rq<bywFv!3HRYt^pXF1+$(3cAq`J*
w&+MfCfsCon?ZefMwf#NONavm;-%q#tH^A=PiN=Q@!T<mO07*qoM6N<$f_2m_82|tP

literal 0
HcmV?d00001

diff --git a/src/assets/images/coursewareManage/add1.png b/src/assets/images/coursewareManage/add1.png
new file mode 100644
index 0000000000000000000000000000000000000000..c86ccd6ee92699f307fab29671a1c04e112b5101
GIT binary patch
literal 782
zcmV+p1M&QcP)<h;3K|Lk000e1NJLTq000pH000sQ1^@s6z4<j%00001b5ch_0Itp)
z=>Px%$Vo&&R5(v{lwXKcWf;bP&pErYWmu+`fo3XHuq4}B)KWHQcEtz^y6BIQvCXXI
zO+s216$T4QLfv!~Sk4)DmHrvhO$5cxo?XhIR4i9A%}UCfNC*Q9XU=)ztd7i1`dz-y
z^F4g;^FH4zE^&s39gN+;^_?M$vyf#$%Fp$b-xkj0k3EkmZNH-S!oY~<r5WoneZV4M
zw#6CDuYveZ0VB0Rooc-|LnNxY#~B|Y<^xB8{fMc+EH(51y}+!%tgQ{{^QO>6kwWYz
z1n(L4S`1H?bh!PM_r2?-K?kp4o&=ss%G#ZCrbVKv@5X$M*qM}6x|C0?wW#9f5pN(?
zBqbfy>g~R|(a9m;^n$CntJS#TPIo(Ht3tMnKdmEeLhmDP<sVk5Q1wGHdjjaMm9=jM
zvFZpjjwmK2C2d#_=3BudDpdTc#N&V0x&6Qf)mw=JBfdFJIS_`d92?ZJHjysO6k?a6
z*n5FADeKW`e=5F%fP3ueu`WWa#e9JHU1AOyUnN7@Kh2H(36SL?lZfw=lAg<fLhP3X
zuLCE6vzU{JCBT)y62mJKWo^s3#n^8fZc|kC4$ShTtYQv4u-kL$Dc7h$qb_<8?_i$o
zGzZ;5M`y@ipRLoG3oqGc_(2!O^->tpJvOM*t$p{$?#*B<fPq?B2V1fGclg?W1C9%}
z<<q%S<{QLYNlBYpiG_-b5;dFti6M>8FgEs!z?%WAJRi2$yMT4dcyN5ZK5det?Visp
z?&Ta`CL8o;v%Y%7H#SlZ*;FTn^g=VS`MC1H-D0t3qNFb_m)b(beG)l-EGaAhOXp*s
zpEaYt?p%Y9fmL~HS<2|_E>7eo_I>0ly3Vr984m+nfuDkqsQH`!w+f=zTY$~LT;P=9
zN5NuXp}~UDq^ymXT?H4tsQM;ltjI*S#B!Sx`ATqusmW*bOM9#T0fwC)lKoQ=Qvd(}
M07*qoM6N<$g4HsA4gdfE

literal 0
HcmV?d00001

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 1b1a1ea0..6762e896 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -16,22 +16,21 @@
           </div>
           <div class="select fitems">
             <a-select
-              v-model:value="projectName"
+              dropdownClassName="dropdown-style"
               style="width: 200px"
               placeholder="请选择状态"
-              :options="projectNameList"
-              @change="selectProjectName"
+              :options="options1"
               allowClear
               showSearch
-            ></a-select>
+            >
+          </a-select>
           </div>
           <div class="select fitems">
             <a-select
-              v-model:value="projectName"
+              dropdownClassName="dropdown-style"
               style="width: 200px"
               placeholder="请选择内容分类"
-              :options="projectNameList"
-              @change="selectProjectName"
+              :options="options2"
               allowClear
               showSearch
             ></a-select>
@@ -63,15 +62,95 @@
           </div>
           <div class="btn btn4">
             <div class="search"></div>
-            <div class="btnText">新建课程</div>
+            <div class="btnText" @click="ft_hShow">新建课程</div>
           </div>
-        </div>
+      </div>
     <!-- 搜索框及按钮 -->
     </div>
 
+    <!-- 新建面授课弹窗 -->
+    <div class="faceteach" :style="{display:ft_hs ?  'block' :'none' }">
+      <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_body">
+          <div class="b_header">
+            <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="请输入课程名称" />
+            </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>
+                <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年）”的方式呈现。
+              </span>
+            </div>
+          </div>
+          <div class="b_center">
+            <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>
+            </div>
+            <div class="bc_boxr"  @click="bs_hShow">
+              <div class="ol_checkbox"><div class="checkbtn"></div></div>
+              <span style="margin:auto 31px auto 5px;">面授</span>
+            </div>
+          </div>
+          <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>
+              <div class="ol_checkbox">
+                <div class="checkbtn"></div>
+              </div>
+              <span style="margin:auto 31px auto 5px;">线上</span>
+              <div class="ol_checkbox">
+                <div class="checkbtn"></div>
+              </div>
+              <span style="margin:auto 31px auto 5px;">面授</span>
+            </div>
+          </div>
+          <div class="b_footer">
+            <div class="btn btn5">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="btn btn6" >
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 新建面授课弹窗 -->
+
     <!-- 表格 -->
     <div class="tableBox">
-      <a-table :columns="columns" :data-source="data" :scroll="{ x: 1300, y: 1000 }">
+      <a-table :columns="columns" :data-source="data" :scroll="{ x: 800 }">
         <template #bodyCell="{ column }">
           <template v-if="column.key === 'operation'">
             <a>action</a>
@@ -83,7 +162,7 @@
   </div>
 </template>
 <script>
-import { defineComponent } from 'vue';
+import { reactive, toRefs, defineComponent, ref } from 'vue';
 const columns = [{
   title: '序号',
   width: 200,
@@ -200,20 +279,93 @@ const data = [{
   pubtime: '2022-07-20 9:30',
   ynuse: '启用',
   kkty:true,
-}];
+  }];
 export default defineComponent({
   data() {
+    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 state = reactive({
+      ft_hs:false,
+      hideshow: false,
+      bs_hs:true,
+    });
+
+    const ft_hShow = () => {
+      if (state.ft_hs == false) {
+        state.ft_hs = true
+      } 
+    }
+
+    const hideShow = () => {
+      if (state.hideshow == false) {
+        state.hideshow = true
+      } else {
+        state.hideshow = false
+      }
+    }
+
+    const bs_hShow = () => {
+      if (state.bs_hs == true) {
+        state.bs_hs = false
+      } else {
+        state.bs_hs = true
+      }
+    }
     return {
+      ...toRefs(state),
       data,
       columns,
+      options1,
+      options2,
+      ft_hShow,
+      hideShow,
+      bs_hShow,
     };
   },
 });
 
 </script>
 <style lang="scss">
+// .dropdown-style{
+//   .ant-select-dropdown-menu{
+//     background: #6767bd;
+//   }
+//   .ant-select-dropdown-menu-item {
+//     color: #4EA6FF !important;
+// }
+// }
 .courseManage {
   width: 100%;
+  min-width: 1000px;
   height: 100%;
   display: flex;
   flex-direction: column;
@@ -222,8 +374,8 @@ export default defineComponent({
     margin-left: 38px;
     margin-top: 30px;
     .filter {
-      width: calc(69% - 34px);
-      margin-right: 34px;
+      width: calc(70% - 40px) ;
+      margin-right: 30px ;
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
@@ -328,6 +480,131 @@ export default defineComponent({
         }
       }
     }
+  
+  .faceteach{
+    z-index: 1000;
+    width: 679px;
+    height: 525px;
+    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%);
+    }
+    .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_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;
+              }
+            }
+          }
+          .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;
+            }
+          }
+          .b_sup{
+            margin: 21px auto 14px 52px;
+            .bs_box{
+              display: flex;
+              align-items: center;
+            }
+          }
+          .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;
+              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;
+            }
+          }
+        }
+      }
+  }  
+
   .tableBox {
     margin: 20px 38px 30px;
   }

From bf78f242a8370e491ec556fb50508ddbb142e2fd 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: Sun, 9 Oct 2022 15:34:43 +0800
Subject: [PATCH 3/4] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9=E4=BA=86=E5=88=9B?=
 =?UTF-8?q?=E5=BB=BA=E9=A1=B9=E7=9B=AE=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                 |   1 +
 src/assets/images/projectadd/close.png    | Bin 0 -> 292 bytes
 src/assets/images/projectadd/return.png   | Bin 0 -> 1407 bytes
 src/components/NavLeft.vue                |   6 +
 src/views/projectcenter/ProjectAdd.vue    | 323 +++++++++++++++-------
 src/views/projectcenter/ProjectManage.vue |  38 +--
 src/views/research/ResearchAdd.vue        |   0
 7 files changed, 227 insertions(+), 141 deletions(-)
 create mode 100644 src/assets/images/projectadd/close.png
 create mode 100644 src/assets/images/projectadd/return.png
 create mode 100644 src/views/research/ResearchAdd.vue

diff --git a/README.md b/README.md
index d8a7278a..c8f2399c 100644
--- a/README.md
+++ b/README.md
@@ -65,6 +65,7 @@ ExaminationCenter.vue:考试中心页面
 
 ```
 ResearchManage.vue:调研管理页面
+ResearchAdd.vue:创建调研页面
 
 ```
 
diff --git a/src/assets/images/projectadd/close.png b/src/assets/images/projectadd/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..5cba947b2e1752999011aff7706d16079fe3fd7a
GIT binary patch
literal 292
zcmV+<0o(qGP)<h;3K|Lk000e1NJLTq000R9000UI1^@s6W(9P<00001b5ch_0Itp)
z=>Px#-bqA3R47w*(638FVHC#k?{hD#SQUeRg2g6SoYQ6z!%z$|XESJ4<2JB~!J^zD
z*u-WLMDG|fyMKYfVi1JQGPY;DqH?*gH=XzJIX^f8C|!BRedY?#x!=`i$Yr0FFFZYn
zc?G6`o<w7Ef|HxF27ge+ruQ+Yx#D&dv-!BK_mB_h5>w5OFnnOvT2*zlnD|z(o=3m`
zuPA0Vbh^W=jzL62<^#IMY>h$nbVtW3CawWTIn<Xpc&h09XYo?vg&{m=&>LbSt?1?d
q1R+>z`p{-Y;=$jXrF-gTJC6W`bVVB&*s1OS0000<MNUMnLSTZI7=Mxg

literal 0
HcmV?d00001

diff --git a/src/assets/images/projectadd/return.png b/src/assets/images/projectadd/return.png
new file mode 100644
index 0000000000000000000000000000000000000000..b15f30afaed388efc86045600d2ccb1b453f8d1b
GIT binary patch
literal 1407
zcmV-_1%UdAP)<h;3K|Lk000e1NJLTq001fg001fo1^@s6#ly*400001b5ch_0Itp)
z=>Px)IY~r8R9HvVnOkg>RS?I2XFm#U+3vR07Iu+x5kh0RC@2shNK_zrL4DA~OE4IT
z7kmIE7%{<w0E#h@2gGQC5=@NvpkRWRAW4m)hzdngfmSUT+}>!r?3PMPw`0zJEiCPR
zw{8)gr_G-K%=w==bLPyMPmzI$h%eH{6xGQ@1>=>X7=>Sib`<9jP773J85}Gcsv;Ro
zh4QK_B3bou7K-pFiUmM{OB=_5-2&Ug0i}O?64yj4MFtnPvJ6;_P~vHp-eAR-BCHPw
z)VFT!xFT8~mH7!DZ|d!JYuFV|_|Py|S?pJJPIz0Q-P^oLU<G&&6Q{|$#~Vdh5)P^_
z?C_REYg!~f+h7-PtIG*9fr$vug@bCdm65bWo0}!rVNfoL8#9^Rv#zi%6jU##)9XVt
z5|Lc|>{T$!^F#xopm-*fr{3y&{(AjW7n65{<mq;lgg`?p{27BkTA;2K>RU~<VSX6y
zhp`1v5`bbq7_N>k2^6=7^3>O<1TIspjmrZFA2~7ver<&ElW?To4H~8lgL$Ljh9Xz^
z$oT|iV+vHX2Yr!fQ<DTbvN#5WolNaI4xj(#gi1fYXdK*E>Oxo88VaiAeTdebmGz={
z$;rgqKf|F~CzSp8)DS#5&Cy1p3(7_W)CrADdQ_*P9D^Exd^`1b55o_CIZnXP!7$i>
zmcOmBGe*GUH#yqc9tx<X7m3!!WjVqYJGDL4@M&^w&T>tT8ISvFAbQ>!zjy-NWq;Ro
zbPA!7LDih}Xl+am05hyi9zO${4}dsxyogvm8-^IBUc4i{qMm%kOenq9#&CDKQnhg@
zLeOV7ZSv^sf~`M7Wur4oO{}yCigIE42pAQFswU7O(_-P-vLbl;7Rd5h+TRljsJk`M
z2N8B!!A_lpjo;XlyuJYDj)HN8ke>~Me9$G}>t4Fvk@qUB!(iP!Gw)hRe0Uy(DiV{8
z3SP8A?LGmYRi_`-MD839^T$H=Ap6CfjKT*;K`*?wJT?VpjkMP9f>Ko%laB@Nw}QR?
z9aJ}`AJzF#=S4Sip$oQGz)xxFe0}g9nrLlB!9A)rCVFG%Si#noU%D1kF?y@k&Na8$
zNzS&zwnK2DDLqmjrj;{oi7wMbe*q?0!B*{sczfT`*(I=K@}>V{?QrZ2{N4<WZDvS}
zFEry)ds2^CNkKNedWZG6E&=;ZH1#TMI0xGfgO0-<Sv3pB<inPO_9QjlEzy2$z4q9>
z6F{f0*Y;n2NCHFPkxB6VX{c~~WSDu>aqIhgm~IZkvZ?0QzVOxM+onBKkYkp9Zp6i5
zTHNpSR1$<WbD$;)oA$e*V~uf@p8A{cm4c_H!RY+H9`#DwRl=`}OR)$#l009b`igvZ
zI_x+CM;pA-Gx4skPz}zcDABd$ZDUNb`t*AdPen<RXoh8;&X>9dJr%VsKGH3~bD1{~
zg>#l+#!g4VolpB!IBV09m~2q6#%Y>=^C==Qv8SQd`*EkcY#}GISM_n%9jpKS=W>r1
zy*40D$ILf=WdrEKr0s%fDK`uBRa#bTzU8kA3}6Ey8LJV=RetsXHief{aAYv<wxy$|
z_+K>1dVFye+K$hMgX#^dy|8UtRf`PCi}T8rZsZ~?4F%O6yMS@kUyDR#0Y0`|f!6p=
z!(c_mt?|?qYVZ16d13%RHf#t7l*2>(5(8HrO(opj*Iy*U!%DHxsb7_%TLpZA;{8yb
zs`Q!{JQM9j+K99<+1HtT9F9|pVJL=*(2@E<EHQ|KBXgCD_L?>Qe*g`NDVTl1aBu(s
N002ovPDHLkV1keSoA&?!

literal 0
HcmV?d00001

diff --git a/src/components/NavLeft.vue b/src/components/NavLeft.vue
index 2ef66aed..c9863932 100644
--- a/src/components/NavLeft.vue
+++ b/src/components/NavLeft.vue
@@ -281,6 +281,12 @@ export default {
           selectedKeys: "sub3-2",
           pagename: "课程管理",
         },
+        {
+          href: "/researchmanage",
+          openKeys: "sub5",
+          selectedKeys: "sub5",
+          pagename: "调研管理",
+        },
       ],
     });
 
diff --git a/src/views/projectcenter/ProjectAdd.vue b/src/views/projectcenter/ProjectAdd.vue
index 2b329cbe..17875ebf 100644
--- a/src/views/projectcenter/ProjectAdd.vue
+++ b/src/views/projectcenter/ProjectAdd.vue
@@ -2,100 +2,107 @@
 <template>
     <div class="header">
         <span class="title">创建/编辑单层项目</span>
-        <span class="goback">返回</span>
+        <div class="goback"><span class="return"></span><span class="returntext">返回</span></div>
     </div>
     <div class="content">
-        <div class="main">
-            <div class="select" style="margin-top: 20px;algin-items: center">
-                <span class="star" style="margin-left: 140px">*</span>项目名称
-                <a-input
-                    style="width: 500px; height: 40px; border-radius: 8px;margin-left: 13px"
-                    placeholder="请输入项目名称"                   
-                    allowClear
-                    showSearch
-                ></a-input>
+        <div class="main"> 
+            <div class="name">
+                <div class="d">*</div>
+                <div class="inname">项目名称</div>
+                <div class="in">
+                    <a-input v-model:value="valueE" placeholder="请输入项目名称"/>
+                </div>
+            </div> 
+            <div class="name">
+                <div class="d" style="margin-left: 26px">*</div>
+                <div class="inname" style="width: 50px">分类</div>
+                <div class="in" style="margin-left: 2px">
+                    <a-select
+                        v-model:value="value1"
+                        placeholder="四个养成"
+                        :size="size"
+                        style="width: 100%"
+                        :options="options"
+                    ></a-select>
+                </div>
             </div>
-            <div class="select" style="margin-top: 20px;algin-items: center">
-                <span class="star" style="margin-left:166px">*</span>分类
-                <a-select
-                    style="width: 505px; height: 40px; margin-left: 13px"
-                    placeholder="四个养成"                   
-                    allowClear
-                    showSearch
-                ></a-select>
+            <div class="name">
+                <div class="d" style="margin-left: 9px">*</div>
+                <div class="inname">封面图</div>
+                <div class="box" style="width: 100px;height: 100px;border: 1px solid rgba(78, 166, 255, 1);border-radius: 5px">
+                    <div class="box1"></div>
+                    <div class="box2"></div>
+                </div>
             </div>
-            <div class="select" style="margin-top: 20px;algin-items: center">
-                <span class="star" style="margin-left:152px">*</span>封面图
-                <span class="photo"></span>
+            <div class="name">
+                <div class="d">*</div>
+                <div class="inname">项目时间</div>
+                <div class="in">
+                    <a-range-picker separator="至" style="width: 100%;height: 40px;border-radius: 5px" show-time />
+                </div>
             </div>
-            <div class="select" style="margin-top: 20px;algin-items: center">
-                <span class="star" style="margin-left:140px">*</span>项目时间
-                <a-range-picker v-model:value="value2" show-time style="margin-left:10px;width: 505px"/>
+            <div class="name">
+                <div class="d">*</div>
+                <div class="inname">项目经理</div>
+                <div class="in">
+                    <a-input v-model:value="valueE" placeholder="请选择项目经理"/>
+                </div>
             </div>
-            <div class="select" style="margin-top: 20px;algin-items: center">
-                <span class="star" style="margin-left: 140px">*</span>项目经理
-                <a-input
-                    style="width: 500px; height: 40px; border-radius: 8px;margin-left: 13px"
-                    placeholder="请选择项目经理"                   
-                    allowClear
-                    showSearch
-                ></a-input>
+            <div class="name">
+                <div class="d">*</div>
+                <div class="inname">资源归属</div>
+                <div class="in">
+                    <a-input v-model:value="valueE" placeholder="自动带出 可修改"/>
+                </div>
             </div>
-            <div class="select" style="margin-top: 20px;algin-items: center">
-                <span class="star" style="margin-left: 140px">*</span>资源归属
-                <a-input
-                    style="width: 500px; height: 40px; border-radius: 8px;margin-left: 13px"
-                    placeholder="自动带出 可修改"                                      
-                    allowClear
-                    showSearch
-                ></a-input>
+            <div class="name" style="height: 80px">
+                <div class="d">&nbsp;</div>
+                <div class="inname">项目说明</div>
+                <div class="in">
+                    <a-input v-model:value="valueE" placeholder="请输入项目说明" style="height: 80px"/>
+                </div>
             </div>
-            <div class="select" style="margin-top: 20px;algin-items: center;margin-left: 150px">
-                项目说明
-                <a-input
-                    style="width: 500px; height: 80px; border-radius: 8px;margin-left: 13px"
-                    placeholder="请输入说明" 
-                    type="textarea"                                    
-                    allowClear
-                    showSearch
-                ></a-input>
+            <div class="name">
+                <div class="inname" style="width: 107px;margin-left: -15px">同步学习记录</div>
+                <div class="in">
+                    <a-radio v-model:checked="checked"><span style="width: 100%;color: rgba(109, 117, 132, 1); font-size: 14px">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span></a-radio>
+                </div>
             </div>
-            <div class="select" style="margin-top: 20px;algin-items: center;margin-left: 130px">
-                同步学习记录
-               <a-radio v-model:checked="checked" style="margin-left: 3px">同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</a-radio>
-            </div>
-            <div class="select" style="margin-top: 20px;algin-items: center">
-                <span class="star" style="margin-left: 140px">*</span>项目级别
-                <a-input
-                    style="width: 500px; height: 40px; border-radius: 8px;margin-left: 13px"
-                    placeholder="集团级/组织级/现地级/部门级"                                      
-                    allowClear
-                    showSearch
-                ></a-input>
-            </div>
-            <div class="select" style="margin-top: 20px;algin-items: center">
-                <span class="star" style="margin-left: 140px">*</span>培训体系
-                <a-input
-                    style="width: 500px; height: 40px; border-radius: 8px;margin-left: 13px"
-                    placeholder="集团级/组织级/现地级/部门级"                                      
-                    allowClear
-                    showSearch
-                ></a-input>
-            </div>
-            <div class="select" style="margin-top: 20px;algin-items: center">
-                <span class="star" style="margin-left: 110px">*</span>是否BOEU实施
-                <a-radio v-model:checked="checked">BOEU实施</a-radio>
-            </div>           
+            <div class="name">
+                <div class="d">*</div>
+                <div class="inname">项目级别</div>
+                <div class="in">
+                    <a-input v-model:value="valueE" placeholder="集团级/组织级/现地级/部门级"/>
+                </div>
+            </div> 
+            <div class="name">
+                <div class="d">*</div>
+                <div class="inname">培训体系</div>
+                <div class="in">
+                    <a-input v-model:value="valueE" placeholder="集团级/组织级/现地级/部门级"/>
+                </div>
+            </div> 
+            <div class="name">
+                <div class="d" style="margin-left: -30px">*</div>
+                <div class="inname" style="width: 107px;margin-left: 9px">是否BOEU实施</div>
+                <div class="in">
+                    <a-radio v-model:checked="checked"><span style="width: 100%;color: rgba(109, 117, 132, 1); font-size: 14px">BOEU实施</span></a-radio>
+                </div>
+            </div>      
         </div>
         <div class="template">
-            <div class="select" style="margin-top: 20px;margin-left: 43px;algin-items: center">
-                模板<a-select
-                    style="width: 505px; height: 40px; margin-left: 13px"
-                    placeholder="请选择模板"                   
-                    allowClear
-                    showSearch
-                ></a-select>
-            </div>
+            <div class="name">
+                <div class="inname" style="width: 50px">模板</div>
+                <div class="in" style="margin-left: 2px">
+                    <a-select
+                        v-model:value="value1"
+                        placeholder="请选择模板"
+                        :size="size"
+                        style="width: 100%"
+                        :options="options"
+                    ></a-select>
+                </div>
+            </div> 
         </div>
     </div>
     <div class="footer">
@@ -127,37 +134,141 @@
             //font-weight: 500;
         }
         .goback {
-            color: #4EA6FF;
-            font-size: 14px;
-            padding-right: 39px;
-            padding-top: 37px; 
+            
+            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;
+            }
         }
     }
     .content {
         display: flex;
-        .template {
-            float: right;
-        }
         .main {
             width: 50%;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            //justify-content: center;
             float: left;
             border-right: 1px solid rgba(153, 155, 163, 0.3);
-            .star {
-                color: #FF4E4E;
-                margin-right: 4px;
-                font-size: 20px;
-            }
-            .photo {
-                display: inline-block;
-                width: 100px;
-                height: 100px;
-                margin-left: 13px;
-                border: 1px solid #4EA6FF;
-                border-radius: 8px;
-                //text-align: center;
-                //line-height: 100px;               
-                //color: #4EA6FF;
-            }
+            .name {
+                width: 78%;
+                // background-color: lightcoral;
+                display: flex;
+                margin-top: 20px;
+                align-items: center;
+                //height: 40px;
+                // border: 1px solid black;
+                .d {
+                margin-top: 8px;
+                font-size: 25px;
+                color: #ff4e4e;
+                }
+                .box {
+                    position: relative;
+                    .box1 {
+                        position: absolute;
+                        left: 50%;
+                        top: 50%;
+                        width: 50px;
+                        margin-left: -25px;
+                        margin-top: -5px;
+                        border-top: 2px solid rgba(78, 166, 255, 1);
+                    }
+                    .box2 {
+                        position: absolute;
+                        left: 50%;
+                        top: 50%;
+                        height: 50px;
+                        //margin-left: -5px;
+                        margin-top: -25px;
+                        border-left: 2px solid rgba(78, 166, 255, 1);
+                    }
+                }
+                .inname {
+                color: #6f6f6f;
+                font-size: 14px;
+                margin-left: 7px;
+                width: 65px;
+                }
+                .in {
+                margin-left: 14px;
+                width: 81%;
+                .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;
+                }
+                }
+            }           
+        }
+        .template {
+            width: 50%;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            //justify-content: center;
+            float: right;
+            .name {
+                width: 78%;
+                // background-color: lightcoral;
+                display: flex;
+                margin-top: 20px;
+                align-items: center;
+                height: 40px;
+                // border: 1px solid black;
+                .d {
+                margin-top: 8px;
+                font-size: 25px;
+                color: #ff4e4e;
+                }
+                .inname {
+                color: #6f6f6f;
+                font-size: 14px;
+                margin-left: 7px;
+                width: 65px;
+                }
+                .in {
+                margin-left: 14px;
+                width: 81%;
+                .ant-input {
+                    border-radius: 5px;
+                    // height: 120%;
+                    width: 100%;
+                    height: 40px;
+                }
+                .ant-select-selector {
+                    border-radius: 5px;
+                    // height: 120%;
+                    width: 100%;
+                    height: 40px;
+                }
+                }
+            }           
         }
     }
     .footer {
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index 6cd01734..320fb7f2 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -155,6 +155,7 @@ const columns = [
       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>
@@ -223,25 +224,9 @@ export default {
                   state: "草稿",
                   creater: "毛继禹",
                   time: "2022-07-20 14:00:03",
-                },
-                {
-                  key: 8,
-                  projectName: "管理者进阶8",
-                  manager: "黄华  刘俊",
-                  state: "草稿",
-                  creater: "毛继禹",
-                  time: "2022-07-20 14:00:03",
-                },
+                },               
               ],
             },
-            {
-              key: 6,
-              projectName: "管理者进阶6",
-              manager: "黄华  刘俊",
-              state: "草稿",
-              creater: "毛继禹",
-              time: "2022-07-20 14:00:03",
-            },
           ],
         },
         {
@@ -251,6 +236,7 @@ export default {
           state: "草稿",
           creater: "毛继禹",
           time: "2022-07-20 14:00:03",
+          hasChildren: true,
         },
         {
           key: 3,
@@ -268,24 +254,6 @@ export default {
               state: "草稿",
               creater: "毛继禹",
               time: "2022-07-20 14:00:03",
-              children: [
-                {
-                  key: 37,
-                  projectName: "管理者进阶37",
-                  manager: "黄华  刘俊",
-                  state: "草稿",
-                  creater: "毛继禹",
-                  time: "2022-07-20 14:00:03",
-                },
-                {
-                  key: 38,
-                  projectName: "管理者进阶38",
-                  manager: "黄华  刘俊",
-                  state: "草稿",
-                  creater: "毛继禹",
-                  time: "2022-07-20 14:00:03",
-                },
-              ],
             },
             {
               key: 36,
diff --git a/src/views/research/ResearchAdd.vue b/src/views/research/ResearchAdd.vue
new file mode 100644
index 00000000..e69de29b

From 5ffe88b3692c27acb14b93934c21d08daf67d93d 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: Sun, 9 Oct 2022 16:19:41 +0800
Subject: [PATCH 4/4] =?UTF-8?q?style:=E4=BF=AE=E6=94=B9=E5=B7=A6=E4=BE=A7?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NavLeft.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/NavLeft.vue b/src/components/NavLeft.vue
index 18eff5fe..ad8535e1 100644
--- a/src/components/NavLeft.vue
+++ b/src/components/NavLeft.vue
@@ -286,6 +286,8 @@ export default {
           openKeys: "sub9",
           selectedKeys: "sub9",
           pagename: "系统管理",
+        },
+        {
           href: "/researchmanage",
           openKeys: "sub5",
           selectedKeys: "sub5",