| | |
| | | </div> |
| | | </div> |
| | | <div class="center_box_bg"> |
| | | <img v-if="showWorkModal" class="point_icon" :style="{ left: workModalParam.left + 'px', top: workModalParam.top + 'px' }" |
| | | <img v-if="showWorkModal" class="point_icon" |
| | | :style="{ left: workModalParam.left + 'px', top: workModalParam.top + 'px' }" |
| | | src="@/assets/ani/apngb-animated.png" alt=""> |
| | | <div class="work_modal" :style="{ left: workModalParam.left2 + 'px', top: workModalParam.top + 'px' }" |
| | | @click="showWorkModal = false" v-if="showWorkModal"> |
| | |
| | | <div class="modal_bg" v-if="showWorkModal" @click="showWorkModal = false"></div> |
| | | </div> |
| | | <div class="center_box_two"> |
| | | <!-- <div v-if="data4.videoIndexCodes && data4.videoIndexCodes.length > 0" class="videos"> |
| | | <div v-if="data4.videoIndexCodes && data4.videoIndexCodes.length > 0" class="videos"> |
| | | <Videos :href="data4.videoPluginUrl" :indexCodes="data4.videoIndexCodes" /> |
| | | </div> --> |
| | | </div> |
| | | <div class="list"> |
| | | <div class="line header"> |
| | | <div>月台名称</div> |
| | |
| | | const option = { |
| | | grid: { |
| | | top: '32%', |
| | | left: '0%', |
| | | left: '6%', |
| | | right: '7%', |
| | | bottom: '0%', |
| | | bottom: '10%', |
| | | containLabel: true, |
| | | }, |
| | | legend: { |
| | |
| | | name: '万支', |
| | | type: 'value', |
| | | axisLabel: { |
| | | show: true, |
| | | color: "#9eaaba", |
| | | color: '#869CC9' |
| | | }, |
| | | nameTextStyle: { |
| | | color: '#869CC9', |
| | | padding: [0, 0, 0, 12] // 四个数字分别为上右下左与原位置距离 |
| | | }, |
| | | axisLine: { |
| | | show: true, |
| | |
| | | } |
| | | |
| | | } |
| | | .modal_bg{ |
| | | |
| | | .modal_bg { |
| | | position: fixed; |
| | | left: 0; |
| | | top: 0; |
| | |
| | | object-fit: cover; |
| | | z-index: -1; |
| | | } |
| | | </style> |
| | | </style> |