.

src/pages/cardList/detail.jsx

 import React, { useState, useEffect } from 'react';
 import { Card, Form, Button, Image } from 'antd';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
-import { getCardDetail } from '@/services/card'
+import { getCardDetail,getCardQRCode } from '@/services/card'
 import { history } from 'umi';
 
 const FormItem = Form.Item;
   const { location } = props;
   const { id } = location.query;
   const [card, setCard] = useState({});
-
+  const [qrcode,setQrcode]=useState();
   useEffect(() => {
     getCardDetail(id).then((res) => {
       setCard(res)
+      getCardQRCode(res.cardNo).then((res2)=>{
+        setQrcode(res2.qrImage)
+      })
     }).catch((err) => {
       console.log(err.message)
     });
           <FormItem label="狗证有效期">
             {card?.startDate + '~' + card?.expireDate}
           </FormItem>
+          <FormItem label="小程序码">
+            {
+              qrcode&&<Image src={qrcode} width={100} />
+            }            
+          </FormItem>
           <FormItem label=" " colon={false}>
             <Button type="default" onClick={() => goBack()}>
               返回

src/services/card.js

  * @returns
  */
 export const getCardDetail = (id) => request(`/card/${id}`);
+ /**
+ * 查询犬证二维码
+ * @param {*} params
+ * @returns
+ */
+  export const getCardQRCode = (id) => request(`/cardNo/${id}`);
 
 /**
  * 查询制卡列表