阳光印刷web 生产订单的导出定印单

张诺

5 小时以前 c0a0631e00ff77d54d1d310c0f5f1fcb16e0144a

 src/views/productionManagement/productionOrder/index.vue

@@ -37,7 +37,8 @@
        </el-form-item>
        <el-form-item>
          <el-button type="primary"
                     @click="handleQuery">搜索</el-button>
                     @click="handleQuery">搜索
          </el-button>
        </el-form-item>
      </el-form>
      <div>
@@ -89,11 +90,13 @@
    bindingRoute,
    delProductOrder,
    saveProductionProductInput,
    viewGetByProductWordId
  viewGetByProductWordId,
  exportProductInventory
  } from "@/api/productionManagement/productionOrder.js";
  import { listMain as getOrderProcessRouteMain } from "@/api/productionManagement/productProcessRoute.js";
  import PIMTable from "@/components/PIMTable/PIMTable.vue";
  import BindRouteDialog from "./BindRouteDialog.vue";

  const NewProductOrder = defineAsyncComponent(() => import("@/views/productionManagement/productionOrder/New.vue"));

  const { proxy } = getCurrentInstance();
@@ -237,6 +240,14 @@
          clickFun: row => {
            showProductStructure(row);
          },
      },
      {
        name: "导出定印单",
        type: "text",
        clickFun: row => {
          exportThePrintingJobOrder(row);
        },
        disabled: row => !row.printId,
        },
      ],
    },
@@ -423,6 +434,17 @@
    }
  };

const exportThePrintingJobOrder = async (row) => {
  const res = await exportProductInventory(row.id)
  const blob = new Blob([res])
  const url = window.URL.createObjectURL(blob)
  const link = document.createElement("a")
  link.href = url
  link.download = row.customerName + "-" + row.salesContractNo + "-" +  "工艺路线.xlsx"
  link.click()
  window.URL.revokeObjectURL(url)
}

  const showProductStructure = row => {
    router.push({
      path: "/productionManagement/productStructureDetail",
@@ -486,25 +508,26 @@

<style scoped lang="scss">
.search_form{
  align-items: start;
  align-items: flex-start; // ⭐ start → flex-start 更标准
}

::v-deep .yellow {
  background-color: #FAF0DE;
:deep(.yellow) {
  background-color: #faf0de;
}

::v-deep .pink {
  background-color: #FAE1DE;
:deep(.pink) {
  background-color: #fae1de;
}

::v-deep .red {
:deep(.red) {
  background-color: #ffe5e5;
}

::v-deep .purple{
  background-color: #F4DEFA;
:deep(.purple) {
  background-color: #f4defa;
}

/* 描述组件 */
:deep(.fixed-desc .el-descriptions__table) {
  table-layout: fixed;
  width: 100%;