wl-design-mobile 0.8.13 → 0.8.15

package/order/index.js

@@ -1,33 +1,33 @@
-/**
- * 工单组件入口（移动端版本）
- * 参照 lambo-design-bi 组件库重新实现的 Vant 版本
- */
-
-// 公共子组件
-import OrderNodeHeader from './comps/order-node-header.vue'
-import OrderNodeCard from './comps/order-node-card.vue'
-import OrderAttachmentList from './comps/order-attachment-list.vue'
-import OrderAttachmentModal from './comps/order-attachment-modal.vue'
-import OrderDetail from './detail/order-detail.vue'
-import OrderHandle from './handle/order-handle.vue'
-
-export {
-  OrderNodeHeader,
-  OrderNodeCard,
-  OrderAttachmentList,
-  OrderAttachmentModal,
-  OrderDetail,
-  OrderHandle
-}
-export * from './comps/order-util.js'
-
-export default {
-  install(Vue) {
-    Vue.component('OrderNodeHeader', OrderNodeHeader)
-    Vue.component('OrderNodeCard', OrderNodeCard)
-    Vue.component('OrderAttachmentList', OrderAttachmentList)
-    Vue.component('OrderAttachmentModal', OrderAttachmentModal)
-    Vue.component('OrderDetail', OrderDetail)
-    Vue.component('OrderHandle', OrderHandle)
-  }
-}
+/**
+ * 工单组件入口（移动端版本）
+ * 参照 lambo-design-bi 组件库重新实现的 Vant 版本
+ */
+
+// 公共子组件
+import OrderNodeHeader from './comps/order-node-header.vue'
+import OrderNodeCard from './comps/order-node-card.vue'
+import OrderAttachmentList from './comps/order-attachment-list.vue'
+import OrderAttachmentModal from './comps/order-attachment-modal.vue'
+import OrderDetail from './detail/order-detail.vue'
+import OrderHandle from './handle/order-handle.vue'
+
+export {
+  OrderNodeHeader,
+  OrderNodeCard,
+  OrderAttachmentList,
+  OrderAttachmentModal,
+  OrderDetail,
+  OrderHandle
+}
+export * from './comps/order-util.js'
+
+export default {
+  install(Vue) {
+    Vue.component('OrderNodeHeader', OrderNodeHeader)
+    Vue.component('OrderNodeCard', OrderNodeCard)
+    Vue.component('OrderAttachmentList', OrderAttachmentList)
+    Vue.component('OrderAttachmentModal', OrderAttachmentModal)
+    Vue.component('OrderDetail', OrderDetail)
+    Vue.component('OrderHandle', OrderHandle)
+  }
+}

package/package.json

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

package/search/lambo-date-range-page.vue

@@ -1,196 +1,196 @@
-<template>
-  <div class="time-div">
-    <div class="left" @click="onOpen">
-      <p class="time">{{ startDate }}</p>
-    </div>
-    <div class="middle" @click="replace">
-      <img class="img" :src="imgSrc"/>
-      <p class="nav"><img class="rest-img" :src="imgResetSrc">重置</p>
-    </div>
-    <div class="right" @click="onOpen">
-      <p class="time">{{ endDate }}</p>
-    </div>
-    <van-calendar v-model:show="showBottom" :default-date="defaultDateArr" :min-date="minDate" :max-date="maxDate"
-                  type="range" :style="{ maxHeight: '65%' }" color="#0070D2" @confirm="onConfirm" get-container="body"
-                  :allow-same-day="allowSameDay"/>
-  </div>
-</template>
-<script>
-import time from '../assets/icon/interval/time.png'
-import reset from '../assets/icon/interval/reset.png'
-import moment from 'moment'
-import {deepCopy} from '../util/assist'
-
-export default {
-  name: "LamboDateRangePage",
-  props: {
-    defaultDate: {
-      type: Array,
-      default: () => []
-    },
-    allowSameDay: {
-      type: Boolean,
-      default: false
-    },
-  },
-  data() {
-    return {
-      imgSrc: time,
-      imgResetSrc: reset,
-      showBottom: false,
-      selectItem: {
-        date: [],
-        date8: []
-      },
-      startDate: '',
-      endDate: '',
-      defaultDateArr: [],
-      minDate: new Date((new Date()).getFullYear() - 1, (new Date()).getMonth() + 1, (new Date()).getDate()),
-      maxDate: new Date((new Date()).getFullYear() + 1, (new Date()).getMonth() + 1, (new Date()).getDate()),
-      replaceDate: [],
-    }
-  },
-  created() {
-    this.initDefaultVal()
-  },
-  methods: {
-    initDefaultVal() {
-      if (this.defaultDate && Array.isArray(this.defaultDate) && this.defaultDate.length === 2) {
-        let defDateArr = this.defaultDate
-        this.replaceDate = this.defaultDate
-        if (defDateArr && defDateArr.length === 2 && defDateArr[0] && defDateArr[1]) {
-          this.selectItem.date8 = deepCopy(defDateArr)
-
-          let startDate8 = defDateArr[0]
-          let endDate8 = defDateArr[1]
-          let startDateFormat = moment(startDate8).format('yyyy-MM-DD') || ''
-          let endDateFormat = moment(endDate8).format('yyyy-MM-DD') || ''
-          this.selectItem.date[0] = startDateFormat
-          this.selectItem.date[1] = endDateFormat
-          this.startDate = startDateFormat
-          this.endDate = endDateFormat
-
-          let startDateObj = moment(startDate8).toDate()
-          let endDateObj = moment(endDate8).toDate()
-          this.defaultDateArr = [startDateObj, endDateObj]
-        }
-      }
-    },
-    onOpen() {
-      this.showBottom = true
-    },
-    onConfirm(time) {
-      console.log(" onConfirm time:", time)
-      if (Array.isArray(time)) {
-        if (time.length === 2) {
-          let startDate1 = moment(time[0]).format("yyyyMMDD") || ''
-          let endDate1 = moment(time[1]).format("yyyyMMDD") || ''
-          let startDateFormat = moment(time[0]).format('yyyy-MM-DD') || ''
-          let endDateFormat = moment(time[1]).format('yyyy-MM-DD') || ''
-
-          if (startDate1 && endDate1) {
-            this.selectItem.date8 = [startDate1, endDate1]
-            this.selectItem.date = [startDateFormat, endDateFormat]
-            this.startDate = startDateFormat
-            this.endDate = endDateFormat
-            this.$emit("on-ok", this.selectItem)
-          }
-        }
-      }
-      this.showBottom = false
-    },
-    replace() {
-      if (this.replaceDate && Array.isArray(this.replaceDate) && this.replaceDate.length === 2) {
-        let defDateArr = this.replaceDate
-        this.replaceDate = this.replaceDate
-        if (defDateArr && defDateArr.length === 2 && defDateArr[0] && defDateArr[1]) {
-          this.selectItem.date8 = deepCopy(defDateArr)
-
-          let startDate8 = defDateArr[0]
-          let endDate8 = defDateArr[1]
-          let startDateFormat = moment(startDate8).format("yyyy-MM-DD") || ''
-          let endDateFormat = moment(endDate8).format("yyyy-MM-DD") || ''
-          this.selectItem.date[0] = startDateFormat
-          this.selectItem.date[1] = endDateFormat
-          this.startDate = startDateFormat
-          this.endDate = endDateFormat
-
-          let startDateObj = moment(startDate8).toDate()
-          let endDateObj = moment(endDate8).toDate()
-          this.defaultDateArr = [startDateObj, endDateObj]
-
-          this.$emit("on-ok", this.selectItem)
-        }
-      }
-
-    }
-  }
-}
-</script>
-<style scoped>
-@import "../styles/index.less";
-
-.time-div {
-  height: 72px;
-  background-color: var(--scl-white-1);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 14px;
-}
-
-.left {
-  width: 37.5%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  padding-left: 14px;
-  text-align: left;
-}
-
-.right {
-  width: 37.5%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  justify-content: center;
-  padding-right: 14px;
-  text-align: right;
-}
-
-.middle {
-  width: 25%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-.time {
-  font-size: 14px;
-  color: var(--scl-gray-1);
-}
-
-.nav {
-  font-size: 11px;
-  color: var(--scl-blue);
-  margin-top: 3px;
-}
-
-.img {
-  width: 100%;
-  height: auto;
-  margin-top: 15px;
-}
-
-.rest-img {
-  width: 15%;
-  height: auto;
-  margin-left: 10px;
-  margin-right: 2px;
-}
-</style>
+<template>
+  <div class="time-div">
+    <div class="left" @click="onOpen">
+      <p class="time">{{ startDate }}</p>
+    </div>
+    <div class="middle" @click="replace">
+      <img class="img" :src="imgSrc"/>
+      <p class="nav"><img class="rest-img" :src="imgResetSrc">重置</p>
+    </div>
+    <div class="right" @click="onOpen">
+      <p class="time">{{ endDate }}</p>
+    </div>
+    <van-calendar v-model:show="showBottom" :default-date="defaultDateArr" :min-date="minDate" :max-date="maxDate"
+                  type="range" :style="{ maxHeight: '65%' }" color="#0070D2" @confirm="onConfirm" get-container="body"
+                  :allow-same-day="allowSameDay"/>
+  </div>
+</template>
+<script>
+import time from '../assets/icon/interval/time.png'
+import reset from '../assets/icon/interval/reset.png'
+import moment from 'moment'
+import {deepCopy} from '../util/assist'
+
+export default {
+  name: "LamboDateRangePage",
+  props: {
+    defaultDate: {
+      type: Array,
+      default: () => []
+    },
+    allowSameDay: {
+      type: Boolean,
+      default: false
+    },
+  },
+  data() {
+    return {
+      imgSrc: time,
+      imgResetSrc: reset,
+      showBottom: false,
+      selectItem: {
+        date: [],
+        date8: []
+      },
+      startDate: '',
+      endDate: '',
+      defaultDateArr: [],
+      minDate: new Date((new Date()).getFullYear() - 1, (new Date()).getMonth() + 1, (new Date()).getDate()),
+      maxDate: new Date((new Date()).getFullYear() + 1, (new Date()).getMonth() + 1, (new Date()).getDate()),
+      replaceDate: [],
+    }
+  },
+  created() {
+    this.initDefaultVal()
+  },
+  methods: {
+    initDefaultVal() {
+      if (this.defaultDate && Array.isArray(this.defaultDate) && this.defaultDate.length === 2) {
+        let defDateArr = this.defaultDate
+        this.replaceDate = this.defaultDate
+        if (defDateArr && defDateArr.length === 2 && defDateArr[0] && defDateArr[1]) {
+          this.selectItem.date8 = deepCopy(defDateArr)
+
+          let startDate8 = defDateArr[0]
+          let endDate8 = defDateArr[1]
+          let startDateFormat = moment(startDate8).format('yyyy-MM-DD') || ''
+          let endDateFormat = moment(endDate8).format('yyyy-MM-DD') || ''
+          this.selectItem.date[0] = startDateFormat
+          this.selectItem.date[1] = endDateFormat
+          this.startDate = startDateFormat
+          this.endDate = endDateFormat
+
+          let startDateObj = moment(startDate8).toDate()
+          let endDateObj = moment(endDate8).toDate()
+          this.defaultDateArr = [startDateObj, endDateObj]
+        }
+      }
+    },
+    onOpen() {
+      this.showBottom = true
+    },
+    onConfirm(time) {
+      console.log(" onConfirm time:", time)
+      if (Array.isArray(time)) {
+        if (time.length === 2) {
+          let startDate1 = moment(time[0]).format("yyyyMMDD") || ''
+          let endDate1 = moment(time[1]).format("yyyyMMDD") || ''
+          let startDateFormat = moment(time[0]).format('yyyy-MM-DD') || ''
+          let endDateFormat = moment(time[1]).format('yyyy-MM-DD') || ''
+
+          if (startDate1 && endDate1) {
+            this.selectItem.date8 = [startDate1, endDate1]
+            this.selectItem.date = [startDateFormat, endDateFormat]
+            this.startDate = startDateFormat
+            this.endDate = endDateFormat
+            this.$emit("on-ok", this.selectItem)
+          }
+        }
+      }
+      this.showBottom = false
+    },
+    replace() {
+      if (this.replaceDate && Array.isArray(this.replaceDate) && this.replaceDate.length === 2) {
+        let defDateArr = this.replaceDate
+        this.replaceDate = this.replaceDate
+        if (defDateArr && defDateArr.length === 2 && defDateArr[0] && defDateArr[1]) {
+          this.selectItem.date8 = deepCopy(defDateArr)
+
+          let startDate8 = defDateArr[0]
+          let endDate8 = defDateArr[1]
+          let startDateFormat = moment(startDate8).format("yyyy-MM-DD") || ''
+          let endDateFormat = moment(endDate8).format("yyyy-MM-DD") || ''
+          this.selectItem.date[0] = startDateFormat
+          this.selectItem.date[1] = endDateFormat
+          this.startDate = startDateFormat
+          this.endDate = endDateFormat
+
+          let startDateObj = moment(startDate8).toDate()
+          let endDateObj = moment(endDate8).toDate()
+          this.defaultDateArr = [startDateObj, endDateObj]
+
+          this.$emit("on-ok", this.selectItem)
+        }
+      }
+
+    }
+  }
+}
+</script>
+<style scoped>
+@import "../styles/index.less";
+
+.time-div {
+  height: 72px;
+  background-color: var(--scl-white-1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 14px;
+}
+
+.left {
+  width: 37.5%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  padding-left: 14px;
+  text-align: left;
+}
+
+.right {
+  width: 37.5%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+  padding-right: 14px;
+  text-align: right;
+}
+
+.middle {
+  width: 25%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.time {
+  font-size: 14px;
+  color: var(--scl-gray-1);
+}
+
+.nav {
+  font-size: 11px;
+  color: var(--scl-blue);
+  margin-top: 3px;
+}
+
+.img {
+  width: 100%;
+  height: auto;
+  margin-top: 15px;
+}
+
+.rest-img {
+  width: 15%;
+  height: auto;
+  margin-left: 10px;
+  margin-right: 2px;
+}
+</style>