| src/views/procurementManagement/paymentLedger/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/procurementManagement/thePaymentLedger/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/views/procurementManagement/paymentLedger/index.vue
@@ -15,25 +15,49 @@ >搜索</el-button > </div> <div> </div> <div></div> </div> <el-row> <el-col :span="14"> <div class="table_list"> <PIMTable :column="tableColumn" :tableData="tableData" :page="page" :isSelection="false" :handleSelectionChange="handleSelectionChange" :tableLoading="tableLoading" @pagination="pagination" :total="total" :rowClick="rowClick" :isShowSummary="isShowSummary" <el-table ref="multipleTable" v-loading="tableLoading" :data="tableData" :header-cell-style="{ background: '#F0F1F5', color: '#333333' }" height="calc(100vh - 18.5em)" :highlight-current-row="true" ></PIMTable> style="width: 100%" tooltip-effect="dark" @row-click="rowClick" :show-summary="isShowSummary" class="lims-table" > <el-table-column align="center" label="序号" type="index" width="60" /> <el-table-column v-for="(item, index) in tableColumn" :key="index" :column-key="item.columnKey" :filter-method="item.filterHandler" :filter-multiple="item.filterMultiple" :filtered-value="item.filteredValue" :filters="item.filters" :fixed="item.fixed" :label="item.label" :prop="item.prop" show-overflow-tooltip :align="item.align" :sortable="!!item.sortable" :type="item.type" :width="item.width" > </el-table-column> </el-table> </div> </el-col> <el-col :span="10"> @@ -44,12 +68,20 @@ :page="pageSon" :isSelection="false" :tableLoading="tableLoadingSon" @pagination="paginationSon" :total="totalSon" :isShowSummary="isShowSummarySon" ></PIMTable> </div> </el-col> <div class="el-pagination"> <pagination v-show="total > 0" @pagination="paginationSearch" :total="total" :layout="page.layout" :page="page.current" :limit="page.size" /> </div> </el-row> </div> </template> @@ -77,6 +109,7 @@ prop: "payableAmount", }, ]); const tableData = ref([]); const tableLoading = ref(false); const data = reactive({ searchForm: { @@ -89,16 +122,10 @@ }); const total = ref(0); const isShowSummary = ref(true); const tableData = ref([]); const { searchForm } = toRefs(data); import {getInfo} from "@/api/login.js"; const rowClick = (row) => { tableDataSon.value = Array.isArray(row.details) ? row.details : []; }; // 子模块 const tableColumnSon = ref([ { @@ -120,11 +147,6 @@ ]); const tableDataSon = ref([]); const tableLoadingSon = ref(false); const pageSon = reactive({ current: 1, size: 10, }); const totalSon = ref(0); const isShowSummarySon = ref(true); const detailPageNum = ref(1); const detailPageSize = ref(10); @@ -134,14 +156,10 @@ page.current = 1; getList(); }; const pagination = ({ current, limit }) => { const paginationSearch = ({ current, limit }) => { page.current = current; page.size = limit; getList(); }; const paginationSon = ({ current, limit }) => { pageSon.current = current; pageSon.size = limit; tableDataSon.value = []; getList(); }; const getList = () => { @@ -150,7 +168,7 @@ ...searchForm.value, ...page, detailPageNum: detailPageNum.value, // 新增 detailPageSize: detailPageSize.value // 新增 detailPageSize: detailPageSize.value, // 新增 }).then((res) => { let result = res.data; tableLoading.value = false; @@ -158,20 +176,11 @@ total.value = result.total || 0; }); }; // 表格选择数据 const handleSelectionChange = (selection) => { selectedRows.value = selection; }; getList(); </script> <style scoped lang="scss"> /* 选中某行时的背景色*/ /* .el-table__body tr.current-row > td { color: #c0c0c0; background: #F6F7FB !important; } */ .el-row { .el-col-14 { .table_list { @@ -184,4 +193,23 @@ } } } .el-pagination { width: 100%; height: 55px; display: flex; justify-content: flex-end; float: right; flex-direction: row; align-items: center; background: #fff; margin: -20px 0 0 0; padding: 0 20px; } .pagination-container { margin-top: 0; } .table_list { height: calc(100vh - 13.5em); overflow: auto; } </style> src/views/procurementManagement/thePaymentLedger/index.vue
@@ -15,97 +15,9 @@ </div> </div> <div class="table_list"> <PIMTable :column="tableColumn" :tableData="tableData" :page="page" :handleSelectionChange="handleSelectionChange" <PIMTable :column="tableColumn" :tableData="tableData" :page="page" :tableLoading="tableLoading" @pagination="pagination" :total="total"></PIMTable> </div> <el-dialog v-model="dialogFormVisible" :title="operationType === 'add' ? '新增付款登记' : '编辑付款登记'" width="60%" @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> </el-col> <el-col :span="12"> <el-form-item label="销售合同号：" prop="salesContractNo"> <el-input v-model="form.salesContractNo" placeholder="自动填充" clearable disabled/> </el-form-item> </el-col> </el-row> <el-row :gutter="30"> <el-col :span="12"> <el-form-item label="供应商名称：" prop="supplierName"> <el-input v-model="form.supplierName" placeholder="自动填充" clearable disabled/> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="发票号：" prop="invoiceNumber"> <el-select v-model="form.invoiceNumber" placeholder="请选择" clearable :disabled="operationType === 'edit'" @change="setInvoiceAmount"> <el-option v-for="item in invoiceNumberList" :key="item.id" :label="item.invoiceNumber" :value="item.invoiceNumber"/> </el-select> </el-form-item> </el-col> </el-row> <el-row :gutter="30"> <el-col :span="12"> <el-form-item label="发票金额(元)：" prop="invoiceAmount"> <el-input type="number" :step="0.01" v-model="form.invoiceAmount" placeholder="自动填充" clearable disabled/> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="税率(%)：" prop="taxRate"> <el-select v-model="form.taxRate" placeholder="请选择" clearable :disabled="operationType === 'edit'"> <el-option v-for="item in taxRateSelection" :key="item.value" :label="item.label" :value="item.value"/> </el-select> </el-form-item> </el-col> </el-row> <el-row :gutter="30"> <el-col :span="12"> <el-form-item label="本次付款金额：" prop="currentPaymentAmount"> <el-input type="number" :step="0.01" v-model="form.currentPaymentAmount" placeholder="请输入" clearable/> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="付款形式：" prop="paymentMethod"> <el-select v-model="form.paymentMethod" placeholder="请选择" clearable> <el-option label="电汇" value="电汇"/> <el-option label="承兑" value="承兑"/> </el-select> </el-form-item> </el-col> </el-row> <el-row :gutter="30"> <el-col :span="12"> <el-form-item label="登记人：" prop="registrant"> <el-input v-model="form.registrant" placeholder="请输入" clearable disabled/> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="付款日期：" prop="paymentDate"> <el-date-picker disabled style="width: 100%" v-model="form.paymentDate" value-format="YYYY-MM-DD" format="YYYY-MM-DD" type="date" placeholder="请选择" clearable /> </el-form-item> </el-col> </el-row> </el-form> <template #footer> <div class="dialog-footer"> <el-button type="primary" @click="submitForm">确认</el-button> <el-button @click="closeDia">取消</el-button> </div> </template> </el-dialog> </div> </template>
