| | |
| | | ></refer-config-dialog> |
| | | |
| | | </div> |
| | | <div> |
| | | |
| | | <el-table v-if="this.crudArrayFlag" |
| | | ref="referAttrCrud" |
| | | v-loading="loading" |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["permission"]), |
| | | //页面按钮权限 |
| | | permissionList() { |
| | | return { |
| | | busineStatus: this.vaildData(this.permission.classifyTree.attr_add, false), |
| | |
| | | this.attrSelectList = [row]; |
| | | this.$refs.referAttrCrud.setCurrentRow(row); |
| | | this.$refs.referAttrCrud.toggleRowSelection(row); //选中当前行 |
| | | |
| | | this.attrOid = row.oid; |
| | | this.attrRow = row; |
| | | }, |
| | |
| | | <el-container> |
| | | <!-- 左侧菜单--> |
| | | <el-aside> |
| | | <basic-container style="overflow:hidden;"> |
| | | <basic-container> |
| | | <div> |
| | | <div> |
| | | <div style="display: flex; flex-direction: column;"> |
| | |
| | | <div style="display: flex;justify-content: space-around;margin-top: 5px;margin-bottom: 5px"> |
| | | </div> |
| | | </div> |
| | | <!-- 左侧树--> |
| | | <div style="height: calc(100vh - 230px);overflow: auto"> |
| | | <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata" |
| | | :defaultExpandAll="false" |
| | | :option="Treeoption" |
| | | class="classifyTree" |
| | | @node-click="nodeClick" |
| | | > |
| | | </avue-tree> |
| | | </div> |
| | | |
| | | <!-- 树节点添加对话框--> |
| | | <el-dialog v-loading="AddLoading" :before-close="TreeEscHandler" |
| | | :title="this.TreeFlag ? '添加分类' :'添加主题库'" :visible.sync="TreeAddFormVisible" append-to-body |
| | |
| | | :nodeList="nodeList" @MasterHandler="MasterHandler" @flushed="flushed" |
| | | @referTreeForm="referTreeForm"></classifyTreeform> |
| | | </el-dialog> |
| | | <!-- 左侧树--> |
| | | <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata" |
| | | :defaultExpandAll="false" |
| | | :option="Treeoption" |
| | | class="classifyTree" |
| | | style="height: calc(100vh - 230px)" |
| | | @node-click="nodeClick" |
| | | > |
| | | </avue-tree> |
| | | </div> |
| | | </basic-container> |
| | | </el-aside> |
| | |
| | | import {mapGetters} from "vuex"; |
| | | export default { |
| | | name: "classifyTrees.vue", |
| | | inject: ["crudTreeData"], |
| | | data() { |
| | | return { |
| | | masterRow: null, |
| | |
| | | } |
| | | |
| | | .el-aside { |
| | | height: calc(100% - 30px); |
| | | //height: calc(100% - 30px); |
| | | } |
| | | |
| | | .el-main { |
| | |
| | | watch: { |
| | | btmType: { |
| | | handler(newval, oldval) { |
| | | console.log('监听', newval, oldval) |
| | | // console.log('监听', newval, oldval) |
| | | }, |
| | | deep: true, |
| | | immediate: true |
| | |
| | | }, |
| | | // 添加业务类型 |
| | | submitBtmType() { |
| | | console.log(this.btmType); |
| | | // console.log(this.btmType); |
| | | if (!this.btmType.attributes){ |
| | | this.$message.warning("还没有为业务类型选择属性"); |
| | | return; |
| | |
| | | }, |
| | | // 列表编辑保存 |
| | | cellEditSave(row,index) { |
| | | // console.log("1111111111111111111111") |
| | | this.btmType.attributes[index].name = row.name |
| | | this.btmType.attributes[index].defaultValue = row.defaultValue; |
| | | this.btmType.attributes[index].description = row.description; |
| | |
| | | <template> |
| | | <classifyTrees :crudData="crudTreeData" |
| | | ></classifyTrees> |
| | | <classifyTrees></classifyTrees> |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | export default { |
| | | name: "classifyTree.vue", |
| | | //使用provide传递给子组件 |
| | | //父传子有问题,暂时没解决,用provide代替父传子,子传父还是用$emit传递,注意!!!其他组件不能使用同样的类名否则会报错。 |
| | | provide() { |
| | | return { |
| | | crudTreeData: this.crudTreeData, |
| | | } |
| | | |
| | | }, |
| | | data() { |
| | | return { |
| | | aaa: 1, |
| | | crudTreeData: [ |
| | | { |
| | | value: 0, |
| | | column: [ |
| | | { |
| | | cash: "测试0" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | value: 1, |
| | | column: [ |
| | | { |
| | | cash: "测试1" |
| | | } |
| | | ] |
| | | } |
| | | ], |
| | | arr : [ |
| | | { |
| | | name: 'Alice', |