Commit 396a7fd53121bed6b8dafbea1bdd8617e4d0c9f9
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 | 7 | propertyFeeShift, |
| 8 | 8 | propertyFeeSure, |
| 9 | 9 | } from "@/api/fee"; |
| 10 | -import { parseTime, back } from "@/utils/tool"; | |
| 10 | +import { parseTime } from "@/utils/tool"; | |
| 11 | 11 | import Pagination from "@/components/Pagination/index.vue"; |
| 12 | 12 | import { statusData, payData, payStatus } from "./config"; |
| 13 | -import { ElMessageBox } from "element-plus"; | |
| 13 | +import { ElMessageBox, ElMessage } from "element-plus"; | |
| 14 | 14 | import type { ElTable } from "element-plus"; |
| 15 | 15 | interface Form { |
| 16 | 16 | page: number; |
| ... | ... | @@ -96,25 +96,26 @@ const handleDelete = (obj: any) => { |
| 96 | 96 | type: "warning", |
| 97 | 97 | }) |
| 98 | 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 | 120 | .catch(() => { |
| 120 | 121 | console.log("取消"); |
| ... | ... | @@ -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 | 237 | const edit = (obj: any) => { |
| 231 | 238 | console.log("编辑"); |
| 239 | + form.data = obj; | |
| 232 | 240 | form.visible = true; |
| 233 | 241 | }; |
| 234 | 242 | /** |
| ... | ... | @@ -420,7 +428,7 @@ onMounted(() => { |
| 420 | 428 | ></el-table-column> |
| 421 | 429 | <el-table-column |
| 422 | 430 | prop="id" |
| 423 | - label="房屋面积" | |
| 431 | + label="房屋面积(㎡)" | |
| 424 | 432 | align="center" |
| 425 | 433 | ></el-table-column> |
| 426 | 434 | <el-table-column |
| ... | ... | @@ -430,7 +438,7 @@ onMounted(() => { |
| 430 | 438 | ></el-table-column> |
| 431 | 439 | <el-table-column |
| 432 | 440 | prop="id" |
| 433 | - label="代缴金额" | |
| 441 | + label="待缴金额(¥)" | |
| 434 | 442 | align="center" |
| 435 | 443 | ></el-table-column> |
| 436 | 444 | <el-table-column |
| ... | ... | @@ -476,7 +484,7 @@ onMounted(() => { |
| 476 | 484 | v-model:pageSize="data.params.query.pageSize" |
| 477 | 485 | @pageChange="getList" |
| 478 | 486 | ></Pagination> |
| 479 | - <el-dialog v-model="form.visible" title="编辑"> | |
| 487 | + <el-dialog v-model="form.visible" title="编辑" @close="handleClose"> | |
| 480 | 488 | <el-form |
| 481 | 489 | :model="form.data" |
| 482 | 490 | :inline="true" |
| ... | ... | @@ -498,7 +506,9 @@ onMounted(() => { |
| 498 | 506 | <el-input v-model="form.data.unit" disabled /> |
| 499 | 507 | </el-form-item> |
| 500 | 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 | 512 | </el-form-item> |
| 503 | 513 | <el-form-item label="缴费状态"> |
| 504 | 514 | <el-select |
| ... | ... | @@ -526,7 +536,9 @@ onMounted(() => { |
| 526 | 536 | </el-date-picker> |
| 527 | 537 | </el-form-item> |
| 528 | 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 | 542 | </el-form-item> |
| 531 | 543 | <el-form-item label="缴费日期"> |
| 532 | 544 | <el-input |
| ... | ... | @@ -542,7 +554,6 @@ onMounted(() => { |
| 542 | 554 | >保存</el-button |
| 543 | 555 | > |
| 544 | 556 | <el-button type="info" @click="handleCancel">取消</el-button> |
| 545 | - <el-button type="info" @click="back">返回</el-button> | |
| 546 | 557 | </span> |
| 547 | 558 | </template> |
| 548 | 559 | </el-dialog> | ... | ... |