物料二维码打印

dengjunjie

2025-10-23 1bca0b45d05bd4df8ab5963bad1af52cebebb063

物料二维码打印

 н¨Îļþ¼Ð/WMS/src/extension/basic/Dt_MaterielInfo.js

ÎļþÃû´Ó н¨Îļþ¼Ð/WMS/src/extension/medicine/Dt_MaterielInfo.js ÐÞ¸Ä
@@ -1,4 +1,5 @@
import http from '../../api/http'
import gridBody from './extend/printView.vue'

//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码

@@ -6,7 +7,7 @@
    components: {
      //查询界面扩展组件
      gridHeader: '',
      gridBody: '',
      gridBody: gridBody,
      gridFooter: '',
      //新建、编辑弹出框扩展组件
      modelHeader:'',
@@ -52,20 +53,35 @@
      onInit() {
        // æ·»åŠ æ“ä½œåˆ—
        this.columns.push({
          field: 'operation',
          title: '操作',
          width: 120,
          fixed: 'right',
          align: 'center',
          formatter: (row) => {
            return (
              '<i style="cursor: pointer;color: #F56C6C;" class="el-icon-delete">删除</i>'
            );
          },
          click: (row) => {
            this.handleDelete(row);
          }
        });
        field: '操作',
        title: '操作',
        width: 90,
        fixed: 'right',
        align: 'center',
        formatter: (row) => {
          return (
            '<i style="cursor: pointer;color: #2d8cf0;"class="el-icon-printer">打印</i>'
          );
        },
        click: (row) => {
          this.$refs.gridBody.open(row);
        }
      });
        // this.columns.push({
        //   field: 'operation',
        //   title: '操作',
        //   width: 120,
        //   fixed: 'right',
        //   align: 'center',
        //   formatter: (row) => {
        //     return (
        //       '<i style="cursor: pointer;color: #F56C6C;" class="el-icon-delete">删除</i>'
        //     );
        //   },
        //   click: (row) => {
        //     this.handleDelete(row);
        //   }
        // });
      },
      onInited() {
        //框架初始化配置后

 н¨Îļþ¼Ð/WMS/src/extension/basic/extend/printView.vue

@@ -14,13 +14,14 @@
        <div
          style="display: flex; justify-content: center; align-items: center"
        >
          <VueQrcode id="qrcode" :value="palletCode" :size="200"></VueQrcode>
          <VueQrcode id="qrcode" :value="materielCode" :size="200"></VueQrcode>
        </div>
      </div>
      <div id="palletcode">
        <span
          style="display: flex; justify-content: center; align-items: center"
          >{{ palletCode }}</span
          >物料编号：{{ materielCode }}<br>
          ç‰©æ–™åç§°ï¼š{{ materielName }}</span
        >
      </div>

@@ -45,20 +46,24 @@
      showDetialBox: false,
      row: null,
      qrcodeDataURL: "",
      palletCode: "",
      materielCode: "",
      materielName: "",
      materielinfo:"",
    };
  },
  methods: {
    open(row) {
      this.row = row;
      this.showDetialBox = true;
      if (row && row.palletCode) {
        this.palletCode = row.palletCode;
      if (row && row.materielCode) {
        this.materielCode = row.materielCode;
        this.materielName = row.materielName;
        this.materielinfo="物料编号："+row.materielCode+"物料名称："+row.materielName;
      }
    },
    print() {
      let printContent = document.getElementById("printContent");
      let palletcode=document.getElementById("palletcode");
      let palletcode = document.getElementById("palletcode");
      var printWindow = window.open("", "");
      printWindow.document.write(printContent.innerHTML);
      printWindow.document.write(palletcode.innerHTML);
@@ -66,14 +71,14 @@
      printWindow.focus();
      printWindow.print();
      printWindow.close();
      this.http
            .post("api/palletCodeInfo/PrintStatusUp?printCode="+this.palletCode, null, "数据处理中")
            .then((x) => {
              if (!x.status) return this.$message.error(x.message);
              this.$message.success("操作成功");
              this.$parent.refresh();
              this.showDetialBox = false;
            });
      // this.http
      //       .post("api/palletCodeInfo/PrintStatusUp?printCode="+this.palletCode, null, "数据处理中")
      //       .then((x) => {
      //         if (!x.status) return this.$message.error(x.message);
      //         this.$message.success("操作成功");
      //         this.$parent.refresh();
      //         this.showDetialBox = false;
      //       });
    },
  },
  created() {},

 н¨Îļþ¼Ð/WMS/src/views/basic/materielInfo.vue

@@ -14,7 +14,7 @@
</template>

<script>
import extend from "@/extension/medicine/Dt_MaterielInfo.js";
import extend from "@/extension/basic/Dt_MaterielInfo.js";
import { ref, defineComponent } from "vue";
export default defineComponent({
  setup() {

 н¨Îļþ¼Ð/WMS/src/views/medicine/Dt_MedicineGoods.vue

@@ -14,7 +14,7 @@
</template>

<script>
import extend from "@/extension/medicine/Dt_MaterielInfo.js";
import extend from "@/extension/basic/Dt_MaterielInfo.js";
import { ref, defineComponent } from "vue";
export default defineComponent({
  setup() {