|  |  | 
 |  |  |             </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"> | 
 |  |  | 
 |  |  |   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; |