二维码生成独立页面

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

@@ -117,8 +117,8 @@
     />
 
     <!-- 添加或修改采购计划主对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
         <el-form-item label="采购计划编号" prop="planCode">
           <el-input v-model="form.planCode" placeholder="请输入采购计划编号" />
         </el-form-item>

klp-ui/src/views/wms/purchasePlan/panels/CreatePurchasePanel.vue

@@ -8,56 +8,16 @@
           <el-input v-model="mainForm.planCode" placeholder="请输入计划编号" style="width: 200px;" />
         </el-form-item>
         <el-form-item label="负责人" prop="owner">
-          <el-input v-model="mainForm.owner" :multiple="false" placeholder="请选择负责人" style="width: 200px;" />
+          <el-input v-model="mainForm.owner" :multiple="false" placeholder="请填写负责人" style="width: 200px;" />
         </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input v-model="mainForm.remark" placeholder="请输入备注" style="width: 300px;" />
         </el-form-item>
       </el-form>
     </el-card>
-    <div class="transfer-content">
-      <!-- 原料区（待筛选） -->
-      <el-card class="section-card left-table" shadow="never">
-        <div slot="header" class="section-title">原料区（待筛选）</div>
-        <div class="filter-bar">
-          <el-input
-            v-model="rawMaterialNameFilter"
-            placeholder="请输入原材料名称"
-            size="small"
-            style="width: 200px; margin-bottom: 10px;"
-            @keyup.enter.native="handleRawMaterialFilter"
-            clearable
-          />
-          <el-button type="primary" size="small" @click="handleRawMaterialFilter" style="margin-left: 8px;">筛选</el-button>
-        </div>
-        <el-table
-          :data="rawMaterialList"
-          @selection-change="handleSelectionChange"
-          style="width: 100%"
-          ref="leftTable"
-          border
-          :loading="rawMaterialLoading"
-        >
-          <el-table-column type="selection" width="55" />
-          <el-table-column prop="rawMaterialName" label="原材料名称" />
-          <el-table-column prop="rawMaterialCode" label="原材料编码" />
-          <el-table-column prop="unit" label="单位" />
-        </el-table>
-        <el-pagination
-          :current-page="pageNum"
-          :page-size="pageSize"
-          :total="total"
-          @current-change="handlePageChange"
-          layout="total, prev, pager, next"
-        />
-      </el-card>
-      <!-- 中间操作按钮 -->
-      <div class="transfer-actions">
-        <el-button @click="addToPurchase" :disabled="!leftSelected.length" type="primary">添加到采购 &gt;&gt;</el-button>
-        <el-button @click="removeFromPurchase" :disabled="!rightSelected.length" type="danger" style="margin-top: 10px;">&lt;&lt; 移除</el-button>
-      </div>
+    <div>
       <!-- 采购单明细区 -->
-      <el-card class="section-card right-table" shadow="never">
+      <el-card shadow="never">
         <div slot="header" class="section-title">采购单明细</div>
         <el-table
           :data="purchaseList"
@@ -67,8 +27,11 @@
           border
         >
           <el-table-column type="selection" width="55" />
-          <el-table-column prop="rawMaterialName" label="原材料名称" />
-          <el-table-column prop="rawMaterialCode" label="原材料编码" />
+          <el-table-column prop="rawMaterialId" label="原材料">
+            <template #default="scope">
+              <RawMaterialSelect v-model="scope.row.rawMaterialId" placeholder="请选择原材料" />
+            </template>
+          </el-table-column>
           <el-table-column prop="unit" label="单位" />
           <el-table-column prop="quantity" label="计划采购数">
             <template #default="scope">
@@ -98,10 +61,11 @@
 import { createPurchasePlan } from '@/api/wms/purchasePlan'
 import { listRawMaterial } from '@/api/wms/rawMaterial'
 import UserSelect from '@/components/KLPService/UserSelect'
+import RawMaterialSelect from '@/components/KLPService/RawMaterialSelect'
 
 export default {
   name: 'CreatePurchasePanel',
-  components: { UserSelect },
+  components: { UserSelect, RawMaterialSelect },
   props: {
     orderId: {
       type: [String, Number],

klp-ui/src/views/wms/purchasePlan/panels/detail.vue

@@ -136,9 +136,9 @@
           <RawMaterialSelect v-model="form.rawMaterialId" placeholder="请选择原材料" @change="onRawMaterialChange" />
         </el-form-item>
         <el-form-item label="负责人" prop="owner">
-          <el-input v-model="form.owner" :multiple="false" placeholder="请选择负责人" />
+          <el-input v-model="form.owner" placeholder="请输入负责人" />
         </el-form-item>
-        <el-form-item label="计划采购数量" prop="quantity">
+        <el-form-item label="采购数量" prop="quantity">
           <el-input v-model="form.quantity" placeholder="请输入计划采购数量" />
         </el-form-item>
         <el-form-item label="单位" prop="unit">