✨ feat: 客户管理

klp-ui/src/views/wms/order/pre.vue

@@ -9,13 +9,8 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="客户名称" prop="customerName">
-        <el-input
-          v-model="queryParams.customerName"
-          placeholder="请输入客户名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+      <el-form-item label="客户名称" prop="customerId">
+        <customer-select v-model="queryParams.customerId" />
       </el-form-item>
       <el-form-item label="销售经理" prop="salesManager">
         <el-input
@@ -39,7 +34,6 @@
           icon="el-icon-plus"
           size="mini"
           @click="handleAdd"
-          
         >新增</el-button>
       </el-col>
       <el-col :span="1.5">
@@ -61,7 +55,6 @@
           size="mini"
           :disabled="multiple"
           @click="handleDelete"
-          
         >删除</el-button>
       </el-col>
       <el-col :span="1.5">
@@ -148,8 +141,8 @@
         <el-form-item label="订单编号" prop="orderCode">
           <el-input v-model="form.orderCode" placeholder="请输入订单编号" />
         </el-form-item>
-        <el-form-item label="客户名称" prop="customerName">
-          <el-input v-model="form.customerName" placeholder="请输入客户名称" />
+        <el-form-item label="客户名称" prop="customerId">
+          <customer-select v-model="form.customerId" />
         </el-form-item>
         <el-form-item label="销售经理" prop="salesManager">
           <el-input v-model="form.salesManager" placeholder="请输入销售经理" />
@@ -168,22 +161,18 @@
     <el-dialog title="订单明细" :visible.sync="detailDialogVisible" width="900px" append-to-body>
       <OrderDetailPanel :orderId="detailOrderId" />
     </el-dialog>
-
-    <!-- 智能采购单弹窗, 底部弹出 -->
-    <!-- <el-drawer :title="`智能采购单（订单ID：${clacOrderId}）`" direction="btt" :visible.sync="clacDialogVisible"  width="100%" size="90%" append-to-body>
-      <clac-panel :orderId="clacOrderId" @confirm="handleRecommendConfirm" />
-    </el-drawer> -->
   </div>
 </template>
 
 <script>
-import { listOrder, getOrder, delOrder, addOrder, updateOrder, listByStatus } from "@/api/wms/order";
+import { getOrder, delOrder, addOrder, updateOrder, listByStatus } from "@/api/wms/order";
 import OrderDetailPanel from './panels/detail.vue';
 import { EOrderStatus } from "@/utils/enums";
+import CustomerSelect from '@/components/KLPService/CustomerSelect/index.vue';
 
 export default {
   name: "Order",
-  components: { OrderDetailPanel },
+  components: { OrderDetailPanel, CustomerSelect },
   dicts: ['order_status'],
   data() {
     return {
@@ -214,7 +203,7 @@ export default {
         pageNum: 1,
         pageSize: 10,
         orderCode: undefined,
-        customerName: undefined,
+        customerId: undefined,
         salesManager: undefined,
         orderStatus: 0,
       },
@@ -269,7 +258,7 @@ export default {
       this.form = {
         orderId: undefined,
         orderCode: undefined,
-        customerName: undefined,
+        customerId: undefined,
         salesManager: undefined,
         orderStatus: undefined,
         remark: undefined,