wl-design-mobile 0.1.5 → 0.1.6

package/btn/lambo-btn-group.vue

@@ -32,7 +32,7 @@ export default {
   display: flex;
   padding: 0 14px;
   background-color: var(--scl-white-1);
-  border-bottom: 1px solid var(--scl-white-2);
+  border-bottom: 1px var(--scl-white-2);
 }
 
 .button-group /deep/ .btn-sel {

package/card-item/lambo-card-head.vue

@@ -59,6 +59,6 @@ export default {
 
 .title-tb {
   border-collapse: collapse;
-  margin: 0px 0px 14px 0px;
+  margin: 0px 0px 10px 0px;
 }
 </style>

package/card-item/lambo-card-row.vue

@@ -51,10 +51,10 @@ export default {
 
 .title-tb {
   border-collapse: collapse;
-  margin: 0px 0px 14px 0px;
+  margin: 0px 0px 8px 0px;
 }
 
 .tb-tr {
-  margin-bottom: 14px;
+  margin-bottom: 8px;
 }
 </style>

package/list/components/table/lambo-table-head.vue

@@ -0,0 +1,44 @@
+<template>
+  <div>
+    <ul class="table-header" ref="listRowDiv">
+      <li v-for="(item, index) in columns" :key="index" class="header-cell"
+          :style="{flex: `1 0 ${item.minWidth}`, textAlign: item.align || 'center' }">
+        {{ item.title }}
+      </li>
+    </ul>
+  </div>
+</template>
+<script>
+export default {
+  name: 'LamboTableHead',
+  props: {
+    columns: {
+      type: Array,
+      required: true
+    }
+  },
+  data() {
+    return {}
+  },
+}
+</script>
+<style scoped lang="css">
+.table-header {
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  display: flex;
+  padding-top: 24px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid #eee;
+  overflow-x: auto;
+}
+
+.header-cell {
+  box-sizing: border-box;
+  padding: 8px; /* 适当的内边距 */
+  border: 1px solid #ddd; /* 可选：用于显示边框 */
+  font-size: 14px;
+}
+</style>
+

package/list/lambo-list.vue

@@ -55,7 +55,7 @@ export default {
       finishedTxt: "",
       pageNum: 1, // 当前页数
       pageSize: 10, // 每页数据条数
-      listHeight: '100vh', // 默认列表高度为视口高度的80%
+      listHeight: '100vh',
       refreshing: false,
       offset: 0,
       limit: 10,
@@ -100,14 +100,14 @@ export default {
           {title: "盐城市亭湖区大树酒业商行", time: "2024-01-01", person:"01", dpt: "储配部", note: "测试"},
           {title: "盐城市亭湖区大树酒业商行", time: "2024-01-02", person:"02", dpt: "储配部", note: "测试"},
         ]
-        this.list.push(arr)
+        this.list.push(...arr)
         this.finished = false
         this.offset = this.pageNum * 10
         this.pageNum++;
       }else{
         let params = {offset: this.offset, limit: this.limit, ...this.searchParams}
         axios.get(this.url, {params}).then(res => {
-          console.log("lambo-init-list -- onLoad -- loadData:", res)
+          console.log("lambo-list -- onLoad -- loadData:", res)
           if (res && res.code === 1) {
             let pageData = res.data
 
@@ -184,6 +184,7 @@ export default {
   overflow-y: auto;
   background-color: var(--scl-white-1);
   padding: 0 8px 0 14px;
+  margin-top: -6px;
 }
 
 .list-item {
@@ -191,7 +192,7 @@ export default {
 }
 
 .card-item {
-  padding: 20px 0 0 0;
+  padding: 10px 0 0 0;
   background-color: var(--scl-white-1);
 }
 

package/list/lambo-table-list.vue

@@ -76,37 +76,57 @@ export default {
         this.list = [];
         this.refreshing = false;
       }
-
-      let params = {offset: this.offset, limit: this.limit, ...this.searchParams}
-      axios.get(this.url, {params}).then(res => {
-        console.log("lambo-init-table-list -- onLoad -- loadData:", res)
-        if (res && res.code === 1) {
-          let pageData = res.data
-
-          if (pageData && pageData.rows.length > 0) {
-            for (let item of pageData.rows) {
-              if (this.list.length < pageData.total) {
-                this.list.push(item)
-                this.finished = false
-              } else {
-                this.finished = true // 数据加载完毕
-              }
-            }
-            this.offset = this.pageNum * 10
-            this.pageNum++;
-            this.finishedTxt = "没有更多了"
-          } else {
-            this.finished = true; // 数据加载完毕
-          }
-          this.loading = false; // 加载状态结束
-        } else {
-          console.error("lambo-init-list -- onLoad -- 查询[" + this.title + "]数据失败", res)
-          Toast.fail("查询[" + this.title + "]数据失败:" + res.data || '')
+      this.list =  [
+        {
+          "distCtId": "000000000000O0000000000000000051",
+          "carCode": "JN2408220001",
+          "carName": "123",
+          "distCtName": "济南烟草卷烟配送中心"
+        },
+        {
+          "distCtId": "000000000000O0000000000000000051",
+          "carCode": "JN2408220002",
+          "carName": "1",
+          "distCtName": "济南烟草卷烟配送中心"
+        },
+        {
+          "distCtId": "000000000000O0000000000000000051",
+          "carCode": "JN2408290001",
+          "carName": "14",
+          "distCtName": "济南烟草卷烟配送中心"
         }
-      }).catch(err => {
-        console.error("lambo-init-list -- onLoad -- 查询[" + this.title + "]异常:", err)
-        Toast.fail("查询[" + this.url + "]数据异常")
-      })
+      ]
+
+      // let params = {offset: this.offset, limit: this.limit, ...this.searchParams}
+      // axios.get(this.url, {params}).then(res => {
+      //   console.log("lambo-init-table-list -- onLoad -- loadData:", res)
+      //   if (res && res.code === 1) {
+      //     let pageData = res.data
+      //
+      //     if (pageData && pageData.rows.length > 0) {
+      //       for (let item of pageData.rows) {
+      //         if (this.list.length < pageData.total) {
+      //           this.list.push(item)
+      //           this.finished = false
+      //         } else {
+      //           this.finished = true // 数据加载完毕
+      //         }
+      //       }
+      //       this.offset = this.pageNum * 10
+      //       this.pageNum++;
+      //       this.finishedTxt = "没有更多了"
+      //     } else {
+      //       this.finished = true; // 数据加载完毕
+      //     }
+      //     this.loading = false; // 加载状态结束
+      //   } else {
+      //     console.error("lambo-init-list -- onLoad -- 查询[" + this.title + "]数据失败", res)
+      //     Toast.fail("查询[" + this.title + "]数据失败:" + res.data || '')
+      //   }
+      // }).catch(err => {
+      //   console.error("lambo-init-list -- onLoad -- 查询[" + this.title + "]异常:", err)
+      //   Toast.fail("查询[" + this.url + "]数据异常")
+      // })
     },
     getListHeight() {
       const windowHeight = window.innerHeight;

package/nav/lambo-top-nav.vue

@@ -61,6 +61,10 @@ export default {
   height: 48px;
 }
 
+.van-sticky {
+  position: fixed;
+}
+
 ::v-deep .van-nav-bar__left {
   padding: 0px 8px 0px 14px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wl-design-mobile",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "",
   "main": "index.js",
   "author": "finch",