1

src/components/common/Header.vue

@@ -5,7 +5,7 @@
       <i v-if="!collapse" class="el-icon-s-fold"></i>
       <i v-else class="el-icon-s-unfold"></i>
     </div>
-    <div class="logo">网站中台</div>
+    <div class="logo">中科在线（长春）-管理后台</div>
     <div class="header-right">
       <div class="header-user-con">
         <!-- 全屏显示 -->
@@ -110,7 +110,7 @@ export default {
 }
 .header .logo {
   float: left;
-  width: 250px;
+  width: 25%;
   line-height: 60px;
 }
 .header-right {

src/router/index.js

@@ -25,6 +25,11 @@ export default new Router({
           component: () => import('../views/gly/index.vue'),
           meta: { title: '管理员管理' },
         },
+        {
+          path: '/gly/detail',
+          component: () => import('../views/gly/detail.vue'),
+          meta: { title: '管理员信息管理' },
+        },
       ],
     },
     {

src/views/gly/detail.vue

@@ -0,0 +1,32 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24">
+        <p>detail</p>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  name: 'detail',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/gly/index.vue

@@ -1,14 +1,20 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24">
-        <p>index</p>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="add">
+          <el-button type="primary" size="mini" @click="add">添加</el-button>
+        </el-col>
+        <el-col :span="24" class="list">
+          <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @edit="toEdit" @delete="toDelete"></data-table>
+        </el-col>
       </el-col>
     </el-row>
   </div>
 </template>
 
 <script>
+import dataTable from '@common/src/components/frame/filter-page-table.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   metaInfo() {
@@ -16,12 +22,39 @@ export default {
   },
   name: 'index',
   props: {},
-  components: {},
+  components: {
+    dataTable,
+  },
   data: function() {
-    return {};
+    return {
+      opera: [
+        {
+          label: '编辑',
+          method: 'edit',
+        },
+        {
+          label: '删除',
+          method: 'delete',
+        },
+      ],
+      fields: [
+        { label: '房间号', prop: 'room_id', filter: 'input' },
+        { label: '标题', prop: 'title' },
+        { label: '开始时间', prop: 'create_date' },
+        { label: '负责人', prop: 'user' },
+        { label: '联系电话', prop: 'phone' },
+      ],
+      list: [],
+      total: 0,
+    };
   },
   created() {},
-  methods: {},
+  methods: {
+    // 添加数据
+    add() {
+      this.$router.push({ path: '/gly/detail' });
+    },
+  },
   computed: {
     ...mapState(['user']),
   },
@@ -29,4 +62,10 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  .add {
+    text-align: right;
+  }
+}
+</style>