wl-design-mobile 0.0.4 → 0.0.6

package/doc/img/styles/css/index.css

@@ -1,98 +1,98 @@
-.imgUplodaContainer {
-    padding: 12px 14px;
-    background: var(--scl-white-1);
-}
-
-.imgUplodaTitle {
-    /*margin-bottom: 18px;*/
-    display: flex;
-    justify-content: space-between;
-}
-
-.imgUplodaTitle p {
-    width: 100%;
-    color: var(--scl-gray-3);
-    font-size: 14px;
-    position: absolute;
-    top: -2px;
-}
-
-.imgUplodaTitle img {
-    width: 20px;
-    height: 20px;
-    display: block;
-}
-
-/*右上角上传按钮样式*/
-/deep/ .van-button--primary {
-    background: none;
-    border: none;
-    height: auto;
-}
-
-/*右上角上传按钮位置*/
-/deep/ .van-uploader__input-wrapper, .van-uploader {
-    width: 100%;
-    position: static;
-}
-
-/*上传按钮首次进页面控制图标大小*/
-/deep/ .van-icon__image {
-    width: 1em;
-}
-
-/*图片上传区域及右上角上传按钮*/
-/deep/ .setUploader {
-    position: relative;
-    margin-bottom: 10px;
-}
-
-/*图片整体位置*/
-/deep/ .van-uploader__wrapper {
-    margin-top: 30px;
-    display: grid;
-    justify-content: space-between;
-    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
-    gap: 10px;
-}
-
-/*右上角上传按钮位置*/
-/deep/ .van-button--normal {
-    width: 20px;
-    position: absolute;
-    top: -1px;
-    right: -8px;
-}
-
-/*/deep/ .van-uploader__preview {*/
-/*    width: 23%;*/
-/*    height: auto;*/
-/*    padding-left: 8px;*/
-/*    margin: 8px 0 0 0;*/
-/*}*/
-
-/*预览图片样式*/
-/*/deep/ .van-uploader__preview-image {*/
-/*    display: block;*/
-/*    width: auto;*/
-/*    height: 100px;*/
-/*    overflow: hidden;*/
-/*    border: 1px solid #515a6e38;*/
-/*}*/
-
-/*控制上传功能覆盖区域*/
-/deep/ .van-uploader__input {
-    height: 20px;
-    width: 20px;
-    position: absolute;
-    left: 95%;
-}
-
-/deep/ .van-uploader__preview {
-    margin: 0;
-}
-
-/deep/ .van-uploader__preview-image {
-    width: auto;
-    height: 95px;
+.imgUplodaContainer {
+    padding: 12px 14px;
+    background: var(--scl-white-1);
+}
+
+.imgUplodaTitle {
+    /*margin-bottom: 18px;*/
+    display: flex;
+    justify-content: space-between;
+}
+
+.imgUplodaTitle p {
+    width: 100%;
+    color: var(--scl-gray-3);
+    font-size: 14px;
+    position: absolute;
+    top: -2px;
+}
+
+.imgUplodaTitle img {
+    width: 20px;
+    height: 20px;
+    display: block;
+}
+
+/*右上角上传按钮样式*/
+/deep/ .van-button--primary {
+    background: none;
+    border: none;
+    height: auto;
+}
+
+/*右上角上传按钮位置*/
+/deep/ .van-uploader__input-wrapper, .van-uploader {
+    width: 100%;
+    position: static;
+}
+
+/*上传按钮首次进页面控制图标大小*/
+/deep/ .van-icon__image {
+    width: 1em;
+}
+
+/*图片上传区域及右上角上传按钮*/
+/deep/ .setUploader {
+    position: relative;
+    margin-bottom: 10px;
+}
+
+/*图片整体位置*/
+/deep/ .van-uploader__wrapper {
+    margin-top: 30px;
+    display: grid;
+    justify-content: space-between;
+    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+    gap: 10px;
+}
+
+/*右上角上传按钮位置*/
+/deep/ .van-button--normal {
+    width: 20px;
+    position: absolute;
+    top: -1px;
+    right: -8px;
+}
+
+/*/deep/ .van-uploader__preview {*/
+/*    width: 23%;*/
+/*    height: auto;*/
+/*    padding-left: 8px;*/
+/*    margin: 8px 0 0 0;*/
+/*}*/
+
+/*预览图片样式*/
+/*/deep/ .van-uploader__preview-image {*/
+/*    display: block;*/
+/*    width: auto;*/
+/*    height: 100px;*/
+/*    overflow: hidden;*/
+/*    border: 1px solid #515a6e38;*/
+/*}*/
+
+/*控制上传功能覆盖区域*/
+/deep/ .van-uploader__input {
+    height: 20px;
+    width: 20px;
+    position: absolute;
+    left: 95%;
+}
+
+/deep/ .van-uploader__preview {
+    margin: 0;
+}
+
+/deep/ .van-uploader__preview-image {
+    width: auto;
+    height: 95px;
 }

package/edit/list/Lambo-edit-list.vue

@@ -11,8 +11,7 @@
         <div slot="right-icon" class="coll-title-icon">
           <van-icon :color="'#0070D2'" class="van-icon van-cell__right-icon" name="play"
                     style="position:absolute;left: 1px;"/>
-          <lambo-medium-button :disabled="false" :type="type" style="margin-top: -5px" text="删除"
-                               @click="deleteSpart"></lambo-medium-button>
+          <lambo-btn :type="'text'" :text="'删除'" :size="'normal'" style="margin-top: -5px" @click="deleteSpart"></lambo-btn>
         </div>
         <lambo-edit-single-select :data="singleKv" :default-item="defaultItem" :required="true"
                                   :title="'单选框'"></lambo-edit-single-select>
@@ -22,22 +21,20 @@
         <slot></slot>
       </van-collapse-item>
     </van-collapse>
-    <lambo-big-button :disabled="false" :type="type" text="新增一条" @click="addSpart"></lambo-big-button>
+    <lambo-btn :type="'text'" :text="'新增一条'" :size="'big'" @click="addSpart"></lambo-btn>
   </div>
 </template>
 <script>
-import LamboBigButton from '../../btn/lambo-big-button.vue'
-import LamboMediumButton from '../../btn/lambo-medium-button.vue'
 import LamboEditSingleSelect from "../../edit/select/lambo-edit-single-select.vue";
 import LamboEditMultiSelect from "../../edit/select/lambo-edit-multi-select.vue";
 import LamboEditInput from "../../edit/select/lambo-edit-input.vue";
+import LamboBtn from "../../btn/lambo-btn.vue";
 
 export default {
   name: 'LamboEditList',
   components: {
+    LamboBtn,
     LamboEditInput, LamboEditMultiSelect, LamboEditSingleSelect,
-    LamboBigButton,
-    LamboMediumButton
   },
   props: {},
   data() {

package/edit/list/lambo-edit-card-group.vue

@@ -11,8 +11,7 @@
         <div slot="right-icon" class="coll-title-icon">
           <van-icon :color="'#0070D2'" class="van-icon van-cell__right-icon" name="play"
                     style="position:absolute;left: 1px;"/>
-          <lambo-medium-button :disabled="false" :type="type" style="margin-top: -5px" text="删除"
-                               @click="deleteSpart(index)"></lambo-medium-button>
+          <lambo-btn :type="'text'" :text="'删除'" :size="'normal'" style="margin-top: -5px" @click="deleteSpart(index)"></lambo-btn>
         </div>
         <slot></slot>
       </van-collapse-item>
@@ -20,18 +19,16 @@
   </div>
 </template>
 <script>
-import LamboBigButton from '../../btn/lambo-big-button.vue'
-import LamboMediumButton from '../../btn/lambo-medium-button.vue'
 import LamboEditSingleSelect from "../../edit/select/lambo-edit-single-select.vue";
 import LamboEditMultiSelect from "../../edit/select/lambo-edit-multi-select.vue";
 import LamboEditInput from "../../edit/select/lambo-edit-input.vue";
+import LamboBtn from "../../btn/lambo-btn.vue";
 
 export default {
   name: 'LamboEditCardGroup',
   components: {
-    LamboEditInput, LamboEditMultiSelect, LamboEditSingleSelect,
-    LamboBigButton,
-    LamboMediumButton
+    LamboBtn,
+    LamboEditInput, LamboEditMultiSelect, LamboEditSingleSelect
   },
   props: {
     lineList: {

package/edit/list/styles/css/index.css

@@ -1,39 +1,39 @@
-.coll-div {
-    margin-bottom: 8px;
-}
-
-.indicator-title {
-    display: flex;
-    align-items: center;
-    color: var(--scl-blue);
-    font-size: 14px;
-    font-family: 微软雅黑, serif Regular;
-}
-
-.indicator-title .color-line {
-    width: 3px;
-    height: 14px;
-    margin-right: 8px;
-}
-
-.coll-title-icon {
-    justify-content: center;
-    align-items: center;
-    align-content: center;
-}
-
-/* 覆盖折叠面板的标题的padding */
-/deep/ .van-cell {
-    padding: 12px 10px;
-}
-
-/* 覆盖去掉折叠面板的标题下面的线 */
-/deep/ .van-cell::after {
-    border: none;
-}
-
-/* 覆盖折叠面板的内容的padding */
-/deep/ .van-collapse-item__content {
-    padding: 0px 0px 0px 0px;
-}
-
+.coll-div {
+    margin-bottom: 8px;
+}
+
+.indicator-title {
+    display: flex;
+    align-items: center;
+    color: var(--scl-blue);
+    font-size: 14px;
+    font-family: 微软雅黑, serif Regular;
+}
+
+.indicator-title .color-line {
+    width: 3px;
+    height: 14px;
+    margin-right: 8px;
+}
+
+.coll-title-icon {
+    justify-content: center;
+    align-items: center;
+    align-content: center;
+}
+
+/* 覆盖折叠面板的标题的padding */
+/deep/ .van-cell {
+    padding: 12px 10px;
+}
+
+/* 覆盖去掉折叠面板的标题下面的线 */
+/deep/ .van-cell::after {
+    border: none;
+}
+
+/* 覆盖折叠面板的内容的padding */
+/deep/ .van-collapse-item__content {
+    padding: 0px 0px 0px 0px;
+}
+

package/edit/select/lambo-edit-multi-select.vue

@@ -16,7 +16,7 @@
       </div>
     </div>
     <div>
-      <van-popup v-model="showBottom" :style="{ height: '33%' }" position="bottom">
+      <van-popup v-model:show="showBottom" :style="{ height: '33%' }" position="bottom">
         <van-checkbox-group v-model="selectItem.K">
           <div class="edit-top-div">
             <van-button class="edit-cancel-btn" size="normal" @click="cancel">取消</van-button>
@@ -137,7 +137,6 @@ export default {
     changeColor() {
       let searchRows = document.querySelectorAll('.edit-box')
       Array.from(searchRows).forEach(function (row, index) {
-        console.log(index)
         row.addEventListener('click', function () {
           Array.from(searchRows).forEach(function (row) {
             row.style.borderBottom = '1px solid var(--scl-white-2)'

package/list/lambo-list.vue

@@ -46,6 +46,7 @@ export default {
     searchParams: {
       type: Object
     },
+    testMode: false,
   },
   data() {
     return {
@@ -86,37 +87,55 @@ 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-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 // 数据加载完毕
+      if (this.testMode === true) {
+        let arr = [
+          {title: "盐城市亭湖区大树酒业商行", time: "2024-01-01", person:"01", dpt: "储配部", note: "测试"},
+          {title: "盐城市亭湖区大树酒业商行", time: "2024-01-02", person:"02", dpt: "储配部", note: "测试"},
+          {title: "盐城市亭湖区大树酒业商行", time: "2024-01-01", person:"01", dpt: "储配部", note: "测试"},
+          {title: "盐城市亭湖区大树酒业商行", time: "2024-01-02", person:"02", dpt: "储配部", note: "测试"},
+          {title: "盐城市亭湖区大树酒业商行", time: "2024-01-01", person:"01", dpt: "储配部", note: "测试"},
+          {title: "盐城市亭湖区大树酒业商行", time: "2024-01-02", person:"02", dpt: "储配部", note: "测试"},
+          {title: "盐城市亭湖区大树酒业商行", time: "2024-01-01", person:"01", dpt: "储配部", note: "测试"},
+          {title: "盐城市亭湖区大树酒业商行", time: "2024-01-02", person:"02", dpt: "储配部", note: "测试"},
+          {title: "盐城市亭湖区大树酒业商行", time: "2024-01-01", person:"01", dpt: "储配部", note: "测试"},
+          {title: "盐城市亭湖区大树酒业商行", time: "2024-01-02", person:"02", dpt: "储配部", note: "测试"},
+        ]
+        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)
+          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.offset = this.pageNum * 10
-            this.pageNum++;
-            this.finishedTxt = "没有更多了"
+            this.loading = false; // 加载状态结束
           } else {
-            this.finished = true; // 数据加载完毕
+            console.error("lambo-init-list -- onLoad -- 查询[" + this.title + "]数据失败", res)
+            Toast.fail("查询[" + this.title + "]数据失败:" + res.data || '')
           }
-          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 + "]数据异常")
-      })
+        }).catch(err => {
+          console.error("lambo-init-list -- onLoad -- 查询[" + this.title + "]异常:", err)
+          Toast.fail("查询[" + this.url + "]数据异常")
+        })
+      }
     },
     getListHeight() {
       const windowHeight = window.innerHeight;

package/package.json

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

package/search/lambo-date-range.vue

@@ -15,7 +15,7 @@
   </div>
 </template>
 <script>
-import {deepCopy} from '@/libs/assist'
+import {deepCopy} from '../util/assist'
 import moment from 'moment'
 import LamboRequiredRedStar from '../icon/lambo-required-red-star.vue'
 import LamboVectorIcon from '../icon/lambo-vector-icon.vue'