wgh/coreshoppro
1
0
Fork 0
mirror of http://git.coreshop.cn/jianweie/coreshoppro.git synced 2026-02-05 23:09:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

新增新版layui图标Icon下拉选择器【iconSelected】替换【iconPicker】旧版选择器

Browse Source
This commit is contained in:
大灰灰
2023-01-13 01:57:49 +08:00
parent 715624344d
commit ed1f08f295
6 changed files with 1042 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
CoreCms.Net.Web.Admin/wwwroot/views/system/sysmenu/create.html
View File

@@ -91,36 +91,27 @@
layui.data.done = function (d) {
//开启调试情况下获取接口赋值数据
if (debug) { console.log(d.params.data); }
layui.use(['admin', 'form', 'laydate', 'upload', 'coreHelper', 'xmSelect', 'iconPicker'],
layui.use(['admin', 'form', 'laydate', 'upload', 'coreHelper', 'xmSelect', 'iconSelected'],
function () {
var $ = layui.$
, form = layui.form
, admin = layui.admin
, laydate = layui.laydate
, upload = layui.upload
, iconPicker = layui.iconPicker
, iconSelected = layui.iconSelected
, cropperImg = layui.cropperImg
, xmSelect = layui.xmSelect;
iconPicker.render({
elem: '.menuIcon'
, style: 'color: #5FB878;'
, placeholder: ''
//,isSplit: true
, page: true
//,search: false
, click: function (obj) {
console.log(obj)
//this.elem.val(obj.className)
}
, ready: function () {
console.log(1)
}
iconSelected.render(".menuIcon", {
event: {
select(event, data) {
console.log("选中的图标数据", { event, data });
},
},
width: '300',
placeholder: '请点击选择图标'
});
var list = [];
let item = {
menuName: "无上级",

37
CoreCms.Net.Web.Admin/wwwroot/views/system/sysmenu/edit.html
View File

@@ -21,10 +21,10 @@
<div class="layui-form-item">
<label for="menuIcon" class="layui-form-label">菜单图标</label>
<div class="layui-input-block">
<input name="menuIcon" id="menuIcon" value="{{d.params.data.menuIcon || '' }}" class="layui-input menuIcon" lay-reqText="请输入菜单图标" placeholder="请输入菜单图标" lay-options="{isSplit: true, replace: 'icon'}" />
<input name="menuIcon" id="menuIcon" value="{{d.params.data.menuIcon || '' }}" class="layui-input menuIcon" lay-reqText="请输入菜单图标" placeholder="请输入菜单图标" lay-options="{isSplit: true, replace: 'icon'}" />
</div>
</div>
<div class="layui-form-item" pane>
<label for="menuType" class="layui-form-label layui-form-required">菜单类型</label>
<div class="layui-input-block">
@@ -32,7 +32,7 @@
<input name="menuType" type="radio" value="1" title="按钮" {{ d.params.data.menuType ? 'checked' : '' }} />
</div>
</div>
</div>
<div class="layui-col-md6">
@@ -64,7 +64,7 @@
</div>
</div>
</div>
<div class="layui-form-item">
<label for="path" class="layui-form-label">菜单Url</label>
<div class="layui-input-block">
@@ -90,35 +90,28 @@
layui.data.sendParams = function (d) {
//开启调试情况下获取接口赋值数据
if (debug) { console.log(d.params.data); }
layui.use(['admin', 'form', 'laydate', 'upload', 'coreHelper', 'xmSelect', 'iconPicker'],
layui.use(['admin', 'form', 'laydate', 'upload', 'coreHelper', 'xmSelect', 'iconSelected'],
function () {
var $ = layui.$
, form = layui.form
, admin = layui.admin
, laydate = layui.laydate
, upload = layui.upload
, iconPicker = layui.iconPicker
, iconSelected = layui.iconSelected
, cropperImg = layui.cropperImg
, xmSelect = layui.xmSelect;
iconPicker.render({
elem: '.menuIcon'
, style: 'color: #5FB878;'
, placeholder: d.params.data.menuIcon
//,isSplit: true
, page: true
//,search: false
, click: function (obj) {
console.log(obj)
//this.elem.val(obj.className)
}
, ready: function () {
console.log(1)
}
iconSelected.render(".menuIcon", {
event: {
select(event, data) {
console.log("选中的图标数据", { event, data });
},
},
width: '300',
value: d.params.data.menuIcon,
placeholder: '请点击选择图标'
});
var list = [];
let item = {
menuName: "无上级",