From a0e4bac0573d08debcb63b5faad27f2667d6d158 Mon Sep 17 00:00:00 2001
From: wanglei <wl2666675>
Date: Thu, 16 May 2024 11:46:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A1=A3=E6=A1=88=E6=A3=80=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dangan-ui/src/api/dangan/search.js            |  12 +-
 dangan-ui/src/views/dangan/catalog/index.vue  |   9 +-
 .../src/views/dangan/retrieval/index.vue      | 578 ++++++++++++++++++
 3 files changed, 594 insertions(+), 5 deletions(-)
 create mode 100644 dangan-ui/src/views/dangan/retrieval/index.vue

diff --git a/dangan-ui/src/api/dangan/search.js b/dangan-ui/src/api/dangan/search.js
index b558a35..d49337e 100644
--- a/dangan-ui/src/api/dangan/search.js
+++ b/dangan-ui/src/api/dangan/search.js
@@ -1,6 +1,6 @@
 import request from '@/utils/request'
 
-// 查询档案目录列表
+// 查询档案信息列表
 export function listSearch(query) {
   return request({
     url: '/dangan/search/list',
@@ -8,3 +8,13 @@ export function listSearch(query) {
     params: query
   })
 }
+
+
+// 查询档案检索列表
+export function listAllSearch(query) {
+  return request({
+    url: '/dangan/search/listAll',
+    method: 'get',
+    params: query
+  })
+}
diff --git a/dangan-ui/src/views/dangan/catalog/index.vue b/dangan-ui/src/views/dangan/catalog/index.vue
index 3223ca2..6dfe58a 100644
--- a/dangan-ui/src/views/dangan/catalog/index.vue
+++ b/dangan-ui/src/views/dangan/catalog/index.vue
@@ -266,7 +266,7 @@
     </el-dialog>
 
     <!-- 档案信息 -->
-    <el-dialog title="档案信息" :visible.sync="daxx.open" width="900px" append-to-body top="6vh">
+    <el-dialog title="档案信息" :visible.sync="daxx.open" width="1000px" append-to-body top="6vh">
       <el-table :data="daxx.list">
         <el-table-column label="姓名" align="center" prop="name" />
         <el-table-column label="身份证号" align="center" prop="cardId" />
@@ -647,11 +647,12 @@ export default {
     daxxQuery(){
       listSearch(this.daxx.queryParams).then(response => {
         if(this.daxx.queryParams.ywType==='0'){
-          this.daxx.list = response.czrkdj;
+          this.daxx.list = response.czrkdj.rows;
+          this.daxx.total = response.czrkdj.total;
         }else {
-          this.daxx.list=[]
+          this.daxx.list = []
+          this.daxx.total = 0
         }
-        this.daxx.total = response.total;
       });
     },
   }
diff --git a/dangan-ui/src/views/dangan/retrieval/index.vue b/dangan-ui/src/views/dangan/retrieval/index.vue
new file mode 100644
index 0000000..514c434
--- /dev/null
+++ b/dangan-ui/src/views/dangan/retrieval/index.vue
@@ -0,0 +1,578 @@
+<template>
+  <div class="app-container">
+    <div class="headsearch">
+      <div class="headInput">
+        <el-input v-model="keyword" placeholder="请输入关键字" @keyup.enter.native="handleQuery"></el-input>
+        <el-button style="height:50px;font-size: 14px;" type="primary" icon="el-icon-search" @click="handleQuery">检索</el-button>
+      </div>
+      <el-checkbox-group v-model="checkList">
+        <el-checkbox :label="0">常住人口登记表</el-checkbox>
+        <el-checkbox :label="1">出生登记</el-checkbox>
+        <el-checkbox :label="2">户口迁移</el-checkbox>
+        <el-checkbox :label="3">变更更正</el-checkbox>
+        <el-checkbox :label="4">编码表</el-checkbox>
+        <el-checkbox :label="5">其它</el-checkbox>
+      </el-checkbox-group>
+    </div>
+
+    <!-- 常住人口登记表 -->
+    <div class="czrkdj" v-if="czrkdj.open">
+
+      <el-divider content-position="left">常住人口登记表</el-divider>
+
+      <div class="list" v-for="item in czrkdj.list" :key="item.id">
+        <div class="left">
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <span>姓名：</span>{{ item.name }}
+            </el-col>
+            <el-col :span="4">
+              <span>身份证号：</span>{{ item.cardId }}
+            </el-col>
+            <el-col :span="4">
+              <span>户主姓名：</span>{{ item.hzName }}
+            </el-col>
+            <el-col :span="4">
+              <span>与户主关系：</span>{{ item.relation }}
+            </el-col>
+            <el-col :span="4">
+              <span>出生日期：</span>{{ parseTime(item.birthday, '{y}-{m}-{d}') }}
+            </el-col>
+            <el-col :span="12">
+              <span>地址：</span>{{ item.address }}
+            </el-col>
+            <el-col :span="12">
+              <span>籍贯：</span>{{ item.jiguan }}
+            </el-col>
+            <el-col :span="24">
+              <span>备注：</span>{{ item.remark }}
+            </el-col>
+          </el-row>
+        </div>
+        <div class="right">
+          <image-preview :src="item.pictures" :width="60" :height="60"/>
+        </div>
+      </div>
+      <el-empty :image-size="200" v-if="czrkdj.list.length===0"></el-empty>
+
+      <pagination
+        v-show="czrkdj.total>0"
+        :total="czrkdj.total"
+        :page.sync="czrkdj.qParams.pageNum"
+        :limit.sync="czrkdj.qParams.pageSize"
+        @pagination="czrkdjQuery"
+      />
+
+    </div>
+
+    <!-- 出生登记 -->
+    <div class="czrkdj" v-if="csdj.open">
+
+      <el-divider content-position="left">出生登记</el-divider>
+
+      <div class="list" v-for="item in csdj.list" :key="item.id">
+        <div class="left">
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <span>姓名：</span>{{ item.name }}
+            </el-col>
+            <el-col :span="4">
+              <span>身份证号：</span>{{ item.cardId }}
+            </el-col>
+            <el-col :span="4">
+              <span>户主姓名：</span>{{ item.hzName }}
+            </el-col>
+            <el-col :span="4">
+              <span>与户主关系：</span>{{ item.relation }}
+            </el-col>
+            <el-col :span="4">
+              <span>出生日期：</span>{{ parseTime(item.birthday, '{y}-{m}-{d}') }}
+            </el-col>
+            <el-col :span="12">
+              <span>地址：</span>{{ item.address }}
+            </el-col>
+            <el-col :span="12">
+              <span>籍贯：</span>{{ item.jiguan }}
+            </el-col>
+            <el-col :span="24">
+              <span>备注：</span>{{ item.remark }}
+            </el-col>
+          </el-row>
+        </div>
+        <div class="right">
+          <image-preview :src="item.pictures" :width="60" :height="60"/>
+        </div>
+      </div>
+      <el-empty :image-size="200" v-if="csdj.list.length===0"></el-empty>
+
+      <pagination
+        v-show="csdj.total>0"
+        :total="csdj.total"
+        :page.sync="csdj.qParams.pageNum"
+        :limit.sync="csdj.qParams.pageSize"
+        @pagination="csdjQuery"
+      />
+
+    </div>
+
+    <!-- 户口迁移 -->
+    <div class="czrkdj" v-if="hkqy.open">
+
+      <el-divider content-position="left">户口迁移</el-divider>
+
+      <div class="list" v-for="item in hkqy.list" :key="item.id">
+        <div class="left">
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <span>姓名：</span>{{ item.name }}
+            </el-col>
+            <el-col :span="4">
+              <span>身份证号：</span>{{ item.cardId }}
+            </el-col>
+            <el-col :span="4">
+              <span>户主姓名：</span>{{ item.hzName }}
+            </el-col>
+            <el-col :span="4">
+              <span>与户主关系：</span>{{ item.relation }}
+            </el-col>
+            <el-col :span="4">
+              <span>出生日期：</span>{{ parseTime(item.birthday, '{y}-{m}-{d}') }}
+            </el-col>
+            <el-col :span="12">
+              <span>地址：</span>{{ item.address }}
+            </el-col>
+            <el-col :span="12">
+              <span>籍贯：</span>{{ item.jiguan }}
+            </el-col>
+            <el-col :span="24">
+              <span>备注：</span>{{ item.remark }}
+            </el-col>
+          </el-row>
+        </div>
+        <div class="right">
+          <image-preview :src="item.pictures" :width="60" :height="60"/>
+        </div>
+      </div>
+      <el-empty :image-size="200" v-if="hkqy.list.length===0"></el-empty>
+
+      <pagination
+        v-show="hkqy.total>0"
+        :total="hkqy.total"
+        :page.sync="hkqy.qParams.pageNum"
+        :limit.sync="hkqy.qParams.pageSize"
+        @pagination="hkqyQuery"
+      />
+
+    </div>
+
+    <!-- 变更更正 -->
+    <div class="czrkdj" v-if="bggz.open">
+
+      <el-divider content-position="left">变更更正</el-divider>
+
+      <div class="list" v-for="item in bggz.list" :key="item.id">
+        <div class="left">
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <span>姓名：</span>{{ item.name }}
+            </el-col>
+            <el-col :span="4">
+              <span>身份证号：</span>{{ item.cardId }}
+            </el-col>
+            <el-col :span="4">
+              <span>户主姓名：</span>{{ item.hzName }}
+            </el-col>
+            <el-col :span="4">
+              <span>与户主关系：</span>{{ item.relation }}
+            </el-col>
+            <el-col :span="4">
+              <span>出生日期：</span>{{ parseTime(item.birthday, '{y}-{m}-{d}') }}
+            </el-col>
+            <el-col :span="12">
+              <span>地址：</span>{{ item.address }}
+            </el-col>
+            <el-col :span="12">
+              <span>籍贯：</span>{{ item.jiguan }}
+            </el-col>
+            <el-col :span="24">
+              <span>备注：</span>{{ item.remark }}
+            </el-col>
+          </el-row>
+        </div>
+        <div class="right">
+          <image-preview :src="item.pictures" :width="60" :height="60"/>
+        </div>
+      </div>
+      <el-empty :image-size="200" v-if="bggz.list.length===0"></el-empty>
+
+      <pagination
+        v-show="bggz.total>0"
+        :total="bggz.total"
+        :page.sync="bggz.qParams.pageNum"
+        :limit.sync="bggz.qParams.pageSize"
+        @pagination="bggzQuery"
+      />
+
+    </div>
+
+    <!-- 编码表 -->
+    <div class="czrkdj" v-if="bmb.open">
+
+      <el-divider content-position="left">编码表</el-divider>
+
+      <div class="list" v-for="item in bmb.list" :key="item.id">
+        <div class="left">
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <span>姓名：</span>{{ item.name }}
+            </el-col>
+            <el-col :span="4">
+              <span>身份证号：</span>{{ item.cardId }}
+            </el-col>
+            <el-col :span="4">
+              <span>户主姓名：</span>{{ item.hzName }}
+            </el-col>
+            <el-col :span="4">
+              <span>与户主关系：</span>{{ item.relation }}
+            </el-col>
+            <el-col :span="4">
+              <span>出生日期：</span>{{ parseTime(item.birthday, '{y}-{m}-{d}') }}
+            </el-col>
+            <el-col :span="12">
+              <span>地址：</span>{{ item.address }}
+            </el-col>
+            <el-col :span="12">
+              <span>籍贯：</span>{{ item.jiguan }}
+            </el-col>
+            <el-col :span="24">
+              <span>备注：</span>{{ item.remark }}
+            </el-col>
+          </el-row>
+        </div>
+        <div class="right">
+          <image-preview :src="item.pictures" :width="60" :height="60"/>
+        </div>
+      </div>
+      <el-empty :image-size="200" v-if="bmb.list.length===0"></el-empty>
+
+      <pagination
+        v-show="bmb.total>0"
+        :total="bmb.total"
+        :page.sync="bmb.qParams.pageNum"
+        :limit.sync="bmb.qParams.pageSize"
+        @pagination="bmbQuery"
+      />
+
+    </div>
+
+    <!-- 其它 -->
+    <div class="czrkdj" v-if="qt.open">
+
+      <el-divider content-position="left">其它</el-divider>
+
+      <div class="list" v-for="item in qt.list" :key="item.id">
+        <div class="left">
+          <el-row :gutter="20">
+            <el-col :span="4">
+              <span>姓名：</span>{{ item.name }}
+            </el-col>
+            <el-col :span="4">
+              <span>身份证号：</span>{{ item.cardId }}
+            </el-col>
+            <el-col :span="4">
+              <span>户主姓名：</span>{{ item.hzName }}
+            </el-col>
+            <el-col :span="4">
+              <span>与户主关系：</span>{{ item.relation }}
+            </el-col>
+            <el-col :span="4">
+              <span>出生日期：</span>{{ parseTime(item.birthday, '{y}-{m}-{d}') }}
+            </el-col>
+            <el-col :span="12">
+              <span>地址：</span>{{ item.address }}
+            </el-col>
+            <el-col :span="12">
+              <span>籍贯：</span>{{ item.jiguan }}
+            </el-col>
+            <el-col :span="24">
+              <span>备注：</span>{{ item.remark }}
+            </el-col>
+          </el-row>
+        </div>
+        <div class="right">
+          <image-preview :src="item.pictures" :width="60" :height="60"/>
+        </div>
+      </div>
+      <el-empty :image-size="200" v-if="qt.list.length===0"></el-empty>
+
+      <pagination
+        v-show="qt.total>0"
+        :total="qt.total"
+        :page.sync="qt.qParams.pageNum"
+        :limit.sync="qt.qParams.pageSize"
+        @pagination="qtQuery"
+      />
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+import { listCzrkdj } from "@/api/dangan/czrkdj";
+
+export default {
+  name: "Retrieval",
+  data() {
+    return {
+      // 显示搜索条件
+      keyword: '',
+      checkList: [],
+      // 常住人口登记表
+      czrkdj: {
+        open: false,
+        list: [],
+        qParams: {
+          pageNum: 1,
+          pageSize: 10,
+          name: null,
+        },
+        total: 0
+      },
+      // 出生登记
+      csdj: {
+        open: false,
+        list: [],
+        qParams: {
+          pageNum: 1,
+          pageSize: 10,
+          name: null,
+        },
+        total: 0
+      },
+      // 户口迁移
+      hkqy: {
+        open: false,
+        list: [],
+        qParams: {
+          pageNum: 1,
+          pageSize: 10,
+          name: null,
+        },
+        total: 0
+      },
+      // 变更更正
+      bggz: {
+        open: false,
+        list: [],
+        qParams: {
+          pageNum: 1,
+          pageSize: 10,
+          name: null,
+        },
+        total: 0
+      },
+      // 编码表
+      bmb: {
+        open: false,
+        list: [],
+        qParams: {
+          pageNum: 1,
+          pageSize: 10,
+          name: null,
+        },
+        total: 0
+      },
+      // 其它
+      qt: {
+        open: false,
+        list: [],
+        qParams: {
+          pageNum: 1,
+          pageSize: 10,
+          name: null,
+        },
+        total: 0
+      }
+    }
+  },
+  methods: {
+    handleQuery(){
+      if(this.checkList.indexOf(0) !== -1){
+        this.czrkdj.open = true
+        this.czrkdj.qParams.name = this.keyword
+        this.czrkdjQuery();
+      }else {
+        this.czrkdj.open = false
+        this.czrkdj.list = [];
+        this.czrkdj.total = 0;
+      }
+
+      if(this.checkList.indexOf(1) !== -1){
+        this.csdj.open = true
+        this.csdj.qParams.name = this.keyword
+        // this.csdjQuery();
+      }else {
+        this.csdj.open = false
+        this.csdj.list = [];
+        this.csdj.total = 0;
+      }
+
+      if(this.checkList.indexOf(2) !== -1){
+        this.hkqy.open = true
+        this.hkqy.qParams.name = this.keyword
+        // this.hkqyQuery();
+      }else {
+        this.hkqy.open = false
+        this.hkqy.list = [];
+        this.hkqy.total = 0;
+      }
+
+      if(this.checkList.indexOf(3) !== -1){
+        this.bggz.open = true
+        this.bggz.qParams.name = this.keyword
+        // this.bggzQuery();
+      }else {
+        this.bggz.open = false
+        this.bggz.list = [];
+        this.bggz.total = 0;
+      }
+
+      if(this.checkList.indexOf(4) !== -1){
+        this.bmb.open = true
+        this.bmb.qParams.name = this.keyword
+        // this.bmbQuery();
+      }else {
+        this.bmb.open = false
+        this.bmb.list = [];
+        this.bmb.total = 0;
+      }
+
+      if(this.checkList.indexOf(5) !== -1){
+        this.qt.open = true
+        this.qt.qParams.name = this.keyword
+        // this.qtQuery();
+      }else {
+        this.qt.open = false
+        this.qt.list = [];
+        this.qt.total = 0;
+      }
+    },
+    czrkdjQuery(){
+      listCzrkdj(this.czrkdj.qParams).then(response => {
+        this.czrkdj.list = response.rows;
+        this.czrkdj.total = response.total;
+      })
+    },
+    csdjQuery(){
+      listCzrkdj(this.csdj.qParams).then(response => {
+        this.csdj.list = response.rows;
+        this.csdj.total = response.total;
+      })
+    },
+    hkqyQuery(){
+      listCzrkdj(this.hkqy.qParams).then(response => {
+        this.hkqy.list = response.rows;
+        this.hkqy.total = response.total;
+      })
+    },
+    bggzQuery(){
+      listCzrkdj(this.bggz.qParams).then(response => {
+        this.bggz.list = response.rows;
+        this.bggz.total = response.total;
+      })
+    },
+    bmbQuery(){
+      listCzrkdj(this.bmb.qParams).then(response => {
+        this.bmb.list = response.rows;
+        this.bmb.total = response.total;
+      })
+    },
+    qtQuery(){
+      listCzrkdj(this.qt.qParams).then(response => {
+        this.qt.list = response.rows;
+        this.qt.total = response.total;
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.headsearch{
+  margin: 0 auto;
+  width: 800px;
+  text-align: center;
+  margin-bottom: 40px;
+
+  .headInput{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 10px;
+
+    ::v-deep.el-input{
+      margin-right: 10px;
+      width: 500px;
+    }
+
+    ::v-deep.el-input--medium .el-input__inner {
+      height: 60px;
+      line-height: 60px;
+    }
+  }
+}
+
+::v-deep .el-checkbox__inner{
+  width: 20px;
+  height: 20px;
+}
+
+::v-deep .el-checkbox__inner::after {
+  height: 10px;
+  left: 7px;
+  top: 2px;
+}
+
+.el-divider__text{
+  font-weight: bold;
+  font-size: 18px;
+}
+
+.czrkdj{
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  padding: 0px 30px 30px 30px;
+  margin: 0 40px;
+  font-size: 14px;
+  border-radius: 20px;
+
+  .list{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1px solid #eee;
+    margin-top: 40px;
+
+    .left{
+      width: 100%;
+    }
+
+    .right{
+      width: 100px;
+    }
+  }
+
+  .el-row {
+    width: 100%;
+
+    .el-col{
+      margin-bottom: 5px;
+
+      span{
+        font-weight: bold;
+      }
+    }
+  }
+}
+
+</style>