修改评查详情

app/components/reviews/ReviewPointsList.tsx

@@ -39,6 +39,12 @@ export interface ReviewPoint {
     index: number;
   };
   result?: boolean;
+  legalBasis?: {
+    name?: string;
+    content?: string;
+    articles?: Array<string | { name?: string; content?: string; [key: string]: unknown }>;
+    [key: string]: unknown;
+  };
 }
 
 // 统计数据类型
@@ -70,6 +76,7 @@ export function ReviewPointsList({
   const [userInputText, setUserInputText] = useState(''); // 用户输入的审核意见文本
   const [searchText, setSearchText] = useState(''); // 搜索文本
   const [statusFilter, setStatusFilter] = useState<string | null>(null); // 状态过滤
+  // eslint-disable-next-line no-unused-vars
   const [suggestionTexts, setSuggestionTexts] = useState<Record<string, string>>({}); // 存储每个评查点的建议文本
   
   // 初始化建议文本
@@ -83,6 +90,7 @@ export function ReviewPointsList({
   }, [reviewPoints]);
 
   // 处理建议文本变更
+  // eslint-disable-next-line no-unused-vars
   const handleSuggestionChange = (reviewPointId: string, text: string) => {
     setSuggestionTexts(prev => ({
       ...prev,
@@ -135,7 +143,7 @@ export function ReviewPointsList({
     alert(`将为评查点 ${reviewPointId} 执行一键替换操作`);
     
     // 更新评查点状态为成功
-    onStatusChange(reviewPointId, 'success');
+    // onStatusChange(reviewPointId, 'success');
   };
   
   /**
@@ -206,9 +214,17 @@ export function ReviewPointsList({
         <div className="flex justify-between items-center">
           {/* 总计数量 */}
           <div className="flex items-center">
-            <div className="w-7 h-7 bg-gray-100 rounded-md flex items-center justify-center">
+            <button 
+              className={`w-7 h-7 bg-gray-100 rounded-md flex items-center justify-center cursor-pointer ${statusFilter === null && searchText === '' ? 'ring-2 ring-gray-400' : ''}`}
+              onClick={() => {
+                setStatusFilter(null);
+                setSearchText('');
+              }}
+              aria-label="显示所有评查点"
+              type="button"
+            >
               <span className="text-sm font-semibold text-gray-600">{totalToShow}</span>
-            </div>
+            </button>
             <span className="text-xs text-gray-500 ml-1">总计</span>
           </div>
           <div className="h-8 border-r border-gray-200"></div>
@@ -422,75 +438,120 @@ export function ReviewPointsList({
       
       return (
         <div className="mt-2">
-          {/* 内容显示区域 */}
-          <div className="p-2 bg-white rounded border border-gray-200 text-xs mb-3">
-            {/* 移除顶部的"当前值"标题，在每个内容项中显示 */}
-            {typeof reviewPoint.content === 'object' && reviewPoint.content !== null ? (
-              // 当 content 是对象时的渲染方式
-              <div>
-                {Object.entries(reviewPoint.content).map(([key, value], index) => (
-                  <div key={index} className="mb-2 pb-2 border-b border-gray-100 last:border-b-0 last:mb-0 last:pb-0">
-                    {/* 使用flex布局使key和状态标签左右对齐 */}
+          {reviewPoint.content !== null && (
+            (typeof reviewPoint.content === 'string' && reviewPoint.content !== '') || 
+            (typeof reviewPoint.content === 'object' && Object.keys(reviewPoint.content).length > 0)
+          ) && (
+            <>
+              {/* 内容显示区域 */}
+              <div className="p-2 bg-white rounded border border-gray-200 text-xs mb-3">
+                {/* 移除顶部的"当前值"标题，在每个内容项中显示 */}
+                {typeof reviewPoint.content === 'object' && reviewPoint.content !== null ? (
+                  // 当 content 是对象时的渲染方式
+                  <div>
+                    {Object.entries(reviewPoint.content).map(([key, value], index) => (
+                      <div key={index} className="mb-2 pb-2 border-b border-gray-100 last:border-b-0 last:mb-0 last:pb-0">
+                        {/* 使用flex布局使key和状态标签左右对齐 */}
+                        <div className="flex justify-between items-center mb-1">
+                          <span className="text-xs">{key}</span>
+                          {/* <span className={`text-xs ${isErrorStatus ? 'text-error' : 'text-warning'}`}>
+                            {isErrorStatus ? '不符合规范' : '需优化'}
+                          </span> */}
+                          <span className={`text-xs ${isErrorStatus ? 'text-error' : 'text-warning'}`}>
+                            {value ? '' : '缺失'}
+                          </span>
+                        </div>
+                        <p className="text-xs text-left">{value || '    '}</p>
+                      </div>
+                    ))}
+                  </div>
+                ) : (
+                  // 当 content 是字符串时的渲染方式
+                  <>
+                    {/* 为字符串内容也添加标题和状态 */}
                     <div className="flex justify-between items-center mb-1">
-                      <span className="text-xs">{key}</span>
+                      <span className="text-xs">当前值</span>
                       <span className={`text-xs ${isErrorStatus ? 'text-error' : 'text-warning'}`}>
                         {isErrorStatus ? '不符合规范' : '需优化'}
                       </span>
                     </div>
-                    <p className="text-xs text-left">{value || '（内容为空）'}</p>
-                  </div>
-                ))}
+                    <p className="text-xs text-left">{reviewPoint.content || '（内容为空）'}</p>
+                  </>
+                )}
               </div>
-            ) : (
-              // 当 content 是字符串时的渲染方式
-              <>
-                {/* 为字符串内容也添加标题和状态 */}
-                <div className="flex justify-between items-center mb-1">
-                  <span className="text-xs">当前值</span>
-                  <span className={`text-xs ${isErrorStatus ? 'text-error' : 'text-warning'}`}>
-                    {isErrorStatus ? '不符合规范' : '需优化'}
-                  </span>
+
+              {/* 法律依据内容 */}
+              {reviewPoint.legalBasis && (typeof reviewPoint.legalBasis === 'object') && (
+                (reviewPoint.legalBasis.name || reviewPoint.legalBasis.content || 
+                 (reviewPoint.legalBasis.articles && Array.isArray(reviewPoint.legalBasis.articles) && reviewPoint.legalBasis.articles.length > 0)) && (
+                  <div className="p-2 bg-white rounded border border-gray-200 text-xs mb-3">
+                    <div className="flex justify-between items-center mb-1">
+                      <span className="text-xs font-medium">法律依据</span>
+                    </div>
+                    {reviewPoint.legalBasis.name && (
+                      <p className="text-xs text-left mb-1">{reviewPoint.legalBasis.name}</p>
+                    )}
+                    {reviewPoint.legalBasis.content && (
+                      <p className="text-xs text-left mb-1"><span className="font-medium">条款内容：</span>{reviewPoint.legalBasis.content}</p>
+                    )}
+                    {reviewPoint.legalBasis.articles && Array.isArray(reviewPoint.legalBasis.articles) && reviewPoint.legalBasis.articles.length > 0 && (
+                      <div>
+                        <p className="text-xs text-left font-medium mb-1">相关条款：</p>
+                        <ul className="list-disc pl-4">
+                          {reviewPoint.legalBasis.articles.map((item, index) => (
+                            <li key={index} className="text-xs text-left">
+                              {typeof item === 'string' ? item : 
+                               typeof item === 'object' && item !== null ? 
+                                 (item.name ? `${item.name}: ${item.content || ''}` : 
+                                  item.content || JSON.stringify(item)) : 
+                                 String(item)}
+                            </li>
+                          ))}
+                        </ul>
+                      </div>
+                    )}
+                  </div>
+                )
+              )}
+          
+              {/* 建议修改区域 */}
+              <div className="mb-2">
+                <div className="flex justify-between items-center mb-2">
+                  <span className="text-gray-700">建议修改为：</span>
+                  {/* <span className="text-green-500">符合规范</span> */}
                 </div>
-                <p className="text-xs text-left">{reviewPoint.content || '（内容为空）'}</p>
-              </>
-            )}
-          </div>
+                <textarea
+                  value={suggestionTexts[reviewPoint.id] || ''}
+                  onChange={(e) => handleSuggestionChange(reviewPoint.id, e.target.value)}
+                  className="w-full p-2 border rounded bg-white min-h-[100px] focus:outline-none focus:border-[#00684a] focus:shadow-[0_0_0_2px_rgba(0,104,74,0.2)]"
+                />
+              </div>
           
-          {/* 建议修改区域 */}
-          <div className="mb-2">
-            <div className="flex justify-between items-center mb-2">
-              <span className="text-gray-700">建议修改为：</span>
-              <span className="text-green-500">符合规范</span>
-            </div>
-            <textarea
-              value={suggestionTexts[reviewPoint.id] || ''}
-              onChange={(e) => handleSuggestionChange(reviewPoint.id, e.target.value)}
-              className="w-full p-2 border rounded bg-gray-50 min-h-[100px] focus:outline-none focus:border-[#00684a] focus:shadow-[0_0_0_2px_rgba(0,104,74,0.2)]"
-            />
-          </div>
+              {/* 操作按钮区域 */}
+              <div className="flex space-x-2 mt-2">
+                {/* 一键替换按钮 - 只有非人工审核的点或未通过的人工审核点才显示 */}
+                {(!reviewPoint.needsHumanReview || (!reviewPoint.result && reviewPoint.status !== 'success')) && (
+                  <button 
+                    className="replace-action flex-1 justify-center"
+                    onClick={() => handleReplace(reviewPoint.id)}
+                  >
+                    <i className="ri-replace-line"></i> 一键替换
+                  </button>
+                )}
+                
+                {/* 人工审核按钮 */}
+                {reviewPoint.needsHumanReview && !reviewPoint.result && reviewPoint.status !== 'success' && (
+                  <button 
+                    className="replace-action flex-1 justify-center human-review-request"
+                    onClick={() => handleEditReviewPoint(reviewPoint.id)}
+                  >
+                    <i className="ri-edit-line"></i> 人工审核
+                  </button>
+                )}
+              </div>
+            </>
+          )}
           
-          {/* 操作按钮区域 */}
-          <div className="flex space-x-2 mt-2">
-            {/* 一键替换按钮 - 只有非人工审核的点或未通过的人工审核点才显示 */}
-            {(!reviewPoint.needsHumanReview || (!reviewPoint.result && reviewPoint.status !== 'success')) && (
-              <button 
-                className="replace-action flex-1 justify-center"
-                onClick={() => handleReplace(reviewPoint.id)}
-              >
-                <i className="ri-replace-line"></i> 一键替换
-              </button>
-            )}
-            
-            {/* 人工审核按钮 */}
-            {reviewPoint.needsHumanReview && !reviewPoint.result && reviewPoint.status !== 'success' && (
-              <button 
-                className="replace-action flex-1 justify-center human-review-request"
-                onClick={() => handleEditReviewPoint(reviewPoint.id)}
-              >
-                <i className="ri-edit-line"></i> 人工审核
-              </button>
-            )}
-          </div>
         </div>
       );
     }