src/views/procurementManagement/paymentEntry/index.vue

@@ -3,14 +3,8 @@
    <div class="search_form">
      <div>
        <span class="search_title">供应商名称/合同号：</span>
        <el-input
            v-model="searchForm.supplierNameOrContractNo"
            style="width: 240px"
            placeholder="输入供应商名称/合同号搜索"
            @change="handleQuery"
            clearable
            :prefix-icon="Search"
        />
        <el-input v-model="searchForm.supplierNameOrContractNo" style="width: 240px" placeholder="输入供应商名称/合同号搜索"
          @change="handleQuery" clearable :prefix-icon="Search" />
        <el-button type="primary" @click="handleQuery" style="margin-left: 10px">搜索</el-button>
      </div>
      <div>
@@ -19,35 +13,41 @@
      </div>
    </div>
    <div class="table_list">
      <PIMTable :column="tableColumn" :tableData="tableData" :page="page" :isSelection="true" :handleSelectionChange="handleSelectionChange"
                :tableLoading="tableLoading" @pagination="pagination" :total="total"></PIMTable>
      <PIMTable :column="tableColumn" :tableData="tableData" :page="page" :isSelection="true"
        :handleSelectionChange="handleSelectionChange" :tableLoading="tableLoading" @pagination="pagination"
        :total="total"></PIMTable>
    </div>
    <el-dialog v-model="dialogFormVisible" :title="operationType === 'add' ? '新增付款登记' : '编辑付款登记'" width="60%" @close="closeDia">
    <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-form-item label="采购合同号11111：" 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-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-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 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>
@@ -55,14 +55,14 @@
        <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-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-input type="number" :step="0.01" v-model="form.taxRate" placeholder="自动填充" clearable/> -->
               <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 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>
@@ -70,14 +70,14 @@
        <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-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-option label="电汇" value="电汇" />
                <el-option label="承兑" value="承兑" />
              </el-select>
            </el-form-item>
          </el-col>
@@ -85,30 +85,22 @@
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="登记人：" prop="registrant">
              <el-input v-model="form.registrant" placeholder="请输入" clearable disabled/>
              <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-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-row :gutter="30">
            <el-col :span="12">
              <el-form-item label="登记日期：" prop="registrationtDate">
              <el-input v-model="form.registrationtDate" placeholder="请输入" clearable disabled/>
          <el-col :span="12">
            <el-form-item label="登记日期：" prop="registrationtDate">
              <el-input v-model="form.registrationtDate" placeholder="请输入" clearable disabled />
            </el-form-item>
            </el-col>
          </el-col>
        </el-row>
      </el-form>
      <template #footer>
@@ -123,9 +115,9 @@

<script setup>
import { ref } from 'vue'
import {Search} from "@element-plus/icons-vue";
import {ElMessageBox } from "element-plus";
import {getInfo} from "@/api/login.js";
import { Search } from "@element-plus/icons-vue";
import { ElMessageBox } from "element-plus";
import { getInfo } from "@/api/login.js";
import useUserStore from "@/store/modules/user.js";
import {
  byPurchaseId,
@@ -165,6 +157,10 @@
  {
    label: '发票金额(元)',
    prop: 'invoiceAmount'
  },
  {
    label: '本次付款金额(元)',
    prop: 'currentPaymentAmount'
  },
  {
    label: '待付款金额(元)',
@@ -216,7 +212,7 @@
    registrant: '',
    registrantId: '',
    paymentDate: '',
    registrationtDate:"",
    registrationtDate: "",
  },
  rules: {
    purchaseLedgerId: [{ required: true, message: "请选择", trigger: "change" }],
@@ -240,7 +236,7 @@
}
const getList = () => {
  tableLoading.value = true
  registrationList({...searchForm.value, ...page}).then(res => {
  registrationList({ ...searchForm.value, ...page }).then(res => {
    tableLoading.value = false
    tableData.value = res.rows
    total.value = res.total
@@ -264,8 +260,8 @@
  form.value.registrant = userStore.name
  if (type === 'edit') {
    registrationInfo(row.id).then(res => {
      form.value = {...res.data}
      if(form.value.registrantId == userStore.id){
      form.value = { ...res.data }
      if (form.value.registrantId == userStore.id) {
        form.value.registrant = userStore.name
      }
    })
@@ -287,9 +283,9 @@
}
// 选择采购合同号赋值
const setInfo = (value) => {
  getTicketNo().then((res)=>{
        invoiceNumberList.value = res.data
      })
  getTicketNo({ id: value }).then((res) => {
    invoiceNumberList.value = res.data
  })
  if (value) {
    byPurchaseId(value).then(res => {
      form.value.salesContractNo = res.data.salesContractNo
@@ -347,12 +343,12 @@
    return
  }
  ElMessageBox.confirm(
      '选中的内容将被删除，是否确认删除？',
      '删除提示', {
        confirmButtonText: '确认',
        cancelButtonText: '取消',
        type: 'warning',
      }
    '选中的内容将被删除，是否确认删除？',
    '删除提示', {
    confirmButtonText: '确认',
    cancelButtonText: '取消',
    type: 'warning',
  }
  ).then(() => {
    tableLoading.value = true
    paymentRegistrationDel(ids).then(res => {
@@ -376,6 +372,4 @@
getList()
</script>

<style scoped lang="scss">

</style>
<style scoped lang="scss"></style>

 src/views/procurementManagement/paymentLedger/index.vue

@@ -2,7 +2,7 @@
  <div class="app-container">
    <div class="search_form">
      <div>
        <span class="search_title">付款台账：</span>
        <span class="search_title">供应商名称:</span>
        <el-input
          v-model="searchForm.supplierNameOrContractNo"
          style="width: 240px"
@@ -94,36 +94,20 @@


import {getInfo} from "@/api/login.js";
const rowClick = async (row) => {
  /* let res = await getInfo(row.id)
  if (res.code === 200) {
    proxy.$modal.msgSuccess("获取成功")
    if(res.data == "" || res.data == null){
      proxy.$modal.msgError("没有数据")
      return
    }
    rightShow.value = !rightShow.value
    form.value = res.data

  } else {
    proxy.$modal.msgError(res.msg)
  } */
  tableDataSon.value.push(row);
  if(tableDataSon.value.length > 10) {
    tableDataSon.value = []
  }
}
const rowClick = (row) => {
  tableDataSon.value = Array.isArray(row.details) ? row.details : [];
};


// 子模块
const tableColumnSon = ref([
  {
    label: "供应商名称",
    prop: "supplierName",
    label: "付款日期",
    prop: "paymentDate",
  },
  {
    label: "发票金额(元)",
    prop: "invoiceAmount",
    label: "开票数",
    prop: "voteCount",
  },
  {
    label: "付款金额(元)",
@@ -142,9 +126,8 @@
});
const totalSon = ref(0);
const isShowSummarySon = ref(true);



const detailPageNum = ref(1);
const detailPageSize = ref(10);

/** 搜索按钮操作 */
const handleQuery = () => {
@@ -163,11 +146,16 @@
};
const getList = () => {
  tableLoading.value = false;
  paymentLedgerList({ ...searchForm.value, ...page }).then((res) => {
    let result = res.data
  paymentLedgerList({
    ...searchForm.value,
    ...page,
    detailPageNum: detailPageNum.value, // 新增
    detailPageSize: detailPageSize.value // 新增
  }).then((res) => {
    let result = res.data;
    tableLoading.value = false;
    tableData.value = result;
    total.value = result.total;
    tableData.value = result.records || [];
    total.value = result.total || 0;
  });
};
// 表格选择数据