print/templates/reports/driver-route/assets/css/style.css

@@ -47,6 +47,9 @@ section.text-area {
     padding-right: 1em;
     background-color: #e5e5e5;
 }
+.text-area > p {
+    word-break: break-all;
+}
 
 .route-block {
     margin-bottom: 100px;

print/templates/reports/driver-route/driver-route.html

@@ -129,7 +129,7 @@
                         </tbody>
                     </table>
                     <div v-if="ticket.description" class="text-area">
-                        <p style="word-break: break-all;">{{ticket.description}}</p>
+                        <p>{{ticket.description}}</p>
                     </div>
                 </div>
             </div>

print/templates/reports/driver-route/driver-route.js

@@ -5,12 +5,12 @@ module.exports = {
     mixins: [vnReport],
     async serverPrefetch() {
         let ids = this.id;
-
+        console.log(typeof ids);
         const hasMultipleRoutes = String(this.id).includes(',');
         if (hasMultipleRoutes)
             ids = this.id.split(',');
 
-        const routes = await this.rawSqlFromDef('routes', [ids]);
+        const routes = await this.rawSqlFromDef('routes', +[ids]);
         const tickets = await this.rawSqlFromDef('tickets', [ids, ids]);
 
         const map = new Map();