<template>
  <div class="app-container">
    <div class="operation">
      <el-date-picker
        v-model="table.getdataListParm.parammaps.inputDatetime"
        :clearable="false"
        class="inputDatetime filter-item"
        type="daterange"
        :range-separator="$t('common.to')"
        :start-placeholder="$t('common.startTime')"
        :end-placeholder="$t('common.endTime')"
        style="width: 250px; margin-right: 10px; float: left"
        @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.search"
        placeholder="查询"
        class="filter-item"
        style="width: 120px; margin-right: 10px"
      >
        <el-option
          v-for="item in searchList"
          :key="item.id"
          :label="item.name"
          :value="item.id"
        />
      </el-select>
      <el-select
        v-if="table.getdataListParm.parammaps.search == '0'"
        v-model="table.getdataListParm.parammaps.templetid"
        clearable
        filterable
        :placeholder="$t('formulationEvaluation.qsrpfmc')"
        style="width: 180px"
        class="filter-item"
      >
        <el-option
          v-for="(item, index) in fenceHouseList"
          :key="index"
          :label="item.tname"
          :value="item.id"
        />
      </el-select>
      <el-select
        v-else
        v-model="table.getdataListParm.parammaps.barid"
        clearable
        filterable
        :placeholder="$t('formulationEvaluation.xzls')"
        style="width: 180px"
        class="filter-item"
      >
        <el-option
          v-for="item in formulaList"
          :key="item.id"
          :label="item.bname"
          :value="item.id"
        />
      </el-select>
      <el-button
        class="successBorder"
        style="margin-left: 10px"
        @click="form_search"
        >{{ $t("common.query") }}</el-button
      >
    </div>
    <div class="search" />
    <div class="table">
      <el-table
        :key="table.tableKey"
        v-loading="table.listLoading"
        :element-loading-text="$t('common.tableMsg')"
        :data="table.list"
        border
        fit
        highlight-current-row
        style="width: 100%"
        :row-style="rowStyle"
        :cell-style="tableCellStyle"
        class="elTable table-fixed"
      >
        <el-table-column
          sortable
          :label="$t('formulationEvaluation.pfmbzb')"
          min-width="98px"
          align="center"
        >
          <template slot-scope="{ row }">
            <a @click="clickFormulaTemplateIndex(row)">{{ row.tname }}</a>
          </template>
        </el-table-column>
        <el-table-column
          sortable
          :label="$t('formulationEvaluation.nts')"
          prop="ccount"
          min-width="58px"
          align="center"
        />
        <el-table-column
          :label="$t('formulationEvaluation.gwz')"
          align="center"
        >
          <el-table-column
            sortable
            prop="dry"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Hrate * scope.row.dry) | keepTreeNum }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Srate * scope.row.dry) | keepTreeNum }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column
          :label="$t('formulationEvaluation.cnjn')"
          align="center"
        >
          <el-table-column
            sortable
            prop="nm"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Hrate * scope.row.nm) | keepTreeNum }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Srate * scope.row.nm) | keepTreeNum }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column
          :label="$t('formulationEvaluation.nnnldw')"
          align="center"
        >
          <el-table-column
            sortable
            prop="nuint"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{
                (scope.row.Hrate * scope.row.nuint) | keepTreeNum
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{
                (scope.row.Srate * scope.row.nuint) | keepTreeNum
              }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column
          :label="$t('formulationEvaluation.cdb')"
          align="center"
        >
          <el-table-column
            prop="cp"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Hrate * scope.row.cp) | keepTreeNum }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Srate * scope.row.cp) | keepTreeNum }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column :label="$t('formulationEvaluation.l')" align="center">
          <el-table-column
            sortable
            prop="p"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Hrate * scope.row.p) | keepTreeNum }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Srate * scope.row.p) | keepTreeNum }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column
          :label="$t('formulationEvaluation.cnjndm')"
          align="center"
        >
          <el-table-column
            sortable
            prop="nmd"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Hrate * scope.row.nmd) | keepTreeNum }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Srate * scope.row.nmd) | keepTreeNum }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column
          :label="$t('formulationEvaluation.cdb1')"
          align="center"
        >
          <el-table-column
            sortable
            prop="cpd"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Hrate * scope.row.cpd) | keepTreeNum }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Srate * scope.row.cpd) | keepTreeNum }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column :label="$t('formulationEvaluation.zf')" align="center">
          <el-table-column
            sortable
            prop="fat"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Hrate * scope.row.fat) | keepTreeNum }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Srate * scope.row.fat) | keepTreeNum }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column :label="$t('formulationEvaluation.df')" align="center">
          <el-table-column
            sortable
            prop="starch"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{
                (scope.row.Hrate * scope.row.starch) | keepTreeNum
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{
                (scope.row.Srate * scope.row.starch) | keepTreeNum
              }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column label="NDF(%DM)" align="center">
          <el-table-column
            sortable
            prop="ndf"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Hrate * scope.row.ndf) | keepTreeNum }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Srate * scope.row.ndf) | keepTreeNum }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column
          :label="$t('formulationEvaluation.clzdnf')"
          align="center"
        >
          <el-table-column
            sortable
            prop="cndf"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{
                (scope.row.Hrate * scope.row.cndf) | keepTreeNum
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{
                (scope.row.Srate * scope.row.cndf) | keepTreeNum
              }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column label="ADF(%DM)" align="center">
          <el-table-column
            sortable
            prop="adf"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Hrate * scope.row.adf) | keepTreeNum }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Srate * scope.row.adf) | keepTreeNum }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column :label="$t('formulationEvaluation.ca')" align="center">
          <el-table-column
            sortable
            prop="cad"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Hrate * scope.row.cad) | keepTreeNum }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Srate * scope.row.cad) | keepTreeNum }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column
          :label="$t('formulationEvaluation.lin')"
          align="center"
        >
          <el-table-column
            sortable
            prop="pd"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Hrate * scope.row.pd) | keepTreeNum }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{ (scope.row.Srate * scope.row.pd) | keepTreeNum }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column
          sortable
          :label="$t('formulationEvaluation.jcb')"
          align="center"
        >
          <el-table-column
            sortable
            prop="jcrate"
            :label="$t('formulationEvaluation.pfl')"
            min-width="58"
            align="center"
          />
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.tmrl')"
            min-width="65"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{
                (scope.row.Hrate * scope.row.jcrate) | keepTreeNum
              }}</span>
            </template>
          </el-table-column>
          <el-table-column
            sortable
            :label="$t('formulationEvaluation.csl')"
            min-width="58"
            align="center"
          >
            <template slot-scope="scope">
              <span>{{
                (scope.row.Srate * scope.row.jcrate) | keepTreeNum
              }}</span>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column
          :label="$t('errorAnalysis.cz')"
          align="center"
          width="70"
          class-name="small-padding fixed-width"
          fixed="right"
        >
          <template slot-scope="{ row }">
            <el-button
              class="miniSuccess"
              icon="el-icon-search"
              @click="form_see(row)"
            />
          </template>
        </el-table-column>
      </el-table>
      <pagination
        v-show="table.total > 0"
        :total="table.total"
        :page.sync="table.getdataListParm.offset"
        :limit.sync="table.getdataListParm.pagecount"
        @pagination="getList"
      />
    </div>

    <!-- 查看 -->
    <el-dialog
      :fullscreen="dialogFull"
      :destroy-on-close="true"
      class="dialogMinHeight"
      :visible.sync="see.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[see.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="app-see dialogMinHeight">
        <div class="tableSee">
          <el-table
            :key="see.table.tableKey"
            v-loading="see.table.listLoading"
            :element-loading-text="$t('common.tableMsg')"
            :data="see.table.list"
            border
            fit
            show-summary
            highlight-current-row
            style="width: 100%"
            :row-style="rowStyle"
            :cell-style="tableCellStyle"
            class="elTable table-fixed"
          >
            <el-table-column
              :label="$t('formulationEvaluation.lszb')"
              min-width="100px"
              align="center"
            >
              <template slot-scope="{ row }">
                <a @click="clickFormulaHurdlesIndex(row)">{{ row.barname }}</a>
              </template>
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.nts')"
              min-width="100px"
              align="center"
              prop="ccount"
            />
            <el-table-column
              :label="$t('formulationEvaluation.gwz')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="dry-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="dry-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="dry-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="dry-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.cnjn')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="nm-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="nm-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="nm-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="nm-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.nnnldw')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="nuint-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="nuint-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="nuint-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="nuint-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.cdb')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="cp-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="cp-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="cp-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="cp-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.lin')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="p-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="p-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="p-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="p-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.cnjndm')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="nmd-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="nmd-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="nmd-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="nmd-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.cdb1')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="cpd-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="cpd-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="cpd-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="cpd-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.zf')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="fat-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="fat-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="fat-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="fat-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.df')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="starch-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="starch-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="starch-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="starch-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column label="NDF(%DM)" min-width="130px" align="center">
              <el-table-column
                prop="ndf-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="ndf-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="ndf-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="ndf-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.clzdnf')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="cndf-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="cndf-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="cndf-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="cndf-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column label="ADF(%DM)" min-width="130px" align="center">
              <el-table-column
                prop="adf-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="adf-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="adf-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="adf-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.ca')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="cad-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="cad-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="cad-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="cad-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.lin')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="pd-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="pd-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="pd-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="pd-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.slzhl')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="trans4f-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="trans4f-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="trans4f-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="trans4f-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('message.msg65')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="trans35f-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="trans35f-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="trans35f-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="trans35f-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.jcb')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="jcrate-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="jcrate-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="jcrate-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="jcrate-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.rlcb')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="uprice-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="uprice-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="uprice-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="uprice-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.gwzcb')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="upriced-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="upriced-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="upriced-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="upriced-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
            <el-table-column
              :label="$t('message.msg66')"
              min-width="130px"
              align="center"
            >
              <el-table-column
                prop="kprice-nur"
                :label="$t('formulationEvaluation.nnxq')"
                min-width="70"
                align="center"
              />
              <el-table-column
                prop="kprice-FT"
                :label="$t('formulationEvaluation.pfl')"
                min-width="58"
                align="center"
              />
              <el-table-column
                prop="kprice-H"
                :label="$t('formulationEvaluation.tmrl')"
                min-width="65"
                align="center"
              />
              <el-table-column
                prop="kprice-S"
                :label="$t('formulationEvaluation.csl')"
                min-width="58"
                align="center"
              />
            </el-table-column>
          </el-table>
        </div>
      </div>
      <div slot="footer" class="dialog-footer" style="bottom: 10px">
        <el-button
          class="cancelClose"
          style="right: 20px"
          @click="
            see.dialogFormVisible = false;
            $route.params.tname = '';
          "
          >{{ $t("common.closed") }}</el-button
        >
      </div>
    </el-dialog>

    <!-- 配方详情 -->
    <el-dialog
      :fullscreen="dialogFull"
      :destroy-on-close="true"
      :visible.sync="details.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[details.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="details dialogMinHeight">
        <el-form
          ref="temp"
          :rules="details.rules"
          :model="details.temp"
          label-position="right"
          label-width="120px"
          style="width: 100%; margin-bottom: 30px"
        >
          <el-row>
            <el-col :span="8">
              <el-form-item
                :label="$t('formulationEvaluation.lssjjl')"
                prop="maxDate"
              >
                <el-date-picker
                  v-model="details.temp.maxDate"
                  :clearable="false"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                  type="date"
                  :placeholder="$t('formulationEvaluation.lssjjl')"
                  @change="changeMaxDate"
                />
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <div class="table1">
          <div ref="templateDialog" class="templateDialog">
            <div class="recipeTemplateF">
              <p></p>
            </div>
          </div>
          <el-table
            :key="details.table1.tableKey"
            v-loading="details.table1.listLoading"
            :element-loading-text="$t('common.tableMsg')"
            :data="details.table1.list"
            border
            fit
            highlight-current-row
            style="width: 100%"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
          >
            <el-table-column
              :label="$t('formulationEvaluation.xh')"
              type="index"
              width="50"
              align="center"
            />
            <el-table-column
              :label="$t('errorAnalysis.feedName')"
              min-width="100px"
              align="center"
              prop="tname"
            />
            <el-table-column
              :label="$t('errorAnalysis.sxlb')"
              min-width="100px"
              align="center"
              prop="ccname"
            />
            <el-table-column
              :label="$t('formulationEvaluation.pflx')"
              min-width="100px"
              align="center"
              prop="fttype"
            />
            <el-table-column
              :label="$t('formulationEvaluation.ly')"
              min-width="100px"
              align="center"
              prop="source"
            />
            <el-table-column
              :label="$t('formulationEvaluation.bbh')"
              min-width="100px"
              align="center"
              prop="version"
            />
            <el-table-column
              :label="$t('formulationEvaluation.bbsj')"
              min-width="100px"
              align="center"
              prop="versiontime"
            />
          </el-table>
        </div>
        <div class="table2 detailDialog">
          <div class="recipeTemplateF">
            <p>{{ $t("formulationEvaluation.pfbqb") }}</p>
          </div>
          <el-table
            :key="details.table2.tableKey"
            v-loading="details.table2.listLoading"
            :element-loading-text="$t('common.tableMsg')"
            :data="details.table2.list"
            border
            fit
            show-summary
            highlight-current-row
            style="width: 100%"
            :row-style="rowStyle"
            :cell-style="cellStyle"
            class="elTable table-fixed"
          >
            <el-table-column
              :label="$t('formulationEvaluation.xh')"
              type="index"
              width="50"
              align="center"
            />
            <el-table-column
              :label="$t('formulationEvaluation.slz')"
              min-width="100px"
              align="center"
              prop="feedgroup"
            />
            <el-table-column
              :label="$t('InventoryManagement.silc')"
              min-width="100px"
              align="center"
              prop="fname"
            />
            <el-table-column
              :label="$t('message.msg64')"
              min-width="100px"
              align="center"
              prop="fweight"
            />
            <el-table-column
              :label="$t('formulationEvaluation.jbys')"
              min-width="100px"
              align="center"
              prop="autosecond"
            />
            <el-table-column
              :label="$t('formulationEvaluation.sfsdntbs')"
              min-width="100"
              align="center"
            >
              <template slot-scope="scope">
                <span v-if="scope.row.islockcount == '0'">{{
                  $t("feedChart.no")
                }}</span>
                <span v-if="scope.row.islockcount == '1'">{{
                  $t("feedChart.yes")
                }}</span>
              </template>
            </el-table-column>
            <el-table-column
              :label="$t('formulationEvaluation.sort')"
              min-width="100"
              align="center"
            >
              <template slot-scope="scope">
                <span>{{ scope.row.sort }}</span>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
      <div slot="footer" class="dialog-footer" style="bottom: 10px">
        <el-button
          class="cancelClose"
          style="right: 20px"
          @click="details.dialogFormVisible = false"
          >{{ $t("common.closed") }}</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { GetDataByName, postJson } from "@/api/common";
import Cookies from "js-cookie";
import Pagination from "@/components/Pagination";
import { parseTime } from "@/utils/index.js";
export default {
  name: "FormulationEvaluation",
  components: { Pagination },
  filters: {
    keepTreeNum(value) {
      value = Number(value);
      return value.toFixed(3);
    },
  },
  data() {
    return {
      dialogFull: false,
      searchList: [
        { id: "0", name: this.$t("dhedFormula.apfcx") },
        { id: "1", name: this.$t("dhedFormula.alscx") },
      ],
      formulaList: [],
      fenceHouseList: [],
      table: {
        getdataListParm: {
          name: "judgenurFTReport",
          page: 1,
          offset: 1,
          pagecount: parseInt(Cookies.get("pageCount")),
          returntype: "Map",
          parammaps: {
            pastureid: Cookies.get("pastureid"),
            startTime: parseTime(new Date(), "{y}-{m}-{d}"),
            stopTime: parseTime(new Date(), "{y}-{m}-{d}"),
            inputDatetime: [new Date(), new Date()],
            search: "0",
            templetid: "",
            barid: "",
          },
        },
        tableKey: 1,
        list: [],
        total: 0,
        listLoading: true,
        temp: {},
      },
      see: {
        dialogFormVisible: false,
        dialogStatus: "",
        temp: {},
        rules: {},
        table: {
          tableKey: 0,
          list: [],
          total: 0,
          listLoading: true,
          getdataListParm: {
            name: "judgenurFTReport",
            page: 1,
            offset: 1,
            pagecount: 0,
            returntype: "Map",
            parammaps: {
              name: "judgenurBarBmReport",
              name1: "judgenurBarHSL",
            },
          },
        },
      },
      details: {
        dialogFormVisible: false,
        dialogStatus: "",
        temp: {
          maxDate: "",
        },
        rules: {},
        table1: {
          tableKey: 0,
          list: [],
          total: 0,
          listLoading: true,
          getdataListParm: {
            name: "getFTListDateHis",
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: "Map",
            parammaps: {
              pastureid: "",
              id: "",
            },
          },
        },
        table2: {
          tableKey: 0,
          list: [],
          total: 0,
          listLoading: true,
          getdataListParm: {
            name: "getFTdetailListDate",
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: "Map",
            parammaps: {
              pastureid: "",
              ftid: "",
              date: "",
              version: "",
            },
          },
        },
        maxDate: {
          getdataListParm: {
            name: "getFTMaxDate",
            page: 1,
            offset: 1,
            pagecount: 10,
            returntype: "Map",
            parammaps: {
              pastureid: "",
            },
          },
        },
      },
      textMap: {
        see: "",
        details: this.$t("message.msg63"),
      },
      rowStyle: { maxHeight: 30 + "px", height: 30 + "px" },
      cellStyle: { padding: 0 + "px" },
    };
  },

  created() {
    if (
      this.$route.params.tname !== "" &&
      this.$route.params.tname !== undefined &&
      this.$route.params.startTime !== undefined &&
      this.$route.params.stopTime !== undefined
    ) {
      console.log(
        this.table.getdataListParm.parammaps.inputDatetime,
        "this.table.getdataListParm.parammaps.inputDatetime"
      );
      this.table.getdataListParm.parammaps.startTime =
        this.$route.params.startTime;
      this.table.getdataListParm.parammaps.stopTime =
        this.$route.params.stopTime;
      this.textMap.see = this.$t("message.msg62") + this.$route.params.tname;
      setTimeout(() => {
        this.dialogFull = false;
        this.see.dialogStatus = "see";
        this.see.dialogFormVisible = true;
      }, 500);
      this.see.table.getdataListParm.parammaps.ftid = this.$route.params.ftid;
      this.see.table.getdataListParm.parammaps.pastureid =
        this.$route.params.pastureid;
      this.see.table.getdataListParm.parammaps.startTime =
        this.table.getdataListParm.parammaps.startTime;
      this.see.table.getdataListParm.parammaps.stopTime =
        this.table.getdataListParm.parammaps.stopTime;
      this.getListSee();
    }
    this.getList();
    this.getformulaList();
    this.getfenceHouseList();
  },

  methods: {
    getformulaList() {
      const url = "authdata/GetDataByName";
      const data = {};
      data.name = "getBarListEnable";
      data.parammaps = {};
      data.parammaps.pastureid = Cookies.get("pastureid");
      postJson(url, data).then((response) => {
        if (response.data.list !== null) {
          this.formulaList = response.data.list;
        } else {
          this.formulaList = [];
        }
      });
    },
    getfenceHouseList() {
      const url = "authdata/GetDataByName";
      const data = {};
      data.name = "getFeedTempletName";
      postJson(url, data).then((response) => {
        if (response.data.list !== null) {
          this.fenceHouseList = response.data.list;
        } else {
          this.fenceHouseList = [];
        }
      });
    },
    getList() {
      this.table.listLoading = true;
      GetDataByName(this.table.getdataListParm).then((response) => {
        console.log("table数据", response.data.list);
        if (response.data.list !== null) {
          this.table.list = response.data.list;
          this.table.pageNum = response.data.pageNum;
          this.table.pageSize = response.data.pageSize;
          this.table.total = response.data.total;
        } else {
          this.table.list = [];
          this.table.pageNum = 0;
          this.table.pageSize = 0;
          this.table.total = 0;
        }
        setTimeout(() => {
          this.table.listLoading = false;
        }, 100);
      });
    },
    form_search() {
      if (this.table.getdataListParm.parammaps.search == "0") {
        this.table.getdataListParm.parammaps.barid = "";
      } else {
        this.table.getdataListParm.parammaps.templetid = "";
        console.log(this.table.getdataListParm.parammaps.barid);
      }
      this.getList();
    },
    changeDate() {
      if (
        this.table.getdataListParm.parammaps.inputDatetime !== "" &&
        this.table.getdataListParm.parammaps.inputDatetime !== null
      ) {
        this.table.getdataListParm.parammaps.startTime = parseTime(
          this.table.getdataListParm.parammaps.inputDatetime[0],
          "{y}-{m}-{d}"
        );
        this.table.getdataListParm.parammaps.stopTime = parseTime(
          this.table.getdataListParm.parammaps.inputDatetime[1],
          "{y}-{m}-{d}"
        );
        this.getList();
      }
    },
    handleBefore() {
      if (
        this.table.getdataListParm.parammaps.inputDatetime !== "" &&
        this.table.getdataListParm.parammaps.inputDatetime !== null
      ) {
        var start = new Date(
          this.table.getdataListParm.parammaps.inputDatetime[0].setDate(
            this.table.getdataListParm.parammaps.inputDatetime[0].getDate() - 1
          )
        );
        var stop = new Date(
          this.table.getdataListParm.parammaps.inputDatetime[1].setDate(
            this.table.getdataListParm.parammaps.inputDatetime[1].getDate() - 1
          )
        );
        this.table.getdataListParm.parammaps.inputDatetime.length = 0;
        this.table.getdataListParm.parammaps.inputDatetime.push(start, stop);
        this.$forceUpdate();
      }
      this.table.getdataListParm.parammaps.startTime = parseTime(
        this.table.getdataListParm.parammaps.inputDatetime[0],
        "{y}-{m}-{d}"
      );
      this.table.getdataListParm.parammaps.stopTime = parseTime(
        this.table.getdataListParm.parammaps.inputDatetime[1],
        "{y}-{m}-{d}"
      );
      this.getList();
    },
    handleNext() {
      if (
        this.table.getdataListParm.parammaps.inputDatetime !== "" &&
        this.table.getdataListParm.parammaps.inputDatetime !== null
      ) {
        var start2 = new Date(
          this.table.getdataListParm.parammaps.inputDatetime[0].setDate(
            this.table.getdataListParm.parammaps.inputDatetime[0].getDate() + 1
          )
        );
        var stop2 = new Date(
          this.table.getdataListParm.parammaps.inputDatetime[1].setDate(
            this.table.getdataListParm.parammaps.inputDatetime[1].getDate() + 1
          )
        );
        this.table.getdataListParm.parammaps.inputDatetime.length = 0;
        this.table.getdataListParm.parammaps.inputDatetime.push(start2, stop2);
        this.$forceUpdate();
      }
      this.table.getdataListParm.parammaps.startTime = parseTime(
        this.table.getdataListParm.parammaps.inputDatetime[0],
        "{y}-{m}-{d}"
      );
      this.table.getdataListParm.parammaps.stopTime = parseTime(
        this.table.getdataListParm.parammaps.inputDatetime[1],
        "{y}-{m}-{d}"
      );
      this.getList();
    },
    tableCellStyle({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        return {
          textDecoration: "underline",
        };
      }
      return {
        textDecoration: "none",
      };
    },
    clickFormulaTemplateIndex(row) {
      console.log("点击了配方模板/指标");
      this.dialogFull = false;
      this.details.dialogStatus = "details";
      this.details.dialogFormVisible = true;
      this.details.table1.getdataListParm.parammaps.pastureid = row.pastureid;
      this.details.table1.getdataListParm.parammaps.id = row.ftid;

      this.details.maxDate.getdataListParm.parammaps.pastureid = row.pastureid;
      this.getMaxDate();
    },

    getMaxDate() {
      GetDataByName(this.details.maxDate.getdataListParm).then((response) => {
        if (response.data.list !== null) {
          this.details.temp.maxDate = response.data.list[0].maxdate;
        } else {
          this.details.temp.maxDate = "";
        }
        this.details.table1.getdataListParm.parammaps.date =
          this.details.temp.maxDate;
        this.details.table2.getdataListParm.parammaps.date =
          this.details.temp.maxDate;

        this.getListDetails1();
      });
    },
    changeMaxDate(item) {
      this.details.table1.getdataListParm.parammaps.date =
        this.details.temp.maxDate;
      this.getListDetails1();
    },
    getListDetails1() {
      this.details.table1.listLoading = true;
      GetDataByName(this.details.table1.getdataListParm).then((response) => {
        console.log("table数据", response.data.list);
        if (response.data.list !== null) {
          this.details.table1.list = response.data.list;
          this.details.table1.pageNum = response.data.pageNum;
          this.details.table1.pageSize = response.data.pageSize;
          this.details.table1.total = response.data.total;

          this.details.table2.getdataListParm.parammaps.pastureid =
            this.details.table1.list[0].pastureid;
          this.details.table2.getdataListParm.parammaps.ftid =
            this.details.table1.list[0].id;
          this.details.table2.getdataListParm.parammaps.version =
            this.details.table1.list[0].version;
          this.getListDetails2();
        } else {
          this.details.table1.list = [];
          this.details.table2.list = [];
          this.details.table1.pageNum = 0;
          this.details.table1.pageSize = 0;
          this.details.table1.total = 0;
        }
        setTimeout(() => {
          this.details.table1.listLoading = false;
        }, 100);
      });
    },
    getListDetails2() {
      this.details.table2.listLoading = true;
      GetDataByName(this.details.table2.getdataListParm).then((response) => {
        console.log("table数据", response.data.list);
        if (response.data.list !== null) {
          this.details.table2.list = response.data.list;
          this.details.table2.pageNum = response.data.pageNum;
          this.details.table2.pageSize = response.data.pageSize;
          this.details.table2.total = response.data.total;
        } else {
          this.details.table2.list = [];
          this.details.table2.pageNum = 0;
          this.details.table2.pageSize = 0;
          this.details.table2.total = 0;
        }
        setTimeout(() => {
          this.details.table2.listLoading = false;
        }, 100);
      });
    },
    clickFormulaHurdlesIndex(row) {
      console.log("点击了栏舍/指标");
      this.$router.push("/formulationPlan/DhedFormula");
    },
    form_see(row) {
      console.log(this.$t("pushingplan.watch"), row);
      this.dialogFull = false;
      this.textMap.see = this.$t("message.msg62") + row.tname;
      this.see.dialogStatus = "see";
      this.see.dialogFormVisible = true;
      this.see.table.getdataListParm.parammaps.ftid = row.ftid;
      this.see.table.getdataListParm.parammaps.pastureid = row.pastureid;
      this.see.table.getdataListParm.parammaps.startTime =
        this.table.getdataListParm.parammaps.startTime;
      this.see.table.getdataListParm.parammaps.stopTime =
        this.table.getdataListParm.parammaps.stopTime;
      this.getListSee();
    },
    getListSee() {
      this.see.table.listLoading = true;
      const url = "authdata/GETNurJudgeRport";
      const data = this.see.table.getdataListParm;
      postJson(url, data).then((response) => {
        if (response.data !== null) {
          console.log("table数据", response.data);
          this.see.table.list = response.data;
          this.see.table.pageNum = response.data.pageNum;
          this.see.table.pageSize = response.data.pageSize;
          this.see.table.total = response.data.total;
        } else {
          this.see.table.list = [];
          this.see.table.pageNum = 0;
          this.see.table.pageSize = 0;
          this.see.table.total = 0;
        }
        setTimeout(() => {
          this.see.table.listLoading = false;
        }, 100);
      });
    },
  },
};
</script>
<style lang="scss" scoped>
.search {
  clear: both;
}
.table {
  margin-top: 10px;
}
.table2 {
  margin-top: 20px;
}
.templateDialog {
  background: #fff;
  position: relative;
}
.detailDialog {
  background: #fff;
  position: relative;
}
</style>
<style>
.tableSee .el-table {
  overflow-x: auto;
}
.tableSee .el-table__header-wrapper,
.tableSee .el-table__body-wrapper,
.tableSee .el-table__footer-wrapper {
  overflow: visible;
}
.tableSee .el-table::after {
  position: relative;
}
.tableSee .el-table--scrollable-x .el-table__body-wrapper {
  overflow: visible;
}
.app-main {
  background: #fff;
}
</style>
