133 行
6.4 KiB
HTML
133 行
6.4 KiB
HTML
<link rel="stylesheet" href="__CDN__/assets/element-ui-2.15.14/css/index.css">
|
|
<link rel="stylesheet" href="__CDN__/assets/css/data.css?time={:time()}">
|
|
<link rel="stylesheet" href="__CDN__/assets/css/vvv.css">
|
|
|
|
<div id="data" v-cloak>
|
|
<!-- 数据统计 -->
|
|
<el-row class="row main">
|
|
<el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6" class="main-1">
|
|
<div class="data-main">
|
|
<div class="header">
|
|
<div class="h-title">圆形仓库统计</div>
|
|
<div class="h-btn">数据总计</div>
|
|
</div>
|
|
<div class="center">
|
|
<div class="c-total">{$data.roundGranary.total}</div>
|
|
<div class="c-current">今日新增 <span>{$data.roundGranary.current}</span></div>
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="bottom">
|
|
<div class="month-text">本月新增</div>
|
|
<div class="month-total">{$data.roundGranary.month}</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6" class="main-1">
|
|
<div class="data-main">
|
|
<div class="header">
|
|
<div class="h-title">方形仓库统计</div>
|
|
<div class="h-btn">数据总计</div>
|
|
</div>
|
|
<div class="center">
|
|
<div class="c-total">{$data.squareGranary.total}</div>
|
|
<div class="c-current">今日新增 <span>{$data.squareGranary.current}</span></div>
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="bottom">
|
|
<div class="month-text">本月新增</div>
|
|
<div class="month-total">{$data.squareGranary.month}</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6" class="main-1">
|
|
<div class="data-main">
|
|
<div class="header">
|
|
<div class="h-title">检测参数统计</div>
|
|
<div class="h-btn">数据总计</div>
|
|
</div>
|
|
<div class="center">
|
|
<div class="c-total">{$data.params.total}</div>
|
|
<div class="c-current">今日新增 <span>{$data.params.current}</span></div>
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="bottom">
|
|
<div class="month-text">本月新增</div>
|
|
<div class="month-total">{$data.params.month}</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6" class="main-1">
|
|
<div class="data-main">
|
|
<div class="header">
|
|
<div class="h-title">质检报告统计</div>
|
|
<div class="h-btn">数据总计</div>
|
|
</div>
|
|
<div class="center">
|
|
<div class="c-total">{$data.content.total}</div>
|
|
<div class="c-current">今日新增 <span>{$data.content.current}</span></div>
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="bottom">
|
|
<div class="month-text">本月新增</div>
|
|
<div class="month-total">{$data.content.month}</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<!-- 仓库农作检测参数数据折线图 -->
|
|
<el-row class="row main">
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="main-1">
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="main-position">
|
|
<div class="main-refresh">
|
|
<div class="refresh-btn">
|
|
<i class="el-icon-refresh-right"></i>
|
|
<span class="main-refresh-tip theme-color-1">刷新图表</span>
|
|
</div>
|
|
</div>
|
|
<div class="main-position-right">
|
|
<div class="search-date">
|
|
<el-date-picker
|
|
size="small"
|
|
value-format="yyyy"
|
|
style="width: 220px;"
|
|
v-model="search.year"
|
|
type="year"
|
|
placeholder="检测年份">
|
|
</el-date-picker>
|
|
</div>
|
|
<div class="granary" style="margin-left: 10px;">
|
|
<el-select filterable size="small" style="width: 270px;" v-model="search.gid" placeholder="所属仓库">
|
|
<el-option
|
|
v-for="item in granaryList"
|
|
:key="item.id"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</div>
|
|
<div class="type-list" style="margin-left: 10px;position: relative;top: -6px;">
|
|
<div class="screen-container-right display-flex" style="position: relative; top: 2px;">
|
|
<el-radio-group size="small" v-model="search.type">
|
|
<el-radio-button v-for="(item, index) of typeList" :label="index">{{item.name}}
|
|
</el-radio-button>
|
|
</el-radio-group>
|
|
</div>
|
|
</div>
|
|
<div class="search-btn">
|
|
<el-button @click="getParamsLineCharts" size="small" type="primary" plain icon="el-icon-search">查询
|
|
</el-button>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<div class="chart-data">
|
|
<div style="height: 520px;" id="main-chart"></div>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
|
|
<script src="__CDN__/assets/element-ui-2.15.14/js/vue.js"></script>
|
|
<script src="__CDN__/assets/element-ui-2.15.14/js/index.js"></script>
|
|
<script src="__CDN__/assets/tool/libs/moment.js"></script>
|
|
<script src="/assets/js/jquery-2.1.1.min.js"></script> |