bi-element-ui 0.1.50 → 0.1.51

package/src/views/Date.vue

@@ -1,132 +1,132 @@
-<template>
-  <div class="free-table">
-    <div class="example-table-box">
-      <p>基础日期-{{ date }}</p>
-      <BiDatePicker
-        v-model="date"
-        type="date"
-        placeholder="选择日期"
-      ></BiDatePicker>
-    </div>
-    <div class="example-table-box">
-      <p>基础周-{{ date1 }}</p>
-      <BiDatePicker
-        v-model="date1"
-        type="week"
-        placeholder="选择周"
-      ></BiDatePicker>
-    </div>
-    <div class="example-table-box">
-      <p>基础月-{{ date2 }}</p>
-      <BiDatePicker
-        v-model="date2"
-        type="month"
-        placeholder="选择周"
-      ></BiDatePicker>
-    </div>
-    <div class="example-table-box">
-      <p>范围日期-{{ date3 }}</p>
-      <BiDatePicker
-        v-model="date3"
-        type="daterange"
-        placeholder="选择日期1"
-        :picker-option="pickerOptions1"
-      ></BiDatePicker>
-      <p>范围日期-{{ date7 }}</p>
-      <BiDatePicker
-        v-model="date7"
-        type="daterange"
-        placeholder="选择日期2"
-        :picker-option="pickerOptions2"
-      ></BiDatePicker>
-    </div>
-    <div class="example-table-box">
-      <p>范围月-{{ date5 }}</p>
-      <BiDatePicker
-        v-model="date5"
-        type="monthrange"
-        placeholder="选择日期"
-        format="yyyy-MM"
-      ></BiDatePicker>
-    </div>
-    <div class="example-table-box">
-      <p>范围日期时间-{{ date6 }}</p>
-      <BiDatePicker
-        v-model="date6"
-        type="datetimerange"
-        format="yyyy-MM-dd HH:mm:ss"
-        value-format="yyyy-MM-dd HH:mm:ss"
-        :default-time="['00:00:00','23:59:59']"
-        range-separator="至"
-        start-placeholder="开始日期"
-        end-placeholder="结束日期"
-      ></BiDatePicker>
-    </div>
-  </div>
-</template>
-
-<script>
-// import BiDatepicker from '@/components/BiDatePicker'
-import moment from 'moment'
-
-export default {
-  components: {
-    // BiDatepicker
-  },
-  data() {
-    return {
-      date: '',
-      date1: '',
-      date2: '',
-      date3: [],
-      date4: [],
-      date5: [],
-      date6: [],
-      date7: [],
-      columnsProps: {
-        width: 'auto'
-      },
-      total: 0,
-      listQuery: {
-        page: 2,
-        limit: 20
-      },
-      editForm: {},
-      dialogVisible: false,
-      pickerOptions1: {
-        firstDayOfWeek: 1,
-        onPick: ({ minDate, maxDate }) => {
-          console.log(1, moment(minDate).format('YYYY-MM-DD'))
-        }
-      },
-      pickerOptions2: {
-        firstDayOfWeek: 1,
-        onPick: ({ minDate, maxDate }) => {
-          console.log(2, moment(minDate).format('YYYY-MM-DD'))
-        }
-      }
-    }
-  },
-  methods: {
-    selectionChange(rows) {
-      console.log('selected', rows)
-    },
-    getList() {},
-    openDialog({ row }) {
-      this.editForm = Object.assign({}, row)
-      this.dialogVisible = true
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.example-table-box {
-  margin: 25px 50px;
-
-  p {
-    text-align: left;
-    font-weight: 700;
-  }
-}
-</style>
+<template>
+  <div class="free-table">
+    <div class="example-table-box">
+      <p>基础日期-{{ date }}</p>
+      <BiDatePicker
+        v-model="date"
+        type="date"
+        placeholder="选择日期"
+      ></BiDatePicker>
+    </div>
+    <div class="example-table-box">
+      <p>基础周-{{ date1 }}</p>
+      <BiDatePicker
+        v-model="date1"
+        type="week"
+        placeholder="选择周"
+      ></BiDatePicker>
+    </div>
+    <div class="example-table-box">
+      <p>基础月-{{ date2 }}</p>
+      <BiDatePicker
+        v-model="date2"
+        type="month"
+        placeholder="选择周"
+      ></BiDatePicker>
+    </div>
+    <div class="example-table-box">
+      <p>范围日期-{{ date3 }}</p>
+      <BiDatePicker
+        v-model="date3"
+        type="daterange"
+        placeholder="选择日期1"
+        :picker-option="pickerOptions1"
+      ></BiDatePicker>
+      <p>范围日期-{{ date7 }}</p>
+      <BiDatePicker
+        v-model="date7"
+        type="daterange"
+        placeholder="选择日期2"
+        :picker-option="pickerOptions2"
+      ></BiDatePicker>
+    </div>
+    <div class="example-table-box">
+      <p>范围月-{{ date5 }}</p>
+      <BiDatePicker
+        v-model="date5"
+        type="monthrange"
+        placeholder="选择日期"
+        format="yyyy-MM"
+      ></BiDatePicker>
+    </div>
+    <div class="example-table-box">
+      <p>范围日期时间-{{ date6 }}</p>
+      <BiDatePicker
+        v-model="date6"
+        type="datetimerange"
+        format="yyyy-MM-dd HH:mm:ss"
+        value-format="yyyy-MM-dd HH:mm:ss"
+        :default-time="['00:00:00','23:59:59']"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
+      ></BiDatePicker>
+    </div>
+  </div>
+</template>
+
+<script>
+// import BiDatepicker from '@/components/BiDatePicker'
+import moment from 'moment'
+
+export default {
+  components: {
+    // BiDatepicker
+  },
+  data() {
+    return {
+      date: '',
+      date1: '',
+      date2: '',
+      date3: [],
+      date4: [],
+      date5: [],
+      date6: [],
+      date7: [],
+      columnsProps: {
+        width: 'auto'
+      },
+      total: 0,
+      listQuery: {
+        page: 2,
+        limit: 20
+      },
+      editForm: {},
+      dialogVisible: false,
+      pickerOptions1: {
+        firstDayOfWeek: 1,
+        onPick: ({ minDate, maxDate }) => {
+          console.log(1, moment(minDate).format('YYYY-MM-DD'))
+        }
+      },
+      pickerOptions2: {
+        firstDayOfWeek: 1,
+        onPick: ({ minDate, maxDate }) => {
+          console.log(2, moment(minDate).format('YYYY-MM-DD'))
+        }
+      }
+    }
+  },
+  methods: {
+    selectionChange(rows) {
+      console.log('selected', rows)
+    },
+    getList() {},
+    openDialog({ row }) {
+      this.editForm = Object.assign({}, row)
+      this.dialogVisible = true
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.example-table-box {
+  margin: 25px 50px;
+
+  p {
+    text-align: left;
+    font-weight: 700;
+  }
+}
+</style>