shaogen1995 3 年之前
父节点
当前提交
1b2275f694

+ 1 - 1
houtai/public/index.html

@@ -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

@@ -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;
 }

二进制
houtai/src/assets/img/bg.jpg


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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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>