|
|
@@ -1,13 +1,63 @@
|
|
|
<template>
|
|
|
- <hc-card title="合同段计量支付汇总">
|
|
|
- 开发中...
|
|
|
+ <hc-card>
|
|
|
+ <template #header>
|
|
|
+ <el-date-picker v-model="searchForm.key2" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" />
|
|
|
+ </template>
|
|
|
+ <template #extra>
|
|
|
+ <el-button hc-btn type="primary">
|
|
|
+ <HcIcon name="download" />
|
|
|
+ <span>导出</span>
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ <div class="hc-table-ref-box no-border">
|
|
|
+ <el-table class="w-full" :data="tableData" row-key="id" height="100%" highlight-current-row border>
|
|
|
+ <el-table-column prop="key1" label="合同段" />
|
|
|
+ <el-table-column label="合同金额" align="center">
|
|
|
+ <el-table-column prop="key2" label="合同金额" />
|
|
|
+ <el-table-column prop="key3" label="变更金额" />
|
|
|
+ <el-table-column prop="key4" label="变更后金额" />
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="key1" label="累计计量金额" />
|
|
|
+ <el-table-column prop="key1" label="完成比例(%)" />
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <template #action>
|
|
|
+ <hc-pages :pages="searchForm" @change="pageChange" />
|
|
|
+ </template>
|
|
|
</hc-card>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
+import { onMounted, ref } from 'vue'
|
|
|
defineOptions({
|
|
|
name: 'DebitPayLedgersCollect',
|
|
|
})
|
|
|
+
|
|
|
+//渲染完成
|
|
|
+onMounted(() => {
|
|
|
+
|
|
|
+})
|
|
|
+
|
|
|
+//搜索表单
|
|
|
+const searchForm = ref({
|
|
|
+ current: 1, size: 10, total: 0,
|
|
|
+})
|
|
|
+
|
|
|
+//分页
|
|
|
+const pageChange = ({ current, size }) => {
|
|
|
+ searchForm.value.current = current
|
|
|
+ searchForm.value.size = size
|
|
|
+}
|
|
|
+
|
|
|
+const tableData = ref([
|
|
|
+ {
|
|
|
+ id: 1,
|
|
|
+ key1: '2016',
|
|
|
+ key2: '名称名称名称',
|
|
|
+ key3: '总额',
|
|
|
+ hasChildren: true,
|
|
|
+ },
|
|
|
+])
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
