中英文翻译
This commit is contained in:
@@ -1,50 +1,49 @@
|
||||
<template>
|
||||
<div class="orderPrinting" ref="orderPrintingRef">
|
||||
<div class="title">采购送货单</div>
|
||||
<div class="title">{{ t('message.index.deliveryNote1') }}</div>
|
||||
<div class="orderPrintingTop">
|
||||
<div class="item item1">
|
||||
<VueQr style="width: 150px; height: 150px" :text="state.pageData.fBillNo" :size="150"></VueQr>
|
||||
</div>
|
||||
<div class="item item2">
|
||||
<div class="dataText">
|
||||
<span class="span1">收料通知单编号（送货单号）：</span>
|
||||
<span class="span1">{{ t('message.index.deliveryNoteNumber') }}：</span>
|
||||
<span class="span2">{{ state.pageData.fBillNo }}</span>
|
||||
</div>
|
||||
<div class="dataText">
|
||||
<span class="span1">供应商名称：</span>
|
||||
<span class="span1">{{ t('message.index.supplierName') }}：</span>
|
||||
<span class="span2">{{ state.pageData.supplierName }}</span>
|
||||
</div>
|
||||
<div class="dataText">
|
||||
<span class="span1">送货日期：</span>
|
||||
<span class="span1">{{ t('message.index.deliveryDate') }}：</span>
|
||||
<span class="span2">{{ state.pageData.deliveryDate }}</span>
|
||||
</div>
|
||||
<div class="dataText">
|
||||
<span class="span1">发票号：</span>
|
||||
<span class="span1">{{ t('message.index.invoiceNumber') }}：</span>
|
||||
<span class="span2">{{ state.pageData.f_VHUB_Text }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item item3">
|
||||
<VueQr style="width: 150px; height: 150px" :text="state.pageData.f_VHUB_Text" :size="150"></VueQr>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<avue-crud ref="crudRef" :data="props.data" :option="state.option"></avue-crud>
|
||||
<div class="shuming">
|
||||
<div class="nameText">送货人：</div>
|
||||
<div class="dateTime">
|
||||
<span>年</span>
|
||||
<span>月</span>
|
||||
<span>日</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="shuming">
|
||||
<div class="nameText">{{ t('message.index.shipper') }}：</div>
|
||||
<div class="dateTime">
|
||||
<span>{{ t('message.index.year') }}</span>
|
||||
<span>{{ t('message.index.month') }}</span>
|
||||
<span>{{ t('message.index.day') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { reactive, ref, defineProps, watch } from 'vue';
|
||||
import { reactive, ref, defineProps, watch, computed } from 'vue';
|
||||
import VueQr from 'vue-qr/src/packages/vue-qr.vue';
|
||||
|
||||
import { useI18n } from 'vue-i18n';
|
||||
const { t } = useI18n();
|
||||
const orderPrintingRef = ref();
|
||||
const props = defineProps({
|
||||
data: {
|
||||
@@ -74,14 +73,14 @@ const state = reactive({
|
||||
addBtn: false,
|
||||
menu: false,
|
||||
column: [
|
||||
{ label: 'PO号', prop: 'purchaseOrderFBillNo' },
|
||||
{ label: '物料代码', prop: 'materialCode' },
|
||||
{ label: '物料名称', prop: 'materialName' },
|
||||
{ label: '单位', prop: 'unitName' },
|
||||
{ label: 'PO数量', prop: 'purchaseQty' },
|
||||
{ label: '送货数量', prop: 'qty' },
|
||||
{ label: '美塞斯批号', prop: 'mssSupplierLot' },
|
||||
{ label: '供应商批号', prop: 'fSupplierLot' },
|
||||
{ label: computed(() => t('message.index.PO')), prop: 'purchaseOrderFBillNo' },
|
||||
{ label: computed(() => t('message.index.partNumber')), prop: 'materialCode' },
|
||||
{ label: computed(() => t('message.index.materialName')), prop: 'materialName' },
|
||||
{ label: computed(() => t('message.index.unit1')), prop: 'unitName' },
|
||||
{ label: computed(() => t('message.index.POQTY')), prop: 'purchaseQty' },
|
||||
{ label: computed(() => t('message.index.deliveryQTY')), prop: 'qty' },
|
||||
{ label: computed(() => t('message.index.maxcessLot')), prop: 'mssSupplierLot' },
|
||||
{ label: computed(() => t('message.index.supplierLot')), prop: 'fSupplierLot' },
|
||||
],
|
||||
},
|
||||
});
|
||||
@@ -97,7 +96,7 @@ watch(
|
||||
state.pageData.f_VHUB_Text = arr[0].f_VHUB_Text;
|
||||
}
|
||||
},
|
||||
{ immediate: true,deep:true }
|
||||
{ immediate: true, deep: true }
|
||||
);
|
||||
defineExpose({
|
||||
orderPrintingRef,
|
||||
@@ -105,20 +104,20 @@ defineExpose({
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.shuming{
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
.shuming {
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
.nameText{
|
||||
margin-right: 120px;
|
||||
margin-top: 80px;
|
||||
.nameText {
|
||||
margin-right: 120px;
|
||||
margin-top: 80px;
|
||||
}
|
||||
.dateTime{
|
||||
margin-right: 50px;
|
||||
margin-top: 16px;
|
||||
.dateTime {
|
||||
margin-right: 50px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.dateTime > span{
|
||||
margin-left: 42px;
|
||||
.dateTime > span {
|
||||
margin-left: 42px;
|
||||
}
|
||||
:deep(.el-table__inner-wrapper) {
|
||||
box-sizing: border-box;
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<template #menu-left>
|
||||
<div class="selectBoxes">
|
||||
<div class="selectItem">
|
||||
<el-input v-model="state.formData.sheet" style="width: 240px" placeholder="发货单号" size="default" />
|
||||
<el-input v-model="state.formData.sheet" style="width: 240px" :placeholder="t('message.index.deliveryNote')" size="default" />
|
||||
</div>
|
||||
<div class="selectItem">
|
||||
<el-date-picker
|
||||
@@ -37,24 +37,24 @@
|
||||
style="width: 25vw"
|
||||
type="daterange"
|
||||
range-separator="-"
|
||||
start-placeholder="开始送货日期"
|
||||
end-placeholder="送货结束日期"
|
||||
:start-placeholder="t('message.index.startDate')"
|
||||
:end-placeholder="t('message.index.endDate')"
|
||||
size="default"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
@change="elDatePickerFun"
|
||||
/>
|
||||
</div>
|
||||
<el-button type="primary" size="default" @click="selectFun">搜索</el-button>
|
||||
<el-button size="default" @click="resetFun">重置</el-button>
|
||||
<el-button type="primary" size="default" @click="selectFun">{{ t('message.index.search') }}</el-button>
|
||||
<el-button size="default" @click="resetFun">{{ t('message.index.reset') }}</el-button>
|
||||
<el-button type="primary" size="default" @click="state.selectedDataShow = true">
|
||||
<span>已选中 {{ state.selectedData.length }} 条数据，去打印</span>
|
||||
<span>{{ t('message.index.selected') }} {{ state.selectedData.length }} {{ t('message.index.items') }}，{{ t('message.index.print') }}</span>
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
<template #menu="{ row }">
|
||||
<div class="btnList">
|
||||
<el-button type="text" @click="barCodeFunDataRow(row)">打印条码</el-button>
|
||||
<el-button type="text" @click="barCodeFunDataRow(row)">{{ t('message.index.print') }}</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</avue-crud>
|
||||
@@ -75,7 +75,6 @@
|
||||
<script lang="ts" setup>
|
||||
import { reactive, onMounted, computed, nextTick, ref } from 'vue';
|
||||
import { listApi } from '../../api/list/index';
|
||||
import { ElMessage } from 'element-plus';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import SelectedData from '/@/views/materialReceiptNotice/selectedData.vue';
|
||||
import barCode from './barCode.vue'
|
||||
@@ -102,18 +101,18 @@ const state = reactive({
|
||||
addBtn: false,
|
||||
column: [
|
||||
{ label: '', prop: 'checkboxBox', width: 35 },
|
||||
{ label: '送货日期', prop: 'deliveryDate' },
|
||||
{ label: '发货单号', prop: 'sheet', width: '135' },
|
||||
{ label: '美塞斯批号', prop: 'mssSupplierLot' },
|
||||
{ label: '供应商批号', prop: 'fSupplierLot' },
|
||||
{ label: '物料编码', prop: 'materialCode', width: '120' },
|
||||
{ label: '物料名称', prop: 'materialName' },
|
||||
{ label: computed(() => t('message.list.SupplierCode2')), prop: 'supplierId', width: '90' },
|
||||
{ label: computed(() => t('message.list.SupplierName2')), prop: 'supplierName', width: '120' },
|
||||
{ label: '累计收料数量', prop: 'sendedQty', width: '110' },
|
||||
{ label: '发货数量', prop: 'qty' },
|
||||
{ label: '采购数量', prop: 'purchaseQty' },
|
||||
{ label: '采购单位', prop: 'unitName' },
|
||||
{ label: computed(()=> t('message.index.deliveryDate')), prop: 'deliveryDate' },
|
||||
{ label: computed(()=> t('message.index.deliveryDate')), prop: 'sheet', width: '135' },
|
||||
{ label: computed(()=> t('message.index.maxcessLot')), prop: 'mssSupplierLot' },
|
||||
{ label: computed(()=> t('message.index.supplierLot')), prop: 'fSupplierLot' },
|
||||
{ label: computed(()=> t('message.index.partNumber')), prop: 'materialCode', width: '120' },
|
||||
{ label: computed(()=> t('message.index.materialName')), prop: 'materialName' },
|
||||
{ label: computed(() => t('message.index.supplierCode')), prop: 'supplierId', width: '90' },
|
||||
{ label: computed(() => t('message.index.supplierName')), prop: 'supplierName', width: '120' },
|
||||
{ label: computed(() => t('message.index.receivedQTY')), prop: 'sendedQty', width: '110' },
|
||||
{ label: computed(() => t('message.index.deliveryQTY')), prop: 'qty' },
|
||||
{ label: computed(() => t('message.index.POQTY')), prop: 'purchaseQty' },
|
||||
{ label: computed(() => t('message.index.unit')), prop: 'unitName' },
|
||||
],
|
||||
},
|
||||
data: [],
|
||||
|
||||
Reference in New Issue
Block a user