mirror of
https://github.com/certd/certd.git
synced 2026-05-19 07:37:36 +08:00
🔱: [client] sync upgrade with 21 commits [trident-sync]
Update README.md
This commit is contained in:
xiaojunnuo
@@ -0,0 +1,42 @@
|
||||
import { requestForMock } from "/src/api/service";
|
||||
const request = requestForMock;
|
||||
const apiPrefix = "/mock/AdvancedBigData";
|
||||
export function GetList(query) {
|
||||
return request({
|
||||
url: apiPrefix + "/page",
|
||||
method: "get",
|
||||
data: query
|
||||
});
|
||||
}
|
||||
|
||||
export function AddObj(obj) {
|
||||
return request({
|
||||
url: apiPrefix + "/add",
|
||||
method: "post",
|
||||
data: obj
|
||||
});
|
||||
}
|
||||
|
||||
export function UpdateObj(obj) {
|
||||
return request({
|
||||
url: apiPrefix + "/update",
|
||||
method: "post",
|
||||
data: obj
|
||||
});
|
||||
}
|
||||
|
||||
export function DelObj(id) {
|
||||
return request({
|
||||
url: apiPrefix + "/delete",
|
||||
method: "post",
|
||||
params: { id }
|
||||
});
|
||||
}
|
||||
|
||||
export function GetObj(id) {
|
||||
return request({
|
||||
url: apiPrefix + "/info",
|
||||
method: "get",
|
||||
params: { id }
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,170 @@
|
||||
import * as api from "./api";
|
||||
import { message } from "ant-design-vue";
|
||||
import { dict } from "@fast-crud/fast-crud";
|
||||
export default function ({ expose }) {
|
||||
const pageRequest = async (query) => {
|
||||
return await api.GetList(query);
|
||||
};
|
||||
const editRequest = async ({ form, row }) => {
|
||||
form.id = row.id;
|
||||
return await api.UpdateObj(form);
|
||||
};
|
||||
const delRequest = async ({ row }) => {
|
||||
return await api.DelObj(row.id);
|
||||
};
|
||||
|
||||
const addRequest = async ({ form }) => {
|
||||
return await api.AddObj(form);
|
||||
};
|
||||
|
||||
return {
|
||||
output: {},
|
||||
crudOptions: {
|
||||
request: {
|
||||
pageRequest,
|
||||
addRequest,
|
||||
editRequest,
|
||||
delRequest
|
||||
},
|
||||
table: {
|
||||
scroll: {
|
||||
//启用横向滚动条，设置一个大于所有列宽之和的值，一般大于表格宽度
|
||||
x: 2400
|
||||
}
|
||||
},
|
||||
pagination: {
|
||||
pageSize: 100
|
||||
},
|
||||
rowHandle: {
|
||||
fixed: "right"
|
||||
},
|
||||
columns: {
|
||||
id: {
|
||||
title: "ID",
|
||||
key: "id",
|
||||
type: "number",
|
||||
column: {
|
||||
width: 50
|
||||
},
|
||||
form: {
|
||||
show: false
|
||||
}
|
||||
},
|
||||
text: {
|
||||
title: "文本",
|
||||
type: "text"
|
||||
},
|
||||
dict1: {
|
||||
title: "字典1",
|
||||
type: "dict-select",
|
||||
dict: dict({
|
||||
url: "/mock/dicts/OpenStatusEnum?from=dict1"
|
||||
})
|
||||
},
|
||||
dict2: {
|
||||
title: "字典2",
|
||||
type: "dict-select",
|
||||
dict: dict({
|
||||
url: "/mock/dicts/OpenStatusEnum?from=dict2"
|
||||
})
|
||||
},
|
||||
dict3: {
|
||||
title: "字典3",
|
||||
type: "dict-select",
|
||||
dict: dict({
|
||||
url: "/mock/dicts/OpenStatusEnum?from=dict3"
|
||||
})
|
||||
},
|
||||
dict4: {
|
||||
title: "字典4",
|
||||
type: "dict-select",
|
||||
dict: dict({
|
||||
url: "/mock/dicts/OpenStatusEnum?from=dict4"
|
||||
})
|
||||
},
|
||||
dict5: {
|
||||
title: "字典5",
|
||||
type: "dict-select",
|
||||
dict: dict({
|
||||
url: "/mock/dicts/OpenStatusEnum?from=dict5"
|
||||
})
|
||||
},
|
||||
dict6: {
|
||||
title: "字典6",
|
||||
type: "dict-select",
|
||||
dict: dict({
|
||||
url: "/mock/dicts/OpenStatusEnum?from=dict6"
|
||||
})
|
||||
},
|
||||
dict7: {
|
||||
title: "字典7",
|
||||
type: "dict-select",
|
||||
dict: dict({
|
||||
url: "/mock/dicts/OpenStatusEnum?from=dict7"
|
||||
})
|
||||
},
|
||||
dict8: {
|
||||
title: "字典8",
|
||||
type: "dict-select",
|
||||
dict: dict({
|
||||
url: "/mock/dicts/OpenStatusEnum?from=dict8"
|
||||
})
|
||||
},
|
||||
dict9: {
|
||||
title: "字典9",
|
||||
type: "dict-select",
|
||||
dict: dict({
|
||||
url: "/mock/dicts/OpenStatusEnum?from=dict9"
|
||||
})
|
||||
},
|
||||
dict10: {
|
||||
title: "字典10",
|
||||
type: "dict-select",
|
||||
dict: dict({
|
||||
url: "/mock/dicts/OpenStatusEnum?from=dict10"
|
||||
})
|
||||
},
|
||||
text1: {
|
||||
title: "文本",
|
||||
type: "text"
|
||||
},
|
||||
text2: {
|
||||
title: "文本",
|
||||
type: "text"
|
||||
},
|
||||
text3: {
|
||||
title: "文本",
|
||||
type: "text"
|
||||
},
|
||||
text4: {
|
||||
title: "文本",
|
||||
type: "text"
|
||||
},
|
||||
text5: {
|
||||
title: "文本",
|
||||
type: "text"
|
||||
},
|
||||
text6: {
|
||||
title: "文本",
|
||||
type: "text"
|
||||
},
|
||||
text7: {
|
||||
title: "文本",
|
||||
type: "text"
|
||||
},
|
||||
text8: {
|
||||
title: "文本",
|
||||
type: "text"
|
||||
},
|
||||
text9: {
|
||||
title: "文本",
|
||||
type: "text"
|
||||
},
|
||||
text10: {
|
||||
title: "文本",
|
||||
type: "text"
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,43 @@
|
||||
<template>
|
||||
<fs-page>
|
||||
<template #header>
|
||||
<div class="title">大量数据</div>
|
||||
</template>
|
||||
<fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
|
||||
</fs-page>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { defineComponent, ref, onMounted } from "vue";
|
||||
import { useCrud, useExpose } from "@fast-crud/fast-crud";
|
||||
import createCrudOptions from "./crud";
|
||||
export default defineComponent({
|
||||
name: "AdvancedBigData",
|
||||
setup() {
|
||||
// crud组件的ref
|
||||
const crudRef = ref();
|
||||
// crud 配置的ref
|
||||
const crudBinding = ref();
|
||||
// 暴露的方法
|
||||
const { expose } = useExpose({ crudRef, crudBinding });
|
||||
// 你的crud配置
|
||||
const { crudOptions, output } = createCrudOptions({ expose });
|
||||
// 初始化crud配置
|
||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars,no-unused-vars
|
||||
const { resetCrudOptions } = useCrud({ expose, crudOptions });
|
||||
// 你可以调用此方法，重新初始化crud配置
|
||||
// resetCrudOptions(options)
|
||||
|
||||
// 页面打开后获取列表数据
|
||||
onMounted(() => {
|
||||
expose.doRefresh();
|
||||
});
|
||||
|
||||
return {
|
||||
crudBinding,
|
||||
crudRef,
|
||||
...output
|
||||
};
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,126 @@
|
||||
import mockUtil from "/src/mock/base";
|
||||
const options = {
|
||||
name: "AdvancedBigData",
|
||||
idGenerator: 0,
|
||||
copyTimes: 1000
|
||||
};
|
||||
const list = [
|
||||
{
|
||||
text: "测试文本",
|
||||
dict1: "1",
|
||||
dict2: "1",
|
||||
dict3: "2",
|
||||
dict4: "1",
|
||||
dict5: "2",
|
||||
dict6: "1",
|
||||
dict7: "1",
|
||||
dict8: "1",
|
||||
text1: "测试文本1",
|
||||
text2: "测试文本2",
|
||||
text3: "测试文本3",
|
||||
text4: "测试文本4",
|
||||
text5: "测试文本5",
|
||||
text6: "测试文本6",
|
||||
text7: "测试文本7",
|
||||
text8: "测试文本8",
|
||||
dict9: "2",
|
||||
dict10: "1",
|
||||
dict11: "2",
|
||||
dict12: "1"
|
||||
},
|
||||
{
|
||||
text: "测试文本",
|
||||
dict1: "1",
|
||||
dict2: "1",
|
||||
dict3: "2",
|
||||
dict4: "1",
|
||||
dict5: "2",
|
||||
dict6: "1",
|
||||
dict7: "1",
|
||||
dict8: "1",
|
||||
text1: "测试文本1",
|
||||
text2: "测试文本2",
|
||||
text3: "测试文本3",
|
||||
text4: "测试文本4",
|
||||
text5: "测试文本5",
|
||||
text6: "测试文本6",
|
||||
text7: "测试文本7",
|
||||
text8: "测试文本8",
|
||||
dict9: "2",
|
||||
dict10: "1",
|
||||
dict11: "2",
|
||||
dict12: "1"
|
||||
},
|
||||
{
|
||||
text: "测试文本",
|
||||
dict1: "1",
|
||||
dict2: "1",
|
||||
dict3: "2",
|
||||
dict4: "1",
|
||||
dict5: "2",
|
||||
dict6: "1",
|
||||
dict7: "1",
|
||||
dict8: "1",
|
||||
text1: "测试文本1",
|
||||
text2: "测试文本2",
|
||||
text3: "测试文本3",
|
||||
text4: "测试文本4",
|
||||
text5: "测试文本5",
|
||||
text6: "测试文本6",
|
||||
text7: "测试文本7",
|
||||
text8: "测试文本8",
|
||||
dict9: "2",
|
||||
dict10: "1",
|
||||
dict11: "2",
|
||||
dict12: "1"
|
||||
},
|
||||
{
|
||||
text: "测试文本",
|
||||
dict1: "1",
|
||||
dict2: "1",
|
||||
dict3: "2",
|
||||
dict4: "1",
|
||||
dict5: "2",
|
||||
dict6: "1",
|
||||
dict7: "1",
|
||||
dict8: "1",
|
||||
text1: "测试文本1",
|
||||
text2: "测试文本2",
|
||||
text3: "测试文本3",
|
||||
text4: "测试文本4",
|
||||
text5: "测试文本5",
|
||||
text6: "测试文本6",
|
||||
text7: "测试文本7",
|
||||
text8: "测试文本8",
|
||||
dict9: "2",
|
||||
dict10: "1",
|
||||
dict11: "2",
|
||||
dict12: "1"
|
||||
},
|
||||
{
|
||||
text: "测试文本",
|
||||
dict1: "1",
|
||||
dict2: "1",
|
||||
dict3: "2",
|
||||
dict4: "1",
|
||||
dict5: "2",
|
||||
dict6: "1",
|
||||
dict7: "1",
|
||||
dict8: "1",
|
||||
text1: "测试文本1",
|
||||
text2: "测试文本2",
|
||||
text3: "测试文本3",
|
||||
text4: "测试文本4",
|
||||
text5: "测试文本5",
|
||||
text6: "测试文本6",
|
||||
text7: "测试文本7",
|
||||
text8: "测试文本8",
|
||||
dict9: "2",
|
||||
dict10: "1",
|
||||
dict11: "2",
|
||||
dict12: "1"
|
||||
}
|
||||
];
|
||||
options.list = list;
|
||||
const mock = mockUtil.buildMock(options);
|
||||
export default mock;
|
||||
Reference in New Issue
Block a user