Tmr-Admin/src/views/statisticalAnalysis/processAnalysis/pasture/index.vue

<template>
  <div class="app-container">
    <div class="search">
      <el-date-picker 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="change_date"/>
      <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-select v-model="table.getdataListParm.parammaps.lpplantype" placeholder="计划类型" class="filter-item" style="width: 120px;" clearable>
        <el-option v-for="item in planTypeList" :key="item.value" :label="item.lable" :value="item.value" />
      </el-select>
      <el-select v-model="table.getdataListParm.parammaps.tmrtname" placeholder="TMR名称" class="filter-item" style="width: 180px;" clearable multiple>
        <el-option v-for="item in TMRList" :key="item.tmrtname" :label="item.tmrtname" :value="item.tmrtname" />
      </el-select>
      <el-select v-model="table.getdataListParm.parammaps.error" placeholder="误差筛选范围" class="filter-item" style="width: 140px;" clearable>
        <el-option v-for="item in errorList" :key="item.value" :label="item.label" :value="item.value" />
      </el-select>
      <el-select v-model="table.getdataListParm.parammaps.iscompleted" placeholder="工作状态" class="filter-item" style="width: 120px;" clearable>
        <el-option v-for="item in workingConditionList" :key="item.id" :label="item.name" :value="item.id" />
      </el-select>
      <!-- 临时注释 -->
      <div style="display: inline-block;" class="filter-item1">
        <el-input-number :controls="false" :precision="2" v-model="hlwc1" placeholder="混料误差值" style="width: 120px;" class="filter-item" clearable />
        <span>-</span>
        <el-input-number :controls="false" :precision="2"  v-model="hlwc2" placeholder="混料误差值" style="width: 120px;" class="filter-item" clearable />
      </div>
      <div style="display: inline-block;" class="filter-item1">
        <el-input-number :controls="false" :precision="2" v-model="hlzq1" placeholder="混料准确率" :min="0" :max="100" style="width: 120px;"  class="filter-item" clearable />
        <span>-</span>
        <el-input-number :controls="false" :precision="2" v-model="hlzq2" placeholder="混料准确率" :min="0" :max="100" style="width: 120px;" class="filter-item" clearable />
      </div>
      <el-select v-model="table.getdataListParm.parammaps.fclassid" placeholder="混料类别" class="filter-item" style="width: 120px;" clearable>
        <el-option v-for="item in cixCategoryList" :key="item.id" :label="item.fcname" :value="item.id" />
      </el-select>
      <div style="display: inline-block;" class="filter-item1">
        <el-input-number :controls="false" :precision="2" v-model="slwc1" placeholder="撒料误差值" style="width: 120px;" class="filter-item" clearable />
        <span>-</span>
        <el-input-number :controls="false" :precision="2"  v-model="slwc2" placeholder="撒料误差值" style="width: 120px;" class="filter-item" clearable />
      </div>
      <div style="display: inline-block;" class="filter-item1">
        <el-input-number :controls="false" :precision="2" v-model="slzq1" placeholder="撒料准确率" :min="0" :max="100" style="width: 120px;"  class="filter-item" clearable />
        <span>-</span>
        <el-input-number :controls="false" :precision="2" v-model="slzq2" placeholder="撒料准确率" :min="0" :max="100" style="width: 120px;" class="filter-item" clearable />
      </div>
      <div style="display: inline-block;" class="filter-item1">
        <el-input-number :controls="false" :precision="2" v-model="minproesstime" placeholder="过程时间" :min="0" :max="100" style="width: 120px;"  class="filter-item" clearable />
        <span>-</span>
        <el-input-number :controls="false" :precision="2" v-model="maxproesstime" placeholder="过程时间" :min="0" :max="100" style="width: 120px;" class="filter-item" clearable />
      </div>
      <el-checkbox v-model="ccys"  style="margin-right: 10px;" @change="changeccysChecked">只看超出预设值数据</el-checkbox>
      <!-- 临时注释 -->
      <el-button class="successBorder" @click="form_search">查询</el-button>
      <el-button class="successBorder" @click="handleRefresh">重置</el-button>
      <el-button class="successBorder" @click="handleGetPastureData">牧场数据获取</el-button>
      <el-button class="export" icon="el-icon-upload2" @click="handleDownLoad">导出</el-button>
    </div>
    <el-row :gutter="10">
      <el-col :span="8">
        <h4>TMR设备列表</h4>
        <div class="table">
          <el-table
            :key="table.tableKey"
            v-loading="table.listLoading"
            element-loading-text="给我一点时间"
            :data="table.list"
            border
            fit
            highlight-current-row
            style="width: 98%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            :height="myheight"
            @row-click="rowClick"
          >
            <el-table-column sortable label="开始时间" min-width="100px" align="center" prop="intime" />
            <el-table-column sortable label="计划类型" min-width="80px" align="center" prop="lpplantype" />
            <el-table-column sortable label="描述" min-width="90px" align="center" prop="remark" />
            <el-table-column sortable label="TMR名称" min-width="80px" align="center" prop="tmrtname" />
            <el-table-column sortable label="过程时间" min-width="80px" align="center" prop="proesstime" />
          </el-table>
        </div>
        <span v-if="table.listLoading == false" style="margin-right: 30px;margin-top: 10px;font-size: 14px;">共{{ table.total }}条</span>
      </el-col>
      <!-- 预混计划 -->
      <el-col v-if="isPremixedPlan" :span="16">
        <div class="title">
          <b>过程详情</b>
          <span>&nbsp;({{ title }})</span>
        </div>
        <div class="detail">
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].proesstime }}</b>
            <span>过程时间</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].proesstime }}</b>
            <span>混料时间</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].iscompleted }}</b>
            <span>工作状态</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].Hdif }}</b>
            <span>混料误差值</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].HdifRate }}</b>
            <span>混料准确率</span>
          </div>
        </div>
        <div class="Mixture">
          <h4>混料详情</h4>
          <el-table
            :key="table3.tableKey"
            v-loading="table3.listLoading"
            element-loading-text="给我一点时间"
            :data="table3.list"
            border
            fit
            highlight-current-row
            style="width: 98%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            max-height="270px"
          >
            <el-table-column label="操作编号" min-width="60px" align="center" prop="sort" />
            <el-table-column label="饲料名称" min-width="60px" align="center" prop="fname" />
            <el-table-column label="计划重量" min-width="60px" align="center" prop="lweight" />
            <el-table-column label="实际重量" min-width="60px" align="center" prop="actualweightminus">
              <template slot-scope="{row}">
                <a v-if="row.actualweightminus == 0" style="color: red;">{{ row.actualweightminus }}</a>
                <a v-else>{{ row.actualweightminus }}</a>
              </template>
            </el-table-column>
            <el-table-column label="误差值" min-width="60px" align="center" prop="diff" />
            <el-table-column label="准确率" min-width="60px" align="center" prop="diffRate" />
            <el-table-column label="完成时间" min-width="60px" align="center" prop="intime" />
            <el-table-column label="过程时间" min-width="60px" align="center" prop="proesstime" />
            <el-table-column label="跳转方式" min-width="60px" align="center" prop="buttontype" />
            <el-table-column label="开始重量" min-width="60px" align="center" prop="lastactualweight" />
            <el-table-column label="结束重量" min-width="60px" align="center" prop="actualweight" />
            <el-table-column
              fixed="right"
              label="操作"
              width="80px">
              <template slot-scope="scope">
                <el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </el-col>
      <!-- 撒料计划 3-->
      <el-col v-if="isSpreadingPlan" :span="16">
        <div class="title">
          <b>过程详情</b>
          <span>&nbsp;({{ title }})</span>
        </div>
        <div class="detail">
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].proesstime }}</b>
            <span>过程时间</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].proesstime }}</b>
            <span>混料时间</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].iscompleted }}</b>
            <span>工作状态</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].Hdif }}kg</b>
            <span>混料误差值</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].HdifRate }}</b>
            <span>混料准确率</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].Sdif }}kg</b>
            <span>撒料误差值</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].SdifRate }}</b>
            <span>撒料准确率</span>
          </div>
        </div>
        <div class="Mixture">
          <h4>混料详情3</h4>
          <el-table
            :key="table3.tableKey"
            v-loading="table3.listLoading"
            element-loading-text="给我一点时间"
            :data="table3.list"
            border
            fit
            highlight-current-row
            style="width: 98%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            max-height="270px"
          >
            <el-table-column label="操作编号" min-width="70px" align="center" prop="sort" />
            <el-table-column label="饲料名称" min-width="70px" align="center" prop="fname" />
            <el-table-column label="计划重量" min-width="50px" align="center" prop="lweight" />
            <el-table-column label="实际重量" min-width="60px" align="center" prop="actualweightminus">
              <template slot-scope="{row}">
                <a v-if="row.actualweightminus == 0" style="color: red;">{{ row.actualweightminus }}</a>
                <a v-else>{{ row.actualweightminus }}</a>
              </template>
            </el-table-column>
            <el-table-column label="误差值" min-width="70px" align="center" prop="diff" />
            <el-table-column label="准确率" min-width="70px" align="center" prop="diffRate" />
            <el-table-column label="完成时间" min-width="70px" align="center" prop="intime" />
            <el-table-column label="过程时间" min-width="70px" align="center" prop="proesstime" />
            <el-table-column label="跳转方式" min-width="70px" align="center" prop="buttontype" />
            <el-table-column label="开始重量" min-width="70px" align="center" prop="lastactualweight" />
            <el-table-column label="结束重量" min-width="70px" align="center" prop="actualweight" />
            <el-table-column
              label="操作"
              width="90px">
              <template slot-scope="scope"  >
                <el-button v-if="scope.row.sort != '合计'"   @click="handleClick(scope.row,1)" type="text" size="small">编辑</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>

        <div class="SpreadingMaterials">
          <h4>撒料详情3</h4>
          <el-table
            :key="table4.tableKey"
            v-loading="table4.listLoading"
            element-loading-text="给我一点时间"
            :data="table4.list"
            border
            fit
            highlight-current-row
            style="width: 98%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            max-height="260px"
          >
            <el-table-column label="操作编号" min-width="70px" align="center" prop="sort" />
            <el-table-column label="栏舍名称" min-width="70px" align="center" prop="fname" />
            <el-table-column label="计划重量" min-width="70px" align="center" prop="lweight" />
            <el-table-column label="实际重量" min-width="60px" align="center" prop="actualweightminus">
              <template slot-scope="{row}">
                <a v-if="row.actualweightminus == 0" style="color: red;">{{ row.actualweightminus }}</a>
                <a v-else>{{ row.actualweightminus }}</a>
              </template>
            </el-table-column>
            <el-table-column label="误差值" min-width="70px" align="center" prop="diff" />
            <el-table-column label="准确率" min-width="70px" align="center" prop="diffRate" />
            <el-table-column label="完成时间" min-width="70px" align="center" prop="intime" />
            <el-table-column label="过程时间" min-width="70px" align="center" prop="proesstime" />
            <el-table-column label="跳转方式" min-width="70px" align="center" prop="buttontype" />
            <el-table-column label="开始重量" min-width="70px" align="center" prop="lastactualweight" />
            <el-table-column label="结束重量" min-width="70px" align="center" prop="actualweight" />
            <el-table-column
              label="操作"
              width="90px">
              <template slot-scope="scope"  >
                <el-button v-if="scope.row.sort != '合计'"   @click="handleClick(scope.row,2)" type="text" size="small">编辑</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="ControlChart">
          <h4>监控图</h4>
          <div id="chartLine" style="width: 100%;height:300px;" />
        </div>
      </el-col>
      <!-- 剩料计划 2-->
      <el-col v-if="isResidualMaterialPlan" :span="16">
        <div class="title">
          <b>过程详情</b>
          <span>&nbsp;({{ title }})</span>
        </div>
        <div class="detail">
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].proesstime }}</b>
            <span>过程时间</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].iscompleted }}</b>
            <span>工作状态</span>
          </div>
        </div>
        <div class="Mixture">
          <h4>剩料收集详情</h4>
          <el-table
            :key="table3.tableKey"
            v-loading="table3.listLoading"
            element-loading-text="给我一点时间"
            :data="table3.list"
            border
            fit
            highlight-current-row
            style="width: 98%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            max-height="260px"
          >
            <el-table-column label="操作编号" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.sort }}</span>
              </template>
            </el-table-column>
            <el-table-column label="栏舍名称" min-width="90px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.fname }}</span>
              </template>
            </el-table-column>
            <el-table-column label="剩料采集重量（kg）" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.sweight }}</span>
              </template>
            </el-table-column>
          </el-table>
        </div>

        <div class="SpreadingMaterials">
          <h4>撒料详情</h4>
          <el-table
            :key="table4.tableKey"
            v-loading="table4.listLoading"
            :span-method="objectSpanMethod"
            element-loading-text="给我一点时间"
            :data="table4.list"
            border
            fit
            highlight-current-row
            style="width: 98%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            max-height="260px"
          >
            <el-table-column label="操作编号" min-width="110px" align="center" prop="sort" />
            <el-table-column label="转投栏舍" min-width="110px" align="center" prop="fname" />
            <el-table-column label="允许分配剩料量" min-width="110px" align="center" prop="lweight" />
            <el-table-column label="实际分配重量（kg）" min-width="110px" align="center" prop="actualweightminus" />
            <el-table-column label="废弃剩料重量" min-width="110px" align="center" prop="aweight" />
          </el-table>
        </div>
      </el-col>
      <!-- 撒料计划-混料 1-->
      <el-col v-if="isSpreadingPlanSH" :span="16">
        <div class="title">
          <b>过程详情</b>
          <span>&nbsp;({{ title }})</span>
        </div>
        <div class="detail">
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].proesstime }}</b>
            <span>过程时间</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].proesstime }}</b>
            <span>混料时间</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].iscompleted }}</b>
            <span>工作状态</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].Hdif }}kg</b>
            <span>混料误差值</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].HdifRate }}</b>
            <span>混料准确率</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].Sdif }}kg</b>
            <span>撒料误差值</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].SdifRate }}</b>
            <span>撒料准确率</span>
          </div>
        </div>
        <div class="Mixture">
          <h4>混料详情1</h4>
          <el-table
            :key="table3.tableKey"
            v-loading="table3.listLoading"
            element-loading-text="给我一点时间"
            :data="table3.list"
            border
            fit
            highlight-current-row
            style="width: 98%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            max-height="270px"

          >
            <el-table-column  label="操作编号" min-width="60px" align="center" prop="sort" />
            <el-table-column label="饲料名称" min-width="80px" align="center" prop="fname" />
            <el-table-column label="计划重量" min-width="60px" align="center" prop="lweight" />
            <el-table-column label="实际重量" min-width="60px" align="center" prop="actualweightminus">
              <template slot-scope="{row}">
                <a v-if="row.actualweightminus == 0" style="color: red;">{{ row.actualweightminus }}</a>
                <a v-else>{{ row.actualweightminus }}</a>
              </template>
            </el-table-column>
            <el-table-column label="误差值" min-width="60px" align="center" prop="diff" />
            <el-table-column label="准确率" min-width="60px" align="center" prop="diffRate" />
            <el-table-column label="完成时间" min-width="60px" align="center" prop="intime" />
            <el-table-column label="过程时间" min-width="60px" align="center" prop="proesstime" />
            <el-table-column label="跳转方式" min-width="60px" align="center" prop="buttontype" />
            <el-table-column label="开始重量" min-width="60px" align="center" prop="lastactualweight" />
            <el-table-column label="结束重量" min-width="60px" align="center" prop="actualweight" />
            <el-table-column
              label="操作"
              width="90">
              <template slot-scope="scope"  >
                <el-button v-if="scope.row.sort != '合计'"   @click="handleClick(scope.row,1)" type="text" size="small">编辑1</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>

        <div class="SpreadingMaterials">
          <h4>撒料详情1</h4>
          <el-table
            :key="table4.tableKey"
            v-loading="table4.listLoading"
            element-loading-text="给我一点时间"
            :data="table4.list"
            border
            fit
            highlight-current-row
            style="width: 98%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            max-height="260px"
          >
            <el-table-column label="操作编号"  min-width="60px" align="center" prop="sort" />
            <el-table-column label="撒料车辆" min-width="80px" align="center" prop="fname" />
            <el-table-column label="计划重量" min-width="60px" align="center" prop="lweight" />
            <el-table-column label="实际重量" min-width="70px" align="center" prop="actualweightminus">
              <template slot-scope="{row}">
                <a v-if="row.actualweightminus == 0" style="color: red;">{{ row.actualweightminus }}</a>
                <a v-else>{{ row.actualweightminus }}</a>
              </template>
            </el-table-column>
            <el-table-column label="误差值" min-width="60px" align="center" prop="diff" />
            <el-table-column label="准确率" min-width="60px" align="center" prop="diffRate" />
            <el-table-column label="完成时间" min-width="60px" align="center" prop="intime" />
            <el-table-column label="过程时间" min-width="60px" align="center" prop="proesstime" />
            <el-table-column label="跳转方式" min-width="60px" align="center" prop="buttontype" />
            <el-table-column label="开始重量" min-width="60px" align="center" prop="lastactualweight" />
            <el-table-column label="结束重量" min-width="60px" align="center" prop="actualweight" />
            <el-table-column
              label="操作"
              width="90">
              <template slot-scope="scope"  >
                <el-button v-if="scope.row.sort != '合计'"   @click="handleClick(scope.row,2)" type="text" size="small">编辑1</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="ControlChart">
          <h4>监控图</h4>
          <div id="chartLine" style="width: 100%;height:300px;" />
        </div>
      </el-col>
      <!-- 撒料计划-撒料 -->
      <el-col v-if="isSpreadingPlanSS" :span="16">
        <div class="title">
          <b>过程详情</b>
          <span>&nbsp;({{ title }})</span>
        </div>
        <div class="detail">
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].proesstime }}</b>
            <span>过程时间</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].proesstime }}</b>
            <span>混料时间</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].iscompleted }}</b>
            <span>工作状态</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].Hdif }}kg</b>
            <span>混料误差值</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].HdifRate }}</b>
            <span>混料准确率</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].Sdif }}kg</b>
            <span>撒料误差值</span>
          </div>
          <div v-if="table2.list.length !== 0">
            <b>{{ table2.list[0].SdifRate }}</b>
            <span>撒料准确率</span>
          </div>
        </div>
        <div class="Mixture">
          <h4>混料详情2</h4>
          <el-table
            :key="table3.tableKey"
            v-loading="table3.listLoading"
            element-loading-text="给我一点时间"
            :data="table3.list"
            border
            fit
            highlight-current-row
            style="width: 98%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            max-height="270px"
          >
            <el-table-column label="操作编号" min-width="60px" align="center" prop="sort" />
            <el-table-column label="撒料车辆" min-width="60px" align="center" prop="fname" />
            <el-table-column label="计划重量" min-width="60px" align="center" prop="lweight" />
            <el-table-column label="实际重量" min-width="60px" align="center" prop="actualweightminus">
              <template slot-scope="{row}">
                <a v-if="row.actualweightminus == 0" style="color: red;">{{ row.actualweightminus }}</a>
                <a v-else>{{ row.actualweightminus }}</a>
              </template>
            </el-table-column>
            <el-table-column label="误差值" min-width="60px" align="center" prop="diff" />
            <el-table-column label="准确率" min-width="60px" align="center" prop="diffRate" />
            <el-table-column label="完成时间" min-width="60px" align="center" prop="intime" />
            <el-table-column label="过程时间" min-width="60px" align="center" prop="proesstime" />
            <el-table-column label="跳转方式" min-width="60px" align="center" prop="buttontype" />
            <el-table-column label="开始重量" min-width="60px" align="center" prop="lastactualweight" />
            <el-table-column label="结束重量" min-width="60px" align="center" prop="actualweight" />
            <el-table-column
              label="操作"
              width="90px">
              <template slot-scope="scope"  >
                <el-button v-if="scope.row.sort != '合计'"   @click="handleClick(scope.row,1)" type="text" size="small">编辑</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>

        <div class="SpreadingMaterials">
          <h4>撒料详情2</h4>
          <el-table
            :key="table4.tableKey"
            v-loading="table4.listLoading"
            element-loading-text="给我一点时间"
            :data="table4.list"
            border
            fit
            highlight-current-row
            style="width: 98%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            max-height="260px"
          >
            <el-table-column label="操作编号" min-width="70px" align="center" prop="sort" />
            <el-table-column label="撒料车辆" min-width="70px" align="center" prop="fname" />
            <el-table-column label="计划重量" min-width="70px" align="center" prop="lweight" />
            <el-table-column label="实际重量" min-width="80px" align="center" prop="actualweightminus">
              <template slot-scope="{row}">
                <a v-if="row.actualweightminus == 0" style="color: red;">{{ row.actualweightminus }}</a>
                <a v-else>{{ row.actualweightminus }}</a>
              </template>
            </el-table-column>
            <el-table-column label="误差值" min-width="70px" align="center" prop="diff" />
            <el-table-column label="准确率" min-width="70px" align="center" prop="diffRate" />
            <el-table-column label="完成时间" min-width="70px" align="center" prop="intime" />
            <el-table-column label="过程时间" min-width="70px" align="center" prop="proesstime" />
            <el-table-column label="跳转方式" min-width="70px" align="center" prop="buttontype" />
            <el-table-column label="开始重量" min-width="70px" align="center" prop="lastactualweight" />
            <el-table-column label="结束重量" min-width="80px" align="center" prop="actualweight" />
            <el-table-column
              label="操作"
              width="90px">
              <template slot-scope="scope"  >
                <el-button v-if="scope.row.sort != '合计'"   @click="handleClick(scope.row,2)" type="text" size="small">编辑</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="ControlChart">
          <h4>监控图</h4>
          <div id="chartLine" style="width: 100%;height:300px;" />
        </div>
      </el-col>
    </el-row>

    <!-- 修改实际重量 -->
    <el-dialog title="修改实际重量" :visible.sync="dialogFormVisible" width="40%">
  <el-form :model="form">
    <el-form-item label="原实际重量"  label-width="120px">
      <el-input v-model="form.weightOld" disabled  type="number"></el-input>
    </el-form-item>
    <el-form-item label="现实际重量"  label-width="120px">
      <el-input v-model="form.weight"  type="number"></el-input>
    </el-form-item>
  </el-form>
  <div slot="footer" class="dialog-footer">
    <el-button style="padding:10px"  @click="dialogFormVisible = false">取 消</el-button>
    <el-button  style="padding:10px"   type="primary" @click="handleUpdateWg">确 定</el-button>
  </div>
</el-dialog>

  </div>

</template>

<script>
import echarts from 'echarts'

require('echarts/theme/macarons')
import { GetDataByName, GetReportform, formatNum,processAnalysist,editWeightHL,editWeightSL,getPastureData,processAnalysistDown } from '@/api/common'
import Cookies from 'js-cookie'
import { parseTime ,json2excel} from '@/utils/index.js'
import { MessageBox } from 'element-ui';
import axios from 'axios'
import { getToken } from '@/utils/auth' // get token from cookie

export default {
  name: 'PastureProcessAnalysis',
  data() {
    return {
      dialogFormVisible:false,
      form:{
        weightOld:'',
        weight:""
      },
      hlwc1:undefined ,
      hlwc2:undefined ,
      hlzq1:undefined ,
      hlzq2:undefined ,
      slwc1:undefined ,
      slwc2:undefined ,
      slzq1:undefined ,
      slzq2:undefined ,
      minproesstime:undefined ,
      maxproesstime:undefined ,
      ccys:false,
      myheight:970,
      title: '',
      isPremixedPlan: '', // 预混计划
      isSpreadingPlan: '', // 撒料计划
      isResidualMaterialPlan: '', // 剩料计划,
      isSpreadingPlanSH: '', // 撒料计划-混料
      isSpreadingPlanSS: '', // 撒料计划-撒料
      pickerMinDate: '',
      Beforedisabled: false,
      Nextdisabled: false,
      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

            // console.log(minTime, 'minTime')
            // console.log(maxTime, 'maxTime')
            // console.log(new Date(), 'new Date()')
            // console.log(Date.now(), 'Date.now()')
            // console.log(time.getTime(), 'time.getTime()')
            if (maxTime > new Date()) {
              maxTime = Date.now() + 8.64e7
            }

            return time.getTime() < minTime || time.getTime() > maxTime
          }
          return time.getTime() > Date.now() + 8.64e7
        }
      },
      cixCategoryParm:{
        name: 'getFeedclassList', offset: 0, pagecount: 0,
        parammaps: { 'pastureid': Cookies.get('pastureid') }
      },
      planTypeList: [{ lable: '预混计划', value: '4' }, { lable: '撒料计划', value: '0' }, { lable: '剩料计划', value: '3' }, { lable: '撒料计划-混料', value: '1' }, { lable: '撒料计划-撒料', value: '2' }, { lable: '预称重计划', value: '5' }], // 计划类型
      workingConditionList: [{ id: '0', name: '进行中' }, { id: '1', name: '已完成' }], // 工作状态
      cixCategoryList: [], // 混料类别

      // TMR设备列表
      table: {
        getdataListParm: {
          name: 'getprocessAnalysis',
          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()], //['2023-06-05','2023-06-15'],
            iscompleted: '',
            tmrtname: '',
            lpplantype: '',
            error:'',
            fclassid:''
          }
        },
        tableKey: 0,
        list: [],
        total: 0,
        listLoading: true
      },
      // 过程详情
      table2: {
        getdataListParm: {
          name: 'getprocessAnalysisStr',
          page: 1,
          offset: 1,
          pagecount: 1,
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            id: ''
          }
        },
        tableKey: 0,
        list: [],
        total: 0,
        listLoading: true
      },
      // 混料详情
      table3: {
        getdataListParm: {
          name: 'getprocessAnalysisHL',
          page: 1,
          offset: 1,
          pagecount: '',
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            id: ''
          }
        },
        tableKey: 0,
        list: [],
        total: 0,
        listLoading: true
      },
      // 撒料详情
      table4: {
        getdataListParm: {
          name: 'getprocessAnalysisSL',
          page: 1,
          offset: 1,
          pagecount: '',
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            id: ''
          }
        },
        tableKey: 0,
        list: [],
        total: 0,
        listLoading: true
      },
      chart1: {
        getdataListParm: {
          name: 'getprocessAnalysisTB',
          page: 1,
          offset: 1,
          pagecount: '',
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            id: ''
          }
        },
        tableKey: 0,
        list: [],
        total: 0,
        listLoading: false,
        chartLine_data: []
      },
      chartLine: null,
      chartLine_data: {},
      chartName: '',
      // rowStyle: { maxHeight: 30 + 'px', height: 30 + 'px' },
      cellStyle: { padding: 0 + 'px' },

      TMRList:[],
      errorList:[{ value: '有误差', label: '有误差' }, { value: '无误差', label: '无误差' }],

      downTMR: { name: 'getDownloadedplanTmrName', offset: 0, pagecount: 0,
       parammaps: {
            pastureid: Cookies.get('pastureid'),
            startdate: '',
            enddate: '',
          }
      },
    }
  },
  created() {
    this.getCixCategoryList()
    this.getList()
  },
  methods: {

    // 导出功能
     handleDownLoad(){
        if (this.table.getdataListParm.parammaps.inputDatetime !== '' && this.table.getdataListParm.parammaps.inputDatetime !== null) {
        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}')
      } else {
        this.table.getdataListParm.parammaps.inputDatetime = ''
        this.table.getdataListParm.parammaps.startTime = ''
        this.table.getdataListParm.parammaps.stopTime = ''
      }
        const url = Cookies.get('url') + 'authdata/process/excel' // 请求下载文件的地址
        console.log(url)
        axios({
          method: 'POST',
          url: url,
          data: this.table.getdataListParm,
          headers: { token: getToken(), optname: 'insertcustomdoc' },
          responseType: 'blob'
        }).then(res => {
          if (!res) return
          this.percentage = 99
          setTimeout(() => {
            this.isPercentage = false
          }, 2000)
          const blob = new Blob([res.data], {
            type: 'application/octet-stream;charset=utf-8'
          })
          const url = window.URL.createObjectURL(blob)
          const aLink = document.createElement('a')
          aLink.style.display = 'none'
          aLink.href = url
          const docname = '过程分析.xlsx'
          aLink.setAttribute('download', docname) // 下载的文件
          document.body.appendChild(aLink)
          aLink.click()
          document.body.removeChild(aLink)
          window.URL.revokeObjectURL(url)
        })
     },


    // 牧场数据获取
    handleGetPastureData(){
      console.log('牧场数据获取')

      getPastureData().then(response => {
        console.log('请求成功:', response.data);
        MessageBox.alert('操作成功！牧场数据正在同步到平台数据库，此操作根据不同牧场的数据大小耗时也不同，大约需要5-30分钟', '提示', {
        confirmButtonText: '关闭',
        type: 'success',
        });
      })
      .catch(error => {
        console.error('请求失败:', error);
      });
    },
    // 编辑实际重量
    handleClick(row,type){
      this.dialogFormVisible = true;
      this.form.weight = row.actualweightminus;
      this.form.weightOld = row.actualweightminus;
      this.form.pid =  this.table3.getdataListParm.parammaps.pid;
      this.form.sort = row.sort;
      this.form.userId = Cookies.get('employeid')
      this.form.type = type;
      console.log(row,'实际重量');


    },
    // 点击确认修改
    handleUpdateWg(){
      if(this.form.weight == this.form.weightOld ){
        this.dialogFormVisible = false
        return
      }
      // 1:混料 2:撒料
     if(this.form.type == 1){
       this.handleEditWgHL(this.form)
     } else{
      this.handleEditWgSL(this.form)
     }
    },

    // 混料
    async handleEditWgHL(obj){
      const {data} =await editWeightHL(obj);
      console.log(data,'=====混hss')
      if(data == true){
        this.$message({ type: 'success', message: '混料实际重量修改成功', duration: 2000 })
      } else{
        this.$message({ type: 'error', message: '修改失败,请重新修改', duration: 2000 })
      }
      this.getList3()
      this.dialogFormVisible = false
    },
    // 撒料
    async handleEditWgSL(obj){
      const {data} =await editWeightSL(obj);
      console.log(data,'=====撒hss')
      if(data == true){
        this.$message({ type: 'success', message: '撒料实际重量修改成功', duration: 2000 })
      } else{
        this.$message({ type: 'error', message: data, duration: 2000 })
      }
      this.getList4()
      this.dialogFormVisible = false

    },
    change_date(e){
      console.log(e)
      this.getDownList()
    },

    getDownList() {
      this.downTMR.parammaps.startdate = parseTime(this.table.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
      this.downTMR.parammaps.enddate = parseTime(this.table.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
      GetDataByName(this.downTMR).then(response => {
        console.log(response.data.list)
         this.TMRList = response.data.list
      })
    },
    getCixCategoryList(){
      GetDataByName(this.cixCategoryParm).then(response => {
        if(response.data.list !== null){
          this.cixCategoryList = response.data.list
        }else{
          this.cixCategoryList = []
        }
      })
    },
    // TMR设备列表
    getList() {
      this.table.listLoading = true
      processAnalysist(this.table.getdataListParm).then(response => {
        // console.log('TMR设备列表table数据', response.data.list)
        if (response.data.list !== null) {
          this.table.list = response.data.list
          this.table.total = response.data.total
          if (response.data.list[0].lpplantype == '预混计划') {
            this.isPremixedPlan = true
            this.isSpreadingPlan = false
            this.isResidualMaterialPlan = false
            this.isSpreadingPlanSH = false
            this.isSpreadingPlanSS = false
            this.table2.getdataListParm.name = 'getprocessAnalysisStr'
            this.table3.getdataListParm.name = 'getprocessAnalysisHL'
            this.table2.getdataListParm.parammaps.id = response.data.list[0].id
            this.table2.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table3.getdataListParm.parammaps.pid = response.data.list[0].id
            this.table3.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table2.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
            this.table3.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
            this.getList2()
            this.getList3()
          } else if (response.data.list[0].lpplantype == '剩料计划') {
            this.isResidualMaterialPlan = true
            this.isPremixedPlan = false
            this.isSpreadingPlan = false
            this.isSpreadingPlanSH = false
            this.isSpreadingPlanSS = false
            this.table2.getdataListParm.name = 'getprocessAnalysisStrSH'
            this.table3.getdataListParm.name = 'getprocessAnalysisHLSH'
            this.table4.getdataListParm.name = 'getprocessAnalysisSLSH'
            this.table2.getdataListParm.parammaps.id = response.data.list[0].id
            this.table2.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table3.getdataListParm.parammaps.pid = response.data.list[0].id
            this.table3.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table4.getdataListParm.parammaps.pid = response.data.list[0].id
            this.table4.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table2.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
            this.table3.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
            this.getList2()
            this.getList3()
            this.getList4()
          } else if (response.data.list[0].lpplantype == '撒料计划-混料') {
            // 撒料计划-混料
            this.isSpreadingPlan = false
            this.isResidualMaterialPlan = false
            this.isPremixedPlan = false
            this.isSpreadingPlanSH = true
            this.isSpreadingPlanSS = false
            this.table2.getdataListParm.name = 'getprocessAnalysisStr'
            this.table3.getdataListParm.name = 'getprocessAnalysisHL'
            this.table4.getdataListParm.name = 'getprocessAnalysisSL'
            this.table2.getdataListParm.parammaps.id = response.data.list[0].id
            this.table2.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table3.getdataListParm.parammaps.pid = response.data.list[0].id
            this.table3.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table4.getdataListParm.parammaps.pid = response.data.list[0].id
            this.table4.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table2.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
            this.table3.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
            this.getList2()
            this.getList3()
            this.getList4()
            this.chart1.getdataListParm.parammaps.pid = response.data.list[0].id
            this.chart1.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.getChart1()
          } else if (response.data.list[0].lpplantype == '撒料计划-撒料') {
            // 撒料计划-撒料
            this.isSpreadingPlan = false
            this.isResidualMaterialPlan = false
            this.isPremixedPlan = false
            this.isSpreadingPlanSH = false
            this.isSpreadingPlanSS = true
            this.table2.getdataListParm.name = 'getprocessAnalysisStr'
            this.table3.getdataListParm.name = 'getprocessAnalysisHL'
            this.table4.getdataListParm.name = 'getprocessAnalysisSL'
            this.table2.getdataListParm.parammaps.id = response.data.list[0].id
            this.table2.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table3.getdataListParm.parammaps.pid = response.data.list[0].id
            this.table3.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table4.getdataListParm.parammaps.pid = response.data.list[0].id
            this.table4.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table2.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
            this.table3.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
            this.getList2()
            this.getList3()
            this.getList4()
            this.chart1.getdataListParm.parammaps.pid = response.data.list[0].id
            this.chart1.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.getChart1()
          } else if (response.data.list[0].lpplantype == '预称重计划') {
            // 撒料计划-混料
            this.isSpreadingPlan = false
            this.isResidualMaterialPlan = false
            this.isPremixedPlan = false
            this.isSpreadingPlanSH = true
            this.isSpreadingPlanSS = false
            this.table2.getdataListParm.name = 'getprocessAnalysisStr'
            this.table3.getdataListParm.name = 'getprocessAnalysisHL'
            this.table4.getdataListParm.name = 'getprocessAnalysisSL'
            this.table2.getdataListParm.parammaps.id = response.data.list[0].id
            this.table2.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table3.getdataListParm.parammaps.pid = response.data.list[0].id
            this.table3.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table4.getdataListParm.parammaps.pid = response.data.list[0].id
            this.table4.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table2.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
            this.table3.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
            this.getList2()
            this.getList3()
            this.getList4()
            this.chart1.getdataListParm.parammaps.pid = response.data.list[0].id
            this.chart1.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.getChart1()
          } else {
            // 撒料
            this.isSpreadingPlan = true
            this.isResidualMaterialPlan = false
            this.isPremixedPlan = false
            this.isSpreadingPlanSH = false
            this.isSpreadingPlanSS = false
            this.table2.getdataListParm.name = 'getprocessAnalysisStr'
            this.table3.getdataListParm.name = 'getprocessAnalysisHL'
            this.table4.getdataListParm.name = 'getprocessAnalysisSL'
            this.table2.getdataListParm.parammaps.id = response.data.list[0].id
            this.table2.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table3.getdataListParm.parammaps.pid = response.data.list[0].id
            this.table3.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table4.getdataListParm.parammaps.pid = response.data.list[0].id
            this.table4.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.table2.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
            this.table3.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
            this.getList2()
            this.getList3()
            this.getList4()
            this.chart1.getdataListParm.parammaps.pid = response.data.list[0].id
            this.chart1.getdataListParm.parammaps.pastureid = response.data.list[0].pastureid
            this.getChart1()
          }
          this.title = response.data.list[0].lpplantype
        } else {
          this.table.list = []
          this.table2.list = []
          this.table3.list = []
          this.table2.listLoading = false
          this.table3.listLoading = false
          this.table4.listLoading = false
          this.chart1.listLoading = false
        }
        this.getDownList()
        setTimeout(() => {
          this.table.listLoading = false
        }, 100)
      })
    },
    form_search() {
      console.log('点击了查询')
      if (this.table.getdataListParm.parammaps.inputDatetime !== '' && this.table.getdataListParm.parammaps.inputDatetime !== null) {
        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}')
      } else {
        this.table.getdataListParm.parammaps.inputDatetime = ''
        this.table.getdataListParm.parammaps.startTime = ''
        this.table.getdataListParm.parammaps.stopTime = ''
      }

      this.table.getdataListParm.parammaps.hlwc1 = this.hlwc1
      this.table.getdataListParm.parammaps.hlwc2 = this.hlwc2
      this.table.getdataListParm.parammaps.hlzq1 = this.hlzq1
      this.table.getdataListParm.parammaps.hlzq2 = this.hlzq2
      this.table.getdataListParm.parammaps.slwc1 = this.slwc1
      this.table.getdataListParm.parammaps.slwc2 = this.slwc2
      this.table.getdataListParm.parammaps.slzq1 = this.slzq1
      this.table.getdataListParm.parammaps.slzq2 = this.slzq2
      this.table.getdataListParm.parammaps.minproesstime = this.minproesstime
      this.table.getdataListParm.parammaps.maxproesstime = this.maxproesstime
      // if(this.ccys == true){
      //   if(this.table3.getdataListParm.name !== 'getprocessAnalysisHL'){
      //     this.hlwc1 = undefined
      //     this.hlwc2 = undefined
      //     this.hlzq1 = undefined
      //     this.hlzq2 = undefined
      //     this.slwc1 = undefined
      //     this.slwc2 = undefined
      //     this.slzq1 = undefined
      //     this.slzq2 = undefined
      //     this.table.getdataListParm.parammaps.error = ''
      //     this.table3.getdataListParm.parammaps.error = ''
      //     this.table4.getdataListParm.parammaps.error = ''
      //   }
      //   if(this.table3.getdataListParm.name == 'getprocessAnalysisHL'){
      //     this.table3.getdataListParm.parammaps.hlwc1  = this.hlwc1
      //     this.table3.getdataListParm.parammaps.hlwc2  = this.hlwc2
      //     this.table3.getdataListParm.parammaps.hlzq1  = this.hlzq1
      //     this.table3.getdataListParm.parammaps.hlzq2  = this.hlzq2
      //     this.table3.getdataListParm.parammaps.slwc1  = this.slwc1
      //     this.table3.getdataListParm.parammaps.slwc2  = this.slwc2
      //     this.table3.getdataListParm.parammaps.slzq1  = this.slzq1
      //     this.table3.getdataListParm.parammaps.slzq2  = this.slzq2
      //     this.table3.getdataListParm.parammaps.error  = '有误差'
      //   }
      //   if(this.table4.getdataListParm.name == 'getprocessAnalysisSL'){
      //     this.table4.getdataListParm.parammaps.hlwc1  = this.hlwc1
      //     this.table4.getdataListParm.parammaps.hlwc2  = this.hlwc2
      //     this.table4.getdataListParm.parammaps.hlzq1  = this.hlzq1
      //     this.table4.getdataListParm.parammaps.hlzq2  = this.hlzq2
      //     this.table4.getdataListParm.parammaps.slwc1  = this.slwc1
      //     this.table4.getdataListParm.parammaps.slwc2  = this.slwc2
      //     this.table4.getdataListParm.parammaps.slzq1  = this.slzq1
      //     this.table4.getdataListParm.parammaps.slzq2  = this.slzq2
      //     this.table4.getdataListParm.parammaps.error  = '有误差'
      //   }
      //   if(this.table.getdataListParm.name == 'getprocessAnalysis'){
      //     this.table.getdataListParm.parammaps.hlwc1  = this.hlwc1
      //     this.table.getdataListParm.parammaps.hlwc2  = this.hlwc2
      //     this.table.getdataListParm.parammaps.hlzq1  = this.hlzq1
      //     this.table.getdataListParm.parammaps.hlzq2  = this.hlzq2
      //     this.table.getdataListParm.parammaps.slwc1  = this.slwc1
      //     this.table.getdataListParm.parammaps.slwc2  = this.slwc2
      //     this.table.getdataListParm.parammaps.slzq1  = this.slzq1
      //     this.table.getdataListParm.parammaps.slzq2  = this.slzq2
      //     this.table.getdataListParm.parammaps.error = '有误差'
      //   }
      // }else{
      //   this.table3.getdataListParm.parammaps.hlwc1  = ''
      //   this.table3.getdataListParm.parammaps.hlwc2  = ''
      //   this.table3.getdataListParm.parammaps.hlzq1  = ''
      //   this.table3.getdataListParm.parammaps.hlzq2  = ''
      //   this.table3.getdataListParm.parammaps.slwc1  = ''
      //   this.table3.getdataListParm.parammaps.slwc2  = ''
      //   this.table3.getdataListParm.parammaps.slzq1  = ''
      //   this.table3.getdataListParm.parammaps.slzq2  = ''
      //   this.table4.getdataListParm.parammaps.hlwc1  = ''
      //   this.table4.getdataListParm.parammaps.hlwc2  = ''
      //   this.table4.getdataListParm.parammaps.hlzq1  = ''
      //   this.table4.getdataListParm.parammaps.hlzq2  = ''
      //   this.table4.getdataListParm.parammaps.slwc1  = ''
      //   this.table4.getdataListParm.parammaps.slwc2  = ''
      //   this.table4.getdataListParm.parammaps.slzq1  = ''
      //   this.table4.getdataListParm.parammaps.slzq2  = ''
      //   this.table3.getdataListParm.parammaps.error  = ''
      //   this.table4.getdataListParm.parammaps.error  = ''
      // }
      // 临时注释
      this.table.getdataListParm.offset = 1
      this.getList()
    },
    handleRefresh() {
      console.log('点击了重置')
      this.table.getdataListParm.parammaps.fclassid = ''
      this.table.getdataListParm.parammaps.tmrtname = ''
      this.table.getdataListParm.parammaps.iscompleted = ''
      this.table.getdataListParm.parammaps.lpplantype = ''
      this.table.getdataListParm.parammaps.startTime = parseTime(new Date(), '{y}-{m}-{d}')
      this.table.getdataListParm.parammaps.stopTime = parseTime(new Date(), '{y}-{m}-{d}')
      this.table.getdataListParm.parammaps.inputDatetime = [new Date(), new Date()]
      this.table.getdataListParm.offset = 1
      this.getList()
    },
    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()) {
          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.getDownList()
      this.getList()
    },
    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))
        // console.log(stop2)
        // console.log(Date.now() + 8.64e7)
        // console.log(stop2 > Date.now() + 8.64e7)
        if (stop2 > Date.now()) {
          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.getDownList()
      this.getList()
    },
    rowClick(row, column, event) {
      this.table2.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
      this.table3.getdataListParm.parammaps.fclassid = this.table.getdataListParm.parammaps.fclassid
      this.table2.getdataListParm.parammaps.id = row.id
      this.table3.getdataListParm.parammaps.pid = row.id
      this.table4.getdataListParm.parammaps.pid = row.id
      this.chart1.getdataListParm.parammaps.pid = row.id
      this.chartName = row.tmrtname
      if (row.lpplantype == '预混计划') {
        this.isPremixedPlan = true
        this.isResidualMaterialPlan = false
        this.isSpreadingPlan = false

        this.isSpreadingPlanSH = false
        this.isSpreadingPlanSS = false
        this.table2.getdataListParm.name = 'getprocessAnalysisStr'
        this.table3.getdataListParm.name = 'getprocessAnalysisHL'
        this.table2.getdataListParm.parammaps.pastureid = row.pastureid
        this.table3.getdataListParm.parammaps.pastureid = row.pastureid
        this.getList2()
        this.getList3()
      } else if (row.lpplantype == '剩料计划') {
        this.isResidualMaterialPlan = true
        this.isPremixedPlan = false
        this.isSpreadingPlan = false

        this.isSpreadingPlanSH = false
        this.isSpreadingPlanSS = false
        this.table2.getdataListParm.name = 'getprocessAnalysisStrSH'
        this.table3.getdataListParm.name = 'getprocessAnalysisHLSH'
        this.table4.getdataListParm.name = 'getprocessAnalysisSLSH'
        this.table2.getdataListParm.parammaps.pastureid = row.pastureid
        this.table3.getdataListParm.parammaps.pastureid = row.pastureid
        this.table4.getdataListParm.parammaps.pastureid = row.pastureid
        this.getList2()
        this.getList3()
        this.getList4()
      } else if (row.lpplantype == '撒料计划-混料') {
        this.isSpreadingPlan = false
        this.isPremixedPlan = false
        this.isResidualMaterialPlan = false
        this.isSpreadingPlanSH = true
        this.isSpreadingPlanSS = false
        this.table2.getdataListParm.name = 'getprocessAnalysisStr'
        this.table3.getdataListParm.name = 'getprocessAnalysisHL'
        this.table4.getdataListParm.name = 'getprocessAnalysisSL'
        this.table2.getdataListParm.parammaps.pastureid = row.pastureid
        this.table3.getdataListParm.parammaps.pastureid = row.pastureid
        this.table4.getdataListParm.parammaps.pastureid = row.pastureid
        this.chart1.getdataListParm.parammaps.pastureid = row.pastureid
        this.getList2()
        this.getList3()
        this.getList4()
        this.getChart1()
      } else if (row.lpplantype == '撒料计划-撒料') {
        this.isSpreadingPlan = false
        this.isPremixedPlan = false
        this.isResidualMaterialPlan = false
        this.isSpreadingPlanSH = false
        this.isSpreadingPlanSS = true
        this.table2.getdataListParm.name = 'getprocessAnalysisStr'
        this.table3.getdataListParm.name = 'getprocessAnalysisHL'
        this.table4.getdataListParm.name = 'getprocessAnalysisSL'
        this.table2.getdataListParm.parammaps.pastureid = row.pastureid
        this.table3.getdataListParm.parammaps.pastureid = row.pastureid
        this.table4.getdataListParm.parammaps.pastureid = row.pastureid
        this.chart1.getdataListParm.parammaps.pastureid = row.pastureid
        this.getList2()
        this.getList3()
        this.getList4()
        this.getChart1()
      } else if (row.lpplantype == '预称重计划') {
        this.isSpreadingPlan = false
        this.isPremixedPlan = false
        this.isResidualMaterialPlan = false
        this.isSpreadingPlanSH = true
        this.isSpreadingPlanSS = false
        this.table2.getdataListParm.name = 'getprocessAnalysisStr'
        this.table3.getdataListParm.name = 'getprocessAnalysisHL'
        this.table4.getdataListParm.name = 'getprocessAnalysisSL'
        this.table2.getdataListParm.parammaps.pastureid = row.pastureid
        this.table3.getdataListParm.parammaps.pastureid = row.pastureid
        this.table4.getdataListParm.parammaps.pastureid = row.pastureid
        this.chart1.getdataListParm.parammaps.pastureid = row.pastureid
        this.getList2()
        this.getList3()
        this.getList4()
        this.getChart1()
      } else {
        this.isSpreadingPlan = true
        this.isPremixedPlan = false
        this.isResidualMaterialPlan = false
        this.isSpreadingPlanSH = false
        this.isSpreadingPlanSS = false

        this.table2.getdataListParm.name = 'getprocessAnalysisStr'
        this.table3.getdataListParm.name = 'getprocessAnalysisHL'
        this.table4.getdataListParm.name = 'getprocessAnalysisSL'
        this.table2.getdataListParm.parammaps.pastureid = row.pastureid
        this.table3.getdataListParm.parammaps.pastureid = row.pastureid
        this.table4.getdataListParm.parammaps.pastureid = row.pastureid
        this.chart1.getdataListParm.parammaps.pastureid = row.pastureid
        this.getList2()
        this.getList3()
        this.getList4()
        this.getChart1()
      }
      this.title = '' + row.lpplantype
    },
    // 过程详情
    getList2() {
      this.table2.listLoading = false
      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)
      })
    },
    // 混料详情
    getList3() {
      this.table3.listLoading = false
      GetDataByName(this.table3.getdataListParm).then(response => {
        console.log('混料详情table数据', response.data.list)
        if (response.data.list !== null) {
          this.table3.list = response.data.list
          var sumlweight = 0
          var sumactualweightminus = 0
          var sumsweight = 0
          var sumproesstime = ''
          for (let i = 0; i < response.data.list.length; i++) {
            if (response.data.list[i].lweight == undefined) { response.data.list[i].lweight = 0 }
            if (response.data.list[i].actualweightminus == undefined) { response.data.list[i].actualweightminus = 0 }
            if (response.data.list[i].sweight == undefined) { response.data.list[i].sweight = 0 }
            sumlweight += parseFloat(response.data.list[i].lweight)
            sumactualweightminus += parseFloat(response.data.list[i].actualweightminus)
            sumsweight += parseFloat(response.data.list[i].sweight)
            sumproesstime = response.data.list[0].sumproesstime
          }
          sumlweight = formatNum(sumlweight, 2)
          sumactualweightminus = formatNum(sumactualweightminus, 2)
          sumsweight = formatNum(sumsweight, 2)
          this.table3.list.push({ 'sort': '合计', 'lweight': sumlweight, 'actualweightminus': sumactualweightminus, 'sweight': sumsweight, 'proesstime': sumproesstime })
        } else {
          this.table3.list = []
        }
        setTimeout(() => {
          this.table3.listLoading = false
        }, 100)
      })
    },
    // 撒料详情
    getList4() {
      this.table4.listLoading = false
      GetDataByName(this.table4.getdataListParm).then(response => {
        console.log('撒料详情table数据', response.data.list)
        if (response.data.list !== null) {
          this.table4.list = response.data.list
          var sumlweight = 0
          var sumactualweightminus = 0
          var sumsweight = 0
          var sumproesstime = ''
          for (let i = 0; i < response.data.list.length; i++) {
            if (response.data.list[i].lweight == undefined) { response.data.list[i].lweight = 0 }
            if (response.data.list[i].actualweightminus == undefined) { response.data.list[i].actualweightminus = 0 }
            if (response.data.list[i].sweight == undefined) { response.data.list[i].sweight = 0 }
            sumlweight += parseFloat(response.data.list[i].lweight)
            sumactualweightminus += parseFloat(response.data.list[i].actualweightminus)
            sumsweight += parseFloat(response.data.list[i].sweight)
            sumproesstime = response.data.list[0].sumproesstime
          }
          sumlweight = formatNum(sumlweight, 2)
          sumactualweightminus = formatNum(sumactualweightminus, 2)
          sumsweight = formatNum(sumsweight, 2)
          this.table4.list.push({ 'sort': '合计', 'lweight': sumlweight, 'actualweightminus': sumactualweightminus, 'sweight': sumsweight, 'proesstime': sumproesstime })
          this.rowspan()
        } else {
          this.table4.list = []
        }
        setTimeout(() => {
          this.table4.listLoading = false
        }, 100)
      })
    },
    rowspan() {
      this.spanArr = []
      this.table4.list.forEach((item, index) => {
        if (index == 0) {
          this.spanArr.push(1)
          this.position = 0
        } else {
          console.log(item, index, '======')
          if (this.table4.list[index].aweight == this.table4.list[index - 1].aweight) {
            this.spanArr[this.position] += 1
            this.spanArr.push(0)
          } else {
            this.spanArr.push(1)
            this.position = index
          }
        }
      })
    },

    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex == 4) {
        const _row = this.spanArr[rowIndex]
        const _col = _row > 0 ? 1 : 0
        return {
          rowspan: _row,
          colspan: _col
        }
      }
    },
    getChart1() {
      this.chart1.listLoading = true
      GetReportform(this.chart1.getdataListParm).then(response => {
        if (response.data.list !== null) {
          this.chart1.list = response.data.data
          console.log('实时监控', response.data.list)
          this.chart1.chartLine_data = response.data.list
          this.chart1.total = response.data.total
          this.roadChartLine1(this.chart1.chartLine_data)
        } else {
          this.chart1.list = []
        }
        setTimeout(() => {
          this.chart1.listLoading = false
        }, 100)
      })
    },
    roadChartLine1(chartLine_data) {
      console.log(chartLine_data.data5, 'chartLine_data')
      if (this.chartLine != null) {
        this.chartLine.dispose()
      }
      this.chartLine = echarts.init(document.getElementById('chartLine'))
      var option = {
        title: { text: '', subtext: '' },
        color: ['#ff0000', '#5199e5', '#fdb06a', '#fb8b73'], // 关键加上这句话，legend的颜色和折线的自定义颜色就一致了
        legend: [{
          itemWidth: 15, itemHeight: 7, right: '25%', textStyle: { fontSize: 12 },
          data: [{ name: '设计重量' }, { name: '实际重量'  }]
        }, {
          itemWidth: 5, itemHeight: 5, right: '0', textStyle: { fontSize: 12 },
          data: [
            { name: '开始重量' },
            { name: '结束重量' }
          ]
        }],
        tooltip: {
          trigger: 'axis',
          formatter: function(params) {
            // console.log(params, 'params')
            var tip = params[0].name
            for (let i = 0; i < params.length; i++) {
              if (params[i].seriesName == '设计重量') {
                tip += '<br>' + params[i].seriesName + ':' + params[i].value[1]
              }
              if (params[i].seriesName == '实际重量') {
                tip += '<br>' + params[i].seriesName + ':' + params[i].value[1]
              }
              if (params[i].seriesName == '开始重量') {
                tip += '<br>' + params[i].seriesName + ':' + params[i].value[1]
              }
              if (params[i].seriesName == '结束重量') {
                tip += '<br>' + params[i].seriesName + ':' + params[i].value[1] + '<br>' + params[i].value[2] + params[i].value[3]
              }
            }
            return tip
          }
        },
        calculable: true,
        xAxis: [
          { type: 'category' }
          // { type: 'category', splitLine: { show: false }, name: '时间', data: chartLine_data.data1, axisLabel: { show: true, textStyle: { color: '#666' }}}
        ],
        yAxis: [{ type: 'value' }],
        toolbox: {
          show: false,
          feature: {
            dataZoom: { realtime: false, yAxisIndex: 'none', },
            restore: {},
          }
        },
        dataZoom:  [
          {type: 'inside'},        //用于添加滚轮缩放
          {type:'slider' },  //用于添加滑动条缩放，
        ],
        series: [
          { symbol: 'none', name: '实际重量', type: 'line', data: chartLine_data.data3, itemStyle: { normal: { lineStyle: { color: '#ff0000' ,width:2}}}},
          { symbol: 'none', name: '设计重量', type: 'line', step: 'middle', data: chartLine_data.data2 , itemStyle: { normal: { lineStyle: {  width:2}}}},
          { name: '开始重量', symbolSize: 6, type: 'scatter', data: chartLine_data.data4 },
          { name: '结束重量', symbolSize: 6, type: 'scatter', data: chartLine_data.data5 }
        ]
      }
      this.chartLine.setOption(option)
      window.onresize = function() {
        this.chartLine.resize()
      }
    },
    rowStyle({ row, rowIndex }) {
        // console.log(row, rowIndex,'777777');s
        let stylejson = {};
        if (row.abnormal == 1) {
            stylejson.background = "#fb8072";// 背景颜色
            stylejson.maxHeight = '30px';// 背景颜色
            stylejson.height = '30px';// 背景颜色
            // 也可以修改文字颜色
            return stylejson;
        } else {
            return "";
        }
    },
    changeccysChecked(){
      // table.getdataListParm.parammaps.ccys
      // console.log(this.table.getdataListParm.parammaps.ccys,'===')
      if(this.ccys == true){
        if(this.table3.getdataListParm.name !== 'getprocessAnalysisHL'){
          this.hlwc1 = undefined
          this.hlwc2 = undefined
          this.hlzq1 = undefined
          this.hlzq2 = undefined
          this.slwc1 = undefined
          this.slwc2 = undefined
          this.slzq1 = undefined
          this.slzq2 = undefined
          this.table3.getdataListParm.parammaps.error = ''
          this.table4.getdataListParm.parammaps.error = ''
          this.table.getdataListParm.parammaps.error = ''
        }
        if(this.table3.getdataListParm.name == 'getprocessAnalysisHL'){
        //   // hlwc1,hlwc2,hlzq1,hlzq2,slwc1,slwc2,slzq1,slzq2,ccys
          this.table3.getdataListParm.parammaps.hlwc1  = this.hlwc1
          this.table3.getdataListParm.parammaps.hlwc2  = this.hlwc2
          this.table3.getdataListParm.parammaps.hlzq1  = this.hlzq1
          this.table3.getdataListParm.parammaps.hlzq2  = this.hlzq2
          this.table3.getdataListParm.parammaps.slwc1  = this.slwc1
          this.table3.getdataListParm.parammaps.slwc2  = this.slwc2
          this.table3.getdataListParm.parammaps.slzq1  = this.slzq1
          this.table3.getdataListParm.parammaps.slzq2  = this.slzq2
          this.table3.getdataListParm.parammaps.error = '有误差'
        }
        if(this.table4.getdataListParm.name == 'getprocessAnalysisSL'){
          this.table4.getdataListParm.parammaps.hlwc1  = this.hlwc1
          this.table4.getdataListParm.parammaps.hlwc2  = this.hlwc2
          this.table4.getdataListParm.parammaps.hlzq1  = this.hlzq1
          this.table4.getdataListParm.parammaps.hlzq2  = this.hlzq2
          this.table4.getdataListParm.parammaps.slwc1  = this.slwc1
          this.table4.getdataListParm.parammaps.slwc2  = this.slwc2
          this.table4.getdataListParm.parammaps.slzq1  = this.slzq1
          this.table4.getdataListParm.parammaps.slzq2  = this.slzq2
          this.table4.getdataListParm.parammaps.error = '有误差'
        }
        if(this.table.getdataListParm.name == 'getprocessAnalysis'){
          this.table.getdataListParm.parammaps.hlwc1  = this.hlwc1
          this.table.getdataListParm.parammaps.hlwc2  = this.hlwc2
          this.table.getdataListParm.parammaps.hlzq1  = this.hlzq1
          this.table.getdataListParm.parammaps.hlzq2  = this.hlzq2
          this.table.getdataListParm.parammaps.slwc1  = this.slwc1
          this.table.getdataListParm.parammaps.slwc2  = this.slwc2
          this.table.getdataListParm.parammaps.slzq1  = this.slzq1
          this.table.getdataListParm.parammaps.slzq2  = this.slzq2
          this.table.getdataListParm.parammaps.error = '有误差'
        }
        this.getList2()
        this.getList3()
        this.getList4()
      }else{
        this.table.getdataListParm.parammaps.error = ''
        this.table3.getdataListParm.parammaps.error = ''
        this.table4.getdataListParm.parammaps.error = ''
        this.getList2()
        this.getList3()
        this.getList4()
      }
    }
  }
}

</script>
<style lang="scss" scoped>
  .filter-item1{
    margin-top: 10px;
    span{margin-right: 5px;}
  }
  /deep/.el-table--scrollable-y .el-table__body-wrapper{
    bottom: 15px;
  }
  .detail{
    height:84px;padding:0 10px;font:16px/32px '';color:#333;background: #F9F9F9;display: flex; align-items: center;text-align: center;
    div{
      height: 15px;width: 20%;border-right: 1px solid #E0E0E0;color: #333;
      b{line-height: 20px;font-size: 16px;display: block;margin-top: -10px;height: 20px;color: #009A69;}
      span{font-size: 14px;}
    }
    div:last-child{border-right:none}
  }
  .title{height: 50px;line-height: 50px;}
</style>