254

project/fengdu/app/AppIntegratingSupermarket/components/GoodsList.vue

@@ -45,12 +45,18 @@
           width="450">
           <template v-slot="{ row }">
             <div class="goods">
-              <ai-uploader
+              <!-- <ai-uploader class="upload"
                 :disabled="true"
                 :instance="instance"
                 :value="[{url: row.picUrl}]"
                 :limit="1">
-              </ai-uploader>
+                <span class="type" :class="`type`+row.type">{{$dict.getLabel('integralSGType', row.type)}}</span>
+              </ai-uploader> -->
+              <div class="img-content">
+                <img :src="row.picUrl" alt="" v-viewer>
+                <span class="type" :class="`type`+row.type">{{$dict.getLabel('integralSGType', row.type)}}</span>
+              </div>
+              
               <p>{{ row.title }}</p>
             </div>
           </template>
@@ -71,6 +77,9 @@
 </template>
 
 <script>
+  import Viewer from 'v-viewer'
+  import Vue from 'vue'
+  Vue.use(Viewer)
   export default {
     name: 'GoodsList',
 
@@ -177,5 +186,29 @@
       display: flex;
       align-items: center;
     }
+    .img-content {
+      position: relative;
+      margin-right: 8px;
+      img {
+        width: 120px;
+        height: 120px;
+        cursor: pointer;
+      }
+    }
+    .type {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 120px;
+      text-align: center;
+      color: #fff;
+      z-index: 999;
+    }
+    .type1 {
+      background-color: #E64E39;
+    }
+    .type0 {
+      background-color: #FF6900;
+    }
   }
 </style>