<template>
    <div class="hc-page-box">
        <hc-new-card title="测试签章">
            <template #extra> 
                <el-button v-if="isBatch" type="primary" @click="BatchClick(false)">不批量</el-button> 
                <el-button v-else type="primary" @click="BatchClick(true)">批量</el-button> 
            </template>
            <HcSignPdf v-if="pdfUrl" :batch="isBatch" :dom="hcSignImageArr" :sign="logoName" :src="pdfUrl" :img-width="imgWidth" :img-height="imgHeight" @change="pdfChange" />
        </hc-new-card>
    </div>
</template>

<script setup>
import { ref } from 'vue'
import HcSignPdf from './hc-pdf1.vue'

const isBatch = ref(false)
const BatchClick = (val) => {
    console.log(111111111111)
    
    isBatch.value = val
}
const pdfUrl = ref('https://blade-oss-chongqing.oss-cn-shenzhen.aliyuncs.com//upload/20250317/bc112743d3fd74da4347d25b7caeea99.pdf')

const hcSignImageArr = ref([])
const logoName = ref('https://blade-oss-chongqing.oss-cn-shenzhen.aliyuncs.com//upload/20250317/d0b11313e9bb1f0de41b165282215a72.png')

const pdfChange = (data) => {
    console.log('签章数据', data)
}
</script>
