| | |
| | | :label="item.label" |
| | | :value="item.value"/> |
| | | </el-select> |
| | | <span class="search_title ml10">质检状态:</span> |
| | | <el-select v-model="searchForm.type" |
| | | style="width: 240px" |
| | | placeholder="请选择" |
| | | clearable> |
| | | <el-option label="合格" :value="0" /> |
| | | <el-option label="不合格" :value="1" /> |
| | | </el-select> |
| | | <el-button type="primary" @click="handleQuery" style="margin-left: 10px" |
| | | >搜索</el-button |
| | | > |
| | | <el-button @click="handleReset">重置</el-button> |
| | | </div> |
| | | <div> |
| | | <el-button @click="handleOut">导出</el-button> |
| | |
| | | prop="stockOutNum" |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column label="质检状态" |
| | | prop="type" |
| | | show-overflow-tooltip |
| | | width="100"> |
| | | <template #default="scope"> |
| | | <el-tag :type="scope.row.type == 0 ? 'success' : 'danger'" size="small"> |
| | | {{ scope.row.type == 0 ? '合格' : '不合格' }} |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="出库人" |
| | | prop="createBy" |
| | |
| | | |
| | | <script setup> |
| | | import pagination from "@/components/PIMTable/Pagination.vue"; |
| | | import { ref } from "vue"; |
| | | import { ref, watch } from "vue"; |
| | | import { ElMessageBox } from "element-plus"; |
| | | import useUserStore from "@/store/modules/user"; |
| | | import { getCurrentDate } from "@/utils/index.js"; |
| | |
| | | |
| | | const props = defineProps({ |
| | | type: { |
| | | type: String, |
| | | type: Number, |
| | | required: true, |
| | | default: '0' |
| | | default: 1 |
| | | } |
| | | }) |
| | | |
| | |
| | | supplierName: "", |
| | | timeStr: "", |
| | | recordType: "", |
| | | type: "", |
| | | } |
| | | }); |
| | | const { searchForm } = toRefs(data); |
| | |
| | | page.current = 1; |
| | | getList(); |
| | | }; |
| | | |
| | | /** 重置按钮操作 */ |
| | | const handleReset = () => { |
| | | searchForm.value.supplierName = ""; |
| | | searchForm.value.timeStr = ""; |
| | | searchForm.value.recordType = ""; |
| | | searchForm.value.type = ""; |
| | | handleQuery(); |
| | | }; |
| | | const paginationChange = (obj) => { |
| | | page.current = obj.page; |
| | | page.size = obj.limit; |
| | |
| | | }; |
| | | const getList = () => { |
| | | tableLoading.value = true; |
| | | getStockOutPage({ ...searchForm.value, ...page, type: props.type }) |
| | | const params = { ...searchForm.value, ...page, productType: props.type }; |
| | | if (searchForm.value.type !== "") { |
| | | params.type = searchForm.value.type; |
| | | } |
| | | getStockOutPage(params) |
| | | .then((res) => { |
| | | tableLoading.value = false; |
| | | tableData.value = res.data.records; |
| | |
| | | |
| | | // 获取来源类型选项 |
| | | const fetchStockRecordTypeOptions = () => { |
| | | if (props.type === '0') { |
| | | if (props.type === 1 || props.type === 2) { |
| | | findAllQualifiedStockOutRecordTypeOptions() |
| | | .then(res => { |
| | | stockRecordTypeOptions.value = res.data; |
| | | }) |
| | | return |
| | | } |
| | | findAllUnQualifiedStockOutRecordTypeOptions() |
| | | } else { |
| | | findAllUnQualifiedStockOutRecordTypeOptions() |
| | | .then(res => { |
| | | stockRecordTypeOptions.value = res.data; |
| | | }) |
| | | } |
| | | } |
| | | |
| | | // 表格选择数据 |
| | |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | proxy.download("/stockOutRecord/exportStockOutRecord", {type: props.type}, props.type === '0' ? "合格出库台账.xlsx" : "不合格出库台账.xlsx"); |
| | | const fileNameMap = { |
| | | 1: '自制出库台账.xlsx', |
| | | 2: '外购出库台账.xlsx', |
| | | 3: '委外出库台账.xlsx' |
| | | }; |
| | | proxy.download("/stockOutRecord/exportStockOutRecord", {productType: props.type}, fileNameMap[props.type] || '出库台账.xlsx'); |
| | | }) |
| | | .catch(() => { |
| | | proxy.$modal.msg("已取消"); |
| | |
| | | <div class="print-page"> |
| | | <div class="delivery-note"> |
| | | <div class="header"> |
| | | <div class="company-name">鼎诚瑞实业有限责任公司</div> |
| | | <div class="company-name">军泰伟业机械有限公司</div> |
| | | <div class="document-title">零售发货单</div> |
| | | </div> |
| | | |
| | |
| | | getList(); |
| | | fetchStockRecordTypeOptions(); |
| | | }); |
| | | |
| | | watch(() => props.type, () => { |
| | | page.current = 1; |
| | | getList(); |
| | | fetchStockRecordTypeOptions(); |
| | | }); |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |