优化样式
This commit is contained in:
@@ -1112,13 +1112,7 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
<div id="rules-container">
|
||||
<div className="flex items-center justify-between mb-2">
|
||||
<div>已添加 <span className="text-blue-600 font-medium">{rules.length}</span> 条规则</div>
|
||||
<button
|
||||
type="button"
|
||||
className="ant-btn ant-btn-default"
|
||||
onClick={handleAddRule}
|
||||
>
|
||||
<i className="ri-add-line mr-1"></i> 添加评查规则
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
{rules.length === 0 ? (
|
||||
@@ -1181,87 +1175,14 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="form-section mb-6">
|
||||
<div className="form-section-title mb-2">
|
||||
<label className="form-label" htmlFor="action-section">建议信息类别</label>
|
||||
</div>
|
||||
|
||||
<div id="action-section">
|
||||
<div className="form-radio-group mb-3">
|
||||
<label className="form-radio-item">
|
||||
<input
|
||||
type="radio"
|
||||
name="action-type"
|
||||
className="form-radio"
|
||||
checked={actionType === 'warning'}
|
||||
onChange={() => handleActionTypeChange('warning')}
|
||||
/>
|
||||
<span>显示警告信息</span>
|
||||
</label>
|
||||
<label className="form-radio-item">
|
||||
<input
|
||||
type="radio"
|
||||
name="action-type"
|
||||
className="form-radio"
|
||||
checked={actionType === 'blocking'}
|
||||
onChange={() => handleActionTypeChange('blocking')}
|
||||
/>
|
||||
<span>阻止流程</span>
|
||||
</label>
|
||||
<label className="form-radio-item">
|
||||
<input
|
||||
type="radio"
|
||||
name="action-type"
|
||||
className="form-radio"
|
||||
checked={actionType === 'notification'}
|
||||
onChange={() => handleActionTypeChange('notification')}
|
||||
/>
|
||||
<span>消息通知</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 mt-3">
|
||||
<div className="col-span-1">
|
||||
<label className="form-label" htmlFor="warning-message">提示信息</label>
|
||||
<textarea
|
||||
id="warning-message"
|
||||
className="form-textarea"
|
||||
placeholder="请输入触发规则时向用户显示的提示信息"
|
||||
></textarea>
|
||||
<div className="form-tip">建议在消息中说明问题出现的原因及建议的解决方案</div>
|
||||
</div>
|
||||
|
||||
{actionType === 'notification' && (
|
||||
<div className="col-span-1">
|
||||
<label className="form-label" htmlFor="notification-target">通知对象</label>
|
||||
<select id="notification-target" className="form-select mb-2">
|
||||
<option value="creator">文档创建人</option>
|
||||
<option value="supervisor">直接主管</option>
|
||||
<option value="legal">法务人员</option>
|
||||
<option value="custom">自定义人员</option>
|
||||
</select>
|
||||
|
||||
<div className="mt-2">
|
||||
<label className="form-label" htmlFor="notification-method">通知方式</label>
|
||||
<div className="flex items-center space-x-4">
|
||||
<label className="inline-flex items-center">
|
||||
<input type="checkbox" className="form-checkbox" id="notification-system" defaultChecked />
|
||||
<span className="ml-2">系统消息</span>
|
||||
</label>
|
||||
<label className="inline-flex items-center">
|
||||
<input type="checkbox" className="form-checkbox" id="notification-email" />
|
||||
<span className="ml-2">邮件</span>
|
||||
</label>
|
||||
<label className="inline-flex items-center">
|
||||
<input type="checkbox" className="form-checkbox" id="notification-sms" />
|
||||
<span className="ml-2">短信</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex justify-center">
|
||||
<button
|
||||
type="button"
|
||||
className="ant-btn ant-btn-default"
|
||||
onClick={handleAddRule}
|
||||
>
|
||||
<i className="ri-add-line mr-1"></i> 添加评查规则
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="divider"></div>
|
||||
|
||||
Reference in New Issue
Block a user