From 36c7ff87bec2f261b28859bfb9cb7c1692e3d0ed Mon Sep 17 00:00:00 2001 From: fujunling <2984387807@qq.com> Date: 星期四, 08 六月 2023 15:26:30 +0800 Subject: [PATCH] Merge branch 'master' of http://dev.vci-tech.com:1065/r/ubcs --- Source/UBCS-WEB/src/components/Crud/Crud.vue | 180 +++++++++++++++++++++++++++++++---------------------------- 1 files changed, 95 insertions(+), 85 deletions(-) diff --git a/Source/UBCS-WEB/src/components/Crud/Crud.vue b/Source/UBCS-WEB/src/components/Crud/Crud.vue index b4b82c2..6d66a84 100644 --- a/Source/UBCS-WEB/src/components/Crud/Crud.vue +++ b/Source/UBCS-WEB/src/components/Crud/Crud.vue @@ -1,45 +1,28 @@ <template> <basic-container> -<!-- <avue-crud ref="crud"--> -<!-- v-loading="loading"--> -<!-- :data="data"--> -<!-- :option="option"--> -<!-- :page="page"--> -<!-- @sort-change="sortChange"--> -<!-- @selection-change="selectionChange"--> -<!-- @on-load="onLoad">--> -<!-- <template slot="menu">--> -<!-- <el-button type="text">鏂囧瓧鎸夐挳</el-button>--> -<!-- </template>--> -<!-- <template slot="menuLeft">--> -<!-- </template>--> -<!-- </avue-crud>--> - <div class="testbox"> <div style="margin-top: 10px;display: flex;flex-wrap: wrap;width: 100%;"> <el-button size="small" type="primary" plain @click="addvisible=true">澧炲姞 <FormTemplateDialog :visible.sync="addvisible" :type="add" - :templateOid="this.templateOid" - :codeClassifyOid="this.codeClassifyOid" + :templateOid="this.templateOids" + :codeClassifyOid="this.codeClassifyOids" :codeRuleOid="this.codeRuleOid" :disabledProp="disabledProp" :rowOid="rowOid" > </FormTemplateDialog></el-button> - <el-button size="small" type="primary" plain @click="editvisible=true">缂栬緫 <FormTemplateDialog :visible.sync="editvisible" :type="edit" - :templateOid="this.templateOid" - :codeClassifyOid="this.codeClassifyOid" + :templateOid="this.templateOids" + :codeClassifyOid="this.codeClassifyOids" :codeRuleOid="this.codeRuleOid" :disabledProp="disabledProp" :rowOid="rowOid" ></FormTemplateDialog></el-button> - <el-button size="small" type="primary" plain>鎵归噺瀵煎叆鐢宠</el-button> <el-button size="small" type="primary" plain>鍘嗗彶鏁版嵁瀵煎叆</el-button> <el-button size="small" type="primary" plain>鎵归噺鐢宠缂栫爜</el-button> @@ -87,22 +70,14 @@ </template> </el-table-column> </div> -<!-- <el-table-column fixed="right" label="鎿嶄綔" width="120" >--> -<!-- <template slot-scope="scope" >--> -<!-- <el-button size="small" type="text" @click.native.prevent="enumDeleteRow(scope.$index, tableData)">--> -<!-- 绉婚櫎--> -<!-- </el-button>--> -<!-- </template>--> -<!-- </el-table-column>--> </el-table> - </el-row> </div> <div class="block" style="display: flex;justify-content: flex-end"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" - :current-page="currentPage4" + :current-page="page.currentPage" :page-sizes="page.pageSizes" :page-size="page.pageSizes" layout="total, sizes, prev, pager, next, jumper" @@ -111,18 +86,38 @@ </div> </basic-container> </template> - <script> import {MasterTable, TableData} from "@/api/GetItem"; export default { name: "Crud.vue", + props:{ + page:{ + type: Object, + default: ()=>{ + return {} + } + }, + codeClassifyOid:{ + type:String, + default:"" + }, + coderuleoid:{ + type:String, + default:"" + }, + tableDataArray:{ + type:Array, + default:[] + } + }, data() { return { + templateOid:"", addvisible:false, editvisible:false, findvisible:false, - templateOid: "78B8C7C5-A042-0B96-FE6D-65421451782A", - codeClassifyOid: "4524E801-6CC6-92E8-1AC3-2AB9604E8F96", + templateOids: "78B8C7C5-A042-0B96-FE6D-65421451782A", + codeClassifyOids: "4524E801-6CC6-92E8-1AC3-2AB9604E8F96", codeRuleOid: "B95872A6-9CEA-D490-8F1B-9D26548CAF96", rowOid: '6EF696C3-CD87-0E7C-1EA1-8DE3913A95C9', disabledProp: ["id"], @@ -133,14 +128,6 @@ data: [], options:{}, option: { - //榛樿楂樺害, - align: 'center', - menuAlign: 'center', - addBtn: false, - editBtn: false, - selection: true, - selectionFixed: false, - index: true, column: [] }, List: [], @@ -151,30 +138,52 @@ number: "number", datetime: "datetime", }, - page: { - total: 0, - currentPage: 1, - pageSize: 10, - pageSizes: [10, 30, 50, 100, 200], - }, tableData:[], tableHeadData:[], - items:{} + items:{}, + aaa:"" } }, computed:{ - }, created() { this.CrudHeaderRend(); - this.CrudRend() + this.$emit('tableData',this.tableData) + }, + mounted() { + }, activated() { this.doLayout() }, + watch:{ + codeClassifyOid:{ + handler(newval,oldval){ + this.codeClassifyOid=newval; + this.CrudHeaderRend() + }, + deep:true + }, + tableDataArray:{ + handler(newval,oldval){ + this.tableData=newval; + this.CrudRend() + } + } + }, methods: { + rend(){ + this.tableData=this.tableHeadData + }, handleSizeChange(val){ - console.log(val) + this.page.pageSize=val + this.$emit('pageSize',val) + this.CrudRend() + }, + handleCurrentChange(val){ + this.page.currentPage=val + this.$emit('currentPage',val) + this.CrudRend() }, // 鐩戝惉鍗曞厓鏍肩偣鍑讳簨浠跺苟瀛樺偍姝e湪缂栬緫鐨勮 handleCellClick(row, column) { @@ -197,39 +206,41 @@ }, //琛ㄦ牸澶存覆鏌� CrudHeaderRend() { - MasterTable({ - codeClassifyOid: "D9CF223F-317D-71EB-BD11-433A94CAD9F3", - functionId: 5, - _: 1685067339479 - }).then(res => { - this.options=res.data.tableDefineVO.seniorQueryColumns - this.List = res.data.tableDefineVO.cols[0]; - this.List.forEach(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); - this.option.column=this.tableHeadData; + if(this.codeClassifyOid != ""){ + MasterTable({ + codeClassifyOid:this.codeClassifyOid, + functionId: 5, + }).then(res => { + this.options=res.data.tableDefineVO.seniorQueryColumns + this.List = res.data.tableDefineVO.cols[0]; + this.List.forEach(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); + this.option.column=this.tableHeadData; + this.templateOid=res.data.tableDefineVO.oid + this.$emit('templateOid',this.templateOid) + }) }) - }) + } }, //琛ㄦ牸鏁版嵁 CrudRend() { - TableData({ - templateOid: "A12826E4-2B66-6D56-DE30-92BB1D7F607F", - codeClassifyOid: "D9CF223F-317D-71EB-BD11-433A94CAD9F3", - page: this.page.currentPage, - limit:9, - _: 1685089123575 - }).then(res => { - this.page.total = res.data.total; - this.data = res.data.data; - this.tableData=res.data.data; - }) + TableData({ + templateOid: this.templateOid, + codeClassifyOid: this.codeClassifyOid, + page: this.page.currentPage, + limit:this.page.pageSize, + }).then(res => { + this.page.total = res.data.total; + this.data = res.data.data; + this.tableData=res.data.data; + }) }, // 鎺掑簭 sortChange(val) { @@ -241,8 +252,8 @@ order = "desc"; } TableData({ - templateOid: "A12826E4-2B66-6D56-DE30-92BB1D7F607F", - codeClassifyOid: "D9CF223F-317D-71EB-BD11-433A94CAD9F3", + templateOid: this.templateOid, + codeClassifyOid: this.codeClassifyOid, order: order, sort: val.prop, page: this.page.currentPage, @@ -257,11 +268,10 @@ //鍒嗛〉鍒锋柊 async onLoad(val) { await TableData({ - templateOid: "A12826E4-2B66-6D56-DE30-92BB1D7F607F", - codeClassifyOid: "D9CF223F-317D-71EB-BD11-433A94CAD9F3", + templateOid: this.templateOid, + codeClassifyOid: this.codeClassifyOid, page: val.currentPage, limit: val.pageSize, - _: 1685089123575 }).then(res => { this.data = res.data.data; }) -- Gitblit v1.9.3