|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>集成配置</title>
|
|
|
<meta name="renderer" content="webkit">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
<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="../../static/css/font.css">
|
|
|
<link rel="stylesheet" href="../../static/css/weadmin.css">
|
|
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
|
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
|
|
<![endif]-->
|
|
|
<style>
|
|
|
#check_identity {
|
|
|
margin-top: 8px;
|
|
|
}
|
|
|
.identity {
|
|
|
margin-right: 25px;
|
|
|
}
|
|
|
.identity div {
|
|
|
margin-top: 0!important;
|
|
|
}
|
|
|
.imgBox {
|
|
|
width: 100px;
|
|
|
height: 0px;
|
|
|
overflow: hidden;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
.imgBox img {
|
|
|
width: 100%!important;
|
|
|
}
|
|
|
.teaBtn {
|
|
|
width: 75px;
|
|
|
height: 28px;
|
|
|
border: 1px solid #d2d2d2;
|
|
|
border-radius: 2px;
|
|
|
margin-top: -30px;
|
|
|
margin-left: 189px;
|
|
|
}
|
|
|
.teaBtn span {
|
|
|
display: block;
|
|
|
width: 48px;
|
|
|
height: 28px;
|
|
|
line-height: 28px;
|
|
|
text-align: center;
|
|
|
color:#fff;
|
|
|
background-color: #d2d2d2;
|
|
|
}
|
|
|
.checkDiv {
|
|
|
background-color:#5FB878!important;
|
|
|
}
|
|
|
.checkDiv+i {
|
|
|
color:#5FB878!important;
|
|
|
display: block;
|
|
|
margin-left: 53px;
|
|
|
margin-top: -23px;
|
|
|
}
|
|
|
.layui-form-label {
|
|
|
width: 110px!important;
|
|
|
}
|
|
|
#save {
|
|
|
position: fixed;
|
|
|
bottom: 30px;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="weadmin-body">
|
|
|
<form class="layui-form">
|
|
|
<div class="layui-form-item">
|
|
|
<label for="appname" class="layui-form-label">
|
|
|
<span class="we-red">*</span>集成系统名称：
|
|
|
</label>
|
|
|
<div class="layui-input-inline textinput" id="appname" style="padding-top: 10px">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label for="callback_url" class="layui-form-label">
|
|
|
<span class="we-red">*</span>调用地址：
|
|
|
</label>
|
|
|
<div class="layui-input-inline textinput">
|
|
|
<input type="text" id="callback_url" name="callback_url" lay-verify="required|url" autocomplete="" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label for="pic" class="layui-form-label">
|
|
|
<span class="we-red">*</span>系统图标：</label>
|
|
|
<div class="layui-upload" id="pic">
|
|
|
<input type="button" class="layui-btn" name="pic" id="test1" lay-filter="required" value="上传图片">
|
|
|
<span style="margin:0 15px;color:#999">只允许上传jpg,jpeg,png三种格式的图片,图片大小100*100</span>
|
|
|
<div class="layui-upload-list" style="margin-left:130px">
|
|
|
<div class="imgBox"><img class="layui-upload-img" id="demo1" src=""></div>
|
|
|
<span style="vertical-align:top;color:red" id="demoText"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<label for="" class="layui-form-label">
|
|
|
</label>
|
|
|
<button class="layui-btn" lay-filter="add" lay-submit="" id="save">下一步</button>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
<script src="../../lib/layui/layui.js" charset="utf-8"></script>
|
|
|
<script src="../../lib/persist-min.js"></script>
|
|
|
<script src="../../lib/base64.js"></script>
|
|
|
|
|
|
<script>
|
|
|
layui.extend({
|
|
|
admin: '{/}../../static/js/admin'
|
|
|
});
|
|
|
layui.use(['form','upload','jquery','laytpl','util','admin', 'layer'], function() {
|
|
|
var form = layui.form,
|
|
|
$ = layui.jquery,
|
|
|
util = layui.util,
|
|
|
admin = layui.admin,
|
|
|
layer = layui.layer,
|
|
|
upload=layui.upload,
|
|
|
laytpl=layui.laytpl;
|
|
|
var picName="";
|
|
|
var appid=GetQueryString("id");
|
|
|
$("#appname").text(Base64.decode(GetQueryString("appname")));
|
|
|
var uploadFlag=false;
|
|
|
// 上传接口
|
|
|
var uploadInst = upload.render({
|
|
|
elem: '#pic' //绑定元素
|
|
|
,url: '/FengHuang/integrated/uploadPic' //上传接口
|
|
|
,data:{
|
|
|
pic:"pic"
|
|
|
}
|
|
|
,accept:"images"
|
|
|
,acceptMime:'image/jpg,image/png,image/jpeg'
|
|
|
,exts:"jpg|png|jpeg"
|
|
|
,size:"50"
|
|
|
,done: function(data){
|
|
|
if(data.success){
|
|
|
picName=data.filename;
|
|
|
$(".imgBox").css("height","100px")
|
|
|
$(".layui-upload-list img").attr("src","/FengHuang/uploadPic/"+data.filename);
|
|
|
$("#demoText").text("");
|
|
|
uploadFlag=true;
|
|
|
}else{
|
|
|
$("#demoText").text(data.message);
|
|
|
$("#save").attr("disabled",true);
|
|
|
uploadFlag=false;
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
,error: function(){
|
|
|
var demoText = $('#demoText');
|
|
|
uploadFlag=false;
|
|
|
demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
|
|
|
demoText.find('.demo-reload').on('click', function(){
|
|
|
uploadInst.upload();
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
var store = new Persist.Store('store_name');
|
|
|
|
|
|
|
|
|
|
|
|
//监听提交
|
|
|
form.on('submit(add)', function(data) {
|
|
|
var f = data.field;
|
|
|
if(picName!==""){
|
|
|
$("#demoText").text();
|
|
|
}else{
|
|
|
layer.msg("请上传系统图标！",{icon:0});
|
|
|
return false;
|
|
|
}
|
|
|
store.set('url',f.callback_url);
|
|
|
store.set('picName', picName);
|
|
|
store.set("appid",appid);
|
|
|
window.location.href='./selectStage.html';
|
|
|
return false;
|
|
|
})
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |
