| | |
| | | <avue-tree :key="refresh" ref="tree" :data="treeData" :option="treeOption" node-key="id" |
| | | @node-click="nodeClick"> |
| | | <span slot-scope="{ node, data }" class="el-tree-node__label"> |
| | | <span> |
| | | <i :class="data.icon"></i> |
| | | <span style="display: flex"> |
| | | <icon-show :name="data.icon" class="iconShowSpan"></icon-show> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | | </span> |
| | |
| | | placeholder="数字,描述该模块在其父模块下的显示顺序"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="图标:"> |
| | | <avue-input-icon v-model="form.source" :disabled="!editStatus && !addStatus" :icon-list="iconList" |
| | | placeholder="请选择图标"> |
| | | </avue-input-icon> |
| | | <input-icon v-model="form.source" :disabled="!editStatus && !addStatus" placeholder="请选择图标"> |
| | | </input-icon> |
| | | </el-form-item> |
| | | <el-form-item label="描述:"> |
| | | <el-input v-model="form.remark" :disabled="!editStatus && !addStatus" :rows="3" placeholder="请输入描述" |
| | |
| | | } from "@/api/systemModel/mangeModel/api" |
| | | import func from "@/util/func"; |
| | | import basicOption from "@/util/basic-option"; |
| | | import iconList from "@/config/iconList"; |
| | | |
| | | export default { |
| | | name: "index", |
| | | data() { |
| | | return { |
| | | iconList: iconList, |
| | | tipList: [], |
| | | upFileType: ['xls', 'xlsx'], |
| | | fileUrl: 'api/hmSysModConfigController/importModule', |
| | |
| | | id: item.id, |
| | | name: item.name, |
| | | leaf: !item.hasChildren, |
| | | icon: item.source || 'el-icon-s-home' |
| | | icon: item.source || 'iconoir:home' |
| | | } |
| | | })) |
| | | }) |
| | |
| | | justify-content: left; |
| | | margin-bottom: 15px; |
| | | } |
| | | |
| | | .iconShowSpan{ |
| | | display: inline-block; |
| | | width: 14px !important; |
| | | height: 14px !important; |
| | | margin-right: 3px; |
| | | } |
| | | </style> |