<template>
|
<div class="lawTeam-wrap">
|
<div class="lawTeam-left">
|
<div class="lawTeam-left-title animate__animated animate__fadeInLeft">
|
<h1>城区执法队（8支）</h1>
|
</div>
|
<vuescroll :ops="ops">
|
<div class="lawTeam-left-main animate__animated animate__fadeInLeft">
|
<div v-if="index == 0" class="lawTeam-left-main-block" v-for="(item,index) in cityTeamData" :key="index">
|
<div class="block-main-title">
|
{{item.title}}
|
</div>
|
<div class="block-main" @click.stop="searchDetail">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>{{item.teamObj.peopleNum}}</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>{{item.teamObj.zhifaNum}}</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>{{item.teamObj.moneyNum}}</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div class="paimingList-box" v-for="(e,i) in item.paimingList" :key="i">
|
<div class="paimingList-box-inside" v-show="i < 3">
|
<h1>{{e.name}}</h1>
|
<h2>{{e.num}}</h2>
|
</div>
|
</div>
|
<!--<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>-->
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="item.visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div v-for="(e,i) in item.paimingList" :key="i">{{e.name}}：{{e.num}}</div>
|
</div>
|
<img class="upIcon" @click="item.visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!--<el-button slot="reference">click 激活</el-button>-->
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<div v-if="index > 0" class="lawTeam-left-main-block" v-for="(item,index) in cityTeamData" :key="index">
|
<div class="block-main-title">
|
{{item.title}}
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>{{item.teamObj.peopleNum}}</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>{{item.teamObj.zhifaNum}}</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>{{item.teamObj.moneyNum}}</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div class="paimingList-box" v-for="(e,i) in item.paimingList" :key="i">
|
<div class="paimingList-box-inside" v-show="i < 3">
|
<h1>{{e.name}}</h1>
|
<h2>{{e.num}}</h2>
|
</div>
|
</div>
|
<!--<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>-->
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="item.visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div v-for="(e,i) in item.paimingList" :key="i">{{e.name}}：{{e.num}}</div>
|
</div>
|
<img class="upIcon" @click="item.visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!--<el-button slot="reference">click 激活</el-button>-->
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<!--<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>-->
|
</div>
|
</vuescroll>
|
</div>
|
<div class="lawTeam-left">
|
<div class="lawTeam-left-title animate__animated animate__fadeInRight">
|
<h1>乡镇执法队（11支）</h1>
|
</div>
|
<vuescroll :ops="ops">
|
<div class="lawTeam-left-main animate__animated animate__fadeInRight">
|
<div class="lawTeam-left-main-block" v-for="(item,index) in chengxiangTeamData" :key="index">
|
<div class="block-main-title">
|
{{item.title}}
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>{{item.teamObj.peopleNum}}</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>{{item.teamObj.zhifaNum}}</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>{{item.teamObj.moneyNum}}</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div class="paimingList-box" v-for="(e,i) in item.paimingList" :key="i">
|
<div class="paimingList-box-inside" v-show="i < 3">
|
<h1>{{e.name}}</h1>
|
<h2>{{e.num}}</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
ref="dcPopover"
|
placement="center"
|
v-model="item.visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div v-for="(e,i) in item.paimingList" :key="i">{{e.name}}：{{e.num}}</div>
|
</div>
|
<img class="upIcon" @click="item.visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!--<el-button slot="reference">click 激活</el-button>-->
|
<img slot="reference" class="downIcon" @load="imgLoad" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<!--<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>
|
<div class="lawTeam-left-main-block">
|
<div class="block-main-title">
|
执法队伍名称
|
</div>
|
<div class="block-main">
|
<div class="block-main-top">
|
<div class="block-main-top-block">
|
<h1>执法队员人数</h1>
|
<h2>10</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计执法数量</h1>
|
<h2>100</h2>
|
</div>
|
<div class="block-main-top-block">
|
<h1>累计罚没金额</h1>
|
<h2>10342</h2>
|
</div>
|
</div>
|
<div class="block-main-bottom">
|
<div class="paiming-box">
|
<h1>执法领域数量排名：</h1>
|
</div>
|
<div class="paiming-num">
|
<div>
|
<h1>农业农村</h1>
|
<h2>3</h2>
|
</div>
|
<div>
|
<h1>城市管理</h1>
|
<h2>2</h2>
|
</div>
|
<div>
|
<h1>其它领域</h1>
|
<h2>1</h2>
|
</div>
|
</div>
|
</div>
|
</div>
|
<el-popover
|
placement="center"
|
width="400"
|
v-model="visible">
|
<div class="popover-box">
|
<div class="popover-box-main">
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
<div>农业农村：3</div>
|
<div>城市管理：2</div>
|
<div>其它领域：1</div>
|
<div>其它领域：1</div>
|
</div>
|
<img class="upIcon" @click="visible = false" src="../../assets/images/upIcon.png" alt="">
|
</div>
|
<!–<el-button slot="reference">click 激活</el-button>–>
|
<img slot="reference" class="downIcon" src="../../assets/images/downIcon.png" alt="">
|
</el-popover>
|
</div>-->
|
</div>
|
</vuescroll>
|
</div>
|
<lawTeamForm ref="liuchengDetail" v-if="liuchengDetailVisiable"></lawTeamForm>
|
</div>
|
</template>
|
|
<script>
|
import lawTeamForm from "./lawTeamForm";
|
import vuescroll from "vuescroll";
|
export default {
|
name: "lawTeam",
|
data() {
|
return {
|
ops: {
|
mode: "native",
|
sizeStrategy: "percent",
|
detectResize: true, //检测内容尺寸是否发生变化
|
bar: {
|
background: "#003366", //滚动条的背景颜色
|
opacity: 0.1, //透明度
|
keepShow: false, // 一直显示滚动条
|
},
|
scrollPanel: {
|
// maxHeight: 200, //这是滚动条最大高度,内容高度小于 maxHeight 时高度自适应，超出的话出现滚动条
|
}
|
},
|
liuchengDetailVisiable: false,
|
visible:false,
|
cityTeamData:[{
|
title: '综合执法一大队',
|
teamObj:{
|
peopleNum: 9,
|
zhifaNum:680,
|
moneyNum: 90342
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'164'
|
},
|
{
|
name: '交通运输',
|
num:'132'
|
},
|
{
|
name: '商务',
|
num:'86'
|
},
|
{
|
name: '水利',
|
num:'64'
|
},
|
{
|
name: '卫生健康',
|
num:'52'
|
},
|
{
|
name: '住房城乡建设',
|
num:'49'
|
},
|
{
|
name: '卫生建设',
|
num:'48'
|
},
|
{
|
name: '发展改革',
|
num:'48'
|
},
|
{
|
name: '民政宗教',
|
num:'37'
|
}
|
]
|
},{
|
title: '综合执法二大队',
|
teamObj:{
|
peopleNum: 10,
|
zhifaNum:452,
|
moneyNum: 90653
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'167'
|
},
|
{
|
name: '交通运输',
|
num:'167'
|
},
|
{
|
name: '商务',
|
num:'124'
|
},
|
{
|
name: '水利',
|
num:'129'
|
},
|
{
|
name: '卫生健康',
|
num:'162'
|
}
|
]
|
},{
|
title: '综合执法三大队',
|
teamObj:{
|
peopleNum: 9,
|
zhifaNum:597,
|
moneyNum: 90080
|
},
|
paimingList: [
|
{
|
name: '卫生健康',
|
num:'211'
|
},
|
{
|
name: '交通运输',
|
num:'112'
|
},
|
{
|
name: '林业和草原',
|
num:'101'
|
},
|
{
|
name: '水利',
|
num:'90'
|
},
|
{
|
name: '卫生健康',
|
num:'81'
|
}
|
]
|
},{
|
title: '综合执法四大队',
|
teamObj:{
|
peopleNum: 10,
|
zhifaNum:621,
|
moneyNum: 997686
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'152'
|
},
|
{
|
name: '交通运输',
|
num:'124'
|
},
|
{
|
name: '商务',
|
num:'130'
|
},
|
{
|
name: '水利',
|
num:'128'
|
},
|
{
|
name: '卫生健康',
|
num:'111'
|
}
|
]
|
},{
|
title: '综合执法五大队',
|
teamObj:{
|
peopleNum: 10,
|
zhifaNum:542,
|
moneyNum: 956751
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'256'
|
},
|
{
|
name: '交通运输',
|
num:'90'
|
},
|
{
|
name: '商务',
|
num:'81'
|
},
|
{
|
name: '水利',
|
num:'56'
|
},
|
{
|
name: '卫生健康',
|
num:'32'
|
}
|
]
|
},{
|
title: '综合执法六大队',
|
teamObj:{
|
peopleNum: 10,
|
zhifaNum:680,
|
moneyNum: 10342
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'189'
|
},
|
{
|
name: '交通运输',
|
num:'164'
|
},
|
{
|
name: '商务',
|
num:'152'
|
},
|
{
|
name: '水利',
|
num:'132'
|
},
|
{
|
name: '卫生健康',
|
num:'153'
|
}
|
]
|
},{
|
title: '综合执法七大队',
|
teamObj:{
|
peopleNum: 10,
|
zhifaNum:545,
|
moneyNum: 10342
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'125'
|
},
|
{
|
name: '交通运输',
|
num:'133'
|
},
|
{
|
name: '商务',
|
num:'120'
|
},
|
{
|
name: '水利',
|
num:'53'
|
},
|
{
|
name: '卫生健康',
|
num:'42'
|
}
|
]
|
},{
|
title: '机动执法队',
|
teamObj:{
|
peopleNum: 10,
|
zhifaNum:610,
|
moneyNum: 10342
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'123'
|
},
|
{
|
name: '交通运输',
|
num:'123'
|
},
|
{
|
name: '商务',
|
num:'110'
|
},
|
{
|
name: '水利',
|
num:'104'
|
},
|
{
|
name: '卫生健康',
|
num:'96'
|
},
|
{
|
name: '民族宗教',
|
num:'46'
|
}
|
]
|
}],
|
chengxiangTeamData: [{
|
title: '滏阳东路执法队',
|
teamObj:{
|
peopleNum: 10,
|
zhifaNum:59,
|
moneyNum: 10342
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'23'
|
},
|
{
|
name: '交通运输',
|
num:'15'
|
},
|
{
|
name: '商务',
|
num:'13'
|
},
|
{
|
name: '水利',
|
num:'5'
|
},
|
{
|
name: '卫生健康',
|
num:'4'
|
}
|
]
|
},{
|
title: '临水镇执法队',
|
teamObj:{
|
peopleNum: 9,
|
zhifaNum:52,
|
moneyNum: 12244
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'30'
|
},
|
{
|
name: '交通运输',
|
num:'29'
|
},
|
{
|
name: '商务',
|
num:'9'
|
},
|
{
|
name: '水利',
|
num:'3'
|
},
|
{
|
name: '卫生健康',
|
num:'2'
|
}
|
]
|
},{
|
title: '峰峰镇执法队',
|
teamObj:{
|
peopleNum: 10,
|
zhifaNum:49,
|
moneyNum: 12289
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'24'
|
},
|
{
|
name: '交通运输',
|
num:'24'
|
},
|
{
|
name: '商务',
|
num:'13'
|
},
|
{
|
name: '水利',
|
num:'9'
|
},
|
{
|
name: '卫生健康',
|
num:'2'
|
}
|
]
|
},{
|
title: '新坡镇执法队',
|
teamObj:{
|
peopleNum: 10,
|
zhifaNum:68,
|
moneyNum: 10342
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'34'
|
},
|
{
|
name: '交通运输',
|
num:'20'
|
},
|
{
|
name: '商务',
|
num:'18'
|
},
|
{
|
name: '水利',
|
num:'13'
|
},
|
{
|
name: '卫生健康',
|
num:'8'
|
}
|
]
|
},{
|
title: '大社镇执法队',
|
teamObj:{
|
peopleNum: 10,
|
zhifaNum:59,
|
moneyNum: 10342
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'23'
|
},
|
{
|
name: '交通运输',
|
num:'22'
|
},
|
{
|
name: '商务',
|
num:'13'
|
},
|
{
|
name: '水利',
|
num:'10'
|
},
|
{
|
name: '卫生健康',
|
num:'2'
|
}
|
]
|
},{
|
title: '和村镇执法队',
|
teamObj:{
|
peopleNum: 8,
|
zhifaNum:51,
|
moneyNum: 10342
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'24'
|
},
|
{
|
name: '交通运输',
|
num:'14'
|
},
|
{
|
name: '商务',
|
num:'8'
|
},
|
{
|
name: '水利',
|
num:'5'
|
},
|
{
|
name: '卫生健康',
|
num:'2'
|
}
|
]
|
},{
|
title: '义井镇执法队',
|
teamObj:{
|
peopleNum: 7,
|
zhifaNum:48,
|
moneyNum: 9991
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'28'
|
},
|
{
|
name: '交通运输',
|
num:'15'
|
},
|
{
|
name: '商务',
|
num:'5'
|
},
|
{
|
name: '水利',
|
num:'3'
|
},
|
{
|
name: '卫生健康',
|
num:'2'
|
}
|
]
|
},{
|
title: '彭城镇执法队',
|
teamObj:{
|
peopleNum: 8,
|
zhifaNum:50,
|
moneyNum: 9874
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'24'
|
},
|
{
|
name: '交通运输',
|
num:'12'
|
},
|
{
|
name: '商务',
|
num:'5'
|
},
|
{
|
name: '水利',
|
num:'3'
|
},
|
{
|
name: '卫生健康',
|
num:'2'
|
}
|
]
|
},{
|
title: '界城镇执法队',
|
teamObj:{
|
peopleNum: 10,
|
zhifaNum:48,
|
moneyNum: 8958
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'24'
|
},
|
{
|
name: '交通运输',
|
num:'14'
|
},
|
{
|
name: '商务',
|
num:'13'
|
},
|
{
|
name: '水利',
|
num:'8'
|
},
|
{
|
name: '卫生健康',
|
num:'2'
|
}
|
]
|
},{
|
title: '大峪镇执法队',
|
teamObj:{
|
peopleNum: 9,
|
zhifaNum:59,
|
moneyNum: 10342
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'28'
|
},
|
{
|
name: '交通运输',
|
num:'24'
|
},
|
{
|
name: '商务',
|
num:'13'
|
},
|
{
|
name: '水利',
|
num:'9'
|
},
|
{
|
name: '卫生健康',
|
num:'2'
|
}
|
]
|
},{
|
title: '西固义乡执法队',
|
teamObj:{
|
peopleNum: 7,
|
zhifaNum:49,
|
moneyNum: 8975
|
},
|
paimingList: [
|
{
|
name: '农业农村',
|
num:'23'
|
},
|
{
|
name: '交通运输',
|
num:'10'
|
},
|
{
|
name: '商务',
|
num:'8'
|
},
|
{
|
name: '水利',
|
num:'3'
|
},
|
{
|
name: '卫生健康',
|
num:'2'
|
}
|
]
|
}]
|
}
|
},
|
components: {
|
lawTeamForm,
|
vuescroll
|
},
|
methods: {
|
imgLoad() {
|
this.$nextTick(() => {
|
this.$refs.dcPopover.updatePopper() // 注意主要是这里
|
})
|
},
|
searchDetail() {
|
this.liuchengDetailVisiable = true
|
this.$nextTick(() => {
|
this.$refs.liuchengDetail.init()
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.el-popover{
|
width: 85%!important;
|
/*height: 1.0417rem !* 200/192 *!!important;*/
|
background: rgba(12,39,72,1)!important;
|
border: 1px solid #55CFFC!important;
|
left: 7.5%;
|
}
|
</style>
|
<style lang="scss" scoped>
|
h1,h2,h3{
|
margin:0;
|
}
|
::v-deep{
|
.hasVBar{
|
/*width: auto!important;*/
|
padding-left: 0.1042rem!important; /* 20/192 */;
|
}
|
}
|
::-webkit-scrollbar {
|
width: 8px;
|
height: 8px;
|
}
|
/*滚动区域背景*/
|
::-webkit-scrollbar-track-piece {
|
background-color: silver;
|
-webkit-border-radius: 6px;
|
}
|
/*竖向滚动条*/
|
::-webkit-scrollbar-thumb:vertical {
|
height: 8px;
|
background-color: #20f3fc;
|
-webkit-border-radius: 6px;
|
}
|
/*横向滚动条*/
|
::-webkit-scrollbar-thumb:horizontal {
|
width: 8px;
|
background-color: #20f3fc;
|
-webkit-border-radius: 6px;
|
}
|
.lawTeam-wrap{
|
width: 100%;
|
box-sizing: border-box;
|
height: calc(100% - 0.2865rem /* 55/192 */);
|
display: flex;
|
.lawTeam-left{
|
width: calc(50% - 0.0521rem /* 10/192 */);
|
height: calc(100% - 0.1042rem /* 20/192 */);
|
margin-right: 0.0521rem /* 10/192 */;
|
display: flex;
|
flex-direction: column;
|
margin-top: 0.1042rem /* 20/192 */;
|
align-items: center;
|
}
|
.lawTeam-left-title{
|
width:4.5833rem /* 880/192 */;
|
height: 0.2292rem /* 44/192 */;
|
background: url("../../assets/images/zhifaduiwu-title.png") no-repeat center;
|
background-size: 100% 100%;
|
margin-left: 0.1042rem /* 20/192 */;
|
h1{
|
font-size: 0.0625rem /* 16/256 */;
|
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
font-weight: 700;
|
text-align: left;
|
color: #2de2ff;
|
margin-left: 0.1875rem /* 36/192 */;
|
line-height: 0.25rem /* 48/192 */;
|
}
|
}
|
.lawTeam-left-main{
|
width: 4.6354rem /* 890/192 */;
|
margin-left: 0.1042rem /* 20/192 */;
|
/*height: calc(100% - 0.2292rem !* 44/192 *! - 0.0521rem !* 10/192 *!);*/
|
height: 4.1146rem /* 790/192 */;
|
display: flex;
|
flex-wrap: wrap;
|
margin-top: 0.0521rem /* 10/192 */;
|
.lawTeam-left-main-block{
|
width: 2.1979rem /* 422/192 */;
|
height: calc(25% - 0.1042rem /* 20/192 */);
|
background: url("../../assets/images/lawTeam-block-bj.png") no-repeat center;
|
background-size: 100% 100%;
|
margin: 0.0521rem /* 10/192 */ 0.1042rem /* 20/192 */;
|
position: relative;
|
padding:0.0521rem /* 10/192 */;
|
box-sizing: border-box;
|
cursor: pointer;
|
position: relative;
|
&:nth-child(even) {
|
margin-right: 0;
|
}
|
&:nth-child(odd) {
|
margin-left: 0;
|
}
|
.downIcon{
|
position: absolute;
|
bottom: 0.0104rem /* 2/192 */;
|
left: 50%;
|
transform: translateX(-50%);
|
cursor: pointer;
|
}
|
.block-main-title{
|
width: 0.953125rem /* 183/192 */;
|
height: 0.2083rem /* 40/192 */;
|
background: url("../../assets/images/lawTeam-block-title-out.png") no-repeat center;
|
background-size: 100% 100%;
|
position: absolute;
|
top: 0;
|
left: 50%;
|
transform: translateX(-50%);
|
font-size: 0.0729rem /* 14/192 */;
|
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
font-weight: 700;
|
text-align: center;
|
color: #2de2ff;
|
line-height: 0.2083rem /* 40/192 */;
|
}
|
.block-main{
|
width: 100%;
|
height: calc(100% - 0.234375rem /* 45/192 */);
|
display: flex;
|
flex-direction: column;
|
margin-top: 0.2083rem /* 40/192 */;
|
.block-main-top{
|
width: 100%;
|
display: flex;
|
}
|
.block-main-top-block{
|
width: 33.3%;
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
h1{
|
font-size: 0.0546875rem /* 14/256 */;
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
font-weight: 400;
|
text-align: center;
|
color: #ffffff;
|
line-height: 0.1146rem /* 22/192 */;
|
}
|
h2{
|
font-size: 0.09375rem /* 18/192 */;
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
font-weight: 400;
|
text-align: center;
|
color: #2de2ff;
|
line-height: 0.1146rem /* 22/192 */;
|
}
|
}
|
.block-main-bottom{
|
display: flex;
|
margin-top: 0.0885rem /* 17/192 */;
|
.paiming-box{
|
width:0.7292rem /* 140/192 */;
|
h1{
|
font-size: 0.0729rem /* 14/192 */;
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
font-weight: 400;
|
text-align: left;
|
color: #ffffff;
|
line-height: 0.125rem /* 24/192 */;
|
}
|
}
|
.paiming-num{
|
display: flex;
|
width: calc(100% - 0.7292rem /* 140/192 */);
|
flex-wrap: wrap;
|
.paimingList-box{
|
width: calc(33.3% - 0.026rem /* 5/192 */);
|
display: flex;
|
margin-right: 0.026rem /* 5/192 */;
|
h1{
|
font-size: 0.0729rem /* 14/192 */;
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
font-weight: 400;
|
text-align: left;
|
color: #ffffff;
|
line-height: 0.125rem /* 24/192 */;
|
margin-right: 0.0052rem /* 1/192 */;
|
}
|
h2{
|
font-size: 0.0729rem /* 14/192 */;
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
font-weight: 400;
|
text-align: left;
|
color: #2de2ff;
|
line-height: 0.125rem /* 24/192 */;
|
}
|
}
|
.paimingList-box-inside{
|
width: 100%;
|
display: flex;
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
.popover-box-main{
|
display: flex;
|
flex-wrap: wrap;
|
div{
|
font-size: 0.0729rem /* 14/192 */;
|
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
font-weight: 400;
|
text-align: left;
|
color: #ffffff;
|
line-height: 0.125rem /* 24/192 */;
|
margin:0.026rem /* 5/192 */ 0.0521rem /* 10/192 */;
|
}
|
}
|
.popover-box{
|
position: relative;
|
.upIcon{
|
position: absolute;
|
bottom: -12px;
|
left: 50%;
|
transform: translateX(-50%);
|
}
|
}
|
</style>
|
