~fei.wang/HxzkFlow.git

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,405 @@
			<%--
			Created by IntelliJ IDEA.
			User: Dell
			Date: 2023/8/14
			Time: 11:31
			To change this template use File \| Settings \| File Templates.
			--%>
			<%@ page contentType="text/html;charset=UTF-8" language="java" %>
			<html>
			<head>
			<meta name="viewport" content="width=device-width, initial-scale=1">
			<title>Title</title>
			<link href="/HxzkFlow/images/favicon.ico" rel="icon" type="image/x-icon"/>
			<link rel="stylesheet" href="/HxzkFlow/css/layui.css" media="all">
			<style>
			#sendcontext {

			display: block;

			margin: 0 auto;

			/overflow: hidden; /

			width: 490px;

			font-size: 14px;

			height: 100px;

			line-height: 24px;

			padding: 2px;

			border-radius: 4px;

			min-height: 20px;

			/* max-height: 70px; */

			}

			textarea {

			outline: 0 none;

			border-color: rgba(82, 168, 236, 0.8);

			box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);

			}
			.panbox{
			width: 540px;
			height: 130px;
			float: left;
			margin-left: 20px;
			margin-top: 10px;
			color: white;
			font-size: 22px;
			}
			</style>
			</head>
			<body>

			<div style="width: 100%">
			<a href="javascript:;"><div class="panbox" style="background-color: #096DD9;">
			<div style="margin-top: 15px;margin-left: 20px">
			<span style="font-size: 14px">æ»å¡æ°</span><br>
			<span style="font-size: 34px;margin-top: 18px;display: inline-block" class="zk">0</span>
			</div>
			</div></a>
			<a href="javascript:;" onclick="bydq()"> <div class="panbox" style="background-color: #722ED1">
			<div style="float: left;margin-left: 20px;margin-top: 15px">
			<span style="font-size: 14px">æ¬æå°æ</span><br>
			<span style="font-size: 34px;margin-top: 18px;display: inline-block" class="by">0</span>
			</div>
			<div style="float: left;margin-left: 250px;margin-top: 15px">
			<span style="font-size: 14px">æ¬¡ææ¿æ´»</span><br>
			<span style="font-size: 34px;margin-top: 18px;display: inline-block" class="cy">0</span>
			</div>
			</div></a>
			<a href="javascript:;"> <div class="panbox" style="background-color:#D46B08;">
			<div style="float: left;margin-left: 20px;margin-top: 15px">
			<span style="font-size: 14px">è¾¾éæç½</span><br>
			<span style="font-size: 34px;margin-top: 18px;display: inline-block" class="dw">0</span>
			</div>
			<div style="float: left;margin-left: 250px;margin-top: 15px">
			<span style="font-size: 14px">å³å°è¾¾é</span><br>
			<span style="font-size: 34px;margin-top: 18px;display: inline-block" class="jjdl">0</span>
			</div>
			</div></a>
			</div>

			<%--<script type="text/html" id="toolbarDemo">--%>
			<div style="margin-top: 15px;margin-left: 20px;display: inline-block" >
			<%-- <button class="layui-btn " id="btn-add" lay-event="getadd1">æ°å¢</button>--%>
			<h2 >å³å°å°æå¡å·æ±æ»</h2>
			</div>
			<%--</script>--%>
			<div style="display: inline-block;width: 100%;">

			<table id="demo" lay-filter="demo"></table>
			</div>

			<div class="send"
			style="display: none;width: 600px;background-color: white;border: 1px solid #cccccc;padding: 50px;border-radius: 20px;position: fixed;top: 50px;left: 450px;z-index: 99999">
			<form class="layui-form" method="post" action="/HxzkFlow/hxzk/send" lay-filter="example" onsubmit="return checksend()">
			<input type="text" name="id" style="display: none" class="upnum"/>
			<input type="text" name="enddate" style="display: none" class="enddate"/>
			<div class="layui-form-item">
			<label class="layui-form-label">æå±å¬å¸ï¼</label>
			<div class="layui-input-block">
			<input type="text" name="company" id="company" lay-verify="title" autocomplete="off" placeholder=""
			class="layui-input" disabled>
			</div>
			</div>
			<div class="layui-form-item">
			<label class="layui-form-label">åéçµè¯ï¼</label>
			<div class="layui-input-block">
			<input type="text" name="phone" id="phone" lay-verify="title" autocomplete="off" lay-verify="required\|phone"
			placeholder="è¯·è¾å¥åéçµè¯" class="layui-input">
			</div>
			</div>
			<div class="layui-form-item">
			<label class="layui-form-label">åéåå®¹ï¼</label>
			<div class="layui-input-block">
			<%-- <input type="text" name="sendcontext" id="sendcontext" lay-verify="title" autocomplete="off"--%>
			<%-- placeholder="è¯·è¾å¥å¡å·,Nä¸ªå¡å·éè¦ ; åé" class="layui-input">--%>

			<textarea id="sendcontext" name="enddate" autoHeight="true" placeholder="åå¤åå®¹" disabled></textarea>
			</textarea>
			</div>
			</div>

			<div class="layui-form-item">
			<div class="layui-input-block">
			<button type="submit" class="layui-btn" lay-submit="" lay-filter="demoadd">ç¡®å®åé</button>
			<button type="button" class="layui-btn layui-btn-normal" lay-filter="demo1" onclick="canseladd()"
			style="margin-left: 200px">åæ¶
			</button>
			</div>
			</div>
			</form>
			</div>

			</body>

			<script type="text/html" id="barDemo">
			<a class="layui-btn layui-btn-xs" lay-event="detail" >çä¿¡æç¤º</a>
			<%-- <a class="layui-btn layui-btn-xs" onclick="guanbi();" >å³é</a>--%>
			</script>

			<script src="/HxzkFlow/js/layui.js" charset="utf-8"></script>
			<script src="../js/jquery-3.5.1.js"></script>
			<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
			<script>
			var qb = localStorage.getItem("gsjc")
			var ds = "qb="+localStorage.getItem("gsmc")
			var getUserName = localStorage.getItem("getUserName")
			var getjuese = localStorage.getItem("getjuese")
			var data = "qb="+qb
			if(qb == "åææºæ§" \|\| qb == "è®¿å®¢"){
			$.get("/HxzkFlow/hxzk/chawu",function (data){
			$(".zk").text(data[0])
			$(".by").text(data[1])
			$(".cy").text(data[2])
			$(".dw").text(data[3])
			$(".jjdl").text(data[4])
			})
			setInterval(function() {
			$.get("/HxzkFlow/hxzk/chawu",function (data){
			$(".zk").text(data[0])
			$(".by").text(data[1])
			$(".cy").text(data[2])
			$(".dw").text(data[3])
			$(".jjdl").text(data[4])
			})
			}, 60000);
			}else{
			$.post("/HxzkFlow/hxzk/chawu1",ds,function (dt){
			$(".zk").text(dt[0])
			$(".by").text(dt[1])
			$(".cy").text(dt[2])
			$(".dw").text(dt[3])
			$(".jjdl").text(dt[4])
			})
			setInterval(function() {
			$.post("/HxzkFlow/hxzk/chawu1",ds,function (data){
			$(".zk").text(data[0])
			$(".by").text(data[1])
			$(".cy").text(data[2])
			$(".dw").text(data[3])
			$(".jjdl").text(data[4])
			})
			}, 60000);
			}

			layui.use(['layer', 'form'], function () {
			var layer = layui.layer
			, form = layui.form;


			//ä»æ¬å°åå¨è·åç¨æ·ç»å½ä¿¡æ¯ï¼å¦ææ¯åè´¦å·ï¼åªæ¾ç¤ºelse å¦ææ¯æ»è´¦å·æ¾ç¤ºif
			layui.use('table', function () {
			var table = layui.table;

			var Zong = localStorage.getItem("gsjc")
			var data = "Zong=" + Zong

			if (Zong == null) {
			} else {


			$.post("/HxzkFlow/hxzk/jiemi", data, function (data) {
			if (data == "1") {
			if (getjuese == "è¶çº§ç®¡çå") {
			// form.render();
			// $("#hide").hide();
			// $("#relo").css("left","-60px")
			// $("#select").css("left","620px")
			// $("#cardnum").css("left","620px")
			table.render({
			elem: '#demo'
			, layEvent: 'LAYTABLE_TIPS'
			, height: 610
			, url: '/HxzkFlow/hxzk/FindCard' //æ°æ®æ¥å£
			,method:'post'
			, where: {daoqi: 'yes'}
			, width: 1680
			, autoWidth: true
			, page: true //å¼å¯åé¡µ
			// , toolbar: '#toolbarDemo'
			, defaultToolbar: ['filter', 'exports', 'print', { //èªå®ä¹å¤´é¨å·¥å·æ å³ä¾§å¾æ ãå¦æ éèªå®ä¹ï¼å»é¤è¯¥åæ°å³å¯
			title: 'æç¤º'
			, layEvent: 'LAYTABLE_TIPS'
			, icon: 'layui-icon-tips'
			}]
			, cols: [[ //è¡¨å¤´
			{type: 'checkbox', sort: true, fixed: "left"}
			, {field: 'num', title: 'åºå·', sort: true, width: '5%'}
			, {field: 'company', title: 'æå±å¬å¸',}
			, {field: 'cardnumber', title: 'å¡å·', sort: true,}
			, {field: 'operator', title: 'è¿è¥å', sort: true,}
			, {field: 'carddate', title: 'å¼å§æ¥æ', sort: true,}
			, {field: 'enddate', title: 'ç»ææ¥æ', sort: true,}
			, {field: 'remainingdays', title: 'å©ä½å¤©æ°',}
			, {title: 'æä½', width: 150, toolbar: '#barDemo'}
			]],
			limit: 100,
			limits: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
			});
			}else{
			table.render({
			elem: '#demo'
			, layEvent: 'LAYTABLE_TIPS'
			, height: 610
			, url: '/HxzkFlow/hxzk/FindCard' //æ°æ®æ¥å£
			,method:'post'
			, where: {daoqi: 'yes',entry:getUserName}
			, width: 1680
			, autoWidth: true
			, page: true //å¼å¯åé¡µ
			// , toolbar: '#toolbarDemo'
			, defaultToolbar: ['filter', 'exports', 'print', { //èªå®ä¹å¤´é¨å·¥å·æ å³ä¾§å¾æ ãå¦æ éèªå®ä¹ï¼å»é¤è¯¥åæ°å³å¯
			title: 'æç¤º'
			, layEvent: 'LAYTABLE_TIPS'
			, icon: 'layui-icon-tips'
			}]
			, cols: [[ //è¡¨å¤´
			{type: 'checkbox', sort: true, fixed: "left"}
			, {field: 'num', title: 'åºå·', sort: true, width: '5%'}
			, {field: 'company', title: 'æå±å¬å¸',}
			, {field: 'cardnumber', title: 'å¡å·', sort: true,}
			, {field: 'operator', title: 'è¿è¥å', sort: true,}
			, {field: 'carddate', title: 'å¼å§æ¥æ', sort: true,}
			, {field: 'enddate', title: 'ç»ææ¥æ', sort: true,}
			, {field: 'remainingdays', title: 'å©ä½å¤©æ°',}
			, {title: 'æä½', width: 150, toolbar: '#barDemo'}
			]],
			limit: 100,
			limits: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
			});
			}
			} else {
			if (Zong=="è®¿å®¢"){
			// $("#relo").hide();
			$("#select").css("left", "160px")
			// $("#relo").css("left", "-60px")
			table.render({
			elem: '#demo'
			, layEvent: 'LAYTABLE_TIPS'
			, height: 610
			, url: '/HxzkFlow/hxzk/FindCard' //æ°æ®æ¥å£
			, where: {company: Zi,daoqi:'yes'}
			, width: 1680
			, autoWidth: true
			, page: true //å¼å¯åé¡µ
			,method:'post'
			, defaultToolbar: ['filter', 'exports', 'print', { //èªå®ä¹å¤´é¨å·¥å·æ å³ä¾§å¾æ ãå¦æ éèªå®ä¹ï¼å»é¤è¯¥åæ°å³å¯
			title: 'æç¤º'
			, layEvent: 'LAYTABLE_TIPS'
			, icon: 'layui-icon-tips'
			}]
			, cols: [[ //è¡¨å¤´
			{type: 'checkbox', sort: true, fixed: "left"}
			, {field: 'num', title: 'åºå·', sort: true, width: '75'}
			, {field: 'company', title: 'æå±å¬å¸', width: '250'}
			, {field: 'cardnumber', title: 'å¡å·', sort: true, width: '200'}
			, {field: 'operator', title: 'è¿è¥å', sort: true, width: '110'}
			, {field: 'carddate', title: 'å¼å§æ¥æ', sort: true, width: '110'}
			, {field: 'enddate', title: 'ç»ææ¥æ', sort: true, width: '110'}
			, {field: 'remainingdays', title: 'å©ä½å¤©æ°', width: '100'}
			// , {title: 'æä½', width: 150, toolbar: '#barDemo'}
			]],
			limit: 100,
			limits: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
			});
			}else{
			$("#hide").hide();
			$("#relo").css("left", "-60px")
			$("#select").css("left", "620px")
			$("#cardnum").css("left", "620px")

			var Zi = localStorage.getItem("gsmc")
			console.log(Zi)
			var dt = "Zong=" + Zi
			var field = data.field;
			$.post("/HxzkFlow/hxzk/chaZi", dt, function (data) {
			var jc = Zi;
			table.render({
			elem: '#demo'
			, layEvent: 'LAYTABLE_TIPS'
			, height: 610
			, url: '/HxzkFlow/hxzk/FindCardZi' //æ°æ®æ¥å£
			, method: 'post'
			, cellMinWidth: 80
			, page: true //å¼å¯åé¡µ
			, limit: 100
			, where: {company: Zi,daoqi:'yes'} // æç´¢çåæ®µ
			// , toolbar: '#toolbarDemo1'
			, defaultToolbar: ['filter', 'exports', 'print', { //èªå®ä¹å¤´é¨å·¥å·æ å³ä¾§å¾æ ãå¦æ éèªå®ä¹ï¼å»é¤è¯¥åæ°å³å¯
			title: 'æç¤º'
			, layEvent: 'LAYTABLE_TIPS'
			, icon: 'layui-icon-tips'
			}]
			, cols: [[ //è¡¨å¤´
			{type: 'checkbox', sort: true, fixed: "left", top: 10}
			, {field: 'num', title: 'åºå·', sort: true, width: '75'}
			, {field: 'company', title: 'æå±å¬å¸', width: '250'}
			, {field: 'cardnumber', title: 'å¡å·', sort: true, width: '200'}
			, {field: 'operator', title: 'è¿è¥å', sort: true, width: '110'}
			, {field: 'carddate', title: 'å¼å§æ¥æ', sort: true, width: '110'}
			, {field: 'enddate', title: 'ç»ææ¥æ', sort: true, width: '110'}
			, {field: 'remainingdays', title: 'å©ä½å¤©æ°', width: '100'}
			// , {title: 'æä½', width: 150, toolbar: '#barDemo'}
			]],
			limit: 100,
			limits: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
			});
			})
			}

			}
			})
			}
			table.on('tool(demo)', function (obj) { //æ³¨ï¼tool æ¯å·¥å·æ¡äºä»¶åï¼test æ¯ table å®¹å¨ç id
			var data = obj.data; //è·å¾å½åè¡æ°æ®
			console.log(data)
			var layEvent = obj.event; //è·å¾ lay-event å¯¹åºçå¼ï¼ä¹å°±æ¯å¤ççäºä»¶ï¼
			if (layEvent === 'detail') {

			var dt = "company=" + data.company
			console.log(dt)
			$.post("/HxzkFlow/hxzk/findcomPnone", dt, function (data) {
			console.log(data)
			$("#phone").val(data)
			})

			$(".send").show();
			$(".upnum").val(data.num)
			$("#company").val(data.company)
			$(".enddate").val(data.enddate)
			$("#sendcontext").val("æ¨æä½¿ç¨çç©èç½å¡è¿æ"+data.remainingdays+"å³å°å°æï¼è¯·å¨" + data.enddate + "ä¹åç»è´¹ï¼å¦å·²ç»è´¹å¿½ç¥è¯¥æç¤ºä¿¡æ¯ï¼ææ¶è¯·åå¤R")
			}
			});
			});

			});
			function checksend() {
			console.log("11111111111111111")
			console.log($("#phone").val())
			var add1 = $("#phone").val();
			if (add1 == "" \|\| add1 == null) {
			layer.alert("è¯·è¾å¥åéçµè¯")
			return false;
			}
			if (add1.length!=11) {
			layer.alert("ææºå·æè¯¯ï¼")
			return false;
			}
			}
			function canseladd() {
			$(".send").hide();
			}
			</script>
			</html>