| | |
| | | <div class="header"> |
| | | <div class="bottom-title">警情动态</div> |
| | | <div class="history-tab"> |
| | | <span class="beforetime" :class="{ choosed: historytype == 0 }" @click="historyTabClick(0)">实时</span> |
| | | <span class="beforetime" :class="{ choosed: historytype == 1 }" @click="historyTabClick(1)">历史</span> |
| | | <span |
| | | class="beforetime" |
| | | :class="{ choosed: historytype == 0 }" |
| | | @click="historyTabClick(0)" |
| | | >实时</span> |
| | | <span |
| | | class="beforetime" |
| | | :class="{ choosed: historytype == 1 }" |
| | | @click="historyTabClick(1)" |
| | | >历史</span> |
| | | </div> |
| | | <div class="timeTab" v-show="historytype"> |
| | | <span class="beforetime" :class="{ choosed: timetype == 0 }" @click="timeTabClick(0)">周</span> |
| | | <span class="beforetime" :class="{ choosed: timetype == 1 }" @click="timeTabClick(1)">月</span> |
| | | <span |
| | | class="beforetime" |
| | | :class="{ choosed: timetype == 0 }" |
| | | @click="timeTabClick(0)" |
| | | >周</span> |
| | | <span |
| | | class="beforetime" |
| | | :class="{ choosed: timetype == 1 }" |
| | | @click="timeTabClick(1)" |
| | | >月</span> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | <span class="callContent">报警内容</span> |
| | | </li> |
| | | </ul> |
| | | <vue-seamless-scroll :data="historytype == 0 ? policeSituationRealtimeArr : policeSituationHistoryArr" |
| | | class="warp"> |
| | | <vue-seamless-scroll |
| | | :data="historytype == 0 ? policeSituationRealtimeArr : policeSituationHistoryArr" |
| | | class="warp" |
| | | > |
| | | <ul class="item"> |
| | | <li v-for="(item, index) in (historytype == 0 ? policeSituationRealtimeArr : policeSituationHistoryArr)" |
| | | :key="index" :data-obj="JSON.stringify(item)" class="row"> |
| | | <li |
| | | v-for="(item, index) in (historytype == 0 ? policeSituationRealtimeArr : policeSituationHistoryArr)" |
| | | :key="index" |
| | | :data-obj="JSON.stringify(item)" |
| | | class="row" |
| | | > |
| | | <!-- <span class="num" v-text="item.num"></span> --> |
| | | <span class="num" v-text="index + 1"></span> |
| | | <span class="type" v-text="item.type"></span> |
| | |
| | | } |
| | | |
| | | .beforetime { |
| | | color: #99CCCC; |
| | | color: #99cccc; |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .beforetime { |
| | | color: #99CCCC; |
| | | color: #99cccc; |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | li:nth-child(2n) { |
| | | background: $table-body-tr-2n-color; |
| | | background: rgba(20, 50, 123, 1); |
| | | color: #fff !important; |
| | | } |
| | | |
| | | li:nth-child(2n-1) { |
| | | background: $table-body-tr-n-color; |
| | | background: rgba(29, 38, 105, 1); |
| | | color: #fff; |
| | | } |
| | | } |