大搜测试

guanqb

2022-12-16 1988b2ad6ee9ea65c310512ea13e45d98dd5c4fe

大搜测试

 src/router/axios.js

@@ -28,13 +28,13 @@
    // baseURL: 'http://192.168.0.102:1888/api',
    // baseURL: 'http://192.168.0.105:18080/api',
    // baseURL: 'http://192.168.0.115:82',
    // baseURL: 'http://192.168.0.112:18080',
    baseURL: 'http://192.168.0.112:18080',

    // baseURL: 'http://192.168.0.112:9091',
    // baseURL: 'http://192.168.0.106:1888/api',

    // 内网部署地址
    baseURL: 'http://10.141.11.11:82',
    // baseURL: 'http://10.141.11.11:82',
    timeout: 600000 // request timeout
})


 src/styles/media/index.scss

@@ -301,6 +301,31 @@
                                }
                            }
                        }
                        .search-content {
                            left:  countSizeVw(760, 1920);
                            top: countSizeVh(40);
                            width: countSizeVh(460);
                            height: countSizeVh(36);
                    
                            input {
                                width: calc(100% - countSizeVw(80, 1920));
                                font-size: countSizeVh(18);
                                border: countSizeVh(1) solid rgb(0, 92, 169);
                                border-radius: countSizeVh(20) 0 0 countSizeVh(20);
                                // vertical-align: top;
                            }
                    
                            button {
                                font-size: countSizeVh(24);
                                width:  countSizeVw(80, 1920);
                                border: countSizeVh(1) solid rgb(0, 92, 169);
                                border-radius: 0 countSizeVh(20) countSizeVh(20) 0;
                            }
                    
                            button:active {
                                border: countSizeVh(1) solid rgb(0, 92, 169);
                            }
                        }
                    }

                    .police-page {
@@ -416,6 +441,9 @@
                                        height: 100%;

                                    }
                                }
                                .el-table .el-table__cell {
                                    padding: 0;
                                }

                                .el-table th.el-table__cell {
@@ -592,6 +620,10 @@
                                    }
                                }

                                .el-table .el-table__cell {
                                    padding: 0;
                                }

                                .el-table th.el-table__cell {
                                    height: 100%;
                                }
@@ -672,6 +704,10 @@
                                        }
                                    }
    
                                    .el-table .el-table__cell {
                                        padding: 0;
                                    }

                                    .el-table th.el-table__cell {
                                        height: 100%;
                                    }
@@ -1109,7 +1145,6 @@
            font-size: countSizeVh(16);
            height: countSizeVh(36);
            line-height: countSizeVh(36);

        }
        .el-picker-panel .el-date-range-picker__header button {
            font-size: countSizeVh(16);

 src/views/house/index.vue

@@ -436,7 +436,29 @@
            </div>
        </div>
        <!-- <transition name="special-animal"></transition>-->

        <div class="search-content">
            <input
                v-model="searchExtensivelyValue"
                @input="searchExtensivelyChange"
                @focus="searchExtensivelyFocus"
                type="text"
                placeholder="请输入搜索条件"
            />
            <button @click="searchExtensivelyClick" class="el-icon-search"></button>
        </div>
        <div v-show="searchExtensivelyValBoxShow" class="searchExtensively-val-box">
            <div>
                <div
                    @click="searchExtensivelyVlaClick(item)"
                    v-for="(item, index) in searchExtensivelyArray"
                    :key="index"
                >
                    {{
                    item.name
                    }}
                </div>
            </div>
        </div>
        <el-dialog
            title="信息详情"
            :modal="true"
@@ -694,6 +716,39 @@
            buildingList: [],
            buildingChoosed: {},
            unitHouseChoosed: [],
            searchExtensivelyValBoxShow: false,
            searchExtensivelyArray: [],
            searchExtensivelyValue: '',
            houseTestData: [
                {
                    name: '123',
                    position: [116.026877, 28.685077]
                },
                {
                    name: '234',
                    position: [116.024711, 28.712695]
                },
                {
                    name: '345',
                    position: [116.008426, 28.671838]
                },
                {
                    name: '456',
                    position: [116.017700, 28.675880]
                },
                {
                    name: '567',
                    position: [116.035374, 28.681405]
                },
                {
                    name: '678',
                    position: [116.010374, 28.691405]
                },
                {
                    name: '789',
                    position: [116.038374, 28.701405]
                }
            ],
        }
    },
    watch: {
@@ -941,6 +996,38 @@
            console.log(current, currentNode)
            this.$refs[`popover`].doClose()
        },

        searchExtensivelyClick () {
            this.searchExtensivelyArray = listQuery(this.houseTestData, this.searchExtensivelyValue, 'name')
            console.log(this.searchExtensivelyValue, this.searchExtensivelyArray, 111)
        },

        searchExtensivelyChange () {
            if (this.searchExtensivelyValue == '') {
                this.searchExtensivelyValBoxShow = false
                this.searchExtensivelyArray = []
            } else {
                this.searchExtensivelyValBoxShow = true
                this.searchExtensivelyArray = listQuery(this.houseTestData, this.searchExtensivelyValue, 'name')
            }
        },

        searchExtensivelyVlaClick (item) {
            this.searchExtensivelyValBoxShow = false
            this.searchExtensivelyValue = item.name
            this.$EventBus.$emit('toPosition', {
                siteJd: `${item.position[0]}`,
                siteWd: `${item.position[1]}`,
                siteGd: 10,
                siteHeading: -3,
                sitePitch: -45
            })
        },

        searchExtensivelyFocus () {
            this.searchExtensivelyValBoxShow = true
            this.searchExtensivelyArray = listQuery(this.houseTestData, this.searchExtensivelyValue, 'name')
        }
    },

    destroyed () {
@@ -1497,6 +1584,78 @@
            }
        }
    }
    .search-content {
        position: absolute;
        left: 760px;
        top: 40px;
        width: 460px;
        height: 36px;

        input {
            flex: 1;
            width: calc(100% - 80px);
            height: 100%;
            font-size: 18px;
            text-indent: 1em;
            color: #ffffff;
            background-color: transparent;
            border: 1px solid rgb(0, 92, 169);
            border-radius: 20px 0 0 20px;
            vertical-align: top;
        }

        input:focus {
            outline: none;
        }

        input::-webkit-input-placeholder {
            color: rgba(238, 238, 238, 0.7);
        }

        button {
            font-size: 24px;
            font-weight: 700;
            width: 80px;
            height: 100%;
            background-color: $table-body-tr-n-color;
            color: #fff;
            border: 1px solid rgb(0, 92, 169);
            cursor: pointer;
            border-radius: 0 20px 20px 0;
        }

        button:active {
            background-color: $table-body-tr-2n-color;
            border: 1px solid rgb(0, 92, 169);
        }
    }
    .searchExtensively-val-box {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 80px;
        left: 760px;
        width: 314px;
        max-height: 160px;
        height: 160px;
        text-align: left;
        color: #fff;
        background: $el-dialog-bg-color;
        z-index: 1111;
        border-radius: 10px;
        overflow: hidden;

        & > div {
            height: 100%;
            overflow-y: auto;

            div {
                padding: 0 10px;
                line-height: 36px;
                cursor: pointer;
            }
        }
    }
}

.progress {