修改图片出错时候显示默认图片

src/main.js

@@ -12,6 +12,11 @@ Vue.config.productionTip = false
 
 // mixin的封装
 const checkBtn = {
+  data () {
+    return {
+      defaultImg: 'this.src="' + require('./assets/img/IMGerror.png') + '"'
+    }
+  },
   methods: {
     // 类别数据转换
     category (id) {

src/utils/request.js

@@ -1,8 +1,8 @@
 import axios from 'axios'
 // export const baseURL = '666初始地址'
 const service = axios.create({
-  // baseURL: 'http://192.168.0.135:8006',
-  baseURL: '',
+  baseURL: 'http://192.168.0.135:8006',
+  // baseURL: '',
   timeout: 5000
 })
 

src/views/collect/collect0.vue

@@ -74,7 +74,7 @@
               <el-table-column label="缩略图" width="80">
                 <template #default='{row}'>
                   <div class="smimg">
-                    <img :src="baseURL+row.thumb" alt="" />
+                    <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                   </div>
                 </template>
               </el-table-column>
@@ -104,7 +104,7 @@
           <div class="imgInfo" v-else>
             <div class="beNull" v-if="imgList.length===0">暂无数据</div>
             <div v-else class="imgInfo_single" v-for="(item,index) in imgList" :key="index" @click="myLook(item)">
-              <img :src="baseURL+item.thumb" alt="" />
+              <img :src="baseURL+item.thumb" alt="" :onerror='defaultImg'/>
               <span>{{item.name}}</span>
             </div>
           </div>
@@ -356,7 +356,8 @@ export default {
             // height: 60px;
             img {
               // margin: 5px 0 0 5px;
-              width: 100%;
+              max-width: 59px;
+              max-height: 45px;
               // height: 50px;
             }
           }
@@ -379,7 +380,7 @@ export default {
             margin: 30px 45px 0 45px;
             text-align: center;
             width: 215px;
-            height: 250px;
+            height: 255px;
             border: 1px solid #ccc;
             img {
               // object-fit:scale-down;

src/views/collect/collect0_look.vue

@@ -4,7 +4,7 @@
         <!-- 导出pdf的盒子，平时不显示，点击导出之后显示 -->
         <div class="myPdf" v-if="isShow">
           <div id="myPdfCon">
-            <img :src="baseURL+myObj.thumb" alt="" />
+            <img :src="baseURL+myObj.thumb" alt="" :onerror='defaultImg'/>
                     <div class="title">
             <h3>{{ myObj.name }}</h3>
             <div v-if="myObj.status==='保管中'">保管中</div>
@@ -72,7 +72,7 @@
         </div>
 
         <div class="conten_left">
-          <img :src="baseURL+myObj.thumb" alt="" />
+          <img :src="baseURL+myObj.thumb" alt="" :onerror='defaultImg'/>
         </div>
         <div class="conten_right">
           <div class="title">
@@ -139,7 +139,7 @@
               <el-table-column label="缩略图" width="160" v-if="this.resource==='img'">
                 <template #default='{row}'>
                   <div class="smimg">
-                    <img :src="baseURL+row.filePath" alt="" />
+                    <img :src="baseURL+row.filePath" alt="" :onerror='defaultImg'/>
                   </div>
                 </template>
               </el-table-column>

src/views/collect/collect1_Dialog.vue

@@ -22,7 +22,7 @@
       <el-table-column label="缩略图" width="140">
         <template #default="{ row }">
           <div class="smimg">
-            <img :src="baseURL + row.thumb" alt="" />
+            <img :src="baseURL + row.thumb" alt="" :onerror='defaultImg'/>
           </div>
         </template>
       </el-table-column>

src/views/collect/collect1_add.vue

@@ -70,7 +70,7 @@
               <el-table-column label="缩略图" width="146">
                 <template #default='{row}'>
                   <div class="smimg">
-                    <img :src="baseURL+row.thumb" alt="" />
+                    <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                   </div>
                 </template>
               </el-table-column>

src/views/collect/collect1_audit.vue

@@ -44,7 +44,7 @@
             <el-table-column label="缩略图" width="160">
               <template #default='{row}'>
                 <div class="smimg">
-                  <img :src="baseURL+row.thumb" alt="" />
+                  <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                 </div>
               </template>
             </el-table-column>

src/views/collect/collect1_look.vue

@@ -57,7 +57,7 @@
                 <el-table-column label="缩略图" width="160">
               <template #default='{row}'>
                 <div class="smimg">
-                  <img :src="baseURL+row.thumb" alt="" />
+                  <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                 </div>
               </template>
             </el-table-column>

src/views/collect/collect2_Dialog.vue

@@ -22,7 +22,7 @@
       <el-table-column label="缩略图" width="140">
         <template #default="{ row }">
           <div class="smimg">
-            <img :src="baseURL + row.thumb" alt="" />
+            <img :src="baseURL + row.thumb" alt="" :onerror='defaultImg'/>
           </div>
         </template>
       </el-table-column>

src/views/collect/collect2_add.vue

@@ -56,7 +56,7 @@
               <el-table-column label="缩略图" width="146">
                 <template #default='{row}'>
                   <div class="smimg">
-                    <img :src="baseURL+row.thumb" alt="" />
+                    <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                   </div>
                 </template>
               </el-table-column>

src/views/collect/collect2_audit.vue

@@ -40,7 +40,7 @@
             <el-table-column label="缩略图" width="160">
               <template #default='{row}'>
                 <div class="smimg">
-                  <img :src="baseURL+row.thumb" alt="" />
+                  <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                 </div>
               </template>
             </el-table-column>

src/views/collect/collect2_look.vue

@@ -52,7 +52,7 @@
             <el-table-column label="缩略图" width="160">
               <template #default='{row}'>
                 <div class="smimg">
-                  <img :src="baseURL+row.thumb" alt="" />
+                  <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                 </div>
               </template>
             </el-table-column>

src/views/holding/holding0_DiaEdit.vue

@@ -274,7 +274,7 @@
       <el-table-column label="缩略图" width="140" v-if="affixVal==='img'">
         <template #default='{row}'>
           <div class="smimg">
-            <img :src="baseURL+row.filePath" alt="" />
+            <img :src="baseURL+row.filePath" alt="" :onerror='defaultImg'/>
           </div>
         </template>
       </el-table-column>

src/views/holding/holding0_Dialog.vue

@@ -276,7 +276,7 @@
       <el-table-column label="缩略图" width="140" v-if="affixVal==='img'">
         <template #default='{row}'>
           <div class="smimg">
-            <img :src="baseURL+row.filePath" alt="" />
+            <img :src="baseURL+row.filePath" alt="" :onerror='defaultImg'/>
           </div>
         </template>
       </el-table-column>

src/views/holding/holding0_add.vue

@@ -67,7 +67,7 @@
               <el-table-column label="缩略图" width="146">
                 <template #default="{row}">
                   <div class="smimg">
-                    <img :src="baseURL+row.thumb" alt="" />
+                    <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                   </div>
                 </template>
               </el-table-column>

src/views/holding/holding0_audit.vue

@@ -50,7 +50,7 @@
             <el-table-column label="缩略图" width="100">
               <template #default='{row}'>
                 <div class="smimg">
-                  <img :src="baseURL+row.thumb" alt="" />
+                  <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                 </div>
               </template>
             </el-table-column>

src/views/holding/holding0_audit_Dia.vue

@@ -76,7 +76,7 @@
         <el-table-column label="缩略图" width="120" v-if="this.select==='img'">
           <template #default='{row}'>
             <div class="smimg">
-              <img :src="baseURL+row.filePath" alt="" />
+              <img :src="baseURL+row.filePath" alt="" :onerror='defaultImg'/>
             </div>
           </template>
         </el-table-column>

src/views/holding/holding0_result.vue

@@ -56,7 +56,7 @@
             <el-table-column label="缩略图" width="120">
               <template #default='{row}'>
                 <div class="smimg">
-                  <img :src="baseURL+row.thumb" alt="" />
+                  <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                 </div>
               </template>
             </el-table-column>

src/views/holding/holding1_Dialog copy.vue

@@ -22,7 +22,7 @@
       <el-table-column label="缩略图" width="140">
         <template #default="{ row }">
           <div class="smimg">
-            <img :src="baseURL + row.thumb" alt="" />
+            <img :src="baseURL + row.thumb" alt="" :onerror='defaultImg'/>
           </div>
         </template>
       </el-table-column>

src/views/holding/holding1_Dialog.vue

@@ -22,7 +22,7 @@
       <el-table-column label="缩略图" width="140">
         <template #default="{ row }">
           <div class="smimg">
-            <img :src="baseURL + row.thumb" alt="" />
+            <img :src="baseURL + row.thumb" alt="" :onerror='defaultImg'/>
           </div>
         </template>
       </el-table-column>

src/views/holding/holding1_add.vue

@@ -59,7 +59,7 @@
               <el-table-column label="缩略图" width="146">
                 <template #default='{row}'>
                   <div class="smimg">
-                    <img :src="baseURL+row.thumb" alt="" />
+                    <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                   </div>
                 </template>
               </el-table-column>

src/views/holding/holding1_audit.vue

@@ -42,7 +42,7 @@
             <el-table-column label="缩略图" width="160">
               <template #default='{row}'>
                 <div class="smimg">
-                  <img :src="baseURL+row.thumb" alt="" />
+                  <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                 </div>
               </template>
             </el-table-column>

src/views/holding/holding1_look.vue

@@ -52,7 +52,7 @@
             <el-table-column label="缩略图" width="160">
               <template #default='{row}'>
                 <div class="smimg">
-                  <img :src="baseURL+row.thumb" alt="" />
+                  <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                 </div>
               </template>
             </el-table-column>

src/views/holding/holding2_Dialog.vue

@@ -22,7 +22,7 @@
       <el-table-column label="缩略图" width="140">
         <template #default="{ row }">
           <div class="smimg">
-            <img :src="baseURL + row.thumb" alt="" />
+            <img :src="baseURL + row.thumb" alt="" :onerror='defaultImg'/>
           </div>
         </template>
       </el-table-column>

src/views/holding/holding2_add.vue

@@ -70,7 +70,7 @@
               <el-table-column label="缩略图" width="146">
                 <template #default='{row}'>
                   <div class="smimg">
-                    <img :src="baseURL+row.thumb" alt="" />
+                    <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                   </div>
                 </template>
               </el-table-column>

src/views/holding/holding2_audit.vue

@@ -44,7 +44,7 @@
             <el-table-column label="缩略图" width="160">
               <template #default='{row}'>
                 <div class="smimg">
-                  <img :src="baseURL+row.thumb" alt="" />
+                  <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                 </div>
               </template>
             </el-table-column>

src/views/holding/holding2_look.vue

@@ -62,7 +62,7 @@
             <el-table-column label="缩略图" width="160">
               <template #default="{ row }">
                 <div class="smimg">
-                  <img :src="baseURL + row.thumb" alt="" />
+                  <img :src="baseURL + row.thumb" alt="" :onerror='defaultImg'/>
                 </div>
               </template>
             </el-table-column>

src/views/holding/holding3.vue

@@ -74,7 +74,7 @@
               <el-table-column label="缩略图" width="80">
                 <template #default='{row}'>
                   <div class="smimg">
-                    <img :src="baseURL+row.thumb" alt="" />
+                    <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                   </div>
                 </template>
               </el-table-column>
@@ -104,7 +104,7 @@
           <div class="imgInfo" v-else>
             <div class="beNull" v-if="imgList.length===0">暂无数据</div>
             <div v-else class="imgInfo_single" v-for="(item,index) in imgList" :key="index" @click="myLook(item)">
-              <img :src="baseURL+item.thumb" alt="" />
+              <img :src="baseURL+item.thumb" alt=""  :onerror='defaultImg'/>
               <span>{{item.name}}</span>
             </div>
           </div>
@@ -356,8 +356,9 @@ export default {
             // width: 80px;
             // height: 60px;
             img {
-              margin: 5px 0 0 5px;
-              width: 50px;
+              // margin: 5px 0 0 5px;
+              max-width: 59px;
+              max-height: 45px;
               // height: 50px;
             }
           }
@@ -380,7 +381,7 @@ export default {
             margin: 30px 45px 0 45px;
             text-align: center;
             width: 215px;
-            height: 250px;
+            height: 255px;
             border: 1px solid #ccc;
             img {
               // object-fit:scale-down;

src/views/holding/holding3_look.vue

@@ -4,7 +4,7 @@
     <!-- 导出pdf的盒子，平时不显示，点击导出之后显示 -->
     <div class="myPdf" v-if="isShow">
       <div id="myPdfCon">
-        <img :src="baseURL + myObj.thumb" alt="" />
+        <img :src="baseURL + myObj.thumb" alt="" :onerror='defaultImg'/>
         <div class="title">
           <h3>{{ myObj.name }}</h3>
           <div v-if="myObj.status === '已入库'">已入库</div>
@@ -86,7 +86,7 @@
         </div>
 
         <div class="conten_left">
-          <img :src="baseURL + myObj.thumb" alt="" />
+          <img :src="baseURL + myObj.thumb" alt="" :onerror='defaultImg'/>
         </div>
         <div class="conten_right">
           <div class="title">
@@ -187,7 +187,7 @@
               >
                 <template #default="{ row }">
                   <div class="smimg">
-                    <img :src="baseURL + row.filePath" alt="" />
+                    <img :src="baseURL + row.filePath" alt="" :onerror='defaultImg'/>
                   </div>
                 </template>
               </el-table-column>

src/views/holding/holding5_Dialog.vue

@@ -22,7 +22,7 @@
       <el-table-column label="缩略图" width="140">
         <template #default="{ row }">
           <div class="smimg">
-            <img :src="baseURL + row.thumb" alt="" />
+            <img :src="baseURL + row.thumb" alt="" :onerror='defaultImg'/>
           </div>
         </template>
       </el-table-column>

src/views/holding/holding5_add.vue

@@ -56,7 +56,7 @@
               <el-table-column label="缩略图" width="146">
                 <template #default='{row}'>
                   <div class="smimg">
-                    <img :src="baseURL+row.thumb" alt="" />
+                    <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                   </div>
                 </template>
               </el-table-column>

src/views/holding/holding5_audit.vue

@@ -40,7 +40,7 @@
             <el-table-column label="缩略图" width="160">
               <template #default='{row}'>
                 <div class="smimg">
-                  <img :src="baseURL+row.thumb" alt="" />
+                  <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                 </div>
               </template>
             </el-table-column>

src/views/holding/holding5_look.vue

@@ -52,7 +52,7 @@
             <el-table-column label="缩略图" width="160">
               <template #default='{row}'>
                 <div class="smimg">
-                  <img :src="baseURL+row.thumb" alt="" />
+                  <img :src="baseURL+row.thumb" alt="" :onerror='defaultImg'/>
                 </div>
               </template>
             </el-table-column>

src/views/login/index.vue

@@ -44,12 +44,10 @@ export default {
       },
       rules: {
         userName: [
-          { required: true, message: '请输入账号', trigger: 'blur' },
-          { min: 3, max: 10, message: '长度在 3 到 10 个字符', trigger: 'blur' }
+          { required: true, message: '请输入账号', trigger: 'blur' }
         ],
         passWord: [
-          { required: true, message: '请输入密码', trigger: 'blur' },
-          { min: 3, max: 10, message: '长度在 3 到 10 个字符', trigger: 'blur' }
+          { required: true, message: '请输入密码', trigger: 'blur' }
         ]
       }
     }