1

guanqb

2022-11-03 0cf8fa62a35bf5db86c4b79330cf75400b72efa7

1

 src/views/home/index.vue

@@ -568,7 +568,6 @@
            areaChecked: '',
            areaOptions: [],
            housingOptions: [],
            JurisdictionData: [{ name: '全部' }],
            positionColor: [
                global.DC.Namespace.Cesium.Color.fromBytes(
                    3,

 src/views/police/index.vue

@@ -13,30 +13,44 @@
    <div class="container">
        <div class="switch-box">
            <el-select v-model="typeValue" @change="navClick" placeholder="请选择">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
                <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                ></el-option>
            </el-select>
        </div>

        <div class="list-show" ref="tableBox" v-show="!detailFlag">
            <div class="search-box">
                <input v-model="searchValue" @input="searchChange" type="text" placeholder="请输入搜索条件" />
                <input
                    v-model="searchValue"
                    @input="searchChange"
                    type="text"
                    placeholder="请输入搜索条件"
                />
                <button @click="searchClick" class="el-icon-search"></button>
            </div>

            <div v-show="searchValBoxShow" class="search-val-box">
                <div>
                    <div @click="searchVlaClick(item)" v-for="(item, index) in searchArray" :key="index">{{ item.name }}
                    </div>
                    <div
                        @click="searchVlaClick(item)"
                        v-for="(item, index) in searchArray"
                        :key="index"
                    >{{ item.name }}</div>
                </div>
            </div>

            <div class="list" v-show="navType == 1">
                <el-table :data="carList.slice((currentPage - 1) * pagesize, currentPage * pagesize)"
                <el-table
                    :data="carList.slice((currentPage - 1) * pagesize, currentPage * pagesize)"
                    style="width: 100%"
                    :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                    :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }"
                    :height="currentTableHeight">
                    :height="currentTableHeight"
                >
                    <el-table-column type="index" label="序号" width="50">
                        <template slot-scope="scope">
                            <span>{{ (currentPage - 1) * pagesize + scope.$index + 1 }}</span>
@@ -47,10 +61,20 @@

                    <el-table-column label="操作" align="center">
                        <template slot-scope="scope">
                            <el-button @click="rowClick(scope.row)" type="text" size="small" title="定位">
                            <el-button
                                @click="rowClick(scope.row)"
                                type="text"
                                size="small"
                                title="定位"
                            >
                                <i class="el-icon-location"></i>
                            </el-button>
                            <el-button @click="carDetail(scope.row)" type="text" size="small" title="轨迹">
                            <el-button
                                @click="carDetail(scope.row)"
                                type="text"
                                size="small"
                                title="轨迹"
                            >
                                <i class="el-icon-position"></i>
                            </el-button>
                        </template>
@@ -58,18 +82,26 @@
                </el-table>

                <div class="pages">
                    <el-pagination background layout="prev, pager, next" :total="carList.length" :page-size="pagesize"
                        pager-count="3" :current-page="currentPage" @current-change="handleCurrentChange">
                    </el-pagination>
                    <el-pagination
                        background
                        layout="prev, pager, next"
                        :total="carList.length"
                        :page-size="pagesize"
                        pager-count="3"
                        :current-page="currentPage"
                        @current-change="handleCurrentChange"
                    ></el-pagination>
                </div>
            </div>

            <div class="list" v-show="navType == 2">
                <el-table :data="phoneList.slice((currentPage - 1) * pagesize, currentPage * pagesize)"
                <el-table
                    :data="phoneList.slice((currentPage - 1) * pagesize, currentPage * pagesize)"
                    style="width: 100%"
                    :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                    :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }"
                    :height="currentTableHeight">
                    :height="currentTableHeight"
                >
                    <el-table-column type="index" label="序号" width="50">
                        <template slot-scope="scope">
                            <span>{{ (currentPage - 1) * pagesize + scope.$index + 1 }}</span>
@@ -80,10 +112,20 @@

                    <el-table-column label="操作" align="center">
                        <template slot-scope="scope">
                            <el-button @click="rowClick(scope.row)" type="text" size="small" title="定位">
                            <el-button
                                @click="rowClick(scope.row)"
                                type="text"
                                size="small"
                                title="定位"
                            >
                                <i class="el-icon-location"></i>
                            </el-button>
                            <el-button @click="carDetail(scope.row)" type="text" size="small" title="轨迹">
                            <el-button
                                @click="carDetail(scope.row)"
                                type="text"
                                size="small"
                                title="轨迹"
                            >
                                <i class="el-icon-position"></i>
                            </el-button>
                        </template>
@@ -91,17 +133,26 @@
                </el-table>

                <div class="pages">
                    <el-pagination background layout="prev, pager, next" :total="phoneList.length" :page-size="pagesize"
                        pager-count="3" :current-page="currentPage" @current-change="handleCurrentChange">
                    </el-pagination>
                    <el-pagination
                        background
                        layout="prev, pager, next"
                        :total="phoneList.length"
                        :page-size="pagesize"
                        pager-count="3"
                        :current-page="currentPage"
                        @current-change="handleCurrentChange"
                    ></el-pagination>
                </div>
            </div>

            <div class="list" v-show="navType == 3">
                <el-table :data="dtList.slice((currentPage - 1) * pagesize, currentPage * pagesize)" style="width: 100%"
                <el-table
                    :data="dtList.slice((currentPage - 1) * pagesize, currentPage * pagesize)"
                    style="width: 100%"
                    :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                    :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }"
                    :height="currentTableHeight">
                    :height="currentTableHeight"
                >
                    <el-table-column type="index" label="序号" width="50">
                        <template slot-scope="scope">
                            <span>{{ (currentPage - 1) * pagesize + scope.$index + 1 }}</span>
@@ -112,10 +163,20 @@

                    <el-table-column label="操作" align="center">
                        <template slot-scope="scope">
                            <el-button @click="rowClick(scope.row)" type="text" size="small" title="定位">
                            <el-button
                                @click="rowClick(scope.row)"
                                type="text"
                                size="small"
                                title="定位"
                            >
                                <i class="el-icon-location"></i>
                            </el-button>
                            <el-button @click="carDetail(scope.row)" type="text" size="small" title="轨迹">
                            <el-button
                                @click="carDetail(scope.row)"
                                type="text"
                                size="small"
                                title="轨迹"
                            >
                                <i class="el-icon-position"></i>
                            </el-button>
                        </template>
@@ -123,17 +184,26 @@
                </el-table>

                <div class="pages">
                    <el-pagination background layout="prev, pager, next" :total="dtList.length" :page-size="pagesize"
                        pager-count="3" :current-page="currentPage" @current-change="handleCurrentChange">
                    </el-pagination>
                    <el-pagination
                        background
                        layout="prev, pager, next"
                        :total="dtList.length"
                        :page-size="pagesize"
                        pager-count="3"
                        :current-page="currentPage"
                        @current-change="handleCurrentChange"
                    ></el-pagination>
                </div>
            </div>

            <div class="list" v-show="navType == 4">
                <el-table :data="zfList.slice((currentPage - 1) * pagesize, currentPage * pagesize)" style="width: 100%"
                <el-table
                    :data="zfList.slice((currentPage - 1) * pagesize, currentPage * pagesize)"
                    style="width: 100%"
                    :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                    :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }"
                    :height="currentTableHeight">
                    :height="currentTableHeight"
                >
                    <el-table-column type="index" label="序号" width="50">
                        <template slot-scope="scope">
                            <span>{{ (currentPage - 1) * pagesize + scope.$index + 1 }}</span>
@@ -144,10 +214,20 @@

                    <el-table-column label="操作" align="center">
                        <template slot-scope="scope">
                            <el-button @click="rowClick(scope.row)" type="text" size="small" title="定位">
                            <el-button
                                @click="rowClick(scope.row)"
                                type="text"
                                size="small"
                                title="定位"
                            >
                                <i class="el-icon-location"></i>
                            </el-button>
                            <el-button @click="carDetail(scope.row)" type="text" size="small" title="轨迹">
                            <el-button
                                @click="carDetail(scope.row)"
                                type="text"
                                size="small"
                                title="轨迹"
                            >
                                <i class="el-icon-position"></i>
                            </el-button>
                        </template>
@@ -155,9 +235,15 @@
                </el-table>

                <div class="pages">
                    <el-pagination background layout="prev, pager, next" :total="zfList.length" :page-size="pagesize"
                        pager-count="3" :current-page="currentPage" @current-change="handleCurrentChange">
                    </el-pagination>
                    <el-pagination
                        background
                        layout="prev, pager, next"
                        :total="zfList.length"
                        :page-size="pagesize"
                        pager-count="3"
                        :current-page="currentPage"
                        @current-change="handleCurrentChange"
                    ></el-pagination>
                </div>
            </div>
        </div>
@@ -192,9 +278,15 @@
                <li>
                    <div>选择时间：</div>
                    <div class="datetime">
                        <el-date-picker v-model="trackTime" type="datetimerange" range-separator="至"
                            start-placeholder="开始日期" size="mini" :editable="false" end-placeholder="结束日期">
                        </el-date-picker>
                        <el-date-picker
                            v-model="trackTime"
                            type="datetimerange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            size="mini"
                            :editable="false"
                            end-placeholder="结束日期"
                        ></el-date-picker>
                    </div>
                </li>

@@ -227,9 +319,15 @@
                <li>
                    <div>选择时间：</div>
                    <div class="datetime">
                        <el-date-picker v-model="trackTime" type="datetimerange" range-separator="至"
                            start-placeholder="开始日期" size="mini" :editable="false" end-placeholder="结束日期">
                        </el-date-picker>
                        <el-date-picker
                            v-model="trackTime"
                            type="datetimerange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            size="mini"
                            :editable="false"
                            end-placeholder="结束日期"
                        ></el-date-picker>
                    </div>
                </li>

@@ -239,30 +337,59 @@
            </ul>
        </div>

        <el-dialog :title="dialogTitle" :modal="true" :visible.sync="dialogVisible" :before-close="dialogBeforeClose"
            :close-on-click-modal="true" class="car-video-box">
            <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">
                <video src="/video/sp.mp4" autoplay controls width="100%" height="100%" ref="videoElement"
                    style="object-fit: fill"></video>
        <el-dialog
            :title="dialogTitle"
            :modal="true"
            :visible.sync="dialogVisible"
            :before-close="dialogBeforeClose"
            :close-on-click-modal="true"
            class="car-video-box"
        >
            <div
                style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;"
            >
                <video
                    src="/video/sp.mp4"
                    autoplay
                    controls
                    width="100%"
                    height="100%"
                    ref="videoElement"
                    style="object-fit: fill"
                ></video>
            </div>
        </el-dialog>

        <el-dialog :title="phoneTitle" :modal="true" :visible.sync="phoneVisible" :before-close="phoneBeforeClose"
            :close-on-click-modal="true" class="phone-details-box">
        <el-dialog
            :title="phoneTitle"
            :modal="true"
            :visible.sync="phoneVisible"
            :before-close="phoneBeforeClose"
            :close-on-click-modal="true"
            class="phone-details-box"
        >
            <div style="flex: 1; display: flex; flex-direction: column; width: 100%; height: 100%;">
                <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;">
                <div
                    style="flex: 1; display: flex; justify-content: space-between; align-items: center;"
                >
                    <div>责任人：</div>
                    <div>{{ phoneDetails.person }}</div>
                </div>
                <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;">
                <div
                    style="flex: 1; display: flex; justify-content: space-between; align-items: center;"
                >
                    <div>联系方式：</div>
                    <div>{{ phoneDetails.phoneID }}</div>
                </div>
                <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;">
                <div
                    style="flex: 1; display: flex; justify-content: space-between; align-items: center;"
                >
                    <div>类型：</div>
                    <div>{{ phoneDetails.phoneType }}</div>
                </div>
                <div style="flex: 1; display: flex; justify-content: space-between; align-items: center;">
                <div
                    style="flex: 1; display: flex; justify-content: space-between; align-items: center;"
                >
                    <div>所在地址：</div>
                    <div>{{ phoneDetails.location }}</div>
                </div>
@@ -330,9 +457,6 @@
    },
    mounted () {
        this.navClick(1)
    },
    updated () {

    },
    methods: {
        handleCurrentChange: function (currentPage) {