doway-coms 1.1.56 → 1.1.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doway-coms",
-  "version": "1.1.56",
+  "version": "1.1.57",
   "description": "doway组件库",
   "author": "dowaysoft",
   "main": "packages/index.js",
@@ -13,7 +13,7 @@
     "build:test": "vue-cli-service build --report"
   },
   
-  "peerDependencies": {
+  "dependencies": {
     "ant-design-vue": "1.7.8",
     "vue": "2.7.14",
     "vuex": "3.6.2",

package/packages/BasePrintPreview/index.js

@@ -0,0 +1,8 @@
+// 导入组件，组件必须声明 name
+import BasePrintPreview from './src/index.vue';
+// 为组件提供 install 安装方法，供按需引入
+BasePrintPreview.install = function(Vue) {
+    Vue.component(BasePrintPreview.name, BasePrintPreview);
+};
+// 默认导出组件
+export default BasePrintPreview;

package/packages/BasePrintPreview/src/index.vue

@@ -0,0 +1,76 @@
+<template>
+  <vxe-modal
+    append-to-body
+    :maskClosable="false"
+    :keyboard="false"
+    width="85%"
+    :closable="true"
+    title="打印预览"
+    v-if="isShow"
+    :visible="isShow"
+    wrap-class-name="full-modal"
+    @cancel="closeModal"
+  >
+    <iframe
+      name="printFrame"
+      id="printFrame"
+      ref="printFrame"
+      style="height: 100%"
+      frameborder="0"
+      width="100%"
+      height="300px"
+      :src="url"
+    >
+    </iframe>
+  </vxe-modal>
+</template>
+<script>
+import {request} from '../../utils/request'
+export default {
+  name: 'BasePrintPreview',
+  props: {},
+  data() {
+    return {
+      isShow: false,
+      url: '',
+      postData: '',
+      requestToken: '',
+      tempData: '',
+    }
+  },
+  methods: {
+    showPreview(url, data, isReplace) {
+      this.isShow = true
+      let ids = ''
+      if (isReplace) {
+        ids = JSON.stringify(data).replaceAll('"', '')
+      } else {
+        ids = JSON.stringify(data)
+      }
+      this.url = url + '?token=' + this.$store.getters.token + '&ids=' + ids
+    },
+    closeModal() {
+      this.$emit('close')
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.full-modal {
+  .ant-modal {
+    max-width: 100%;
+    top: 0;
+    padding-bottom: 0;
+    margin: 0;
+  }
+  .ant-modal-content {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh);
+  }
+  .ant-modal-body {
+    flex: 1;
+  }
+}
+</style>

package/packages/index.js

@@ -16,6 +16,7 @@ import BasePulldown from './BasePulldown/index';
 import BaseIntervalInput from './BaseIntervalInput/index';
 import BaseForm from './BaseForm/index';
 import BasePictureCard from './BasePictureCard/index';
+import BasePrintPreview from './BasePrintPreview/index';
 
 import store from './utils/store'
 import request from './utils/request'
@@ -24,7 +25,7 @@ import BaseGrid from './BaseGrid/index';
 // 存储组件列表
 const components = [BaseInput,BaseCheckbox,BaseDate,BaseDatetime,BaseDateWeek,BaseTextArea,BaseSelect,BaseSelectMulti
 	,BaseTime,BasePagination,
-	BaseNumberInput,BaseTool,BaseToolStatus,BasePulldown,BaseIntervalInput,BaseForm,BasePictureCard,BaseGrid];
+	BaseNumberInput,BaseTool,BaseToolStatus,BasePulldown,BaseIntervalInput,BaseForm,BasePictureCard,BaseGrid,BasePrintPreview];
 // 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
 
 import 'vxe-table/lib/style.css'
@@ -133,6 +134,7 @@ export {
 	BaseForm,
 	BaseGrid,
 	BasePictureCard,
+	BasePrintPreview,
 	store,
 	request,
 }