jdc_dkh_jxicustomer
Version:
JDC_dkh_jxicustomer ==== 产品经理：田宇，弥磊 设计：罗婷 交互：张钊
145 lines (144 loc) • 7.23 kB
HTML
<html>
<head>
<meta charset="utf-8" />
<meta name="keywords" content=""/>
<meta name="description" content="" />
<title></title>
<link rel="stylesheet" type="text/css" href="//misc.360buyimg.com/jdf/1.0.0/unit/ui-base/1.0.0/ui-base.css" media="all" />
<link rel="stylesheet" type="text/css" href="../css/wall.css" />
<script type="text/javascript" src="http://misc.360buyimg.com/virtuals/popui/2.1.6/??js/lib/jquery-1.11.3.js,js/lib/seajs.js"></script>
</head>
<body>
{%widget name="header"%}
<div class="content wrapper clearfix">
<div class="title">
<div class="fl">
{%widget name="bread"%}
</div>
<span class="fr">返回 ></span>
</div>
<div class="welfare-box clearfix">
<ul class="welfare-list">
<li class="fl">
<img src="./../css/i/welfare-img.png" />
<div class="welfare-content">
<h3>福利产假</h3>
<p>为更好的保障员工医疗、养老保障 为员工缴纳的社会保险（医疗、养老、失业、工伤、生育）和公积金 保障福利</p>
<span class="fr">查看详情></span>
</div>
</li>
<li class="fl">
<img src="./../css/i/welfare-img.png" />
<div class="welfare-content">
<h3>福利产假</h3>
<p>为更好的保障员工医疗、养老保障 为员工缴纳的社会保险（医疗、养老、失业、工伤、生育）和公积金 保障福利</p>
<span class="fr">查看详情></span>
</div>
</li>
<li class="fl">
<img src="./../css/i/welfare-img.png" />
<div class="welfare-content">
<h3>福利产假</h3>
<p>为更好的保障员工医疗、养老保障 为员工缴纳的社会保险（医疗、养老、失业、工伤、生育）和公积金 保障福利</p>
<span class="fr">查看详情></span>
</div>
</li>
<li class="fl">
<img src="./../css/i/welfare-img.png" />
<div class="welfare-content">
<h3>福利产假</h3>
<p>为更好的保障员工医疗、养老保障 为员工缴纳的社会保险（医疗、养老、失业、工伤、生育）和公积金 保障福利</p>
<span class="fr">查看详情></span>
</div>
</li>
<li class="fl">
<img src="./../css/i/welfare-img.png" />
<div class="welfare-content">
<h3>福利产假</h3>
<p>为更好的保障员工医疗、养老保障 为员工缴纳的社会保险（医疗、养老、失业、工伤、生育）和公积金 保障福利</p>
<span class="fr">查看详情></span>
</div>
</li>
<li class="fl">
<img src="./../css/i/welfare-img.png" />
<div class="welfare-content">
<h3>福利产假</h3>
<p>为更好的保障员工医疗、养老保障 为员工缴纳的社会保险（医疗、养老、失业、工伤、生育）和公积金 保障福利</p>
<span class="fr">查看详情></span>
</div>
</li>
<div class="add fl">
<div class="add-btn"></div>
</div>
</ul>
</div>
</div>
<script>
seajs.use('//misc.360buyimg.com/virtuals/popui/2.1.6/js/dialog/dialog', function(opts) {
$.dialog({
title: opts.title || '添加福利',
source: `
<div>
<ul class="info">
<li class="clearfix">
<span class="fl left">展示图片</span>
<div class="fl preview right">
<img src="./../css/i/background.png" />
<input type="file" />
<p class="btn">点击上传</p>
<span>推荐尺寸702*180 支持png,jpg的格式，大小不超过1MB</span>
</div>
</li>
<li class="clearfix">
<span class="fl left">标题</span>
<div class="fl right">
<input type="text" />
</div>
</li>
<li class="clearfix">
<span class="fl left">简介</span>
<div class="fl right">
<input type="text" class="intro" />
</div>
</li>
<li class="clearfix">
<span class="fl left">链接</span>
<div class="fl right">
<input type="text" />
</div>
</li>
<li class="clearfix">
<span class="fl left">链接文案</span>
<div class="fl right">
<input type="text" />
</div>
</li>
</ul>
<div class="btn-group border-top">
<button class="cancel btn btn-line">取消</button>
<button class="surecls btn">确定</button>
</div>
</div>
`,
width: 544,
height: 624,
containerCls: 'dialog suite',
onReady: function(dialog) {
$('#logo-box').on('change', function(e) {
console.log(e);
$('.item').hide();
$('.logo').show();
$('.form').addClass('selected');
$('.re-upload').show();
})
$('.btn-group').on('click', '.re-upload', function(e) {
console.log(234);
$('#logo-box').click();
})
}
})
})
</script>
</body>
</html>