显示二维码

src/views/sysuser/index.vue

@@ -36,7 +36,11 @@
               <span>{{ parseTime(scope.row.createtime) }}</span>
             </template>
           </el-table-column>
-          <el-table-column label="头像" align="center" prop="callingcard" :show-overflow-tooltip="true" />
+          <el-table-column label="二维码" align="center" prop="callingcard">
+            <template slot-scope="scope">
+              <img style="cursor: pointer;" @click="viewCode(baseUrl+scope.row.callingcard)" v-if="scope.row.callingcard" :src="baseUrl+scope.row.callingcard" />
+            </template>
+          </el-table-column>
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
             <template slot-scope="scope">
               <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
@@ -146,6 +150,7 @@ export default {
   // components: { Treeselect },
   data() {
     return {
+      baseUrl: process.env.VUE_APP_BASE_API+'/',
       // 遮罩层
       loading: true,
       // 选中数组
@@ -255,6 +260,9 @@ export default {
     this.getList()
   },
   methods: {
+    viewCode(url){
+      window.open(url, '_blank')
+    },
     previewUploadImg(el) {
       this.upLoadImg(el.target.files[0])
     },