Browse Source

修改table加滚动条

Shan9312 10 months ago
parent
commit
0cf12d9690
1 changed files with 1414 additions and 1412 deletions
  1. 1414 1412
      src/views/statisticalAnalysis/processAnalysis/pasture/index.vue

+ 1414 - 1412
src/views/statisticalAnalysis/processAnalysis/pasture/index.vue

@@ -1,1468 +1,1470 @@
-<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 />
+<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>
-    </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"
-          >
-            <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" />
+      </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>
+    </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"
+          >
+            <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>
-        </div>
-      </el-col>
-      <!-- 撒料计划 -->
-      <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>混料详情</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"
-          >
-            <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>
+            <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>
+        </div>
+      </el-col>
+      <!-- 撒料计划 -->
+      <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>混料详情</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"
+          >
+            <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>
-        </div>
-
-        <div class="SpreadingMaterials">
-          <h4>撒料详情</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="200px"
-          >
-            <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>
+            <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>
+        </div>
+
+        <div class="SpreadingMaterials">
+          <h4>撒料详情</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="200px"
+          >
+            <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>
-        </div>
-        <div class="ControlChart">
-          <h4>监控图</h4>
-          <div id="chartLine" style="width: 100%;height:300px;" />
-        </div>
-      </el-col>
-      <!-- 剩料计划 -->
-      <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="200px"
-          >
-            <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="200px"
-          >
-            <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>
-      <!-- 撒料计划-混料 -->
-      <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>混料详情</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"
-          >
-            <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>
+            <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>
+        </div>
+        <div class="ControlChart">
+          <h4>监控图</h4>
+          <div id="chartLine" style="width: 100%;height:300px;" />
+        </div>
+      </el-col>
+      <!-- 剩料计划 -->
+      <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="200px"
+          >
+            <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="200px"
+          >
+            <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>
+      <!-- 撒料计划-混料 -->
+      <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>混料详情</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>
-        </div>
-
-        <div class="SpreadingMaterials">
-          <h4>撒料详情</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="200px"
-          >
-            <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>
+            <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>
+        </div>
+
+        <div class="SpreadingMaterials">
+          <h4>撒料详情</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="200px"
+          >
+            <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>
-        </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>混料详情</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"
-          >
-            <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>
+            <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>
+        </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>混料详情</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"
+          >
+            <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>
-        </div>
-
-        <div class="SpreadingMaterials">
-          <h4>撒料详情</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="200px"
-          >
-            <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>
+            <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>
+        </div>
+
+        <div class="SpreadingMaterials">
+          <h4>撒料详情</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="200px"
+          >
+            <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>
-        </div>
-        <div class="ControlChart">
-          <h4>监控图</h4>
-          <div id="chartLine" style="width: 100%;height:300px;" />
-        </div>
-      </el-col>
-    </el-row>
-
-  </div>
-
-</template>
-
-<script>
-import echarts from 'echarts'
-
-require('echarts/theme/macarons')
-import { GetDataByName, GetReportform, formatNum,processAnalysist } from '@/api/common'
-import Cookies from 'js-cookie'
-import { parseTime } from '@/utils/index.js'
-export default {
-  name: 'PastureProcessAnalysis',
-  data() {
-    return {
-      hlwc1:undefined ,
-      hlwc2:undefined ,
-      hlzq1:undefined ,
-      hlzq2:undefined ,
-      slwc1:undefined ,
-      slwc2:undefined ,
-      slzq1:undefined ,
+            </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>
+        </div>
+        <div class="ControlChart">
+          <h4>监控图</h4>
+          <div id="chartLine" style="width: 100%;height:300px;" />
+        </div>
+      </el-col>
+    </el-row>
+
+  </div>
+
+</template>
+
+<script>
+import echarts from 'echarts'
+
+require('echarts/theme/macarons')
+import { GetDataByName, GetReportform, formatNum,processAnalysist } from '@/api/common'
+import Cookies from 'js-cookie'
+import { parseTime } from '@/utils/index.js'
+export default {
+  name: 'PastureProcessAnalysis',
+  data() {
+    return {
+      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()],
-            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: {
-    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
+      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()],
+            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: {
+    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.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.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.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.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');
-        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>
+            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');
+        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>