usp-comp-ui
v1.2.20
Published
A frontend compoent library for Vue3 + Element Plus
Downloads
18
Readme
#usp-comp-ui usp-comp-ui saas项目前端公共组件库, 适用于vue3项目
安装
npm install usp-comp-ui -S
使用
import Vue from 'vue'
import ElementPlus from 'element-plus'
import UspCompUI from 'usp-comp-ui'
// ......
const app = createApp(App)
app.use(ElementPlus).use(UspCompUI)
代码中使用:
<usp-waybill-print
ref="waybillPrintRef"
:printBaseUrl="printBaseUrl"
:showCloudPrint="true"
:printTemplateList="printTemplateList"
:cloudPrinterList="cloudPrinterList"
:apiGetPrintData="apiGetPrintData"
:apiCloudPrintData="apiCloudPrintData"
/>
打印组件 usp-waybill-print
export interface IOption {
label: strirng,
value: string | number
}
| 属性名 | 说明 | 类型 | 默认值 | | ------------ | ------------ | ------------ | ------------ | | showCloudPrint | 是否开启云打印 | boolean | true | | cloudPrinterList | 云打印机列表 | IOption[] | [] (必传) | | printTemplateList | 打印模板列表 | IOption[] | [] (必传)| | localPrinterStorageKey | 默认打印机缓存的key值,需要与打印配置里移植 | string | defaultPrinter | | printBaseUrl | 打印模板前缀 | string | - 必传 | | processImgUrl | 打印中图标地址地址 | string | https://itim-ms-cd-voucher2-prd-obs.obs.cn-south-1.myhuaweicloud.com/usp/front-static-file/web/printProcess.gif | | apiCloudPrintData | 云打印接口,返回Promise | Function | - 必传 | | apiGetPrintData | 本地打印机打印接口, 返回Promise | Function | 必传 | | | | | |