Skip to content

T
tl_estate
Commit 3203e9a9 authored by agping's avatar agping
Browse files
Options

商学院修改

parent 1c9686d1
Hide whitespace changes
Inline Side-by-side
Showing with 352 additions and 14 deletions
application/index/view/news/index.html
View file @ 3203e9a9
...@@ -115,6 +115,108 @@ ...@@ -115,6 +115,108 @@
margin-top: 30px; margin-top: 30px;
text-indent: 2em; text-indent: 2em;
} }
.col-sm-9 .btn5{
width: 30%!important;
}
.img-pre-ul {
padding-left: 0;
overflow: hidden;
/*width: 100%;*/
}
/*图片上传相关样式*/
.img-pre-ul>li {
list-style: no;
float: left;
width: 210px;
height: 170px;
overflow: hidden;
margin-right: 10px;
margin-top: 10px;
}
.img-pre-ul>li.pdf-pre-li {
height: 70px;
}
.img-pre-ul>li>img {
float: left;
width: 210px;
height: 140px;
object-fit: contain;
cursor: pointer;
}
.img-pre-ul>li>a {
float: left;
width: 210px;
text-align: center;
line-height: 30px;
}
.img-pre-ul>li>a.pdf-pre-a {
line-height: 20px;
word-break: break-all;
}
/*图片点击放大预览区域的样式*/
#img_mask_area {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1999;
background-color: rgba(0, 0, 0, .3);
display: none;
}
#img_mask_area>img {
width: 900px;
height: 700px;
object-fit: contain;
position: absolute;
left: 50%;
top: 50%;
margin-left: -450px;
margin-top: -350px;
}
/*上传图片列表 样式*/
.form-group {
margin: 10px;
}
.input-100-width {
width: 100px!important;
}
.input-360-width {
width: 360px!important;
}
.textarea-500-width {
width: 500px!important;
}
.list-group-item>.full-width-100+.full-width-100 {
padding-top: 10px;
}
.list-group-item>.full-width-100>label {
width: 60px;
}
.list-group-item>.full-pic-area>label {
width: 120px;
}
.delet-pic-btn{
color:red;
}
#modal_content_add{
width: 900px;
}
</style> </style>
<!--导航star--> <!--导航star-->
...@@ -129,13 +231,13 @@ ...@@ -129,13 +231,13 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading breadcrumb"> <div class="panel-heading breadcrumb">
<li> <li>
<a href="#">监督管理</a> <a href="#">商学院</a>
</li> </li>
<li class="active">公告列表</li> <li class="active">商学院列表</li>
<div class="pull-right"> <div class="pull-right">
<ul class="bread_btn"> <ul class="bread_btn">
<li> <li>
<a href="#modal_add_user" data-toggle="modal" class="btn btn-default add_alert"><i class="icon-plus"></i> 新增公告 <a href="#modal_add_user" data-toggle="modal" class="btn btn-default add_alert"><i class="icon-plus"></i> 新增文章
</a> </a>
</li> </li>
</ul> </ul>
...@@ -153,7 +255,12 @@ ...@@ -153,7 +255,12 @@
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="start_date" name="start_date" type="date"> <input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="start_date" name="start_date" type="date">
<span class="fore-span ld-Marheight">-</span> <span class="fore-span ld-Marheight">-</span>
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="end_date" name="end_date" type="date"> <input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="end_date" name="end_date" type="date">
<input class="form-control btn2 margin-top-ld" data-rule-phoneus="false" data-rule-required="false" id="release_title" placeholder="发布标题" type="text" value=""> <!--下拉列表-->
<select class="form-control btn2 margin-top-ld input" name="" id="district_id" title=" ">
<option value="">请选择标签</option>
</select>
<input class="form-control btn2 margin-top-ld" data-rule-phoneus="false" data-rule-required="false" id="release_title" placeholder="文章标题" type="text" value="">
<span class="btn btn-info btn3 margin-top-ld" id="search">搜索</span> <span class="btn btn-info btn3 margin-top-ld" id="search">搜索</span>
<span class="btn btn-info btn3 margin-top-ld" id="reset">重置</span> <span class="btn btn-info btn3 margin-top-ld" id="reset">重置</span>
</form> </form>
...@@ -164,7 +271,10 @@ ...@@ -164,7 +271,10 @@
<th class="text-center">发布时间</th> <th class="text-center">发布时间</th>
<th class="text-center">发布人</th> <th class="text-center">发布人</th>
<th class="text-center">标题</th> <th class="text-center">标题</th>
<th class="text-center">标签</th>
<th class="text-center">评论数</th>
<th class="text-center">操作</th> <th class="text-center">操作</th>
</tr> </tr>
</thead> </thead>
<tbody id="users_list" class="text-center"> <tbody id="users_list" class="text-center">
...@@ -191,7 +301,7 @@ ...@@ -191,7 +301,7 @@
<!-- /#新增公告模态框 --> <!-- /#新增公告模态框 -->
<div class="modal fade" id="modal_add_user" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal_add_user" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content" id="modal_content_add">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times; &times;
...@@ -204,7 +314,7 @@ ...@@ -204,7 +314,7 @@
<div class="modal-body"> <div class="modal-body">
<form class="form-horizontal" action="/agents/add_user" id="add_user_form"> <form class="form-horizontal" action="/agents/add_user" id="add_user_form">
<div class="form-group"> <div class="form-group">
<label for="inputEmail3" class="col-sm-3 control-label">标题：</label> <label for="inputEmail3" class="col-sm-2 control-label">标题：</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="text" class="form-control btn6" name="user_name" id="announcement_title" placeholder="请输入标题"> <input type="text" class="form-control btn6" name="user_name" id="announcement_title" placeholder="请输入标题">
<span class="use-span text-danger">（20字以内，显示在首页列表）</span> <span class="use-span text-danger">（20字以内，显示在首页列表）</span>
...@@ -213,15 +323,59 @@ ...@@ -213,15 +323,59 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-3 control-label">内容：</label> <label class="col-sm-2 control-label">标签：</label>
<div class="col-sm-9"> <div class="col-sm-9">
<textarea class="form-control btn6_1" name="agent_id" autocomplete="off" id="announcement_content" rows="10" cols="40" placeholder="请输入内容"></textarea> <select class="form-control btn5 input" name="" id="district_id2" title=" ">
<ul class="user-ul"> <option value="">请选择标签</option>
</select>
</div>
</ul> </div>
<div class="form-group">
<label class="col-sm-2 control-label">封面图：</label>
<div class="col-sm-9">
<!--选择图片-->
<ul class="list-group">
<li class="list-group-item">
<div class="form-group full-width-100 full-pic-area">
<!--<label for="">详情页轮播图(至少4张)</label>-->
<input readonly="readonly" type="text" name="xiangqing_pic_input" class="form-control" style="display: none" id="xiangqing_pic_input" placeholder="请选择图片">
<button class="btn btn-default upload-image-btn" id="xiangqing_pic_btn" type="button" data-limittop="20">上传图片</button>
<span class="tip"></span>
</div>
<ul class="img-pre-ul" id="xiangqing_pic_ul">
</ul>
</li>
</ul>
</div> </div>
</div> </div>
<div class="form-group">
<label class="col-sm-2 control-label">内容</label>
<div class="col-sm-9">
<div class="form-group" style="width: 100%;">
<!--<label for="" style="width: 100%;">内容</label>-->
<div class="input-group" style="width: 100%;" id="dajiangtang">
<?php
create_editor('describe');
?>
</div>
</div>
</div>
</div>
<!--<div class="form-group" style="width: 100%;">
<label for="" style="width: 100%;">大讲堂(选填)</label>
<div class="input-group" style="width: 100%;" id="dajiangtang">
<?php
create_editor('describe');
?>
</div>
</div>-->
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
......
public/resource/js/schoolBusiness.js
View file @ 3203e9a9
...@@ -22,9 +22,33 @@ define (['doT', 'text!temp/schoolBusiness_template_tpl.html','ckfinder','ckfinde ...@@ -22,9 +22,33 @@ define (['doT', 'text!temp/schoolBusiness_template_tpl.html','ckfinder','ckfinde
}, },
event: function () { event: function () {
var _doc = $(document); var _doc = $(document);
var _imgMaskObj = $('#img_mask_area'); //预览大图的mask
var _imgUploadLunbo = $('#xiangqing_pic_ul'); //详情页轮播图ul
//获取学院标签
user.getDistrict(function(){
_doc.on('input', '#district_id, #district_id2', function(){
var _this = $(this);
var _id = _this.val();
_this.next().html('');//先清空
if(_id && _id != '0'){
user.getDistrictStoreList(_id, function(_data){
// var _str = '';
var _str = '<option value="0">全部</option>';
$.each(_data, function(i,item) {
_str += '<option value="'+item.id+'">'+item.store_name+'</option>';
});
_this.next().html(_str);
});
}else{
};
});
});
$ (".Bannertu").click (function () { $ (".Bannertu").click (function () {
BrowseServer ('cover_image'); BrowseServer ('cover_image');
}); });
_doc.on('click', '.add-pic', function(){
follow.getaddPicList();
});
$("#search").click(function(){ $("#search").click(function(){
user.getList(1); user.getList(1);
}); });
...@@ -161,6 +185,137 @@ define (['doT', 'text!temp/schoolBusiness_template_tpl.html','ckfinder','ckfinde ...@@ -161,6 +185,137 @@ define (['doT', 'text!temp/schoolBusiness_template_tpl.html','ckfinder','ckfinde
}); });
// =================== // ===================
//图片上传 2.2版本
//图片上传，附件上传处理事件
$(".upload-image-btn").click(function() {
var _this = $(this),
_spFile = _this.data('spfile'),
_limitTop = _this.data('limittop'),
_fileNum = _this.parent().next().find('.delet-pic-btn').length; //根据删除按钮的个数，确定文件的个数
if(_limitTop && (_fileNum < _limitTop)) {
BrowseServer(_this.prev().attr('id'), function(url) {
console.log(url);
if(_spFile == 'pdf') {
if(/(\.pdf)$/i.test(url)) {
_this.parent().next().prepend('<li class="pdf-pre-li"><a class="pdf-pre-a" href="{0}" target="_blank" title="点击查看">{1}</a><a href="javascript:;" class="delet-pic-btn">删除</a></li>'.stringFormatObj({
'0': url,
'1': dealFileName(decodeURI(url.slice(url.lastIndexOf('/') + 1)))
}));
} else {
alert('所选择的格式不是pdf,请重新选择');
return false;
}
} else {
if(/(\.jpg|\.jpeg|\.png|\.gif|\.bmp)$/i.test(url)) {
_this.parent().next().prepend('<li><img title="点击查看大图" src="{0}" /><a href="javascript:;" class="delet-pic-btn">删除</a></li>'.stringFormatObj({
'0': url
}));
} else {
alert('所选择的格式不正确,请重新选择');
return false;
}
};
});
} else {
alert('上传上限为 ' + _limitTop);
return false;
};
});
//图片上传删除键事件
_doc.on('click', '.delet-pic-btn', function(e) {
var _this = $(this);
e.preventDefault();
e.stopPropagation();
if(confirm('确定删除该文件吗？')){
var _imgId = _this.parent().attr('data-imgid');
if(_imgId){
$.ajax({
type: 'POST',
url: '/index/delHouseFile',
data: {
'id': _imgId,
'house_id': 3104,
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
if(_data['code'] == '200') {
_this.parent().remove();
} else {
alert(_data['msg']);
}
} else {
alert('数据错误');
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
}else{
_this.parent().remove();
}
};
});
//图片预览点击放大事件
_doc.on('click', '.img-pre-ul>li>img', function(e) {
_imgMaskObj.show().find('img').attr('src', this.src);
});
_imgMaskObj.click(function(e) {
this.style.display = 'none';
});
//保存上传的图片
_doc.on('click', '#saveBtn', function(e) {
var _this = $(this);
var _data={
id:3104,
};
e.preventDefault();
e.stopPropagation();
var _imgUploadLunbo = $('#xiangqing_pic_ul'); //详情页轮播图ul
var _xiangqingPicObj = _imgUploadLunbo.find('li>img');
var _urlCut = location.origin + '/resource/lib/Attachments/images/';//要截取的部分url
$.each(_xiangqingPicObj, function(i, item) {
_data['slide_show[' + i + ']'] = item.src.replace(_urlCut, '');
});
var _imgId = _this.parent().attr('data-imgid');
$.ajax({
type: 'POST',
url: '/index/houseEdit',
data: _data,
// timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
} else {
alert('数据错误');
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
});
//图片上传 2.2版本
}, },
addphone:function(obj){ addphone:function(obj){
var user_ht=$(obj).html(); var user_ht=$(obj).html();
...@@ -286,11 +441,12 @@ define (['doT', 'text!temp/schoolBusiness_template_tpl.html','ckfinder','ckfinde ...@@ -286,11 +441,12 @@ define (['doT', 'text!temp/schoolBusiness_template_tpl.html','ckfinder','ckfinde
params.start_time = $("#start_date").val(); params.start_time = $("#start_date").val();
params.end_time = $("#end_date").val(); params.end_time = $("#end_date").val();
params.title = $("#release_title").val(); params.title = $("#release_title").val();
params.label_id = $("#district_id").val();
params.pageNo = user.pageNo; params.pageNo = user.pageNo;
params.pageSize = user.pageSize; params.pageSize = user.pageSize;
$.ajax ({ $.ajax ({
url: '/index/noticeIndex', url: '/index/business_school',
type: 'GET', type: 'GET',
async: true, async: true,
data: params, data: params,
...@@ -310,6 +466,26 @@ define (['doT', 'text!temp/schoolBusiness_template_tpl.html','ckfinder','ckfinde ...@@ -310,6 +466,26 @@ define (['doT', 'text!temp/schoolBusiness_template_tpl.html','ckfinder','ckfinde
} }
}); });
}, },
getDistrict : function (fn) {
$.ajax ({
url: '/index/getNewsLabel',
type: 'GET',
async: true,
data: {},
dataType: 'json',
success: function (data) {
if (data.code == 200 && data.data != null) {
var str = '';
$.each(data.data, function(i,item) {
str += '<option value="'+item.id+'">'+item.label_name+'</option>';
});
$("#district_id").append(str);
$("#district_id2").append(str);
fn && fn();
}
}
});
},
add_announcement : function () { add_announcement : function () {
var params = {}; var params = {};
params.title = $("#announcement_title").val(); params.title = $("#announcement_title").val();
...@@ -353,7 +529,7 @@ define (['doT', 'text!temp/schoolBusiness_template_tpl.html','ckfinder','ckfinde ...@@ -353,7 +529,7 @@ define (['doT', 'text!temp/schoolBusiness_template_tpl.html','ckfinder','ckfinde
}, },
delete_user : function(params) { delete_user : function(params) {
$.ajax ({ $.ajax ({
url: '/index/delNotice', url: '/index/delNews',
type: 'POST', type: 'POST',
async: true, async: true,
data: params, data: params,
......
public/resource/template/schoolBusiness_template_tpl.html
View file @ 3203e9a9
...@@ -9,11 +9,19 @@ ...@@ -9,11 +9,19 @@
[% } %] [% } %]
</td> </td>
<td>[%= it[item]["title"] %]</td> <td>[%= it[item]["title"] %]</td>
<td>[% if(it[item]["label_name"] != null) { %]
[%= it[item]["label_name"] %]
[% } %]
</td>
<!--<td>[%= it[item]["label_name"] %]</td>-->
<!--没有评论数字段-->
<td>[%= it[item]["create_time"] %]</td>
<td> <td>
<a class="btn1 btn-success announcement-details" href="#modal-record" data-toggle="modal" data-createTime='[%= it[item]["create_time"] %]' data-title='[%= it[item]["title"] %]' data-content='[%= it[item]["content"] %]'> <a class="btn1 btn-success announcement-details" href="#modal-record" data-toggle="modal" data-createTime='[%= it[item]["create_time"] %]' data-title='[%= it[item]["title"] %]' data-content='[%= it[item]["content"] %]'>
查看 编辑
</a> </a>
[% if(check_auth('index/delNotice')) { %] [% if(check_auth('index/delNews')) { %]
<!--删除权限--> <!--删除权限-->
<a class="btn1 btn-success announcement-del" href="#modal-delete" data-toggle="modal" data-id='[%= it[item]["id"] %]'>删除</a> <a class="btn1 btn-success announcement-del" href="#modal-delete" data-toggle="modal" data-id='[%= it[item]["id"] %]'>删除</a>
[% } %] [% } %]
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment