| | |
| | | <div class="search_form"> |
| | | <div> |
| | | <span class="search_title">采购合同号:</span> |
| | | <el-input |
| | | v-model="searchForm.purchaseContractNumber" |
| | | style="width: 240px" |
| | | placeholder="请输入" |
| | | @change="handleQuery" |
| | | clearable |
| | | prefix-icon="Search" |
| | | /> |
| | | <el-input v-model="searchForm.purchaseContractNumber" style="width: 240px" placeholder="请输入" |
| | | @change="handleQuery" clearable prefix-icon="Search" /> |
| | | <el-button type="primary" @click="handleQuery" style="margin-left: 10px">搜索</el-button> |
| | | </div> |
| | | <div> |
| | | <el-button type="primary" @click="openForm('add')">新增登记</el-button> |
| | | <el-button type="primary" @click="handleAdd">新增登记</el-button> |
| | | <el-button @click="handleOut">导出</el-button> |
| | | <el-button type="danger" plain @click="handleDelete">删除</el-button> |
| | | </div> |
| | | </div> |
| | | <div class="table_list"> |
| | | <el-table :data="tableData" border v-loading="tableLoading" |
| | | @selection-change="handleSelectionChange" |
| | | :expand-row-keys="expandedRowKeys" |
| | | :row-key="row => row.id" |
| | | show-summary |
| | | :summary-method="summarizeMainTable" |
| | | @expand-change="expandChange" |
| | | height="calc(100vh - 18.5em)"> |
| | | <el-table :data="tableData" border v-loading="tableLoading" @selection-change="handleSelectionChange" |
| | | :expand-row-keys="expandedRowKeys" :row-key="row => row.id" show-summary :summary-method="summarizeMainTable" |
| | | @expand-change="expandChange" height="calc(100vh - 18.5em)"> |
| | | <el-table-column align="center" type="selection" width="55" /> |
| | | <el-table-column type="expand"> |
| | | <template #default="props"> |
| | | <el-table :data="props.row.children" border |
| | | show-summary |
| | | :summary-method="summarizeChildrenTable"> |
| | | <el-table :data="props.row.children" border show-summary :summary-method="summarizeChildrenTable"> |
| | | <el-table-column align="center" label="序号" type="index" width="60" /> |
| | | <el-table-column label="产品大类" prop="productCategory" /> |
| | | <el-table-column label="规格型号" prop="specificationModel" /> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination v-show="total > 0" :total="total" layout="total, sizes, prev, pager, next, jumper" :page="page.current" |
| | | :limit="page.size" @pagination="paginationChange" /> |
| | | <pagination v-show="total > 0" :total="total" layout="total, sizes, prev, pager, next, jumper" |
| | | :page="page.current" :limit="page.size" @pagination="paginationChange" /> |
| | | </div> |
| | | <el-dialog v-model="dialogFormVisible" :title="operationType === 'add' ? '新增来票登记' : '编辑来票登记'" width="80%" @close="closeDia"> |
| | | <el-dialog v-model="dialogFormVisible" :title="operationType === 'add' ? '新增来票登记' : '编辑来票登记'" width="80%" |
| | | @close="closeDia"> |
| | | <el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef"> |
| | | <el-row :gutter="30"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="采购合同号:" prop="purchaseLedgerId"> |
| | | <el-select v-model="form.purchaseLedgerId" placeholder="请选择" clearable @change="setInfo" :disabled="operationType === 'edit'"> |
| | | <el-option v-for="item in purchaseLedgerList" :key="item.id" :label="item.purchaseContractNumber" :value="item.id"/> |
| | | </el-select> |
| | | <el-form-item label="采购合同号:" prop="purchaseLedgerNo"> |
| | | <el-input v-model="form.purchaseLedgerNo" disabled /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="开票日期:" prop="issueDate"> |
| | | <el-date-picker |
| | | disabled |
| | | style="width: 100%" |
| | | v-model="form.issueDate" |
| | | value-format="YYYY-MM-DD" |
| | | format="YYYY-MM-DD" |
| | | type="date" |
| | | placeholder="请选择" |
| | | clearable |
| | | /> |
| | | <el-date-picker disabled style="width: 100%" v-model="form.issueDate" value-format="YYYY-MM-DD" |
| | | format="YYYY-MM-DD" type="date" placeholder="请选择" clearable /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-table-column label="不含税总价(元)" prop="taxExclusiveTotalPrice" :formatter="formattedNumber"/> |
| | | <el-table-column label="本次来票数" prop="ticketsNum" width="170"> |
| | | <template #default="scope"> |
| | | <el-input-number v-model="scope.row.ticketsNum" :precision="0" :step="1" clearable style="width: 100%" @blur="invoiceNumBlur(scope.row)"/> |
| | | <el-input-number v-model="scope.row.ticketsNum" :precision="0" :step="1" clearable style="width: 100%" |
| | | @blur="invoiceNumBlur(scope.row)" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="本次来票金额(元)" prop="ticketsAmount" :formatter="formattedNumber"></el-table-column> |
| | | <el-table-column label="未来票数" prop="futureTickets"></el-table-column> |
| | | <el-table-column label="未来票金额(元)" prop="futureTicketsAmount" :formatter="formattedNumber"> </el-table-column> |
| | | <el-table-column label="未来票数" prop="futureTickets" |
| | | :formatter="(row) => row.futureTickets == null || row.futureTickets === '' ? row.quantity : row.futureTickets"> |
| | | </el-table-column> |
| | | <el-table-column label="未来票金额(元)" prop="futureTicketsAmount" |
| | | :formatter="(row) => (row.futureTicketsAmount !== undefined && row.futureTicketsAmount !== null && row.futureTicketsAmount !== '' ? row.futureTicketsAmount : row.taxExclusiveTotalPrice)"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-form> |
| | | <template #footer> |
| | |
| | | import {ElMessageBox } from "element-plus"; |
| | | import {userListNoPage} from "@/api/system/user.js"; |
| | | import {productList} from "@/api/procurementManagement/procurementLedger.js"; |
| | | import useUserStore from '@/store/modules/user'; |
| | | const userStore = useUserStore() |
| | | const { proxy } = getCurrentInstance() |
| | | const tableData = ref([]) |
| | | const productData = ref([]) |
| | |
| | | gePurchaseList, |
| | | getInfo, |
| | | getProduct, |
| | | getPurchaseNoById, |
| | | getRegistrationById |
| | | } from "@/api/procurementManagement/invoiceEntry.js"; |
| | | |
| | |
| | | }, |
| | | form: { |
| | | purchaseLedgerId: '', |
| | | purchaseLedgerNo: '', |
| | | issUerId: '', // 开票人id |
| | | issUer: '' ,// 开票人姓名 |
| | | }, |
| | | rules: { |
| | | purchaseLedgerId: [{ required: true, message: "请选择", trigger: "change" }], |
| | |
| | | ticketsNum: { noDecimal: true }, // 不保留小数 |
| | | futureTickets: { noDecimal: true }, // 不保留小数 |
| | | }); |
| | | }; |
| | | |
| | | const handleAdd = () => { |
| | | if (selectedRows.value.length !== 1) { |
| | | proxy.$modal.msgWarning('请先选中一条数据'); |
| | | return; |
| | | } |
| | | openForm('add', selectedRows.value[0]); |
| | | } |
| | | |
| | | // 打开弹框 |
| | | const openForm = (type, row) => { |
| | | operationType.value = type |
| | | form.value = {} |
| | | productData.value = [] |
| | | fileList.value = [] |
| | | // 查询人员列表 |
| | | form.value.issUerId = userStore.id |
| | | form.value.issUer = userStore.name |
| | | userListNoPage().then(res => { |
| | | userList.value = res.data |
| | | }) |
| | | // 查询采购合同号 |
| | | // 新增时传入当前行id并查询采购合同号 |
| | | if (type === 'add' && row && row.id) { |
| | | form.value.purchaseLedgerId = row.id |
| | | getPurchaseNoById({ id: row.id }).then(res => { |
| | | purchaseLedgerList.value = res, |
| | | form.value.purchaseLedgerNo = res.purchaseContractNumber; |
| | | form.value.invoiceAmount = res.invoiceAmount; |
| | | form.value.invoiceNumber = res.invoiceNumber; |
| | | setInfo(res.id) |
| | | }) |
| | | } else { |
| | | getProduct().then(res => { |
| | | purchaseLedgerList.value = res |
| | | }) |
| | | } |
| | | if (type === 'edit') { |
| | | currentId.value = row.id; |
| | | getRegistrationById({id: row.id}).then(res => { |
| | |
| | | if(!row.ticketsNum){ |
| | | row.ticketsNum = 0 |
| | | } |
| | | if(row.ticketsNum > row.futureTickets){ |
| | | if (Number(row.ticketsNum) > Number(row.futureTickets)) { |
| | | proxy.$modal.msgWarning('本次开票数不得大于未开票数') |
| | | row.ticketsNum = 0 |
| | | return |
| | | } |
| | | row.futureTickets = row.futureTickets - row.ticketsNum |
| | | // 计算本次开票金额 |
| | | row.ticketsAmount = row.ticketsNum * row.taxInclusiveUnitPrice |
| | | // 计算未开票数 |
| | |
| | | getList() |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | |
| | | </style> |
| | | <style scoped lang="scss"></style> |