web端打通oss资源上传

apps/admin-web/src/pages/ProductsPage.tsx

@@ -6,6 +6,7 @@ import type { ColumnsType } from 'antd/es/table';
 import { request, type Paginated } from '../lib/api';
 import { AROMA_TYPE_LABELS, PRODUCT_STATUS_LABELS, fmtTime } from '../lib/constants';
 import { useAdminList } from '../lib/useAdminList';
+import OssUpload from '../components/OssUpload';
 
 type Row = {
   id: string;
@@ -114,7 +115,9 @@ export default function ProductsPage() {
                 <Select options={Object.entries(PRODUCT_STATUS_LABELS).map(([value, label]) => ({ value, label }))} />
               </Form.Item>
               <Form.Item name="sortOrder" label="排序"><InputNumber min={0} style={{ width: '100%' }} /></Form.Item>
-              <Form.Item name="coverUrl" label="封面 URL"><Input placeholder="https://..." /></Form.Item>
+              <Form.Item name="coverUrl" label="封面">
+                <OssUpload bizType="COVER" mediaType="IMAGE" />
+              </Form.Item>
             </Form>
           </>
         )}
@@ -142,7 +145,9 @@ export default function ProductsPage() {
             <Select options={Object.entries(PRODUCT_STATUS_LABELS).map(([value, label]) => ({ value, label }))} />
           </Form.Item>
           <Form.Item name="sortOrder" label="排序"><InputNumber min={0} style={{ width: '100%' }} /></Form.Item>
-          <Form.Item name="coverUrl" label="封面 URL"><Input placeholder="https://..." /></Form.Item>
+          <Form.Item name="coverUrl" label="封面">
+            <OssUpload bizType="COVER" mediaType="IMAGE" />
+          </Form.Item>
         </Form>
       </Modal>
     </div>