付款登记-前端开发联调

gaoluyang

2025-05-15 a1ce4c3b8e48d95a590346a3fe1b45fdd3ca650f

 src/views/salesManagement/invoiceLedger/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.searchText"
            style="width: 240px"
@@ -11,16 +11,16 @@
            clearable
            :prefix-icon="Search"
        />
        <span class="search_title">开票日期：</span>
        <span class="search_title" style="margin-left: 10px">开票日期：</span>
        <el-date-picker
          style="width: 240px"
          v-model="form.invoiceDate"
          value-format="YYYY-MM-DD"
          format="YYYY-MM-DD"
          type="date"
          placeholder="请选择"
          clearable
          />
            style="width: 240px"
            v-model="form.invoiceDate"
            value-format="YYYY-MM-DD"
            format="YYYY-MM-DD"
            type="date"
            placeholder="请选择"
            clearable
        />
        <el-button type="primary" @click="handleQuery" style="margin-left: 10px">搜索</el-button>
      </div>
      <div>
@@ -46,7 +46,7 @@
        <el-table-column label="税率" prop="taxRate" show-overflow-tooltip/>
        <el-table-column label="开票人" prop="invoicePerson" show-overflow-tooltip/>
        <el-table-column label="开票日期" prop="invoiceDate" show-overflow-tooltip/>
        <el-table-column label="发票" prop="invoiceDate" show-overflow-tooltip>
        <el-table-column label="发票" prop="invoiceFileName" show-overflow-tooltip>
          <template #default="scope">
            <span v-if="scope.row.invoiceFileName">{{ scope.row.invoiceFileName }}</span>
            <el-button v-else link type="primary" @click="handleDownload(scope.row)">上传</el-button>
@@ -126,6 +126,8 @@
                  ref="fileUpload"
                  auto-upload
                  :headers="upload.headers"
                  accept=".pdf"
                  :limit="1"
                  :before-upload="handleBeforeUpload"
                  :on-error="handleUploadError"
                  :on-success="handleUploadSuccess"
@@ -161,6 +163,9 @@
                ref="fileUpload"
                auto-upload
                :headers="upload.headers"
                accept=".pdf"
                :limit="1"
                :on-exceed="handleExceed"
                :before-upload="handleBeforeUpload"
                :on-error="handleUploadError"
                :on-success="handleUploadSuccess"
@@ -168,9 +173,8 @@
            >
              <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-->
                <div class="el-upload__tip">
                  文件格式支持 pdf
                  文件格式仅支持 pdf
                </div>
              </template>
            </el-upload>
@@ -321,10 +325,17 @@
  }
  dialogFormVisible.value = true
}
// 上传多个文件就覆盖原来的
const handleExceed = (files) => {
  proxy.$refs["fileUpload"].clearFiles();
  const file = files[0];
  file.uid = genFileId();
  proxy.$refs["fileUpload"].handleStart(file);
};
// 上传前校检
function handleBeforeUpload(file) {
  // 校检文件大小
  if (file.size > 1024 * 1024) {
  if (file.size > 1024 * 1024 * 10) {
    proxy.$modal.msgError('上传文件大小不能超过10MB!')
    return false
  }