@maketribe/ms-app 3.2.46 → 3.2.47

package/dist/esm/modules/ms/pages/to-do/index.vue2.js

@@ -0,0 +1,171 @@
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, toDisplayString, Fragment, renderList, normalizeClass } from "vue";
+import { ElCard } from "element-plus";
+import { Dialoger } from "@maketribe/dm";
+import "@maketribe/utils";
+import "../../../../core/DataModelDefines.js";
+import { MSAppClient } from "../../../../core/MSAppClient.js";
+import { DvOpt, Group } from "@maketribe/request";
+import { ToDoForm } from "./ToDoForm.js";
+const _hoisted_1 = { class: "ms-todo" };
+const _hoisted_2 = { style: { "color": "var(--el-text-color-regular)", "margin-left": "10px" } };
+const _hoisted_3 = { class: "ms-todo__body-warp" };
+const _hoisted_4 = { class: "ms-todo__body-warp__calendar-header" };
+const _hoisted_5 = { class: "ms-todo__body-warp__calendar-header-left" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", { class: "ms-todo__body-warp__calendar-header_left-title" }, "今日工作", -1);
+const _hoisted_7 = { class: "ms-todo__body-warp__calendar-header_left-date" };
+const _hoisted_8 = { class: "ms-todo__body-warp__calendar-header-right" };
+const _hoisted_9 = { class: "ms-todo__body-warp__calendar-body" };
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = { class: "ms-todo__body-warp__calendar-body_date-weekDay" };
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("div", { class: "ms-todo__body-warp__calendar-work" }, null, -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    mkRoute: {
+      name: "dv/ms-todo/single/list/dialog"
+    }
+  },
+  __name: "index",
+  setup(__props) {
+    const httpRequest = MSAppClient.instance.httpRequest;
+    const todoDv = DvOpt.createInstance({
+      name: "todo"
+    });
+    const dayGroup = new Group();
+    const selectDate = ref(/* @__PURE__ */ new Date());
+    const offsetValue = ref(0);
+    const currentWeek = ref();
+    const todoList = ref([{}]);
+    httpRequest.get("/ms/dv/todo/meta");
+    const getWeek = (offset = 0) => {
+      const now = (/* @__PURE__ */ new Date()).getTime() + offset * 864e5;
+      const dayOfWeek = new Date(now).getDay();
+      const startDate = new Date(now - dayOfWeek * 864e5);
+      const weekDate = [
+        startDate,
+        new Date(now - (dayOfWeek - 1) * 864e5),
+        new Date(now - (dayOfWeek - 2) * 864e5),
+        new Date(now - (dayOfWeek - 3) * 864e5),
+        new Date(now - (dayOfWeek - 4) * 864e5),
+        new Date(now - (dayOfWeek - 5) * 864e5),
+        new Date(now - (dayOfWeek - 6) * 864e5)
+      ];
+      return {
+        0: { date: weekDate[0], day: weekDate[0].getDate(), weekDay: "日" },
+        1: { date: weekDate[1], day: weekDate[1].getDate(), weekDay: "一" },
+        2: { date: weekDate[2], day: weekDate[2].getDate(), weekDay: "二" },
+        3: { date: weekDate[3], day: weekDate[3].getDate(), weekDay: "三" },
+        4: { date: weekDate[4], day: weekDate[4].getDate(), weekDay: "四" },
+        5: { date: weekDate[5], day: weekDate[5].getDate(), weekDay: "五" },
+        6: { date: weekDate[6], day: weekDate[6].getDate(), weekDay: "六" }
+      };
+    };
+    const getDayTodo = async (day) => {
+      dayGroup.clear();
+      dayGroup.addCondition("createdAt", "<=", day);
+      dayGroup.addCondition("deadline", ">=", day);
+      return await todoDv.query().addGroup((g) => g.group.addGroup(dayGroup)).list();
+    };
+    const addToDo = async () => {
+      console.log(2154);
+      Dialoger.dataFormDialog({
+        dataForm: new ToDoForm()
+      });
+    };
+    watch(
+      offsetValue,
+      (newValue, oldValue) => {
+        currentWeek.value = getWeek(offsetValue.value * 7);
+        selectDate.value = new Date(selectDate.value.getTime() + (newValue - oldValue || 0) * 7 * 864e5);
+      },
+      { immediate: true }
+    );
+    watch(selectDate, async () => {
+      todoList.value = await getDayTodo(selectDate.value);
+    }, { immediate: true });
+    return (_ctx, _cache) => {
+      const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
+      const _component_el_page_header = resolveComponent("el-page-header");
+      const _component_ElButton = resolveComponent("ElButton");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_page_header, {
+          style: { "background-color": "#fff", "padding": "10px" },
+          icon: null
+        }, {
+          title: withCtx(() => [
+            createElementVNode("h3", _hoisted_2, [
+              createVNode(_component_MKSvgIcon, {
+                iconClass: "Timer",
+                style: { "margin-right": "5px" }
+              }),
+              createTextVNode(" 待办事项 ")
+            ])
+          ]),
+          extra: withCtx(() => []),
+          _: 1
+        }),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(unref(ElCard), { class: "ms-todo__body-warp__calendar" }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4, [
+                createElementVNode("div", _hoisted_5, [
+                  _hoisted_6,
+                  createElementVNode("span", _hoisted_7, toDisplayString(selectDate.value.toLocaleDateString().replace(/\//g, "-")), 1)
+                ]),
+                createElementVNode("div", _hoisted_8, [
+                  createVNode(_component_ElButton, {
+                    link: "",
+                    type: "primary",
+                    onClick: addToDo
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_MKSvgIcon, {
+                        iconClass: "Plus",
+                        style: { "margin-right": "10px" }
+                      }),
+                      createTextVNode("添加事项 ")
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              createElementVNode("div", _hoisted_9, [
+                createElementVNode("div", {
+                  class: "ms-todo__body-warp__calendar-body-left day-box",
+                  onClick: _cache[0] || (_cache[0] = ($event) => offsetValue.value--)
+                }, [
+                  createVNode(_component_MKSvgIcon, { iconClass: "ArrowLeft" })
+                ]),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(currentWeek.value, (item) => {
+                  return openBlock(), createElementBlock("div", {
+                    class: "ms-todo__body-warp__calendar-body_date day-box",
+                    onClick: ($event) => {
+                      selectDate.value = item.date;
+                      console.log(item);
+                    }
+                  }, [
+                    createElementVNode("div", _hoisted_11, toDisplayString(item.weekDay), 1),
+                    createElementVNode("div", {
+                      class: normalizeClass([item.date.toLocaleDateString() == selectDate.value.toLocaleDateString() ? "is-active" : "", "ms-todo__body-warp__calendar-body_date-day"])
+                    }, toDisplayString(item.day), 3)
+                  ], 8, _hoisted_10);
+                }), 256)),
+                createElementVNode("div", {
+                  class: "ms-todo__body-warp__calendar-body-right day-box",
+                  onClick: _cache[1] || (_cache[1] = ($event) => offsetValue.value++)
+                }, [
+                  createVNode(_component_MKSvgIcon, { iconClass: "ArrowRight" })
+                ])
+              ]),
+              _hoisted_12
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.js.map

package/dist/esm/modules/ms/pages/to-do/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/modules/ms/pages/to-do/index.vue"],"sourcesContent":["<template>\r\n    <div class=\"ms-todo\">\r\n        <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\">\r\n            <template #title>\r\n                <h3 style=\"color: var(--el-text-color-regular);margin-left: 10px;\">\r\n                    <MKSvgIcon iconClass=\"Timer\" style=\"margin-right: 5px;\" />\r\n                    待办事项\r\n                </h3>\r\n            </template>\r\n            <template #extra>\r\n            </template>\r\n        </el-page-header>\r\n        <div class=\"ms-todo__body-warp\">\r\n            <ElCard class=\"ms-todo__body-warp__calendar\">\r\n                <div class=\"ms-todo__body-warp__calendar-header\">\r\n                    <div class=\"ms-todo__body-warp__calendar-header-left\">\r\n                        <span class=\"ms-todo__body-warp__calendar-header_left-title\">今日工作</span><span\r\n                            class=\"ms-todo__body-warp__calendar-header_left-date\">{{\r\n                                selectDate.toLocaleDateString().replace(/\\//g, '-')\r\n                            }}</span>\r\n                    </div>\r\n                    <div class=\"ms-todo__body-warp__calendar-header-right\">\r\n                        <ElButton link type=\"primary\" @click=\"addToDo\">\r\n                            <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 10px;\"></MKSvgIcon>添加事项\r\n                        </ElButton>\r\n                    </div>\r\n                </div>\r\n                <div class=\"ms-todo__body-warp__calendar-body\">\r\n                    <div class=\"ms-todo__body-warp__calendar-body-left day-box\" @click=\"offsetValue--\">\r\n                        <MKSvgIcon iconClass=\"ArrowLeft\"></MKSvgIcon>\r\n                    </div>\r\n                    <div v-for=\"item in currentWeek\" class=\"ms-todo__body-warp__calendar-body_date day-box\"\r\n                        @click=\"selectDate = item.date; console.log(item);\">\r\n                        <div class=\"ms-todo__body-warp__calendar-body_date-weekDay\">\r\n                            {{ item.weekDay }}\r\n                        </div>\r\n                        <div\r\n                            :class=\"[item.date.toLocaleDateString() == selectDate.toLocaleDateString() ? 'is-active' : '', 'ms-todo__body-warp__calendar-body_date-day']\">\r\n                            {{ item.day }}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"ms-todo__body-warp__calendar-body-right day-box\" @click=\"offsetValue++\">\r\n                        <MKSvgIcon iconClass=\"ArrowRight\"></MKSvgIcon>\r\n                    </div>\r\n                </div>\r\n                <div class=\"ms-todo__body-warp__calendar-work\">\r\n\r\n                </div>\r\n            </ElCard>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { ElCard } from 'element-plus';\r\nimport { MSAppClient } from '../../../../core';\r\nimport { Ref, ref, watch } from 'vue';\r\nimport { Dialoger } from '@maketribe/dm';\r\nimport { ToDoForm } from './ToDoForm';\r\nimport { DvOpt, Group } from '@maketribe/request';\r\n\r\nconst httpRequest = MSAppClient.instance!.httpRequest;\r\n\r\ndefineOptions({\r\n    mkRoute: {\r\n        name: \"dv/ms-todo/single/list/dialog\",\r\n    },\r\n})\r\n\r\nconst todoDv = DvOpt.createInstance({\r\n    name: \"todo\"\r\n})\r\nconst dayGroup = new Group()\r\n\r\n\r\nconst selectDate = ref(new Date());\r\nconst offsetValue = ref(0)\r\nconst currentWeek = ref();\r\nconst todoList: Ref<any[]> = ref([{\r\n    \r\n}])\r\nhttpRequest.get(\"/ms/dv/todo/meta\")\r\n//获取当前周信息\r\nconst getWeek = (offset = 0) => {\r\n    const now = new Date().getTime() + offset * 86400000;\r\n    const dayOfWeek = new Date(now).getDay();\r\n    const startDate = new Date(now - dayOfWeek * 86400000);\r\n    const weekDate = [\r\n        startDate,\r\n        new Date(now - (dayOfWeek - 1) * 86400000),\r\n        new Date(now - (dayOfWeek - 2) * 86400000),\r\n        new Date(now - (dayOfWeek - 3) * 86400000),\r\n        new Date(now - (dayOfWeek - 4) * 86400000),\r\n        new Date(now - (dayOfWeek - 5) * 86400000),\r\n        new Date(now - (dayOfWeek - 6) * 86400000)\r\n    ]\r\n    return {\r\n        0: { date: weekDate[0], day: weekDate[0].getDate(), weekDay: \"日\" },\r\n        1: { date: weekDate[1], day: weekDate[1].getDate(), weekDay: \"一\" },\r\n        2: { date: weekDate[2], day: weekDate[2].getDate(), weekDay: \"二\" },\r\n        3: { date: weekDate[3], day: weekDate[3].getDate(), weekDay: \"三\" },\r\n        4: { date: weekDate[4], day: weekDate[4].getDate(), weekDay: \"四\" },\r\n        5: { date: weekDate[5], day: weekDate[5].getDate(), weekDay: \"五\" },\r\n        6: { date: weekDate[6], day: weekDate[6].getDate(), weekDay: \"六\" },\r\n    }\r\n}\r\n\r\n/**\r\n * 获取当前日期的待办事项\r\n * @param Date day \r\n */\r\nconst getDayTodo = async (day: Date) => {\r\n    dayGroup.clear();\r\n    dayGroup.addCondition(\"createdAt\", \"<=\", day);\r\n    dayGroup.addCondition(\"deadline\", \">=\", day);\r\n    return await todoDv.query().addGroup((g) => g.group.addGroup(dayGroup)).list();\r\n}\r\n\r\nconst addToDo = async () => {\r\n    console.log(2154);\r\n    Dialoger.dataFormDialog({\r\n        dataForm: new ToDoForm()\r\n    })\r\n}\r\n\r\nwatch(offsetValue, (newValue, oldValue) => {\r\n    //获取当前周信息\r\n    currentWeek.value = getWeek(offsetValue.value * 7);\r\n    //更改选中的日期\r\n    selectDate.value = new Date(selectDate.value.getTime() + (newValue - oldValue! || 0) * 7 * 86400000);\r\n}, { immediate: true }\r\n)\r\n\r\nwatch(selectDate, async () => {\r\n    // selectDate.value = currentWeek.value[0];\r\n    //todo 获取当前日期的待办事项\r\n    todoList.value = await getDayTodo(selectDate.value)\r\n}, { immediate: true })\r\n\r\n\r\n</script>\r\n<style lang='scss'></style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DM,UAAA,cAAc,YAAY,SAAU;AAQpC,UAAA,SAAS,MAAM,eAAe;AAAA,MAChC,MAAM;AAAA,IAAA,CACT;AACK,UAAA,WAAW,IAAI;AAGrB,UAAM,aAAa,IAAQ,oBAAA,KAAM,CAAA;AAC3B,UAAA,cAAc,IAAI,CAAC;AACzB,UAAM,cAAc;AACpB,UAAM,WAAuB,IAAI,CAAC,CAAA,CAEjC,CAAC;AACF,gBAAY,IAAI,kBAAkB;AAE5B,UAAA,UAAU,CAAC,SAAS,MAAM;AAC5B,YAAM,OAAU,oBAAA,KAAA,GAAO,YAAY,SAAS;AAC5C,YAAM,YAAY,IAAI,KAAK,GAAG,EAAE,OAAO;AACvC,YAAM,YAAY,IAAI,KAAK,MAAM,YAAY,KAAQ;AACrD,YAAM,WAAW;AAAA,QACb;AAAA,QACA,IAAI,KAAK,OAAO,YAAY,KAAK,KAAQ;AAAA,QACzC,IAAI,KAAK,OAAO,YAAY,KAAK,KAAQ;AAAA,QACzC,IAAI,KAAK,OAAO,YAAY,KAAK,KAAQ;AAAA,QACzC,IAAI,KAAK,OAAO,YAAY,KAAK,KAAQ;AAAA,QACzC,IAAI,KAAK,OAAO,YAAY,KAAK,KAAQ;AAAA,QACzC,IAAI,KAAK,OAAO,YAAY,KAAK,KAAQ;AAAA,MAAA;AAEtC,aAAA;AAAA,QACH,GAAG,EAAE,MAAM,SAAS,CAAC,GAAG,KAAK,SAAS,CAAC,EAAE,WAAW,SAAS,IAAI;AAAA,QACjE,GAAG,EAAE,MAAM,SAAS,CAAC,GAAG,KAAK,SAAS,CAAC,EAAE,WAAW,SAAS,IAAI;AAAA,QACjE,GAAG,EAAE,MAAM,SAAS,CAAC,GAAG,KAAK,SAAS,CAAC,EAAE,WAAW,SAAS,IAAI;AAAA,QACjE,GAAG,EAAE,MAAM,SAAS,CAAC,GAAG,KAAK,SAAS,CAAC,EAAE,WAAW,SAAS,IAAI;AAAA,QACjE,GAAG,EAAE,MAAM,SAAS,CAAC,GAAG,KAAK,SAAS,CAAC,EAAE,WAAW,SAAS,IAAI;AAAA,QACjE,GAAG,EAAE,MAAM,SAAS,CAAC,GAAG,KAAK,SAAS,CAAC,EAAE,WAAW,SAAS,IAAI;AAAA,QACjE,GAAG,EAAE,MAAM,SAAS,CAAC,GAAG,KAAK,SAAS,CAAC,EAAE,WAAW,SAAS,IAAI;AAAA,MAAA;AAAA,IACrE;AAOE,UAAA,aAAa,OAAO,QAAc;AACpC,eAAS,MAAM;AACN,eAAA,aAAa,aAAa,MAAM,GAAG;AACnC,eAAA,aAAa,YAAY,MAAM,GAAG;AAC3C,aAAO,MAAM,OAAO,QAAQ,SAAS,CAAC,MAAM,EAAE,MAAM,SAAS,QAAQ,CAAC,EAAE,KAAK;AAAA,IAAA;AAGjF,UAAM,UAAU,YAAY;AACxB,cAAQ,IAAI,IAAI;AAChB,eAAS,eAAe;AAAA,QACpB,UAAU,IAAI,SAAS;AAAA,MAAA,CAC1B;AAAA,IAAA;AAGL;AAAA,MAAM;AAAA,MAAa,CAAC,UAAU,aAAa;AAEvC,oBAAY,QAAQ,QAAQ,YAAY,QAAQ,CAAC;AAEtC,mBAAA,QAAQ,IAAI,KAAK,WAAW,MAAM,aAAa,WAAW,YAAa,KAAK,IAAI,KAAQ;AAAA,MACvG;AAAA,MAAG,EAAE,WAAW,KAAK;AAAA,IAAA;AAGrB,UAAM,YAAY,YAAY;AAG1B,eAAS,QAAQ,MAAM,WAAW,WAAW,KAAK;AAAA,IAAA,GACnD,EAAE,WAAW,KAAA,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}