@maketribe/ms-app 3.2.45 → 4.0.0-alpha.1

package/dist/cjs/modules/cms/pages/cms-contents/components/part-banner-edit.vue.js

@@ -1,349 +1,65 @@
 "use strict";
 const vue = require("vue");
 const cmsSettings = require("../../../cms-settings.js");
-const request = require("@maketribe/request");
-const dm = require("@maketribe/dm");
-const CmsAdContentsForm = require("../../../dataviews/cms-ad-contents/CmsAdContentsForm.js");
-const CmsAdDefinesForm = require("../../../dataviews/cms-ad-defines/CmsAdDefinesForm.js");
-require("element-plus");
-require("@maketribe/utils");
-require("../../../../../core/DataModelDefines.js");
-require("vue-router");
-require("@maketribe/locale");
-require("../../../../ms/dataviews/ms-config/MsConfigTable.js");
-require("lodash-es");
-require("../../../../../components/basic/svg-icon/index.js");
-require("../../../../../components/data-model/data-form/index.js");
-require("../../../../../components/data-model/data-table/index.js");
-require("../../../../../components/data-model/data-table-pagination/index.js");
-require("../../../../../components/abstract/abstract-select/abstract-select.js");
-require("../../../../../components/abstract/abstract-select/abstract-select-options.js");
-require("../../../../../components/basic/button/button-options.js");
-require("../../../../../components/basic/config-provider/index.js");
-require("../../../../../components/basic/data-table-select/index.js");
-require("../../../../../components/basic/data-select/index.js");
-require("../../../../../components/basic/pagination/index.js");
-require("../../../../../components/basic/system-provider/index.js");
-require("../../../../../components/basic/code-editor/index.js");
-require("../../../../../components/basic/json-editor/index.js");
-require("../../../../../components/basic/page-container/index.js");
-require("../../../../../components/basic/date-picker/index.js");
-require("../../../../../components/basic/icon-select/index.js");
-require("../../../../../components/basic/upload-file/upload-file.js");
-require("../../../../../components/basic/upload-file/context/web-file-upload-context.js");
-require("../../../../../components/basic/upload-file/context/web-file-upload-context-options.js");
-require("../../../../../components/basic/upload-file/ui/upload-image/index.js");
-require("../../../../../components/basic/upload-file/ui/upload-file/index.js");
-require("../../../../../components/basic/upload-file/ui/upload-video/index.js");
-require("../../../../../components/basic/upload-file/upload-file-options.js");
-require("../../../../../components/basic/doc-editor/index.js");
-require("../../../../../components/basic/copy-container/index.js");
-require("../../../../../components/basic/image-cropper/index.js");
-require("../../../../../components/basic/visual-page-editor/index.js");
-require("../../../../../components/basic/lexical-editor/assets/iconfont.js");
-require("@lexical/overflow");
-require("@lexical/text");
-require("@lexical/utils");
-require("lexical");
-require("@lexical/selection");
-require("@lexical/link");
-require("@lexical/rich-text");
-require("../../../../../components/basic/lexical-editor/utils/html.js");
-require("../../../../../components/basic/lexical-editor/utils/image.js");
-const elIcons = require("@element-plus/icons-vue");
-require("../../../../../components/basic/lexical-editor/composables/useElementBlockSelection.js");
-require("@lexical/history");
-;/* empty css                                                                              */
-require("../../../../../components/basic/lexical-editor/nodes/ModuleDecoratorNode.js");
-require("../../../../../components/basic/lexical-editor/nodes/ImageNode.js");
-require("../../../../../components/basic/lexical-editor/nodes/ImageTextWarpNode.js");
-require("../../../../../components/basic/lexical-editor/nodes/Template.js");
-;/* empty css                                                                                       */
-;/* empty css                                                                         */
-;/* empty css                                                                         */
-require("../../../../../components/basic/lexical-editor/plugins/RichTextEditorPlugin.js");
-require("../../../../../components/basic/lexical-editor/plugins/HashtagPlugin.js");
-require("../../../../../components/basic/lexical-editor/plugins/ListPlugin.js");
-require("../../../../../components/basic/lexical-editor/plugins/CheckListPlugin.js");
-require("../../../../../components/basic/lexical-editor/plugins/TablePlugin.js");
-;/* empty css                                                                   */
-require("@lexical/dragon");
-require("@lexical/plain-text");
-require("../../../../../components/basic/lexical-editor/stage/DecoratedTeleports.js");
-;/* empty css                                                               */
-require("../../../../../components/business/verify-dialog/verify-dialog-option.js");
-require("../../../../../components/business/resource-list/index.js");
-require("../../../../../components/business/resource-manager/index.js");
-require("../../../../ms/dataviews/department/DepartmentForm.js");
-require("../../../../ms/dataviews/department/DepartmentTable.js");
-require("../../../../ms/dataviews/department/DepartmentTree.js");
-require("../../../../ms/dataviews/log/operate-log/OperateLogTable.js");
-require("../../../../ms/dataviews/log/login-log/LoginLogTable.js");
-require("../../../../ms/dataviews/log/request-log/RequestLogTable.js");
-require("../../../../ms/dataviews/log/local-log/LocalLogTree.js");
-require("../../../../ms/components/material-list/index.js");
-require("../../../../ms/components/markdown-editor/index.js");
-require("../../../../ms/components/rich-text-editor/index.js");
-require("../../../../ms/material-upload-context/material-upload-context-options.js");
-require("../../../../ms/material-upload-context/material-upload-context.js");
-require("@codemirror/lang-html");
-const _hoisted_1 = { class: "mk-cms-part-banner__list_item" };
-const _hoisted_2 = { class: "mk-cms-part-banner__list_content" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", {
-  slot: "placeholder",
-  class: "image-slot"
-}, [
-  /* @__PURE__ */ vue.createTextVNode(" 加载中"),
-  /* @__PURE__ */ vue.createElementVNode("span", { class: "dot" }, "...")
-], -1);
-const _hoisted_4 = ["src"];
-const _hoisted_5 = { class: "mk-cms-part-banner__list_bottom" };
-const _hoisted_6 = { class: "mk-cms-part-banner__list_title" };
-const _hoisted_7 = { class: "mk-cms-part-banner__list_action-mask" };
+const partBanner_vue_vue_type_script_setup_true_lang = require("./part-banner.vue.js");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "part-banner-edit",
   props: { partId: { type: String }, title: { type: String } },
   setup(__props) {
-    const adRequest = new request.DataViewRequest({ name: "ad-define", moduleName: "cms" });
     const cmsSettings$1 = cmsSettings.useCmsSettings();
-    const props = __props;
-    const partAdBanner = vue.ref(null);
-    const loading = vue.ref(true);
-    const warpRef = vue.ref();
-    const adContentForm = vue.reactive(new CmsAdContentsForm.CmsAdContentsForm({ cutSise: cmsSettings$1.part.bannerImageSize }));
-    const adDefineForm = vue.reactive(new CmsAdDefinesForm.CmsAdDefinesForm());
-    const partAdBannerHeight = vue.computed(() => {
-      let proportion = 0;
-      const widthAndHeight = cmsSettings$1.part.bannerImageSize.split("*");
-      let settingHeight = 0;
-      let settingWidth = 0;
-      if (!!partAdBanner.value.width && !!partAdBanner.value.height) {
-        proportion = partAdBanner.value.width / partAdBanner.value.height;
-      } else {
-        settingWidth = widthAndHeight[0];
-        settingHeight = widthAndHeight[1];
-        proportion = settingWidth / settingHeight;
-      }
-      if (Number.isNaN(proportion)) {
-        return "240px";
-      } else {
-        return partAdBanner.value.height ? warpRef.value.offsetWidth / proportion + "px" : warpRef.value.offsetWidth / proportion + "px";
-      }
-    });
-    adContentForm.beforeSubmitEvent.on(async ({ data }) => {
-      if (partAdBanner.value) {
-        data.adDefineId = partAdBanner.value.id;
-      } else {
-        try {
-          const widthAndHeight = cmsSettings$1.part.bannerImageSize.split("*");
-          const result = await adRequest.add({ key: `part_${props.partId}`, desc: `${props.title}的Banner`, width: widthAndHeight[0], height: widthAndHeight[1] });
-          if (result.data.code == 200) {
-            partAdBanner.value = { id: result.data.data };
-            data.adDefineId = result.data.data;
-          }
-        } catch (error) {
-          dm.Messager.error({ message: "添加失败！" });
-        }
-      }
-    });
-    adDefineForm.formatSubmitData = (data) => {
-      if (partAdBanner.value) {
-        data.id = partAdBanner.value.id;
-      } else {
-        data.key = `part_${props.partId}`;
-        data.desc = `${props.title}的Banner`;
-      }
-      return data;
-    };
-    adContentForm.submittedEvent.on(() => {
-      loadPartAdDefineData(props.partId);
-    });
-    adDefineForm.submittedEvent.on(() => {
-      loadPartAdDefineData(props.partId);
-    });
-    const loadPartAdDefineData = async (partId) => {
-      var _a, _b;
-      try {
-        loading.value = true;
-        const where = new request.Where();
-        where.addCondition("key", "=", `part_${partId}`);
-        partAdBanner.value = (await adRequest.query({
-          data: {
-            pn: 1,
-            pc: 1e6,
-            condition: where
-          }
-        })).data.data[0];
-        if (((_a = partAdBanner.value) == null ? void 0 : _a.width) && ((_b = partAdBanner.value) == null ? void 0 : _b.width)) {
-          adContentForm.changeCutSise(`${partAdBanner.value.width}*${partAdBanner.value.height}`);
-        }
-      } catch (e) {
-        console.error(e);
-      } finally {
-        loading.value = false;
-      }
-    };
-    const showAdContentHandle = async (id) => {
-      await dm.Dialoger.dataFormDialog({
-        dataForm: adContentForm,
-        recId: id
-      });
-    };
-    const showAdDefineHandle = async () => {
-      var _a;
-      await dm.Dialoger.dataFormDialog({
-        title: "设置素材显示尺寸",
-        dataForm: adDefineForm,
-        recId: (_a = partAdBanner.value) == null ? void 0 : _a.id
-      });
-      adDefineForm.getColumn("contents").visible = false;
-      adDefineForm.getColumn("key").visible = false;
-      adDefineForm.getColumn("desc").visible = false;
-    };
-    vue.onMounted(() => {
-      vue.watch(() => props.partId, (id) => {
-        loadPartAdDefineData(id);
-      }, { immediate: true });
-    });
+    console.log(cmsSettings$1.devices);
+    const warpElRef = vue.ref();
+    const activePartAdType = vue.ref(cmsSettings$1.devices[0]);
     return (_ctx, _cache) => {
-      var _a;
-      const _component_el_image = vue.resolveComponent("el-image");
-      const _component_el_button = vue.resolveComponent("el-button");
-      const _component_el_carousel_item = vue.resolveComponent("el-carousel-item");
-      const _component_el_carousel = vue.resolveComponent("el-carousel");
-      const _component_el_text = vue.resolveComponent("el-text");
-      const _component_el_empty = vue.resolveComponent("el-empty");
-      const _directive_loading = vue.resolveDirective("loading");
-      return vue.unref(cmsSettings$1).part.openBanner ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+      const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
+      const _component_el_tabs = vue.resolveComponent("el-tabs");
+      return vue.unref(cmsSettings$1).part.openBanner ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: "mk-cms-part-banner__warp",
-        ref_key: "warpRef",
-        ref: warpRef,
-        style: { "{height": "partAdBannerHeight}" }
+        ref_key: "warpElRef",
+        ref: warpElRef
       }, [
-        partAdBanner.value && ((_a = partAdBanner.value.contents) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createBlock(_component_el_carousel, {
-          key: 0,
-          autoplay: false,
-          height: partAdBannerHeight.value,
-          arrow: "always",
-          ref: "carouselRef"
+        vue.createVNode(_component_el_tabs, {
+          modelValue: activePartAdType.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activePartAdType.value = $event)
         }, {
           default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(partAdBanner.value.contents, (item) => {
-              return vue.openBlock(), vue.createBlock(_component_el_carousel_item, {
-                key: item.id
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_1, [
-                    vue.createElementVNode("div", _hoisted_2, [
-                      item.type == 1 ? (vue.openBlock(), vue.createBlock(_component_el_image, {
-                        key: 0,
-                        class: "mk-cms-part-banner__list_content_img",
-                        src: item.path,
-                        fit: "cover",
-                        tyle: "width: 100%;height: 100%;"
-                      }, {
-                        default: vue.withCtx(() => [
-                          _hoisted_3
-                        ]),
-                        _: 2
-                      }, 1032, ["src"])) : vue.createCommentVNode("", true),
-                      item.type == 2 ? (vue.openBlock(), vue.createElementBlock("video", {
-                        key: 1,
-                        class: "video",
-                        src: item.path,
-                        style: { "width": "100%", "height": "100%" },
-                        controls: ""
-                      }, null, 8, _hoisted_4)) : vue.createCommentVNode("", true)
-                    ]),
-                    vue.createElementVNode("div", _hoisted_5, [
-                      vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(item.title), 1),
-                      vue.createElementVNode("div", null, vue.toDisplayString(item.desc), 1)
-                    ]),
-                    vue.createElementVNode("div", _hoisted_7, [
-                      vue.createVNode(_component_el_button, {
-                        type: "primary",
-                        style: { "margin-left": "10px" },
-                        icon: vue.unref(elIcons.EditPen),
-                        onClick: ($event) => showAdContentHandle(item.id)
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(" 编辑当前轮播素材 ")
-                        ]),
-                        _: 2
-                      }, 1032, ["icon", "onClick"]),
-                      vue.createVNode(_component_el_button, {
-                        type: "primary",
-                        style: { "margin-left": "10px" },
-                        icon: vue.unref(elIcons.Plus),
-                        onClick: _cache[0] || (_cache[0] = ($event) => showAdContentHandle(null))
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(" 添加新轮播素材 ")
-                        ]),
-                        _: 1
-                      }, 8, ["icon"]),
-                      vue.createVNode(_component_el_button, {
-                        type: "primary",
-                        style: { "margin-left": "10px" },
-                        icon: vue.unref(elIcons.EditPen),
-                        onClick: _cache[1] || (_cache[1] = ($event) => showAdDefineHandle())
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(" 设置素材显示尺寸 ")
-                        ]),
-                        _: 1
-                      }, 8, ["icon"])
-                    ])
-                  ])
-                ]),
-                _: 2
-              }, 1024);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["height"])) : (vue.openBlock(), vue.createBlock(_component_el_empty, {
-          key: 1,
-          "image-size": 80,
-          style: { "height": "240px" }
-        }, {
-          description: vue.withCtx(() => [
-            vue.createVNode(_component_el_text, null, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode("暂无轮播素材数据")
-              ]),
-              _: 1
-            }),
-            vue.createVNode(_component_el_button, {
-              type: "primary",
-              text: "",
-              style: { "margin-left": "10px" },
-              icon: vue.unref(elIcons.Plus),
-              onClick: _cache[2] || (_cache[2] = ($event) => showAdDefineHandle())
+            vue.unref(cmsSettings$1).devices.includes("pc") ? (vue.openBlock(), vue.createBlock(_component_el_tab_pane, {
+              key: 0,
+              label: "PC端",
+              name: "pc"
             }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(" 设置素材显示尺寸 ")
-              ]),
+              default: vue.withCtx(() => {
+                var _a;
+                return [
+                  vue.createVNode(partBanner_vue_vue_type_script_setup_true_lang, {
+                    adkey: `part_${__props.partId}`,
+                    title: `${__props.title}PC端`,
+                    viewWidth: (_a = warpElRef.value) == null ? void 0 : _a.offsetWidth
+                  }, null, 8, ["adkey", "title", "viewWidth"])
+                ];
+              }),
               _: 1
-            }, 8, ["icon"]),
-            vue.createVNode(_component_el_button, {
-              type: "primary",
-              text: "",
-              style: { "margin-left": "10px" },
-              icon: vue.unref(elIcons.Plus),
-              onClick: _cache[3] || (_cache[3] = ($event) => showAdContentHandle(null))
+            })) : vue.createCommentVNode("", true),
+            vue.unref(cmsSettings$1).devices.includes("mobile") ? (vue.openBlock(), vue.createBlock(_component_el_tab_pane, {
+              key: 1,
+              label: "移动端",
+              name: "mobile"
             }, {
               default: vue.withCtx(() => [
-                vue.createTextVNode(" 添加 ")
+                vue.createVNode(partBanner_vue_vue_type_script_setup_true_lang, {
+                  adkey: `part_${__props.partId}_mobile`,
+                  title: `${__props.title}移动端`,
+                  viewWidth: 750,
+                  style: { "max-width": "750px", "margin": "auto" }
+                }, null, 8, ["adkey", "title"])
               ]),
               _: 1
-            }, 8, ["icon"])
+            })) : vue.createCommentVNode("", true)
           ]),
           _: 1
-        }))
-      ])), [
-        [_directive_loading, loading.value]
-      ]) : vue.createCommentVNode("", true);
+        }, 8, ["modelValue"])
+      ], 512)) : vue.createCommentVNode("", true);
     };
   }
 });

package/dist/cjs/modules/cms/pages/cms-contents/components/part-banner-edit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"part-banner-edit.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/part-banner-edit.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-part-banner__warp\" ref=\"warpRef\" v-loading=\"loading\" v-if=\"cmsSettings.part.openBanner\" style=\"{height:partAdBannerHeight}\">\r\n    <el-carousel v-if=\"partAdBanner && partAdBanner.contents?.length\" :autoplay=\"false\" :height=\"partAdBannerHeight\"\r\n      arrow=\"always\" ref=\"carouselRef\">\r\n      <el-carousel-item v-for=\"item in partAdBanner.contents\" :key=\"item.id\">\r\n        <div class=\"mk-cms-part-banner__list_item\">\r\n          <div class=\"mk-cms-part-banner__list_content\">\r\n            <el-image class=\"mk-cms-part-banner__list_content_img\" v-if=\"item.type == 1\" :src=\"item.path\" fit=\"cover\"\r\n              tyle=\"width: 100%;height: 100%;\">\r\n              <div slot=\"placeholder\" class=\"image-slot\">\r\n                加载中<span class=\"dot\">...</span>\r\n              </div>\r\n            </el-image>\r\n            <video class=\"video\" v-if=\"item.type == 2\" :src=\"item.path\" style=\"width: 100%;height: 100%;\"\r\n              controls></video>\r\n          </div>\r\n          <div class=\"mk-cms-part-banner__list_bottom\">\r\n            <div class=\"mk-cms-part-banner__list_title\">{{ item.title }}</div>\r\n            <div>{{ item.desc }}</div>\r\n          </div>\r\n          <div class=\"mk-cms-part-banner__list_action-mask\">\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"EditPen\" @click=\"showAdContentHandle(item.id)\">\r\n              编辑当前轮播素材\r\n            </el-button>\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdContentHandle(null)\">\r\n              添加新轮播素材\r\n            </el-button>\r\n            <el-button type=\"primary\" style=\"margin-left: 10px;\" :icon=\"EditPen\" @click=\"showAdDefineHandle()\">\r\n              设置素材显示尺寸\r\n            </el-button>\r\n          </div>\r\n        </div>\r\n      </el-carousel-item>\r\n    </el-carousel>\r\n    <el-empty v-else :image-size=\"80\" style=\"height: 240px;\">\r\n      <template #description>\r\n        <el-text>暂无轮播素材数据</el-text>\r\n        <el-button type=\"primary\" text style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdDefineHandle()\">\r\n          设置素材显示尺寸\r\n        </el-button>\r\n        <el-button type=\"primary\" text style=\"margin-left: 10px;\" :icon=\"Plus\" @click=\"showAdContentHandle(null)\">\r\n          添加\r\n        </el-button>\r\n      </template>\r\n    </el-empty>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\nimport { onMounted, reactive, ref, watch, defineProps, computed, Ref } from \"vue\";\r\nimport { DataViewRequest, Where } from \"@maketribe/request\";\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\nimport { CmsAdContentsForm, CmsAdDefinesForm } from \"../../../dataviews\";\r\nimport { EditPen, ArrowDown, Delete, Plus } from \"@element-plus/icons-vue\"\r\n// 广告定义数据表\r\nconst adRequest = new DataViewRequest({ name: \"ad-define\", moduleName: \"cms\" });\r\n// cms 配置\r\nconst cmsSettings = useCmsSettings();\r\nconst props = defineProps({ partId: { type: String }, title: { type: String } })\r\n// 栏目广告\r\nconst partAdBanner = ref<any | null>(null);\r\nconst loading = ref(true);\r\nconst warpRef: Ref<HTMLElement | undefined> = ref();\r\nconst adContentForm = reactive<CmsAdContentsForm>(new CmsAdContentsForm({ cutSise: cmsSettings.part.bannerImageSize }))\r\nconst adDefineForm = reactive<CmsAdDefinesForm>(new CmsAdDefinesForm())\r\nconst partAdBannerHeight = computed(() => {\r\n  //判断有没有banner属性\r\n  let proportion = 0;\r\n  const widthAndHeight = cmsSettings.part.bannerImageSize.split(\"*\");\r\n  let settingHeight = 0\r\n  let settingWidth = 0\r\n\r\n  //设定的比例\r\n  if (!!partAdBanner.value.width && !!partAdBanner.value.height) {\r\n    proportion = partAdBanner.value.width / partAdBanner.value.height;\r\n  } else {\r\n    settingWidth = widthAndHeight[0] as any;\r\n\r\n    settingHeight = widthAndHeight[1] as any;\r\n    proportion = settingWidth / settingHeight\r\n  }\r\n\r\n\r\n  //比例是NaN，直接返回默认\r\n  if (Number.isNaN(proportion)) {\r\n    return \"240px\"\r\n  } else {\r\n    //通过比例确定高度\r\n    return partAdBanner.value.height ? (warpRef.value!.offsetWidth / proportion) + \"px\" : (warpRef.value!.offsetWidth / proportion) + \"px\"\r\n  }\r\n})\r\n\r\n\r\n// window.addEventListener(\"resize\", () => {\r\n//   const proportion = partAdBanner.value.width / partAdBanner.value.height;\r\n// })\r\n\r\n// 内容添加之前监测广告是否存在不存在先添加广告\r\nadContentForm.beforeSubmitEvent.on(async ({ data }) => {\r\n  if (partAdBanner.value) {\r\n    data.adDefineId = partAdBanner.value.id as any;\r\n  }\r\n  else {\r\n    try {\r\n\r\n      const widthAndHeight = cmsSettings.part.bannerImageSize.split(\"*\");\r\n      // 添加广告\r\n      const result = await adRequest.add({ key: `part_${props.partId}`, desc: `${props.title}的Banner`, width: widthAndHeight[0], height: widthAndHeight[1] })\r\n\r\n      if (result.data.code == 200) {\r\n        partAdBanner.value = { id: result.data.data as string }\r\n        data.adDefineId = result.data.data;\r\n      }\r\n\r\n    } catch (error) {\r\n      Messager.error({ message: \"添加失败！\" });\r\n    }\r\n  }\r\n\r\n})\r\n\r\n//提交判断是否存在，判断更新还是添加\r\nadDefineForm.formatSubmitData = ((data) => {\r\n  if (partAdBanner.value) {\r\n    data.id = partAdBanner.value.id as any;\r\n  } else {\r\n    data.key = `part_${props.partId}`\r\n    data.desc = `${props.title}的Banner`\r\n  }\r\n  return data\r\n})\r\n\r\n\r\n\r\n// 添加完成则刷新\r\nadContentForm.submittedEvent.on(() => {\r\n  loadPartAdDefineData(props.partId)\r\n})\r\n//加完成则刷新\r\nadDefineForm.submittedEvent.on(() => {\r\n  loadPartAdDefineData(props.partId)\r\n})\r\n\r\n//加载栏目广告\r\nconst loadPartAdDefineData = async (partId: any) => {\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n    const where = new Where()\r\n    where.addCondition(\"key\", \"=\", `part_${partId}`);\r\n    // 加载广告定义\r\n    partAdBanner.value = (await adRequest.query({\r\n      data: {\r\n        pn: 1,\r\n        pc: 1000000,\r\n        condition: where\r\n      }\r\n    })).data.data[0];\r\n    if (partAdBanner.value?.width && partAdBanner.value?.width) {\r\n      adContentForm.changeCutSise(`${partAdBanner.value.width}*${partAdBanner.value.height}`)\r\n    }\r\n\r\n  } catch (e) {\r\n    console.error(e)\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n}\r\n//显示栏目广告的编辑弹窗\r\nconst showAdContentHandle = async (id: any) => {\r\n\r\n\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: adContentForm as CmsAdContentsForm,\r\n    recId: id\r\n  })\r\n}\r\n//显示栏目广告定义的编辑弹窗\r\nconst showAdDefineHandle = async () => {\r\n  await Dialoger.dataFormDialog({\r\n    title: \"设置素材显示尺寸\",\r\n    dataForm: adDefineForm as CmsAdDefinesForm,\r\n    recId: partAdBanner.value?.id\r\n  })\r\n  adDefineForm.getColumn(\"contents\")!.visible = false;\r\n  adDefineForm.getColumn(\"key\")!.visible = false;\r\n  adDefineForm.getColumn(\"desc\")!.visible = false;\r\n}\r\n\r\n// 组件挂载的时候\r\nonMounted(() => {\r\n  watch(() => props.partId, id => {\r\n    loadPartAdDefineData(id)\r\n  }, { immediate: true })\r\n})\r\n\r\n</script>\r\n<style lang='scss'></style>\r\n"],"names":["DataViewRequest","cmsSettings","useCmsSettings","ref","reactive","CmsAdContentsForm","CmsAdDefinesForm","computed","Messager","Where","Dialoger","onMounted","watch"],"mappings":"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"}
+{"version":3,"file":"part-banner-edit.vue.js","sources":["../../../../../../../src/modules/cms/pages/cms-contents/components/part-banner-edit.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-part-banner__warp\" v-if=\"cmsSettings.part.openBanner\" ref=\"warpElRef\">\r\n    <el-tabs v-model=\"activePartAdType\">\r\n      <el-tab-pane label=\"PC端\" name=\"pc\" v-if=\"cmsSettings.devices.includes('pc')\">\r\n        <PartBannerComponent :adkey=\"`part_${partId}`\" :title=\"`${title}PC端`\" :viewWidth=\"warpElRef?.offsetWidth\" />\r\n      </el-tab-pane>\r\n      <el-tab-pane label=\"移动端\" name=\"mobile\" v-if=\"cmsSettings.devices.includes('mobile')\">\r\n        <PartBannerComponent :adkey=\"`part_${partId}_mobile`\" :title=\"`${title}移动端`\" :viewWidth=\"750\"\r\n          style=\"max-width: 750px;margin: auto;\" />\r\n      </el-tab-pane>\r\n    </el-tabs>\r\n  </div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { ref, defineProps } from \"vue\"\r\nimport { useCmsSettings } from \"../../../cms-settings\"\r\nimport PartBannerComponent from \"./part-banner.vue\"\r\n\r\ndefineProps({ partId: { type: String }, title: { type: String } })\r\n\r\n// cms 配置\r\nconst cmsSettings = useCmsSettings();\r\nconsole.log(cmsSettings.devices);\r\n// cms 配置\r\nconst warpElRef = ref<any>()\r\n// 栏目广告\r\nconst activePartAdType = ref(cmsSettings.devices[0])\r\n\r\n</script>\r\n"],"names":["cmsSettings","useCmsSettings","ref"],"mappings":";;;;;;;;AAqBA,UAAMA,gBAAcC,YAAAA;AACZ,YAAA,IAAID,cAAY,OAAO;AAE/B,UAAM,YAAYE,IAAAA;AAElB,UAAM,mBAAmBA,IAAAA,IAAIF,cAAY,QAAQ,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}