blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-10-31 04:02:07 +08:00
Code Issues Projects Releases Wiki Activity

[更新]增加图文选择器

Browse Source
This commit is contained in:
Anyon 2017-05-12 19:09:01 +08:00
parent 5c8c9e1092
commit 9b5756e7d7
2 changed files with 70 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
application/wechat/controller/News.php
View File

@ -14,15 +14,14 @@
namespace app\wechat\controller; namespace app\wechat\controller;
use Exception;
use think\Db;
use think\Log;
use think\response\View;
use controller\BasicAdmin; use controller\BasicAdmin;
use service\DataService; use service\DataService;
use service\FileService; use service\FileService;
use service\LogService; use service\LogService;
use service\WechatService; use service\WechatService;
use think\Db;
use think\Log;
use think\response\View;
/** /**
* 微信图文管理 * 微信图文管理
@ -45,14 +44,14 @@ class News extends BasicAdmin {
public function index() { public function index() {
$this->assign('title', '图文列表'); $this->assign('title', '图文列表');
$db = Db::name($this->table)->where('is_deleted', '0')->order('id desc'); $db = Db::name($this->table)->where('is_deleted', '0')->order('id desc');
parent::_list($db); return parent::_list($db);
} }
/** /**
* 图文列表数据处理 * 图文列表数据处理
* @param $data * @param $data
*/ */
protected function _index_data_filter(&$data) { protected function _data_filter(&$data) {
foreach ($data as &$vo) { foreach ($data as &$vo) {
$vo = WechatService::getNewsById($vo['id']); $vo = WechatService::getNewsById($vo['id']);
} }
@ -138,7 +137,7 @@ class News extends BasicAdmin {
* @return string * @return string
*/ */
public function select() { public function select() {
return '开发中'; $this->index();
} }
/** /**

64
application/wechat/view/news.select.html Normal file
View File

@ -0,0 +1,64 @@
{extend name='extra@admin/main'}
{block name="body"}
<div class="news-container" id='news_box'>
{foreach $list as $key=>$vo}
<div class="news-box item transition" data-news-id='{$vo.id}'>
{foreach $vo.articles as $key=>$value}
<div class="news-item transition-min" data-id="{$value.id}">
<div class="news-image">
<img alt="image" class="img-responsive" src="{$value.local_url}"/>
</div>
<span class="news-title"> {$value.title}</span>
</div>
{/foreach}
</div>
{/foreach}
</div>
{if isset($page)}<p>{$page}</p>{/if}
{/block}
{block name='style'}
<style>
body { min-width: 500px }
.news-container { margin: 20px 0; width: 100%; position: relative }
.news-container .news-box { border: 1px solid #eee; padding: 8px; width: 300px; border-radius: 5px; position: absolute; margin-bottom: 20px; cursor: pointer }
.news-container .news-box:hover, .news-container .news-box.active { box-shadow: 1px 0px 10px #0099CC; border-color: #0099CC }
.news-container .news-box hr { margin: 4px }
.news-container .news-box .table-hover { margin-bottom: 0; margin-top: 10px; border-top: none }
.news-container .news-box .news-item { position: relative; border-radius: 2px; overflow: hidden; }
.news-container .news-box .news-image { text-align: center }
.news-container .news-box .news-image img { height: 159px; width: 100%; border-radius: 2px }
.news-container .news-box .news-btn a { padding: 15px 5px; color: #666 }
.news-container .news-box .news-btn .fa, .news-container .news-box .news-btn .glyphicon { font-size: 1.2em; }
.news-container .news-box .news-btn { display: block; text-align: center; font-size: 1em; color: #cecece; padding: 3px; position: relative; cursor: pointer }
.news-container .news-box .news-title { position: absolute; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 5px; margin: 0; bottom: 0; left: 0; right: 0; text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
</style>
{/block}
{block name="script"}
<script>
require(['jquery'], function () {
require(['jquery.masonry'], function (Masonry) {
var container = document.querySelector('#news_box');
var msnry = new Masonry(container, {itemSelector: '.news_item', columnWidth: 0});
msnry.layout();
/* 事件处理 */
$('.news-container').on('mouseenter', '.news-box', function () {
$(this).addClass('active');
}).on('mouseleave', '.news-box', function () {
$(this).removeClass('active');
});
var seletor = '[name="{$Think.get.field|decode|default=0}"]';
if (seletor) {
$('[data-news-id]').on('click', function () {
window.top.$(seletor).val($(this).attr('data-news-id')).trigger('change');
parent.layer.close(parent.layer.getFrameIndex(window.name))
});
}
});
});
</script>
{/block}