订单首页流程卡新增楼层编号显示

廖井涛

8 天以前 a660db06773007b1be690e0674829c00a57aeb7b

 north-glass-erp/northglass-erp/src/components/mm/PrintPackingListLuoyang.vue

@@ -24,6 +24,7 @@
const name2=ref("admin")

const printStyle = ref(null);
const title = ref({})



@@ -33,11 +34,13 @@

let props = defineProps({
  printList: null,
  companyVal: null
  companyVal: null,
  printPage: null
})

const {currentRoute} = useRouter()
const route = currentRoute.value



data.value.printList = JSON.parse(props.printList)
@@ -46,6 +49,9 @@
  clearPrintStyles()
  addPrintStyles()
  selectPrint()
})
onUnmounted(() => {
  clearPrintStyles()
})

const clearPrintStyles = () => {
@@ -80,9 +86,10 @@
  printStyle.value.textContent = `
    @media print {
  @page {
    margin: 7.5mm 4mm 4mm 3.5mm ;
    margin: 7.5mm 8mm 3.5mm 8mm ;

  }

  .pages{
    height: 94vh;
  }
@@ -106,7 +113,7 @@

const companyList = ref([{
  company:'洛阳北方玻璃技术股份有限公司',
  companyInfo:"LUOYANGNORTHGLASSTECHNOLOGYCO.,LTD.",
  companyInfo:"LUOYANG NORTH GLASS TECHNOLOGY CO.,LTD.",
  address:'洛阳国家高新技术开发区张庄',
  phone:'0379-64312861.64331830',
  url:'http://www.northglass.com',
@@ -142,7 +149,9 @@
const orderDetailList = ref([])
const customer = ref({})
const selectPrint =async () => {
  request.post(`/finishedGoodsInventory/getSelectPrints`, data.value).then((res) => {
  const page1 = props.printPage==='storageRecordPint'?`/finishedGoodsInventory/getSelectPrints`:'/finishedGoodsInventory/getInventoryPrints'
  const value = props.printPage==='storageRecordPint'?data.value:data.value.printList
  request.post(page1, value).then((res) => {
    if (res.code == 200) {
      produceList.value = deepClone(res.data.data)
      customer.value = produceList.value[0].detail[0]
@@ -212,8 +221,8 @@
          type:'sum',
          sum:sum
        })

      })
      console.log(orderDetailList.value)
    } else {
      ElMessage.warning(res.msg)
      router.push("/login")
@@ -225,7 +234,7 @@

<template>
  <div >
    <div :class="'div_'+n " style="width: 40%;" v-for="n in 2" >
    <div :class="'div_'+n "  v-for="n in 2" >
      <div class="pages" v-for="page in orderDetailList" :key="page" style="width: 100%;position: relative;" >
        <table >
          <thead style="width: 100%">
@@ -263,7 +272,9 @@
                </div>
              </div>
              <div style="display:flex;">
                <div style="width: 100%;font-size: 10px"><span style="font-weight: bold">工程名称</span>：{{page[0].customer.project}}({{page[0].customer.batch}})</div>
                <div style="width: 100%;font-size: 10px;display:flex;">
                  <span style="font-weight: bold">工程名称</span>：<div style="width: 75%;">{{page[0].customer.project}}({{page[0].customer.batch}})</div>
                </div>
              </div>
              <div style="display:flex;">
                <div style="width: 50%;font-size: 10px"><span style="font-weight: bold">订单号</span>：{{page[0].customer.order_id}}</div>
@@ -301,7 +312,7 @@
            <tr v-if="row.type==='product'" style="width: 100%;height: 100px" >
              <td colspan="1" style="font-weight: bold;font-size: 11px">加工品种:</td>
              <td colspan="4">
                <textarea style="resize: none;width: 85%;height: 100px;border: 0" class="textarea" type="textarea" v-model="row.productName" /></td>
                <textarea style="resize: none;width: 90%;height: 100px;border: 0;word-break:break-all;" class="textarea" type="textarea" v-model="row.productName" /></td>
            </tr>
            <tr v-else-if="row.type==='size'" style="width: 100%;height: 30px">
              <td style="font-size: 10px">{{ row.size.building_number }}</td>
@@ -316,23 +327,23 @@
          </template>
          </tbody>
          <tfoot id="sticky-footer">
            <tr style="border: 0;font-size: 8px">
              <td colspan="5" style="border: 0;">
                <div style="display:flex;">
                  <div>地址:{{companyAddress.address}}</div>&nbsp;&nbsp;&nbsp;&nbsp;
                  <div>电话:{{companyAddress.phone}}</div>
                </div>
                <div style="display:flex;">
                  <div>{{companyAddress.url}}</div>&nbsp;&nbsp;&nbsp;&nbsp;
                  <div>传真:{{companyAddress.fax}}</div>
                </div>
                <div style="display:flex;">
                  <div>E-mail:{{companyAddress.email}}</div>&nbsp;&nbsp;&nbsp;&nbsp;
                  <div>邮编：{{companyAddress.postcode}}</div>
                </div>
          <tr style="border: 0;font-size: 8px">
            <td colspan="5" style="border: 0;">
              <div style="display:flex;">
                <div>地址:{{companyAddress.address}}</div>&nbsp;&nbsp;&nbsp;&nbsp;
                <div>电话:{{companyAddress.phone}}</div>
              </div>
              <div style="display:flex;">
                <div>{{companyAddress.url}}</div>&nbsp;&nbsp;&nbsp;&nbsp;
                <div>传真:{{companyAddress.fax}}</div>
              </div>
              <div style="display:flex;">
                <div>E-mail:{{companyAddress.email}}</div>&nbsp;&nbsp;&nbsp;&nbsp;
                <div>邮编：{{companyAddress.postcode}}</div>
              </div>

              </td>
            </tr>
            </td>
          </tr>
          </tfoot>
        </table>

@@ -353,7 +364,7 @@
          </template>
        </table>
      </div>
      </div>
    </div>

  </div>

@@ -371,8 +382,12 @@
  box-shadow: none;
  font-size: 15px;
}
.div_1{
  width: 38%;
}
.div_2{
  margin-left: 100px;
  width: 40%;
  margin-left: 15%;
}
.element-to-break-after {
  width: 8%;