page styles

This commit is contained in:
devezhao 2019-05-30 16:05:32 +08:00
parent edc36e25a4
commit 8bb3e07e42
3 changed files with 7 additions and 5 deletions

View file

@ -29,6 +29,6 @@
</div>
</div>
<%@ include file="/_include/Foot.jsp"%>
<script src="${baseUrl}/assets/js/entity/classification.jsx" type="text/babel"></script>
<script src="${baseUrl}/assets/js/entity/classification-list.jsx" type="text/babel"></script>
</body>
</html>

View file

@ -6,11 +6,11 @@ $(document).ready(function () {
class GridList extends React.Component {
constructor(props) {
super(props)
this.state = { list: [] }
this.state = {}
}
render() {
return <div className="card-list row">
{this.state.list.map((item) => {
{(this.state.list || []).map((item) => {
return (<div key={'item-' + item[0]} className="col-xl-2 col-lg-3 col-md-4 col-sm-6">
<div className="card">
<div className="card-body">
@ -28,6 +28,7 @@ class GridList extends React.Component {
</div>
</div>)
})}
{(!this.state.list || this.state.list.length === 0) && <div className="text-muted">尚未配置分类数据</div>}
</div>
}
componentDidMount() {

View file

@ -17,11 +17,11 @@ const formatWhen = function (maskVal) {
class GridList extends React.Component {
constructor(props) {
super(props)
this.state = { list: [] }
this.state = {}
}
render() {
return <div className="card-list row">
{this.state.list.map((item) => {
{(this.state.list || []).map((item) => {
return (<div key={'item-' + item[0]} className="col-xl-3 col-lg-4 col-md-6">
<div className="card">
<div className="card-body">
@ -37,6 +37,7 @@ class GridList extends React.Component {
</div>
</div>)
})}
{(!this.state.list || this.state.list.length === 0) && <div className="text-muted">尚未配置触发器</div>}
</div>
}
componentDidMount() {