wl-design-mobile 0.1.6 → 0.1.8

package/README.md

@@ -1,6 +1,6 @@
-# wl-design-mobile
-
-## Setup
-```
-npm i wl-design-mobile
-```
+# wl-design-mobile
+
+## Setup
+```
+npm i wl-design-mobile
+```

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

@@ -1,3 +1,3 @@
-.img-upload-container {
-    padding: 0px 14px 12px 14px;
-}
+.img-upload-container {
+    padding: 0px 14px 12px 14px;
+}

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-date-time.vue

@@ -7,11 +7,9 @@
         </div>
         <div class="edit-title">{{ title }}</div>
       </div>
-      <van-field v-model="valName" :placeholder="placeholder" :readonly="true"
-                 class="edit-lambo-input" clear-trigger="focus"></van-field>
+      <van-field v-model="valName" :placeholder="placeholder" :readonly="true" class="edit-lambo-input" clear-trigger="focus"></van-field>
       <van-popup v-model="showBottom" position="bottom" :style="{ maxHeight: '33%' }">
-        <van-datetime-picker :type="type" title="选择时间" @confirm="onConfirm"
-                             @cancel="onCancelTime"/>
+        <van-datetime-picker v-model="curDateTime" :type="type" title="选择时间" @confirm="onConfirm" @cancel="onCancelTime"/>
       </van-popup>
     </div>
     <div v-if="icon" class="edit-right-icon">
@@ -48,6 +46,10 @@ export default {
       type: String,
       default: 'datetime',
     },
+    defaultDate: {
+      type: Date,
+      default: () => null
+    },
   },
   data() {
     return {
@@ -57,6 +59,7 @@ export default {
         dateStr: '',
         dateFormat: ''
       },
+      curDateTime: null
     }
   },
   methods: {
@@ -93,10 +96,15 @@ export default {
     onCancelTime() {
       this.showBottom = false;
     },
+    initDefaultVal() {
+      if (this.defaultDate) {
+        this.curDateTime = this.defaultDate
+        this.onConfirm(this.defaultDate)
+      }
+    }
   },
   created() {
-  },
-  mounted() {
+    this.initDefaultVal()
   }
 }
 </script>

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

@@ -0,0 +1,44 @@
+<template>
+  <div>
+    <div class="table-footer" ref="listRowDiv">
+      <div class="footer-cell">
+        <p>{{footerData.label}}</p>
+        <p>{{footerData.value}}</p>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'LamboTableFooter',
+  props: {
+    footerData: {
+      type: Object
+    }
+  },
+  data() {
+    return {}
+  },
+}
+</script>
+<style scoped lang="css">
+.table-footer {
+  width: 100%;
+  display: grid;
+  grid-auto-rows: 30px;
+  gap: 1px;
+  align-items: center;
+}
+
+.footer-cell {
+  box-sizing: border-box;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  font-size: 14px;
+  white-space: nowrap;
+  place-items: center;
+  display: flex;
+  align-items: center;
+}
+</style>
+

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

@@ -1,11 +1,13 @@
 <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' }">
+    <div class="table-header" ref="listRowDiv">
+      <div v-for="(item, index) in columns" :key="index" class="header-cell" :style="{
+        gridColumn: index + 1,
+        minWidth: item.minWidth,
+        textAlign: item.align || 'left' }">
         {{ item.title }}
-      </li>
-    </ul>
+      </div>
+    </div>
   </div>
 </template>
 <script>
@@ -25,20 +27,21 @@ export default {
 <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;
+  display: grid;
+  grid-auto-rows: 30px;
+  gap: 1px;
+  align-items: center;
 }
 
 .header-cell {
   box-sizing: border-box;
-  padding: 8px; /* 适当的内边距 */
-  border: 1px solid #ddd; /* 可选：用于显示边框 */
+  border: 1px solid #ddd;
+  border-radius: 3px;
   font-size: 14px;
+  white-space: nowrap;
+  place-items: center;
+  display: flex;
+  align-items: center;
 }
 </style>
 

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

@@ -0,0 +1,69 @@
+<template>
+  <div class="table-row" ref="listRowDiv">
+    <div v-for="(item, index) in columns" :key="index" class="table-cell" :style="{
+      gridColumn: index + 1,
+      minWidth: itemWidth,
+      textAlign: item.align || 'left' }">
+      <p v-if="item?.type === 'index'">{{seq + 1}}</p>
+      <p v-else> {{ data[item.key] }} </p>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'LamboTableRow',
+  props: {
+    columns: {
+      type: Array,
+      required: true
+    },
+    data: {
+      type: Object,
+      required: true
+    },
+    seq: {
+      type: Number,
+      required: true
+    }
+  },
+  data() {
+    return {
+      itemWidth: ''
+    }
+  },
+  mounted() {
+    this.setBodyWidth()
+  },
+  methods: {
+    setBodyWidth() {
+      const headerItems = this.$refs.listRowDiv
+      if (headerItems && headerItems.length) {
+        const widths = headerItems.map(item => item.offsetWidth);
+        const maxWidth = Math.max(...widths) + 'px'; // 获取最大宽度
+        this.itemWidth = maxWidth; // 设置表体宽度
+      }
+    }
+  }
+}
+</script>
+<style scoped lang="css">
+.table-row {
+  width: 100%;
+  display: grid;
+  grid-auto-rows: 30px;
+  gap: 1px;
+  align-items: center;
+}
+
+.table-cell {
+  box-sizing: border-box;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  font-size: 14px;
+  white-space: nowrap;
+  place-items: center;
+  display: inline-block;
+  align-items: center;
+}
+</style>
+

package/list/lambo-table-list2.vue

@@ -0,0 +1,211 @@
+<template>
+  <div>
+    <lambo-table-head :columns="columns"></lambo-table-head>
+    <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
+      <van-list v-model="loading" :finished="finished" :finished-text="finishedTxt" :offset="200" @load="onLoad">
+        <div v-for="(item, index) in list" :key="index">
+          <lambo-table-row :seq="index" v-bind:key="index" :data="item" :columns="columns"></lambo-table-row>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+    <lambo-table-footer v-if="tableFooter" :footer-data="footerData"></lambo-table-footer>
+  </div>
+</template>
+<script>
+import {axios} from "../util/axios/index"
+import {Toast} from "vant"
+import LamboTableHead from "@/components/lambo/list/components/table/lambo-table-head.vue";
+import LamboTableRow from "@/components/lambo/list/components/table/lambo-table-row.vue";
+import LamboTableFooter from "@/components/lambo/list/components/table/lambo-table-footer.vue";
+
+export default {
+  name: "LamboTableList2",
+  components: {
+    LamboTableHead,
+    LamboTableRow,
+    LamboTableFooter
+  },
+  props: {
+    heightRatio: {
+      type: Number,
+      default: 0.5,
+    },
+    url: {
+      type: String
+    },
+    searchParams: {
+      type: Object
+    },
+    testMode: {
+      type: Boolean,
+      default: false
+    },
+    tableFooter: {
+      type: Boolean,
+      default: false
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    footerData: {
+      type: Object,
+      default: () => {
+        return {
+          label: '',
+          value: '',
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      finished: true,
+      finishedTxt: "",
+      pageNum: 1, // 当前页数
+      pageSize: 10, // 每页数据条数
+      refreshing: false,
+      offset: 0,
+      limit: 10,
+      list: [
+        {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: "测试"},
+      ]
+    };
+  },
+  mounted() {
+  },
+  watch: {
+    searchParams: {
+      handler: function (val, oldVal) {
+        console.log("searchParams -- val,oldVal:", {val, oldVal})
+        console.log("searchParams -- val===oldVal:", val === oldVal)
+        //查询时重置页码
+        this.pageNum = 1
+        this.offset = 0
+        this.limit = 10
+        this.list = []
+
+        this.onLoad()
+      },
+      deep: true
+    }
+  },
+  methods: {
+    onLoad() {
+      if (this.refreshing) {
+        this.list = [];
+        this.refreshing = false;
+      }
+      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-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 + "]数据异常")
+        })
+      }
+    },
+    onRefresh() {
+      console.log("lambo-init-list -- onRefresh")
+
+      this.finished = false
+      this.pageNum = 1
+      this.offset = 0
+      this.limit = 10
+
+      this.loading = true
+      this.onLoad()
+    },
+  },
+  beforeDestroy() {
+    this.pageNum = 1
+    this.offset = 0
+    this.limit = 10
+    this.list = []
+  }
+};
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+/* 设置滚动条轨道颜色 */
+::-webkit-scrollbar-track {
+  background: rgba(231, 242, 250, 0.4);
+  border-radius: 3px;
+}
+
+/* 设置滚动条滑块颜色 */
+::-webkit-scrollbar-thumb {
+  background: rgba(45, 140, 240, 0.6);
+}
+
+/* 设置滚动条宽度 */
+::-webkit-scrollbar {
+  width: 6px;
+}
+
+.custom-list {
+  overflow-y: auto;
+  background-color: var(--scl-white-1);
+  padding: 0 8px 0 14px;
+  margin-top: -6px;
+}
+
+.list-item {
+  border-bottom: 1px solid var(--scl-gray-5);
+}
+
+
+
+</style>

package/nav/lambo-top-nav.vue

@@ -1,14 +1,15 @@
 <template>
-  <van-sticky>
-    <van-nav-bar :title="title">
+  <div>
+    <van-nav-bar :title="title" fixed>
       <template #left>
-        <div class="arrow-left" @click="back"></div>
+        <van-icon name="arrow-left" color="#FFFFFF" size="20px" @click="back"/>
       </template>
       <template v-if="hasExtend" #right>
         <div class="arrow-right-search" @click="more"></div>
       </template>
     </van-nav-bar>
-  </van-sticky>
+    <div style="height: 46px;"></div>
+  </div>
 </template>
 <script>
 
@@ -35,7 +36,7 @@ export default {
   }
 }
 </script>
-<style scoped>
+<style lang="less" scoped>
 @import "../styles/index.less";
 
 .arrow-right-search {
@@ -47,14 +48,6 @@ export default {
   background-image: url("../assets/icon/search-right.png");
 }
 
-.arrow-left {
-  width: 14px;
-  height: 14px;
-  line-height: 48px;
-  background-image: url("../assets/icon/arrow-left.png");
-  background-repeat: no-repeat;
-  background-size: 100% auto;
-}
 
 .van-nav-bar {
   background-color: #0070D2;
@@ -63,6 +56,10 @@ export default {
 
 .van-sticky {
   position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 100;
 }
 
 ::v-deep .van-nav-bar__left {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wl-design-mobile",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "",
   "main": "index.js",
   "author": "finch",
@@ -19,7 +19,9 @@
     "vant": "^2.13.2",
     "vue-router": "^3.0.5",
     "moment": "^2.30.1",
-    "axios": "^1.7.2"
+    "axios": "^1.7.2",
+    "dingtalk-jsapi": "^3.0.12",
+    "weixin-js-sdk": "^1.6.5"
   },
   "devDependencies": {
     "vue": "^2.6.14"

package/search/lambo-multi-select.vue

@@ -9,18 +9,22 @@
     <div>
       <van-popup v-model:show="showBottom" :style="{ height: '31%' }" position="bottom">
         <van-checkbox-group v-model="selectItem.K">
-          <div class="search-top-div">
-            <van-button class="search-cancel-btn" size="normal" @click="cancel">取消</van-button>
-            <span class="search-select-title">请选择</span>
-            <van-button class="search-confirm-btn" size="normal" @click="onConfirm">确认</van-button>
+          <div class="bottom-div">
+            <div class="search-top-div">
+              <van-button class="search-cancel-btn" size="normal" @click="cancel">取消</van-button>
+              <span class="search-select-title">请选择</span>
+              <van-button class="search-confirm-btn" size="normal" @click="onConfirm">确认</van-button>
+            </div>
+            <div class="cell-group-div">
+              <van-cell-group>
+                <van-cell v-for="(c, index) in data" :key="index" :title="`${c.V}`" clickable @click="checkboxClick(c)">
+                  <template #right-icon>
+                    <van-checkbox :name="c.K" shape="square" ref="checkboxes" checked-color="#0070D2"/>
+                  </template>
+                </van-cell>
+              </van-cell-group>
+            </div>
           </div>
-          <van-cell-group>
-            <van-cell v-for="(c, index) in data" :key="index" :title="`${c.V}`" clickable @click="checkboxClick(c)">
-              <template #right-icon>
-                <van-checkbox :name="c.K" shape="square" ref="checkboxes" checked-color="#0070D2"/>
-              </template>
-            </van-cell>
-          </van-cell-group>
         </van-checkbox-group>
       </van-popup>
     </div>

package/search/lambo-search-box.vue

@@ -52,4 +52,10 @@ export default {
 <style scoped>
 @import "../styles/index.less";
 @import "./styles/css/index.css";
+
+.search-top-pop {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
 </style>

package/search/lambo-single-select.vue

@@ -9,18 +9,22 @@
     <div>
       <van-popup v-model:show="showBottom" :style="{ height: '31%' }" position="bottom">
         <van-radio-group v-model="selectItem.K">
-          <div class="search-top-div">
-            <van-button class="search-cancel-btn" size="normal" @click="cancel">取消</van-button>
-            <span class="search-select-title">请选择</span>
-            <van-button class="search-confirm-btn" size="normal" @click="onConfirm">确认</van-button>
+          <div class="bottom-div">
+            <div class="search-top-div">
+              <van-button class="search-cancel-btn" size="normal" @click="cancel">取消</van-button>
+              <span class="search-select-title">请选择</span>
+              <van-button class="search-confirm-btn" size="normal" @click="onConfirm">确认</van-button>
+            </div>
+            <div class="cell-group-div">
+              <van-cell-group>
+                <van-cell v-for="(c, index) in data" :key="index" :title="`${c.V}`" clickable @click="radioClick(c)">
+                  <template #right-icon>
+                    <van-radio :name="c.K" checked-color="#0070D2"/>
+                  </template>
+                </van-cell>
+              </van-cell-group>
+            </div>
           </div>
-          <van-cell-group>
-            <van-cell v-for="(c, index) in data" :key="index" :title="`${c.V}`" clickable @click="radioClick(c)">
-              <template #right-icon>
-                <van-radio :name="c.K" checked-color="#0070D2"/>
-              </template>
-            </van-cell>
-          </van-cell-group>
         </van-radio-group>
       </van-popup>
     </div>

package/search/styles/css/index.css

@@ -1,126 +1,136 @@
-.search-top-pop {
-    min-height: 145px;
-    max-height: 320px;
-    background-color: var(--scl-white-1)
-}
-
-.search-body {
-    border-top: none;
-    min-height: 70px;
-    max-height: 245px;
-    overflow: auto;
-}
-
-.search-bottom-btn {
-    padding: 18px 14px 14px 14px;
-}
-
-
-/*日期选择*/
-.search-row {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    flex-wrap: nowrap;
-    align-items: center;
-    align-content: center;
-    height: 70px;
-    padding: 18px 0;
-    margin: 0 14px;
-    border-bottom: 1px solid var(--scl-white-2);
-    border-top: none;
-}
-
-.search-input-title {
-    height: 16px;
-    font-size: 12px;
-    color: var(--scl-gray-2);
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    margin-left: 12px;
-    width: 76px;
-}
-
-.search-lambo-input {
-    border: none;
-    outline: none;
-    background: none;
-    height: 16px;
-    font-size: 12px;
-    color: var(--scl-gray-1);
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    margin-left: 8px;
-    flex: 1;
-}
-
-
-/*输入框*/
-
-.search-lambo-input .van-cell {
-    padding: 10px 0;
-}
-
-
-/*多选*/
-
-.search-top-div {
-    display: flex;
-    justify-content: space-between;
-    height: 44px;
-    line-height: 44px;
-    width: 100%;
-    position: fixed;
-    z-index: 300;
-}
-
-.search-cancel-btn {
-    border: none;
-    color: var(--scl-gray-3);
-}
-
-.search-confirm-btn {
-    border: none;
-    color: var(--scl-blue);
-}
-
-.search-select-title {
-    font-size: 16px;
-    font-weight: bold;
-}
-
-/*修改单选多选的滚动条样式*/
-/deep/ .van-radio-group {
-    position: relative;
-}
-
-/*修改单选多选的滚动条样式*/
-/deep/ .van-cell-group {
-    padding-top: 44px;
-}
-
-/*修改单选多选的滚动条样式*/
-/deep/ .van-cell:first-child {
-    padding-top: 10px;
-}
-
-
-/*滚动条样式*/
-/deep/ ::-webkit-scrollbar {
-    width: 6px;
-}
-
-/*滚动条样式*/
-/deep/ ::-webkit-scrollbar-thumb {
-    border-radius: var(--ind-border-radius-xl);
-    background: rgba(45, 140, 240, 0.6);
-}
-
-/*滚动条样式*/
-/deep/ ::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
-    border-radius: var(--ind-border-radius-xl);
-    background: rgba(231, 242, 250, 0.4);
-}
+.search-top-pop {
+    min-height: 112px;
+    max-height: 33%;
+    background-color: var(--scl-white-1)
+}
+
+.search-body {
+    border-top: none;
+    overflow-y: auto;
+    flex: 1
+}
+
+.search-bottom-btn {
+    padding: 12px 14px 12px 14px;
+    box-shadow: 0 -2px 10px rgba(125, 126, 128, .16);
+    background-color: rgb(255, 255, 255, 1);
+}
+
+/*日期选择*/
+.search-row {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    flex-wrap: nowrap;
+    align-items: center;
+    align-content: center;
+    height: 50px;
+    padding: 10px 0;
+    margin: 0 14px;
+    border-bottom: 1px solid var(--scl-white-2);
+    border-top: none;
+}
+
+.search-input-title {
+    height: 16px;
+    font-size: 12px;
+    color: var(--scl-gray-2);
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin-left: 12px;
+    width: 76px;
+}
+
+.search-lambo-input {
+    border: none;
+    outline: none;
+    background: none;
+    height: 16px;
+    font-size: 12px;
+    color: var(--scl-gray-1);
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin-left: 8px;
+    flex: 1;
+}
+
+/*输入框*/
+.search-lambo-input .van-cell {
+    padding: 10px 0;
+}
+
+/*多选*/
+.search-top-div {
+    display: flex;
+    justify-content: space-between;
+    height: 44px;
+    line-height: 44px;
+    width: 100%;
+    position: fixed;
+    z-index: 2;
+    box-shadow: 0 2px 10px rgba(125, 126, 128, .16);
+    background-color: rgb(255, 255, 255, 1);
+}
+
+.search-cancel-btn {
+    border: none;
+    color: var(--scl-gray-3);
+}
+
+.search-confirm-btn {
+    border: none;
+    color: var(--scl-blue);
+}
+
+.search-select-title {
+    font-size: 16px;
+    font-weight: bold;
+}
+
+/*修改单选多选的滚动条样式*/
+/deep/ .van-radio-group {
+    position: relative;
+}
+
+/*修改单选多选的滚动条样式*/
+/deep/ .van-cell-group {
+    padding-top: 44px;
+}
+
+/*修改单选多选的滚动条样式*/
+/deep/ .van-cell:first-child {
+    padding-top: 10px;
+}
+
+/*滚动条样式*/
+/deep/ ::-webkit-scrollbar {
+    width: 6px;
+}
+
+/*滚动条样式*/
+/deep/ ::-webkit-scrollbar-thumb {
+    border-radius: var(--ind-border-radius-xl);
+    background: rgba(45, 140, 240, 0.6);
+}
+
+/*滚动条样式*/
+/deep/ ::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
+    border-radius: var(--ind-border-radius-xl);
+    background: rgba(231, 242, 250, 0.4);
+}
+
+.bottom-div {
+    display: flex;
+    flex-direction: column;
+}
+
+.cell-group-div {
+    flex: 1;
+    overflow-y: auto;
+    margin-top: 44px;
+}
+
+

package/util/assist.js

@@ -1,43 +1,43 @@
-// 深拷贝
-export function deepCopy(data) {
-  let i;
-  const t = typeOf(data);
-  let o;
-
-  if (t === 'array') {
-    o = [];
-  } else if (t === 'object') {
-    o = {};
-  } else {
-    return data;
-  }
-
-  if (t === 'array') {
-    for (i = 0; i < data.length; i++) {
-      o.push(deepCopy(data[i]));
-    }
-  } else if (t === 'object') {
-    for (i in data) {
-      o[i] = deepCopy(data[i]);
-    }
-  }
-  return o;
-}
-
-// 判断对象类型
-export function typeOf(obj) {
-  const toString = Object.prototype.toString;
-  const map = {
-    '[object Boolean]': 'boolean',
-    '[object Number]': 'number',
-    '[object String]': 'string',
-    '[object Function]': 'function',
-    '[object Array]': 'array',
-    '[object Date]': 'date',
-    '[object RegExp]': 'regExp',
-    '[object Undefined]': 'undefined',
-    '[object Null]': 'null',
-    '[object Object]': 'object'
-  };
-  return map[toString.call(obj)];
-}
+// 深拷贝
+export function deepCopy(data) {
+  let i;
+  const t = typeOf(data);
+  let o;
+
+  if (t === 'array') {
+    o = [];
+  } else if (t === 'object') {
+    o = {};
+  } else {
+    return data;
+  }
+
+  if (t === 'array') {
+    for (i = 0; i < data.length; i++) {
+      o.push(deepCopy(data[i]));
+    }
+  } else if (t === 'object') {
+    for (i in data) {
+      o[i] = deepCopy(data[i]);
+    }
+  }
+  return o;
+}
+
+// 判断对象类型
+export function typeOf(obj) {
+  const toString = Object.prototype.toString;
+  const map = {
+    '[object Boolean]': 'boolean',
+    '[object Number]': 'number',
+    '[object String]': 'string',
+    '[object Function]': 'function',
+    '[object Array]': 'array',
+    '[object Date]': 'date',
+    '[object RegExp]': 'regExp',
+    '[object Undefined]': 'undefined',
+    '[object Null]': 'null',
+    '[object Object]': 'object'
+  };
+  return map[toString.call(obj)];
+}

package/util/bus.js

@@ -1,4 +1,4 @@
-import Vue from 'vue'
-
-const Bus = new Vue();
-export default Bus;
+import Vue from 'vue'
+
+const Bus = new Vue();
+export default Bus;

package/util/jssdk.js

@@ -0,0 +1,141 @@
+import wx from "weixin-js-sdk";
+import * as dd from 'dingtalk-jsapi';
+import config from '../config/config'
+import {axios} from '../util/axios'
+
+let appId,agentId,corpId,appKey
+
+function init({appId:a,agentId:b,corpId:c,appKey:d}){
+  appId = a
+  agentId = b
+  corpId = c
+  appKey = d
+}
+
+
+function getAppType() {
+  let ua = navigator.userAgent.toLowerCase();
+  let isWxWork = ua.match(/WxWork/i) == 'wxwork';
+  if (isWxWork) {
+    return '20'
+  }
+
+  let isWx = ua.match(/MicroMessenger/i) == 'micromessenger';
+  if (isWx) {
+    if(agentId){//如果有agentId认为是企业微信
+      return '20'
+    }
+    return '10'
+  }
+
+  if (dd.env.platform != 'notInDingTalk') {
+    return '30'
+  }
+
+  return ''
+}
+
+function getJsConfig(){
+  let url = window.location.href.split('#')[0]
+  return new Promise((resolve, reject)=>{
+    axios.post(config.platformServerContext + '/api/weixin/getJsConfig', {
+      appType: getAppType(),
+      appId: appId,
+      agentId: agentId,
+      corpId: corpId,
+      appKey: appKey,
+      url: url
+    }).then((resp) => {
+      resolve(resp.data)
+    }).catch((error) => {
+      reject(error)
+    })
+  })
+}
+
+function configWx(){
+  return new Promise((resolve, reject) =>{
+    getJsConfig().then((resp)=>{
+      wx.config({
+        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+        appId: appId, // 必填，公众号的唯一标识
+        timestamp: resp.timestamp, // 必填，生成签名的时间戳
+        nonceStr: resp.noncestr, // 必填，生成签名的随机串
+        signature: resp.signature, // 必填，签名
+        jsApiList: ['chooseImage', 'uploadImage', 'downloadImage', 'getLocalImgData', 'openLocation', 'getLocation', 'scanQRCode', 'chooseWXPay', 'onHistoryBack','invoke','onLocationChange','previewFile'] // 必填，需要使用的JS接口列表
+        //jsApiList: ['chooseImage', 'uploadImage', 'downloadImage', 'getLocalImgData', 'openLocation', 'getLocation', 'scanQRCode', 'chooseWXPay', 'onHistoryBack','startLocationUpdateBackground','startLocationUpdate','onLocationChange','offLocationChange']   // 必填，需要使用的JS接口列表
+      });
+
+      wx.ready(() => {
+        console.log('初始化js-sdk成功');
+        resolve()
+      });
+      wx.error(res => {
+        console.log('初始化js-sdk失败' + res.errMsg);
+        console.log('友情提示：若想成功，则需通过params传参（而不是query）！！！');
+        reject('初始化js-sdk失败' + res.errMsg)
+      });
+    }).catch((error)=>{
+      reject('请求服务端jssdk签名失败：'+error)
+    })
+  })
+}
+
+let JsSDK = (function () {
+  function scanQRCode(){
+    return new Promise((resolve, reject) =>{
+      configWx().then(()=>{
+        wx.scanQRCode({
+          desc: 'scanQRCode desc',
+          needResult: 1,
+          scanType: ["qrCode", "barCode"],
+          success: function (resp) {
+            console.log("resp =>",resp)
+            let result = resp.resultStr
+            resolve(result)
+          },
+          fail: function (res) {
+            console.log("失败res=>",res)
+            if (res.errMsg.indexOf('function_not_exist') > 0) {
+              reject('版本过低请升级');
+            } else {
+              reject("扫码失败,请联系系统管理员!");
+            }
+          }
+        })
+      }).catch((error)=>{
+        reject('扫码失败：'+error)
+      })
+    })
+  }
+  function getLocation(){
+    return new Promise((resolve, reject)=>{
+      configWx().then(()=>{
+        wx.getLocation({
+          type: 'gcj02', //获取gcj02的坐标
+          success: (res) => {
+            //res.longitude 获取经度
+            //res.latitude 获取纬度
+            console.log(res);
+            resolve(res)
+          }, fail: (res) => {
+            console.log("获取位置失败。"+JSON.stringify(res));
+            reject("获取位置失败" + JSON.stringify(res))
+          }
+        });
+      }).catch((error)=>{
+        reject('获取位置失败：'+error)
+      })
+    })
+  }
+
+  // 公开API
+  return {
+    init:init,
+    scanQRCode: scanQRCode,
+    getLocation:getLocation
+  };
+})();
+
+export default JsSDK
+