|
@@ -1,122 +0,0 @@
|
|
|
-<template>
|
|
|
- <cl-crud ref="Crud">
|
|
|
- <cl-row>
|
|
|
- <!-- 刷新按钮 -->
|
|
|
- <cl-refresh-btn />
|
|
|
- <!-- 新增按钮 -->
|
|
|
- <cl-add-btn />
|
|
|
- <!-- 删除按钮 -->
|
|
|
- <cl-multi-delete-btn />
|
|
|
- <cl-flex1 />
|
|
|
- <!-- 关键字搜索 -->
|
|
|
- <!-- <cl-search-key /> -->
|
|
|
- </cl-row>
|
|
|
-
|
|
|
- <cl-row>
|
|
|
- <!-- 数据表格 -->
|
|
|
- <cl-table ref="Table" />
|
|
|
- </cl-row>
|
|
|
-
|
|
|
- <cl-row>
|
|
|
- <cl-flex1 />
|
|
|
- <!-- 分页控件 -->
|
|
|
- <cl-pagination />
|
|
|
- </cl-row>
|
|
|
-
|
|
|
- <!-- 新增、编辑 -->
|
|
|
- <cl-upsert ref="Upsert" />
|
|
|
- </cl-crud>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script lang="ts" name="dj-bank" setup>
|
|
|
-import { useCrud, useTable, useUpsert } from "@cool-vue/crud";
|
|
|
-import { useCool } from "/@/cool";
|
|
|
-
|
|
|
-const { service } = useCool();
|
|
|
-
|
|
|
-const banks = [
|
|
|
- { label: "工商银行", value: "01010000" },
|
|
|
- { label: "农业银行", value: "01010001" },
|
|
|
- { label: "中国银行", value: "01010002" },
|
|
|
- { label: "建设银行", value: "01010003" },
|
|
|
- { label: "交通银行", value: "01010004" },
|
|
|
- { label: "平安银行", value: "01010005" },
|
|
|
- { label: "中信银行", value: "01010006" },
|
|
|
- { label: "光大银行", value: "01010007" },
|
|
|
- { label: "华夏银行", value: "01010008" },
|
|
|
- { label: "民生银行", value: "01010009" },
|
|
|
- { label: "广发银行", value: "01010010" },
|
|
|
- { label: "招商银行", value: "01010011" },
|
|
|
- { label: "兴业银行", value: "01010012" },
|
|
|
- { label: "浦发银行", value: "01010013" },
|
|
|
- { label: "北京银行", value: "01010014" },
|
|
|
- { label: "天津银行", value: "01010015" },
|
|
|
- { label: "上海银行", value: "01010016" },
|
|
|
- { label: "江苏银行", value: "01010017" },
|
|
|
- { label: "重庆银行", value: "01010018" },
|
|
|
- { label: "大连银行", value: "01010019" },
|
|
|
- { label: "哈尔滨银行", value: "01010020" },
|
|
|
- { label: "南京银行", value: "01010021" },
|
|
|
- { label: "杭州银行", value: "01010022" },
|
|
|
- { label: "宁波银行", value: "01010023" },
|
|
|
- { label: "温州银行", value: "01010024" },
|
|
|
- { label: "恒丰银行", value: "01010025" },
|
|
|
- { label: "浙商银行", value: "01010026" }
|
|
|
-];
|
|
|
-
|
|
|
-// cl-upsert
|
|
|
-const Upsert = useUpsert({
|
|
|
- items: [
|
|
|
- { prop: "accountNo", label: "账户", required: true, component: { name: "el-input" } },
|
|
|
- {
|
|
|
- prop: "bankCode",
|
|
|
- label: "银行",
|
|
|
- component: {
|
|
|
- name: "el-select",
|
|
|
- options: banks
|
|
|
- },
|
|
|
- required: true
|
|
|
- },
|
|
|
- // { prop: "bankName", label: "银行名称", required: true, component: { name: "el-input" } },
|
|
|
- { prop: "accountName", label: "账户名", required: true, component: { name: "el-input" } },
|
|
|
- {
|
|
|
- prop: "remark",
|
|
|
- label: "备注",
|
|
|
- component: { name: "el-input", props: { type: "textarea", rows: 4 } }
|
|
|
- }
|
|
|
- ],
|
|
|
- onSubmit(data, { next }) {
|
|
|
- data.bankName = banks.find((item) => item.value === data.bankCode)?.label;
|
|
|
- next(data);
|
|
|
- }
|
|
|
-});
|
|
|
-
|
|
|
-// cl-table
|
|
|
-const Table = useTable({
|
|
|
- autoHeight: false,
|
|
|
- columns: [
|
|
|
- { type: "selection" },
|
|
|
- { prop: "accountNo", label: "账户" },
|
|
|
- {
|
|
|
- prop: "bankCode",
|
|
|
- label: "银行编码"
|
|
|
- },
|
|
|
- { prop: "bankName", label: "银行名称" },
|
|
|
- { prop: "accountName", label: "账户名" },
|
|
|
- { prop: "remark", label: "备注", showOverflowTooltip: true },
|
|
|
- { prop: "createTime", label: "创建时间", sortable: "desc", width: 160 },
|
|
|
- // { prop: "updateTime", label: "更新时间", sortable: "custom", width: 160 },
|
|
|
- { type: "op", buttons: ["edit", "delete"] }
|
|
|
- ]
|
|
|
-});
|
|
|
-
|
|
|
-// cl-crud
|
|
|
-const Crud = useCrud(
|
|
|
- {
|
|
|
- service: service.dj.bank
|
|
|
- },
|
|
|
- (app) => {
|
|
|
- app.refresh();
|
|
|
- }
|
|
|
-);
|
|
|
-</script>
|