| | |
| | | <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"> |
| | | <span> |
| | | <i class="el-icon-s-promotion"></i> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | |
| | | <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> |
| | | <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"> |
| | | :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> |
| | | <div> |
| | | <fieldset> |
| | | <legend> 查询条件 </legend> |
| | |
| | | ></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> |
| | |
| | | import FormDialog from "./formDialog.vue" |
| | | import func from "@/util/func"; |
| | | import formQueryDialog from "@/views/modelingMenu/queryTemplate/linkTypeQuery/formQueryDialog.vue"; |
| | | import {mapGetters} from "vuex"; |
| | | |
| | | export default { |
| | | name: "index", |
| | |
| | | selection: true, |
| | | menu: false, |
| | | height: "auto", |
| | | calcHeight: 300, |
| | | calcHeight: 305, |
| | | tip: false, |
| | | header:false, |
| | | column: [{ |
| | |
| | | prop: 'btmType', |
| | | width: 130, |
| | | formatter:function (row, value) { |
| | | return row.queryTemplate.btmType; |
| | | if (row.queryTemplate.btmType == '*') { |
| | | return '所有类型' |
| | | } else { |
| | | return row.queryTemplate.btmType; |
| | | } |
| | | } |
| | | }, { |
| | | label: '版本版次', |
| | |
| | | prop: 'queryISLeaf', |
| | | width: 120, |
| | | formatter:function (row, value) { |
| | | return row.queryTemplate.queryISLeaf |
| | | if(row.queryTemplate.queryISLeaf=='false' || row.queryTemplate.queryISLeaf==false){ |
| | | return '否' |
| | | }else{ |
| | | return '是' |
| | | } |
| | | } |
| | | }, { |
| | | label: '子节点层次数', |
| | |
| | | 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(); |
| | | }, |
| | |
| | | |
| | | // 树点击 |
| | | nodeClick(row) { |
| | | this.nodeRow = row; |
| | | this.tableLoading = true; |
| | | this.getTemp(); |
| | | 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() { |
| | |
| | | .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 { |