up

src/assets/base.css

@@ -1,23 +1,30 @@
-*{
+* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }
-body{
+
+body {
   background-color: #f6f8f9;
 }
-.crumbs{
+
+.crumbs {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
 }
-.crumbs span{
+
+.crumbs span {
   cursor: pointer;
 }
-.crumbs .active{
+
+.crumbs .active {
+  cursor: default;
   color: #b9412e;
+  pointer-events: none;
 }
-.crumbs .title{
+
+.crumbs .title {
   margin-left: 30px;
   font-size: 24px;
   font-weight: 700;

src/views/Layout.vue

@@ -2,11 +2,11 @@
   <div class="Layout">
     <div class="top">
       <div class="left">
-        <!-- <img src="../assets/img/logo.png" alt="" /> -->
+        <img src="../assets/img/logo.png" alt="" />
         <h3>自定义云数据库</h3>
       </div>
       <div class="right">
-        <img src="../assets/img/user.jpg" alt="" />
+        <img src="../assets/img/user.png" alt="" />
         <p>{{ userInfo.realName }}</p>
         <div class="outLogin" @click="isShow = true">修改密码</div>
         <div class="outLogin" @click="outLogin">退出登录</div>
@@ -226,7 +226,7 @@ export default {
       align-items: center;
       & > img {
         width: 50px;
-        margin-right: 30px;
+        margin-right: 20px;
       }
     }
     .right {
@@ -279,7 +279,9 @@ export default {
         line-height: 50px;
       }
       .active {
+        cursor: default;
         color: #b9412e;
+        pointer-events: none;
       }
     }
     .right {

src/views/Tab6/index.vue

@@ -152,7 +152,8 @@ export default {
     // 封装一个获取表列表的方法
     async getInfoById(data) {
       let res = await getInfoById(this.tableId, data);
-      this.total = res.data.fieldData.records.total;
+      console.log(res);
+      this.total = res.data.fieldData.total;
       this.tableData = res.data.fieldData.records;
 
       this.tableHead = res.data.fieldNames;