Commit 396a7fd53121bed6b8dafbea1bdd8617e4d0c9f9

Authored by 杨泽宇
1 parent 4d5b2d63

static page

Showing 1 changed file with 38 additions and 27 deletions
src/views/fee/index.vue
@@ -7,10 +7,10 @@ import { @@ -7,10 +7,10 @@ import {
7 propertyFeeShift, 7 propertyFeeShift,
8 propertyFeeSure, 8 propertyFeeSure,
9 } from "@/api/fee"; 9 } from "@/api/fee";
10 -import { parseTime, back } from "@/utils/tool"; 10 +import { parseTime } from "@/utils/tool";
11 import Pagination from "@/components/Pagination/index.vue"; 11 import Pagination from "@/components/Pagination/index.vue";
12 import { statusData, payData, payStatus } from "./config"; 12 import { statusData, payData, payStatus } from "./config";
13 -import { ElMessageBox } from "element-plus"; 13 +import { ElMessageBox, ElMessage } from "element-plus";
14 import type { ElTable } from "element-plus"; 14 import type { ElTable } from "element-plus";
15 interface Form { 15 interface Form {
16 page: number; 16 page: number;
@@ -96,25 +96,26 @@ const handleDelete = (obj: any) => { @@ -96,25 +96,26 @@ const handleDelete = (obj: any) => {
96 type: "warning", 96 type: "warning",
97 }) 97 })
98 .then(async () => { 98 .then(async () => {
99 - try {  
100 - let res = await propertyFeeDelete({  
101 - ids: obj.id,  
102 - });  
103 - if (res?.data) {  
104 - ElMessage({  
105 - type: "success",  
106 - message: "操作成功",  
107 - });  
108 - getList();  
109 - } else {  
110 - ElMessage({  
111 - type: "error",  
112 - message: "操作失败",  
113 - });  
114 - }  
115 - } catch (e) {  
116 - console.log(e);  
117 - } 99 + console.log("post delete");
  100 + // try {
  101 + // let res = await propertyFeeDelete({
  102 + // ids: obj.id,
  103 + // });
  104 + // if (res?.data) {
  105 + // ElMessage({
  106 + // type: "success",
  107 + // message: "操作成功",
  108 + // });
  109 + // getList();
  110 + // } else {
  111 + // ElMessage({
  112 + // type: "error",
  113 + // message: "操作失败",
  114 + // });
  115 + // }
  116 + // } catch (e) {
  117 + // console.log(e);
  118 + // }
118 }) 119 })
119 .catch(() => { 120 .catch(() => {
120 console.log("取消"); 121 console.log("取消");
@@ -225,10 +226,17 @@ const shiftPayment = (obj: any) => { @@ -225,10 +226,17 @@ const shiftPayment = (obj: any) => {
225 }); 226 });
226 }; 227 };
227 /** 228 /**
  229 + * 关闭表单蒙版
  230 + */
  231 +const handleClose = () => {
  232 + form.data = {};
  233 +};
  234 +/**
228 * 编辑 235 * 编辑
229 */ 236 */
230 const edit = (obj: any) => { 237 const edit = (obj: any) => {
231 console.log("编辑"); 238 console.log("编辑");
  239 + form.data = obj;
232 form.visible = true; 240 form.visible = true;
233 }; 241 };
234 /** 242 /**
@@ -420,7 +428,7 @@ onMounted(() => { @@ -420,7 +428,7 @@ onMounted(() => {
420 ></el-table-column> 428 ></el-table-column>
421 <el-table-column 429 <el-table-column
422 prop="id" 430 prop="id"
423 - label="房屋面积" 431 + label="房屋面积(㎡)"
424 align="center" 432 align="center"
425 ></el-table-column> 433 ></el-table-column>
426 <el-table-column 434 <el-table-column
@@ -430,7 +438,7 @@ onMounted(() =&gt; { @@ -430,7 +438,7 @@ onMounted(() =&gt; {
430 ></el-table-column> 438 ></el-table-column>
431 <el-table-column 439 <el-table-column
432 prop="id" 440 prop="id"
433 - label="代缴金额" 441 + label="待缴金额(¥)"
434 align="center" 442 align="center"
435 ></el-table-column> 443 ></el-table-column>
436 <el-table-column 444 <el-table-column
@@ -476,7 +484,7 @@ onMounted(() =&gt; { @@ -476,7 +484,7 @@ onMounted(() =&gt; {
476 v-model:pageSize="data.params.query.pageSize" 484 v-model:pageSize="data.params.query.pageSize"
477 @pageChange="getList" 485 @pageChange="getList"
478 ></Pagination> 486 ></Pagination>
479 - <el-dialog v-model="form.visible" title="编辑"> 487 + <el-dialog v-model="form.visible" title="编辑" @close="handleClose">
480 <el-form 488 <el-form
481 :model="form.data" 489 :model="form.data"
482 :inline="true" 490 :inline="true"
@@ -498,7 +506,9 @@ onMounted(() =&gt; { @@ -498,7 +506,9 @@ onMounted(() =&gt; {
498 <el-input v-model="form.data.unit" disabled /> 506 <el-input v-model="form.data.unit" disabled />
499 </el-form-item> 507 </el-form-item>
500 <el-form-item label="面积"> 508 <el-form-item label="面积">
501 - <el-input v-model="form.data.area" disabled /> 509 + <el-input v-model="form.data.area" disabled>
  510 + <template #append>㎡</template>
  511 + </el-input>
502 </el-form-item> 512 </el-form-item>
503 <el-form-item label="缴费状态"> 513 <el-form-item label="缴费状态">
504 <el-select 514 <el-select
@@ -526,7 +536,9 @@ onMounted(() =&gt; { @@ -526,7 +536,9 @@ onMounted(() =&gt; {
526 </el-date-picker> 536 </el-date-picker>
527 </el-form-item> 537 </el-form-item>
528 <el-form-item label="待缴金额"> 538 <el-form-item label="待缴金额">
529 - <el-input v-model="form.data.price" placeholder="待缴金额"></el-input> 539 + <el-input v-model="form.data.price" placeholder="待缴金额">
  540 + <template #append>元</template>
  541 + </el-input>
530 </el-form-item> 542 </el-form-item>
531 <el-form-item label="缴费日期"> 543 <el-form-item label="缴费日期">
532 <el-input 544 <el-input
@@ -542,7 +554,6 @@ onMounted(() =&gt; { @@ -542,7 +554,6 @@ onMounted(() =&gt; {
542 >保存</el-button 554 >保存</el-button
543 > 555 >
544 <el-button type="info" @click="handleCancel">取消</el-button> 556 <el-button type="info" @click="handleCancel">取消</el-button>
545 - <el-button type="info" @click="back">返回</el-button>  
546 </span> 557 </span>
547 </template> 558 </template>
548 </el-dialog> 559 </el-dialog>