From 97b79400b65097f914905c29ec3cf231d671d40d Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Fri, 18 Feb 2022 19:08:56 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AiAreaPicker/AiAreaPicker.vue |  2 +-
 src/components/AiDate/AiDate.vue             | 68 ++++++++++++++++++++
 2 files changed, 69 insertions(+), 1 deletion(-)
 create mode 100644 src/components/AiDate/AiDate.vue

diff --git a/src/components/AiAreaPicker/AiAreaPicker.vue b/src/components/AiAreaPicker/AiAreaPicker.vue
index 8c19156..e676534 100644
--- a/src/components/AiAreaPicker/AiAreaPicker.vue
+++ b/src/components/AiAreaPicker/AiAreaPicker.vue
@@ -49,7 +49,7 @@ export default {
     name: {default: ''},
     value: String,
     all: Boolean,
-    icon: {default: "location.svg"},
+    icon: {default: "/dvpc/h5/location.svg"},
     isHideTown: {
       type: Boolean,
       default: false
diff --git a/src/components/AiDate/AiDate.vue b/src/components/AiDate/AiDate.vue
new file mode 100644
index 0000000..36aa53d
--- /dev/null
+++ b/src/components/AiDate/AiDate.vue
@@ -0,0 +1,68 @@
+<template>
+  <section class="AiDate">
+    <u-calendar v-model="show" :maxDate="maxDate"
+                @change="handleSelect" :mode="mode" @close="show=false"/>
+    <div flex @click="show=true">
+      <div class="label" v-if="label" v-html="label"/>
+      <div class="placeholder" v-else v-html="placeholder"/>
+      <u-icon name="arrow-right" color="#ddd"/>
+    </div>
+  </section>
+</template>
+
+<script>
+import dayjs from 'dayjs'
+
+export default {
+  name: "AiDate",
+  computed: {
+    label() {
+      let arr = (this.selected || this.value)?.toString()?.split(",") || []
+      arr = arr.map(e => dayjs(e).format("YYYY-MM-DD").replace("Invalid Date", ''))
+      return arr.join('至')
+    }
+  },
+  data() {
+    return {
+      show: false,
+      selected: ""
+    }
+  },
+  props: {
+    value: {default: ""},
+    placeholder: {default: "请选择"},
+    mode: {default: "date"},//date 单个日期|range 日期范围
+    maxDate: String
+  },
+  methods: {
+    handleSelect(v) {
+      if (this.mode == 'date') {
+        this.selected = v.result
+        this.$emit('change', v.result)
+      } else if (this.mode == 'range') {
+        this.selected = [v.startDate, v.endDate]
+        this.$emit('change', v)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiDate {
+  color: #333333;
+  font-size: 30px;
+
+  .label {
+    font-size: 30px;
+  }
+
+  ::v-deep .u-icon {
+    margin-left: 8px;
+  }
+
+  .placeholder {
+    color: $uni-text-color-grey;
+  }
+}
+</style>