action items

src/menu/modules/agenda-items.ts

@@ -0,0 +1,16 @@
+const agendaItems: Menu.MenuOptions = {
+  component: '/agenda-items/index',
+  name: 'agendaItems',
+  path: '/agenda-items',
+  meta: {
+    icon: '',
+    isAffix: true,
+    isFull: false,
+    isHide: false,
+    isKeepAlive: true,
+    isLink: '',
+    title: 'Agenda Items',
+    index: 0
+  }
+};
+export default agendaItems;

src/menu/modules/home.ts

@@ -26,34 +26,6 @@ const home: Menu.MenuOptions = {
         isLink: '',
         title: 'AA'
       }
-    },
-    {
-      component: '/actionItems/index',
-      name: 'actionItemsIndex',
-      path: '/action-items/index',
-      meta: {
-        icon: '',
-        isAffix: false,
-        isFull: false,
-        isHide: false,
-        isKeepAlive: true,
-        isLink: '',
-        title: 'Action Items'
-      }
-    },
-    {
-      component: '/agendaItem/index',
-      name: 'agendaItemIndex',
-      path: '/agenda-items/index',
-      meta: {
-        icon: '',
-        isAffix: false,
-        isFull: false,
-        isHide: false,
-        isKeepAlive: true,
-        isLink: '',
-        title: 'Agenda Items'
-      }
     }
   ]
 };

src/pages/action-items/components/ActionItems.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="content">
+    <label class="select-name" >Committee Name</label>
+    <el-select v-model="value" placeholder="Select">
+    <el-option
+      v-for="item in CommitteeList"
+      :key="item.value"
+      :label="item.label"
+      :value="item.value"
+      :disabled="item.disabled"
+    />
+  </el-select>
+  </div>
+</template>
+<script>
+export default {
+  name: 'ActionItmes',
+  data() {
+    return {
+      value:'',
+      CommitteeList:[
+      {
+    value: 'Option1',
+    label: 'Option1',
+  },
+  {
+    value: 'Option2',
+    label: 'Option2',
+  },
+  {
+    value: 'Option3',
+    label: 'Option3',
+  },
+  {
+    value: 'Option4',
+    label: 'Option4',
+  },
+  {
+    value: 'Option5',
+    label: 'Option5',
+  }
+      ]
+    }
+  }
+}
+
+</script>
+<style lang="scss" scoped>
+.content{
+  width: 100%;
+  height: 100%;
+  .select-name{
+    margin-top: 50px;
+    background: red;
+  }
+}
+</style>

src/pages/action-items/index.vue

@@ -1,6 +1,49 @@
 <template>
-  <div>111</div>
+  <StPage>
+    <div class="home">
+      <div class="div-left">
+        left
+      </div>
+      <div class="div-right">
+        <ActionItems/>
+      </div>
+    </div>
+  </StPage>
 </template>
-<script lang="ts" setup>
-// 逻辑代码
+
+<route lang="yaml">
+meta:
+  title: action items
+  isAffix: true
+</route>
+<script>
+import ActionItems from './components/ActionItems.vue';
+
+export default {
+  name: 'ActionItem',
+  components: {
+    ActionItems
+  }
+  }
 </script>
+<style lang="scss" scoped>
+.home {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  .div-left{
+    float: left;
+    height: 100%;
+    border-radius: 5px;
+    background-color: gray;
+    flex: 0 0 20%; 
+  }
+  
+  .div-right{
+    flex: 1; 
+    height: 100%;
+    overflow: hidden; 
+    border-radius: 5px;
+  }
+}
+</style>

src/pages/actionItems/index.vue → src/pages/agenda-items/index.vue

@@ -1,7 +1,7 @@
 <template>
   <StPage>
     <div class="home card">
-      <img class="home-bg" src="@/assets/images/welcome.png" alt="welcome" />
+      agenda item
     </div>
   </StPage>
 </template>

src/pages/agendaItem/index.vue

@@ -1,28 +0,0 @@
-<template>
-  <StPage>
-    <div class="home card">
-      <img class="home-bg" src="@/assets/images/welcome.png" alt="welcome" />
-    </div>
-  </StPage>
-</template>
-
-<route lang="yaml">
-meta:
-  title: action items
-  isAffix: true
-</route>
-
-<style lang="scss" scoped>
-.home {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  .home-bg {
-    width: 70%;
-    max-width: 1200px;
-    margin-bottom: 20px;
-  }
-}
-</style>