<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
<title>智能机房管理平台</title>
|
|
<link rel="shortcut icon" href="favicon.ico">
|
<link rel="stylesheet" type="text/css" href="plugins/layui/css/layui.css" />
|
<link rel="stylesheet" type="text/css" href="css/page/sys-protocol.css" />
|
</head>
|
|
<body>
|
<!-- <h2>临时页面</h2>-->
|
<div class="i-container">
|
|
<div class="jmkt-main">
|
|
<div class="layui-fluid">
|
<div class="pdgxq-m1 layui-row layui-col-space20" style="height: 640px;">
|
|
<div class="layui-col-lg12 layui-col-md12">
|
<div class="pdgxq-m1-right pdgxq-m1-box" style="height: 665px;">
|
<!-- <div class="pdgxq-H">-->
|
<!-- <h3 style="color: #ffffff;">修改密码</h3>-->
|
<!-- </div>-->
|
|
|
<div class="layui-row">
|
<div class="layui-col-md6">
|
<div class="layui-card">
|
<div class="layui-card-header"><i class="layui-icon layui-icon-key"></i>上传企业LOGO</div>
|
<div class="layui-card-body">
|
<div class="layui-row" style="margin: 0 20px;">
|
<div class="layui-form-item layui-col-md12">
|
<div class="layui-inline">
|
<div class="pop-btnbox">
|
<button type="button" class="layui-btn layui-btn-normal pop-complete-btn"
|
id="imgLogoFile" >选择文件</button>
|
<button type="button" class="layui-btn popClose-btn" onclick="uploadImgLogoFile();">确认上传</button>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item layui-col-md12">
|
<div class="layui-inline layui-word-aux" style="margin-left: 40px;">
|
文件名称：<span id="imgLogoFileName"></span>
|
</div>
|
</div>
|
<div class="layui-form-item layui-col-md12">
|
<div class="layui-inline layui-word-aux" style="margin-left: 40px;">
|
文件预览：<span id="previewLogoFileName"></span>
|
</div>
|
</div>
|
<div class="layui-form-item layui-col-md12">
|
<img src="#" id="imgLogoBase64" style="width:350px;height:350px;display: none;">
|
</div>
|
|
</div>
|
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-col-md6">
|
<div class="layui-card">
|
<div class="layui-card-header"><i class="layui-icon layui-icon-key"></i>上传企业二维码</div>
|
<div class="layui-card-body">
|
<div class="layui-row" style="margin: 0 20px;">
|
|
|
<div class="layui-form-item layui-col-md12">
|
<div class="layui-inline">
|
<div class="pop-btnbox">
|
<button type="button" class="layui-btn layui-btn-normal pop-complete-btn"
|
id="imgQrcodeFile" >选择文件</button>
|
<button type="button" class="layui-btn popClose-btn" onclick="uploadImgQrcodeFile();">确认上传</button>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item layui-col-md12">
|
<div class="layui-inline layui-word-aux" style="margin-left: 40px;">
|
文件名称：<span id="imgQrcodeFileName"></span>
|
</div>
|
</div>
|
<div class="layui-form-item layui-col-md12">
|
<div class="layui-inline layui-word-aux" style="margin-left: 40px;">
|
文件预览：<span id="previewQrcodeFileName"></span>
|
</div>
|
</div>
|
<div class="layui-form-item layui-col-md12">
|
<img src="#" id="imgQrcodeBase64" style="width:350px;height:350px;display: none;">
|
</div>
|
|
|
</div>
|
|
</div>
|
|
</div>
|
</div>
|
</div>
|
|
|
|
</div>
|
</div>
|
</div><!--pdgxq-m1 end-->
|
</div>
|
</div><!--jmkt-main end-->
|
</div><!--i-container end-->
|
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
<script src="plugins/layui/layui.js"></script>
|
<script type="text/javascript">
|
var layer;// 定义全局变量
|
var form;
|
var element;
|
var upload;
|
var imgLogoFile;
|
var imgLogoBase64;
|
var imgQrcodeFile;
|
var imgQrcodeBase64;
|
|
$(function () {
|
layui.use(["layer", "form", "element", "upload"], function () {
|
layer = layui.layer;
|
form = layui.form;
|
element = layui.element;
|
upload = layui.upload;
|
|
//查看正在使用的二维码
|
queryQrCode();
|
//查看正在使用的LOGO
|
queryLogo();
|
|
uploadLogoFile();
|
uploadQrcodeFile();
|
});
|
});
|
//选择文件
|
function uploadLogoFile(){
|
var uploadListIns = upload.render({
|
elem: '#imgLogoFile'
|
,accept: 'file'
|
// ,multiple: true
|
,auto: false
|
// ,bindAction: '#protocolListAction'
|
,choose: function(obj){
|
//将每次选择的文件追加到文件队列
|
// var files = obj.pushFile();
|
|
//预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)
|
obj.preview(function(index, file, result){
|
imgLogoFile = file;
|
imgLogoBase64 = result;
|
$("#imgFileName").text(file.name);
|
// console.log(index); //得到文件索引
|
// console.log(file); //得到文件对象
|
// console.log(result); //得到文件base64编码，比如图片
|
});
|
}
|
});
|
};
|
//选择文件
|
function uploadQrcodeFile(){
|
var uploadListIns = upload.render({
|
elem: '#imgQrcodeFile'
|
,accept: 'file'
|
// ,multiple: true
|
,auto: false
|
// ,bindAction: '#protocolListAction'
|
,choose: function(obj){
|
//将每次选择的文件追加到文件队列
|
// var files = obj.pushFile();
|
|
//预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)
|
obj.preview(function(index, file, result){
|
imgQrcodeFile = file;
|
imgQrcodeBase64 = result;
|
$("#imgQrcodeFileName").text(file.name);
|
// console.log(index); //得到文件索引
|
// console.log(file); //得到文件对象
|
// console.log(result); //得到文件base64编码，比如图片
|
});
|
}
|
});
|
};
|
//确认上传
|
function uploadImgLogoFile() {
|
var index= imgLogoFile.name.lastIndexOf(".");
|
var suffix = imgLogoFile.name.substr(index);
|
// console.log(suffix);
|
if(suffix != ".jpg" && suffix != ".png"){
|
// layer.msg("文件名称："+imgFile.name);
|
window.parent.parent.notify("不接受此类文件！上传的图片文件后缀应该是：.jpg、.png");
|
return ;
|
}
|
$("#previewLogoFileName").text(imgLogoFile.name);
|
$("#imgLogoBase64").attr("src",imgLogoBase64);
|
$("#imgLogoBase64").show();
|
var param = {"name": imgLogoFile.name,"data" : imgLogoBase64};
|
console.log(param);
|
$.ajaxSettings.async = false;
|
$.post("./cgi-bin/file/upload-logo", JSON.stringify(param), function (data, status) {
|
if (data.code == "success") {
|
layer.closeAll();
|
window.parent.parent.notify("文件上传成功！");
|
} else {
|
window.parent.parent.notify("文件上传出错，请重新操作！"+data.msg+"！");
|
}
|
}, "json");
|
}
|
//确认上传
|
function uploadImgQrcodeFile() {
|
var index= imgQrcodeFile.name.lastIndexOf(".");
|
var suffix = imgQrcodeFile.name.substr(index);
|
// console.log(suffix);
|
if(suffix != ".jpg" && suffix != ".png"){
|
// layer.msg("文件名称："+imgFile.name);
|
window.parent.parent.notify("不接受此类文件！上传的图片文件后缀应该是：.jpg、.png");
|
return ;
|
}
|
$("#previewQrcodeFileName").text(imgQrcodeFile.name);
|
$("#imgQrcodeBase64").attr("src",imgQrcodeBase64);
|
$("#imgQrcodeBase64").show();
|
var param = {"name": imgQrcodeFile.name,"data" : imgQrcodeBase64};
|
console.log(param);
|
$.ajaxSettings.async = false;
|
$.post("./cgi-bin/file/upload-qr-code", JSON.stringify(param), function (data, status) {
|
if (data.code == "success") {
|
layer.closeAll();
|
window.parent.parent.notify("文件上传成功！");
|
} else {
|
window.parent.parent.notify("文件上传出错，请重新操作！"+data.msg+"！");
|
}
|
}, "json");
|
}
|
|
function queryLogo() {
|
$.ajaxSettings.async = false;
|
$.get("./cgi-bin/file/query-logo", function (data, status) {
|
if ("success" == status) {
|
var imgData = data.data;
|
if(imgData){
|
$("#previewLogoFileName").text("正在使用的文件...");
|
$("#imgLogoBase64").attr("src",imgData);
|
$("#imgLogoBase64").show();
|
}
|
} else {
|
window.parent.notify("系统获取2.5D图信息失败！");
|
}
|
}, "json");
|
}
|
|
function queryQrCode() {
|
$.ajaxSettings.async = false;
|
$.get("./cgi-bin/file/query-qr-code", function (data, status) {
|
if ("success" == status) {
|
var imgData = data.data;
|
if(imgData){
|
$("#previewQrcodeFileName").text("正在使用的文件...");
|
$("#imgQrcodeBase64").attr("src",imgData);
|
$("#imgQrcodeBase64").show();
|
}
|
} else {
|
window.parent.notify("系统获取2.5D图信息失败！");
|
}
|
}, "json");
|
}
|
</script>
|
</body>
|
|
</html>
|
