xcx

src/components/slideTabH/index.vue

@@ -90,7 +90,7 @@ export default {
     this.activeIndex = this.initIndex || 0
     var aLeft = (document.body.clientWidth / this.data.length).toFixed(0)
     this.data.map((item, index) => {
-      this.widthArr.push(item.value.length * (this.fontSize || 15))
+      this.widthArr.push((item.value.length / 2).toFixed(2) * (this.fontSize || 15))
       this.leftArr.push((aLeft * index - 0) + ((aLeft / 2).toFixed(0) - 0) - this.widthArr[index] / 2)
     })
     this.activeWidth = this.widthArr[this.activeIndex]
@@ -135,7 +135,7 @@ export default {
   .tabNav {
     background: #fff;
     position: relative;
-    overflow: hidden;
+    overflow: visible;
     box-shadow: 0 0 0.1rem 0.02rem rgba(0, 0, 0, 0.05);
     z-index: 100;
     > a {
@@ -143,15 +143,17 @@ export default {
       text-align: center;
       color: #333;
       position: relative;
-      z-index: 1;
+      z-index: 1001;
+      background: #fff;
     }
     .activeLine {
       height: 0.02rem;
       background: #f9064b;
       position: absolute;
       left: 0;
-      bottom: 0;
-      z-index: 2;
+      bottom: -.02rem;
+      z-index: 1000;
+      box-shadow: 0 0 .1rem .01rem rgba(249, 6, 75, 0.9);
     }
   }
   > .flex-item {

src/pages/user/App.vue

@@ -23,14 +23,14 @@ export default {
     })
   },
   created () {
-    // if (location.search && this.toolClass.UrlSearch(location.search).code) {
-    //   this.code = this.toolClass.UrlSearch(location.search).code
-    // } else {
-    //   this.code = null
-    // }
-    // this.getUserInfo({ org: this.org, code: this.code }).then(() => {
+    if (location.search && this.toolClass.UrlSearch(location.search).code) {
+      this.code = this.toolClass.UrlSearch(location.search).code
+    } else {
+      this.code = null
+    }
+    this.getUserInfo({ org: this.org, code: this.code }).then(() => {
       this.showPage = true
-    //})
+    })
   },
   methods: {
     ...actions(['getUserInfo'])

src/store/library/index.js

@@ -1,6 +1,31 @@
 import Ajax from '../../util/ajax'
 import api from '../../util/api'
 
+var booksData = [],
+  recordData = [],
+  aTarget = {
+    img: '',
+    name: '书名',
+    id: '',
+    status: '状态',
+    author: '作者',
+    publishingHouses: '出版社',
+    stock: '10'
+  },
+  bTarget = {
+    img: '',
+    name: '书名',
+    id: '',
+    status: '状态',
+    author: '作者',
+    publishingHouses: '出版社',
+    stock: '10'
+  }
+for (var n = 0; n < 10; n++) {
+  booksData.push(aTarget)
+  recordData.push(bTarget)
+}
+
 export default {
   namespaced: true,
   state: {
@@ -38,193 +63,11 @@ export default {
       name: '更多',
       id: 'more'
     }],
-    bookList: [{ // 图书馆首页推荐书籍
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }],
-    bookTypeList: [{ // 分类书籍列表
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }],
-    searchBooksList: [{ // 搜索书籍列表
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }, {
-      img: '',
-      name: '书名',
-      id: '',
-      status: '状态',
-      author: '作者',
-      publishingHouses: '出版社',
-      stock: '10'
-    }]
+    bookList: booksData, // 图书馆首页推荐书籍
+    bookTypeList: booksData, // 分类书籍列表
+    searchBooksList: booksData, // 搜索书籍列表
+    borrowedRecordList: recordData, // 借阅记录列表
+    appointmentList: recordData // 线上预约列表
   },
   mutations: {
     setIndexSearchKey (state, data) { // 赋值图书首页搜索关键词