业务功能模块&&管理功能模块树结构修改为图标库图标以及图标选择修改为新图标库选择 系统菜单图标更改为图标库图标并且设置默认图标
| | |
| | | }, |
| | | //配置菜单的属性 |
| | | menu: { |
| | | iconDefault: 'iconfont icon-caidan', |
| | | iconDefault: 'iconoir:home', |
| | | props: { |
| | | label: 'name', |
| | | path: 'path', |
| | |
| | | span: 12, |
| | | row: true, |
| | | prop: 'userId', |
| | | readonly:true |
| | | disabled:true |
| | | }, |
| | | { |
| | | label: '姓名', |
| | |
| | | span: 12, |
| | | row: true, |
| | | prop: 'personName', |
| | | readonly:true, |
| | | disabled:true |
| | | }, |
| | | { |
| | | label: '当前密级', |
| | | span: 12, |
| | | row: true, |
| | | prop: 'userSecretText', |
| | | readonly:true, |
| | | disabled:true |
| | | }, |
| | | { |
| | | label: '邮箱', |
| | |
| | | :key="item[labelKey]" |
| | | :index="item[pathKey]"> |
| | | <template slot="title"> |
| | | <i :class="item[iconKey]" style="margin-right: 10px"></i> |
| | | <div style="display: flex"> |
| | | <icon-show :name="item[iconKey]" class="iconShowSpan"></icon-show> |
| | | <span slot="title" |
| | | :class="{'el-menu--display':collapse && first}">{{ generateTitle(item) }}</span> |
| | | </div> |
| | | </template> |
| | | <template v-for="(child,cindex) in item[childrenKey]"> |
| | | <el-menu-item v-if="validatenull(child[childrenKey])" |
| | |
| | | :class="{'is-active':vaildActive(child)}" |
| | | :index="child[pathKey],cindex" |
| | | @click="open(child)"> |
| | | <i :class="child[iconKey]" style="margin-right: 10px"></i> |
| | | <span slot="title">{{ generateTitle(child) }}</span> |
| | | <div style="display: flex"> |
| | | <icon-show :name="child[iconKey]" class="iconShowSpan"></icon-show> |
| | | <span slot="title">{{ generateTitle(child) }}</span> |
| | | </div> |
| | | </el-menu-item> |
| | | <sidebar-item v-else |
| | | :key="cindex" |
| | |
| | | outline: 0; |
| | | background-color: #060708; |
| | | } |
| | | |
| | | .iconShowSpan{ |
| | | display: inline-block; |
| | | margin-top: -2px; |
| | | width: 16px !important; |
| | | height: 16px !important; |
| | | margin-right: 10px; |
| | | color: #eeeeea; |
| | | } |
| | | </style> |
| | | |
| | | |
| | |
| | | <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> |
| | |
| | | <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>--> |
| | | <icon-show :name="data.icon"></icon-show> |
| | | <span style="display: flex"> |
| | | <icon-show :name="data.icon" class="iconShowSpan"></icon-show> |
| | | {{ (node || {}).label }} |
| | | </span> |
| | | </span> |
| | |
| | | id: item.id, |
| | | name: item.name, |
| | | leaf: !item.hasChildren, |
| | | icon: item.source || 'el-icon-s-home' |
| | | icon: item.source || 'iconoir:home' |
| | | } |
| | | })) |
| | | }) |
| | |
| | | margin-bottom: 15px; |
| | | } |
| | | |
| | | .iconShowSpan{ |
| | | display: inline-block; |
| | | width: 14px !important; |
| | | height: 14px !important; |
| | | margin-right: 3px; |
| | | } |
| | | </style> |