@gct-paas/core-web 0.1.6-dev.4 → 0.1.6-dev.5

package/es/modules/print-tmpl/print-tmpl-modal.vue_vue_type_script_setup_true_name_print-tmpl-modal_lang.mjs

@@ -0,0 +1,593 @@
+import icon_print_folder_default from "./icon-print-folder.svg.mjs";
+import icon_print_printer_default from "./icon-print-printer.svg.mjs";
+import category_sider_default from "../category/category-sider.vue.mjs";
+import "../category/index.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, onMounted, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, watch, withCtx, withKeys } from "vue";
+import { isNil } from "lodash-es";
+import { FormDesignEnum, PrintModeEnums, PrintTypeEnum, t, useModal, useNamespace } from "@gct-paas/core";
+import { VxeColumn, VxeTable } from "vxe-table";
+//#region src/modules/print-tmpl/print-tmpl-modal.vue?vue&type=script&setup=true&name=print-tmpl-modal&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "px-2"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "font-bold mb-3"
+};
+var _hoisted_3 = {
+	key: 2,
+	class: "gct-print-tmpl-modal-wrap ks-col"
+};
+var _hoisted_4 = { class: "print-tmpl-vxe-table-wrapper" };
+var _hoisted_5 = { class: "print-tmpl-vxe-table-area" };
+var _hoisted_6 = { class: "ks-row" };
+var _hoisted_7 = { class: "gct-text-overflow" };
+var _hoisted_8 = {
+	key: 0,
+	class: "gct-custom-tag ml4px"
+};
+var _hoisted_9 = { class: "ks-row" };
+var _hoisted_10 = ["title"];
+var _hoisted_11 = { class: "pt-12px" };
+var _hoisted_12 = {
+	key: 3,
+	class: "gct-print-tmpl-modal-right btw-visible flex flex-col h-full px-2 py-3"
+};
+var _hoisted_13 = { class: "print-tmpl-vxe-table-wrapper" };
+var _hoisted_14 = { class: "print-tmpl-vxe-table-area" };
+var _hoisted_15 = { class: "tmpl-path" };
+var _hoisted_16 = ["src"];
+var _hoisted_17 = ["src"];
+var _hoisted_18 = { class: "pt-12px" };
+var print_tmpl_modal_vue_vue_type_script_setup_true_name_print_tmpl_modal_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "print-tmpl-modal",
+	props: {
+		selected: {},
+		modal: {},
+		moduleType: {},
+		printMode: {},
+		className: {},
+		isRdo: {
+			type: Boolean,
+			default: false
+		},
+		multiple: { type: Boolean },
+		categoryTitle: { default: void 0 },
+		queryParams: {},
+		btwForceVisible: {
+			type: Boolean,
+			default: false
+		},
+		ignoreCase: {},
+		modelKey: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const ns = useNamespace("print-tmpl-modal");
+		const selectedVal = ref([]);
+		const tableRef = ref();
+		const btwTableRef = ref();
+		const pageForm = ref({
+			pageNo: 1,
+			pageSize: 20
+		});
+		const btwPageForm = ref({
+			pageNo: 1,
+			pageSize: 20
+		});
+		const activeTabKey = ref("design");
+		const total = ref(0);
+		const isLoading = ref(false);
+		const btwTotal = ref(0);
+		const isBtwLoading = ref(false);
+		const isBtwTableVisible = computed(() => props.printMode === PrintModeEnums.Server || props.btwForceVisible);
+		const categorySiderModule = computed(() => props.moduleType);
+		const firstCategoryValue = ref(computed(() => {
+			return Array.isArray(props.selected) ? props.selected?.[0]?.categoryId : props.selected?.categoryId;
+		}).value || "");
+		const formData = ref({
+			categoryId: firstCategoryValue.value,
+			name: ""
+		});
+		const btwFormData = ref({ name: "" });
+		const btwSearchValCache = ref("");
+		const labelRegex = /(?<!\\)\\(?!\\)/g;
+		const paginationAttr = computed(() => {
+			return {
+				current: pageForm.value.pageNo,
+				pageSize: pageForm.value.pageSize,
+				total: total.value,
+				showSizeChanger: true,
+				pageSizeOptions: [
+					"10",
+					"20",
+					"30"
+				],
+				showTotal: (total) => t("sys.component.table.total", { total })
+			};
+		});
+		const btwPaginationAttr = computed(() => {
+			return {
+				current: btwPageForm.value.pageNo,
+				pageSize: btwPageForm.value.pageSize,
+				total: btwTotal.value,
+				showSizeChanger: true,
+				pageSizeOptions: [
+					"10",
+					"20",
+					"30"
+				],
+				showTotal: (total) => t("sys.component.table.total", { total })
+			};
+		});
+		const tableData = ref([]);
+		const btwTableData = ref([]);
+		const moduleType2titleMap = {
+			[PrintTypeEnum.LABEL]: t("sys.pageDesigner.label"),
+			[PrintTypeEnum.RECEIPT]: t("sys.pageDesigner.document"),
+			[FormDesignEnum.EDHR]: "DHR",
+			[FormDesignEnum.ONLINE_FORM]: t("sys.pageDesigner.fieldCmp.online_form")
+		};
+		onMounted(() => {
+			nextTick(() => {
+				if (props.selected) if (Array.isArray(props.selected)) {
+					setSelectRow(props.selected);
+					selectedVal.value = [...props.selected];
+				} else {
+					setSelectRow([props.selected]);
+					selectedVal.value = [{ ...props.selected }];
+				}
+			});
+		});
+		const setSelectRow = (rows) => {
+			const $table = tableRef.value;
+			if ($table) $table.setCheckboxRow(rows, true);
+		};
+		const filterName = (row) => {
+			return row.children || !props.isRdo ? row.name : row.version;
+		};
+		const isFormDesignModule = computed(() => {
+			return [FormDesignEnum.EDHR, FormDesignEnum.ONLINE_FORM].includes(props.moduleType);
+		});
+		const computedTitle = computed(() => {
+			return moduleType2titleMap[props.moduleType];
+		});
+		const categoryTitle = computed(() => {
+			if (props.categoryTitle || !isNil(props.categoryTitle)) return props.categoryTitle;
+			return t("sys.categoryOfSth", { sth: computedTitle.value });
+		});
+		const queryTableData = (data) => {
+			formData.value.categoryId = data?.key;
+		};
+		const radioChangeEvent = (params) => {
+			selectedVal.value = [{ ...params.row }];
+		};
+		const checkboxChangeEvent = ({ checked, row }) => {
+			if (checked) selectedVal.value?.push(row);
+			else selectedVal.value = selectedVal.value?.filter((e) => e.id !== row.id);
+		};
+		function handleSizeChange(current, pageSize) {
+			pageForm.value.pageNo = current;
+			pageForm.value.pageSize = pageSize;
+			getDataSource();
+		}
+		function handleBtwSizeChange(current, pageSize) {
+			btwPageForm.value.pageNo = current;
+			btwPageForm.value.pageSize = pageSize;
+			getBtwDataSource();
+		}
+		const getCategoryData = () => {};
+		const onSave = () => {
+			return {
+				ok: true,
+				params: { selected: selectedVal.value }
+			};
+		};
+		useModal(() => Promise.resolve(onSave()));
+		const getDataSource = async () => {
+			formData.value.name = formData.value.name.trim();
+			const API = _api.apaas.printDesigner.getRdoPageBaseList;
+			isLoading.value = true;
+			const res = await API({
+				...formData.value,
+				...pageForm.value,
+				...props.queryParams || {},
+				moduleType: props.moduleType,
+				modelKey: props.modelKey
+			}) || {};
+			isLoading.value = false;
+			tableData.value = firstCategoryValue.value ? res.data?.map((e) => {
+				let item;
+				if (props.isRdo) item = {
+					...e,
+					children: e.children?.map((f) => {
+						return {
+							...f,
+							id: f.baseId + ":" + f.id,
+							categoryId: e.categoryId
+						};
+					})
+				};
+				else {
+					delete e.children;
+					item = {
+						...e,
+						id: e.baseId + ":" + e.id,
+						categoryId: formData.value.categoryId
+					};
+				}
+				return item;
+			}) || [] : [];
+			total.value = res.totalCount;
+			await nextTick();
+			const checkedVal = tree2list(tableData.value || []).find((i) => i.id == props.selected?.id);
+			console.log(tableRef.value, "tableRef.value");
+			checkedVal && tableRef.value?.setRadioRow(checkedVal);
+			props.isRdo && tableRef.value?.setAllTreeExpand(true);
+		};
+		const getBtwDataSource = async () => {
+			btwFormData.value.name = btwFormData.value.name.trim();
+			isBtwLoading.value = true;
+			_api.apaas.label.getBtwPageList({
+				...btwFormData.value,
+				...btwPageForm.value
+			}).then(async (res) => {
+				res?.data?.forEach((item) => {
+					if (item?.fullPath) {
+						const pathArr = item.fullPath?.split("/");
+						pathArr.pop();
+						pathArr.shift();
+						item.tmplPath = pathArr;
+					}
+				});
+				btwTableData.value = res.data || [];
+				btwTotal.value = res.totalCount;
+				await nextTick();
+				const checkedVal = tree2list(btwTableData.value || []).find((i) => i.id == props.selected?.id);
+				checkedVal && btwTableRef.value?.setRadioRow(checkedVal);
+			}).finally(() => {
+				isBtwLoading.value = false;
+			});
+		};
+		const handleBtwSearchChange = (e) => {
+			const val = e.target.value;
+			if (!val || val.length < btwSearchValCache.value.length) getBtwDataSource();
+			btwSearchValCache.value = val;
+		};
+		const tree2list = (arr) => {
+			let cloneTree = JSON.parse(JSON.stringify(arr));
+			function iteration(tree, level) {
+				let temp = [];
+				for (const i of tree) {
+					i.level = level;
+					temp.push(i);
+					if (i.children?.length) temp = [...temp, ...iteration(i.children, level + 1)];
+				}
+				return temp;
+			}
+			return iteration(cloneTree, 1);
+		};
+		watch(() => formData.value.categoryId, (val) => {
+			if (val) getDataSource();
+			else {
+				tableData.value = [];
+				total.value = 0;
+			}
+		}, { immediate: true });
+		watch(() => activeTabKey.value, () => {
+			if (activeTabKey.value === "btw") {
+				btwTableData.value = [];
+				btwPageForm.value.pageNo = 1;
+				getBtwDataSource();
+			} else {
+				tableData.value = [];
+				pageForm.value.pageNo = 1;
+				getDataSource();
+			}
+		});
+		watch(() => selectedVal.value, () => {
+			if (!props?.multiple && props.modal?.state) props.modal.state.okDisabled = !selectedVal.value.length;
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			const _component_a_tab_pane = resolveComponent("a-tab-pane");
+			const _component_a_tabs = resolveComponent("a-tabs");
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_form_item = resolveComponent("a-form-item");
+			const _component_a_form = resolveComponent("a-form");
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_pagination = resolveComponent("a-pagination");
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["gct-print-tmpl-modal ks-column", isBtwTableVisible.value ? "px-2 pt-4" : "p-4"]) }, [
+				isBtwTableVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_tabs, {
+					"active-key": activeTabKey.value,
+					"onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeTabKey.value = $event)
+				}, {
+					default: withCtx(() => [createVNode(_component_a_tab_pane, {
+						key: "design",
+						tab: categoryTitle.value
+					}, null, 8, ["tab"]), createVNode(_component_a_tab_pane, {
+						key: "btw",
+						tab: ".btw 标签模板 "
+					})]),
+					_: 1
+				}, 8, ["active-key"])])) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(categoryTitle.value), 1)),
+				!isBtwTableVisible.value || isBtwTableVisible.value && activeTabKey.value === "design" ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", { class: normalizeClass(["gct-print-tmpl-modal-left", isBtwTableVisible.value ? "btw-visible" : ""]) }, [createVNode(unref(category_sider_default), {
+					value: firstCategoryValue.value,
+					"onUpdate:value": _cache[1] || (_cache[1] = ($event) => firstCategoryValue.value = $event),
+					class: normalizeClass([unref(ns).e("sider")]),
+					"sider-title": "",
+					module: categorySiderModule.value,
+					"need-folder-icon": !isFormDesignModule.value,
+					readonly: "",
+					"has-title": false,
+					draggable: false,
+					"is-tree": isFormDesignModule.value,
+					"ignore-case": __props.ignoreCase,
+					onChangeValue: queryTableData,
+					onChangeCategory: getCategoryData
+				}, null, 8, [
+					"value",
+					"class",
+					"module",
+					"need-folder-icon",
+					"is-tree",
+					"ignore-case"
+				])], 2), createElementVNode("div", { class: normalizeClass(["gct-print-tmpl-modal-right flex flex-col h-full px-16px py-12px", isBtwTableVisible.value ? "btw-visible" : ""]) }, [createVNode(_component_a_form, { model: formData.value }, {
+					default: withCtx(() => [createVNode(_component_a_form_item, { label: "" }, {
+						default: withCtx(() => [createVNode(_component_a_input, {
+							value: formData.value.name,
+							"onUpdate:value": _cache[2] || (_cache[2] = ($event) => formData.value.name = $event),
+							class: "gct-print-tmpl-input",
+							style: { "width": "224px" },
+							placeholder: unref(t)("sys.searchNameOfSth", { sth: computedTitle.value }),
+							clearable: "",
+							onKeyup: _cache[3] || (_cache[3] = withKeys(($event) => getDataSource(), ["enter"])),
+							onChange: _cache[4] || (_cache[4] = () => {
+								!formData.value.name && getDataSource();
+							})
+						}, {
+							prefix: withCtx(() => [..._cache[7] || (_cache[7] = [createElementVNode("i", { class: "iconfont icon-sousuo1" }, null, -1)])]),
+							_: 1
+						}, 8, ["value", "placeholder"])]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["model"]), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createVNode(unref(VxeTable), {
+					ref_key: "tableRef",
+					ref: tableRef,
+					class: normalizeClass(["select-none", {
+						vxetable: true,
+						default: true
+					}]),
+					data: tableData.value,
+					height: "100%",
+					"min-height": "88",
+					loading: isLoading.value,
+					"loading-config": { text: " " },
+					"column-config": { resizable: true },
+					"tree-config": {},
+					"row-config": {
+						isHover: true,
+						keyField: "id"
+					},
+					"checkbox-config": __props.multiple ? {
+						highlight: true,
+						trigger: "row",
+						reserve: true,
+						checkStrictly: true
+					} : {},
+					"radio-config": __props.multiple ? {} : {
+						highlight: true,
+						trigger: "row",
+						reserve: true
+					},
+					onCheckboxChange: checkboxChangeEvent,
+					onRadioChange: radioChangeEvent
+				}, {
+					default: withCtx(() => [
+						__props.multiple ? (openBlock(), createBlock(unref(VxeColumn), {
+							key: 0,
+							type: "checkbox",
+							width: "40"
+						})) : (openBlock(), createBlock(unref(VxeColumn), {
+							key: 1,
+							type: "radio",
+							width: "40",
+							resizable: false
+						})),
+						createVNode(unref(VxeColumn), {
+							field: "name",
+							title: unref(t)("sys.name"),
+							"show-overflow": "",
+							"tree-node": __props.isRdo
+						}, {
+							default: withCtx((scope) => [createElementVNode("div", _hoisted_6, [createVNode(_component_a_tooltip, null, {
+								title: withCtx(() => [createTextVNode(toDisplayString(filterName(scope?.row || {})), 1)]),
+								default: withCtx(() => [createElementVNode("div", _hoisted_7, toDisplayString(filterName(scope?.row || {})), 1)]),
+								_: 2
+							}, 1024), !!scope?.row?.default && __props.isRdo ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString(unref(t)("sys.default")), 1)) : createCommentVNode("", true)])]),
+							_: 1
+						}, 8, ["title", "tree-node"]),
+						createVNode(unref(VxeColumn), {
+							field: "description",
+							title: unref(t)("sys.description"),
+							"show-overflow": ""
+						}, {
+							default: withCtx((scope) => [createElementVNode("div", _hoisted_9, [createElementVNode("span", {
+								class: "gct-text-overflow",
+								title: scope?.row?.description
+							}, toDisplayString(scope?.row?.description), 9, _hoisted_10)])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(VxeColumn), {
+							field: "modifyUserName",
+							title: unref(t)("sys.appDesigner.modifier"),
+							width: "120",
+							"show-overflow": ""
+						}, null, 8, ["title"]),
+						createVNode(unref(VxeColumn), {
+							field: "modifyTime",
+							title: unref(t)("sys.appDesigner.modificationTime"),
+							width: "185"
+						}, null, 8, ["title"])
+					]),
+					_: 1
+				}, 8, [
+					"data",
+					"loading",
+					"checkbox-config",
+					"radio-config"
+				])]), createElementVNode("div", _hoisted_11, [createVNode(_component_a_pagination, mergeProps(paginationAttr.value, {
+					class: "pagination-total-left",
+					onChange: handleSizeChange
+				}), null, 16)])])], 2)])) : createCommentVNode("", true),
+				isBtwTableVisible.value && activeTabKey.value === "btw" ? (openBlock(), createElementBlock("div", _hoisted_12, [createVNode(_component_a_form, { model: btwFormData.value }, {
+					default: withCtx(() => [createVNode(_component_a_form_item, { label: "" }, {
+						default: withCtx(() => [createVNode(_component_a_input, {
+							value: btwFormData.value.name,
+							"onUpdate:value": _cache[5] || (_cache[5] = ($event) => btwFormData.value.name = $event),
+							class: "gct-print-tmpl-input",
+							style: { "width": "224px" },
+							placeholder: unref(t)("sys.searchNameOfSth", { sth: "标签" }),
+							clearable: "",
+							onKeyup: _cache[6] || (_cache[6] = withKeys(($event) => getBtwDataSource(), ["enter"])),
+							onChange: handleBtwSearchChange
+						}, {
+							prefix: withCtx(() => [..._cache[8] || (_cache[8] = [createElementVNode("i", { class: "iconfont icon-sousuo1" }, null, -1)])]),
+							_: 1
+						}, 8, ["value", "placeholder"])]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["model"]), createElementVNode("div", _hoisted_13, [createElementVNode("div", _hoisted_14, [createVNode(unref(VxeTable), {
+					ref_key: "btwTableRef",
+					ref: btwTableRef,
+					class: normalizeClass(["select-none", {
+						vxetable: true,
+						default: true
+					}]),
+					data: btwTableData.value,
+					height: "100%",
+					"min-height": "88",
+					loading: isBtwLoading.value,
+					"loading-config": { text: " " },
+					"column-config": { resizable: true },
+					"tree-config": {},
+					"row-config": {
+						isHover: true,
+						keyField: "id"
+					},
+					"checkbox-config": __props.multiple ? {
+						highlight: true,
+						trigger: "row",
+						reserve: true,
+						checkStrictly: true
+					} : {},
+					"radio-config": __props.multiple ? {} : {
+						highlight: true,
+						trigger: "row",
+						reserve: true
+					},
+					onCheckboxChange: checkboxChangeEvent,
+					onRadioChange: radioChangeEvent
+				}, {
+					default: withCtx(() => [
+						__props.multiple ? (openBlock(), createBlock(unref(VxeColumn), {
+							key: 0,
+							type: "checkbox",
+							width: "40"
+						})) : (openBlock(), createBlock(unref(VxeColumn), {
+							key: 1,
+							type: "radio",
+							width: "40",
+							resizable: false
+						})),
+						createVNode(unref(VxeColumn), {
+							field: "name",
+							title: "标签模板名称",
+							"min-width": "120",
+							"show-overflow": ""
+						}),
+						createVNode(unref(VxeColumn), {
+							field: "modelName",
+							title: "关联模型",
+							width: "120",
+							"show-overflow": ""
+						}),
+						createVNode(unref(VxeColumn), {
+							field: "tmplPath",
+							title: "BarTender " + unref(t)("sys.labelTmplPath"),
+							"min-width": "220",
+							"show-overflow": ""
+						}, {
+							default: withCtx((scope) => [createElementVNode("span", _hoisted_15, [
+								createElementVNode("img", {
+									width: "16",
+									height: "16",
+									src: unref(icon_print_printer_default)
+								}, null, 8, _hoisted_16),
+								createElementVNode("span", null, toDisplayString(scope?.row?.printName), 1),
+								(openBlock(true), createElementBlock(Fragment, null, renderList(scope?.row?.tmplPath || [], (item, index) => {
+									return openBlock(), createElementBlock(Fragment, { key: index }, [
+										_cache[9] || (_cache[9] = createTextVNode(" /", -1)),
+										createElementVNode("img", {
+											width: "16",
+											height: "16",
+											class: "ml-3px mr-2px",
+											src: unref(icon_print_folder_default)
+										}, null, 8, _hoisted_17),
+										createElementVNode("span", null, toDisplayString(item?.replace(labelRegex, "/")), 1),
+										index === 0 ? (openBlock(), createElementBlock("span", {
+											key: 0,
+											class: normalizeClass(["btw-label-tag", scope?.row?.pathType === "common" ? "common" : "local"])
+										}, toDisplayString(scope?.row?.pathType === "common" ? unref(t)("sys.shared") : unref(t)("sys.local")), 3)) : createCommentVNode("", true)
+									], 64);
+								}), 128))
+							])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(VxeColumn), {
+							field: "macAddress",
+							title: unref(t)("sys.macAddress"),
+							width: "175",
+							"show-overflow": ""
+						}, null, 8, ["title"]),
+						createVNode(unref(VxeColumn), {
+							field: "createUserName",
+							title: unref(t)("sys.creator"),
+							width: "120",
+							"show-overflow": ""
+						}, null, 8, ["title"]),
+						createVNode(unref(VxeColumn), {
+							field: "createTime",
+							title: unref(t)("sys.createTime"),
+							width: "185"
+						}, null, 8, ["title"]),
+						createVNode(unref(VxeColumn), {
+							field: "modifyUserName",
+							title: unref(t)("sys.appDesigner.modifier"),
+							width: "120",
+							"show-overflow": ""
+						}, null, 8, ["title"]),
+						createVNode(unref(VxeColumn), {
+							field: "modifyTime",
+							title: unref(t)("sys.appDesigner.modificationTime"),
+							width: "185"
+						}, null, 8, ["title"])
+					]),
+					_: 1
+				}, 8, [
+					"data",
+					"loading",
+					"checkbox-config",
+					"radio-config"
+				])]), createElementVNode("div", _hoisted_18, [createVNode(_component_a_pagination, mergeProps(btwPaginationAttr.value, {
+					class: "pagination-total-left",
+					onChange: handleBtwSizeChange
+				}), null, 16)])])])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { print_tmpl_modal_vue_vue_type_script_setup_true_name_print_tmpl_modal_lang_default as default };