增加会议系统初步设计页面

src/layout/components/Sidebar/index.vue

@@ -94,7 +94,7 @@ export default {
     // 导航栏页面更改
     handleSelect(key, keyPath) {
 
-      if (key!=="/userManage" && key!=="/fileList" && key !== "/platformData" && key !== "/OSD" && key !== "/expert/form" && key !== "/expert/add"){
+      if (key!=="/userManage" && key!=="/fileList" && key !== "/platformData" && key !== "/OSD" && key !== "/expert/form" && key !== "/expert/add" && key !== "/meetingSys/Add" && key !== "/meetingSys/List"){
         console.log(key)
         pageUtils.openPage(this.$router,"/fileListV2/"+ key)
 

src/router/index.js

@@ -147,6 +147,27 @@ export const constantRoutes = [
 
     ]
   },
+  {
+    path:'/meetingSys',
+    redirect: '/meeting/Add',
+    component: Layout,
+    meta: {title: '会议系统',icon: 'el-icon-s-data'},
+    children: [
+      {
+        path: "Add",
+        name: 'AddMeeting',
+        component:() => import("@/views/meetingSys/AddMeeting"),
+        meta: {title: '添加会议',icon: 'el-icon-s-data'},
+      },
+      {
+        path: "List",
+        name: 'MeetingList',
+        component:() => import("@/views/meetingSys/MeetingList"),
+        meta: {title: '会议列表',icon: 'el-icon-s-data'},
+      },
+
+    ]
+  },
   // {
   //   path: '/example',
   //   component: Layout,

src/views/meetingSys/AddMeeting.vue

@@ -0,0 +1,69 @@
+<template>
+
+  <div class="app-container">
+    <h2>添加会议</h2>
+    <h3 style="margin-bottom: 50px">请选择参会专家</h3>
+    <div class="transfer">
+      <el-transfer
+        filterable
+        :titles="['专家库', '已选专家']"
+        :filter-method="filterMethod"
+        filter-placeholder="请输入专家姓名"
+        v-model="value"
+        :data="data">
+      </el-transfer>
+    </div>
+
+    <h3 style=" margin-bottom: 50px">请选择项目组成员</h3>
+    <div class="transfer">
+      <el-transfer
+        filterable
+        :titles="['项目组成员', '已选名单']"
+        :filter-method="filterMethod"
+        filter-placeholder="请输入姓名"
+        v-model="value"
+        :data="data">
+      </el-transfer>
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AddMeeting',
+  data() {
+    const generateData = _ => {
+      const data = [];
+      const cities = ['李光杰', '李明军', '李维昊', '张启磊', '张丁介', '赵鸿儒', '林雪儿'];
+      const pinyin = ['李光杰', '李明军', '李维昊', '张启磊', '张丁介', '赵鸿儒', '林雪儿'];
+      cities.forEach((city, index) => {
+        data.push({
+          label: city,
+          key: index,
+          pinyin: pinyin[index]
+        });
+      });
+      return data;
+    };
+    return {
+      data: generateData(),
+      value: [],
+      filterMethod(query, item) {
+        return item.pinyin.indexOf(query) > -1;
+      }
+    };
+  }
+}
+</script>
+
+<style scoped>
+.transfer{
+  display: flex;
+  flex-direction: column;
+  align-items: center;        /* 水平居中 */
+}
+::v-deep .el-transfer-panel {
+   width: 500px !important;
+}
+</style>

src/views/meetingSys/MeetingList.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: 'MeetingList'
+}
+</script>
+
+<style scoped>
+
+</style>