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,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(() => { | @@ -430,7 +438,7 @@ onMounted(() => { | ||
| 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(() => { | @@ -476,7 +484,7 @@ onMounted(() => { | ||
| 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(() => { | @@ -498,7 +506,9 @@ onMounted(() => { | ||
| 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(() => { | @@ -526,7 +536,9 @@ onMounted(() => { | ||
| 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(() => { | @@ -542,7 +554,6 @@ onMounted(() => { | ||
| 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> |