From 2aa5ab63b4bbce5c36dbb3511b205b3b5f6af9bd Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 07 五月 2024 11:34:20 +0800
Subject: [PATCH] 2024-05-07
---
src/tabviews/custom/components/form/step-form/index.jsx | 25 ++++++++++++++++++++-----
1 files changed, 20 insertions(+), 5 deletions(-)
diff --git a/src/tabviews/custom/components/form/step-form/index.jsx b/src/tabviews/custom/components/form/step-form/index.jsx
index 50e227b..7b48e9c 100644
--- a/src/tabviews/custom/components/form/step-form/index.jsx
+++ b/src/tabviews/custom/components/form/step-form/index.jsx
@@ -115,6 +115,8 @@
_config.sortStyle = {width: s, height: s, lineHeight: s, borderRadius: s}
}
+ _config.style['--mk-active-color'] = _config.wrap.color || '#1890ff'
+
this.setState({
data: _data,
group: _group,
@@ -457,6 +459,18 @@
})
}
+ changeGroup = (sort) => {
+ const { config, step } = this.state
+
+ if (config.wrap.labelJump !== 'true' || sort > step) return
+
+ let _group = config.subcards.filter(item => item.sort === sort)[0]
+
+ this.setState({group: null, step: sort - 1}, () => {
+ this.setState({group: _group})
+ })
+ }
+
render() {
const { config, loading, BID, BData, data, group, step } = this.state
@@ -471,13 +485,14 @@
<Spin />
</div> : null
}
- {config.wrap.groupLabel !== 'hidden' ? <div className="mk-normal-form-title">
+ {config.wrap.groupLabel !== 'hidden' ? <div className={'mk-normal-form-title' + (config.wrap.labelJump === 'true' ? ' jumpable' : '')}>
{config.subcards.map(card => (
<div key={card.uuid} style={config.titleStyle} className={'form-title' + (card.sort <= step ? ' active' : '')}>
- <span className="form-sort" style={{background: config.wrap.color, ...config.sortStyle}}>{card.sort}</span>
- <span className="before-line" style={{background: config.wrap.color}}></span>
- <span className="after-line" style={{background: config.wrap.color}}></span>
- {card.setting.title}
+ <span className="form-sort" onClick={() => this.changeGroup(card.sort)} style={config.sortStyle}>{card.sort}</span>
+ <br/>
+ <span className="form-label" onClick={() => this.changeGroup(card.sort)}>{card.setting.title}</span>
+ <span className="before-line"></span>
+ <span className="after-line"></span>
</div>))
}
</div> : null}
--
Gitblit v1.8.0