ling-yun-custom-components 0.0.66 → 0.0.67

package/es/chunks/AppIntro.DubEs5q_.js

@@ -0,0 +1,431 @@
+import { t as withInstall } from "./utils.BhlZXNZ6.js";
+import { t as layout_default$1 } from "./layout.BuyWf5hx.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.Cf-_TWPK.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { ElCard, ElForm, ElFormItem, ElIcon, ElLink, ElSegmented, ElTag, ElTimeline, ElTimelineItem } from "element-plus";
+import { IconLook } from "color-message-lingyun-vue";
+import { emitsMap, pageParams } from "color-star-custom-methods";
+import { CustomTitle } from "color-star-custom-components";
+import '../assets/AppIntro.css';const operationTypeMap = {
+	LISTING: 1,
+	DELISTING: 2,
+	ONLINE: 3,
+	OFFLINE: 4
+}, auditStatusMap = {
+	PENDING: 0,
+	APPROVED: 1,
+	REJECTED: 2
+}, mediaTypeMap = {
+	IMAGE: 1,
+	VIDEO: 2
+}, tabTypeMap = {
+	INTRO: "intro",
+	TIMELINE: "timeline"
+}, operationTypeToTextMap = {
+	[operationTypeMap.LISTING]: "上架申请",
+	[operationTypeMap.DELISTING]: "下架申请",
+	[operationTypeMap.ONLINE]: "上线应用",
+	[operationTypeMap.OFFLINE]: "下线应用"
+}, auditStatusConfig = {
+	[auditStatusMap.PENDING]: {
+		type: "warning",
+		text: "待审核"
+	},
+	[auditStatusMap.APPROVED]: {
+		type: "primary",
+		text: "已通过"
+	},
+	[auditStatusMap.REJECTED]: {
+		type: "danger",
+		text: "已驳回"
+	}
+}, infoItemsConfig = [
+	{
+		title: "申请人：",
+		field: "appCreatorName"
+	},
+	{
+		title: "应用省份：",
+		field: "appCreatorOrg"
+	},
+	{
+		title: "应用说明：",
+		field: "appDesc"
+	},
+	{
+		title: "接入系统：",
+		field: "accessSystem"
+	},
+	{
+		title: "业务背景：",
+		field: "businessBackground"
+	},
+	{
+		title: "业务目标：",
+		field: "businessTarget"
+	},
+	{
+		title: "成效数据：",
+		field: "resultData"
+	}
+], timelineDetailFieldsConfig = [
+	{
+		title: "申请人",
+		field: "creatorName",
+		showForTypes: [operationTypeMap.LISTING, operationTypeMap.DELISTING]
+	},
+	{
+		title: "操作人",
+		field: "creatorName",
+		showForTypes: [operationTypeMap.ONLINE, operationTypeMap.OFFLINE]
+	},
+	{
+		title: "下架原因",
+		field: "delistingReason",
+		showForTypes: [operationTypeMap.DELISTING]
+	},
+	{
+		title: "成效数据",
+		field: "resultData",
+		showForTypes: [operationTypeMap.LISTING]
+	},
+	{
+		title: "推荐理由",
+		field: "recommendReason",
+		showForTypes: [operationTypeMap.LISTING]
+	},
+	{
+		title: "版本号",
+		field: "appVersionNum",
+		showForTypes: [operationTypeMap.ONLINE, operationTypeMap.OFFLINE],
+		formatter: (f) => f ? `V${f}` : "--"
+	},
+	{
+		title: "配置摘要",
+		field: "configSummary",
+		showForTypes: [operationTypeMap.ONLINE]
+	},
+	{
+		title: "版本说明",
+		field: "publishRemark",
+		showForTypes: [operationTypeMap.ONLINE, operationTypeMap.OFFLINE]
+	},
+	{
+		title: "下线原因",
+		field: "offlineReason",
+		showForTypes: [operationTypeMap.OFFLINE]
+	}
+], timelineLinkConfig = {
+	[operationTypeMap.LISTING]: { text: "查看上架申请" },
+	[operationTypeMap.DELISTING]: { text: "查看下架申请" }
+};
+var _hoisted_1$3 = {
+	key: 0,
+	class: "media-video relative"
+}, _hoisted_2$3 = ["src"], _hoisted_3$3 = {
+	key: 1,
+	class: "media-image relative"
+}, _hoisted_4$2 = ["src"], MediaViewer_default = /* @__PURE__ */ _plugin_vue_export_helper_default({
+	__name: "MediaViewer",
+	props: { media: {
+		type: Object,
+		default: null
+	} },
+	setup(f) {
+		return (V, H) => f.media?.type === unref(mediaTypeMap).VIDEO ? (openBlock(), createElementBlock("div", _hoisted_1$3, [createElementVNode("video", {
+			class: "w-full",
+			src: f.media.url,
+			controls: ""
+		}, null, 8, _hoisted_2$3)])) : f.media?.type === unref(mediaTypeMap).IMAGE ? (openBlock(), createElementBlock("div", _hoisted_3$3, [createElementVNode("img", {
+			class: "w-full h-full",
+			src: f.media.url,
+			alt: ""
+		}, null, 8, _hoisted_4$2)])) : createCommentVNode("", !0);
+	}
+}, [["__scopeId", "data-v-6cc88baf"]]), _hoisted_1$2 = { class: "app-intro-content overflow-hidden h-full" }, _hoisted_2$2 = {
+	key: 0,
+	class: "media-section w-full pd-b-12"
+}, _hoisted_3$2 = { class: "media-content relative w-full" }, _hoisted_4$1 = ["onClick"], _hoisted_5 = {
+	key: 1,
+	class: "info-section"
+}, _hoisted_6 = { class: "flex items-center" }, _hoisted_7 = { class: "fz-14 text-666 pd-r-12" }, _hoisted_8 = {
+	key: 2,
+	class: "flex flex-col mg-t-20",
+	style: { gap: "16px" }
+}, _hoisted_9 = { class: "title-desc mg-r-2 fz-14" }, _hoisted_10 = { class: "value-desc fz-14" }, _hoisted_11 = {
+	key: 0,
+	class: "flex"
+}, _hoisted_12 = { class: "flex items-center" }, _hoisted_13 = { class: "fz-14 text-666 pd-r-12" }, _hoisted_14 = { class: "preview-content" }, AppIntroContent_default = /* @__PURE__ */ _plugin_vue_export_helper_default({
+	__name: "AppIntroContent",
+	props: {
+		introData: {
+			type: Object,
+			default: () => ({})
+		},
+		layoutType: {
+			type: String,
+			default: "normal"
+		}
+	},
+	setup(f) {
+		let H = ref(!1), U = ref(null), K = (f) => {
+			U.value = f, H.value = !0;
+		}, Y = () => {
+			H.value = !1, U.value = null;
+		}, Q = (f) => {
+			try {
+				let V = document.createElement("a");
+				V.href = f.attachementUrl, V.download = f.attachementName, V.style.display = "none", V.target = "_blank", document.body.appendChild(V), V.click(), document.body.removeChild(V);
+			} catch (f) {
+				console.error(f);
+			}
+		};
+		return (q, $) => (openBlock(), createElementBlock("div", _hoisted_1$2, [
+			f.introData?.pics?.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$2, [createElementVNode("div", _hoisted_3$2, [(openBlock(!0), createElementBlock(Fragment, null, renderList(f.introData.pics, (f, V) => (openBlock(), createElementBlock("div", {
+				key: V,
+				class: "media-item w-full"
+			}, [createVNode(MediaViewer_default, { media: f }, null, 8, ["media"]), createElementVNode("div", {
+				class: "hover-overlay absolute top-0 left-0 flex justify-center items-center",
+				style: {
+					width: "262px",
+					height: "148px"
+				},
+				onClick: (V) => K(f)
+			}, [createVNode(unref(ElIcon), {
+				size: 24,
+				class: "view-icon"
+			}, {
+				default: withCtx(() => [createVNode(unref(IconLook))]),
+				_: 1
+			})], 8, _hoisted_4$1)]))), 128))])])) : createCommentVNode("", !0),
+			renderSlot(q.$slots, "default", {}, void 0, !0),
+			f.layoutType === "normal" ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(unref(ElForm), {
+				model: f.introData,
+				"label-width": "auto"
+			}, {
+				default: withCtx(() => [["agent", "workflow"].includes(f.introData?.appCategory) ? (openBlock(!0), createElementBlock(Fragment, { key: 0 }, renderList(unref(infoItemsConfig), (V) => (openBlock(), createBlock(unref(ElFormItem), {
+					key: V.field,
+					label: V.title,
+					class: "mg-b-0"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(f.introData?.[V.field] ?? "--"), 1)]),
+					_: 2
+				}, 1032, ["label"]))), 128)) : createCommentVNode("", !0)]),
+				_: 1
+			}, 8, ["model"]), f.introData?.attachements?.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(CustomTitle), {
+				content: "附件：",
+				class: "pd-b-12 pd-t-24"
+			}), (openBlock(!0), createElementBlock(Fragment, null, renderList(f.introData.attachements, (f, V) => (openBlock(), createElementBlock("div", {
+				key: V,
+				class: "mg-b-8"
+			}, [createElementVNode("div", _hoisted_6, [createElementVNode("span", _hoisted_7, toDisplayString(f.attachementName), 1), f.attachementUrl ? (openBlock(), createBlock(unref(ElLink), {
+				key: 0,
+				type: "primary",
+				underline: !1,
+				onClick: (V) => Q(f)
+			}, {
+				default: withCtx(() => [...$[1] ||= [createTextVNode(" 点击查看 ", -1)]]),
+				_: 1
+			}, 8, ["onClick"])) : createCommentVNode("", !0)])]))), 128))], 64)) : createCommentVNode("", !0)])) : f.layoutType === "list" ? (openBlock(), createElementBlock("div", _hoisted_8, [(openBlock(!0), createElementBlock(Fragment, null, renderList(unref(infoItemsConfig), (V) => (openBlock(), createElementBlock("div", {
+				key: V.field,
+				class: "flex"
+			}, [createElementVNode("div", _hoisted_9, toDisplayString(V.title), 1), createElementVNode("div", _hoisted_10, toDisplayString(f.introData?.[V.field] ?? "--"), 1)]))), 128)), f.introData?.attachements?.length ? (openBlock(), createElementBlock("div", _hoisted_11, [$[3] ||= createElementVNode("div", { class: "title-desc mg-r-2 fz-14" }, "附件：", -1), createElementVNode("div", null, [(openBlock(!0), createElementBlock(Fragment, null, renderList(f.introData.attachements, (f, V) => (openBlock(), createElementBlock("div", {
+				key: V,
+				class: "mg-b-8"
+			}, [createElementVNode("div", _hoisted_12, [createElementVNode("span", _hoisted_13, toDisplayString(f.attachementName), 1), f.attachementUrl ? (openBlock(), createBlock(unref(ElLink), {
+				key: 0,
+				type: "primary",
+				underline: !1,
+				onClick: (V) => Q(f)
+			}, {
+				default: withCtx(() => [...$[2] ||= [createTextVNode(" 点击查看 ", -1)]]),
+				_: 1
+			}, 8, ["onClick"])) : createCommentVNode("", !0)])]))), 128))])])) : createCommentVNode("", !0)])) : createCommentVNode("", !0),
+			createVNode(layout_default$1, {
+				modelValue: H.value,
+				"onUpdate:modelValue": $[0] ||= (f) => H.value = f,
+				width: "60%",
+				"show-close": !0,
+				onClose: Y,
+				buttons: {
+					showCancel: !1,
+					showConfirm: !1
+				}
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_14, [createVNode(MediaViewer_default, {
+					media: U.value,
+					class: "preview-media"
+				}, null, 8, ["media"])])]),
+				_: 1
+			}, 8, ["modelValue"])
+		]));
+	}
+}, [["__scopeId", "data-v-1201fcb2"]]), _hoisted_1$1 = { class: "flex items-center flex-gap-row-nowrap-8 mg-b-12" }, _hoisted_2$1 = {
+	class: "fz-14 weight-500",
+	style: { color: "#1d2129" }
+}, _hoisted_3$1 = {
+	class: "fz-14",
+	style: { color: "#4e5969" }
+}, AppTimeline_default = /* @__PURE__ */ _plugin_vue_export_helper_default({
+	__name: "AppTimeline",
+	props: {
+		appId: {
+			type: String,
+			default: ""
+		},
+		square: {
+			type: Boolean,
+			default: !1
+		},
+		vueRouter: {
+			type: Object,
+			default: () => ({})
+		},
+		appOperationList: {
+			type: Function,
+			default: () => {}
+		}
+	},
+	setup(f) {
+		let V = f, H = async (f) => {
+			V.vueRouter.push({
+				path: "/promptTestDetail",
+				query: {
+					id: f.id,
+					type: f.auditStatus,
+					sourceFlag: "1",
+					operationType: f.operationType,
+					sourceHistory: "1"
+				}
+			});
+		}, U = (f) => [operationTypeMap.LISTING, operationTypeMap.DELISTING].includes(f), J = (f) => timelineDetailFieldsConfig.filter((V) => V.showForTypes.includes(f)), X = ref([]), Z = async () => {
+			await V.appOperationList({
+				appId: V.appId,
+				operationType: [
+					operationTypeMap.LISTING,
+					operationTypeMap.DELISTING,
+					operationTypeMap.ONLINE,
+					operationTypeMap.OFFLINE
+				].join(","),
+				pageNum: pageParams.pageNum,
+				pageSize: 1e6
+			}).then(({ data: f }) => {
+				X.value = f.list;
+			});
+		};
+		return onMounted(() => {
+			Z();
+		}), (V, K) => (openBlock(), createBlock(unref(ElTimeline), { class: "overflow-y-auto h-full pd-l-4" }, {
+			default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(X.value, (V) => (openBlock(), createBlock(unref(ElTimelineItem), {
+				key: V.id,
+				timestamp: V.createTime,
+				placement: "top",
+				color: "var(--primary-color-1)"
+			}, {
+				default: withCtx(() => [createVNode(unref(ElCard), { shadow: "hover" }, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [createElementVNode("span", _hoisted_2$1, toDisplayString(unref(operationTypeToTextMap)[V.operationType] || "--"), 1), U(V.operationType) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref(auditStatusConfig)[V.auditStatus] ? (openBlock(), createBlock(unref(ElTag), {
+						key: 0,
+						type: unref(auditStatusConfig)[V.auditStatus].type
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(auditStatusConfig)[V.auditStatus].text), 1)]),
+						_: 2
+					}, 1032, ["type"])) : createCommentVNode("", !0)], 64)) : createCommentVNode("", !0)]), createElementVNode("div", _hoisted_3$1, [(openBlock(!0), createElementBlock(Fragment, null, renderList(J(V.operationType), (f) => (openBlock(), createElementBlock("div", {
+						key: f.field + f.title,
+						class: "mg-t-8 mg-b-8",
+						style: { "line-height": "1.5" }
+					}, toDisplayString(f.title) + "：" + toDisplayString(f.formatter ? f.formatter(V[f.field]) : V[f.field] ?? "--"), 1))), 128)), unref(timelineLinkConfig)[V.operationType] && !f.square ? (openBlock(), createBlock(unref(ElLink), {
+						key: 0,
+						type: "primary",
+						underline: !1,
+						class: "mg-t-8",
+						onClick: (f) => H(V)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(timelineLinkConfig)[V.operationType].text), 1)]),
+						_: 2
+					}, 1032, ["onClick"])) : createCommentVNode("", !0)])]),
+					_: 2
+				}, 1024)]),
+				_: 2
+			}, 1032, ["timestamp"]))), 128))]),
+			_: 1
+		}));
+	}
+}, [["__scopeId", "data-v-c5a86032"]]), _hoisted_1 = { class: "h-full overflow-hidden flex flex-col pd-t-12" }, _hoisted_2 = { class: "pd-b-12" }, _hoisted_3 = {
+	key: 0,
+	class: "flex-1 overflow-hidden"
+}, _hoisted_4 = {
+	key: 1,
+	class: "flex-1 overflow-hidden"
+};
+const AppIntro = withInstall(/* @__PURE__ */ Object.assign({ name: "AppIntro" }, {
+	__name: "layout",
+	props: {
+		introData: {
+			type: Object,
+			default: () => ({})
+		},
+		square: {
+			type: Boolean,
+			default: !1
+		},
+		vueRouter: {
+			type: Object,
+			default: () => ({})
+		},
+		appId: {
+			type: String,
+			default: ""
+		},
+		appOperationList: {
+			type: Function,
+			default: () => {}
+		},
+		isOnlyAppIntroContent: {
+			type: Boolean,
+			default: !1
+		},
+		layoutType: {
+			type: String,
+			default: "normal"
+		}
+	},
+	emits: [emitsMap.tabChange],
+	setup(f, { emit: V }) {
+		let H = V, W = ref(tabTypeMap.INTRO), G = computed(() => [{
+			label: "应用介绍",
+			value: tabTypeMap.INTRO
+		}, {
+			label: "迭代时间轴",
+			value: tabTypeMap.TIMELINE
+		}]), K = (f) => {
+			H(emitsMap.tabChange, f);
+		};
+		return (V, H) => (openBlock(), createElementBlock("div", _hoisted_1, [f.isOnlyAppIntroContent ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [H[1] ||= createElementVNode("div", {
+			class: "fz-16 mg-b-14",
+			style: { color: "var(--text-color-1)" }
+		}, "应用介绍", -1), createVNode(AppIntroContent_default, {
+			"intro-data": f.introData,
+			layoutType: f.layoutType
+		}, null, 8, ["intro-data", "layoutType"])], 64)) : (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", _hoisted_2, [createVNode(unref(ElSegmented), {
+			modelValue: W.value,
+			"onUpdate:modelValue": H[0] ||= (f) => W.value = f,
+			options: G.value,
+			onChange: K
+		}, null, 8, ["modelValue", "options"])]), W.value === unref(tabTypeMap).INTRO ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(AppIntroContent_default, { "intro-data": f.introData }, {
+			default: withCtx(() => [renderSlot(V.$slots, "plugin-detail")]),
+			_: 3
+		}, 8, ["intro-data"])])) : W.value === unref(tabTypeMap).TIMELINE ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(AppTimeline_default, {
+			"app-operation-list": f.appOperationList,
+			square: f.square,
+			"vue-router": f.vueRouter,
+			"app-id": f.appId
+		}, null, 8, [
+			"app-operation-list",
+			"square",
+			"vue-router",
+			"app-id"
+		])])) : createCommentVNode("", !0)], 64))]));
+	}
+}));
+var AppIntro_default = AppIntro;
+export { AppIntro_default as n, AppIntro as t };