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

src/api/repair/tickets/Tickets.js

@@ -54,3 +54,12 @@ export function updateCustomerAndCar(data){
     data
   })
 }
+
+// 分类查询工单分页
+export function getPageType(params){
+  return request({
+    url: preUrl + "/pageType",
+    method: "get",
+    params
+  })
+}

src/views/repair/Components/WorkerChoose.vue

@@ -1,7 +1,10 @@
 <template>
   <div>
     <el-select :loading="selectLoading" v-model="workerSelected" multiple clearable filterable :filter-method="changeQuery" @visible-change="handleChange">
-      <el-option v-for="worker in workerList" :key="worker.id" :label="worker.userName" :value="worker.id"/>
+      <el-option v-for="worker in workerList"
+                 :key="worker.id"
+                 :label="worker.userName + ' ' + (worker.isLeads === '0' ? '维修工' : '班组长') + ' ' + getWorkType(worker.workType)"
+                 :value="worker.id"/>
     </el-select>
   </div>
 </template>
@@ -9,6 +12,7 @@
 <script>
 
 import {getWorkerPage} from '@/api/repair/repairworker'
+import {DICT_TYPE} from "@/utils/dict";
 export default {
   name: "WorkerChoose",
   props:{
@@ -56,6 +60,10 @@ export default {
       if (!val){
         this.$emit('input-blur')
       }
+    },
+    getWorkType(val){
+      const data = this.getDictDatas(DICT_TYPE.REPAIR_WORK_TYPE)
+      return data.find(item => item.value === val).label
     }
   }
 }

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

@@ -0,0 +1,113 @@
+<template>
+  <div>
+    <!-- 搜索 -->
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="90px">
+      <el-form-item label="关键字" prop="ticketNo">
+        <el-input style="width: 20rem" type="text" placeholder="工单号、车牌号、联系电话" v-model="queryParams.ticketNo"/>
+      </el-form-item>
+      <el-form-item label="时间" prop="searchTimeArray">
+        <el-date-picker
+          value-format="yyyy-MM-dd HH:mm:ss"
+          v-model="queryParams.searchTimeArray"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </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">
+      <el-table-column label="序号" align="center">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="订单编号" align="center" prop="ticketNo" width="200"/>
+      <el-table-column label="维修类别" align="center" prop="repairType" width="180">
+        <template slot-scope="scope">
+          <dict-tag :type="DICT_TYPE.REPAIR_TYPE" v-model="scope.row.repairType"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="客户名称" align="center" prop="userName" width="180"/>
+      <el-table-column label="车牌号" align="center" prop="carNo" width="180"/>
+      <el-table-column label="车系" align="center" prop="carBrandName" width="180"/>
+      <el-table-column label="手机号" align="center" prop="userMobile" width="180"/>
+      <el-table-column label="操作" fixed="right" align="center" width="180">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" icon="el-icon-view" @click="handleShow(scope.row)"
+          >查看
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页组件 -->
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
+                @pagination="listTickets"
+    />
+  </div>
+</template>
+
+<script>
+import {getPageType} from "@/api/repair/tickets/Tickets";
+
+export default {
+  name: "TicketManagerItem",
+  props:{
+    // 是否展示了页面，是才请求
+    isShow:{
+      type: Boolean,
+    },
+    isFinish:{
+      type: Boolean,
+    }
+  },
+  data() {
+    return {
+      queryParams: {
+        ticketNo: null,
+        searchTimeArray: [],
+        isFinish: this.isFinish ? "1" : "0"
+      },
+      showSearch: true,
+      loading: false,
+      list: [],
+      total: 0
+    }
+  },
+  mounted() {
+    if(this.isShow){
+      this.listTickets()
+    }
+  },
+  methods:{
+    async listTickets(){
+      const res = await getPageType(this.queryParams)
+      if (res.data){
+        this.list = res.data.records
+        this.total = res.data.total
+      }
+    },
+    handleQuery(){
+
+    },
+    resetQuery(){
+
+    },
+    handleShow(row){
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>

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

@@ -552,7 +552,7 @@ export default {
           itemPrice: item.price,
           itemDiscount: item.discount,
           itemMoney: item.totalPrice,
-          repairIds: item?.repair.map(i => i.id).join(','),
+          repairIds: item?.repair.map(i => i.userId).join(','),
           repairNames: item?.repair.map(i => i.userName).join(','),
           saleId: item?.sale?.id,
           saleName: item?.sale?.name,

src/views/repair/tickets/TicketManager.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="app-container">
+    <el-tabs v-model="activeTab">
+      <el-tab-pane label="待完成工单" name="unFinish">
+        <TicketManagerItem :is-show="activeTab === 'unFinish'" :is-finish="false"/>
+      </el-tab-pane>
+      <el-tab-pane label="已完成工单" name="finish">
+        <TicketManagerItem :is-show="activeTab === 'finish'" :is-finish="true"/>
+      </el-tab-pane>
+      <el-tab-pane label="领料申请单" name="getApply">
+      </el-tab-pane>
+      <el-tab-pane label="退料申请单" name="backApply">
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import TicketManagerItem from "@/views/repair/tickets/Components/TicketManagerItem.vue";
+
+export default {
+  name: "TicketManager",
+  components: {TicketManagerItem},
+  data(){
+    return{
+      activeTab: 'unFinish'
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>