tmr-admin/.svn/pristine/67/6796e3126a873a7cb204c4183c899bbabc03efcb.svn-base

<template>
  <div class="app-container">
    <div class="search">
      <el-date-picker v-model="table.getdataListParm.parammaps.inputDatetime" class="inputDatetime filter-item" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" style="width: 250px;" />
      <el-select v-model="table.getdataListParm.parammaps.barid" placeholder="计划类型" class="filter-item" style="width: 120px;" clearable>
        <el-option v-for="item in planTypeList" :key="item.id" :label="item.name" :value="item.id" />
      </el-select>
      <el-input v-model="table.getdataListParm.parammaps.drivername" placeholder="TMR名称" style="width: 180px;" class="filter-item" clearable />
      <el-select v-model="table.getdataListParm.parammaps.barid1" 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>
      <el-button class="successBorder" @click="handleSearch">查询</el-button>
      <el-button class="successBorder" @click="handleRefresh">重置</el-button>
    </div>
    <el-row :gutter="20">
      <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: 100%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            height="970px"
            @row-click="rowClick"
          >
            <el-table-column label="开始时间" min-width="100px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A1 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="计划类型" min-width="90px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A2 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="描述" min-width="90px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A3 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="TMR名称" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A4 }}</span>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </el-col>
      <el-col :span="16">
        <h4>过程详情</h4>
        <div class="detail">
          <div class="detail-t">
            过程时间：<span>{{ table.list2[0].A1 }}</span>;
            工作状态：<span>{{ table.list2[0].A2 }}</span>
          </div>
          <div class="detail-b">
            混料误差值：<span>{{ table.list2[0].A3 }}kg</span>;
            混料误差率：<span>{{ table.list2[0].A4 }}</span>;
            撒料误差值：<span>{{ table.list2[0].A5 }}kg</span>;
            撒料误差率：<span>{{ table.list2[0].A6 }}</span>
          </div>
        </div>
        <div class="Mixture">
          <h4>混料详情</h4>
          <el-table
            :key="table2.tableKey"
            v-loading="table2.listLoading"
            element-loading-text="给我一点时间"
            :data="table2.list"
            border
            fit
            highlight-current-row
            style="width: 100%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            height="200px"
          >
            <el-table-column label="操作编号" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A1 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="饲料名称" min-width="90px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A2 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="计划重量" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A3 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="实际重量" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A4 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="误差值" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A5 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="误差率" min-width="90px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A6 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="完成时间" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A7 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="过程时间" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A8 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="跳转方式" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A9 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="开始重量" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A10 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="结束重量" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A11 }}</span>
              </template>
            </el-table-column>
          </el-table>
        </div>

        <div class="SpreadingMaterials">
          <h4>撒料详情</h4>
          <el-table
            :key="table3.tableKey"
            v-loading="table3.listLoading"
            element-loading-text="给我一点时间"
            :data="table3.list"
            border
            fit
            highlight-current-row
            style="width: 100%;"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            height="200px"
          >
            <el-table-column label="操作编号" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A1 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="栏舍名称" min-width="90px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A2 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="计划重量" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A3 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="实际重量" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A4 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="误差值" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A5 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="误差率" min-width="90px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A6 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="完成时间" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A7 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="过程时间" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A8 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="跳转方式" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A9 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="开始重量" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A10 }}</span>
              </template>
            </el-table-column>
            <el-table-column label="结束重量" min-width="110px" align="center">
              <template slot-scope="scope">
                <span>{{ scope.row.A11 }}</span>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="ControlChart">
          <h4>监控图</h4>
          <div style="font-size:14px;color:#666;margin:0 auto;position: relative;">
            <span style="line-height:30px;position:absolute;right:190px"><i class="el-icon-caret-top" style="color:#c23531;line-height:30px;font-size:30px;" /><b style="line-height:32px;">开始重量</b></span>
            <span style="line-height:30px;position:absolute;right:100px"><i class="el-icon-caret-top" style="color:#2f4554;line-height:30px;font-size:30px;" /><b style="line-height:32px;">结束重量</b></span>
          </div>
          <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 } from '@/api/common'
import Cookies from 'js-cookie'
import { parseTime } from '@/utils/index.js'
export default {
  name: 'ProcessAnalysis',
  data() {
    return {
      requestParams: [
        { name: 'getBarListEnable', offset: 0, pagecount: 0, parammaps: { 'pastureid': Cookies.get('pastureid') }},
        { name: 'getCowclassListEnable', offset: 0, pagecount: 0, parammaps: { 'pastureid': Cookies.get('pastureid') }}
      ],
      planTypeList: [{ id: '0', name: '预混计划' }, { id: '1', name: '撒料计划' }, { id: '2', name: '剩料计划' }], // 计划类型
      workingConditionList: [{ id: '0', name: '运行中' }, { id: '1', name: '已完成' }], // 工作状态

      table: {
        getdataListParm: {
          name: 'getBarmilkList',
          page: 1,
          offset: 1,
          pagecount: 10,
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            barid: '',
            cowclass: '',
            startTime: '',
            stopTime: '',
            inputDatetime: ''
          }
        },
        tableKey: 0,
        list: [
          { 'id': 1, 'A1': '2020-09-27 06:34:09', 'A2': '撒料计划', 'A3': '9北10南', 'A4': '1' },
          { 'id': 2, 'A1': '2020-09-27 06:34:25', 'A2': '撒料计划', 'A3': '10南', 'A4': '4' },
          { 'id': 3, 'A1': '2020-09-27 06:54:04', 'A2': '撒料计划', 'A3': '13南', 'A4': '4' },
          { 'id': 4, 'A1': '2020-09-27 07:11:06', 'A2': '撒料计划', 'A3': '13北12南', 'A4': '1' },
          { 'id': 5, 'A1': '2020-09-27 07:11:18', 'A2': '撒料计划', 'A3': '12号', 'A4': '4' },
          { 'id': 6, 'A1': '2020-09-27 07:28:13', 'A2': '撒料计划', 'A3': '11南', 'A4': '4' },
          { 'id': 7, 'A1': '2020-09-27 07:43:35', 'A2': '撒料计划', 'A3': '18号', 'A4': '1' },
          { 'id': 8, 'A1': '2020-09-27 07:52:52', 'A2': '撒料计划', 'A3': '5南3南', 'A4': '4' },
          { 'id': 9, 'A1': '2020-09-27 08:08:30', 'A2': '撒料计划', 'A3': '10北11北', 'A4': '4' }
        ],
        list2: [
          { 'id': 1, 'A1': '00:36:48', 'A2': '已完成', 'A3': '33.45', 'A4': '11.66%', 'A5': '33.52', 'A6': '6.29%' }
        ],
        total: 0,
        listLoading: true
      },
      // 混料详情
      table2: {
        getdataListParm: {
          name: 'getBarmilkList',
          page: 1,
          offset: 1,
          pagecount: 10,
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            barid: '',
            cowclass: '',
            startTime: '',
            stopTime: '',
            inputDatetime: ''
          }
        },
        tableKey: 0,
        list: [
          { 'id': 1, 'A1': '1', 'A2': '进口燕麦草', 'A3': '149.6', 'A4': '150', 'A5': '0.4', 'A6': '0.27%', 'A7': '06:37:28', 'A8': '00:03:19', 'A9': '自动跳转', 'A10': '-8', 'A11': '142' },
          { 'id': 2, 'A1': '2', 'A2': '1号苜蓿', 'A3': '199.46', 'A4': '196', 'A5': '3.46', 'A6': '1.7%', 'A7': '06:38:59', 'A8': '00:01:31', 'A9': '自动跳转', 'A10': '142', 'A11': '338' },
          { 'id': 3, 'A1': '3', 'A2': '棉籽', 'A3': '99.73', 'A4': '101', 'A5': '1.27', 'A6': '1.3%', 'A7': '06:40:08', 'A8': '00:01:09', 'A9': '自动跳转', 'A10': '337', 'A11': '438' },
          { 'id': 4, 'A1': '4', 'A2': '青贮苜蓿', 'A3': '249.33', 'A4': '242', 'A5': '7.33', 'A6': '2.9%', 'A7': '06:41:40', 'A8': '00:01:32', 'A9': '自动跳转', 'A10': '438', 'A11': '680' },
          { 'id': 5, 'A1': '5', 'A2': '湿储玉米', 'A3': '279.24', 'A4': '280', 'A5': '0.76', 'A6': '0.27%', 'A7': '06:43:09', 'A8': '00:01:29', 'A9': '自动跳转', 'A10': '678', 'A11': '958' },
          { 'id': 6, 'A1': '6', 'A2': '啤酒糟', 'A3': '149.6', 'A4': '144', 'A5': '5.6', 'A6': '3.7%', 'A7': '06:44:44', 'A8': '00:01:35', 'A9': '自动跳转', 'A10': '856', 'A11': '1100' },
          { 'id': 7, 'A1': '7', 'A2': '青贮玉米', 'A3': '1396.22', 'A4': '1387', 'A5': '9.22', 'A6': '0.66%', 'A7': '06:47:40', 'A8': '00:02:56', 'A9': '自动跳转', 'A10': '1099', 'A11': '2486' },
          { 'id': 8, 'A1': '8', 'A2': '新产料', 'A3': '747.97', 'A4': '749', 'A5': '1.03', 'A6': '0.14%', 'A7': '06:49:20', 'A8': '00:01:40', 'A9': '自动跳转', 'A10': '2487', 'A11': '3236' },
          { 'id': 9, 'A1': '9', 'A2': '水', 'A3': '598.38', 'A4': '594', 'A5': '4.38', 'A6': '0.73%', 'A7': '06:53:14', 'A8': '00:03:54', 'A9': '自动跳转', 'A10': '3236', 'A11': '3830' }
        ],
        total: 0,
        listLoading: true
      },
      // 撒料详情
      table3: {
        getdataListParm: {
          name: 'getBarmilkList',
          page: 1,
          offset: 1,
          pagecount: 10,
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            barid: '',
            cowclass: '',
            startTime: '',
            stopTime: '',
            inputDatetime: ''
          }
        },
        tableKey: 0,
        list: [
          { 'id': 1, 'A1': '101', 'A2': '17号', 'A3': '802.38', 'A4': '798', 'A5': '4.38', 'A6': '0.55%', 'A7': '06:59:03', 'A8': '00:05:49', 'A9': '自动跳转', 'A10': '3830', 'A11': '3032' },
          { 'id': 2, 'A1': '102', 'A2': '5号南', 'A3': '1808.86', 'A4': '1801', 'A5': '7.86', 'A6': '0.43%', 'A7': '07:02:01', 'A8': '00:02:58', 'A9': '自动跳转', 'A10': '3033', 'A11': '1232' },
          { 'id': 3, 'A1': '103', 'A2': '3南东', 'A3': '529.62', 'A4': '524', 'A5': '5.62', 'A6': '1.06%', 'A7': '07:05:20', 'A8': '00:03:19', 'A9': '自动跳转', 'A10': '1232', 'A11': '708' },
          { 'id': 4, 'A1': '104', 'A2': '3南西', 'A3': '356.18', 'A4': '352', 'A5': '4.18', 'A6': '1.17%', 'A7': '07:07:10', 'A8': '00:01:50', 'A9': '自动跳转', 'A10': '708', 'A11': '356 ' },
          { 'id': 5, 'A1': '105', 'A2': '1号南', 'A3': '372.48', 'A4': '361', 'A5': '11.48', 'A6': '3.08%', 'A7': '07:10:57', 'A8': '00:03:47', 'A9': '自动跳转', 'A10': '355', 'A11': '-6' }
        ],
        total: 0,
        listLoading: true
      },
      chartLine: null,
      chartLine_data1: {
        data1: ['06:34:10', '06:34:11', '06:34:12', '06:34:13', '06:34:14', '06:34:14', '06:34:15', '06:34:16', '06:34:17', '06:34:18', '06:34:19', '06:34:20', '06:34:21', '06:34:22', '06:34:23', '06:34:29', '06:34:44', '06:34:59', '06:35:14', '06:35:29', '06:35:44', '06:35:59', '06:36:14', '06:36:29', '06:36:44', '06:36:59', '06:37:14', '06:37:28', '06:37:29', '06:37:44', '06:37:59', '06:38:14', '06:38:29', '06:38:44', '06:38:59', '06:38:59', '06:39:14', '06:39:29', '06:39:44', '06:39:59', '06:40:08', '06:40:14', '06:40:29', '06:40:44', '06:40:59', '06:41:14', '06:41:29', '06:41:40', '06:41:44', '06:41:59', '06:42:14', '06:42:29', '06:42:44', '06:42:59', '06:43:09', '06:43:14', '06:43:29', '06:43:44', '06:43:59', '06:44:14', '06:44:29', '06:44:44', '06:44:44', '06:44:59', '06:45:14', '06:45:30', '06:45:45', '06:46:00', '06:46:15', '06:46:30', '06:46:45', '06:47:00', '06:47:15', '06:47:30', '06:47:40', '06:47:45', '06:48:00', '06:48:15', '06:48:30', '06:48:45', '06:49:00', '06:49:15', '06:49:20', '06:49:30', '06:49:45', '06:50:00', '06:50:15', '06:50:30', '06:50:45', '06:51:00', '06:51:15', '06:51:30', '06:51:45', '06:52:00', '06:52:15', '06:52:30', '06:52:45', '06:53:00', '06:53:14', '06:53:15', '06:53:30', '06:53:45', '06:54:00', '06:54:15', '06:54:30', '06:54:45', '06:55:00', '06:55:15', '06:55:30', '06:55:45', '06:56:00', '06:56:15', '06:56:30', '06:56:45', '06:57:00', '06:57:15', '06:57:30', '06:57:45', '06:58:00', '06:58:16', '06:58:31', '06:58:46', '06:59:01', '06:59:03', '06:59:16', '06:59:31', '06:59:46', '07:00:01', '07:00:16', '07:00:31', '07:00:46', '07:01:01', '07:01:16', '07:01:31', '07:01:46', '07:02:01', '07:02:01', '07:02:16', '07:02:31', '07:02:46', '07:03:01', '07:03:16', '07:03:31', '07:03:46', '07:04:01', '07:04:16', '07:04:31', '07:04:46', '07:05:01', '07:05:16', '07:05:20', '07:05:31', '07:05:46', '07:06:01', '07:06:16', '07:06:31', '07:06:46', '07:07:01', '07:07:10', '07:07:16', '07:07:31', '07:07:46', '07:08:01', '07:08:16', '07:08:31', '07:08:46', '07:09:01', '07:09:16', '07:09:31', '07:09:46'],
        data2: [141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 341.46, 341.46, 341.46, 341.46, 341.46, 341.46, 341.46, 437.73, 437.73, 437.73, 437.73, 437.73, 437.73, 687.33, 687.33, 687.33, 687.33, 687.33, 687.33, 687.33, 959.24, 959.24, 959.24, 959.24, 959.24, 959.24, 959.24, 1107.6, 1107.6, 1107.6, 1107.6, 1107.6, 1107.6, 1107.6, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 3233.97, 3233.97, 3233.97, 3233.97, 3233.97, 3233.97, 3233.97, 3233.97, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 351.82, 351.82, 351.82, 351.82, 351.82, 351.82, 351.82, -16.48, -16.48, -16.48, -16.48, -16.48, -16.48, -16.48, -16.48, -16.48, -16.48, -16.48],
        data3: [-8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -11, -9, -4, -8, -10, -8, -8, 0, -1, 32, 88, 142, 143, 141, 154, 215, 250, 256, 338, 337, 329, 325, 409, 420, 438, 434, 432, 447, 439, 496, 655, 680, 678, 670, 669, 741, 752, 924, 958, 962, 955, 961, 956, 956, 968, 1100, 1099, 1102, 1115, 1103, 1217, 1266, 1681, 1919, 1968, 2139, 2426, 2479, 2486, 2489, 2480, 2502, 2498, 2769, 3097, 3224, 3236, 3242, 3238, 3282, 3320, 3369, 3411, 3458, 3499, 3540, 3580, 3632, 3668, 3708, 3753, 3798, 3830, 3830, 3837, 3840, 3832, 3829, 3842, 3817, 3825, 3822, 3850, 3820, 3830, 3837, 3833, 3830, 3832, 3829, 3814, 3681, 3575, 3423, 3268, 3138, 3036, 3032, 3039, 3032, 3017, 3025, 3036, 2926, 2895, 2696, 2315, 1831, 1379, 1232, 1232, 1227, 1228, 1224, 1225, 1213, 1230, 1209, 1221, 1225, 1231, 1138, 928, 736, 708, 707, 674, 540, 530, 527, 437, 390, 356, 325, 307, 309, 310, 308, 294, 308, 306, 293, 278, 226],
        data4: [
          ['06:34:10', -8],
          ['06:37:28', 142],
          ['06:37:29', 143],
          ['06:38:59', 338],
          ['06:38:59', 337],
          ['06:40:08', 438],
          ['06:40:08', 438],
          ['06:41:40', 680],
          ['06:41:44', 678],
          ['06:43:09', 958],
          ['06:43:09', 958],
          ['06:44:44', 1100],
          ['06:44:44', 1099],
          ['06:47:40', 2486],
          ['06:47:45', 2489],
          ['06:49:20', 3236],
          ['06:49:20', 3236],
          ['06:53:14', 3830],
          ['06:53:15', 3830],
          ['06:59:01', 3036],
          ['06:59:03', 3032],
          ['07:02:01', 1232],
          ['07:02:01', 1232],
          ['07:05:16', 736],
          ['07:05:20', 708],
          ['07:07:10', 356],
          ['07:07:10', 356]
        ]
      },
      rowStyle: { maxHeight: 50 + 'px', height: 45 + 'px' },
      cellStyle: { padding: 0 + 'px' }
    }
  },

  created() {
    this.getList()
  },
  mounted() {
    this.roadChartLine1(this.chartLine_data1)
  },
  methods: {
    getList() {
      this.table.listLoading = true
      GetDataByName(this.table.getdataListParm).then(response => {
        console.log('table数据', response.data.list)
        if (response.data.list !== null) {
          // this.table.list = response.data.list
          this.getList2()
          this.getList3()
        } else {
          this.table.list = []
        }
        setTimeout(() => {
          this.table.listLoading = false
        }, 100)
      })
    },
    handleSearch() {
      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.offset = 1
      this.getList()
    },
    handleRefresh() {
      console.log('点击了重置')
      this.table.getdataListParm.parammaps.barid = ''
      this.table.getdataListParm.parammaps.cowclass = ''
      this.table.getdataListParm.parammaps.startTime = ''
      this.table.getdataListParm.parammaps.stopTime = ''
      this.table.getdataListParm.parammaps.inputDatetime = ''
      this.table.getdataListParm.offset = 1
      this.getList()
    },
    rowClick(row, column, event) {
      console.log(row, column, event)
      if (row.id % 2 == 0) {
        console.log(123)
        this.table.list2 = [{ 'id': 1, 'A1': '00:40:55', 'A2': '已完成', 'A3': '29', 'A4': '9.85%', 'A5': '31.52', 'A6': '5.96%' }]
        this.table2.list = [
          { 'id': 1, 'A1': '1', 'A2': '国产燕麦草', 'A3': '52.26', 'A4': '49', 'A5': '3.26', 'A6': '0.31%', 'A7': '06:35:04', 'A8': '00:00:39', 'A9': '自动跳转', 'A10': '3', 'A11': '52' },
          { 'id': 2, 'A1': '2', 'A2': '1号苜蓿', 'A3': '130.66', 'A4': '126', 'A5': '4.66', 'A6': '1.9%', 'A7': '06:36:04', 'A8': '00:01:00', 'A9': '自动跳转', 'A10': '52', 'A11': '178' },
          { 'id': 3, 'A1': '3', 'A2': '棉籽', 'A3': '111.06', 'A4': '117', 'A5': '6.06', 'A6': '1.15%', 'A7': '06:37:00', 'A8': '00:00:56', 'A9': '自动跳转', 'A10': '177', 'A11': '294' },
          { 'id': 4, 'A1': '4', 'A2': '湿储玉米', 'A3': '346.25', 'A4': '351', 'A5': '4.25', 'A6': '1.9%', 'A7': '06:38:24', 'A8': '00:01:24', 'A9': '自动跳转', 'A10': '293', 'A11': '644' },
          { 'id': 5, 'A1': '5', 'A2': '青贮苜蓿', 'A3': '195.99', 'A4': '189', 'A5': '6.99', 'A6': '0.45%', 'A7': '06:39:31', 'A8': '00:01:07', 'A9': '自动跳转', 'A10': '643', 'A11': '832' },
          { 'id': 6, 'A1': '6', 'A2': '啤酒糟', 'A3': '228.65', 'A4': '229', 'A5': '0.35', 'A6': '3.46%', 'A7': '06:41:04', 'A8': '00:01:33', 'A9': '自动跳转', 'A10': '833', 'A11': '1.62' },
          { 'id': 7, 'A1': '7', 'A2': '青贮玉米', 'A3': '1371.93', 'A4': '1370', 'A5': '1.93', 'A6': '0.86%', 'A7': '06:43:13', 'A8': '00:02:09', 'A9': '自动跳转', 'A10': '1060', 'A11': '2430' },
          { 'id': 8, 'A1': '8', 'A2': '高产料', 'A3': '607.57', 'A4': '597', 'A5': '9.57', 'A6': '0.54%', 'A7': '06:44:45', 'A8': '00:01:32', 'A9': '自动跳转', 'A10': '2428', 'A11': '3025' },
          { 'id': 9, 'A1': '9', 'A2': '水', 'A3': '326.65', 'A4': '331', 'A5': '4.65', 'A6': '0.33%', 'A7': '06:46:57', 'A8': '00:02:12', 'A9': '自动跳转', 'A10': '3025', 'A11': '3356' }
        ]
        this.table3.list = [
          { 'id': 1, 'A1': '101', 'A2': '10号南', 'A3': '3371.02', 'A4': '3343', 'A5': '27.02', 'A6': '0.43%', 'A7': '06:51:43', 'A8': '00:04:46', 'A9': '自动跳转', 'A10': '3349', 'A11': '6' }
        ]
        this.chartLine_data1 = {
          data1: ['06:34:10', '06:34:11', '06:34:12', '06:34:13', '06:34:14', '06:34:14', '06:34:15', '06:34:16', '06:34:17', '06:34:18', '06:34:19', '06:34:20', '06:34:21', '06:34:22', '06:34:23', '06:34:29', '06:34:44', '06:34:59', '06:35:14', '06:35:29', '06:35:44', '06:35:59', '06:36:14', '06:36:29', '06:36:44', '06:36:59', '06:37:14', '06:37:28', '06:37:29', '06:37:44', '06:37:59', '06:38:14', '06:38:29', '06:38:44', '06:38:59', '06:38:59', '06:39:14', '06:39:29', '06:39:44', '06:39:59', '06:40:08', '06:40:14', '06:40:29', '06:40:44', '06:40:59', '06:41:14', '06:41:29', '06:41:40', '06:41:44', '06:41:59', '06:42:14', '06:42:29', '06:42:44', '06:42:59', '06:43:09', '06:43:14', '06:43:29', '06:43:44', '06:43:59', '06:44:14', '06:44:29', '06:44:44', '06:44:44', '06:44:59', '06:45:14', '06:45:30', '06:45:45', '06:46:00', '06:46:15', '06:46:30', '06:46:45', '06:47:00', '06:47:15', '06:47:30', '06:47:40', '06:47:45', '06:48:00', '06:48:15', '06:48:30', '06:48:45', '06:49:00', '06:49:15', '06:49:20', '06:49:30', '06:49:45', '06:50:00', '06:50:15', '06:50:30', '06:50:45', '06:51:00', '06:51:15', '06:51:30', '06:51:45', '06:52:00', '06:52:15', '06:52:30', '06:52:45', '06:53:00', '06:53:14', '06:53:15', '06:53:30', '06:53:45', '06:54:00', '06:54:15', '06:54:30', '06:54:45', '06:55:00', '06:55:15', '06:55:30', '06:55:45', '06:56:00', '06:56:15', '06:56:30', '06:56:45', '06:57:00', '06:57:15', '06:57:30', '06:57:45', '06:58:00', '06:58:16', '06:58:31', '06:58:46', '06:59:01', '06:59:03', '06:59:16', '06:59:31', '06:59:46', '07:00:01', '07:00:16', '07:00:31', '07:00:46', '07:01:01', '07:01:16', '07:01:31', '07:01:46', '07:02:01', '07:02:01', '07:02:16', '07:02:31', '07:02:46', '07:03:01', '07:03:16', '07:03:31', '07:03:46', '07:04:01', '07:04:16', '07:04:31', '07:04:46', '07:05:01', '07:05:16', '07:05:20', '07:05:31', '07:05:46', '07:06:01', '07:06:16', '07:06:31', '07:06:46', '07:07:01', '07:07:10', '07:07:16', '07:07:31', '07:07:46', '07:08:01', '07:08:16', '07:08:31', '07:08:46', '07:09:01', '07:09:16', '07:09:31', '07:09:46'],
          data2: [141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 141.6, 341.46, 341.46, 341.46, 341.46, 341.46, 341.46, 341.46, 437.73, 437.73, 437.73, 437.73, 437.73, 437.73, 687.33, 687.33, 687.33, 687.33, 687.33, 687.33, 687.33, 959.24, 959.24, 959.24, 959.24, 959.24, 959.24, 959.24, 1107.6, 1107.6, 1107.6, 1107.6, 1107.6, 1107.6, 1107.6, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 2496.22, 3233.97, 3233.97, 3233.97, 3233.97, 3233.97, 3233.97, 3233.97, 3233.97, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3834.38, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 3027.62, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 1223.14, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 702.38, 351.82, 351.82, 351.82, 351.82, 351.82, 351.82, 351.82, -16.48, -16.48, -16.48, -16.48, -16.48, -16.48, -16.48, -16.48, -16.48, -16.48, -16.48],
          data3: [-8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -8, -11, -9, -4, -8, -10, -8, -8, 0, -1, 32, 88, 142, 143, 141, 154, 215, 250, 256, 338, 337, 329, 325, 409, 420, 438, 434, 432, 447, 439, 496, 655, 680, 678, 670, 669, 741, 752, 924, 958, 962, 955, 961, 956, 956, 968, 1100, 1099, 1102, 1115, 1103, 1217, 1266, 1681, 1919, 1968, 2139, 2426, 2479, 2486, 2489, 2480, 2502, 2498, 2769, 3097, 3224, 3236, 3242, 3238, 3282, 3320, 3369, 3411, 3458, 3499, 3540, 3580, 3632, 3668, 3708, 3753, 3798, 3830, 3830, 3837, 3840, 3832, 3829, 3842, 3817, 3825, 3822, 3850, 3820, 3830, 3837, 3833, 3830, 3832, 3829, 3814, 3681, 3575, 3423, 3268, 3138, 3036, 3032, 3039, 3032, 3017, 3025, 3036, 2926, 2895, 2696, 2315, 1831, 1379, 1232, 1232, 1227, 1228, 1224, 1225, 1213, 1230, 1209, 1221, 1225, 1231, 1138, 928, 736, 708, 707, 674, 540, 530, 527, 437, 390, 356, 325, 307, 309, 310, 308, 294, 308, 306, 293, 278, 226],
          data4: [
            ['06:34:10', -8],
            ['06:37:28', 142],
            ['06:37:29', 143],
            ['06:38:59', 338],
            ['06:38:59', 337],
            ['06:40:08', 438],
            ['06:40:08', 438],
            ['06:41:40', 680],
            ['06:41:44', 678],
            ['06:43:09', 958],
            ['06:43:09', 958],
            ['06:44:44', 1100],
            ['06:44:44', 1099],
            ['06:47:40', 2486],
            ['06:47:45', 2489],
            ['06:49:20', 3236],
            ['06:49:20', 3236],
            ['06:53:14', 3830],
            ['06:53:15', 3830],
            ['06:59:01', 3036],
            ['06:59:03', 3032],
            ['07:02:01', 1232],
            ['07:02:01', 1232],
            ['07:05:16', 736],
            ['07:05:20', 708],
            ['07:07:10', 356],
            ['07:07:10', 356]
          ]
        }
        this.roadChartLine1(this.chartLine_data1)
      } else {
        this.table.list2 = [
          { 'id': 1, 'A1': '00:36:48', 'A2': '已完成', 'A3': '33.45', 'A4': '11.66%', 'A5': '33.52', 'A6': '6.29%' }
        ]
        this.table2.list = [
          { 'id': 1, 'A1': '1', 'A2': '进口燕麦草', 'A3': '149.6', 'A4': '150', 'A5': '0.4', 'A6': '0.27%', 'A7': '06:37:28', 'A8': '00:03:19', 'A9': '自动跳转', 'A10': '-8', 'A11': '142' },
          { 'id': 2, 'A1': '2', 'A2': '1号苜蓿', 'A3': '199.46', 'A4': '196', 'A5': '3.46', 'A6': '1.7%', 'A7': '06:38:59', 'A8': '00:01:31', 'A9': '自动跳转', 'A10': '142', 'A11': '338' },
          { 'id': 3, 'A1': '3', 'A2': '棉籽', 'A3': '99.73', 'A4': '101', 'A5': '1.27', 'A6': '1.3%', 'A7': '06:40:08', 'A8': '00:01:09', 'A9': '自动跳转', 'A10': '337', 'A11': '438' },
          { 'id': 4, 'A1': '4', 'A2': '青贮苜蓿', 'A3': '249.33', 'A4': '242', 'A5': '7.33', 'A6': '2.9%', 'A7': '06:41:40', 'A8': '00:01:32', 'A9': '自动跳转', 'A10': '438', 'A11': '680' },
          { 'id': 5, 'A1': '5', 'A2': '湿储玉米', 'A3': '279.24', 'A4': '280', 'A5': '0.76', 'A6': '0.27%', 'A7': '06:43:09', 'A8': '00:01:29', 'A9': '自动跳转', 'A10': '678', 'A11': '958' },
          { 'id': 6, 'A1': '6', 'A2': '啤酒糟', 'A3': '149.6', 'A4': '144', 'A5': '5.6', 'A6': '3.7%', 'A7': '06:44:44', 'A8': '00:01:35', 'A9': '自动跳转', 'A10': '856', 'A11': '1100' },
          { 'id': 7, 'A1': '7', 'A2': '青贮玉米', 'A3': '1396.22', 'A4': '1387', 'A5': '9.22', 'A6': '0.66%', 'A7': '06:47:40', 'A8': '00:02:56', 'A9': '自动跳转', 'A10': '1099', 'A11': '2486' },
          { 'id': 8, 'A1': '8', 'A2': '新产料', 'A3': '747.97', 'A4': '749', 'A5': '1.03', 'A6': '0.14%', 'A7': '06:49:20', 'A8': '00:01:40', 'A9': '自动跳转', 'A10': '2487', 'A11': '3236' },
          { 'id': 9, 'A1': '9', 'A2': '水', 'A3': '598.38', 'A4': '594', 'A5': '4.38', 'A6': '0.73%', 'A7': '06:53:14', 'A8': '00:03:54', 'A9': '自动跳转', 'A10': '3236', 'A11': '3830' }
        ]
        this.table3.list = [
          { 'id': 1, 'A1': '101', 'A2': '17号', 'A3': '802.38', 'A4': '798', 'A5': '4.38', 'A6': '0.55%', 'A7': '06:59:03', 'A8': '00:05:49', 'A9': '自动跳转', 'A10': '3830', 'A11': '3032' },
          { 'id': 2, 'A1': '102', 'A2': '5号南', 'A3': '1808.86', 'A4': '1801', 'A5': '7.86', 'A6': '0.43%', 'A7': '07:02:01', 'A8': '00:02:58', 'A9': '自动跳转', 'A10': '3033', 'A11': '1232' },
          { 'id': 3, 'A1': '103', 'A2': '3南东', 'A3': '529.62', 'A4': '524', 'A5': '5.62', 'A6': '1.06%', 'A7': '07:05:20', 'A8': '00:03:19', 'A9': '自动跳转', 'A10': '1232', 'A11': '708' },
          { 'id': 4, 'A1': '104', 'A2': '3南西', 'A3': '356.18', 'A4': '352', 'A5': '4.18', 'A6': '1.17%', 'A7': '07:07:10', 'A8': '00:01:50', 'A9': '自动跳转', 'A10': '708', 'A11': '356 ' },
          { 'id': 5, 'A1': '105', 'A2': '1号南', 'A3': '372.48', 'A4': '361', 'A5': '11.48', 'A6': '3.08%', 'A7': '07:10:57', 'A8': '00:03:47', 'A9': '自动跳转', 'A10': '355', 'A11': '-6' }
        ]
        this.chartLine_data1 = {
          data1: ['06:34:26', '06:34:27', '06:34:28', '06:34:29', '06:34:30', '06:34:34', '06:34:35', '06:34:45', '06:35:00', '06:35:04', '06:35:15', '06:35:30', '06:35:45', '06:36:00', '06:36:04', '06:36:15', '06:36:30', '06:36:45', '06:37:00', '06:37:00', '06:37:15', '06:37:30', '06:37:45', '06:38:00', '06:38:15', '06:38:24', '06:38:30', '06:38:45', '06:39:00', '06:39:15', '06:39:30', '06:39:31', '06:39:45', '06:40:00', '06:40:15', '06:40:30', '06:40:45', '06:41:00', '06:41:04', '06:41:15', '06:41:30', '06:41:45', '06:42:00', '06:42:15', '06:42:30', '06:42:45', '06:43:00', '06:43:13', '06:43:15', '06:43:31', '06:43:46', '06:44:01', '06:44:16', '06:44:31', '06:44:45', '06:44:46', '06:45:01', '06:45:16', '06:45:31', '06:45:46', '06:46:01', '06:46:16', '06:46:31', '06:46:46', '06:46:57', '06:47:01', '06:47:16', '06:47:31', '06:47:46', '06:48:01', '06:48:16', '06:48:31', '06:48:46', '06:49:01', '06:49:16', '06:49:31', '06:49:46', '06:50:01', '06:50:16', '06:50:31', '06:50:46', '06:51:01', '06:51:16', '06:51:31'],
          data2: [55.26, 55.26, 55.26, 55.26, 55.26, 55.26, 55.26, 55.26, 55.26, 55.26, 182.66, 182.66, 182.66, 182.66, 182.66, 289.06, 289.06, 289.06, 289.06, 620.25, 620.25, 620.25, 620.25, 620.25, 620.25, 620.25, 839.99, 839.99, 839.99, 839.99, 839.99, 839.99, 1060.65, 1060.65, 1060.65, 1060.65, 1060.65, 1060.65, 1060.65, 2433.93, 2433.93, 2433.93, 2433.93, 2433.93, 2433.93, 2433.93, 2433.93, 2433.93, 3037.57, 3037.57, 3037.57, 3037.57, 3037.57, 3037.57, 3037.57, 3351.65, 3351.65, 3351.65, 3351.65, 3351.65, 3351.65, 3351.65, 3351.65, 3351.65, 3351.65, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03, -15.03],
          data3: [3, 2, 1, 2, 3, 8, 13, 1, 47, 52, 56, 49, 124, 167, 178, 176, 178, 192, 294, 293, 286, 292, 290, 301, 574, 644, 649, 641, 648, 795, 831, 832, 827, 841, 845, 889, 1029, 1082, 1062, 1070, 1077, 1183, 1393, 1732, 1959, 2222, 2332, 2430, 2429, 2423, 2442, 2446, 2598, 2814, 3025, 3040, 3031, 3062, 3097, 3142, 3189, 3230, 3277, 3324, 3356, 3353, 3358, 3334, 3363, 3364, 3353, 3343, 3351, 3364, 3351, 3370, 3355, 2971, 2273, 1425, 1380, 857, 251, 21],
          data4: [
            ['06:34:10', -8],
            ['06:37:28', 142],
            ['06:37:29', 143],
            ['06:38:59', 338],
            ['06:38:59', 337],
            ['06:40:08', 438],
            ['06:40:08', 438],
            ['06:41:40', 680],
            ['06:41:44', 678],
            ['06:43:09', 958],
            ['06:43:09', 958],
            ['06:44:44', 1100],
            ['06:44:44', 1099],
            ['06:47:40', 2486],
            ['06:47:45', 2489],
            ['06:49:20', 3236],
            ['06:49:20', 3236],
            ['06:53:14', 3830],
            ['06:53:15', 3830],
            ['06:59:01', 3036],
            ['06:59:03', 3032],
            ['07:02:01', 1232],
            ['07:02:01', 1232],
            ['07:05:16', 736],
            ['07:05:20', 708],
            ['07:07:10', 356],
            ['07:07:10', 356]
          ]
        }
        this.roadChartLine1(this.chartLine_data1)
      }
    },
    getList2() {
      this.table2.listLoading = true
      GetDataByName(this.table2.getdataListParm).then(response => {
        console.log('table数据', response.data.list)
        if (response.data.list !== null) {
          // this.table2.list = response.data.list
        } else {
          this.table2.list = []
        }
        setTimeout(() => {
          this.table2.listLoading = false
        }, 100)
      })
    },
    getList3() {
      this.table3.listLoading = true
      GetDataByName(this.table3.getdataListParm).then(response => {
        console.log('table数据', response.data.list)
        if (response.data.list !== null) {
          // this.table3.list = response.data.list
        } else {
          this.table3.list = []
        }
        setTimeout(() => {
          this.table3.listLoading = false
        }, 100)
      })
    },
    roadChartLine1(chartLine_data1) {
      if (this.chartLine != null) {
        this.chartLine.dispose()
      }
      this.chartLine = echarts.init(document.getElementById('chartLine'))

      var option = {
        title: {
          text: '',
          subtext: ''
        },
        color: ['#c23531', '#2f4554'], // 关键加上这句话，legend的颜色和折线的自定义颜色就一致了
        legend: {
          icon: 'rectangle',
          data: ['设计重量', '实际重量'],
          // right: '20%',
          textStyle: {
            fontSize: 12,
            color: '#666'
          }
        },
        /* grid:{y:15},*/
        tooltip: {
          trigger: 'axis'
        },
        calculable: true,
        yAxis: [
          {
            type: 'value',
            splitLine: { show: false }, // 去除网格线
            axisLabel: {
              show: true,
              textStyle: {
                color: '#666' // 这里用参数代替了
              }
            }
          }
        ],
        xAxis: [
          {
            type: 'category',
            splitLine: { show: false }, // 去除网格线
            data: chartLine_data1.data1,
            axisLabel: {
              show: true,
              textStyle: {
                color: '#666' // 这里用参数代替了
              }
            }
          }
        ],
        series: [{
          symbol: 'none',
          name: '实际重量',
          type: 'line',
          // step: 'end',
          data: chartLine_data1.data3,
          smooth: true,
          barWidth: '37',
          itemStyle: {
            normal: {
              lineStyle: { color: '#61a5e8' }
            }
          }
        }, {
          name: '设计重量',
          type: 'line',
          barWidth: '37',
          data: chartLine_data1.data2
        }, {
          symbol: 'triangle',
          symbolSize: 10,
          itemStyle: {
            normal: {
              lineStyle: { color: '#ff3131' },
              color: function(param) {
                const colorList = ['#61a5e8', '#ff3131']
                let x = ''
                param.dataIndex % 2 == 0 ? x = 1 : x = 2
                if (x == '1') {
                  return colorList[0]
                } else {
                  return colorList[1]
                }
              }
            }
          },
          data: chartLine_data1.data4,
          type: 'scatter'
        }]
      }
      this.chartLine.setOption(option)
      window.onresize = function() {
        this.chartLine.resize()
      }
    }

  }
}

</script>
<style lang="scss" scoped>
  .search{padding-top:10px;clear: both;}
  .table{margin-top:10px;}
  .detail{
    height:84px;border: 1px solid #EBEEF5;padding-left:10px;font:16px/32px '';color:#333;
    .detail-t{margin-top: 10px;}
    .detail-b{margin-bottom: 10px;}
  }
</style>