<template>
  <div style="padding: 10px 0px;">
	
	<Row :gutter="24" class="dashboard-console-grid" style="width: 98%">
	  <Col v-bind="grid" class="ivu-mb">
	    <Card :bordered="false">
	      <router-link :to="{path:'/system/sys/index'}">
	        <Icon type="ios-settings" color="#17233d" />
	        <p>系统配置</p>
	      </router-link>
	    </Card>
	  </Col>
	  <Col v-bind="grid" class="ivu-mb">
	    <Card :bordered="false">
	      <router-link :to="{path:'/system/menu/sys'}">
	        <Icon type="md-clipboard" color="#b37feb" />
	        <p>菜单管理</p>
	      </router-link>
	    </Card>
	  </Col>
	  
	  <Col v-bind="grid" class="ivu-mb">
	    <Card :bordered="false">
	      <router-link :to="{path:'/system/admin/index'}">
	        <Icon type="md-people" color="#69c0ff" />
	        <p>管理员列表</p>
	      </router-link>
	    </Card>
	  </Col>
	  <Col v-bind="grid" class="ivu-mb">
	    <Card :bordered="false">
	      <router-link :to="{path:'/system/setting/log/index'}">
	        <Icon type="ios-paper" color="#ff9c6e" />
	        <p>操作日志</p>
	      </router-link>
	    </Card>
	  </Col>
	</Row>  
    <Row :gutter="24" class="dashboard-console-grid" style="width: 98%;margin-top: 15px;">
		
		<Col v-bind="grid" class="ivu-mb">
		  <Card :bordered="false">
		    <router-link :to="{path:'/system/showTemplate/serviceType'}">
		      <Icon type="ios-desktop" color="#ed4014" />
		      <p>服务内容</p>
		    </router-link>
		  </Card>
		</Col>
		
      <Col v-bind="grid" class="ivu-mb">
        <Card :bordered="false">
          <router-link :to="{path:'/system/adver/index'}">
            <Icon type="logo-buffer" color="#ff9c6e"/>
            <p>广告管理</p>
          </router-link>
        </Card>
      </Col>
	  <Col v-bind="grid" class="ivu-mb">
	    <Card :bordered="false">
	      <router-link :to="{path:'/system/showTemplate/list'}">
	        <Icon type="md-briefcase" color="#69c0ff" />
	        <p>模板列表</p>
	      </router-link>
	    </Card>
	  </Col>
	  <Col v-bind="grid" class="ivu-mb">
	    <Card :bordered="false">
	      <router-link :to="{path:'/system/audit/infoAudit'}">
	        <Icon type="md-cube" color="#b37feb" />
	        <p>信息审核</p>
	      </router-link>
	    </Card>
	  </Col>
    </Row>
	<Row :gutter="24" class="dashboard-console-grid" style="width: 98%;margin-top: 15px;">
		<Col v-bind="grid" class="ivu-mb">
		  <Card :bordered="false">
		    <router-link :to="{path:'/system/user/list'}">
		      <Icon type="md-contacts" color="#b37feb" />
		      <p>用户管理</p>
		    </router-link>
		  </Card>
		</Col>
		<Col v-bind="grid" class="ivu-mb">
		  <Card :bordered="false">
		    <router-link :to="{path:'/system/audit/typeAudit'}">
		      <Icon type="logo-chrome" color="#19be6b" />
		      <p>平台认证</p>
		    </router-link>
		  </Card>
		</Col>
		<!-- <Col v-bind="grid" class="ivu-mb">
		  <Card :bordered="false">
		    <router-link :to="{path:'/system/order/index'}">
				
			  <Icon type="md-cart" color="#b37feb"></Icon>
		      <p>商城订单</p>
		    </router-link>
		  </Card>
		</Col> -->
		<Col v-bind="grid" class="ivu-mb">
		  <Card :bordered="false">
		    <router-link :to="{path:'/system/setting/log/login'}">
			  <Icon type="ios-paper" color="#b37feb" />
		      <p>用户登录</p>
		    </router-link>
		  </Card>
		</Col>
		<Col v-bind="grid" class="ivu-mb">
		  <Card :bordered="false">
		    <router-link :to="{path:'/system/order/showTemplate'}">
		      <Icon type="md-document" color="#FFB800" />
		      <p>模板订单</p>
		    </router-link>
		  </Card>
		</Col>
	</Row>
  </div>
</template>


<script>
    import echarts from 'echarts';
    import {SystemIndex} from "../../../api/system";
    export default {
        name: "index",
        computed: {},
        data() {
            return {
                grid: {
                    xl: 4,
                    lg: 10,
                    md: 10,
                    sm: 12,
                    xs:12
                },
            }
        },

        created() {
        },
        methods: {
        }
    }
</script>
<style scoped  lang="less">
  .dashboard-console-grid{
    text-align: center;
  .ivu-card-body{
    padding: 0;
  }
  i{
    font-size: 32px;
  }
  a{
    display: block;
    color: inherit;
    padding: 16px;
  }
  p{
    margin-top: 8px;
  }
  }
  .ivu-mb{ margin-bottom: 10px;}
  .iicard-v1{ width: 24%; margin-right: 10px;}
</style>
