实有房屋

src/api/fwbzdz/fwbzdz.js

@@ -55,12 +55,12 @@ export const getLdListPt = () => {
   });
 };
 
-export const getLdDetailByLdphxlh = (ldphxlh) => {
+export const getLdDetailByLdphxlh = (params) => {
   return request({
     url: '/api/bzdz/api/getLdDetail',
     method: 'get',
     params: {
-      ldphxlh
+      ...params
     }
   })
 }
@@ -114,4 +114,12 @@ export const dictionaryList = () => {
     url: '/api/blade-system/dict-biz/dictionaryList',
     method: 'get',
   });
-};
+};
+
+export const saveFwAndFz = (form) => {
+  return request({
+    url: '/api/bzdz/api/saveFwAndFz',
+    method: 'post',
+    data: form
+  })
+}

src/store/modules/thirdTitle.js

@@ -17,6 +17,7 @@ const thirdTitle = {    // editItemInfo
         frompcs: 0,
         fwbzdz: 'fwbzdz',
         bzdzxq: {},
+        bzdztype: 'view',
         syfw: 'syfw',
         syfwxq: {},
         sydw: 'sydw',
@@ -31,6 +32,9 @@ const thirdTitle = {    // editItemInfo
         POST_BZDZXQ: (state, action) => {
             state.bzdzxq = action;  // 标准地址详情
         },
+        SET_BZDZTYPE: (state, action) => {
+            state.bzdztype = action;
+        },
         CHANGE_SYFW: (state, action) => {
             state.syfw = action;
         },

src/views/ybss/fwbzdz/bzdzxq.vue

@@ -24,8 +24,8 @@
         <div class="bzdzxq_right">
             <el-tabs v-model="activeName" type="card" @tab-click="handleClick" v-loading="tabLoading" class="tabs">
                 <el-tab-pane label="实有房屋" name="syfw">
-                    <DetailSyfw v-if="syfwType == 'view'"></DetailSyfw>
-                    <AddSyfw v-if="syfwType == 'add'"></AddSyfw>
+                    <DetailSyfw v-if="bzdztype == 'view'"></DetailSyfw>
+                    <AddSyfw v-if="bzdztype == 'add'"></AddSyfw>
                 </el-tab-pane>
                 <el-tab-pane :label="'实有单位(' + sydwNum + ')'" name="sydw">实有单位</el-tab-pane>
                 <el-tab-pane :label="'实有人口(' + syrkNum + ')'" name="syrk">
@@ -51,7 +51,6 @@ export default {
             tabLoading: false,
             sydwNum: 0,
             syrkNum: 0,
-            syfwType: 'view'
         }
     },
     computed: {
@@ -61,6 +60,9 @@ export default {
         query() {
             return this.$store.state.thirdTitle.bzdzxq
         },
+        bzdztype(){
+            return this.$store.state.thirdTitle.bzdztype
+        }
     },
     mounted(){
         console.log('query',this.query)
@@ -70,7 +72,7 @@ export default {
             console.log('handleClick', val)
         },
         addSyrk(){
-            this.syfwType = 'view'
+            
         },
         getData(method) {
             this.$options.methods[method]

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

@@ -1,11 +1,11 @@
 <template>
-    <div class="form_el_styles">
+    <div class="form_el_styles" v-loading="fwLoading">
         <div class="item_head">
             <div class="title">房屋信息</div>
         </div>
         <div class="row_body long">
             <div class="row_label">房屋地址</div>
-            <el-input v-model="fwdz"></el-input>
+            <el-input v-model="formData.fwdz"></el-input>
         </div>
         <div class="row_body nomal">
             <div class="row_label">房屋特点</div>
@@ -13,40 +13,40 @@
         </div>
         <div class="row_body nomal">
             <div class="row_label">户内面积</div>
-            <el-input v-model="hnmj"></el-input>
+            <el-input v-model="formData.fwMj"></el-input>
         </div>
         <div class="row_body nomal">
             <div class="row_label">户内间数</div>
-            <el-input v-model="hnjs"></el-input>
+            <el-input v-model="formData.fwJs"></el-input>
         </div>
         <div class="item_head">
             <div class="title">房主信息</div>
         </div>
         <div class="row_body nomal">
-            <div v-if="zjlx == '身份证'" style="display: flex;">
+            <div v-if="formData.zjlx == '身份证'" style="display: flex;">
                 <div class="row_label">房主姓名</div>
-                <el-input v-model="fzxm"></el-input>
+                <el-input v-model="fzXm"></el-input>
             </div>
-            <div v-if="zjlx == '护照'" style="display: flex;">
+            <div v-if="formData.zjlx == '护照'" style="display: flex;">
                 <div class="row_label">房主英文姓</div>
-                <el-input v-model="fzywx"></el-input>
+                <el-input v-model="fzYwx"></el-input>
             </div>
-            <div v-if="zjlx == '护照'" style="display: flex;">
+            <div v-if="formData.zjlx == '护照'" style="display: flex;">
                 <div class="row_label">房主英文名</div>
-                <el-input v-model="fzywm"></el-input>
+                <el-input v-model="fzYwm"></el-input>
             </div>
         </div>
         <div class="row_body nomal">
             <div style="display: flex;">
                 <div class="row_label">证件类型</div>
-                <el-select v-model="zjlx" placeholder="请选择">
+                <el-select v-model="formData.zjlx" placeholder="请选择">
                     <el-option v-for="item in zjOp" :key="item.value" :label="item.label" :value="item.value">
                     </el-option>
                 </el-select>
             </div>
-            <div v-if="zjlx == '护照'" style="display: flex;">
+            <div v-if="formData.zjlx == '护照'" style="display: flex;">
                 <div class="row_label">房主国籍</div>
-                <el-select v-model="fzgj" placeholder="请选择">
+                <el-select v-model="formData.fzgj" placeholder="请选择">
                     <el-option v-for="item in gjOp" :key="item.value" :label="item.label" :value="item.value">
                     </el-option>
                 </el-select>
@@ -54,87 +54,100 @@
         </div>
         <div class="row_body nomal">
             <div class="row_label">证件号码</div>
-            <el-input v-model="zjhm"></el-input>
+            <el-input v-model="formData.zjhm"></el-input>
         </div>
         <div class="row_body long">
             <div class="row_label">户籍地址</div>
-            <el-input v-model="hjdz"></el-input>
+            <el-input v-model="formData.hjdz"></el-input>
         </div>
         <div>
             <div class="row_body">
                 <div class="row_label">是否在此居住</div>
-                <el-radio-group v-model="sfzcjz">
+                <el-radio-group v-model="formData.sfzcjz">
                     <el-radio :label="1">是</el-radio>
                     <el-radio :label="0">否</el-radio>
                 </el-radio-group>
             </div>
-            <div class="row_body long" v-if="sfzcjz == 0">
+            <div class="row_body long" v-if="formData.sfzcjz == 0">
                 <div class="row_label">现居住地址</div>
-                <el-input v-model="xjzdz"></el-input>
+                <el-input v-model="formData.fzJzd"></el-input>
             </div>
         </div>
         <div class="row_body nomal">
             <div class="row_label">联系电话</div>
-            <el-input v-model="lxdh"></el-input>
+            <el-input v-model="formData.fzDh"></el-input>
         </div>
         <div class="row_body nomal">
             <div class="row_label">工作单位</div>
-            <el-input v-model="gzdw"></el-input>
+            <el-input v-model="formData.fzDw"></el-input>
         </div>
         <div class="row_body long">
             <div class="row_label">备注</div>
-            <el-input type="textarea" :rows="3" v-model="bz"></el-input>
+            <el-input type="textarea" :rows="3" v-model="formData.bz"></el-input>
         </div>
         <div class="footer">
             <button class="btn_nomal">取消</button>
-            <button class="btn_primary">确定</button>
+            <button class="btn_primary" @click="save">确定</button>
         </div>
         <fwtd ref="fwtd" :options="options"></fwtd>
     </div>
 </template>
 <script>
 import fwtd from './fwtd.vue';
-import { dictionaryList } from "@/api/fwbzdz/fwbzdz";
+import { dictionaryList,saveFwAndFz } from "@/api/fwbzdz/fwbzdz";
 
 export default {
     components: { fwtd },
     data() {
         return {
-            fwdz: '',
-            fwtd: '',
-            hnmj: '',
-            hnjs: '',
-            fzxm: '',
-            fzywx: '',
-            fzywm: '',
+            formData: {
+                fwdz: '',
+                fwtd: '',
+                fwMj: '',
+                fwJs: '',
+                fzXm: '',
+                fzYwx: '',
+                fzYwm: '',
+                zjlx: '身份证',
+                gjOp: [],
+                fzgj: '',
+                zjhm: '',
+                hjdz: '',
+                sfzcjz: 1,
+                fzJzd: '',
+                fzDh: '',
+                fzDw: '',
+                bz: '',
+            },
             zjOp: [
                 { label: '护照', value: '护照' },
                 { label: '身份证', value: '身份证' },
             ],
-            zjlx: '身份证',
-            gjOp: [],
-            fzgj: '',
-            zjhm: '',
-            hjdz: '',
-            sfzcjz: 1,
-            xjzdz: '',
-            lxdh: '',
-            gzdw: '',
-            bz: '',
             options: [],
+            fwLoading: false
         }
     },
     mounted() {
+        this.saveFwAndFz = true
         dictionaryList().then(res => {
             const data = res.data.data
             console.log('dictionaryList', data)
             this.options = data
             this.gjOp = data.gjdq
+        }).finally(()=>{
+            this.saveFwAndFz = false
         })
     },
     methods: {
         focusFwtd() {
             this.$refs.fwtd.show()
+        },
+        save(){
+            saveFwAndFz(this.formData).then(res=>{
+                console.log('saveFwAndFz',res)
+            }).finally(()=>{
+                this.saveFwAndFz = false
+            })
         }
     }
 }

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

@@ -7,15 +7,16 @@
             <div class="grid_content">
                 <div class="grid_item" v-for="lcnpmh in lch.fjList" :key="lcnpmh.id"
                     @click.stop="lcnpmhClicked(lch, lcnpmh)"
-                    :class="{ lcnpmh_active: lcnpmh.id == lcnpmhSelected ? true : false }"
-                    @dblclick="toDetail(lcnpmh)">
+                    :class="{ lcnpmh_active: lcnpmh.id == lcnpmhSelected ? true : false }" @dblclick="toDetail(lcnpmh)">
                     <div>{{ lcnpmh.lcnpmh }}</div>
                     <div style="display: flex;margin-top: 8px;">
-                        <img :src="icon_house_color_16" alt="">
+                        <img :src="icon_house_color_16" alt="" v-if="lcnpmh.times != 0">
+                        <img :src="icon_house_gray_16" alt="" v-else>
                         <div>实有房屋</div>
                     </div>
                     <div style="display: flex;margin-top: 8px;">
-                        <img :src="icon_unit_color_16" alt="">
+                        <img :src="icon_unit_color_16" alt="" v-if="lcnpmh.sydwNum != 0">
+                        <img :src="icon_unit_gray_16" alt="" v-else>
                         <div>实有单位</div>
                     </div>
                     <div style="margin-top: 8px;">已采集 {{ lcnpmh.personNum }} 人</div>
@@ -25,6 +26,8 @@
     </div>
 </template>
 <script>
+// times = 0时无房屋
+// sydwNum = 0时无单位
 export default {
     name: 'GridGroup',
     props: {
@@ -36,7 +39,7 @@ export default {
         },
         dzData: {
             type: Object,
-            default: ()=>{
+            default: () => {
                 return {}
             }
         }
@@ -73,11 +76,16 @@ export default {
             }
         },
         toDetail(lcnpmh) {
-            this.$store.commit('POST_BZDZXQ',{
+            if (lcnpmh.times == 0) {
+                this.$store.commit('SET_BZDZTYPE', 'add')
+            } else {
+                this.$store.commit('SET_BZDZTYPE', 'view')
+            }
+            this.$store.commit('POST_BZDZXQ', {
                 ...this.dzData,
                 ...lcnpmh
             })
-            this.$store.commit('CHANGE_FWBZDZ','bzdzxq')
+            this.$store.commit('CHANGE_FWBZDZ', 'bzdzxq')
             // this.$router.push({
             //     path: '/ybss/fwbzdz/bzdzxq',
             //     query: {

src/views/ybss/fwbzdz/fwbzdz.vue

@@ -10,19 +10,19 @@
     </div>
     <div class="grid">
       <div style="display: flex;">
-        <div class="dz_param" :class="{ dz_param_selected: dzType == 'fw' ? true : false }"
-          @click="changeDzParam('fw')">
-          <img :src="icon_house_color_16" alt="" style="margin-right: 8px;" v-if="dzType == 'fw'">
+        <div class="dz_param" :class="{ dz_param_selected: dzType == 'syfw' ? true : false }"
+          @click="changeDzParam('syfw')">
+          <img :src="icon_house_color_16" alt="" style="margin-right: 8px;" v-if="dzType == 'syfw'">
           <img :src="icon_house_gray_16" alt="" style="margin-right: 8px;" v-else>
           <div>实有房屋</div>
-          <img :src="icon_choose_right_24" alt="" class="icon_choose_right" v-if="dzType == 'fw'">
+          <img :src="icon_choose_right_24" alt="" class="icon_choose_right" v-if="dzType == 'syfw'">
         </div>
-        <div class="dz_param" :class="{ dz_param_selected: dzType == 'dw' ? true : false }"
-          @click="changeDzParam('dw')">
-          <img :src="icon_unit_color_16" alt="" style="margin-right: 8px;" v-if="dzType == 'dw'">
+        <div class="dz_param" :class="{ dz_param_selected: dzType == 'sydw' ? true : false }"
+          @click="changeDzParam('sydw')">
+          <img :src="icon_unit_color_16" alt="" style="margin-right: 8px;" v-if="dzType == 'sydw'">
           <img :src="icon_unit_gray_16" alt="" style="margin-right: 8px;" v-else>
           <div>实有单位</div>
-          <img :src="icon_choose_right_24" alt="" class="icon_choose_right" v-if="dzType == 'dw'">
+          <img :src="icon_choose_right_24" alt="" class="icon_choose_right" v-if="dzType == 'sydw'">
         </div>
       </div>
       <div class="grid_title">{{ dzData.level3 }}</div>
@@ -72,7 +72,7 @@ export default {
       icon_unit_color_16: require('@/img/fwbzdz/icon_unit_color_16.svg'),     // 彩色单位
       icon_house_gray_16: require('@/img/fwbzdz/icon_house_gray_16.svg'),     // 灰色房屋
       icon_unit_gray_16: require('@/img/fwbzdz/icon_unit_gray_16.svg'),       // 灰色单位
-
+      ldphxlh: '',
     };
   },
   created() {
@@ -90,10 +90,9 @@ export default {
       } else {
         this.$set(this.$data, 'dzType', val)
       }
-      this.$store.commit('POST_BZDZXQ',{})
-      this.$store.commit('CHANGE_FWBZDZ','bzdzxq')
-
-      console.log('dzType', this.dzType)
+      if (this.ldphxlh) {
+        this.getLdDetailByLdphxlh()
+      }
     },
     loadNode(node, resolve) {
       const list = node.data.data
@@ -123,23 +122,27 @@ export default {
     handleNodeClick(data, node) {
       // console.log('handleNodeClick', data, node)
       if (!data.data) {
-        this.ldphLoading = true
         this.dzData.level1 = node.parent.parent.data.ldph
         this.dzData.level2 = node.parent.data.ldph
         this.dzData.level3 = data.ldph
 
-        // 有数据的展示，没数据的只展示名字
-        getLdDetailByLdphxlh(data.ldphxlh).then(res => {
-          // console.log('ldphxlh', res)
-          this.dyhs = res.data.data
-          this.dzData.level4 = this.dyhs[0]['dyh']
-        }).finally(() => {
-          this.ldphLoading = false
-        })
+        this.ldphxlh = data.ldphxlh
+        this.getLdDetailByLdphxlh(data, this.ldphxlh)
       } else {
         // this.ldph = data.sqjlx
       }
     },
+    // 有数据的展示，没数据的只展示名字
+    getLdDetailByLdphxlh(ldphxlh = this.ldphxlh, type = this.dzType) {
+      this.ldphLoading = true
+
+      getLdDetailByLdphxlh({ ldphxlh: ldphxlh, type: type }).then(res => {
+        this.dyhs = res.data.data
+        this.dzData.level4 = this.dyhs[0]['dyh']
+      }).finally(() => {
+        this.ldphLoading = false
+      })
+    },
     changeDate(date) {
       var Y = date.getFullYear() + '-';
       var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';

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

@@ -1,14 +1,166 @@
 <template>
     <div>
-        
+        <div style="display: flex;justify-content: space-between;">
+            <div class="row_body">
+                <div class="row_label">房主照片</div>
+                <div class="row_content"></div>
+            </div>
+            <div class="btn">修改</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="item_head">
+            <div class="title">变更记录</div>
+        </div>
+        <div v-for="history in historyList" :key="history.id">
+            <div style="display: flex;justify-content: space-between;">
+                <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>
     </div>
 </template>
 <script>
 export default {
     name: 'DetailSyfw',
     data() {
-        return {}
+        return {
+            historyList: []
+        }
     }
 }
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.item_head {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 8px 0;
+
+    .title {
+        font-size: 16px;
+        font-weight: 600;
+        color: rgba(4, 8, 20, 0.9);
+    }
+}
+
+.btn {
+    font-size: 14px;
+    font-weight: 400;
+    color: rgba(16, 109, 255, 1);
+}
+
+.line {
+    width: 100%;
+    margin: 16px 0;
+    border-bottom: 1px solid rgba(231, 231, 231, 1);
+}
+
+.row_body {
+    margin-bottom: 8px;
+    display: flex;
+
+    .row_label {
+        width: 120px;
+        color: rgba(111, 124, 163, 1);
+        font-size: 14px;
+        font-weight: 400;
+    }
+
+    .row_content {
+        flex: 1;
+        color: rgba(4, 8, 20, 0.90);
+        font-weight: 400;
+        font-size: 14px;
+    }
+}
+</style>

src/views/ybss/syfw/syfw.vue

@@ -108,11 +108,11 @@ export default {
     },
     methods: {
         addsyfw(){
-            
+            this.$store.commit('POST_SYFWXQ',{})
+            this.$store.commit('CHANGE_SYFW','syfwxq')
         },
         rowDelete(row){},
         onLoad(page = this.page, params = {}) {
-
             this.loading = true;
             getsyfwList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
                 const data = res.data.data;

src/views/ybss/syfw/syfwxq.vue

@@ -0,0 +1,115 @@
+<template>
+    <div class="bzdzxq">
+        <div class="bzdzxq_left">
+            <div class="logo">
+                <img :src="icon_house_color_88" alt="">
+            </div>
+            <div class="btns">
+                <button class="btn_primary">
+                    <img :src="icon_write_white_16" alt="">
+                    <div>修改</div>
+                </button>
+                <button class="btn_nomal">
+                    <img :src="icon_off_gray_16" alt="">
+                    <div>注销</div>
+                </button>
+            </div>
+        </div>
+        <div class="bzdzxq_right">
+            <el-tabs v-model="activeName" type="card" @tab-click="handleClick" v-loading="tabLoading" class="tabs">
+                <el-tab-pane label="房主信息" name="fzxx">
+                    <DetailSyfw :dataList="query"></DetailSyfw>
+                </el-tab-pane>
+                <el-tab-pane :label="'实有人口（' + syrkNum + '）'" name="syrk">
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+    </div>
+</template>
+<script>
+import DetailSyfw from './components/DetailSyfw.vue'
+
+export default {
+    comments: { DetailSyfw },
+    data() {
+        return {
+            icon_house_color_88: require('@/img/fwbzdz/icon_house_color_88.svg'),
+            syrkNum: 0,
+            activeName: 'fzxx'
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+@import '@/styles/public/button-style.scss';
+
+.bzdzxq {
+    background-color: rgba(255, 255, 255, 1);
+    border-radius: 16px;
+    display: flex;
+
+    .bzdzxq_left {
+        width: 360px;
+        display: flex;
+        flex-direction: column;
+        padding-top: 64px;
+
+        .logo {
+            margin-bottom: 24px;
+            display: flex;
+            justify-content: center;
+        }
+
+        .name {
+            display: flex;
+            justify-content: center;
+            color: rgba(4, 8, 20, 0.9);
+            font-size: 20px;
+            font-weight: 600;
+        }
+
+        .btns {
+            margin-top: 24px;
+            display: flex;
+            justify-content: center;
+
+            button {
+                width: 85px;
+                height: 32px;
+                border-radius: 16px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                font-weight: 500;
+                font-size: 14px;
+                margin: 0 6px;
+            }
+
+            img {
+                margin-right: 4px;
+            }
+        }
+    }
+
+    .bzdzxq_right {
+        flex: 1;
+        padding: 0 24px;
+
+        .tabs {
+            margin: 24px 0;
+        }
+
+        ::v-deep .el-tabs--card>.el-tabs__header .el-tabs__nav {
+            border: none;
+        }
+
+        ::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item {
+            border: none;
+        }
+
+        ::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
+            border-bottom: 4px solid rgba(16, 109, 255, 1) !important;
+        }
+    }
+}
+</style>

src/views/ybss/syrk/syrkxq.vue

@@ -4,12 +4,6 @@
             <div class="logo">
                 <img :src="icon_people_color_88" alt="">
             </div>
-            <!-- <div class="name">
-                {{ query.level1 }}{{ query.level2 }}
-            </div>
-            <div class="name">
-                {{ query.level3 }}{{ query.level4 }}{{ query.lcnpmh }}
-            </div> -->
             <div class="btns">
                 <button class="btn_primary">
                     <img :src="icon_write_white_16" alt="">