基本信息楼盘表

shuishen

2023-10-31 08dbf78bf4324131fcf71344e050f9db931df822

基本信息楼盘表

 pages.json

@@ -469,6 +469,15 @@
                        "navigationBarTextStyle": "white",
                        "enablePullDownRefresh": false
                    }
                },
                {
                    "path": "member/index",
                    "style": {
                        "navigationBarTitleText": "资料管理",
                        "navigationBarBackgroundColor": "#5887f9",
                        "navigationBarTextStyle": "white",
                        "enablePullDownRefresh": false
                    }
                }

            ]

 subPackage/house/member/index.vue

New file
@@ -0,0 +1,283 @@
<template>
    <view class="container">
        <view class="main">
            <view class="content">
                <u-form labelWidth="70" :model="form" :rules="rules" ref="form">
                    <view class="box-title">
                        <box-title title="基础信息"></box-title>
                    </view>
                    <view class="event-info">
                        <u-form-item @click="typeShow = true" class="form-item" labelWidth="100" label="角色" required
                            prop="type">
                            <u--input border="none" v-model="typeName" disabled disabledColor="#ffffff"
                                placeholder="请选择">
                            </u--input>
                            <u-icon slot="right" name="arrow-right"></u-icon>
                        </u-form-item>

                        <u-form-item @click="typeShow = true" class="form-item" labelWidth="100" label="角色关系" required
                            prop="type">
                            <u--input border="none" v-model="typeName" disabled disabledColor="#ffffff"
                                placeholder="请选择">
                            </u--input>
                            <u-icon slot="right" name="arrow-right"></u-icon>
                        </u-form-item>

                        <u-form-item class="form-item" labelWidth="100" label="姓名" required prop="location">
                            <u--input border="none" v-model="form.location" placeholder="请输入">
                            </u--input>
                        </u-form-item>


                        <u-form-item class="form-item" labelWidth="100" label="身份证" required prop="location">
                            <u--input border="none" v-model="form.location" placeholder="请输入">
                            </u--input>
                        </u-form-item>

                        <u-form-item @click="typeShow = true" class="form-item" labelWidth="100" label="性别" required
                            prop="type">
                            <u--input border="none" v-model="typeName" disabled disabledColor="#ffffff"
                                placeholder="请选择">
                            </u--input>
                            <u-icon slot="right" name="arrow-right"></u-icon>
                        </u-form-item>

                        <u-form-item class="form-item" labelWidth="100" label="手机号码" required prop="location">
                            <u--input border="none" v-model="form.location" placeholder="请输入">
                            </u--input>
                        </u-form-item>

                        <u-form-item class="form-item" labelWidth="100" label="其他联系方式" required prop="location">
                            <u--input border="none" v-model="form.location" placeholder="请输入">
                            </u--input>
                        </u-form-item>

                        <u-form-item @click="typeShow = true" class="form-item" labelWidth="100" label="是否主要联系人"
                            required prop="type">
                            <u--input border="none" v-model="typeName" disabled disabledColor="#ffffff"
                                placeholder="请选择">
                            </u--input>
                            <u-icon slot="right" name="arrow-right"></u-icon>
                        </u-form-item>

                        <u-form-item @click="typeShow = true" class="form-item" labelWidth="100" label="居住情况" required
                            prop="type">
                            <u--input border="none" v-model="typeName" disabled disabledColor="#ffffff"
                                placeholder="请选择">
                            </u--input>
                            <u-icon slot="right" name="arrow-right"></u-icon>
                        </u-form-item>

                        <u-form-item class="form-item" labelWidth="100" label="港澳台通行证" required prop="location">
                            <u--input border="none" v-model="form.location" placeholder="请输入">
                            </u--input>
                        </u-form-item>

                        <u-form-item class="form-item" labelWidth="100" label="护照" required prop="location">
                            <u--input border="none" v-model="form.location" placeholder="请输入">
                            </u--input>
                        </u-form-item>

                        <u-form-item class="form-item" labelWidth="100" label="现居住地" required prop="location">
                            <u--input border="none" v-model="form.location" placeholder="请输入">
                            </u--input>
                        </u-form-item>

                        <u-form-item @click="typeShow = true" class="form-item" labelWidth="100" label="民族" required
                            prop="type">
                            <u--input border="none" v-model="typeName" disabled disabledColor="#ffffff"
                                placeholder="请选择">
                            </u--input>
                            <u-icon slot="right" name="arrow-right"></u-icon>
                        </u-form-item>

                        <u-form-item @click="typeShow = true" class="form-item" labelWidth="100" label="学历" required
                            prop="type">
                            <u--input border="none" v-model="typeName" disabled disabledColor="#ffffff"
                                placeholder="请选择">
                            </u--input>
                            <u-icon slot="right" name="arrow-right"></u-icon>
                        </u-form-item>

                        <u-form-item @click="typeShow = true" class="form-item" labelWidth="100" label="是否党员" required
                            prop="type">
                            <u--input border="none" v-model="typeName" disabled disabledColor="#ffffff"
                                placeholder="请选择">
                            </u--input>
                            <u-icon slot="right" name="arrow-right"></u-icon>
                        </u-form-item>

                        <u-form-item class="form-item" labelWidth="100" label="工作单位" required prop="location">
                            <u--input border="none" v-model="form.location" placeholder="请输入">
                            </u--input>
                        </u-form-item>

                        <u-form-item @click="typeShow = true" class="form-item" labelWidth="100" label="工作状态" required
                            prop="type">
                            <u--input border="none" v-model="typeName" disabled disabledColor="#ffffff"
                                placeholder="请选择">
                            </u--input>
                            <u-icon slot="right" name="arrow-right"></u-icon>
                        </u-form-item>

                        <u-form-item @click="typeShow = true" class="form-item" labelWidth="100" label="婚姻状态" required
                            prop="type">
                            <u--input border="none" v-model="typeName" disabled disabledColor="#ffffff"
                                placeholder="请选择">
                            </u--input>
                            <u-icon slot="right" name="arrow-right"></u-icon>
                        </u-form-item>
						
                        <u-form-item class="form-item" labelWidth="100" label="户籍登记地" required prop="location">
                            <u--input border="none" v-model="form.location" placeholder="请输入">
                            </u--input>
                        </u-form-item>
						
                        <u-form-item class="form-item" labelWidth="100" label="车牌号" required prop="location">
                            <u--input border="none" v-model="form.location" placeholder="请输入">
                            </u--input>
                        </u-form-item>
						
                        <u-form-item class="form-item" labelWidth="100" label="备注" required prop="location">
                            <u--input border="none" v-model="form.location" placeholder="请输入">
                            </u--input>
                        </u-form-item>
                    </view>
                </u-form>
            </view>

            <view class="btn-group b-c-w">
                <view>
                    <u-button @click="submit" type="primary" text="添加"></u-button>
                </view>
                <view>
                    <u-button @click="navigator" type="primary" :plain="true" text="返回首页"></u-button>
                </view>
            </view>
        </view>


        <!-- 事件类型下拉框 -->
        <my-select v-if="typeShow" :show="typeShow" v-model="form.type" type="radio" popupTitle="请选择事件类型"
            :dataLists="typeList" @cancel="typeShow = false" @submit="typeSelect">
        </my-select>
    </view>
</template>

<script>
    import mySelect from "@/components/my-components/my-select.vue"
    import uploadMixin from "@/mixin/uploadMixin";
    export default {
        components: {
            mySelect
        },
        mixins: [uploadMixin],
        data() {
            return {
                typeName: "",
                form: {
                    location: "",
                    title: "",
                    type: "",
                    description: "",
                },
                rules: {},

                typeShow: false,
                typeList: [{
                        value: "1",
                        name: "物业保修",
                    },
                    {
                        value: "2",
                        name: "矛盾纠纷",
                    }
                ],
            }
        },
        created() {
            this.getHeader()
        },
        mounted() {

        },
        onLoad(option) {

        },
        onShow() {

        },
        methods: {
            //类型选择确认
            typeSelect(item) {
                this.typeName = item.name
                this.form.type = item.value
                this.typeShow = !this.typeShow
            },

            //表单提交
            submit() {

            },

            //跳转到报事列表
            navigator() {
                this.$u.func.globalNavigator("/subPackage/bs/views/bsList")
            },
        }
    }
</script>

<style scoped lang="scss">
    .container {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        background: #F9F9FA;

        .main {
            position: relative;
            height: 0;
            flex: 1;
            display: flex;
            flex-direction: column;

            .content {
                height: 0;
                flex: 1;
                overflow-y: auto;
                padding-bottom: 36rpx;
            }


            .btn-group {
                display: flex;
                justify-content: space-around;
                align-items: center;
                height: 116rpx;
            }
        }

        .box-title {
            padding: 10px 0;
        }

        .event-info {

            .form-item {
                background-color: #ffffff;
                padding: 5px 10px;
                border-bottom: 1px solid #eff1f3;
            }

        }

        .event-pic {
            background-color: #ffffff;
            padding: 40rpx 30rpx;
        }

    }
</style>