公司-所有的表格添加斑马纹

gaoluyang

2 天以前 fe631515b71782a10a750874f6d4582fe027cd22

 src/views/salesManagement/receiptPayment/index.vue

@@ -38,6 +38,12 @@
                @change="handleQuery"
              />
            </el-form-item>
            <br/>
            <el-form-item label="开票日期">
              <el-date-picker style="width: 240px" v-model="searchForm.commonDate" value-format="YYYY-MM-DD"
                              format="YYYY-MM-DD" type="daterange" start-placeholder="开始时间" end-placeholder="结束时间" clearable
                              @change="changeDateRange" @clear="clearRange" />
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="handleQuery"> 搜索 </el-button>
            </el-form-item>
@@ -65,7 +71,7 @@
        :summary-method="summarizeMainTable"
        :expand-row-keys="expandedRowKeys"
        @expand-change="expandChange"

        stripe
        height="calc(100vh - 21.5em)"
      >
        <el-table-column align="center" type="selection" width="55" />
@@ -76,6 +82,7 @@
              border
              show-summary
              :summary-method="summarizeChildrenTable"
              stripe
            >
              <el-table-column
                align="center"
@@ -148,6 +155,12 @@
          </template>
        </el-table-column>
        <el-table-column align="center" label="序号" type="index" width="60" />
        <el-table-column
            label="开票日期"
            prop="invoiceDate"
            show-overflow-tooltip
            width="240"
        />
        <el-table-column
          label="销售合同号"
          prop="salesContractNo"
@@ -426,6 +439,21 @@
const formattedNumber = (row, column, cellValue) => {
  return parseFloat(cellValue).toFixed(2);
};

const changeDateRange = (date) => {
  if (date) {
    searchForm.invoiceDateStart = date[0];
    searchForm.invoiceDateEnd = date[1];
    getList();
  }
};

const clearRange = () => {
  searchForm.commonDate = [];
  searchForm.invoiceDateStart = undefined;
  searchForm.invoiceDateEnd = undefined;
  getList();
};
// 查询列表
/** 搜索按钮操作 */
const handleQuery = () => {