From ac2976f365f9f2531cf60dd6c11465c9ac6d37a2 Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Fri, 6 Sep 2024 17:46:36 +0800
Subject: [PATCH] =?UTF-8?q?=E9=BB=91=E9=BE=99=E6=B1=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppChildrenInfo/AppChildrenDetail.vue     | 166 ++++++++++++++++++
 .../AppChildrenInfo/AppChildrenDetailView.vue | 156 ++++++++++++++++
 .../hljjm/AppChildrenInfo/AppChildrenInfo.vue | 138 +++++++++++++++
 .../hljjm/AppChildrenInfo/AppChildrenList.vue | 122 +++++++++++++
 src/project/hljjm/AppHome/AppHome.vue         |  63 +++++++
 .../hljjm/AppRecognize/AppRecognize.vue       | 165 +++++++++++++++++
 .../hljjm/AppRecognize/AppRecognizeAdd.vue    |  73 ++++++++
 .../hljjm/AppRecognize/AppRecognizeDetail.vue | 123 +++++++++++++
 .../hljjm/AppRecognize/AppRecognizeSearch.vue | 132 ++++++++++++++
 .../AppRecognize/AppRecognizeSearchList.vue   | 101 +++++++++++
 .../AppRecognize/AppRecognizeSearchTab.vue    |  66 +++++++
 11 files changed, 1305 insertions(+)
 create mode 100644 src/project/hljjm/AppChildrenInfo/AppChildrenDetail.vue
 create mode 100644 src/project/hljjm/AppChildrenInfo/AppChildrenDetailView.vue
 create mode 100644 src/project/hljjm/AppChildrenInfo/AppChildrenInfo.vue
 create mode 100644 src/project/hljjm/AppChildrenInfo/AppChildrenList.vue
 create mode 100644 src/project/hljjm/AppHome/AppHome.vue
 create mode 100644 src/project/hljjm/AppRecognize/AppRecognize.vue
 create mode 100644 src/project/hljjm/AppRecognize/AppRecognizeAdd.vue
 create mode 100644 src/project/hljjm/AppRecognize/AppRecognizeDetail.vue
 create mode 100644 src/project/hljjm/AppRecognize/AppRecognizeSearch.vue
 create mode 100644 src/project/hljjm/AppRecognize/AppRecognizeSearchList.vue
 create mode 100644 src/project/hljjm/AppRecognize/AppRecognizeSearchTab.vue

diff --git a/src/project/hljjm/AppChildrenInfo/AppChildrenDetail.vue b/src/project/hljjm/AppChildrenInfo/AppChildrenDetail.vue
new file mode 100644
index 00000000..f446673c
--- /dev/null
+++ b/src/project/hljjm/AppChildrenInfo/AppChildrenDetail.vue
@@ -0,0 +1,166 @@
+<template>
+  <section class="AppChildrenDetail">
+    <div class="info-list">
+      <div class="item" v-for="(item, index) in list" :key="index">
+        <div class="title-flex">
+          <div class="item-title">{{item.title}}</div>
+          <img src="https://cdn.sinoecare.com/i/2024/09/06/66da67b778d99.png" alt="" :class="item.isView ? 'right-icon' : 'right-icon right-icon-active'" @click="view(index)">
+        </div>
+        <div class="item-content" v-if="item.isView">
+          <div class="item-form" v-for="(items, indexs) in item.infoList" :key="indexs">
+            <div class="label">{{items.label}}</div>
+            <div class="value">{{items.value}}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="footer-btn">
+      <div class="btn primary" @click="toList()">查看儿童详细信息</div>
+      <div class="btn">返回</div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppChildrenDetail",
+  appName: "儿童信息详情",
+  data() {
+    return {
+      list: [
+        {
+          title: '基本信息',
+          isView: true,
+          infoList: [
+            {
+              label: '儿童类别',
+              value: '事实无人抚养儿童'
+            },
+            {
+              label: '儿童类别',
+              value: '事实无人抚养儿童'
+            }
+          ]
+        },
+        {
+          title: '基本信息',
+          isView: true,
+          infoList: [
+            {
+              label: '儿童类别',
+              value: '事实无人抚养儿童'
+            },
+            {
+              label: '儿童类别',
+              value: '事实无人抚养儿童'
+            }
+          ]
+        }
+      ]
+    }
+  },
+  onLoad() {
+    uni.setNavigationBarColor({
+      frontColor: '#ffffff',
+      backgroundColor: '#2183FF'
+    })
+    uni.setNavigationBarTitle({
+      title: '儿童信息详情'
+    })
+  },
+  methods: {
+    view(index) {
+      this.list[index].isView = !this.list[index].isView
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  background-color: #F5F6F7;
+}
+.AppChildrenDetail {
+  .info-list {
+    
+    .item {
+      padding-left: 32px;
+      box-sizing: border-box;
+      margin-bottom: 24px;
+      background-color: #fff;
+      .title-flex {
+        width: 100%;
+        display: flex;
+        line-height: 42px;
+        .item-title {
+          width: calc(100% - 80px);
+          font-family: PingFangSC-Medium;
+          font-weight: 500;
+          font-size: 32px;
+          color: #222;
+          padding: 20px 0;
+        }
+        .right-icon {
+          width: 40px;
+          height: 40px;
+          padding: 20px;
+          transform: rotate(-90deg);
+          transition: all 0.3s ease-in-out;
+        }
+        .right-icon-active {
+          transform: rotate(90deg);
+        }
+      }
+      .item-content {
+        .item-form {
+          width: 100%;
+          padding: 16px 20px 16px 0;
+          border-bottom: 1px solid #E4E5E6;
+          box-sizing: border-box;
+          word-break: break-all;
+          font-family: PingFangSC-Regular;
+          .label {
+            height: 44px;
+            font-size: 32px;
+            color: #999;
+            margin-bottom: 20px;
+          }
+          .value {
+            line-height: 40px;
+            font-size: 28px;
+            color: #222;
+            letter-spacing: 0;
+          }
+        }
+      }
+    }
+  }
+  .footer-btn {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 16px 32px 52px 16px;
+    box-sizing: border-box;
+    background-color: #fff;
+    z-index: 9;
+    .btn {
+      width: 100%;
+      text-align: center;
+      height: 96px;
+      line-height: 94px;
+      border: 1px solid #2183FF;
+      border-radius: 8px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 32px;
+      color: #2183FF;
+      margin-bottom: 16px;
+    }
+    .primary {
+      background-color: #2183FF;
+      color: #fff;
+    }
+  }
+}
+</style>
diff --git a/src/project/hljjm/AppChildrenInfo/AppChildrenDetailView.vue b/src/project/hljjm/AppChildrenInfo/AppChildrenDetailView.vue
new file mode 100644
index 00000000..4d94731a
--- /dev/null
+++ b/src/project/hljjm/AppChildrenInfo/AppChildrenDetailView.vue
@@ -0,0 +1,156 @@
+<template>
+  <section class="AppChildrenDetailView">
+    <div class="info-list">
+      <div class="item" v-for="(item, index) in list" :key="index">
+        <div class="title-flex">
+          <div class="item-title">{{item.title}}</div>
+          <img src="https://cdn.sinoecare.com/i/2024/09/06/66da67b778d99.png" alt="" :class="item.isView ? 'right-icon' : 'right-icon right-icon-active'" @click="view(index)">
+        </div>
+        <div class="item-content" v-if="item.isView">
+          <!-- <div class="item-form" v-for="(items, indexs) in item.infoList" :key="indexs">
+            <div class="label">{{items.label}}</div>
+            <div class="value">{{items.value}}</div>
+          </div> -->
+          <p>详细基本信息，包括儿童的健康状态、患病情况、工学情况等</p>
+        </div>
+      </div>
+    </div>
+    <div class="footer-btn">
+      <div class="btn">返回</div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppChildrenDetailView",
+  appName: "儿童详细信息",
+  data() {
+    return {
+      list: [
+        {
+          title: '详细基本信息',
+          isView: false,
+        },
+        {
+          title: '父母信息',
+          isView: false,
+        }
+      ]
+    }
+  },
+  onLoad() {
+    uni.setNavigationBarColor({
+      frontColor: '#ffffff',
+      backgroundColor: '#2183FF'
+    })
+    uni.setNavigationBarTitle({
+      title: '儿童详细信息'
+    })
+  },
+  methods: {
+    view(index) {
+      this.list[index].isView = !this.list[index].isView
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  background-color: #F5F6F7;
+}
+.AppChildrenDetailView {
+  .info-list {
+    .item {
+      box-sizing: border-box;
+      background-color: #fff;
+      .title-flex {
+        width: calc(100% - 32px);
+        display: flex;
+        line-height: 42px;
+        margin-left: 32px;
+        border-bottom: 1px solid #E4E5E6;
+        .item-title {
+          width: calc(100% - 80px);
+          padding: 40px 0 34px 0;
+          line-height: 42px;
+          font-family: PingFangSC-Medium;
+          font-weight: 500;
+          font-size: 30px;
+          color: #333;
+        }
+        .right-icon {
+          width: 40px;
+          height: 40px;
+          padding: 20px;
+          transform: rotate(-90deg);
+          transition: all 0.3s ease-in-out;
+          margin-top: 10px;
+        }
+        .right-icon-active {
+          transform: rotate(90deg);
+        }
+      }
+      .item-content {
+        padding: 20px 32px;
+        box-sizing: border-box;
+        background-color: #F5F6F7;
+        p {
+          width: 100%;
+          line-height: 40px;
+          font-family: PingFangSC-Medium;
+          font-weight: 500;
+          font-size: 28px;
+          color: #999;
+          word-break: break-all;
+        }
+
+        // .item-form {
+        //   width: 100%;
+        //   padding: 16px 20px 16px 0;
+        //   border-bottom: 1px solid #E4E5E6;
+        //   box-sizing: border-box;
+        //   word-break: break-all;
+        //   font-family: PingFangSC-Regular;
+        //   .label {
+        //     height: 44px;
+        //     font-size: 32px;
+        //     color: #999;
+        //     margin-bottom: 20px;
+        //   }
+        //   .value {
+        //     line-height: 40px;
+        //     font-size: 28px;
+        //     color: #222;
+        //     letter-spacing: 0;
+        //   }
+        // }
+      }
+    }
+  }
+  .footer-btn {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 16px 32px 52px 16px;
+    box-sizing: border-box;
+    background-color: #fff;
+    z-index: 9;
+    .btn {
+      width: 100%;
+      text-align: center;
+      height: 96px;
+      line-height: 94px;
+      border: 1px solid #2183FF;
+      border-radius: 8px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 32px;
+      color: #2183FF;
+      margin-bottom: 16px;
+    }
+  }
+}
+</style>
diff --git a/src/project/hljjm/AppChildrenInfo/AppChildrenInfo.vue b/src/project/hljjm/AppChildrenInfo/AppChildrenInfo.vue
new file mode 100644
index 00000000..60dfecd5
--- /dev/null
+++ b/src/project/hljjm/AppChildrenInfo/AppChildrenInfo.vue
@@ -0,0 +1,138 @@
+<template>
+  <section class="AppChildrenInfo">
+    <div class="form">
+      <div class="item">
+        <span class="requier">*</span>
+        <div class="item-content">
+          <div class="label">儿童类型</div>
+          <div class="value">请选择</div>
+          <img src="https://cdn.sinoecare.com/i/2024/09/06/66da67b778d99.png" alt="" class="right-icon">
+        </div>
+      </div>
+      <div class="item">
+        <span class="requier">*</span>
+        <div class="item-content">
+          <div class="label">儿童姓名</div>
+          <div class="value">
+            <u-input type="text" placeholder="请输入" placeholder-style="color:#999;font-size:14px;" height="40" v-model="value" maxlength="10"/>
+          </div>
+        </div>
+      </div>
+      <div class="item">
+        <span class="requier">*</span>
+        <div class="item-content">
+          <div class="label">儿童身份证号</div>
+          <div class="value">
+            <u-input type="text" placeholder="请输入" placeholder-style="color:#999;font-size:14px;" height="40" v-model="value" maxlength="10"/>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="footer-btn">
+      <div class="btn primary">扫描身份证</div>
+      <div class="btn primary" @click="toList()">查询</div>
+      <div class="btn">返回</div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppChildrenInfo",
+  appName: "各类儿童信息查询",
+  data() {
+    return {
+      value: ''
+    }
+  },
+  onLoad() {
+    uni.setNavigationBarColor({
+      frontColor: '#ffffff',
+      backgroundColor: '#2183FF'
+    })
+    uni.setNavigationBarTitle({
+      title: '各类儿童信息查询'
+    })
+  },
+  methods: {
+    toList() {
+      uni.navigateTo({url: './AppChildrenList'})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  background-color: #F5F6F7;
+}
+.AppChildrenInfo {
+  .form {
+    background-color: #fff;
+    .item {
+      display: flex;
+      padding-top: 16px;
+      .requier {
+        line-height: 44px;
+        font-family: PingFangSC-Regular;
+        font-size: 32px;
+        color: #F46;
+        padding: 0 4px 0 12px;
+      }
+      .item-content {
+        width: calc(100% - 32px);
+        padding-bottom: 16px;
+        border-bottom: 1px solid #F4F4F5;
+        font-family: PingFangSC-Regular;
+        position: relative;
+        .label {
+          line-height: 44px;
+          font-family: PingFangSC-Regular;
+          font-size: 32px;
+          color: #666;
+          margin-bottom: 20px;
+        }
+        .value {
+          line-height: 40px;
+          font-size: 28px;
+          color: #333;
+        }
+        .right-icon {
+          position: absolute;
+          top: 12px;
+          right: 0;
+          width: 40px;
+          height: 40px;
+          padding: 20px;
+        }
+      }
+    }
+  }
+  .footer-btn {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 16px 32px 52px 16px;
+    box-sizing: border-box;
+    background-color: #fff;
+    .btn {
+      width: 100%;
+      text-align: center;
+      height: 96px;
+      line-height: 94px;
+      border: 1px solid #2183FF;
+      border-radius: 8px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 32px;
+      color: #2183FF;
+      margin-bottom: 16px;
+    }
+    .primary {
+      background-color: #2183FF;
+      color: #fff;
+    }
+  }
+}
+</style>
diff --git a/src/project/hljjm/AppChildrenInfo/AppChildrenList.vue b/src/project/hljjm/AppChildrenInfo/AppChildrenList.vue
new file mode 100644
index 00000000..79456cea
--- /dev/null
+++ b/src/project/hljjm/AppChildrenInfo/AppChildrenList.vue
@@ -0,0 +1,122 @@
+<template>
+  <section class="AppChildrenList">
+    <div class="user-list">
+      <div class="item" @click="toDetail()">
+        <div class="name-flex">
+          <div class="name">张珊珊</div>
+          <div class="type-list">
+            <div class="type">事实无人抚养儿童</div>
+          </div>
+        </div>
+        <img src="https://cdn.sinoecare.com/i/2024/09/06/66da67b778d99.png" alt="" class="right-icon">
+        <div class="sex-info">
+          <span>女</span>
+          <span>14岁</span>
+        </div>
+      </div>
+      <div class="item">
+        <div class="name-flex">
+          <div class="name">张珊珊</div>
+          <div class="type-list">
+            <div class="type">事实无人抚养儿童</div>
+          </div>
+        </div>
+        <img src="https://cdn.sinoecare.com/i/2024/09/06/66da67b778d99.png" alt="" class="right-icon">
+        <div class="sex-info">
+          <span>女</span>
+          <span>14岁</span>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppChildrenList",
+  appName: "各类儿童信息查询",
+  data() {
+    return {
+      
+    }
+  },
+  onLoad() {
+    uni.setNavigationBarColor({
+      frontColor: '#ffffff',
+      backgroundColor: '#2183FF'
+    })
+    uni.setNavigationBarTitle({
+      title: '各类儿童信息查询'
+    })
+  },
+  methods: {
+    toDetail() {
+      uni.navigateTo({url: `./AppChildrenDetail`})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  background-color: #F5F6F7;
+}
+.AppChildrenList {
+  .user-list {
+    padding: 28px 32px 0 32px;
+    width: 100%;
+    box-sizing: border-box;
+    .item {
+      width: 100%;
+      background: #FFF;
+      border-radius: 16px;
+      padding: 24px;
+      box-sizing: border-box;
+      position: relative;
+      margin-bottom: 24px;
+      .name-flex {
+        display: flex;
+        margin-bottom: 16px;
+        .name {
+          line-height: 48px;
+          font-family: PingFangSC-Medium;
+          font-weight: 500;
+          font-size: 34px;
+          color: #333;
+          margin-right: 32px;
+        }
+        .type-list {
+          .type {
+            display: inline-block;
+            line-height: 48px;
+            background: #F5FCF5;
+            border: 1px solid #E2F6E1;
+            border-radius: 8px;
+            padding: 0 16px;
+            font-family: PingFangSC-Regular;
+            font-size: 26px;
+            color: #3BBC37;
+          }
+        }
+      }
+      .right-icon {
+        position: absolute;
+        top: 50px;
+        right: 20px;
+        width: 40px;
+        height: 40px;
+      }
+      .sex-info {
+        span {
+          display: inline-block;
+          line-height: 36px;
+          font-family: PingFangSC-Regular;
+          font-size: 26px;
+          color: #999;
+          margin-right: 28px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/project/hljjm/AppHome/AppHome.vue b/src/project/hljjm/AppHome/AppHome.vue
new file mode 100644
index 00000000..e08343a9
--- /dev/null
+++ b/src/project/hljjm/AppHome/AppHome.vue
@@ -0,0 +1,63 @@
+<template>
+  <section class="AppHome">
+    <div class="card-list">
+      <div class="item-card" v-for="(item, index) in cardList" :key="index" @click="linkTo(item.linkUrl)">
+        <img :src="item.imgUrl" alt="">
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppHome",
+  appName: "黑龙江儿童福利系统",
+  data() {
+    return {
+      cardList: [
+        {
+          imgUrl: 'https://cdn.sinoecare.com/i/2024/09/06/66da65a3635e2.png',
+          linkUrl: '../AppChildrenInfo/AppChildrenInfo'
+        },
+        {
+          imgUrl: 'https://cdn.sinoecare.com/i/2024/09/06/66da65a41973a.png',
+          linkUrl: '../AppRecognize/AppRecognize'
+        }
+      ]
+    }
+  },
+  onLoad() {
+    uni.setNavigationBarColor({
+      frontColor: '#ffffff',
+      backgroundColor: '#2183FF'
+    })
+    uni.setNavigationBarTitle({
+      title: '黑龙江儿童福利系统'
+    })
+  },
+  methods: {
+    linkTo(url) {
+      uni.navigateTo({url})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  background-color: #fff;
+}
+.AppHome {
+  .card-list {
+    padding: 28px 32px 0 32px;
+    .item-card {
+      margin-bottom: 28px;
+      width: 100%;
+      img {
+        width: 100%;
+        height: 180px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/project/hljjm/AppRecognize/AppRecognize.vue b/src/project/hljjm/AppRecognize/AppRecognize.vue
new file mode 100644
index 00000000..6ccd1935
--- /dev/null
+++ b/src/project/hljjm/AppRecognize/AppRecognize.vue
@@ -0,0 +1,165 @@
+<template>
+  <section class="AppRecognize">
+  <u-navbar title="认亲助养" title-color="#fff" title-width="300" title-size="34" 
+    :title-bold="true" :background="backgroundNavbar" :height="44" back-icon-color="#fff">
+    <div slot="right" class="btn-right">查询/新增</div>
+  </u-navbar>
+  <div class="select-content">
+    <span class="triangle-up"></span>
+    <div class="item" @click="linkTo('./AppRecognizeSearchTab')">查询</div>
+    <div class="item" @click="linkTo('./AppRecognizeAdd')">新增认清助养</div>
+  </div>
+  <u-tabs :list="tabList" :is-scroll="false" :current="tabIndex" @change="change" height="112" :bar-style="barStyle"
+    bg-color="#fff" inactive-color="#666" active-color="#222" :active-item-style="activeStyle"></u-tabs>
+  <div class="user-list">
+    <div class="item" @click="toDetail()">
+      <div class="item-top">
+        <div class="title">助养方：王微微</div>
+        <div class="info">助养对象：张珊珊、李思思等被助养人</div>
+        <div class="info">相信描述：衣服物件、鞋子无双、资金500000元</div>
+      </div>
+      <div class="item-bottom">
+        <div class="time">2023-09-10</div>
+      </div>
+    </div>
+    <div class="item">
+      <div class="item-top">
+        <div class="title">助养方：王微微</div>
+        <div class="info">助养对象：张珊珊、李思思等被助养人</div>
+        <div class="info">相信描述：衣服物件、鞋子无双、资金500000元</div>
+      </div>
+      <div class="item-bottom">
+        <div class="time">2023-09-10</div>
+      </div>
+    </div>
+  </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppRecognize",
+  appName: "认亲助养",
+  customNavigation: true,
+  data() {
+    return {
+      backgroundNavbar: {
+        backgroundColor: '#2183FF'
+      },
+      tabList: [{name: '一次性助养'}, {name: '长期助养'}],
+			tabIndex: 0,
+      barStyle: {
+        'width': '20px', 
+        'bottom': '-3px', 
+        'background': '#4181FF', 
+        'border-radius': '2px'
+      },
+      activeStyle: {
+        'font-weight' : '400',
+        'color': '#222'
+      },
+    }
+  },
+  onLoad() {
+
+  },
+  methods: {
+    linkTo(url) {
+      uni.navigateTo({url})
+    },
+    toDetail() {
+      uni.navigateTo({url: `./AppRecognizeDetail`})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  background-color: #F5F6F7;
+}
+.AppRecognize {
+  position: relative;
+  .btn-right {
+    font-family: PingFangSC-SNaNpxibold;
+    font-weight: 600;
+    font-size: 34px;
+    color: #FFF;
+    padding-right: 22px;
+  }
+  ::v-deep .u-tabs {
+    border-bottom: 1px solid #ddd;
+  }
+  .select-content {
+    border-radius: 16px;
+    padding: 12px 32px 0 32px;
+    background-color: #fff;
+    box-shadow: 6px 6px 12px 0px #999;
+    width: 256px;
+    position: absolute;
+    top: 104px;
+    right: 32px;
+    z-index: 999;
+    .item {
+      line-height: 88px;
+      text-align: center;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 28px;
+      color: #323233;
+    }
+    .item:nth-of-type(1) {
+      border-bottom: 1px solid #eee;
+    }
+    .triangle-up {
+      width: 0;
+      height: 0;
+      border-bottom: 16px solid #fff;
+      border-left: 16px solid transparent;
+      border-right: 16px solid transparent;
+      position: absolute;
+      top: -16px;
+      right: 66px;
+      z-index: 999;
+    }
+  }
+  .user-list {
+    padding: 24px 32px 0 32px;
+    box-sizing: border-box;
+    .item {
+      width: 100%;
+      background: #FFF;
+      border-radius: 16px;
+      margin-bottom: 24px;
+      .item-top {
+        padding: 24px;
+        .title {
+          line-height: 48px;
+          font-family: PingFangSC-Medium;
+          font-weight: 500;
+          font-size: 34px;
+          color: #333;
+          margin-bottom: 12px;
+          word-break: break-all;
+        }
+        .info {
+          line-height: 48px;
+          font-family: PingFangSC-Regular;
+          font-size: 26px;
+          color: #666;
+        }
+      }
+      .item-bottom {
+        padding: 14px 0 10px 24px;
+        border-top: 1px solid #E4E5E6;
+        .time {
+          line-height: 48px;
+          font-family: PingFangSC-Regular;
+          font-size: 24px;
+          color: #999;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/project/hljjm/AppRecognize/AppRecognizeAdd.vue b/src/project/hljjm/AppRecognize/AppRecognizeAdd.vue
new file mode 100644
index 00000000..88521e42
--- /dev/null
+++ b/src/project/hljjm/AppRecognize/AppRecognizeAdd.vue
@@ -0,0 +1,73 @@
+<template>
+  <section class="AppRecognizeAdd">
+    <div class="step-info">
+      <u-steps :list="stepTitleList" :current="stepIndex" active-color="#2183FF" un-active-color="#D0D1D6" mode="number"></u-steps>
+    </div>
+    <div class="footer-btn">
+      <div class="btn primary">扫描身份证</div>
+      <div class="btn primary">查询</div>
+      <div class="btn">返回</div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppRecognizeAdd",
+  appName: "认亲助养",
+  data() {
+    return {
+      stepTitleList: [{name: '助养信息'}, {name: '助养对象'}, {name: '相关文件'}, {name: '经办人'}],
+      stepIndex: 0
+    }
+  },
+  onLoad() {
+    uni.setNavigationBarColor({
+      frontColor: '#ffffff',
+      backgroundColor: '#2183FF'
+    })
+    uni.setNavigationBarTitle({
+      title: '认亲助养'
+    })
+  },
+  methods: {
+    linkTo(url) {
+      uni.navigateTo({url})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  background-color: #fff;
+}
+.AppRecognizeAdd {
+  .footer-btn {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 16px 32px 52px 16px;
+    box-sizing: border-box;
+    background-color: #fff;
+    .btn {
+      width: 100%;
+      text-align: center;
+      height: 96px;
+      line-height: 94px;
+      border: 1px solid #2183FF;
+      border-radius: 8px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 32px;
+      color: #2183FF;
+      margin-bottom: 16px;
+    }
+    .primary {
+      background-color: #2183FF;
+      color: #fff;
+    }
+  }
+}
+</style>
diff --git a/src/project/hljjm/AppRecognize/AppRecognizeDetail.vue b/src/project/hljjm/AppRecognize/AppRecognizeDetail.vue
new file mode 100644
index 00000000..3142e700
--- /dev/null
+++ b/src/project/hljjm/AppRecognize/AppRecognizeDetail.vue
@@ -0,0 +1,123 @@
+<template>
+  <section class="AppRecognizeDetail">
+    <u-tabs :list="tabList" :is-scroll="false" :current="tabIndex" @change="change" height="112" :bar-style="barStyle"
+      bg-color="#fff" inactive-color="#666" active-color="#222" :active-item-style="activeStyle"></u-tabs>
+    <div class="info-content">
+      <div class="item">
+        <div class="label">助养人姓名</div>
+        <div class="value">张珊珊</div>
+      </div>
+      <div class="item">
+        <div class="label">助养人姓名</div>
+        <div class="value">张珊珊</div>
+      </div>
+      <div class="item">
+        <div class="label">助养人姓名</div>
+        <div class="value">张珊珊</div>
+      </div>
+    </div>
+    <div class="footer-btn">
+      <div class="btn primary" @click="toList()">下一步</div>
+      <div class="btn">返回</div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppRecognizeDetail",
+  appName: "认亲助养",
+  data() {
+    return {
+      tabList: [{name: '助养信息'}, {name: '助养对象'}, {name: '相关文件'}, {name: '经办人'}],
+			tabIndex: 0,
+      barStyle: {
+        'width': '20px', 
+        'bottom': '-3px', 
+        'background': '#4181FF', 
+        'border-radius': '2px'
+      },
+      activeStyle: {
+        'font-weight' : '400',
+        'color': '#222'
+      },
+    }
+  },
+  onLoad() {
+    uni.setNavigationBarColor({
+      frontColor: '#ffffff',
+      backgroundColor: '#2183FF'
+    })
+    uni.setNavigationBarTitle({
+      title: '认亲助养'
+    })
+  },
+  methods: {
+    linkTo(url) {
+      uni.navigateTo({url})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  background-color: #f5f6f7;
+}
+.AppRecognizeDetail {
+  ::v-deep .u-tabs {
+    border-bottom: 1px solid #ddd;
+  }
+  .info-content {
+    margin-top: 24px;
+    .item {
+      padding-left: 32px;
+      background-color: #fff;
+      font-family: PingFangSC-Regular;
+      width: 100%;
+      box-sizing: border-box;
+      .label {
+        padding: 16px 32px 20px 0;
+        line-height: 44px;
+        font-size: 32px;
+        color: #999;
+        box-sizing: border-box;
+      }
+      .value {
+        padding: 0 20px 16px 0;
+        box-sizing: border-box;
+        line-height: 40px;
+        font-size: 28px;
+        color: #222;
+        border-bottom: 1px solid #E4E5E6;
+      }
+    }
+  }
+  .footer-btn {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 16px 32px 52px 16px;
+    box-sizing: border-box;
+    background-color: #fff;
+    .btn {
+      width: 100%;
+      text-align: center;
+      height: 96px;
+      line-height: 94px;
+      border: 1px solid #2183FF;
+      border-radius: 8px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 32px;
+      color: #2183FF;
+      margin-bottom: 16px;
+    }
+    .primary {
+      background-color: #2183FF;
+      color: #fff;
+    }
+  }
+}
+</style>
diff --git a/src/project/hljjm/AppRecognize/AppRecognizeSearch.vue b/src/project/hljjm/AppRecognize/AppRecognizeSearch.vue
new file mode 100644
index 00000000..d729b178
--- /dev/null
+++ b/src/project/hljjm/AppRecognize/AppRecognizeSearch.vue
@@ -0,0 +1,132 @@
+<template>
+  <section class="AppRecognizeSearch">
+    <div class="form">
+      <div class="item">
+        <span class="requier">*</span>
+        <div class="item-content">
+          <div class="label">{{navName == '个人助养' ? '助养人名称' : '助养方名称'}}</div>
+          <div class="value">
+            <u-input type="text" placeholder="请输入" placeholder-style="color:#999;font-size:14px;" height="40" v-model="value" maxlength="10"/>
+          </div>
+        </div>
+      </div>
+      <div class="item" v-if="navName == '个人助养'">
+        <span class="requier">*</span>
+        <div class="item-content">
+          <div class="label">助养人身份证号</div>
+          <div class="value">
+            <u-input type="text" placeholder="请输入" placeholder-style="color:#999;font-size:14px;" height="40" v-model="value" maxlength="10"/>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="footer-btn">
+      <div class="btn primary" v-if="navName == '个人助养'">扫描助养人身份证</div>
+      <div class="btn primary" @click="toList()">查询</div>
+      <div class="btn">返回</div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppRecognizeSearch",
+  appName: "查询个人助养",
+  data() {
+    return {
+      value: '',
+      navName: ''
+    }
+  },
+  onLoad(option) {
+    this.navName = option.name
+    uni.setNavigationBarColor({
+      frontColor: '#ffffff',
+      backgroundColor: '#2183FF'
+    })
+    uni.setNavigationBarTitle({
+      title: option.name == '个人助养' ? '查询个人助养' : '查询集体助养'
+    })
+  },
+  methods: {
+    toList() {
+      uni.navigateTo({url: './AppRecognizeSearchList'})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  background-color: #F5F6F7;
+}
+.AppRecognizeSearch {
+  .form {
+    background-color: #fff;
+    .item {
+      display: flex;
+      padding-top: 16px;
+      .requier {
+        line-height: 44px;
+        font-family: PingFangSC-Regular;
+        font-size: 32px;
+        color: #F46;
+        padding: 0 4px 0 12px;
+      }
+      .item-content {
+        width: calc(100% - 32px);
+        padding-bottom: 16px;
+        border-bottom: 1px solid #F4F4F5;
+        font-family: PingFangSC-Regular;
+        position: relative;
+        .label {
+          line-height: 44px;
+          font-family: PingFangSC-Regular;
+          font-size: 32px;
+          color: #666;
+          margin-bottom: 20px;
+        }
+        .value {
+          line-height: 40px;
+          font-size: 28px;
+          color: #333;
+        }
+        .right-icon {
+          position: absolute;
+          top: 12px;
+          right: 0;
+          width: 40px;
+          height: 40px;
+          padding: 20px;
+        }
+      }
+    }
+  }
+  .footer-btn {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 16px 32px 52px 16px;
+    box-sizing: border-box;
+    background-color: #fff;
+    .btn {
+      width: 100%;
+      text-align: center;
+      height: 96px;
+      line-height: 94px;
+      border: 1px solid #2183FF;
+      border-radius: 8px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 32px;
+      color: #2183FF;
+      margin-bottom: 16px;
+    }
+    .primary {
+      background-color: #2183FF;
+      color: #fff;
+    }
+  }
+}
+</style>
diff --git a/src/project/hljjm/AppRecognize/AppRecognizeSearchList.vue b/src/project/hljjm/AppRecognize/AppRecognizeSearchList.vue
new file mode 100644
index 00000000..7068f177
--- /dev/null
+++ b/src/project/hljjm/AppRecognize/AppRecognizeSearchList.vue
@@ -0,0 +1,101 @@
+<template>
+  <section class="AppRecognizeSearchList">
+    <div class="user-list">
+      <div class="item" @click="toDetail()">
+        <div class="item-top">
+          <div class="title">助养方：王微微</div>
+          <div class="info">助养对象：张珊珊、李思思等被助养人</div>
+          <div class="info">相信描述：衣服物件、鞋子无双、资金500000元</div>
+        </div>
+        <div class="item-bottom">
+          <div class="time">2023-09-10</div>
+        </div>
+      </div>
+      <div class="item">
+        <div class="item-top">
+          <div class="title">助养方：王微微</div>
+          <div class="info">助养对象：张珊珊、李思思等被助养人</div>
+          <div class="info">相信描述：衣服物件、鞋子无双、资金500000元</div>
+        </div>
+        <div class="item-bottom">
+          <div class="time">2023-09-10</div>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppRecognizeSearchList",
+  appName: "查询认亲助养",
+  data() {
+    return {
+
+    }
+  },
+  onLoad() {
+    uni.setNavigationBarColor({
+      frontColor: '#ffffff',
+      backgroundColor: '#2183FF'
+    })
+    uni.setNavigationBarTitle({
+      title: '查询认亲助养'
+    })
+  },
+  methods: {
+    linkTo(url) {
+      uni.navigateTo({url})
+    },
+    toDetail() {
+      uni.navigateTo({url: `./AppRecognizeDetail`})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  background-color: #F5F6F7;
+}
+.AppRecognizeSearchList {
+  .user-list {
+    padding: 24px 32px 0 32px;
+    box-sizing: border-box;
+    .item {
+      width: 100%;
+      background: #FFF;
+      border-radius: 16px;
+      margin-bottom: 24px;
+      .item-top {
+        padding: 24px;
+        .title {
+          line-height: 48px;
+          font-family: PingFangSC-Medium;
+          font-weight: 500;
+          font-size: 34px;
+          color: #333;
+          margin-bottom: 12px;
+          word-break: break-all;
+        }
+        .info {
+          line-height: 48px;
+          font-family: PingFangSC-Regular;
+          font-size: 26px;
+          color: #666;
+        }
+      }
+      .item-bottom {
+        padding: 14px 0 10px 24px;
+        border-top: 1px solid #E4E5E6;
+        .time {
+          line-height: 48px;
+          font-family: PingFangSC-Regular;
+          font-size: 24px;
+          color: #999;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/project/hljjm/AppRecognize/AppRecognizeSearchTab.vue b/src/project/hljjm/AppRecognize/AppRecognizeSearchTab.vue
new file mode 100644
index 00000000..35fa8ae8
--- /dev/null
+++ b/src/project/hljjm/AppRecognize/AppRecognizeSearchTab.vue
@@ -0,0 +1,66 @@
+<template>
+  <section class="AppRecognizeSearchTab">
+    <div class="item" v-for="(item, index) in list" :key="index" @click="toSearch(item)">
+      <div class="title-flex">
+        <div class="title">{{item}}</div>
+        <img src="https://cdn.sinoecare.com/i/2024/09/06/66da67b778d99.png" alt="" class="right-icon">
+      </div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppRecognizeSearchTab",
+  appName: "查询认清助养",
+  data() {
+    return {
+      list: ['个人助养', '集体助养']
+    }
+  },
+  onLoad() {
+    uni.setNavigationBarColor({
+      frontColor: '#ffffff',
+      backgroundColor: '#2183FF'
+    })
+    uni.setNavigationBarTitle({
+      title: '查询认清助养'
+    })
+  },
+  methods: {
+    toSearch(name) {
+      uni.navigateTo({url: `./AppRecognizeSearch?name=${name}`})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  background-color: #F5F6F7;
+}
+.AppRecognizeSearchTab {
+  .item {
+    padding-left: 32px;
+    box-sizing: border-box;
+    background-color: #fff;
+    .title-flex {
+      display: flex;
+      padding: 40px 20px 34px 0;
+      border-bottom: 1px solid #E4E5E6;
+      justify-content: space-between;
+      .title {
+        line-height: 42px;
+        font-family: PingFangSC-Medium;
+        font-weight: 500;
+        font-size: 30px;
+        color: #333;
+      }
+      .right-icon {
+        width: 40px;
+        height: 40px;
+      }
+    }
+  }
+}
+</style>