提交 9cc6ce50 编写于 作者: D Devil

动态表格列表数据优化

上级 5e73292d
<ul class="am-nav am-nav-pills table-nav am-margin-bottom-sm">
<ul class="am-nav am-nav-pills table-nav second-nav">
<li {{if $nav_type eq 'register'}}class="am-active"{{/if}} data-type="register">
<a href="{{:MyUrl('admin/agreement/index', ['nav_type'=>'register'])}}">用户注册协议</a>
</li>
......
......@@ -2,16 +2,16 @@
<!-- right content start -->
<div class="content-right">
<!-- table nav start -->
{{include file="agreement/nav" /}}
<!-- table nav end -->
<div class="content">
<!-- table nav start -->
{{include file="agreement/nav" /}}
<!-- table nav end -->
<!-- form start -->
<form class="am-form form-validation view-save" action="{{:MyUrl('admin/agreement/save')}}" method="POST" request-type="ajax-url" request-value="{{:MyUrl('admin/agreement/index', ['type'=>$nav_type])}}">
<div class="am-form-group">
<div class="am-cf">
<label>{{$data.common_agreement_userregister.name}}<span class="am-form-group-label-tips">{{$data.common_agreement_userregister.describe}}</span></label>
<label><span class="am-form-group-label-tips am-margin-left-0">{{$data.common_agreement_userregister.describe}}</span></label>
<a href="{{:MyUrl('index/agreement/index', ['document'=>'userregister'])}}" target="_blank" class="am-fr">查看详情</a>
</div>
<textarea class="am-radius am-validate" name="{{$data.common_agreement_userregister.only_tag}}" maxlength="105000" id="editor-tag" data-validation-message="{{$data.common_agreement_userregister.error_tips}}">{{if !empty($data)}}{{$data.common_agreement_userregister.value|raw}}{{/if}}</textarea>
......
......@@ -2,11 +2,11 @@
<!-- right content start -->
<div class="content-right">
<div class="content">
<!-- table nav start -->
{{include file="appconfig/nav" /}}
<!-- table nav end -->
<!-- table nav start -->
{{include file="appconfig/nav" /}}
<!-- table nav end -->
<div class="content">
<!-- form start -->
<form class="am-form form-validation view-save" action="{{:MyUrl('admin/appconfig/save')}}" method="POST" request-type="ajax-url" request-value="{{:MyUrl('admin/appconfig/index', ['nav_type'=>'app'])}}" enctype="multipart/form-data">
<div class="am-form-group">
......
......@@ -2,11 +2,11 @@
<!-- right content start -->
<div class="content-right">
<div class="content">
<!-- table nav start -->
{{include file="appconfig/nav" /}}
<!-- table nav end -->
<!-- table nav start -->
{{include file="appconfig/nav" /}}
<!-- table nav end -->
<div class="content">
<!-- form start -->
<form class="am-form form-validation view-save" action="{{:MyUrl('admin/appconfig/save')}}" method="POST" request-type="ajax-url" request-value="{{:MyUrl('admin/appconfig/index')}}">
<div class="am-form-group">
......
<ul class="am-nav am-nav-pills table-nav am-margin-bottom-sm">
<ul class="am-nav am-nav-pills table-nav second-nav">
<li {{if $nav_type eq 'base'}}class="am-active"{{/if}} data-type="base">
<a href="{{:MyUrl('admin/appconfig/index', ['nav_type'=>'base'])}}">基础配置</a>
</li>
......
......@@ -2,11 +2,11 @@
<!-- right content start -->
<div class="content-right">
<!-- table nav start -->
{{include file="email/nav"" /}}
<!-- table nav end -->
<div class="content">
<!-- table nav start -->
{{include file="email/nav" /}}
<!-- table nav end -->
<!-- form start -->
<form class="am-form form-validation view-save" action="{{:MyUrl('admin/email/save')}}" method="POST" request-type="ajax-url" request-value="{{:MyUrl('admin/email/index', ['type'=>'email'])}}">
<div class="am-form-group">
......
......@@ -2,11 +2,11 @@
<!-- right content start -->
<div class="content-right">
<!-- table nav start -->
{{include file="email/nav"" /}}
<!-- table nav end -->
<div class="content">
<!-- table nav start -->
{{include file="email/nav" /}}
<!-- table nav end -->
<!-- form start -->
<form class="am-form form-validation view-save" action="{{:MyUrl('admin/email/save')}}" method="POST" request-type="ajax-url" request-value="{{:MyUrl('admin/email/index', ['type'=>'message'])}}">
<div class="am-form-group">
......
<ul class="am-nav am-nav-pills table-nav am-margin-bottom-sm">
<ul class="am-nav am-nav-pills table-nav second-nav">
<li {{if $nav_type eq 'email'}}class="am-active"{{/if}} data-type="email">
<a href="{{:MyUrl('admin/email/index', ['type'=>'email'])}}">邮箱设置</a>
</li>
......@@ -7,7 +7,7 @@
</li>
</ul>
<div class="am-alert am-alert-warning am-radius" data-am-alert>
<div class="am-alert am-alert-warning am-radius am-margin-bottom-0" data-am-alert>
<button type="button" class="am-close">&times;</button>
<p class="am-text-xs">参考相关邮箱配置教程 <a href="https://ask.shopxo.net/article/41" class="am-margin-left-sm" target="_blank">点击去看教程 <i class="am-icon-external-link"></i></a> </p>
</div>
\ No newline at end of file
<!-- table nav start -->
{{block name="form_navigation"}}
<!-- content nav start -->
{{block name="form_content_top"}}
{{include file="navigation/nav" /}}
{{/block}}
<!-- table nav end -->
<!-- content nav end -->
<!-- 继承公共的 form -->
{{extend name="public/module/form" /}}
......
<ul class="am-nav am-nav-pills table-nav am-margin-bottom-sm">
<ul class="am-nav am-nav-pills table-nav second-nav">
<li {{if $nav_type eq 'header'}}class="am-active"{{/if}} data-type="header">
<a href="{{:MyUrl('admin/navigation/index', ['nav_type'=>'header'])}}">中间导航</a>
</li>
......
......@@ -58,7 +58,7 @@
<!-- nav end -->
<!-- top operate start -->
<div class="form-table-operate-top">
<div class="form-table-operate-top am-nbfc">
{{block name="form_operate_top"}}
{{include file="public/module/form_operate_top" /}}
{{/block}}
......@@ -70,7 +70,7 @@
<!-- form table end -->
<!-- bottom operate start -->
<div class="am-margin-top-sm form-table-operate-bottom">
<div class="form-table-operate-bottom am-nbfc am-margin-top-sm">
{{block name="form_operate_bottom"}}
{{include file="public/module/form_operate_bottom" /}}
{{/block}}
......
<div class="am-scrollable-horizontal am-table-scrollable-horizontal am-margin-top-sm" data-md5-key="{{$form_md5_key}}">
<div class="am-scrollable-horizontal am-table-scrollable-horizontal" data-md5-key="{{$form_md5_key}}">
<table class="am-table am-table-striped am-table-hover am-table-bordered am-text-nowrap form-table-data-list">
<thead>
<tr>
......
......@@ -3,7 +3,7 @@
<!-- right content start -->
<div class="content-right">
<div class="content">
<div class="am-alert am-alert-warning am-radius" data-am-alert>
<div class="am-alert am-alert-warning am-radius am-margin-bottom-0" data-am-alert>
<button type="button" class="am-close">&times;</button>
<p class="am-text-xs">参考伪静态配置教程 <a href="https://ask.shopxo.net/article/6" class="am-margin-left-sm" target="_blank">点击去看教程 <i class="am-icon-external-link"></i></a> </p>
</div>
......
......@@ -2,11 +2,11 @@
<!-- right content start -->
<div class="content-right">
<div class="content">
<!-- table nav start -->
{{include file="sms/nav"" /}}
<!-- table nav end -->
<!-- table nav start -->
{{include file="sms/nav"" /}}
<!-- table nav end -->
<div class="content">
<!-- form start -->
<form class="am-form form-validation view-save" action="{{:MyUrl('admin/sms/save')}}" method="POST" request-type="ajax-url" request-value="{{:MyUrl('admin/sms/index', ['type'=>'sms'])}}">
<div class="am-form-group">
......
......@@ -2,11 +2,11 @@
<!-- right content start -->
<div class="content-right">
<!-- table nav start -->
{{include file="sms/nav"" /}}
<!-- table nav end -->
<div class="content">
<!-- table nav start -->
{{include file="sms/nav" /}}
<!-- table nav end -->
<!-- form start -->
<form class="am-form form-validation view-save" action="{{:MyUrl('admin/sms/save')}}" method="POST" request-type="ajax-url" request-value="{{:MyUrl('admin/sms/index', ['type'=>'message'])}}">
<div class="am-form-group">
......
<ul class="am-nav am-nav-pills table-nav am-margin-bottom-sm">
<ul class="am-nav am-nav-pills table-nav second-nav">
<li {{if $nav_type eq 'sms'}}class="am-active"{{/if}} data-type="sms">
<a href="{{:MyUrl('admin/sms/index', ['type'=>'sms'])}}">短信设置</a>
</li>
......@@ -7,7 +7,7 @@
</li>
</ul>
<div class="am-alert am-alert-warning am-radius" data-am-alert>
<div class="am-alert am-alert-warning am-radius am-margin-bottom-0" data-am-alert>
<button type="button" class="am-close">&times;</button>
<p class="am-text-xs">阿里云短信管理地址 <a href="https://www.aliyun.com/acts/alicomcloud/new-discount?userCode=iub0dy6g" class="am-margin-left-sm" target="_blank">点击去阿里云购买短信 <i class="am-icon-external-link"></i></a> </p>
</div>
\ No newline at end of file
......@@ -8,8 +8,8 @@
{__block__}
{{/block}}
<!-- 扩展信息 -->
{{block name="form_extend"}}
<!-- 底部提示信息 -->
{{block name="form_operate_bottom"}}
<div class="am-alert am-alert-warning" data-am-alert>
<button type="button" class="am-close">&times;</button>
<p>1. 权重数值越大代表权重越高、扣除库存按照权重依次扣除)</p>
......
......@@ -9,7 +9,7 @@
<!-- nav end -->
<!-- top operate start -->
<div class="form-table-operate-top">
<div class="form-table-operate-top am-nbfc">
{{block name="form_operate_top"}}
{{include file="public/module/form_operate_top" /}}
{{/block}}
......@@ -21,7 +21,7 @@
<!-- form table end -->
<!-- bottom operate start -->
<div class="am-margin-top-sm form-table-operate-bottom">
<div class="form-table-operate-bottom am-nbfc am-margin-top-sm">
{{block name="form_operate_bottom"}}
{{include file="public/module/form_operate_bottom" /}}
{{/block}}
......
......@@ -66,7 +66,7 @@
<!-- nav end -->
<!-- top operate start -->
<div class="form-table-operate-top">
<div class="form-table-operate-top am-nbfc">
{{block name="form_operate_top"}}
{{include file="public/module/form_operate_top" /}}
{{/block}}
......@@ -78,7 +78,7 @@
<!-- form table end -->
<!-- bottom operate start -->
<div class="am-margin-top-sm form-table-operate-bottom">
<div class="form-table-operate-bottom am-nbfc am-margin-top-sm">
{{block name="form_operate_bottom"}}
{{include file="public/module/form_operate_bottom" /}}
{{/block}}
......
<div class="am-scrollable-horizontal am-table-scrollable-horizontal am-margin-top-sm" data-md5-key="{{$form_md5_key}}">
<div class="am-scrollable-horizontal am-table-scrollable-horizontal" data-md5-key="{{$form_md5_key}}">
<table class="am-table am-table-striped am-table-hover am-table-bordered am-text-nowrap form-table-data-list">
<thead>
<tr>
......
......@@ -74,7 +74,7 @@
<!-- nav end -->
<!-- top operate start -->
<div class="form-table-operate-top">
<div class="form-table-operate-top am-nbfc">
{{block name="form_operate_top"}}
{{include file="public/module/form_operate_top" /}}
{{/block}}
......@@ -86,7 +86,7 @@
<!-- form table end -->
<!-- bottom operate start -->
<div class="am-margin-top-sm form-table-operate-bottom">
<div class="form-table-operate-bottom am-nbfc am-margin-top-sm">
{{block name="form_operate_bottom"}}
{{include file="public/module/form_operate_bottom" /}}
{{/block}}
......
......@@ -611,4 +611,20 @@ table.am-table .am-btn-danger:hover {
}
#parameters-quick-container .am-dropdown-content {
width: 260px;
}
/**
* 动态数据列表
*/
.content-right,
.form-table-content {
height: 100%;
}
.form-validation-search {
height: calc(100% - 85px);
}
.am-table-scrollable-horizontal {
max-height: calc(100% - 50px);
overflow-x: auto;
overflow-y: auto;
}
\ No newline at end of file
......@@ -45,6 +45,40 @@ function ParametersItemHtmlCreated(type, name, value)
});
}
/**
* 动态数据表格高度处理
* @author Devil
* @blog http://gong.gg/
* @version 1.0.0
* @date 2020-11-29
* @desc description
*/
function FormTableHeightHandle()
{
// 表格内容
if($('.am-table-scrollable-horizontal').length > 0)
{
// 页面右侧总内容容器高度
var height = $('.content-right .content-top').outerHeight(true) || 0;
if(height > 0)
{
height += 10;
}
$('.content-right').css('height', 'calc(100% - '+height+'px)');
// 内容高度
var height_top = $('.form-table-operate-top').outerHeight(true) || 0;
var height_bottom = $('.form-table-operate-bottom').outerHeight(true) || 0;
$('.am-table-scrollable-horizontal').css('max-height', 'calc(100% - '+(height_top+height_bottom)+'px)');
}
// 表格内容外围高度
if($('.form-validation-search').length > 0)
{
var height = $('.form-table-content .am-pagination').outerHeight(true) || 0;
$('.form-validation-search').css('height', 'calc(100% - '+height+'px)');
}
}
$(function()
{
// 商品参数添加
......@@ -186,4 +220,14 @@ $(function()
{
$parameters_table.find('tbody').html('');
});
// 浏览器窗口实时事件
$(window).resize(function()
{
// 动态数据表格高度处理
FormTableHeightHandle();
});
// 动态数据表格高度处理
FormTableHeightHandle();
});
\ No newline at end of file
......@@ -612,6 +612,9 @@ button.colorpicker-submit img {
.form-table-operate-top > .am-btn:not(:last-child) {
margin-right: 10px;
}
.form-table-operate-top .am-btn {
margin-bottom: 10px;
}
/**
* 表格-搜索条件
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册