优化

MrShi

7 天以前 cf69b541f8ef1ac4fae24bd99b0259b7af035490

 screen/src/views/LogisticsCenter.vue

@@ -63,7 +63,7 @@
                  </div>

                </div>
                <div class="content">
                <div class="content" v-if="false">
                  <div class="unit_wrap">
                    <span class="la">同比</span>
                    <template v-if="StockOutData.sameOutNum">
@@ -77,7 +77,8 @@
                      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>

@@ -525,6 +526,7 @@
import {
  getStoreOperationList,
  getStorecenterData,
  getStorecenterDataNew,
  getStoreenergyDataList,
  getStorelastMonthOil,
  getStoreTaskList,
@@ -815,6 +817,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 +1044,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 +1053,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
          }
        })
@@ -1227,7 +1263,7 @@
}
//  footer
const getData3 = () => {
  getStorecenterData({
  getStorecenterDataNew({
    factoryCode: activeCity.value.code
  }).then(res => {
    const obj = res.data || {}
@@ -2907,7 +2943,8 @@
        color: #01D9FE;
        width: 70px;
      }
      .val{

      .val {
        flex: 1;
      }
    }