Merge branch 'master' of http://115.159.85.185:8098/r/ZhongRui/ALDbanyunxia...

heshaofeng

4 天以前 a2f948006c6c7e918ba4f2e66d477cc2d5017a75

Merge branch 'master' of http://115.159.85.185:8098/r/ZhongRui/ALDbanyunxiangmu

 ÏîÄ¿´úÂë/WIDESEA_WMSClient/config/buttons.js

@@ -226,6 +226,15 @@
    onClick: function () {
    }
},
{
    name: "条码打印",
    // icon: 'el-icon-upload2',
    class: '',
    value: 'printForm',
    type: 'primary',
    onClick: function () {
    }
},
]

export default buttons

 ÏîÄ¿´úÂë/WIDESEA_WMSClient/src/extension/outbound/outboundOrder.js

@@ -367,6 +367,8 @@
        }
      }

      

      var EmptyTrayOutboundBtn = this.buttons.find(x => x.value == "EmptyTrayOutbound");
        if (EmptyTrayOutboundBtn != null) {
          EmptyTrayOutboundBtn.onClick = () => {

 ÏîÄ¿´úÂë/WIDESEA_WMSClient/src/router/viewGird.js

@@ -223,6 +223,11 @@
    name: 'StockDetailByMateriel',
    component: () => import('@/views/stock/stockInfoDetailByMaterielSum.vue')
  }
  ,{
    path:'/printForm',
    name: 'printForm',
    component: () => import('@/views/outbound/printForm.vue') 
  },
]

export default viewgird   

 ÏîÄ¿´úÂë/WIDESEA_WMSClient/src/views/outbound/printForm.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,247 @@
<template>
  <div class="print-input-container">
    <!-- é¡µé¢æ ‡é¢˜ -->
    <div class="page-title">物料标识卡打印参数输入</div>

    <!-- è¡¨å•åŒºåŸŸ -->
    <el-card class="input-card">
      <el-form
        ref="printFormRef"
        :model="printForm"
        :rules="formRules"
        label-width="100px"
        size="default"
      >
        <!-- åŒåˆ—布局 -->
        <el-row :gutter="20">
          <!-- ç¬¬ä¸€åˆ— -->
          <el-col :span="12">
            <el-form-item label="料号" prop="materialCode">
              <el-input
                v-model="printForm.materialCode"
                placeholder="请输入物料编码"
                clearable
              />
            </el-form-item>

            <el-form-item label="品名" prop="materialName">
              <el-input
                v-model="printForm.materialName"
                placeholder="请输入物料名称"
                clearable
              />
            </el-form-item>

            <el-form-item label="规格" prop="specification">
              <el-input
                v-model="printForm.specification"
                placeholder="请输入物料规格"
                clearable
              />
            </el-form-item>

            <el-form-item label="批号" prop="batchNumber">
              <el-input
                v-model="printForm.batchNumber"
                placeholder="请输入批号（生成二维码用）"
                clearable
              />
            </el-form-item>

            <el-form-item label="厂区" prop="factory">
              <el-input
                v-model="printForm.factory"
                placeholder="请输入厂区名称"
                clearable
              />
            </el-form-item>
          </el-col>

          <!-- ç¬¬äºŒåˆ— -->
          <el-col :span="12">
            <el-form-item label="供应商编码" prop="supplierCode">
              <el-input
                v-model="printForm.supplierCode"
                placeholder="请输入供应商编码"
                clearable
              />
            </el-form-item>

            <el-form-item label="采购单号" prop="purchaseOrderNo">
              <el-input
                v-model="printForm.purchaseOrderNo"
                placeholder="请输入采购单号"
                clearable
              />
            </el-form-item>

            <el-form-item label="数量/总数" prop="quantityTotal">
              <el-input
                v-model="printForm.quantityTotal"
                placeholder="例：100/5000"
                clearable
              />
            </el-form-item>

            <el-form-item label="批次" prop="batch">
              <el-input
                v-model="printForm.batch"
                placeholder="请输入批次号"
                clearable
              />
            </el-form-item>

            <el-form-item label="日期" prop="date">
              <el-date-picker
                v-model="printForm.date"
                type="date"
                placeholder="选择日期"
                format="YYYY-MM-DD"
                value-format="YYYY-MM-DD"
                clearable
              />
            </el-form-item>
          </el-col>
        </el-row>

        <!-- æ‰¹é‡æ·»åŠ ï¼ˆå¯é€‰ï¼‰ -->
        <el-form-item label="打印份数">
          <el-input-number
            v-model="printCopyCount"
            :min="1"
            :max="50"
            label="份数"
            placeholder="请输入打印份数"
          />
        </el-form-item>

        <!-- æ“ä½œæŒ‰é’® -->
        <el-form-item class="form-actions">
          <el-button type="primary" @click="submitForm">确认并打开打印弹窗</el-button>
          <el-button @click="resetForm">重置表单</el-button>
        </el-form-item>
      </el-form>
    </el-card>

    <!-- å¼•å…¥æ‰“印弹窗组件 -->
    <print-view ref="printViewRef" />
  </div>
</template>

<script>
// å¼•å…¥æ‰“印弹窗组件
import printView from "@/extension/outbound/extend/printView.vue";
import { ElMessage } from "element-plus";

export default {
  name: "PrintInputPage",
  components: { printView },
  data() {
    return {
      // è¡¨å•æ•°æ®ï¼ˆå¯¹åº”printView所需的参数）
      printForm: {
        materialCode: "", // æ–™å·
        supplierCode: "", // ä¾›åº”商编码
        materialName: "", // å“å
        purchaseOrderNo: "", // é‡‡è´­å•å·
        specification: "", // è§„æ ¼
        quantityTotal: "", // æ•°é‡/总数
        batchNumber: "", // æ‰¹å·ï¼ˆäºŒç»´ç å†…容）
        batch: "", // æ‰¹æ¬¡
        factory: "", // åŽ‚区
        date: "", // æ—¥æœŸï¼ˆé»˜è®¤å½“前日期）
      },
      // æ‰“印份数（支持批量生成多条相同数据）
      printCopyCount: 1,
      // è¡¨å•éªŒè¯è§„则
      formRules: {
        materialCode: [{ required: true, message: "请输入料号", trigger: "blur" }],
        materialName: [{ required: true, message: "请输入品名", trigger: "blur" }],
        batchNumber: [{ required: true, message: "请输入批号", trigger: "blur" }],
        date: [{ required: true, message: "请选择日期", trigger: "change" }],
      },
    };
  },
  mounted() {
    // åˆå§‹åŒ–默认日期为当天
    const today = new Date();
    this.printForm.date = `${today.getFullYear()}-${(today.getMonth() + 1).toString().padStart(2, "0")}-${today.getDate().toString().padStart(2, "0")}`;
  },
  methods: {
    // æäº¤è¡¨å•ï¼Œæ‰“开打印弹窗
    submitForm() {
      this.$refs.printFormRef.validate((valid) => {
        if (!valid) {
          ElMessage.warning("请完善必填项后提交");
          return;
        }

        try {
          // æž„造打印数据（支持多份）
          const printData = [];
          for (let i = 0; i < this.printCopyCount; i++) {
            printData.push({ ...this.printForm });
          }

          // è°ƒç”¨printView的open方法，传递参数并打开弹窗
          this.$refs.printViewRef.open(printData);
          ElMessage.success(`已生成 ${this.printCopyCount} ä»½æ‰“印数据，即将打开打印弹窗`);
        } catch (error) {
          console.error("打开打印弹窗失败：", error);
          ElMessage.error("打开打印弹窗失败，请重试");
        }
      });
    },

    // é‡ç½®è¡¨å•
    resetForm() {
      this.$refs.printFormRef.resetFields();
      // é‡ç½®åŽæ¢å¤é»˜è®¤æ—¥æœŸ
      const today = new Date();
      this.printForm.date = `${today.getFullYear()}-${(today.getMonth() + 1).toString().padStart(2, "0")}-${today.getDate().toString().padStart(2, "0")}`;
      this.printCopyCount = 1;
    },
  },
};
</script>

<style scoped>
.print-input-container {
  padding: 20px;
  max-width: 1000px;
  margin: 0 auto;
}

.page-title {
  font-size: 20px;
  font-weight: bold;
  color: #303133;
  margin-bottom: 20px;
  text-align: center;
}

.input-card {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.form-actions {
  text-align: center;
  margin-top: 20px;
}

.form-actions .el-button {
  margin: 0 10px;
  padding: 10px 20px;
}

/* é€‚配小屏幕 */
@media (max-width: 768px) {
  .print-input-container {
    padding: 10px;
  }

  .el-form-item {
    margin-bottom: 15px;
  }
}
</style>