18.普通用户、网格长、网格员，操作数据（5）newapp/components/wgy.vue

<template>
    <view>
        <scroll-view scroll-x class="bg-cyan nav text-center">
            <view class="cu-item text-lg" :class="0==TabCur1?'text-white cur':''" @tap="tabSelect1" data-id="0">
                <text class="cuIcon-addressbook"></text> 编辑数据
            </view>
            <view class="cu-item text-lg" :class="1==TabCur1?'text-white cur':''" @tap="tabSelect1" data-id="1">
                <text class="cuIcon-edit"></text> 展示数据
            </view>                
        </scroll-view>
        
        
        <!-- 数据编辑 -->
        <view class="zhanshi" v-show="flag_edit">
            <view class="edit" v-if="wgy_can_edit">
                <scroll-view scroll-x class="bg-cyan nav text-center margin-top">
                    <view class="cu-item text-lg" :class="0==TabCur6?'text-white cur':''" @tap="tabSelect6" data-id="0">
                        <text class="cuIcon-addressbook"></text> 编辑单元（组）
                    </view>
                    <view class="cu-item text-lg" :class="1==TabCur6?'text-white cur':''" @tap="tabSelect6" data-id="1">
                        <text class="cuIcon-edit"></text> 编辑住户
                    </view>
                    <view class="cu-item text-lg" :class="2==TabCur6?'text-white cur':''" @tap="tabSelect6" data-id="2">
                        <text class="cuIcon-edit"></text> 编辑人员
                    </view>            
                </scroll-view>
                
                <view class="edit_danyuan" v-show="flag_edit_danyuan">
                    <view class="cu-form-group margin-top">
                        <view class="title">楼（街）：</view>
                        <picker @change="PickerChange1" :value="index" :range="data2.lou_list_re" :range-key="'name'">
                            <view class="picker">
                                {{lou_name}}
                            </view>
                        </picker>
                    </view>
                    
                    <view class="cu-form-group margin-top text-xl">
                        <view class="title">单元（组）名：</view>
                        <input placeholder="单元（组）名" name="input" v-model="danyuan_name"></input>
                    </view>
                    <view class="padding flex flex-direction">
                        <button class="cu-btn bg-cyan lg" @tap="addDanyuan">增加单元（组）名</button>
                    </view>
                    
                    <view class="danyuan_list" v-for="(item,index) in newest_danyuan_list" :key=index>
                        
                        <view class="padding-xl radius shadow-warp bg-gray margin-top">
                            <view class="cu-bar solid-bottom">
                                <view class="action">
                                    <text class="cuIcon-title text-orange"></text> 楼（街）名：{{item.lou}}
                                </view>
                            </view>
                            <view class="cu-bar solid-bottom">
                                <view class="action">
                                    <text class="cuIcon-friendfamous text-orange"></text> 单元（组）名：{{item.name}}
                                </view>
                            </view>
                            <view class="cu-bar solid-bottom">
                                <view class="action">
                                    <text class="cuIcon-favor text-orange"></text> 单元（组）长：{{item.dyz}}
                                </view>
                            </view>
                            <view class="padding flex flex-direction">
                                <button class="cu-btn bg-red lg" @tap="DelDanyuan(item.id)">删除单元（组）名</button>
                            </view>
                        </view>
                        
                    </view>
                    
                </view>
                <view class="edit_danyuan" v-show="flag_edit_zhuhu">
    
                    <view class="cu-form-group margin-top">
                        <view class="title">楼（街）：</view>
                        <picker @change="PickerChange2" :value="index" :range="data2.lou_list_re" :range-key="'name'">
                            <view class="picker">
                                {{zhuhu_lou_name}}
                            </view>
                        </picker>
                    </view>
                    
                    <view class="cu-form-group margin-top">
                        <view class="title">单元（组）：</view>
                        <picker @change="PickerChange3" :value="index" :range="zhuhu_danyuan_list" :range-key="'name'">
                            <view class="picker">
                                {{zhuhu_danyuan_name}}
                            </view>
                        </picker>
                    </view>
                    
                    <view class="cu-form-group margin-top text-xl">
                        <view class="title">住户名：</view>
                        <input placeholder="住户名" name="input" v-model="zhuhu_name"></input>
                    </view>
                    <view class="padding flex flex-direction">
                        <button class="cu-btn bg-cyan lg" @tap="addZhuhu">增加住户名</button>
                    </view>
                    
                    <view class="zhuhu_list" v-for="(item,index) in newest_zhuhu_list" :key=index>
                        <view class="padding-xl radius shadow-warp bg-gray margin-top">
                            <view class="cu-bar solid-bottom">
                                <view class="action">
                                    <text class="cuIcon-title text-orange"></text> 单元（组）名：{{item.dy}}
                                </view>
                            </view>
                            <view class="cu-bar solid-bottom">
                                <view class="action">
                                    <text class="cuIcon-friendfamous text-orange"></text> 住户名：{{item.name}}
                                </view>
                            </view>
                            
                            <view class="padding flex flex-direction">
                                <button class="cu-btn bg-red lg" @tap="DelZhuhu(item.id)">删除住户名</button>
                            </view>
                        </view>
                    </view>
                    
                </view>
                <view class="edit_danyuan" v-show="flag_edit_renyuan">
                    <view class="cu-form-group margin-top">
                        <view class="title">楼（街）：</view>
                        <picker @change="PickerChange4" :value="index" :range="data2.lou_list_re" :range-key="'name'">
                            <view class="picker">
                                {{user_lou_name}}
                            </view>
                        </picker>
                    </view>
                    <view class="cu-form-group margin-top">
                        <view class="title">单元（组）：</view>
                        <picker @change="PickerChange5" :value="index" :range="user_danyuan_list" :range-key="'name'">
                            <view class="picker">
                                {{user_danyuan_name}}
                            </view>
                        </picker>
                    </view>
                    <view class="cu-form-group margin-top">
                        <view class="title">住户：</view>
                        <picker @change="PickerChange6" :value="index" :range="user_zhuhu_list" :range-key="'name'">
                            <view class="picker">
                                {{user_zhuhu_name}}
                            </view>
                        </picker>
                    </view>
                    
                    <view class="cu-form-group margin-top text-xl">
                        <view class="title">居民姓名：</view>
                        <input placeholder="居民姓名" name="input" v-model="user_name"></input>
                    </view>
                    <view class="cu-form-group margin-top text-xl">
                        <view class="title">民族：</view>
                        <input placeholder="民族" name="input" v-model="user_minzu"></input>
                    </view>
                    <view class="cu-form-group margin-top text-xl">
                        <view class="title">手机号：</view>
                        <input placeholder="手机号(没有填:无)" name="input" v-model="user_tel"></input>
                    </view>
                    <view class="cu-form-group margin-top text-xl">
                        <view class="title">工作单位：</view>
                        <input placeholder="工作单位(没有填:无)" name="input" v-model="user_danwei"></input>
                    </view>
                    <view class="cu-form-group margin-top text-xl">
                        <view class="title">职位：</view>
                        <input placeholder="职位(没有填:无)" name="input" v-model="user_zhiwei"></input>
                    </view>
                    <view class="cu-form-group margin-top text-xl">
                        <view class="title">身份证号：</view>
                        <input placeholder="身份证号" name="input" v-model="user_no"></input>
                    </view>
                    <view class="cu-form-group margin-top text-xl">
                        <view class="title">出生日期：</view>
                        <input placeholder="出生日期(格式:2020-7-12)" name="input" v-model="user_date"></input>
                    </view>
                    <view class="cu-form-group margin-top text-xl">
                        <view class="title">特殊群体：</view>
                        <input placeholder="特殊群体情况(没有填:无)" name="input" v-model="user_teshu"></input>
                    </view>
                    <view class="cu-form-group margin-top">
                        <view class="title">是否是特殊群体：</view>
                        <switch @change="fun_user_is_teshu" :class="user_is_teshu?'checked':''" :checked="user_is_teshu?true:false"></switch>
                    </view>
                    <view class="cu-form-group margin-top">
                        <view class="title">是否是党员：</view>
                        <switch @change="fun_user_is_dangyuan" :class="user_is_dangyuan?'checked':''" :checked="user_is_dangyuan?true:false"></switch>
                    </view>
                    <view class="cu-form-group margin-top">
                        <view class="title">是否是农业户口：</view>
                        <switch @change="fun_user_is_nongyehukou" :class="user_is_nongyehukou?'checked':''" :checked="user_is_nongyehukou?true:false"></switch>
                    </view>
                    <view class="cu-form-group margin-top">
                        <view class="title">是否是户主：</view>
                        <switch @change="fun_user_is_huzhu" :class="user_is_huzhu?'checked':''" :checked="user_is_huzhu?true:false"></switch>
                    </view>
                    <view class="cu-form-group align-start margin-top">
                        <view class="title">户籍所在地：</view>
                        <textarea maxlength="-1" v-model="user_hujiadress" placeholder="户籍所在地"></textarea>
                    </view>
                    <view class="cu-form-group align-start margin-top">
                        <view class="title">备注：</view>
                        <textarea maxlength="-1" v-model="user_beizhu" placeholder="备注:(没有填:无)"></textarea>
                    </view>
                    
                    <view class="cu-form-group margin-top">
                        <view class="title">性别：</view>
                        <picker @change="PickerChange7" :value="index" :range="user_sex_list" :range-key="'title'">
                            <view class="picker">
                                {{user_sex_title}}
                            </view>
                        </picker>
                    </view>
                    <view class="cu-form-group margin-top">
                        <view class="title">文化程度：</view>
                        <picker @change="PickerChange8" :value="index" :range="user_wenhua_list" :range-key="'title'">
                            <view class="picker">
                                {{user_wenhua_title}}
                            </view>
                        </picker>
                    </view>
                    <view class="cu-form-group margin-top">
                        <view class="title">婚姻状况：</view>
                        <picker @change="PickerChange9" :value="index" :range="user_hunyin_list" :range-key="'title'">
                            <view class="picker">
                                {{user_hunyin_title}}
                            </view>
                        </picker>
                    </view>
                    <view class="cu-form-group margin-top">
                        <view class="title">权限：</view>
                        <picker @change="PickerChange10" :value="index" :range="user_power_list" :range-key="'title'">
                            <view class="picker">
                                {{user_power_title}}
                            </view>
                        </picker>
                    </view>

                    <view class="padding flex flex-direction">
                        <button class="cu-btn bg-cyan lg" @tap="addUser" >增加居民信息</button>
                    </view>
                    
                    <view class="user_list" v-for="(item,index) in newest_user_list" :key=index>
                        <view class="padding-xl radius shadow-warp bg-gray margin-top">
                            <view class="cu-form-group">
                                <view class="title">名字：</view>
                                <input name="input" disabled="true" v-model="item.name"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">民族：</view>
                                <input name="input" disabled="true" v-model="item.minzu"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">是否是党员：</view>
                                <input name="input" disabled="true" v-model="item.is_dangyuan"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">性别：</view>
                                <input name="input" disabled="true" v-model="item.sex"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">电话：</view>
                                <input name="input" disabled="true" v-model="item.mobile"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">身份证号：</view>
                                <input name="input" disabled="true" v-model="item.no"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">出生日期：</view>
                                <input name="input" disabled="true" v-model="item.chusheng"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">文化程度：</view>
                                <input name="input" disabled="true" v-model="item.wenhua"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">是否属于特殊群体：</view>
                                <input name="input" disabled="true" v-model="item.is_teshu"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">特殊群体：</view>
                                <input name="input" disabled="true" v-model="item.teshu"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">用户权限：</view>
                                <input name="input" disabled="true" v-model="item.power"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">婚姻状况：</view>
                                <input name="input" disabled="true" v-model="item.hunyin"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">现居地址：</view>
                                <input name="input" disabled="true" v-model="item.address"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">单位：</view>
                                <input name="input" disabled="true" v-model="item.danwei"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">职位：</view>
                                <input name="input" disabled="true" v-model="item.zhiwei"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">户籍性质：</view>
                                <input name="input" disabled="true" v-model="item.hujixz"></input>
                            </view>
                            <view class="cu-form-group">
                                <view class="title">户籍地址：</view>
                                <input name="input" disabled="true" v-model="item.huji"></input>
                            </view>
                            <view class="padding flex flex-direction">
                                <button class="cu-btn bg-red lg" @tap="DelUser(item.id)">删除此条居民记录</button>
                            </view>
                        </view>
                    </view>
                    
                    
                </view>    
                
                
            </view>
            <view class="edit" v-if="!wgy_can_edit">
                <view class="padding-xl radius shadow-warp bg-cyan margin-top text-center">
                    目前网格员不能进行数据编辑
                </view> 
            </view>
        </view>
        
        <view class="cu-modal" :class="modalName=='Modal'?'show':''">
            <view class="cu-dialog">
                <view class="cu-bar bg-white justify-end">
                    <view class="content">信息提示</view>
                    <view class="action" @tap="hideModal">
                        <text class="cuIcon-close text-red"></text>
                    </view>
                </view>
                <view class="padding-xl">
                    {{msg}}
                </view>
            </view>
        </view>
        
        <!-- 数据展示 -->
        <view class="zhanshi" v-show="!flag_edit">
            
            <scroll-view scroll-x class="bg-white nav" scroll-with-animation :scroll-left="scrollLeft">
                <view class="cu-item" :class="index==TabCur2?'text-green cur':''" v-for="(item,index) in data2.lou_list_re" :key="index" @tap="tabSelect2" :data-id="index" :data-item="item">
                    {{item.name}}
                </view>
            </scroll-view>
            
            <view class="padding-xl radius shadow-warp bg-cyan margin-top text-center">
                楼（街）长：{{louzhang}}
            </view> 
            
            <scroll-view scroll-x class="bg-white nav" scroll-with-animation :scroll-left="scrollLeft3">
                <view class="cu-item" :class="index==TabCur3?'text-green cur':''" v-for="(item,index) in danyuan_list" :key="index" @tap="tabSelect3" :data-id="index" :data-item="item">
                    {{item.name}}
                </view>
            </scroll-view>
            
            <view class="padding-xl radius shadow-warp bg-cyan margin-top text-center">
                单元（组）长：{{danyuanzhang}}
            </view> 
            
            
            <scroll-view scroll-x class="bg-white nav" scroll-with-animation :scroll-left="scrollLeft4">
                <view class="cu-item" :class="index==TabCur4?'text-green cur':''" v-for="(item,index) in zhuhu_list" :key="index" @tap="tabSelect4" :data-id="index" :data-item="item">
                    {{item.name}}
                </view>
            </scroll-view>
            
            <view class="padding-xl radius shadow-warp bg-cyan margin-top text-center">
                户主：{{huzhu}}
            </view> 
            
            <scroll-view scroll-x class="bg-white nav" scroll-with-animation :scroll-left="scrollLeft5">
                <view class="cu-item" :class="index==TabCur5?'text-green cur':''" v-for="(item,index) in jumin_list" :key="index" @tap="tabSelect5" :data-id="index" :data-item="item">
                    {{item.name}}
                </view>
            </scroll-view>
            
            <view class="bg-white margin-top">
                <view class="cu-form-group">
                    <view class="title">名字：</view>
                    <input name="input" disabled="true" v-model="userinfo.name"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">民族：</view>
                    <input name="input" disabled="true" v-model="userinfo.minzu"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">是否是党员：</view>
                    <input name="input" disabled="true" v-model="userinfo.is_dangyuan"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">性别：</view>
                    <input name="input" disabled="true" v-model="userinfo.sex"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">电话：</view>
                    <input name="input" disabled="true" v-model="userinfo.mobile"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">身份证号：</view>
                    <input name="input" disabled="true" v-model="userinfo.no"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">出生日期：</view>
                    <input name="input" disabled="true" v-model="userinfo.chusheng"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">文化程度：</view>
                    <input name="input" disabled="true" v-model="userinfo.wenhua"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">是否属于特殊群体：</view>
                    <input name="input" disabled="true" v-model="userinfo.is_teshu"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">特殊群体：</view>
                    <input name="input" disabled="true" v-model="userinfo.teshu"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">用户权限：</view>
                    <input name="input" disabled="true" v-model="userinfo.power"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">婚姻状况：</view>
                    <input name="input" disabled="true" v-model="userinfo.hunyin"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">现居地址：</view>
                    <input name="input" disabled="true" v-model="userinfo.address"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">单位：</view>
                    <input name="input" disabled="true" v-model="userinfo.danwei"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">职位：</view>
                    <input name="input" disabled="true" v-model="userinfo.zhiwei"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">户籍性质：</view>
                    <input name="input" disabled="true" v-model="userinfo.hujixz"></input>
                </view>
                <view class="cu-form-group">
                    <view class="title">户籍地址：</view>
                    <input name="input" disabled="true" v-model="userinfo.huji"></input>
                </view>        
            </view>
        </view>
    </view>
</template>

<script>
import {host,get,post} from '@/commons/post_and_get.js'
    export default {
        props: {
            data2:Object,
            wgy_can_edit:Boolean,
        },
        data() {
            return {
                // 切换 数据展示和编辑数据
                TabCur1:0,
                flag_edit:true,
                
                //切换不同楼
                TabCur2:0,
                scrollLeft: 0,
                louzhang:'暂无',
                danyuan_list:[],
                
                //切换不同单元
                TabCur3:0,
                scrollLeft3:0,
                danyuanzhang:'暂无',
                zhuhu_list:[],
                
                //切换不同住户
                TabCur4:0,
                scrollLeft4:0,
                huzhu:'暂无',
                jumin_list:[],
                
                //居民具体信息
                TabCur5:0,
                scrollLeft5:0,
                userinfo:{},
                
                //与编辑数据相关的数据变量
                TabCur6:0,
                flag_edit_danyuan:true,
                flag_edit_zhuhu:false,
                flag_edit_renyuan:false,
                
                danyuan_name:'',
                lou_name:'.',
                lou_id:'',
                newest_danyuan_list:[],
                modalName : null,
                msg:'',
                
                zhuhu_name:'',
                zhuhu_lou_name:'.',
                zhuhu_danyuan_name:'.',
                zhuhu_danyuan_id:'',
                zhuhu_danyuan_list:[],
                newest_zhuhu_list:[],
                
                user_lou_name:'.',
                user_danyuan_list:[],
                user_danyuan_name:'.',
                user_zhuhu_list:[],
                user_zhuhu_name:'.',
                user_zhuhu_id:'',
                
                user_name:'',
                user_minzu:'',
                user_tel:'',
                user_danwei:'',
                user_zhiwei:'',
                user_no:'',
                user_date:'',
                user_teshu:'',
                
                user_is_teshu:false,
                user_is_dangyuan:false,
                user_is_nongyehukou:false,
                user_is_huzhu:false,
                
                user_hujiadress:'',
                user_beizhu:'',
                
                user_sex:3,
                user_sex_title:'.',
                user_wenhua:1,
                user_wenhua_title:'.',
                user_hunyin:2,
                user_hunyin_title:'.',
                user_power:1,
                user_power_title:'.',
                
                user_sex_list:[{"num":1,"title":'男'},{"num":2,"title":'女'},{"num":3,"title":'不详'}],
                user_wenhua_list:[{"num":0,"title":"无学历"},{"num":1,"title":"小学"},{"num":2,"title":"初中"},{"num":3,"title":"高中"},{"num":4,"title":"中专"},{"num":5,"title":"大专"},{"num":6,"title":"本科"},{"num":7,"title":"硕士"},{"num":8,"title":"博士"}],
                user_hunyin_list:[{"num":1,"title":"未婚"},{"num":2,"title":"已婚"},{"num":3,"title":"离异"},{"num":4,"title":"丧偶"}],
                user_power_list:[{"num":1,"title":"普通用户"},{"num":1,"title":"单元（组）长"},{"num":3,"title":"楼（街）长"}],
                newest_user_list:[]
            };
        },
        methods:{
            //切换展示数据和编辑数据
            tabSelect1(e){
                this.TabCur1 = e.currentTarget.dataset.id;
                // console.log(this.TabCur1)
                if(this.TabCur1==0){
                    this.flag_edit=true
                }else{
                    this.flag_edit=false
                }
            },
            tabSelect2(e) {
                this.TabCur2 = e.currentTarget.dataset.id;
                this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
                // console.log(e.currentTarget.dataset.item)
                let item=e.currentTarget.dataset.item
                //获取楼主名
                if(item.lz){
                    for(let i=0;i<this.data2.all_user_list_re.length;i++){
                        if(this.data2.all_user_list_re[i].id==item.lz){
                            this.louzhang=this.data2.all_user_list_re[i].name
                        }
                    }
                }else{
                    this.louzhang='暂无'
                }
                
                //生成单元列表
                this.danyuan_list=[]
                for(let j=0;j<this.data2.all_danyuan_list_re.length;j++){
                    if(this.data2.all_danyuan_list_re[j].lou==item.id){
                        this.danyuan_list.push(this.data2.all_danyuan_list_re[j])
                    }
                }
                // console.log(this.danyuan_list)
                this.zhuhu_list=[],
                this.danyuanzhang='暂无'
                this.jumin_list=[],
                this.huzhu='暂无'
                this.userinfo={}
            },
            tabSelect3(e) {
                this.TabCur3 = e.currentTarget.dataset.id;
                this.scrollLeft3 = (e.currentTarget.dataset.id - 1) * 60
                // console.log(e.currentTarget.dataset.item)
                let item=e.currentTarget.dataset.item
                //获取单元主名
                if(item.dyz){
                    for(let i=0;i<this.data2.all_user_list_re.length;i++){
                        if(this.data2.all_user_list_re[i].id==item.dyz){
                            this.danyuanzhang=this.data2.all_user_list_re[i].name
                        }
                    }
                }else{
                    this.danyuanzhang='暂无'
                }
                
                //生成住户列表
                this.zhuhu_list=[]
                for(let j=0;j<this.data2.all_zhuhu_list_re.length;j++){
                    if(this.data2.all_zhuhu_list_re[j].dy==item.id){
                        this.zhuhu_list.push(this.data2.all_zhuhu_list_re[j])
                    }
                }
                // console.log(this.zhuhu_list)
                this.jumin_list=[],
                this.huzhu='暂无'
                this.userinfo={}
            },
            tabSelect4(e) {
                this.TabCur4 = e.currentTarget.dataset.id;
                this.scrollLeft4 = (e.currentTarget.dataset.id - 1) * 60
                // console.log(e.currentTarget.dataset.item)
                let item=e.currentTarget.dataset.item
                //获取户主名
                if(item.hz){
                    for(let i=0;i<this.data2.all_user_list_re.length;i++){
                        if(this.data2.all_user_list_re[i].id==item.hz){
                            this.huzhu=this.data2.all_user_list_re[i].name
                        }
                    }
                }else{
                    this.huzhu='暂无'
                }
                
                //生成居民列表
                    //用户to住户 列表
                let z_to_u=[]
                // console.log('住户名：',item.name)
                for(let j=0;j<this.data2.all_zhuhutouser_list_re.length;j++){
                    if(this.data2.all_zhuhutouser_list_re[j].zhhu==item.id){
                        z_to_u.push(this.data2.all_zhuhutouser_list_re[j])
                    }
                }
                // console.log('z_to_u:',z_to_u)
                //生成居民列表
                this.jumin_list=[]
                for(let x=0;x<this.data2.all_user_list_re.length;x++){
                    for(let y=0;y<z_to_u.length;y++){
                        if(z_to_u[y].user==this.data2.all_user_list_re[x].id){
                            this.jumin_list.push(this.data2.all_user_list_re[x])
                        }
                    }
                }
                // console.log('居民列表：',this.jumin_list)
                this.userinfo={}
                
            },
            tabSelect5(e) {
                this.TabCur5 = e.currentTarget.dataset.id;
                this.scrollLeft5 = (e.currentTarget.dataset.id - 1) * 60
                // console.log(e.currentTarget.dataset.item)
                
                let t=e.currentTarget.dataset.item
                if(t.sex==1){t.sex='男'}
                if(t.sex==2){t.sex='女'}
                if(t.sex==3){t.sex='不详'}
                if(t.hujixz==1){t.hujixz='农业户口'}
                if(t.hujixz==2){t.hujixz='非农业户口'}
                if(t.wenhua==0){t.wenhua='无'}
                if(t.wenhua==1){t.wenhua='小学'}
                if(t.wenhua==2){t.wenhua='初中'}
                if(t.wenhua==3){t.wenhua='高中'}
                if(t.wenhua==4){t.wenhua='中专'}
                if(t.wenhua==5){t.wenhua='大专'}
                if(t.wenhua==6){t.wenhua='本科'}
                if(t.wenhua==7){t.wenhua='硕士'}
                if(t.wenhua==8){t.wenhua='博士'}
                if(t.hunyin==1){t.hunyin='未婚'}
                if(t.hunyin==2){t.hunyin='已婚'}
                if(t.hunyin==3){t.hunyin='离异'}
                if(t.hunyin==4){t.hunyin='丧偶'}
                if(t.power==1){t.power='普通用户'}
                if(t.power==2){t.power='单元长（组长）'}
                if(t.power==3){t.power='楼长（街长）'}
                if(t.power==4){t.power='网格员'}
                if(t.power==5){t.power='网格长'}
                if(t.is_dangyuan){t.is_dangyuan='是'}
                if(!t.is_dangyuan){t.is_dangyuan='否'}
                if(t.is_teshu){t.is_teshu='是'}
                if(!t.is_teshu){t.is_teshu='否'}
                this.userinfo=t
            },
            
            //与编辑数据相关方法 
            tabSelect6(e){
                this.TabCur6 = e.currentTarget.dataset.id;
                if(this.TabCur6==0){
                    this.flag_edit_danyuan=true
                    this.flag_edit_zhuhu=false,
                    this.flag_edit_renyuan=false
                }
                if(this.TabCur6==1){
                    this.flag_edit_danyuan=false
                    this.flag_edit_zhuhu=true,
                    this.flag_edit_renyuan=false
                }
                if(this.TabCur6==2){
                    this.flag_edit_danyuan=false
                    this.flag_edit_zhuhu=false,
                    this.flag_edit_renyuan=true
                }
            },
            PickerChange1(e) {
                let lou=this.data2.lou_list_re[e.detail.value];
                this.lou_name=lou.name
                this.lou_id=lou.id
                // console.log(lou)
            },
            async addDanyuan(){
                let token=uni.getStorageSync('token');
                if(this.danyuan_name.length>2 && this.lou_id){
                    let x=await post('/user_operations/adddanyuan/',{'token':token,'lou_id':this.lou_id,'danyuan_name':this.danyuan_name})
                    // console.log(x)
                    if(x.status==200){
                        this.msg=x.data.msg
                        this.modalName='Modal',
                        this.danyuan_name=''
                    }
                    this.GetDanyuanAndDyz()
                }else{
                    this.msg='单元（组）名不能少于3个字且楼（街）名都不能为空！'
                    this.modalName='Modal'
                }
            },
            async GetDanyuanAndDyz(){
                let token=uni.getStorageSync('token');
                let y=await get('/user_operations/adddanyuan/',{'token':token})
                // console.log("最新单元列表：",y)
                this.newest_danyuan_list=[]
                for(let i=0;i<y.data.danyuan_list.length;i++){
                    if(y.data.danyuan_list[i].dyz){
                        for(let j=0;j<y.data.all_dyz_list.length;j++){
                            if(y.data.danyuan_list[i].dyz==y.data.all_dyz_list[j].id){
                                y.data.danyuan_list[i].dyz=y.data.all_dyz_list[j].name
                            }
                        }
                    }
                    for(let z=0;z<this.data2.lou_list_re.length;z++){
                        if(y.data.danyuan_list[i].lou==this.data2.lou_list_re[z].id){
                            y.data.danyuan_list[i].lou=this.data2.lou_list_re[z].name
                        }
                    }
                }
                this.newest_danyuan_list=y.data.danyuan_list
                
            },
            hideModal(e) {
                this.modalName = null
            },
            async DelDanyuan(e){
                let token=uni.getStorageSync('token');
                let z=await get('/user_operations/deldanyuan/',{'token':token,'danyuan_id':e})
                // console.log(z)
                if(z.status==200){
                    this.GetDanyuanAndDyz()
                }else{
                    this.msg=z.data.msg
                    this.modalName='Modal'
                }
            },
              //住户相关方法
            PickerChange2(e){
                let lou=this.data2.lou_list_re[e.detail.value];
                this.zhuhu_lou_name=lou.name
                this.zhuhu_danyuan_list=[]
                for(let i=0;i<this.data2.all_danyuan_list_re.length;i++){
                    if(this.data2.all_danyuan_list_re[i].lou==lou.id){
                        this.zhuhu_danyuan_list.push(this.data2.all_danyuan_list_re[i])
                    }
                }
                // console.log('zhuhu_danyuan_list',this.zhuhu_danyuan_list)
            },
            PickerChange3(e){
                if(this.zhuhu_danyuan_list.length>=1){
                    let dy=this.zhuhu_danyuan_list[e.detail.value];
                    this.zhuhu_danyuan_name=dy.name
                    this.zhuhu_danyuan_id=dy.id
                }else{
                    console.log('此楼无单元')
                }
                
            },
            async addZhuhu(){
                let token=uni.getStorageSync('token');
                if(this.zhuhu_name.length>2 && this.zhuhu_danyuan_id){
                    let x=await post('/user_operations/addzhuhu/',{'token':token,'dy_id':this.zhuhu_danyuan_id,'zhuhu_name':this.zhuhu_name})
                    // console.log(x)
                    if(x.status==200){
                        this.msg=x.data.msg
                        this.modalName='Modal',
                        this.zhuhu_name=''
                    }
                    this.GetZhuhu()
                }else{
                    this.msg='住户名不能少于3个字且单元（组）名都不能为空！'
                    this.modalName='Modal'
                }
            },
            async GetZhuhu(){
                let token=uni.getStorageSync('token');
                let y=await get('/user_operations/addzhuhu/',{'token':token})
                // console.log("最新住户列表：",y)
                this.newest_zhuhu_list=[]
                for(let i=0;i<y.data.zhuhu_list.length;i++){
                    for(let j=0;j<this.newest_danyuan_list.length;j++){
                        if(y.data.zhuhu_list[i].dy==this.newest_danyuan_list[j].id){
                            
                            y.data.zhuhu_list[i].dy=this.newest_danyuan_list[j].name
                        }
                    }
                }
                this.newest_zhuhu_list=y.data.zhuhu_list
            },
            async DelZhuhu(e){
                let token=uni.getStorageSync('token');
                let z=await get('/user_operations/delzhuhu/',{'token':token,'zhuhu_id':e})
                // console.log(z)
                if(z.status==200){
                    this.GetZhuhu()
                }else{
                    this.msg=z.data.msg
                    this.modalName='Modal'
                }
            },
             //居民相关
            PickerChange4(e){
                let lou=this.data2.lou_list_re[e.detail.value];
                this.user_lou_name=lou.name
                this.user_danyuan_list=[]
                for(let i=0;i<this.data2.all_danyuan_list_re.length;i++){
                    if(this.data2.all_danyuan_list_re[i].lou==lou.id){
                        this.user_danyuan_list.push(this.data2.all_danyuan_list_re[i])
                    }
                }
                console.log('此楼内的单元：',this.user_danyuan_list)
            },
            PickerChange5(e){
                let danyuan=this.user_danyuan_list[e.detail.value]
                if(this.user_danyuan_list.length>=1){
                    this.user_danyuan_name=danyuan.name
                    this.user_zhuhu_list=[]
                    for(let i=0;i<this.data2.all_zhuhu_list_re.length;i++){
                        if(this.data2.all_zhuhu_list_re[i].dy==danyuan.id){
                            this.user_zhuhu_list.push(this.data2.all_zhuhu_list_re[i])
                        }
                    }
                    console.log('此单元内的住户：',this.user_zhuhu_list)
                }else{
                    console.log('此楼无单元')
                }

            },
            PickerChange6(e){
                if(this.user_zhuhu_list.length>=1){
                    let zhuhu=this.user_zhuhu_list[e.detail.value];
                    this.user_zhuhu_name=zhuhu.name
                    this.user_zhuhu_id=zhuhu.id
                }else{
                    console.log('此单元无住户')
                }
            },
            fun_user_is_teshu(e) {
                this.user_is_teshu = e.detail.value
                // console.log(this.user_is_teshu)
            },
            fun_user_is_dangyuan(e){
                this.user_is_dangyuan=e.detail.value
            },
            fun_user_is_nongyehukou(e){
                this.user_is_nongyehukou=e.detail.value
            },
            fun_user_is_huzhu(e){
                this.user_is_huzhu=e.detail.value
            },
            PickerChange7(e){
                let x=this.user_sex_list[e.detail.value];
                this.user_sex=x.num
                this.user_sex_title=x.title
                // console.log('num:',this.user_sex,'title',this.user_sex_title)
            },
            PickerChange8(e){
                let x=this.user_wenhua_list[e.detail.value];
                this.user_wenhua=x.num
                this.user_wenhua_title=x.title
            },
            PickerChange9(e){
                let x=this.user_hunyin_list[e.detail.value];
                this.user_hunyin=x.num
                this.user_hunyin_title=x.title
            },
            PickerChange10(e){
                let x=this.user_power_list[e.detail.value];
                this.user_power=x.num
                this.user_power_title=x.title
            },
            async addUser(){
                // console.log('姓名',this.user_name,'民族',this.user_minzu,'手机号',this.user_tel,'工作单位',this.user_danwei)
                // console.log('职位',this.user_zhiwei,'身份证号',this.user_no,'出生日期',this.user_date,'特殊群体',this.user_teshu)
                // console.log('是否特殊群体',this.user_is_teshu,'是否党员',this.user_is_dangyuan,'是否农业户口',this.user_is_nongyehukou)
                // console.log('是否户主',this.user_is_huzhu,'户籍地址',this.user_hujiadress,'备注',this.user_beizhu)
                // console.log('性别',this.user_sex,'文化程度',this.user_wenhua,'婚姻状况',this.user_hunyin,'权限',this.user_power)
                // console.log('住户id',this.user_zhuhu_id)
                if(this.user_name && this.user_minzu && this.user_tel && this.user_danwei && this.user_zhiwei && this.user_no && this.user_date && this.user_teshu && this.user_hujiadress && this.user_beizhu 
&& this.user_zhuhu_id && this.user_sex && this.user_wenhua_title.length>=2 && this.user_hunyin_title.length>=2 && this.user_power_title.length>=2){
                    let token=uni.getStorageSync('token');
                    let x=await post('/user_operations/adduser/',{
                        'token':token,
                        'user_name':this.user_name,
                        'user_minzu':this.user_minzu,
                        'user_tel':this.user_tel,
                        'user_danwei':this.user_danwei,
                        'user_zhiwei':this.user_zhiwei,
                        'user_no':this.user_no,
                        'user_date':this.user_date,
                        'user_teshu':this.user_teshu,
                        'user_hujiadress':this.user_hujiadress,
                        'user_beizhu':this.user_beizhu,
                        'user_is_teshu':this.user_is_teshu,
                        'user_is_dangyuan':this.user_is_dangyuan,
                        'user_is_nongyehukou':this.user_is_nongyehukou,
                        'user_is_huzhu':this.user_is_huzhu,
                        'user_sex':this.user_sex,
                        'user_wenhua':this.user_wenhua,
                        'user_hunyin':this.user_hunyin,
                        'user_power':this.user_power,
                        'user_zhuhu_id':this.user_zhuhu_id
                    })
                    // console.log(x)
                    if(x.status==200){
                        this.GetUser()
                    }
                    this.msg=x.data.msg
                    this.modalName='Modal'
                    
                }else{
                    this.msg='表格有未填项！'
                    this.modalName='Modal'
                }
        
            },
            async GetUser(){
                let token=uni.getStorageSync('token');
                let y=await get('/user_operations/adduser/',{'token':token})
                // console.log("最新列表：",y)
                this.newest_user_list=[]
                for(let i=0;i<y.data.all_user.length;i++){
                    for(let j=0;j<y.data.u2z_list.length;j++){
                        if(y.data.u2z_list[j].user==y.data.all_user[i].id){
                            let t=y.data.all_user[i]
                            if(t.sex==1){t.sex='男'}
                            if(t.sex==2){t.sex='女'}
                            if(t.sex==3){t.sex='不详'}
                            if(t.hujixz==1){t.hujixz='农业户口'}
                            if(t.hujixz==2){t.hujixz='非农业户口'}
                            if(t.wenhua==0){t.wenhua='无'}
                            if(t.wenhua==1){t.wenhua='小学'}
                            if(t.wenhua==2){t.wenhua='初中'}
                            if(t.wenhua==3){t.wenhua='高中'}
                            if(t.wenhua==4){t.wenhua='中专'}
                            if(t.wenhua==5){t.wenhua='大专'}
                            if(t.wenhua==6){t.wenhua='本科'}
                            if(t.wenhua==7){t.wenhua='硕士'}
                            if(t.wenhua==8){t.wenhua='博士'}
                            if(t.hunyin==1){t.hunyin='未婚'}
                            if(t.hunyin==2){t.hunyin='已婚'}
                            if(t.hunyin==3){t.hunyin='离异'}
                            if(t.hunyin==4){t.hunyin='丧偶'}
                            if(t.power==1){t.power='普通用户'}
                            if(t.power==2){t.power='单元长（组长）'}
                            if(t.power==3){t.power='楼长（街长）'}
                            if(t.power==4){t.power='网格员'}
                            if(t.power==5){t.power='网格长'}
                            if(t.is_dangyuan){t.is_dangyuan='是'}
                            if(!t.is_dangyuan){t.is_dangyuan='否'}
                            if(t.is_teshu){t.is_teshu='是'}
                            if(!t.is_teshu){t.is_teshu='否'}
                            this.newest_user_list.push(t)
                        }
                    }
                }
            },
            async DelUser(e){
                // console.log(e)
                let token=uni.getStorageSync('token');
                let z=await get('/user_operations/deluser/',{'token':token,'user_id':e})
                // console.log(z)
                if(z.status==200){
                    this.GetUser()
                }else{
                    this.msg=z.data.msg
                    this.modalName='Modal'
                }
            }
                        
            
        },
        mounted() {
            this.GetDanyuanAndDyz()
            this.GetZhuhu()
            this.GetUser()
        }
    }
</script>

<style>

</style>