|
|
@@ -0,0 +1,372 @@
|
|
|
+<style>
|
|
|
+ .fl{
|
|
|
+ float:left;
|
|
|
+ }
|
|
|
+ .fr{
|
|
|
+ float:right;
|
|
|
+ }
|
|
|
+ #rootStats ul>li.newItem {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22%;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ padding: 10px;
|
|
|
+ margin: 0 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #rootStats ul>li.newItem .month,.count {
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ padding: 5px;
|
|
|
+ font-family: sans-serif;
|
|
|
+ font-size: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #rootStats .newTitle {
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ #rootStats .fullscreen .title span{
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom:10px;
|
|
|
+ color:#333;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*搜索时间筛选 start*/
|
|
|
+ #rootStats .screen {
|
|
|
+ position: absolute;
|
|
|
+ top: 15px;
|
|
|
+ left: 175px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: normal;
|
|
|
+ margin-right:10px;
|
|
|
+ }
|
|
|
+ #rootStats .com-check-radio{
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: normal;
|
|
|
+ line-height: 32px;
|
|
|
+ margin-right: 10px;
|
|
|
+ cursor:pointer;
|
|
|
+ }
|
|
|
+ #rootStats .screen .sreach .date{
|
|
|
+ margin:0 20px;
|
|
|
+ }
|
|
|
+ #rootStats .screen .sreach .date input{
|
|
|
+ width: 117px;
|
|
|
+ text-align: left;
|
|
|
+ border: 1px solid #5078cb;
|
|
|
+ }
|
|
|
+ #rootStats .screen .sreach .date input:hover{
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ #rootStats .screen .sreach .date strong{
|
|
|
+ float: left;
|
|
|
+ line-height: 32px;
|
|
|
+ color: #999;
|
|
|
+ margin: 0 5px;
|
|
|
+ }
|
|
|
+ #rootStats .data-input{
|
|
|
+ float: left;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ #rootStats .data-input button.open{
|
|
|
+ position: absolute;
|
|
|
+ right: 1px;
|
|
|
+ top: 1px;
|
|
|
+ width: 20px;
|
|
|
+ height: 30px;
|
|
|
+ background: url('static/img/user/images/xiala.png') right no-repeat #fff !important;
|
|
|
+ background-position-x: 100% !important;
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+ #rootStats .screen .sreach .date input.form-control{
|
|
|
+ padding: 6px 6px;
|
|
|
+ border-radius: 2px;
|
|
|
+ height:32px;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<div class="row-fluid sortable" id="rootStats">
|
|
|
+ <div class="box">
|
|
|
+ <div class="box-header well" data-original-title>
|
|
|
+ <i class="icon-user"></i> 信息统计
|
|
|
+ </div>
|
|
|
+ <div class="box-content row">
|
|
|
+ <div class="fullscreen" style="padding: 10px;">
|
|
|
+ <div class="col-sm-4 f14">
|
|
|
+ <div class="form-group row title">
|
|
|
+ <span class="col-sm-6 text-right">经营目标统计:</span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品型号数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.codes | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品类目数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.kinds | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品品牌数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.brands | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">库存合计:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.reserves | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">含税金额合计(RMB):</span>
|
|
|
+ <span class="col-sm-5 text-num">¥
|
|
|
+ <span ng-bind="statistics.sumPriceRMB | number"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">未税金额合计(RMB):</span>
|
|
|
+ <span class="col-sm-5 text-num">¥
|
|
|
+ <span ng-bind="statistics.sumPriceRMBNT | number"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">含税金额合计:</span>
|
|
|
+ <span class="col-sm-4">批次RMB最高单价*库存数量</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-4 f14">
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品型号数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.codes | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品类目数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.kinds | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品品牌数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.brands | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">库存合计:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.reserves | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">含税金额合计(RMB):</span>
|
|
|
+ <span class="col-sm-5 text-num">¥
|
|
|
+ <span ng-bind="statistics.sumPriceRMB | number"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">未税金额合计(RMB):</span>
|
|
|
+ <span class="col-sm-5 text-num">¥
|
|
|
+ <span ng-bind="statistics.sumPriceRMBNT | number"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">含税金额合计:</span>
|
|
|
+ <span class="col-sm-4">批次RMB最高单价*库存数量</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-4 f14">
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品型号数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.codes | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品类目数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.kinds | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品品牌数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.brands | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">库存合计:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.reserves | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">含税金额合计(RMB):</span>
|
|
|
+ <span class="col-sm-5 text-num">¥
|
|
|
+ <span ng-bind="statistics.sumPriceRMB | number"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">未税金额合计(RMB):</span>
|
|
|
+ <span class="col-sm-5 text-num">¥
|
|
|
+ <span ng-bind="statistics.sumPriceRMBNT | number"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">含税金额合计:</span>
|
|
|
+ <span class="col-sm-4">批次RMB最高单价*库存数量</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="box">
|
|
|
+ <div class="box-header well" data-original-title style="position:relative;">
|
|
|
+ <i class="icon-user"></i> 更多数据统计
|
|
|
+ <!--搜索时间筛选-->
|
|
|
+ <div class="screen">
|
|
|
+ <div class="radio-block fl">
|
|
|
+ 日期区间:
|
|
|
+ <label class="com-check-radio">
|
|
|
+ <input type="radio" id="All" name="date" ng-click="setFilters('dateArea', 'All')" ng-checked="dateArea == 'All'">
|
|
|
+ <label for="All"></label>
|
|
|
+ 全部
|
|
|
+ </label>
|
|
|
+ <label class="com-check-radio">
|
|
|
+ <input type="radio" id="oneMonth" name="date" ng-click="setFilters('dateArea', 'oneMonth')" ng-checked="dateArea == 'oneMonth'">
|
|
|
+ <label for="oneMonth"></label>
|
|
|
+ 一个月
|
|
|
+ </label>
|
|
|
+ <label class="com-check-radio">
|
|
|
+ <input type="radio" id="threeMonth" name="date" ng-click="setFilters('dateArea', 'threeMonth')" ng-checked="dateArea == 'threeMonth'">
|
|
|
+ <label for="threeMonth"></label>
|
|
|
+ 三个月
|
|
|
+ </label>
|
|
|
+ <label class="com-check-radio">
|
|
|
+ <input type="radio" id="sixMonth" name="date" ng-click="setFilters('dateArea', 'sixMonth')" ng-checked="dateArea == 'sixMonth'">
|
|
|
+ <label for="sixMonth"></label>
|
|
|
+ 六个月
|
|
|
+ </label>
|
|
|
+ <label class="com-check-radio">
|
|
|
+ <input type="radio" id="autoMonth" name="date" ng-click="setFilters('dateArea', 'autoMonth')" ng-checked="dateArea == 'autoMonth'">
|
|
|
+ <label for="autoMonth"></label>
|
|
|
+ 自定义
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="sreach fr">
|
|
|
+ <div ng-show="dateArea == 'autoMonth'" class="date fl">
|
|
|
+ <div class="data-input">
|
|
|
+ <input id="start" type="text" ng-model="startDate" readonly="readonly"
|
|
|
+ class="form-control select-adder" placeholder="起始时间"
|
|
|
+ datepicker-popup="yyyy-MM-dd"
|
|
|
+ is-open="condition[0].open"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-click="openDatePicker($event, condition, 0,1)"
|
|
|
+ ng-change="onDateCondition(1)"/>
|
|
|
+ <button class="open" ng-click="openDatePicker($event, condition, 0)"></button>
|
|
|
+ </div>
|
|
|
+ <strong>–</strong>
|
|
|
+ <div class="data-input">
|
|
|
+ <input id="end" type="text" ng-model="endDate" readonly="readonly"
|
|
|
+ class="form-control select-adder" placeholder="结束时间"
|
|
|
+ datepicker-popup="yyyy-MM-dd"
|
|
|
+ is-open="condition[1].open"
|
|
|
+ current-text="今天" clear-text="清除" close-text="关闭"
|
|
|
+ datepicker-options="{formatDayTitle: 'yyyy年M月', formatMonth: 'M月', showWeeks: false}"
|
|
|
+ ng-click="openDatePicker($event, condition, 1, 2)"
|
|
|
+ ng-change="onDateCondition(2)"/>
|
|
|
+ <button class="open" ng-click="openDatePicker($event, condition, 1)"></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="box-content row">
|
|
|
+ <div class="fullscreen" style="padding: 10px;">
|
|
|
+ <div class="col-sm-4 f14">
|
|
|
+ <div class="form-group row title">
|
|
|
+ <span class="col-sm-6 text-right">经营目标统计:</span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品型号数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.codes | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品类目数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.kinds | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品品牌数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.brands | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">库存合计:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.reserves | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">含税金额合计(RMB):</span>
|
|
|
+ <span class="col-sm-5 text-num">¥
|
|
|
+ <span ng-bind="statistics.sumPriceRMB | number"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">未税金额合计(RMB):</span>
|
|
|
+ <span class="col-sm-5 text-num">¥
|
|
|
+ <span ng-bind="statistics.sumPriceRMBNT | number"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">含税金额合计:</span>
|
|
|
+ <span class="col-sm-4">批次RMB最高单价*库存数量</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-4 f14">
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品型号数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.codes | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品类目数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.kinds | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品品牌数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.brands | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">库存合计:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.reserves | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">含税金额合计(RMB):</span>
|
|
|
+ <span class="col-sm-5 text-num">¥
|
|
|
+ <span ng-bind="statistics.sumPriceRMB | number"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">未税金额合计(RMB):</span>
|
|
|
+ <span class="col-sm-5 text-num">¥
|
|
|
+ <span ng-bind="statistics.sumPriceRMBNT | number"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">含税金额合计:</span>
|
|
|
+ <span class="col-sm-4">批次RMB最高单价*库存数量</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-4 f14">
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品型号数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.codes | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品类目数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.kinds | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">在售产品品牌数量:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.brands | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">库存合计:</span>
|
|
|
+ <span class="col-sm-4" ng-bind="statistics.reserves | number"></span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">含税金额合计(RMB):</span>
|
|
|
+ <span class="col-sm-5 text-num">¥
|
|
|
+ <span ng-bind="statistics.sumPriceRMB | number"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">未税金额合计(RMB):</span>
|
|
|
+ <span class="col-sm-5 text-num">¥
|
|
|
+ <span ng-bind="statistics.sumPriceRMBNT | number"></span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form-group row">
|
|
|
+ <span class="col-sm-6 text-right">含税金额合计:</span>
|
|
|
+ <span class="col-sm-4">批次RMB最高单价*库存数量</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|