tmr-admin/.svn/pristine/e5/e574fdf552cd947db791bfdc046a191c999431dd.svn-base

<template>
  <div class="app-container">
    <el-tabs v-model="activeName" @tab-click="handleTabClick">
      <el-tab-pane label="效率统计" name="first">
        <div class="search">
          <el-date-picker v-model="tab.table.getdataListParm.parammaps.mydate" type="date" placeholder="选择日期" style="width: 150px;" format="yyyy-MM-dd" value-format="yyyy-MM-dd" />
          <span style="margin-left: 10px;">统计类型：</span>
          <el-radio v-model="tab.radio" label="1" @change="changeRadio">配方</el-radio>
          <el-radio v-model="tab.radio" label="2" @change="changeRadio">栏舍</el-radio>
          <el-radio v-model="tab.radio" label="3" @change="changeRadio">牲畜类别</el-radio>
          <el-input v-model="tab.table.getdataListParm.parammaps.source" style="width: 245px;" placeholder="配方模板" />
          <el-button class="successBorder" @click="handleSearch">查询</el-button>
        </div>
        <div class="table">
          <el-table
            :key="tab.table.tableKey"
            v-loading="tab.table.listLoading"
            element-loading-text="给我一点时间"
            :data="tab.table.list"
            border
            fit
            highlight-current-row
            style="width: 100%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
          >
            <el-table-column v-if="tab.isFormulaName" label="配方模板" min-width="110px" align="center" prop="barname" />
            <el-table-column v-if="tab.isHouseName" label="栏舍" min-width="110px" align="center" prop="barname" />
            <el-table-column v-if="tab.isHouseName" label="配方模板" min-width="110px" align="center" prop="barname" />
            <el-table-column v-if="tab.isLivestockType" label="牲畜类别" min-width="110px" align="center" prop="barname" />
            <el-table-column v-if="tab.isTrainNumber" label="车次" min-width="110px" align="center" prop="barname" />
            <el-table-column label="实际牛头数" min-width="110px" align="center" prop="barname" />
            <el-table-column label="应混料量（kg）" min-width="110px" align="center" prop="barname" />
            <el-table-column label="实际混料量（kg）" min-width="110px" align="center" prop="barname" />
            <el-table-column label="撒料量（kg）" min-width="110px" align="center" prop="barname" />
            <el-table-column label="混料时间（min）" min-width="110px" align="center" prop="barname" />
            <el-table-column label="搅拌时间（min）" min-width="110px" align="center" prop="barname" />
            <el-table-column label="转投剩料量（kg）" min-width="110px" align="center" prop="barname" />
            <el-table-column label="今日剩料量（kg）" min-width="110px" align="center" prop="barname" />
            <el-table-column label="剩料率（%）" min-width="110px" align="center" prop="barname" />
            <el-table-column label="TMR干物质（%）" min-width="110px" align="center" prop="barname" />
            <el-table-column label="配方干物质采食量（kg/头）" min-width="110px" align="center" prop="barname" />
            <el-table-column label="实际干物质采食量（kg/头）" min-width="110px" align="center" prop="barname" />
            <el-table-column label="采食率（%）" min-width="110px" align="center" prop="barname" />
            <el-table-column label="配方成本(元/头)" min-width="110px" align="center" prop="barname" />
            <el-table-column label="实际成本(元/头)" min-width="110px" align="center" prop="barname" />
            <el-table-column label="产奶量（kg）" min-width="110px" align="center" prop="barname" />
            <el-table-column label="饲料转化率" min-width="110px" align="center" prop="barname" />
            <el-table-column label="公斤奶饲料成本" min-width="110px" align="center" prop="barname" />
          </el-table>
          <pagination v-show="tab.table.total>=0" :total="tab.table.total" :page.sync="tab.table.getdataListParm.offset" :limit.sync="tab.table.getdataListParm.pagecount" @pagination="getTabList" />
        </div>

        <div class="AnalysisChart">
          <el-row :gutter="10">
            <!-- 泌乳牛采食量 -->
            <el-col :span="12" style="position: relative;">
              <h4 style="text-align:center;">泌乳牛采食量</h4>
              <div>
                <el-date-picker v-model="tab.chart1.getdataListParm.parammaps.inputDatetime" style="width: 250px;" class="inputDatetime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleExport('chart1')">导出</el-button>
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleTable('chart1')">切换表格</el-button>
              </div>
              <div id="chartLine1" style="width:100%;height:400px;" />
              <div v-if="tab.chart1.isTable" class="table" style="width: 100%;position: absolute;top:19px;right: 0;">
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleExport('chart1')">导出</el-button>
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleChart('chart1')">切换图表</el-button>
                <el-table
                  :key="tab.chart1.table.tableKey"
                  v-loading="tab.chart1.table.listLoading"
                  element-loading-text="给我一点时间"
                  :data="tab.chart1.table.list"
                  border
                  fit
                  highlight-current-row
                  style="width: 100%;"
                  height="430"
                  :row-style="rowStyle"
                  :cell-style="cellStyle"
                  class="elTable table-fixed"
                >
                  <el-table-column label="日期" min-width="110px" align="center" prop="barname" />
                  <el-table-column label="泌乳牛采食量（kg）" min-width="110px" align="center" prop="barname" />
                  <el-table-column label="泌乳牛产奶量（kg）" min-width="110px" align="center" prop="barname" />
                </el-table>
              </div>
            </el-col>
            <!-- 牛栏剩料率 -->
            <el-col :span="12" style="position: relative;">
              <h4 style="text-align:center;">牛栏剩料率</h4>
              <div>
                <el-select v-model="tab.chart2.getdataListParm.parammaps.enable" style="width: 150px;margin-right: 5px;" multiple collapse-tags placeholder="请选择统计参数">
                  <el-option v-for="item in tab.chart2.statisticsList" :key="item.id" :label="item.name" :value="item.id" />
                </el-select>
                <el-date-picker v-model="tab.chart2.getdataListParm.parammaps.inputDatetime" style="width: 250px;" class="inputDatetime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleExport('chart2')">导出</el-button>
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleTable('chart2')">切换表格</el-button>
              </div>
              <div id="chartLine2" style="width:100%;height:400px;" />
              <div v-if="tab.chart2.isTable" class="table" style="width: 100%;position: absolute;top:19px;right: 0;">
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleExport('chart2')">导出</el-button>
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleChart('chart2')">切换图表</el-button>
                <el-table
                  :key="tab.chart2.table.tableKey"
                  v-loading="tab.chart2.table.listLoading"
                  element-loading-text="给我一点时间"
                  :data="tab.chart2.table.list"
                  border
                  fit
                  highlight-current-row
                  style="width: 100%;"
                  height="430"
                  :row-style="rowStyle"
                  :cell-style="cellStyle"
                  class="elTable table-fixed"
                >
                  <el-table-column label="日期" min-width="110px" align="center" prop="barname" />
                  <el-table-column label="栏舍名称" min-width="110px" align="center" prop="barname" />
                  <el-table-column label="剩料量" min-width="110px" align="center" prop="barname" />
                  <el-table-column label="撒料量" min-width="110px" align="center" prop="barname" />
                  <el-table-column label="剩料率" min-width="110px" align="center" prop="barname" />
                </el-table>
              </div>
            </el-col>
          </el-row>
          <el-row :gutter="10">
            <!-- 搅拌时间统计 -->
            <el-col :span="12" style="position: relative;">
              <h4 style="text-align:center;">搅拌时间统计</h4>
              <div>
                <el-date-picker v-model="tab.chart3.getdataListParm.parammaps.inputDatetime" style="width: 250px;" class="inputDatetime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleExport('chart3')">导出</el-button>
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleTable('chart3')">切换表格</el-button>
              </div>
              <div id="chartLine3" style="width:100%;height:400px;" />
              <div v-if="tab.chart3.isTable" class="table" style="width: 100%;position: absolute;top:19px;right: 0;">
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleExport('chart3')">导出</el-button>
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleChart('chart3')">切换图表</el-button>
                <el-table
                  :key="tab.chart3.table.tableKey"
                  v-loading="tab.chart3.table.listLoading"
                  element-loading-text="给我一点时间"
                  :data="tab.chart3.table.list"
                  border
                  fit
                  highlight-current-row
                  style="width: 100%;"
                  height="430"
                  :row-style="rowStyle"
                  :cell-style="cellStyle"
                  class="elTable table-fixed"
                >
                  <el-table-column label="日期" min-width="110px" align="center" prop="barname" />
                  <el-table-column label="平均搅拌时间（分钟）" min-width="110px" align="center" prop="barname" />
                  <el-table-column label="混料+搅拌时间（分钟）" min-width="110px" align="center" prop="barname" />
                </el-table>
              </div>
            </el-col>
            <!-- 转化率 -->
            <el-col :span="12" style="position: relative;">
              <h4 style="text-align:center;">转化率</h4>
              <div>
                <el-select v-model="tab.chart4.getdataListParm.parammaps.enable" style="width: 150px;margin-right: 5px;" multiple collapse-tags placeholder="请选择统计参数">
                  <el-option v-for="item in tab.chart4.statisticsList" :key="item.id" :label="item.name" :value="item.id" />
                </el-select>
                <el-date-picker v-model="tab.chart4.getdataListParm.parammaps.inputDatetime" style="width: 250px;" class="inputDatetime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleExport('chart4')">导出</el-button>
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleTable('chart4')">切换表格</el-button>
              </div>
              <div id="chartLine4" style="width:100%;height:400px;" />
              <div v-if="tab.chart4.isTable" class="table" style="width: 100%;position: absolute;top:19px;right: 0;">
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleExport('chart4')">导出</el-button>
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleChart('chart4')">切换图表</el-button>
                <el-table
                  :key="tab.chart4.table.tableKey"
                  v-loading="tab.chart4.table.listLoading"
                  element-loading-text="给我一点时间"
                  :data="tab.chart4.table.list"
                  border
                  fit
                  highlight-current-row
                  style="width: 100%;"
                  height="430"
                  :row-style="rowStyle"
                  :cell-style="cellStyle"
                  class="elTable table-fixed"
                >
                  <el-table-column label="日期" min-width="110px" align="center" prop="barname" />
                  <el-table-column label="配方名称" min-width="110px" align="center" prop="barname" />
                  <el-table-column label="饲料转化率" min-width="110px" align="center" prop="barname" />
                </el-table>
              </div>
            </el-col>
          </el-row>

          <el-row :gutter="10">
            <!-- 成本分析 -->
            <el-col :span="12" style="position: relative;">
              <h4 style="text-align:center;">成本分析</h4>
              <div>
                <el-select v-model="tab.chart5.getdataListParm.parammaps.enable" style="width: 150px;margin-right: 5px;" multiple collapse-tags placeholder="请选择统计参数">
                  <el-option v-for="item in tab.chart5.statisticsList" :key="item.id" :label="item.name" :value="item.id" />
                </el-select>
                <el-date-picker v-model="tab.chart5.getdataListParm.parammaps.inputDatetime" style="width: 250px;" class="inputDatetime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleExport('chart5')">导出</el-button>
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleTable('chart5')">切换表格</el-button>
              </div>
              <div id="chartLine5" style="width:100%;height:400px;" />
              <div v-if="tab.chart5.isTable" class="table" style="width: 100%;position: absolute;top:19px;right: 0;">
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleExport('chart5')">导出</el-button>
                <el-button type="text" style="float: right;margin-right: 5px;" @click="handleChart('chart5')">切换图表</el-button>
                <el-table
                  :key="tab.chart5.table.tableKey"
                  v-loading="tab.chart5.table.listLoading"
                  element-loading-text="给我一点时间"
                  :data="tab.chart5.table.list"
                  border
                  fit
                  highlight-current-row
                  style="width: 100%;"
                  height="430"
                  :row-style="rowStyle"
                  :cell-style="cellStyle"
                  class="elTable table-fixed"
                >
                  <el-table-column label="日期" min-width="110px" align="center" prop="barname" />
                  <el-table-column label="牲畜类别" min-width="110px" align="center" prop="barname" />
                  <el-table-column label="公斤奶饲料成本（元）" min-width="110px" align="center" prop="barname" />
                </el-table>
              </div>
            </el-col>

          </el-row>
        </div>
      </el-tab-pane>
      <el-tab-pane label="牛群评估" name="second">
        <div class="search">
          <el-date-picker v-model="tab2.table.getdataListParm.parammaps.mydate" type="date" placeholder="选择日期" style="width: 150px;" format="yyyy-MM-dd" value-format="yyyy-MM-dd" />
        </div>
        <div class="table">
          <el-row :gutter="10">
            <!-- 宾州筛分析 -->
            <el-col :span="12">
              <h4 style="text-align:center;">宾州筛分析</h4>
              <el-table
                :key="tab2.table.tableKey"
                v-loading="tab2.table.listLoading"
                element-loading-text="给我一点时间"
                :data="tab2.table.list"
                border
                fit
                highlight-current-row
                style="width: 100%;"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label="宾州筛" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第一层重量" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fclass }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第一层百分比" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.feedcode }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第二层重量" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.source }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第二层百分比" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.printgroup }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第三层重量" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.allowratio }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第三层百分比" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.unitweight }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第四层重量" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.uprice }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第四层百分比" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.autozone }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="参考标准" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.autosecondname }}</span>
                  </template>
                </el-table-column>
              </el-table>
            </el-col>
            <!-- 粪便筛分析 -->
            <el-col :span="12">
              <h4 style="text-align:center;">粪便筛分析</h4>
              <el-table
                :key="tab2.table2.tableKey"
                v-loading="tab2.table2.listLoading"
                element-loading-text="给我一点时间"
                :data="tab2.table2.list"
                border
                fit
                highlight-current-row
                style="width: 100%;"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label="粪便筛" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第一层重量" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fclass }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第一层百分比" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.feedcode }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第二层重量" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.source }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第二层百分比" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.printgroup }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第三层重量" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.allowratio }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="第三层百分比" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.unitweight }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="参考标准" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.autosecondname }}</span>
                  </template>
                </el-table-column>
              </el-table>
            </el-col>
          </el-row>
          <el-row :gutter="10">
            <!-- BCS评分 -->
            <el-col :span="12">
              <h4 style="text-align:center;">BCS评分</h4>
              <el-table
                :key="tab2.table.tableKey"
                v-loading="tab2.table.listLoading"
                element-loading-text="给我一点时间"
                :data="tab2.table.list"
                border
                fit
                highlight-current-row
                style="width: 100%;"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label="栏舍" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="抽查样本数" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fclass }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="单产" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.feedcode }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="干物质采食量" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.source }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="泌乳天数" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.printgroup }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="标准分数" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.allowratio }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="2.5-分（数量、百分比）" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.unitweight }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="2.75分（数量、百分比" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.uprice }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="3分（数量、百分比）" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.autozone }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="3.25分（数量、百分比）" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.autosecondname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="3.75分（数量、百分比）" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.autosecondname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="4+分（数量、百分比）" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.autosecondname }}</span>
                  </template>
                </el-table-column>
              </el-table>
            </el-col>
            <!-- 粪便评分 -->
            <el-col :span="12">
              <h4 style="text-align:center;">粪便评分</h4>
              <el-table
                :key="tab2.table2.tableKey"
                v-loading="tab2.table2.listLoading"
                element-loading-text="给我一点时间"
                :data="tab2.table2.list"
                border
                fit
                highlight-current-row
                style="width: 100%;"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label="栏舍" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="抽查样本数" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fclass }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="单产" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.feedcode }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="干物质采食量" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.source }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="泌乳天数" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.printgroup }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="标准分数" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.allowratio }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="1分（数量、百分比）" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.unitweight }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="2分（数量、百分比）" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.autosecondname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="3分（数量、百分比）" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.allowratio }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="4分（数量、百分比）" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.unitweight }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="5分（数量、百分比）" min-width="110px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.autosecondname }}</span>
                  </template>
                </el-table-column>
              </el-table>
            </el-col>
          </el-row>

        </div>
      </el-tab-pane>
    </el-tabs>
  </div>

</template>

<script>
import echarts from 'echarts'

require('echarts/theme/macarons')
import { GetDataByName } from '@/api/common'
import Cookies from 'js-cookie'
import { parseTime } from '@/utils/index.js'
import Pagination from '@/components/Pagination'
export default {
  name: 'ErrorAnalysis',
  components: { Pagination },
  data() {
    return {
      activeName: 'first',
      tab: {
        radio: '1',
        isFormulaName: true, // 配方名称
        isHouseName: false, // 栏舍名称
        isLivestockType: false, // 牲畜类别
        isTrainNumber: false, // 车次
        table: {
          getdataListParm: {
            name: 'getBarmilkList',
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: 'Map',
            parammaps: {
              pastureid: Cookies.get('pastureid'),
              startTime: '',
              stopTime: '',
              inputDatetime: ''
            }
          },
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: true,
          temp: {}
        },

        table2: {
          getdataListParm: {
            name: 'getBarmilkList',
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: 'Map',
            parammaps: {
              pastureid: Cookies.get('pastureid'),
              startTime: '',
              stopTime: '',
              inputDatetime: ''
            }
          },
          tableKey: 2,
          list: [],
          total: 0,
          listLoading: true,
          temp: {}
        },

        chart1: {
          chartLine: null,
          chartLine_data: {},
          getdataListParm: {
            name: 'getBarmilkList',
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: 'Map',
            parammaps: {
              pastureid: Cookies.get('pastureid'),
              enable: ''
            }
          },
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: true,
          statisticsList: [{ id: '0', name: '配方01' }, { id: '1', name: '配方02' }, { id: '2', name: '配方03' }],
          isChart: true,
          isTable: false,
          table: {
            getdataListParm: {
              name: 'getBarmilkList',
              page: 1,
              offset: 1,
              pagecount: 10,
              returntype: 'Map',
              parammaps: {
                pastureid: Cookies.get('pastureid'),
                enable: ''
              }
            },
            tableKey: 1,
            list: [],
            total: 0,
            listLoading: true
          }
        },

        chart2: {
          chartLine: null,
          chartLine_data: {},
          getdataListParm: {
            name: 'getBarmilkList',
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: 'Map',
            parammaps: {
              pastureid: Cookies.get('pastureid'),
              enable: ''
            }
          },
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: true,
          statisticsList: [{ id: '0', name: '配方01' }, { id: '1', name: '配方02' }, { id: '2', name: '配方03' }],
          isChart: true,
          isTable: false,
          table: {
            getdataListParm: {
              name: 'getBarmilkList',
              page: 1,
              offset: 1,
              pagecount: 10,
              returntype: 'Map',
              parammaps: {
                pastureid: Cookies.get('pastureid'),
                enable: ''
              }
            },
            tableKey: 1,
            list: [],
            total: 0,
            listLoading: true
          }
        },

        chart3: {
          chartLine: null,
          chartLine_data: {},
          getdataListParm: {
            name: 'getBarmilkList',
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: 'Map',
            parammaps: {
              pastureid: Cookies.get('pastureid'),
              enable: ''
            }
          },
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: true,
          isChart: true,
          isTable: false,
          table: {
            getdataListParm: {
              name: 'getBarmilkList',
              page: 1,
              offset: 1,
              pagecount: 10,
              returntype: 'Map',
              parammaps: {
                pastureid: Cookies.get('pastureid'),
                enable: ''
              }
            },
            tableKey: 1,
            list: [],
            total: 0,
            listLoading: true
          }
        },

        chart4: {
          chartLine: null,
          chartLine_data: {},
          getdataListParm: {
            name: 'getBarmilkList',
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: 'Map',
            parammaps: {
              pastureid: Cookies.get('pastureid'),
              enable: ''
            }
          },
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: true,
          statisticsList: [{ id: '0', name: '配方01' }, { id: '1', name: '配方02' }, { id: '2', name: '配方03' }],
          isChart: true,
          isTable: false,
          table: {
            getdataListParm: {
              name: 'getBarmilkList',
              page: 1,
              offset: 1,
              pagecount: 10,
              returntype: 'Map',
              parammaps: {
                pastureid: Cookies.get('pastureid'),
                enable: ''
              }
            },
            tableKey: 1,
            list: [],
            total: 0,
            listLoading: true
          }
        },

        chart5: {
          chartLine: null,
          chartLine_data: {},
          getdataListParm: {
            name: 'getBarmilkList',
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: 'Map',
            parammaps: {
              pastureid: Cookies.get('pastureid'),
              enable: ''
            }
          },
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: true,
          statisticsList: [{ id: '0', name: '配方01' }, { id: '1', name: '配方02' }, { id: '2', name: '配方03' }],
          isChart: true,
          isTable: false,
          table: {
            getdataListParm: {
              name: 'getBarmilkList',
              page: 1,
              offset: 1,
              pagecount: 10,
              returntype: 'Map',
              parammaps: {
                pastureid: Cookies.get('pastureid'),
                enable: ''
              }
            },
            tableKey: 1,
            list: [],
            total: 0,
            listLoading: true
          }
        }
      },

      tab2: {
        table: {
          getdataListParm: {
            name: 'getBarmilkList',
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: 'Map',
            parammaps: {
              pastureid: Cookies.get('pastureid'),
              startTime: '',
              stopTime: '',
              inputDatetime: ''
            }
          },
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: true,
          temp: {}
        },
        table2: {
          getdataListParm: {
            name: 'getBarmilkList',
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: 'Map',
            parammaps: {
              pastureid: Cookies.get('pastureid'),
              startTime: '',
              stopTime: '',
              inputDatetime: ''
            }
          },
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: true,
          temp: {}
        },
        table3: {
          getdataListParm: {
            name: 'getBarmilkList',
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: 'Map',
            parammaps: {
              pastureid: Cookies.get('pastureid'),
              startTime: '',
              stopTime: '',
              inputDatetime: ''
            }
          },
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: true,
          temp: {}
        },
        table4: {
          getdataListParm: {
            name: 'getBarmilkList',
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: 'Map',
            parammaps: {
              pastureid: Cookies.get('pastureid'),
              startTime: '',
              stopTime: '',
              inputDatetime: ''
            }
          },
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: true,
          temp: {}
        }
      },
      rowStyle: { maxHeight: 50 + 'px', height: 45 + 'px' },
      cellStyle: { padding: 0 + 'px' }
    }
  },

  created() {
    this.getTabList()
    this.getTabList2()
    this.getChart1()
    this.getChart2()
    this.getChart3()
    this.getChart4()
    this.getChart5()
  },
  mounted() {

  },
  methods: {
    handleTabClick() {
      if (this.activeName == 'first') {
        this.getTabList()
        this.getTabList2()
        this.getChart1()
        this.getChart2()
        this.getChart3()
        this.getChart4()
        this.getChart5()
      } else if (this.activeName == 'second') {
        this.getTab2List()
        this.getTab2List2()
        this.getTab2List3()
        this.getTab2List4()
      }
    },
    changeRadio() {
      console.log(this.tab.radio)
      if (this.tab.radio == '1') {
        console.log('配方名称')
        this.tab.isFormulaName = true
        this.tab.isHouseName = false
        this.tab.isLivestockType = false
        this.tab.isTrainNumber = false
        this.tab.table.getdataListParm.name = 'getBarmilkList'
        this.getTabList()
        this.tab.table2.getdataListParm.name = 'getBarmilkList'
        this.getTabList2()
      } else if (this.tab.radio == '2') {
        console.log('栏舍名称')
        this.tab.isFormulaName = false
        this.tab.isHouseName = true
        this.tab.isLivestockType = false
        this.tab.isTrainNumber = false
        this.tab.table.getdataListParm.name = 'getBarmilkList'
        this.getTabList()
        this.tab.table2.getdataListParm.name = 'getBarmilkList'
        this.getTabList2()
      } else if (this.tab.radio == '3') {
        console.log(' 牲畜类别')
        this.tab.isFormulaName = false
        this.tab.isHouseName = false
        this.tab.isLivestockType = true
        this.tab.isTrainNumber = false
        this.tab.table.getdataListParm.name = 'getBarmilkList'
        this.getTabList()
        this.tab.table2.getdataListParm.name = 'getBarmilkList'
        this.getTabList2()
      } else if (this.tab.radio == '4') {
        console.log('车次')
        this.tab.isFormulaName = false
        this.tab.isHouseName = false
        this.tab.isLivestockType = false
        this.tab.isTrainNumber = true
        this.tab.table.getdataListParm.name = 'getBarmilkList'
        this.getTabList()
        this.tab.table2.getdataListParm.name = 'getBarmilkList'
        this.getTabList2()
      }
    },

    // 汇总统计/混料
    getTabList() {
      this.tab.table.listLoading = true
      GetDataByName(this.tab.table.getdataListParm).then(response => {
        console.log('汇总统计/混料table数据', response.data.list)
        if (response.data.list !== null) {
          this.tab.table.list = response.data.list
          this.tab.table.total = response.data.total
        } else {
          this.tab.table.list = []
        }
        setTimeout(() => {
          this.tab.table.listLoading = false
        }, 100)
      })
    },
    // 汇总统计/撒料
    getTabList2() {
      this.tab.table2.listLoading = true
      GetDataByName(this.tab.table2.getdataListParm).then(response => {
        console.log('汇总统计/撒料table数据', response.data.list)
        if (response.data.list !== null) {
          this.tab.table2.list = response.data.list
          this.tab.table2.total = response.data.total
        } else {
          this.tab.table2.list = []
        }
        setTimeout(() => {
          this.tab.table2.listLoading = false
        }, 100)
      })
    },
    // 开始日期/结束日期
    changeDate() {
      if (this.tab.table.getdataListParm.parammaps.inputDatetime !== '' && this.tab.table.getdataListParm.parammaps.inputDatetime !== null) {
        this.tab.table.getdataListParm.parammaps.startTime = parseTime(this.tab.table.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
        this.tab.table.getdataListParm.parammaps.stopTime = parseTime(this.tab.table.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
      } else {
        this.tab.table.getdataListParm.parammaps.inputDatetime = ''
        this.tab.table.getdataListParm.parammaps.startTime = ''
        this.tab.table.getdataListParm.parammaps.stopTime = ''
      }
      this.tab.table.getdataListParm.offset = 1
      this.getTabList()
    },
    // 查询
    handleSearch() {
      if (this.tab.radio == '1') {
        console.log('配方名称/查询')
        this.tab.isFormulaName = true
        this.tab.isHouseName = false
        this.tab.isLivestockType = false
        this.tab.isTrainNumber = false
        this.tab.table.getdataListParm.name = 'getBarmilkList'
        this.getTabList()
        this.tab.table2.getdataListParm.name = 'getBarmilkList'
        this.getTabList2()
      } else if (this.tab.radio == '2') {
        console.log('栏舍名称/查询')
        this.tab.isFormulaName = false
        this.tab.isHouseName = true
        this.tab.isLivestockType = false
        this.tab.isTrainNumber = false
        this.tab.table.getdataListParm.name = 'getBarmilkList'
        this.getTabList()
        this.tab.table2.getdataListParm.name = 'getBarmilkList'
        this.getTabList2()
      } else if (this.tab.radio == '3') {
        console.log(' 牲畜类别/查询')
        this.tab.isFormulaName = false
        this.tab.isHouseName = false
        this.tab.isLivestockType = true
        this.tab.isTrainNumber = false
        this.tab.table.getdataListParm.name = 'getBarmilkList'
        this.getTabList()
        this.tab.table2.getdataListParm.name = 'getBarmilkList'
        this.getTabList2()
      } else if (this.tab.radio == '4') {
        console.log('车次/查询')
        this.tab.isFormulaName = false
        this.tab.isHouseName = false
        this.tab.isLivestockType = false
        this.tab.isTrainNumber = true
        this.tab.table.getdataListParm.name = 'getBarmilkList'
        this.getTabList()
        this.tab.table2.getdataListParm.name = 'getBarmilkList'
        this.getTabList2()
      }
    },

    // 泌乳牛采食量
    getChart1() {
      this.tab.chart1.listLoading = true
      GetDataByName(this.tab.chart1.getdataListParm).then(response => {
        console.log('泌乳牛采食量图表数据', response.data.list)
        if (response.data.list !== null) {
          this.tab.chart1.chartLine_data = {
            data1: ['08/10', '08/11', '08/12', '08/13', '08/14'],
            data2: [50, 75, 100, 150, 200],
            data3: [30, 75, 100, 150, 200]
          }
          this.tab.chart1.total = response.data.total
          this.roadChartLine1(this.tab.chart1.chartLine_data)
        } else {
          this.tab.chart1.list = []
        }
        setTimeout(() => {
          this.tab.chart1.listLoading = false
        }, 100)
      })
    },
    getChart1Table() {
      this.tab.chart1.table.listLoading = true
      GetDataByName(this.tab.chart1.table.getdataListParm).then(response => {
        console.log('泌乳牛采食量table/导出数据', response.data.list)
        if (response.data.list !== null) {
          this.tab.chart1.table.list = response.data.list
          this.tab.chart1.table.total = response.data.total
        } else {
          this.tab.chart1.table.list = []
        }
        setTimeout(() => {
          this.tab.chart1.table.listLoading = false
        }, 100)
      })
    },
    roadChartLine1(chartLine_data) {
      if (this.tab.chart1.chartLine != null) {
        this.tab.chart1.chartLine.dispose()
      }
      this.tab.chart1.chartLine = echarts.init(document.getElementById('chartLine1'))
      var option = {
        tooltip: {
          trigger: 'axis'
        },
        legend: {
          data: ['泌乳牛采食量', '泌乳牛产奶量']
        },
        xAxis: [
          {
            type: 'category',
            data: chartLine_data.data1
          }
        ],
        yAxis: [
          {
            type: 'value',
            name: '泌乳牛采食量',
            axisLabel: {
              formatter: '{value} '
            }
          }, {
            type: 'value',
            name: '泌乳牛产奶量',
            axisLabel: {
              formatter: '{value} '
            }
          }
        ],
        series: [{
          name: '泌乳牛采食量',
          type: 'bar',
          itemStyle: { /* 设置柱状颜色*/
            normal: {
              color: '#61a5e8'
            }
          },
          data: chartLine_data.data2
        }, {
          name: '泌乳牛产奶量',
          type: 'line',
          itemStyle: { /* 设置折线颜色*/
            normal: {
              color: '#ff2d2d'
            }
          },
          data: chartLine_data.data3
        }]
      }
      this.tab.chart1.chartLine.setOption(option)
      window.onresize = function() {
        this.tab.chart1.chartLine.resize()
      }
    },

    // 牛栏剩料率
    getChart2() {
      this.tab.chart2.listLoading = true
      GetDataByName(this.tab.chart2.getdataListParm).then(response => {
        console.log('牛栏剩料率图表数据', response.data.list)
        if (response.data.list !== null) {
          this.tab.chart2.chartLine_data = {
            data1: ['栏舍01', '栏舍02', '栏舍03'],
            data2: ['08/12', '08/13', '08/14', '08/15', '08/16', '08/17', '08/18'],
            data3: [220, 182, 191, 234, 290, 330, 310],
            data4: [150, 232, 201, 154, 190, 330, 410],
            data5: [120, 132, 101, 134, 90, 230, 210]
          }
          this.tab.chart2.total = response.data.total
          this.roadChartLine2(this.tab.chart2.chartLine_data)
        } else {
          this.tab.chart2.list = []
        }
        setTimeout(() => {
          this.tab.chart2.listLoading = false
        }, 100)
      })
    },
    getChart2Table() {
      this.tab.chart2.table.listLoading = true
      GetDataByName(this.tab.chart2.table.getdataListParm).then(response => {
        console.log('牛栏剩料率table/导出数据', response.data.list)
        if (response.data.list !== null) {
          this.tab.chart2.table.list = response.data.list
          this.tab.chart2.table.total = response.data.total
        } else {
          this.tab.chart2.table.list = []
        }
        setTimeout(() => {
          this.tab.chart2.table.listLoading = false
        }, 100)
      })
    },
    roadChartLine2(chartLine_data) {
      if (this.tab.chart2.chartLine != null) {
        this.tab.chart2.chartLine.dispose()
      }
      this.tab.chart2.chartLine = echarts.init(document.getElementById('chartLine2'))
      var option = {
        title: {
          text: ''
        },
        tooltip: {
          trigger: 'axis'
        },
        legend: {
          data: chartLine_data.data1,
          top: 10,
          right: 10
        },
        grid: {
          left: '3%',
          right: '8%',
          bottom: '3%',
          containLabel: true
        },
        toolbox: {
          show: true,
          right: '2%',
          feature: {}
        },
        xAxis: { type: 'category', boundaryGap: false, data: chartLine_data.data2, name: '时间' },
        yAxis: {
          type: 'value', name: '剩料率'
        },
        series: [
          {
            name: chartLine_data.data1[0],
            type: 'line',
            stack: '总量',
            data: chartLine_data.data3
          },
          {
            name: chartLine_data.data1[1],
            type: 'line',
            stack: '总量',
            data: chartLine_data.data4
          },
          {
            name: chartLine_data.data1[2],
            type: 'line',
            stack: '总量',
            data: chartLine_data.data5
          }
        ]
      }
      this.tab.chart2.chartLine.setOption(option)
      window.onresize = function() {
        this.tab.chart2.chartLine.resize()
      }
    },

    // 搅拌时间统计
    getChart3() {
      this.tab.chart3.listLoading = true
      GetDataByName(this.tab.chart3.getdataListParm).then(response => {
        console.log('搅拌时间统计图表数据', response.data.list)
        if (response.data.list !== null) {
          this.tab.chart3.chartLine_data = {
            data1: ['平均搅拌时间', '混料+搅拌时间'],
            data2: ['08/12', '08/13', '08/14', '08/15', '08/16', '08/17', '08/18'],
            data3: [220, 182, 191, 234, 290, 330, 310],
            data4: [150, 232, 201, 154, 190, 330, 410]
          }
          this.tab.chart3.total = response.data.total
          this.roadChartLine3(this.tab.chart3.chartLine_data)
        } else {
          this.tab.chart3.list = []
        }
        setTimeout(() => {
          this.tab.chart3.listLoading = false
        }, 100)
      })
    },
    getChart3Table() {
      this.tab.chart3.table.listLoading = true
      GetDataByName(this.tab.chart3.table.getdataListParm).then(response => {
        console.log('搅拌时间统计table/导出数据', response.data.list)
        if (response.data.list !== null) {
          this.tab.chart3.table.list = response.data.list
          this.tab.chart3.table.total = response.data.total
        } else {
          this.tab.chart3.table.list = []
        }
        setTimeout(() => {
          this.tab.chart3.table.listLoading = false
        }, 100)
      })
    },
    roadChartLine3(chartLine_data) {
      if (this.tab.chart3.chartLine != null) {
        this.tab.chart3.chartLine.dispose()
      }
      this.tab.chart3.chartLine = echarts.init(document.getElementById('chartLine3'))
      var option = {
        title: {
          text: ''
        },
        tooltip: {
          trigger: 'axis'
        },
        legend: {
          data: chartLine_data.data1,
          top: 10,
          right: 10
        },
        grid: {
          left: '3%',
          right: '8%',
          bottom: '3%',
          containLabel: true
        },
        toolbox: {
          show: true,
          right: '2%',
          feature: {}
        },
        xAxis: { type: 'category', boundaryGap: false, data: chartLine_data.data2, name: '时间' },
        yAxis: {
          type: 'value', name: '分钟',
          axisLabel: {
            formatter: '{value}min'
          }
        },
        series: [
          {
            name: chartLine_data.data1[0],
            type: 'line',
            stack: '总量',
            data: chartLine_data.data3
          },
          {
            name: chartLine_data.data1[1],
            type: 'line',
            stack: '总量',
            data: chartLine_data.data4
          },
          {
            name: chartLine_data.data1[2],
            type: 'line',
            stack: '总量',
            data: chartLine_data.data5
          }
        ]
      }
      this.tab.chart3.chartLine.setOption(option)
      window.onresize = function() {
        this.tab.chart3.chartLine.resize()
      }
    },

    // 转化率
    getChart4() {
      this.tab.chart4.listLoading = true
      GetDataByName(this.tab.chart4.getdataListParm).then(response => {
        console.log('转化率图表数据', response.data.list)
        if (response.data.list !== null) {
          this.tab.chart4.chartLine_data = {
            data1: ['配方01', '配方02', '配方03'],
            data2: ['08/12', '08/13', '08/14', '08/15', '08/16', '08/17', '08/18'],
            data3: [220, 182, 191, 234, 290, 330, 310],
            data4: [150, 232, 201, 154, 190, 330, 410],
            data5: [120, 132, 101, 134, 90, 230, 210]
          }
          this.tab.chart4.total = response.data.total
          this.roadChartLine4(this.tab.chart4.chartLine_data)
        } else {
          this.tab.chart4.list = []
        }
        setTimeout(() => {
          this.tab.chart4.listLoading = false
        }, 100)
      })
    },
    getChart4Table() {
      this.tab.chart4.table.listLoading = true
      GetDataByName(this.tab.chart4.table.getdataListParm).then(response => {
        console.log('转化率table/导出数据', response.data.list)
        if (response.data.list !== null) {
          this.tab.chart4.table.list = response.data.list
          this.tab.chart4.table.total = response.data.total
        } else {
          this.tab.chart4.table.list = []
        }
        setTimeout(() => {
          this.tab.chart4.table.listLoading = false
        }, 100)
      })
    },
    roadChartLine4(chartLine_data) {
      if (this.tab.chart4.chartLine != null) {
        this.tab.chart4.chartLine.dispose()
      }
      this.tab.chart4.chartLine = echarts.init(document.getElementById('chartLine4'))
      var option = {
        title: {
          text: ''
        },
        tooltip: {
          trigger: 'axis'
        },
        legend: {
          data: chartLine_data.data1,
          top: 10,
          right: 10
        },
        grid: {
          left: '3%',
          right: '8%',
          bottom: '3%',
          containLabel: true
        },
        toolbox: {
          show: true,
          right: '2%',
          feature: {}
        },
        xAxis: { type: 'category', boundaryGap: false, data: chartLine_data.data2, name: '时间' },
        yAxis: {
          type: 'value', name: '百分比'
        },
        series: [
          {
            name: chartLine_data.data1[0],
            type: 'line',
            stack: '总量',
            data: chartLine_data.data3
          },
          {
            name: chartLine_data.data1[1],
            type: 'line',
            stack: '总量',
            data: chartLine_data.data4
          },
          {
            name: chartLine_data.data1[2],
            type: 'line',
            stack: '总量',
            data: chartLine_data.data5
          }
        ]
      }
      this.tab.chart4.chartLine.setOption(option)
      window.onresize = function() {
        this.tab.chart4.chartLine.resize()
      }
    },

    // 成本分析
    getChart5() {
      this.tab.chart5.listLoading = true
      GetDataByName(this.tab.chart5.getdataListParm).then(response => {
        console.log('转化率图表数据', response.data.list)
        if (response.data.list !== null) {
          this.tab.chart5.chartLine_data = {
            data1: ['配方01', '配方02', '配方03'],
            data2: ['08/12', '08/13', '08/14', '08/15', '08/16', '08/17', '08/18'],
            data3: [220, 182, 191, 234, 290, 330, 310],
            data4: [150, 232, 201, 154, 190, 330, 410],
            data5: [120, 132, 101, 134, 90, 230, 210]
          }
          this.tab.chart5.total = response.data.total
          this.roadChartLine5(this.tab.chart5.chartLine_data)
        } else {
          this.tab.chart5.list = []
        }
        setTimeout(() => {
          this.tab.chart5.listLoading = false
        }, 100)
      })
    },
    getChart5Table() {
      this.tab.chart5.table.listLoading = true
      GetDataByName(this.tab.chart5.table.getdataListParm).then(response => {
        console.log('转化率table/导出数据', response.data.list)
        if (response.data.list !== null) {
          this.tab.chart5.table.list = response.data.list
          this.tab.chart5.table.total = response.data.total
        } else {
          this.tab.chart5.table.list = []
        }
        setTimeout(() => {
          this.tab.chart5.table.listLoading = false
        }, 100)
      })
    },
    roadChartLine5(chartLine_data) {
      if (this.tab.chart5.chartLine != null) {
        this.tab.chart5.chartLine.dispose()
      }
      this.tab.chart5.chartLine = echarts.init(document.getElementById('chartLine5'))
      var option = {
        title: {
          text: ''
        },
        tooltip: {
          trigger: 'axis'
        },
        legend: {
          data: chartLine_data.data1,
          top: 10,
          right: 10
        },
        grid: {
          left: '3%',
          right: '8%',
          bottom: '3%',
          containLabel: true
        },
        toolbox: {
          show: true,
          right: '2%',
          feature: {}
        },
        xAxis: { type: 'category', boundaryGap: false, data: chartLine_data.data2, name: '时间' },
        yAxis: {
          type: 'value', name: '百分比'
        },
        series: [
          {
            name: chartLine_data.data1[0],
            type: 'line',
            stack: '总量',
            data: chartLine_data.data3
          },
          {
            name: chartLine_data.data1[1],
            type: 'line',
            stack: '总量',
            data: chartLine_data.data4
          },
          {
            name: chartLine_data.data1[2],
            type: 'line',
            stack: '总量',
            data: chartLine_data.data5
          }
        ]
      }
      this.tab.chart5.chartLine.setOption(option)
      window.onresize = function() {
        this.tab.chart5.chartLine.resize()
      }
    },

    // 导出
    handleExport(item) {
      if (item == 'chart1') {
        console.log('泌乳牛采食量导出')
        this.getChart1Table()
      } else if (item == 'chart2') {
        console.log('牛栏剩料率导出')
        this.getChart2Table()
      } else if (item == 'chart3') {
        console.log('搅拌时间统计导出')
        this.getChart3Table()
      } else if (item == 'chart4') {
        console.log('转化率导出')
        this.getChart4Table()
      } else if (item == 'chart5') {
        console.log('成本分析导出')
        this.getChart5Table()
      }
    },
    // 切换表格
    handleTable(item) {
      // 显示切换表格
      if (item == 'chart1') {
        console.log('泌乳牛采食量表格')
        this.tab.chart1.isTable = true
        this.tab.chart1.isChart = false
        this.getChart1Table()
      } else if (item == 'chart2') {
        console.log('牛栏剩料率表格')
        this.tab.chart2.isTable = true
        this.tab.chart2.isChart = false
        this.getChart2Table()
      } else if (item == 'chart3') {
        console.log('搅拌时间统计表格')
        this.tab.chart3.isTable = true
        this.tab.chart3.isChart = false
        this.getChart3Table()
      } else if (item == 'chart4') {
        console.log('转化率表格')
        this.tab.chart4.isTable = true
        this.tab.chart4.isChart = false
        this.getChart4Table()
      } else if (item == 'chart5') {
        console.log('成本分析表格')
        this.tab.chart5.isTable = true
        this.tab.chart5.isChart = false
        this.getChart5Table()
      }
    },
    // 切换图表
    handleChart(item) {
      // 显示切换图表
      if (item == 'chart1') {
        console.log('泌乳牛采食量图表')
        this.tab.chart1.isTable = false
        this.tab.chart1.isChart = true
      } else if (item == 'chart2') {
        console.log('牛栏剩料率图表')
        this.tab.chart2.isTable = false
        this.tab.chart2.isChart = true
      } else if (item == 'chart3') {
        console.log('搅拌时间统计图表')
        this.tab.chart3.isTable = false
        this.tab.chart3.isChart = true
      } else if (item == 'chart4') {
        console.log('转化率图表')
        this.tab.chart4.isTable = false
        this.tab.chart4.isChart = true
      } else if (item == 'chart5') {
        console.log('成本分析图表')
        this.tab.chart5.isTable = false
        this.tab.chart5.isChart = true
      }
    },

    // 宾州筛分析
    getTab2List() {
      this.tab2.table.listLoading = true
      GetDataByName(this.tab2.table.getdataListParm).then(response => {
        console.log('宾州筛分析table数据', response.data.list)
        if (response.data.list !== null) {
          this.tab2.table.list = response.data.list
          this.tab2.table.total = response.data.total
        } else {
          this.tab2.table.list = []
        }
        setTimeout(() => {
          this.tab2.table.listLoading = false
        }, 100)
      })
    },

    // 粪便筛分析
    getTab2List2() {
      this.tab2.table2.listLoading = true
      GetDataByName(this.tab2.table2.getdataListParm).then(response => {
        console.log('粪便筛分析table数据', response.data.list)
        if (response.data.list !== null) {
          this.tab2.table2.list = response.data.list
          this.tab2.table2.total = response.data.total
        } else {
          this.tab2.table2.list = []
        }
        setTimeout(() => {
          this.tab2.table2.listLoading = false
        }, 100)
      })
    },

    // BCS评分
    getTab2List3() {
      this.tab2.table3.listLoading = true
      GetDataByName(this.tab2.table3.getdataListParm).then(response => {
        console.log('BCS评分table数据', response.data.list)
        if (response.data.list !== null) {
          this.tab2.table3.list = response.data.list
          this.tab2.table3.total = response.data.total
        } else {
          this.tab2.table3.list = []
        }
        setTimeout(() => {
          this.tab2.table3.listLoading = false
        }, 100)
      })
    },

    // 粪便评分
    getTab2List4() {
      this.tab2.table4.listLoading = true
      GetDataByName(this.tab2.table4.getdataListParm).then(response => {
        console.log('成本分析table数据', response.data.list)
        if (response.data.list !== null) {
          this.tab2.table4.list = response.data.list
          this.tab2.table4.total = response.data.total
        } else {
          this.tab2.table4.list = []
        }
        setTimeout(() => {
          this.tab2.table4.listLoading = false
        }, 100)
      })
    }

  }
}
</script>
<style lang="scss" scoped>
  .search{margin-bottom:10px;}
</style>