fix(): 全局统一image图片加载失败问题

src/components/ParkingRecordModal/RecordReviewModal.jsx

@@ -3,7 +3,7 @@ import { Modal, Table, message, Button, Input, Select, Timeline, DatePicker } fr
 import { RightOutlined, DownOutlined } from "@ant-design/icons";
 import VehicleInformation from "./VehicleInformation";
 import ajax from "@/services";
-import moment from "moment";
+import moment from "moment";z
 import "./index.scss";
 const { TextArea } = Input;
 const RecordReviewModal = (props) => {

src/pages/InRoadMgm/BusinessMgm/AbnormalParking/ExceptionParkReport/loadable.jsx

@@ -6,6 +6,7 @@ import {
 } from '@/config/character.config.js'
 import "./index.scss";
 import { SearchOutlined } from '@ant-design/icons';
+import errorImg from '@/assets/images/error-img-new.png'
 import ajax from '@/services'
 import moment from "moment";
 import { useSessionStorageState } from "ahooks"
@@ -62,6 +63,12 @@ function ExceptionParkReport(props) {
         }
         return result;
     }
+    const handleImgError = (e) => {
+        let evn = e || event
+        let img = evn.srcElement ? evn.srcElement : evn.target
+        img.src = errorImg
+    }
+
     //列表
     const deployListColumns = [
         {
@@ -486,7 +493,7 @@ function ExceptionParkReport(props) {
                                 getDetailPic.map((item, index) => {
                                     return (
                                         <div className="pic">
-                                            <Image src={item} height={{height:300}}/>
+                                            <Image src={item} height={{height:300}} onError={handleImgError}/>
                                         </div>
                                     )
                                 })

src/pages/InRoadMgm/BusinessMgm/SpecialRecord/loadable.jsx

@@ -8,6 +8,7 @@ import "./index.scss";
 import { SearchOutlined, DeleteOutlined, PlusOutlined, CloseCircleFilled } from '@ant-design/icons';
 import ajax from '@/services'
 import { useSessionStorageState } from "ahooks"
+import errorImg from '@/assets/images/error-img-new.png'
 import { dictionary, utils } from "@/config/common";
 const { TabPane } = Tabs;
 const { TextArea } = Input;
@@ -173,6 +174,13 @@ function CollectorWorkStat(props) {
             key: 'review_comments',
         }
     ]
+
+    const handleImgError = (e) => {
+        let evn = e || event
+        let img = evn.srcElement ? evn.srcElement : evn.target
+        img.src = errorImg
+    }
+
     //列表
     const deployListColumns = [
         {

src/pages/InRoadMgm/RecordInquiry/DisabledCarParkRecordTotal/loadable.jsx

@@ -19,6 +19,7 @@ import ajax from '@/config/ajax.js'
 // import { dictionary, utils } from "@/config/common";
 // import moment from 'moment'
 // import {   useSessionStorageState, useUpdateEffect, useSize, useUpdate } from 'ahooks';
+import errorImg from '@/assets/images/error-img-new.png'
 import { TableModule } from "@/components";
 import "./index.scss";
 import {
@@ -527,6 +528,13 @@ function DisabledCarParkRecordTotal() {
   function changeKey(key) {
     setTabKey(key);
   }
+
+  const handleImgError = (e) => {
+    let evn = e || event
+    let img = evn.srcElement ? evn.srcElement : evn.target
+    img.src = errorImg
+  }
+
   function searchOperation(e) {
     ajax({ //支付记录
       url: "/api/bpm/record/get_payment_record",
@@ -674,8 +682,8 @@ function DisabledCarParkRecordTotal() {
           <Descriptions.Item label="出场收费员">{params.out_person}</Descriptions.Item>
         </Descriptions>
         <Descriptions title="入场照片">
-          <Descriptions.Item label="车辆照片"><img width={300} height={200} src={params.in_veh_pic} onClick={() => { setBigPic(params.in_veh_pic); setBigpicVisible(true) }} /></Descriptions.Item>
-          <Descriptions.Item label="车牌照片"><img width={300} height={200} src={params.in_plate_pic} onClick={() => { setBigPic(params.in_plate_pic); setBigpicVisible(true) }} /></Descriptions.Item>
+          <Descriptions.Item label="车辆照片"><img width={300} height={200} src={params.in_veh_pic} onError={handleImgError} onClick={() => { setBigPic(params.in_veh_pic); setBigpicVisible(true) }} /></Descriptions.Item>
+          <Descriptions.Item label="车牌照片"><img width={300} height={200} src={params.in_plate_pic} onError={handleImgError}  onClick={() => { setBigPic(params.in_plate_pic); setBigpicVisible(true) }} /></Descriptions.Item>
         </Descriptions>
       </div>
     );
@@ -742,7 +750,7 @@ function DisabledCarParkRecordTotal() {
         }}
       >
         <div>
-          <img src={cjPic} width={750} />
+          <img src={cjPic} width={750} onError={handleImgError} />
         </div>
       </Modal>
       <Modal
@@ -1003,7 +1011,7 @@ function DisabledCarParkRecordTotal() {
       >
         <div>
           <div className="eae-modal-item">
-            <img src={bigPic} width={1550} height={700} />
+            <img src={bigPic} width={1550} height={700} onError={handleImgError} />
           </div>
         </div>
       </Modal>

src/pages/InRoadMgm/RecordInquiry/ParkRecordTotal/loadable.jsx

@@ -19,6 +19,7 @@ import {
 // import moment from 'moment'
 // import {   useSessionStorageState, useUpdateEffect, useSize, useUpdate } from 'ahooks';
 import ajax from "@/services";
+import errorImg from '@/assets/images/error-img-new.png'
 import { QuestionCircleOutlined } from '@ant-design/icons';
 import { TableModule } from "@/components";
 import "./index.scss";
@@ -580,6 +581,13 @@ function ParkRecordTotal() {
     setHistoryDataDetail(record)
     setRecordIndex(index);
   }
+
+  const handleImgError = (e) => {
+    let evn = e || event
+    let img = evn.srcElement ? evn.srcElement : evn.target
+    img.src = errorImg
+  }
+
   function changeKey(key) {
     setTabKey(key);
     switch (key) {
@@ -650,17 +658,17 @@ function ParkRecordTotal() {
           <Descriptions title="入场照片">
             <Descriptions.Item label="车辆照片">
               <div className="ltc-item ltc-item-img ">
-                <Image src={item.in_veh_pic || require("../../../../../src/assets/images/error-img.png")} />
+                <Image src={item.in_veh_pic || require("../../../../../src/assets/images/error-img-new.png")} onError={handleImgError}/>
               </div>
             </Descriptions.Item>
             <Descriptions.Item label="车牌照片">
               <div className="ltc-item ltc-item-img ">
-                <Image src={item.in_plate_pic || require("../../../../../src/assets/images/error-img.png")} />
+                <Image src={item.in_plate_pic || require("../../../../../src/assets/images/error-img-new.png")} onError={handleImgError}/>
               </div>
             </Descriptions.Item>
             <Descriptions.Item label=" 残疾人证件">
               <div className="ltc-item ltc-item-img ">
-                <Image src={item.cj_pic || require("../../../../../src/assets/images/error-img.png")} />
+                <Image src={item.cj_pic || require("../../../../../src/assets/images/error-img-new.png")} onError={handleImgError}/>
               </div>
             </Descriptions.Item>
           </Descriptions>
@@ -1100,11 +1108,11 @@ function ParkRecordTotal() {
               </div>
               <div className="eae-modal-item">
                 <div>车辆照片</div>
-                <Image src={historyDataDetail.in_veh_pic} />
+                <Image src={historyDataDetail.in_veh_pic} onError={handleImgError}/>
               </div>
               <div className="eae-modal-item">
                 <div>车牌照片</div>
-                <Image src={historyDataDetail.in_plate_pic} />
+                <Image src={historyDataDetail.in_plate_pic} onError={handleImgError}/>
               </div>
             </div>
           </Modal>

src/pages/OperationCenter/CarMgm/CarAuth/loadable.jsx

@@ -12,6 +12,7 @@ import {
     Select,
 } from "antd";
 const { TextArea } = Input;
+import errorImg from '@/assets/images/error-img-new.png'
 import ajax from '@/config/ajax.js'
 import { TableModule, ResultFlow, QuickMenu } from "@/components";
 import { dictionary, utils } from "@/config/common";
@@ -169,6 +170,13 @@ function CarAuth() {
     const handleOpinion = (v) => {
         setToText(v.target.value)
     }
+
+    const handleImgError = (e) => {
+        let evn = e || event
+        let img = evn.srcElement ? evn.srcElement : evn.target
+        img.src = errorImg
+    }
+
     useEffect(() => {
         search()
     }, [formData, pageData]);
@@ -233,11 +241,11 @@ function CarAuth() {
                             </div>
                             <div className="ltc-content">
                                 <div className="ltc-item ltc-item-img">
-                                    <img src={resultData[indexby].vehicle_travel_license_img1 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img1); setBigpicVisible(true) }} />
+                                    <img src={resultData[indexby].vehicle_travel_license_img1} onError={handleImgError} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img1); setBigpicVisible(true) }} />
                                     {/* <img src={'https://ts1.cn.mm.bing.net/th/id/R-C.31df3a5a2d8462228734f95d459883e2?rik=7EE6TeWDk%2f%2bctQ&riu=http%3a%2f%2fwww.quazero.com%2fuploads%2fallimg%2f140303%2f1-140303214331.jpg&ehk=SpI7mz%2byLqOkT8BL79jcd3iCtQYNFlBHQzbtF1p0vuQ%3d&risl=&pid=ImgRaw&r=0'} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img1); setBigpicVisible(true) }} /> */}
                                 </div>
                                 <div className="ltc-item ltc-item-img">
-                                    <img src={resultData[indexby].vehicle_travel_license_img2 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img2); setBigpicVisible(true) }} />
+                                    <img src={resultData[indexby].vehicle_travel_license_img2} onError={handleImgError} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img2); setBigpicVisible(true) }} />
                                     {/* <img src={'https://ts1.cn.mm.bing.net/th/id/R-C.31df3a5a2d8462228734f95d459883e2?rik=7EE6TeWDk%2f%2bctQ&riu=http%3a%2f%2fwww.quazero.com%2fuploads%2fallimg%2f140303%2f1-140303214331.jpg&ehk=SpI7mz%2byLqOkT8BL79jcd3iCtQYNFlBHQzbtF1p0vuQ%3d&risl=&pid=ImgRaw&r=0'} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img2); setBigpicVisible(true) }} /> */}
                                 </div>
                             </div>
@@ -253,10 +261,10 @@ function CarAuth() {
                             </div>
                             <div className="ltc-content">
                                 <div className="ltc-item ltc-item-img">
-                                    <img src={resultData[indexby].driving_licence_img1 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(resultData[indexby].driving_licence_img1); setBigpicVisible(true) }} />
+                                    <img src={resultData[indexby].driving_licence_img1} onError={handleImgError} onClick={() => { setBigPic(resultData[indexby].driving_licence_img1); setBigpicVisible(true) }} />
                                 </div>
                                 <div className="ltc-item ltc-item-img">
-                                    <img src={resultData[indexby].driving_licence_img2 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(resultData[indexby].driving_licence_img2); setBigpicVisible(true) }} />
+                                    <img src={resultData[indexby].driving_licence_img2} onError={handleImgError} onClick={() => { setBigPic(resultData[indexby].driving_licence_img2); setBigpicVisible(true) }} />
                                 </div>
                             </div>
                             <div className="ltc-content">
@@ -378,7 +386,7 @@ function CarAuth() {
             >
                 <div>
                     <div className="eae-modal-item">
-                        <img src={bigPic} width={1420} />
+                        <img src={bigPic} width={1420} onError={handleImgError}/>
                     </div>
                 </div>
             </Modal>

src/pages/OperationCenter/CarMgm/CarInfo/loadable.jsx

@@ -14,6 +14,7 @@ import {
 } from "antd";
 const { TextArea } = Input;
 import moment from "moment";
+import errorImg from '@/assets/images/error-img-new.png'
 import ajax from '@/config/ajax.js'
 import { TableModule, QuickMenu } from "@/components";
 import {
@@ -791,10 +792,10 @@ function CarInfo() {
                 <div className="ltc-box-title"><div className="text">入场照片</div><div className="line"></div></div>
                 <div className="ltc-content">
                     <div className="ltc-item ltc-item-img ">
-                        <img src={params.in_veh_pic || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(params.in_veh_pic); setBigpicVisible(true) }} />
+                        <img src={params.in_veh_pic} onError={handleImgError} onClick={() => { setBigPic(params.in_veh_pic); setBigpicVisible(true) }} />
                     </div>
                     <div className="ltc-item ltc-item-img ">
-                        <img src={params.in_plate_pic || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(params.in_plate_pic); setBigpicVisible(true) }} />
+                        <img src={params.in_plate_pic} onError={handleImgError} onClick={() => { setBigPic(params.in_plate_pic); setBigpicVisible(true) }} />
                     </div>
                 </div>
             </div>
@@ -806,7 +807,7 @@ function CarInfo() {
             <div style={{ padding: '18px' }}>
                 <div className="base-ltc">
                     <div className="ltc-img">
-                        <img src={baseData.car_img || require("../../../../../src/assets/images/error-img.png")} width={600} />
+                        <img src={baseData.car_img || require("../../../../../src/assets/images/error-img.png")} onError={handleImgError} width={600} />
                     </div>
                     <div className="ltc-box">
                         <div className="ltc-box-title"><div className="ltc-icon"></div>车辆归属信息</div>
@@ -925,6 +926,14 @@ function CarInfo() {
             />
         );
     }
+
+
+    const handleImgError = (e) => {
+        let evn = e || event
+        let img = evn.srcElement ? evn.srcElement : evn.target
+        img.src = errorImg
+    }
+
     //退款订单详情
     const tkddModal = <div className="ltc-box">
         <div className="ltc-box-title"><div className="text">退款订单:{ycddData?.refund_id}</div><div className="line"></div></div>
@@ -1256,7 +1265,7 @@ function CarInfo() {
             >
                 <div>
                     <div className="eae-modal-item">
-                        <img src={bigPic} width={1550} />
+                        <img src={bigPic} width={1550} onError={handleImgError}/>
                     </div>
                 </div>
             </Modal>
@@ -1292,11 +1301,11 @@ function CarInfo() {
                     <div className="eae-modal-title"><div className="ltc-icon"></div>入场图片</div>
                     <div className="eae-modal-item">
                         <div>车辆照片</div>
-                        <img src={ycddData.in_veh_pic} width={750} />
+                        <img src={ycddData.in_veh_pic} width={750} onError={handleImgError}/>
                     </div>
                     <div className="eae-modal-item">
                         <div>车牌照片</div>
-                        <img src={ycddData.in_plate_pic} width={750} />
+                        <img src={ycddData.in_plate_pic} width={750} onError={handleImgError}/>
                     </div>
                 </div>
             </Modal>

src/pages/OperationCenter/GeoSignalIgnore/GeoSignalIgnoreAudit/loadable.jsx

@@ -6,6 +6,7 @@ import {
 } from '@/config/character.config.js'
 import "./index.scss";
 import { SearchOutlined, DeleteOutlined } from '@ant-design/icons';
+import errorImg from '@/assets/images/error-img-new.png'
 import ajax from '@/services'
 const { TextArea } = Input;
 function GeoSignalIgnoreAudit(props) {
@@ -217,6 +218,13 @@ function GeoSignalIgnoreAudit(props) {
             setRejectVisible(false)
         }
     }
+
+    const handleImgError = (e) => {
+        let evn = e || event
+        let img = evn.srcElement ? evn.srcElement : evn.target
+        img.src = errorImg
+    }
+
     const reBtn = () => {
         let data = {
             id: getRejectId,
@@ -449,7 +457,7 @@ function GeoSignalIgnoreAudit(props) {
             title='查看图片'
         >
             <div>
-                <Image src={getImg} />
+                <Image src={getImg} onError={handleImgError}/>
             </div>
             <div className="btn"><button className="passBtn" onClick={cancelImg}>取消</button></div>
         </Modal>

src/pages/OperationCenter/GeoSignalIgnore/GeoSignalIgnoreInquiry/loadable.jsx

@@ -6,6 +6,7 @@ import {
 } from '@/config/character.config.js'
 import "./index.scss";
 import { SearchOutlined, DeleteOutlined } from '@ant-design/icons';
+import errorImg from '@/assets/images/error-img-new.png'
 import ajax from '@/services'
 const { TextArea } = Input;
 function GeoSignalIgnoreInquiry(props) {
@@ -79,6 +80,13 @@ function GeoSignalIgnoreInquiry(props) {
         }
         return result;
     }
+
+    const handleImgError = (e) => {
+        let evn = e || event
+        let img = evn.srcElement ? evn.srcElement : evn.target
+        img.src = errorImg
+    }
+
     //列表
     const deployListColumns = [
         {
@@ -371,7 +379,7 @@ function GeoSignalIgnoreInquiry(props) {
             title='查看图片'
         >
             <div>
-                <img src={getImg} />
+                <img src={getImg} onError={handleImgError}/>
             </div>
             <div className="btn"><button className="passBtn" onClick={cancelImg}>取消</button></div>
         </Modal>

src/pages/OperationCenter/UserMgm/UserAuth/loadable.jsx

@@ -15,6 +15,7 @@ const { TextArea } = Input;
 import ajax from '@/config/ajax.js'
 import { TableModule, ResultFlow, QuickMenu } from "@/components";
 import { dictionary, utils } from "@/config/common";
+import errorImg from '@/assets/images/error-img-new.png'
 import "./index.scss";
 function UserAuth() {
     const columns = [
@@ -157,6 +158,13 @@ function UserAuth() {
             }
         })
     }
+
+    const handleImgError = (e) => {
+        let evn = e || event
+        let img = evn.srcElement ? evn.srcElement : evn.target
+        img.src = errorImg
+    }
+
     useEffect(() => {
         search()
     }, [formData, pageData]);
@@ -208,10 +216,10 @@ function UserAuth() {
                             </div>
                             <div className="ltc-content">
                                 <div className="ltc-item ltc-item-img">
-                                    <img src={resultData[indexby].authImg1 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { resultData[indexby]?.authImg1 ? setBigPic(resultData[indexby].authImg1) : null; setBigpicVisible(true) }} />
+                                    <img src={resultData[indexby].authImg1} onError={handleImgError} onClick={() => { resultData[indexby]?.authImg1 ? setBigPic(resultData[indexby].authImg1) : null; setBigpicVisible(true) }} />
                                 </div>
                                 <div className="ltc-item ltc-item-img">
-                                    <img src={resultData[indexby].authImg2 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { resultData[indexby]?.authImg2 ? setBigPic(resultData[indexby].authImg2) : null; setBigpicVisible(true) }} />
+                                    <img src={resultData[indexby].authImg2} onError={handleImgError} onClick={() => { resultData[indexby]?.authImg2 ? setBigPic(resultData[indexby].authImg2) : null; setBigpicVisible(true) }} />
                                 </div>
                             </div>
                         </div>
@@ -294,7 +302,7 @@ function UserAuth() {
             >
                 <div>
                     <div className="eae-modal-item">
-                        <img src={bigPic} width={1420} />
+                        <img src={bigPic} width={1420} onError={handleImgError}/>
                     </div>
                 </div>
             </Modal>

src/pages/OperationCenter/UserMgm/UserInfo/loadable.jsx

@@ -18,6 +18,7 @@ import moment from "moment";
 import ajax from '@/config/ajax.js'
 import { TableModule } from "@/components";
 import { dictionary } from "@/config/common.js";
+import errorImg from '@/assets/images/error-img-new.png'
 import "./index.scss";
 function UserInfo() {
     const [carId, setCarId] = useState()
@@ -941,6 +942,13 @@ function UserInfo() {
             }
         })
     }
+
+    const handleImgError = (e) => {
+        let evn = e || event
+        let img = evn.srcElement ? evn.srcElement : evn.target
+        img.src = errorImg
+    }
+
     //停车记录信息渲染
     function renderParkRecord(params) {
         return (
@@ -1024,10 +1032,10 @@ function UserInfo() {
                 </Descriptions> */}
                 <div className="ltc-content">
                     <div className="ltc-item ltc-item-img ">
-                        <img src={params.in_veh_pic || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(params.in_veh_pic); setBigpicVisible(true) }} />
+                        <img src={params.in_veh_pic} onError={handleImgError} onClick={() => { setBigPic(params.in_veh_pic); setBigpicVisible(true) }} />
                     </div>
                     <div className="ltc-item ltc-item-img ">
-                        <img src={params.in_plate_pic || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(params.in_plate_pic); setBigpicVisible(true) }} />
+                        <img src={params.in_plate_pic} onError={handleImgError}  onClick={() => { setBigPic(params.in_plate_pic); setBigpicVisible(true) }} />
                     </div>
                 </div>
             </div>
@@ -1135,10 +1143,10 @@ function UserInfo() {
                     </div>
                     <div className="ltc-content">
                         <div className="ltc-item ltc-item-img ">
-                            <img src={baseData.authImg1 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(baseData.authImg1); setBigpicVisible(true) }} />
+                            <img src={baseData.authImg1 || require("../../../../../src/assets/images/error-img-new.png")} onClick={() => { setBigPic(baseData.authImg1); setBigpicVisible(true) }} />
                         </div>
                         <div className="ltc-item ltc-item-img ">
-                            <img src={baseData.authImg2 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(baseData.authImg2); setBigpicVisible(true) }} />
+                            <img src={baseData.authImg2 || require("../../../../../src/assets/images/error-img-new.png")} onClick={() => { setBigPic(baseData.authImg2); setBigpicVisible(true) }} />
                         </div>
                     </div>
                 </div>
@@ -1473,7 +1481,7 @@ function UserInfo() {
             >
                 <div>
                     <div className="eae-modal-item">
-                        <img src={bigPic || require("../../../../../src/assets/images/error-img.png")} width={1500} />
+                        <img src={bigPic} onError={handleImgError}  width={1500} />
                     </div>
                 </div>
             </Modal>
@@ -1509,11 +1517,11 @@ function UserInfo() {
                     <div className="eae-modal-title"><div className="ltc-icon"></div>入场图片</div>
                     <div className="eae-modal-item">
                         <div>车辆照片</div>
-                        <img src={ycddData.in_veh_pic || require("../../../../../src/assets/images/error-img.png")} width={750} />
+                        <img src={ycddData.in_veh_pic} onError={handleImgError}  width={750} />
                     </div>
                     <div className="eae-modal-item">
                         <div>车牌照片</div>
-                        <img src={ycddData.in_plate_pic || require("../../../../../src/assets/images/error-img.png")} width={750} />
+                        <img src={ycddData.in_plate_pic} onError={handleImgError}  width={750} />
                     </div>
                 </div>
             </Modal>
@@ -1838,11 +1846,11 @@ function UserInfo() {
                         </div>
                         <div className="eae-modal-item">
                             <div>车辆照片</div>
-                            <img src={historyDataDetail.in_veh_pic} width={750} />
+                            <img src={historyDataDetail.in_veh_pic} width={750} onError={handleImgError} />
                         </div>
                         <div className="eae-modal-item">
                             <div>车牌照片</div>
-                            <img src={historyDataDetail.in_plate_pic} width={750} />
+                            <img src={historyDataDetail.in_plate_pic} width={750} onError={handleImgError} />
                         </div>
                     </div>
                 </Modal>

src/pages/OperationCenter/UserMgm/UserTag/loadable.jsx

@@ -13,6 +13,7 @@ import {
     Popover
 } from "antd";
 import moment from "moment";
+import errorImg from '@/assets/images/error-img-new.png'
 import ajax from '@/services'
 import { TableModule, ResultFlow } from "@/components";
 import { dictionary } from "@/config/common.js";
@@ -263,6 +264,13 @@ function UserTag() {
             }
         })
     }
+
+    const handleImgError = (e) => {
+        let evn = e || event
+        let img = evn.srcElement ? evn.srcElement : evn.target
+        img.src = errorImg
+    }
+
     //详情
     const tkddModal = <div className="ltc-box">
         <div className="ltc-content">
@@ -293,10 +301,10 @@ function UserTag() {
         </div>
         <div className="ltc-content">
             <div className="ltc-item ltc-item-img">
-                <img src={detailData[indexTo]?.authImg1 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img1); setBigpicVisible(true) }} />
+                <img src={detailData[indexTo]?.authImg1} onError={handleImgError} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img1); setBigpicVisible(true) }} />
             </div>
             <div className="ltc-item ltc-item-img">
-                <img src={detailData[indexTo]?.authImg2 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img2); setBigpicVisible(true) }} />
+                <img src={detailData[indexTo]?.authImg2} onError={handleImgError} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img2); setBigpicVisible(true) }} />
             </div>
         </div>
     </div>

src/pages/OutRoadMgm/OutBusinessRecord/OutParkingRecordInquiry/Detail/StopList.jsx

@@ -1,10 +1,16 @@
 import React, { useState, useEffect } from "react";
 import ajax from "@/services";
 import { message, Descriptions, Image } from "antd";
+import errorImg from '@/assets/images/error-img-new.png'
+
 function StopList({ id, record }) {
   //获取停车记录
   const [recordData, setRecordData] = useState(record);
-
+  const handleImgError = (e) => {
+    let evn = e || event
+    let img = evn.srcElement ? evn.srcElement : evn.target
+    img.src = errorImg
+  }
   return (
     <div className="stop-message">
       <Descriptions title="停车场信息">
@@ -45,18 +51,18 @@ function StopList({ id, record }) {
       </Descriptions>
       <Descriptions title="入场照片">
         <Descriptions.Item label="入场车辆照片">
-          <Image src={recordData.in_veh_pic} />
+          <Image src={recordData.in_veh_pic} onError={handleImgError}/>
         </Descriptions.Item>
         <Descriptions.Item label="入场车牌照片">
-          <Image src={recordData.in_plate_pic} />
+          <Image src={recordData.in_plate_pic} onError={handleImgError}/>
         </Descriptions.Item>
       </Descriptions>
       <Descriptions title="出场照片">
         <Descriptions.Item label="出场车辆照片">
-          <Image src={recordData.out_veh_pic} />
+          <Image src={recordData.out_veh_pic} onError={handleImgError}/>
         </Descriptions.Item>
         <Descriptions.Item label="出场车牌照片">
-          <Image src={recordData.out_plate_pic} />
+          <Image src={recordData.out_plate_pic} onError={handleImgError}/>
         </Descriptions.Item>
       </Descriptions>
     </div>

src/pages/OutRoadMgm/OutExceptionMgm/LiftUpPoleRecord/loadable.jsx

@@ -6,6 +6,7 @@ import {
 } from '@/config/character.config.js'
 import "./index.scss";
 import { SearchOutlined, DeleteOutlined } from '@ant-design/icons';
+import errorImg from '@/assets/images/error-img-new.png'
 import ajax from '@/services'
 import moment from 'moment'
 import { useSessionStorageState } from "ahooks";
@@ -76,6 +77,13 @@ function LiftUpPoleRecord(props) {
             res.push(child.id);
         }
     };
+
+    const handleImgError = (e) => {
+        let evn = e || event
+        let img = evn.srcElement ? evn.srcElement : evn.target
+        img.src = errorImg
+    }
+
     //列表
     const handleColumns = (tab) => {
         let result = [...deployListColumns];
@@ -343,18 +351,18 @@ function LiftUpPoleRecord(props) {
             <div className="id-msg">
                 <div className="car-msg">
                     <div className="plate">
-                        身份证（正面）：<Image src={getImg.iDCardImgFront} />
+                        身份证（正面）：<Image src={getImg.iDCardImgFront} onError={handleImgError}/>
                     </div>
                     <div className="plate">
-                        身份证（反面）：<Image src={getImg.iDCardImgOpposite} />
+                        身份证（反面）：<Image src={getImg.iDCardImgOpposite} onError={handleImgError}/>
                     </div>
                 </div>
                 <div className="car-msg">
                     <div className="plate">
-                        行驶证（正面）：<Image src={getImg.carCardImgFront} />
+                        行驶证（正面）：<Image src={getImg.carCardImgFront} onError={handleImgError}/>
                     </div>
                     <div className="plate">
-                        行驶证（反面）：<Image src={getImg.carCardImgOpposite} />
+                        行驶证（反面）：<Image src={getImg.carCardImgOpposite} onError={handleImgError}/>
                     </div>
                 </div>
             </div>

src/pages/OutRoadMgm/OutExceptionMgm/ZombieCarCleanRecord/loadable.jsx

@@ -6,6 +6,7 @@ import {
 } from '@/config/character.config.js'
 import "./index.scss";
 import { SearchOutlined, DeleteOutlined } from '@ant-design/icons';
+import errorImg from '@/assets/images/error-img-new.png'
 import ajax from '@/services'
 import moment from 'moment'
 import { useSessionStorageState } from "ahooks";
@@ -437,6 +438,14 @@ function ZombieCarCleanRecord(props) {
             })
         }
     }
+
+    const handleImgError = (e) => {
+        let evn = e || event
+        let img = evn.srcElement ? evn.srcElement : evn.target
+        img.src = errorImg
+    }
+
+
     // useEffect(() => {
     //     getData()
     // }, [])
@@ -647,11 +656,11 @@ function ZombieCarCleanRecord(props) {
                             </div>
                             <div className="parkMessage">
                                 <div className="plate">
-                                    车辆照片：<Image src={getImg.carImg} />
+                                    车辆照片：<Image src={getImg.carImg} onError={handleImgError}/>
                                 </div>
                                 <div className="car-msg">
                                     <div className="plate">
-                                        车牌照片：<Image src={getImg.plateImg} />
+                                        车牌照片：<Image src={getImg.plateImg} onError={handleImgError}/>
                                     </div>
                                 </div>
                             </div>

src/pages/OutRoadMgm/OutSegmentMgm/ZombieCarMgm/Detail/StopList.jsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react";
 import ajax from "@/services";
 import { message, Descriptions, Image } from "antd";
+import errorImg from '@/assets/images/error-img-new.png'
 function StopList({ id }) {
   //获取停车记录
   const [recordData, setRecordData] = useState({});
@@ -15,6 +16,12 @@ function StopList({ id }) {
     });
   }
 
+  const handleImgError = (e) => {
+    let evn = e || event
+    let img = evn.srcElement ? evn.srcElement : evn.target
+    img.src = errorImg
+  }
+
   useEffect(() => {
     getRecord();
   }, []);
@@ -62,10 +69,10 @@ function StopList({ id }) {
       </Descriptions>
       <Descriptions title="入场照片">
         <Descriptions.Item label="入场车辆照片">
-          <Image src={recordData.in_veh_pic} />
+          <Image src={recordData.in_veh_pic} onError={handleImgError}/>
         </Descriptions.Item>
         <Descriptions.Item label="入场车牌照片">
-          <Image src={recordData.in_plate_pic} />
+          <Image src={recordData.in_plate_pic} onError={handleImgError}/>
         </Descriptions.Item>
       </Descriptions>
     </div>