智能搜索\扫码应用修改

guanqb

2024-01-19 93ccdeed86f06f8d43ba45a670034ee910a2a690

智能搜索\扫码应用修改

 public/img/icon/person.png

 src/styles/media/index.scss

@@ -979,6 +979,7 @@
                                    border: 0;
                                    height: 32px;
                                    padding: 0 10px;
                                    margin-left: countSizeVw(8, 1920);
                                }

                                .el-input__inner {
@@ -3168,7 +3169,7 @@

    .data-details-box {
        .el-dialog {
            width: countSizeVw(760, 1920);
            width: countSizeVw(860, 1920);
            height: countSizeVh(440);
        }

@@ -3183,10 +3184,7 @@
                width: 50%;

                .name {
                    width: countSizeVw(140, 1920);
                    // text-align: justify;
                    // display: inline-block;
                    // text-align-last: justify;
                    width: countSizeVw(130, 1920);
                }
            }
        }

 src/views/intelligentSearch/index.vue

@@ -24,9 +24,11 @@
                    :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="姓名"></el-table-column>
                    <el-table-column prop="tel" :show-overflow-tooltip="true" label="手机号"></el-table-column>
                    <el-table-column prop="card" :show-overflow-tooltip="true" label="身份证号"></el-table-column>
                    <el-table-column prop="address" :show-overflow-tooltip="true" label="住址"></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)">
@@ -34,6 +36,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>
@@ -185,6 +190,29 @@
                siteWd: row.lat,
                siteGd: 200
            })
            this.$EventBus.$emit('mapClearLayer', {
                layerName: 'searchAILayer',
                type: 'VectorLayer'
            })
            this.$EventBus.$emit('layerPointAdd', {
                layerName: 'searchAILayer',
                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'
            })
        },

        // 获取列表
@@ -201,21 +229,24 @@
                    tel: '13366668888',
                    lng: 112.22,
                    lat: 33.22,
                    address: '111'
                    card: '362123199912125454',
                    address: '江西省上饶市某某区某某街道某某小区某栋111'
                },
                {
                    name: '李四',
                    tel: '13366668877',
                    lng: 124.22,
                    lat: 30.22,
                    address: '222'
                    card: '362123199912125454',
                    address: '江西省上饶市某某区某某街道某某小区某栋222'
                },
                {
                    name: '王五',
                    tel: '13366668866',
                    lng: 126.22,
                    lat: 36.22,
                    address: '333'
                    card: '362123199912125454',
                    address: '江西省上饶市某某区某某街道某某小区某栋133'
                }
            ]
            this.pages.total = 30

 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()
        },