From c594eef54b6a7ae813ac3aede5ff6207d60b92e7 Mon Sep 17 00:00:00 2001
From: pyt <626651354@qq.com>
Date: 星期四, 20 三月 2025 14:35:03 +0800
Subject: [PATCH] Merge branch 'main' of http://120.76.84.145:10101/gitblit/r/H5/chongzhouResettle
---
src/views/placement-batch/index.vue | 243 ++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 230 insertions(+), 13 deletions(-)
diff --git a/src/views/placement-batch/index.vue b/src/views/placement-batch/index.vue
index 11eae69..d213d5d 100644
--- a/src/views/placement-batch/index.vue
+++ b/src/views/placement-batch/index.vue
@@ -1,20 +1,237 @@
<template>
- <div>111</div>
+ <div class="app-container">
+ <!-- 搜索区域 -->
+ <div class="filter-container">
+ <el-form :inline="true" :model="queryParams" class="demo-form-inline">
+ <el-form-item label="批次号">
+ <el-input v-model="queryParams.batchNo" size="small" placeholder="请输入" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="状态">
+ <el-input v-model="queryParams.status" size="small" placeholder="请输入" clearable></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" size="small" @click="handleQuery">查询</el-button>
+ <el-button type="primary" size="small" @click="handleAdd">添加</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+
+ <!-- 功能按钮区域 -->
+ <div class="button-container">
+ <el-button type="primary" size="small" @click="handleImportAll" >新增资金批次</el-button>
+ <el-button type="success" size="small" @click="handleExportTemplate">下载资金导入模版</el-button>
+ <el-button type="success" size="small" @click="handleImportTemplate">下载购房信息表导入模版</el-button>
+ </div>
+
+ <!-- 表格区域 -->
+ <el-table
+ v-loading="loading"
+ :data="tableData"
+ border
+ style="width: 100%"
+ >
+ <el-table-column
+ type="index"
+ label="序号"
+ width="50"
+ align="center"
+ />
+ <el-table-column
+ prop="batchNo"
+ label="批次号"
+ align="center"
+ />
+ <el-table-column
+ prop="totalCount"
+ label="申请总户数"
+ align="center"
+ />
+ <el-table-column
+ prop="approvedCount"
+ label="申请总人数"
+ align="center"
+ />
+ <el-table-column
+ prop="compensationAmount"
+ width="120"
+ label="补偿资金总额（万元）"
+ align="center"
+ />
+ <el-table-column
+ prop="compensationArea"
+ label="25%建筑面积"
+ align="center"
+ />
+ <el-table-column
+ prop="temporaryAmount"
+ label="临时安置补助金额"
+ align="center"
+ />
+ <el-table-column
+ prop="temporaryPeriod"
+ label="过渡期限"
+ align="center"
+ />
+ <el-table-column
+ prop="totalArea"
+ label="总建筑面积"
+ align="center"
+ />
+ <el-table-column
+ prop="secondArea"
+ label="二手房面积"
+ align="center"
+ />
+ <el-table-column
+ prop="newArea"
+ label="新建住房面积"
+ align="center"
+ />
+ <el-table-column
+ prop="status"
+ label="状态"
+ align="center"
+ />
+ <el-table-column
+ label="操作"
+ align="center"
+ width="200"
+ >
+ <template slot-scope="scope">
+ <el-button
+ size="mini"
+ type="text"
+ @click="handleView(scope.row)"
+ >申请详情</el-button>
+ <el-button
+ size="mini"
+ type="text"
+ @click="handleEdit(scope.row)"
+ >编辑</el-button>
+ <el-button
+ size="mini"
+ type="text"
+ @click="handleDelete(scope.row)"
+ >删除</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <!-- 分页区域 -->
+ <pagination
+ v-show="total>0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ />
+
+ <export-money-applay :visible.sync="dialogVisible" />
+ </div>
</template>
<script>
+import ExportMoneyApplay from './components/exportMoneyApplay.vue'
+
export default {
- name: "RelocatablePersonnel",
- components: {},
- props: {},
- data() {
- return {};
+ name: 'PlacementBatch',
+ components: {
+ ExportMoneyApplay
+ },
+ data() {
+ return {
+ // 遮罩层
+ loading: false,
+ // 弹窗
+ dialogVisible:false,
+ // 总条数
+ total: 0,
+ // 表格数据
+ tableData: [],
+ // 查询参数
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ batchNo: undefined,
+ status: undefined
+ },
+ dialogVisible: false
+ }
+ },
+ created() {
+ this.getList()
+ },
+ methods: {
+ /** 查询列表 */
+ getList() {
+ this.loading = true
+ // TODO: 调用接口获取数据
+ setTimeout(() => {
+ this.tableData = [
+ {
+ batchNo: '第202501批次',
+ totalCount: '222',
+ approvedCount: '222',
+ compensationAmount: '',
+ compensationArea: '',
+ temporaryAmount: '',
+ temporaryPeriod: '',
+ totalArea: '828',
+ secondArea: '',
+ newArea: '',
+ status: '申请详情'
+ }
+ ]
+ this.total = 4
+ this.loading = false
+ }, 1000)
},
- computed: {},
- watch: {},
- created() { },
- mounted() { },
- methods: {},
-};
+ /** 搜索按钮操作 */
+ handleQuery() {
+ this.queryParams.pageNum = 1
+ this.getList()
+ },
+ /** 新增按钮操作 */
+ handleAdd() {
+ // TODO: 实现新增逻辑
+ },
+ /** 导入资金批次 */
+ handleImportAll() {
+ // TODO: 实现导出逻辑
+ this.dialogVisible = true
+ },
+ /** 下载模板 */
+ handleExportTemplate() {
+ // TODO: 实现下载模板逻辑
+ },
+ /** 下载临时安置模板 */
+ handleImportTemplate() {
+ // TODO: 实现下载临时安置模板逻辑
+ },
+ /** 查看详情按钮操作 */
+ handleView(row) {
+ // TODO: 实现查看详情逻辑
+ },
+ /** 编辑按钮操作 */
+ handleEdit(row) {
+ // TODO: 实现编辑逻辑
+ },
+ /** 删除按钮操作 */
+ handleDelete(row) {
+ // TODO: 实现删除逻辑
+ }
+ }
+}
</script>
-<style scoped></style>
\ No newline at end of file
+
+<style scoped>
+.app-container {
+ padding: 20px;
+}
+.filter-container {
+ margin-bottom: 20px;
+}
+.button-container {
+ margin-bottom: 20px;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.7.1