标准地址实有房屋

src/views/ybss/fwbzdz/bzdzxq.vue

@@ -70,7 +70,7 @@ export default {
             console.log('handleClick', val)
         },
         addSyrk(){
-            this.syfwType = 'add'
+            this.syfwType = 'view'
         },
         getData(method) {
             this.$options.methods[method]

src/views/ybss/fwbzdz/components/DetailSyfw.vue

@@ -34,7 +34,31 @@
             <div class="row_content"></div>
         </div>
         <div class="row_body">
-            <div class="row_label">公民身份号码</div>
+            <div class="row_label">证件类型</div>
+            <div class="row_content"></div>
+        </div>
+        <div class="row_body">
+            <div class="row_label">证件号码</div>
+            <div class="row_content"></div>
+        </div>
+        <div class="row_body">
+            <div class="row_label">人口类型</div>
+            <div class="row_content"></div>
+        </div>
+        <div class="row_body">
+            <div class="row_label">户籍地址</div>
+            <div class="row_content"></div>
+        </div>
+        <div class="row_body">
+            <div class="row_label">是否是特殊人群</div>
+            <div class="row_content"></div>
+        </div>
+        <div class="row_body">
+            <div class="row_label">是否是重点人员</div>
+            <div class="row_content"></div>
+        </div>
+        <div class="row_body">
+            <div class="row_label">现居住地址</div>
             <div class="row_content"></div>
         </div>
         <div class="row_body">
@@ -46,7 +70,7 @@
             <div class="row_content"></div>
         </div>
         <div class="row_body">
-            <div class="row_label">现居住地址</div>
+            <div class="row_label">备注</div>
             <div class="row_content"></div>
         </div>
         <div class="line"></div>
@@ -54,12 +78,58 @@
             <div class="title">变更记录</div>
             <div class="btn"></div>
         </div>
-        <div class="row_body_history">
-            <div>
-                <div class="row_label">历史房主照片</div>
+        <div v-for="history in historyList" :key="history.id">
+            <div class="row_body_history">
+                <div>
+                    <div class="row_label">历史房主照片</div>
+                    <div class="row_content"></div>
+                </div>
+                <div class="row_content">2024-06-12 15:30:22 注销</div>
+            </div>
+            <div class="row_body">
+                <div class="row_label">历史房主姓名</div>
+                <div class="row_content"></div>
+            </div>
+            <div class="row_body">
+                <div class="row_label">证件类型</div>
+                <div class="row_content"></div>
+            </div>
+            <div class="row_body">
+                <div class="row_label">证件号码</div>
+                <div class="row_content"></div>
+            </div>
+            <div class="row_body">
+                <div class="row_label">人口类型</div>
+                <div class="row_content"></div>
+            </div>
+            <div class="row_body">
+                <div class="row_label">户籍地址</div>
+                <div class="row_content"></div>
+            </div>
+            <div class="row_body">
+                <div class="row_label">现居住地址</div>
+                <div class="row_content"></div>
+            </div>
+            <div class="row_body">
+                <div class="row_label">是否是特殊人群</div>
+                <div class="row_content"></div>
+            </div>
+            <div class="row_body">
+                <div class="row_label">是否是重点人员</div>
+                <div class="row_content"></div>
+            </div>
+            <div class="row_body">
+                <div class="row_label">联系电话</div>
+                <div class="row_content"></div>
+            </div>
+            <div class="row_body">
+                <div class="row_label">工作单位</div>
+                <div class="row_content"></div>
+            </div>
+            <div class="row_body">
+                <div class="row_label">备注</div>
                 <div class="row_content"></div>
             </div>
-            <div class="row_content">2024-06-12 15:30:22 注销</div>
         </div>
     </div>
 </template>
@@ -69,7 +139,11 @@ import { syfwDetail } from '@/api/fwbzdz/fwbzdz.js'         // 实有房屋详
 export default {
     name: 'DetailSyfw',
     data() {
-        return {}
+        return {
+            historyList: [
+                {}
+            ]
+        }
     },
     computed: {
         // query() {

src/views/ybss/syfw/components/DetailSyfw.vue

@@ -0,0 +1,14 @@
+<template>
+    <div>
+        
+    </div>
+</template>
+<script>
+export default {
+    name: 'DetailSyfw',
+    data() {
+        return {}
+    }
+}
+</script>
+<style lang="scss" scoped></style>

src/views/ybss/syfw/syfw.vue

@@ -5,7 +5,7 @@
             @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
             <template slot="menuLeft">
                 <div class="search_btn_group">
-                    <button>新增</button>
+                    <button @click="addsyfw">新增</button>
                     <button>导入</button>
                     <button>导出</button>
                 </div>
@@ -107,6 +107,9 @@ export default {
         }
     },
     methods: {
+        addsyfw(){
+            
+        },
         rowDelete(row){},
         onLoad(page = this.page, params = {}) {