|  |  | 
 |  |  |                   </div> | 
 |  |  |  | 
 |  |  |                 </div> | 
 |  |  |                 <div class="content"> | 
 |  |  |                 <div class="content" v-if="false"> | 
 |  |  |                   <div class="unit_wrap"> | 
 |  |  |                     <span class="la">同比</span> | 
 |  |  |                     <template v-if="StockOutData.sameOutNum"> | 
 |  |  | 
 |  |  |                       StockOutData.sameOutNum) | 
 |  |  |                       * 100).toFixed(2)) }}%</span> | 
 |  |  |                     <span v-else style="margin-left: 6px;">-</span> | 
 |  |  |                     <span v-if="StockOutData.totalCarNum" class="la" style="margin-left: 30px;margin-right: 10px;">累计出库车次</span> | 
 |  |  |                     <span v-if="StockOutData.totalCarNum" class="la" | 
 |  |  |                       style="margin-left: 30px;margin-right: 10px;">累计出库车次</span> | 
 |  |  |                     <span>{{ StockOutData.totalCarNum || '' }}</span> | 
 |  |  |                   </div> | 
 |  |  |  | 
 |  |  | 
 |  |  | import { | 
 |  |  |   getStoreOperationList, | 
 |  |  |   getStorecenterData, | 
 |  |  |   getStorecenterDataNew, | 
 |  |  |   getStoreenergyDataList, | 
 |  |  |   getStorelastMonthOil, | 
 |  |  |   getStoreTaskList, | 
 |  |  | 
 |  |  |         borderColor: '#fff' | 
 |  |  |       }, | 
 |  |  |     }, | 
 |  |  |     dataZoom: [ | 
 |  |  |       { | 
 |  |  |         type: 'slider', // 滑动条类型 | 
 |  |  |         orient: 'vertical', | 
 |  |  |         left: 'left', | 
 |  |  |         start: 0,       // 起始位置(百分比) | 
 |  |  |         end: 40,        // 结束位置(百分比),控制初始显示范围 | 
 |  |  |         width: 1, | 
 |  |  |         backgroundColor: '#04141d', // 滑动条背景色 | 
 |  |  |         // dataBackground: 'none', | 
 |  |  |         dataBackground: { | 
 |  |  |           areaStyle: { opacity: 0 }, // 设置背景透明 | 
 |  |  |           lineStyle: { opacity: 0 } // 设置背景透明 | 
 |  |  |         }, | 
 |  |  |         borderColor: '#04141e', // 边框颜色 | 
 |  |  |         moveOnMouseWheel: true, | 
 |  |  |         // showDetail: false, // 隐藏选中范围的文字 | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         type: 'inside',     // 用于监听滚轮事件 | 
 |  |  |         orient: 'vertical', | 
 |  |  |         start: 0, | 
 |  |  |         end: 40, | 
 |  |  |         minSpan: 40, | 
 |  |  |         dataBackground: { | 
 |  |  |           areaStyle: { opacity: 0 } // 设置背景透明 | 
 |  |  |         }, | 
 |  |  |         maxSpan: 40, | 
 |  |  |         zoomLock: true,     // 锁定缩放(仅允许平移) | 
 |  |  |         moveOnMouseWheel: true, // 启用滚轮平移 | 
 |  |  |         // zoomOnMouseWheel: false // 禁用滚轮缩放 | 
 |  |  |       } | 
 |  |  |     ], | 
 |  |  |     grid: { | 
 |  |  |       left: '3%', | 
 |  |  |       right: '4%', | 
 |  |  | 
 |  |  |   showModal.value = true | 
 |  |  |   kzorderInfo({ contractNumber: item.contractNumber }).then(res => { | 
 |  |  |     modalInfo.value = res.data | 
 |  |  |     const apiKey = 'd9a554b1808ce10a12a932ed9b0db1d0' | 
 |  |  |     // const apiKey = 'd9a554b1808ce10a12a932ed9b0db1d0' | 
 |  |  |     const apiKey = '3916a7b434e7f13ae1a0af64e88ec0a3' | 
 |  |  |     if (modalInfo.value.gisList && modalInfo.value.gisList.length > 0) { | 
 |  |  |       const gisInfo = modalInfo.value.gisList[0] | 
 |  |  |       if (gisInfo && gisInfo.gisList && gisInfo.gisList.length > 0) { | 
 |  |  | 
 |  |  |         const location = adsInfo.lon1 + ',' + adsInfo.lat1 | 
 |  |  |         axios.get(`https://restapi.amap.com/v3/geocode/regeo?key=${apiKey}&location=${location}`).then(res => { | 
 |  |  |           console.log('res', res.data) | 
 |  |  |           if(res.data.status == 1){ | 
 |  |  |           if (res.data.status == 1) { | 
 |  |  |             modalInfo.value.position = res.data.regeocode.formatted_address | 
 |  |  |           } | 
 |  |  |         }) | 
 |  |  | 
 |  |  | } | 
 |  |  | //  footer | 
 |  |  | const getData3 = () => { | 
 |  |  |   getStorecenterData({ | 
 |  |  |   getStorecenterDataNew({ | 
 |  |  |     factoryCode: activeCity.value.code | 
 |  |  |   }).then(res => { | 
 |  |  |     const obj = res.data || {} | 
 |  |  | 
 |  |  |         color: #01D9FE; | 
 |  |  |         width: 70px; | 
 |  |  |       } | 
 |  |  |       .val{ | 
 |  |  |  | 
 |  |  |       .val { | 
 |  |  |         flex: 1; | 
 |  |  |       } | 
 |  |  |     } |