| | |
| | | <basic-container class="businessTreeContainer"> |
| | | <div class="app"> |
| | | <div style="display: flex;margin-bottom: 10px;justify-content: space-around;"> |
| | | <el-button v-if="permissionList.addBtn" size="mini" type="primary" @click="businessAdd" plain style="width: 60px"> |
| | | <el-button v-if="permissionList.addBtn" plain size="mini" style="width: 60px" type="primary" |
| | | @click="businessAdd"> |
| | | 新增 |
| | | </el-button> |
| | | <el-button v-if="permissionList.editBtn" size="mini" type="primary" @click="businessEdit" plain style="width: 60px"> |
| | | <el-button v-if="permissionList.editBtn" plain size="mini" style="width: 60px" type="primary" |
| | | @click="businessEdit"> |
| | | 修改 |
| | | </el-button> |
| | | <el-button v-if="permissionList.table" size="mini" type="primary" |
| | | @click="selectFromTable" plain> 从已有中获取 |
| | | <el-button v-if="permissionList.table" plain size="mini" |
| | | type="primary" @click="selectFromTable"> 从已有中获取 |
| | | </el-button> |
| | | </div> |
| | | <avue-tree :data="treeData" :option="treeOption" class="businessTree" @node-click="nodeClick" style="width: fit-content;"> |
| | | <avue-tree :data="treeData" :option="treeOption" class="businessTree" style="height: 70.3vh" |
| | | @node-click="nodeClick"> |
| | | <template slot-scope="{ node, data }" class="el-tree-node__label"> |
| | | <el-tooltip :content="$createElement('div', { domProps: { innerHTML: node.label } })" class="item" effect="dark" |
| | | open-delay="250" |
| | | placement="right-start"> |
| | | <span> |
| | | <i :class="(node || {}).level === 2 ? 'el-icon-star-off' : 'el-icon-folder-opened'"></i> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | | </el-tooltip> |
| | | </template> |
| | | </avue-tree> |
| | | </div> |
| | |
| | | </avue-crud> |
| | | </basic-container> |
| | | </el-main> |
| | | <el-dialog :visible="ref.visible" append-to-body title="从数据库中添加" width="700px" @close="dialoghandelfalse" top="9vh"> |
| | | <el-dialog :visible="ref.visible" append-to-body title="从数据库中添加" top="9vh" width="700px" |
| | | @close="dialoghandelfalse"> |
| | | 选择领域: |
| | | <el-select v-model="domain" placeholder="请选择" size="small" @change="refOnLoad"> |
| | | <el-option v-for="item in domainOptions" :key="item.value" :label="item.label" :value="item.value"> |
| | |
| | | |
| | | |
| | | .app { |
| | | overflow: auto; |
| | | overflow-y: auto; |
| | | height: 84.3vh; |
| | | } |
| | | |
| | | .app::-webkit-scrollbar { |
| | | height: 15px; // 纵向滚动条 必写 |
| | | background: white; |
| | | border: white; |
| | | width: 10px; |
| | | |
| | | } |
| | | |
| | | // 滚动条的滑块 |
| | | .app::-webkit-scrollbar-thumb { |
| | | width: 10px; |
| | | height: 10px; |
| | | background-color: #ececec; |
| | | border-radius: 20px; |
| | | border: #ececec; |
| | | } |
| | | // |
| | | //.app::-webkit-scrollbar { |
| | | // height: 15px; // 纵向滚动条 必写 |
| | | // background: white; |
| | | // border: white; |
| | | // width: 10px; |
| | | // |
| | | //} |
| | | // |
| | | //// 滚动条的滑块 |
| | | //.app::-webkit-scrollbar-thumb { |
| | | // width: 10px; |
| | | // height: 10px; |
| | | // background-color: #ececec; |
| | | // border-radius: 20px; |
| | | // border: #ececec; |
| | | //} |
| | | |
| | | |
| | | </style> |