采购开始做

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

@@ -83,7 +83,11 @@
       <el-table-column label="订单编号" align="center" prop="orderCode" />
       <el-table-column label="客户名称" align="center" prop="customerName" />
       <el-table-column label="销售经理" align="center" prop="salesManager" />
-      <el-table-column label="订单状态" align="center" prop="orderStatus" />
+      <el-table-column label="订单状态" align="center" prop="orderStatus">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.order_status" :value="scope.row.orderStatus"/>
+        </template>
+      </el-table-column>
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
@@ -107,6 +111,12 @@
             icon="el-icon-document"
             @click="showDetail(scope.row)"
           >明细</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-s-operation"
+            @click="showClac(scope.row)"
+          >智能采购单</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -145,16 +155,23 @@
     <el-dialog title="订单明细" :visible.sync="detailDialogVisible" width="900px" append-to-body>
       <OrderDetailPanel :orderId="detailOrderId" />
     </el-dialog>
+
+    <!-- 智能采购单弹窗 -->
+    <el-dialog :title="`智能采购单（订单ID：${clacOrderId}）`" :visible.sync="clacDialogVisible" width="90%" append-to-body>
+      <clac-panel :orderId="clacOrderId" />
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { listOrder, getOrder, delOrder, addOrder, updateOrder } from "@/api/wms/order";
 import OrderDetailPanel from './panels/detail.vue';
+import ClacPanel from '../purchasePlan/panels/clac.vue';
 
 export default {
   name: "Order",
-  components: { OrderDetailPanel },
+  components: { OrderDetailPanel, ClacPanel },
+  dict: ['order_status'],
   data() {
     return {
       // 按钮loading
@@ -193,6 +210,8 @@ export default {
       },
       detailDialogVisible: false,
       detailOrderId: null,
+      clacDialogVisible: false,
+      clacOrderId: null,
     };
   },
   created() {
@@ -314,6 +333,10 @@ export default {
       this.detailOrderId = row.orderId;
       this.detailDialogVisible = true;
     },
+    showClac(row) {
+      this.clacOrderId = row.orderId;
+      this.clacDialogVisible = true;
+    },
   }
 };
 </script>