element-ui原版本(2.3.7)更新,图片展示压缩

package-lock.json

@@ -275,9 +275,9 @@
       "dev": true
     },
     "async-validator": {
-      "version": "1.8.2",
-      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.2.tgz",
-      "integrity": "sha1-t3WXIm6WJC+NUxwNRq4pX2JCK6Q=",
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
+      "integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
       "requires": {
         "babel-runtime": "6.x"
       }
@@ -2905,9 +2905,9 @@
       "dev": true
     },
     "element-ui": {
-      "version": "2.3.7",
-      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.3.7.tgz",
-      "integrity": "sha512-C0ZOz7lAgg+ST3dNhIGJXEJ7/ObdKioVo/YwiYq0HIdvwUmp9fEOGVL39q2my+WUxPqzrqG1uKE1r59npgSN9A==",
+      "version": "2.13.2",
+      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.13.2.tgz",
+      "integrity": "sha512-r761DRPssMPKDiJZWFlG+4e4vr0cRG/atKr3Eqr8Xi0tQMNbtmYU1QXvFnKiFPFFGkgJ6zS6ASkG+sellcoHlQ==",
       "requires": {
         "async-validator": "~1.8.1",
         "babel-helper-vue-jsx-merge-props": "^2.0.0",
@@ -9613,9 +9613,9 @@
       "dev": true
     },
     "resize-observer-polyfill": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.0.tgz",
-      "integrity": "sha512-M2AelyJDVR/oLnToJLtuDJRBBWUGUvvGigj1411hXhAdyFWqMaqHp7TixW3FpiLuVaikIcR1QL+zqoJoZlOgpg=="
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
     },
     "resolve": {
       "version": "1.7.1",
@@ -10880,9 +10880,9 @@
       }
     },
     "throttle-debounce": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.0.1.tgz",
-      "integrity": "sha1-2tD+Ew+drzcZ/eoz3Dao5rp/MLU="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
+      "integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg=="
     },
     "through2": {
       "version": "2.0.3",

package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "axios": "^0.18.0",
     "echarts": "^4.2.0-rc.2",
-    "element-ui": "^2.3.7",
+    "element-ui": "^2.13.2",
     "js-cookie": "^2.2.0",
     "normalize.css": "^8.0.0",
     "nprogress": "^0.2.0",

src/views/ums/company/index.vue

@@ -52,9 +52,17 @@
           <template slot-scope="scope">{{scope.row.compQual}}</template>
         </el-table-column>
         <el-table-column label="供应商图片" width="100px" align="center">
-          <template slot-scope="scope">{{scope.row.compImgs}}</template>
+          <template slot-scope="scope">
+            <div v-if="scope.row.files.length>0">
+              <el-image 
+                style="width: 100%; max-height: 100px"
+                :src="scope.row.files[0].fileUrl+'?imageMogr2/quality/60'" 
+                :preview-src-list="scope.row.files.map(item => {return item.fileUrl+'?imageMogr2/quality/60'})">
+              </el-image>
+            </div>
+          </template>
         </el-table-column>
-        <el-table-column label="供应商资质图片" width="100px" align="center">
+        <!-- <el-table-column label="供应商资质图片" width="100px" align="center">
           <template slot-scope="scope">{{scope.row.companyType}}</template>
         </el-table-column>
         <el-table-column label="企业logo图片" align="center">
@@ -62,7 +70,7 @@
         </el-table-column>
         <el-table-column label="公众号二维码图片" align="center">
           <template slot-scope="scope">{{scope.row.companyType}}</template>
-        </el-table-column>
+        </el-table-column> -->
         <el-table-column label="淘宝店地址" width="100px" align="center">
           <template slot-scope="scope">{{scope.row.companyType}}</template>
         </el-table-column>

src/views/ums/origin/index.vue

@@ -49,12 +49,10 @@
           <template slot-scope="scope">
             <div v-if="scope.row.imgUrl">
               <el-image 
-              v-for="(img,index) in scope.row.imgUrl.split(',')" :key="index" 
-                style="width: 100px; height: 100px"
-                :src="img" 
-                :preview-src-list="scope.row.imgUrl">
+                style="width: 100%; max-height: 100px"
+                :src="scope.row.imgUrl.split(',')[0]+'?imageMogr2/quality/60'" 
+                :preview-src-list="scope.row.imgUrl.split(',').map(item => {return item+'?imageMogr2/quality/60'})">
               </el-image>
-              <!-- <img style="height: 80px"  v-for="(img,index) in scope.row.imgUrl.split(',')" :key="index" :src="img"> -->
             </div>
           </template>
         </el-table-column>