-
Axxxxxxxxxx供应商名称
+
@@ -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,
diff --git a/page/welcome-1.html b/page/welcome-1.html
index 4244b8c..d0876b6 100644
--- a/page/welcome-1.html
+++ b/page/welcome-1.html
@@ -56,9 +56,9 @@
Axxxxxxxxxx供应商名称供应商名称供应商名称
合同占比：40 % （1,600,000）
-
+
- 
+ 
+
工程数量
@@ -68,62 +68,62 @@
-
+
-
+ 
+
需求计划数
686
- 今日领用工程 15 个
+ 今日新增 15 条
-
+
-
+ 
+
库存量
686
- 今日领用工程 15 个
+ 待报废量 1236
-
+
-
+ 
+
采购量
686
- 今日领用工程 15 个
+ 今日采购 1500 个
-
+
-
+ 
+
利库量
686
- 今日领用工程 15 个
+ 今日利库 1500 个
- 工程详情
+ 需求计划详情
@@ -49,60 +49,42 @@
+
diff --git a/page/welconme_child/demand.html b/page/welconme_child/demand.html
index f869a72..b257cb4 100644
--- a/page/welconme_child/demand.html
+++ b/page/welconme_child/demand.html
@@ -3,7 +3,7 @@
-
-
+ 
+
退回量
686
- 今日领用工程 15 个
+ 今日退黄 123 个
-
@@ -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;
+ }
\ No newline at end of file
diff --git a/page/welconme_child/engineer.html b/page/welconme_child/engineer.html
index f869a72..2a6a095 100644
--- a/page/welconme_child/engineer.html
+++ b/page/welconme_child/engineer.html
@@ -50,59 +50,31 @@
@@ -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;
+ }
-
-
-
-
-
+
+
-
-
-
-
+
| 序号 | -工程名称 | -计划数 | -已发货 | -代发货 | -发货状态 | -采购数量 | -利库数量 | -退还数量 | -差缺数量 | -采购金额 | -所属分公司 | -
|---|---|---|---|---|---|---|---|---|---|---|---|
| 贤心 | -2016-11-29 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -
-
-
-
-
-
+
-
-
-
-
+
| 序号 | -工程名称 | -计划数 | -已发货 | -代发货 | -发货状态 | -采购数量 | -利库数量 | -退还数量 | -差缺数量 | -采购金额 | -所属分公司 | -
|---|---|---|---|---|---|---|---|---|---|---|---|
| 贤心 | -2016-11-29 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -人生就像是一场修行 | -