|
|
@@ -8,12 +8,268 @@
|
|
|
overflow: hidden;
|
|
|
min-height: 735px;
|
|
|
}
|
|
|
+ .toto-menu{
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .toto-menu .row{
|
|
|
+ margin: 0;
|
|
|
+ height: 270px;
|
|
|
+ border-bottom: #cfcfcf 1px solid;
|
|
|
+ }
|
|
|
+ .toto-menu .row:last-child{
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ .toto-menu .row .col-md-3{
|
|
|
+ width: 80px;
|
|
|
+ border-right: #b3b3b3 1px dashed;
|
|
|
+ height: 100%;
|
|
|
+ padding-top: 11%;
|
|
|
+ }
|
|
|
+ .toto-menu .row .col-md-9{
|
|
|
+ width: 575px;
|
|
|
+ }
|
|
|
+ .toto-menu .row .col-md-3 p{
|
|
|
+ font-size: 22px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 0;
|
|
|
+ position: relative;
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+ .toto-menu .row .col-md-3 span{
|
|
|
+ display: inline-block;
|
|
|
+ padding: 2px 5px;
|
|
|
+ background: #ee5762;
|
|
|
+ line-height: 16px;
|
|
|
+ text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 12px;
|
|
|
+ border-radius: 20px;
|
|
|
+ margin-left: 10px;
|
|
|
+ min-width: 40px;
|
|
|
+ }
|
|
|
+ .toto-menu .col-md-4{
|
|
|
+ text-align: center;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .toto-menu .new-dot{
|
|
|
+ right: 67px;
|
|
|
+ top: 15px;
|
|
|
+ }
|
|
|
+ .toto-menu .col-md-4 div{
|
|
|
+ width: 42px;
|
|
|
+ height: 42px;
|
|
|
+ border-radius: 5px;
|
|
|
+ text-align: center;
|
|
|
+ margin-left: 53px;
|
|
|
+ margin-bottom: 3px;
|
|
|
+ margin-top: 18px
|
|
|
+ }
|
|
|
+ .toto-menu .menu01 .col-md-4 div:hover{
|
|
|
+ background-color: #5078cb !important;
|
|
|
+ }
|
|
|
+ .toto-menu .menu02 .col-md-4 div:hover{
|
|
|
+ background-color: #27ae99 !important;
|
|
|
+ }
|
|
|
+ .toto-menu .menu03 .col-md-4 div:hover{
|
|
|
+ background-color: #dda333 !important;
|
|
|
+ }
|
|
|
+ .toto-menu .menu01 .col-md-4 div{
|
|
|
+ background: url("static/img/icon/menu-list01.png") no-repeat center;
|
|
|
+ }
|
|
|
+ .toto-menu .menu02 .col-md-4 div{
|
|
|
+ background: url("static/img/icon/menu-list02.png") no-repeat center;
|
|
|
+ }
|
|
|
+ .toto-menu .menu03 .col-md-4 div{
|
|
|
+ background: url("static/img/icon/menu-list03.png") no-repeat center;
|
|
|
+ }
|
|
|
+ .toto-menu .col-md-4 p{
|
|
|
+ font-size: 14px;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ .toto-menu .menu01 .col-md-4 div{
|
|
|
+ background-color: #52a9fa;
|
|
|
+ }
|
|
|
+ .toto-menu .menu02 .col-md-4 div{
|
|
|
+ background-color: #47c8b4;
|
|
|
+ }
|
|
|
+ .toto-menu .menu03 .col-md-4 div{
|
|
|
+ background-color: #ebb959;
|
|
|
+ }
|
|
|
+ .toto-menu .menu01 .col-md-4 div.menu01-1,.toto-menu .menu02 .col-md-4 div.menu02-1,.toto-menu .menu03 .col-md-4 div.menu03-1{
|
|
|
+ background-position: 0 0;
|
|
|
+ }
|
|
|
+ .toto-menu .menu01 .col-md-4 div.menu01-2,.toto-menu .menu02 .col-md-4 div.menu02-2,.toto-menu .menu03 .col-md-4 div.menu03-2{
|
|
|
+ background-position: -42px 0;
|
|
|
+ }
|
|
|
+ .toto-menu .menu01 .col-md-4 div.menu01-3,.toto-menu .menu02 .col-md-4 div.menu02-3,.toto-menu .menu03 .col-md-4 div.menu03-3{
|
|
|
+ background-position: -84px 0;
|
|
|
+ }
|
|
|
+ .toto-menu .menu01 .col-md-4 div.menu01-4,.toto-menu .menu02 .col-md-4 div.menu02-4,.toto-menu .menu03 .col-md-4 div.menu03-4{
|
|
|
+ background-position: -126px 0;
|
|
|
+ }
|
|
|
+ .toto-menu .menu01 .col-md-4 div.menu01-5,.toto-menu .menu02 .col-md-4 div.menu02-5,.toto-menu .menu03 .col-md-4 div.menu03-5{
|
|
|
+ background-position: -168px 0;
|
|
|
+ }
|
|
|
+ .toto-menu .menu01 .col-md-4 div.menu01-6,.toto-menu .menu02 .col-md-4 div.menu02-6,.toto-menu .menu03 .col-md-4 div.menu03-6{
|
|
|
+ background-position: -210px 0;
|
|
|
+ }
|
|
|
+ .toto-menu .menu01 .col-md-4 div.menu01-7,.toto-menu .menu02 .col-md-4 div.menu02-7{
|
|
|
+ background-position: -252px 0;
|
|
|
+ }
|
|
|
</style>
|
|
|
<!-- 交易信息 Start -->
|
|
|
<div class="data-wrap" id="home-data-wrap">
|
|
|
|
|
|
<!-- 待处理统计 Start -->
|
|
|
<div class="todo">
|
|
|
+ <div class="todo-label list-unstyled">
|
|
|
+ <em></em><label>工作台</label>
|
|
|
+ </div>
|
|
|
+ <div class="border01 todo-content" ng-controller="TodoCtrl">
|
|
|
+ <!--工作台导航-->
|
|
|
+ <div class="toto-menu">
|
|
|
+ <div class="menu01 row">
|
|
|
+ <div class="col-md-3">
|
|
|
+ <a href="#/sale/order">
|
|
|
+ <p>销<br/>售</p>
|
|
|
+ <span>123</span>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-9">
|
|
|
+ <div class="col-md-4">
|
|
|
+ <a href="#/sale/order">
|
|
|
+ <div class="menu01-1"></div>
|
|
|
+ <p>销售订单</p>
|
|
|
+ <b class="new-dot"></b>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <a href="#/sale/inquiry">
|
|
|
+ <div class="menu01-2"></div>
|
|
|
+ <p>报价</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <a href="#/sale/tender">
|
|
|
+ <div class="menu01-3"></div>
|
|
|
+ <p>投标</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <a href="#/sale/notice">
|
|
|
+ <div class="menu01-4"></div>
|
|
|
+ <p>发货</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <a href="#/sale/prodList">
|
|
|
+ <div class="menu01-5"></div>
|
|
|
+ <p>产品库</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <a href="#/sale/customer">
|
|
|
+ <div class="menu01-6"></div>
|
|
|
+ <p>客户资料</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <a href="">
|
|
|
+ <div class="menu01-7"></div>
|
|
|
+ <p>销售报表</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="menu02 row">
|
|
|
+ <div class="col-md-3">
|
|
|
+ <a href="#/purc/order">
|
|
|
+ <p>采<br/>购</p>
|
|
|
+ <span>56</span>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-9">
|
|
|
+ <div class="col-md-4">
|
|
|
+ <a href="#/purc/order">
|
|
|
+ <div class="menu02-1"></div>
|
|
|
+ <p>采购订单</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <a href="#/purc/purchaseinquiry">
|
|
|
+ <div class="menu02-2"></div>
|
|
|
+ <p>询价(求购)</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <a href="#/purc/tender">
|
|
|
+ <div class="menu02-3"></div>
|
|
|
+ <p>招标</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <div class="menu02-4"></div>
|
|
|
+ <p>收货</p>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <a href="#/purc/product">
|
|
|
+ <div class="menu02-5"></div>
|
|
|
+ <p>物料库</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <a href="#/purc/vendor">
|
|
|
+ <div class="menu02-6"></div>
|
|
|
+ <p>供应商资料</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <div class="menu02-7"></div>
|
|
|
+ <p>采购报表</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="menu03 row" style="height: 190px;">
|
|
|
+ <div class="col-md-3" style="padding-top: 7%;">
|
|
|
+ <a href="#/fa/apBill">
|
|
|
+ <p>财<br/>务</p>
|
|
|
+ <span>23</span>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-9">
|
|
|
+ <div class="col-md-4">
|
|
|
+ <div class="menu03-1"></div>
|
|
|
+ <p>应收发票</p>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <div class="menu03-2"></div>
|
|
|
+ <p>应收对账</p>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <div class="menu03-3"></div>
|
|
|
+ <p>应收报表</p>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <div class="menu03-4"></div>
|
|
|
+ <p>应付发票</p>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <div class="menu03-5"></div>
|
|
|
+ <p>应付对账</p>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ <div class="menu03-6"></div>
|
|
|
+ <p>应付报表</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 待处理统计 End -->
|
|
|
+
|
|
|
+ <!--<div class="todo">
|
|
|
<div class="todo-label list-unstyled">
|
|
|
<em></em><label>工作台</label>
|
|
|
</div>
|
|
|
@@ -126,9 +382,10 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div>-->
|
|
|
<!-- 待处理统计 End -->
|
|
|
</div>
|
|
|
+</div>
|
|
|
<!-- 第三列图片 Start -->
|
|
|
<div class="feed-wrap">
|
|
|
<div class="side-image">
|