| | |
|---|
| | | //console.log(this.setCard,222) |
|---|
| | | }, |
|---|
| | | getCard() { //获取快捷菜单 |
|---|
| | | var data = this.$TOOL.data.get("MENU"); |
|---|
| | | this.workid = data[0].children[0].id; //记录第一个children的id |
|---|
| | | this.$HTTP.get(`/api/blade-system/workbench-card/list?workbenchId=${this.workid}`).then(res=> { |
|---|
| | | if(res.code == 200) { |
|---|
| | | this.setCard = res.data; |
|---|
| | |
|---|
| | | <style scoped> |
|---|
| | | ul {list-style: none;margin-bottom: 10px;overflow: hidden;} |
|---|
| | | ul li {float: left;margin-bottom: 8px;} |
|---|
| | | ul li div,.addMenu{border: 1px solid #3b8e8e;margin-top: 10px;height: 43px;margin-left: 10px;display: flex;align-items: center;justify-content: center;color: #3b8e8e;border-radius: 2px;border-radius: 2px;white-space: nowrap;cursor: pointer;min-width: 112px;} |
|---|
| | | ul li div,.addMenu{border: 1px solid #409eff;margin-top: 10px;height: 43px;margin-left: 10px;display: flex;align-items: center;justify-content: center;color: #409eff;border-radius: 2px;border-radius: 2px;white-space: nowrap;cursor: pointer;min-width: 112px;} |
|---|
| | | ul li div:hover {background-color: #ebf4f4;} |
|---|
| | | .addMenu {border: 1px dashed #3b8e8e;} |
|---|
| | | .addMenu {border: 1px dashed #409eff;} |
|---|
| | | ..addMenu:hover {border: 1px dashed #104E8B;} |
|---|
| | | .parent-children-title {margin-left: 10px;margin-top: 24px;font-weight: 700;font-size: 14px;text-align: left;color: #333;} |
|---|
| | | .parent-children {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;padding-left: 10px;box-sizing: border-box;} |
|---|
| | | .parent-children span {margin-left: 10px;margin-top: 10px;width: 22%;border: 0.5px solid #20B2AA;border-radius: 2px;height: 43px;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;min-width: 112px;} |
|---|
| | | .parent-children span:hover {border: 1px solid #104E8B;} |
|---|
| | | .triangle-topright {width: 0;height: 0;border-top: 28px solid #3b8e8e;border-left: 28px solid transparent;position: absolute;right: 0;top: 0;} |
|---|
| | | .triangle-topright {width: 0;height: 0;border-top: 28px solid #409eff;border-left: 28px solid transparent;position: absolute;right: 0;top: 0;} |
|---|
| | | .icon-topright {position: absolute;right: 2px;top: 2px;z-index: 2;color: #fff;} |
|---|
| | | .drawer-foot {text-align: right;margin-top: 8px;margin-bottom: 8px;margin-right: 20px;} |
|---|
| | | </style> |
|---|
