You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

163 lines
6.2 KiB

11 months ago
<!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",
11 months ago
url :"/dsBase/integrated/getInegratedSystemById?appid="+appid,
11 months ago
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];
11 months ago
$(".layui-upload-list img").attr("src","/dsBase/uploadPic/"+list.pic);
11 months ago
picName=list.pic;
form.val('editForm', {
callback_url:list.callback_url
})
}
});
// 上传接口
var uploadInst = upload.render({
elem: '#pic' //绑定元素
11 months ago
,url: '/dsBase/integrated/uploadPic' //上传接口
11 months ago
,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;
11 months ago
$(".layui-upload-list img").attr("src","/dsBase/uploadPic/"+data.filename)
11 months ago
$("#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>