From de2dc55f3a4f7560c1ce634d025fe76374a86273 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Fri, 28 Jul 2023 16:09:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=BA=86=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E6=A1=A3=E6=A1=88=E9=A1=B5=E9=9D=A2,=E5=B8=B8=E4=BD=8F?=
 =?UTF-8?q?=E4=BA=BA=E5=8F=A3=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/newArchives/model.vue            |  22 ++
 components/newArchives/productionInputs.vue |  22 ++
 components/newArchives/residents.vue        | 214 ++++++++++++++++++++
 subpkg/archives/archives.vue                |  43 ++++
 subpkg/newArchives/newArchives.vue          | 160 +++++++++++++++
 5 files changed, 461 insertions(+)
 create mode 100644 components/newArchives/model.vue
 create mode 100644 components/newArchives/productionInputs.vue
 create mode 100644 components/newArchives/residents.vue
 create mode 100644 subpkg/archives/archives.vue
 create mode 100644 subpkg/newArchives/newArchives.vue

diff --git a/components/newArchives/model.vue b/components/newArchives/model.vue
new file mode 100644
index 0000000..383b7c2
--- /dev/null
+++ b/components/newArchives/model.vue
@@ -0,0 +1,22 @@
+<template>
+  <view class="">
+    模型组件
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        text:''
+      }
+    },
+    methods: {
+      
+    },
+  }
+</script>
+
+<style lang="scss">
+
+</style>
\ No newline at end of file
diff --git a/components/newArchives/productionInputs.vue b/components/newArchives/productionInputs.vue
new file mode 100644
index 0000000..923406e
--- /dev/null
+++ b/components/newArchives/productionInputs.vue
@@ -0,0 +1,22 @@
+<template>
+  <view class="">
+    <input type="text" v-model="text">
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        text:''
+      }
+    },
+    methods: {
+      
+    },
+  }
+</script>
+
+<style lang="scss">
+
+</style>
\ No newline at end of file
diff --git a/components/newArchives/residents.vue b/components/newArchives/residents.vue
new file mode 100644
index 0000000..baca0a0
--- /dev/null
+++ b/components/newArchives/residents.vue
@@ -0,0 +1,214 @@
+<!-- 常住人口 -->
+<template>
+  <view class="">
+    <u--form labelPosition="left" :model="residents" :rules="rules" ref="uForm">
+      <block value="人口">
+        <block value="人员信息" v-for="(item, index) in residents.userList" :key="'user'+index">
+          <u-form-item label="姓名" required prop="residents.nickname" borderBottom>
+            <u--input v-model="item.nickname" placeholder="请输入姓名"></u--input>
+          </u-form-item>
+          <picker mode="date" value="1990-01-01" @change="changeBirthday" :data-index="index">
+            <u-form-item labelWidth="auto" label="出生日期" required prop="residents.nickname" borderBottom>
+              <u--input :value="item.birthday" placeholder="请选择出生日期" disabled disabledColor="#fff"></u--input>
+              <u-icon slot="right" name="arrow-right"></u-icon>
+            </u-form-item>
+          </picker>
+          <picker mode="selector" :range="['公务员','国企事业单位','民营企业','自由职业','其他']" @change="">
+            <u-form-item labelWidth="auto" label="就业情况" required prop="residents.nickname" borderBottom>
+              <u--input :value="item.jobType" placeholder="请选择就业情况" disabled disabledColor="#fff"></u--input>
+              <u-icon slot="right" name="arrow-right"></u-icon>
+            </u-form-item>
+          </picker>
+          <u-form-item labelWidth="auto" label="技能特长" required prop="residents.nickname" borderBottom>
+            <u--input v-model="item.skill" placeholder="请输入技能特长"></u--input>
+          </u-form-item>
+          <button type="primary" v-if="residents.userList.length>1" class="delete"
+            @click="removeUserList(index)">删除以上信息</button>
+        </block>
+        <button type="primary" class="plus" @click="pushUserList">+</button>
+      </block>
+      <block value="婴幼儿信息">
+        <u-form-item labelWidth="auto" label="是否存在学生、婴幼儿" required prop="residents.infant" borderBottom>
+          <u-radio-group v-model="residents.infant" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <block value="是" v-if="residents.infant>0" v-for="(item,index) in residents.infantList" :key="'infant'+index">
+          <u-form-item label="年龄" required prop="residents.infantList.age" borderBottom>
+            <u--input v-model="item.age" placeholder="请输入年龄" type="number"></u--input>
+          </u-form-item>
+          <block v-if="item.age<4">
+            <u-form-item labelWidth="auto" label="喂养方式" required prop="residents.infant" borderBottom>
+              <u-radio-group v-model="item.wyfs" style="margin: 16rpx;">
+                <u-radio :customStyle="{marginRight: '16px'}"
+                  v-for="(item, index) in [{value:1,label:'母乳'},{value:0,label:'奶粉'}]" :key="index" :label="item.label"
+                  :name="item.value">
+                </u-radio>
+              </u-radio-group>
+            </u-form-item>
+          </block>
+          <block v-else>
+            <u-form-item label="年级" required prop="residents.infantList.age" borderBottom>
+              <u--input v-model="item.grade" placeholder="请输入年级"></u--input>
+            </u-form-item>
+            <u-form-item labelWidth="auto" label="是否补课" required prop="residents.infant" borderBottom>
+              <u-radio-group v-model="item.is_course" style="margin: 16rpx;">
+                <u-radio :customStyle="{marginRight: '16px'}"
+                  v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index" :label="item.label"
+                  :name="item.value">
+                </u-radio>
+              </u-radio-group>
+            </u-form-item>
+            <u-form-item v-if="item.is_course>0" label-width="auto" labelPosition="top" label="补课内容" prop="residents.infantList.age"
+              borderBottom>
+              <u--textarea v-model="item.course" autoHeight placeholder="请输入需要的课程" border="surround"
+                count></u--textarea>
+            </u-form-item>
+            <u-form-item label-width="auto" labelPosition="top" label="备注" prop="residents.infantList.age" borderBottom>
+              <u--textarea v-model="item.remark" autoHeight placeholder="请输入备注" border="surround" count></u--textarea>
+            </u-form-item>
+          </block>
+          <button type="primary" v-if="residents.infantList.length>1" class="delete"
+            @click="removeInfantList(index)">删除以上信息</button>
+        </block>
+        <button type="primary" class="plus" @click="pushInfantList">+</button>
+      </block>
+      <u-form-item labelWidth="auto" label="汽车是否能到家" required prop="residents.infant" borderBottom>
+        <u-radio-group v-model="residents.is_car" style="margin: 16rpx;">
+          <u-radio :customStyle="{marginRight: '16px'}"
+            v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index" :label="item.label"
+            :name="item.value">
+          </u-radio>
+        </u-radio-group>
+      </u-form-item>
+      <block value="智能手机">
+        <u-form-item labelWidth="auto" label="是否使用智能手机" required prop="residents.infant" borderBottom>
+          <u-radio-group v-model="residents.is_smartphone" style="margin: 16rpx;">
+            <u-radio :customStyle="{marginRight: '16px'}"
+              v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index" :label="item.label"
+              :name="item.value">
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+        <block v-if="residents.is_smartphone>0">
+          <u-form-item labelWidth="auto" label="微信号" required prop="residents.infantList.age" borderBottom>
+            <u--input v-model="residents.wechat" placeholder="请输入微信号"></u--input>
+          </u-form-item>
+        </block>
+      </block>
+    </u--form>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        // 常住人口
+        residents: {
+          userList: [{
+            nickname: '',
+            birthday: '',
+            jobType: '', // 工作
+            skill: '', // 技能
+          }],
+          infant: '', //是否存在婴幼儿
+          infantList: [ //婴幼儿列表
+            {
+              age: '',
+              wsfy: '', //喂养方式
+              grade: '', //年级
+              is_course: '', //是否补课
+              course: '', //课程
+              remark: '' //备注
+            }
+          ],
+          is_car: '',//汽车是否能到家
+          is_smartphone: '',//是否使用智能手机
+          wechat: '', //微信号
+        },
+        rules: {
+
+        }
+      }
+    },
+    methods: {
+      changeBirthday(e){
+        console.log(e);
+      },
+      // 添加人口
+      pushUserList() {
+        this.residents.userList.push({
+          nickname: '',
+          birthday: '',
+          jobType: '',
+          skill: '',
+        })
+      },
+      // 删除人口
+      removeUserList(index) {
+        uni.showModal({
+          confirmColor: '#f56c6c',
+          content: '确定删除吗?',
+          success: (res) => {
+            if (res.confirm) {
+              this.residents.userList.splice(index, 1);
+            }
+          }
+        })
+      },
+      // 添加婴幼儿
+      pushInfantList() {
+        this.residents.infantList.push({
+          age: '',
+          wsfy: '', //喂养方式
+          grade: '', //年级
+          course: '', //课程
+          remark: '' //备注
+        })
+      },
+      // 删除婴幼儿
+      removeInfantList(index) {
+        uni.showModal({
+          confirmColor: '#f56c6c',
+          content: '确定删除吗?',
+          success: (res) => {
+            if (res.confirm) {
+              this.residents.infantList.splice(index, 1);
+            }
+          }
+        })
+      },
+    },
+  }
+</script>
+
+<style lang="scss">
+  .delete {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: #f56c6c;
+    border-radius: 14rpx;
+    font-size: 28rpx;
+    color: #fff;
+    text-align: center;
+  }
+
+  .plus {
+    margin: 22rpx 0;
+    // margin-bottom: 40rpx;
+    width: 100%;
+    height: 54rpx;
+    line-height: 54rpx;
+    background: $theme-oa-color;
+    border-radius: 14rpx;
+    color: #fff;
+    text-align: center;
+  }
+</style>
\ No newline at end of file
diff --git a/subpkg/archives/archives.vue b/subpkg/archives/archives.vue
new file mode 100644
index 0000000..c200836
--- /dev/null
+++ b/subpkg/archives/archives.vue
@@ -0,0 +1,43 @@
+<template>
+  <view class="">
+    <button class="new_btn" @click="navTo('/subpkg/newArchives/newArchives')">新建档案</button>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+
+      }
+    },
+    onLoad() {},
+    onShow() {},
+    methods: {
+      navTo(url) {
+        url ?
+          uni.navigateTo({
+            url: url,
+          }) : Toast('暂未开放')
+      },
+    },
+    onPullDownRefresh() {
+      uni.stopPullDownRefresh()
+    }
+  }
+</script>
+
+<style lang="scss">
+  .new_btn {
+    margin: 0 auto;
+    margin-top: 32rpx;
+    // margin-bottom: 40rpx;
+    width: 694rpx;
+    height: 84rpx;
+    background: $theme-oa-color;
+    border-radius: 42rpx 42rpx 42rpx 42rpx;
+    color: #fff;
+    line-height: 80rpx;
+    text-align: center;
+  }
+</style>
\ No newline at end of file
diff --git a/subpkg/newArchives/newArchives.vue b/subpkg/newArchives/newArchives.vue
new file mode 100644
index 0000000..913cb6e
--- /dev/null
+++ b/subpkg/newArchives/newArchives.vue
@@ -0,0 +1,160 @@
+<template>
+  <view class="">
+    <view class="card">
+      <u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm">
+        <view class="item">
+          <view class="title">基本信息</view>
+          <u-form-item labelWidth="auto" label="户主姓名" required prop="nickname" borderBottom>
+            <u--input v-model="formData.nickname" placeholder="请输入姓名"></u--input>
+          </u-form-item>
+          <u-form-item label="性别" required prop="sex" borderBottom>
+            <u-radio-group v-model="formData.sex" style="margin: 16rpx;">
+              <u-radio :customStyle="{marginRight: '16px'}"
+                v-for="(item, index) in [{value:1,label:'男'},{value:0,label:'女'}]" :key="index" :label="item.label"
+                :name="item.value">
+              </u-radio>
+            </u-radio-group>
+          </u-form-item>
+          <u-form-item labelWidth="auto" label="身份证号" required prop="id_card" borderBottom>
+            <u--input v-model="formData.id_card" placeholder="请输入身份证号" type="idcard"></u--input>
+          </u-form-item>
+          <u-form-item labelWidth="auto" label="联系方式" required prop="account" borderBottom>
+            <u--input v-model="formData.account" placeholder="请输入手机号" type="number"></u--input>
+          </u-form-item>
+        </view>
+        <view class="item">
+          <view class="title">地区信息</view>
+          <districtSelector ref="districtSelectorRef"></districtSelector>
+          <u-form-item labelWidth="auto" label="详细地址" required prop="address" borderBottom>
+            <u--input v-model="formData.address" placeholder="请输入详细地址"></u--input>
+          </u-form-item>
+        </view>
+        <view class="item">
+          <view class="title">常住人口</view>
+          <residents ref="residentsRef"></residents>
+        </view>
+      </u--form>
+      <button @click="addArchives" type="primary" class="btn">创建</button>
+    </view>
+  </view>
+</template>
+
+<script>
+  import { upLoadImage } from "@/api/file.js"
+  import { loginAdd } from "@/api/oaUser.js"
+  import { Toast } from "../../libs/uniApi"
+  import districtSelector from "@/components/districtSelector/districtSelector.vue" //地区选择器
+  import residents from "@/components/newArchives/residents.vue" // 常住人口
+  export default {
+    components:{districtSelector, residents},
+    data() {
+      return {
+        formData: {
+          id_card: '',
+          sex: '',
+          nickname: '',
+          account: '', //电话
+        },
+        rules: {
+          account: {
+            required: true,
+            pattern: /^(1[3456789]\d{9})$/,
+            message: '请输入正确的手机号码',
+            trigger: ['change', 'blur']
+          },
+          id_card: {
+            required: true,
+            pattern: /^\d{17}[\dX]$|^\d{15}[\dX]$/,
+            message: '请输入正确的身份证号',
+            trigger: ['change', 'blur']
+          },
+          sex: {
+            type: 'number',
+            max: 1,
+            required: true,
+            message: '请选择男或女',
+            trigger: ['blur', 'change']
+          },
+          nickname: {
+            type: 'string',
+            required: true,
+            message: '姓名不能为空',
+            trigger: ['change', 'blur']
+          },
+        },
+      }
+    },
+    onLoad() {},
+    onShow() {},
+    methods: {
+      // 新增档案
+      async addArchives() {
+        console.log(await this.$refs.districtSelectorRef.validate());
+        this.$refs.uForm.validate().then(async (e) => {
+          if (e) {
+            // uni.showLoading()
+            // let res = await loginAdd(this.formData);
+            // uni.hideLoading()
+            // uni.showToast({
+            //   icon: "none",
+            //   title: "添加成功",
+            //   success: () => {
+            //     setTimeout(() => {
+            //       uni.navigateBack()
+            //     }, 1000)
+            //   }
+            // })
+          }
+        })
+
+      },
+    },
+    onPullDownRefresh() {
+      uni.stopPullDownRefresh()
+    }
+  }
+</script>
+
+<style lang="scss">
+  .card {
+    background-color: #fff;
+    margin: 28rpx;
+    padding: 28rpx;
+    border-radius: 14rpx;
+
+    .item {
+      margin-top: 30rpx;
+
+      &:nth-child(1) {
+        margin-top: 0;
+      }
+
+      .title {
+        font-weight: 500;
+        font-size: 34rpx;
+
+        &::before {
+          width: 8rpx;
+          height: 26rpx;
+          border-radius: 4rpx;
+          background-color: #3175f9;
+          content: "";
+          display: inline-block;
+          margin-right: 8rpx;
+        }
+      }
+    }
+
+    .btn {
+      margin-top: 32rpx;
+      // margin-bottom: 40rpx;
+      width: 100%;
+      height: 84rpx;
+      background: $theme-oa-color;
+      border-radius: 42rpx 42rpx 42rpx 42rpx;
+      color: #fff;
+      line-height: 80rpx;
+      text-align: center;
+    }
+  }
+</style>
\ No newline at end of file