打印工单

src/views/repair/tickets/Components/TicketSearch.vue

@@ -42,7 +42,7 @@
       </el-col>
       <right-toolbar :showSearch.sync="showSearch"></right-toolbar>
     </el-row>
-    <TicketTable :ticket-type="TicketType" :list="list" @setVoid="getPage" :is-w-x-c-w="isCW"/>
+    <TicketTable :ticket-type="TicketType" :list="list" @setVoid="getPage" :is-w-x-c-w="isCW" @success="getPage"/>
     <pagination @pagination="getPage" v-show="total > 0" :total="total" :page.sync="queryParams.pageNo"
                 :limit.sync="queryParams.pageSize"
     />

src/views/repair/tickets/Components/TicketTable.vue

@@ -119,6 +119,9 @@
                      @click="handlePrint(scope.row)"
           >打印
           </el-button>
+          <el-button size="mini" type="text" icon="el-icon-setting" @click="handleEditTicket(scope.row)">
+            编辑工单
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -145,6 +148,8 @@
     <!--      <el-table-column label="作废备注" align="center" prop="remark" width="180" />-->
     <!--    </el-table>-->
     <TicketsShow ref="ticketsShow"/>
+    <EditTickets ref="editTicket" @success="returnSuccess"/>
+
     <el-dialog title="结算信息" :visible.sync="dialogVisible" width="40%" v-dialogDrag append-to-body>
       <el-form :model="formData" ref="formRef" :inline="true" label-width="10rem" :rules="formRules">
         <el-row :gutter="1">
@@ -176,10 +181,11 @@
 import {setTicketsVoid, setTicketsPaid, setTicketsPrint} from '@/api/repair/tickets/Tickets'
 import TicketsShow from "@/views/repair/tickets/Components/TicketsShow.vue";
 import {getByNameAndMobile} from "@/api/base/customer";
+import EditTickets from "@/views/repair/tickets/form/EditTickets.vue";
 
 export default {
   name: "TicketTable",
-  components: {TicketsShow},
+  components: {EditTickets, TicketsShow},
   props: {
     TicketType: {
       type: String,
@@ -286,6 +292,12 @@ export default {
         return data.filter(item => !item.label.includes("挂账"))
       }
     },
+    handleEditTicket(row){
+      this.$refs.editTicket.open(row)
+    },
+    returnSuccess(){
+      this.$emit("success")
+    }
   }
 }
 </script>

src/views/repair/tickets/Components/UserInfo.vue

@@ -84,15 +84,45 @@
             </el-descriptions-item>
             <el-descriptions-item>
               <template slot="label">
-                上次里程
+                已行里程
               </template>
-              <el-input v-model="selectCar.maintenanceMileage"/>
+              <el-input v-model="formData.mileageTraveled" />
             </el-descriptions-item>
             <el-descriptions-item>
               <template slot="label">
-                本次里程
+                三包单位
               </template>
-              <el-input v-model="selectCar.newMaintenanceMileage"/>
+              <el-input v-model="formData.threePackUnits" />
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                保险名称
+              </template>
+              <el-input v-model="formData.insuranceName" />
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                管理费
+              </template>
+              <el-input v-model="formData.managerMoney" />
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                救援费
+              </template>
+              <el-input v-model="formData.rescueMoney" />
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                三包费
+              </template>
+              <el-input v-model="formData.threePackMoney" />
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                定损费
+              </template>
+              <el-input v-model="formData.confirmFaultMoney" />
             </el-descriptions-item>
             <el-descriptions-item>
               <template slot="label">
@@ -360,6 +390,13 @@ export default {
         itemList: [],
         ticketsStatus: "01",
         bookingId: null,
+        mileageTraveled: null,
+        threePackUnits: null,
+        insuranceName: null,
+        managerMoney: null,
+        rescueMoney: null,
+        threePackMoney: null,
+        confirmFaultMoney: null,
       },
       selectUser: {},
       selectCar: {},
@@ -494,7 +531,14 @@ export default {
         qualityDay: null,
         ticketType: null,
         itemList: [],
-        ticketStatus: "01"
+        ticketStatus: "01",
+        mileageTraveled: null,
+        threePackUnits: null,
+        insuranceName: null,
+        managerMoney: null,
+        rescueMoney: null,
+        threePackMoney: null,
+        confirmFaultMoney: null,
       }
       this.selectUser = {}
       this.selectCar = {}

src/views/repair/tickets/form/EditTickets.vue

@@ -6,6 +6,11 @@
         <div slot="header" class="clearfix">
           <i class="el-icon-plus"/>
           <span>工单信息</span>
+          <div style="float: right; padding: 3px 0">
+            <el-button type="primary" size="small" @click="handleEditInfo">
+              修改信息
+            </el-button>
+          </div>
         </div>
         <!-- 卡片内容 -->
         <div>
@@ -52,6 +57,48 @@
               </template>
               {{ info.userMobile }}
             </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                已行里程
+              </template>
+              {{ info.mileageTraveled }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                三包单位
+              </template>
+              {{ info.threePackUnits }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                保险名称
+              </template>
+              {{ info.insuranceName }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                管理费
+              </template>
+              {{ info.managerMoney }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                救援费
+              </template>
+              {{ info.rescueMoney }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                三包费
+              </template>
+              {{ info.threePackMoney }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                定损费
+              </template>
+              {{ info.confirmFaultMoney }}
+            </el-descriptions-item>
             <el-descriptions-item>
               <template slot="label">
                 创建时间
@@ -172,6 +219,10 @@
           <TicketItemShow :is-edit="true" :list="others" list-type="other" @remove="handleRemove" @success="open"/>
         </div>
       </el-card>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="handleOK">确 定</el-button>
+        <el-button @click="dialogVisible = false">取 消</el-button>
+      </div>
     </el-dialog>
 
       <el-dialog :title="addTitle" :visible.sync="addDialog" width="80%" v-dialogDrag append-to-body ref="addDialog">
@@ -339,6 +390,13 @@ export default {
         return temp;
       })
     },
+    handleOK(){
+      this.$emit("success");
+      this.dialogVisible = false
+    },
+    handleEditInfo(){
+      // todo
+    }
   }
 }
 </script>