From fa3d5aeb7db6dfe93c1a9accf5d284b56616f0d6 Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期四, 22 八月 2024 18:01:28 +0800 Subject: [PATCH] 查询模板 --- Source/plt-web/plt-web-ui/src/api/queryTemplate/queryDefine.js | 12 + Source/plt-web/plt-web-ui/src/api/queryTemplate/linkTypeQuery.js | 10 + Source/plt-web/plt-web-ui/src/api/queryTemplate/businessTypeQuery.js | 12 + Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/versioning/index.vue | 2 Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/businessTypeQuery/index.vue | 210 ++++++++++++++++++++++++-- Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/queryDefine/index.vue | 2 Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/linkTypeQuery/index.vue | 212 ++++++++++++++++++++++++-- 7 files changed, 421 insertions(+), 39 deletions(-) diff --git a/Source/plt-web/plt-web-ui/src/api/queryTemplate/businessTypeQuery.js b/Source/plt-web/plt-web-ui/src/api/queryTemplate/businessTypeQuery.js new file mode 100644 index 0000000..3b4f3bd --- /dev/null +++ b/Source/plt-web/plt-web-ui/src/api/queryTemplate/businessTypeQuery.js @@ -0,0 +1,12 @@ +import request from '@/router/axios'; +//涓氬姟绫诲瀷鏌ヨ妯℃澘 +// 妯℃澘鍒楄〃鏌ヨ +export function gridTemplate(params) { + return request({ + url: "/api/templateController/queryTemplateList", + method: "get", + params:{ + ...params + } + }); +} diff --git a/Source/plt-web/plt-web-ui/src/api/queryTemplate/linkTypeQuery.js b/Source/plt-web/plt-web-ui/src/api/queryTemplate/linkTypeQuery.js new file mode 100644 index 0000000..12b013c --- /dev/null +++ b/Source/plt-web/plt-web-ui/src/api/queryTemplate/linkTypeQuery.js @@ -0,0 +1,10 @@ +import request from '@/router/axios'; +//閾炬帴绫诲瀷鏌ヨ妯℃澘 +// 鍒犻櫎 +export function deleteLinkTemplate(params) { + return request({ + url: "/api/templateController/deleteLinkTemplate", + method: "delete", + data:params + }); +} diff --git a/Source/plt-web/plt-web-ui/src/api/queryTemplate/queryDefine.js b/Source/plt-web/plt-web-ui/src/api/queryTemplate/queryDefine.js index c034c39..38c5e44 100644 --- a/Source/plt-web/plt-web-ui/src/api/queryTemplate/queryDefine.js +++ b/Source/plt-web/plt-web-ui/src/api/queryTemplate/queryDefine.js @@ -1,6 +1,6 @@ import request from '@/router/axios'; //鏌ヨ妯℃澘瀹氫箟 -// 妯℃澘鍒楄〃鏌ヨ +// 妯℃澘鍒楄〃瀹氫箟涓嬫媺妗嗘煡璇� export function gridTemplate(params) { return request({ url: "/api/templateController/queryTemplateList", @@ -11,6 +11,16 @@ }); } +export function getObjTypeQTs(params) { + return request({ + url: "/api/templateController/getObjTypeQTs", + method: "get", + params:{ + ...params + } + }); +} + // 淇敼 export function updateTemplate(params) { return request({ diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/versioning/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/versioning/index.vue index aeb9eea..276a7f3 100644 --- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/versioning/index.vue +++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/versioning/index.vue @@ -19,7 +19,7 @@ </el-button> </div> <!-- 宸︿晶鏍� --> - <div style="height: calc(100vh - 300px);"> + <div style="height: calc(100vh - 260px);"> <avue-tree :data="treeData" :option="treeOption" @node-click="nodeClick"> <span slot-scope="{ node, data }" class="el-tree-node__label"> <span style="font-size: 15px"> diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/businessTypeQuery/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/businessTypeQuery/index.vue index 308c333..ddeabbc 100644 --- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/businessTypeQuery/index.vue +++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/businessTypeQuery/index.vue @@ -3,24 +3,9 @@ <el-aside> <basic-container> - <div ref="TreeBox" style="height: calc(100vh - 144px);!important;"> - <div class="headerCon"> - <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">鍒涘缓 - </el-button> - <el-button icon="el-icon-edit" plain size="small" type="primary" @click="editClickHandler">淇敼 - </el-button> - <el-button icon="el-icon-delete" plain size="small" type="danger" @click="delClickHandler">鍒犻櫎 - </el-button> - <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">瀵煎嚭 - </el-button> - <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="uploadClickHandler">瀵煎叆 - </el-button> - <el-button class="smallBtn" plain size="small" type="primary" - @click="checkViewClickHandler">鏌ョ湅浣跨敤鑼冨洿 - </el-button> - </div> + <div ref="TreeBox" style="height: calc(100vh - 154px);!important;"> <!-- 宸︿晶鏍� --> - <div style="height: calc(100vh - 280px);"> + <div style="height: calc(100vh - 190px);"> <avue-tree :data="treeData" :option="treeOption" @node-click="nodeClick"> <span slot-scope="{ node, data }" class="el-tree-node__label"> <span style="font-size: 15px"> @@ -36,6 +21,16 @@ <el-main> <basic-container> + <avue-crud ref="crud" + :data="crudData" :option="crudOption" :table-loading="tableLoading" style="margin-top: 10px"> + <template slot="menuLeft" slot-scope="scope"> + <el-button icon="el-icon-plus" size="small" type="primary" @click="addHandler">鍒涘缓</el-button> + <el-button icon="el-icon-edit" plain size="small" type="primary" @click="editHandler">淇敼</el-button> + <el-button icon="el-icon-delete" plain size="small" type="danger" @click="delHandler">鍒犻櫎</el-button> + <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">瀵煎嚭</el-button> + <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="upLoadClickHandler">瀵煎叆</el-button> + </template> + </avue-crud> </basic-container> </el-main> @@ -43,8 +38,187 @@ </template> <script> +import {getBizTypes} from "@/api/modeling/businessType/api"; +import {gridTemplate,saveTemplate,updateTemplate,deleteTemplate} from "@/api/queryTemplate/queryDefine"; +import basicOption from "@/util/basic-option"; +import func from "@/util/func"; +import {dateFormat} from "@/util/date"; export default { - name: "index" + name: "index", + data() { + return { + treeOption: { + height: 'auto', + defaultExpandedKeys: ['topNode'], + menu: false, + addBtn: false, + props: { + label: 'label', + value: 'oid', + children: 'children' + } + }, + nodeRow: {}, + treeData: [ { + label: '涓氬姟绫诲瀷鏍�', + oid: 'topNode', + children: [] + }], + templateForm: '', + templateData: [], + form: { + name: '' + }, + rules: { + name: [ + {required: true, message: '璇疯緭鍏ユ煡璇㈡ā鏉垮悕绉�', trigger: 'blur'} + ] + }, + title: '', + visible: false, + tableLoading: false, + crudData: [], + crudOption: { + ...basicOption, + addBtn: false, + editBtn: false, + delBtn: false, + selection: true, + menu: false, + height: "auto", + calcHeight: -40, + tip: false, + column: [{ + label: '鏌ヨ妯℃澘鍚嶇О', + prop: 'name' + }, { + label: '鍒涘缓浜�', + prop: 'creator' + }, { + label: '鍒涘缓鏃堕棿', + prop: 'createTime', + formatter:function (row, value) { + return dateFormat(new Date(value)) + } + }] + }, + selectionRow: [], + } + }, + created() { + this.getTreeList(); + }, + methods: { + //鏍戣〃鏌ヨ + getTreeList() { + const loading = this.$loading({}); + getBizTypes().then(res => { + const data = res.data.data.map(item => { + item.label = item.attributes.id; + return item; + }); + this.treeData[0].children = data; + loading.close(); + }) + }, + + // 鏍戠偣鍑� + nodeClick(row) { + this.nodeRow = row; + this.tableLoading = true; + this.getTemp(); + }, + getTemp() { + gridTemplate({btmName: this.nodeRow.label, linkFlag: false}).then(res => { + this.crudData = res.data.data; + this.tableLoading = false; + }) + }, + selectHandler(selection, row) { + + }, + changeTemp(data) { + this.$refs.queryCrud.clearSelection(); + if (data.value != '') { + let abNames = data.item.abNames.join(',').toLowerCase().split(',') + + } + }, + //鍒涘缓 + addHandler() { + if (func.isEmptyObject(this.nodeRow)) { + this.$message.error('璇烽�夋嫨瑕佹坊鍔犵殑鑺傜偣'); + return; + } + this.title = 'add'; + this.visible = true; + this.$nextTick(() => { + }); + }, + //淇敼 + editHandler() { + if (func.isEmptyObject(this.nodeRow)) { + this.$message.error('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹�'); + return; + } + this.form.name = this.templateForm; + this.title = 'edit'; + this.visible = true; + this.$nextTick(() => { + }); + }, + // 鏂板缂栬緫淇濆瓨 + addDialogSavaHandler() { + this.$refs.form.validate((valid) => { + const saveFunction = this.title === 'add' ? saveTemplate : updateTemplate; + if (valid) { + saveFunction(this.form).then(res => { + if (res.data.code === 200) { + this.$message.success(res.data.obj); + this.addDialogClose(); + } + }) + } else { + return false; + } + }); + }, + // 鏂板缂栬緫瀵硅瘽妗嗗彇娑� + addDialogClose() { + this.form = { + name: '' + }; + this.$refs.form.clearValidate(); + this.visible = false; + }, + //鍒犻櫎 + delHandler() { + if (func.isEmptyObject(this.nodeRow)) { + this.$message.error('璇烽�夋嫨鏁版嵁'); + return; + } + this.$confirm('鎮ㄧ‘瀹氳鍒犻櫎鎵�閫夋嫨鐨勬暟鎹悧锛�', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + deleteTemplate({ + name: this.templateForm, + btmName: this.nodeRow.label, + linkFlag: false + }).then(res => { + if (res.data.code === 200) { + this.$message.success(res.data.obj); + } + }) + }).catch(() => { + this.$message({ + type: 'info', + message: '宸插彇娑堝垹闄�' + }); + }); + } + } } </script> diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/linkTypeQuery/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/linkTypeQuery/index.vue index 308c333..5d18cfc 100644 --- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/linkTypeQuery/index.vue +++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/linkTypeQuery/index.vue @@ -3,24 +3,9 @@ <el-aside> <basic-container> - <div ref="TreeBox" style="height: calc(100vh - 144px);!important;"> - <div class="headerCon"> - <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">鍒涘缓 - </el-button> - <el-button icon="el-icon-edit" plain size="small" type="primary" @click="editClickHandler">淇敼 - </el-button> - <el-button icon="el-icon-delete" plain size="small" type="danger" @click="delClickHandler">鍒犻櫎 - </el-button> - <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">瀵煎嚭 - </el-button> - <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="uploadClickHandler">瀵煎叆 - </el-button> - <el-button class="smallBtn" plain size="small" type="primary" - @click="checkViewClickHandler">鏌ョ湅浣跨敤鑼冨洿 - </el-button> - </div> + <div ref="TreeBox" style="height: calc(100vh - 154px);!important;"> <!-- 宸︿晶鏍� --> - <div style="height: calc(100vh - 280px);"> + <div style="height: calc(100vh - 190px);"> <avue-tree :data="treeData" :option="treeOption" @node-click="nodeClick"> <span slot-scope="{ node, data }" class="el-tree-node__label"> <span style="font-size: 15px"> @@ -36,6 +21,16 @@ <el-main> <basic-container> + <avue-crud ref="crud" + :data="crudData" :option="crudOption" :table-loading="tableLoading" style="margin-top: 10px"> + <template slot="menuLeft" slot-scope="scope"> + <el-button icon="el-icon-plus" size="small" type="primary" @click="addHandler">鍒涘缓</el-button> + <el-button icon="el-icon-edit" plain size="small" type="primary" @click="editHandler">淇敼</el-button> + <el-button icon="el-icon-delete" plain size="small" type="danger" @click="delHandler">鍒犻櫎</el-button> + <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">瀵煎嚭</el-button> + <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="upLoadClickHandler">瀵煎叆</el-button> + </template> + </avue-crud> </basic-container> </el-main> @@ -43,8 +38,189 @@ </template> <script> +import {gridLink} from "@/api/modeling/linkType/api"; +import { gridTemplate, saveTemplate, updateTemplate} from "@/api/queryTemplate/queryDefine"; +import {deleteLinkTemplate} from "@/api/queryTemplate/linkTypeQuery"; +import func from "@/util/func"; +import {dateFormat} from "@/util/date"; +import basicOption from "@/util/basic-option"; + export default { - name: "index" + name: "index", + data() { + return { + treeOption: { + height: 'auto', + defaultExpandedKeys: ['topNode'], + menu: false, + addBtn: false, + props: { + label: 'label', + value: 'oid', + children: 'children' + } + }, + nodeRow: {}, + treeData: [{ + label: '閾炬帴绫诲瀷', + oid: 'topNode', + children: [] + }], + templateForm: '', + templateData: [], + form: { + name: '' + }, + rules: { + name: [ + {required: true, message: '璇疯緭鍏ユ煡璇㈡ā鏉垮悕绉�', trigger: 'blur'} + ] + }, + title: '', + visible: false, + tableLoading: false, + crudData: [], + crudOption: { + ...basicOption, + addBtn: false, + editBtn: false, + delBtn: false, + selection: true, + menu: false, + height: "auto", + calcHeight: -40, + tip: false, + column: [{ + label: '鏌ヨ妯℃澘鍚嶇О', + prop: 'name' + }, { + label: '鍒涘缓浜�', + prop: 'creator' + }, { + label: '鍒涘缓鏃堕棿', + prop: 'createTime', + formatter:function (row, value) { + return dateFormat(new Date(value)) + } + }] + }, + selectionRow: [], + } + }, + created() { + this.getTreeList(); + }, + methods: { + //鏍戣〃鏌ヨ + getTreeList() { + const loading = this.$loading({}); + gridLink().then(res => { + const data = res.data.data.map(item => { + item.label=item.name; + return item; + }); + this.treeData[0].children = data; + loading.close(); + }) + }, + + // 鏍戠偣鍑� + nodeClick(row) { + this.nodeRow = row; + this.tableLoading = true; + this.getTemp(); + }, + getTemp() { + gridTemplate({btmName: this.nodeRow.label, linkFlag: true}).then(res => { + this.crudData = res.data.data; + this.tableLoading = false; + }) + }, + selectHandler(selection, row) { + + }, + changeTemp(data) { + this.$refs.queryCrud.clearSelection(); + if (data.value != '') { + let abNames = data.item.abNames.join(',').toLowerCase().split(',') + + } + }, + //鍒涘缓 + addHandler() { + if (func.isEmptyObject(this.nodeRow)) { + this.$message.error('璇烽�夋嫨瑕佹坊鍔犵殑鑺傜偣'); + return; + } + this.title = 'add'; + this.visible = true; + this.$nextTick(() => { + }); + }, + //淇敼 + editHandler() { + if (func.isEmptyObject(this.nodeRow)) { + this.$message.error('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹�'); + return; + } + this.form.name = this.templateForm; + this.title = 'edit'; + this.visible = true; + this.$nextTick(() => { + }); + }, + // 鏂板缂栬緫淇濆瓨 + addDialogSavaHandler() { + this.$refs.form.validate((valid) => { + const saveFunction = this.title === 'add' ? saveTemplate : updateTemplate; + if (valid) { + saveFunction(this.form).then(res => { + if (res.data.code === 200) { + this.$message.success(res.data.obj); + this.addDialogClose(); + } + }) + } else { + return false; + } + }); + }, + // 鏂板缂栬緫瀵硅瘽妗嗗彇娑� + addDialogClose() { + this.form = { + name: '' + }; + this.$refs.form.clearValidate(); + this.visible = false; + }, + //鍒犻櫎 + delHandler() { + if (func.isEmptyObject(this.nodeRow)) { + this.$message.error('璇烽�夋嫨鏁版嵁'); + return; + } + this.$confirm('鎮ㄧ‘瀹氳鍒犻櫎鎵�閫夋嫨鐨勬暟鎹悧锛�', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + deleteLinkTemplate({ + name: this.templateForm, + btmName: this.nodeRow.label, + linkFlag: false + }).then(res => { + if (res.data.code === 200) { + this.$message.success(res.data.obj); + } + }) + }).catch(() => { + this.$message({ + type: 'info', + message: '宸插彇娑堝垹闄�' + }); + }); + } + } } </script> diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/queryDefine/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/queryDefine/index.vue index bb43485..7dd9032 100644 --- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/queryDefine/index.vue +++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/queryDefine/index.vue @@ -24,6 +24,7 @@ <el-main> <basic-container> 妯℃澘鍒楄〃锛�<avue-select v-model="templateForm" placeholder="璇烽�夋嫨妯℃澘" type="tree" :dic="templateData" @change="changeTemp"></avue-select> + <h3>鏌ヨ灞炴��</h3> <avue-crud ref="queryCrud" :data="attrData" :option="attrOption" :table-loading="tableLoading" style="margin-top: 10px"> <template slot="menuLeft" slot-scope="scope"> @@ -124,7 +125,6 @@ menu:false, height: "auto", calcHeight: -40, - title:'鏌ヨ灞炴��', tip:false, column: [{ label: '瀛楁缂栫爜', -- Gitblit v1.9.3