From c659560c7ee8d8f8278b938421de13bf65d1e1b1 Mon Sep 17 00:00:00 2001 From: ludc <ludc@vci-tech.com> Date: 星期三, 15 一月 2025 14:28:25 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/businessTypeQuery/index.vue | 334 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 330 insertions(+), 4 deletions(-) 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 35e0ed5..bdcce3f 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 @@ -1,13 +1,339 @@ <template> - <p>涓氬姟绫诲瀷鏌ヨ</p> + <el-container> + + <el-aside> + <basic-container> + <div ref="TreeBox" style="height: calc(100vh - 154px);!important;"> + <!-- 宸︿晶鏍� --> + <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> + <icon-show :name="data.icon"></icon-show> + {{ (node || {}).label }} + </span> + </span> + </avue-tree> + </div> + </div> + </basic-container> + </el-aside> + + <el-main> + <basic-container> + <div v-if="this.nodeRow && this.nodeRow.label"> + <el-button v-if="permissionList.addBtn" class="button-custom-icon" size="small" type="primary" @click="addHandler"> + <icon-show :name="permissionList.addBtn.source"></icon-show> + 鍒涘缓 + </el-button> + <el-button v-if="permissionList.editBtn" class="button-custom-icon" plain size="small" type="primary" @click="editHandler"> + <icon-show :name="permissionList.editBtn.source"></icon-show> + 淇敼 + </el-button> + <el-button v-if="permissionList.delBtn" class="button-custom-icon" plain size="small" type="danger" @click="delHandler"> + <icon-show :name="permissionList.delBtn.source"></icon-show> + 鍒犻櫎 + </el-button> + <el-button v-if="permissionList.importBtn" class="button-custom-icon" plain size="small" type="primary" @click="upLoadClickHandler"> + <icon-show :name="permissionList.importBtn.source"></icon-show> + 瀵煎叆 + </el-button> + <el-button v-if="permissionList.exportBtn" class="button-custom-icon" plain size="small" type="primary" @click="exportClickHandler"> + <icon-show :name="permissionList.exportBtn.source"></icon-show> + 瀵煎嚭 + </el-button> + </div> + <avue-crud ref="crud" + @selection-change="selectionChange" + @row-click="rowClick" + :data="crudData" :option="crudOption" :table-loading="tableLoading" style="margin-top: 10px"> + </avue-crud> + <div> + <fieldset> + <legend> 鏌ヨ鏉′欢 </legend> + <form-query-dialog ref="formQuery" + style="height: 260px;" + :readOnly="true" + :queryCondition="queryCondition" + :queryTree="queryTree" + :levelFlag.sync="levelFlag" + ></form-query-dialog> + </fieldset> + </div> + <!--娣诲姞 淇敼寮圭獥--> + <form-dialog ref="formRef" @refresh="getTemp"></form-dialog> + <!--瀵煎叆 --> + <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="瀵煎叆" + @updata="uploadCallBack"></upload-file> + </basic-container> + </el-main> + + </el-container> </template> <script> +import {getBizTypes} from "@/api/modeling/businessType/api"; +import {deleteLinkTemplate,expBtmQTTemplate,impBtmTemplate} from "@/api/queryTemplate/businessTypeQuery"; +import {getObjTypeQTs} from "@/api/queryTemplate/queryDefine"; +import basicOption from "@/util/basic-option"; +import func from "@/util/func"; +import {dateFormat} from "@/util/date"; +import FormDialog from "./formDialog.vue" +import formQueryDialog from "@/views/modelingMenu/queryTemplate/linkTypeQuery/formQueryDialog.vue"; +import {mapGetters} from "vuex"; export default { - name: "index" + name: "index", + components: {FormDialog,formQueryDialog}, + 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: 305, + tip: false, + header:false, + column: [{ + label: '鏌ヨ妯℃澘鍚嶇О', + prop: 'qtName' + }, { + label: '鍒涘缓浜�', + prop: 'creator' + }, { + label: '鍒涘缓鏃堕棿', + prop: 'createTimeText' + }] + }, + selectionRow: [], + tipList: [ + "瀵煎叆浠呰兘涓婁紶.vciqtf鏍煎紡鏂囦欢" + ], + upFileType: ['vciqtf'], + fileUrl: 'api/templateController/impBtmTemplate', + //楂樼骇鏌ヨ鏉′欢 + queryTree:{}, + //鏅�氭煡璇㈡潯浠� + queryCondition:[], + levelFlag:0 + } + }, + computed:{ + ...mapGetters(["permission"]), + permissionList() { + return { + addBtn: this.vaildData(this.permission[this.$route.query.id].ADD, false), + delBtn: this.vaildData(this.permission[this.$route.query.id].DELETE, false), + editBtn: this.vaildData(this.permission[this.$route.query.id].EDIT, false), + exportBtn: this.vaildData(this.permission[this.$route.query.id].EXPORT, false), + importBtn: this.vaildData(this.permission[this.$route.query.id].IMPORT, false), + }; + }, + }, + created() { + this.getTreeList(); + }, + methods: { + //鏍戣〃鏌ヨ + getTreeList() { + const loading = this.$loading({}); + getBizTypes().then(res => { + const data = res.data.data.map(item => { + this.processChildren(item); // 澶勭悊姣忎釜鑺傜偣 + item.attributes.label = item.attributes.id; + item.attributes.icon = item.attributes.imageName; + return item.attributes; + }); + this.treeData[0].children = data; + loading.close(); + }).catch(error=>{ + loading.close(); + }) + }, + // 澶勭悊鏍戝舰缁撴瀯 + processChildren(item) { + if (item.children && item.children.length > 0) { + item.attributes.children = item.children.map(child => { + child.attributes.label = child.attributes.id; + child.attributes.icon = child.attributes.imageName; + this.processChildren(child); // 閫掑綊澶勭悊姣忎釜瀛愯妭鐐� + return child.attributes; // 鍙繑鍥炲瓙鑺傜偣鐨� attributes + }); + } + }, + // 鏍戠偣鍑� + nodeClick(row) { + if(row.oid=="topNode"){ + this.nodeRow = null; + this.crudData=[]; + this.queryCondition=[]; + this.queryTree={}; + this.levelFlag=0; + }else{ + this.nodeRow = row; + this.tableLoading = true; + this.getTemp(); + } + }, + //妯℃澘鍒楄〃鏁版嵁 + getTemp() { + getObjTypeQTs(this.nodeRow.label).then(res => { + this.crudData = res.data.data; + this.tableLoading = false; + this.queryCondition=[]; + this.queryTree={}; + this.levelFlag=0; + }) + }, + rowClick(row) { + this.$refs.crud.toggleSelection(); + this.$refs.crud.toggleRowSelection(row); //閫変腑褰撳墠琛� + this.selectionRow = [row]; + + this.queryCondition=row.queryTemplate.condition; + this.queryTree=row.tree; + this.levelFlag=row.levelFlag; + }, + selectionChange(list) { + this.selectionRow = list; + }, + selectionClear() { + this.selectionRow = []; + this.$refs.crud.toggleSelection(); + }, + //鍒涘缓 + addHandler() { + this.$refs.formRef.openDialog(this.nodeRow.label,'鍒涘缓','add',{treeData:this.nodeRow}); + this.$nextTick(()=>{ + this.$refs.formRef.formItems[0].disabled = false; + this.$refs.formRef.$refs.form.getInit(this.$refs.formRef.formItems) + }); + }, + //淇敼 + editHandler() { + if (this.selectionRow.length!=1) { + this.$message.error('璇烽�夋嫨涓�鏉℃暟鎹�'); + return; + } + this.$refs.formRef.openDialog(this.nodeRow.label,'淇敼','edit',{treeData:this.nodeRow,selectData:this.selectionRow[0]}); + this.$nextTick(()=>{ + this.$refs.formRef.formItems[0].disabled = true; + this.$refs.formRef.$refs.form.getInit(this.$refs.formRef.formItems) + }); + }, + //鍒犻櫎 + delHandler() { + if (this.selectionRow.length==0) { + this.$message.error('璇烽�夋嫨鏁版嵁'); + return; + } + this.$confirm('鎮ㄧ‘瀹氳鍒犻櫎鎵�閫夋嫨鐨勬暟鎹悧锛�', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + let names=this.selectionRow.map(item=>{ + return item.qtName + }) + deleteLinkTemplate({names:names.join(',')}).then(res => { + if (res.data.code === 200) { + this.$message.success(res.data.obj); + this.getTemp(); + } + }) + }).catch(() => { + this.$message({ + type: 'info', + message: '宸插彇娑堝垹闄�' + }); + }); + }, + //瀵煎嚭 + exportClickHandler(){ + if (this.selectionRow.length <= 0) { + this.$message.warning('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹繘琛屽鍑�'); + return; + } + + let qtNames = this.selectionRow.map(item => item.qtName).join(','); + expBtmQTTemplate({qtNames: qtNames}).then(res => { + func.downloadFileByBlobHandler(res); + this.$message.success('瀵煎嚭鎴愬姛'); + }) + }, + upLoadClickHandler(){ + this.$refs.upload.visible = true; + }, + uploadCallBack(res){ + function getText(child){ + let text='' + if(child[0].children && child[0].children.length>0){ + text=getText(child[0].children) + }else{ + text=child[0].text ||child[0]; + } + return text + } + if(res.obj) { + if (res.obj.children) { + this.$message.info(getText(res.obj.children)); + } + } + if(res.data){ + this.crudData = res.data; + } + //this.getTemp(); + } + } } </script> -<style scoped> - +<style lang="scss" scoped> +::v-deep { + .el-scrollbar__wrap { + overflow: auto !important; + } + .el-main .avue-crud .avue-crud__body .el-card__body .el-form .el-table--small{ + min-height: 300px; + } +} +fieldset { + padding: 10px 6px; + margin: 10px 0 0 0; + border: 1px solid #EBEEF5; +} </style> -- Gitblit v1.9.3