{"step_index":23,"source":"MODEL","type":"VIEW_FILE","status":"DONE","created_at":"2026-07-13T16:23:30Z","content":"Created At: 2026-07-13T16:23:30Z\nCompleted At: 2026-07-13T16:23:31Z\nFile Path: `file:///c:/xampp/htdocs/App/Popular/tablero/dashboard/app.js`\nTotal Lines: 1620\nTotal Bytes: 62999\nShowing lines 1 to 200\nThe following code has been modified to include a line number before every line, in the format: <line_number>: <original_line>. Please note that any changes targeting the original code should remove the line number, colon, and leading space.\n1: const app = Vue.createApp({\n2:   data() {\n3:     return {\n4:       baseURL: \"http://24.144.107.84/api\",\n5:       token: \"\",\n6:       userName: \"\",\n7:       userLastName: \"\",\n8:       userLogin: \"\",\n9:       selectedItem: null,\n10:       dropdownItems: [],\n11:       loadingExit: false,\n12:       chartsReady: false,\n13:       inventoryChartInstance: null,\n14:       inventory2ChartInstance: null,\n15:       salesCategoryChartInstance: null,\n16:       salesCategory2ChartInstance: null,\n17:       accountsPayValue: null,\n18:       accountsPayValue2: null,\n19:       accountsReceivableValue: null,\n20:       accountsReceivable2Value: null,\n21:       infoUserStatus: false,\n22:       infoAccountValues: false,\n23:       infoAccountValues2: false,\n24:       infoCashReportValues: false,\n25:       infoSalesDetailsReportValues: false,\n26:       infoInventoryValues: false,\n27:       infoInventory2Values: false,\n28:       infoSalesCategoryValues: false,\n29:       infoSalesCategory2Values: false,\n30:       infoFinancialAnalysisValues: false,\n31:       cashReportData: null,\n32:       salesDetailData: null,\n33:       salesDetailData2: null,\n34:       financialAnalysisData: [],\n35:       totalFinancialAnalysis: 0,\n36:       showModal: true,\n37:       nowDate: \"\",\n38:       nowDateCashReport: \"\",\n39:       nowDateSalesCategory: \"\",\n40:       idSuc: \"\",\n41:       startDateCashReport: \"\",\n42:       endDateCashReport: \"\",\n43:       salesDetailData: [],\n44:       salesDetailData2: [],\n45:       totalSalesDetail: {\n46:         krd_cantidad: 0,\n47:         krd_precio_total: 0,\n48:         krd_precio_real_total: 0,\n49:         krd_costo_total: 0,\n50:         krd_iva_total: 0,\n51:         krd_precio_antes_iva: 0,\n52:       },\n53:       totalSalesDetail2: {\n54:         krd_cantidad: 0,\n55:         krd_precio_total: 0,\n56:         krd_precio_real_total: 0,\n57:         krd_costo_total: 0,\n58:         krd_iva_total: 0,\n59:         krd_precio_antes_iva: 0,\n60:       },\n61:       startDateSalesCategory: new Date()\n62:         .toLocaleString(\"es-VE\", {\n63:           timeZone: \"America/Caracas\",\n64:           year: \"numeric\",\n65:           month: \"2-digit\",\n66:           day: \"2-digit\",\n67:         })\n68:         .split(\"/\")\n69:         .reverse()\n70:         .join(\"-\"),\n71:       endDateSalesCategory: new Date()\n72:         .toLocaleString(\"es-VE\", {\n73:           timeZone: \"America/Caracas\",\n74:           year: \"numeric\",\n75:           month: \"2-digit\",\n76:           day: \"2-digit\",\n77:         })\n78:         .split(\"/\")\n79:         .reverse()\n80:         .join(\"-\"),\n81:       salesCategoryStatus: false,\n82:       salesCategoryTotal: \"$0,00\",\n83:       salesCategory2Total: \"$0,00\",\n84:       inventoryTotal: \"$0,00\",\n85:       inventoryTotalCost: \"$0,00\",\n86:       inventoryTotalCostTax: \"$0,00\",\n87:       inventory2Total: \"$0,00\",\n88:       inventory2TotalCost: \"$0,00\",\n89:       inventory2TotalCostTax: \"$0,00\",\n90:     };\n91:   },\n92:   mounted() {\n93:     // Obtener la fecha actual en la zona horaria de Caracas\n94:     const nowDate = new Date()\n95:       .toLocaleString(\"es-VE\", {\n96:         timeZone: \"America/Caracas\",\n97:         year: \"numeric\",\n98:         month: \"2-digit\",\n99:         day: \"2-digit\",\n100:       })\n101:       .split(\"/\")\n102:       .reverse()\n103:       .join(\"-\");\n104: \n105:     // Asignar la fecha corregida a las variables\n106:     this.nowDate = nowDate;\n107:     this.nowDateCashReport = nowDate;\n108:     this.nowDateSalesCategory = nowDate;\n109: \n110:     this.token = localStorage.getItem(\"token\");\n111:     this.validateToken();\n112:     this.fetchData();\n113:   },\n114:   watch: {\n115:     infoUserStatus(newValue) {\n116:       this.checkLoadingStatus();\n117:     },\n118:     infoAccountValues(newValue) {\n119:       this.checkLoadingStatus();\n120:     },\n121:     infoAccountValues2(newValue) {\n122:       this.checkLoadingStatus();\n123:     },\n124:     infoCashReportValues(newValue) {\n125:       this.checkLoadingStatus();\n126:     },\n127:     infoSalesDetailsReportValues(newValue) {\n128:       this.checkLoadingStatus();\n129:     },\n130:     infoInventoryValues(newValue) {\n131:       this.checkLoadingStatus();\n132:     },\n133:     infoInventory2Values(newValue) {\n134:       this.checkLoadingStatus();\n135:     },\n136:     infoSalesCategoryValues(newValue) {\n137:       this.checkLoadingStatus();\n138:     },\n139:     infoSalesCategory2Values(newValue) {\n140:       this.checkLoadingStatus();\n141:     },\n142:     infoFinancialAnalysisValues(newValue) {\n143:       this.checkLoadingStatus();\n144:     },\n145:   },\n146:   methods: {\n147:     checkLoadingStatus() {\n148:       // Si todas las condiciones están cumplidas, oculta la modal\n149:       if (\n150:         this.idSuc == 5 ||\n151:         this.idSuc == 9 ||\n152:         this.idSuc == 3 ||\n153:         this.idSuc == 4 ||\n154:         this.idSuc == 11\n155:       ) {\n156:         if (\n157:           this.infoUserStatus &&\n158:           this.infoAccountValues &&\n159:           this.infoCashReportValues &&\n160:           this.infoSalesDetailsReportValues &&\n161:           this.infoInventoryValues &&\n162:           this.infoInventory2Values &&\n163:           this.infoSalesCategoryValues &&\n164:           this.infoSalesCategory2Values &&\n165:           this.infoFinancialAnalysisValues\n166:         ) {\n167:           this.showModal = false; // Cierra la modal\n168:         }\n169:       } else {\n170:         if (\n171:           this.infoUserStatus &&\n172:           this.infoAccountValues &&\n173:           this.infoCashReportValues &&\n174:           this.infoSalesDetailsReportValues &&\n175:           this.infoInventoryValues &&\n176:           this.infoSalesCategoryValues &&\n177:           this.infoFinancialAnalysisValues\n178:         ) {\n179:           this.showModal = false; // Cierra la modal\n180:         }\n181:       }\n182:     },\n183:     refreshCharts() {\n184:       if (this.salesCategoryChartInstance) {\n185:         this.salesCategoryChartInstance.destroy();\n186:       }\n187:       if (this.salesCategory2ChartInstance) {\n188:         this.salesCategory2ChartInstance.destroy();\n189:       }\n190:       if (this.inventoryChartInstance) {\n191:         this.inventoryChartInstance.destroy();\n192:       }\n193:       if (this.inventory2ChartInstance) {\n194:         this.inventory2ChartInstance.destroy();\n195:       }\n196: \n197:       if (this.idSuc == 1) {\n198:         this.createSalesCategoryChart(this.selectedItem);\n199:         this.createInventoryChart(this.selectedItem);\n200:       } else if (this.idSuc == 9) {\nThe above content does NOT show the entire file contents. If you need to view any lines of the file which were not shown to complete your task, call this tool again to view those lines.\n"}