Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2022-09-26 16:23:15 |
| | | * @LastEditTime: 2022-09-26 16:56:45 |
| | | * @FilePath: \srs-police-affairs\src\views\home\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | <div class="one-level">现有人员</div> |
| | | </div> |
| | | |
| | | <div class="sub-title"> |
| | | <!-- <div class="sub-title"> |
| | | <div class="one-level">实有人口总数</div> |
| | | <div class="two-level">183.16万人</div> |
| | | </div> |
| | | </div>--> |
| | | |
| | | <div class="sub-tab"> |
| | | <div class="tab"> |
| | |
| | | <div class="case-box"> |
| | | <div class="title"> |
| | | <div class="one-level">警情动态</div> |
| | | <div class="two-level">当前16</div> |
| | | </div> |
| | | |
| | | <div id="EventChangeEcharts" class="echarts-box"></div> |
| | |
| | | <div class="crowd-box"> |
| | | <div class="title"> |
| | | <div class="one-level">重点人群</div> |
| | | <div class="two-level">当前38</div> |
| | | </div> |
| | | |
| | | <div id="peopleList" class="echarts-box"> |
| | |
| | | xAxis: { |
| | | type: 'category', |
| | | data: ['湖北', '上海', '北京', '广东', '浙江'], |
| | | |
| | | axisLabel: { |
| | | color: "#fff" |
| | | }, |
| | | axisLine: { |
| | | lineStyle: { |
| | | color: "#fff" |
| | | } |
| | | } |
| | | }, |
| | | yAxis: { |
| | | type: 'value', |
| | | splitLine: { |
| | | show: true, |
| | | lineStyle: { |
| | | color: "rgba(0,0,255,0.1)" |
| | | } |
| | | show: false |
| | | }, |
| | | axisLabel: { |
| | | color: "#fff" |
| | | } |
| | | }, |
| | | series: [ |
| | |
| | | xAxis: { |
| | | type: 'value', |
| | | splitLine: { |
| | | show: true, |
| | | lineStyle: { |
| | | color: "rgba(0,0,255,0.1)" |
| | | } |
| | | show: false |
| | | }, |
| | | axisLine: { |
| | | show: false |
| | |
| | | axisLine: { |
| | | show: false |
| | | }, |
| | | axisLabel: { |
| | | color: "#fff" |
| | | }, |
| | | axisTick: { |
| | | show: false |
| | | }, |
| | | |
| | | }, |
| | | series: [ |
| | | { |
| | |
| | | option = { |
| | | xAxis: { |
| | | type: 'category', |
| | | data: ['3-26', '3-27', '3-28', '3-29', '3-30', '3-31', '4-1'] |
| | | data: ['3-26', '3-27', '3-28', '3-29', '3-30', '3-31', '4-1'], |
| | | axisLabel: { |
| | | color: "#fff" |
| | | }, |
| | | axisLine: { |
| | | lineStyle: { |
| | | color: "#fff" |
| | | } |
| | | } |
| | | }, |
| | | yAxis: { |
| | | type: 'value', |
| | | splitLine: { |
| | | show: true, |
| | | lineStyle: { |
| | | color: "rgba(0,0,255,0.1)" |
| | | } |
| | | show: false |
| | | }, |
| | | axisLabel: { |
| | | color: "#fff" |
| | | }, |
| | | axisLine: { |
| | | lineStyle: { |
| | | color: "#fff" |
| | | } |
| | | } |
| | | }, |
| | | series: [ |
| | | { |
| | | data: [0, 1, 0, 2, 0, 1, 0], |
| | | data: [10, 9, 12, 6, 4, 14, 8], |
| | | type: 'line' |
| | | } |
| | | ], |
| | |
| | | .alert-box, |
| | | .crowd-box { |
| | | height: 35%; |
| | | .el-table__row.statistics-warning-row { |
| | | background: #ff0000; |
| | | |
| | | .echarts-box { |
| | | overflow-y: auto; |
| | | } |
| | | } |
| | | } |
| | |
| | | .crowd-box { |
| | | display: flex; |
| | | flex-direction: column; |
| | | padding: 10px; |
| | | padding: 0 10px; |
| | | |
| | | .title { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | height: 40px; |
| | | } |
| | | |