| | |
| | | <div> |
| | | <div style="display: flex; flex-direction: column;"> |
| | | <div style="display: flex;"> |
| | | <el-button plain size="small" type="primary" @click="TreeAdd">添加</el-button> |
| | | <el-button plain size="small" type="primary" @click="TreeEdit">修改</el-button> |
| | | <el-button plain size="small" type="primary" @click="TreeDel">删除</el-button> |
| | | <el-button plain size="small" type="primary" @click="flushed">刷新</el-button> |
| | | <el-button plain size="small" type="primary" @click="TreeAdd" v-if="permissionList.TreeAddStatus">添加</el-button> |
| | | <el-button plain size="small" type="primary" @click="TreeEdit" v-if="permissionList.TreeEditStatus">修改</el-button> |
| | | <el-button plain size="small" type="primary" @click="TreeDel" v-if="permissionList.TreeDelStatus">删除</el-button> |
| | | <el-button plain size="small" type="primary" @click="flushed" v-if="permissionList.flushedStatus">刷新</el-button> |
| | | </div> |
| | | <div style="display: flex; margin-top: 10px"> |
| | | <el-button plain size="small" type="primary" @click="Enable">启用</el-button> |
| | | <el-button plain size="small" type="primary" @click="Deactivate">停用</el-button> |
| | | <el-button plain size="small" type="primary" @click.native="ImportExcel">导入</el-button> |
| | | <el-button plain size="small" type="primary" @click="ExportExcel">导出</el-button> |
| | | <el-button plain size="small" type="primary" @click="Enable" v-if="permissionList.EnableStatus">启用</el-button> |
| | | <el-button plain size="small" type="primary" @click="Deactivate" v-if="permissionList.DeactivateStatus">停用</el-button> |
| | | <el-button plain size="small" type="primary" @click.native="ImportExcel" v-if="permissionList.ImportExcelStatus">导入</el-button> |
| | | <el-button plain size="small" type="primary" @click="ExportExcel" v-if="permissionList.ExportExcelStatus">导出</el-button> |
| | | </div> |
| | | </div> |
| | | <div style="display: flex;justify-content: space-around;margin-top: 5px;margin-bottom: 5px"> |
| | |
| | | </template> |
| | | |
| | | <template slot="menuLeft"> |
| | | <el-button plain size="small" type="primary" @click="FindeHanler">查询</el-button> |
| | | <el-button plain size="small" type="primary" @click="TemRefresh">刷新</el-button> |
| | | <el-button plain size="small" type="primary" @click="CloneBtn">从其它模板克隆</el-button> |
| | | <el-button plain size="small" type="primary" @click="FindeHanler" v-if="permissionList.FindStatus">查询</el-button> |
| | | <el-button plain size="small" type="primary" @click="TemRefresh" v-if="permissionList.TemRefreshStatus">刷新</el-button> |
| | | <el-button plain size="small" type="primary" @click="CloneBtn" v-if="permissionList.CloneBtnStuatus">从其它模板克隆</el-button> |
| | | <!-- 查询对话框--> |
| | | <el-dialog :visible.sync="FindFormVisible" append-to-body title="高级查询"> |
| | | <div> |
| | |
| | | } from "@/api/template/templateAttr"; |
| | | import {defaultReferDataGrid, referDataGrid} from '@/api/MasterData/master' |
| | | import func from "@/util/func"; |
| | | |
| | | import {mapGetters} from "vuex"; |
| | | export default { |
| | | name: "classifyTrees.vue", |
| | | //使用inject接收参数 |
| | | //Treeoption左侧树新增表单项 Treedata左侧树节点 配置项 crudTreeOption右侧表格配置项 crudTreeData右侧表格显示内容 |
| | | //Treeform右侧表单配置项 |
| | | inject: ["crudTreeData"], |
| | | data() { |
| | | return { |
| | |
| | | } |
| | | }, |
| | | watch: {}, |
| | | //tab栏默认是表格 |
| | | mounted() { |
| | | this.type = this.tabOption.column[0]; |
| | | this.getAttr(); |
| | |
| | | }, true) |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["permission"]), |
| | | permissionList(){ |
| | | return{ |
| | | TreeAddStatus:this.vaildData(this.permission.classifyTree.tree_add,false), |
| | | TreeEditStatus:this.vaildData(this.permission.classifyTree.tree_edit,false), |
| | | TreeDelStatus:this.vaildData(this.permission.classifyTree.tree_delete,false), |
| | | flushedStatus:this.vaildData(this.permission.classifyTree.tree_break,false), |
| | | EnableStatus:this.vaildData(this.permission.classifyTree.tree_enable,false), |
| | | DeactivateStatus:this.vaildData(this.permission.classifyTree.tree_stop,false), |
| | | ImportExcelStatus:this.vaildData(this.permission.classifyTree.tree_import,false), |
| | | ExportExcelStatus:this.vaildData(this.permission.classifyTree.tree_export,false), |
| | | FindStatus:this.vaildData(this.permission.classifyTree.manage_search,false), |
| | | TemRefreshStatus:this.vaildData(this.permission.classifyTree.manage_break,false), |
| | | CloneBtnStuatus:this.vaildData(this.permission.classifyTree.manage_clone,false), |
| | | } |
| | | }, |
| | | crudTreeOption() { |
| | | return { |
| | | index: true, |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | |
| | | }, |
| | | methods: { |
| | | //存储的业务类型关闭 |