Tmr-Admin-BeefCattle/src/views/formulationPlan/dailyExecutionPlan/index.vue

<template>
  <div class="app-container">
    <!-- 配方模板表 -->
    <div ref="template" class="template">
      <div class="recipeTemplate">
        <p>日执行计划</p>
      </div>
      <div class="search">
        <el-date-picker v-model="table.getdataListParm.parammaps.mydate" type="date" placeholder="选择日期" style="width: 150px;" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :clearable="false" @change="changeDate" />
        <el-button class="el-icon-arrow-left elIconArrowLeft" @click="handleBefore" />
        <el-button class="el-icon-arrow-right elIconArrowRight" @click="handleNext" />
        <el-select v-model="table.getdataListParm.parammaps.lpplantype" filterable placeholder="计划类型" class="filter-item" clearable style="width: 120px;" @change="changePlanType">
          <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.times" filterable placeholder="班次" class="filter-item" style="width: 120px;" clearable @change="changeFrequency">
          <el-option v-for="item in frequencyList" :key="item.id" :label="item.name" :value="item.id" />
        </el-select>
        <el-select v-model="table.getdataListParm.parammaps.printType" filterable placeholder="打印类型" class="filter-item" :clearable="false" style="width: 120px;">
          <el-option v-for="item in printingTypeList" :key="item.value" :label="item.lable" :value="item.value" />
        </el-select>
        <el-select v-model="table.getdataListParm.parammaps.plandimen" filterable placeholder="计划维度" class="filter-item" style="width: 120px;" :clearable="false">
          <el-option v-for="item in planningDimensionList" :key="item.value" :label="item.lable" :value="item.value" />
        </el-select>
        <el-select v-model="table.getdataListParm.parammaps.enable3" filterable placeholder="导出类型" class="filter-item" style="width: 120px;" :clearable="false">
          <el-option v-for="item in exportTypeList" :key="item.value" :label="item.lable" :value="item.value" />
        </el-select>
        <el-select v-model="table.getdataListParm.parammaps.tmrname" filterable placeholder="TMR名称" class="filter-item" style="width: 120px;" :clearable="false">
          <el-option v-for="item in tmrDownList" :key="item.tmrname" :label="item.tmrname" :value="item.tmrtname" />
        </el-select>
        <el-select v-model="table.getdataListParm.parammaps.iscompleted" filterable placeholder="执行状态" class="filter-item" style="width: 120px;" :clearable="false">
          <el-option v-for="item in iscompletedList" :key="item.value" :label="item.lable" :value="item.value" />
        </el-select>
        <el-button class="export" icon="el-icon-upload2" @click="handleExport">导出</el-button>
        <el-button class="export" style="margin-left: -5px;" @click="handleDeleteRecord">删除记录</el-button>
      </div>
      <div class="operation" style="margin-bottom: 10px;">
        <el-button v-if="isRoleEdit" class="success" icon="el-icon-plus" @click="handleCreate">新生成</el-button>
        <el-button v-if="isRoleEdit" class="success" icon="el-icon-edit-outline" @click="handleRevisePlan">修改计划</el-button>
        <el-button v-if="isRoleEdit" class="copy" icon="el-icon-copy-document" @click="handleCopy">复制计划</el-button>
        <el-button v-if="isOrder && isRoleEdit" icon="el-icon-sort" class="success" @click="handleChangeOrder">更改顺序</el-button>
        <div v-else style="margin-left: 10px;display: inline-block;">
          <el-button v-if="isRoleEdit" icon="el-icon-folder-checked" class="success" @click="saveChangeOrder">保存</el-button>
          <el-button v-if="isRoleEdit" icon="el-icon-close" class="sortCancel" @click="cancelChangeOrder">取消</el-button>
        </div>
        <el-button v-if="dataSynchronization.isDataSynchronization && isRoleEdit" class="success" @click="handleDataSynchronization">数据同步</el-button>
      </div>
      <!-- 日执行计划 -->
      <div class="table">
        <el-table
          id="table1"
          ref="parent"
          :key="table.tableKey"
          v-loading="table.listLoading"
          element-loading-text="给我一点时间"
          :data="table.list"
          border
          fit
          highlight-current-row
          style="width: 98%;"
          row-key="sort"
          :row-style="rowStyle"
          :cell-style="cellStyle"
          class="elTable table-fixed"
          :row-class-name="tableRowClassName"
          :height="370"
          @row-click="tableRowClick"
        >
          <el-table-column label="序号" align="center" prop="sort" width="50px" />
          <el-table-column label="计划名称" min-width="90px" align="center">
            <template slot-scope="scope">
              <span>{{ scope.row.projname }}</span>
            </template>
          </el-table-column>
          <el-table-column label="计划类型" prop="weight" min-width="90px" align="center" :formatter="lpplantype" />
          <el-table-column label="TMR编号" min-width="90px" align="center">
            <template slot-scope="scope">
              <span>{{ scope.row.tmrtname }}</span>
            </template>
          </el-table-column>
          <el-table-column label="驾驶员" min-width="80px" align="center">
            <template slot-scope="scope">
              <span>{{ scope.row.driver }}</span>
            </template>
          </el-table-column>
          <el-table-column label="已执行" min-width="70px" align="center">
            <template slot-scope="scope">
              <span v-if="scope.row.havebutton == 0">否</span>
              <span v-else>是</span>
            </template>
          </el-table-column>
          <el-table-column label="班次" min-width="80px" align="center">
            <template slot-scope="scope">
              <span>{{ scope.row.times }}</span>
            </template>
          </el-table-column>
          <el-table-column label="理论量" min-width="80px" align="center">
            <template slot-scope="scope">
              <span>{{ scope.row.lweight }}</span>
            </template>
          </el-table-column>
          <el-table-column label="启用" min-width="70px" align="center">
            <template slot-scope="scope">
              <el-switch v-if="dataDisabled == false" v-model="scope.row.enable" :disabled="scope.row.havebutton == 1" active-color="#13ce66" inactive-color="#ff4949" :active-value="1" :inactive-value="0" @change="handleEnableChange(scope.row)" />
              <el-switch v-else v-model="scope.row.enable" disabled active-color="#13ce66" inactive-color="#ff4949" :active-value="1" :inactive-value="0" @change="handleEnableChange(scope.row)" />
            </template>
          </el-table-column>
          <el-table-column label="时间" min-width="80px" align="center">
            <template slot-scope="scope">
              <span>{{ scope.row.plantime }}</span>
            </template>
          </el-table-column>
          <el-table-column label="配方名称" min-width="100px" align="center">
            <template slot-scope="scope">
              <span>{{ scope.row.ftname }}</span>
            </template>
          </el-table-column>
          <el-table-column label="牛头数" min-width="80px" align="center">
            <template slot-scope="scope">
              <span>{{ scope.row.cowcount }}</span>
            </template>
          </el-table-column>
          <el-table-column label="描述" min-width="80px" align="center">
            <template slot-scope="scope">
              <span>{{ scope.row.display }}</span>
            </template>
          </el-table-column>
          <el-table-column label="发料位" min-width="80px" align="left">
            <template slot-scope="scope">
              <span>{{ scope.row.barnames }}</span>
            </template>
          </el-table-column>
          <el-table-column align="center" width="100" label="操作" class-name="small-padding fixed-width" fixed="right">
            <template slot-scope="{row}">
              <el-button class="miniDanger" icon="el-icon-delete" @click="handleRowDelete(row)" />
            </template>
          </el-table-column>
        </el-table>
        <span v-if="table.listLoading == false" style="margin-right: 30px;margin-top: 10px;font-size: 14px;">共{{ table.total }}条</span>
      </div>
    </div>

    <!-- 预混料 -->
    <div v-if="table3.getdataListParm.parammaps.lpplantype == 4" class="content">
      <el-row :gutter="20">
        <el-col :span="12">
          <div class="table2">
            <div class="contentOperation">
              <p>计划详情</p>
            </div>
            <div class="content-table">
              <el-table
                :key="table2.tableKey"
                v-loading="table2.listLoading"
                element-loading-text="给我一点时间"
                :data="table2.list"
                fit
                border
                highlight-current-row
                style="width: 100%;"
                height="450"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
                :span-method="objectSpanMethod"
              >
                <el-table-column label="操作序号" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.sort }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="饲料名称" prop="fname" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="设计重量（KG）" prop="weight" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.weight }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="小计" prop="description" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.subtotal }}</span>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </el-col>
      </el-row>
    </div>

    <!-- 撒料 -->
    <div v-if="table3.getdataListParm.parammaps.lpplantype == 0" class="content">
      <el-row :gutter="20">
        <el-col :span="12">
          <div class="table2">
            <div class="contentOperation">
              <p>计划详情</p>
            </div>
            <div class="content-table">
              <el-table
                :key="table2.tableKey"
                v-loading="table2.listLoading"
                element-loading-text="给我一点时间"
                :data="table2.list"
                fit
                border
                highlight-current-row
                style="width: 100%;"
                height="450"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
                :span-method="objectSpanMethod"
              >
                <el-table-column label="操作序号" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.sort }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="饲料名称" prop="fname" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="设计重量（KG）" prop="weight" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.weight }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="小计" prop="description" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.subtotal }}</span>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="table3">
            <div class="contentOperation">
              <p>栏舍详情</p>
            </div>
            <div class="content-table">
              <el-table
                :key="table3.tableKey"
                v-loading="table3.listLoading"
                element-loading-text="给我一点时间"
                :data="table3.list"
                height="450"
                fit
                border
                highlight-current-row
                style="width: 100%;"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label=" 操作序号" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.sort }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="栏舍" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="设计重量（KG）" prop="weight" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.weight }}</span>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </el-col>
      </el-row>
    </div>

    <!-- 剩料 -->
    <div v-if="table3.getdataListParm.parammaps.lpplantype == 3" class="content">
      <el-row :gutter="20">
        <el-col :span="12"><div class="table2">
          <div class="contentOperation">
            <p>计划详情</p>
          </div>
          <div class="content-table">
            <el-table
              :key="table2.tableKey"
              v-loading="table2.listLoading"
              element-loading-text="给我一点时间"
              :data="table2.list"
              fit
              border
              highlight-current-row
              style="width: 100%;"
              height="450"
              :row-style="rowStyle"
              :cell-style="cellStyle"
              class="elTable table-fixed"
              :span-method="objectSpanMethod"
            >
              <el-table-column label="操作序号" min-width="130px" align="center">
                <template slot-scope="scope">
                  <span>{{ scope.row.sort }}</span>
                </template>
              </el-table-column>
              <el-table-column label="取料栏舍" prop="fname" min-width="130px" align="center">
                <template slot-scope="scope">
                  <span>{{ scope.row.fname }}</span>
                </template>
              </el-table-column>
              <el-table-column label="处理方式" prop="useinbar" min-width="130px" align="center">
                <template slot-scope="scope">
                  <span>{{ scope.row.useinbar }}</span>
                </template>
              </el-table-column>
              <el-table-column label="小计" prop="description" min-width="130px" align="center">
                <template slot-scope="scope">
                  <span>{{ scope.row.subtotal }}</span>
                </template>
              </el-table-column>
            </el-table>
          </div>
        </div>
        </el-col>
        <el-col :span="12">
          <div class="table3">
            <div class="contentOperation">
              <p>栏舍详情</p>
            </div>
            <div class="content-table">
              <el-table
                :key="table3.tableKey"
                v-loading="table3.listLoading"
                element-loading-text="给我一点时间"
                :data="table3.list"
                height="450"
                fit
                border
                highlight-current-row
                style="width: 100%;"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label="操作序号" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.sort }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="转投栏舍" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fname }}</span>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </el-col>
      </el-row>
    </div>

    <!-- 撒料计划-混料 -->
    <div v-if="table3.getdataListParm.parammaps.lpplantype == 1 || table3.getdataListParm.parammaps.lpplantype == 5" class="content">
      <el-row :gutter="20">
        <el-col :span="12">
          <div class="table2">
            <div class="contentOperation">
              <p>计划详情</p>
            </div>
            <div class="content-table">
              <el-table
                :key="table2.tableKey"
                v-loading="table2.listLoading"
                element-loading-text="给我一点时间"
                :data="table2.list"
                fit
                border
                highlight-current-row
                style="width: 100%;"
                height="450"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
                :span-method="objectSpanMethod"
              >
                <el-table-column label="操作序号" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.sort }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="饲料名称" prop="fname" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="设计重量（KG）" prop="weight" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.weight }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="小计" prop="description" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.subtotal }}</span>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="table3">
            <div class="contentOperation">
              <p>栏舍详情</p>
            </div>
            <div class="content-table">
              <el-table
                :key="table3.tableKey"
                v-loading="table3.listLoading"
                element-loading-text="给我一点时间"
                :data="table3.list"
                height="450"
                fit
                border
                highlight-current-row
                style="width: 100%;"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label=" 操作序号" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.sort }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="撒料车辆" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="设计重量（KG）" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.weight }}</span>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </el-col>
      </el-row>
    </div>

    <!-- 撒料计划-撒料 -->
    <div v-if="table3.getdataListParm.parammaps.lpplantype == 2" class="content">
      <el-row :gutter="20">
        <el-col :span="12">
          <div class="table3">
            <div class="contentOperation">
              <p>栏舍详情</p>
            </div>
            <div class="content-table">
              <el-table
                :key="table3.tableKey"
                v-loading="table3.listLoading"
                element-loading-text="给我一点时间"
                :data="table3.list"
                height="450"
                fit
                border
                highlight-current-row
                style="width: 100%;"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label=" 操作序号" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.sort }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="撒料车辆" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="设计重量（KG）" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.weight }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="小计" prop="description" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.subtotal }}</span>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="table2">
            <div class="contentOperation">
              <p>计划详情</p>
            </div>
            <div class="content-table">
              <el-table
                :key="table2.tableKey"
                v-loading="table2.listLoading"
                element-loading-text="给我一点时间"
                :data="table2.list"
                fit
                border
                highlight-current-row
                style="width: 100%;"
                height="450"
                :row-style="rowStyle"
                :cell-style="cellStyle"
                class="elTable table-fixed"
              >
                <el-table-column label="操作序号" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.sort }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="栏舍名称" prop="fname" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.fname }}</span>
                  </template>
                </el-table-column>
                <el-table-column label="设计重量（KG）" prop="weight" min-width="130px" align="center">
                  <template slot-scope="scope">
                    <span>{{ scope.row.weight }}</span>
                  </template>
                </el-table-column>
              </el-table>
            </div>
          </div>
        </el-col>
      </el-row>
    </div>

    <!-- 新生成 -->
    <el-dialog :title="textMap[newGeneration.dialogStatus]" :destroy-on-close="true" :visible.sync="newGeneration.dialogFormVisible" :close-on-click-modal="false" width="30%">
      <div class="newGeneration" v-loading="newGenerationLoading" >
        <el-form ref="temp" :rules="newGeneration.rules" :model="newGeneration.temp" label-position="right" label-width="100px" style="width: 100%;margin:0 auto 50px">
          <el-row v-if="newGeneration.dialogStatus== 'newGeneration'">
            <el-col :span="24">
              <el-form-item label="时间范围：" prop="inputDatetime">
                <el-date-picker v-model="newGeneration.temp.inputDatetime" class="inputDatetime filter-item" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" style="width: 100%;" :clearable="false" :picker-options="pickerOptions2" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-else>
            <el-col :span="24">
              <el-form-item label="时间范围：" prop="copyInputDatetime">
                <el-date-picker v-model="newGeneration.temp.copyInputDatetime" :picker-options="pickerOptions" class="inputDatetime filter-item" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" style="width: 100%;" :clearable="false" />
              </el-form-item>
            </el-col>
          </el-row>
          <p v-if="newGeneration.temp.tips == true" style="font-weight: 700;color: red;text-align: center;">注：撒料计划中存在未分配完栏舍，如下所示；建议及时进行分配</p>
          <div style="height: 200px;overflow: auto;">
            <div v-if="myMaxTimes == 1">
              <div>第一班：</div>
              <div v-for="(item,index) in tipsList.one" :key="index+'A'" >
                <b v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">{{item.ftname}}:</b>
                <span v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">
                  <span v-for="(item2,index2) in item.arrList" :key="index2+'a'">
                    {{item2.barname}}
                  </span>
                </span>
              </div>
            </div>
            <div v-else-if="myMaxTimes == 2">
              <div>第一班：</div>
              <div v-for="(item,index) in tipsList.one" :key="index+'B'" >
                <b v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">{{item.ftname}}:</b>
                <span v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">
                  <span v-for="(item2,index2) in item.arrList" :key="index2+'b'">
                    {{item2.barname}}
                  </span>
                </span>
              </div>
              <div>第二班：</div>
              <div v-for="(item,index) in tipsList.two" :key="index+'C'" >
                <b v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">{{item.ftname}}:</b>
                <span v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">
                  <span v-for="(item2,index2) in item.arrList" :key="index2+'c'">
                    {{item2.barname}}
                  </span>
                </span>
              </div>
            </div>
            <div v-else-if="myMaxTimes == 3">
              <div>第一班：</div>
              <div v-for="(item,index) in tipsList.one" :key="index+'D'" >
                <b v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">{{item.ftname}}:</b>
                <span v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">
                  <span v-for="(item2,index2) in item.arrList" :key="index2+'d'">
                    {{item2.barname}}
                  </span>
                </span>
              </div>
              <div>第二班：</div>
              <div v-for="(item,index) in tipsList.two" :key="index+'E'" >
                <b v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">{{item.ftname}}:</b>
                <span v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">
                  <span v-for="(item2,index2) in item.arrList" :key="index2+'e'">
                    {{item2.barname}}
                  </span>
                </span>
              </div>
              <div>第三班：</div>
              <div v-for="(item,index) in tipsList.three" :key="index+'F'" >
                <b v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">{{item.ftname}}:</b>
                <span v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">
                  <span v-for="(item2,index2) in item.arrList" :key="index2+'f'">
                    {{item2.barname}}
                  </span>
                </span>
              </div>
            </div>
            <div v-else>
              <div>第一班：</div>
              <div v-for="(item,index) in tipsList.one" :key="index+'G'" >
                <b v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">{{item.ftname}}:</b>
                <span v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">
                  <span v-for="(item2,index2) in item.arrList" :key="index2+'g'">
                    {{item2.barname}}
                  </span>
                </span>
              </div>
              <div>第二班：</div>
              <div v-for="(item,index) in tipsList.two" :key="index+'H'" >
                <b v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">{{item.ftname}}:</b>
                <span v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">
                  <span v-for="(item2,index2) in item.arrList" :key="index2+'h'">
                    {{item2.barname}}
                  </span>
                </span>
              </div>
              <div>第三班：</div>
              <div v-for="(item,index) in tipsList.three" :key="index+'I'" >
                <b v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">{{item.ftname}}:</b>
                <span v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">
                  <span v-for="(item2,index2) in item.arrList" :key="index2+'i'">
                    {{item2.barname}}
                  </span>
                </span>
              </div>
              <div>第四班：</div>
              <div v-for="(item,index) in tipsList.four" :key="index+'J'" >
                <b v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">{{item.ftname}}:</b>
                <span v-if="item.arrList !== null && item.arrList !== undefined && item.arrList.length>0">
                  <span v-for="(item2,index2) in item.arrList" :key="index2+'j'">
                    {{item2.barname}}
                  </span>
                </span>
              </div>
            </div>
          </div>
        </el-form>
        <div slot="footer" class="dialog-footer" style="bottom:20px">
          <el-button class="cancelClose" @click="newGeneration.dialogFormVisible = false;getList()">取消</el-button>
          <el-button v-if="newGeneration.dialogStatus== 'newGeneration'" class="save" :disabled="isokDisable" @click="newGenerationData()">确认</el-button>
          <el-button v-else class="save" :disabled="isokDisable" @click="copyData()">确认</el-button>
        </div>
      </div>
    </el-dialog>

    <!-- 历史记录 -->
    <el-dialog :fullscreen="dialogFull" :destroy-on-close="true" :visible.sync="historyRecord.dialogFormVisible" :close-on-click-modal="false" width="90%">
      <template slot="title">
        <div class="avue-crud__dialog__header">
          <span class="el-dialog__title">
            <span style="display:inline-block;width:3px;height:20px;margin-right:5px; float: left;margin-top:2px" />
            {{ textMap[historyRecord.dialogStatus] }}
          </span>
          <div class="avue-crud__dialog__menu" @click="dialogFull? dialogFull=false: dialogFull=true">
            <svg-icon v-if="dialogFull" icon-class="exit-fullscreen" />
            <svg-icon v-else icon-class="fullscreen" />
          </div>
        </div>
      </template>
      <div class="historyRecord">
        <keep-alive>
          <component :is="historyRecord.myComponent" ref="historyRecord" />
        </keep-alive>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button class="cancelClose cancelClose1" @click="historyRecord.dialogFormVisible = false; ">关闭</el-button>
      </div>
    </el-dialog>

    <!-- 正在同步中 -->
    <el-dialog :destroy-on-close="true" :visible.sync="dataSynchronization.dialogFormVisible" :close-on-click-modal="false" width="30%">
      <div class="dataSynchronization" style="text-align: center;font-size: 18px;">
        <i class="el-icon-loading" />
        <span>正在同步</span>
        <div slot="footer" class="dialog-footer" style="bottom:10px">
          <el-button class="miniPrimary" @click="dataSynchronization.dialogFormVisible = false;">确认</el-button>
        </div>
      </div>
    </el-dialog>
    <!-- 修改计划 -->
    <RevisePlan :show.sync="isShowDialog" :parent-active-name="activeName" :parent-date="parentDate" />
    <!-- 删除记录 -->
    <el-dialog :title="textMap[deleteRecord.dialogStatus]" :destroy-on-close="true" :visible.sync="deleteRecord.dialogFormVisible" :close-on-click-modal="false" width="90%">
      <div class="deleteRecord">
        <div class="search">
          <el-date-picker v-model="deleteRecord.mydate" type="date" placeholder="选择日期" style="width: 150px;" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :clearable="false" @change="changeDate" />
        </div>
        <div class="table">
          <el-table
            :key="deleteRecord.tableKey"
            v-loading="deleteRecord.listLoading"
            element-loading-text="给我一点时间"
            :data="deleteRecord.list"
            border
            fit
            highlight-current-row
            style="width: 98%;"
            row-key="sort"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
            :height="370"
          >
            <el-table-column label="序号" align="center" prop="sort" width="50px" />
            <el-table-column label="计划名称" min-width="90px" align="center" prop="projname" />
            <el-table-column label="计划类型" prop="weight" min-width="90px" align="center" :formatter="lpplantype" />
            <el-table-column label="TMR编号" min-width="90px" align="center" prop="tmrtname" />
            <el-table-column label="驾驶员" min-width="90px" align="center" prop="driver" />
            <el-table-column label="已执行" min-width="70px" align="center">
              <template slot-scope="scope">
                <span v-if="scope.row.havebutton == 0">否</span>
                <span v-else>是</span>
              </template>
            </el-table-column>
            <el-table-column label="班次" min-width="80px" align="center" prop="times" />
            <el-table-column label="理论量" min-width="80px" align="center" prop="lweight" />
            <el-table-column label="启用" min-width="70px" align="center">
              <template slot-scope="scope">
                <el-switch v-if="dataDisabled == false" v-model="scope.row.enable" :disabled="scope.row.havebutton == 1" active-color="#13ce66" inactive-color="#ff4949" :active-value="1" :inactive-value="0" @change="handleEnableChange(scope.row)" />
                <el-switch v-else v-model="scope.row.enable" disabled active-color="#13ce66" inactive-color="#ff4949" :active-value="1" :inactive-value="0" @change="handleEnableChange(scope.row)" />
              </template>
            </el-table-column>
            <el-table-column label="时间" min-width="80px" align="center" prop="plantime" />
            <el-table-column label="配方名称" min-width="100px" align="center" prop="ftname" />
            <el-table-column label="牛头数" min-width="80px" align="center" prop="cowcount" />
            <el-table-column label="描述" min-width="80px" align="center" prop="display" />
            <el-table-column label="发料位" min-width="80px" align="left" prop="barnames" />
          </el-table>
          <span v-if="deleteRecord.listLoading == false" style="margin-right: 30px;margin-top: 10px;font-size: 14px;">共{{ deleteRecord.total }}条</span>
        </div>
        <div slot="footer" class="dialog-footer" style="bottom:20px">
          <el-button class="cancelClose1" @click="deleteRecord.dialogFormVisible = false;getList()">取消</el-button>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { GetDataByName, GetDataByNames, ExecDataByConfig, PostDataByName, getDorm, GetReportform, checkButtons,postJson } from '@/api/common'
import RevisePlan from './revisePlan.vue'
import { parseTime, json2excel,handleTableSpan, handleObjectSpanMethod } from '@/utils/index.js'
import Cookies from 'js-cookie'
import Sortable from 'sortablejs'
import { MessageBox } from 'element-ui'
export default {
  name: 'DailyExecutionPlan',
  components: {
    RevisePlan
  },
  data() {
    return {
      newGenerationLoading:false,
      dialogFull: false,
      isRoleEdit: [],
      dataDisabled: false,
      requestParams: [
        // { name: 'getDictByName', offset: 0, pagecount: 0, params: ['牲畜父类'] }
      ],
      planTypeList: [{ lable: '预混计划', value: '4' }, { lable: '撒料计划', value: '0' }, { lable: '剩料计划', value: '3' }, { lable: '撒料计划-混料', value: '1' }, { lable: '撒料计划-撒料', value: '2' }, { lable: '预称重计划', value: '5' }], // 计划类型
      printingTypeList: [{ lable: '精料', value: '1' }, { lable: '铲车', value: '2' }], // 打印类型
      frequencyList: [], // 班次
      planningDimensionList: [{ lable: '发料顺序', value: '0' }, { lable: 'TMR', value: '1' }], // 发料顺序
      exportTypeList: [{ lable: '投料简打', value: '0' }, { lable: '累加投料', value: '1' }, { lable: '撒料简打', value: '2' }, { lable: '投撒料简打', value: '3' }, { lable: '投撒料累加', value: '4' }, { lable: '包装简打', value: '5' }, { lable: '实发简打', value: '6' }], // 导出类型
      iscompletedList: [{ lable: '是', value: '1' },{ lable: '否', value: '0' }  ],
      // 班次
      maxTime: {
        getMaxTimesParm: {
          name: 'getSysoptEnable',
          page: 1,
          offset: 1,
          pagecount: 1,
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            inforname: 'times'
          }
        }
      },
      isOrder: true,
      table: {
        getdataListParm: {
          name: 'getDownloadedplanList',
          page: 1,
          offset: 1,
          pagecount: '',
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            barid: '',
            mydate: parseTime(new Date(), '{y}-{m}-{d}'),
            times: '',
            lpplantype: '',
            printType: '',
            plandimen: '0',
            enable3: '0',
            iscompleted:"",
            tmrname:"",
          }
        },
        tableKey: 0,
        list: [],
        total: 0,
        listLoading: false
      },

      // 计划内容操作详情
      table2: {
        getdataListParm: {
          name: 'getDownloadplandtl1ListV2',
          page: 1,
          offset: 1,
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            date: '',
            id: ''
          }
        },
        tableKey: 0,
        list: [],
        total: 0,
        listLoading: false
      },

      // 计划内容 舍栏详情
      table3: {
        getdataListParm: {
          name: 'getDownloadplandt2ListV2',
          page: 1,
          offset: 1,
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            date: '',
            id: ''
          }
        },
        tableKey: 0,
        list: [],
        total: 0,
        listLoading: false
      },
      // 新生成
      newGeneration: {
        dialogFormVisible: false,
        dialogStatus: '',
        getdataListParm: {
          name: 'checkLLPIsDistribution',
          page: 1,
          offset: 1,
          pagecount: 1,
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid')
          }
        },
        temp: {
          inputDatetime: [parseTime(new Date(), '{y}-{m}-{d}'), parseTime(new Date(), '{y}-{m}-{d}')],
          tips:''
        },
        rules: {
          inputDatetime: [{ type: 'array', required: true, message: '必填', trigger: 'blur' }],
          copyInputDatetime: [{ type: 'array', required: true, message: '必填', trigger: 'blur' }]
        }
      },
      pickerMinDate: '',
      pickerOptions: {
        onPick: ({ maxDate, minDate }) => {
          this.pickerMinDate = minDate.getTime()
          if (maxDate) {
            this.pickerMinDate = ''
          }
        },
        disabledDate: (time) => {
          if (this.pickerMinDate !== '') {
            const one = 31 * 24 * 3600 * 1000
            const minTime = this.pickerMinDate
            const maxTime = this.pickerMinDate + one
            return time.getTime() < minTime || time.getTime() > maxTime - 8.64e7
          }
          return time.getTime() < Date.now() - 8.64e7
        }
      },
      pickerOptions2: {
        onPick: ({ maxDate, minDate }) => {
          this.pickerMinDate = minDate.getTime()
          if (maxDate) {
            this.pickerMinDate = ''
          }
        },
        disabledDate: (time) => {
          if (this.pickerMinDate !== '') {
            const one = 14 * 24 * 3600 * 1000
            const minTime = this.pickerMinDate
            const maxTime = this.pickerMinDate + one
            return time.getTime() < minTime || time.getTime() > maxTime - 8.64e7
          }
          return time.getTime() < Date.now() - 8.64e7
        }
      },
      historyRecord: {
        dialogFormVisible: false,
        dialogStatus: '',
        myComponent: null
      },
      dataSynchronization: {
        dialogFormVisible: false,
        dialogStatus: '',
        getdataListParm: {
          name: 'getSysoptEnable',
          page: 1,
          offset: 1,
          pagecount: 1,
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            inforname: 'isDataSync'
          }
        },
        isDataSynchronization: false
      },
      textMap: {
        newGeneration: '新生成',
        historyRecord: '历史记录',
        revisePlan: '修改计划',
        copy: '复制计划',
        deleteRecord:'删除记录'
      },
      isokDisable: false,
      requestParam: {},
      rowStyle: { maxHeight: 30 + 'px', height: 30 + 'px' },
      cellStyle: { padding: 0 + 'px' },
      isShowDialog: false,
      activeName: '栏舍配方',
      parentDate: '',
      downLoad: {
        getdataListParm: {
          name: '',
          page: 1,
          offset: 1,
          pagecount: '',
          returntype: 'Map',
          parammaps: {
            pastureid: Cookies.get('pastureid'),
            date: ''
          }
        },
        list: [],
        labelList: []
      },


      tmrDownList:[],
      getTmrListParam: {
        name: 'getDownloadedplanTmrNameUnfinished',
        page: 1,
        offset: 1,
        pagecount: 10,
        returntype: 'Map',
        parammaps: {
          pastureid: Cookies.get('pastureid'),
          mydate:  parseTime(new Date(), '{y}-{m}-{d}')
        }
      },
      myMaxTimes:'',
      tipsList:[],
      spanObj: {},
      mergekeys: ['sort', 'description'],
      deleteRecord:{
        dialogFormVisible: false,
        dialogStatus: '',
        total:0,
        tableKey:0,
        listLoading:false,
        list:[],
        mydate: parseTime(new Date(), '{y}-{m}-{d}')
      }
    }
  },

  created() {
    this.parentDate = this.table.getdataListParm.parammaps.mydate
    console.log(this.parentDate, 'this.parentDate')
    this.getDataSynchronization()
    this.getButtons()
    this.getList()
    this.getDownList()
    this.getIsDisplay()
    this.getTMRList()
  },
  mounted() {
    this.getTmrListParam.parammaps.mydate = parseTime(new Date(), '{y}-{m}-{d}')
  },
  methods: {
    getTMRList(){
  console.log('11111111')
      this.getTmrListParam.parammaps.mydate = this.table.getdataListParm.parammaps.mydate

        GetDataByName(this.getTmrListParam).then(response => {
        if (response.data.list !== null) {
          console.log('11111111',response)
          this.tmrDownList = response.data.list

        }
      })



    },
    getButtons() {
      const Edit = 'DailyExecutionPlan'
      const isRoleEdit = checkButtons(JSON.parse(sessionStorage.getItem('buttons')), Edit)
      this.isRoleEdit = isRoleEdit
    },
    getDataSynchronization() {
      GetDataByName(this.dataSynchronization.getdataListParm).then(response => {
        // console.log(response.data.list[0])
        if (response.data.list[0].inforvalue == 0) {
          this.dataSynchronization.isDataSynchronization = false
        } else {
          this.dataSynchronization.isDataSynchronization = true
        }
      })
    },
    getIsDisplay() {
      GetDataByName(this.maxTime.getMaxTimesParm).then(response => {
        console.log(response.data.list[0].inforvalue)
        this.myMaxTimes = response.data.list[0].inforvalue
        if (response.data.list[0].inforvalue == 1) {
          this.frequencyList = [{ id: '1', name: '第一班' }]
        } else if (response.data.list[0].inforvalue == 2) {
          this.frequencyList = [{ id: '1', name: '第一班' }, { id: '2', name: '第二班' }]
        } else if (response.data.list[0].inforvalue == 3) {
          this.frequencyList = [{ id: '1', name: '第一班' }, { id: '2', name: '第二班' }, { id: '3', name: '第三班' }]
        } else if (response.data.list[0].inforvalue == 4) {
          this.frequencyList = [{ id: '1', name: '第一班' }, { id: '2', name: '第二班' }, { id: '3', name: '第三班' }, { id: '4', name: '第四班' }]
        }
      })
    },
    getDownList() {
      GetDataByNames(this.requestParams).then(response => {
        // this.livestockTypeList = response.data.getDictByName.list
      })
    },
    // -------------------日执行计划-----------------------------
    handleBefore() {
      if (this.table.getdataListParm.parammaps.mydate !== '' && this.table.getdataListParm.parammaps.mydate !== null) {
        this.table.getdataListParm.parammaps.mydate = new Date(this.table.getdataListParm.parammaps.mydate)
        var start = new Date(this.table.getdataListParm.parammaps.mydate.setDate(this.table.getdataListParm.parammaps.mydate.getDate() - 1))
        // var start = this.table.getdataListParm.parammaps.mydate - 1
        this.table.getdataListParm.parammaps.mydate = parseTime(start, '{y}-{m}-{d}')
        // this.$forceUpdate()
        this.parentDate = this.table.getdataListParm.parammaps.mydate
        this.getTMRList()
        this.getList()

      }
      var d = this.table.getdataListParm.parammaps.mydate
      var curDate = parseTime(new Date(), '{y}-{m}-{d}')
      if (d < curDate) {
        this.dataDisabled = true
      } else {
        this.dataDisabled = false
      }
      console.log(this.dataDisabled)
    },
    handleNext() {
      if (this.table.getdataListParm.parammaps.mydate !== '' && this.table.getdataListParm.parammaps.mydate !== null) {
        this.table.getdataListParm.parammaps.mydate = new Date(this.table.getdataListParm.parammaps.mydate)
        var stop = new Date(this.table.getdataListParm.parammaps.mydate.setDate(this.table.getdataListParm.parammaps.mydate.getDate() + 1))
        this.table.getdataListParm.parammaps.mydate = parseTime(stop, '{y}-{m}-{d}')
        this.parentDate = this.table.getdataListParm.parammaps.mydate
        this.getTMRList()
        this.getList()
      }
      var d = this.table.getdataListParm.parammaps.mydate
      var curDate = parseTime(new Date(), '{y}-{m}-{d}')
      if (d < curDate) {
        this.dataDisabled = true
      } else {
        this.dataDisabled = false
      }
      console.log(this.dataDisabled)
    },
    getList() {
      this.table.listLoading = true
      GetDataByName(this.table.getdataListParm).then(response => {
        console.log('table数据', response.data.list)
        if (response.data.list !== null) {
          // var obj = { 'id': '580999', 'havebutton': '0', 'lpplantype': 2, 'pid': '3283220207862547456', 'times': '第二班', 'projname': '2.666' }
          // response.data.list[6] = obj
          this.getIsColor(response.data.list)
          this.table.list = response.data.list
          this.table.pageNum = response.data.pageNum
          this.table.pageSize = response.data.pageSize
          this.table.total = response.data.total
          console.log('计划类型', response.data.list[0].lpplantype)
          if (response.data.list[0].lpplantype == 0) {
            // 撒料
            this.table2.getdataListParm.name = 'getDownloadplandtl1ListV2'
            this.table3.getdataListParm.name = 'getDownloadplandt2ListV2'
            this.table2.getdataListParm.parammaps.useinbartype = ''
            this.table3.getdataListParm.parammaps.useinbartype = ''
            this.table2.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
            this.table3.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
            this.table2.getdataListParm.parammaps.id = response.data.list[0].id
            this.table3.getdataListParm.parammaps.id = response.data.list[0].id
            this.table3.getdataListParm.parammaps.lpplantype = response.data.list[0].lpplantype
            this.getList2()
            this.getList3()
          } else if (response.data.list[0].lpplantype == 1) {
            // 撒料计划-混料
            this.table2.getdataListParm.name = 'getDownloadplandtl1ListV2'
            this.table3.getdataListParm.name = 'getDownloadplandt2ListV2'
            this.table2.getdataListParm.parammaps.useinbartype = ''
            this.table3.getdataListParm.parammaps.useinbartype = ''
            this.table2.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
            this.table3.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
            this.table2.getdataListParm.parammaps.id = response.data.list[0].id
            this.table3.getdataListParm.parammaps.id = response.data.list[0].id
            this.table3.getdataListParm.parammaps.lpplantype = response.data.list[0].lpplantype
            this.getList2()
            this.getList3()
          } else if (response.data.list[0].lpplantype == 2) {
            // 撒料计划-撒料
            this.table2.getdataListParm.name = 'getDownloadplandt2ListV2'
            this.table3.getdataListParm.name = 'getDownloadplandtl1ListV2'
            this.table2.getdataListParm.parammaps.useinbartype = ''
            this.table3.getdataListParm.parammaps.useinbartype = ''
            this.table2.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
            this.table3.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
            this.table2.getdataListParm.parammaps.id = response.data.list[0].id
            this.table3.getdataListParm.parammaps.id = response.data.list[0].id
            this.table3.getdataListParm.parammaps.lpplantype = response.data.list[0].lpplantype
            this.getList2()
            this.getList3()
          } else if (response.data.list[0].lpplantype == 3) {
            // 剩料
            this.table2.getdataListParm.name = 'getDownloadplandt2ListV2'
            this.table3.getdataListParm.name = 'getDownloadplandt2ListV2'
            this.table2.getdataListParm.parammaps.useinbartype = 0
            this.table3.getdataListParm.parammaps.useinbartype = 1
            this.table2.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
            this.table3.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
            this.table2.getdataListParm.parammaps.id = response.data.list[0].id
            this.table3.getdataListParm.parammaps.id = response.data.list[0].id
            this.table3.getdataListParm.parammaps.lpplantype = response.data.list[0].lpplantype
            this.getList2()
            this.getList3()
          } else if (response.data.list[0].lpplantype == 4) {
            // 预混
            this.table2.getdataListParm.name = 'getDownloadplandtl1ListV2'
            this.table2.getdataListParm.parammaps.useinbartype = ''
            this.table3.getdataListParm.parammaps.useinbartype = ''
            this.table2.getdataListParm.parammaps.id = response.data.list[0].id
            this.table3.getdataListParm.parammaps.lpplantype = response.data.list[0].lpplantype
            this.getList2()
          } else if (response.data.list[0].lpplantype == 5) {
            // 预称重计划
            this.table2.getdataListParm.name = 'getDownloadplandtl1ListV2'
            this.table3.getdataListParm.name = 'getDownloadplandt2ListV2'
            this.table2.getdataListParm.parammaps.useinbartype = ''
            this.table3.getdataListParm.parammaps.useinbartype = ''
            this.table2.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
            this.table3.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
            this.table2.getdataListParm.parammaps.id = response.data.list[0].id
            this.table3.getdataListParm.parammaps.id = response.data.list[0].id
            this.table3.getdataListParm.parammaps.lpplantype = response.data.list[0].lpplantype
            this.getList2()
            this.getList3()
          }
        } else {
          this.table.list = []
          this.table3.getdataListParm.parammaps.lpplantype = ''
          this.table2.getdataListParm.parammaps.id = ''
          this.table3.getdataListParm.parammaps.id = ''
          // this.getList2()
          // this.getList3()
          this.table2.list = []
          this.table3.list = []
        }
        setTimeout(() => {
          this.table.listLoading = false
        }, 100)
      })
    },
    handleEnableChange(row) {
      this.requestParam.name = 'updatedownloadenable'
      this.requestParam.parammaps = {}
      this.requestParam.parammaps.pastureid = row.pastureid
      this.requestParam.parammaps.id = row.id
      this.requestParam.parammaps.enable = row.enable
      PostDataByName(this.requestParam).then(response => {
        if (response.msg === 'fail') {
          this.$notify({ title: '保存失败', message: response.data, type: 'warning', duration: 2000 })
        } else {
          this.$notify({ title: '', message: '保存成功', type: 'success', duration: 2000 })
          this.getList()
        }
      })
    },
    getIsColor(arr) {
      var map = {}
      var dest = []
      for (var i = 0; i < arr.length; i++) {
        var ai = arr[i]
        if (!map[ai.pid]) {
          dest.push({
            pid: ai.pid,
            data: [ai]
          })
          map[ai.pid] = ai
        } else {
          for (var j = 0; j < dest.length; j++) {
            var dj = dest[j]
            if (dj.pid == ai.pid) {
              dj.data.push(ai)
              break
            }
          }
        }
      }
      console.log(dest)
      var newArr1 = []
      for (var i = 0; i < dest.length; i++) {
        var newArr = dest[i].data
        for (var j = 0; j < dest[i].data.length; j++) {
          dest[i].data[j].isColor = i
          newArr1.push(dest[i].data[j])
        }
      }
      console.log(newArr1)
      this.table.list = newArr1
    },
    tableRowClassName({ row }) {
      if (row.isColor % 2 == 0) {
        return 'warning-row'
      } else {
        return 'success-row'
      }
    },
    lpplantype: function(cellValue) {
      if (cellValue.lpplantype == 0) {
        return '撒料计划'
      } else if (cellValue.lpplantype == 1) {
        return '撒料计划-混料'
      } else if (cellValue.lpplantype == 2) {
        return '撒料计划-撒料'
      } else if (cellValue.lpplantype == 3) {
        return '剩料计划'
      } else if (cellValue.lpplantype == 4) {
        return '预混计划'
      } else if (cellValue.lpplantype == 5) {
        return '预称重计划'
      }
    },
    changeDate(val) {
      console.log('选择了日期', val)
      this.getList()
      // this.getList2()
      // this.getList3()
      var d = this.table.getdataListParm.parammaps.mydate
      var curDate = parseTime(new Date(), '{y}-{m}-{d}')
      if (d < curDate) {
        this.dataDisabled = true
      } else {
        this.dataDisabled = false
      }
      console.log(this.dataDisabled)
      this.parentDate = this.table.getdataListParm.parammaps.mydate
      console.log(this.parentDate, 'this.parentDate')
    },
    changePlanType(val) {
      console.log('选择了计划类型', val)
      this.getList()
      this.getList2()
      this.getList3()
    },
    changeFrequency(val) {
      console.log('选择了班次', val)
      this.getList()
      this.getList2()
      this.getList3()
    },

    // 日执行计划行点击
    tableRowClick(row, column, event) {
      console.log(row, column, event)
      console.log('点击计划类型', row.lpplantype)
      // 撒料计划0/撒料计划-混料1/撒料计划-撒料2/剩料计划3/预混计划4/预称重计划5
      if (row.lpplantype == 0) {
        // 撒料
        this.table2.getdataListParm.name = 'getDownloadplandtl1ListV2'
        this.table3.getdataListParm.name = 'getDownloadplandt2ListV2'
        this.table2.getdataListParm.parammaps.useinbartype = ''
        this.table3.getdataListParm.parammaps.useinbartype = ''
        this.table2.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
        this.table3.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
        this.table2.getdataListParm.parammaps.id = row.id
        this.table3.getdataListParm.parammaps.id = row.id
        this.table3.getdataListParm.parammaps.lpplantype = row.lpplantype
        this.getList2()
        this.getList3()
      } else if (row.lpplantype == 1) {
        // 撒料计划-混料
        this.table2.getdataListParm.name = 'getDownloadplandtl1ListV2'
        this.table3.getdataListParm.name = 'getDownloadplandt2ListV2'
        this.table2.getdataListParm.parammaps.useinbartype = ''
        this.table3.getdataListParm.parammaps.useinbartype = ''
        this.table2.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
        this.table3.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
        this.table2.getdataListParm.parammaps.id = row.id
        this.table3.getdataListParm.parammaps.id = row.id
        this.table3.getdataListParm.parammaps.lpplantype = row.lpplantype
        this.getList2()
        this.getList3()
      } else if (row.lpplantype == 2) {
        // 撒料计划-撒料
        this.table2.getdataListParm.name = 'getDownloadplandt2ListV2'
        this.table3.getdataListParm.name = 'getDownloadplandtl1ListV2'
        this.table2.getdataListParm.parammaps.useinbartype = ''
        this.table3.getdataListParm.parammaps.useinbartype = ''
        this.table2.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
        this.table3.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
        this.table2.getdataListParm.parammaps.id = row.id
        this.table3.getdataListParm.parammaps.id = row.id
        this.table3.getdataListParm.parammaps.lpplantype = row.lpplantype
        this.getList2()
        this.getList3()
        console.log(this.table3.getdataListParm.parammaps.lpplantype)
      } else if (row.lpplantype == 3) {
        // 剩料
        this.table2.getdataListParm.name = 'getDownloadplandt2ListV2'
        this.table3.getdataListParm.name = 'getDownloadplandt2ListV2'
        this.table2.getdataListParm.parammaps.useinbartype = 0
        this.table3.getdataListParm.parammaps.useinbartype = 1
        this.table2.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
        this.table3.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
        this.table2.getdataListParm.parammaps.id = row.id
        this.table3.getdataListParm.parammaps.id = row.id
        this.table3.getdataListParm.parammaps.lpplantype = row.lpplantype
        this.getList2()
        this.getList3()
      } else if (row.lpplantype == 4) {
        // 预混
        this.table2.getdataListParm.name = 'getDownloadplandtl1ListV2'
        this.table3.getdataListParm.name = 'getDownloadplandt2ListV2'
        this.table2.getdataListParm.parammaps.useinbartype = ''
        this.table3.getdataListParm.parammaps.useinbartype = ''
        this.table2.getdataListParm.parammaps.id = row.id
        this.table3.getdataListParm.parammaps.lpplantype = row.lpplantype
        this.getList2()
      } else if (row.lpplantype == 5) {
        // 预称重计划
        this.table2.getdataListParm.name = 'getDownloadplandtl1ListV2'
        this.table3.getdataListParm.name = 'getDownloadplandt2ListV2'
        this.table2.getdataListParm.parammaps.useinbartype = ''
        this.table3.getdataListParm.parammaps.useinbartype = ''
        this.table2.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
        this.table3.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
        this.table2.getdataListParm.parammaps.id = row.id
        this.table3.getdataListParm.parammaps.id = row.id
        this.table3.getdataListParm.parammaps.lpplantype = row.lpplantype
        this.getList2()
        this.getList3()
      }
      this.$forceUpdate()
    },

    // 计划内容操作详情
    getList2() {
      this.table2.listLoading = true
      this.table2.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate

      GetDataByName(this.table2.getdataListParm).then(response => {
        console.log('table数据', response.data.list)
        if (response.data.list !== null) {
          this.table2.list = response.data.list
          // 撒料计划0/撒料计划-混料1/撒料计划-撒料2/剩料计划3/预混计划4
          if (this.table3.getdataListParm.parammaps.lpplantype == 0 || this.table3.getdataListParm.parammaps.lpplantype == 1 || this.table3.getdataListParm.parammaps.lpplantype == 4) {
            const arr = []
            var a = 0
            let b = this.table2.list[0].sort
            let c = 0
            for (let i = 0; i < this.table2.list.length; i++) {
              if (b !== parseInt(this.table2.list[i].sort)) {
                b = this.table2.list[i].sort
                // arr.push({ 'sort': '小计', 'weight': a.toFixed(parseInt(Cookies.get('decimal'))) })
                a = 0
              }
              a = a + parseFloat(this.table2.list[i].weight)
              c = c + parseFloat(this.table2.list[i].weight)
              arr.push(this.table2.list[i])
            }
            // arr.push({ 'sort': '小计', 'weight': a.toFixed(parseInt(Cookies.get('decimal'))) })
            arr.push({ 'sort': '总计', 'weight': c.toFixed(parseInt(Cookies.get('decimal'))) })
            this.table2.list = arr
          }
          if (this.table3.getdataListParm.parammaps.lpplantype == 2) {
            const arr = []
            var aa = 0
            let bb = this.table2.list[0].sort
            let cc = 0
            for (let i = 0; i < this.table2.list.length; i++) {
              if (bb !== parseInt(this.table2.list[i].sort)) {
                bb = this.table2.list[i].sort
                aa = 0
              }
              aa = aa + parseFloat(this.table2.list[i].weight)
              cc = cc + parseFloat(this.table2.list[i].weight)
              arr.push(this.table2.list[i])
            }
            arr.push({ 'sort': '总计', 'weight': cc.toFixed(parseInt(Cookies.get('decimal'))) })
            this.table2.list = arr
            console.log('this.table2.list', this.table2.list)
            console.log(this.table3.getdataListParm.parammaps.lpplantype)
          }

          console.log(this.table2.list)
          this.table2.pageNum = response.data.pageNum
          this.table2.pageSize = response.data.pageSize
          this.table2.total = response.data.total
        } else {
          this.table2.list = []
        }
        this.handleSpan()
        setTimeout(() => {
          this.table2.listLoading = false
        }, 100)
      })
    },

    // 计划内容栏舍详情
    getList3() {
      this.table3.listLoading = true
      this.table3.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate

      GetDataByName(this.table3.getdataListParm).then(response => {
        console.log('table数据', response.data.list)
        if (response.data.list !== null) {
          this.table3.list = response.data.list
          if (this.table3.getdataListParm.parammaps.lpplantype == 0) {
            const arr = []
            var a = 0
            let b = this.table3.list[0].sort
            let c = 0
            for (let i = 0; i < this.table3.list.length; i++) {
              if (b !== parseInt(this.table3.list[i].sort)) {
                b = this.table3.list[i].sort
                a = 0
              }
              a = a + parseFloat(this.table3.list[i].weight)
              c = c + parseFloat(this.table3.list[i].weight)
              arr.push(this.table3.list[i])
            }
            arr.push({ 'sort': '总计', 'weight': c.toFixed(parseInt(Cookies.get('decimal'))) })
            this.table3.list = arr
          }
          this.table3.pageNum = response.data.pageNum
          this.table3.pageSize = response.data.pageSize
          this.table3.total = response.data.total
        } else {
          this.table3.list = []
        }
        setTimeout(() => {
          this.table3.listLoading = false
        }, 100)
      })
    },

    // 新生成
    handleCreate() {
      console.log('点击了新生成')
      this.newGeneration.temp.inputDatetime = [parseTime(new Date(), '{y}-{m}-{d}'), parseTime(new Date(), '{y}-{m}-{d}')]
      GetDataByName(this.newGeneration.getdataListParm).then(response => {
        console.log('table数据', response.data.list)
        if (response.data.list !== null) {
          if (response.data.list[0].vmsg == '存在未分配') {
            this.newGeneration.temp.tips = true
            this.$message({ type: 'warning', message: '撒料计划中存在未分配完栏舍，建议及时进行分配', duration: 2000 })
            this.getTips()
          }else{
            this.newGeneration.temp.tips = false
            this.newGeneration.dialogStatus = 'newGeneration'
            this.newGeneration.dialogFormVisible = true
          }
        }
      })
    },
    getTips(){
      const url = 'authdata/feedp/undistribute'
      const data = {}
      // data.times = 1
      data.times = this.myMaxTimes
      data.pastureid = Cookies.get('pastureid')
      this.tipsList = []
      postJson(url, data).then(response => {
        if(response.data !== null){
          this.tipsList = response.data
          // if(this.myMaxTimes == 1){
          //   this.tipsList = response.data.one
          // }else if(this.myMaxTimes == 2){
          //   this.tipsList.push(response.data.one,response.data.two)
          // }else if(this.myMaxTimes == 3){
          //   this.tipsList.push(response.data.one,response.data.two,response.data.three)
          // }else if(this.myMaxTimes == 4){
          //   this.tipsList.push(response.data.one,response.data.two,response.data.three,response.data.four)
          // }
        }else{
          this.tipsList = []
        }
        console.log('this.tipsList==>',this.tipsList)
        this.newGeneration.dialogStatus = 'newGeneration'
        this.newGeneration.dialogFormVisible = true
      })
    },
    DateDiff(sDate1, sDate2) {
      console.log(sDate1, sDate2)
      var aDate, oDate1, oDate2, iDays
      aDate = sDate1.split('-')
      oDate1 = new Date(aDate[0], aDate[1], aDate[2]) // 转换为12-18-2006格式
      aDate = sDate2.split('-')
      oDate2 = new Date(aDate[0], aDate[1], aDate[2])
      iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 / 24) // 把相差的毫秒数转换为天数
      this.newGeneration.temp.days = parseInt(iDays) + 1
      return iDays
    },
    newGenerationData() {
      console.log('点击了新生成保存', this.newGeneration.temp)
      this.newGenerationLoading = true
      this.isokDisable = true
      this.$refs['temp'].validate(valid => {
        if (valid) {
          this.newGeneration.temp.startTime = parseTime(this.newGeneration.temp.inputDatetime[0], '{y}-{m}-{d}')
          this.newGeneration.temp.stopTime = parseTime(this.newGeneration.temp.inputDatetime[1], '{y}-{m}-{d}')
          this.DateDiff(this.newGeneration.temp.stopTime, this.newGeneration.temp.startTime)
          this.requestParam = {}
          this.requestParam.common = { 'returnmap': '0' }
          this.requestParam.data = []
          this.requestParam.data[0] = { 'name': 'checkDLPIsStart', 'type': 'v', 'parammaps': {
            pastureid: Cookies.get('pastureid'),
            startTime: this.newGeneration.temp.startTime
          }}
          this.requestParam.data[1] = { 'name': 'checkPreMixStorage', 'type': 'e', 'parammaps': {
            pastureid: Cookies.get('pastureid'),
            days: this.newGeneration.temp.days
          }}
          this.requestParam.data[2] = { 'name': 'createdownloadedplan', 'type': 'e', 'parammaps': {
            pastureid: Cookies.get('pastureid'),
            startTime: this.newGeneration.temp.startTime,
            stopTime: this.newGeneration.temp.stopTime
          }}
          ExecDataByConfig(this.requestParam).then(response => {
            console.log('新生成保存发送参数', this.requestParam)
            if (response.msg === 'fail') {
              this.$notify({ title: '保存失败', message: response.data, type: 'warning', duration: 2000 })
              this.isokDisable = false
              this.newGenerationLoading = false
            } else {
              this.$notify({ title: '', message: '保存成功', type: 'success', duration: 2000 })
              this.newGeneration.dialogFormVisible = false
              this.getList()
              this.isokDisable = false
              this.newGenerationLoading = false
            }
          })
        }
      })
    },

    // 修改计划
    handleRevisePlan(data) {
      this.dialogFull = false
      var arr = []
      if (this.table.list.length > 0) {
        for (let i = 0; i < this.table.list.length; i++) {
          if (this.table.list[i].havebutton == 1) {
            arr.push(this.table.list[i])
          }
        }
      }
      if (arr.length !== this.table.list.length) {
        console.log('点击了修改计划1', this.activeName)
        this.isShowDialog = true
        this.activeName = '栏舍配方'
        console.log('点击了修改计划2', this.activeName)
      } else {
        this.$message({ type: 'error', message: '当前日期不可修改计划，请重新选择日期' })
      }
    },

    handleExport() {
      this.downLoad.getdataListParm.parammaps.date = this.table.getdataListParm.parammaps.mydate
      this.downLoad.getdataListParm.parammaps.lpplantype = this.table.getdataListParm.parammaps.lpplantype
      this.downLoad.getdataListParm.parammaps.times = this.table.getdataListParm.parammaps.times
      this.downLoad.getdataListParm.parammaps.enable = this.table.getdataListParm.parammaps.enable
      this.downLoad.getdataListParm.parammaps.enable2 = this.table.getdataListParm.parammaps.enable2
      var exportTitle = ''
      if (this.table.getdataListParm.parammaps.plandimen == '1') {
        if (this.table.getdataListParm.parammaps.enable3 == '0') {
          this.downLoad.getdataListParm.name = 'downloadPlanTLJDTMR'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '投料简打'
        } else if (this.table.getdataListParm.parammaps.enable3 == '1') {
          this.downLoad.getdataListParm.name = 'downloadPlanTLLDTMR'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '累加投料'
        } else if (this.table.getdataListParm.parammaps.enable3 == '2') {
          this.downLoad.getdataListParm.name = 'downloadPlanSLJDTMR'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '撒料简打'
        } else if (this.table.getdataListParm.parammaps.enable3 == '3') {
          this.downLoad.getdataListParm.name = 'downloadPlanTSLJDTMR'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '投撒料简打'
        } else if (this.table.getdataListParm.parammaps.enable3 == '4') {
          this.downLoad.getdataListParm.name = 'downloadPlanTSLLDTMR'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '投撒料累加'
        } else if (this.table.getdataListParm.parammaps.enable3 == '5') {
          this.downLoad.getdataListParm.name = 'downloadPlanBZJDTMR'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '包装简打'
        } else {
          this.downLoad.getdataListParm.name = 'downloadPlanSFJDTMR'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '实发简打'
        }
      } else {
        if (this.table.getdataListParm.parammaps.enable3 == '0') {
          this.downLoad.getdataListParm.name = 'downloadPlanTLJD'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '投料简打'
        } else if (this.table.getdataListParm.parammaps.enable3 == '1') {
          this.downLoad.getdataListParm.name = 'downloadPlanTLLD'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '累加投料'
        } else if (this.table.getdataListParm.parammaps.enable3 == '2') {
          this.downLoad.getdataListParm.name = 'downloadPlanSLJD'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '撒料简打'
        } else if (this.table.getdataListParm.parammaps.enable3 == '3') {
          this.downLoad.getdataListParm.name = 'downloadPlanTSLJD'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '投撒料简打'
        } else if (this.table.getdataListParm.parammaps.enable3 == '4') {
          this.downLoad.getdataListParm.name = 'downloadPlanTSLLD'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '投撒料累加'
        } else if (this.table.getdataListParm.parammaps.enable3 == '5') {
          this.downLoad.getdataListParm.name = 'downloadPlanBZJD'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '包装简打'
        } else {
          this.downLoad.getdataListParm.name = 'downloadPlanSFJD'
          exportTitle = this.table.getdataListParm.parammaps.mydate + '实发简打'
        }
      }
      GetReportform(this.downLoad.getdataListParm).then(response => {
        if (response.data.list !== null) {
          this.downLoad.labelList = []
          var filterValArr = []
          for (let i = 0; i < response.data.list.data1.length; i++) {
            this.downLoad.labelList.push(response.data.list.data1[i].label)
            filterValArr.push(response.data.list.data1[i].prop)
          }
          this.downLoad.list = response.data.list.data2
        } else {
          this.downLoad.list = []
        }
        var multiHeaderArr = []
        for (let i = 0; i < this.downLoad.labelList.length; i++) {
          if (i == 0) {
            multiHeaderArr.push(exportTitle)
          } else {
            multiHeaderArr.push('')
          }
        }
        import('@/vendor/Export5Excel').then(excel => {
          const multiHeader = [
            multiHeaderArr
          ]
          const multiHeader2 = [
            this.downLoad.labelList
          ]
          const filterVal = filterValArr
          const data = this.downLoad.list.map((v) => filterVal.map((j) => v[j]))
          const merges = []
          excel.export_json_to_excel({ multiHeader, multiHeader2, data, filename: exportTitle, merges })
        })
      })
    },

    rowDrop() {
      console.log(document.querySelector('#table1 .el-table__body-wrapper tbody'))
      const tbody = document.querySelector('#table1 .el-table__body-wrapper tbody')
      // this.sorTable()
      const that = this
      var sortable = Sortable.create(tbody, {
        disabled: that.dropState,
        onChoose({ newIndex, oldIndex }) {
          console.log(that.isOrder, 'that.isOrder == false')
          console.log(that.dropState, 'that.dropState')
          if (that.dropState == true || that.isOrder == true) {
            sortable.destroy()
          }
        },
        onEnd(evt) {
          var tableList = [...that.table.list] // 保留拖动前数据
          const targetRow = that.table.list.splice(evt.oldIndex, 1)[0] // 拖动数据
          const targetRow2 = that.table.list[evt.newIndex] // 拖动后下方数据
          const targetRow3 = that.table.list[evt.newIndex - 1] // 拖动后上方数据
          console.log(targetRow, 'targetRow')
          console.log(targetRow2, 'targetRow2')
          console.log(targetRow3, 'targetRow3')
          that.table.list.splice(evt.newIndex, 0, targetRow)
          // ==========
          // 已执行的计划不可拖动
          if (targetRow.havebutton == 1) {
            that.$nextTick(() => {
              that.$set(that.table, 'list', tableList)
            })
            that.$message({ type: 'error', message: '因已执行的计划不可调整顺序', duration: 2000 })
            return false
          }
          // 相同班次之间可以拖动
          if (targetRow2 !== undefined && targetRow3 !== undefined) {
            if (targetRow.times !== targetRow2.times && targetRow.times !== targetRow3.times) {
              that.$nextTick(() => {
                that.$set(that.table, 'list', tableList)
              })
              that.$message({ type: 'error', message: '因班次不同不可调整顺序', duration: 2000 })
              return false
            }
          } else if (targetRow2 !== undefined && targetRow3 == undefined) {
            if (targetRow.times !== targetRow2.times) {
              that.$nextTick(() => {
                that.$set(that.table, 'list', tableList)
              })
              that.$message({ type: 'error', message: '因班次不同不可调整顺序', duration: 2000 })
              return false
            }
          } else if (targetRow2 == undefined && targetRow3 !== undefined) {
            if (targetRow.times !== targetRow3.times) {
              that.$nextTick(() => {
                that.$set(that.table, 'list', tableList)
              })
              that.$message({ type: 'error', message: '因班次不同不可调整顺序', duration: 2000 })
              return false
            }
          }
          // 撒料计划0,
          // 撒料计划-混料1
          // 撒料计划-撒料2
          // 剩料计划3
          // 预混计划4
          // 预称重计划5
          if (targetRow.lpplantype == 1) { // 拖动数据为撒料计划-混料
            if (targetRow2 == undefined) {
              that.$nextTick(() => {
                that.$set(that.table, 'list', tableList)
              })
            } else if (targetRow2 !== undefined && targetRow2.pid == targetRow.pid) {
              that.$nextTick(() => {
                that.$set(that.table, 'list', tableList)
              })
            } else {
              var pidArr = [] // pid相同的值
              var pidArr1 = [] //
              var index // 索引
              for (let i = 0; i < tableList.length; i++) {
                if (tableList[i].pid == targetRow.pid) {
                  pidArr.push(tableList[i])
                } else {
                  pidArr1.push(tableList[i])
                }
              }
              // 找到对应上方pid 的ID
              // 比如说id 580243 找到对应的索引
              if (targetRow3 !== undefined) {
                for (let i = 0; i < pidArr1.length; i++) {
                  if (pidArr1[i].id == targetRow3.id) {
                    index = i
                  }
                }
              } else {
                for (let i = 0; i < pidArr1.length; i++) {
                  if (pidArr1[i].id == targetRow2.id) {
                    index = i - 1
                  }
                }
              }
              pidArr1.splice(index + 1, 0, ...pidArr)
              console.log(pidArr1)
              that.$nextTick(() => {
                that.table.list = pidArr1
              })
            }
            if (targetRow2 !== undefined && targetRow3 !== undefined) {
              if (targetRow2.pid == targetRow3.pid) {
                that.$nextTick(() => {
                  that.$set(that.table, 'list', tableList)
                })
                that.$message({ type: 'error', message: '不可将其他计划拖动至预称重计划之间', duration: 2000 })
                return false
              }
            }
          } else if (targetRow.lpplantype == 5) { // 拖动数据为预称重计划
            if (targetRow2 !== undefined) {
              console.log(targetRow3, targetRow2, 'zhidao')
              if (targetRow3 !== undefined) {
                if (targetRow3.pid !== targetRow.pid && targetRow2.pid !== targetRow.pid) {
                  that.$nextTick(() => {
                    that.$set(that.table, 'list', tableList)
                  })
                  that.$message({ type: 'error', message: '预称重计划不可拖动至其他位置', duration: 2000 })
                  return false
                } else {
                  console.log('wojinlaile', targetRow2, targetRow)
                  if (targetRow3.lpplantype == 0 && targetRow2.pid !== targetRow.pid) {
                    that.$nextTick(() => {
                      that.$set(that.table, 'list', tableList)
                    })
                    that.$message({ type: 'error', message: '预称重计划不可拖动至撒料计划下方', duration: 2000 })
                    return false
                  }
                  if (targetRow2.lpplantype !== 5 && targetRow3.lpplantype !== 5) {
                    that.$nextTick(() => {
                      that.$set(that.table, 'list', tableList)
                    })
                    that.$message({ type: 'error', message: '预称重计划不可拖动至其他位置', duration: 2000 })
                    return false
                  }
                }
              } else {
                if (targetRow2.pid !== targetRow.pid) {
                  that.$nextTick(() => {
                    that.$set(that.table, 'list', tableList)
                  })
                  that.$message({ type: 'error', message: '预称重计划不可拖动至其他位置', duration: 2000 })
                  return false
                } else {
                  if (targetRow2.pid !== targetRow.pid) {
                    that.$nextTick(() => {
                      that.$set(that.table, 'list', tableList)
                    })
                    that.$message({ type: 'error', message: '预称重计划不可拖动至撒料计划下方', duration: 2000 })
                    return false
                  }
                }
              }
            } else {
              if (targetRow2 == undefined) {
                that.$nextTick(() => {
                  that.$set(that.table, 'list', tableList)
                })
                that.$message({ type: 'error', message: '预称重计划不可拖动至其他位置', duration: 2000 })
                return false
              } else if (targetRow3.pid !== targetRow.pid) {
                that.$nextTick(() => {
                  that.$set(that.table, 'list', tableList)
                })
                that.$message({ type: 'error', message: '预称重计划不可拖动至其他位置', duration: 2000 })
                return false
              } else {
                if (targetRow3.lpplantype == 0) {
                  that.$nextTick(() => {
                    that.$set(that.table, 'list', tableList)
                  })
                  that.$message({ type: 'error', message: '预称重计划不可拖动至撒料计划下方', duration: 2000 })
                  return false
                }
              }
            }

            if (targetRow2 !== undefined && targetRow3 !== undefined) {
              if (targetRow2.pid !== targetRow.pid && targetRow3.pid !== targetRow.pid) {
                that.$nextTick(() => {
                  that.$set(that.table, 'list', tableList)
                })
                that.$message({ type: 'error', message: '不可将其他计划拖动至预称重计划之间', duration: 2000 })
                return false
              } else if (targetRow3.pid == targetRow.pid && (targetRow3.lpplantype == 1 || targetRow3.lpplantype == 2)) {
                that.$nextTick(() => {
                  that.$set(that.table, 'list', tableList)
                })
                that.$message({ type: 'error', message: '预称重计划不可拖动至其他位置', duration: 2000 })
                return false
              }
            }
          } else if (targetRow.lpplantype == 2) { // 拖动数据为撒料计划-撒料
            if (targetRow2 == undefined) {
              if (targetRow3.pid !== targetRow.pid) {
                that.$nextTick(() => {
                  that.$set(that.table, 'list', tableList)
                })
                that.$message({ type: 'error', message: '撒料计划-撒料不可拖动至其他位置', duration: 2000 })
                return false
              }
            } else {
              if (targetRow2.lpplantype == 1 && (targetRow2.pid == targetRow.pid || targetRow2 == undefined)) {
                // 拖动数据下方为撒料计划-混料时且pid相同,不可拖动,提示
                that.$nextTick(() => {
                  that.$set(that.table, 'list', tableList)
                })
                that.$message({ type: 'error', message: '撒料计划-撒料不可拖动至撒料计划-混料上方', duration: 2000 })
                return false
              } else if (targetRow.lpplantype == 2 && (targetRow2.pid == targetRow.pid || targetRow3.pid == targetRow.pid || targetRow2 == undefined || targetRow3 == undefined)) {
                console.log('正常拖动')
              } else {
                that.$nextTick(() => {
                  that.$set(that.table, 'list', tableList)
                })
                that.$message({ type: 'error', message: '撒料计划-撒料不可拖动至其他位置', duration: 2000 })
                return false
              }
            }
            if (targetRow2 !== undefined && targetRow3 !== undefined) {
              if (targetRow2.pid == targetRow3.pid) {
                that.$nextTick(() => {
                  that.$set(that.table, 'list', tableList)
                })
                that.$message({ type: 'error', message: '不可将其他计划拖动至预称重计划之间', duration: 2000 })
                return false
              }
            }
          } else if (targetRow.lpplantype == 0) { // 拖动数据为撒料计划
            console.log('遍历有相同的pid,一起跟着拖动3')
            var pidArr = [] // pid相同的值
            var pidArr1 = [] //
            var index // 索引
            for (let i = 0; i < tableList.length; i++) {
              if (tableList[i].pid == targetRow.pid) {
                pidArr.push(tableList[i])
              } else {
                pidArr1.push(tableList[i])
              }
            }
            if (pidArr.length > 0) {
              // 找到对应上方pid 的ID
              // 比如说id 580243 找到对应的索引
              if (targetRow3 !== undefined) {
                for (let i = 0; i < pidArr1.length; i++) {
                  if (pidArr1[i].id == targetRow3.id) {
                    index = i
                  }
                }
              } else {
                for (let i = 0; i < pidArr1.length; i++) {
                  if (pidArr1[i].id == targetRow2.id) {
                    index = i - 1
                  }
                }
              }
              pidArr1.splice(index + 1, 0, ...pidArr)
              console.log(pidArr1)
              that.$nextTick(() => {
                that.table.list = pidArr1
              })
            }
            if (targetRow2 !== undefined && targetRow3 !== undefined) {
              if (targetRow2.pid == targetRow3.pid) {
                that.$nextTick(() => {
                  that.$set(that.table, 'list', tableList)
                })
                that.$message({ type: 'error', message: '不可拖动至其他计划中间；', duration: 2000 })
                return false
              }
            }
          } else if (targetRow.lpplantype == 3 || targetRow.lpplantype == 4) {
            if (targetRow2 !== undefined && targetRow3 !== undefined) {
              if (targetRow2.pid == targetRow3.pid) {
                if (targetRow2.lpplantype == 5 && targetRow3.lpplantype == 5) {
                  that.$nextTick(() => {
                    that.$set(that.table, 'list', tableList)
                  })
                  that.$message({ type: 'error', message: '不可拖动至预称重计划跟预称重计划之间', duration: 2000 })
                  return false
                } else if (targetRow.pid == targetRow2.pid && targetRow.lpplantype == 3 && targetRow2.lpplantype == 3 || targetRow.pid == targetRow3.pid && targetRow.lpplantype == 3 && targetRow3.lpplantype == 3) {
                  console.log('剩料之间可以互相拖动')
                  console.log(tableList)
                } else {
                  that.$nextTick(() => {
                    that.$set(that.table, 'list', tableList)
                  })
                  // 撒料计划0,
                  // 撒料计划-混料1
                  // 撒料计划-撒料2
                  // 剩料计划3
                  // 预混计划4
                  // 预称重计划5
                  if (targetRow3.lpplantype == 0) {
                    that.$set(targetRow3, 'mylpplantype', '撒料计划')
                  } else if (targetRow3.lpplantype == 1) {
                    that.$set(targetRow3, 'mylpplantype', '撒料计划-混料')
                  } else if (targetRow3.lpplantype == 2) {
                    that.$set(targetRow3, 'mylpplantype', '撒料计划-撒料')
                  } else if (targetRow3.lpplantype == 3) {
                    that.$set(targetRow3, 'mylpplantype', '剩料计划')
                  } else if (targetRow3.lpplantype == 4) {
                    that.$set(targetRow3, 'mylpplantype', '预混计划')
                  } else if (targetRow3.lpplantype == 5) {
                    that.$set(targetRow3, 'mylpplantype', '预称重计划')
                  }
                  if (targetRow2.lpplantype == 0) {
                    that.$set(targetRow2, 'mylpplantype', '撒料计划')
                  } else if (targetRow2.lpplantype == 1) {
                    that.$set(targetRow2, 'mylpplantype', '撒料计划-混料')
                  } else if (targetRow2.lpplantype == 2) {
                    that.$set(targetRow2, 'mylpplantype', '撒料计划-撒料')
                  } else if (targetRow2.lpplantype == 3) {
                    that.$set(targetRow2, 'mylpplantype', '剩料计划')
                  } else if (targetRow2.lpplantype == 4) {
                    that.$set(targetRow2, 'mylpplantype', '预混计划')
                  } else if (targetRow2.lpplantype == 5) {
                    that.$set(targetRow2, 'mylpplantype', '预称重计划')
                  }
                  var message = '不可拖动至' + targetRow3.mylpplantype + '跟' + targetRow2.mylpplantype + '之间'
                  that.$message({ type: 'error', message: message, duration: 2000 })
                  return false
                }
              }
            }
            // ========
            // var pidArr = [] // pid相同的值
            // var pidArr1 = [] //
            // var index // 索引
            // for (let i = 0; i < tableList.length; i++) {
            //   if (tableList[i].pid == targetRow.pid) {
            //     pidArr.push(tableList[i])
            //   } else {
            //     pidArr1.push(tableList[i])
            //   }
            // }
            // if (pidArr.length > 0) {
            //   // 找到对应上方pid 的ID
            //   // 比如说id 580243 找到对应的索引
            //   if (targetRow3 !== undefined) {
            //     for (let i = 0; i < pidArr1.length; i++) {
            //       if (pidArr1[i].id == targetRow3.id) {
            //         index = i
            //       }
            //     }
            //   } else {
            //     for (let i = 0; i < pidArr1.length; i++) {
            //       if (pidArr1[i].id == targetRow2.id) {
            //         index = i - 1
            //       }
            //     }
            //   }
            //   pidArr1.splice(index + 1, 0, ...pidArr)
            //   console.log(pidArr1)
            //   that.$nextTick(() => {
            //     that.table.list = pidArr1
            //   })
            // }
            // if (targetRow2 !== undefined && targetRow3 !== undefined) {
            //   if (targetRow2.pid == targetRow3.pid) {
            //     that.$nextTick(() => {
            //       that.$set(that.table, 'list', tableList)
            //     })
            //     that.$message({ type: 'error', message: '不可将其他计划拖动至预称重计划之间9999', duration: 2000 })
            //     return false
            //   }
            // }
          }

          // ===
        }
      })
    },
    // 复制
    handleCopy() {
      if (this.table.list.length > 0) {
        this.newGeneration.temp = {}
        this.newGeneration.dialogStatus = 'copy'
        this.newGeneration.dialogFormVisible = true
      } else {
        this.$message({ type: 'error', message: '当前无计划可复制' })
      }
    },
    copyData() {
      console.log(this.newGeneration.temp.copyInputDatetime)
      this.isokDisable = true
      setTimeout(() => {
        this.isokDisable = false
      }, 5000)
      this.$refs['temp'].validate(valid => {
        if (valid) {
          this.requestParam.name = 'copydownloadedplan'
          this.requestParam.parammaps = {}
          this.requestParam.parammaps.pastureid = Cookies.get('pastureid')
          this.requestParam.parammaps.date = this.table.getdataListParm.parammaps.mydate
          this.requestParam.parammaps.startTime = parseTime(this.newGeneration.temp.copyInputDatetime[0], '{y}-{m}-{d}')
          this.requestParam.parammaps.stopTime = parseTime(this.newGeneration.temp.copyInputDatetime[1], '{y}-{m}-{d}')
          PostDataByName(this.requestParam).then(response => {
            if (response.msg === 'fail') {
              this.$notify({ title: '保存失败', message: response.data, type: 'warning', duration: 2000 })
            } else {
              this.$notify({ title: '成功', message: '保存成功', type: 'success', duration: 2000 })
              this.newGeneration.dialogFormVisible = false
              this.getList()
            }
          })
        }
      })
    },
    handleChangeOrder() {
      // 拖动顺序
      this.isOrder = false
      this.rowDrop()
    },
    saveChangeOrder() {
      // 保存顺序
      var sortList = []
      for (let i = 0; i < this.table.list.length; i++) {
        var obj = {}
        obj.sort = i
        obj.pastureid = this.table.list[i].pastureid
        obj.id = this.table.list[i].id
        sortList.push(obj)
      }
      console.log(sortList)
      this.requestParam = {}
      this.requestParam.common = { 'returnmap': '0' }
      this.requestParam.data = []
      this.requestParam.data[0] = { 'name': 'insertSpotList', 'resultmaps': { 'list': sortList }}
      this.requestParam.data[0].children = []
      this.requestParam.data[0].children[0] = { 'name': 'updatedownloadesort', 'type': 'e', 'parammaps': {
        id: '@insertSpotList.id',
        pastureid: '@insertSpotList.pastureid',
        sort: '@insertSpotList.sort'
      }}
      ExecDataByConfig(this.requestParam).then(response => {
        console.log('顺序切换保存发送参数', this.requestParam)
        if (response.msg === 'fail') {
          this.$notify({ title: '顺序切换失败', message: response.data, type: 'warning', duration: 2000 })
        } else {
          this.$notify({ title: '', message: '顺序切换成功', type: 'success', duration: 2000 })
          this.getList()
          this.isOrder = true
        }
      })
    },
    cancelChangeOrder() {
      // 取消顺序
      this.getList()
      this.isOrder = true
    },
    handleDataSynchronization() {
      MessageBox.confirm('是否确认同步数据?', {
        confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning'
      }).then(() => {
        this.requestParam = {}
        this.requestParam.pastureid = Cookies.get('pastureid')
        // this.$alert('正在同步', { confirmButtonText: '确定' })
        this.dataSynchronization.dialogFormVisible = true
        getDorm(this.requestParam).then(response => {
          console.log(response)
          if (response.msg == 'ok') {
            this.dataSynchronization.dialogFormVisible = false
            this.$notify({ title: '同步成功', message: '同步成功', type: 'success', duration: 2000 })
          } else {
            this.$notify({ title: '同步失败', message: response.data, type: 'warning', duration: 2000 })
            this.dataSynchronization.dialogFormVisible = false
          }
        })
      }).catch(() => {
        this.$message({ type: 'info', message: '已取消数据同步' })
      })
    },
    handleRowDelete(row) {
      console.log('删除')
      MessageBox.confirm('是否确认删除此信息?', {
        confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning'
      }).then(() => {
        this.selectList = []
        this.requestParam = {}
        this.requestParam.name = 'delDownloadedplan'
        this.requestParam.parammaps = {}
        this.requestParam.parammaps.pastureid = row.pastureid
        this.requestParam.parammaps.id = row.id
        PostDataByName(this.requestParam).then(response => {
          if (response.msg === 'fail') {
            this.$notify({ title: '删除失败', message: response.data, type: 'warning', duration: 2000 })
          } else {
            this.$notify({ title: '成功', message: '删除成功', type: 'success', duration: 2000 })
            this.getList()
          }
        })
      }).catch(() => {
        this.$message({ type: 'info', message: '已取消删除' })
      })
    },
    handleSpan() {
      this.mergekeys.forEach(key => {
        this.spanObj[key] = []
        let position = 0
        this.table2.list.forEach((item, index) => {
          if (index === 0) {
            this.spanObj[key].push(1)
            position = 0
          } else {
            if (key == 'description') {
              if (this.table2.list[index][key] === this.table2.list[index - 1][key] && this.table2.list[index]['sort'] === this.table2.list[index - 1]['sort']) {
                this.spanObj[key][position] += 1
                this.spanObj[key].push(0)
              } else {
                this.spanObj[key].push(1)
                position = index
              }
            } else {
              if (this.table2.list[index][key] === this.table2.list[index - 1][key]) {
                this.spanObj[key][position] += 1
                this.spanObj[key].push(0)
              } else {
                this.spanObj[key].push(1)
                position = index
              }
            }
          }
        })
      })
    },
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      for (let i = 0; i < this.mergekeys.length; i++) {
        if (column.property === this.mergekeys[i]) {
          const _row = this.spanObj[this.mergekeys[i]][rowIndex]
          const _col = _row > 0 ? 1 : 0
          return {
            rowspan: _row,
            colspan: _col
          }
        }
      }
    },
    handleDeleteRecord(){
      this.deleteRecord.dialogStatus = 'deleteRecord'
      this.deleteRecord.dialogFormVisible = true
    }
  }
}
</script>
<style>
  .el-table .warning-row {
    background: oldlace;
  }

  .el-table .success-row {
    background: #f0f9eb;
  }
</style>
<style lang="scss" scoped>
  .app-container{background: #fff;}
  .operation{}
  .search{margin-top:10px;}
  .table{margin-bottom:20px;}

  .template{
    background: #fff;
    position: relative;
  }

  .table2{
    // float: left;width: 50%;
    background: #fff;
    position: relative;
    .content-table{margin-top: 20px;}
    .contentOperation{right: -50px;z-index: 1;}
  }
  .table3{
    // float: left;width: 50%;
    background: #fff;
    position: relative;
    .content-table{margin-top: 20px;}
    .contentOperation{right: -50px;z-index: 1;}
  }
 </style>