From 7b3d5fb08fdbd2ce574c3b9ab666c8c7082be728 Mon Sep 17 00:00:00 2001 From: ludc Date: 星期五, 06 九月 2024 15:38:35 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/plt-web/plt-web-ui/src/views/modelingMenu/queryTemplate/linkTypeQuery/index.vue | 329 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 326 insertions(+), 3 deletions(-) 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 c5677bc..2134676 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 @@ -1,13 +1,336 @@ <template> - <p>閾炬帴绫诲瀷鏌ヨ</p> + <el-container> + <el-aside> + <basic-container> + <div ref="TreeBox" style="height: calc(100vh - 164px);!important;"> + <!-- 宸︿晶鏍� --> + <div style="height: calc(100vh - 200px);"> + <avue-tree :data="treeData" :option="treeOption" @node-click="nodeClick"> + <span slot-scope="{ node, data }" class="el-tree-node__label"> + <span style="font-size: 15px"> + <i class="el-icon-s-promotion"></i> + {{ (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 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> + </div> + <avue-crud ref="crud" + @selection-change="selectionChange" + @row-click="rowClick" + :data="crudData" :option="crudOption" :table-loading="tableLoading" style="margin-top: 10px"> + </avue-crud> + <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 {gridLink} from "@/api/modeling/linkType/api"; +import {getObjTypeQTs,deleteLinkTemplate,expLinkTemplate,impLinkTemplate} from "@/api/queryTemplate/linkTypeQuery"; +import basicOption from "@/util/basic-option"; +import FormDialog from "./formDialog.vue" +import func from "@/util/func"; + export default { - name: "index" + name: "index", + components: {FormDialog}, + 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, + header:false, + column: [{ + label: '鏌ヨ妯℃澘鍚嶇О', + prop: 'qtName' + }, { + label: '鍒涘缓浜�', + prop: 'creator' + }, { + label: '鍒涘缓鏃堕棿', + prop: 'createTimeText' + }, { + label: '鏂瑰悜', + prop: 'direction', + width:80, + formatter:function (row, value) { + if (row.queryTemplate.direction == 'positive') { + return '姝e悜' + }else{ + return '鍙嶅悜' + } + } + }, { + label: '涓氬姟绫诲瀷', + prop: 'btmType', + width: 130, + formatter:function (row, value) { + return row.queryTemplate.btmType; + } + }, { + label: '鐗堟湰鐗堟', + prop: 'version', + formatter:function (row, value) { + if(row.queryTemplate.version==1){ + return '褰撳墠鐗堟湰褰撳墠鐗堟' + }else if(row.queryTemplate.version==2){ + return '褰撳墠鐗堟湰鏈�鏂扮増娆�' + }else if(row.queryTemplate.version==3){ + return '鏈�鏂扮増鏈渶鏂扮増娆�' + }else if(row.queryTemplate.version==7){ + return '宸插彂甯冪殑鏈�鏂扮増鏈�' + }else { + return '' + } + } + }, { + label: '鏌ヨ鏄惁鏈変笅绾�', + prop: 'queryISLeaf', + width: 120, + formatter:function (row, value) { + return row.queryTemplate.queryISLeaf + } + }, { + label: '瀛愯妭鐐瑰眰娆℃暟', + prop: 'level', + width: 100, + formatter:function (row, value) { + return row.queryTemplate.level; + } + }] + }, + selectionRow: [], + tipList: [ + "瀵煎叆浠呰兘涓婁紶.vciqtf鏍煎紡鏂囦欢" + ], + upFileType: ['vciqtf'], + fileUrl: 'api/templateController/impLinkTemplate', + } + }, + 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() { + getObjTypeQTs(this.nodeRow.label).then(res => { + this.crudData = res.data.data; + this.tableLoading = false; + this.selectionClear(); + }) + }, + rowClick(row) { + this.$refs.crud.toggleSelection(); + this.$refs.crud.toggleRowSelection(row); //閫変腑褰撳墠琛� + this.selectionRow = [row]; + }, + 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(','); + expLinkTemplate({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; + } + .headerCon{ + .el-button{ + width: 82px; + } + } +} + +.headerCon { + display: flex; + flex-wrap: wrap; + margin-bottom: 5px; + + .el-button + .el-button { + margin-left: 5px; + } + + .el-button { + margin-top: 5px; + } +} + +.headerCon > .el-button:nth-child(4) { + margin-left: 0; +} + +.headerCon > .el-button:nth-child(7) { + margin-left: 0; +} + + +.smallBtn { + width: 82px; + text-align: center; + padding-left: 4.5px; +} </style> -- Gitblit v1.9.3