From 93ccdeed86f06f8d43ba45a670034ee910a2a690 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Fri, 19 Jan 2024 11:07:54 +0800
Subject: [PATCH] 智能搜索\扫码应用修改
---
src/views/scanOrCode/index.vue | 129 ++++++++++++++++++++++++++++++++++++------
1 files changed, 109 insertions(+), 20 deletions(-)
diff --git a/src/views/scanOrCode/index.vue b/src/views/scanOrCode/index.vue
index 13402bb..cbe9634 100644
--- a/src/views/scanOrCode/index.vue
+++ b/src/views/scanOrCode/index.vue
@@ -15,7 +15,7 @@
<div class="time-select" ref="timeSelect">
<div class="search-item-box">
- <span>资源类型：</span>
+ <span>登记类型：</span>
<el-select style="flex: 1;" size="small" v-model="typeValue" @change="typeChange" placeholder="请选择">
<el-option v-for="item in typeOptions" :key="item.value" :label="item.label"
@@ -24,7 +24,7 @@
</div>
<div class="search-item-box">
- <el-input size="small" placeholder="请输入搜索内容(姓名、身份证号、手机号、住址)" v-model="searchText" clearable></el-input>
+ <el-input size="small" :placeholder="placeholder" v-model="searchText" clearable></el-input>
<el-button @click="searchBtn" icon="el-icon-search" class="bjnr-btn">搜索</el-button>
</div>
</div>
@@ -34,9 +34,50 @@
:header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
:cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"
:row-class-name="tableRowClassName" class="police-infor-table">
- <el-table-column prop="name" :show-overflow-tooltip="true" label="姓名" min-width="80%"></el-table-column>
- <el-table-column prop="tel" :show-overflow-tooltip="true" label="手机号" min-width="80%"></el-table-column>
- <el-table-column label="操作" align="center" min-width="32%">
+ <!-- 业主租客登记 -->
+ <el-table-column prop="name" :show-overflow-tooltip="true" label="姓名"
+ v-if="typeValue == 1"></el-table-column>
+ <el-table-column prop="tel" :show-overflow-tooltip="true" label="手机号"
+ v-if="typeValue == 1"></el-table-column>
+ <el-table-column prop="card" :show-overflow-tooltip="true" label="身份证号"
+ v-if="typeValue == 1"></el-table-column>
+ <el-table-column prop="address" :show-overflow-tooltip="true" label="住址"
+ v-if="typeValue == 1"></el-table-column>
+ <!-- 同住登记 -->
+ <el-table-column prop="name" :show-overflow-tooltip="true" label="姓名"
+ v-if="typeValue == 2"></el-table-column>
+ <el-table-column prop="tel" :show-overflow-tooltip="true" label="手机号"
+ v-if="typeValue == 2"></el-table-column>
+ <el-table-column prop="card" :show-overflow-tooltip="true" label="身份证号"
+ v-if="typeValue == 2"></el-table-column>
+ <el-table-column prop="address" :show-overflow-tooltip="true" label="住址"
+ v-if="typeValue == 2"></el-table-column>
+ <!-- 信息登记 -->
+ <el-table-column prop="djman" :show-overflow-tooltip="true" label="登记人"
+ v-if="typeValue == 3"></el-table-column>
+ <el-table-column prop="tel" :show-overflow-tooltip="true" label="手机号"
+ v-if="typeValue == 3"></el-table-column>
+ <el-table-column prop="card" :show-overflow-tooltip="true" label="身份证号"
+ v-if="typeValue == 3"></el-table-column>
+ <el-table-column prop="address" :show-overflow-tooltip="true" label="住址"
+ v-if="typeValue == 3"></el-table-column>
+ <!-- 企业登记 -->
+ <el-table-column prop="name" :show-overflow-tooltip="true" label="姓名"
+ v-if="typeValue == 4"></el-table-column>
+ <el-table-column prop="unitName" :show-overflow-tooltip="true" label="企业名称"
+ v-if="typeValue == 4"></el-table-column>
+ <el-table-column prop="card" :show-overflow-tooltip="true" label="身份证"
+ v-if="typeValue == 4"></el-table-column>
+ <el-table-column prop="address" :show-overflow-tooltip="true" label="住址"
+ v-if="typeValue == 4"></el-table-column>
+ <!-- 扫码上报 -->
+ <el-table-column prop="name" :show-overflow-tooltip="true" label="上报人"
+ v-if="typeValue == 5"></el-table-column>
+ <el-table-column prop="ycType" :show-overflow-tooltip="true" label="门牌异常类型"
+ v-if="typeValue == 5"></el-table-column>
+ <el-table-column prop="tel" :show-overflow-tooltip="true" label="联系电话"
+ v-if="typeValue == 5"></el-table-column>
+ <el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button type="text" size="small" title="定位" :disabled="positionDisabled(scope.row)"
@click="rowClick(scope.row)">
@@ -44,6 +85,9 @@
</el-button>
<el-button type="text" size="small" title="详情" @click="goDetail(scope.row)">
<i class="el-icon-document"></i>
+ </el-button>
+ <el-button type="text" size="small" title="清除" @click="clearRow(scope.row)">
+ <i class="el-icon-delete"></i>
</el-button>
</template>
</el-table-column>
@@ -70,6 +114,7 @@
data () {
return {
+ placeholder: '请输入搜索内容（姓名、手机号、身份证号、住址）',
popupTile: '详情信息',
searchText: '',
realEmptyText: "",
@@ -183,11 +228,6 @@
value: row.tel
},
{
- label: '房屋地址',
- prop: 'address',
- value: row.address
- },
- {
label: '住户类型',
prop: 'type',
value: '业主'
@@ -201,6 +241,11 @@
label: '民族',
prop: 'nation',
value: '汉'
+ },
+ {
+ label: '房屋地址',
+ prop: 'address',
+ value: row.address
}
]
} else if (this.typeValue == 2) {
@@ -226,11 +271,6 @@
value: row.tel
},
{
- label: '房屋地址',
- prop: 'address',
- value: row.address
- },
- {
label: '住户类型',
prop: 'type',
value: '业主'
@@ -249,6 +289,11 @@
label: '民族',
prop: 'nation',
value: '汉'
+ },
+ {
+ label: '房屋地址',
+ prop: 'address',
+ value: row.address
}
]
} else if (this.typeValue == 3) {
@@ -489,7 +534,30 @@
this.$EventBus.$emit('toPosition', {
siteJd: row.lng,
siteWd: row.lat,
- siteGd: 200
+ siteGd: 2000
+ })
+ this.$EventBus.$emit('mapClearLayer', {
+ layerName: 'scanLayer',
+ type: 'VectorLayer'
+ })
+ this.$EventBus.$emit('layerPointAdd', {
+ layerName: 'scanLayer',
+ type: "billboard",
+ params: {
+ ...row,
+ lng: row.lng,
+ lat: row.lat,
+ alt: 1,
+ url: `/img/icon/person.png`
+ },
+ })
+ },
+
+ // 清空按钮
+ clearRow (row) {
+ this.$EventBus.$emit('mapClearLayer', {
+ layerName: 'searchAILayer',
+ type: 'VectorLayer'
})
},
@@ -504,25 +572,37 @@
console.log('getList', params)
this.tableData = [
{
- name: '张三',
+ name: '张三三',
tel: '13366668888',
lng: 112.22,
lat: 33.22,
- address: '111'
+ address: '江西省上饶市某某区某某街道某某小区某栋111',
+ card: '362123199912125454',
+ djman: '刘登记',
+ unitName: '中国顶尖公司',
+ ycType: '异常1'
},
{
name: '李四',
tel: '13366668877',
lng: 124.22,
lat: 30.22,
- address: '222'
+ address: '江西省上饶市某某区某某街道某某小区某栋222',
+ card: '362123199912125454',
+ djman: '孙登记',
+ unitName: '中国顶尖公司',
+ ycType: '异常2'
},
{
name: '王五',
tel: '13366668866',
lng: 126.22,
lat: 36.22,
- address: '333'
+ address: '江西省上饶市某某区某某街道某某小区某栋333',
+ card: '362123199912125454',
+ djman: '赵登记',
+ unitName: '中国顶尖公司',
+ ycType: '异常3'
}
]
this.pages.total = 3
@@ -549,6 +629,15 @@
},
typeChange () {
+ if (this.typeValue == 1 || this.typeValue == 2) {
+ this.placeholder = '请输入搜索内容（姓名、手机号、身份证号、住址）'
+ } else if (this.typeValue == 3) {
+ this.placeholder = '请输入搜索内容（登记人、手机号、身份证号、住址）'
+ } else if (this.typeValue == 4) {
+ this.placeholder = '请输入搜索内容（企业名称、员工姓名、员工身份证、住址）'
+ } else if (this.typeValue == 5) {
+ this.placeholder = '请输入搜索内容（上报人姓名、上报人联系电话、门牌异常类型）'
+ }
this.getList()
},
--
Gitblit v1.9.3