| | |
| | | <template> |
| | | <el-container> |
| | | <!-- 左侧菜单--> |
| | | <el-aside> |
| | | <el-aside style="width: 20%;"> |
| | | <basic-container> |
| | | <div> |
| | | <div> |
| | | <div style="display: flex; flex-direction: column;"> |
| | | <div style="display: flex;justify-content: space-around"> |
| | | <el-collapse accordion> |
| | | <el-collapse-item style="padding-left: 3px;"> |
| | | <template slot="title"> |
| | | <div style="display: flex;justify-content: space-around;"> |
| | | <el-button v-if="permissionList.TreeAddStatus" plain size="mini" type="primary" @click="TreeAdd">添加 |
| | | </el-button> |
| | | <el-button v-if="permissionList.TreeEditStatus" plain size="mini" type="primary" @click="TreeEdit">修改 |
| | | </el-button> |
| | | <el-button v-if="permissionList.TreeDelStatus" plain size="mini" type="primary" @click="TreeDel">删除 |
| | | </el-button> |
| | | </div> |
| | | <div style="display: flex; margin-top: 10px;justify-content: space-around"> |
| | | <el-button v-if="permissionList.flushedStatus" plain size="mini" type="primary" @click="flushed">刷新 |
| | | </el-button> |
| | | <el-button v-if="permissionList.EnableStatus" plain size="mini" type="primary" @click="Enable">启用 |
| | | </el-button> |
| | | <el-button v-if="permissionList.DeactivateStatus" plain size="mini" type="primary" @click="Deactivate"> |
| | | 停用 |
| | | </el-button> |
| | | </div> |
| | | <div style="display: flex; margin-top: 10px;justify-content: space-around"> |
| | | <el-button v-if="permissionList.ImportExcelStatus" plain size="mini" type="primary" |
| | | @click.native="ImportExcel">导入 |
| | | </el-button> |
| | | <el-button v-if="permissionList.ExportExcelStatus" plain size="mini" type="primary" |
| | | @click="ExportExcel">导出 |
| | | </el-button> |
| | | <el-button v-if="permissionList.ExportExcelStatus" plain size="mini" type="primary" |
| | | @click="testHandler">测试 |
| | | </el-button> |
| | | </div> |
| | | </template> |
| | | <div> |
| | | <el-button v-if="permissionList.EnableStatus" plain size="mini" type="primary" @click="Enable">启用 |
| | | </el-button> |
| | | <el-button v-if="permissionList.DeactivateStatus" plain size="mini" type="primary" @click="Deactivate"> |
| | | 停用 |
| | | </el-button> |
| | | <el-button v-if="permissionList.ImportExcelStatus" plain size="mini" type="primary" |
| | | @click.native="ImportExcel">导入 |
| | | </el-button> |
| | | <el-button v-if="permissionList.ExportExcelStatus" plain size="mini" type="primary" |
| | | @click="ExportExcel">导出 |
| | | </el-button> |
| | | </div> |
| | | <div style="display: flex;justify-content: space-around;margin-top: 5px;margin-bottom: 5px"> |
| | | <div style="margin-top: 10px;margin-bottom: 10px"> |
| | | <el-button v-if="permissionList.ExportExcelStatus" plain size="mini" type="primary" @click="testHandler">流水处理 |
| | | </el-button> |
| | | </div> |
| | | </div> |
| | | </el-collapse-item> |
| | | </el-collapse> |
| | | |
| | | <!-- 左侧树--> |
| | | <div style="height: calc(100vh - 230px);overflow: auto;"> |
| | | <div style="height: calc(100vh - 194px);overflow: auto;"> |
| | | <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata" |
| | | :defaultExpandAll="false" |
| | | :option="Treeoption" |
| | |
| | | :nodeList="nodeList" @MasterHandler="MasterHandler" @flushed="flushed" |
| | | @referTreeForm="referTreeForm"></classifyTreeform> |
| | | </el-dialog> |
| | | </div> |
| | | </basic-container> |
| | | </el-aside> |
| | | <el-main> |
| | |
| | | name: "classifyTrees.vue", |
| | | data() { |
| | | return { |
| | | activeName: 'first', |
| | | masterRow: null, |
| | | AddLoading: false, |
| | | // 定义一个变量来保存树请求的数量 |
| | |
| | | created() { |
| | | }, |
| | | methods: { |
| | | handleTabClick(){ |
| | | |
| | | }, |
| | | testHandler(){ |
| | | if(this.nodeClickList.length <=0 ){ |
| | | this.$message.warning('请至少选择一条数据!') |