feat(views): 新增创新创业收入情况和公租房收入情况页面- 添加了创新创业收入情况页面 (cxcy/srqk.vue) 和公租房收入情况页面 (temp.vue)

- 实现了数据新增、查询、修改、删除以及 Excel 导入导出功能
- 使用了 TypeScript 定义接口和函数
- 集成了 Element Plus 组件库

src/views/cxcy/srqk.vue

@@ -0,0 +1,193 @@
+<script setup lang="ts">
+
+import { onMounted } from 'vue'
+import { clientDownloadExcel, clientGet, clientPost } from '@/utils/request.ts'
+import { ElLoading, ElMessage } from 'element-plus'
+
+interface Property {
+  id: string; // 主键
+  receiptNumber: string; // 收据号（必填）
+  building?: string; // 楼栋
+  roomNumber?: string; // 房号
+  collectionTime?: Date; // 收取时间
+  rent?: number; // 房租
+  deposit?: number; // 押金
+  waterFee?: number; // 水费
+  electricityFee?: number; // 电费
+  propertyManagementFee?: number; // 物业管理费
+  rentPeriod?: string; // 租金收取时段
+  handler?: string; // 经手人
+  remarks?: string; // 备注
+  createTime?: Date; // 创建时间
+  createBy?: string; // 创建人
+  updateTime?: Date; // 修改时间
+  updateBy?: string; // 修改人
+}
+
+interface PropertyOneResponse extends BaseResponse{
+  data: Property;
+}
+
+interface PropertyListResponse extends BaseResponse{
+  data: PageType<Property>;
+}
+
+interface AddProperty {
+  receiptNumber: string; // 收据号（必填）
+  building?: string; // 楼栋
+  roomNumber?: string; // 房号
+  collectionTime?: Date; // 收取时间
+  rent?: number; // 房租
+  deposit?: number; // 押金
+  waterFee?: number; // 水费
+  electricityFee?: number; // 电费
+  propertyManagementFee?: number; // 物业管理费
+  rentPeriod?: string; // 租金收取时段
+  handler?: string; // 经手人
+  remarks?: string; // 备注
+}
+
+interface UpdateProperty {
+  id?: string;
+  receiptNumber?: string; // 收据号
+  building?: string; // 楼栋
+  roomNumber?: string; // 房号
+  collectionTime?: Date; // 收取时间
+  rent?: number; // 房租
+  deposit?: number; // 押金
+  waterFee?: number; // 水费
+  electricityFee?: number; // 电费
+  propertyManagementFee?: number; // 物业管理费
+  rentPeriod?: string; // 租金收取时段
+  handler?: string; // 经手人
+  remarks?: string; // 备注
+}
+
+
+
+
+//新增
+const add = async (data:AddProperty) =>{
+  const res = await clientPost<AddProperty,BaseResponse>('/ainnovation/save',{
+    ...data
+  })
+
+  if(res.code !== 200){
+    ElMessage.error(res.msg);
+    return;
+  }
+
+  ElMessage.success(res.msg);
+}
+
+//根据id获取数据
+const getById = async (id:string) =>{
+  const res = await clientGet<null,PropertyOneResponse>('/ainnovation/getById/'+id);
+  if(res.code !== 200){
+    ElMessage.error(res.msg);
+    return;
+  }
+  console.log(res.data);
+}
+
+//分页获取数据
+const getList = async () =>{
+  const res = await clientGet<{
+    pageNum: number;
+    pageSize: number;
+    receiptNumber?: string;
+    roomNumber?: string;
+    building?: string;
+  },PropertyListResponse>('/ainnovation/findByPage',{
+    params:{
+      pageNum: 1,
+      pageSize: 10,
+      building:'',//这是模糊搜索的值(如果没有值就不要传个空的过去)
+      roomNumber:'',//这是模糊搜索的值(如果没有值就不要传个空的过去)
+      receiptNumber:''//这是模糊搜索的值(如果没有值就不要传个空的过去)
+    }
+  });
+
+  if(res.code !== 200){
+    ElMessage.error(res.msg);
+    return;
+  }
+  console.log(res.data);
+}
+
+//批量删除
+const delBatch = async (ids: string[]) => {
+  const res = await clientPost<string, BaseResponse>('/ainnovation/deleteBatch', JSON.stringify(ids));
+  if (res.code !== 200) {
+    ElMessage.error(res.msg)
+    return
+  }
+  ElMessage.success(res.msg)
+}
+
+//修改
+const update = async (updateId:string,data:UpdateProperty) =>{
+  const res = await clientPost<UpdateProperty,BaseResponse>('/ainnovation/update',{
+    ...data,
+    id:updateId
+  })
+  if(res.code !== 200){
+    ElMessage.error(res.msg);
+    return;
+  }
+  ElMessage.success(res.msg);
+}
+
+//导出为excel
+const exportExcel = async () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '导出中，请稍候...',
+    background: 'rgba(0, 0, 0, 0.1)',
+    fullscreen: true,
+  })
+
+  try {
+    await clientDownloadExcel('/ainnovation/exportData', {
+      params: {
+        roomNumber: '',//这是模糊搜索的值(如果没有值就不要传个空的过去)
+        building: '',//这是模糊搜索的值(如果没有值就不要传个空的过去)
+        receiptNumber: '',//这是模糊搜索的值(如果没有值就不要传个空的过去)
+      },
+    })
+  } catch (error) {
+    console.error('导出失败:', error)
+    ElMessage.error('导出失败')
+  } finally {
+    loading.close()
+  }
+}
+
+//excel导入
+const importExcel = async (file: File) => {
+  const res = await clientPost<{file: File},BaseResponse>('/ainnovation/importData',{
+    file
+  })
+  if(res.code !== 200){
+    ElMessage.error(res.msg);
+    return;
+  }
+  ElMessage.success(res.msg);
+}
+
+
+
+
+
+const init = () => {
+}
+
+onMounted(()=>{
+  init();
+})
+
+</script>
+
+<template>
+  <div>创新创业收入情况信息</div>
+</template>

src/views/temp.vue

@@ -0,0 +1,193 @@
+<script setup lang="ts">
+
+import { onMounted } from 'vue'
+import { clientDownloadExcel, clientGet, clientPost } from '@/utils/request.ts'
+import { ElLoading, ElMessage } from 'element-plus'
+
+interface Property {
+  id: string; // 主键
+  receiptNumber?: string; // 收据号
+  building?: string; // 楼栋
+  roomNumber?: string; // 房号
+  collectionTime?: Date; // 收取时间
+  rent?: number; // 房租
+  deposit?: number; // 押金
+  waterFee?: number; // 水费
+  electricityFee?: number; // 电费
+  propertyManagementFee?: number; // 物业管理费
+  rentPeriod?: string; // 租金收取时段
+  handler?: string; // 经手人
+  remarks?: string; // 备注
+  createTime?: Date; // 创建时间
+  createBy?: string; // 创建人
+  updateTime?: Date; // 修改时间
+  updateBy?: string; // 修改人
+}
+
+interface PropertyOneResponse extends BaseResponse{
+  data: Property;
+}
+
+interface PropertyListResponse extends BaseResponse{
+  data: PageType<Property>;
+}
+
+interface AddProperty {
+  receiptNumber?: string; // 收据号
+  building?: string; // 楼栋
+  roomNumber?: string; // 房号
+  collectionTime?: Date; // 收取时间
+  rent?: number; // 房租
+  deposit?: number; // 押金
+  waterFee?: number; // 水费
+  electricityFee?: number; // 电费
+  propertyManagementFee?: number; // 物业管理费
+  rentPeriod?: string; // 租金收取时段
+  handler?: string; // 经手人
+  remarks?: string; // 备注
+}
+
+interface UpdateProperty {
+  id?: string;
+  receiptNumber?: string; // 收据号
+  building?: string; // 楼栋
+  roomNumber?: string; // 房号
+  collectionTime?: Date; // 收取时间
+  rent?: number; // 房租
+  deposit?: number; // 押金
+  waterFee?: number; // 水费
+  electricityFee?: number; // 电费
+  propertyManagementFee?: number; // 物业管理费
+  rentPeriod?: string; // 租金收取时段
+  handler?: string; // 经手人
+  remarks?: string; // 备注
+}
+
+
+
+
+//新增
+const add = async (data:AddProperty) =>{
+  const res = await clientPost<AddProperty,BaseResponse>('/apublicRentalHousing/save',{
+    ...data
+  })
+
+  if(res.code !== 200){
+    ElMessage.error(res.msg);
+    return;
+  }
+
+  ElMessage.success(res.msg);
+}
+
+//根据id获取数据
+const getById = async (id:string) =>{
+  const res = await clientGet<null,PropertyOneResponse>('/apublicRentalHousing/getById/'+id);
+  if(res.code !== 200){
+    ElMessage.error(res.msg);
+    return;
+  }
+  console.log(res.data);
+}
+
+//分页获取数据
+const getList = async () =>{
+  const res = await clientGet<{
+    pageNum: number;
+    pageSize: number;
+    receiptNumber?: string;
+    roomNumber?: string;
+    building?: string;
+  },PropertyListResponse>('/apublicRentalHousing/findByPage',{
+    params:{
+      pageNum: 1,
+      pageSize: 10,
+      building:'',//这是模糊搜索的值(如果没有值就不要传个空的过去)
+      roomNumber:'',//这是模糊搜索的值(如果没有值就不要传个空的过去)
+      receiptNumber:''//这是模糊搜索的值(如果没有值就不要传个空的过去)
+    }
+  });
+
+  if(res.code !== 200){
+    ElMessage.error(res.msg);
+    return;
+  }
+  console.log(res.data);
+}
+
+//批量删除
+const delBatch = async (ids: string[]) => {
+  const res = await clientPost<string, BaseResponse>('/apublicRentalHousing/deleteBatch', JSON.stringify(ids));
+  if (res.code !== 200) {
+    ElMessage.error(res.msg)
+    return
+  }
+  ElMessage.success(res.msg)
+}
+
+//修改
+const update = async (updateId:string,data:UpdateProperty) =>{
+  const res = await clientPost<UpdateProperty,BaseResponse>('/apublicRentalHousing/update',{
+    ...data,
+    id:updateId
+  })
+  if(res.code !== 200){
+    ElMessage.error(res.msg);
+    return;
+  }
+  ElMessage.success(res.msg);
+}
+
+//导出为excel
+const exportExcel = async () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '导出中，请稍候...',
+    background: 'rgba(0, 0, 0, 0.1)',
+    fullscreen: true,
+  })
+
+  try {
+    await clientDownloadExcel('/apublicRentalHousing/exportData', {
+      params: {
+        roomNumber: '',//这是模糊搜索的值(如果没有值就不要传个空的过去)
+        building: '',//这是模糊搜索的值(如果没有值就不要传个空的过去)
+        receiptNumber: '',//这是模糊搜索的值(如果没有值就不要传个空的过去)
+      },
+    })
+  } catch (error) {
+    console.error('导出失败:', error)
+    ElMessage.error('导出失败')
+  } finally {
+    loading.close()
+  }
+}
+
+//excel导入
+const importExcel = async (file: File) => {
+  const res = await clientPost<{file: File},BaseResponse>('/apublicRentalHousing/importData',{
+    file
+  })
+  if(res.code !== 200){
+    ElMessage.error(res.msg);
+    return;
+  }
+  ElMessage.success(res.msg);
+}
+
+
+
+
+
+const init = () => {
+}
+
+onMounted(()=>{
+  init();
+})
+
+</script>
+
+<template>
+  <div>公租房收入情况信息</div>
+</template>