房屋详情二维码

src/views/modules/base/community/roomForm.vue

@@ -40,6 +40,19 @@
           </el-input>
         </el-form-item>
 
+        <el-form-item label="房屋编码"
+                      prop="houseCode"
+                      label-width="150px"
+                      style="display: block">
+          <el-input class="item_width_1"
+                    maxlength="30"
+                    v-model="dataForm.houseCode">
+          </el-input>
+        </el-form-item>
+        <div v-if="formType === 'detail'" style="display: flex;flex-direction: column;">
+            <img style="margin-left: 70px;width: 200px;" :src="dataForm.houseQrcodeUrl">
+            <a style="margin-left: 80px" :href="dataForm.houseQrcodeUrl" target="_blank" download="logo.png">下载</a>
+        </div>
         <el-form-item label="房屋类型"
                       prop="houseType"
                       label-width="150px"
@@ -351,6 +364,9 @@
                 if (loading) {
                     loading.close()
                 }
+            },
+            clickQrcodeUrl (url) {
+                window.URL.revokeObjectURL(url);
             }
         },
         computed: {