| | |
| | | import {changeFilterEvent, filterChanged} from "@/hook" |
| | | import {useI18n} from 'vue-i18n' |
| | | import deepClone from "@/utils/deepClone"; |
| | | import companyInfo from "@/stores/sd/companyInfo" |
| | | |
| | | const company = companyInfo() |
| | | //语言获取 |
| | | const {t} = useI18n() |
| | | let router = useRouter() |
| | |
| | | let titleList = ref([]) |
| | | let dataList = ref([]) |
| | | let list = ref([]) |
| | | let lastList=ref([]) |
| | | let lastList = ref([]) |
| | | |
| | | let filterData = ref({}) |
| | | |
| | |
| | | const lableType = route.query.lableType |
| | | |
| | | onMounted(() => { |
| | | request.post(`/processCard/getSelectPrintCustomLabel/${type}`, data.value).then((res) => { |
| | | request.post(`/processCard/getSelectPrintCustomLabel/${type}/${lableType}`, data.value).then((res) => { |
| | | if (res.code == 200) { |
| | | |
| | | produceList.value = deepClone(res.data.title) |
| | |
| | | dataList = JSON.parse(`[${data}]`); |
| | | labelList = dataList[0] |
| | | for (let i = 0; i < list.value.length; i++) { |
| | | let count= list.value[i].data.length |
| | | for (let j = 0; j < 1; j++) { |
| | | for (let k = 0; k < list.value[i].data[j].quantity; k++){ |
| | | let count = list.value[i].data.length |
| | | for (let j = 0; j < count; j++) { |
| | | for (let k = 0; k < list.value[i].data[j].quantity; k++) { |
| | | lastList.value.push(list.value[i].data[j]) |
| | | } |
| | | } |
| | |
| | | }) |
| | | |
| | | } |
| | | |
| | | ) |
| | | |
| | | |
| | | |
| | | |
| | | // 打印方法 |
| | |
| | | |
| | | <template> |
| | | <el-button id="printButton" @click="printFlowCard();">{{ $t('basicData.print') }}</el-button> |
| | | <div class="printFlowCard_finished" id="print"> |
| | | <div v-for="(item1,id) in lastList" class="entirety_finished"> |
| | | <div class="row4">{{faceOrientation}}</div> |
| | | <div v-for="(item,id) in labelList" class="contentRow"> |
| | | <div class="row1">{{ item.title }}:</div> |
| | | <div class="row2">{{ item1.order[item.name] }}</div> |
| | | |
| | | </div> |
| | | <div class="row3"> |
| | | <label>W:{{ item1.width }}</label> |
| | | |
| | | <label>H:{{ item1.height }}</label> |
| | | </div> |
| | | |
| | | <div id="print" :class="company.printLabel.className.custom.printFlowCardName()"> |
| | | <div v-for="(item1,id) in lastList" :class="company.printLabel.className.custom.entiretyName()"> |
| | | <div class="row4">{{ faceOrientation }}</div> |
| | | <div v-for="(item,id) in labelList" :class="company.printLabel.className.custom.contentRowName()"> |
| | | <div v-if="item.title==null" class="row1">{{ item.title }}</div> |
| | | <div v-else class="row1">{{ item.title }}:</div> |
| | | <div class="row2">{{ item1[item.name] }}</div> |
| | | </div> |
| | | <div v-html="company.printLabel.custom(item1)"></div> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | padding: 0; |
| | | } |
| | | |
| | | body{ |
| | | body { |
| | | font-weight: bolder; |
| | | overflow: hidden; |
| | | } |
| | |
| | | flex-wrap: wrap; |
| | | font-size: 12pt; |
| | | display: flex; |
| | | flex-direction:column; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | |
| | |
| | | .entirety_finished { |
| | | display: flex; |
| | | text-align: center; |
| | | flex-direction:column; |
| | | flex-direction: column; |
| | | margin-left: 10px; |
| | | width: 100%; |
| | | height: 100%; |
| | |
| | | font-family: 'Microsoft YaHei', '微软雅黑', sans-serif; |
| | | }*/ |
| | | |
| | | .row3{ |
| | | .row3 { |
| | | text-align: center; |
| | | font-weight: bolder; |
| | | font-size: 22px; |
| | |
| | | justify-content:space-evenly;*/ |
| | | } |
| | | |
| | | .row3 label{ |
| | | .row3 label { |
| | | font-size: 22px; |
| | | margin-top: 28px; |
| | | } |
| | | |
| | | .contentRow{ |
| | | .contentRow { |
| | | font-weight: bolder; |
| | | display: flex; |
| | | text-align: center; |
| | | width: 100%; |
| | | } |
| | | |
| | | label{ |
| | | label { |
| | | font-weight: bolder; |
| | | /*font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;*/ |
| | | } |
| | | |
| | | .row1{ |
| | | .contentRow .row1 { |
| | | width: 30%; |
| | | font-weight: bolder; |
| | | } |
| | | |
| | | .row4{ |
| | | .entirety_finished .row4 { |
| | | font-weight: bolder; |
| | | text-align: right; |
| | | margin-right: 10px; |
| | | } |
| | | |
| | | .row1,.row2{ |
| | | .contentRow .row1, .contentRow .row2 { |
| | | text-align: left; |
| | | font-weight: bolder; |
| | | } |
| | |
| | | page-break-inside: avoid; |
| | | } |
| | | |
| | | .entirety_finished{ |
| | | page-break-before: always; |
| | | .entirety_finished { |
| | | page-break-before: always; |
| | | } |
| | | |
| | | } |
| | | |
| | | .printFlowCard_finished1 { |
| | | flex-wrap: wrap; |
| | | font-size: 8pt; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | |
| | | /*成*/ |
| | | .entirety_finished1 { |
| | | display: flex; |
| | | text-align: center; |
| | | flex-direction: column; |
| | | margin-left: 10px; |
| | | width: 337px; |
| | | height: 120px; |
| | | |
| | | } |
| | | |
| | | .contentRow1 { |
| | | font-weight: bolder; |
| | | display: flex; |
| | | text-align: center; |
| | | width: 100%; |
| | | } |
| | | |
| | | .contentRow1 .row1 { |
| | | width: 30%; |
| | | font-weight: bolder; |
| | | } |
| | | |
| | | .entirety_finished1 .row4 { |
| | | font-weight: bolder; |
| | | text-align: right; |
| | | margin-right: 10px; |
| | | } |
| | | |
| | | .contentRow1 .row1, .contentRow1 .row2 { |
| | | text-align: left; |
| | | font-weight: bolder; |
| | | } |
| | | |
| | | </style> |