From 1c28114c9e54230fa2742776320ffaf2f19c1ac3 Mon Sep 17 00:00:00 2001
From: wtt <1985833171@qq.com>
Date: 星期五, 06 九月 2024 09:38:21 +0800
Subject: [PATCH] 采购订单列设置添加字段统计案例
---
WebTM/views/home/console.html | 250 ++++++++++++++++++++++++++-----------------------
1 files changed, 133 insertions(+), 117 deletions(-)
diff --git a/WebTM/views/home/console.html b/WebTM/views/home/console.html
index a22ec23..fd33618 100644
--- a/WebTM/views/home/console.html
+++ b/WebTM/views/home/console.html
@@ -1,9 +1,6 @@
-锘�
-
-<!DOCTYPE html>
+锘�<!DOCTYPE html>
<html>
<head>
- <
<meta charset="utf-8">
<title>鎺у埗鍙颁富椤典竴</title>
<meta name="renderer" content="webkit">
@@ -11,7 +8,7 @@
<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="../../layuiadmin/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
- <style id="LAY_layadmin_theme">
+ <style id="LAY_layadmin_theme" type="text/css">
.layui-side-menu, .layadmin-pagetabs .layui-tab-title li:after, .layadmin-pagetabs .layui-tab-title li.layui-this:after, .layui-layer-admin .layui-layer-title, .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child {
background-color: #20222A !important;
}
@@ -24,8 +21,14 @@
background-color: #20222A !important;
}
- .FastMenu {
+ .layui-table-body.layui-table-main {
+ height: 400px;
}
+
+ .layui-table-box {
+ height: 400px;
+ }
+
</style>
<script>
/^http(s*):\/\//.test(location.href) || alert('璇峰厛閮ㄧ讲鍒� localhost 涓嬪啀璁块棶');
@@ -156,12 +159,6 @@
<cite>鐢熶骇閫�鏂欏崟</cite>
</a>
</li>
- <!--<li class="layui-col-xs3">
- <a lay-href="set/user/info.html">
- <i class="layui-icon layui-icon-set"></i>
- <cite>鎴戠殑璧勬枡</cite>
- </a>
- </li>-->
</ul>
</div>
<div class="layui-carousel-ind"><ul><li class="layui-this"></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub">顦�</button><button class="layui-icon layui-carousel-arrow" lay-type="add">顦�</button>
@@ -184,44 +181,11 @@
<canvas width="698" height="332" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
</div>
</div>
- <!--<div class="layui-this" _echarts_instance_="1621151534574" style="-webkit-tap-highlight-color: transparent; user-select: none; cursor: default; background-color: rgba(0, 0, 0, 0);">
- <div style="position: relative; overflow: hidden; width: 698px; height: 332px;">
- <div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none;"></div>
- <canvas width="698" height="332" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
- <canvas width="698" height="332" data-zr-dom-id="1" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
- <canvas width="698" height="332" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
- </div>
- </div>
- <div class="" _echarts_instance_="1621151534575" style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
- <div style="position: relative; overflow: hidden; width: 698px; height: 332px;">
- <div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none;"></div>
- <canvas width="698" height="332" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
- <canvas width="698" height="332" data-zr-dom-id="1" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
- <canvas width="698" height="332" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 698px; height: 332px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
- </div>
- </div>-->
</div>
<div class="layui-carousel-ind"><ul><li class=""></li><!--<li class="layui-this"></li><li class=""></li>--></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub">顦�</button><button class="layui-icon layui-carousel-arrow" lay-type="add">顦�</button>
</div>
</div>
</div>
- <!--鏂伴椈鐗堝潡-->
- <!--<div class="layui-card">
- <div class="layui-tab layui-tab-brief layadmin-latestData">
- <ul class="layui-tab-title">
- <li class="layui-this">浠婃棩鐑悳</li>
- <li>浠婃棩鐑笘</li>
- </ul>
- <div class="layui-tab-content">
- <div class="layui-tab-item layui-show">
- <table id="LAY-index-topSearch"></table>
- </div>
- <div class="layui-tab-item">
- <table id="LAY-index-topCard"></table>
- </div>
- </div>
- </div>
- </div>-->
</div>
</div>
</div>
@@ -275,97 +239,65 @@
</div>
</div>
</div>
- <div class="layui-card">
- <div class="layui-card-header">鏁堢巼鎶ュ憡</div>
- <div class="layui-card-body layadmin-takerates">
- <div class="layui-progress" lay-showPercent="yes">
- <h3>瀹屽伐鐜囷紙鏃ュ悓姣� 0% <span class="layui-edge layui-edge-top" lay-tips="澧為暱" lay-offset="-15"></span>锛�</h3>
- <div class="layui-progress-bar" lay-percent="0%"></div>
- </div>
- <div class="layui-progress" lay-showPercent="yes">
- <h3>涓嶈壇鐜囷紙鏃ュ悓姣� 0% <span class="layui-edge layui-edge-bottom" lay-tips="涓嬮檷" lay-offset="-15"></span>锛�</h3>
- <div class="layui-progress-bar" lay-percent="0%"></div>
- </div>
- </div>
+ <div class="layui-card" style="height:400px;">
+ <div class="layui-card-header">鍏憡閫氱煡</div>
+ <table class="mainTable" id="mainTable" lay-filter="mainTable"></table>
</div>
- <div class="layui-card">
- <div class="layui-card-header">瀹炴椂鐩戞帶</div>
- <div class="layui-card-body layadmin-takerates">
- <div class="layui-progress" lay-showPercent="yes">
- <h3>璁惧绋煎姩鐜�</h3>
- <div class="layui-progress-bar" lay-percent="0%"></div>
- </div>
- <div class="layui-progress" lay-showPercent="yes">
- <h3>璁惧鏁呴殰鐜�</h3>
- <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div>
- </div>
- </div>
- </div>
- <!--浜у搧鍔ㄦ��-->
- <!--<div class="layui-card">
- <div class="layui-card-header">浜у搧鍔ㄦ��</div>
- <div class="layui-card-body">
- <div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">
- <div carousel-item>
- <div><a href="http://www.baidu.com" target="_blank" class="layui-bg-red">蹇�熶笂鎵嬫枃妗�</a></div>
- <div><a href="http://www.baidu.com" target="_blank" class="layui-bg-green">浼氬憳璁ㄨ涓撳尯</a></div>
- <div><a href="http://www.baidu.com" target="_blank" class="layui-bg-blue">鑾峰緱瀹樻柟鍚庡彴妯℃澘绯荤粺</a></div>
- </div>
- </div>
- </div>
- </div>-->
- <!--浣滆�呭績璇�-->
- <!--<div class="layui-card">
- <div class="layui-card-header"
- 浣滆�呭績璇�
- <i class="layui-icon layui-icon-tips" lay-tips="瑕佹敮鎸佺殑鍣�" lay-offset="5"></i>
- </div>
- <div class="layui-card-body layui-text layadmin-text">
- <span>
- 涔︿腑鎻忓啓浜嗕竴涓偅鏍风殑绀句細锛屽拰鍦ㄩ偅涓ぞ浼氱敓娲讳腑鐨勭绉嶄汉鐗╃殑鐘舵�侊紝楹绘湪鐨勫閭ｄ釜寮楁瘮鏂紝鏈�搴曞眰鐨勫鑰侀紶娲為噷鐨勯偅
- 鍑犱釜闅愪慨濂筹紝鐤媯鐨勫壇涓绘暀锛岃繕鏈夊敖鍏ㄥ姏鍙嶆姉鐨勬渶涓戦檵鐨勫崱榻愯帿澶氾紝鍓富鏁欏拰鍗￠綈鑾褰㈡垚浜嗕汉鎬т笂鐨勯矞鏄庡姣旓紝鍚屾牱鐖变笂浜�
- 缇庝附鐨勫濞橈紝鍚屾牱鐨勯伃鍒颁簡鎷掔粷锛屼粬浠殑鐖遍兘鏄偅涔堢殑鐑儓锛岄偅涔堢殑璇氭寶锛屽彲鏄紝涓�涓槸鍗犳湁锛屼竴涓槸濂夌尞锛屽凡鍗犳湁涓虹洰鐨勭殑锛�
- 褰撶洰鐨勬棤娉曡揪鍒扮殑鏃跺�欙紝浠栨兂鍒扮殑鏄瘉鐏紝姣佺伃鍒汉;浠ュ鐚负鐩殑鐨勶紝褰撴棤娉曞鐚殑鏃跺�欙紝鎯冲埌鐨勪篃鏄瘉鐏紝姣佺伃鑷繁
- </span>
- <p>--<a href="http://www.baidu.com" target="_blank">鐧惧害</a>锛�</p>
- <p>鈥斺�� 浣氬悕锛�<a href="http://www.baidu.com/" target="_blank">baidu.com</a>锛�</p>
- </div>
- </div>-->
</div>
</div>
</div>
-
- <script src="../../layuiadmin/layui/layui.js?t=1"></script>
- <script src="../../layuiadmin/Scripts/webConfig.js"></script>
+ <script src="../../layuiadmin/layui/layui.js"></script>
+ <script src="../../layuiadmin/layui/layui.js"></script>
+ <script src="../../layuiadmin/Scripts/json2.js"></script>
<script src="../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
+ <script src="../../layuiadmin/Scripts/webConfig.js"></script>
+ <script src="../../layuiadmin/PubCustom.js"></script>
+ <script src="../../layuiadmin/zgqCustom/zgqCustom.js"></script>
<script>
layui.config({
base: '../../layuiadmin/' //闈欐�佽祫婧愭墍鍦ㄨ矾寰�
}).extend({
index: 'lib/index' //涓诲叆鍙ｆā鍧�
}).use(['index', 'form', 'laydate', 'table', 'element', 'console'], function () {
- var $ = layui.$;
+ //鍏叡鍙橀噺
+ var $ = layui.$
+ , admin = layui.admin
+ , layer = layui.layer
+ , table = layui.table
+ , form = layui.form
+ , element = layui.element
+ , tr = layui.tr
+ , td = layui.td
+ , laypage = layui.laypage
+ , laydate = layui.laydate
+ , util = layui.util
var element = layui.element;
var $ = layui.jquery;
- //#region 椤甸潰鍒濆鍖�
+ //涓嶉渶瑕佹樉绀虹殑瀛楁 鍙墿灞�
+ var titleData = ["HItemID", "HInterID", "HEntryID", "HDeptID", "涓诲唴鐮�", "瀛愬唴鐮�", "鎺ユ敹浜�"];
+
+ //鐧诲綍骞冲彴(PC绔�佹墜鏈虹)
+ var HType = "PC";
+
+ //椤甸潰鍒濆鍖�
set_ClearBill();
- //#endregion
- //#region 椤甸潰鍒濆鍖栨柟娉�
+ //椤甸潰鍒濆鍖栨柟娉�
function set_ClearBill() {
- get_Display();
- }
- //#endregion
- //#region 椤甸潰鍏跺畠鏂规硶
+ get_Display();
+ get_Notices();
+ }
+
+ //椤甸潰鍏跺畠鏂规硶
function get_Display() {
//鑾峰彇鑿滃崟鍒楄〃鏁版嵁
$.ajax({
- url: "http://localhost:8082/API//Web/Xt_UserFastMenu_Init",
+ url: GetWEBURL() + "/Web/Xt_UserFastMenu_Init",
type: "GET",
async: false,
- data: { "HMakeName": sessionStorage["HUserName"] },
+ data: { "HMakeName": sessionStorage["HUserName"], "HType": HType },
success: function (data) {
console.log(data.data);
FastMenu(data.data);
@@ -389,9 +321,9 @@
liStr += '<li class="layui-col-xs3">';
if (data[i]["HPicNum"] == null || data[i]["HPicNum"] == "") {
- liStr += '<i id="' + data[i]["HSubFuncID"] +'" class="layui-icon layui-icon-add-circle"></i>';
+ liStr += '<i id="' + data[i]["HSubFuncID"] + '" class="layui-icon layui-icon-add-circle"></i>';
} else {
- liStr += '<i class="layui-icon ' + data[i]["HPicNum"] + '"></i>';
+ liStr += '<i id="' + data[i]["HSubFuncID"] + '" class="' + data[i]["HPicNum"] + '"></i>';
}
liStr += '<a lay-href="' + data[i]["Hurl"] + '">';
@@ -430,12 +362,96 @@
for (var i = 0; i < data.length; i++) {
var item = document.getElementById(data[i]["HSubFuncID"]);
item.addEventListener("click", function (event) {
- alert(event.srcElement.id);
+ //alert("hh");
+ //鎵撳紑鍥炬爣璁剧疆瀛愮獥鍙�
+ layer.open({
+ type: 2
+ , skin: "layui-layer-rim" //鍔犱笂杈规
+ , title: "蹇嵎鏂瑰紡-鍥炬爣璁剧疆" //鏍囬
+ , closeBtn: 1 //绐椾綋鍙充笂瑙掑叧闂� 鐨� 鏍峰紡
+ , shift: 2 //寮瑰嚭鍔ㄧ敾
+ , area: ["30%", "90%"] //绐椾綋澶у皬
+ , maxmin: true //璁剧疆鏈�澶ф渶灏忔寜閽槸鍚︽樉绀�
+ , content: '../绯荤粺绠＄悊/蹇嵎鏂瑰紡鑷畾涔�/Xt_UserFastMenu_IconSet.html?HItemID=' + event.srcElement.id
+ , btn: ["纭畾"]
+ , btn1: function (index, laero) {
+ //鍒锋柊蹇嵎鏂瑰紡
+ get_Display();
+ //鏇存柊琛ㄦ牸缂撳瓨鐨勬暟鎹�
+ layer.close(index);//鍏抽棴寮圭獥
+ }
+ })
}, false);
}
}
- //#endregion
+
+ //鐢熸垚閫氱煡鍒楄〃
+ function get_Notices() {
+ var index = layer.load(0, { shade: false });
+ var ajaxLoad = layer.load();
+ //杩涘叆椤甸潰鏄剧ず鐨勭紦瀛樺垪琛�
+ $.ajax({
+ url: GetWEBURL() + '/GG_Notice/notices',
+ type: "GET",
+ data: { "user": sessionStorage["HUserName"] },
+ success: function (data1) {
+ if (data1.count == 1) {
+ var data = [];
+ var col = [];
+ //缁欑┖鐨勬暟缁勮祴鍊�
+ for (var key in data1.list) {
+ data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType });
+ }
+ for (var i = 0; i < data.length; i++) {
+ // if (data[i].name == 'HInterID' || data[i].name == 'HBillType' || data[i].name == 'hmainid') {
+ if ($.inArray(data[i].name, titleData) > -1) {
+ col.push({ field: data[i].id, title: data[i].name, align: 'center', hide: true }); //闅愯棌id鍒�
+ }
+ else {
+ switch (data[i].Type) {
+ //int
+ case 'DateTime':
+ col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, templet: "<div>{{d." + data[i].name + " ==null ?'':layui.util.toDateString(d." + data[i].name + ", 'MM-dd')}}</div>", width: 100 });
+ break;
+ case 'String':
+ if (data[i].id == '鐘跺喌') {
+ col.push({
+ field: data[i].id, title: data[i].name, alert: 'center', sort: true, templet: "<div>{{d." + data[i].name + " == '0' ? '绱ф��': '鏅��'}}</div>", width: 80
+ });
+ break;
+ }
+ default:
+ col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 90 });
+ }
+ }
+ }
+
+ //鍔ㄦ�佹樉绀哄垪鍚�
+ option = {
+ elem: '#mainTable'
+ , cols: [col]
+ , data: data1.data
+ , height: 'full-10'
+ , page: true
+ , cellMinWidth: 20
+ , limit: 4
+ }
+ table.render(option);
+ //layer.alert("鏌ヨ鎴愬姛", { icon: 1 });
+ } else {
+ layer.close(ajaxLoad);
+ layer.alert(data1.code + data1.Message, { icon: 5 });
+ }
+ }, error: function () {
+ layer.close(ajaxLoad);
+ layer.alert("鎺ュ彛璇锋眰澶辫触!", { icon: 5 });
+ }
+ });
+ layer.close(index);
+ }
});
</script>
</body>
+
+
</html>
\ No newline at end of file
--
Gitblit v1.9.1