| | |
| | | </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> |
| | | |
| | |
| | | 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 |
| | | } |
| | | }) |
| | |
| | | color: #01D9FE; |
| | | width: 70px; |
| | | } |
| | | .val{ |
| | | |
| | | .val { |
| | | flex: 1; |
| | | } |
| | | } |