From f7e33d69713a5145d19fde5792b422826bc14107 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期五, 09 六月 2023 18:10:12 +0800 Subject: [PATCH] 完善主题库定义 --- Source/UBCS-WEB/src/views/MasterData/items.vue | 184 +++++++++++++-------------------------------- 1 files changed, 54 insertions(+), 130 deletions(-) diff --git a/Source/UBCS-WEB/src/views/MasterData/items.vue b/Source/UBCS-WEB/src/views/MasterData/items.vue index fb59b6c..33241d3 100644 --- a/Source/UBCS-WEB/src/views/MasterData/items.vue +++ b/Source/UBCS-WEB/src/views/MasterData/items.vue @@ -2,159 +2,83 @@ <el-container> <el-aside> <basic-container style="height: 85vh; max-height: 155vh; overflow-y: scroll;"> - <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata" :defaultExpandAll="false" - :option="Treeoption" - style="height: 80.5vh;padding-top: 5px;padding-bottom: 30px" - @node-click=" nodeClick" - @check-change="checkChange" - ></avue-tree> +<!-- 鏍戠粍浠�--> + <master-tree @codeClassifyOid="codeClassifyOidList" + @coderuleoid="coderuleoidList" + :pageSize="this.pageSize" + :currentPage="this.currentPage" + :templateOid="this.templateOid" + @tableDataArray="tableDataArrays" + @tableHeadDataFateher="tableHeadDatas" + @total="totals" + ></master-tree> </basic-container> </el-aside> <el-main> - <TableCrud></TableCrud> +<!-- 琛ㄦ牸缁勪欢--> + <TableCrud :page="this.page" + :codeClassifyOid="this.codeClassifyOid" + :coderuleoid="this.coderuleoid" + @pageSize="pageSizes" + @currentPage="currentPages" + @templateOid="templateOids" + :tableDataArray="tableDataArray" + :total="this.total" + :tableHeadDataFateher="this.tableHeadDataFateher" + ></TableCrud> </el-main> </el-container> </template> <script> -import {getAtrrList, TreeCheckDel, TreeDel, TreeSave} from "@/api/template/templateAttr"; - export default { name: "items.vue", data(){ return{ - CloneTreeAvueform:{}, - loading:false, - CloneTreedata:[], - Treeoption: { - addBtn: false, - editBtn: false, - delBtn: false, - defaultExpandAll: false, - menu: false, - // //杩欎釜鏄閫� - // multiple: true, + // 鍒嗛〉 + page: { + total: 0, + currentPage: 1, + pageSize: 10, + pageSizes: [10, 30, 50, 100, 200], }, - nodeClickList: "", + pageSize:"10", + currentPage:"1", + codeClassifyOid:"", + coderuleoid:"", + templateOid:"", + tableDataArray:[], + tableHeadDataFateher:[], + total:"" } }, created() { - this.getAttr() }, methods:{ - getAttr() { - getAtrrList().then(res => { - this.Treedata = res.data; - this.CloneTreedata = res.data; - this.Treedata.forEach((item) => { - for (let i = 0; i < this.Treedata.length; i++) { - this.Treedata[i].value = i; - } - }) - //璋冪敤淇敼灞炴�у悕鏂规硶 - this.ModifyProperties(this.CloneTreedata, 'name', 'label'); - }).catch(res => { - this.$message.error(res) - }) + codeClassifyOidList(val){ + this.codeClassifyOid=val; + console.log(val) }, - //瀹氫箟涓�涓慨鏀规暟鎹睘鎬у悕鐨勬柟娉� - ModifyProperties(obj, oldName, newName) { - for (let key in obj) { - if (key === oldName) { - obj[newName] = obj[key]; - delete obj[key]; - } - if (typeof obj[key] === 'object') { - this.ModifyProperties(obj[key], oldName, newName); - } - } + coderuleoidList(val){ + this.coderuleoid=val; }, - //鏍戣妭鐐规坊鍔犳寜閽� - TreeAdd() { - this.TreeAddFormVisible = true; - // 鍒ゆ柇褰撳墠鏄惁鏈夌偣鍑诲瓙椤� - if (this.nodeClickList !== "") { - this.TreeFlag = true - } + pageSizes(val){ + this.pageSize=val }, - //鏍戣妭鐐规坊鍔犱簨浠� - TreeAddHandler() { - const data = this.TreeAddform - this.$set(data, "parentCodeClassifyOid", this.nodeClickList.oid) - TreeSave(data).then(() => { - this.$message({ - type: 'success', - message: '娣诲姞鎴愬姛!' - }); - this.getAttr(); - this.TreeAddFormVisible = false - this.TreeAddform = "" - }).catch(res => { - this.$message({ - type: 'warning', - message: res - }); - }) + currentPages(val){ + this.currentPage=val }, - //鏍戣妭鐐瑰垹闄ゆ寜閽� - TreeDel() { - this.$confirm('鏄惁鍒犻櫎褰撳墠閫夋嫨鐨勫垎绫伙紝灏嗕細鎶婂瓙鍒嗙被涓�骞跺垹闄わ紝濡傛灉瀛樺湪缂栫爜鏁版嵁灏嗕笉鑳借鍒犻櫎锛屾槸鍚︾户缁紵', '鎻愮ず', { - confirmButtonText: '纭畾', - cancelButtonText: '鍙栨秷', - type: 'warning', - customClass: 'my-messagebox', - }).then(() => { - TreeCheckDel(this.nodeClickList).then(res => { - if (res.data.data) { - TreeDel(this.nodeClickList).then(() => { - this.$message({ - type: 'success', - message: '鍒犻櫎鎴愬姛!' - }); - this.getAttr(); - }).catch(res => { - this.$message({ - type: 'warning', - message: res - }); - }) - } else { - this.$confirm('褰撳墠鏁版嵁鍖呭惈鏈変笅绾ф暟鎹紝瑕佸垹闄ょ殑璇濅細鍜屼笅绾ф暟鎹竴璧峰垹闄わ紝浣犵‘璁ょ户缁�?', '鎻愮ず', { - confirmButtonText: '纭畾', - cancelButtonText: '鍙栨秷', - type: 'warning', - customClass: 'my-messageboxs', - }).then(() => { - TreeDel(this.nodeClickList).then(() => { - this.$message({ - type: 'success', - message: '鍒犻櫎鎴愬姛!' - }); - this.getAttr(); - }).catch(res => { - this.$message({ - type: 'warning', - message: res - }); - }) - }).catch(() => { - this.$message({ - type: 'info', - message: '宸插彇娑堝垹闄�' - }); - }); - } - }) - }).catch(() => { - this.$message({ - type: 'info', - message: '宸插彇娑堝垹闄�' - }); - }); + templateOids(val){ + this.templateOid=val }, - nodeClick(data){ - this.nodeClickList = data - console.log(data) + tableDataArrays(val){ + this.tableDataArray=val + }, + totals(val){ + this.total=val + }, + tableHeadDatas(val){ + this.tableHeadDataFateher=val } } } -- Gitblit v1.9.3