From 2d704fb62459923206071b319f8423c3381145f8 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 11 六月 2025 00:18:20 +0800 Subject: [PATCH] 2025-06-11 --- src/components/barcode/index.jsx | 32 ++++++++++++++++++++++---------- 1 files changed, 22 insertions(+), 10 deletions(-) diff --git a/src/components/barcode/index.jsx b/src/components/barcode/index.jsx index c7dd144..488ed7a 100644 --- a/src/components/barcode/index.jsx +++ b/src/components/barcode/index.jsx @@ -11,6 +11,10 @@ value: PropTypes.any, // 鏉$爜鍊� } + state = { + error: false + } + componentDidMount () { this.resetBarcode() } @@ -28,22 +32,30 @@ let style = card.style || {} - JsBarcode(this.barcode, value, { - displayValue: card.displayValue === 'true', - width: card.interval || 1, - height: card.barHeight || 25, - margin: 0, - fontOptions: `${style.fontWeight || ''} ${style.fontStyle || ''}`, - textAlign: style.textAlign || 'left', - fontSize: (style.fontSize || 14) + 'px', - lineColor: style.color || '#000000' - }) + try { + JsBarcode(this.barcode, value, { + displayValue: card.displayValue === 'true', + width: card.interval || 1, + height: card.barHeight || 25, + margin: 0, + fontOptions: `${style.fontWeight || ''} ${style.fontStyle || ''}`, + textAlign: style.textAlign || 'left', + fontSize: (style.fontSize || 14) + 'px', + lineColor: style.color || '#000000' + }) + this.setState({error: false}) + } catch (e) { + this.setState({error: true}) + } } render() { + const { error } = this.state + return ( <div className="barcode-box"> + {error ? <span className="barcode-error">瀛楃闈炴硶鎴栬繃闀匡紒</span> : null} <svg ref={(ref) => { this.barcode = ref }}/> </div> ) -- Gitblit v1.8.0