|
|
@@ -4,88 +4,61 @@
|
|
|
<link href="{{ mix('css/element-ui.css') }}" rel="stylesheet">
|
|
|
@endsection
|
|
|
@section('content')
|
|
|
- <div class="container-fluid" id="list">
|
|
|
- <div class="card">
|
|
|
- <h5 class="card-header">最近使用功能</h5>
|
|
|
- <div class="card-body row">
|
|
|
- <ul class="list-group" v-for="(menu,index) in menus">
|
|
|
- <div class="container-fluid btn-group justify-content-center">
|
|
|
- <a class="btn-primary btn-lg" v-if="index<=3" :href="'/'+menu.route">@{{ menu.name }}</a>
|
|
|
- </div>
|
|
|
- <div v-if="menu.secondLevelMenu && menu.secondLevelMenu.length>0&&index<=3">
|
|
|
- <div class="container-fluid btn-group m-1">
|
|
|
- <a class="bth btn-sm btn-info m-1" v-for="(secondMenu,index) in menu.secondLevelMenu"
|
|
|
- :href="'/'+secondMenu.route" v-if="index < 2"> @{{ secondMenu.name }}</a>
|
|
|
+ <div class="d-none" id="list">
|
|
|
+ <div class="container-fluid">
|
|
|
+ <div class="card">
|
|
|
+ <h5 class="card-header">最近使用功能</h5>
|
|
|
+ <div class="card-body row">
|
|
|
+ <ul class="list-group" v-for="(menu,index) in menus">
|
|
|
+ <div class="container-fluid btn-group justify-content-center">
|
|
|
+ <a class="btn-primary btn-lg" v-if="index<=3" :href="'/'+menu.route">@{{ menu.name }}</a>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="row my-3">
|
|
|
- <div class="col-2">
|
|
|
- <div class="card">
|
|
|
- <div class="card-header text-dark h5">
|
|
|
- <p>实时待处理订(总):@{{ totalOrders.total }}</p>
|
|
|
- </div>
|
|
|
- <div class="card-body">
|
|
|
- <p>创建订单:@{{ totalOrders.createOrder }}</p>
|
|
|
- <p>分配完成:@{{ totalOrders.assignedComplete }}</p>
|
|
|
- <p>部分分配:@{{ totalOrders.partialAllocation }}</p>
|
|
|
- <p>部分装箱:@{{ totalOrders.partPacking }}</p>
|
|
|
- <p>播种完成:@{{ totalOrders.sowComplete }}</p>
|
|
|
- </div>
|
|
|
+ <div v-if="menu.secondLevelMenu && menu.secondLevelMenu.length>0&&index<=3">
|
|
|
+ <div class="container-fluid btn-group m-1">
|
|
|
+ <a class="bth btn-sm btn-info m-1" v-for="(secondMenu,index) in menu.secondLevelMenu"
|
|
|
+ :href="'/'+secondMenu.route" v-if="index < 2"> @{{ secondMenu.name }}</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-2" v-for="(warehousesOrder,index) in warehousesOrders">
|
|
|
- <div class="card">
|
|
|
- <div class="card-header text-success h5">
|
|
|
- <p>@{{ getWareHouse(warehousesOrder.name) }}:@{{ warehousesOrder.total }}</p>
|
|
|
- </div>
|
|
|
- <div class="card-body">
|
|
|
- <p>创建订单:@{{ warehousesOrder.createOrder }}</p>
|
|
|
- <p>分配完成:@{{ warehousesOrder.assignedComplete }}</p>
|
|
|
- <p>部分分配:@{{ warehousesOrder.partialAllocation }}</p>
|
|
|
- <p>部分装箱:@{{ warehousesOrder.partPacking }}</p>
|
|
|
- <p>播种完成:@{{ warehousesOrder.sowComplete }}</p>
|
|
|
+ <div class="row my-3">
|
|
|
+ <div class="col-2">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header text-dark h5">
|
|
|
+ <p>实时待处理订(总):@{{ totalOrders.total }}</p>
|
|
|
+ </div>
|
|
|
+ <div class="card-body">
|
|
|
+ <p>创建订单:@{{ totalOrders.createOrder }}</p>
|
|
|
+ <p>分配完成:@{{ totalOrders.assignedComplete }}</p>
|
|
|
+ <p>部分分配:@{{ totalOrders.partialAllocation }}</p>
|
|
|
+ <p>部分装箱:@{{ totalOrders.partPacking }}</p>
|
|
|
+ <p>播种完成:@{{ totalOrders.sowComplete }}</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="row my-3">
|
|
|
- <div class="col-5">
|
|
|
- <div class="card">
|
|
|
- <div class="card-header">
|
|
|
- <span class="demonstration" ></span>
|
|
|
- <el-date-picker @blur="orderCountingRecordApi('')"
|
|
|
- v-model="orderCountingRecordsDate"
|
|
|
- type="daterange"
|
|
|
- align="right"
|
|
|
- unlink-panels
|
|
|
- range-separator="-"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- :picker-options="pickerOptions">
|
|
|
- </el-date-picker>
|
|
|
- <el-button type="primary" value="日" @click="orderCountingRecordApi('日')" v-model="orderCountingRecordsUnit">日</el-button>
|
|
|
- <el-button type="primary" value="周" @click="orderCountingRecordApi('周')" v-model="orderCountingRecordsUnit">周</el-button>
|
|
|
- <el-button type="primary" value="月" @click="orderCountingRecordApi('月')" v-model="orderCountingRecordsUnit">月</el-button>
|
|
|
- </div>
|
|
|
- <div class="card-body row">
|
|
|
- <div id="orderCountingRecords" class="col" style="width:600px;height:600px;"></div>
|
|
|
+ <div class="col-2" v-for="(warehousesOrder,index) in warehousesOrders">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header text-success h5">
|
|
|
+ <p>@{{ getWareHouse(warehousesOrder.name) }}:@{{ warehousesOrder.total }}</p>
|
|
|
+ </div>
|
|
|
+ <div class="card-body">
|
|
|
+ <p>创建订单:@{{ warehousesOrder.createOrder }}</p>
|
|
|
+ <p>分配完成:@{{ warehousesOrder.assignedComplete }}</p>
|
|
|
+ <p>部分分配:@{{ warehousesOrder.partialAllocation }}</p>
|
|
|
+ <p>部分装箱:@{{ warehousesOrder.partPacking }}</p>
|
|
|
+ <p>播种完成:@{{ warehousesOrder.sowComplete }}</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-7">
|
|
|
- <div class="row">
|
|
|
- <div class="col-6">
|
|
|
- <div class="card">
|
|
|
- <div class="card-header">
|
|
|
- <div class="col-5 row">
|
|
|
- <div class="block">
|
|
|
- <span class="demonstration"></span>
|
|
|
- <el-date-picker @blur="logisticsCountingRecordsApi()"
|
|
|
- v-model="logisticsCountingRecordsData"
|
|
|
+ <div class="row my-3">
|
|
|
+ <div class="col-5">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <span class="demonstration"></span>
|
|
|
+ <el-date-picker @blur="orderCountingRecordApi('')"
|
|
|
+ v-model="orderCountingRecordsDate"
|
|
|
type="daterange"
|
|
|
align="right"
|
|
|
unlink-panels
|
|
|
@@ -94,92 +67,135 @@
|
|
|
end-placeholder="结束日期"
|
|
|
value-format="yyyy-MM-dd"
|
|
|
:picker-options="pickerOptions">
|
|
|
- </el-date-picker>
|
|
|
+ </el-date-picker>
|
|
|
+ <el-button type="primary" value="日" @click="orderCountingRecordApi('日')"
|
|
|
+ v-model="orderCountingRecordsUnit">日
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" value="周" @click="orderCountingRecordApi('周')"
|
|
|
+ v-model="orderCountingRecordsUnit">周
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" value="月" @click="orderCountingRecordApi('月')"
|
|
|
+ v-model="orderCountingRecordsUnit">月
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <div class="card-body row">
|
|
|
+ <div id="orderCountingRecords" class="col" style="width:600px;height:600px;"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-7">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-6">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <div class="col-5 row">
|
|
|
+ <div class="block">
|
|
|
+ <span class="demonstration"></span>
|
|
|
+ <el-date-picker @blur="logisticsCountingRecordsApi()"
|
|
|
+ v-model="logisticsCountingRecordsData"
|
|
|
+ type="daterange"
|
|
|
+ align="right"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="-"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ :picker-options="pickerOptions">
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="card-body row">
|
|
|
+ <div id="logisticsCountingRecords" class="col"
|
|
|
+ style="width: 600px;height:600px;"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="card-body row">
|
|
|
- <div id="logisticsCountingRecords" class="col"
|
|
|
- style="width: 600px;height:600px;"></div>
|
|
|
+ </div>
|
|
|
+ <div class="col-6">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <div class="col-5 row">
|
|
|
+ <div class="block">
|
|
|
+ <span class="demonstration"></span>
|
|
|
+ <el-date-picker @blur="warehouseCountingRecordsApi()"
|
|
|
+ v-model="warehouseCountingRecordsData"
|
|
|
+ type="daterange"
|
|
|
+ align="right"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="-"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ :picker-options="pickerOptions">
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="card-body row">
|
|
|
+ <div id="warehouseCountingRecords" class="col"
|
|
|
+ style="width: 600px;height:600px;"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-6">
|
|
|
+ </div>
|
|
|
+ @can('人事管理-临时工报表-可见全部组')
|
|
|
+ <div class="col-5">
|
|
|
<div class="card">
|
|
|
<div class="card-header">
|
|
|
- <div class="col-5 row">
|
|
|
- <div class="block">
|
|
|
- <span class="demonstration"></span>
|
|
|
- <el-date-picker @blur="warehouseCountingRecordsApi()"
|
|
|
- v-model="warehouseCountingRecordsData"
|
|
|
- type="daterange"
|
|
|
- align="right"
|
|
|
- unlink-panels
|
|
|
- range-separator="-"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- :picker-options="pickerOptions">
|
|
|
- </el-date-picker>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <span class="demonstration"></span>
|
|
|
+ <el-date-picker @blur="laborReportsCountingRecordApi('')"
|
|
|
+ v-model="laborReportsCountingRecordsDate"
|
|
|
+ type="daterange"
|
|
|
+ align="right"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="-"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ :picker-options="pickerOptions">
|
|
|
+ </el-date-picker>
|
|
|
+ <el-button type="primary" value="日" @click="laborReportsCountingRecordApi('日')"
|
|
|
+ v-model="laborReportsCountingRecordUnit">日
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" value="周" @click="laborReportsCountingRecordApi('周')"
|
|
|
+ v-model="laborReportsCountingRecordUnit">周
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" value="月" @click="laborReportsCountingRecordApi('月')"
|
|
|
+ v-model="laborReportsCountingRecordUnit">月
|
|
|
+ </el-button>
|
|
|
</div>
|
|
|
<div class="card-body row">
|
|
|
- <div id="warehouseCountingRecords" class="col"
|
|
|
- style="width: 600px;height:600px;"></div>
|
|
|
+ <div id="laborReportsCountingRecords" class="col"
|
|
|
+ style="width:600px;height:600px;"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- @can('人事管理-临时工报表-可见全部组')
|
|
|
- <div class="col-5">
|
|
|
- <div class="card">
|
|
|
- <div class="card-header">
|
|
|
- <span class="demonstration" ></span>
|
|
|
- <el-date-picker @blur="laborReportsCountingRecordApi('')"
|
|
|
- v-model="laborReportsCountingRecordsDate"
|
|
|
- type="daterange"
|
|
|
- align="right"
|
|
|
- unlink-panels
|
|
|
- range-separator="-"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- :picker-options="pickerOptions">
|
|
|
- </el-date-picker>
|
|
|
- <el-button type="primary" value="日" @click="laborReportsCountingRecordApi('日')" v-model="laborReportsCountingRecordUnit">日</el-button>
|
|
|
- <el-button type="primary" value="周" @click="laborReportsCountingRecordApi('周')" v-model="laborReportsCountingRecordUnit">周</el-button>
|
|
|
- <el-button type="primary" value="月" @click="laborReportsCountingRecordApi('月')" v-model="laborReportsCountingRecordUnit">月</el-button>
|
|
|
- </div>
|
|
|
- <div class="card-body row">
|
|
|
- <div id="laborReportsCountingRecords" class="col" style="width:600px;height:600px;"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-7">
|
|
|
+ <div class="col-7">
|
|
|
|
|
|
- <div class="card">
|
|
|
- <div class="card-header">
|
|
|
- <span class="demonstration" ></span>
|
|
|
- <el-date-picker @blur="laborReportsUserGroupsCountApi('')"
|
|
|
- v-model="laborReportsUserGroupsCountDate"
|
|
|
- type="daterange"
|
|
|
- align="right"
|
|
|
- unlink-panels
|
|
|
- range-separator="-"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- :picker-options="pickerOptions">
|
|
|
- </el-date-picker>
|
|
|
- </div>
|
|
|
- <div class="card-body row">
|
|
|
- <div id="laborReportsUserGroupsCount" class="col" style="width:600px;height:600px;"></div>
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <span class="demonstration"></span>
|
|
|
+ <el-date-picker @blur="laborReportsUserGroupsCountApi('')"
|
|
|
+ v-model="laborReportsUserGroupsCountDate"
|
|
|
+ type="daterange"
|
|
|
+ align="right"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="-"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ :picker-options="pickerOptions">
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
+ <div class="card-body row">
|
|
|
+ <div id="laborReportsUserGroupsCount" class="col"
|
|
|
+ style="width:600px;height:600px;"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ @endcan
|
|
|
</div>
|
|
|
- @endcan
|
|
|
</div>
|
|
|
</div>
|
|
|
@endsection
|
|
|
@@ -254,6 +270,7 @@
|
|
|
laborReportsCountingRecordUnit: '日'
|
|
|
},
|
|
|
mounted: function () {
|
|
|
+ $('#list').removeClass('d-none');
|
|
|
let _this = this;
|
|
|
this.warehouses = {
|
|
|
"WH01": '松江一仓',
|
ANG YU