|
|
<!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>
|
|
|
.imgBox {
|
|
|
width: 100px;
|
|
|
height: 100px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
.imgBox img {
|
|
|
width: 100%!important;
|
|
|
}
|
|
|
.layui-form-label {
|
|
|
width: 110px!important;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="weadmin-body">
|
|
|
<form class="layui-form" lay-filter="editForm">
|
|
|
<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 type="text/javascript">
|
|
|
layui.extend({
|
|
|
admin: '{/}../../static/js/admin'
|
|
|
});
|
|
|
layui.use(['form','upload','jquery','laytpl','util','admin', 'layer'], function() {
|
|
|
var form = layui.form,
|
|
|
$ = layui.jquery,
|
|
|
admin = layui.admin,
|
|
|
layer = layui.layer,
|
|
|
laytpl=layui.laytpl,
|
|
|
upload=layui.upload;
|
|
|
var picName="";
|
|
|
var store = new Persist.Store('store_name');
|
|
|
var appid=GetQueryString('id');
|
|
|
$("#appname").text(Base64.decode(GetQueryString("appname")));
|
|
|
// 根据appid获取详细信息
|
|
|
$.ajax({
|
|
|
type : "GET",
|
|
|
dataType : "json",
|
|
|
url :"/FengHuang/integrated/getInegratedSystemById?appid="+appid,
|
|
|
success : function(data) {
|
|
|
store.set('stages',JSON.stringify(data.stage_info));
|
|
|
// store.set('visiable_info',JSON.stringify(data.visiable_info));
|
|
|
store.set('identity_info',JSON.stringify(data.identity_info));
|
|
|
store.set('duty_charge_info',JSON.stringify(data.duty_charge_info));
|
|
|
var list=data.base_info[0];
|
|
|
$(".layui-upload-list img").attr("src","/FengHuang/uploadPic/"+list.pic);
|
|
|
picName=list.pic;
|
|
|
form.val('editForm', {
|
|
|
callback_url:list.callback_url
|
|
|
})
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 上传接口
|
|
|
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;
|
|
|
$(".layui-upload-list img").attr("src","/FengHuang/uploadPic/"+data.filename)
|
|
|
$("#demoText").text("");
|
|
|
}else{
|
|
|
$("#demoText").text(data.message);
|
|
|
$("#save").attr("disabled",true)
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
,error: function(){
|
|
|
var demoText = $('#demoText');
|
|
|
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();
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
//监听提交
|
|
|
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?edit=1';
|
|
|
return false;
|
|
|
})
|
|
|
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |