|
|
@@ -0,0 +1,266 @@
|
|
|
+<template>
|
|
|
+ <div class="financing-applications">
|
|
|
+ <!-- 搜索板块 -->
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col style="display:flex" :span="20" :xs="24">
|
|
|
+ <el-form :model="searchCondition" :inline="true">
|
|
|
+ <el-form-item label="放款机构名称" prop="tableName">
|
|
|
+ <el-input
|
|
|
+ style="max-width: 600px"
|
|
|
+ placeholder="请输入业务名称"
|
|
|
+ class="input-with-select"
|
|
|
+ :clearable="true"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="状态" prop="tableName">
|
|
|
+ <el-input
|
|
|
+ style="max-width: 600px"
|
|
|
+ placeholder="请输入业务名称"
|
|
|
+ class="input-with-select"
|
|
|
+ :clearable="true"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+<!-- <el-form-item>-->
|
|
|
+<!-- <el-button type="primary" icon="Search" @click="handleSearch">搜索</el-button>-->
|
|
|
+<!-- <el-button icon="Refresh" @click="handleReset">重置</el-button>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="8" v-for="(application, index) in applications" :key="index">
|
|
|
+ <el-card class="financing-card" shadow="hover">
|
|
|
+ <div class="card-header">
|
|
|
+ <h3>{{ application.enterpriseName }}</h3>
|
|
|
+ <div class="actions">
|
|
|
+ <el-button size="small" type="primary" @click="handleEdit(application)">编辑</el-button>
|
|
|
+ <el-button size="small" type="danger" @click="handleDelete(application)">删除</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="card-content">
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">企业统一社会信用编码:</span>
|
|
|
+ <span class="value">{{ application.unifiedSocialCreditCode }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">企业名称:</span>
|
|
|
+ <span class="value">{{ application.enterpriseName }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">联系人:</span>
|
|
|
+ <span class="value">{{ application.contactPerson }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">联系方式:</span>
|
|
|
+ <span class="value">{{ application.contactMethod }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">放款机构代码:</span>
|
|
|
+ <span class="value">{{ application.lendingInstitutionCode }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">放款机构名称:</span>
|
|
|
+ <span class="value">{{ application.lendingInstitutionName }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">融资需求编码:</span>
|
|
|
+ <span class="value">{{ application.financingDemandCode }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">需求金额:</span>
|
|
|
+ <span class="value">{{ application.requiredAmount }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">实际放款金额:</span>
|
|
|
+ <span class="value">{{ application.actualLendingAmount }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">状态:</span>
|
|
|
+ <el-tag :type="getStatusType(application.status)">
|
|
|
+ {{ formatStatus(application.status) }}
|
|
|
+ </el-tag>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">放款时间:</span>
|
|
|
+ <span class="value">{{ application.lendingTime ? application.lendingTime.toLocaleString() : '-' }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">需求描述:</span>
|
|
|
+ <span class="value">{{ application.demandDescription }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">备注(未放款原因):</span>
|
|
|
+ <span class="value">{{ application.remarkUnlendingReason }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">创建时间:</span>
|
|
|
+ <span class="value">{{ application.createTime ? application.createTime.toLocaleString() : '-' }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-item">
|
|
|
+ <span class="label">更新时间:</span>
|
|
|
+ <span class="value">{{ application.updateTime ? application.updateTime.toLocaleString() : '-' }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout="prev, pager, next"
|
|
|
+ :total="total"
|
|
|
+ :page-size="pageSize"
|
|
|
+ :current-page="currentPage"
|
|
|
+ @current-change="handlePageChange"
|
|
|
+ ></el-pagination>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+import { ref } from 'vue';
|
|
|
+import { ElMessage } from 'element-plus';
|
|
|
+
|
|
|
+// 假数据
|
|
|
+const applications = ref([
|
|
|
+ {
|
|
|
+ id: 1,
|
|
|
+ unifiedSocialCreditCode: '913101011234567890',
|
|
|
+ enterpriseName: '阿里巴巴集团',
|
|
|
+ contactPerson: '张三',
|
|
|
+ contactMethod: '13800138000',
|
|
|
+ lendingInstitutionCode: '001',
|
|
|
+ lendingInstitutionName: '工商银行',
|
|
|
+ financingDemandCode: 'FD001',
|
|
|
+ requiredAmount: 5000000.00,
|
|
|
+ actualLendingAmount: 4500000.00,
|
|
|
+ status: 2,
|
|
|
+ lendingTime: new Date(),
|
|
|
+ demandDescription: '扩大生产规模',
|
|
|
+ remarkUnlendingReason: '',
|
|
|
+ createTime: new Date(),
|
|
|
+ updateTime: new Date()
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 2,
|
|
|
+ unifiedSocialCreditCode: '913101011234567891',
|
|
|
+ enterpriseName: '腾讯公司',
|
|
|
+ contactPerson: '李四',
|
|
|
+ contactMethod: '13900139000',
|
|
|
+ lendingInstitutionCode: '002',
|
|
|
+ lendingInstitutionName: '建设银行',
|
|
|
+ financingDemandCode: 'FD002',
|
|
|
+ requiredAmount: 3000000.00,
|
|
|
+ actualLendingAmount: 2500000.00,
|
|
|
+ status: 3,
|
|
|
+ lendingTime: null,
|
|
|
+ demandDescription: '研发投入',
|
|
|
+ remarkUnlendingReason: '资料不全',
|
|
|
+ createTime: new Date(),
|
|
|
+ updateTime: new Date()
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 3,
|
|
|
+ unifiedSocialCreditCode: '913101011234567892',
|
|
|
+ enterpriseName: '百度公司',
|
|
|
+ contactPerson: '王五',
|
|
|
+ contactMethod: '13700137000',
|
|
|
+ lendingInstitutionCode: '003',
|
|
|
+ lendingInstitutionName: '农业银行',
|
|
|
+ financingDemandCode: 'FD003',
|
|
|
+ requiredAmount: 4000000.00,
|
|
|
+ actualLendingAmount: 3500000.00,
|
|
|
+ status: 2,
|
|
|
+ lendingTime: new Date(),
|
|
|
+ demandDescription: '市场拓展',
|
|
|
+ remarkUnlendingReason: '',
|
|
|
+ createTime: new Date(),
|
|
|
+ updateTime: new Date()
|
|
|
+ }
|
|
|
+]);
|
|
|
+
|
|
|
+const total = ref(applications.value.length);
|
|
|
+const pageSize = ref(10);
|
|
|
+const currentPage = ref(1);
|
|
|
+
|
|
|
+const handleEdit = (application) => {
|
|
|
+ console.log('Editing application:', application);
|
|
|
+ // 这里可以添加编辑逻辑
|
|
|
+};
|
|
|
+
|
|
|
+const handleDelete = (application) => {
|
|
|
+ console.log('Deleting application:', application);
|
|
|
+ // 这里可以添加删除逻辑
|
|
|
+};
|
|
|
+
|
|
|
+const handlePageChange = (newPage) => {
|
|
|
+ currentPage.value = newPage;
|
|
|
+ // 这里可以添加分页逻辑
|
|
|
+};
|
|
|
+
|
|
|
+const formatStatus = (status) => {
|
|
|
+ switch (status) {
|
|
|
+ case 0:
|
|
|
+ return '待发布';
|
|
|
+ case 1:
|
|
|
+ return '待审核';
|
|
|
+ case 2:
|
|
|
+ return '已放款';
|
|
|
+ case 3:
|
|
|
+ return '未放款';
|
|
|
+ case 4:
|
|
|
+ return '已撤销';
|
|
|
+ default:
|
|
|
+ return '未知状态';
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
+const getStatusType = (status) => {
|
|
|
+ switch (status) {
|
|
|
+ case 0:
|
|
|
+ return 'warning';
|
|
|
+ case 1:
|
|
|
+ return 'warning';
|
|
|
+ case 2:
|
|
|
+ return 'success';
|
|
|
+ case 3:
|
|
|
+ return 'danger';
|
|
|
+ case 4:
|
|
|
+ return 'info';
|
|
|
+ default:
|
|
|
+ return 'default';
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+.financing-applications {
|
|
|
+ margin: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.financing-card {
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.card-header {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.card-item {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.label {
|
|
|
+ font-weight: bold;
|
|
|
+ width: 30%;
|
|
|
+}
|
|
|
+
|
|
|
+.value {
|
|
|
+ width: 70%;
|
|
|
+}
|
|
|
+</style>
|