Chengfei_LiTiKu
/
chengfei-board


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112
							<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=1920" />
    <title>无人线边仓库看板</title>
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/board2.css" />
    <script type="text/javascript" src="./plugin/jquery.min.js"></script>
    <script type="text/javascript" src="./plugin/echarts.min.js"></script>
    <script type="text/javascript" src="./plugin/vue.min.js"></script>
    <script type="text/javascript" src="./js/util.js"></script>
    <script type="text/javascript" src="./js/common.js"></script>
    <script src="./plugin/datav.min.js"></script>
    <script type="text/javascript" src="./js/chart.js"></script>
  </head>
  <script>
    $(window).load(function () {
      $(".loading").fadeOut();
    });
    //动态设置视口
    const setSize = () => {
      // 获取html元素
      const html = document.getElementsByTagName("html")[0];
      // 获取屏幕宽度
      const pageWidth = html.getBoundingClientRect().width;
      // 动态计算字体大小(rem)
      html.style.fontSize = pageWidth / 20 + "px";
    };
    setSize();
    window.addEventListener("resize", setSize, false);
  </script>

  <body>
    <div class="loading">
      <div class="load_box">
        <img src="./images/loading.gif" /> 看板加载中，请稍等...
      </div>
    </div>
    <div id="app" class="container">
      <div class="head">
        <h1>无人线边仓库看板</h1>
        <span id="showTime"></span>
      </div>

      <div class="box">
        <span class="title maintain-title">工装设备维修记录</span>
        <span class="maintain maintain-all"
          >当月维修总数:{{repairDatas.repairQuantity}}</span
        >
        <span class="maintain maintain-complete"
          >已维修数:{{repairDatas.repairCompletedQuantity}}</span
        >
        <span class="maintain maintain-incomplete"
          >待维修数:{{repairDatas.repairUncompletedQuantity}}</span
        >
        <div>
          <dv-scroll-board
            ref="scrollBoard1"
            style="
              height: 2.2rem;
              position: absolute;
              width: 5.2rem;
              top: 1.06rem;
              left: 0.3rem;
            "
            :config="maintainConfig"
          />
        </div>
      </div>
      <div class="box">
        <span class="title checkout-title">工装设备检验记录</span>
        <span class="checkout checkout-all"
          >当月检验总数:{{checkoutDatas.inspectionQuantity}}</span
        >
        <span class="checkout checkout-complete"
          >已检验数:{{checkoutDatas.inspectionCompletedQuantity}}</span
        >
        <span class="checkout checkout-incomplete"
          >待检验数:{{checkoutDatas.inspectionUncompletedQuantity}}</span
        >
        <div>
          <dv-scroll-board
            ref="scrollBoard2"
            style="
              height: 2.2rem;
              position: absolute;
              width: 5.2rem;
              top: 4.7rem;
              left: 0.3rem;
            "
            :config="checkoutConfig"
          />
        </div>
      </div>
      <div class="box">
        <span class="title check-title">工装设备检验图表</span>
        <div
          style="
            height: 2.5rem;
            position: absolute;
            width: 4.86rem;
            top: 7.9rem;
            left: 0.44rem;
          "
          id="checkoutChart"
        ></div>
      </div>
      <div class="box">
        <span class="title inventory-name">{{ inventoryDatas.name }}</span>
        <span class="inventory clamp-all">工装总数</span>
        <span class="inventory clamp-all-count"
          >{{ inventoryDatas.clampQuantity }}</span
        >
        <span class="inventory clamp-complete">已盘数</span>
        <span class="inventory clamp-complete-count"
          >{{ inventoryDatas.clampInventoriedQuantity }}</span
        >
        <span class="inventory clamp-incomplete">未盘数</span>
        <span class="inventory clamp-incomplete-count"
          >{{ inventoryDatas.clampNotInventoriedQuantity }}</span
        >
        <span class="inventory device-all">设备总数</span>
        <span class="inventory device-all-count"
          >{{ inventoryDatas.instrumentQuantity }}</span
        >
        <span class="inventory device-complete">已盘数</span>
        <span class="inventory device-complete-count"
          >{{ inventoryDatas.instrumentInventoriedQuantity }}</span
        >
        <span class="inventory device-incomplete">未盘数</span>
        <span class="inventory device-incomplete-count"
          >{{ inventoryDatas.instrumentNotInventoriedQuantity }}</span
        >
      </div>
      <div class="box">
        <span class="title agv-task-title">AGV 任务执行记录</span>
        <div>
          <dv-scroll-board
            ref="scrollBoard3"
            style="
              height: 2.8rem;
              position: absolute;
              width: 7.8rem;
              top: 7.4rem;
              left: 6rem;
            "
            :config="agvTaskConfig"
          />
        </div>
      </div>
      <div class="box">
        <span class="title agv-year-title">AGV 年任务统计</span>
        <div
          style="
            height: 3rem;
            position: absolute;
            width: 5.6rem;
            top: 0.82rem;
            right: 0.1rem;
          "
          id="agvYearChart"
        ></div>
      </div>
      <div class="box">
        <span class="title agv-record-title">AGV 任务执行统计</span>
        <div
          style="
            height: 2.5rem;
            position: absolute;
            width: 4.86rem;
            top: 4.3rem;
            right: 0.44rem;
          "
          id="agvTotalChart"
        ></div>
      </div>
      <div class="box">
        <span class="title device-time-title">设备使用时长</span>
        <div>
          <dv-scroll-board
            ref="scrollBoard4"
            style="
              height: 2.3rem;
              position: absolute;
              width: 5rem;
              top: 7.86rem;
              right: 0.4rem;
            "
            :config="deviceTimeConfig"
          />
        </div>
      </div>
    </div>
    <div class="back"></div>
    <script>
      var app = new Vue({
        el: "#app",
        data() {
          return {
            timer: null,
            checkoutChart: null,
            agvYearChart: null,
            agvTotalChart: null,
            chartDatas: null,
            maintainConfig: {
              header: [
                // '<span style="color:#ffffff;font-size:0.14rem">序号</span>',
                '<span style="color:#ffffff;font-size:0.14rem">名称</span>',
                '<span style="color:#ffffff;font-size:0.14rem">类型</span>',
                '<span style="color:#ffffff;font-size:0.14rem">维修原因</span>',
                '<span style="color:#ffffff;font-size:0.14rem">维修时间</span>',
              ],
              columnWidth: [140, 80, 120, 140],
              data: [],
              align: ["center", "center", "center", "center"],
              headerBGC: "transparent",
              oddRowBGC: "transparent",
              evenRowBGC: "transparent",
            },
            checkoutConfig: {
              header: [
                // '<span style="color:#ffffff;font-size:0.14rem">序号</span>',
                '<span style="color:#ffffff;font-size:0.14rem">名称</span>',
                '<span style="color:#ffffff;font-size:0.14rem">类型</span>',
                '<span style="color:#ffffff;font-size:0.14rem">送检时间</span>',
                '<span style="color:#ffffff;font-size:0.14rem">返回时间</span>',
              ],
              columnWidth: [140, 80, 120, 140],
              data: [],
              align: ["center", "center", "center", "center"],
              headerBGC: "transparent",
              oddRowBGC: "transparent",
              evenRowBGC: "transparent",
            },
            agvTaskConfig: {
              header: [
                // '<span style="color:#ffffff;font-size:0.14rem">序号</span>',
                '<span style="color:#ffffff;font-size:0.14rem">名称</span>',
                '<span style="color:#ffffff;font-size:0.14rem">类型</span>',
                // '<span style="color:#ffffff;font-size:0.14rem">状态</span>',
                '<span style="color:#ffffff;font-size:0.14rem">起点位置</span>',
                '<span style="color:#ffffff;font-size:0.14rem">终点位置</span>',
                '<span style="color:#ffffff;font-size:0.14rem">下达时间</span>',
                // '<span style="color:#ffffff;font-size:0.14rem">执行时间</span>',
                '<span style="color:#ffffff;font-size:0.14rem">完成时间</span>',
              ],
              columnWidth: [120, 110, 90, 90, 160, 160],
              data: [],
              align: [
                "center",
                "center",
                "center",
                "center",
                "center",
                "center",
                // "center",
              ],
              headerBGC: "transparent",
              oddRowBGC: "transparent",
              evenRowBGC: "transparent",
            },
            deviceTimeConfig: {
              header: [
                // '<span style="color:#ffffff;font-size:0.14rem">序号</span>',
                '<span style="color:#ffffff;font-size:0.14rem">名称</span>',
                '<span style="color:#ffffff;font-size:0.14rem">编号</span>',
                '<span style="color:#ffffff;font-size:0.14rem">类型</span>',
                '<span style="color:#ffffff;font-size:0.14rem">使用时长</span>',
              ],
              columnWidth: [140, 160, 70, 126],
              data: [],
              align: ["center", "center", "center", "center"],
              headerBGC: "transparent",
              oddRowBGC: "transparent",
              evenRowBGC: "transparent",
            },
            tableDatas: [],
            repairDatas: {},
            repairLineDatas: [],
            checkoutDatas: {},
            checkoutLineDatas: [],
            inventoryDatas: {},
            chartDatas: [],
            agvTaskDatas: [],
            agvMonthDatas: [],
            useTimeData: [],
            agvComplete: 0,
            agvUnComplete: 0,
          };
        },

        methods: {
          // 获取当前展示的仓库id
          getWarehouseId() {
            const _self = this;
            const params = getQueryString();
            _self.warehouseId = params.warehouseId;
          },

          // 绘制工装设备检验图
          createCheckoutChart() {
            const _self = this;
            const checkoutOption = drawCheckoutChart();
            initChart(_self.checkoutChart, checkoutOption);
          },

          // 绘制Agv年任务统计图
          createAgvYearChart() {
            const _self = this;
            const agvYearOption = drawAgvYearChart();
            initChart(_self.agvYearChart, agvYearOption);
          },
          // 绘制AGV任务执行统计图
          createAgvTotalChart() {
            const _self = this;
            const agvTotalOption = drawAgvTotalChart();
            initChart(_self.agvTotalChart, agvTotalOption);
          },

          // 获取看板信息
          getWarehouseInfo() {
            const _self = this;
            const url = "/api/InventoryRepairResource/queryBoardData";
            const params = [["warehouseId", _self.warehouseId]];
            // const success = {
            //   errorCode: 0,
            //   errorMessage: null,
            //   data: {
            //     cfCheckVouchBoardResponse: {
            //       checkVouchId: 643723837739072,
            //       name: "测试盘点单",
            //       documentNo: "20260100001",
            //       warehouseId: null,
            //       warehouseName: "CF",
            //       clampQuantity: 0,
            //       clampInventoriedQuantity: 0,
            //       clampNotInventoriedQuantity: 0,
            //       instrumentQuantity: 0,
            //       instrumentInventoriedQuantity: 0,
            //       instrumentNotInventoriedQuantity: 0,
            //     },
            //     cfInventoryRepairBoardResponse: {
            //       repairQuantity: 8,
            //       repairCompletedQuantity: 6,
            //       repairUncompletedQuantity: 2,
            //       cfInventoryRepairLineBoardResponses: [
            //         {
            //           index: 1,
            //           name: "测试工装01489",
            //           no: "01489",
            //           type: "工装",
            //           repairReason: "ces234",
            //           repairTime: "2026-01-30 00:00:00",
            //           completeRepairTime: "2026-01-22 00:00:00",
            //         },
            //         {
            //           index: 2,
            //           name: "测试设备02991",
            //           no: "02991",
            //           type: "设备",
            //           repairReason: "ces3",
            //           repairTime: "2026-01-29 00:00:00",
            //           completeRepairTime: "2026-01-30 00:00:00",
            //         },
            //         {
            //           index: 3,
            //           name: "测试工装01492",
            //           no: "01492",
            //           type: "工装",
            //           repairReason: "坏了送去维修",
            //           repairTime: "2026-01-22 00:00:00",
            //           completeRepairTime: "2026-01-23 00:00:00",
            //         },
            //         {
            //           index: 4,
            //           name: "测试工装01485",
            //           no: "01485",
            //           type: "工装",
            //           repairReason: "测试123",
            //           repairTime: "2026-01-21 00:00:00",
            //           completeRepairTime: "2026-01-22 00:00:00",
            //         },
            //         {
            //           index: 5,
            //           name: "测试设备02996",
            //           no: "02996",
            //           type: "设备",
            //           repairReason: "1111111111111",
            //           repairTime: "2026-01-21 00:00:00",
            //           completeRepairTime: null,
            //         },
            //         {
            //           index: 6,
            //           name: "测试工装01393",
            //           no: "01393",
            //           type: "工装",
            //           repairReason: null,
            //           repairTime: "2026-01-20 00:00:00",
            //           completeRepairTime: "2026-01-21 00:00:00",
            //         },
            //         {
            //           index: 7,
            //           name: "测试工装01497",
            //           no: "01497",
            //           type: "工装",
            //           repairReason: "2222222",
            //           repairTime: "2026-01-19 00:00:00",
            //           completeRepairTime: null,
            //         },
            //         {
            //           index: 8,
            //           name: "测试设备03000",
            //           no: "03000",
            //           type: "设备",
            //           repairReason: "测试1",
            //           repairTime: "2026-01-11 00:00:00",
            //           completeRepairTime: "2026-01-13 00:00:00",
            //         },
            //       ],
            //     },
            //     cfInventoryInspectionBoardResponse: {
            //       inspectionQuantity: 6,
            //       inspectionCompletedQuantity: 4,
            //       inspectionUncompletedQuantity: 2,
            //       cfInventoryInspectionLineBoardResponses: [
            //         {
            //           index: 1,
            //           name: "测试设备02996",
            //           no: "02996",
            //           type: "设备",
            //           inspectionReason: "需要检验",
            //           inspectionTime: "2026-01-27 00:00:00",
            //           completeInspectionTime: null,
            //         },
            //         {
            //           index: 2,
            //           name: "测试设备02982",
            //           no: "02982",
            //           type: "设备",
            //           inspectionReason: "需要检验",
            //           inspectionTime: "2026-01-24 00:00:00",
            //           completeInspectionTime: "2026-01-25 00:00:00",
            //         },
            //         {
            //           index: 3,
            //           name: "测试工装01496",
            //           no: "01496",
            //           type: "工装",
            //           inspectionReason: "这是一个测试",
            //           inspectionTime: "2026-01-21 00:00:00",
            //           completeInspectionTime: null,
            //         },
            //         {
            //           index: 4,
            //           name: "测试设备02995",
            //           no: "02995",
            //           type: "设备",
            //           inspectionReason: "需要检验",
            //           inspectionTime: "2026-01-21 00:00:00",
            //           completeInspectionTime: "2026-01-22 00:00:00",
            //         },
            //         {
            //           index: 5,
            //           name: "测试工装01491",
            //           no: "01491",
            //           type: "工装",
            //           inspectionReason: "这是一个测试",
            //           inspectionTime: "2026-01-20 00:00:00",
            //           completeInspectionTime: "2026-01-21 00:00:00",
            //         },
            //         {
            //           index: 6,
            //           name: "测试工装01493",
            //           no: "01493",
            //           type: "工装",
            //           inspectionReason: "这是一个测试",
            //           inspectionTime: "2026-01-10 00:00:00",
            //           completeInspectionTime: "2026-01-29 00:00:00",
            //         },
            //       ],
            //     },
            //     cfInventoryChartBoardResponse: {
            //       cfInventoryChartClampLineBoardResponses: [
            //         {
            //           monthName: "2026-1",
            //           quantity: 3,
            //         },
            //         {
            //           monthName: "2025-12",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-11",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-10",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-9",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-8",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-7",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-6",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-5",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-4",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-3",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-2",
            //           quantity: 0,
            //         },
            //       ],
            //       cfInventoryChartInstrumentLineBoardResponses: [
            //         {
            //           monthName: "2026-1",
            //           quantity: 3,
            //         },
            //         {
            //           monthName: "2025-12",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-11",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-10",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-9",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-8",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-7",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-6",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-5",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-4",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-3",
            //           quantity: 0,
            //         },
            //         {
            //           monthName: "2025-2",
            //           quantity: 0,
            //         },
            //       ],
            //     },
            //     cfInventoryAgvBoardResponse: {
            //       completeQuantity: 25,
            //       incompleteQuantity: 0,
            //       agvTaskList: [
            //         {
            //           type: "成品下架",
            //           createTime: "2026-01-20 18:32:19",
            //           executeTime: "2026-01-20 18:32:20",
            //           endTime: "2026-01-20 18:32:25",
            //           agvName: "LeanwoAGV",
            //           status: "已完成",
            //           positionNo: "LT-1-2",
            //           positionEndNo: "SD-1-1",
            //         },
            //         {
            //           type: "料箱上架",
            //           createTime: "2026-01-20 18:31:53",
            //           executeTime: "2026-01-20 18:32:00",
            //           endTime: "2026-01-20 18:32:05",
            //           agvName: "LeanwoAGV",
            //           status: "已完成",
            //           positionNo: "SL-1-1",
            //           positionEndNo: "LT-1-2",
            //         },
            //         {
            //           type: "成品下架",
            //           createTime: "2026-01-20 18:30:31",
            //           executeTime: "2026-01-20 18:30:40",
            //           endTime: "2026-01-20 18:30:45",
            //           agvName: "LeanwoAGV",
            //           status: "已完成",
            //           positionNo: "LT-1-2",
            //           positionEndNo: "SD-1-1",
            //         },
            //         {
            //           type: "料箱上架",
            //           createTime: "2026-01-20 18:29:34",
            //           executeTime: "2026-01-20 18:29:40",
            //           endTime: "2026-01-20 18:29:45",
            //           agvName: "LeanwoAGV",
            //           status: "已完成",
            //           positionNo: "SL-1-1",
            //           positionEndNo: "LT-1-2",
            //         },
            //         {
            //           type: "成品下架",
            //           createTime: "2026-01-20 18:18:48",
            //           executeTime: "2026-01-20 18:19:00",
            //           endTime: "2026-01-20 18:26:02",
            //           agvName: "LeanwoAGV",
            //           status: "已完成",
            //           positionNo: "LT-1-2",
            //           positionEndNo: "SD-1-1",
            //         },
            //         {
            //           type: "料箱上架",
            //           createTime: "2026-01-20 18:17:04",
            //           executeTime: "2026-01-20 18:17:10",
            //           endTime: "2026-01-20 18:17:16",
            //           agvName: "LeanwoAGV",
            //           status: "已完成",
            //           positionNo: "SL-1-1",
            //           positionEndNo: "LT-1-2",
            //         },
            //         {
            //           type: "成品下架",
            //           createTime: "2026-01-20 18:05:38",
            //           executeTime: "2026-01-20 18:06:23",
            //           endTime: "2026-01-20 18:08:29",
            //           agvName: "LeanwoAGV",
            //           status: "已完成",
            //           positionNo: "LT-1-2",
            //           positionEndNo: "SD-1-1",
            //         },
            //         {
            //           type: "料箱上架",
            //           createTime: "2026-01-20 18:03:20",
            //           executeTime: "2026-01-20 18:03:30",
            //           endTime: "2026-01-20 18:03:36",
            //           agvName: "LeanwoAGV",
            //           status: "已完成",
            //           positionNo: "SL-1-1",
            //           positionEndNo: "LT-1-2",
            //         },
            //         {
            //           type: "成品下架",
            //           createTime: "2026-01-20 17:59:52",
            //           executeTime: "2026-01-20 18:00:00",
            //           endTime: "2026-01-20 18:00:05",
            //           agvName: "LeanwoAGV",
            //           status: "已完成",
            //           positionNo: "LT-1-2",
            //           positionEndNo: "SD-1-1",
            //         },
            //         {
            //           type: "料箱上架",
            //           createTime: "2026-01-20 17:57:24",
            //           executeTime: "2026-01-20 17:57:30",
            //           endTime: "2026-01-20 17:57:35",
            //           agvName: "LeanwoAGV",
            //           status: "已完成",
            //           positionNo: "SL-1-1",
            //           positionEndNo: "LT-1-2",
            //         },
            //       ],
            //       agvMonthTaskList: [
            //         {
            //           monthName: "2026-1",
            //           groundCount: 2,
            //           stereoscopicCount: 23,
            //         },
            //         {
            //           monthName: "2025-12",
            //           groundCount: 0,
            //           stereoscopicCount: 0,
            //         },
            //         {
            //           monthName: "2025-11",
            //           groundCount: 0,
            //           stereoscopicCount: 0,
            //         },
            //         {
            //           monthName: "2025-10",
            //           groundCount: 0,
            //           stereoscopicCount: 0,
            //         },
            //         {
            //           monthName: "2025-9",
            //           groundCount: 0,
            //           stereoscopicCount: 0,
            //         },
            //         {
            //           monthName: "2025-8",
            //           groundCount: 0,
            //           stereoscopicCount: 0,
            //         },
            //         {
            //           monthName: "2025-7",
            //           groundCount: 0,
            //           stereoscopicCount: 0,
            //         },
            //         {
            //           monthName: "2025-6",
            //           groundCount: 0,
            //           stereoscopicCount: 0,
            //         },
            //         {
            //           monthName: "2025-5",
            //           groundCount: 0,
            //           stereoscopicCount: 0,
            //         },
            //         {
            //           monthName: "2025-4",
            //           groundCount: 0,
            //           stereoscopicCount: 0,
            //         },
            //         {
            //           monthName: "2025-3",
            //           groundCount: 0,
            //           stereoscopicCount: 0,
            //         },
            //         {
            //           monthName: "2025-2",
            //           groundCount: 0,
            //           stereoscopicCount: 0,
            //         },
            //       ],
            //     },
            //     cfInventoryUseTimeBoardResponse: [
            //       {
            //         invName: "测试工装00002",
            //         invNo: "00002",
            //         type: "工装",
            //         useTime: "19天5时49分",
            //       },
            //       {
            //         invName: "测试工装00001",
            //         invNo: "00001",
            //         type: "工装",
            //         useTime: "18天22时48分",
            //       },
            //       {
            //         invName: "测试工装00015",
            //         invNo: "00015",
            //         type: "工装",
            //         useTime: "17天6时46分",
            //       },
            //       {
            //         invName: "工装101",
            //         invNo: "62255351027308800009",
            //         type: "工装",
            //         useTime: "15天2时23分",
            //       },
            //       {
            //         invName: "工装-1",
            //         invNo: "62255351027308800002",
            //         type: "工装",
            //         useTime: "3天22时31分",
            //       },
            //     ],
            //   },
            // };
            ajaxGet(url, params).then((success) => {
            if (success.errorCode === 0) {
              const {
                cfCheckVouchBoardResponse,
                cfInventoryRepairBoardResponse,
              } = success.data;
              const {
                cfInventoryInspectionBoardResponse,
                cfInventoryChartBoardResponse,
                cfInventoryAgvBoardResponse,
                cfInventoryUseTimeBoardResponse,
              } = success.data;
              _self.updateInventory(cfCheckVouchBoardResponse);
              _self.updateRepair(
                cfInventoryRepairBoardResponse.cfInventoryRepairLineBoardResponses,
              );
              _self.updateCheck(
                cfInventoryInspectionBoardResponse.cfInventoryInspectionLineBoardResponses,
              );
              _self.updateCount(
                cfInventoryRepairBoardResponse,
                cfInventoryInspectionBoardResponse,
              );
              _self.updateChart(cfInventoryChartBoardResponse);
              _self.updateAgvTask(cfInventoryAgvBoardResponse.agvTaskList);
              _self.updateAgvMonthTask(
                cfInventoryAgvBoardResponse.agvMonthTaskList,
              );
              _self.updateAgvTotalTask(
                cfInventoryAgvBoardResponse.completeQuantity,
                cfInventoryAgvBoardResponse.incompleteQuantity,
              );
              _self.updateUseTime(cfInventoryUseTimeBoardResponse);
            } else {
              console.log(success.errorMessage);
            }
            });
          },

          // 更新盘点单信息
          updateInventory(dtos) {
            const _self = this;
            if (!isObjectEqual(dtos, _self.inventoryDatas)) {
              _self.inventoryDatas = dtos;
            }
          },

          // 更新维修单信息
          updateRepair(dtos) {
            const _self = this;
            if (!isObjectEqual(dtos, _self.repairLineDatas)) {
              const processedData = dtos.map((item, index) => {
                return [
                  // index + 1,
                  item.name || "",
                  item.type || "",
                  item.repairReason || "",
                  item.completeRepairTime
                    ? item.completeRepairTime.substring(0, 10)
                    : "",
                ];
              });
              _self.maintainConfig.data = JSON.parse(
                JSON.stringify(processedData),
              );
              // 强制更新组件
              _self.$nextTick(() => {
                if (_self.$refs.scrollBoard1) {
                  _self.$refs.scrollBoard1.updateRows(
                    _self.maintainConfig.data,
                  );
                }
              });
              _self.repairLineDatas = dtos;
            }
          },
          // 更新检验单信息
          updateCheck(dtos) {
            const _self = this;
            if (!isObjectEqual(dtos, _self.checkoutLineDatas)) {
              const processedData = dtos.map((item, index) => {
                return [
                  // index + 1,
                  item.name || "",
                  item.type || "",
                  item.inspectionTime
                    ? item.inspectionTime.substring(0, 10)
                    : "",
                  item.completeInspectionTime
                    ? item.completeInspectionTime.substring(0, 10)
                    : "",
                ];
              });
              _self.checkoutConfig.data = JSON.parse(
                JSON.stringify(processedData),
              );
              // 强制更新组件
              _self.$nextTick(() => {
                if (_self.$refs.scrollBoard2) {
                  _self.$refs.scrollBoard2.updateRows(
                    _self.checkoutConfig.data,
                  );
                }
              });
              _self.checkoutLineDatas = dtos;
            }
          },

          // 更新维修检查数量
          updateCount(repair, checkout) {
            const _self = this;
            const repairCount = {
              repairQuantity: repair.repairQuantity,
              repairCompletedQuantity: repair.repairCompletedQuantity,
              repairUncompletedQuantity: repair.repairUncompletedQuantity,
            };
            const checkoutCount = {
              inspectionQuantity: checkout.inspectionQuantity,
              inspectionCompletedQuantity: checkout.inspectionCompletedQuantity,
              inspectionUncompletedQuantity:
                checkout.inspectionUncompletedQuantity,
            };
            if (!isObjectEqual(repairCount, _self.repairDatas)) {
              _self.repairDatas = repairCount;
            }
            if (!isObjectEqual(checkoutCount, _self.checkoutDatas)) {
              _self.checkoutDatas = checkoutCount;
            }
          },

          // 更新agv任务列表
          updateAgvTask(dtos) {
            const _self = this;
            if (!isObjectEqual(dtos, _self.agvTaskDatas)) {
              const processedData = dtos.map((item, index) => {
                return [
                  // index + 1,
                  item.agvName || "",
                  item.type || "",
                  item.positionNo || "",
                  item.positionEndNo || "",
                  item.createTime || "",
                  // item.executeTime || "",
                  item.endTime || "",
                ];
              });
              _self.agvTaskConfig.data = JSON.parse(
                JSON.stringify(processedData),
              );
              // 强制更新组件
              _self.$nextTick(() => {
                if (_self.$refs.scrollBoard3) {
                  _self.$refs.scrollBoard3.updateRows(_self.agvTaskConfig.data);
                }
              });
              _self.agvTaskDatas = dtos;
            }
          },

          // 更新工装设备检验表数据
          updateChart(dtos) {
            const _self = this;
            if (!isObjectEqual(dtos, _self.chartDatas)) {
              // 工装数据
              const clampData =
                dtos.cfInventoryChartClampLineBoardResponses || [];
              // 设备数据
              const instrumentData =
                dtos.cfInventoryChartInstrumentLineBoardResponses || [];

              // 按日期排序（日期小的在前）
              const sortedClampData = [...clampData].sort((a, b) => {
                return new Date(a.monthName) - new Date(b.monthName);
              });
              const sortedInstrumentData = [...instrumentData].sort((a, b) => {
                return new Date(a.monthName) - new Date(b.monthName);
              });

              // 排序后的月份
              const xDatas =
                sortedClampData.map((item) => item.monthName) || [];

              // 创建月份到数量的映射，确保日期对应
              const clampMap = new Map();
              sortedClampData.forEach((item) => {
                clampMap.set(item.monthName, item.quantity);
              });

              const instrumentMap = new Map();
              sortedInstrumentData.forEach((item) => {
                instrumentMap.set(item.monthName, item.quantity);
              });

              // 根据x轴数据顺序提取对应的数量数据
              const clampQuantities = xDatas.map(
                (month) => clampMap.get(month) || 0,
              );
              const instrumentQuantities = xDatas.map(
                (month) => instrumentMap.get(month) || 0,
              );

              // 更新图表
              if (_self.checkoutChart) {
                _self.checkoutChart.setOption({
                  xAxis: {
                    data: xDatas,
                  },
                  series: [
                    { name: "工装", data: clampQuantities },
                    { name: "设备", data: instrumentQuantities },
                  ],
                });
              }

              _self.chartDatas = dtos;
            }
          },

          // 更新agv年任务统计(地面库、立体库)
          updateAgvMonthTask(dto) {
            const _self = this;
            if (!isObjectEqual(dto, _self.agvMonthDatas)) {
              const newData = dto.reverse();
              const xDatas = newData.map((item) => item.monthName);
              const groundCount = dto.map((item) => item.groundCount);
              const stereoscopicCount = dto.map(
                (item) => item.stereoscopicCount,
              );
              _self.agvYearChart.setOption({
                xAxis: { data: xDatas },
                series: [
                  { name: "地面库", data: groundCount },
                  { name: "立体库", data: stereoscopicCount },
                ],
              });
              _self.agvMonthDatas = dto;
            }
          },

          // 更新agv任务统计(已完成、未完成)
          updateAgvTotalTask(completeQuantity, incompleteQuantity) {
            const _self = this;
            if (
              completeQuantity !== _self.agvComplete ||
              incompleteQuantity !== _self.agvUnComplete
            ) {
              const countData = [
                { name: "已完成", value: completeQuantity },
                { name: "未完成", value: incompleteQuantity },
              ];

              _self.agvTotalChart.setOption({
                series: [{ name: "任务统计", data: countData }],
              });
              _self.agvComplete = completeQuantity;
              _self.agvUnComplete = incompleteQuantity;
            }
          },

          // 更新设备使用时长
          updateUseTime(dtos) {
            const _self = this;
            if (!isObjectEqual(dtos, _self.useTimeData)) {
              const processedData = dtos.map((item, index) => {
                return [
                  // index + 1,
                  item.invName || "",
                  item.invNo || "",
                  item.type || "",
                  item.useTime || "",
                ];
              });
              _self.deviceTimeConfig.data = JSON.parse(
                JSON.stringify(processedData),
              );
              // 强制更新组件
              _self.$nextTick(() => {
                if (_self.$refs.scrollBoard4) {
                  _self.$refs.scrollBoard4.updateRows(
                    _self.deviceTimeConfig.data,
                  );
                }
              });
              _self.useTimeData = dtos;
            }
          },

          // 屏幕自适应
          resizeChart() {
            const _self = this;
            _self.checkoutChart && _self.checkoutChart.resize();
            _self.agvYearChart && _self.agvYearChart.resize();
            _self.agvTotalChart && _self.agvTotalChart.resize();
          },

          cancalDebounce: debounce(function () {
            this.resizeChart();
          }, 200),
        },

        mounted() {
          const _self = this;
          _self.getWarehouseId();
          _self.checkoutChart = getElement("checkoutChart");
          _self.agvYearChart = getElement("agvYearChart");
          _self.agvTotalChart = getElement("agvTotalChart");
          _self.$nextTick(() => {
            _self.createCheckoutChart();
            _self.createAgvYearChart();
            _self.createAgvTotalChart();
            _self.getWarehouseInfo();
            window.addEventListener("resize", _self.cancalDebounce);
          });
          _self.timer = setInterval(() => {
            _self.getWarehouseInfo();
          }, 3000);
        },
        beforeUnmount() {
          const _self = this;
          clearInterval(_self.timer);
          _self.timer = null;
        },
      });
    </script>
  </body>
</html>