huanghai
/
dsProject
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

'commit'

Browse Source
main
kgdxpr 10 months ago
parent f0ae032559
commit 9c340c3e17
3 changed files with 287 additions and 145 deletions
Show Stats Download Patch File Download Diff File

87
dsBaseWeb/ds-base/html/pages/menu/add.html
Unescape View File

@ -6,7 +6,8 @@
<title>增加菜单</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="../../static/css/font.css">
<link rel="stylesheet" href="../../static/css/weadmin.css">
<link rel="stylesheet" href="../../lib/layui/css/layui.css">
@ -19,6 +20,7 @@
.layui-form-label {
width: 100px !important;
}
input[type='text'] {
width: 320px !important;
}
@ -33,15 +35,36 @@
<span class="we-red">*</span>菜单名称：
</label>
<div class="layui-input-inline ">
<input type="text" id="name" name="name" lay-verify="required|contentLength" max="64" autocomplete="off" class="layui-input">
<input type="text" id="name" name="name" lay-verify="required|contentLength" max="64"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label for="url" class="layui-form-label">
<span class="we-red">*</span>url地址：
</label>
<div class="layui-input-inline ">
<input type="text" id="url" name="url" lay-verify="required|contentLength" max="64" autocomplete="off" class="layui-input">
<input type="text" id="url" name="url" lay-verify="required|contentLength" max="64"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label for="name" class="layui-form-label">
<span class="we-red">*</span>图标：
</label>
<div class="layui-input-inline" style="display: flex;width: 300px;align-items: center;">
<input type="text" id="icon" name="icon" lay-verify="required" disabled value="Menu"
autocomplete="off" class="layui-input">
<div style="width: 50px;text-align: right;color: #1e9fff;cursor: pointer;" id="selectIcon">选择</div>
</div>
</div>
<div class="layui-form-item">
<label for="name" class="layui-form-label">
<span class="we-red">*</span>是否全屏：
</label>
<div class="layui-input-inline" style="display: flex;width: 300px;align-items: center;">
<input type="checkbox" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="是|否">
</div>
</div>
<div class="layui-form-item">
@ -49,7 +72,8 @@
<span class="we-red">*</span>排序号：
</label>
<div class="layui-input-inline ">
<input type="text" id="sort_id" name="sort_id" lay-verify="required|number" autocomplete="off" class="layui-input">
<input type="text" id="sort_id" name="sort_id" lay-verify="required|number" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
@ -57,7 +81,8 @@
<span class="we-red">*</span>描述信息：
</label>
<div class="layui-input-inline ">
<input type="text" id="memo" name="memo" lay-verify="required|contentLength" max="64" autocomplete="off" class="layui-input">
<input type="text" id="memo" name="memo" lay-verify="required|contentLength" max="64"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
@ -65,11 +90,16 @@
<span class="we-red">*</span>可用身份：
</label>
<div class="layui-input-item" style="width: 70%;float: left;padding-top:8px;margin-left: -10px">
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox" name="chk" title="超级管理员" value="1"></span>
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox" name="chk" title="市级管理员" value="2"></span>
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox" name="chk" title="县区管理员" value="3"></span>
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox" name="chk" lay-filter="chk" title="单位管理员" value="4"></span>
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox" name="chk" title="普通教师" value="5"></span>
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox" name="chk"
title="超级管理员" value="1"></span>
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox" name="chk"
title="市级管理员" value="2"></span>
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox" name="chk"
title="县区管理员" value="3"></span>
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox" name="chk"
lay-filter="chk" title="单位管理员" value="4"></span>
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox" name="chk"
title="普通教师" value="5"></span>
</div>
</div>
<div class="layui-form-item" id="school" style="display: none">
@ -77,8 +107,10 @@
<span class="we-red">*</span>学校管理员：
</label>
<div class="layui-input-item" style="width: 70%;float: left;padding-top:8px;margin-left: -10px">
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox" lay-filter="school" title="学校管理员" ></span>
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox" lay-filter="bureau" title="非学校管理员"></span>
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox"
lay-filter="school" title="学校管理员"></span>
<span style="display: inline-block;margin:0 10px 8px 10px"><input type="checkbox"
lay-filter="bureau" title="非学校管理员"></span>
</div>
</div>
<div class="layui-form-item">
@ -101,6 +133,8 @@
admin = layui.admin,
layer = layui.layer;
var id;
var isfullFlag = 0;
$(function () {
id = GetQueryString("id");
form.render();
@ -162,7 +196,9 @@
memo: f.memo,
identity_ids: f.chk,
for_school: for_school,
for_bureau:for_bureau
for_bureau: for_bureau,
icon: $("#icon").val(),
isFull: isfullFlag
},
success: function (data) {
if (data.success) {
@ -181,6 +217,31 @@
})
return false;
});
window.setIconName = function (iconName) {
$("#icon").val(iconName);
}
$("#selectIcon").click(function () {
layer.open({
type: 2,
area: ['500px', '450px'],
fix: false, //不固定
maxmin: true,
shadeClose: false,
shade: 0.4,
title: '选择图标',
content: './icons.html'
});
});
form.on('switch(switchTest)', function (data) {
if (this.checked) {
isfullFlag = 1;
} else {
}
});
});
</script>
</body>

81
dsBaseWeb/ds-base/html/pages/menu/icons.html
Unescape View File

@ -0,0 +1,81 @@
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<script src="https://unpkg.com/vue@3"></script>
<!-- import CSS -->
<link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
<!-- import JavaScript -->
<script src="https://unpkg.com/element-plus"></script>
<title>Element Plus demo</title>
<style>
.icon-list {
display: grid;
grid-template-columns: repeat(auto-fill, 115px);
justify-content: space-evenly;
max-height: 70vh;
}
.icon-item {
display: flex;
flex-direction: column;
align-items: center;
width: 42px;
padding: 20px 30px;
cursor: pointer;
transition: all .2s;
}
</style>
</head>
<body>
<div id="app">
<div class="icon-list">
<div v-for="item in iconsList" :key="item" class="icon-item" @click="selectIcon(item)">
<component :is="item" style="width: 20px;"></component>
<span>{{item}}</span>
</div>
</div>
</div>
<script src="https://unpkg.com/@element-plus/icons-vue"></script>
<script src="../../lib/layui/layui.js" charset="utf-8"></script>
<script>
const App = {
data() {
return {
message: "Hello Element Plus",
iconsList: []
};
},
mounted() {
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
this.iconsList.push(key);
// app.component(key, component)
}
},
methods: {
selectIcon(item) {
window.parent.setIconName(item);
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
},
},
};
const app = Vue.createApp(App);
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component)
}
app.use(ElementPlus);
app.mount("#app");
</script>
</body>
</html>

2
dsBaseWeb/ds-base/html/pages/menu/menuList.html
Unescape View File

@ -306,7 +306,7 @@
function operation(title,url,id){
layer.open({
type: 2,
area: ['600px', '515px'],
area: ['600px', '600px'],
fix: false, //不固定
maxmin: true,
shadeClose: false,

Write Preview
Loading…
Cancel
Save