居民信息

project/fengdu/app/AppResidentInfo/components/List.vue

@@ -48,10 +48,17 @@
               <el-button type="text" @click="toDetail(row.id)">详情</el-button>
               <el-button type="text" @click="toAdd(row.id)">编辑</el-button>
               <el-button type="text" @click="remove(row.id)">删除</el-button>
+              <el-button type="text" @click="qrCode(row)">生成二维码</el-button>
             </div>
           </template>
         </el-table-column>
       </ai-table>
+      <ai-dialog :visible.sync="dialogCode" title="二维码" width="500px" customFooter>
+        <div class="code-div">
+          <img :src="codeImgUrl" alt="" class="code-img">
+        </div>
+        <el-button slot="footer" @click="dialogCode=false" type="primary">确认</el-button>
+      </ai-dialog>
     </template>
   </ai-list>
 </template>
@@ -72,7 +79,9 @@
           name: '',
           areaId: ''
         },
-        tableData: []
+        tableData: [],
+        dialogCode: false,
+        codeImgUrl: ''
       }
     },
 
@@ -144,6 +153,15 @@
             }
           })
         })
+      },
+
+      qrCode(row) {
+        this.instance.post(`/app/appresidentapplet/generateQrCode?id=${row.id}`).then(res=>{
+          if(res.code == 0) {
+            this.dialogCode = true
+            this.codeImgUrl = res.data
+          }
+        })
       }
     }
   }
@@ -152,5 +170,12 @@
 <style lang="scss" scoped>
   .activitiesList {
     height: 100%;
+    .code-div {
+      text-align: center;
+    }
+    .code-img {
+      width: 300px;
+      height: 300px;
+    }
   }
 </style>