style: 样式调整。添加录入日期

曹睿

2 天以前 41a76543a91e6c39c6ec66e0f2af8244500d1b0b

 src/views/salesManagement/invoiceLedger/index.vue

@@ -26,6 +26,21 @@
            @clear="clearRange"
          />
        </el-form-item>
        <el-form-item label="录入日期">
          <el-date-picker
            style="width: 100%"
            v-model="searchForm.createTimeStart"
            value-format="YYYY-MM-DD HH:mm:ss"
            format="YYYY-MM-DD"
            type="date"
            placeholder="请选择"
            clearable
            @change="handleQuery"
          />
        </el-form-item>
        <el-form-item label="不显示有发票行">
          <el-checkbox v-model="searchForm.status" @change="handleQuery" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="handleQuery"> 搜索 </el-button>
          <el-button @click="resetForm"> 重置 </el-button>
@@ -60,7 +75,9 @@
          label="客户名称"
          prop="customerName"
          show-overflow-tooltip
          width="240"
        />
        <el-table-column label="项目" prop="projectName" />
        <el-table-column label="产品大类" prop="productCategory" />
        <el-table-column label="规格型号" prop="specificationModel" />
        <el-table-column
@@ -74,11 +91,17 @@
          show-overflow-tooltip
          :formatter="formattedNumber"
        />
        <el-table-column label="税率" prop="taxRate" show-overflow-tooltip />
        <el-table-column label="税率(%)" prop="taxRate" show-overflow-tooltip />
        <el-table-column
          label="开票人"
          label="录入人"
          prop="invoicePerson"
          show-overflow-tooltip
        />
        <el-table-column
          label="录入日期"
          prop="createTime"
          show-overflow-tooltip
          :formatter="formatDate"
        />
        <el-table-column
          label="开票日期"
@@ -88,19 +111,28 @@
        <el-table-column
          label="发票"
          prop="invoiceFileName"
          width="120"
          align="center"
          show-overflow-tooltip
        >
          <template #default="scope">
            <span v-if="scope.row.invoiceFileName">{{
              scope.row.invoiceFileName
            }}</span>
            <el-button
              v-if="scope.row.invoiceFileName"
              text
              bg
              type="primary"
              @click="handleFile(scope.row.commonFiles)"
            >
              查看附件
            </el-button>
            <el-button
              v-else
              link
              type="primary"
              @click="handleDownload(scope.row)"
              >上传</el-button
            >
              上传
            </el-button>
          </template>
        </el-table-column>
        <el-table-column fixed="right" label="操作" width="150" align="center">
@@ -312,12 +344,14 @@
const data = reactive({
  searchForm: {
    searchText: "",
    status: false,
    invoiceDate: [
      dayjs().startOf("month").format("YYYY-MM-DD"),
      dayjs().endOf("month").format("YYYY-MM-DD"),
    ],
    invoiceDateStart: dayjs().startOf("month").format("YYYY-MM-DD"),
    invoiceDateEnd: dayjs().endOf("month").format("YYYY-MM-DD"),
    createTimeStart: "", // 录入日期
  },
  form: {
    salesLedgerId: "",
@@ -329,6 +363,7 @@
    invoiceDate: "",
    customerName: "",
    fileList: [],
    createTime: "", // 录入日期
  },
  rules: {
    salesLedgerId: [{ required: true, message: "请选择", trigger: "change" }],
@@ -355,6 +390,9 @@
const uploadModal = ref(false);
const formattedNumber = (row, column, cellValue) => {
  return parseFloat(cellValue).toFixed(2);
};
const formatDate = (row, column, cellValue) => {
  return dayjs(cellValue).format("YYYY-MM-DD HH:mm:ss");
};
// 查询列表
/** 搜索按钮操作 */
@@ -544,6 +582,12 @@
  }
};

const handleFile = (commonFiles) => {
  commonFiles.forEach((e) => {
    proxy.$download.name(e.url);
  });
};

const clearRange = () => {
  searchForm.invoiceDate = [];
  searchForm.invoiceDateStart = undefined;