修复分辨率归档信息问题和搜索栏问题

src/components/DepartmentManagement.tsx

@@ -407,14 +407,14 @@ export default function DepartmentManagement() {
         <div className="flex items-center justify-between gap-3 lg:gap-4 flex-wrap min-w-0">
           {/* 搜索条件 + 搜索、重置紧跟其后 */}
           <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
-            <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-              <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.departmentName')}：</label>
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.departmentName')}：</label>
               <Input
                 value={queryParams.name || ''}
                 onChange={(e) => setQueryParams(prev => ({ ...prev, name: e.target.value }))}
                 onPressEnter={handleQuery}
                 placeholder={t('form.departmentNamePlaceholder')}
-                className="min-w-[150px] max-w-[200px]"
+                className="min-w-0 w-full"
                 allowClear
               />
             </div>

src/components/DictTypeManagement.tsx

@@ -511,25 +511,25 @@ export default function DictTypeManagement() {
         <div className="flex items-center justify-between gap-3 lg:gap-4 flex-wrap min-w-0">
           {/* 搜索条件 + 搜索、重置紧跟其后 */}
           <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
-            <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-              <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.dictName')}：</label>
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.dictName')}：</label>
               <Input
                 value={queryParams.name || ''}
                 onChange={(e) => setQueryParams(prev => ({ ...prev, name: e.target.value }))}
                 onPressEnter={handleQuery}
                 placeholder={t('form.dictNamePlaceholder')}
-                className="min-w-[150px] max-w-[200px]"
+                className="min-w-0 w-full"
                 allowClear
               />
             </div>
-            <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-              <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.dictType')}：</label>
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.dictType')}：</label>
               <Input
                 value={queryParams.type || ''}
                 onChange={(e) => setQueryParams(prev => ({ ...prev, type: e.target.value }))}
                 onPressEnter={handleQuery}
                 placeholder={t('form.dictTypePlaceholder')}
-                className="min-w-[150px] max-w-[200px]"
+                className="min-w-0 w-full"
                 allowClear
               />
             </div>

src/components/IsolationWork.tsx

@@ -3623,26 +3623,26 @@ export default function IsolationWork({ subMenu }: IsolationWorkProps) {
           {/* 搜索栏 */}
           <div className="p-4 lg:p-5 border-b border-gray-200/50">
             <div className="flex items-center justify-between gap-3 lg:gap-4 flex-wrap min-w-0">
-              {/* 搜索条件 + 搜索、重置紧跟其后 */}
+              {/* 搜索条件 + 搜索、重置：按原宽度 200px，不超出，可缩小 */}
               <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
-                <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.formName')}：</label>
+                <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.formName')}：</label>
                   <Input
                     value={formManagementQuery.name}
                     onChange={(e) => setFormManagementQuery({ ...formManagementQuery, name: e.target.value })}
                     onPressEnter={handleFormManagementQuery}
                     placeholder={t('form.formNamePlaceholder')}
-                    className="min-w-[150px] max-w-[200px]"
+                    className="min-w-0 w-full"
                     allowClear
                   />
                 </div>
-                <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.status')}：</label>
+                <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.status')}：</label>
                   <Select
                     value={formManagementQuery.status}
                     onChange={(value) => setFormManagementQuery({ ...formManagementQuery, status: value })}
                     placeholder={t('form.statusPlaceholder') || t('common.pleaseSelect')}
-                    className="min-w-[150px] max-w-[200px]"
+                    className="min-w-0 w-full"
                     allowClear
                   >
                     <Select.Option value="启用">{t('common.enabled')}</Select.Option>
@@ -3826,16 +3826,16 @@ export default function IsolationWork({ subMenu }: IsolationWorkProps) {
           {/* 搜索栏 */}
           <div className="p-4 lg:p-5 border-b border-gray-200/50">
             <div className="flex items-center justify-between gap-3 lg:gap-4 flex-wrap min-w-0">
-              {/* 搜索条件 + 搜索、重置紧跟其后 */}
+              {/* 搜索条件 + 搜索、重置：按原宽度 200px，不超出，可缩小 */}
               <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
-                <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.processDesignName')}：</label>
+                <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.processDesignName')}：</label>
                   <Input
                     value={processDesignQuery.name}
                     onChange={(e) => setProcessDesignQuery({ ...processDesignQuery, name: e.target.value })}
                     onPressEnter={handleProcessDesignQuery}
                     placeholder={t('form.processDesignNamePlaceholder')}
-                    className="min-w-[150px] max-w-[200px]"
+                    className="min-w-0 w-full"
                     allowClear
                   />
                 </div>
@@ -4115,27 +4115,27 @@ export default function IsolationWork({ subMenu }: IsolationWorkProps) {
           {/* 搜索栏 */}
           <div className="p-4 lg:p-5 border-b border-gray-200/50">
             <div className="flex flex-wrap items-center justify-between gap-3 lg:gap-4">
-              {/* 搜索条件 + 搜索、重置紧跟其后 */}
-              <div className="flex flex-wrap items-center gap-3 lg:gap-4 min-w-0">
-                <div className="flex items-center gap-2">
-                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.workName')}：</label>
+              {/* 搜索条件 + 搜索、重置：按原宽度 200px，不超出，可缩小 */}
+              <div className="flex flex-wrap items-center gap-2 lg:gap-3 min-w-0">
+                <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.workName')}：</label>
                   <Input
                     value={workJobQuery.name}
                     onChange={(e) => setWorkJobQuery({ ...workJobQuery, name: e.target.value })}
                     onPressEnter={handleWorkJobQuery}
                     placeholder={t('form.workNamePlaceholder')}
                     allowClear
-                    className="min-w-[200px] max-w-[300px]"
+                    className="min-w-0 w-full"
                   />
                 </div>
-                <div className="flex items-center gap-2">
-                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.workStatus')}：</label>
+                <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.workStatus')}：</label>
                   <Select
                     value={workJobQuery.status ?? undefined}
                     onChange={(value) => setWorkJobQuery({ ...workJobQuery, status: value || undefined })}
                     placeholder={t('form.workStatusPlaceholder')}
                     allowClear
-                    className="min-w-[180px] max-w-[250px]"
+                    className="min-w-0 w-full"
                   >
                     {jobStatusDictList.map(item => (
                       <Select.Option key={item.value} value={item.value}>

src/components/KeyManagement.tsx

@@ -263,16 +263,16 @@ export default function KeyManagement({ subMenu }: KeyManagementProps) {
         {/* 搜索栏 */}
         <div className="p-4 lg:p-5 border-b border-gray-200">
           <div className="flex items-center justify-between gap-3 lg:gap-4 flex-wrap min-w-0">
-            {/* 搜索条件 + 搜索、重置紧跟其后 */}
+            {/* 搜索条件：按原宽度 200px，不超出，可缩小 */}
             <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
-              <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-                <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.keyName')}：</label>
+              <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+                <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.keyName')}：</label>
                 <Input
                   value={queryParams.keyName || ''}
                   onChange={(e) => setQueryParams({ ...queryParams, keyName: e.target.value })}
                   onPressEnter={handleQuery}
                   placeholder={t('form.keyNamePlaceholder')}
-                  className="min-w-[150px] max-w-[200px]"
+                  className="min-w-0 w-full"
                   allowClear
                 />
               </div>

src/components/MenuManagement.tsx

@@ -516,14 +516,14 @@ export default function MenuManagement() {
         <div className="flex items-center justify-between gap-3 lg:gap-4 flex-wrap min-w-0">
           {/* 搜索条件 + 搜索、重置紧跟其后 */}
           <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
-            <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-              <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.menuName')}：</label>
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.menuName')}：</label>
               <Input
                 value={queryParams.name || ''}
                 onChange={(e) => setQueryParams(prev => ({ ...prev, name: e.target.value }))}
                 onPressEnter={handleQuery}
                 placeholder={t('form.menuNamePlaceholder')}
-                className="min-w-[150px] max-w-[200px]"
+                className="min-w-0 w-full"
                 allowClear
               />
             </div>

src/components/MyTask.tsx

@@ -1609,12 +1609,12 @@ export default function MyTask() {
         color: '#ffffff',
       };
     }
-    // 已完成：绿色 #0acb57
+    // 已完成：深绿色 #15803d
     if (statusTextLower.includes('已完成') || statusTextLower.includes('已通过') || 
         statusTextLower.includes('approved') || statusTextLower.includes('完成') ||
         statusTextLower.includes('执行完成')) {
       return {
-        backgroundColor: '#0acb57',
+        backgroundColor: '#15803d',
         color: '#ffffff',
       };
     }
@@ -1891,26 +1891,30 @@ export default function MyTask() {
       <div className="bg-white rounded-2xl border border-gray-200/50 shadow-sm overflow-hidden">
         {/* 查询与操作栏 */}
         <div className="p-4 lg:p-5 border-b border-gray-200/50">
-          <div className="flex flex-wrap items-center gap-3">
-            {/* 搜索条件：作业编号、作业名称，搜索/重置紧跟其后 */}
-            <span className="text-sm text-gray-700 whitespace-nowrap">作业编号：</span>
-            <Input
-              value={searchOrderNo}
-              onChange={(e) => setSearchOrderNo(e.target.value)}
-              placeholder="请输入作业编号"
-              allowClear
-              style={{ width: 160 }}
-              onPressEnter={handleSearch}
-            />
-            <span className="text-sm text-gray-700 whitespace-nowrap">作业名称：</span>
-            <Input
-              value={searchName}
-              onChange={(e) => setSearchName(e.target.value)}
-              placeholder="请输入作业名称"
-              allowClear
-              style={{ width: 160 }}
-              onPressEnter={handleSearch}
-            />
+          <div className="flex flex-wrap items-center gap-2 lg:gap-3 min-w-0">
+            {/* 搜索条件：按原宽度 200px，不超出，可缩小 */}
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <span className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">作业编号：</span>
+              <Input
+                value={searchOrderNo}
+                onChange={(e) => setSearchOrderNo(e.target.value)}
+                placeholder="请输入作业编号"
+                allowClear
+                className="min-w-0 w-full"
+                onPressEnter={handleSearch}
+              />
+            </div>
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <span className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">作业名称：</span>
+              <Input
+                value={searchName}
+                onChange={(e) => setSearchName(e.target.value)}
+                placeholder="请输入作业名称"
+                allowClear
+                className="min-w-0 w-full"
+                onPressEnter={handleSearch}
+              />
+            </div>
             <Space size="small">
               <Button type="primary" icon={<Search className="w-4 h-4" />} onClick={handleSearch}>
                 {t('common.search')}

src/components/PadLockManagement.tsx

@@ -596,16 +596,16 @@ export default function PadLockManagement({ subMenu }: PadLockManagementProps) {
             {/* 搜索栏 */}
             <div className="p-4 lg:p-5 border-b border-gray-200">
               <div className="flex items-center justify-between gap-3 lg:gap-4 flex-wrap min-w-0">
-              {/* 搜索条件 + 搜索、重置紧跟其后 */}
+              {/* 搜索条件：按原宽度 200px，不超出，可缩小 */}
               <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
-                <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.padLockName')}：</label>
+                <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.padLockName')}：</label>
                   <Input
                     value={queryParams.lockName || ''}
                     onChange={(e) => setQueryParams({ ...queryParams, lockName: e.target.value })}
                     onPressEnter={handleQuery}
                     placeholder={t('form.padLockNamePlaceholder')}
-                    className="min-w-[150px] max-w-[200px]"
+                    className="min-w-0 w-full"
                     allowClear
                   />
                 </div>
@@ -727,16 +727,16 @@ export default function PadLockManagement({ subMenu }: PadLockManagementProps) {
             {/* 搜索栏 */}
             <div className="p-5 border-b border-gray-200">
               <div className="flex items-center justify-between gap-4 flex-wrap">
-                {/* 搜索条件 + 搜索、重置紧跟其后 */}
+                {/* 搜索条件：按原宽度 200px，不超出，可缩小 */}
                 <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
-                  <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-                    <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.padLockTypeName')}：</label>
+                  <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+                    <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.padLockTypeName')}：</label>
                     <Input
                       value={typeQueryParams.lockTypeName || ''}
                       onChange={(e) => setTypeQueryParams({ ...typeQueryParams, lockTypeName: e.target.value })}
                       onPressEnter={handleTypeQuery}
                       placeholder={t('form.padLockTypeNamePlaceholder')}
-                      className="min-w-[150px] max-w-[200px]"
+                      className="min-w-0 w-full"
                       allowClear
                     />
                   </div>

src/components/PostManagement.tsx

@@ -258,25 +258,25 @@ export default function PostManagement() {
         <div className="flex items-center justify-between gap-3 lg:gap-4 flex-wrap min-w-0">
           {/* 搜索条件 + 搜索、重置紧跟其后 */}
           <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
-            <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-              <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.postName')}：</label>
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.postName')}：</label>
               <Input
                 value={queryParams.name || ''}
                 onChange={(e) => setQueryParams(prev => ({ ...prev, name: e.target.value }))}
                 onPressEnter={handleQuery}
                 placeholder={t('form.postNamePlaceholder')}
-                className="min-w-[150px] max-w-[200px]"
+                className="min-w-0 w-full"
                 allowClear
               />
             </div>
-            <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-              <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.postCode')}：</label>
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.postCode')}：</label>
               <Input
                 value={queryParams.code || ''}
                 onChange={(e) => setQueryParams(prev => ({ ...prev, code: e.target.value }))}
                 onPressEnter={handleQuery}
                 placeholder={t('form.postCodePlaceholder')}
-                className="min-w-[150px] max-w-[200px]"
+                className="min-w-0 w-full"
                 allowClear
               />
             </div>

src/components/RoleManagement.tsx

@@ -254,25 +254,25 @@ export default function RoleManagement() {
         <div className="flex items-center justify-between gap-3 lg:gap-4 flex-wrap min-w-0">
           {/* 搜索条件 + 搜索、重置紧跟其后 */}
           <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
-            <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-              <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.roleName')}：</label>
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.roleName')}：</label>
               <Input
                 value={queryParams.name || ''}
                 onChange={(e) => setQueryParams(prev => ({ ...prev, name: e.target.value }))}
                 onPressEnter={handleQuery}
                 placeholder={t('form.roleNamePlaceholder')}
-                className="min-w-[150px] max-w-[200px]"
+                className="min-w-0 w-full"
                 allowClear
               />
             </div>
-            <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-              <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.roleCode')}：</label>
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.roleCode')}：</label>
               <Input
                 value={queryParams.code || ''}
                 onChange={(e) => setQueryParams(prev => ({ ...prev, code: e.target.value }))}
                 onPressEnter={handleQuery}
                 placeholder={t('form.roleCodePlaceholder')}
-                className="min-w-[150px] max-w-[200px]"
+                className="min-w-0 w-full"
                 allowClear
               />
             </div>

src/components/TaskManagement.tsx

@@ -1674,12 +1674,12 @@ export default function TaskManagement() {
         color: '#ffffff',
       };
     }
-    // 已完成：绿色 #0acb57
+    // 已完成：深绿色 #15803d
     if (statusTextLower.includes('已完成') || statusTextLower.includes('已通过') || 
         statusTextLower.includes('approved') || statusTextLower.includes('完成') ||
         statusTextLower.includes('执行完成')) {
       return {
-        backgroundColor: '#0acb57',
+        backgroundColor: '#15803d',
         color: '#ffffff',
       };
     }
@@ -1713,7 +1713,7 @@ export default function TaskManagement() {
   const getWorkStatusStyle = (status: string | number | undefined): React.CSSProperties => {
     const s = String(status || '').toLowerCase();
     if (['running', '2'].includes(s)) return { backgroundColor: '#1677ff', color: '#fff' };
-    if (['completed', 'approved'].includes(s)) return { backgroundColor: '#0acb57', color: '#fff' };
+    if (['completed', 'approved'].includes(s)) return { backgroundColor: '#15803d', color: '#fff' };
     if (['rejected', 'cancelled'].includes(s)) return { backgroundColor: '#ff4d4f', color: '#fff' };
     if (['pending', '1'].includes(s)) return { backgroundColor: '#e5e5e5', color: '#333' };
     return { backgroundColor: '#e2e8f0', color: '#64748b' };
@@ -1861,10 +1861,21 @@ export default function TaskManagement() {
       render: (status: string | number | undefined, record: MyTaskVO) => {
         // 优先使用 approvalStatus，如果没有则使用其他状态字段
         const taskStatus = status || record.taskStatus || record.status;
+        // 列表里“已完成/已通过”使用浅绿，弹框/详情仍保持深绿
+        const baseStyle = getTaskStatusStyle(taskStatus);
+        const statusTextLower = String(getTaskStatusText(taskStatus) || '').toLowerCase();
+        const listStyle =
+          statusTextLower.includes('已完成') ||
+          statusTextLower.includes('已通过') ||
+          statusTextLower.includes('approved') ||
+          statusTextLower.includes('完成') ||
+          statusTextLower.includes('执行完成')
+            ? { ...baseStyle, backgroundColor: '#0acb57', color: '#ffffff' }
+            : baseStyle;
         return (
           <span
             className="inline-flex px-3 py-1 rounded-lg text-xs"
-            style={getTaskStatusStyle(taskStatus)}
+            style={listStyle}
           >
             {getTaskStatusText(taskStatus)}
           </span>
@@ -1983,26 +1994,30 @@ export default function TaskManagement() {
       <div className="bg-white rounded-2xl border border-gray-200/50 shadow-sm overflow-hidden">
         {/* 查询与操作栏 */}
         <div className="p-4 lg:p-5 border-b border-gray-200/50">
-          <div className="flex flex-wrap gap-3 items-center">
-            {/* 搜索条件：作业编号、作业名称 */}
-            <span className="text-sm text-gray-700 whitespace-nowrap">作业编号：</span>
-            <Input
-              value={searchOrderNo}
-              onChange={(e) => setSearchOrderNo(e.target.value)}
-              placeholder="请输入作业编号"
-              allowClear
-              style={{ width: 160 }}
-              onPressEnter={handleSearch}
-            />
-            <span className="text-sm text-gray-700 whitespace-nowrap">作业名称：</span>
-            <Input
-              value={searchName}
-              onChange={(e) => setSearchName(e.target.value)}
-              placeholder="请输入作业名称"
-              allowClear
-              style={{ width: 160 }}
-              onPressEnter={handleSearch}
-            />
+          <div className="flex flex-wrap gap-2 lg:gap-3 items-center min-w-0">
+            {/* 搜索条件：按原宽度 200px，不超出，可缩小 */}
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <span className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">作业编号：</span>
+              <Input
+                value={searchOrderNo}
+                onChange={(e) => setSearchOrderNo(e.target.value)}
+                placeholder="请输入作业编号"
+                allowClear
+                className="min-w-0 w-full"
+                onPressEnter={handleSearch}
+              />
+            </div>
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <span className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">作业名称：</span>
+              <Input
+                value={searchName}
+                onChange={(e) => setSearchName(e.target.value)}
+                placeholder="请输入作业名称"
+                allowClear
+                className="min-w-0 w-full"
+                onPressEnter={handleSearch}
+              />
+            </div>
 
             {/* 按钮组：小屏整行，大屏右对齐 */}
             <div className="flex gap-2 w-full sm:w-auto sm:ml-auto justify-start sm:justify-end">
@@ -2128,14 +2143,32 @@ export default function TaskManagement() {
                 {(() => {
                   const workStatus = (detailData as any).workDetail?.status;
                   if (workStatus != null && String(workStatus).trim() !== '') {
+                    const baseStyle = getWorkStatusStyle(workStatus);
+                    const workText = getWorkStatusText(workStatus);
+                    const isCompleted = String(workText || '').toLowerCase().includes('已完成');
+                    const headerStyle = isCompleted ? { ...baseStyle, backgroundColor: '#0acb57', color: '#ffffff' } : baseStyle;
                     return (
-                      <span className="inline-flex px-3 py-1 rounded-full text-xs font-medium" style={getWorkStatusStyle(workStatus)}>
-                        {getWorkStatusText(workStatus)}
+                      <span className="inline-flex px-3 py-1 rounded-full text-xs font-medium" style={headerStyle}>
+                        {workText}
                       </span>
                     );
                   }
                   return (
-                    <span className="inline-flex px-3 py-1 rounded-full text-xs font-medium" style={getTaskStatusStyle(detailData.approvalStatus ?? detailData.taskStatus ?? (detailData as any).nodeProgress)}>
+                    <span
+                      className="inline-flex px-3 py-1 rounded-full text-xs font-medium"
+                      style={(() => {
+                        const s = detailData.approvalStatus ?? detailData.taskStatus ?? (detailData as any).nodeProgress;
+                        const baseStyle = getTaskStatusStyle(s);
+                        const textLower = String(getTaskStatusText(s) || '').toLowerCase();
+                        const isCompleted =
+                          textLower.includes('已完成') ||
+                          textLower.includes('已通过') ||
+                          textLower.includes('approved') ||
+                          textLower.includes('完成') ||
+                          textLower.includes('执行完成');
+                        return isCompleted ? { ...baseStyle, backgroundColor: '#0acb57', color: '#ffffff' } : baseStyle;
+                      })()}
+                    >
                       {getTaskStatusText(detailData.approvalStatus ?? detailData.taskStatus ?? (detailData as any).nodeProgress)}
                     </span>
                   );
@@ -2194,7 +2227,13 @@ export default function TaskManagement() {
                             任务名称：<span style={{ color: '#1e293b', fontWeight: 600 }}>{detailData?.nodeName ?? '-'}</span>
                             <span
                               className="inline-flex px-3 py-1 rounded-full text-xs font-medium"
-                              style={{ ...getTaskStatusStyle(taskStatus), marginLeft: 10 }}
+                              style={(() => {
+                                const baseStyle = getTaskStatusStyle(taskStatus);
+                                const textLower = String(getTaskStatusText(taskStatus) || '').toLowerCase();
+                                const isCompleted = textLower.includes('已完成') || textLower.includes('已通过') || textLower.includes('approved') || textLower.includes('完成') || textLower.includes('执行完成');
+                                const badgeStyle = isCompleted ? { ...baseStyle, backgroundColor: '#0acb57', color: '#ffffff', marginLeft: 10 } : { ...baseStyle, marginLeft: 10 };
+                                return badgeStyle;
+                              })()}
                             >
                               {getTaskStatusText(taskStatus)}
                             </span>
@@ -2456,7 +2495,7 @@ export default function TaskManagement() {
                     const isLocked = (p: any) => Boolean(p?.lockTime) || p?.locked === true || String(p?.status || '').toLowerCase() === 'locked';
                     const lockBadgeStyle = (locked: boolean): React.CSSProperties =>
                       locked
-                        ? { backgroundColor: '#0acb57', color: '#ffffff' }
+                        ? { backgroundColor: '#15803d', color: '#ffffff' }
                         : { backgroundColor: '#e2e8f0', color: '#475569' };
                     const getKeyStatus = (k: any) => {
                       const status = String(k?.keyStatus ?? '').trim();
@@ -2477,7 +2516,7 @@ export default function TaskManagement() {
                       undefined;
                     const getUserName = (u: any) => u?.nickname ?? u?.nickName ?? u?.name ?? u?.username ?? '-';
                     const getLockerStatus = (u: any) => {
-                      // 上锁人状态：0初始、1已上锁、2已解锁
+                      // 上锁人状态：0未上锁、1已上锁、2已解锁
                       const s = String(u?.status ?? '').trim();
                       if (s === '1') return 'locked';
                       if (s === '2') return 'unlocked_done';
@@ -2575,13 +2614,13 @@ export default function TaskManagement() {
                                               </>
                                             ) : st === 'locked' ? (
                                               <>
-                                                <CheckCircleOutlined style={{ fontSize: 14, color: '#16a34a' }} />
-                                                <span style={{ color: '#16a34a' }}>已上锁</span>
+                                                <CheckCircleOutlined style={{ fontSize: 14, color: '#15803d' }} />
+                                                <span style={{ color: '#15803d' }}>已上锁</span>
                                               </>
                                             ) : st === 'unlocked_done' ? (
                                               <>
-                                                <CheckCircleOutlined style={{ fontSize: 14, color: '#16a34a' }} />
-                                                <span style={{ color: '#16a34a' }}>已解锁</span>
+                                                <CheckCircleOutlined style={{ fontSize: 14, color: '#15803d' }} />
+                                                <span style={{ color: '#15803d' }}>已解锁</span>
                                               </>
                                             ) : (
                                               <>
@@ -2703,7 +2742,7 @@ export default function TaskManagement() {
                                           statusColor = '#dc2626';
                                         } else if (isReturned) {
                                           statusText = '已归还';
-                                          statusColor = '#16a34a';
+                                          statusColor = '#15803d';
                                         }
                                         const returnedAt =
                                           k?.giveBackTime ??
@@ -2756,7 +2795,7 @@ export default function TaskManagement() {
                                                   }}
                                                 >
                                                   {status === 'returned' ? (
-                                                    <CheckCircleOutlined style={{ fontSize: 14, color: '#16a34a' }} />
+                                                    <CheckCircleOutlined style={{ fontSize: 14, color: '#15803d' }} />
                                                   ) : status === 'taken' ? (
                                                     <CloseCircleOutlined style={{ fontSize: 14, color: '#dc2626' }} />
                                                   ) : status === 'to_take' ? (
@@ -2807,8 +2846,10 @@ export default function TaskManagement() {
                                         }
                                         const name = getUserName(u);
                                         const avatarSrc = getUserAvatarSrc(u);
+                                        // 共锁人状态: 0未共锁、1已共锁、2已解共锁
                                         const lockedStatus = String(u?.status ?? '').trim();
-                                        const isCoLocked = lockedStatus === '1';
+                                        const coLockStatusText = lockedStatus === '1' ? '已共锁' : lockedStatus === '2' ? '已解共锁' : '未共锁';
+                                        const coLockStatusColor = lockedStatus === '1' ? '#15803d' : lockedStatus === '2' ? '#15803d' : '#dc2626';
                                         return (
                                           <div
                                             key={u.id ?? u.userId ?? u.uid ?? idx}
@@ -2837,13 +2878,15 @@ export default function TaskManagement() {
                                                 </div>
                                               </div>
                                             </div>
-                                            <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6, fontSize: 12, color: isCoLocked ? '#16a34a' : '#dc2626' }}>
-                                              {isCoLocked ? (
-                                                <CheckCircleOutlined style={{ fontSize: 14, color: '#16a34a' }} />
+                                            <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6, fontSize: 12, color: coLockStatusColor }}>
+                                              {lockedStatus === '1' ? (
+                                                <CheckCircleOutlined style={{ fontSize: 14, color: '#15803d' }} />
+                                              ) : lockedStatus === '2' ? (
+                                                <CheckCircleOutlined style={{ fontSize: 14, color: '#15803d' }} />
                                               ) : (
                                                 <CloseCircleOutlined style={{ fontSize: 14, color: '#dc2626' }} />
                                               )}
-                                              <span>{isCoLocked ? '已共锁' : '未共锁'}</span>
+                                              <span>{coLockStatusText}</span>
                                             </span>
                                           </div>
                                         );
@@ -2907,17 +2950,19 @@ export default function TaskManagement() {
                                       }
                                       const name = getReleaseUserName(u);
                                       const avatarSrc = getReleaseUserAvatarSrc(u);
-                                      // 共锁人状态:0初始、1已上锁/已共锁、2已解锁/已解共锁
-                                      const released = String(u?.status ?? '').trim() === '2';
+                                      // 共锁人状态: 0未共锁、1已共锁、2已解共锁
+                                      const coLockStatus = String(u?.status ?? '').trim();
+                                      const coLockText = coLockStatus === '1' ? '已共锁' : coLockStatus === '2' ? '已解共锁' : '未共锁';
+                                      const coLockColor = coLockStatus === '1' ? '#15803d' : coLockStatus === '2' ? '#15803d' : '#dc2626';
                                       return (
                                         <div key={u.id ?? u.userId ?? idx} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, padding: '10px 10px', borderRadius: 10, border: '1px solid #e6e8f0', background: '#ffffff' }}>
                                           <div style={{ display: 'flex', alignItems: 'center', gap: 10, minWidth: 0 }}>
                                             <Avatar size={32} src={avatarSrc} style={{ background: '#e5e7eb', color: '#111827', flexShrink: 0 }}>{String(name || '-').slice(0, 1)}</Avatar>
                                             <div style={{ fontSize: 13, fontWeight: 600, color: '#0f172a', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{name}</div>
                                           </div>
-                                          <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6, fontSize: 12, color: released ? '#16a34a' : '#dc2626' }}>
-                                            {released ? <CheckCircleOutlined style={{ fontSize: 14, color: '#16a34a' }} /> : <CloseCircleOutlined style={{ fontSize: 14, color: '#dc2626' }} />}
-                                            <span>{released ? '已解除共锁' : '未解除共锁'}</span>
+                                          <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6, fontSize: 12, color: coLockColor }}>
+                                            {coLockStatus === '1' ? <CheckCircleOutlined style={{ fontSize: 14, color: '#15803d' }} /> : coLockStatus === '2' ? <CheckCircleOutlined style={{ fontSize: 14, color: '#15803d' }} /> : <CloseCircleOutlined style={{ fontSize: 14, color: '#dc2626' }} />}
+                                            <span>{coLockText}</span>
                                           </span>
                                         </div>
                                       );
@@ -2925,7 +2970,7 @@ export default function TaskManagement() {
                                   </div>
                                 </div>
                               </div>
-                              {/* 第二步：取钥匙 */}
+                              {/* 第二步：取钥匙（只显示待取出/已取出，接口若为2已归还则视为已取出） */}
                               <div style={{ padding: '0 14px', borderRight: '1px solid #eef0f6', display: 'flex', flexDirection: 'column', minHeight: 0 }}>
                                 <div style={{ fontSize: 14, fontWeight: 600, color: '#0f172a', marginBottom: 12, minHeight: 22 }}>第二步：取钥匙</div>
                                 <div style={{ padding: '8px 0', flex: 1 }}>
@@ -2938,9 +2983,9 @@ export default function TaskManagement() {
                                         );
                                       }
                                       const status = getReleaseKeyStatus(k);
-                                      const isReturned = status === 'returned';
-                                      const statusText = status === 'returned' ? '已归还' : status === 'pending' ? '未归还' : '未知';
-                                      const returnedAt = k?.giveBackTime ?? k?.returnTime ?? k?.returnedTime ?? k?.backTime ?? k?.keyReturnTime ?? k?.updateTime ?? k?.returnedAt ?? k?.returnAt;
+                                      // 第二步只显示两种：0待取出 / 1或2 均显示已取出（已归还说明必然已取出过）
+                                      const step2Taken = status !== 'to_take';
+                                      const step2StatusText = step2Taken ? '已取出' : '待取出';
                                       return (
                                         <div key={k.id ?? k.keyId ?? idx} style={{ display: 'flex', alignItems: 'center', gap: 10, padding: '10px 10px', borderRadius: 10, border: '1px solid #e6e8f0', background: '#ffffff' }}>
                                           <span style={{ width: 32, height: 32, borderRadius: 10, background: '#eff6ff', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0 }}>
@@ -2949,12 +2994,11 @@ export default function TaskManagement() {
                                           <div style={{ minWidth: 0, flex: 1 }}>
                                             <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                                               <div style={{ fontSize: 13, fontWeight: 600, color: '#0f172a', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{k?.keyNfc ?? k?.keyName ?? k?.name ?? '-'}</div>
-                                              <span style={{ display: 'inline-flex', alignItems: 'center', gap: 4, fontSize: 12, color: isReturned ? '#16a34a' : '#dc2626' }}>
-                                                {isReturned ? <CheckCircleOutlined style={{ fontSize: 14, color: '#16a34a' }} /> : <CloseCircleOutlined style={{ fontSize: 14, color: '#dc2626' }} />}
-                                                <span>{statusText}</span>
+                                              <span style={{ display: 'inline-flex', alignItems: 'center', gap: 4, fontSize: 12, color: step2Taken ? '#15803d' : '#dc2626' }}>
+                                                {step2Taken ? <CheckCircleOutlined style={{ fontSize: 14, color: '#15803d' }} /> : <CloseCircleOutlined style={{ fontSize: 14, color: '#dc2626' }} />}
+                                                <span>{step2StatusText}</span>
                                               </span>
                                             </div>
-                                            <div style={{ marginTop: 4, fontSize: 12, color: '#64748b' }}>归还时间：{returnedAt != null && String(returnedAt).trim() !== '' ? dateFormatter(returnedAt) : '-'}</div>
                                           </div>
                                         </div>
                                       );
@@ -2976,18 +3020,19 @@ export default function TaskManagement() {
                                       }
                                       const name = getReleaseUserName(u);
                                       const avatarSrc = getReleaseUserAvatarSrc(u);
-                                      const unlockStatus = String(u?.status ?? '').trim();
-                                      // 解锁状态:0初始、1已上锁、2已解锁
-                                      const isUnlocked = unlockStatus === '2';
+                                      // 上锁人状态: 0未上锁、1已上锁、2已解锁
+                                      const lockStatus = String(u?.status ?? '').trim();
+                                      const lockText = lockStatus === '1' ? '已上锁' : lockStatus === '2' ? '已解锁' : '未上锁';
+                                      const lockColor = lockStatus === '1' ? '#15803d' : lockStatus === '2' ? '#15803d' : '#dc2626';
                                       return (
                                         <div key={u.id ?? u.userId ?? idx} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, padding: '10px 10px', borderRadius: 10, border: '1px solid #e6e8f0', background: '#ffffff' }}>
                                           <div style={{ display: 'flex', alignItems: 'center', gap: 10, minWidth: 0 }}>
                                             <Avatar size={32} src={avatarSrc} style={{ background: '#e5e7eb', color: '#111827', flexShrink: 0 }}>{String(name || '-').slice(0, 1)}</Avatar>
                                             <div style={{ fontSize: 13, fontWeight: 600, color: '#0f172a', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{name}</div>
                                           </div>
-                                          <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6, fontSize: 12, color: isUnlocked ? '#16a34a' : '#dc2626' }}>
-                                            {isUnlocked ? <CheckCircleOutlined style={{ fontSize: 14, color: '#16a34a' }} /> : <CloseCircleOutlined style={{ fontSize: 14, color: '#dc2626' }} />}
-                                            <span>{isUnlocked ? '已解锁' : '未解锁'}</span>
+                                          <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6, fontSize: 12, color: lockColor }}>
+                                            {lockStatus === '1' ? <CheckCircleOutlined style={{ fontSize: 14, color: '#15803d' }} /> : lockStatus === '2' ? <CheckCircleOutlined style={{ fontSize: 14, color: '#15803d' }} /> : <CloseCircleOutlined style={{ fontSize: 14, color: '#dc2626' }} />}
+                                            <span>{lockText}</span>
                                           </span>
                                         </div>
                                       );
@@ -3002,8 +3047,9 @@ export default function TaskManagement() {
                                         );
                                       }
                                       const status = getReleaseKeyStatus(k);
-                                      const isReturned = status === 'returned';
-                                      const statusText = status === 'returned' ? '已归还' : status === 'pending' ? '未归还' : '未知';
+                                      // 第三步显示三种状态：0待取出、1已取出、2已归还
+                                      const step3StatusText = status === 'returned' ? '已归还' : status === 'taken' ? '已取出' : status === 'to_take' ? '待取出' : '未知';
+                                      const step3Color = status === 'returned' ? '#15803d' : status === 'taken' ? '#f97316' : '#dc2626';
                                       const returnedAt = k?.giveBackTime ?? k?.returnTime ?? k?.returnedTime ?? k?.backTime ?? k?.keyReturnTime ?? k?.updateTime ?? k?.returnedAt ?? k?.returnAt;
                                       return (
                                         <div key={k.id ?? k.keyId ?? idx} style={{ display: 'flex', alignItems: 'center', gap: 10, padding: '10px 10px', borderRadius: 10, border: '1px solid #e6e8f0', background: '#ffffff' }}>
@@ -3013,9 +3059,9 @@ export default function TaskManagement() {
                                           <div style={{ minWidth: 0, flex: 1 }}>
                                             <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                                               <div style={{ fontSize: 13, fontWeight: 600, color: '#0f172a', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{k?.keyNfc ?? k?.keyName ?? k?.name ?? '-'}</div>
-                                              <span style={{ display: 'inline-flex', alignItems: 'center', gap: 4, fontSize: 12, color: isReturned ? '#16a34a' : '#dc2626' }}>
-                                                {isReturned ? <CheckCircleOutlined style={{ fontSize: 14, color: '#16a34a' }} /> : <CloseCircleOutlined style={{ fontSize: 14, color: '#dc2626' }} />}
-                                                <span>{statusText}</span>
+                                              <span style={{ display: 'inline-flex', alignItems: 'center', gap: 4, fontSize: 12, color: step3Color }}>
+                                                {status === 'returned' ? <CheckCircleOutlined style={{ fontSize: 14, color: '#15803d' }} /> : status === 'taken' ? <CheckCircleOutlined style={{ fontSize: 14, color: '#f97316' }} /> : <CloseCircleOutlined style={{ fontSize: 14, color: '#dc2626' }} />}
+                                                <span>{step3StatusText}</span>
                                               </span>
                                             </div>
                                             <div style={{ marginTop: 4, fontSize: 12, color: '#64748b' }}>归还时间：{returnedAt != null && String(returnedAt).trim() !== '' ? dateFormatter(returnedAt) : '-'}</div>

src/components/UserManagement.tsx

@@ -529,38 +529,38 @@ export default function UserManagement({ subMenu }: UserManagementProps) {
           {/* 搜索栏：搜索条件与 新增/导入/导出 同一行，右侧按钮组；小屏可换行到第二行 */}
           <div className="bg-white rounded-xl border border-gray-200/50 shadow-sm p-4 lg:p-5">
             <div className="flex items-center justify-between gap-3 flex-wrap min-w-0">
-              {/* 搜索条件 + 搜索、重置 */}
-              <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0 flex-1">
-                <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.nickname')}：</label>
+              {/* 搜索条件 + 搜索、重置：按原宽度 200px，不超出，可缩小 */}
+              <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
+                <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.nickname')}：</label>
                   <Input
                     value={queryParams.nickname}
                     onChange={(e) => setQueryParams({ ...queryParams, nickname: e.target.value })}
                     onPressEnter={handleQuery}
                     placeholder={t('form.nicknamePlaceholder')}
-                    className="min-w-[150px] max-w-[200px]"
+                    className="min-w-0 w-full"
                     allowClear
                   />
                 </div>
-                <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.username')}：</label>
+                <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.username')}：</label>
                   <Input
                     value={queryParams.username}
                     onChange={(e) => setQueryParams({ ...queryParams, username: e.target.value })}
                     onPressEnter={handleQuery}
                     placeholder={t('form.usernamePlaceholder')}
-                    className="min-w-[150px] max-w-[200px]"
+                    className="min-w-0 w-full"
                     allowClear
                   />
                 </div>
-                <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.mobile')}：</label>
+                <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+                  <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.mobile')}：</label>
                   <Input
                     value={queryParams.mobile}
                     onChange={(e) => setQueryParams({ ...queryParams, mobile: e.target.value })}
                     onPressEnter={handleQuery}
                     placeholder={t('form.mobilePlaceholder')}
-                    className="min-w-[150px] max-w-[200px]"
+                    className="min-w-0 w-full"
                     allowClear
                   />
                 </div>

src/components/WorkJobArchiveReport.css

@@ -82,7 +82,7 @@
   border-color: white;
 }
 
-/* 纸张容器：宽度 210mm（A4），大屏下缩放填满视口，减小左右留白、1:1 A4 观感 */
+/* 纸张容器：宽度 210mm（A4），仅在小视口下按宽度缩放，最大 1:1 不放大，避免流程图箭头错位与横向溢出 */
 .work-job-archive-report .archive-pages-wrap {
   width: 210mm;
   margin-left: auto;
@@ -91,7 +91,7 @@
 }
 @media (min-width: 850px) {
   .work-job-archive-report .archive-pages-wrap {
-    transform: scale(calc((100vw - 2rem) / 794px));
+    transform: scale(min(calc((100vw - 2rem) / 794px), 1));
   }
 }
 

src/components/lockCabinet/HardwareLockCabinetManagement.tsx

@@ -159,27 +159,27 @@ export default function HardwareLockCabinetManagement() {
         {/* 搜索栏 */}
         <div className="p-5 border-b border-gray-200">
           <div className="flex items-center justify-between gap-3 lg:gap-4 flex-wrap min-w-0">
-            {/* 搜索条件 + 搜索、重置紧跟其后 */}
+            {/* 搜索条件：按原宽度 200px，不超出，可缩小 */}
             <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
-              <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-                <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.cabinetName')}：</label>
+              <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+                <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.cabinetName')}：</label>
                 <Input
                   placeholder={t('form.cabinetNamePlaceholder')}
                   value={queryParams.cabinetName || ''}
                   onChange={(e) => setQueryParams(prev => ({ ...prev, cabinetName: e.target.value }))}
                   onPressEnter={handleQuery}
-                  className="min-w-[150px] max-w-[200px]"
+                  className="min-w-0 w-full"
                   allowClear
                 />
               </div>
 
-              <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-                <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('common.onlineStatus')}：</label>
+              <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+                <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('common.onlineStatus')}：</label>
                 <Select
                   placeholder={t('common.pleaseSelect')}
                   value={queryParams.isOnline || undefined}
                   onChange={(value) => setQueryParams(prev => ({ ...prev, isOnline: value }))}
-                  className="min-w-[150px] max-w-[200px]"
+                  className="min-w-0 w-full"
                   allowClear
                 >
                   {isOnlineOptions && isOnlineOptions.length > 0 ? (

src/components/lockCabinet/SystemLockCabinetManagement.tsx

@@ -208,25 +208,25 @@ export default function SystemLockCabinetManagement() {
         <div className="flex items-center justify-between gap-3 lg:gap-4 flex-wrap min-w-0">
           {/* 搜索条件 + 搜索、重置紧跟其后 */}
           <div className="flex items-center gap-2 lg:gap-3 flex-wrap min-w-0">
-            <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-              <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('form.cabinetName')}：</label>
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('form.cabinetName')}：</label>
               <Input
                 placeholder={t('form.cabinetNamePlaceholder')}
                 value={queryParams.cabinetName || ''}
                 onChange={(e) => setQueryParams(prev => ({ ...prev, cabinetName: e.target.value }))}
                 onPressEnter={handleQuery}
-                className="min-w-[150px] max-w-[200px]"
+                className="min-w-0 w-full"
                 allowClear
               />
             </div>
 
-            <div className="flex items-center gap-2 lg:gap-3 flex-shrink-0">
-              <label className="text-sm font-medium text-gray-700 whitespace-nowrap">{t('common.onlineStatus')}：</label>
+            <div className="flex items-center gap-2 lg:gap-3 w-[200px] min-w-[100px] flex-shrink">
+              <label className="text-sm font-medium text-gray-700 whitespace-nowrap flex-shrink-0">{t('common.onlineStatus')}：</label>
               <Select
                 placeholder={t('common.pleaseSelect')}
                 value={queryParams.isOnline || undefined}
                 onChange={(value) => setQueryParams(prev => ({ ...prev, isOnline: value }))}
-                className="min-w-[150px] max-w-[200px]"
+                className="min-w-0 w-full"
                 allowClear
               >
                 {isOnlineOptions && isOnlineOptions.length > 0 ? (