|
@@ -1,5 +1,19 @@
|
|
|
<template>
|
|
|
<hc-card title="材料调差" class="hc-debit-pay-material-material">
|
|
|
+ <template #header>
|
|
|
+ <div class="w-32">
|
|
|
+ <el-select v-model="searchForm.meterPeriodId" placeholder="选择调差期" filterable clearable block>
|
|
|
+ <el-option label="第一期" value="1" />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="ml-3 w-40">
|
|
|
+ <el-date-picker v-model="searchForm.key3" class="block" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD" placeholder="调差时间" />
|
|
|
+ </div>
|
|
|
+ <el-button class="ml-3" type="primary" @click="searchClick">
|
|
|
+ <hc-icon name="search" />
|
|
|
+ <span>搜索</span>
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
<template #extra>
|
|
|
<el-button hc-btn type="primary" @click="addFormModal">
|
|
|
<hc-icon name="add" />
|
|
@@ -19,6 +33,9 @@
|
|
|
<el-link type="danger" @click="rowDelClick(row)">删除</el-link>
|
|
|
</template>
|
|
|
</hc-table>
|
|
|
+ <template #action>
|
|
|
+ <hc-pages :pages="searchForm" @change="pageChange" />
|
|
|
+ </template>
|
|
|
<!-- 新增/编辑 -->
|
|
|
<HcdataModal v-model="isFormModal" :ids="rowId" @finish="dataModalFinish" />
|
|
|
</hc-card>
|
|
@@ -39,9 +56,23 @@ const contractId = ref(store.getContractId)
|
|
|
|
|
|
//渲染完成
|
|
|
onActivated(() => {
|
|
|
- //getTableData()
|
|
|
+ getTableData()
|
|
|
})
|
|
|
|
|
|
+//搜索表单
|
|
|
+const searchForm = ref({ current: 1, size: 20, total: 0 })
|
|
|
+const searchClick = () => {
|
|
|
+ searchForm.value.current = 1
|
|
|
+ getTableData()
|
|
|
+}
|
|
|
+
|
|
|
+//分页
|
|
|
+const pageChange = ({ current, size }) => {
|
|
|
+ searchForm.value.current = current
|
|
|
+ searchForm.value.size = size
|
|
|
+ getTableData()
|
|
|
+}
|
|
|
+
|
|
|
//表格
|
|
|
const tableColumn = [
|
|
|
{ key: 'key1', name: '调差期', width: 100, align: 'center' },
|