维修工接单/维修班组长重新指派，维修工填写配件申请单 1/2

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

@@ -21,7 +21,6 @@
     </el-form>
     <!-- 操作 -->
     <el-row :gutter="10" class="mb8">
-      <!-- todo 待补充 -->
       <right-toolbar :showSearch.sync="showSearch"></right-toolbar>
     </el-row>
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
@@ -45,6 +44,9 @@
           <el-button size="mini" type="text" icon="el-icon-view" @click="handleShow(scope.row)"
           >查看
           </el-button>
+          <el-button size="mini" type="text" icon="el-icon-document-add" @click="handleGet(scope.row)">
+            申请领料
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -52,19 +54,18 @@
     <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
                 @pagination="listTickets"
     />
+    <TicketsShow ref="ticketsShow"/>
   </div>
 </template>
 
 <script>
 import {getPageType} from "@/api/repair/tickets/Tickets";
+import TicketsShow from "@/views/repair/tickets/Components/TicketsShow.vue";
 
 export default {
   name: "TicketManagerItem",
+  components: {TicketsShow},
   props: {
-    // 是否展示了页面，是才请求
-    isShow:{
-      type: Boolean,
-    },
     isFinish: {
       type: Boolean,
     }
@@ -72,6 +73,8 @@ export default {
   data() {
     return {
       queryParams: {
+        pageNo: 1,
+        pageSize: 10,
         ticketNo: null,
         searchTimeArray: [],
         isFinish: this.isFinish ? "1" : "0"
@@ -83,25 +86,33 @@ export default {
     }
   },
   mounted() {
-    if(this.isShow){
     this.listTickets()
-    }
   },
   methods: {
     async listTickets() {
+      try {
+        this.loading = true
         const res = await getPageType(this.queryParams)
         if (res.data) {
           this.list = res.data.records
           this.total = res.data.total
         }
+      }finally {
+        this.loading = false
+      }
     },
     handleQuery() {
-
+      this.queryParams.pageNo = 1
+      this.listTickets()
     },
     resetQuery() {
-
+      this.resetForm('queryForm')
+      this.handleQuery()
     },
     handleShow(row) {
+      this.$refs.ticketsShow.open(row)
+    },
+    handleGet(row){
 
     }
   }

src/views/repair/tickets/TicketManager.vue

@@ -2,10 +2,10 @@
   <div class="app-container">
     <el-tabs v-model="activeTab">
       <el-tab-pane label="待完成工单" name="unFinish">
-        <TicketManagerItem :is-show="activeTab === 'unFinish'" :is-finish="false"/>
+        <TicketManagerItem :is-finish="false"/>
       </el-tab-pane>
       <el-tab-pane label="已完成工单" name="finish">
-        <TicketManagerItem :is-show="activeTab === 'finish'" :is-finish="true"/>
+        <TicketManagerItem :is-finish="true"/>
       </el-tab-pane>
       <el-tab-pane label="领料申请单" name="getApply">
       </el-tab-pane>