| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2023-03-02 09:39:32 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-03-07 11:02:54 |
| | | * @LastEditTime: 2023-04-09 03:41:13 |
| | | * @FilePath: \srs-police-affairs\src\components\map\components\activityPolicePopup.vue |
| | | * @Description: |
| | | * |
| | |
| | | <div style="transform: translate(-50%, 0);"> |
| | | <!-- 样式自己修改 --> |
| | | <div class="content" :class="{ 'scale-dom': scaleDomFlag }"> |
| | | <div class="data-box" v-if="activityPolicePopupData.label != 'none'"> |
| | | <div class="data-box" |
| | | v-if="activityPolicePopupData.label != 'none' && activityPolicePopupData.billboard == false"> |
| | | <div class="line"> |
| | | <div class="name">警车编号:</div> |
| | | <div class="value">{{ activityPolicePopupData.label }}</div> |
| | |
| | | <div class="name">所属辖区:</div> |
| | | <div class="value"> {{ activityPolicePopupData.deptName }}</div> |
| | | </div> |
| | | <div class="line"> |
| | | <div class="name">描述:</div> |
| | | <div class="value"> {{ activityPolicePopupData.Data.data.remark }}</div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="data-box" v-if="activityPolicePopupData.policeStationName != 'none'"> |
| | | <div class="data-box" |
| | | v-if="activityPolicePopupData.policeStationName != 'none' && activityPolicePopupData.billboard == false"> |
| | | <div class="line"> |
| | | <div class="name">警员姓名:</div> |
| | | <div class="value"> {{ activityPolicePopupData.policeData.name }}</div> |
| | |
| | | <div class="name">所属辖区:</div> |
| | | <div class="value"> {{ activityPolicePopupData.policeData.deptName }}</div> |
| | | </div> |
| | | <div class="line"> |
| | | <div class="name">描述:</div> |
| | | <div class="value"> {{ activityPolicePopupData.Data.data.remark }}</div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="data-box" v-if="activityPolicePopupData.billboard == true"> |
| | | <div class="line"> |
| | | <div class="name">描述:</div> |
| | | <div class="value"> {{ activityPolicePopupData.Data.item.remark }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | } |
| | | |
| | | .content { |
| | | width: 220px; |
| | | height: 130px; |
| | | background: $bg-color; |
| | | border-radius: 4px; |
| | | color: #fff; |
| | |
| | | justify-self: start; |
| | | |
| | | .name { |
| | | width: 90px; |
| | | text-align: justify; |
| | | } |
| | | } |