|
|
@@ -20,18 +20,23 @@
|
|
|
</byTable>
|
|
|
</el-card>
|
|
|
|
|
|
- <el-dialog title="打印" v-if="openPrint" v-model="openPrint" width="94%">
|
|
|
- <el-tabs v-model="activeName" class="demo-tabs">
|
|
|
- <el-tab-pane label="SKU对账单" name="sku">
|
|
|
- <PrintSKU :rowData="rowData" :activeName="activeName" @clickCancel="openPrint = false"></PrintSKU>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="BOM对账单" name="bom">
|
|
|
- <PrintBOM :rowData="rowData" :activeName="activeName" @clickCancel="openPrint = false"></PrintBOM>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="订单对账单" name="order">
|
|
|
- <PrintOrder :rowData="rowData" :activeName="activeName" @clickCancel="clickCancel"></PrintOrder>
|
|
|
- </el-tab-pane>
|
|
|
+ <el-dialog title="打印" v-if="openPrint" v-model="openPrint" width="94%" class="print">
|
|
|
+ <el-tabs v-model="tabsCard" type="card">
|
|
|
+ <el-tab-pane v-for="(item, index) in cardList" :key="index" :label="item.dictValue" :name="item.dictKey"> </el-tab-pane>
|
|
|
</el-tabs>
|
|
|
+ <div style="padding: 0 10px">
|
|
|
+ <el-tabs v-model="activeName">
|
|
|
+ <el-tab-pane label="SKU对账单" name="sku">
|
|
|
+ <PrintSKU :rowData="rowData" :tabValues="{ activeName: activeName, tabsCard: tabsCard }" @clickCancel="openPrint = false"></PrintSKU>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="BOM对账单" name="bom">
|
|
|
+ <PrintBOM :rowData="rowData" :tabValues="{ activeName: activeName, tabsCard: tabsCard }" @clickCancel="openPrint = false"></PrintBOM>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="订单对账单" name="order">
|
|
|
+ <PrintOrder :rowData="rowData" :tabValues="{ activeName: activeName, tabsCard: tabsCard }" @clickCancel="clickCancel"></PrintOrder>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
|
|
|
|
<el-dialog title="Excel文件" v-if="openFileList" v-model="openFileList" width="60%">
|
|
|
@@ -192,8 +197,32 @@ const changeRadioGroup = () => {
|
|
|
};
|
|
|
const openPrint = ref(false);
|
|
|
const rowData = ref({});
|
|
|
+const cardList = ref([
|
|
|
+ {
|
|
|
+ dictKey: 1,
|
|
|
+ dictValue: "万里牛订单",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictKey: 2,
|
|
|
+ dictValue: "采购订单",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictKey: 3,
|
|
|
+ dictValue: "委外订单",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictKey: 4,
|
|
|
+ dictValue: "售后订单",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ dictKey: 5,
|
|
|
+ dictValue: "无理由订单",
|
|
|
+ },
|
|
|
+]);
|
|
|
+const tabsCard = ref(1);
|
|
|
const activeName = ref("sku");
|
|
|
const clickPrint = (row) => {
|
|
|
+ tabsCard.value = 1;
|
|
|
activeName.value = "sku";
|
|
|
rowData.value = row;
|
|
|
openPrint.value = true;
|
|
|
@@ -215,4 +244,12 @@ const clickExcelFile = () => {
|
|
|
margin-top: 10px !important;
|
|
|
margin-bottom: 10px !important;
|
|
|
}
|
|
|
+:deep(.print) {
|
|
|
+ .el-dialog__body {
|
|
|
+ padding: 10px 20px !important;
|
|
|
+ .el-tabs__header {
|
|
|
+ margin: 0 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
lxf