voucher-uploader

xyz-vue-ecscs-voucher-uploader

简介

帐影部门组件-凭证采集

特别说明

该组件基于element-ui，请引入element-ui并注册

urlMap(接口url集合)可以通过initUrlMap方法初始化，也可以通过urlMap参数传入，不传的话使用组件内默认的url

import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";

Vue.use(ElementUI);

示例代码

vue代码:

<template>
    <div>
        <button @click="refreshTableCollect">刷新凭证采集列表</button>
        <button @click="refreshTablePrint">刷新凭证打印列表</button>
        <XyzEcscsVoucherUoloader
            ref="XyzEcscsVoucherUoloaderRef"
            collectTitle="凭证采集"
            printTitle="凭证打印"
        />
    </div>
</template>

<script>
import XyzEcscsVoucherUoloader from "../src/index.vue";
export default {
    components: {
        XyzEcscsVoucherUoloader,
    },
    data() {
        return {};
    },
    methods: {
        refreshTableCollect() {
            this.$refs.XyzEcscsVoucherUoloaderRef.getCollectionData();
        },
        refreshTablePrint() {
            this.$refs.XyzEcscsVoucherUoloaderRef.getPrintData();
        },
    },
};
</script>

参数说明

{
    collectTitle: { // 凭证采集标题
        type: String,
        default: "凭证采集",
    },
    printTitle: { // 凭证打印标题
        type: String,
        default: "凭证打印",
    },
    requestId: { // requestId 必须
        type: String,
        default: "凭证打印",
    },
    hideCollectTable: { // 隐藏凭证采集
        type: Boolean,
        default: false,
    },
    hidePrintTable: { // 隐藏凭证打印
        type: Boolean,
        default: false,
    },
    hidePrintTable: { // 隐藏凭证打印
        type: Boolean,
        default: false,
    },
    /**
     * 接口url集合
     * 示例
     * {
     *  getRequestInfo:"",
     *  getEPProModelList:"",
     *  putObject:"",
     *  getObject:"",
     *  submitProcScanInfo:"",
     *  getPrintAndSignPtlList:"",
     * }
     */
    urlMap: {
        type: Boolean,
        default: false,
    },
}

方法说明

通过ref调用

initUrlMap(urlMap){}//初始化urlMap
getCollectionData(){}//刷新凭证采集列表
getPrintData(){}//刷新凭证打印列表