Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs
| | |
| | | <defs> |
| | | <path id="border-box-8-path-974b4d7cfafa444396861ca1d1173c8c" |
| | | d="M0.27,0.03c52.66,0,105.34,0,158,0c1.67,2,3.33,4,5,6c1,0.33,2,0.67,3,1c1.33,1.67,2.67,3.33,4,5 |
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
| | | c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0 |
| | | c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z" |
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
| | | c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0 |
| | | c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z" |
| | | fill="transparent" /> |
| | | <radialGradient id="border-box-8-gradient-974b4d7cfafa444396861ca1d1173c8c" cx="50%" cy="50%" r="50%"> |
| | | <stop offset="0%" stop-color="#fff" stop-opacity="1" /> |
| | |
| | | <circle cx="0" cy="0" r="150" fill="url(#border-box-8-gradient-974b4d7cfafa444396861ca1d1173c8c)"> |
| | | <animateMotion dur="8s" |
| | | path="M0.27,0.03c52.66,0,105.34,0,158,0c1.67,2,3.33,4,5,6c1,0.33,2,0.67,3,1c1.33,1.67,2.67,3.33,4,5 |
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
| | | c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0 |
| | | c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z" |
| | | c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0 |
| | | c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0 |
| | | c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0 |
| | | c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z" |
| | | rotate="auto" repeatCount="indefinite" /> |
| | | </circle> |
| | | </mask> |
| | |
| | | |
| | | homePersonmyChart.setOption(this.initPersonOptions(xDate, yDate, colors), true) |
| | | this.clickPeopleChart() |
| | | |
| | | if (this.policeStaionID == '') { |
| | | if (this.userInfo.dept_id == '1596020515064381442') { |
| | | this.personAll.emphasisNum = 21 |
| | | } |
| | | } else { |
| | | if (this.policeStaionID == '1596020515064381442') { |
| | | this.personAll.emphasisNum = 21 |
| | | } |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | |
| | | |
| | | let personInfo = await this.getPersonInfo() |
| | | |
| | | const dataArr = [ |
| | | { |
| | | name: '非涉法涉诉重点个访人员', |
| | | value: 6 |
| | | }, |
| | | { |
| | | name: '楼盘业主维权群体', |
| | | value: 1 |
| | | }, |
| | | { |
| | | name: '欠薪讨债群体', |
| | | value: 1 |
| | | }, |
| | | { |
| | | name: '涉法涉诉重点个访人员', |
| | | value: 4 |
| | | }, |
| | | { |
| | | name: '征地拆迁群体', |
| | | value: 9 |
| | | } |
| | | |
| | | ] |
| | | |
| | | if (this.policeStaionID == '') { |
| | | if (this.userInfo.dept_id == '1596020515064381442') { |
| | | keyPersonmyChart.setOption(this.initkeyPersonOption(dataArr)) |
| | | |
| | | this.personAll.emphasisNum = 21 |
| | | } else { |
| | | keyPersonmyChart.setOption(this.initkeyPersonOption(personInfo)) |
| | | this.clickkeyPersonChart() |
| | | } |
| | | } else { |
| | | if (this.policeStaionID == '1596020515064381442') { |
| | | keyPersonmyChart.setOption(this.initkeyPersonOption(dataArr)) |
| | | |
| | | this.personAll.emphasisNum = 21 |
| | | } else { |
| | | keyPersonmyChart.setOption(this.initkeyPersonOption(personInfo)) |
| | | this.clickkeyPersonChart() |
| | | } |
| | | } |
| | | keyPersonmyChart.setOption(this.initkeyPersonOption(personInfo)) |
| | | this.clickkeyPersonChart() |
| | | }, |
| | | /** |
| | | * @description: 调用接口获取重点人员数据 |
| | |
| | | <div>值班信息(当日)</div> |
| | | </div> |
| | | |
| | | <div class="table-box" v-if="showZbPerson"> |
| | | <div class="table-box"> |
| | | <el-table size="small" :height="tableHeight" :data="schedulingList" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }" |
| | |
| | | </div> |
| | | </el-tooltip> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="table-box" v-else> |
| | | <ul class="title-header"> |
| | | <li> |
| | | <span class="time">日期</span> |
| | | <span class="zbry">值班人员</span> |
| | | <span class="fxlry">副班、巡逻人员</span> |
| | | </li> |
| | | </ul> |
| | | |
| | | <vue-seamless-scroll class="warp" :data="zhPersonList" :class-option="classOption"> |
| | | <ul class="item"> |
| | | <li v-for="(item, index) in zhPersonList" :key="index" class="row"> |
| | | <span class="time" v-text="item.time"></span> |
| | | <span class="zbry" v-text="item.zbry"></span> |
| | | <span class="fxlry" v-text="item.fxlry"></span> |
| | | </li> |
| | | </ul> |
| | | </vue-seamless-scroll> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | let timer |
| | | let equimentDataLength = 0 |
| | | |
| | | import vueSeamlessScroll from 'vue-seamless-scroll' |
| | | |
| | | import recorderArr from '@/assets/data/equimentsDate/recorder.js' |
| | | import { getSchedulingList, getSchedulingDeptList } from '@/api/home/index.js' |
| | | import { fontSize } from '@/utils/fontSize.js' |
| | |
| | | schedulingList: [], |
| | | schedulingDeptList: [1, 2, 3, 4, 5, 6, 1, 2, 3, 4, 5, 6], |
| | | policeStaionID: '', |
| | | |
| | | showZbPerson: true, |
| | | |
| | | zhPersonList: [ |
| | | { |
| | | time: '2023-3-20', |
| | | zbry: '齐光华、周静、吕来城、周骏、邓道群、沈强、王岳、魏霄峰、夏添、李道福', |
| | | fxlry: '潘林彬,刘志祥,李志强,杨俊浩,黄天行,叶子淳', |
| | | bz: '' |
| | | }, |
| | | { |
| | | time: '2023-3-21', |
| | | zbry: '徐星逸、任圣日、娄永攀、蔡善龙、陈小强、梅祥、吕镇、刘开勇、付建冬', |
| | | fxlry: '余梦宝,徐宝盛,李仁豪,付涵,周林,王宗强,', |
| | | bz: '' |
| | | }, |
| | | { |
| | | time: '2023-3-22', |
| | | zbry: '矢裕忠、戴饶平、余传公、杨敏、苏浩男、周安云、蒋丁岩、陈圣俊、雷智荐', |
| | | fxlry: '连子健,曾萍,祝顺鑫,吕皇,魏敏耀,纪辉帅', |
| | | bz: '' |
| | | }, |
| | | { |
| | | time: '2023-3-23', |
| | | zbry: '齐光华、周静、吕来城、周骏、邓道群、沈强、王岳、魏霄峰、夏添、李道福', |
| | | fxlry: '章正椿,夏文翔,叶江明,黄俊龙,苏茯林,王顺祥', |
| | | bz: '' |
| | | }, |
| | | { |
| | | time: '2023-3-24', |
| | | zbry: '徐星逸、任圣日、娄永攀、蔡善龙、陈小强、梅祥、吕镇、刘开勇、付建冬', |
| | | fxlry: '潘林彬,刘志祥,李志强,杨俊浩,黄天行,叶子淳', |
| | | bz: '' |
| | | }, |
| | | { |
| | | time: '2023-3-25', |
| | | zbry: '矢裕忠、戴饶平、余传公、杨敏、苏浩男、周安云、蒋丁岩、陈圣俊、雷智荐', |
| | | fxlry: '余梦宝,徐宝盛,李仁豪,付涵,周林,王宗强,', |
| | | bz: '' |
| | | }, |
| | | { |
| | | time: '2023-3-26', |
| | | zbry: '齐光华、周静、吕来城、周骏、邓道群、沈强、王岳、魏霄峰、夏添、李道福', |
| | | fxlry: '连子健,曾萍,祝顺鑫,吕皇,魏敏耀,纪辉帅', |
| | | bz: '' |
| | | }, |
| | | { |
| | | time: '2023-3-27', |
| | | zbry: '徐星逸、任圣日、娄永攀、蔡善龙、陈小强、梅祥、吕镇、刘开勇、付建冬', |
| | | fxlry: '章正椿,夏文翔,叶江明,黄俊龙,苏茯林,王顺祥', |
| | | bz: '' |
| | | }, |
| | | { |
| | | time: '2023-3-28', |
| | | zbry: '矢裕忠、戴饶平、余传公、杨敏、苏浩男、周安云、蒋丁岩、陈圣俊、雷智荐', |
| | | fxlry: '潘林彬,刘志祥,李志强,杨俊浩,黄天行,叶子淳', |
| | | bz: '' |
| | | }, |
| | | { |
| | | time: '2023-3-29', |
| | | zbry: '齐光华、周静、吕来城、周骏、邓道群、沈强、王岳、魏霄峰、夏添、李道福', |
| | | fxlry: '余梦宝,徐宝盛,李仁豪,付涵,周林,王宗强', |
| | | bz: '' |
| | | }, |
| | | { |
| | | time: '2023-3-30', |
| | | zbry: '徐星逸、任圣日、娄永攀、蔡善龙、陈小强、梅祥、吕镇、刘开勇、付建冬', |
| | | fxlry: '连子健,曾萍,祝顺鑫,吕皇,魏敏耀,纪辉帅', |
| | | bz: '' |
| | | }, |
| | | { |
| | | time: '2023-3-31', |
| | | zbry: '矢裕忠、戴饶平、余传公、杨敏、苏浩男、周安云、蒋丁岩、陈圣俊、雷智荐', |
| | | fxlry: '章正椿,夏文翔,叶江明,黄俊龙,苏茯林,王顺祥', |
| | | bz: '' |
| | | } |
| | | ], |
| | | |
| | | classOption: { |
| | | step: 1 |
| | | }, |
| | | } |
| | | }, |
| | | |
| | | components: { |
| | | vueSeamlessScroll |
| | | }, |
| | | |
| | | created () { |
| | |
| | | */ |
| | | getHomeAllData (id = '') { |
| | | this.policeStaionID = id |
| | | |
| | | if (this.policeStaionID == '') { |
| | | if (this.userInfo.dept_id == '1596020515064381442') { |
| | | this.showZbPerson = false |
| | | } else { |
| | | this.showZbPerson = true |
| | | } |
| | | } else { |
| | | if (this.policeStaionID == '1596020515064381442') { |
| | | this.showZbPerson = false |
| | | } else { |
| | | this.showZbPerson = true |
| | | } |
| | | } |
| | | |
| | | this.initEventChangeEcharts() |
| | | |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-03-21 10:02:22 |
| | | * @LastEditTime: 2023-03-21 13:47:04 |
| | | * @FilePath: \srs-police-affairs\src\views\house\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | |
| | | <el-input ref="searchTreeInput" v-model="searchTreeName" @input="searchInputTree" |
| | | @focus="searchTreeShowFlag = true" @blur="searchTreeShowFlag = false" v-popover:popover |
| | | placeholder="请输入搜索条件" style="cursor: pointer;"></el-input> |
| | | </div> |
| | | placeholder="请输入搜索条件" style="cursor: pointer;"></el-input> |
| | | </div> |
| | | |
| | | <div v-show="contentShow" class="result-content" ref="resultContentBox"> |
| | | <div class="housing-estate-info" ref="housingEstateInfoBox"> |
| | | <div class="housing-title"> |
| | | {{ villageInfo.name }} |
| | | <div v-show="contentShow" class="result-content" ref="resultContentBox"> |
| | | <div class="housing-estate-info" ref="housingEstateInfoBox"> |
| | | <div class="housing-title"> |
| | | {{ villageInfo.name }} |
| | | <div class="progress"></div> |
| | | </div> |
| | | <div class="housing-bg"> |
| | | <!-- <div class="block"> |
| | | <el-carousel height="150px"> |
| | | <el-carousel-item v-for="(item, index) in villageInfo.pic_url_list" :key="index"> |
| | | <el-image style=" height: 100%" :src="item" |
| | | :preview-src-list="villageInfo.pic_url_list"></el-image> |
| | | </el-carousel-item> |
| | | </el-carousel> |
| | | </div> --> |
| | | <el-empty image-size="120" description="暂无图片"></el-empty> |
| | | <div class="block"> |
| | | <el-carousel height="150px"> |
| | | <el-carousel-item v-for="(item, index) in villageInfo.pic_url_list" :key="index"> |
| | | <el-image style=" height: 100%" :src="item" |
| | | :preview-src-list="villageInfo.pic_url_list"></el-image> |
| | | </el-carousel-item> |
| | | </el-carousel> |
| | | </div> |
| | | </div> |
| | | <div class="housing-introduce"> |
| | | <div> |
| | |
| | | <div class="two"> |
| | | <div> |
| | | <div>98</div> |
| | | <div>户籍人口</div> |
| | | </div> |
| | | <div> |
| | | <div>户籍人口</div> |
| | | </div> |
| | | <div> |
| | | <div style="color:#0E88FF">20</div> |
| | | <div>流动人口</div> |
| | | </div> |
| | |
| | | <div> |
| | | <div>120</div> |
| | | <div>出租</div> |
| | | </div> |
| | | <div> |
| | | <div>160</div> |
| | | <div>自住</div> |
| | | </div> |
| | | <div> |
| | | <div>8</div> |
| | | <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"> |
| | |
| | | <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"> |
| | |
| | | <!-- :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> |