1
guanqb
2023-03-29 17f223f1faa6f34d2f5cceab3303172ce32cf9e6
1
3 files modified
102 ■■■■ changed files
src/views/home/components/bottomContainer.vue 10 ●●●● patch | view | raw | blame | history
src/views/home/index.vue 34 ●●●● patch | view | raw | blame | history
src/views/house/index.vue 58 ●●●● patch | view | raw | blame | history
src/views/home/components/bottomContainer.vue
@@ -51,6 +51,7 @@
                        <span class="call-police-content">报警内容</span>
                        <span class="incident-site">事发地址</span>
                        <span class="call-police-type">报警类型</span>
                        <span class="have-position">坐标</span>
                        <span class="alarm-bz">备注</span>
                    </li>
                </ul>
@@ -70,6 +71,7 @@
                            <span class="call-police-content" :title="item.BJNR" v-text="item.BJNR"></span>
                            <span class="incident-site" :title="item.SFDZ" v-text="item.SFDZ"></span>
                            <span class="call-police-type" v-text="item.BJLX"></span>
                            <span class="have-position" v-text="item.isHavePosition"></span>
                            <span class="alarm-bz" v-text="item.MEMO"></span>
                        </li>
                    </ul>
@@ -194,7 +196,6 @@
            classOption: {
                step: 1
            },
            // 分页
            pagesize: 15,
            pagesCount: 1,
@@ -334,7 +335,7 @@
                if (res.data.result && res.data.result.length) {
                    this.policeSituationRealtimeArr = res.data.result.map((item, index) => {
                        return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB }
                        return { ...item, index: index + 1, lng: item.ZDDWXZB, lat: item.ZDDWYZB, position: item.ZDDWYZB ? '有' : '无' }
                    })
                } else {
                    this.policeSituationRealtimeArr = []
@@ -566,6 +567,7 @@
        // 实时历史选择
        async historyTabClick (type) {
            console.log('historyTabClick')
            this.historytype = type
            this.timetype = 2
@@ -843,6 +845,10 @@
                    width: 8%;
                }
                .have-position {
                    width: 8%;
                }
                .alarm-bz {
                    flex: 1;
                }
src/views/home/index.vue
@@ -124,17 +124,17 @@
    <el-dialog :title="keyPersonTitle" :modal="true" :visible.sync="keyPersonVisible" :before-close="personInfoClose"
        :close-on-click-modal="true" class="keyPerson-details-box">
        <!-- <div class="header" v-show="!isMaoJiaLin">
                 <div>
                     人员名称:
                     <input type="text" v-model="peoplePoliceName" placeholder="请输入人员名称" />
                 </div>
                 <div>
                     联系电话:
                     <input type="text" v-model="peopleCallPhone" placeholder="请输入联系电话" />
                 </div>
                 <el-button type="primary" icon="el-icon-search" @click="searchPeopleDetail">搜索</el-button>
                 <el-button type="primary" icon="el-icon-delete" @click="clearPeopleDetailSearchValue">清空</el-button>
             </div> -->
                             <div>
                                 人员名称:
                                 <input type="text" v-model="peoplePoliceName" placeholder="请输入人员名称" />
                             </div>
                             <div>
                                 联系电话:
                                 <input type="text" v-model="peopleCallPhone" placeholder="请输入联系电话" />
                             </div>
                             <el-button type="primary" icon="el-icon-search" @click="searchPeopleDetail">搜索</el-button>
                             <el-button type="primary" icon="el-icon-delete" @click="clearPeopleDetailSearchValue">清空</el-button>
                         </div> -->
            <el-table :data="keyPersonDetailArr" style="width: 100%"
                :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
@@ -161,10 +161,10 @@
            </el-table>
            <!-- <div class="pages all-pagination-sty" ref="tablePagination" v-show="!isMaoJiaLin">
                      <el-pagination background layout="prev, pager, next, total" :page-size="peoplePage.pageSize"
                          :total="peoplePage.total" :current-page="peoplePage.currentPage"
                          @current-change="handlePersonPageChange"></el-pagination>
                </div> -->
                                  <el-pagination background layout="prev, pager, next, total" :page-size="peoplePage.pageSize"
                                      :total="peoplePage.total" :current-page="peoplePage.currentPage"
                                      @current-change="handlePersonPageChange"></el-pagination>
                            </div> -->
        </el-dialog>
        <el-dialog :title="equimentTitle" :modal="true" :visible.sync="equimentVisible" :before-close="equimentBeforeClose"
@@ -708,6 +708,7 @@
            this.keyPersonVisible = false
        },
        // 加载首页下拉列表数据
        getPoliceStationTree (type, id = '') {
            getPoliceStationTree(type, id).then(res => {
@@ -1855,9 +1856,7 @@
                }
            } else {
                this.getPersonInfoPage(2)
            }
            // this.keyPersonDetailArr
@@ -1923,6 +1922,7 @@
         */
        getPanoramaList () {
            getPanoramaList().then(res => {
                console.log('getPanoramaList')
                if (res.data.code == 200) {
                    this.panoramaList = res.data.data.map(e => {
                        const item = {
src/views/house/index.vue
@@ -33,7 +33,8 @@
            <div v-show="contentShow" class="result-content" ref="resultContentBox">
                <div class="housing-estate-info" ref="housingEstateInfoBox">
                    <div class="housing-title">
                        {{ villageInfo.name }}
                        <!-- {{ villageInfo.name }} -->
                        万达社区
                        <div class="progress"></div>
                    </div>
                    <div class="housing-bg">
@@ -141,9 +142,9 @@
                                <div class="two">
                                    <div>
                                        <div>98</div>
                                                                      <div>户籍人口</div>
                                                                  </div>
                                                                  <div>
                                                                          <div>户籍人口</div>
                                                                      </div>
                                                                      <div>
                                        <div style="color:#0E88FF">20</div>
                                        <div>流动人口</div>
                                    </div>
@@ -164,17 +165,17 @@
                                </div>
                                <div>
                                    <div>120</div>
                                                            <div>出租</div>
                                                                <div>出租</div>
                                                                  </div>
                                                                      <div>160</div>
                                                                      <div>自住</div>
                                                                  </div>
                                                                  <div>
                                                                      <div>8</div>
                                                                      <div>空置</div>
                                                                  </div>
                                                              </div>
                                                                  <div>160</div>
                                                                  <div>自住</div>
                                                              </div>
                                                              <div>
                                                                  <div>8</div>
                                                                  <div>空置</div>
                                                              </div>
                                                          </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>-->
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>-->
                        <div class="house-element-info" v-if="isShowHouseBox">
                        <!-- 选择单元 -->
                        <div class="condo" v-show="isShowUnitChoose">
@@ -219,17 +220,17 @@
                                    <div>
                                        <span class="zizhu"></span>
                                        自住
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <span class="kongzhi"></span>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                空置
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <span class="shangye"></span>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                商业
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <span class="kongzhi"></span>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            空置
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <span class="shangye"></span>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            商业
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>-->
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>-->
                            <el-main v-loading="pictLoading" element-loading-background="rgba(17, 38, 163, .1)"
                                element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading"
                                v-show="isShowHouseBox">
@@ -266,8 +267,8 @@
                                                <!-- :class="[{ 'chuzu': value.houseType == '出租' }, { 'zizhu': value.houseType == '自住' }, { 'kongzhi': value.houseType == '空置' }, { 'shangye': value.houseType == '商业' }]" -->
                                                {{ value.properties.fojcu }}
                                                <!-- <div class="flow"></div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="focus"></div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="warning"></div>-->
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="focus"></div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="warning"></div>-->
                                            </div>
                                        </div>
                                    </div>
@@ -1491,11 +1492,8 @@
                    text-align: left;
                    line-height: 40px;
                    font-size: 28px;
                    // font-weight: bold;
                    font-family: 华文琥珀;
                    font-weight: bold;
                    z-index: 1;
                    letter-spacing: 2px;
                    color: rgba(252, 189, 86, 0.9);
                    &::after {
                        content: '';