<template>
  <div class="app-container1">
    <div class="search">
      <el-date-picker
        ref="inputDatetime"
        v-model="table.getdataListParm.parammaps.inputDatetime"
        :clearable="false"
        class="inputDatetime filter-item"
        type="daterange"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        style="width: 250px;"
        :picker-options="pickerOptions"
        @change="changeDate"
      />
      <el-button class="el-icon-arrow-left elIconArrowLeft" :disabled="Beforedisabled" @click="handleBefore" />
      <el-button class="el-icon-arrow-right elIconArrowRight" :disabled="Nextdisabled" @click="handleNext" />
      <el-button class="export" @click="handleDownload">导出</el-button>
      <svg-icon icon-class="Up" class="down" style="width: 40px;height: 40px;float: right;" @click="handleQuickJumpChart" />
    </div>
    <div id="table" class="table">
      <h4>混料</h4>
      <el-table
        :key="table.tableKey"
        v-loading="table.listLoading"
        element-loading-text="给我一点时间"
        :data="table.list"
        border
        fit
        highlight-current-row
        style="width: 100%;"
        :row-style="rowStyle"
        :cell-style="tableCellStyle"
        class="elTable table-fixed"
      >
        <el-table-column sortable label="牧场" min-width="90px" align="center">
          <template slot-scope="{row}">
            <a @click="clickPasture(row)">{{ row.pasturename }}</a>
          </template>
        </el-table-column>
        <el-table-column sortable label="理论重量" min-width="90px" align="center" prop="理论重量" />
        <el-table-column sortable label="实际重量" min-width="90px" align="center" prop="实际重量" />
        <el-table-column sortable label="计划混料操作数" min-width="100px" align="center" prop="计划混料操作数" />
        <el-table-column sortable label="已混料操作数" min-width="90px" align="center" prop="已混料操作数" />
        <el-table-column sortable label="混料操作率" min-width="90px" align="center" prop="混料操作率" />
        <el-table-column sortable label="混料误差值" min-width="90px" align="center" prop="混料误差值" />
        <el-table-column sortable label="混料准确率" min-width="90px" align="center" prop="混料准确率" />
        <el-table-column sortable label="取消次数" min-width="90px" align="center" prop="取消次数" />
        <el-table-column :key="20" sortable label="混料正确数" min-width="90px" align="center" prop="混料正确数" />
        <el-table-column :key="21" sortable label="混料正确率" min-width="90px" align="center" prop="混料正确率" />
        <el-table-column :key="22" sortable label="去除取消正确率" min-width="90px" align="center" prop="去除取消正确率" />
        <el-table-column sortable label="标准差" min-width="90px" align="center" prop="方差" />
      </el-table>
      <h4>撒料</h4>
      <el-table
        :key="table2.tableKey"
        v-loading="table2.listLoading"
        element-loading-text="给我一点时间"
        :data="table2.list"
        border
        fit
        highlight-current-row
        style="width: 100%;"
        :row-style="rowStyle"
        :cell-style="tableCellStyle"
        class="elTable table-fixed"
      >
        <el-table-column sortable label="牧场" min-width="90px" align="center">
          <template slot-scope="{row}">
            <a @click="clickPasture(row)">{{ row.pasturename }}</a>
          </template>
        </el-table-column>
        <el-table-column sortable label="理论重量" min-width="90px" align="center" prop="理论重量" />
        <el-table-column sortable label="实际重量" min-width="90px" align="center" prop="实际重量" />
        <el-table-column sortable label="计划撒料操作数" min-width="100px" align="center" prop="计划撒料操作数" />
        <el-table-column sortable label="已撒料操作数" min-width="90px" align="center" prop="已撒料操作数" />
        <el-table-column sortable label="撒料操作率" min-width="90px" align="center" prop="撒料操作率" />
        <el-table-column sortable label="撒料误差值" min-width="90px" align="center" prop="撒料误差值" />
        <el-table-column sortable label="撒料准确率" min-width="90px" align="center" prop="撒料准确率" />
        <el-table-column sortable label="撒料自动跳转次数" min-width="90px" align="center" prop="撒料自动跳转次数" />
        <el-table-column sortable label="撒料手动跳转次数" min-width="90px" align="center" prop="撒料手动跳转次数" />
        <el-table-column :key="20" sortable label="撒料正确数" min-width="90px" align="center" prop="撒料正确数" />
        <el-table-column :key="21" sortable label="撒料正确率" min-width="90px" align="center" prop="撒料正确率" />
        <el-table-column :key="22" sortable label="去除取消正确率" min-width="90px" align="center" prop="去除取消正确率" />
        <el-table-column sortable label="标准差" min-width="90px" align="center" prop="方差" />
      </el-table>
    </div>
    <div class="AnalysisChart">
      <el-row :gutter="10">
        <el-col :span="24" style="margin-bottom: 10px;margin-top: 10px;">
          <span>图表查询时间:</span>
          <el-date-picker v-model="chartDate" :clearable="false" style="margin-left: 10px;width: 250px;margin-right: 10px;" class="inputDatetime filter-item" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" />
          <el-button class="successBorder" @click="handleChartDate">确认</el-button>
          <svg-icon icon-class="Up" style="width: 40px;height: 40px;float: right;" @click="handleQuickJumpTop" />
        </el-col>
      </el-row>
      <el-row :gutter="10" class="dashboard-editor-container">
        <!-- 计划统计 -->
        <el-col :span="12">
          <div class="grid-content">
            <h4>计划统计</h4>
            <div v-if="chart1.isChart" class="button">
              <el-date-picker v-model="chart1.getdataListParm.parammaps.inputDatetime" :clearable="false" style="width: 250px;" class="inputDatetime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" @change="changeChartDate('chart1')" />
              <div class="exportTable" @click="handleExport('chart1')">导出</div>
              <div class="exportTable" @click="handleTable('chart1')">切换表格</div>
            </div>
            <div v-if="chart1.isChart" id="chartLine1" v-loading="chart1.listLoading" style="width:100%;height:400px;background: #fff;" />
            <div v-if="chart1.isTable" class="table">
              <div class="button">
                <div class="exportTable" @click="handleExport('chart1')">导出</div>
                <div class="exportTable" @click="handleChart('chart1')">切换图表</div>
              </div>
              <el-table
                :key="chart1.table.tableKey"
                v-loading="chart1.table.listLoading"
                element-loading-text="给我一点时间"
                :data="chart1.table.list"
                border
                fit
                highlight-current-row
                style="width: 100%;"
                height="400"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label="牧场" sortable min-width="85px" align="center" prop="牧场" />
                <el-table-column label="计划执行重量(kg)" sortable min-width="85px" align="center" prop="实际量" />
                <el-table-column label="配方理论重量(kg)" sortable min-width="85px" align="center" prop="理论量" />
                <el-table-column label="计划准确率" sortable min-width="80px" align="center" prop="field1" />
                <el-table-column label="计划取消重量(kg)" sortable min-width="85px" align="center" prop="计划取消重量" />
                <el-table-column label="计划准确率(去除取消重量)" sortable min-width="110px" align="center" prop="field3" />
                <el-table-column label="计划正确数" sortable min-width="80px" align="center" prop="正确数" />
                <el-table-column label="计划数" sortable min-width="70px" align="center" prop="计划数" />
                <el-table-column label="计划正确率" sortable min-width="80px" align="center" prop="field2" />
              </el-table>
            </div>
          </div>
        </el-col>
        <!-- 牛群准确率 -->
        <el-col :span="12">
          <div class="grid-content">
            <h4>牛群准确率</h4>
            <div v-if="chart2.isChart" class="button">
              <el-date-picker v-model="chart2.getdataListParm.parammaps.inputDatetime" style="width: 250px;" class="inputDatetime filter-item" :clearable="false" type="daterange" range-separator="至" start-placeholder="开始日期" :picker-options="pickerOptions" end-placeholder="结束日期" @change="changeChartDate('chart2')" />
              <div class="exportTable" @click="handleExport('chart2')">导出</div>
              <div class="exportTable" @click="handleTable('chart2')">切换表格</div>
            </div>
            <div v-if="chart2.isChart" id="chartLine2" style="width:100%;height:400px;" />
            <div v-if="chart2.isTable" class="table">
              <div class="button">
                <div class="exportTable" @click="handleExport('chart2')">导出</div>
                <div class="exportTable" @click="handleChart('chart2')">切换图表</div>
              </div>
              <el-table
                :key="chart2.table.tableKey"
                v-loading="chart2.table.listLoading"
                element-loading-text="给我一点时间"
                :data="chart2.table.list"
                border
                fit
                highlight-current-row
                style="width: 100%;"
                height="400"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label="牧场" sortable min-width="90px" align="center" prop="牧场" />
                <el-table-column label="牲畜类别" sortable min-width="90px" align="center" prop="field5" />
                <el-table-column label="计划重量（kg）" sortable min-width="100px" align="center" prop="理论量" />
                <el-table-column label="实际重量（kg）" sortable min-width="100px" align="center" prop="实际量" />
                <el-table-column label="准确率" sortable min-width="90px" align="center" prop="field1" />
              </el-table>
            </div>
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="10" class="dashboard-editor-container">
        <!-- 混料次数统计 -->
        <el-col :span="12">
          <div class="grid-content">
            <h4>混料次数统计</h4>
            <div v-if="chart3.isChart" class="button">
              <el-date-picker v-model="chart3.getdataListParm.parammaps.inputDatetime" style="width: 250px;" :clearable="false" class="inputDatetime filter-item" type="daterange" range-separator="至" start-placeholder="开始日期" :picker-options="pickerOptions" end-placeholder="结束日期" @change="changeChartDate('chart3')" />
              <div class="exportTable" @click="handleExport('chart3')">导出</div>
              <div class="exportTable" @click="handleTable('chart3')">切换表格</div>
            </div>
            <div v-if="chart3.isChart" id="chartLine3" style="width:100%;height:400px;" />
            <div v-if="chart3.isTable" class="table">
              <div class="button">
                <div class="exportTable" @click="handleExport('chart3')">导出</div>
                <div class="exportTable" @click="handleChart('chart3')">切换图表</div>
              </div>
              <el-table
                :key="chart3.table.tableKey"
                v-loading="chart3.table.listLoading"
                element-loading-text="给我一点时间"
                :data="chart3.table.list"
                border
                fit
                highlight-current-row
                style="width: 100%;"
                height="400"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label="牧场" sortable min-width="90px" align="center" prop="牧场" />
                <el-table-column label="自动跳转次数" sortable min-width="90px" align="center" prop="field1" />
                <el-table-column label="手动跳转次数" sortable min-width="100px" align="center" prop="field2" />
                <el-table-column label="混料取消次数" sortable min-width="100px" align="center" prop="field5" />
              </el-table>
            </div>
          </div>
        </el-col>
        <!-- 混料准确率统计 -->
        <el-col :span="12">
          <div class="grid-content">
            <h4>混料准确率统计</h4>
            <div v-if="chart4.isChart" class="button">
              <el-date-picker v-model="chart4.getdataListParm.parammaps.inputDatetime" :clearable="false" style="width: 250px;" class="inputDatetime" type="daterange" range-separator="至" start-placeholder="开始日期" :picker-options="pickerOptions" end-placeholder="结束日期" @change="changeChartDate('chart4')" />
              <div class="exportTable" @click="handleExport('chart4')">导出</div>
              <div class="exportTable" @click="handleTable('chart4')">切换表格</div>
            </div>
            <div v-if="chart4.isChart" id="chartLine4" style="width:100%;height:400px;" />
            <div v-if="chart4.isTable" class="table">
              <div class="button">
                <div class="exportTable" @click="handleExport('chart4')">导出</div>
                <div class="exportTable" @click="handleChart('chart4')">切换图表</div>
              </div>
              <el-table
                :key="chart4.table.tableKey"
                v-loading="chart4.table.listLoading"
                element-loading-text="给我一点时间"
                :data="chart4.table.list"
                border
                fit
                highlight-current-row
                style="width: 100%;"
                height="400"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column sortable label="牧场" sortable min-width="90px" align="center" prop="牧场" />
                <el-table-column label="自动跳转次数" sortable min-width="80px" align="center" prop="field3" />
                <el-table-column label="手动跳转次数" sortable min-width="80px" align="center" prop="field4" />
                <el-table-column label="自动跳转理论重量" sortable min-width="85px" align="center" prop="理论自动" />
                <el-table-column label="自动跳转实际重量" sortable min-width="85px" align="center" prop="实际自动" />
                <el-table-column label="自动跳转准确率" sortable min-width="85px" align="center" prop="field1" />
                <el-table-column label="手动跳转理论重量" sortable min-width="85px" align="center" prop="理论手动" />
                <el-table-column label="手动跳转实际重量" sortable min-width="85px" align="center" prop="实际手动" />
                <el-table-column label="手动跳转准确率" sortable min-width="85px" align="center" prop="field2" />
              </el-table>
            </div>
          </div>
        </el-col>
      </el-row>

      <el-row :gutter="10" class="dashboard-editor-container">
        <!-- 栏舍平均撒料时间统计 -->
        <el-col :span="12">
          <div class="grid-content">
            <h4>栏舍平均撒料时间统计</h4>
            <div v-if="chart5.isChart" class="button">
              <el-date-picker v-model="chart5.getdataListParm.parammaps.inputDatetime" :clearable="false" style="width: 250px;" class="inputDatetime" type="daterange" range-separator="至" start-placeholder="开始日期" :picker-options="pickerOptions" end-placeholder="结束日期" @change="changeChartDate('chart5')" />
              <div class="exportTable" @click="handleExport('chart5')">导出</div>
              <div class="exportTable" @click="handleTable('chart5')">切换表格</div>
            </div>
            <div v-if="chart5.isChart" id="chartLine5" style="width:100%;height:400px;" />
            <div v-if="chart5.isTable" class="table">
              <div class="button">
                <div class="exportTable" @click="handleExport('chart5')">导出</div>
                <div class="exportTable" @click="handleChart('chart5')">切换图表</div>
              </div>
              <el-table
                :key="chart5.table.tableKey"
                v-loading="chart5.table.listLoading"
                element-loading-text="给我一点时间"
                :data="chart5.table.list"
                border
                fit
                highlight-current-row
                style="width: 100%;"
                height="400"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label="日期" sortable min-width="85px" align="center" prop="日期" />
                <el-table-column label="牧场" sortable min-width="80px" align="center" prop="名称" />
                <el-table-column label="平均撒料时间" sortable min-width="80px" align="center" prop="准确率" />
              </el-table>
            </div>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="grid-content">
            <h4>混料计划取消次数</h4>
            <div v-if="chart6.isChart" class="button">
              <el-date-picker v-model="chart6.getdataListParm.parammaps.inputDatetime" :clearable="false" style="width: 250px;" class="inputDatetime" type="daterange" range-separator="至" start-placeholder="开始日期" :picker-options="pickerOptions" end-placeholder="结束日期" @change="changeChartDate('chart6')" />
              <div class="exportTable" @click="handleExport('chart6')">导出</div>
              <div class="exportTable" @click="handleTable('chart6')">切换表格</div>
            </div>
            <div v-if="chart6.isChart" id="chartLine6" style="width:100%;height:400px;" />
            <div v-if="chart6.isTable" class="table">
              <div class="button">
                <div class="exportTable" @click="handleExport('chart6')">导出</div>
                <div class="exportTable" @click="handleChart('chart6')">切换图表</div>
              </div>
              <el-table
                :key="chart6.table.tableKey"
                v-loading="chart6.table.listLoading"
                element-loading-text="给我一点时间"
                :data="chart6.table.list"
                border
                fit
                highlight-current-row
                style="width: 100%;"
                height="400"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label="牧场" sortable min-width="85px" align="center" prop="牧场" />
                <el-table-column label="日期" sortable min-width="80px" align="center" prop="日期" />
                <el-table-column label="取消次数" sortable min-width="80px" align="center" prop="field1" />
              </el-table>
            </div>
          </div>
        </el-col>
      </el-row>
    </div>

    <el-dialog :title="textMap[pasture.dialogStatus]" :destroy-on-close="true" :visible.sync="pasture.dialogFormVisible" :close-on-click-modal="false" width="90%">
      <div class="app-pasture">
        <div class="search">
          <span style="margin-left: 10px;">统计类型：</span>
          <el-select v-model="pasture.radio" placeholder="统计类型" class="filter-item" style="width: 120px;" @change="changeRadio">
            <el-option v-for="item in statisticalTypeList" :key="item.id" :label="item.name" :value="item.id" />
          </el-select>
          <el-checkbox v-model="pasture.checked" style="margin-right: 10px;" @change="changeChecked">按日期统计</el-checkbox>
          <el-input v-if="pasture.isDriver" v-model="pasture.table.getdataListParm.parammaps.fname" class="filter-item" style="width: 245px;" placeholder="驾驶员" />
          <el-input v-if="pasture.isFormulaName" v-model="pasture.table.getdataListParm.parammaps.fname" class="filter-item" style="width: 245px;" placeholder="配方名称" />
          <el-input v-if="pasture.isHouseName" v-model="pasture.table.getdataListParm.parammaps.fname" class="filter-item" style="width: 245px;" placeholder="栏舍名称" />
          <el-input v-if="pasture.isLivestockType" v-model="pasture.table.getdataListParm.parammaps.fname" class="filter-item" style="width: 245px;" placeholder="牲畜名称" />
          <el-input v-if="pasture.isTrainNumber" v-model="pasture.table.getdataListParm.parammaps.sort" class="filter-item" style="width: 150px;" placeholder="车次" />
          <el-input v-if="pasture.isTrainNumber" v-model="pasture.table.getdataListParm.parammaps.times" class="filter-item" style="width: 150px;" placeholder="班次" />
          <el-input v-if="pasture.isTrainNumber" v-model="pasture.table.getdataListParm.parammaps.fname" class="filter-item" style="width: 150px;" placeholder="TMR名称" />
          <el-button class="successBorder" @click="handleSearch">查询</el-button>
        </div>
        <div class="table">
          <h4>混料</h4>
          <el-table
            :key="pasture.table.tableKey"
            v-loading="pasture.table.listLoading"
            element-loading-text="给我一点时间"
            :data="pasture.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="pasture.checked" :key="0" sortable label="日期" min-width="110px" align="center" prop="计划时间" />
            <el-table-column v-if="pasture.isDriver" :key="1" sortable label="驾驶员" min-width="110px" align="center" prop="驾驶员" />
            <el-table-column v-if="pasture.isFormulaName" :key="2" sortable label="配方名称" min-width="110px" align="center" prop="配方名称" />
            <el-table-column v-if="pasture.isHouseName" :key="3" sortable label="栏舍名称" min-width="110px" align="center" prop="栏舍名称" />
            <el-table-column v-if="pasture.isLivestockType" :key="4" sortable label="牲畜类别" min-width="110px" align="center" prop="牲畜类别" />
            <el-table-column v-if="pasture.isTrainNumber" :key="5" sortable label="车次" min-width="110px" align="center" prop="车次" />
            <el-table-column v-if="pasture.isTrainNumber" :key="6" sortable label="班次" min-width="110px" align="center" prop="班次" />
            <el-table-column v-if="pasture.isTrainNumber" :key="7" sortable label="TMR名称" min-width="110px" align="center" prop="TMR名称" />
            <el-table-column v-if="pasture.isTrainNumber" :key="8" sortable label="驾驶员" min-width="110px" align="center" prop="驾驶员" />
            <el-table-column :key="9" sortable label="理论重量" min-width="110px" align="center" prop="理论重量" />
            <el-table-column :key="10" sortable label="实际重量" min-width="110px" align="center" prop="实际重量" />
            <el-table-column :key="11" sortable label="计划混料操作数" min-width="110px" align="center" prop="计划混料操作数" />
            <el-table-column :key="12" sortable label="已混料操作数" min-width="110px" align="center" prop="已混料操作数" />
            <el-table-column :key="13" sortable label="混料操作率" min-width="110px" align="center" prop="混料操作率" />
            <el-table-column :key="14" sortable label="混料误差值" min-width="110px" align="center" prop="混料误差值" />
            <el-table-column :key="15" sortable label="混料准确率" min-width="110px" align="center" prop="混料准确率" />
            <el-table-column v-if="pasture.isTrainNumber" :key="16" sortable label="混料时间" min-width="100px" align="center" prop="混料时间" />
            <el-table-column v-if="pasture.isTrainNumber" :key="17" sortable label="等待时间" min-width="100px" align="center" prop="等待时间" />
            <el-table-column :key="18" sortable label="混料自动跳转次数" min-width="110px" align="center" prop="混料自动跳转次数" />
            <el-table-column :key="19" sortable label="混料手动跳转次数" min-width="110px" align="center" prop="混料手动跳转次数" />
            <el-table-column :key="20" sortable label="取消次数" min-width="110px" align="center" prop="取消次数" />
            <el-table-column :key="21" sortable label="方差" min-width="110px" align="center" prop="方差" />
          </el-table>
          <h4>撒料</h4>
          <el-table
            :key="pasture.table2.tableKey"
            v-loading="pasture.table2.listLoading"
            element-loading-text="给我一点时间"
            :data="pasture.table2.list"
            border
            fit
            highlight-current-row
            style="width: 100%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
          >
            <el-table-column v-if="pasture.checked" :key="0" sortable label="日期" min-width="110px" align="center" prop="计划时间" />
            <el-table-column v-if="pasture.isDriver" :key="1" sortable label="驾驶员" min-width="110px" align="center" prop="驾驶员" />
            <el-table-column v-if="pasture.isFormulaName" :key="2" sortable label="配方名称" min-width="110px" align="center" prop="配方名称" />
            <el-table-column v-if="pasture.isHouseName" :key="3" sortable label="栏舍名称" min-width="110px" align="center" prop="栏舍名称" />
            <el-table-column v-if="pasture.isLivestockType" :key="4" sortable label="牲畜类别" min-width="110px" align="center" prop="牲畜类别" />
            <el-table-column v-if="pasture.isTrainNumber" :key="5" sortable label="车次" min-width="110px" align="center" prop="车次" />
            <el-table-column v-if="pasture.isTrainNumber" :key="6" sortable label="班次" min-width="110px" align="center" prop="班次" />
            <el-table-column v-if="pasture.isTrainNumber" :key="7" sortable label="TMR名称" min-width="110px" align="center" prop="TMR" />
            <el-table-column v-if="pasture.isTrainNumber" :key="8" sortable label="驾驶员" min-width="110px" align="center" prop="驾驶员" />
            <el-table-column :key="9" sortable label="理论重量" min-width="110px" align="center" prop="理论重量" />
            <el-table-column :key="10" sortable label="实际重量" min-width="110px" align="center" prop="实际重量" />
            <el-table-column :key="11" sortable label="计划撒料操作数" min-width="110px" align="center" prop="计划撒料操作数" />
            <el-table-column :key="12" sortable label="已撒料操作数" min-width="110px" align="center" prop="已撒料操作数" />
            <el-table-column :key="13" sortable label="撒料操作率" min-width="110px" align="center" prop="撒料操作率" />
            <el-table-column :key="14" sortable label="撒料误差值" min-width="110px" align="center" prop="撒料误差值" />
            <el-table-column :key="15" sortable label="撒料准确率" min-width="110px" align="center" prop="撒料准确率" />
            <el-table-column v-if="pasture.isTrainNumber" :key="16" sortable label="撒料时间" min-width="100px" align="center" prop="撒料时间" />
            <el-table-column v-if="pasture.isTrainNumber" :key="17" sortable label="等待时间" min-width="100px" align="center" prop="等待时间" />
            <el-table-column :key="18" sortable label="撒料自动跳转次数" min-width="110px" align="center" prop="撒料自动跳转次数" />
            <el-table-column :key="19" sortable label="撒料手动跳转次数" min-width="110px" align="center" prop="撒料手动跳转次数" />
          </el-table>
        </div>
      </div>
      <div slot="footer" class="dialog-footer" style="bottom: 10px;">
        <el-button class="cancelClose1" @click="pasture.dialogFormVisible = false; ">关闭</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import echarts from 'echarts'
require('echarts/theme/macarons')
import { GetDataByName, GetReportform } from '@/api/common'
import Cookies from 'js-cookie'
import { parseTime } from '@/utils/index.js'
import Pagination from '@/components/Pagination'
import { json2excel } from '@/utils/index.js'
import { MessageBox } from 'element-ui'
export default {
  name: 'Tab1',
  components: { Pagination },
  data() {
    return {
      Beforedisabled: false,
      Nextdisabled: false,
      pickerMinDate: '',
      pickerOptions: {
        onPick: ({ maxDate, minDate }) => {
          this.pickerMinDate = minDate.getTime()
          if (maxDate) {
            this.pickerMinDate = ''
          }
        },
        // 限制不能选择今天之后的日期
        disabledDate: (time) => {
          if (this.pickerMinDate !== '') {
            const one = 31 * 24 * 3600 * 1000
            const minTime = this.pickerMinDate - one
            let maxTime = this.pickerMinDate + one
            if (maxTime > new Date()) {
              maxTime = new Date()
            }
            return time.getTime() < minTime || time.getTime() > maxTime
          }
          return time.getTime() > Date.now()
        }
      },
      table: {
        getdataListParm: {
          name: 'getAccuracyJTHALL',
          page: 1,
          offset: 1,
          pagecount: '',
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            startTime: parseTime(new Date(), '{y}-{m}-{d}'),
            stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
            inputDatetime: [new Date(), new Date()],
            fname: '',
            sort: '',
            times: ''
          }
        },
        tableKey: 1,
        list: [],
        total: 0,
        listLoading: true,
        temp: {}
      },
      table2: {
        getdataListParm: {
          name: 'getAccuracyJTSALL',
          page: 1,
          offset: 1,
          pagecount: '',
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            startTime: parseTime(new Date(), '{y}-{m}-{d}'),
            stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
            inputDatetime: [new Date(), new Date()],
            fname: '',
            sort: '',
            times: ''
          }
        },
        tableKey: 2,
        list: [],
        total: 0,
        listLoading: true,
        temp: {}
      },
      chartDate: [],
      // 计划统计
      chart1: {
        chartLine: null,
        chartLine_data: {},
        getdataListParm: {
          name: 'getJT1AccuracyAllJH',
          page: 1,
          offset: 1,
          pagecount: '',
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            startTime: parseTime(new Date(), '{y}-{m}-{d}'),
            stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
            inputDatetime: [new Date(), new Date()]
          }
        },
        tableKey: 1,
        list: [],
        total: 0,
        listLoading: true,
        statisticsList: [],
        chart1Data3: [],
        isChart: true,
        isTable: false,
        table: {
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: false
        }
      },

      // 牛群准确率
      chart2: {
        chartLine: null,
        chartLine_data: {},
        getdataListParm: {
          name: 'getJT1AccuracyAllNQ',
          page: 1,
          offset: 1,
          pagecount: '',
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            startTime: parseTime(new Date(), '{y}-{m}-{d}'),
            stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
            inputDatetime: [new Date(), new Date()]
          }
        },
        tableKey: 1,
        list: [],
        total: 0,
        listLoading: true,
        isChart: true,
        isTable: false,
        table: {
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: false
        }
      },
      // 混料次数统计
      chart3: {
        chartLine: null,
        chartLine_data: {},
        getdataListParm: {
          name: 'getJT1AccuracyAllHL',
          page: 1,
          offset: 1,
          pagecount: '',
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            startTime: parseTime(new Date(), '{y}-{m}-{d}'),
            stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
            inputDatetime: [new Date(), new Date()]
          }
        },
        tableKey: 1,
        list: [],
        total: 0,
        listLoading: true,
        statisticsList: [],
        chart1Data3: [],
        isChart: true,
        isTable: false,
        table: {
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: false
        }
      },
      // 混料准确率统计
      chart4: {
        chartLine: null,
        chartLine_data: {},
        getdataListParm: {
          name: 'getJT1AccuracyAllHLRate',
          page: 1,
          offset: 1,
          pagecount: '',
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            startTime: parseTime(new Date(), '{y}-{m}-{d}'),
            stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
            inputDatetime: [new Date(), new Date()]
          }
        },
        tableKey: 1,
        list: [],
        total: 0,
        listLoading: true,
        statisticsList: [],
        chart4Data3: [],
        isChart: true,
        isTable: false,
        table: {
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: false
        }
      },
      // 栏舍平均撒料时间统计
      chart5: {
        chartLine: null,
        chartLine_data: {},
        getdataListParm: {
          name: 'getAccuracyAllLSJT',
          page: 1,
          offset: 1,
          pagecount: '',
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            startTime: parseTime(new Date(), '{y}-{m}-{d}'),
            stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
            inputDatetime: [new Date(), new Date()]
          }
        },
        tableKey: 1,
        list: [],
        total: 0,
        listLoading: true,
        isChart: true,
        isTable: false,
        table: {
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: false
        }
      },
      // 混料准确率统计
      chart6: {
        chartLine: null,
        chartLine_data: {},
        getdataListParm: {
          name: 'getJT1AccuracyAllQX',
          page: 1,
          offset: 1,
          pagecount: '',
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            startTime: parseTime(new Date(), '{y}-{m}-{d}'),
            stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
            inputDatetime: [new Date(), new Date()]
          }
        },
        tableKey: 1,
        list: [],
        total: 0,
        listLoading: true,
        statisticsList: [],
        chart4Data3: [],
        isChart: true,
        isTable: false,
        table: {
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: false
        }
      },
      pasture: {
        dialogFormVisible: false,
        dialogStatus: '',
        radio: '0',
        isDriver: true, // 驾驶员
        isFormulaName: false, // 配方名称
        isHouseName: false, // 栏舍名称
        isLivestockType: false, // 牲畜类别
        isTrainNumber: false, // 车次
        checked: false, // 按日期统计
        table: {
          getdataListParm: {
            name: 'getAccuracyHFT',
            page: 1,
            offset: 1,
            pagecount: '',
            returntype: 'Map',
            parammaps: {
              pastureid: '',
              startTime: '',
              stopTime: '',
              fname: '',
              sort: '',
              times: ''
            }
          },
          tableKey: 1,
          list: [],
          total: 0,
          listLoading: true,
          temp: {}
        },

        table2: {
          getdataListParm: {
            name: 'getAccuracySFT',
            page: 1,
            offset: 1,
            pagecount: '',
            returntype: 'Map',
            parammaps: {
              pastureid: '',
              startTime: '',
              stopTime: '',
              fname: '',
              sort: '',
              times: ''
            }
          },
          tableKey: 2,
          list: [],
          total: 0,
          listLoading: true,
          temp: {}
        }
      },
      textMap: {
        pasture: '牧场'
      },
      statisticalTypeList: [{ id: '0', name: '驾驶员' }, { id: '1', name: '配方名称' }, { id: '2', name: '栏舍名称' }, { id: '3', name: '牲畜类别' }, { id: '4', name: '车次' }],
      rowStyle: { maxHeight: 30 + 'px', height: 30 + 'px' },
      cellStyle: { padding: 0 + 'px' }
    }
  },
  created() {
    this.getTimeFn()
    this.getList()
    this.getList2()
    this.getChart1()
    this.getChart2()
    this.getChart3()
    this.getChart4()
    this.getChart5()
    this.getChart6()
  },
  methods: {
    getTimeFn() {
      const that = this
      const start = new Date()
      const end = new Date()
      const start2 = new Date()
      const end2 = new Date()
      start2.setTime(start2.getTime() - 3600 * 1000 * 24 * 1)
      end2.setTime(end2.getTime() - 3600 * 1000 * 24 * 1)
      that.table.getdataListParm.parammaps.inputDatetime = [start2, end2]
      that.table.getdataListParm.parammaps.startTime = parseTime(start2, '{y}-{m}-{d}')
      that.table.getdataListParm.parammaps.stopTime = parseTime(end2, '{y}-{m}-{d}')
      that.table2.getdataListParm.parammaps.inputDatetime = that.table.getdataListParm.parammaps.inputDatetime
      that.table2.getdataListParm.parammaps.startTime = that.table.getdataListParm.parammaps.startTime
      that.table2.getdataListParm.parammaps.stopTime = that.table.getdataListParm.parammaps.stopTime

      // start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
      that.chartDate[0] = parseTime(start, '{y}-{m}-{d}')
      that.chartDate[1] = parseTime(end, '{y}-{m}-{d}')
      that.chart1.getdataListParm.parammaps.inputDatetime = [start, end]
      that.chart1.getdataListParm.parammaps.startTime = parseTime(start, '{y}-{m}-{d}')
      that.chart1.getdataListParm.parammaps.stopTime = parseTime(end, '{y}-{m}-{d}')
      that.chart2.getdataListParm.parammaps.inputDatetime[0] = parseTime(start, '{y}-{m}-{d}')
      that.chart2.getdataListParm.parammaps.inputDatetime[1] = parseTime(end, '{y}-{m}-{d}')
      that.chart2.getdataListParm.parammaps.startTime = parseTime(start, '{y}-{m}-{d}')
      that.chart2.getdataListParm.parammaps.stopTime = parseTime(end, '{y}-{m}-{d}')

      that.chart3.getdataListParm.parammaps.inputDatetime[0] = parseTime(start, '{y}-{m}-{d}')
      that.chart3.getdataListParm.parammaps.inputDatetime[1] = parseTime(end, '{y}-{m}-{d}')
      that.chart3.getdataListParm.parammaps.startTime = parseTime(start, '{y}-{m}-{d}')
      that.chart3.getdataListParm.parammaps.stopTime = parseTime(end, '{y}-{m}-{d}')

      that.chart4.getdataListParm.parammaps.inputDatetime[0] = parseTime(start, '{y}-{m}-{d}')
      that.chart4.getdataListParm.parammaps.inputDatetime[1] = parseTime(end, '{y}-{m}-{d}')
      that.chart4.getdataListParm.parammaps.startTime = parseTime(start, '{y}-{m}-{d}')
      that.chart4.getdataListParm.parammaps.stopTime = parseTime(end, '{y}-{m}-{d}')

      that.chart5.getdataListParm.parammaps.inputDatetime[0] = parseTime(start, '{y}-{m}-{d}')
      that.chart5.getdataListParm.parammaps.inputDatetime[1] = parseTime(end, '{y}-{m}-{d}')
      that.chart5.getdataListParm.parammaps.startTime = parseTime(start, '{y}-{m}-{d}')
      that.chart5.getdataListParm.parammaps.stopTime = parseTime(end, '{y}-{m}-{d}')

      that.chart6.getdataListParm.parammaps.inputDatetime[0] = parseTime(start, '{y}-{m}-{d}')
      that.chart6.getdataListParm.parammaps.inputDatetime[1] = parseTime(end, '{y}-{m}-{d}')
      that.chart6.getdataListParm.parammaps.startTime = parseTime(start, '{y}-{m}-{d}')
      that.chart6.getdataListParm.parammaps.stopTime = parseTime(end, '{y}-{m}-{d}')
    },
    getList() {
      this.table.listLoading = true
      GetDataByName(this.table.getdataListParm).then(response => {
        console.log('汇总统计/混料table数据', response.data.list)
        if (response.data.list !== null) {
          this.table.list = response.data.list
        } else {
          this.table.list = []
        }
        setTimeout(() => {
          this.table.listLoading = false
        }, 100)
      })
    },
    // 汇总统计/撒料
    getList2() {
      this.table2.listLoading = true
      GetDataByName(this.table2.getdataListParm).then(response => {
        console.log('汇总统计/撒料table数据', response.data.list)
        if (response.data.list !== null) {
          this.table2.list = response.data.list
        } else {
          this.table2.list = []
        }
        setTimeout(() => {
          this.table2.listLoading = false
        }, 100)
      })
    },
    changeDate() {
      console.log(this.$refs.inputDatetime.value)
      const startTime = this.$refs.inputDatetime.value[0]
      const stopTime = this.$refs.inputDatetime.value[1]
      this.table.getdataListParm.parammaps.startTime = parseTime(startTime, '{y}-{m}-{d}')
      this.table.getdataListParm.parammaps.stopTime = parseTime(stopTime, '{y}-{m}-{d}')
      this.table2.getdataListParm.parammaps.startTime = parseTime(startTime, '{y}-{m}-{d}')
      this.table2.getdataListParm.parammaps.stopTime = parseTime(stopTime, '{y}-{m}-{d}')
      this.getList()
      this.getList2()
    },
    handleBefore() {
      if (this.table.getdataListParm.parammaps.inputDatetime !== '' && this.table.getdataListParm.parammaps.inputDatetime !== null) {
        var start = new Date(this.table.getdataListParm.parammaps.inputDatetime[0].setDate(this.table.getdataListParm.parammaps.inputDatetime[0].getDate() - 1))
        var stop = new Date(this.table.getdataListParm.parammaps.inputDatetime[1].setDate(this.table.getdataListParm.parammaps.inputDatetime[1].getDate() - 1))
        if (stop > Date.now() - 8.64e7) {
          this.Nextdisabled = true
          this.Beforedisabled = false
        } else {
          this.Nextdisabled = false
          this.Beforedisabled = false
        }
        this.table.getdataListParm.parammaps.inputDatetime.length = 0
        this.table.getdataListParm.parammaps.inputDatetime.push(start, stop)
        this.$forceUpdate()
      }
      this.table.getdataListParm.parammaps.startTime = parseTime(this.table.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
      this.table.getdataListParm.parammaps.stopTime = parseTime(this.table.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
      this.getList()
      this.table2.getdataListParm.parammaps.startTime = this.table.getdataListParm.parammaps.startTime
      this.table2.getdataListParm.parammaps.stopTime = this.table.getdataListParm.parammaps.stopTime
      this.getList2()
    },
    handleNext() {
      if (this.table.getdataListParm.parammaps.inputDatetime !== '' && this.table.getdataListParm.parammaps.inputDatetime !== null) {
        var start2 = new Date(this.table.getdataListParm.parammaps.inputDatetime[0].setDate(this.table.getdataListParm.parammaps.inputDatetime[0].getDate() + 1))
        var stop2 = new Date(this.table.getdataListParm.parammaps.inputDatetime[1].setDate(this.table.getdataListParm.parammaps.inputDatetime[1].getDate() + 1))
        if (stop2 > Date.now() - 8.64e7) {
          this.Nextdisabled = true
          this.Beforedisabled = false
        } else {
          this.Nextdisabled = false
          this.Beforedisabled = false
        }
        this.table.getdataListParm.parammaps.inputDatetime.length = 0
        this.table.getdataListParm.parammaps.inputDatetime.push(start2, stop2)
        this.$forceUpdate()
      }
      this.table.getdataListParm.parammaps.startTime = parseTime(this.table.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
      this.table.getdataListParm.parammaps.stopTime = parseTime(this.table.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
      this.getList()
      this.table2.getdataListParm.parammaps.startTime = this.table.getdataListParm.parammaps.startTime
      this.table2.getdataListParm.parammaps.stopTime = this.table.getdataListParm.parammaps.stopTime
      this.getList2()
    },
    tableCellStyle({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0 && row.pastureid !== '-1') {
        return {
          textDecoration: 'underline'
        }
      }
      return {
        textDecoration: 'none'
      }
    },
    clickPasture(row) {
      console.log(row)
      if (row.pastureid !== '-1') {
        this.pasture.dialogStatus = 'pasture'
        this.pasture.dialogFormVisible = true
        this.pasture.table.getdataListParm.parammaps.pastureid = row.pastureid
        this.pasture.table2.getdataListParm.parammaps.pastureid = row.pastureid
        this.getTabList()
        this.getTabList2()
      }
    },
    // 切换统计类型
    changeRadio() {
      console.log(this.pasture.radio)
      this.pasture.table.getdataListParm.parammaps.sort = ''
      this.pasture.table.getdataListParm.parammaps.times = ''
      this.pasture.table.getdataListParm.parammaps.fname = ''
      this.pasture.table2.getdataListParm.parammaps.sort = ''
      this.pasture.table2.getdataListParm.parammaps.times = ''
      this.pasture.table2.getdataListParm.parammaps.fname = ''
      if (this.pasture.checked == true) {
        if (this.pasture.radio == '0') {
          console.log('驾驶员')
          this.pasture.isDriver = true
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHFTDate'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySFTDate'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.getTabList2()
        } else if (this.pasture.radio == '1') {
          console.log('配方名称')
          this.pasture.isDriver = false
          this.pasture.isFormulaName = true
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHFTDate'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySFTDate'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.getTabList2()
        } else if (this.pasture.radio == '2') {
          console.log('栏舍名称')
          this.pasture.isDriver = false
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = true
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHNSDate'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySNSDate'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.getTabList2()
        } else if (this.pasture.radio == '3') {
          console.log(' 牲畜类别')
          this.pasture.isDriver = false
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = true
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHSCDate'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySSCDate'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        } else if (this.pasture.radio == '4') {
          console.log('车次')
          this.pasture.isDriver = false
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = true
          this.pasture.table.getdataListParm.name = 'getAccuracyHCCDate'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySCCDate'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        }
      } else {
        if (this.pasture.radio == '0') {
          console.log('驾驶员')
          this.pasture.isDriver = true
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHFT'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySFT'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.getTabList2()
        } else if (this.pasture.radio == '1') {
          console.log('配方名称')
          this.pasture.isDriver = false
          this.pasture.isFormulaName = true
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHFT'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySFT'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.getTabList2()
        } else if (this.pasture.radio == '2') {
          console.log('栏舍名称')
          this.pasture.isDriver = false
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = true
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHNS'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySNS'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.getTabList2()
        } else if (this.pasture.radio == '3') {
          console.log(' 牲畜类别')
          this.pasture.isDriver = false
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = true
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHSC'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySSC'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        } else if (this.pasture.radio == '4') {
          console.log('车次')
          this.pasture.isDriver = false
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = true
          this.pasture.table.getdataListParm.name = 'getAccuracyHCC'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySCC'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        }
      }
    },
    changeChecked() {
      this.handleSearch()
    },
    handleSearch() {
      if (this.pasture.checked == true) {
        if (this.pasture.radio == '0') {
          console.log('配方名称/查询111')
          this.pasture.idDriver = true
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHFTDate'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySFTDate'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        } else if (this.pasture.radio == '1') {
          console.log('配方名称/查询111')
          this.pasture.idDriver = false
          this.pasture.isFormulaName = true
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHFTDate'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySFTDate'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        } else if (this.pasture.radio == '2') {
          console.log('栏舍名称/查询')
          this.pasture.idDriver = false
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = true
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHNSDate'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySNSDate'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        } else if (this.pasture.radio == '3') {
          console.log(' 牲畜类别/查询')
          this.pasture.idDriver = false
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = true
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHSCDate'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySSCDate'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        } else if (this.pasture.radio == '4') {
          console.log('车次/查询')
          this.pasture.idDriver = false
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = true
          this.pasture.table.getdataListParm.name = 'getAccuracyHCCDate'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySCCDate'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.parammaps.fname = this.pasture.table.getdataListParm.parammaps.fname
          this.pasture.table2.getdataListParm.parammaps.times = this.pasture.table.getdataListParm.parammaps.times
          this.pasture.table2.getdataListParm.parammaps.projname = this.pasture.table.getdataListParm.parammaps.projname
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        }
      } else {
        if (this.pasture.radio == '0') {
          console.log('驾驶员/查询')
          this.pasture.idDriver = true
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHFT'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySFT'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        } else if (this.pasture.radio == '1') {
          console.log('配方名称/查询')
          this.pasture.idDriver = false
          this.pasture.isFormulaName = true
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHFT'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySFT'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        } else if (this.pasture.radio == '2') {
          console.log('栏舍名称/查询')
          this.pasture.idDriver = false
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = true
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHNS'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySNS'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        } else if (this.pasture.radio == '3') {
          console.log(' 牲畜类别/查询')
          this.pasture.idDriver = false
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = true
          this.pasture.isTrainNumber = false
          this.pasture.table.getdataListParm.name = 'getAccuracyHSC'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySSC'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        } else if (this.pasture.radio == '4') {
          console.log('车次/查询')
          this.pasture.idDriver = false
          this.pasture.isFormulaName = false
          this.pasture.isHouseName = false
          this.pasture.isLivestockType = false
          this.pasture.isTrainNumber = true
          this.pasture.table.getdataListParm.name = 'getAccuracyHCC'
          this.pasture.table.getdataListParm.offset = 1
          this.getTabList()
          this.pasture.table2.getdataListParm.name = 'getAccuracySCC'
          this.pasture.table2.getdataListParm.parammaps.startTime = this.pasture.table.getdataListParm.parammaps.startTime
          this.pasture.table2.getdataListParm.parammaps.stopTime = this.pasture.table.getdataListParm.parammaps.stopTime
          this.pasture.table2.getdataListParm.parammaps.fname = this.pasture.table.getdataListParm.parammaps.fname
          this.pasture.table2.getdataListParm.parammaps.times = this.pasture.table.getdataListParm.parammaps.times
          this.pasture.table2.getdataListParm.parammaps.projname = this.pasture.table.getdataListParm.parammaps.projname
          this.pasture.table2.getdataListParm.offset = 1
          this.getTabList2()
        }
      }
      this.pasture.table2.getdataListParm.parammaps.fname = this.pasture.table.getdataListParm.parammaps.fname
    },
    // 汇总统计/混料
    getTabList() {
      this.pasture.table.listLoading = true
      this.pasture.table.getdataListParm.parammaps.startTime = this.table.getdataListParm.parammaps.startTime
      this.pasture.table.getdataListParm.parammaps.stopTime = this.table.getdataListParm.parammaps.stopTime
      GetDataByName(this.pasture.table.getdataListParm).then(response => {
        console.log('汇总统计/混料table数据', response.data.list)
        if (response.data.list !== null) {
          this.pasture.table.list = response.data.list
        } else {
          this.pasture.table.list = []
        }
        setTimeout(() => {
          this.pasture.table.listLoading = false
        }, 100)
      })
    },

    // 汇总统计/撒料
    getTabList2() {
      this.pasture.table2.listLoading = true
      this.pasture.table2.getdataListParm.parammaps.startTime = this.table.getdataListParm.parammaps.startTime
      this.pasture.table2.getdataListParm.parammaps.stopTime = this.table.getdataListParm.parammaps.stopTime
      GetDataByName(this.pasture.table2.getdataListParm).then(response => {
        console.log('汇总统计/撒料table数据', response.data.list)
        if (response.data.list !== null) {
          this.pasture.table2.list = response.data.list
        } else {
          this.pasture.table2.list = []
        }
        setTimeout(() => {
          this.pasture.table2.listLoading = false
        }, 100)
      })
    },
    // 快速跳转到图表
    handleQuickJumpChart() {
      var myHeight = document.getElementById('table').offsetHeight + 120
      window.scrollTo(myHeight, myHeight)
    },
    // 快速回到顶部
    handleQuickJumpTop() {
      window.scrollTo(0, 0)
    },
    // 表总查询
    handleChartDate() {
      console.log('点击了确认时间')
      MessageBox.confirm('是否调整以下所有图表查询时间?', {
        confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning'
      }).then(() => {
        var that = this
        var startTime = parseTime(this.chartDate[0], '{y}-{m}-{d}')
        var stopTime = parseTime(this.chartDate[1], '{y}-{m}-{d}')
        that.chart1.getdataListParm.parammaps.inputDatetime = this.chartDate
        that.chart1.getdataListParm.parammaps.startTime = startTime
        that.chart1.getdataListParm.parammaps.stopTime = stopTime
        that.getChart1()
        that.chart2.getdataListParm.parammaps.inputDatetime = this.chartDate
        that.chart2.getdataListParm.parammaps.startTime = startTime
        that.chart2.getdataListParm.parammaps.stopTime = stopTime
        that.getChart2()
        that.chart3.getdataListParm.parammaps.inputDatetime = this.chartDate
        that.chart3.getdataListParm.parammaps.startTime = startTime
        that.chart3.getdataListParm.parammaps.stopTime = stopTime
        that.getChart3()
        that.chart4.getdataListParm.parammaps.inputDatetime = this.chartDate
        that.chart4.getdataListParm.parammaps.startTime = startTime
        that.chart4.getdataListParm.parammaps.stopTime = stopTime
        that.getChart4()
        that.chart5.getdataListParm.parammaps.inputDatetime = this.chartDate
        that.chart5.getdataListParm.parammaps.startTime = startTime
        that.chart5.getdataListParm.parammaps.stopTime = stopTime
        that.getChart5()
        that.chart6.getdataListParm.parammaps.inputDatetime = this.chartDate
        that.chart6.getdataListParm.parammaps.startTime = startTime
        that.chart6.getdataListParm.parammaps.stopTime = stopTime
        that.getChart6()
      })
    },
    // 计划统计
    getChart1() {
      this.chart1.listLoading = true
      console.log(this.chart1.getdataListParm.name, '计划统计接口')
      GetReportform(this.chart1.getdataListParm).then(response => {
        if (response.data !== null && response.data.list !== null) {
          this.chart1.table.list = response.data.data
          this.chart1.total = response.data.total
          this.chart1.chartLine_data = response.data.list
          console.log('计划统计图数据', this.chart1.chartLine_data)
          console.log('计划统计表数据', this.chart1.table.list)
          this.roadChartLine1(this.chart1.chartLine_data)
        } else {
          this.chart1.list = []
          this.chart1.chartLine_data = {}
          this.roadChartLine1(this.chart1.chartLine_data)
        }
        setTimeout(() => {
          this.chart1.listLoading = false
        }, 100)
      })
    },
    roadChartLine1(chartLine_data) {
      if (this.chart1.chartLine != null) {
        this.chart1.chartLine.dispose()
      }
      this.chart1.chartLine = echarts.init(document.getElementById('chartLine1'))
      var option = {
        tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#999' }}},
        legend: { data: ['计划准确率', '计划正确率', '计划准确率（去除取消重量）'] },
        xAxis: [{ type: 'category', data: chartLine_data.data1, axisPointer: { type: 'shadow' }}],
        yAxis: [{ type: 'value', name: '百分比', min: 0, max: 100, interval: 20, axisLabel: { formatter: '{value}' }}],
        series: [
          { name: '计划准确率', type: 'bar', itemStyle: { normal: { color: '#7ecf51' }}, data: chartLine_data.data2, markLine: { data: [{ type: 'average' }], symbol: ['none', 'none'], position: 'insideTopCenter', itemStyle: { normal: { lineStyle: { type: 'dotted', width: 3 }, label: { show: true, position: 'middle', formatter: '' }}}, large: true, effect: { show: false, loop: true, period: 0, scaleSize: 2, color: null, shadowColor: null, shadowBlur: null }}},
          { name: '计划正确率', type: 'bar', itemStyle: { normal: { color: '#ff6600' }}, data: chartLine_data.data3, markLine: { data: [{ type: 'average' }], symbol: ['none', 'none'], position: 'insideTopCenter', itemStyle: { normal: { lineStyle: { type: 'dotted', width: 3 }, label: { show: true, position: 'middle', formatter: '' }}}, large: true, effect: { show: false, loop: true, period: 0, scaleSize: 2, color: null, shadowColor: null, shadowBlur: null }}},
          { name: '计划准确率（去除取消重量）', type: 'bar', itemStyle: { normal: { color: '#61a5e8' }}, data: chartLine_data.data4, markLine: { data: [{ type: 'average' }], symbol: ['none', 'none'], position: 'insideTopCenter', itemStyle: { normal: { lineStyle: { type: 'dotted', width: 3 }, label: { show: true, position: 'middle', formatter: '' }}}, large: true, effect: { show: false, loop: true, period: 0, scaleSize: 2, color: null, shadowColor: null, shadowBlur: null }}}
        ]
      }
      this.chart1.chartLine.setOption(option)
      window.onresize = function() {
        this.chart1.chartLine.resize()
      }
    },
    // 牛群准确率
    getChart2() {
      this.chart2.listLoading = true
      GetReportform(this.chart2.getdataListParm).then(response => {
        console.log('牛群准确率图数据', this.chart2.chartLine_data)
        if (response.data.list !== null) {
          // for (let i = 0; i < response.data.data.length; i++) {
          //   response.data.data[i].准确率 = response.data.data[i].准确率 + '%'
          // }
          this.chart2.table.list = response.data.data
          this.chart2.chartLine_data = response.data.list
          this.chart2.total = response.data.total
          this.chart2.chart3Data3 = response.data.list.data3
          this.chart2.total = response.data.total
          console.log('牛群准确率图数据', this.chart2.chartLine_data)
          console.log('牛群准确率表数据', this.chart2.table.list)
          this.roadChartLine2(this.chart2.chartLine_data)
        } else {
          this.chart2.list = []
          this.chart2.chartLine_data = {}
          this.roadChartLine2(this.chart2.chartLine_data)
        }
        setTimeout(() => {
          this.chart2.listLoading = false
        }, 100)
      })
    },
    roadChartLine2(chartLine_data) {
      if (this.chart2.chartLine != null) {
        this.chart2.chartLine.dispose()
      }
      this.chart2.chartLine = echarts.init(document.getElementById('chartLine2'))
      var option = {
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross',
            crossStyle: {
              color: '#999'
            }
          }
        },
        legend: {
          data: ['泌乳牛', '后备牛', '干奶牛', '围产牛']
        },
        xAxis: [{ type: 'category', data: chartLine_data.data1, axisPointer: { type: 'shadow' }}],
        yAxis: [{ type: 'value', name: '准确率', min: 0, max: 100, interval: 20, axisLabel: { formatter: '{value}%' }}],
        series: [{ name: '泌乳牛', type: 'bar', itemStyle: { normal: { color: '#7ecf51' }},
          data: chartLine_data.data2,
          markLine: {
            data: [{ type: 'average' }],
            symbol: ['none', 'none'],
            position: 'insideTopCenter',
            itemStyle: {
              normal: {
                lineStyle: { type: 'dotted', width: 3 },
                label: { show: true, position: 'middle', formatter: '' }
              }
            },
            large: true,
            effect: { show: false, loop: true, period: 0, scaleSize: 2, color: null, shadowColor: null, shadowBlur: null }
          }
        },
        {
          name: '后备牛',
          type: 'bar',
          itemStyle: {
            normal: {
              color: '#ff6600'
            }
          },
          data: chartLine_data.data3,
          markLine: {
            data: [{ type: 'average' }],
            symbol: ['none', 'none'],
            position: 'insideTopCenter',
            itemStyle: {
              normal: {
                lineStyle: { type: 'dotted', width: 3 },
                label: { show: true, position: 'middle', formatter: '' }
              }
            },
            large: true,
            effect: { show: false, loop: true, period: 0, scaleSize: 2, color: null, shadowColor: null, shadowBlur: null }
          }
        },
        {
          name: '干奶牛',
          type: 'bar',
          itemStyle: {
            normal: {
              color: '#61a5e8'
            }
          },
          data: chartLine_data.data4,
          markLine: {
            data: [{ type: 'average' }],
            symbol: ['none', 'none'],
            position: 'insideTopCenter',
            itemStyle: {
              normal: {
                lineStyle: { type: 'dotted', width: 3 },
                label: { show: true, position: 'middle', formatter: '' }
              }
            },
            large: true,
            effect: { show: false, loop: true, period: 0, scaleSize: 2, color: null, shadowColor: null, shadowBlur: null }
          }
        },
        {
          name: '围产牛',
          type: 'bar',
          itemStyle: {
            normal: {
              color: '#ffff00'
            }
          },
          data: chartLine_data.data5,
          markLine: {
            data: [{ type: 'average' }],
            symbol: ['none', 'none'],
            position: 'insideTopCenter',
            itemStyle: {
              normal: {
                lineStyle: { type: 'dotted', width: 3 },
                label: { show: true, position: 'middle', formatter: '' }
              }
            },
            large: true,
            effect: { show: false, loop: true, period: 0, scaleSize: 2, color: null, shadowColor: null, shadowBlur: null }
          }
        }
        ]
      }
      this.chart2.chartLine.setOption(option)
      window.onresize = function() {
        this.chart2.chartLine.resize()
      }
    },
    // 混料次数统计
    getChart3() {
      this.chart3.listLoading = true
      GetReportform(this.chart3.getdataListParm).then(response => {
        if (response.data !== null && response.data.list !== null) {
          // for (let i = 0; i < response.data.data.length; i++) {
          //   response.data.data[i].准确率 = response.data.data[i].准确率 + '%'
          // }
          this.chart3.table.list = response.data.data
          this.chart3.chartLine_data = response.data.list
          this.chart3.total = response.data.total

          this.chart3.total = response.data.total
          console.log('混料次数统计图', this.chart3.chartLine_data)
          console.log('混料次数统计表', this.chart3.table.list)
          this.roadChartLine3(this.chart3.chartLine_data)
        } else {
          this.chart3.list = []
          this.chart3.chartLine_data = {}
          this.roadChartLine3(this.chart3.chartLine_data)
        }
        setTimeout(() => {
          this.chart3.listLoading = false
        }, 100)
      })
    },
    roadChartLine3(chartLine_data) {
      if (this.chart3.chartLine != null) {
        this.chart3.chartLine.dispose()
      }
      this.chart3.chartLine = echarts.init(document.getElementById('chartLine3'))
      var option = {
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross',
            crossStyle: {
              color: '#999'
            }
          }
        },
        legend: {
          data: ['自动跳转', '手动跳转', '取消次数']
        },
        xAxis: [{ type: 'category', data: chartLine_data.data1, axisPointer: { type: 'shadow' }}],
        yAxis: [{ type: 'value', name: '次数', min: 0, max: 100, interval: 20, axisLabel: { formatter: '{value}' }}],
        series: [{ name: '自动跳转', type: 'bar', itemStyle: { normal: { color: '#7ecf51' }},
          data: chartLine_data.data2,
          markLine: {
            data: [{ type: 'average' }],
            symbol: ['none', 'none'],
            position: 'insideTopCenter',
            itemStyle: {
              normal: {
                lineStyle: { type: 'dotted', width: 3 },
                label: { show: true, position: 'middle', formatter: '' }
              }
            },
            large: true,
            effect: { show: false, loop: true, period: 0, scaleSize: 2, color: null, shadowColor: null, shadowBlur: null }
          }
        },
        {
          name: '手动跳转',
          type: 'bar',
          itemStyle: {
            normal: {
              color: '#ff6600'
            }
          },
          data: chartLine_data.data3,
          markLine: {
            data: [{ type: 'average' }],
            symbol: ['none', 'none'],
            position: 'insideTopCenter',
            itemStyle: {
              normal: {
                lineStyle: { type: 'dotted', width: 3 },
                label: { show: true, position: 'middle', formatter: '' }
              }
            },
            large: true,
            effect: { show: false, loop: true, period: 0, scaleSize: 2, color: null, shadowColor: null, shadowBlur: null }
          }
        }]
      }
      this.chart3.chartLine.setOption(option)
      window.onresize = function() {
        this.chart3.chartLine.resize()
      }
    },
    // 混料准确率统计
    getChart4() {
      this.chart4.listLoading = true
      GetReportform(this.chart4.getdataListParm).then(response => {
        if (response.data !== null && response.data.list !== null) {
          // for (let i = 0; i < response.data.data.length; i++) {
          //   response.data.data[i].准确率 = response.data.data[i].准确率 + '%'
          // }
          this.chart4.table.list = response.data.data
          this.chart4.chartLine_data = response.data.list
          // this.chart4.chartLine_data = {
          //   'data1': ['1牧', '2牧', '3牧', '4牧', '5牧', '6牧', '7牧', '8牧', '9牧', '10牧', '11牧', '12牧'], // x轴
          //   'data2': [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3], // 自动跳转准确率
          //   'data3': [2.6, 5.9, 9.0, 30, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3] // 手动跳转准确率
          // }
          this.chart4.total = response.data.total
          console.log('混料准确率统计图', this.chart4.chartLine_data)
          console.log('混料准确率统计表', this.chart4.table.list)
          this.roadChartLine4(this.chart4.chartLine_data)
        } else {
          this.chart4.list = []
          this.chart4.chartLine_data = {}
          this.roadChartLine4(this.chart4.chartLine_data)
        }
        setTimeout(() => {
          this.chart4.listLoading = false
        }, 100)
      })
    },
    roadChartLine4(chartLine_data) {
      if (this.chart4.chartLine != null) {
        this.chart4.chartLine.dispose()
      }
      this.chart4.chartLine = echarts.init(document.getElementById('chartLine4'))
      var option = {
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross',
            crossStyle: {
              color: '#999'
            }
          }
        },
        legend: {
          data: ['自动跳转准确率', '手动跳转准确率']
        },
        xAxis: [{ type: 'category', data: chartLine_data.data1, axisPointer: { type: 'shadow' }}],
        yAxis: [{ type: 'value', name: '混料准确率', min: 0, max: 100, interval: 20, axisLabel: { formatter: '{value}%' }}],
        series: [{ name: '自动跳转准确率', type: 'bar', itemStyle: { normal: { color: '#7ecf51' }},
          data: chartLine_data.data2,
          markLine: {
            data: [{ type: 'average' }],
            symbol: ['none', 'none'],
            position: 'insideTopCenter',
            itemStyle: {
              normal: {
                lineStyle: { type: 'dotted', width: 3 },
                label: { show: true, position: 'middle', formatter: '' }
              }
            },
            large: true,
            effect: { show: false, loop: true, period: 0, scaleSize: 2, color: null, shadowColor: null, shadowBlur: null }
          }
        },
        {
          name: '手动跳转准确率',
          type: 'bar',
          itemStyle: {
            normal: {
              color: '#ff6600'
            }
          },
          data: chartLine_data.data3,
          markLine: {
            data: [{ type: 'average' }],
            symbol: ['none', 'none'],
            position: 'insideTopCenter',
            itemStyle: {
              normal: {
                lineStyle: { type: 'dotted', width: 3 },
                label: { show: true, position: 'middle', formatter: '' }
              }
            },
            large: true,
            effect: { show: false, loop: true, period: 0, scaleSize: 2, color: null, shadowColor: null, shadowBlur: null }
          }
        }]
      }
      this.chart4.chartLine.setOption(option)
      window.onresize = function() {
        this.chart4.chartLine.resize()
      }
    },
    // 栏舍平均撒料时间统计
    getChart5() {
      this.chart5.listLoading = true
      GetReportform(this.chart5.getdataListParm).then(response => {
        if (response.data !== null && response.data.list !== null) {
          this.chart5.table.list = response.data.data
          this.chart5.chartLine_data = response.data.list
          this.chart5.total = response.data.total
          console.log('栏舍平均撒料时间统计图', this.chart5.chartLine_data)
          console.log('栏舍平均撒料时间统计表', this.chart5.table.list)
          this.roadChartLine5(this.chart5.chartLine_data)
        } else {
          this.chart5.list = []
          this.chart5.chartLine_data = {}
          this.roadChartLine5(this.chart5.chartLine_data)
        }
        setTimeout(() => {
          this.chart5.listLoading = false
        }, 100)
      })
    },
    roadChartLine5(chartLine_data) {
      if (this.chart5.chartLine != null) {
        this.chart5.chartLine.dispose()
      }
      this.chart5.chartLine = echarts.init(document.getElementById('chartLine5'))
      var option = {
        title: {
          text: ''
        },
        tooltip: {
          trigger: 'axis',
          formatter: function(params) {
            // console.log(params)
            if (params.length > 0) {
              var tip = params[0].name
              for (let i = 0; i < params.length; i++) {
                var b = []
                // var str = params[i].value
                for (let j = 0; j <= params[i].value.length; j++) {
                  if (params[i].value !== '') {
                    if (params[i].value.charAt(j) == '.') {
                      b[j] = params[i].value.replace('.', ':')
                    }
                  } else {
                    b[j] = ''
                  }
                }
                tip += '<br>' + params[i].seriesName + ': ' + b[b.length - 1]
              }
              return tip
            }
          }
        },
        legend: {
          data: chartLine_data.data1,
          right: 10
        },
        grid: {
          top: '20%',
          left: '5%',
          right: '8%',
          containLabel: true
        },
        toolbox: {
          show: true,
          right: '2%',
          feature: {}
        },
        xAxis: { type: 'category', boundaryGap: false, data: chartLine_data.data2, name: '日期' },
        yAxis: [{
          type: '',
          name: '时间',
          mix: 0,
          max: 24,
          interval: 2,
          axisLabel: {
            formatter: function(value) {
              var texts = []
              if (value < 10) {
                texts.push('0' + value + ':00')
              } else {
                texts.push(value + ':00')
              }
              return texts
            }
          }
        }],
        series: (function() {
          if (chartLine_data.data3 !== undefined) {
            var serie = []
            for (var i = 0; i < chartLine_data.data3.length; i++) {
              var item = {
                name: chartLine_data.data1[i],
                type: 'line',
                data: chartLine_data.data3[i].data
              }
              serie.push(item)
            }
            return serie
          }
        }())
      }
      this.chart5.chartLine.setOption(option)
      window.onresize = function() {
        this.chart5.chartLine.resize()
      }
    },

    // 混料计划取消次数
    getChart6() {
      this.chart6.listLoading = true
      GetReportform(this.chart6.getdataListParm).then(response => {
        if (response.data !== null && response.data.list !== null) {
          // for (let i = 0; i < response.data.data.length; i++) {
          //   response.data.data[i].准确率 = response.data.data[i].准确率 + '%'
          // }
          this.chart6.table.list = response.data.data
          this.chart6.chartLine_data = response.data.list
          // this.chart6.chartLine_data = {
          //   'data1': ['1牧', '2牧', '3牧', '4牧', '5牧', '6牧', '7牧', '8牧', '9牧', '10牧', '11牧', '12牧'], // x轴
          //   'data2': [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3], // 自动跳转准确率
          //   'data3': [2.6, 5.9, 9.0, 30, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3] // 手动跳转准确率
          // }
          this.chart6.total = response.data.total
          console.log('混料计划取消次数图', this.chart6.chartLine_data)
          console.log('混料计划取消次数表', this.chart6.table.list)
          this.roadChartLine6(this.chart6.chartLine_data)
        } else {
          this.chart6.list = []
          this.chart6.chartLine_data = {}
          this.roadChartLine6(this.chart6.chartLine_data)
        }
        setTimeout(() => {
          this.chart6.listLoading = false
        }, 100)
      })
    },
    roadChartLine6(chartLine_data) {
      if (this.chart6.chartLine != null) {
        this.chart6.chartLine.dispose()
      }
      this.chart6.chartLine = echarts.init(document.getElementById('chartLine6'))
      var option = {
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross',
            crossStyle: {
              color: '#999'
            }
          }
        },
        legend: {
          data: ['混料计划取消次数']
        },
        xAxis: [{ type: 'category', data: chartLine_data.data1, axisPointer: { type: 'shadow' }}],
        yAxis: [{ type: 'value', name: '次数', min: 0, max: 100, interval: 20, axisLabel: { formatter: '{value}%' }}],
        series: [{ name: '混料计划取消次数', type: 'bar', itemStyle: { normal: { color: '#7ecf51' }},
          data: chartLine_data.data2,
          markLine: {
            data: [{ type: 'average' }],
            symbol: ['none', 'none'],
            position: 'insideTopCenter',
            itemStyle: {
              normal: {
                lineStyle: { type: 'dotted', width: 3 },
                label: { show: true, position: 'middle', formatter: '' }
              }
            },
            large: true,
            effect: { show: false, loop: true, period: 0, scaleSize: 2, color: null, shadowColor: null, shadowBlur: null }
          }
        }]
      }
      this.chart6.chartLine.setOption(option)
      window.onresize = function() {
        this.chart6.chartLine.resize()
      }
    },

    handleDownload() {
      var excelDatas = [
        {
          tHeader: ['配方名称', '理论重量', '实际重量', '计划混料操作数', '已混料操作数', '混料操作率', '混料误差值', '混料准确率', '混料自动跳转次数', '混料手动跳转次数', '取消次数', '混料正确数', '混料正确率', '去除取消正确率', '标准差'],
          filterVal: ['配方名称', '理论重量', '实际重量', '计划混料操作数', '已混料操作数', '混料操作率', '混料误差值', '混料准确率', '混料自动跳转次数', '混料手动跳转次数', '取消次数', '混料正确数', '混料正确率', '去除取消正确率', '方差'],
          tableDatas: this.table.list,
          sheetName: '混料'
        },
        {
          tHeader: ['配方名称', '理论重量', '实际重量', '计划撒料操作数', '已撒料操作数', '撒料操作率', '撒料误差值', '撒料准确率', '撒料自动跳转次数', '撒料手动跳转次数', '撒料正确数', '撒料正确率', '去除取消正确率', '标准差'],
          filterVal: ['配方名称', '理论重量', '实际重量', '计划撒料操作数', '已撒料操作数', '撒料操作率', '撒料误差值', '撒料准确率', '撒料自动跳转次数', '撒料手动跳转次数', '撒料正确数', '撒料正确率', '去除取消正确率', '方差'],
          tableDatas: this.table2.list,
          sheetName: '撒料'
        }
      ]
      json2excel(excelDatas, '汇总统计-配方名称', true, 'xlsx')
    },
    // 时间
    changeChartDate(item) {
      console.log(item)
      if (item == 'chart1') {
        if (this.chart1.getdataListParm.parammaps.inputDatetime !== '' && this.chart1.getdataListParm.parammaps.inputDatetime !== null) {
          this.chart1.getdataListParm.parammaps.startTime = parseTime(this.chart1.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
          this.chart1.getdataListParm.parammaps.stopTime = parseTime(this.chart1.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
          this.getChart1()
        } else {
          this.chart1.getdataListParm.parammaps.inputDatetime = ''
          this.chart1.getdataListParm.parammaps.startTime = ''
          this.chart1.getdataListParm.parammaps.stopTime = ''
          this.getChart1()
        }
      } else if (item == 'chart2') {
        if (this.chart2.getdataListParm.parammaps.inputDatetime !== '' && this.chart2.getdataListParm.parammaps.inputDatetime !== null) {
          this.chart2.getdataListParm.parammaps.startTime = parseTime(this.chart2.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
          this.chart2.getdataListParm.parammaps.stopTime = parseTime(this.chart2.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
          this.getChart2()
        } else {
          this.chart2.getdataListParm.parammaps.inputDatetime = ''
          this.chart2.getdataListParm.parammaps.startTime = ''
          this.chart2.getdataListParm.parammaps.stopTime = ''
          this.getChart2()
        }
      } else if (item == 'chart3') {
        if (this.chart3.getdataListParm.parammaps.inputDatetime !== '' && this.chart3.getdataListParm.parammaps.inputDatetime !== null) {
          this.chart3.getdataListParm.parammaps.startTime = parseTime(this.chart3.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
          this.chart3.getdataListParm.parammaps.stopTime = parseTime(this.chart3.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
          this.getChart3()
        } else {
          this.chart3.getdataListParm.parammaps.inputDatetime = ''
          this.chart3.getdataListParm.parammaps.startTime = ''
          this.chart3.getdataListParm.parammaps.stopTime = ''
          this.getChart3()
        }
      } else if (item == 'chart4') {
        if (this.chart4.getdataListParm.parammaps.inputDatetime !== '' && this.chart4.getdataListParm.parammaps.inputDatetime !== null) {
          this.chart4.getdataListParm.parammaps.startTime = parseTime(this.chart4.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
          this.chart4.getdataListParm.parammaps.stopTime = parseTime(this.chart4.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
          this.getChart4()
        } else {
          this.chart4.getdataListParm.parammaps.inputDatetime = ''
          this.chart4.getdataListParm.parammaps.startTime = ''
          this.chart4.getdataListParm.parammaps.stopTime = ''
          this.getChart4()
        }
      } else if (item == 'chart5') {
        if (this.chart5.getdataListParm.parammaps.inputDatetime !== '' && this.chart5.getdataListParm.parammaps.inputDatetime !== null) {
          this.chart5.getdataListParm.parammaps.startTime = parseTime(this.chart5.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
          this.chart5.getdataListParm.parammaps.stopTime = parseTime(this.chart5.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
          this.getChart5()
        } else {
          this.chart5.getdataListParm.parammaps.inputDatetime = ''
          this.chart5.getdataListParm.parammaps.startTime = ''
          this.chart5.getdataListParm.parammaps.stopTime = ''
          this.getChart5()
        }
      } else if (item == 'chart6') {
        if (this.chart6.getdataListParm.parammaps.inputDatetime !== '' && this.chart6.getdataListParm.parammaps.inputDatetime !== null) {
          this.chart6.getdataListParm.parammaps.startTime = parseTime(this.chart6.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
          this.chart6.getdataListParm.parammaps.stopTime = parseTime(this.chart6.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
          this.getChart6()
        } else {
          this.chart6.getdataListParm.parammaps.inputDatetime = ''
          this.chart6.getdataListParm.parammaps.startTime = ''
          this.chart6.getdataListParm.parammaps.stopTime = ''
          this.getChart6()
        }
      }
    },

    handleExport(item) {
      if (item == 'chart1') {
        console.log('配方准确率导出')
        var excelDatasTabChart1 = [
          {
            tHeader: ['日期', '配方名称', '计划重量（kg）', '实际重量（kg）', '准确率'],
            filterVal: ['日期', '名称', '理论量', '实际量', '准确率'],
            tableDatas: this.chart1.table.list,
            sheetName: '配方准确率'
          }
        ]
        json2excel(excelDatasTabChart1, '配方准确率', true, 'xlsx')
      } else if (item == 'chart2') {
        console.log('计划统计导出')
        var excelDatasTabChart2 = [
          {
            tHeader: ['日期', '计划执行重量（kg）', '配方理论重量（kg）', '计划准确率', '计划取消重量（kg）', '计划准确率（去除取消重量）', '计划正确数', '计划数', '计划正确率'],
            filterVal: ['日期', '实际量', '理论量', 'field1', '计划取消重量', 'field3', '正确数', '计划数', 'field2'],
            tableDatas: this.chart2.table.list,
            sheetName: '计划统计'
          }
        ]
        json2excel(excelDatasTabChart2, '计划统计', true, 'xlsx')
      } else if (item == 'chart3') {
        console.log('牛群准确率导出')
        var excelDatasTabChart3 = [
          {
            tHeader: ['日期', '牲畜类别', '计划重量（kg）', '实际重量（kg）', '准确率'],
            filterVal: ['日期', '名称', '理论量', '实际量', '准确率'],
            tableDatas: this.chart3.table.list,
            sheetName: '牛群准确率'
          }
        ]
        json2excel(excelDatasTabChart3, '牛群准确率', true, 'xlsx')
      } else if (item == 'chart4') {
        console.log('车辆准确率（重量）导出')
        var excelDatasTabChart4 = [
          {
            tHeader: ['日期', '车次', '计划重量（kg）', '实际重量（kg）', '准确率'],
            filterVal: ['日期', '名称', '理论量', '实际量', '准确率'],
            tableDatas: this.chart4.table.list,
            sheetName: '车辆准确率（重量）'
          }
        ]
        json2excel(excelDatasTabChart4, '车辆准确率（重量）', true, 'xlsx')
      } else if (item == 'chart5') {
        console.log('混料统计导出')
        var excelDatasTabChart5 = [
          {
            tHeader: ['日期', '自动跳转次数', '手动跳转次数', '自动跳转理论重量', '自动跳转实际重量', '自动跳转准确率', '手动跳转理论重量', '手动跳转实际重量', '手动跳转准确率'],
            filterVal: ['日期', 'field1', 'field2', '理论自动', '实际自动', 'field3', '理论手动', '实际手动', 'field4'],
            tableDatas: this.chart5.table.list,
            sheetName: '混料统计'
          }
        ]
        json2excel(excelDatasTabChart5, '混料统计', true, 'xlsx')
      } else if (item == 'chart6') {
        console.log('混料计划取消次数导出')
        var excelDatasTabChart5 = [
          {
            tHeader: ['日期', '自动跳转次数', '手动跳转次数', '自动跳转理论重量', '自动跳转实际重量', '自动跳转准确率', '手动跳转理论重量', '手动跳转实际重量', '手动跳转准确率'],
            filterVal: ['日期', 'field1', 'field2', '理论自动', '实际自动', 'field3', '理论手动', '实际手动', 'field4'],
            tableDatas: this.chart5.table.list,
            sheetName: '混料计划取消次数'
          }
        ]
        json2excel(excelDatasTabChart5, '混料计划取消次数', true, 'xlsx')
      }
    },
    handleTable(item) {
      // 显示切换表格
      if (item == 'chart1') {
        console.log('配方准确率表格')
        this.chart1.isTable = true
        this.chart1.isChart = false
      } else if (item == 'chart2') {
        console.log('计划统计表格')
        this.chart2.isTable = true
        this.chart2.isChart = false
      } else if (item == 'chart3') {
        console.log('牛群准确率表格')
        this.chart3.isTable = true
        this.chart3.isChart = false
      } else if (item == 'chart4') {
        console.log('车辆准确率（重量）表格')
        this.chart4.isTable = true
        this.chart4.isChart = false
      } else if (item == 'chart5') {
        console.log('混料统计表格')
        this.chart5.isTable = true
        this.chart5.isChart = false
      } else if (item == 'chart6') {
        console.log('混料计划取消次数表格')
        this.chart6.isTable = true
        this.chart6.isChart = false
      } else if (item == 'chart7') {
        console.log('栏舍撒料时间统计表格')
        this.chart7.isTable = true
        this.chart7.isChart = false
      }
    },
    // 切换图表
    handleChart(item) {
      // 显示切换图表
      if (item == 'chart1') {
        console.log('配方准确率图表')
        this.chart1.isTable = false
        this.chart1.isChart = true
        this.getChart1()
      } else if (item == 'chart2') {
        console.log('计划统计图表')
        this.chart2.isTable = false
        this.chart2.isChart = true
        this.getChart2()
      } else if (item == 'chart3') {
        console.log('牛群准确率图表')
        this.chart3.isTable = false
        this.chart3.isChart = true
        this.getChart3()
      } else if (item == 'chart4') {
        console.log('车辆准确率（重量）图表')
        this.chart4.isTable = false
        this.chart4.isChart = true
        this.getChart4()
      } else if (item == 'chart5') {
        console.log('混料统计图表')
        this.chart5.isTable = false
        this.chart5.isChart = true
        this.getChart5()
      } else if (item == 'chart6') {
        console.log('混料计划取消次数图表')
        this.chart6.isTable = false
        this.chart6.isChart = true
        this.getChart6()
      } else if (item == 'chart7') {
        console.log('栏舍撒料时间统计图表')
        this.chart7.isTable = false
        this.chart7.isChart = true
        this.getChart7()
      }
    }
  }
}

</script>

<style lang="scss" scoped>
  .button{
    height: 50px;
    .exportTable{float: right;margin-right: 5px;}
  }
  .app-container1{padding-left: 10px;background-color: #F4F4F4;}
  .dashboard-editor-container {
    background-color: #F4F4F4;
    .grid-content{
      background-color:#fff;padding: 0 10px;
      h4{text-align: center;line-height: 50px;}
    }
  }
  .table{margin-bottom: 50px;}
</style>
