From 087511862a295eda0cf808a92f2ed2df348d54ff Mon Sep 17 00:00:00 2001 From: fujunling <2984387807@qq.com> Date: 星期五, 26 五月 2023 19:00:23 +0800 Subject: [PATCH] 动态表单 --- Source/UBCS-WEB/src/components/Crud/Crud.vue | 85 +++++++++++++++++++++++++++++++++++++++++- 1 files changed, 82 insertions(+), 3 deletions(-) diff --git a/Source/UBCS-WEB/src/components/Crud/Crud.vue b/Source/UBCS-WEB/src/components/Crud/Crud.vue index 30b5efe..90412c5 100644 --- a/Source/UBCS-WEB/src/components/Crud/Crud.vue +++ b/Source/UBCS-WEB/src/components/Crud/Crud.vue @@ -1,15 +1,94 @@ <template> - <avue-crud :data="data" ></avue-crud> +<basic-container style="height: 750px"> + <avue-crud ref="crud" :data="data" :option="option" style="height: 750px" @sort-change="sortChange"></avue-crud> +</basic-container> </template> <script> +import { MasterTable,TableData } from "@/api/GetItem"; export default { name: "Crud.vue", data(){ return{ - data:[], - option:{} + data:[ + { + zhiliangbz:"111", + }, + { + xinghaoguige:"1121", + }, + ], + option:{ + //榛樿楂樺害, + align:'center', + menuAlign:'center', + column:[] + }, + List:[], + columnType: { + text: "input", + combox: "select", + truefalse: "switch", + number: "number", + datetime: "datetime", + }, } + }, + created() { + this.CrudHeaderRend(); + this.CrudRend() + }, + activated() { + this.doLayout() + }, + methods:{ + doLayout() { + this.$nextTick(() => { + this.$refs.crud.doLayout(); + }); + }, + CrudHeaderRend(){ + MasterTable({codeClassifyOid:"D9CF223F-317D-71EB-BD11-433A94CAD9F3",functionId: 5,_: 1685067339479}).then(res=>{ + this.List=res.data.tableDefineVO.cols[0]; + this.List.forEach(item=>{ + console.log(item) + let columnItem={ + label:item.title, + prop:item.field, + type:this.columnType[item.type], + sortable:item.sort, + width:item.minWidth + }; + this.option.column.push(columnItem); + + }) + }) + }, + CrudRend(){ + TableData({templateOid: "A12826E4-2B66-6D56-DE30-92BB1D7F607F", + codeClassifyOid: "D9CF223F-317D-71EB-BD11-433A94CAD9F3", + page: 1, + limit: 9, + _: 1685089123575 + }).then(res=>{ + console.log(res) + this.data=res.data.data + }) + }, + // 鎺掑簭 + sortChange(val){ + console.log(val) + + // TableData( { + // templateOid: "A12826E4-2B66-6D56-DE30-92BB1D7F607F", + // codeClassifyOid: "D9CF223F-317D-71EB-BD11-433A94CAD9F3", + // order:"desc", + // sort:val.prop + // }).then(res=>{ + // console.log(res.data.data) + // this.data=res.data.data + // }) + }, } } </script> -- Gitblit v1.9.3