链接图片查询

src/pages/config/pages/linkManage/linkType/firstLink.vue

@@ -415,10 +415,11 @@ export default {
       this.sarStandardsInfoEO.url = row.url
       this.sarStandardsInfoEO.sortId = row.sortId
       this.sarStandardsInfoEO.icon = row.icon
-      if (row.id !== '') {
+      if (row.icon !== '') {
         let imgId = {
           id: row.id
         }
+        // 图片转base64
         getImg(imgId).then(res => {
           if (res.ok) {
             const src =
@@ -451,12 +452,12 @@ export default {
           }
         })
         this.linkListFirst.forEach(item => {
-          if (item.id !== '') {
+          if (item.icon !== '') {
             let imgId = {
               id: item.id
             }
+            // 图片转base64
             getImg(imgId).then(res => {
-              if (res.ok) {
               const src =
                 "data:image/png;base64," +
                 btoa(
@@ -464,7 +465,6 @@ export default {
                     (data, byte) => data + String.fromCharCode(byte), "")
                 )
               item.icon = src
-              }
             })
           }
         })
@@ -526,13 +526,16 @@ export default {
     position: relative;
     overflow: hidden;
   }
+
   .avatar-uploader .el-upload:hover {
     margin-top: 10px;
     border-color: #409EFF;
   }
+
   .avatar-uploader {
     margin-top: 10px;
   }
+
   .avatar-uploader-icon {
     font-size: 28px;
     color: #8c939d;
@@ -541,14 +544,17 @@ export default {
     line-height: 100px;
     text-align: center;
   }
+
   .avatar {
     width: 100px;
     height: 100px;
     display: block;
   }
+
   .filter-tree {
     height: calc(~'100% - 50px')
   }
+
   /deep/ .el-input.is-disabled .el-input__inner {
     background-color: #fff;
   }

src/pages/config/pages/linkManage/linkType/secondLink.vue

@@ -56,7 +56,8 @@
           prop="icon"
           label="链接图标">
           <template slot-scope="scope">
-            <img style="height: 50px;width: 50px" :src="scope.row.icon">
+            <img v-if="scope.row.icon !== ''" style="height: 50px;width: 50px" :src="scope.row.icon">
+            <span v-else>{{ '-' }}</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -131,7 +132,6 @@
             :before-upload="beforeAvatarUpload">
             <img v-if="imageUrl" :src="imageUrl" class="avatar">
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-
           </el-upload>
         </el-form-item>
         <el-form-item label="链接" prop="url" label-width="150px" class="add-form-item">
@@ -155,6 +155,7 @@
 import Sortable from 'sortablejs'
 import {getImg} from '@/api/linkApi.js'
 import listOfCost from "../../../../regulatoryRepository/dataStatis/page/listOfCost";
+
 export default {
   name: "secondLink",
   data() {
@@ -414,20 +415,19 @@ export default {
       this.sarStandardsInfoEO.url = row.url
       this.sarStandardsInfoEO.sortId = row.sortId
       this.sarStandardsInfoEO.icon = row.icon
-      if (row.id !== '') {
+      if (row.icon !== '') {
         let imgId = {
           id: row.id
         }
+        // 图片转base64
         getImg(imgId).then(res => {
-          if (res.ok) {
           const src =
             "data:image/png;base64," +
             btoa(
               new Uint8Array(res).reduce(
                 (data, byte) => data + String.fromCharCode(byte), "")
             )
-            item.icon = src
+          this.imageUrl = src
-          }
         })
       }
       this.dialogTitle = '修改链接'
@@ -450,10 +450,11 @@ export default {
           }
         })
         this.linkListSecond.forEach(item => {
-          if (item.id !== '') {
+          if (item.icon !== '') {
             let imgId = {
               id: item.id
             }
+            // 图片转base64
             getImg(imgId).then(res => {
               if (res.ok) {
                 const src =
@@ -525,13 +526,16 @@ export default {
     position: relative;
     overflow: hidden;
   }
+
   .avatar-uploader .el-upload:hover {
     margin-top: 10px;
     border-color: #409EFF;
   }
+
   .avatar-uploader {
     margin-top: 10px;
   }
+
   .avatar-uploader-icon {
     font-size: 28px;
     color: #8c939d;
@@ -540,14 +544,17 @@ export default {
     line-height: 100px;
     text-align: center;
   }
+
   .avatar {
     width: 100px;
     height: 100px;
     display: block;
   }
+
   .filter-tree {
     height: calc(~'100% - 50px')
   }
+
   /deep/ .el-input.is-disabled .el-input__inner {
     background-color: #fff;
   }

src/pages/home2/components/empennage/index.vue

@@ -58,6 +58,7 @@
 
 <script>
 import {getImg} from '@/api/linkApi.js'
+
 export default {
   name: 'Empennage',
   components: {},
@@ -125,12 +126,12 @@ export default {
           }
         })
         this.linkListFirst.forEach(item => {
-          if (item.id !== '') {
+          if (item.icon !== '') {
             let imgId = {
               id: item.id
             }
+            // 图片转base64
             getImg(imgId).then(res => {
-              if (res.ok) {
               const src =
                 "data:image/png;base64," +
                 btoa(
@@ -138,17 +139,16 @@ export default {
                     (data, byte) => data + String.fromCharCode(byte), "")
                 )
               item.icon = src
-              }
             })
           }
         })
         this.linkListSecond.forEach(item => {
-          if (item.id !== '') {
+          if (item.icon !== '') {
             let imgId = {
               id: item.id
             }
+            // 图片转base64
             getImg(imgId).then(res => {
-              if (res.ok) {
               const src =
                 "data:image/png;base64," +
                 btoa(
@@ -156,27 +156,11 @@ export default {
                     (data, byte) => data + String.fromCharCode(byte), "")
                 )
               item.icon = src
-              }
             })
           }
         })
       })
     },
-
-    getImgLink(row) {
-      let imgId = {
-        id: row.icon
-      }
-      getImg(imgId).then(res=>{
-        const src =
-          "data:image/png;base64," +
-          btoa(
-            new Uint8Array(res).reduce(
-              (data, byte) => data + String.fromCharCode(byte), "")
-          )
-        this.verifyImg = src;
-      })
-    }
   },
 
 }