采购管理=》来票登记、来票账单 前端联调

张诺

2025-05-22 802d79f7e35251f2f0eea3774a9157715e01526d

 src/views/procurementManagement/procurementInvoiceLedger/index.vue

@@ -33,9 +33,9 @@
        <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="openForm('add')">新增台账</el-button> -->
        <el-button @click="handleOut">导出</el-button>
        <el-button type="danger" plain @click="handleDelete">删除</el-button>
        <!-- <el-button type="danger" plain @click="handleDelete">删除</el-button> -->
      </div>
    </div>
    <div class="table_list">
@@ -47,7 +47,7 @@
                height="calc(100vh - 18.5em)">
        <el-table-column align="center" type="selection" width="55" />
        <el-table-column align="center" label="序号" type="index" width="60" />
        <el-table-column label="采购合同号" prop="purchaseContractNo" show-overflow-tooltip/>
        <el-table-column label="采购合同号" prop="purchaseContractNumber" show-overflow-tooltip/>
        <el-table-column label="销售合同号" prop="salesContractNo" show-overflow-tooltip/>
        <el-table-column label="供应商名称" prop="supplierName" show-overflow-tooltip/>
        <el-table-column label="发票号" prop="invoiceNumber" show-overflow-tooltip/>
@@ -55,27 +55,32 @@
        <el-table-column label="税率(%)" prop="taxRate" show-overflow-tooltip/>
        <el-table-column label="开票人" prop="issUer" show-overflow-tooltip/>
        <el-table-column label="开票日期" prop="issueDate" show-overflow-tooltip/>
        <el-table-column label="发票" prop="fileName" show-overflow-tooltip>
        <!-- <el-table-column label="发票" prop="fileName" show-overflow-tooltip>
          <template #default="scope">
            <span v-if="scope.row.fileName">{{ scope.row.fileName }}</span>
            <el-button v-else link type="primary" @click="handleDownload(scope.row)">上传</el-button>
          </template>
        </el-table-column>
        <el-table-column fixed="right" label="操作" min-width="60" align="center">
        </el-table-column> -->
        <!-- <el-table-column fixed="right" label="操作" min-width="60" align="center">
          <template #default="scope">
            <el-button link type="primary" size="small" @click="openForm('edit', scope.row);">编辑</el-button>
          </template>
        </el-table-column> -->
        <el-table-column fixed="right" label="操作" min-width="60" align="center">
          <template #default="scope">
          <el-button link type="primary" size="small" @click="openForm('check', scope.row);">查看</el-button>
          </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" />
    </div>
    <el-dialog v-model="dialogFormVisible" :title="operationType === 'add' ? '新增发票号页面' : '编辑发票号页面'" width="70%" @close="closeDia">
    <el-dialog v-model="dialogFormVisible" :title="operationType === 'add' ? '新增发票号页面' : '查看发票号页面'" width="70%" @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-select v-model="form.purchaseLedgerId" placeholder="请选择" clearable @change="setInfo">
                <el-option v-for="item in purchaseLedgerList" :key="item.id" :label="item.purchaseContractNumber" :value="item.id"/>
              </el-select>
            </el-form-item>
@@ -94,19 +99,19 @@
          </el-col>
          <el-col :span="12">
            <el-form-item label="发票号：" prop="invoiceNumber">
              <el-input v-model="form.invoiceNumber" placeholder="请输入" clearable/>
              <el-input v-model="form.invoiceNumber" placeholder="请输入" :disabled="operationType === 'check'" clearable/>
            </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/>
              <el-input type="number" :step="0.01" v-model="form.invoiceAmount" placeholder="请输入" :disabled="operationType === 'check'" clearable/>
            </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-input type="number" :step="0.01" v-model="form.taxRate" placeholder="请输入" :disabled="operationType === 'check'" clearable/>
            </el-form-item>
          </el-col>
        </el-row>
@@ -131,7 +136,7 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="30">
        <!-- <el-row :gutter="30">
          <el-col :span="24">
            <el-form-item label="附件材料：" prop="remark">
              <el-upload
@@ -158,12 +163,12 @@
              </el-upload>
            </el-form-item>
          </el-col>
        </el-row>
        </el-row> -->
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="submitForm">确认</el-button>
          <el-button @click="closeDia">取消</el-button>
          <!-- <el-button type="primary" @click="submitForm">确认</el-button> -->
          <!-- <el-button @click="closeDia">取消</el-button> -->
        </div>
      </template>
    </el-dialog>
@@ -187,8 +192,8 @@
                :on-remove="handleRemove"
            >
              <el-button type="primary">上传</el-button>
              <template #tip>
                <!--                  文件格式支持 doc，docx，xls，xlsx，ppt，pptx，pdf，txt，xml，jpg，jpeg，png，gif，bmp，rar，zip，7z-->
              <template #tip>
                <div class="el-upload__tip">
                  文件格式支持 pdf
                </div>
@@ -262,16 +267,16 @@
    customerName:'',
    fileList:[]
  },
  rules: {
    purchaseLedgerId: [{ required: true, message: "请选择", trigger: "change" }],
    customerId: [{ required: true, message: "请输入", trigger: "blur" }],
    invoiceNumber: [{ required: true, message: "请选择", trigger: "change" }],
    invoiceAmount: [{ required: true, message: "请输入", trigger: "blur" }],
    taxRate: [{ required: true, message: "请选择", trigger: "change" }],
    issUer: [{ required: true, message: "请输入", trigger: "blur" }],
    issueDate: [{ required: true, message: "请选择", trigger: "change" }],
    customerName: [{ required: true, message: "请选择", trigger: "change" }],
  }
  // rules: {
  //   purchaseLedgerId: [{ required: true, message: "请选择", trigger: "change" }],
  //   customerId: [{ required: true, message: "请输入", trigger: "blur" }],
  //   invoiceNumber: [{ required: true, message: "请选择", trigger: "change" }],
  //   invoiceAmount: [{ required: true, message: "请输入", trigger: "blur" }],
  //   taxRate: [{ required: true, message: "请选择", trigger: "change" }],
  //   issUer: [{ required: true, message: "请输入", trigger: "blur" }],
  //   issueDate: [{ required: true, message: "请选择", trigger: "change" }],
  //   customerName: [{ required: true, message: "请选择", trigger: "change" }],
  // }
})
const { searchForm, form, rules } = toRefs(data)
const currentId = ref('')
@@ -383,7 +388,6 @@
}
// 移除文件
function handleRemove (file) {
  console.log('handleRemove', file.id)
  if (operationType.value === 'edit') {
    let ids = []
    ids.push(file.id)