ecinc-cloud-moaecoav9 9.7.1 → 9.7.3

package/lib/ecmoaecoa.common.js

@@ -2447,7 +2447,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".person-detial[data-v-692c2b26]{height
 
 /***/ }),
 
-/***/ 3245:
+/***/ 6460:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2461,7 +2461,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, "#Previewer[data-v-cdd7f252]{width:100vw;height:100%}#Previewer2[data-v-cdd7f252]{width:100vw;height:calc(100vh - 40px)}.toolbarViewer[data-v-cdd7f252]{height:40px;background:#f1f1f1}.toolbarViewer img[data-v-cdd7f252]{float:left;margin-top:12px;margin-left:15px;margin-right:10px}.toolbarViewer .fileName[data-v-cdd7f252]{min-width:240px;max-width:300px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, "#Previewer[data-v-6eb60cec]{width:100vw;height:100vh}#Previewer2[data-v-6eb60cec]{width:100vw;height:calc(100vh - 40px)}.toolbarViewer[data-v-6eb60cec]{height:40px;background:#f1f1f1}.toolbarViewer img[data-v-6eb60cec]{float:left;margin-top:12px;margin-left:15px;margin-right:10px}.toolbarViewer .fileName[data-v-6eb60cec]{min-width:240px;max-width:300px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -27861,19 +27861,19 @@ var update = add("5cb8e78b", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 6631:
+/***/ 7518:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(3245);
+var content = __webpack_require__(6460);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("37089bf2", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("554de2ca", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -34745,18 +34745,41 @@ var search_component = normalizeComponent(
 )
 
 /* harmony default export */ var search = (search_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=template&id=cdd7f252&scoped=true
-var previewervue_type_template_id_cdd7f252_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=template&id=6eb60cec&scoped=true
+var previewervue_type_template_id_6eb60cec_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _vm.fileName.indexOf('.pdf') !== -1 || _vm.url.includes('topdf=true') ? _c('iframe', {
+  return _vm.fileName.indexOf('.pdf') !== -1 || _vm.url.includes('topdf=true') ? _c('div', {
+    staticClass: "pdfviewer"
+  }, [_c('span', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.showViewer,
+      expression: "showViewer"
+    }]
+  }, [_c('PdfViewer', {
+    attrs: {
+      "body-url": "/plugins/PDFjs/web/viewer.html?file=".concat(encodeURIComponent(_vm.url), "&fileName=").concat(encodeURIComponent(_vm.fileName), "&widthType=auto"),
+      "view-body-file-show": _vm.viewBodyFileShow,
+      "type": 1,
+      "orientation": _vm.orientation
+    }
+  })], 1), _c('span', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.showViewer,
+      expression: "!showViewer"
+    }]
+  }, [_c('iframe', {
     attrs: {
       "id": "Previewer",
       "frameborder": "0",
       "scrolling": "yes",
       "src": "/plugins/PDFjs/web/viewer.html?file=".concat(encodeURIComponent(_vm.url), "&fileName=").concat(encodeURIComponent(_vm.fileName), "&widthType=auto")
     }
-  }) : _c('div', [_c('div', {
+  })])]) : _c('div', [_c('div', {
     staticClass: "toolbarViewer"
   }, [_c('img', {
     staticStyle: {
@@ -34778,18 +34801,33 @@ var previewervue_type_template_id_cdd7f252_scoped_true_render = function render(
     }
   })]);
 };
-var previewervue_type_template_id_cdd7f252_scoped_true_staticRenderFns = [];
+var previewervue_type_template_id_6eb60cec_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=script&lang=js
+function previewervue_type_script_lang_js_typeof(o) { "@babel/helpers - typeof"; return previewervue_type_script_lang_js_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, previewervue_type_script_lang_js_typeof(o); }
+function previewervue_type_script_lang_js_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function previewervue_type_script_lang_js_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? previewervue_type_script_lang_js_ownKeys(Object(t), !0).forEach(function (r) { previewervue_type_script_lang_js_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : previewervue_type_script_lang_js_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function previewervue_type_script_lang_js_defineProperty(e, r, t) { return (r = previewervue_type_script_lang_js_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function previewervue_type_script_lang_js_toPropertyKey(t) { var i = previewervue_type_script_lang_js_toPrimitive(t, "string"); return "symbol" == previewervue_type_script_lang_js_typeof(i) ? i : i + ""; }
+function previewervue_type_script_lang_js_toPrimitive(t, r) { if ("object" != previewervue_type_script_lang_js_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != previewervue_type_script_lang_js_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* harmony default export */ var previewervue_type_script_lang_js = ({
   name: 'Previewer',
   data: function data() {
     return {
       url: '',
-      fileName: ''
+      fileName: '',
+      showViewer: false,
+      viewBodyFileShow: 'pdf',
+      orientation: 'portrait' //屏幕方向，portrait：竖屏，landscape：横屏
     };
   },
   created: function created() {
+    // 添加屏幕方向变化监听
+    if (screen.orientation) {
+      this.handleOrientationChange(this.orientation);
+      screen.orientation.addEventListener('change', this.handleOrientationChange);
+    }
+
     // const params = this.$route.params
     // this.url = params.url
     var params = this.$route.query;
@@ -34800,13 +34838,53 @@ var previewervue_type_template_id_cdd7f252_scoped_true_staticRenderFns = [];
       text: this.$tx('ecoa.message.filePreview', '文件预览'),
       color: '#000000'
     });
+  },
+  mounted: function mounted() {
+    this.$wv.switchOrientation(true);
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.$wv.switchOrientation(false);
+
+    // 移除屏幕方向变化监听
+    if (screen.orientation) {
+      screen.orientation.removeEventListener('change', this.handleOrientationChange);
+    }
+  },
+  methods: {
+    handleOrientationChange: function handleOrientationChange() {
+      // type 包含 'landscape-primary' 或 'landscape-secondary' 时为横屏
+      if (screen.orientation.type.includes('landscape')) {
+        this.checkOrientation('landscape');
+      } else {
+        this.checkOrientation('portrait');
+      }
+    },
+    // 检测是否为横屏并执行操作
+    checkOrientation: function checkOrientation(orientation) {
+      this.orientation = orientation;
+      console.log('orientation', orientation);
+      if (orientation === 'landscape') {
+        this.showViewer = true;
+        this.$router.push({
+          path: this.$route.fullPath,
+          query: previewervue_type_script_lang_js_objectSpread(previewervue_type_script_lang_js_objectSpread({}, this.$route.query), {}, {
+            viewer: '1'
+          })
+        });
+      } else {
+        this.showViewer = false;
+        if (this.$route.query.viewer === '1') {
+          this.$router.back();
+        }
+      }
+    }
   }
 });
 ;// CONCATENATED MODULE: ./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=script&lang=js
  /* harmony default export */ var usersetting_previewervue_type_script_lang_js = (previewervue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=style&index=0&id=cdd7f252&prod&lang=scss&scoped=true
-var previewervue_type_style_index_0_id_cdd7f252_prod_lang_scss_scoped_true = __webpack_require__(6631);
-;// CONCATENATED MODULE: ./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=style&index=0&id=cdd7f252&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=style&index=0&id=6eb60cec&prod&lang=scss&scoped=true
+var previewervue_type_style_index_0_id_6eb60cec_prod_lang_scss_scoped_true = __webpack_require__(7518);
+;// CONCATENATED MODULE: ./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=style&index=0&id=6eb60cec&prod&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue
 
@@ -34819,11 +34897,11 @@ var previewervue_type_style_index_0_id_cdd7f252_prod_lang_scss_scoped_true = __w
 
 var previewer_component = normalizeComponent(
   usersetting_previewervue_type_script_lang_js,
-  previewervue_type_template_id_cdd7f252_scoped_true_render,
-  previewervue_type_template_id_cdd7f252_scoped_true_staticRenderFns,
+  previewervue_type_template_id_6eb60cec_scoped_true_render,
+  previewervue_type_template_id_6eb60cec_scoped_true_staticRenderFns,
   false,
   null,
-  "cdd7f252",
+  "6eb60cec",
   null
   
 )

package/lib/ecmoaecoa.umd.js

@@ -2457,7 +2457,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".person-detial[data-v-692c2b26]{height
 
 /***/ }),
 
-/***/ 8819:
+/***/ 9506:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2471,7 +2471,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, "#Previewer[data-v-cdd7f252]{width:100vw;height:100%}#Previewer2[data-v-cdd7f252]{width:100vw;height:calc(100vh - 40px)}.toolbarViewer[data-v-cdd7f252]{height:40px;background:#f1f1f1}.toolbarViewer img[data-v-cdd7f252]{float:left;margin-top:12px;margin-left:15px;margin-right:10px}.toolbarViewer .fileName[data-v-cdd7f252]{min-width:240px;max-width:300px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, "#Previewer[data-v-6eb60cec]{width:100vw;height:100vh}#Previewer2[data-v-6eb60cec]{width:100vw;height:calc(100vh - 40px)}.toolbarViewer[data-v-6eb60cec]{height:40px;background:#f1f1f1}.toolbarViewer img[data-v-6eb60cec]{float:left;margin-top:12px;margin-left:15px;margin-right:10px}.toolbarViewer .fileName[data-v-6eb60cec]{min-width:240px;max-width:300px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -27871,19 +27871,19 @@ var update = add("5423ec6a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 4270:
+/***/ 9671:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(8819);
+var content = __webpack_require__(9506);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(9548)/* ["default"] */ .A)
-var update = add("20120b94", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("833b0386", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -34755,18 +34755,41 @@ var search_component = normalizeComponent(
 )
 
 /* harmony default export */ var search = (search_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=template&id=cdd7f252&scoped=true
-var previewervue_type_template_id_cdd7f252_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=template&id=6eb60cec&scoped=true
+var previewervue_type_template_id_6eb60cec_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _vm.fileName.indexOf('.pdf') !== -1 || _vm.url.includes('topdf=true') ? _c('iframe', {
+  return _vm.fileName.indexOf('.pdf') !== -1 || _vm.url.includes('topdf=true') ? _c('div', {
+    staticClass: "pdfviewer"
+  }, [_c('span', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.showViewer,
+      expression: "showViewer"
+    }]
+  }, [_c('PdfViewer', {
+    attrs: {
+      "body-url": "/plugins/PDFjs/web/viewer.html?file=".concat(encodeURIComponent(_vm.url), "&fileName=").concat(encodeURIComponent(_vm.fileName), "&widthType=auto"),
+      "view-body-file-show": _vm.viewBodyFileShow,
+      "type": 1,
+      "orientation": _vm.orientation
+    }
+  })], 1), _c('span', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.showViewer,
+      expression: "!showViewer"
+    }]
+  }, [_c('iframe', {
     attrs: {
       "id": "Previewer",
       "frameborder": "0",
       "scrolling": "yes",
       "src": "/plugins/PDFjs/web/viewer.html?file=".concat(encodeURIComponent(_vm.url), "&fileName=").concat(encodeURIComponent(_vm.fileName), "&widthType=auto")
     }
-  }) : _c('div', [_c('div', {
+  })])]) : _c('div', [_c('div', {
     staticClass: "toolbarViewer"
   }, [_c('img', {
     staticStyle: {
@@ -34788,18 +34811,33 @@ var previewervue_type_template_id_cdd7f252_scoped_true_render = function render(
     }
   })]);
 };
-var previewervue_type_template_id_cdd7f252_scoped_true_staticRenderFns = [];
+var previewervue_type_template_id_6eb60cec_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=script&lang=js
+function previewervue_type_script_lang_js_typeof(o) { "@babel/helpers - typeof"; return previewervue_type_script_lang_js_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, previewervue_type_script_lang_js_typeof(o); }
+function previewervue_type_script_lang_js_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function previewervue_type_script_lang_js_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? previewervue_type_script_lang_js_ownKeys(Object(t), !0).forEach(function (r) { previewervue_type_script_lang_js_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : previewervue_type_script_lang_js_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function previewervue_type_script_lang_js_defineProperty(e, r, t) { return (r = previewervue_type_script_lang_js_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function previewervue_type_script_lang_js_toPropertyKey(t) { var i = previewervue_type_script_lang_js_toPrimitive(t, "string"); return "symbol" == previewervue_type_script_lang_js_typeof(i) ? i : i + ""; }
+function previewervue_type_script_lang_js_toPrimitive(t, r) { if ("object" != previewervue_type_script_lang_js_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != previewervue_type_script_lang_js_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* harmony default export */ var previewervue_type_script_lang_js = ({
   name: 'Previewer',
   data: function data() {
     return {
       url: '',
-      fileName: ''
+      fileName: '',
+      showViewer: false,
+      viewBodyFileShow: 'pdf',
+      orientation: 'portrait' //屏幕方向，portrait：竖屏，landscape：横屏
     };
   },
   created: function created() {
+    // 添加屏幕方向变化监听
+    if (screen.orientation) {
+      this.handleOrientationChange(this.orientation);
+      screen.orientation.addEventListener('change', this.handleOrientationChange);
+    }
+
     // const params = this.$route.params
     // this.url = params.url
     var params = this.$route.query;
@@ -34810,13 +34848,53 @@ var previewervue_type_template_id_cdd7f252_scoped_true_staticRenderFns = [];
       text: this.$tx('ecoa.message.filePreview', '文件预览'),
       color: '#000000'
     });
+  },
+  mounted: function mounted() {
+    this.$wv.switchOrientation(true);
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.$wv.switchOrientation(false);
+
+    // 移除屏幕方向变化监听
+    if (screen.orientation) {
+      screen.orientation.removeEventListener('change', this.handleOrientationChange);
+    }
+  },
+  methods: {
+    handleOrientationChange: function handleOrientationChange() {
+      // type 包含 'landscape-primary' 或 'landscape-secondary' 时为横屏
+      if (screen.orientation.type.includes('landscape')) {
+        this.checkOrientation('landscape');
+      } else {
+        this.checkOrientation('portrait');
+      }
+    },
+    // 检测是否为横屏并执行操作
+    checkOrientation: function checkOrientation(orientation) {
+      this.orientation = orientation;
+      console.log('orientation', orientation);
+      if (orientation === 'landscape') {
+        this.showViewer = true;
+        this.$router.push({
+          path: this.$route.fullPath,
+          query: previewervue_type_script_lang_js_objectSpread(previewervue_type_script_lang_js_objectSpread({}, this.$route.query), {}, {
+            viewer: '1'
+          })
+        });
+      } else {
+        this.showViewer = false;
+        if (this.$route.query.viewer === '1') {
+          this.$router.back();
+        }
+      }
+    }
   }
 });
 ;// CONCATENATED MODULE: ./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=script&lang=js
  /* harmony default export */ var usersetting_previewervue_type_script_lang_js = (previewervue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=style&index=0&id=cdd7f252&prod&lang=scss&scoped=true
-var previewervue_type_style_index_0_id_cdd7f252_prod_lang_scss_scoped_true = __webpack_require__(4270);
-;// CONCATENATED MODULE: ./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=style&index=0&id=cdd7f252&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=style&index=0&id=6eb60cec&prod&lang=scss&scoped=true
+var previewervue_type_style_index_0_id_6eb60cec_prod_lang_scss_scoped_true = __webpack_require__(9671);
+;// CONCATENATED MODULE: ./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue?vue&type=style&index=0&id=6eb60cec&prod&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./packages/ecmoa/ecoa/src/usersetting/previewer/index.vue
 
@@ -34829,11 +34907,11 @@ var previewervue_type_style_index_0_id_cdd7f252_prod_lang_scss_scoped_true = __w
 
 var previewer_component = normalizeComponent(
   usersetting_previewervue_type_script_lang_js,
-  previewervue_type_template_id_cdd7f252_scoped_true_render,
-  previewervue_type_template_id_cdd7f252_scoped_true_staticRenderFns,
+  previewervue_type_template_id_6eb60cec_scoped_true_render,
+  previewervue_type_template_id_6eb60cec_scoped_true_staticRenderFns,
   false,
   null,
-  "cdd7f252",
+  "6eb60cec",
   null
   
 )