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

'commit'

Browse Source
main
kgdxpr 1 year ago
parent 4086582ddd
commit 0368d8e150
3 changed files with 305 additions and 87 deletions
Show Stats Download Patch File Download Diff File

87
WebRoot/view/ywgl/qm/index.html
Unescape View File

@ -1,87 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script src="../../../admin/js/jquery-3.6.0.min.js"></script>
<script src="../../../component/jSignature/jSignature.min.js"></script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>签名</title>
<style>
.box {
width: 330px;
height: 360px;
border: 1px solid #D1D1D1;
border-radius: 10px;
display: grid;
justify-content: center;
align-items: flex-end;
}
.signature {
width: 300px;
height: 300px;
/* margin-bottom: 50px; */
border-bottom: 2px solid #999999;
}
.memo {
width: 300px;
height: 40px;
text-align: center;
margin-top: 10px;
color: #999999;
}
</style>
</head>
<body>
<div class="box">
<div class="signature" id="signature"></div>
<div class="memo">请在上方进行手写签名</div>
</div>
<br>
<button type="button" class="btn btn-primary btn-block" id="save">保存</button>
<button type="button" class="btn btn-default btn-block" id="clear">清除</button>
这里是保存后图片:
<img class="img" src="" alt="">
<script type="text/javascript">
var param = {
width: '300px', //签名区域的宽
height: '300px', //签名区域的高
UndoButton: false, //撤销按钮的状态 这个按钮的样式修改要去jSignature.js文件中去找
signatureLine: false, //去除默认画布上那条横线
lineWidth: '5' //画笔的大小
};
$("#signature").jSignature(param);
//jSignature提供了清除的API reset
$('#clear').click(function () {
$("#signature").jSignature("reset");
});
//提交
$('#save').click(function () {
if ($("#signature").jSignature('getData', 'native').length === 0) {
alert("请签名后再提交！");
return;
}
//将签名的画布保存为base64编码字符串 默认是png的
var datapair = $("#signature").jSignature("getData", "image");
var i = new Image();
i.src = "data:" + datapair[0] + "," + datapair[1];
console.log(i.src);
$('.img').attr('src', i.src)
})
</script>
</body>
</html>

305
WebRoot/view/ywgl/qrxx/index.html
Unescape View File

@ -0,0 +1,305 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../../component/pear/css/pear.css" />
<style>
.woo-tool-text-delimiter {
width: 1px;
height: 12px;
background: #EEEEEE;
display: inline-block;
margin: 0 6px 0 4px;
}
.woo-theme-color {
color: #1e9fff !important;
}
.woo-tool-span {
margin: 0 3px;
position: relative;
top: -1px;
cursor: pointer;
}
.layui-card-body .layui-form {
margin-top: 0 !important;
}
</style>
</head>
<body class="pear-container layui-form">
<div class="layui-card">
<div class="layui-card-body">
<table id="data-table"></table>
</div>
</div>
<script type="text/html" id="table-toolbar">
<button class="pear-btn pear-btn-primary pear-btn-md" lay-event="add">
<i class="layui-icon layui-icon-add-1"></i>
新增
</button>
</script>
<script type="text/html" id="table-bar">
<span class="woo-tool-span woo-tool-text-span" data-tool-sort="120" lay-event="edit"><a
class="woo-theme-color">编辑</a></span>
<i class="woo-tool-text-delimiter"></i>
<span class="woo-tool-span woo-tool-text-span" data-tool-sort="120" lay-event="remove"><a
class="woo-theme-color">删除</a></span>
<i class="woo-tool-text-delimiter"></i>
<span class="woo-tool-span woo-tool-text-span" data-tool-sort="120" lay-event="orgMgmt"><a
class="woo-theme-color">部门维护</a></span>
<i class="woo-tool-text-delimiter"></i>
<span class="woo-tool-span woo-tool-text-span" data-tool-sort="120" lay-event="personMgmt"><a
class="woo-theme-color">人员维护</a></span>
</script>
<script src="../../../component/layui/layui.js"></script>
<script src="../../../component/pear/pear.js"></script>
<script src="../../../component/pear/base64.js"></script>
<script>
layui.use(['table', 'form', 'jquery', 'common', 'dtree', 'laytpl'], function () {
var table = layui.table;
var form = layui.form;
var $ = layui.jquery;
var common = layui.common;
var dtree = layui.dtree;
var laytpl = layui.laytpl;
var areaId = "0";
var levelId = "0";
var selectAreaId = "0";
var editH = "385px";
//获取登录人员信息
var loginPersonInfo = getPersonLoginInfo($);
if (loginPersonInfo.identity_id == "1") {
editH = "435px";
$("#selectTreeDiv").show();
var globalInfo = getGlobalInfo($, Base64.encode("install_area"));
areaId = globalInfo.data[0].global_value;
levelId = "2";
selectTreeRender(areaId);
selectOrgTypeRender();
} else if (loginPersonInfo.identity_id == 2) {
areaId = loginPersonInfo.city_id;
levelId = "2";
selectTreeRender(areaId);
selectOrgTypeRender();
} else {
areaId = loginPersonInfo.area_id;
levelId = "3";
selectTreeRender(areaId);
selectOrgTypeRender();
}
//单位类型
function selectOrgTypeRender() {
$.ajax({
type: "GET",
async: false,
url: "/QingLong/base/getOrgTypePrincipalshipForTreeTable?is_school=0&parent_id=" + levelId,
success: function (res) {
var orgTypeSelectTpl = orgTypeScript.innerHTML,
orgTypeView = document.getElementById('orgTypeView');
laytpl(orgTypeSelectTpl).render(res.data, function (html) {
orgTypeView.innerHTML = html;
});
form.render();
}
});
}
//下拉树
function selectTreeRender(areaId) {
dtree.render({
elem: "#selectTree",
selectInitVal: areaId,
initLevel: "2",
method: 'get',
url: "/QingLong/dm/getAreaNew?parent_id=" + areaId,
select: true,
icon: "-1",
selectInputName: {
recordData: "recordData"
}
});
}
dtree.on('node("selectTree")', function (obj) {
if (obj.param.leaf) {
levelId = "3";
} else {
levelId = "2";
}
selectOrgTypeRender();
// var param = dtree.selectVal("selectTree");
areaId = obj.param.nodeId;
tableRender();
});
form.on('select(orgTypeId)', function (data) {
tableRender();
});
tableRender();
function tableRender() {
table.render({
elem: '#data-table',
url: '/QingLong/organization/getBureauList',
where: {
org_type_id: $("#orgTypeId").val(),
parent_org_id: areaId
},
height: 'full-135',
page: {
limit: 15
, layout: ['count', 'prev', 'page', 'next', 'skip']
, prev: "上一页"
, next: "下一页"
},
cols: [[
{ title: '序号', align: 'center', width: "5%", type: 'numbers' },
{ title: '单位名称', field: 'org_name', align: 'center' },
{ title: '统一社会信用代码', field: 'org_code', align: 'center', width: "15%" },
{ title: '单位类型', field: 'org_type_name', align: 'center', width: "15%" },
{ title: '操作', toolbar: '#table-bar', align: 'center', width: "20%" }
]],
skin: 'line',
toolbar: '#table-toolbar',
defaultToolbar: [{
title: '刷新',
layEvent: 'refresh',
icon: 'layui-icon-refresh',
}, 'filter', 'print', 'exports']
});
}
table.on('tool(data-table)', function (obj) {
if (obj.event === 'remove') {
window.remove(obj);
} else if (obj.event === 'edit') {
window.edit(obj);
} else if (obj.event === 'orgMgmt') {
window.orgMgmt(obj);
}
else if (obj.event === 'personMgmt') {
window.personMgmt(obj);
}
});
table.on('toolbar(data-table)', function (obj) {
if (obj.event === 'add') {
window.add();
} else if (obj.event === 'refresh') {
window.refresh();
}
});
window.add = function () {
layer.open({
type: 2,
title: '新增',
shade: 0.1,
area: ['650px', '385px'],
content: './add.html?level_id=' + levelId + '&area_id=' + areaId + '&org_type=' + $("#orgTypeId").val()
});
}
window.edit = function (obj) {
layer.open({
type: 2,
title: '编辑',
shade: 0.1,
area: ['650px', editH],
content: './update.html?org_id=' + obj.data.org_id + '&level_id=' + levelId + '&area_id=' + areaId
});
}
window.remove = function (obj) {
layer.confirm('确定要删除该单位吗？', {
icon: 3,
title: '提示'
}, function (index) {
layer.close(index);
let loading = layer.load();
$.ajax({
url: "/QingLong/organization/deleteBureauById",
data: { bureau_id: obj.data.org_id },
type: 'post',
success: function (result) {
layer.close(loading);
if (result.success) {
layer.msg('成功删除！', {
icon: 1,
time: 1000
}, function () {
table.reload('data-table');
});
} else {
layer.msg(result.message, {
icon: 2,
time: 1000
});
}
},
error: function (xhr, status, error) {
layer.close(loading);
console.log('请求出错：' + error + ',' + status);
}
})
});
}
window.orgMgmt = function (obj) {
var url = "/QingLong/view/ywgl/bmwh/index.html?level=" + levelId + "&area_id=" + areaId + "&org_id=" + obj.data.org_id;
parent.layui.admin.closeTab('bmwh');
parent.layui.admin.addTab('bmwh', "部门维护", url)
}
window.personMgmt = function (obj) {
var url = "/QingLong/view/ywgl/rywh/index.html?bureau_id=" + obj.data.org_id;
parent.layui.admin.closeTab('rywh');
parent.layui.admin.addTab('rywh', "人员维护", url)
}
window.refresh = function (param) {
table.reload('data-table');
}
//获取随机数
window.randomFrom = function (lowerValue, upperValue) {
return Math.floor(Math.random() * (upperValue - lowerValue + 1) + lowerValue);
}
//点击任何地方关闭下拉树
$("body").on("click", function (event) {
$("div[dtree-id][dtree-select]").removeClass("layui-form-selected");
$("div[dtree-id][dtree-card]").removeClass("dtree-select-show layui-anim layui-anim-upbit");
});
});
</script>
</body>
</html>

0
WebRoot/view/ywgl/qm/signature.html → WebRoot/view/ywgl/qrxx/signature.html
Unescape View File

Write Preview
Loading…
Cancel
Save