zhuqiang
This commit is contained in:
zhuqiang
parent
94f1cffb8d
commit
5b664ca253
|
|
@ -0,0 +1,248 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>黔送固定资产管理系统</title>
|
||||
<meta name="keywords" content="layuimini,layui,layui模板,layui后台,后台模板,admin,admin模板,layui mini">
|
||||
<meta name="description"
|
||||
content="layuimini基于layui的轻量级前端后台管理框架，最简洁、易用的后台框架模板，面向所有层次的前后端程序,只需提供一个接口就直接初始化整个框架，无需复杂操作。">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta http-equiv="Access-Control-Allow-Origin" content="*">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link rel="icon" href="images/favicon.ico">
|
||||
<link rel="stylesheet" href="lib/layui-v2.6.3/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="css/layuimini.css?v=2.0.4.2" media="all">
|
||||
<link rel="stylesheet" href="css/themes/default.css" media="all">
|
||||
<link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
||||
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<style id="layuimini-bg-color">
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="layui-layout-body layuimini-all">
|
||||
<div class="layui-layout layui-layout-admin">
|
||||
|
||||
<div class="layui-header header">
|
||||
<div class="layui-logo layuimini-logo"></div>
|
||||
|
||||
<div class="layuimini-header-content">
|
||||
<a>
|
||||
<div class="layuimini-tool"><i title="展开" class="fa fa-outdent" data-side-fold="1"></i></div>
|
||||
</a>
|
||||
|
||||
<!--电脑端头部菜单-->
|
||||
<!-- <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-menu-header-pc layuimini-pc-show">
|
||||
</ul> -->
|
||||
|
||||
<!--手机端头部菜单-->
|
||||
<!-- <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-mobile-show">
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;"><i class="fa fa-list-ul"></i> 选择模块</a>
|
||||
<dl class="layui-nav-child layuimini-menu-header-mobile">
|
||||
</dl>
|
||||
</li>
|
||||
</ul> -->
|
||||
|
||||
<ul class="layui-nav layui-layout-right">
|
||||
|
||||
<li class="layui-nav-item" lay-unselect>
|
||||
<a href="javascript:;" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
|
||||
</li>
|
||||
<li class="layui-nav-item" lay-unselect>
|
||||
<a href="javascript:;" data-clear="清理" class="layuimini-clear"><i class="fa fa-trash-o"></i></a>
|
||||
</li>
|
||||
<li class="layui-nav-item mobile layui-hide-xs" lay-unselect>
|
||||
<a href="javascript:;" data-check-screen="full"><i class="fa fa-arrows-alt"></i></a>
|
||||
</li>
|
||||
<!-- <li class="layui-nav-item layuimini-setting">
|
||||
<a href="javascript:;">admin</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd>
|
||||
<a href="javascript:;" layuimini-content-href="page/user-setting.html" data-title="基本资料" data-icon="fa fa-gears">基本资料<span class="layui-badge-dot"></span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" layuimini-content-href="page/user-password.html" data-title="修改密码" data-icon="fa fa-gears">修改密码</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<hr>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" class="login-out">退出登录</a>
|
||||
</dd>
|
||||
</dl>
|
||||
</li> -->
|
||||
<li class="layui-nav-item layuimini-select-bgcolor" lay-unselect>
|
||||
<a href="javascript:;" data-bgcolor="配色方案"><i class="fa fa-ellipsis-v"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--无限极左侧菜单-->
|
||||
<div class="layui-side layui-bg-black layuimini-menu-left">
|
||||
</div>
|
||||
|
||||
<!--初始化加载层-->
|
||||
<div class="layuimini-loader">
|
||||
<div class="layuimini-loader-inner"></div>
|
||||
</div>
|
||||
|
||||
<!--手机端遮罩层-->
|
||||
<div class="layuimini-make"></div>
|
||||
|
||||
<!-- 移动导航 -->
|
||||
<div class="layuimini-site-mobile"><i class="layui-icon"></i></div>
|
||||
|
||||
<div class="layui-body">
|
||||
|
||||
<div class="layuimini-tab layui-tab-rollTool layui-tab" lay-filter="layuiminiTab" lay-allowclose="true">
|
||||
<ul class="layui-tab-title">
|
||||
<li class="layui-this" id="layuiminiHomeTabId" lay-id=""></li>
|
||||
</ul>
|
||||
<div class="layui-tab-control">
|
||||
<li class="layuimini-tab-roll-left layui-icon layui-icon-left"></li>
|
||||
<li class="layuimini-tab-roll-right layui-icon layui-icon-right"></li>
|
||||
<li class="layui-tab-tool layui-icon layui-icon-down">
|
||||
<ul class="layui-nav close-box">
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;"><span class="layui-nav-more"></span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" layuimini-tab-close="current">关 闭 当 前</a></dd>
|
||||
<dd><a href="javascript:;" layuimini-tab-close="other">关 闭 其 他</a></dd>
|
||||
<dd><a href="javascript:;" layuimini-tab-close="all">关 闭 全 部</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</div>
|
||||
<div class="layui-tab-content">
|
||||
<div id="layuiminiHomeTabIframe" class="layui-tab-item layui-show"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script src="lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
|
||||
<script src="js/lay-config.js?v=2.0.0" charset="utf-8"></script>
|
||||
<script src="lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
|
||||
<script src="js/public.js" charset="utf-8"></script>
|
||||
<script>
|
||||
layui.use(['jquery', 'layer', 'miniAdmin', 'miniTongji'], function () {
|
||||
var $ = layui.jquery,
|
||||
layer = layui.layer,
|
||||
miniAdmin = layui.miniAdmin,
|
||||
miniTongji = layui.miniTongji;
|
||||
let token = getUrlParam('token');
|
||||
if (!token) {
|
||||
let gz_token = sessionStorage.getItem("gz-token");
|
||||
if (gz_token) {
|
||||
token = gz_token;
|
||||
}
|
||||
}
|
||||
console.log('当前登录的token:' + token);
|
||||
if (token) {
|
||||
console.log('走的跳转登录');
|
||||
sessionStorage.setItem('gz-token', token);
|
||||
// 校验传过来的token是否合法
|
||||
let url = dataUrl + 'backstage/health/isHealth'
|
||||
ajaxRequest(url, "GET", null, false, function () {
|
||||
}, function (result) {
|
||||
console.log(result);
|
||||
if (result.code === 200) {
|
||||
var url = window.location.href; //获取当前页面的url
|
||||
if (url.indexOf("?") != -1) { //判断是否存在参数
|
||||
url = url.replace(/(\?|#)[^'"]*/, ''); //去除参数
|
||||
window.history.pushState({}, 0, url);
|
||||
}
|
||||
initPage(miniAdmin);
|
||||
} else if (result.code === 401) {
|
||||
closeWindowOpen();
|
||||
}
|
||||
}, function (xhr, status, error) {
|
||||
errorFn(xhr, status, error)
|
||||
}, null);
|
||||
} else {
|
||||
console.log('走的自己登录');
|
||||
login(miniAdmin);
|
||||
// window.location = 'page/welcome-1.html';
|
||||
}
|
||||
/* var options = {
|
||||
iniUrl: "api/init.json", // 初始化接口
|
||||
clearUrl: "api/clear.json", // 缓存清理接口
|
||||
urlHashLocation: true, // 是否打开hash定位
|
||||
bgColorDefault: false, // 主题默认配置
|
||||
multiModule: true, // 是否开启多模块
|
||||
menuChildOpen: false, // 是否默认展开菜单
|
||||
loadingTime: 0, // 初始化加载时间
|
||||
pageAnim: true, // iframe窗口动画
|
||||
maxTabNum: 20, // 最大的tab打开数量
|
||||
};
|
||||
miniAdmin.render(options); */
|
||||
|
||||
// 百度统计代码，只统计指定域名
|
||||
miniTongji.render({
|
||||
specific: true,
|
||||
domains: [
|
||||
'99php.cn',
|
||||
'layuimini.99php.cn',
|
||||
'layuimini-onepage.99php.cn',
|
||||
],
|
||||
});
|
||||
|
||||
$('.login-out').on("click", function () {
|
||||
layer.msg('退出登录成功', function () {
|
||||
window.location = 'page/login-3.html';
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// 初始化页面
|
||||
function initPage(miniAdmin){
|
||||
var options = {
|
||||
iniUrl: "api/init.json", // 初始化接口
|
||||
clearUrl: "api/clear.json", // 缓存清理接口
|
||||
urlHashLocation: true, // 是否打开hash定位
|
||||
bgColorDefault: false, // 主题默认配置
|
||||
multiModule: true, // 是否开启多模块
|
||||
menuChildOpen: false, // 是否默认展开菜单
|
||||
loadingTime: 0, // 初始化加载时间
|
||||
pageAnim: true, // iframe窗口动画
|
||||
maxTabNum: 20, // 最大的tab打开数量
|
||||
};
|
||||
miniAdmin.render(options);
|
||||
}
|
||||
|
||||
function login(miniAdmin) {
|
||||
// 登录获取token
|
||||
let login_url = dataUrl + 'login/userLogin'
|
||||
const params = {
|
||||
"username": 'bns',
|
||||
// "password": '3NBzZK7qxhMhrmvi63FnuQ==',
|
||||
"password": '1769fb2837e10e9d22c1c25add76355a',
|
||||
}
|
||||
ajaxRequest(login_url, "POST", params, true, function () {
|
||||
}, function (result) {
|
||||
console.log(result);
|
||||
if (result.code === 200) {
|
||||
sessionStorage.setItem('gz-token', result.token);
|
||||
sessionStorage.setItem('us', JSON.stringify(result.user));
|
||||
initPage(miniAdmin);
|
||||
} else if (result.code === 500) {
|
||||
// layer.msg(result.msg, { icon: 2 });
|
||||
}
|
||||
}, function (xhr, status, error) {
|
||||
errorFn(xhr, status, error)
|
||||
}, null);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,248 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>黔送固定资产管理系统</title>
|
||||
<meta name="keywords" content="layuimini,layui,layui模板,layui后台,后台模板,admin,admin模板,layui mini">
|
||||
<meta name="description"
|
||||
content="layuimini基于layui的轻量级前端后台管理框架，最简洁、易用的后台框架模板，面向所有层次的前后端程序,只需提供一个接口就直接初始化整个框架，无需复杂操作。">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta http-equiv="Access-Control-Allow-Origin" content="*">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link rel="icon" href="images/favicon.ico">
|
||||
<link rel="stylesheet" href="lib/layui-v2.6.3/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="css/layuimini.css?v=2.0.4.2" media="all">
|
||||
<link rel="stylesheet" href="css/themes/default.css" media="all">
|
||||
<link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
||||
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<style id="layuimini-bg-color">
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="layui-layout-body layuimini-all">
|
||||
<div class="layui-layout layui-layout-admin">
|
||||
|
||||
<div class="layui-header header">
|
||||
<div class="layui-logo layuimini-logo"></div>
|
||||
|
||||
<div class="layuimini-header-content">
|
||||
<a>
|
||||
<div class="layuimini-tool"><i title="展开" class="fa fa-outdent" data-side-fold="1"></i></div>
|
||||
</a>
|
||||
|
||||
<!--电脑端头部菜单-->
|
||||
<!-- <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-menu-header-pc layuimini-pc-show">
|
||||
</ul> -->
|
||||
|
||||
<!--手机端头部菜单-->
|
||||
<!-- <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-mobile-show">
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;"><i class="fa fa-list-ul"></i> 选择模块</a>
|
||||
<dl class="layui-nav-child layuimini-menu-header-mobile">
|
||||
</dl>
|
||||
</li>
|
||||
</ul> -->
|
||||
|
||||
<ul class="layui-nav layui-layout-right">
|
||||
|
||||
<li class="layui-nav-item" lay-unselect>
|
||||
<a href="javascript:;" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
|
||||
</li>
|
||||
<li class="layui-nav-item" lay-unselect>
|
||||
<a href="javascript:;" data-clear="清理" class="layuimini-clear"><i class="fa fa-trash-o"></i></a>
|
||||
</li>
|
||||
<li class="layui-nav-item mobile layui-hide-xs" lay-unselect>
|
||||
<a href="javascript:;" data-check-screen="full"><i class="fa fa-arrows-alt"></i></a>
|
||||
</li>
|
||||
<!-- <li class="layui-nav-item layuimini-setting">
|
||||
<a href="javascript:;">admin</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd>
|
||||
<a href="javascript:;" layuimini-content-href="page/user-setting.html" data-title="基本资料" data-icon="fa fa-gears">基本资料<span class="layui-badge-dot"></span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" layuimini-content-href="page/user-password.html" data-title="修改密码" data-icon="fa fa-gears">修改密码</a>
|
||||
</dd>
|
||||
<dd>
|
||||
<hr>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" class="login-out">退出登录</a>
|
||||
</dd>
|
||||
</dl>
|
||||
</li> -->
|
||||
<li class="layui-nav-item layuimini-select-bgcolor" lay-unselect>
|
||||
<a href="javascript:;" data-bgcolor="配色方案"><i class="fa fa-ellipsis-v"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--无限极左侧菜单-->
|
||||
<div class="layui-side layui-bg-black layuimini-menu-left">
|
||||
</div>
|
||||
|
||||
<!--初始化加载层-->
|
||||
<div class="layuimini-loader">
|
||||
<div class="layuimini-loader-inner"></div>
|
||||
</div>
|
||||
|
||||
<!--手机端遮罩层-->
|
||||
<div class="layuimini-make"></div>
|
||||
|
||||
<!-- 移动导航 -->
|
||||
<div class="layuimini-site-mobile"><i class="layui-icon"></i></div>
|
||||
|
||||
<div class="layui-body">
|
||||
|
||||
<div class="layuimini-tab layui-tab-rollTool layui-tab" lay-filter="layuiminiTab" lay-allowclose="true">
|
||||
<ul class="layui-tab-title">
|
||||
<li class="layui-this" id="layuiminiHomeTabId" lay-id=""></li>
|
||||
</ul>
|
||||
<div class="layui-tab-control">
|
||||
<li class="layuimini-tab-roll-left layui-icon layui-icon-left"></li>
|
||||
<li class="layuimini-tab-roll-right layui-icon layui-icon-right"></li>
|
||||
<li class="layui-tab-tool layui-icon layui-icon-down">
|
||||
<ul class="layui-nav close-box">
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;"><span class="layui-nav-more"></span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" layuimini-tab-close="current">关 闭 当 前</a></dd>
|
||||
<dd><a href="javascript:;" layuimini-tab-close="other">关 闭 其 他</a></dd>
|
||||
<dd><a href="javascript:;" layuimini-tab-close="all">关 闭 全 部</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</div>
|
||||
<div class="layui-tab-content">
|
||||
<div id="layuiminiHomeTabIframe" class="layui-tab-item layui-show"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script src="lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
|
||||
<script src="js/lay-config.js?v=2.0.0" charset="utf-8"></script>
|
||||
<script src="lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
|
||||
<script src="js/public.js" charset="utf-8"></script>
|
||||
<script>
|
||||
layui.use(['jquery', 'layer', 'miniAdmin', 'miniTongji'], function () {
|
||||
var $ = layui.jquery,
|
||||
layer = layui.layer,
|
||||
miniAdmin = layui.miniAdmin,
|
||||
miniTongji = layui.miniTongji;
|
||||
let token = getUrlParam('token');
|
||||
if (!token) {
|
||||
let gz_token = sessionStorage.getItem("gz-token");
|
||||
if (gz_token) {
|
||||
token = gz_token;
|
||||
}
|
||||
}
|
||||
console.log('当前登录的token:' + token);
|
||||
if (token) {
|
||||
console.log('走的跳转登录');
|
||||
sessionStorage.setItem('gz-token', token);
|
||||
// 校验传过来的token是否合法
|
||||
let url = dataUrl + 'backstage/health/isHealth'
|
||||
ajaxRequest(url, "GET", null, false, function () {
|
||||
}, function (result) {
|
||||
console.log(result);
|
||||
if (result.code === 200) {
|
||||
var url = window.location.href; //获取当前页面的url
|
||||
if (url.indexOf("?") != -1) { //判断是否存在参数
|
||||
url = url.replace(/(\?|#)[^'"]*/, ''); //去除参数
|
||||
window.history.pushState({}, 0, url);
|
||||
}
|
||||
initPage(miniAdmin);
|
||||
} else if (result.code === 401) {
|
||||
closeWindowOpen();
|
||||
}
|
||||
}, function (xhr, status, error) {
|
||||
errorFn(xhr, status, error)
|
||||
}, null);
|
||||
} else {
|
||||
console.log('走的自己登录');
|
||||
//login(miniAdmin);
|
||||
window.location = 'page/welcome-1.html';
|
||||
}
|
||||
/* var options = {
|
||||
iniUrl: "api/init.json", // 初始化接口
|
||||
clearUrl: "api/clear.json", // 缓存清理接口
|
||||
urlHashLocation: true, // 是否打开hash定位
|
||||
bgColorDefault: false, // 主题默认配置
|
||||
multiModule: true, // 是否开启多模块
|
||||
menuChildOpen: false, // 是否默认展开菜单
|
||||
loadingTime: 0, // 初始化加载时间
|
||||
pageAnim: true, // iframe窗口动画
|
||||
maxTabNum: 20, // 最大的tab打开数量
|
||||
};
|
||||
miniAdmin.render(options); */
|
||||
|
||||
// 百度统计代码，只统计指定域名
|
||||
miniTongji.render({
|
||||
specific: true,
|
||||
domains: [
|
||||
'99php.cn',
|
||||
'layuimini.99php.cn',
|
||||
'layuimini-onepage.99php.cn',
|
||||
],
|
||||
});
|
||||
|
||||
$('.login-out').on("click", function () {
|
||||
layer.msg('退出登录成功', function () {
|
||||
window.location = 'page/login-3.html';
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
// 初始化页面
|
||||
function initPage(miniAdmin){
|
||||
var options = {
|
||||
iniUrl: "api/init.json", // 初始化接口
|
||||
clearUrl: "api/clear.json", // 缓存清理接口
|
||||
urlHashLocation: true, // 是否打开hash定位
|
||||
bgColorDefault: false, // 主题默认配置
|
||||
multiModule: true, // 是否开启多模块
|
||||
menuChildOpen: false, // 是否默认展开菜单
|
||||
loadingTime: 0, // 初始化加载时间
|
||||
pageAnim: true, // iframe窗口动画
|
||||
maxTabNum: 20, // 最大的tab打开数量
|
||||
};
|
||||
miniAdmin.render(options);
|
||||
}
|
||||
|
||||
function login(miniAdmin) {
|
||||
// 登录获取token
|
||||
let login_url = dataUrl + 'login/userLogin'
|
||||
const params = {
|
||||
"username": 'bns',
|
||||
// "password": '3NBzZK7qxhMhrmvi63FnuQ==',
|
||||
"password": '1769fb2837e10e9d22c1c25add76355a',
|
||||
}
|
||||
ajaxRequest(login_url, "POST", params, true, function () {
|
||||
}, function (result) {
|
||||
console.log(result);
|
||||
if (result.code === 200) {
|
||||
sessionStorage.setItem('gz-token', result.token);
|
||||
sessionStorage.setItem('us', JSON.stringify(result.user));
|
||||
initPage(miniAdmin);
|
||||
} else if (result.code === 500) {
|
||||
// layer.msg(result.msg, { icon: 2 });
|
||||
}
|
||||
}, function (xhr, status, error) {
|
||||
errorFn(xhr, status, error)
|
||||
}, null);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
<component name="InspectionProjectProfileManager">
|
||||
<profile version="1.0">
|
||||
<option name="myName" value="Project Default" />
|
||||
</profile>
|
||||
</component>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"liveServer.settings.port": 8001
|
||||
}
|
||||
|
|
@ -100,7 +100,6 @@
|
|||
.overview_item {
|
||||
width: 100%;
|
||||
min-height: 115px;
|
||||
background-color: rgb(49, 167, 255);
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
padding: 20px;
|
||||
|
|
@ -112,6 +111,11 @@
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
.overview_item_left >img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.overview_item_right {
|
||||
color: #ffffff;
|
||||
margin-left: 10px;
|
||||
|
|
@ -216,11 +220,13 @@
|
|||
display: flex;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.supplier_table_body_item {
|
||||
display: flex;
|
||||
padding: 10px 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.supplier_table_body_item > div {
|
||||
|
|
@ -232,12 +238,11 @@
|
|||
justify-content: center;
|
||||
}
|
||||
|
||||
.table_body_item>div {
|
||||
.table_body_item > div {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.table_body_item:hover {
|
||||
|
|
@ -249,6 +254,8 @@
|
|||
height: 24px;
|
||||
color: #ffffff;
|
||||
border-radius: 4px;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.plan_tips {
|
||||
|
|
@ -291,6 +298,13 @@
|
|||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.table_img_txt > div {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
#time_range_id {
|
||||
height: 32px;
|
||||
width: 330px;
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="20px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -347 -224 )">
|
||||
<path d="M 14 14.02727271875 C 14.227272734375 17.190909078125 12.0909091015625 19.7545454375 9.5 19.7545454609375 L 0 19.7545454609375 L 0 0.336363640625 L 14 0.336363640625 L 14 14.02727271875 Z M 1 1.42727271875 L 1 18.663636359375 L 9.5 18.663636359375 C 11.5909090820312 18.663636359375 13.3181818164063 16.590909078125 13.3181818164063 14.0818181796875 L 13.3181818164063 1.42727271875 L 1 1.42727271875 Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 347 224 )" />
|
||||
</g>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -107 -224 )">
|
||||
<path d="M 0.52421875 6.35078125 C 0.50546875 6.9671875 0.8125 7.53203125 1.32578125 7.825 L 8.64296875 12.015625 C 9.06953125 12.2640625 9.5546875 12.39765625 10.046875 12.39765625 C 10.54375 12.39765625 11.02421875 12.26640625 11.4390625 12.015625 L 18.7609375 7.8296875 C 19.26953125 7.553125 19.5859375 6.97421875 19.56953125 6.35078125 C 19.55078125 5.73671875 19.20859375 5.17421875 18.69296875 4.91640625 L 11.29609375 1.225 C 10.5015625 0.82890625 9.58984375 0.82890625 8.79765625 1.225 L 1.39609375 4.91875 C 0.86875 5.190625 0.54296875 5.72734375 0.52421875 6.35078125 Z M 1.525 6.38125 C 1.53203125 6.12578125 1.65625 5.9125 1.8484375 5.81171875 L 9.2453125 2.1203125 C 9.50078125 1.99375 9.77265625 1.928125 10.046875 1.928125 C 10.32109375 1.928125 10.5953125 1.99140625 10.8484375 2.1203125 L 18.24296875 5.81171875 C 18.4328125 5.90546875 18.559375 6.13046875 18.56640625 6.37890625 C 18.5734375 6.62734375 18.4609375 6.85234375 18.28046875 6.9484375 L 10.9375 11.1484375 L 10.92578125 11.15546875 C 10.66796875 11.3125 10.36328125 11.39453125 10.046875 11.39453125 C 9.73046875 11.39453125 9.42109375 11.31015625 9.14453125 11.1484375 L 1.82265625 6.9578125 C 1.63515625 6.85 1.51796875 6.62265625 1.525 6.38125 Z M 19.49921875 13.3328125 C 19.36796875 13.09375 19.0609375 13.009375 18.821875 13.14765625 L 10.1734375 18.09296875 C 10.09140625 18.13984375 10.00703125 18.13984375 9.92265625 18.090625 L 1.271875 13.14765625 C 1.03046875 13.009375 0.72578125 13.09375 0.58984375 13.3328125 C 0.4515625 13.571875 0.5359375 13.87890625 0.775 14.01484375 L 9.41875 18.95546875 C 9.615625 19.0703125 9.83125 19.1265625 10.04453125 19.1265625 C 10.26015625 19.1265625 10.4734375 19.0703125 10.66796875 18.9578125 L 19.3140625 14.01484375 C 19.553125 13.8765625 19.6375 13.571875 19.49921875 13.3328125 Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 107 224 )" />
|
||||
</g>
|
||||
</svg>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -171,8 +171,8 @@
|
|||
}, null);
|
||||
} else {
|
||||
console.log('走的自己登录');
|
||||
login(miniAdmin);
|
||||
// window.location = 'page/welcome-1.html';
|
||||
//login(miniAdmin);
|
||||
window.location = 'page/welcome-1.html';
|
||||
}
|
||||
/* var options = {
|
||||
iniUrl: "api/init.json", // 初始化接口
|
||||
|
|
|
|||
|
|
@ -11,10 +11,7 @@ var purchaseData = [
|
|||
]
|
||||
|
||||
var rankingList = [
|
||||
{ name: '220kvxxxxxxxxxxxxxxxxxx工程', ly: '50', th: '10', cq: '35' },
|
||||
{ name: '220kvxxxxxxxxxxxxxxxxxx工程', ly: '50', th: '10', cq: '35' },
|
||||
{ name: '220kvxxxxxxxxxxxxxxxxxx工程', ly: '50', th: '10', cq: '35' },
|
||||
{ name: '220kvxxxxxxxxxxxxxxxxxx工程', ly: '50', th: '10', cq: '35' },
|
||||
{ name: '220kvxxxxxxxxxxxxxxxxxx工程220kvxxxxxxxxxxxxxxxxxx工程', ly: '50', th: '10', cq: '35' },
|
||||
{ name: '220kvxxxxxxxxxxxxxxxxxx工程', ly: '50', th: '10', cq: '35' },
|
||||
{ name: '220kvxxxxxxxxxxxxxxxxxx工程', ly: '50', th: '10', cq: '35' },
|
||||
{ name: '220kvxxxxxxxxxxxxxxxxxx工程', ly: '50', th: '10', cq: '35' },
|
||||
|
|
@ -82,6 +79,10 @@ function overviewClick(type) {
|
|||
title = '库存详情';
|
||||
content = '../../page/welconme_child/inventory.html';
|
||||
}
|
||||
else if (type === '3') {
|
||||
title = '采购详情';
|
||||
content = '../../page/welconme_child/purchase.html';
|
||||
}
|
||||
else if (type === '4') {
|
||||
title = '利库详情';
|
||||
content = '../../page/welconme_child/liKu.html';
|
||||
|
|
@ -114,7 +115,7 @@ function rankingDom() {
|
|||
<div style="width: 10%;">
|
||||
<div class="serialNumber" style="background:${color}">${index + 1}</div>
|
||||
</div>
|
||||
<div style="width: 40%;">${item.name}</div>
|
||||
<div style="width: 40%;" title="${item.name}">${item.name}</div>
|
||||
<div style="width: 16.6%;font-weight: 700;">${item.ly}</div>
|
||||
<div style="width: 16.6%;font-weight: 700;color: rgb(68, 206, 66);">${item.th}</div>
|
||||
<div style="width: 16.6%;font-weight: 700;color: rgb(244, 138, 139);">${item.cq}</div>
|
||||
|
|
@ -139,7 +140,7 @@ function supplierDom() {
|
|||
<div class="table_img_nav" style="width: 34%;">
|
||||
<img src="../images/logo.png" alt="">
|
||||
<div class="table_img_txt">
|
||||
<div style="font-size: 18px;color: #666666;font-weight: 700;">Axxxxxxxxxx供应商名称
|
||||
<div style="font-size: 18px;color: #666666;font-weight: 700;">Axxxxxxxxxx供应商名称供应商名称供应商名称
|
||||
</div>
|
||||
<div style="color: #999999;margin-top: 4px;">合同占比：40 % （1,600,000）</div>
|
||||
</div>
|
||||
|
|
@ -167,15 +168,36 @@ function supplierDom() {
|
|||
|
||||
// 排名自动滚动
|
||||
var rankingTimer = null
|
||||
var offset = 0
|
||||
|
||||
function clearIntervalEvent() {
|
||||
clearInterval(rankingTimer)
|
||||
rankingTimer = null
|
||||
}
|
||||
|
||||
function startIntervalEvent() {
|
||||
let ranking_dom = document.getElementById('table_body_id')
|
||||
offset = ranking_dom.scrollTop
|
||||
rankingScrollTo()
|
||||
}
|
||||
|
||||
function rankingScrollTo() {
|
||||
var dom_nav = document.getElementById('table_body_id')
|
||||
dom_nav.addEventListener('mouseenter',clearIntervalEvent)
|
||||
dom_nav.addEventListener('mouseleave',startIntervalEvent)
|
||||
// 元素可滚动高度
|
||||
var scrollHeight = dom_nav.clientHeight
|
||||
var offset = 0
|
||||
var scrollHeight = dom_nav.scrollHeight- dom_nav.clientHeight
|
||||
// console.dir(dom_nav)
|
||||
// console.log(scrollHeight)
|
||||
rankingTimer = setInterval(() => {
|
||||
offset++
|
||||
offset += 1
|
||||
if (offset >= scrollHeight) {
|
||||
offset = 0
|
||||
dom_nav.scrollTo({
|
||||
top: offset
|
||||
})
|
||||
clearIntervalEvent()
|
||||
rankingScrollTo()
|
||||
} else {
|
||||
dom_nav.scrollTo({
|
||||
top: offset
|
||||
|
|
@ -370,7 +392,7 @@ function initPlan() {
|
|||
},
|
||||
series: [
|
||||
{
|
||||
name: 'Access From',
|
||||
name: '需求计划',
|
||||
type: 'pie',
|
||||
radius: ['60%', '80%'],
|
||||
avoidLabelOverlap: false,
|
||||
|
|
|
|||
|
|
@ -56,9 +56,9 @@
|
|||
<div class="layui-card-body">
|
||||
<div class="layui-row layui-col-space20">
|
||||
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
|
||||
<div class="overview_item" onclick="overviewClick('0')">
|
||||
<div class="overview_item" style="background-image: url('../images/svg/u10.svg');background-size: 100% 100%;" onclick="overviewClick('0')">
|
||||
<div class="overview_item_left">
|
||||
<img src="../images/docx.png">
|
||||
<img src="../images/accessory/gongc.png">
|
||||
</div>
|
||||
<div class="overview_item_right">
|
||||
<div class="">工程数量</div>
|
||||
|
|
@ -68,62 +68,62 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
|
||||
<div class="overview_item" onclick="overviewClick('1')">
|
||||
<div class="overview_item" style="background-image: url('../images/svg/u8.svg');background-size: 100% 100%;" onclick="overviewClick('1')">
|
||||
<div class="overview_item_left">
|
||||
<img src="../images/docx.png">
|
||||
<img src="../images/accessory/xuqiu.png">
|
||||
</div>
|
||||
<div class="overview_item_right">
|
||||
<div class="">需求计划数</div>
|
||||
<div class="overview_item_right_num">686</div>
|
||||
<div>今日领用工程 15 个</div>
|
||||
<div>今日新增 15 条</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
|
||||
<div class="overview_item" onclick="overviewClick('2')">
|
||||
<div class="overview_item" style="background-image: url('../images/svg/u9.svg');background-size: 100% 100%;" onclick="overviewClick('2')">
|
||||
<div class="overview_item_left">
|
||||
<img src="../images/docx.png">
|
||||
<img src="../images/accessory/kuc.png">
|
||||
</div>
|
||||
<div class="overview_item_right">
|
||||
<div class="">库存量</div>
|
||||
<div class="overview_item_right_num">686</div>
|
||||
<div>今日领用工程 15 个</div>
|
||||
<div>待报废量 1236</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
|
||||
<div class="overview_item" onclick="overviewClick('3')">
|
||||
<div class="overview_item" style="background-image: url('../images/svg/u10.svg');background-size: 100% 100%;" onclick="overviewClick('3')">
|
||||
<div class="overview_item_left">
|
||||
<img src="../images/docx.png">
|
||||
<img src="../images/accessory/caig.png">
|
||||
</div>
|
||||
<div class="overview_item_right">
|
||||
<div class="">采购量</div>
|
||||
<div class="overview_item_right_num">686</div>
|
||||
<div>今日领用工程 15 个</div>
|
||||
<div>今日采购 1500 个</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
|
||||
<div class="overview_item" onclick="overviewClick('4')">
|
||||
<div class="overview_item" style="background-image: url('../images/svg/u11.svg');background-size: 100% 100%;" onclick="overviewClick('4')">
|
||||
<div class="overview_item_left">
|
||||
<img src="../images/docx.png">
|
||||
<img src="../images/accessory/liku.png">
|
||||
</div>
|
||||
<div class="overview_item_right">
|
||||
<div class="">利库量</div>
|
||||
<div class="overview_item_right_num">686</div>
|
||||
<div>今日领用工程 15 个</div>
|
||||
<div>今日利库 1500 个</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-xs6 layui-col-sm3 layui-col-md2">
|
||||
<div class="overview_item" onclick="overviewClick('5')">
|
||||
<div class="overview_item" style="background-image: url('../images/svg/u12.svg');background-size: 100% 100%;" onclick="overviewClick('5')">
|
||||
<div class="overview_item_left">
|
||||
<img src="../images/docx.png">
|
||||
<img src="../images/accessory/back.png">
|
||||
</div>
|
||||
<div class="overview_item_right">
|
||||
<div class="">退回量</div>
|
||||
<div class="overview_item_right_num">686</div>
|
||||
<div>今日领用工程 15 个</div>
|
||||
<div>今日退黄 123 个</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>工程详情</title>
|
||||
<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, maximum-scale=1">
|
||||
|
|
@ -49,60 +49,42 @@
|
|||
|
||||
|
||||
<div class="layui-row" style="margin-top: 20px;">
|
||||
<div class="layui-col-xs12 layui-col-sm6 layui-col-md5">
|
||||
<div class="layui-input-block" style="margin-left: 0;display: flex;">
|
||||
<input type="text" name="" placeholder="输入工程名称" autocomplete="off" class="layui-input">
|
||||
<button type="button" class="layui-btn layui-btn-normal" style="margin-left: 10px;">搜索</button>
|
||||
<button type="button" class="layui-btn" style="margin-left: 10px;">
|
||||
<i class="layui-icon layui-icon-download-circle"></i> 导出
|
||||
</button>
|
||||
</div>
|
||||
<div class="layui-col-xs12 layui-col-sm6 layui-col-md12">
|
||||
<form class="layui-form" action="">
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-block" style="margin-left: 0;">
|
||||
<input type="text" name="" placeholder="输入类型" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-block" style="margin-left: 0;">
|
||||
<input type="text" name="" placeholder="输入名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-block" style="margin-left: 0;">
|
||||
<input type="text" name="" placeholder="输入规格型号" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-block" style="margin-left: 0;">
|
||||
<button type="button" class="layui-btn layui-btn-normal" lay-submit
|
||||
style="margin-left: 10px;">
|
||||
<i class="layui-icon layui-icon-search"></i>查询
|
||||
</button>
|
||||
<button type="button" class="layui-btn" style="margin-left: 10px;">
|
||||
<i class="layui-icon layui-icon-download-circle"></i> 导出
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row" style="margin-top: 20px;">
|
||||
<div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
|
||||
<table class="layui-table">
|
||||
<colgroup>
|
||||
<col width="150">
|
||||
<col width="200">
|
||||
<col>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>序号</th>
|
||||
<th>工程名称</th>
|
||||
<th>计划数</th>
|
||||
<th>已发货</th>
|
||||
<th>代发货</th>
|
||||
<th>发货状态</th>
|
||||
<th>采购数量</th>
|
||||
<th>利库数量</th>
|
||||
<th>退还数量</th>
|
||||
<th>差缺数量</th>
|
||||
<th>采购金额</th>
|
||||
<th>所属分公司</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>贤心</td>
|
||||
<td>2016-11-29</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- 分页 -->
|
||||
<div id="paging"></div>
|
||||
<table id="table_id" lay-filter="test"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -129,26 +111,32 @@
|
|||
name: item
|
||||
})
|
||||
})
|
||||
layui.use('laypage', function () {
|
||||
var laypage = layui.laypage;
|
||||
layui.use(['form', 'table'], function () {
|
||||
var form = layui.form;
|
||||
var table = layui.table;
|
||||
|
||||
//执行一个laypage实例
|
||||
laypage.render({
|
||||
layout: ['prev', 'page', 'next', 'limit'],
|
||||
elem: 'paging',
|
||||
count: 50,
|
||||
limit: 10,
|
||||
limits: [10, 20, 30, 40, 50],
|
||||
jump: function (obj, first) {
|
||||
//obj包含了当前分页的所有参数，比如：
|
||||
console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
|
||||
console.log(obj.limit); //得到每页显示的条数
|
||||
//监听提交
|
||||
form.on('submit', function (data) {
|
||||
console.log(data)
|
||||
});
|
||||
|
||||
//首次不执行
|
||||
if (!first) {
|
||||
//do something
|
||||
}
|
||||
}
|
||||
table.render({
|
||||
elem: '#table_id',
|
||||
height: 312,
|
||||
url: '../../demo/table/user/-page=1&limit=30.js', //数据接口
|
||||
page: true, //开启分页
|
||||
cols: [[
|
||||
{ field: 'id', title: '序号', width: 80, sort: true, fixed: 'left' },
|
||||
{ field: 'username', title: '需求计划编号', width: 200 },
|
||||
{ field: 'sex', title: '工程名称', sort: true },
|
||||
{ field: 'city', title: '发货状态', sort: true },
|
||||
{ field: 'sign', title: '采购数量', sort: true },
|
||||
{ field: 'experience', title: '利库数量', sort: true },
|
||||
{ field: 'experience', title: '采购金额', sort: true },
|
||||
{ field: 'experience', title: '供应商', sort: true },
|
||||
{ field: 'experience', title: '付款状态', sort: true },
|
||||
{ field: 'experience', title: '所属分公司', sort: true },
|
||||
]]
|
||||
});
|
||||
});
|
||||
initTypeDom()
|
||||
|
|
@ -384,13 +372,13 @@
|
|||
$('#select_id').empty();
|
||||
selectList = []
|
||||
$(`#company_id_${company_id_num}`).removeClass('company_item_ac');
|
||||
company_id_num = 1
|
||||
company_id_num = 1
|
||||
$(`#company_id_${company_id_num}`).addClass('company_item_ac');
|
||||
|
||||
|
||||
$(`#status_id_${status_id_num}`).removeClass('company_item_ac');
|
||||
status_id_num = 1
|
||||
$(`#status_id_${status_id_num}`).addClass('company_item_ac');
|
||||
|
||||
|
||||
$(`#month_id_${month_id_num}`).removeClass('company_item_ac');
|
||||
month_id_num = 1
|
||||
$(`#month_id_${month_id_num}`).addClass('company_item_ac');
|
||||
|
|
@ -494,6 +482,10 @@
|
|||
overflow: hidden;
|
||||
height: 42px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-right: 10px;
|
||||
min-width: 250px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</html>
|
||||
|
|
@ -50,59 +50,31 @@
|
|||
|
||||
<div class="layui-row" style="margin-top: 20px;">
|
||||
<div class="layui-col-xs12 layui-col-sm6 layui-col-md5">
|
||||
<div class="layui-input-block" style="margin-left: 0;display: flex;">
|
||||
<input type="text" name="" placeholder="输入工程名称" autocomplete="off" class="layui-input">
|
||||
<button type="button" class="layui-btn layui-btn-normal" style="margin-left: 10px;">搜索</button>
|
||||
<button type="button" class="layui-btn" style="margin-left: 10px;">
|
||||
<i class="layui-icon layui-icon-download-circle"></i> 导出
|
||||
</button>
|
||||
</div>
|
||||
<form class="layui-form" action="">
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-block" style="margin-left: 0;">
|
||||
<input type="text" name="" placeholder="输入工程名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-block" style="margin-left: 0;">
|
||||
<button type="button" class="layui-btn layui-btn-normal" lay-submit
|
||||
style="margin-left: 10px;">
|
||||
<i class="layui-icon layui-icon-search"></i>查询
|
||||
</button>
|
||||
<button type="button" class="layui-btn" style="margin-left: 10px;">
|
||||
<i class="layui-icon layui-icon-download-circle"></i> 导出
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row" style="margin-top: 20px;">
|
||||
<div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
|
||||
<table class="layui-table">
|
||||
<colgroup>
|
||||
<col width="150">
|
||||
<col width="200">
|
||||
<col>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>序号</th>
|
||||
<th>工程名称</th>
|
||||
<th>计划数</th>
|
||||
<th>已发货</th>
|
||||
<th>代发货</th>
|
||||
<th>发货状态</th>
|
||||
<th>采购数量</th>
|
||||
<th>利库数量</th>
|
||||
<th>退还数量</th>
|
||||
<th>差缺数量</th>
|
||||
<th>采购金额</th>
|
||||
<th>所属分公司</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>贤心</td>
|
||||
<td>2016-11-29</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
<td>人生就像是一场修行</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- 分页 -->
|
||||
<div id="paging"></div>
|
||||
<table id="table_id" lay-filter="test"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -129,26 +101,34 @@
|
|||
name: item
|
||||
})
|
||||
})
|
||||
layui.use('laypage', function () {
|
||||
var laypage = layui.laypage;
|
||||
layui.use(['form', 'table'], function () {
|
||||
var form = layui.form;
|
||||
var table = layui.table;
|
||||
|
||||
//执行一个laypage实例
|
||||
laypage.render({
|
||||
layout: ['prev', 'page', 'next', 'limit'],
|
||||
elem: 'paging',
|
||||
count: 50,
|
||||
limit: 10,
|
||||
limits: [10, 20, 30, 40, 50],
|
||||
jump: function (obj, first) {
|
||||
//obj包含了当前分页的所有参数，比如：
|
||||
console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
|
||||
console.log(obj.limit); //得到每页显示的条数
|
||||
//监听提交
|
||||
form.on('submit', function (data) {
|
||||
console.log(data)
|
||||
});
|
||||
|
||||
//首次不执行
|
||||
if (!first) {
|
||||
//do something
|
||||
}
|
||||
}
|
||||
table.render({
|
||||
elem: '#table_id',
|
||||
height: 312,
|
||||
url: '../../demo/table/user/-page=1&limit=30.js', //数据接口
|
||||
page: true, //开启分页
|
||||
cols: [[
|
||||
{ field: 'id', title: '序号', width: 80, sort: true, fixed: 'left' },
|
||||
{ field: 'username', title: '工程名称', width: 200 },
|
||||
{ field: 'sex', title: '计划数', sort: true },
|
||||
{ field: 'city', title: '已发货', sort: true },
|
||||
{ field: 'sign', title: '待发货', sort: true },
|
||||
{ field: 'experience', title: '发货状态', sort: true },
|
||||
{ field: 'experience', title: '采购数量', sort: true },
|
||||
{ field: 'experience', title: '利库数量', sort: true },
|
||||
{ field: 'experience', title: '退还数量', sort: true },
|
||||
{ field: 'experience', title: '差缺数量', sort: true },
|
||||
{ field: 'experience', title: '采购金额', sort: true },
|
||||
{ field: 'experience', title: '所属分公司', sort: true },
|
||||
]]
|
||||
});
|
||||
});
|
||||
initTypeDom()
|
||||
|
|
@ -494,6 +474,10 @@
|
|||
overflow: hidden;
|
||||
height: 42px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-right: 10px;
|
||||
min-width: 250px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</html>
|
||||
|
|
@ -98,7 +98,7 @@
|
|||
}
|
||||
|
||||
function detailClick() {
|
||||
let title = '利库来源', content = './liKu_detail.html', width = '97%', height = '97%';
|
||||
let title = '利库来源', content = './liKu_detail.html', width = '100%', height = '100%';
|
||||
let obj = {
|
||||
test: 1
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,410 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-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, maximum-scale=1">
|
||||
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
|
||||
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
|
||||
<link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="../../lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="../css/public.css" media="all">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="main_page_nav">
|
||||
<div class="select_item">
|
||||
<div class="select_item_left">付款状态 :</div>
|
||||
<div class="select_item_right" id="status_id"></div>
|
||||
</div>
|
||||
<div class="select_item">
|
||||
<div class="select_item_left">年份 :</div>
|
||||
<div class="select_item_right" id="year_id"></div>
|
||||
</div>
|
||||
<div class="select_item">
|
||||
<div class="select_item_left">月份 :</div>
|
||||
<div class="select_item_right" id="month_id"></div>
|
||||
</div>
|
||||
<div class="select_item">
|
||||
<div class="select_item_left">已选条件 :</div>
|
||||
<div class="select_item_right" id="select_id"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="layui-row" style="margin-top: 20px;">
|
||||
<div class="layui-col-xs12 layui-col-sm6 layui-col-md12">
|
||||
<form class="layui-form" action="">
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-block" style="margin-left: 0;">
|
||||
<input type="text" name="" placeholder="输入名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-block" style="margin-left: 0;">
|
||||
<input type="text" name="" placeholder="输入规格型号" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-block" style="margin-left: 0;">
|
||||
<input type="text" name="" placeholder="输入计划编号" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-block" style="margin-left: 0;">
|
||||
<input type="text" name="" placeholder="输入工程名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-block" style="margin-left: 0;">
|
||||
<input type="text" name="" placeholder="输入规格型号" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-input-block" style="margin-left: 0;">
|
||||
<button type="button" class="layui-btn layui-btn-normal" lay-submit
|
||||
style="margin-left: 10px;">
|
||||
<i class="layui-icon layui-icon-search"></i>查询
|
||||
</button>
|
||||
<button type="button" class="layui-btn" style="margin-left: 10px;">
|
||||
<i class="layui-icon layui-icon-download-circle"></i> 导出
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row" style="margin-top: 20px;">
|
||||
<div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
|
||||
<table id="table_id" lay-filter="test"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
var statusList = [
|
||||
{ name: '全部' }, { name: '未付款' }, { name: '已付款' }
|
||||
]
|
||||
var yearList = []
|
||||
|
||||
var monthList = [{ name: '全部' }, { name: '1月' }, { name: '2月' }, { name: '3月' }, { name: '4月' }, { name: '5月' }, { name: '6月' }, { name: '7月' }, { name: '8月' }, { name: '9月' }, { name: '10月' }, { name: '11月' }, { name: '12月' }]
|
||||
|
||||
var selectList = [] // 已经筛选的条件
|
||||
const getYear = 3 // 获取今年往前推多少年
|
||||
// 页面初始化
|
||||
$(function () {
|
||||
let lastYears = Array.from({ length: getYear }, (_, index) => new Date().getFullYear() - index);
|
||||
lastYears.forEach(item => {
|
||||
yearList.unshift({
|
||||
name: item
|
||||
})
|
||||
})
|
||||
layui.use(['form', 'table'], function () {
|
||||
var form = layui.form;
|
||||
var table = layui.table;
|
||||
|
||||
//监听提交
|
||||
form.on('submit', function (data) {
|
||||
console.log(data)
|
||||
});
|
||||
|
||||
table.render({
|
||||
elem: '#table_id',
|
||||
height: 312,
|
||||
url: '../../demo/table/user/-page=1&limit=30.js', //数据接口
|
||||
page: true, //开启分页
|
||||
cols: [[
|
||||
{ field: 'id', title: '序号', width: 80, sort: true, fixed: 'left' },
|
||||
{ field: 'username', title: '需求计划编号', width: 200 },
|
||||
{ field: 'sex', title: '工程名称', sort: true },
|
||||
{ field: 'city', title: '发货状态', sort: true },
|
||||
{ field: 'sign', title: '采购数量', sort: true },
|
||||
{ field: 'experience', title: '利库数量', sort: true },
|
||||
{ field: 'experience', title: '采购金额', sort: true },
|
||||
{ field: 'experience', title: '供应商', sort: true },
|
||||
{ field: 'experience', title: '付款状态', sort: true },
|
||||
{ field: 'experience', title: '所属分公司', sort: true },
|
||||
]]
|
||||
});
|
||||
});
|
||||
initTypeDom()
|
||||
});
|
||||
|
||||
var status_id_num = 1 // 默认选择发货状态
|
||||
var year_id_num = 3 // 默认选择年份
|
||||
var month_id_num = 1 // 默认选择月份
|
||||
|
||||
function initTypeDom() {
|
||||
// 付款状态选择
|
||||
var dom_nav2 = document.getElementById('status_id')
|
||||
statusList.forEach((item, index) => {
|
||||
let dom = ''
|
||||
dom += `<span>${item.name}</span>`
|
||||
let itemDom = document.createElement("div");
|
||||
itemDom.setAttribute('class', `company_item`);
|
||||
itemDom.setAttribute('id', `status_id_${index + 1}`);
|
||||
itemDom.innerHTML = dom;
|
||||
itemDom.addEventListener('click', () => {
|
||||
if (status_id_num != index + 1) {
|
||||
$(`#status_id_${index + 1}`).addClass('company_item_ac');
|
||||
$(`#status_id_${status_id_num}`).removeClass('company_item_ac');
|
||||
status_id_num = index + 1
|
||||
}
|
||||
handleSelect('status', index)
|
||||
})
|
||||
dom_nav2.appendChild(itemDom);
|
||||
})
|
||||
$(`#status_id_${status_id_num}`).addClass('company_item_ac');
|
||||
|
||||
// 年份选择
|
||||
var dom_nav3 = document.getElementById('year_id')
|
||||
yearList.forEach((item, index) => {
|
||||
let dom = ''
|
||||
dom += `<span>${item.name}</span>`
|
||||
let itemDom = document.createElement("div");
|
||||
itemDom.setAttribute('class', `company_item`);
|
||||
itemDom.setAttribute('id', `year_id_${index + 1}`);
|
||||
itemDom.innerHTML = dom;
|
||||
itemDom.addEventListener('click', () => {
|
||||
if (year_id_num != index + 1) {
|
||||
$(`#year_id_${index + 1}`).addClass('company_item_ac');
|
||||
$(`#year_id_${year_id_num}`).removeClass('company_item_ac');
|
||||
year_id_num = index + 1
|
||||
}
|
||||
handleSelect('year', index)
|
||||
})
|
||||
dom_nav3.appendChild(itemDom);
|
||||
})
|
||||
$(`#year_id_${year_id_num}`).addClass('company_item_ac');
|
||||
|
||||
// 月份选择
|
||||
var dom_nav4 = document.getElementById('month_id')
|
||||
monthList.forEach((item, index) => {
|
||||
let dom = ''
|
||||
dom += `<span>${item.name}</span>`
|
||||
let itemDom = document.createElement("div");
|
||||
itemDom.setAttribute('class', `company_item`);
|
||||
itemDom.setAttribute('id', `month_id_${index + 1}`);
|
||||
itemDom.innerHTML = dom;
|
||||
itemDom.addEventListener('click', () => {
|
||||
if (month_id_num != index + 1) {
|
||||
$(`#month_id_${index + 1}`).addClass('company_item_ac');
|
||||
$(`#month_id_${month_id_num}`).removeClass('company_item_ac');
|
||||
month_id_num = index + 1
|
||||
}
|
||||
handleSelect('month', index)
|
||||
})
|
||||
dom_nav4.appendChild(itemDom);
|
||||
})
|
||||
$(`#month_id_${month_id_num}`).addClass('company_item_ac');
|
||||
}
|
||||
|
||||
function handleSelect(type, index) {
|
||||
if (type === 'status') {
|
||||
if (index == 0) {
|
||||
for (let i = 0; i < selectList.length; i++) {
|
||||
if (selectList[i].type == type) {
|
||||
selectList.splice(i, 1)
|
||||
}
|
||||
}
|
||||
$(`#select_${type}`).remove();
|
||||
} else {
|
||||
// 判断是否已经有同类型筛选条件
|
||||
for (let i = 0; i < selectList.length; i++) {
|
||||
if (selectList[i].type == type) {
|
||||
selectList.splice(i, 1)
|
||||
}
|
||||
}
|
||||
selectList.push({
|
||||
name: statusList[index].name,
|
||||
type
|
||||
})
|
||||
}
|
||||
} else if (type === 'month') {
|
||||
if (index == 0) {
|
||||
for (let i = 0; i < selectList.length; i++) {
|
||||
if (selectList[i].type == type) {
|
||||
selectList.splice(i, 1)
|
||||
}
|
||||
}
|
||||
$(`#select_${type}`).remove();
|
||||
} else {
|
||||
for (let i = 0; i < selectList.length; i++) {
|
||||
if (selectList[i].type == type) {
|
||||
selectList.splice(i, 1)
|
||||
}
|
||||
}
|
||||
selectList.push({
|
||||
name: monthList[index].name,
|
||||
type
|
||||
})
|
||||
}
|
||||
}
|
||||
var dom_nav5 = document.getElementById('select_id')
|
||||
$('#select_id').empty();
|
||||
selectList.forEach((item, index) => {
|
||||
let dom = ''
|
||||
dom += `
|
||||
<span>${item.name}</span>
|
||||
<i class="layui-icon layui-icon-close"></i>
|
||||
`
|
||||
let itemDom = document.createElement("div");
|
||||
itemDom.setAttribute('class', `company_item_select`);
|
||||
itemDom.setAttribute('id', `select_${item.type}`);
|
||||
itemDom.innerHTML = dom;
|
||||
itemDom.addEventListener('click', () => {
|
||||
$(`#select_${item.type}`).remove();
|
||||
if (item.type == 'status') {
|
||||
$(`#status_id_${status_id_num}`).removeClass('company_item_ac');
|
||||
status_id_num = 1
|
||||
$(`#status_id_${status_id_num}`).addClass('company_item_ac');
|
||||
}
|
||||
else if (item.type == 'month') {
|
||||
$(`#month_id_${month_id_num}`).removeClass('company_item_ac');
|
||||
month_id_num = 1
|
||||
$(`#month_id_${month_id_num}`).addClass('company_item_ac');
|
||||
}
|
||||
for (let i = 0; i < selectList.length; i++) {
|
||||
if (selectList[i].type === item.type) {
|
||||
selectList.splice(i, 1)
|
||||
}
|
||||
}
|
||||
judgeSelectList()
|
||||
})
|
||||
dom_nav5.appendChild(itemDom);
|
||||
})
|
||||
judgeSelectList()
|
||||
}
|
||||
|
||||
function judgeSelectList() {
|
||||
console.log(selectList)
|
||||
var select_dom = document.getElementById('select_id')
|
||||
if (selectList.length > 0) {
|
||||
if (!document.getElementById('clear_btn_id')) {
|
||||
let clearDom = document.createElement("div")
|
||||
clearDom.setAttribute('class', `clear_btn`);
|
||||
clearDom.setAttribute('id', `clear_btn_id`);
|
||||
clearDom.innerText = '清除筛选'
|
||||
clearDom.addEventListener('click', function () {
|
||||
$('#select_id').empty();
|
||||
selectList = []
|
||||
|
||||
$(`#status_id_${status_id_num}`).removeClass('company_item_ac');
|
||||
status_id_num = 1
|
||||
$(`#status_id_${status_id_num}`).addClass('company_item_ac');
|
||||
|
||||
$(`#month_id_${month_id_num}`).removeClass('company_item_ac');
|
||||
month_id_num = 1
|
||||
$(`#month_id_${month_id_num}`).addClass('company_item_ac');
|
||||
})
|
||||
select_dom.appendChild(clearDom);
|
||||
}
|
||||
} else {
|
||||
$(`#clear_btn_id`).remove();
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
<style>
|
||||
.main_page_nav {
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.select_item {
|
||||
width: 100%;
|
||||
padding: 5px 0;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.select_item_left {
|
||||
width: 80px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.select_item_right {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.clear_btn {
|
||||
color: #409eff;
|
||||
width: 80px;
|
||||
margin-top: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.company_item {
|
||||
min-width: 110px;
|
||||
height: 30px;
|
||||
background-color: #f9f9f9;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
border-radius: 8px;
|
||||
color: #999999;
|
||||
border: 1px solid #e4e4e4;
|
||||
cursor: pointer;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.company_item_ac {
|
||||
background-color: #409eff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.company_item_select {
|
||||
min-width: 110px;
|
||||
height: 30px;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
border-radius: 8px;
|
||||
color: #999999;
|
||||
border: 1px solid #409eff;
|
||||
cursor: pointer;
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.company_item_select>i {
|
||||
color: #409eff;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#paging {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
#retract {
|
||||
color: #409eff;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 50px;
|
||||
justify-content: space-between;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.hide_nav {
|
||||
overflow: hidden;
|
||||
height: 42px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-right: 10px;
|
||||
min-width: 250px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue