doway-coms 1.1.56 → 1.1.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doway-coms",
-  "version": "1.1.56",
+  "version": "1.1.58",
   "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'
@@ -65,6 +66,23 @@ VXETable.interceptor.add('event.clearFilter', (params) => {
 	return popupInterceptor(params)
 })
 
+//表格自定义格式化
+VXETable.formats.mixin({
+	// 格式化下拉选项
+	formatSelect(scope) {
+	let dataSource = scope.column.params.dataSource
+	if (!dataSource) {
+		// console.error(scope.cellValue + ' 字典缺失')
+		return scope.cellValue
+	}
+	const item = dataSource.find(item => item.value === scope.cellValue)
+	return item ? item.caption : scope.cellValue
+	}
+})
+
+
+
+
 
 
 const install = function (Vue) {
@@ -133,6 +151,7 @@ export {
 	BaseForm,
 	BaseGrid,
 	BasePictureCard,
+	BasePrintPreview,
 	store,
 	request,
 }