mirror of
https://github.com/cool-team-official/cool-admin-vue.git
synced 2024-11-01 14:10:27 +08:00
78 lines
2.2 KiB
Plaintext
78 lines
2.2 KiB
Plaintext
{
|
|
"cl-crud": {
|
|
"prefix": "cl-crud-ts",
|
|
"body": [
|
|
"<template>",
|
|
" <cl-crud :ref=\"setRefs('crud')\" @load=\"onLoad\">",
|
|
" <el-row type=\"flex\" align=\"middle\">",
|
|
" <!-- 刷新按钮 -->",
|
|
" <cl-refresh-btn />",
|
|
" <!-- 新增按钮 -->",
|
|
" <cl-add-btn />",
|
|
" <!-- 删除按钮 -->",
|
|
" <cl-multi-delete-btn />",
|
|
" <cl-flex1 />",
|
|
" <!-- 关键字搜索 -->",
|
|
" <cl-search-key />",
|
|
" </el-row>",
|
|
"",
|
|
" <el-row>",
|
|
" <!-- 数据表格 -->",
|
|
" <cl-table :ref=\"setRefs('table')\" v-bind=\"table\"></cl-table>",
|
|
" </el-row>",
|
|
"",
|
|
" <el-row type=\"flex\">",
|
|
" <cl-flex1 />",
|
|
" <!-- 分页控件 -->",
|
|
" <cl-pagination />",
|
|
" </el-row>",
|
|
"",
|
|
" <!-- 新增、编辑 -->",
|
|
" <cl-upsert :ref=\"setRefs('upsert')\" v-bind=\"upsert\"></cl-upsert>",
|
|
" </cl-crud>",
|
|
"</template>",
|
|
"",
|
|
"<script lang=\"ts\">",
|
|
"import { defineComponent, inject, reactive } from \"vue\";",
|
|
"import { CrudLoad, Upsert, Table } from \"@/crud/types\";",
|
|
"import { useRefs } from \"@/core\";",
|
|
"",
|
|
"export default defineComponent({",
|
|
" setup() {",
|
|
" const { refs, setRefs } = useRefs();",
|
|
" // 请求服务",
|
|
" const service = inject<any>(\"service\");",
|
|
"",
|
|
" // 新增、编辑配置",
|
|
" const upsert = reactive<Upsert>({",
|
|
" items: []",
|
|
" });",
|
|
"",
|
|
" // 表格配置",
|
|
" const table = reactive<Table>({",
|
|
" columns: []",
|
|
" });",
|
|
"",
|
|
" // crud 加载",
|
|
" function onLoad({ ctx, app }: CrudLoad) {",
|
|
" // 绑定 service",
|
|
" ctx.service(service.xx).done();",
|
|
" app.refresh();",
|
|
" }",
|
|
"",
|
|
" return {",
|
|
" refs,",
|
|
" setRefs,",
|
|
" upsert,",
|
|
" table,",
|
|
" onLoad",
|
|
" };",
|
|
" }",
|
|
"});",
|
|
"</script>",
|
|
""
|
|
],
|
|
"description": "cl-crud snippets"
|
|
}
|
|
}
|