keli-ui 0.3.0 → 0.3.1

package/dist/ApprovalRecord-4ohFAtSZ.js

@@ -0,0 +1,111 @@
+import { i as x, t as A } from "./api-Gtg77a-p.js";
+import { Fragment as c, createBlock as u, createElementBlock as m, createTextVNode as b, createVNode as o, defineComponent as D, onMounted as L, openBlock as n, ref as w, renderList as f, resolveComponent as t, toDisplayString as N, watch as V, withCtx as l } from "vue";
+var B = /* @__PURE__ */ D({
+  __name: "ApprovalRecord",
+  props: {
+    pageId: {
+      type: Number,
+      required: !0
+    },
+    dataId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(v) {
+    const r = v, i = w([]), h = [
+      {
+        prop: "nodeFrom",
+        label: "起始环节",
+        width: 130
+      },
+      {
+        prop: "nodeTo",
+        label: "流向环节",
+        width: 130
+      },
+      {
+        prop: "endDate",
+        label: "处理日期",
+        width: 170
+      },
+      {
+        prop: "reviewOption",
+        label: "批阅类型",
+        width: 100
+      },
+      {
+        prop: "reviewHandler",
+        label: "处理人",
+        width: 100
+      },
+      {
+        prop: "reviewSuggestion",
+        label: "批阅建议",
+        width: 130
+      }
+    ], d = w([]), p = async () => {
+      const a = await x(r.pageId, r.dataId);
+      a.code === A.SUCCESS && (i.value = a.data.flowRecordVOList, d.value = a.data.flowRecordTimeLineVOList);
+    };
+    return V(() => r.dataId, () => {
+      p();
+    }), L(() => {
+      p();
+    }), (a, s) => {
+      const g = t("el-timeline-item"), C = t("el-timeline"), _ = t("el-splitter-panel"), y = t("el-button"), R = t("el-table-column"), k = t("el-table"), S = t("el-splitter");
+      return n(), u(S, null, {
+        default: l(() => [o(_, {
+          size: "30%",
+          min: 100,
+          collapsible: ""
+        }, {
+          default: l(() => [o(C, { class: "ml-1" }, {
+            default: l(() => [(n(!0), m(c, null, f(d.value, (e, I) => (n(), u(g, {
+              key: I,
+              timestamp: e.datetime,
+              color: "#0bbd87"
+            }, {
+              default: l(() => [b(N(e.nodeName), 1)]),
+              _: 2
+            }, 1032, ["timestamp"]))), 128))]),
+            _: 1
+          })]),
+          _: 1
+        }), o(_, { min: 200 }, {
+          default: l(() => [o(y, {
+            onClick: p,
+            size: "small"
+          }, {
+            default: l(() => [...s[0] || (s[0] = [b("刷新", -1)])]),
+            _: 1
+          }), o(k, {
+            data: i.value,
+            stripe: "",
+            style: { width: "100%" }
+          }, {
+            default: l(() => [(n(), m(c, null, f(h, (e) => o(R, {
+              key: e.prop,
+              prop: e.prop,
+              label: e.label,
+              "min-width": e.width,
+              "show-overflow-tooltip": ""
+            }, null, 8, [
+              "prop",
+              "label",
+              "min-width"
+            ])), 64))]),
+            _: 1
+          }, 8, ["data"])]),
+          _: 1
+        })]),
+        _: 1
+      });
+    };
+  }
+}), T = B;
+export {
+  T as default
+};
+
+//# sourceMappingURL=ApprovalRecord-4ohFAtSZ.js.map

package/dist/ApprovalRecord-4ohFAtSZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalRecord-4ohFAtSZ.js","names":[],"sources":["../src/components/AppComponent/components/ApprovalRecord.vue","../src/components/AppComponent/components/ApprovalRecord.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, ref, watch } from 'vue';\n\nimport { HttpRCode } from '@/api';\nimport { getFlowRecordApi } from '@/api';\n\nconst props = defineProps({\n  pageId: {\n    type: Number,\n    required: true,\n  },\n  dataId: {\n    type: String,\n    required: true,\n  },\n});\n\ntype TimeLine = {\n  datetime: string;\n  nodeName: string;\n};\n\nconst tableData = ref([]);\n\nconst tableConfig = [\n  {\n    prop: 'nodeFrom',\n    label: '起始环节',\n    width: 130,\n  },\n  {\n    prop: 'nodeTo',\n    label: '流向环节',\n    width: 130,\n  },\n  // {\n  //   prop: 'arriveDate',\n  //   label: '到达时间',\n  //   width: 150,\n  // },\n  {\n    prop: 'endDate',\n    label: '处理日期',\n    width: 170,\n  },\n  {\n    prop: 'reviewOption',\n    label: '批阅类型',\n    width: 100,\n  },\n  {\n    prop: 'reviewHandler',\n    label: '处理人',\n    width: 100,\n  },\n  {\n    prop: 'reviewSuggestion',\n    label: '批阅建议',\n    width: 130,\n  },\n];\n\nconst timelines = ref<TimeLine[]>([]);\n\nconst getData = async () => {\n  const result = await getFlowRecordApi(props.pageId, props.dataId);\n  if (result.code === HttpRCode.SUCCESS) {\n    tableData.value = result.data.flowRecordVOList;\n    timelines.value = result.data.flowRecordTimeLineVOList;\n  }\n};\n\nwatch(\n  () => props.dataId,\n  () => {\n    getData();\n  },\n);\n\nonMounted(() => {\n  getData();\n});\n</script>\n\n<template>\n  <el-splitter>\n    <el-splitter-panel size=\"30%\" :min=\"100\" collapsible>\n      <el-timeline class=\"ml-1\">\n        <el-timeline-item\n          v-for=\"(activity, index) in timelines\"\n          :key=\"index\"\n          :timestamp=\"activity.datetime\"\n          color=\"#0bbd87\"\n        >\n          {{ activity.nodeName }}\n        </el-timeline-item>\n      </el-timeline>\n    </el-splitter-panel>\n    <el-splitter-panel :min=\"200\">\n      <el-button @click=\"getData\" size=\"small\">刷新</el-button>\n      <el-table :data=\"tableData\" stripe style=\"width: 100%\">\n        <el-table-column\n          v-for=\"item in tableConfig\"\n          :key=\"item.prop\"\n          :prop=\"item.prop\"\n          :label=\"item.label\"\n          :min-width=\"item.width\"\n          show-overflow-tooltip\n        />\n      </el-table>\n    </el-splitter-panel>\n  </el-splitter>\n</template>\n\n<style scoped lang=\"scss\"></style>\n","<script setup lang=\"ts\">\nimport { onMounted, ref, watch } from 'vue';\n\nimport { HttpRCode } from '@/api';\nimport { getFlowRecordApi } from '@/api';\n\nconst props = defineProps({\n  pageId: {\n    type: Number,\n    required: true,\n  },\n  dataId: {\n    type: String,\n    required: true,\n  },\n});\n\ntype TimeLine = {\n  datetime: string;\n  nodeName: string;\n};\n\nconst tableData = ref([]);\n\nconst tableConfig = [\n  {\n    prop: 'nodeFrom',\n    label: '起始环节',\n    width: 130,\n  },\n  {\n    prop: 'nodeTo',\n    label: '流向环节',\n    width: 130,\n  },\n  // {\n  //   prop: 'arriveDate',\n  //   label: '到达时间',\n  //   width: 150,\n  // },\n  {\n    prop: 'endDate',\n    label: '处理日期',\n    width: 170,\n  },\n  {\n    prop: 'reviewOption',\n    label: '批阅类型',\n    width: 100,\n  },\n  {\n    prop: 'reviewHandler',\n    label: '处理人',\n    width: 100,\n  },\n  {\n    prop: 'reviewSuggestion',\n    label: '批阅建议',\n    width: 130,\n  },\n];\n\nconst timelines = ref<TimeLine[]>([]);\n\nconst getData = async () => {\n  const result = await getFlowRecordApi(props.pageId, props.dataId);\n  if (result.code === HttpRCode.SUCCESS) {\n    tableData.value = result.data.flowRecordVOList;\n    timelines.value = result.data.flowRecordTimeLineVOList;\n  }\n};\n\nwatch(\n  () => props.dataId,\n  () => {\n    getData();\n  },\n);\n\nonMounted(() => {\n  getData();\n});\n</script>\n\n<template>\n  <el-splitter>\n    <el-splitter-panel size=\"30%\" :min=\"100\" collapsible>\n      <el-timeline class=\"ml-1\">\n        <el-timeline-item\n          v-for=\"(activity, index) in timelines\"\n          :key=\"index\"\n          :timestamp=\"activity.datetime\"\n          color=\"#0bbd87\"\n        >\n          {{ activity.nodeName }}\n        </el-timeline-item>\n      </el-timeline>\n    </el-splitter-panel>\n    <el-splitter-panel :min=\"200\">\n      <el-button @click=\"getData\" size=\"small\">刷新</el-button>\n      <el-table :data=\"tableData\" stripe style=\"width: 100%\">\n        <el-table-column\n          v-for=\"item in tableConfig\"\n          :key=\"item.prop\"\n          :prop=\"item.prop\"\n          :label=\"item.label\"\n          :min-width=\"item.width\"\n          show-overflow-tooltip\n        />\n      </el-table>\n    </el-splitter-panel>\n  </el-splitter>\n</template>\n\n<style scoped lang=\"scss\"></style>\n"],"mappings":";;;;;;;;;;;;;;;AAMA,UAAM,IAAQ,GAgBR,IAAY,EAAI,CAAA,CAAE,GAElB,IAAc;AAAA,MAClB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA;MAET;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA;MAOT;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA;MAET;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA;MAET;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA;MAET;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA;OAIL,IAAY,EAAgB,CAAA,CAAE,GAE9B,IAAU,YAAY;AAC1B,YAAM,IAAS,MAAM,EAAiB,EAAM,QAAQ,EAAM,MAAA;AAC1D,MAAI,EAAO,SAAS,EAAU,YAC5B,EAAU,QAAQ,EAAO,KAAK,kBAC9B,EAAU,QAAQ,EAAO,KAAK;AAAA;AAIlC,WAAA,EAAA,MACQ,EAAM,QAAA,MACN;AACJ,MAAA,EAAA;AAAA,QAIJ,EAAA,MAAgB;AACd,MAAA,EAAA;AAAA;;kBAKA,EA0Bc,GAAA,MAAA;AAAA,yBAdQ,CAXpB,EAWoB,GAAA;AAAA,UAXD,MAAK;AAAA,UAAO,KAAK;AAAA,UAAK,aAAA;AAAA;2BAUzB,CATd,EASc,GAAA,EATD,OAAM,OAAA,GAAM;AAAA,6BAEiB,EAAA,EAAA,EAAA,GADxC,EAOmB,GAAA,MAAA,EANW,EAAA,OAAA,CAApB,GAAU,YADpB,EAOmB,GAAA;AAAA,cALhB,KAAK;AAAA,cACL,WAAW,EAAS;AAAA,cACrB,OAAM;AAAA;+BAEiB,CAAA,EAAA,EAApB,EAAS,QAAA,GAAQ,CAAA,CAAA,CAAA;AAAA;;;;;YAI1B,EAYoB,GAAA,EAZA,KAAK,IAAA,GAAG;AAAA,2BAC6B,CAAvD,EAAuD,GAAA;AAAA,YAA3C,SAAO;AAAA,YAAS,MAAK;AAAA;6BAAU,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAF,MAAE,EAAA,CAAA,EAAA,CAAA;AAAA;cAC3C,EASW,GAAA;AAAA,YATA,MAAM,EAAA;AAAA,YAAW,QAAA;AAAA,YAAO,OAAA,EAAA,OAAA,OAAA;AAAA;6BAEJ,EAAA,EAAA,GAD7B,EAOE,GAAA,MAAA,EANe,GAAA,CAAR,MADT,EAOE,GAAA;AAAA,cALC,KAAK,EAAK;AAAA,cACV,MAAM,EAAK;AAAA,cACX,OAAO,EAAK;AAAA,cACZ,aAAW,EAAK;AAAA,cACjB,yBAAA;AAAA"}