Home Explore Help
Register Sign In
shaogen1995
/
WuZhongBWG
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

up

shaogen1995 3 years ago
parent
1248410e01
commit
1b2275f694
14 changed files with 52 additions and 502 deletions
Split View Show Diff Stats
  1. 1 1
      houtai/public/index.html
  2. 1 11
      houtai/src/assets/css/base.css
  3. BIN
      houtai/src/assets/img/bg.jpg
  4. 0 12
      houtai/src/router/index.js
  5. 10 11
      houtai/src/views/layout/index.vue
  6. 8 13
      houtai/src/views/login.vue
  7. 31 24
      houtai/src/views/tab1/index.vue
  8. 0 45
      houtai/src/views/tab1Main/four.vue
  9. 0 197
      houtai/src/views/tab1Main/index.vue
  10. 0 45
      houtai/src/views/tab1Main/one.vue
  11. 0 45
      houtai/src/views/tab1Main/three.vue
  12. 0 45
      houtai/src/views/tab1Main/tow.vue
  13. 1 1
      houtai/src/views/tab2/index.vue
  14. 0 52
      houtai/src/views/tab4/index.vue

+ 1 - 1
houtai/public/index.html
View File 

@@ -5,7 +5,7 @@
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
-    <title>传统村落一张图-管理后台</title>
 
+    <title>吴忠博物馆-管理后台</title>
 
   </head>
 
   <body>
 
     <noscript>

+ 1 - 11
houtai/src/assets/css/base.css
View File 

@@ -45,17 +45,7 @@ a {
 
   color: #F56C6C;
 
 }
 
 
-.el-button--primary{
 
-  background-color: #b9412e;
 
-  border-color: #b9412e;
 
-}
 
-.el-button--primary:focus, .el-button--primary:hover {
 
-  background: #a30014;
 
-  border-color: #a30014;
 
-}
 
-.el-input.is-active .el-input__inner, .el-input__inner:focus {
 
-  border-color: #b9412e;
 
-}
 
+
 
 .cell{
 
   text-align: center !important;
 
 }

BIN
houtai/src/assets/img/bg.jpg
View File


+ 0 - 12
houtai/src/router/index.js
View File 

@@ -21,12 +21,6 @@ const routes = [
 
         component: () => import('../views/tab1/index.vue')
 
       },
 
       {
 
-        path: 'tab1Main/:id/:k',
 
-        name: 'tab1Main',
 
-        meta: { myInd: 1 },
 
-        component: () => import('../views/tab1Main/index.vue')
 
-      },
 
-      {
 
         path: 'tab2',
 
         name: 'tab2',
 
         meta: { myInd: 2 },
 
@@ -37,12 +31,6 @@ const routes = [
 
         name: 'tab3',
 
         meta: { myInd: 3 },
 
         component: () => import('../views/tab3/index.vue')
 
-      },
 
-      {
 
-        path: 'tab4',
 
-        name: 'tab4',
 
-        meta: { myInd: 4 },
 
-        component: () => import('../views/tab4/index.vue')
 
       }
 
     ]
 
   }

+ 10 - 11
houtai/src/views/layout/index.vue
View File 

@@ -18,7 +18,7 @@
 
     </div>
 
     <div class="con">
 
       <div class="left">
 
-        <div class="biaoji el-icon-message" :class="{biaojiAc: $route.meta.myInd===1}">内容管理</div>
 
+        <div class="biaoji el-icon-message" :class="{biaojiAc: $route.meta.myInd<=2}">内容管理</div>
 
         <ul>
 
           <li
 
             v-for="item in tab1"
 
@@ -29,7 +29,7 @@
 
             {{ item.name }}
 
           </li>
 
         </ul>
 
-        <div class="biaoji el-icon-setting" :class="{biaojiAc: $route.meta.myInd>1}">系统管理</div>
 
+        <div class="biaoji el-icon-setting" :class="{biaojiAc: $route.meta.myInd>2}">系统管理</div>
 
         <ul>
 
           <li
 
             v-for="item in tab2"
 
@@ -114,12 +114,11 @@ export default {
 
       cut: false,
 
       isShow: false,
 
       tab1: [
 
-        { name: '资料管理', id: 1, url: '/layout/tab1' }
 
+        { name: '场景管理', id: 1, url: '/layout/tab1' },
 
+        { name: '典藏管理', id: 2, url: '/layout/tab2' }
 
       ],
 
       tab2: [
 
-        { name: '用户管理', id: 2, url: '/layout/tab2' },
 
-        { name: '数据统计', id: 3, url: '/layout/tab3' },
 
-        { name: '操作日志', id: 4, url: '/layout/tab4' }
 
+        { name: '操作日志', id: 3, url: '/layout/tab3' }
 
       ]
 
     }
 
   },
 
@@ -207,7 +206,7 @@ export default {
 
     min-width: 1860px;
 
     box-shadow: 1px 3px 3px 3px rgb(196, 177, 177);
 
     height: 70px;
 
-    background-color: #a30014;
 
+    background-color: #3a80d2;
 
     display: flex;
 
     align-items: center;
 
     & > P {
 
@@ -268,7 +267,7 @@ export default {
 
         position: absolute;
 
         right: 0;
 
         bottom: -90px;
 
-        background-color: #a30014;
 
+        background-color: #3a80d2;
 
         li {
 
           color: #fff;
 
           cursor: pointer;
 
@@ -309,7 +308,7 @@ export default {
 
       padding-right: 30px;
 
     }
 
     .biaojiAc{
 
-      background-color: #a30014;
 
+      background-color: #3a80d2;
 
       color: #fff;
 
     }
 
     ul {
 
@@ -318,11 +317,11 @@ export default {
 
         padding-left: 55px;
 
         margin: 30px 0;
 
         &:hover {
 
-          color: #a30014;
 
+          color: #3a80d2;
 
         }
 
       }
 
       .active {
 
-        color: #a30014;
 
+        color: #3a80d2;
 
       }
 
     }
 
   }

+ 8 - 13
houtai/src/views/login.vue
View File 

@@ -1,11 +1,10 @@
 
 <!--  -->
 
 <template>
 
   <div class="login">
 
-    <div class="top">江门市中国传统村落一张图</div>
 
     <div class="con">
 
       <div class="left">
 
-        <p>江门市中国传统村落</p>
 
-        <p>一张图管理后台</p>
 
+        <p>吴忠博物馆</p>
 
+        <p>线上展馆管理后台</p>
 
       </div>
 
       <div class="right">
 
         <p>欢迎登录</p>
 
@@ -101,16 +100,12 @@ export default {
 
   height: 100vh;
 
   background: url("../assets/img/bg.jpg");
 
   background-size: cover;
 
-  .top {
 
-    letter-spacing: 10px;
 
-    font-size: 24px;
 
-    font-weight: 700;
 
-    color: #fff;
 
-    padding: 40px 0 0 35px;
 
-  }
 
   .con {
 
     display: flex;
 
-    margin: 180px auto 0;
 
+    position: absolute;
 
+    top: 50%;
 
+    left: 50%;
 
+    transform: translate(-50%,-50%);
 
     width: 700px;
 
     height: 400px;
 
     .left {
 
@@ -119,7 +114,7 @@ export default {
 
       justify-content: center;
 
       width: 350px;
 
       height: 100%;
 
-      background-color: rgba(163, 0, 20, 0.8);
 
+      background-color: rgba(58, 128, 210, 0.8);
 
       & > p {
 
         width: 80%;
 
         margin: 0 auto;
 
@@ -149,7 +144,7 @@ export default {
 
         line-height: 40px;
 
         text-align: center;
 
         margin: 50px auto 0;
 
-        background-color: #b9412e;
 
+        background-color: #3a80d2;
 
         border-radius: 8px;
 
         color: #fff;
 
       }

+ 31 - 24
houtai/src/views/tab1/index.vue
View File 

@@ -1,10 +1,10 @@
 
 <template>
 
   <div class="tab1">
 
-    <div class="insideTop">资料管理</div>
 
+    <div class="insideTop">场景管理</div>
 
     <div class="obstruct"></div>
 
     <div class="conten">
 
       <div class="search">
 
-        <span>村落名称：</span>
 
+        <span>场景名称：</span>
 
         <el-input
 
           type="text"
 
           placeholder="请输入内容"
 
@@ -12,18 +12,18 @@
 
           maxlength="25"
 
           show-word-limit
 
         />
 
-        <el-button type="primary">查询</el-button>
 
-        <el-button>重置</el-button>
 
+        <el-button type="primary" @click="sreach">查询</el-button>
 
+        <el-button @click="reset">重置</el-button>
 
       </div>
 
       <div class="table">
 
         <el-table :data="tableData" style="width: 100%">
 
           <el-table-column prop="id" label="编号" width="200"></el-table-column>
 
-          <el-table-column prop="name" label="村落名称"></el-table-column>
 
-          <el-table-column prop="time" label="最近更新时间"></el-table-column>
 
+          <el-table-column prop="name" label="场景名称"></el-table-column>
 
+          <el-table-column prop="time" label="发布时间"></el-table-column>
 
           <el-table-column label="操作">
 
             <template #default="{ row }">
 
-              <el-button type="text" @click="$router.push(`/layout/tab1Main/${row.id}/1.1`)"
 
-                >编辑</el-button
 
+              <el-button type="text"
 
+                >编辑{{row.id}}</el-button
 
               >
 
             </template>
 
           </el-table-column>
 
@@ -41,20 +41,14 @@ export default {
 
     // 这里存放数据
 
     return {
 
       name: '',
 
-      tableData: [
 
-        { name: '东宁村', id: 1, time: '2022-03-25 10:48:16' },
 
-        { name: '良溪村', id: 2, time: '2022-03-25 10:48:16' },
 
-        { name: '卢边村', id: 1, time: '2022-03-25 10:48:16' },
 
-        { name: '田心村', id: 1, time: '2022-03-25 10:48:16' },
 
-        { name: '仓前村', id: 1, time: '2022-03-25 10:48:16' },
 
-        { name: '霄南村', id: 1, time: '2022-03-25 10:48:16' },
 
-        { name: '歇马村', id: 1, time: '2022-03-25 10:48:16' },
 
-        { name: '自力村', id: 1, time: '2022-03-25 10:48:16' },
 
-        { name: '马降龙村', id: 1, time: '2022-03-25 10:48:16' },
 
-        { name: '浮石村', id: 1, time: '2022-03-25 10:48:16' },
 
-        { name: '浮月村', id: 1, time: '2022-03-25 10:48:16' },
 
-        { name: '横江村', id: 1, time: '2022-03-25 10:48:16' }
 
-      ]
 
+      dataAll: [
 
+        { name: '1185', id: 1, time: '2022-05-20 00:00:00' },
 
+        { name: '1186', id: 2, time: '2022-05-20 02:00:00' },
 
+        { name: '1187', id: 3, time: '2022-05-20 04:00:00' },
 
+        { name: '1188', id: 4, time: '2022-05-20 06:00:00' },
 
+        { name: '1189', id: 5, time: '2022-05-20 08:00:00' }
 
+      ],
 
+      tableData: []
 
     }
 
   },
 
   // 监听属性 类似于data概念
 
@@ -62,9 +56,22 @@ export default {
 
   // 监控data中的数据变化
 
   watch: {},
 
   // 方法集合
 
-  methods: {},
 
+  methods: {
 
+    // 点击搜索
 
+    sreach () {
 
+      const txt = this.name.trim()
 
+      this.tableData = this.dataAll.filter(v => v.name.includes(txt))
 
+    },
 
+    // 点击重置
 
+    reset () {
 
+      this.name = ''
 
+      this.tableData = [...this.dataAll]
 
+    }
 
+  },
 
   // 生命周期 - 创建完成（可以访问当前this实例）
 
-  created () {},
 
+  created () {
 
+    this.tableData = [...this.dataAll]
 
+  },
 
   // 生命周期 - 挂载完成（可以访问DOM元素）
 
   mounted () {},
 
   beforeCreate () {}, // 生命周期 - 创建之前

+ 0 - 45
houtai/src/views/tab1Main/four.vue
View File 

@@ -1,45 +0,0 @@
 
-<!--  -->
 
-<template>
 
-<div class='four'>four</div>
 
-</template>
 
-
 
-<script>
 
-export default {
 
-  components: {},
 
-  data () {
 
-    return {
 
-
 
-    }
 
-  },
 
-  computed: {},
 
-  methods: {
 
-
 
-  },
 
-  // 生命周期 - 创建完成（可以访问当前this实例）
 
-  created () {
 
-
 
-  },
 
-  // 生命周期 - 挂载完成（可以访问DOM元素）
 
-  mounted () {
 
-
 
-  },
 
-  beforeCreate () {}, // 生命周期 - 创建之前
 
-  beforeMount () {}, // 生命周期 - 挂载之前
 
-  beforeUpdate () {}, // 生命周期 - 更新之前
 
-  updated () {}, // 生命周期 - 更新之后
 
-  beforeDestroy () {}, // 生命周期 - 销毁之前
 
-  destroyed () {}, // 生命周期 - 销毁完成
 
-  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
 
-}
 
-</script>
 
-<style lang='less' scoped>
 
-.four{
 
-  width: 100%;
 
-  height: 100%;
 
-  background-color: blue;
 
-  display: flex;
 
-  justify-content: center;
 
-  align-items: center;
 
-}
 
-
 
-</style>

+ 0 - 197
houtai/src/views/tab1Main/index.vue
View File 

@@ -1,197 +0,0 @@
 
-<template>
 
-  <div class="tab1Main">
 
-    <div class="insideTop">资料管理</div>
 
-    <div class="obstruct"></div>
 
-    <div class="conten">
 
-      <div class="top">编辑资料</div>
 
-      <div class="left">
 
-        <div class="name">卢边村</div>
 
-        <div class="row" v-for="(item, index) in data" :key="index">
 
-          <div class="rowOne el-icon-menu" @click="cutTab(item.id)">
 
-            <span class="txt">{{ item.name }}</span>
 
-            <i
 
-              :class="`${
 
-                tabInd === item.id ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
 
-              }`"
 
-            ></i>
 
-          </div>
 
-          <div
 
-            class="rowList"
 
-            :class="{
 
-              open: tabInd === item.id,
 
-              active: $route.params.k == val.id,
 
-            }"
 
-            @click="
 
-              $router.push(`/layout/tab1Main/${$route.params.id}/${val.id}`)
 
-            "
 
-            v-for="(val, ind) in item.son"
 
-            :key="ind"
 
-          >
 
-            {{ val.tit }}
 
-          </div>
 
-        </div>
 
-      </div>
 
-      <div class="right">
 
-        <One v-if="$route.params.k == 1.1" />
 
-        <Tow v-else-if="$route.params.k == 1.2" />
 
-        <Three v-else-if="$route.params.k == 1.3" />
 
-        <Four v-else />
 
-      </div>
 
-    </div>
 
-  </div>
 
-</template>
 
-
 
-<script>
 
-import One from './one.vue'
 
-import Tow from './tow.vue'
 
-import Three from './three.vue'
 
-import Four from './four.vue'
 
-export default {
 
-  name: 'tab1Main',
 
-  components: { One, Tow, Three, Four },
 
-  data () {
 
-    // 这里存放数据
 
-    return {
 
-      tabInd: 1,
 
-      data: [
 
-        {
 
-          name: '历史文化',
 
-          id: 1,
 
-          son: [
 
-            { tit: '建村历史', id: 1.1 },
 
-            { tit: '历史人物', id: 1.2 },
 
-            { tit: '历史事件', id: 1.3 },
 
-            { tit: '族谱家训', id: 1.4 },
 
-            { tit: '口述史', id: 1.5 },
 
-            { tit: '视频集', id: 1.6 }
 
-          ]
 
-        },
 
-        {
 
-          name: '环境格局',
 
-          id: 2,
 
-          son: [
 
-            { tit: '村落选址', id: 2.1 },
 
-            { tit: '村落格局', id: 2.2 },
 
-            { tit: '建村智慧', id: 2.3 },
 
-            { tit: '自然环境', id: 2.4 },
 
-            { tit: '风景名胜', id: 2.5 },
 
-            { tit: '文物古迹', id: 2.6 },
 
-            { tit: '历史环境要素', id: 2.7 }
 
-          ]
 
-        },
 
-        {
 
-          name: '传统建筑',
 
-          id: 3,
 
-          son: [
 
-            { tit: '建筑信息', id: 3.1 },
 
-            { tit: '村落风貌', id: 3.2 },
 
-            { tit: '视频集', id: 3.3 }
 
-          ]
 
-        }
 
-      ]
 
-    }
 
-  },
 
-  // 监听属性 类似于data概念
 
-  computed: {},
 
-  // 监控data中的数据变化
 
-  watch: {},
 
-  // 方法集合
 
-  methods: {
 
-    cutTab (id) {
 
-      if (this.tabInd === id) {
 
-        this.tabInd = null
 
-        return
 
-      }
 
-      this.tabInd = id
 
-      let k = Number(this.$route.params.k)
 
-      k = Math.floor(k)
 
-      if (this.tabInd !== k) {
 
-        this.$router.push(`/layout/tab1Main/${this.$route.params.id}/${id}.1`)
 
-      }
 
-    }
 
-  },
 
-  // 生命周期 - 创建完成（可以访问当前this实例）
 
-  created () {},
 
-  // 生命周期 - 挂载完成（可以访问DOM元素）
 
-  mounted () {
 
-    const k = Number(this.$route.params.k)
 
-    this.tabInd = Math.floor(k)
 
-  },
 
-  beforeCreate () {}, // 生命周期 - 创建之前
 
-  beforeMount () {}, // 生命周期 - 挂载之前
 
-  beforeUpdate () {}, // 生命周期 - 更新之前
 
-  updated () {}, // 生命周期 - 更新之后
 
-  beforeDestroy () {}, // 生命周期 - 销毁之前
 
-  destroyed () {}, // 生命周期 - 销毁完成
 
-  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
 
-}
 
-</script>
 
-<style lang='less' scoped>
 
-.tab1Main {
 
-  width: 100%;
 
-  height: 100%;
 
-  .conten {
 
-    display: flex;
 
-    position: relative;
 
-    padding: 34px 20px 0;
 
-    height: calc(100% - 50px);
 
-    .top {
 
-      position: absolute;
 
-      top: 0;
 
-      left: 0;
 
-      height: 34px;
 
-      line-height: 34px;
 
-      width: 100%;
 
-      background-color: #f2f1f0;
 
-      font-weight: 700;
 
-      padding-left: 30px;
 
-    }
 
-    .left {
 
-      padding-top: 10px;
 
-      width: 140px;
 
-      height: 100%;
 
-      border-right: 1px solid #d7d7d7;
 
-      .row {
 
-        margin-top: 20px;
 
-        .rowOne {
 
-          cursor: pointer;
 
-          width: 100%;
 
-          position: relative;
 
-          i {
 
-            position: absolute;
 
-            top: 50%;
 
-            right: 5px;
 
-            transform: translateY(-50%);
 
-          }
 
-          .txt {
 
-            margin-left: 10px;
 
-          }
 
-        }
 
-        .rowList {
 
-          cursor: pointer;
 
-          padding-left: 18px;
 
-          height: 0;
 
-          overflow: hidden;
 
-          transition: margin 0.3s;
 
-          &:hover {
 
-            color: #a30014;
 
-          }
 
-        }
 
-        .open {
 
-          margin-top: 10px;
 
-          height: auto;
 
-        }
 
-        .active {
 
-          pointer-events: none;
 
-          color: #a30014;
 
-        }
 
-      }
 
-    }
 
-    .right {
 
-      width: calc(100% - 140px);
 
-      height: 100%;
 
-      overflow-y: auto;
 
-    }
 
-  }
 
-}
 
-</style>

+ 0 - 45
houtai/src/views/tab1Main/one.vue
View File 

@@ -1,45 +0,0 @@
 
-<!--  -->
 
-<template>
 
-<div class='one'>one</div>
 
-</template>
 
-
 
-<script>
 
-export default {
 
-  components: {},
 
-  data () {
 
-    return {
 
-
 
-    }
 
-  },
 
-  computed: {},
 
-  methods: {
 
-
 
-  },
 
-  // 生命周期 - 创建完成（可以访问当前this实例）
 
-  created () {
 
-
 
-  },
 
-  // 生命周期 - 挂载完成（可以访问DOM元素）
 
-  mounted () {
 
-
 
-  },
 
-  beforeCreate () {}, // 生命周期 - 创建之前
 
-  beforeMount () {}, // 生命周期 - 挂载之前
 
-  beforeUpdate () {}, // 生命周期 - 更新之前
 
-  updated () {}, // 生命周期 - 更新之后
 
-  beforeDestroy () {}, // 生命周期 - 销毁之前
 
-  destroyed () {}, // 生命周期 - 销毁完成
 
-  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
 
-}
 
-</script>
 
-<style lang='less' scoped>
 
-.one{
 
-  width: 100%;
 
-  height: 100%;
 
-  background-color: aliceblue;
 
-  display: flex;
 
-  justify-content: center;
 
-  align-items: center;
 
-}
 
-
 
-</style>

+ 0 - 45
houtai/src/views/tab1Main/three.vue
View File 

@@ -1,45 +0,0 @@
 
-<!--  -->
 
-<template>
 
-<div class='three'>three</div>
 
-</template>
 
-
 
-<script>
 
-export default {
 
-  components: {},
 
-  data () {
 
-    return {
 
-
 
-    }
 
-  },
 
-  computed: {},
 
-  methods: {
 
-
 
-  },
 
-  // 生命周期 - 创建完成（可以访问当前this实例）
 
-  created () {
 
-
 
-  },
 
-  // 生命周期 - 挂载完成（可以访问DOM元素）
 
-  mounted () {
 
-
 
-  },
 
-  beforeCreate () {}, // 生命周期 - 创建之前
 
-  beforeMount () {}, // 生命周期 - 挂载之前
 
-  beforeUpdate () {}, // 生命周期 - 更新之前
 
-  updated () {}, // 生命周期 - 更新之后
 
-  beforeDestroy () {}, // 生命周期 - 销毁之前
 
-  destroyed () {}, // 生命周期 - 销毁完成
 
-  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
 
-}
 
-</script>
 
-<style lang='less' scoped>
 
-.three{
 
-  width: 100%;
 
-  height: 100%;
 
-  background-color: red;
 
-  display: flex;
 
-  justify-content: center;
 
-  align-items: center;
 
-}
 
-
 
-</style>

+ 0 - 45
houtai/src/views/tab1Main/tow.vue
View File 

@@ -1,45 +0,0 @@
 
-<!--  -->
 
-<template>
 
-<div class='tow'>tow</div>
 
-</template>
 
-
 
-<script>
 
-export default {
 
-  components: {},
 
-  data () {
 
-    return {
 
-
 
-    }
 
-  },
 
-  computed: {},
 
-  methods: {
 
-
 
-  },
 
-  // 生命周期 - 创建完成（可以访问当前this实例）
 
-  created () {
 
-
 
-  },
 
-  // 生命周期 - 挂载完成（可以访问DOM元素）
 
-  mounted () {
 
-
 
-  },
 
-  beforeCreate () {}, // 生命周期 - 创建之前
 
-  beforeMount () {}, // 生命周期 - 挂载之前
 
-  beforeUpdate () {}, // 生命周期 - 更新之前
 
-  updated () {}, // 生命周期 - 更新之后
 
-  beforeDestroy () {}, // 生命周期 - 销毁之前
 
-  destroyed () {}, // 生命周期 - 销毁完成
 
-  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
 
-}
 
-</script>
 
-<style lang='less' scoped>
 
-.tow{
 
-  width: 100%;
 
-  height: 100%;
 
-  background-color: orange;
 
-  display: flex;
 
-  justify-content: center;
 
-  align-items: center;
 
-}
 
-
 
-</style>

+ 1 - 1
houtai/src/views/tab2/index.vue
View File 

@@ -1,7 +1,7 @@
 
 <template>
 
   <div class="tab2">
 
     <div class="insideTop">
 
-      用户管理
 
+      典藏管理
 
     </div>
 
     <div class="obstruct"></div>
 
     <div class="conten">

+ 0 - 52
houtai/src/views/tab4/index.vue
View File 

@@ -1,52 +0,0 @@
 
-<template>
 
-  <div class="tab4">
 
-    <div class="insideTop">
 
-      操作日志
 
-    </div>
 
-    <div class="obstruct"></div>
 
-    <div class="conten">
 
-
 
-    </div>
 
-
 
-  </div>
 
-</template>
 
-
 
-<script>
 
-export default {
 
-  name: 'tab4',
 
-  components: {},
 
-  data () {
 
-    // 这里存放数据
 
-    return {
 
-
 
-    }
 
-  },
 
-  // 监听属性 类似于data概念
 
-  computed: {},
 
-  // 监控data中的数据变化
 
-  watch: {},
 
-  // 方法集合
 
-  methods: {
 
-
 
-  },
 
-  // 生命周期 - 创建完成（可以访问当前this实例）
 
-  created () {
 
-
 
-  },
 
-  // 生命周期 - 挂载完成（可以访问DOM元素）
 
-  mounted () {
 
-
 
-  },
 
-  beforeCreate () {}, // 生命周期 - 创建之前
 
-  beforeMount () {}, // 生命周期 - 挂载之前
 
-  beforeUpdate () {}, // 生命周期 - 更新之前
 
-  updated () {}, // 生命周期 - 更新之后
 
-  beforeDestroy () {}, // 生命周期 - 销毁之前
 
-  destroyed () {}, // 生命周期 - 销毁完成
 
-  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
 
-}
 
-</script>
 
-<style lang='less' scoped>
 
-//@import url(); 引入公共css类
 
-
 
-</style>