ljs-tools 0.2.9 → 0.2.11

package/index.js

@@ -299,10 +299,35 @@ function initSearchDate(day = 10, time = false) {
   end = formatTime(/* @__PURE__ */ new Date(), formatValue);
   return [start, end];
 }
+function initSearchDateQj(type = "date", n = 0) {
+  const date = /* @__PURE__ */ new Date();
+  let start = "";
+  let end = "";
+  switch (type) {
+    case "datetime":
+      start = formatTime(date, "{y}-{m}-{d} 00:00:00");
+      end = formatTime(date, "{y}-{m}-{d} {h}:{i}:{s}");
+      break;
+    case "date":
+      start = formatTime(date, "{y}-{m}-01");
+      end = formatTime(date, "{y}-{m}-{d}");
+      break;
+    case "month":
+      start = formatTime(date, "{y}-01");
+      end = formatTime(date, "{y}-{m}");
+      break;
+    case "year":
+      start = date.getFullYear() - (n + 1) * 5;
+      end = date.getFullYear();
+      break;
+  }
+  return [start, end];
+}
 const LJSdate = {
   formatTime,
   dateQjChange,
-  initSearchDate
+  initSearchDate,
+  initSearchDateQj
 };
 function numDxsCheck(opt) {
   const allOpt = {
@@ -12713,11 +12738,26 @@ const index$1 = {
     dictValue: String,
     // 日期类型字典数据
     datetypeData: Array,
+    // 清除按钮
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    disabledDate: {
+      type: Function,
+      default: () => {
+      }
+    },
     // 字典key值对应的value值，按照年月日的顺序，默认年为1日为3
     dateTypeKeyValue: {
       type: Array,
       default: ["1", "2", "3"]
     },
+    // 日期区间值切换规则：0跟随传入日期；1每次切换取当月、当年；
+    dateSwitchRule: {
+      type: Number,
+      default: 0
+    },
     // 默认类型，默认值：日。字典value
     formItemLabel: {
       type: String,
@@ -12729,6 +12769,11 @@ const index$1 = {
       default: () => {
         return [];
       }
+    },
+    // 中间符
+    symbol: {
+      type: String,
+      default: "~"
     }
   },
   data() {
@@ -12737,7 +12782,9 @@ const index$1 = {
       date_type: [],
       // 日期参数
       opts: {
-        dateType: "daterange",
+        startDate: null,
+        endDate: null,
+        dateType: "date",
         // 日期类型，年year，月month，日date
         dateTypeTag: true,
         // 日期控件是否显示
@@ -12753,14 +12800,6 @@ const index$1 = {
       set(val) {
         this.$emit("update:dictValue", val);
       }
-    },
-    dateValue: {
-      get() {
-        return this.date;
-      },
-      set(val) {
-        this.$emit("update:date", val);
-      }
     }
   },
   watch: {
@@ -12785,12 +12824,23 @@ const index$1 = {
     this.init();
   },
   methods: {
-    yearChange() {
-      if (Number(this.dateValue[1]) < Number(this.dateValue[0])) {
-        const temp0 = this.dateValue[0];
-        const temp1 = this.dateValue[1];
-        this.dateValue = [temp1, temp0];
+    // 切换日期
+    dateChange() {
+      if (this.opts.startDate === null || this.opts.endDate === null) {
+        return;
       }
+      let start = this.opts.startDate;
+      let end = this.opts.startDate;
+      if (this.dateType !== "year") {
+        start = new Date(this.opts.startDate).getTime();
+        end = new Date(this.opts.endDate).getTime();
+      }
+      if (Number(start) > Number(end)) {
+        const temp = this.opts.startDate;
+        this.opts.startDate = this.opts.endDate;
+        this.opts.endDate = temp;
+      }
+      this.$emit("update:date", [this.opts.startDate, this.opts.endDate]);
     },
     init() {
       this.initData();
@@ -12811,6 +12861,10 @@ const index$1 = {
         });
         this.date_type = res1;
       }
+      if (!LJSbase.fieldCheck(this.date) && this.date.length === 2) {
+        this.opts.startDate = this.date[0];
+        this.opts.endDate = this.date[1];
+      }
       this.dateTypeF(this.dateType);
     },
     // 日期类型切换
@@ -12818,47 +12872,65 @@ const index$1 = {
       this.opts.dateTypeTag = false;
       this.dateType = val;
       let dateValue = [];
-      const date = /* @__PURE__ */ new Date();
+      let date = null;
       switch (val) {
         case this.dateTypeKeyValue[3]:
-          this.opts.dateType = "daterange";
-          this.opts.valueFormat = "YYYY-MM-DD";
-          dateValue = [LJSdate.formatTime(date, "{y}-{m}-{d}"), LJSdate.formatTime(date, "{y}-{m}-{d}")];
+          this.opts.dateType = "datetime";
+          this.opts.valueFormat = "YYYY-MM-DD HH:mm:ss";
           break;
         case this.dateTypeKeyValue[2]:
-          this.opts.dateType = "daterange";
+          this.opts.dateType = "date";
           this.opts.valueFormat = "YYYY-MM-DD";
-          dateValue = [LJSdate.formatTime(date, "{y}-{m}-01"), LJSdate.formatTime(date, "{y}-{m}-{d}")];
           break;
         case this.dateTypeKeyValue[1]:
-          this.opts.dateType = "monthrange";
+          this.opts.dateType = "month";
           this.opts.valueFormat = "YYYY-MM";
-          dateValue = [LJSdate.formatTime(date, "{y}-01"), LJSdate.formatTime(date, "{y}-{m}")];
           break;
         case this.dateTypeKeyValue[0]:
           this.opts.dateType = "year";
           this.opts.valueFormat = "YYYY";
-          dateValue = [(date.getFullYear() - 4).toString(), date.getFullYear().toString()];
           break;
       }
-      this.dateValue = dateValue;
+      if (!LJSbase.fieldCheck(this.date) && this.date.length === 2) {
+        if (this.dateSwitchRule === 0) {
+          date = [this.date[0], this.date[1]];
+        } else if (this.dateSwitchRule === 1) {
+          date = LJSdate.initSearchDateQj(this.opts.dateType);
+        }
+        switch (val) {
+          case this.dateTypeKeyValue[3]:
+            this.opts.startDate = LJSdate.formatTime(date[0], "{y}-{m}-{d} {h}:{i}:{s}");
+            this.opts.endDate = LJSdate.formatTime(date[1], "{y}-{m}-{d} {h}:{i}:{s}");
+            break;
+          case this.dateTypeKeyValue[2]:
+            this.opts.startDate = LJSdate.formatTime(date[0], "{y}-{m}-{d}");
+            this.opts.endDate = LJSdate.formatTime(date[1], "{y}-{m}-{d}");
+            break;
+          case this.dateTypeKeyValue[1]:
+            this.opts.startDate = LJSdate.formatTime(date[0], "{y}-{m}");
+            this.opts.endDate = LJSdate.formatTime(date[1], "{y}-{m}");
+            break;
+          case this.dateTypeKeyValue[0]:
+            this.opts.startDate = date[0].toString();
+            this.opts.endDate = date[1].toString();
+            break;
+        }
+        this.dateValue = dateValue;
+      }
       setTimeout(() => {
         this.opts.dateTypeTag = true;
       }, 0);
     }
   }
 };
-const index_vue_vue_type_style_index_0_scoped_df1ad931_lang = "";
+const index_vue_vue_type_style_index_0_scoped_43652919_lang = "";
 const _sfc_main$3 = index$1;
 const _hoisted_1$3 = ["onClick"];
 const _hoisted_2$1 = {
   key: 0,
   class: "frequencyDate"
 };
-const _hoisted_3$1 = {
-  key: 2,
-  class: "zhi"
-};
+const _hoisted_3$1 = { class: "zhi" };
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_date_picker = resolveComponent("el-date-picker");
   const _component_el_form_item = resolveComponent("el-form-item");
@@ -12884,45 +12956,35 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(Transition, { name: "frequencyDate" }, {
         default: withCtx(() => [
           _ctx.opts.dateTypeTag ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-            _ctx.opts.dateType !== "year" ? (openBlock(), createBlock(_component_el_date_picker, {
-              key: 0,
-              modelValue: _ctx.dateValue,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.dateValue = $event),
-              style: { "width": "240px" },
-              "value-format": _ctx.opts.valueFormat,
-              type: _ctx.opts.dateType,
-              placeholder: "请选择",
-              editable: false,
-              clearable: false,
-              "disabled-date": _ctx.LJSfc.pickerOptions()
-            }, null, 8, ["modelValue", "value-format", "type", "disabled-date"])) : createCommentVNode("", true),
-            _ctx.opts.dateType === "year" ? (openBlock(), createBlock(_component_el_date_picker, {
-              key: 1,
-              modelValue: _ctx.dateValue[0],
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.dateValue[0] = $event),
-              style: { "width": "100px !important" },
+            createVNode(_component_el_date_picker, {
+              modelValue: _ctx.opts.startDate,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.opts.startDate = $event),
+              style: normalizeStyle({
+                width: `${_ctx.opts.dateType === "year" ? 100 : _ctx.opts.dateType === "month" ? 120 : _ctx.opts.dateType === "date" ? 140 : _ctx.opts.dateType === "datetime" ? 200 : 200}px !important`
+              }),
               "value-format": _ctx.opts.valueFormat,
               type: _ctx.opts.dateType,
               placeholder: "请选择",
               editable: false,
-              clearable: false,
-              "disabled-date": _ctx.LJSfc.pickerOptions(),
-              onChange: _ctx.yearChange
-            }, null, 8, ["modelValue", "value-format", "type", "disabled-date", "onChange"])) : createCommentVNode("", true),
-            _ctx.opts.dateType === "year" ? (openBlock(), createElementBlock("span", _hoisted_3$1, "~")) : createCommentVNode("", true),
-            _ctx.opts.dateType === "year" ? (openBlock(), createBlock(_component_el_date_picker, {
-              key: 3,
-              modelValue: _ctx.dateValue[1],
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.dateValue[1] = $event),
-              style: { "width": "100px !important" },
+              clearable: _ctx.clearable,
+              "disabled-date": _ctx.disabledDate,
+              onChange: _ctx.dateChange
+            }, null, 8, ["modelValue", "style", "value-format", "type", "clearable", "disabled-date", "onChange"]),
+            createElementVNode("span", _hoisted_3$1, toDisplayString(_ctx.symbol), 1),
+            createVNode(_component_el_date_picker, {
+              modelValue: _ctx.opts.endDate,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.opts.endDate = $event),
+              style: normalizeStyle({
+                width: `${_ctx.opts.dateType === "year" ? 100 : _ctx.opts.dateType === "month" ? 120 : _ctx.opts.dateType === "date" ? 140 : _ctx.opts.dateType === "datetime" ? 200 : 200}px !important`
+              }),
               "value-format": _ctx.opts.valueFormat,
               type: _ctx.opts.dateType,
               placeholder: "请选择",
               editable: false,
-              clearable: false,
-              "disabled-date": _ctx.LJSfc.pickerOptions(),
-              onChange: _ctx.yearChange
-            }, null, 8, ["modelValue", "value-format", "type", "disabled-date", "onChange"])) : createCommentVNode("", true)
+              clearable: _ctx.clearable,
+              "disabled-date": _ctx.disabledDate,
+              onChange: _ctx.dateChange
+            }, null, 8, ["modelValue", "style", "value-format", "type", "clearable", "disabled-date", "onChange"])
           ])) : createCommentVNode("", true)
         ]),
         _: 1
@@ -12931,7 +12993,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["label"]);
 }
-const DatetypeChooseDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-df1ad931"]]);
+const DatetypeChooseDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-43652919"]]);
 const index = {
   name: "DatetypeChooseDateRange",
   props: {
@@ -12945,7 +13007,7 @@ const index = {
     // 默认类型，默认值：日。字典value
     formItemLabel: {
       type: String,
-      default: "日期区间"
+      default: "日期"
     },
     // 清除按钮
     clearable: {
@@ -12960,8 +13022,6 @@ const index = {
   },
   data() {
     return {
-      LJSfc,
-      date_type: [],
       // 日期参数
       opts: {
         startDate: null,
@@ -13026,9 +13086,9 @@ const index = {
     }
   }
 };
-const index_vue_vue_type_style_index_0_scoped_9216c7d9_lang = "";
+const index_vue_vue_type_style_index_0_scoped_bb586ec7_lang = "";
 const _sfc_main$2 = index;
-const _withScopeId$1 = (n) => (pushScopeId("data-v-9216c7d9"), n = n(), popScopeId(), n);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-bb586ec7"), n = n(), popScopeId(), n);
 const _hoisted_1$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "and" }, "~", -1));
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_date_picker = resolveComponent("el-date-picker");
@@ -13071,7 +13131,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["label"]);
 }
-const DateRange = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-9216c7d9"]]);
+const DateRange = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-bb586ec7"]]);
 const index_vue_vue_type_style_index_0_scoped_f2de2f23_lang = "";
 const _sfc_main$1 = {
   name: "DictTag",