Merge branch 'main' of http://120.76.84.145:10101/gitblit/r/H5/chongzhouRes...

董国庆

2025-03-20 a6d7859117c84b6b4a7e453152a09d06f33c5270

Merge branch 'main' of http://120.76.84.145:10101/gitblit/r/H5/chongzhouResettle

 src/api/compensation-standard.js

@@ -8,12 +8,11 @@
  })
}

// 补偿标准修改(批量修改)
export function edit(data) {
// 下载安置批次模版
export function downloadTemplate(type) {
  return request({
    url: '/compensate/edit',
    url: `/api/placement-batch/download-template/${type}`,
    method: 'post',
    data
  })
}


 src/api/placement-details.js

New file
@@ -0,0 +1,20 @@
import request from '@/utils/request'

// 安置批次列表
export function getPlacementBatchList(data) {
  return request({
    url: '/placement-batch/page',
    method: 'post',
    data
  })
}

// 补偿标准修改(批量修改)
export function edit(data) {
  return request({
    url: '/compensate/edit',
    method: 'post',
    data
  })
}


 src/views/placement-batch/index.vue

@@ -4,10 +4,14 @@
    <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-input v-model="queryParams.batchNumber" 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-select v-model="queryParams.status" placeholder="请选择" clearable>
            <el-option label="待审核" value="0"></el-option>
            <el-option label="已通过" value="1"></el-option>
            <el-option label="已驳回" value="2"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" size="small" @click="handleQuery">查询</el-button>
@@ -24,119 +28,58 @@
    </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"
      >
    <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="batchNumber" label="批次号" align="center" />
      <el-table-column prop="householdsNum" label="申请总户数" align="center" />
      <el-table-column prop="personNum" label="申请总人数" align="center" />
      <el-table-column prop="totalAmount" width="120" label="补偿资金总额（万元）" align="center" />
      <el-table-column prop="downPaymentAmount" label="25%首付款（万元）" align="center" />
      <el-table-column prop="quarterPayAmount" label="每季度需支付款项（万元）" align="center" />
      <el-table-column prop="subsidyAmount" label="过渡补贴（万元）" align="center" />
      <el-table-column prop="businessArea" label="新建商品房（㎡）" align="center" />
      <el-table-column prop="oldArea" label="二手住房（㎡）" align="center" />
      <el-table-column prop="newArea" label="新建商业用房（㎡）" align="center" />
      <el-table-column prop="parkingArea" label="新建停车位（个）" align="center" />
      <el-table-column prop="status" label="状态" align="center">
        <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>
          <el-tag v-if="scope.row.status == '0'" type="warning">待审核</el-tag>
          <el-tag v-if="scope.row.status == '1'" type="success">已通过</el-tag>
          <el-tag v-if="scope.row.status == '2'" type="danger">已驳回</el-tag>
        </template>
      </el-table-column>
      <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="handleView(scope.row)">查看</el-button>
          <el-button size="mini" type="text" @click="handleApproval(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"
    />
    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
      @pagination="getList" />

    <export-money-applay :visible.sync="dialogVisible" />
    <approval-dialog :visible.sync="approvalDialogVisible" />
  </div>
</template>

<script>
import ExportMoneyApplay from './components/exportMoneyApplay.vue'
import ApprovalDialog from './components/ApprovalDialog.vue'
import {
  getPlacementBatchList,
  downloadTemplate
} from '@/api/placement-details'

export default {
  name: 'PlacementBatch',
  components: {
    ExportMoneyApplay
    ExportMoneyApplay,
    ApprovalDialog
  },
  data() {
    return {
@@ -165,26 +108,12 @@
    /** 查询列表 */
    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
      getPlacementBatchList(this.queryParams).then(res => {
        this.tableData = res.data.records || []
        this.total = res.data.total
        this.loading = false
      }, 1000)

      })
    },
    /** 搜索按钮操作 */
    handleQuery() {
@@ -203,6 +132,11 @@
    /** 下载模板 */
    handleExportTemplate() {
      // TODO: 实现下载模板逻辑
      downloadTemplate(3).then(res => {
        window.open(res.data)
      })


    },
    /** 下载临时安置模板 */
    handleImportTemplate() {
@@ -212,8 +146,8 @@
    handleView(row) {
      // TODO: 实现查看详情逻辑
    },
    /** 编辑按钮操作 */
    handleEdit(row) {
    /** 审核按钮操作 */
    handleApproval(row) {
      // TODO: 实现编辑逻辑
    },
    /** 删除按钮操作 */
@@ -228,9 +162,11 @@
.app-container {
  padding: 20px;
}

.filter-container {
  margin-bottom: 20px;
}

.button-container {
  margin-bottom: 20px;
}