jiangping
2025-05-07 c3aaf28f7316cce12eec007a9f85a96cbcddeec2
screen/src/views/LogisticsCenter.vue
@@ -63,21 +63,22 @@
                  </div>
                </div>
                <div class="content">
                <div class="content" v-if="false">
                  <div class="unit_wrap">
                    <span class="la">同比</span>
                    <template v-if="StockOutData.currentNum && StockOutData.lastNum">
                      <img v-if="StockOutData.currentNum >= StockOutData.lastNum" src="@/assets/images/ic_up.png"
                    <template v-if="StockOutData.sameOutNum">
                      <img v-if="StockOutData.currentOutNum >= StockOutData.sameOutNum" src="@/assets/images/ic_up.png"
                        class="icon" alt="">
                      <img v-else src="@/assets/images/ic_down.webp" class="icon" alt="">
                    </template>
                    <span v-if="StockOutData.lastNum && StockOutData.currentNum">{{ Math.abs((((StockOutData.currentNum
                    <span v-if="StockOutData.sameOutNum">{{ Math.abs((((StockOutData.currentOutNum
                      -
                      StockOutData.lastNum) /
                      StockOutData.lastNum)
                      StockOutData.sameOutNum) /
                      StockOutData.sameOutNum)
                      * 100).toFixed(2)) }}%</span>
                    <span v-else style="margin-left: 6px;">-</span>
                    <span 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>
@@ -815,6 +816,39 @@
        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%',
@@ -1009,7 +1043,8 @@
  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) {
@@ -1017,7 +1052,7 @@
        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
          }
        })
@@ -2907,7 +2942,8 @@
        color: #01D9FE;
        width: 70px;
      }
      .val{
      .val {
        flex: 1;
      }
    }