优化样式

app/components/rules/new/ReviewSettings.tsx

@@ -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="flex justify-center">
-            <div className="form-section-title mb-2">
+            <button 
-              <label className="form-label" htmlFor="action-section">建议信息类别</label>
+              type="button" 
-            </div>
+              className="ant-btn ant-btn-default"
-            
+              onClick={handleAddRule}
-            <div id="action-section">
+            >
-              <div className="form-radio-group mb-3">
+              <i className="ri-add-line mr-1"></i> 添加评查规则
-                <label className="form-radio-item">
+            </button>
-                  <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>
           
           <div className="divider"></div>

app/styles/components/form.css

@@ -75,10 +75,6 @@
   }
 
   /* 表单复选框和单选框 */
-  .form-checkbox-group,
-  .form-radio-group {
-    @apply space-y-2;
-  }
 
   .form-check {
     @apply flex items-center;