完美
This commit is contained in:
@@ -177,10 +177,10 @@ export const DataImporter: React.FC<DataImporterProps> = ({
|
|||||||
: 'bg-white border border-gray-200 rounded-2xl p-6 shadow-sm flex flex-col gap-5 min-w-0';
|
: 'bg-white border border-gray-200 rounded-2xl p-6 shadow-sm flex flex-col gap-5 min-w-0';
|
||||||
|
|
||||||
const sheetSelectClass = isMobile
|
const sheetSelectClass = isMobile
|
||||||
? 'mobile-field text-sm py-2 flex-1 min-w-0 max-w-full'
|
? 'mobile-field text-sm py-2 w-full min-w-0'
|
||||||
: isPs
|
: isPs
|
||||||
? 'ps-field text-[10px] py-1 flex-1 min-w-0 max-w-full'
|
? 'ps-field text-[10px] py-1 w-full min-w-0'
|
||||||
: 'px-2.5 py-1 text-xs bg-white border border-gray-100 rounded-lg flex-1 min-w-0 max-w-full';
|
: 'px-2.5 py-1 text-xs bg-white border border-gray-100 rounded-lg w-full min-w-0';
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={wrapperClass}>
|
<div className={wrapperClass}>
|
||||||
@@ -319,13 +319,17 @@ export const DataImporter: React.FC<DataImporterProps> = ({
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{hasMultipleSheets && (
|
{hasMultipleSheets && (
|
||||||
<div className="flex items-center gap-2 w-full min-w-0">
|
<div className="space-y-1.5 w-full min-w-0">
|
||||||
<label
|
<label
|
||||||
className={`shrink-0 ${
|
className={
|
||||||
isMobile ? 'text-xs text-slate-500' : isPs ? 'text-[10px] text-[#888]' : 'text-[10px] text-gray-500'
|
isMobile
|
||||||
}`}
|
? 'mobile-field-label'
|
||||||
|
: isPs
|
||||||
|
? 'ps-field-label'
|
||||||
|
: 'block text-[10px] text-gray-500'
|
||||||
|
}
|
||||||
>
|
>
|
||||||
数据源工作表
|
工作表
|
||||||
</label>
|
</label>
|
||||||
<select
|
<select
|
||||||
value={importData.currentSheet}
|
value={importData.currentSheet}
|
||||||
@@ -340,9 +344,9 @@ export const DataImporter: React.FC<DataImporterProps> = ({
|
|||||||
))}
|
))}
|
||||||
</select>
|
</select>
|
||||||
{sheetLoading && (
|
{sheetLoading && (
|
||||||
<span className={`${isPs ? 'text-[10px] text-[#777]' : 'text-[10px] text-gray-400'}`}>
|
<p className={`${isPs ? 'text-[10px] text-[#777]' : 'text-[10px] text-gray-400'}`}>
|
||||||
切换中…
|
切换中…
|
||||||
</span>
|
</p>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -65,16 +65,6 @@ export const DataRangeFields: React.FC<DataRangeFieldsProps> = ({
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<p className={isMobile ? 'text-xs text-slate-500' : 'text-[10px] text-[#777]'}>
|
|
||||||
将选 {rangeStats.selectedCount} 枚
|
|
||||||
{rangeStats.selectedCount < rows.length && ` / 共 ${rows.length} 行`}
|
|
||||||
{isMobile && rangeStats.selectedCount > 0 && (
|
|
||||||
<span>
|
|
||||||
{' '}
|
|
||||||
· 约 {rangeStats.totalPages} 页 PDF
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user