osskey设置

src/components/ImageUploader.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
-import { Upload, List, Button, Popconfirm , Col , Row } from "antd";
+import { Upload, List, Button, Popconfirm, Col, Row } from "antd";
-import { UploadOutlined, FileTextOutlined,DeleteOutlined } from "@ant-design/icons";
+import { UploadOutlined, FileTextOutlined, DeleteOutlined } from "@ant-design/icons";
 import { Image } from "antd";
 import { fetchJSON } from "@/utils/request";
 import { HT3_HOST } from "@/config";
@@ -21,9 +21,15 @@ const simple_encrypt = text => {
 };
 
 // 获取图片列表
-const getImageList = async (key,type='111') => {
+const getImageList = async (key, overlist = false) => {
 	try {
-		const { errcode, result } = await fetchJSON(`${HT3_HOST}/oss/list_unique_key?key=${key}&type=${type}`);
+		let url;
+		if (overlist) {
+			url = `${HT3_HOST}/oss/list_over_unique_key?key=${key}`;
+		} else {
+			url = `${HT3_HOST}/oss/list_unique_key?key=${key}`;
+		}
+		const { errcode, result } = await fetchJSON(url);
 		if (errcode === 0) {
 			return result
 				.map(file => ({
@@ -221,13 +227,12 @@ export const ImageUploader = props => {
 export const ImageViewer = props => {
 	const [fileList, setFileList] = useState([]);
 	const key = props.osskey;
-	const type = props.type || '111';
+	const overlist = props.overlist || false;
-
 
 	// 组件挂载时获取图片列表
 	useEffect(() => {
 		const loadImages = async () => {
-			const images = await getImageList(key,type);
+			const images = await getImageList(key, overlist);
 
 			setFileList(images);
 			if (props.onChange) {
@@ -245,23 +250,23 @@ export const ImageViewer = props => {
 		<>
 			<Image.PreviewGroup>
 				<Row gutter={[20, 20]}>
-				{fileList &&
+					{fileList &&
-					fileList.map(item => {
+						fileList.map(item => {
-						return (
+							return (
-							<Col key={item.encrypt_key}>
+								<Col key={item.encrypt_key}>
-								{item.key.match(/\.(jpg|jpeg|png|gif|bmp|webp)$/i) ? (
+									{item.key.match(/\.(jpg|jpeg|png|gif|bmp|webp)$/i) ? (
 										<Image width={200} src={item.url} />
-								) : (
+									) : (
-									<a href={item.url} download>
+										<a href={item.url} download>
-										<Button type="primary" icon={<FileTextOutlined />} size="large" title={item.key.replace(/^.*[\\\/]/, '')}>
+											<Button type="primary" icon={<FileTextOutlined />} size="large" title={item.key.replace(/^.*[\\\/]/, "")}>
-											...{item.key.slice(-10)}
+												...{item.key.slice(-10)}
-										</Button>
+											</Button>
-									</a>
+										</a>
-								)}
+									)}
-							</Col>
+								</Col>
-						);
+							);
-					})}
+						})}
-			</Row>
+				</Row>
 			</Image.PreviewGroup>
 		</>
 	);

src/views/CustomerImageViewer.jsx

@@ -1,47 +1,31 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from "react";
-import { Input, Button, Card, Typography, Space, Alert } from 'antd';
+import { Alert } from "antd";
-import { useParams } from 'react-router-dom';
+import { useParams } from "react-router-dom";
-import {ImageViewer} from '@/components/ImageUploader';
+import { ImageViewer } from "@/components/ImageUploader";
-
-
-const { Title, Text } = Typography;
 
 const CustomerImageViewer = () => {
-
+	const [ossKey, setOssKey] = useState("");
-    const [ossKey, setOssKey] = useState('');
+	const [showUploader, setShowUploader] = useState(false);
-    const [showUploader, setShowUploader] = useState(false);
+	const { key } = useParams();
-    const { key } = useParams();
+
-
+	useEffect(() => {
-    useEffect(() => {
+		setOssKey(key);
-        console.log(key);
+		setShowUploader(true);
-        // const key = `temp/tour-guide/2025-6/31278`;
+	}, []);
-        setOssKey(key);
+
-        setShowUploader(true);
+	return (
-    }, []);
+		<>
-
+			{showUploader ? (
-    return (
+				<>
-        <div>
+					<Alert message="Information" description="You can view all travel-related Photos on this page, provided by your tour guides." type="info" showIcon />
-            <Alert
+					<br />
-                message="信息提示"
+					<ImageViewer osskey={ossKey} overlist={true} />
-                description="您可以在此页面查看与旅行相关的所有图片，支持点击放大等操作。"
+				</>
-                type="info"
+			) : (
-                showIcon
+				<Alert message="Error" description="Photos not found" type="error" showIcon />
-            />
+			)}
-            <br/>
+		</>
-
+	);
-            {showUploader ? (
-                <div>
-                    <ImageViewer osskey={ossKey} type='222' />
-                </div>
-            ) : (
-                <div>
-                    <Text style={{ display: 'block', color: '#874d00', fontSize: '16px' }}>
-                        无法提取客户信息
-                    </Text>
-                </div>
-            )}
-        </div>
-    );
 };
 
 export default CustomerImageViewer;

src/views/feedback/Detail.jsx

@@ -23,7 +23,7 @@ function Detail() {
   const [feedbackInfo, setFeedbackInfo] = useState({});
   const [ossKey, setOssKey] = useState('');
   useEffect(() => {
-        const key = `temp/tour-guide/2025-6/31278`;
+        const key = `ghh/${GRI_SN}-${RefNo}/tourguide_image/travel-agency-${travelAgencyId}`;
         setOssKey(key);
     }, []);