From 08dbf78bf4324131fcf71344e050f9db931df822 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 31 Oct 2023 09:13:56 +0800
Subject: [PATCH] 基本信息楼盘表
---
pages.json | 9 +
subPackage/house/member/index.vue | 283 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 292 insertions(+), 0 deletions(-)
diff --git a/pages.json b/pages.json
index 34e2925..68d9da1 100644
--- a/pages.json
+++ b/pages.json
@@ -469,6 +469,15 @@
"navigationBarTextStyle": "white",
"enablePullDownRefresh": false
}
+ },
+ {
+ "path": "member/index",
+ "style": {
+ "navigationBarTitleText": "资料管理",
+ "navigationBarBackgroundColor": "#5887f9",
+ "navigationBarTextStyle": "white",
+ "enablePullDownRefresh": false
+ }
}
]
diff --git a/subPackage/house/member/index.vue b/subPackage/house/member/index.vue
new file mode 100644
index 0000000..5f06acc
--- /dev/null
+++ b/subPackage/house/member/index.vue
@@ -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>
\ No newline at end of file
--
Gitblit v1.9.3