newcpms/ui/src/views/production/quality/index.vue

<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="采样日期" prop="sampleDate">
        <el-date-picker
          v-model="sampleDate"
          type="daterange"
          value-format="yyyy-MM-dd"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期">
        </el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
        <el-col :span="1.5">
          <el-button
            type="info"
            icon="el-icon-upload2"
            size="mini"
            @click="handleImport"
            v-hasPermi="['production:quality:add']"
          >批量导入</el-button>
        </el-col>
      <el-col :span="1.5">
        <el-button
          type="primary"
          icon="el-icon-s-data"
          size="mini"
          @click="handleAnalysis"
          v-hasPermi="['production:quality:list']"
        >趋势分析</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          icon="el-icon-document"
          size="mini"
          @click="handleReport"
          v-hasPermi="['production:quality:list']"
        >报告生成</el-button>
      </el-col>
	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loadingS0501" :data="s0501List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="正构烷烃" align="center" prop="p" :show-overflow-tooltip="true"/>
      <el-table-column label="异构烷烃" align="center" prop="i" :show-overflow-tooltip="true"/>
      <el-table-column label="烯烃" align="center" prop="o" :show-overflow-tooltip="true"/>
      <el-table-column label="环烷烃" align="center" prop="n" :show-overflow-tooltip="true"/>
      <el-table-column label="芳烃" align="center" prop="a" :show-overflow-tooltip="true"/>
      <el-table-column label="正构烷烃+异构烷烃" align="center" prop="pi" :show-overflow-tooltip="true"/>
      <el-table-column label="密度" align="center" prop="density2" :show-overflow-tooltip="true"/>
      <el-table-column label="初馏点" align="center" prop="ibp" :show-overflow-tooltip="true"/>
      <el-table-column label="5%" align="center" prop="five" :show-overflow-tooltip="true"/>
      <el-table-column label="10%" align="center" prop="ten" :show-overflow-tooltip="true"/>
      <el-table-column label="30%" align="center" prop="thrity" :show-overflow-tooltip="true"/>
      <el-table-column label="50%" align="center" prop="fifty" :show-overflow-tooltip="true"/>
      <el-table-column label="70%" align="center" prop="seventy" :show-overflow-tooltip="true"/>
      <el-table-column label="90%" align="center" prop="ninety" :show-overflow-tooltip="true"/>
      <el-table-column label="95%" align="center" prop="ninetyFive" :show-overflow-tooltip="true"/>
      <el-table-column label="终馏点" align="center" prop="fbp" :show-overflow-tooltip="true"/>
      <el-table-column label="总硫" align="center" prop="totalSulfur" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS1301" :data="s1301List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="非芳烃" align="center" prop="na" :show-overflow-tooltip="true"/>
      <el-table-column label="苯" align="center" prop="benzene" :show-overflow-tooltip="true"/>
      <el-table-column label="甲苯" align="center" prop="toluene" :show-overflow-tooltip="true"/>
      <el-table-column label="乙苯" align="center" prop="ethylbenzene" :show-overflow-tooltip="true"/>
      <el-table-column label="对-二甲苯" align="center" prop="pXylene" :show-overflow-tooltip="true"/>
      <el-table-column label="间-二甲苯" align="center" prop="mXylene" :show-overflow-tooltip="true"/>
      <el-table-column label="邻-二甲苯" align="center" prop="oXylene" :show-overflow-tooltip="true"/>
      <el-table-column label="苯乙烯" align="center" prop="styrene" :show-overflow-tooltip="true"/>
      <el-table-column label="苯乙炔" align="center" prop="phenylacetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="总芳烃" align="center" prop="totalAromatics" :show-overflow-tooltip="true"/>
      <el-table-column label="溴价" align="center" prop="brNumber" :show-overflow-tooltip="true"/>
      <el-table-column label="双烯值" align="center" prop="dieneValue" :show-overflow-tooltip="true"/>
      <el-table-column label="总氮" align="center" prop="totalNitrogen" :show-overflow-tooltip="true"/>
      <el-table-column label="入口温度" align="center" prop="temperatureIn" :show-overflow-tooltip="true"/>
      <el-table-column label="一段温升" align="center" prop="temperatureRaise" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS2002" :data="s2002List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="化学需氧量" align="center" prop="cod" :show-overflow-tooltip="true"/>
      <el-table-column label="pH值" align="center" prop="ph" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS2005" :data="s2005List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="pH值" align="center" prop="ph" :show-overflow-tooltip="true"/>
      <el-table-column label="油层比例" align="center" prop="oilRatio" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS2007" :data="s2007List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="运动粘度,50℃" align="center" prop="viscosity" :show-overflow-tooltip="true"/>
      <el-table-column label="汽油终馏点" align="center" prop="endPoint" :show-overflow-tooltip="true"/>
      <el-table-column label="汽油段压差" align="center" prop="pressureDifference" :show-overflow-tooltip="true"/>
      <el-table-column label="HVGO产量" align="center" prop="production" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS2011" :data="s2011List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="密度" align="center" prop="density1" :show-overflow-tooltip="true"/>
      <el-table-column label="初馏点" align="center" prop="ibp" :show-overflow-tooltip="true"/>
      <el-table-column label="终馏点" align="center" prop="fbp" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS2400" :data="s2400List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="化学需氧量" align="center" prop="cod" :show-overflow-tooltip="true"/>
      <el-table-column label="pH值" align="center" prop="ph" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS3004" :data="s3004List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="氢氧化钠" align="center" prop="naOh" :show-overflow-tooltip="true"/>
      <el-table-column label="碳酸钠" align="center" prop="na2Co3" :show-overflow-tooltip="true"/>
      <el-table-column label="硫化钠" align="center" prop="na2S" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS3009" :data="s3009List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="一氧化碳含量" align="center" prop="carbonMonoxide" :show-overflow-tooltip="true"/>
      <el-table-column label="甲烷" align="center" prop="methane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烷" align="center" prop="ethane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烯" align="center" prop="ethylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烷" align="center" prop="propane" :show-overflow-tooltip="true"/>
      <el-table-column label="环丙烷" align="center" prop="cycPropane" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烯" align="center" prop="propylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙二烯" align="center" prop="propadiene" :show-overflow-tooltip="true"/>
      <el-table-column label="乙炔" align="center" prop="acetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="氢气" align="center" prop="hydrogen" :show-overflow-tooltip="true"/>
      <el-table-column label="甲基乙炔" align="center" prop="methylacetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS3010" :data="s3010List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="乙炔含量	" align="center" prop="acetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="一氧化碳含量" align="center" prop="carbonMonoxide" :show-overflow-tooltip="true"/>
      <el-table-column label="甲烷	" align="center" prop="methane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烷" align="center" prop="ethane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烯" align="center" prop="ethylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烷	" align="center" prop="propane" :show-overflow-tooltip="true"/>
      <el-table-column label="环丙烷	" align="center" prop="cycPropane" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烯	" align="center" prop="propylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙二烯	" align="center" prop="propadiene" :show-overflow-tooltip="true"/>
      <el-table-column label="氢气" align="center" prop="hydrogen" :show-overflow-tooltip="true"/>
      <el-table-column label="甲基乙炔" align="center" prop="methylacetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS3011" :data="s3011List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="一氧化碳含量" align="center" prop="carbonMonoxide" :show-overflow-tooltip="true"/>
      <el-table-column label="甲烷	" align="center" prop="methane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烷" align="center" prop="ethane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烯" align="center" prop="ethylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烷	" align="center" prop="propane" :show-overflow-tooltip="true"/>
      <el-table-column label="环丙烷	" align="center" prop="cycPropane" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烯	" align="center" prop="propylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙二烯	" align="center" prop="propadiene" :show-overflow-tooltip="true"/>
      <el-table-column label="乙炔" align="center" prop="acetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="氢气" align="center" prop="hydrogen" :show-overflow-tooltip="true"/>
      <el-table-column label="甲基乙炔" align="center" prop="methylacetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS3012" :data="s3012List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="乙炔含量" align="center" prop="acetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="一氧化碳含量" align="center" prop="carbonMonoxide" :show-overflow-tooltip="true"/>
      <el-table-column label="甲烷" align="center" prop="methane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烷" align="center" prop="ethane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烯" align="center" prop="ethylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烷" align="center" prop="propane" :show-overflow-tooltip="true"/>
      <el-table-column label="环丙烷" align="center" prop="cycPropane" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烯" align="center" prop="propylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙二烯" align="center" prop="propadiene" :show-overflow-tooltip="true"/>
      <el-table-column label="氢气" align="center" prop="hydrogen" :show-overflow-tooltip="true"/>
      <el-table-column label="甲基乙炔" align="center" prop="methylacetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS3022" :data="s3022List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="氢氧化钠" align="center" prop="naoh" :show-overflow-tooltip="true"/>
      <el-table-column label="碳酸钠" align="center" prop="na2co3" :show-overflow-tooltip="true"/>
      <el-table-column label="硫化钠" align="center" prop="na2s" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS4012" :data="s4012List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="甲烷" align="center" prop="methane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烷" align="center" prop="ethane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烯" align="center" prop="ethylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烷" align="center" prop="propane" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烯" align="center" prop="propylene" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS4013" :data="s4013List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烷" align="center" prop="ethane" :show-overflow-tooltip="true"/>
      <el-table-column label="甲烷和乙烷含量" align="center" prop="methaneEthane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烯含量" align="center" prop="ethylene" :show-overflow-tooltip="true"/>
      <el-table-column label="乙炔含量" align="center" prop="acetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="一氧化碳含量" align="center" prop="carbonMonoxide" :show-overflow-tooltip="true"/>
      <el-table-column label="二氧化碳含量" align="center" prop="carbonDioxide" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS4501" :data="s4501List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="苯" align="center" prop="benzene" :show-overflow-tooltip="true"/>
      <el-table-column label="甲苯" align="center" prop="toluene" :show-overflow-tooltip="true"/>
      <el-table-column label="乙苯" align="center" prop="ethylbenzene" :show-overflow-tooltip="true"/>
      <el-table-column label="间-二甲苯" align="center" prop="mXylene" :show-overflow-tooltip="true"/>
      <el-table-column label="邻-二甲苯" align="center" prop="oXylene" :show-overflow-tooltip="true"/>
      <el-table-column label="对-二甲苯" align="center" prop="pXylene" :show-overflow-tooltip="true"/>
      <el-table-column label="C5 非芳烃" align="center" prop="c5Na" :show-overflow-tooltip="true"/>
      <el-table-column label="C6 非芳烃" align="center" prop="c6Na" :show-overflow-tooltip="true"/>
      <el-table-column label="C7 非芳烃" align="center" prop="c7Na" :show-overflow-tooltip="true"/>
      <el-table-column label="C8 非芳烃" align="center" prop="c8Na" :show-overflow-tooltip="true"/>
      <el-table-column label="C9以上" align="center" prop="c9" :show-overflow-tooltip="true"/>
      <el-table-column label="C8 芳烃" align="center" prop="c8A" :show-overflow-tooltip="true"/>
      <el-table-column label="C4 -C5 非芳烃" align="center" prop="c4C5Na" :show-overflow-tooltip="true"/>
      <el-table-column label="C6 -C8 非芳烃" align="center" prop="c6C8Na" :show-overflow-tooltip="true"/>
      <el-table-column label="C4-C8非芳烃" align="center" prop="c4C8Na" :show-overflow-tooltip="true"/>
      <el-table-column label="溴指数" align="center" prop="brIndex" :show-overflow-tooltip="true"/>
      <el-table-column label="总硫" align="center" prop="totalSulfur" :show-overflow-tooltip="true"/>
      <el-table-column label="总氮" align="center" prop="totalNitrogen" :show-overflow-tooltip="true"/>
      <el-table-column label="入口温度" align="center" prop="temperatureIn" :show-overflow-tooltip="true"/>
      <el-table-column label="温升" align="center" prop="temperatureRaise" :show-overflow-tooltip="true"/>
      <el-table-column label="压差 100Pa" align="center" prop="pressureDiff" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS5001" :data="s5001List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烷" align="center" prop="propane" :show-overflow-tooltip="true"/>
      <el-table-column label="环丙烷" align="center" prop="cycPropane" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烯" align="center" prop="propylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙二烯" align="center" prop="propadiene" :show-overflow-tooltip="true"/>
      <el-table-column label="甲基乙炔" align="center" prop="methylacetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丁烯" align="center" prop="butene" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS5003" :data="s5003List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="甲烷" align="center" prop="methane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烷" align="center" prop="ethane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烯含量" align="center" prop="ethylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烷" align="center" prop="propane" :show-overflow-tooltip="true"/>
      <el-table-column label="丙二烯" align="center" prop="propadiene" :show-overflow-tooltip="true"/>
      <el-table-column label="甲基乙炔" align="center" prop="methylacetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丁烯+1,3-丁二烯" align="center" prop="buteneButadiene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙二烯和甲基乙炔含量" align="center" prop="propadieneMethylacetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="总量" align="center" prop="totals" :show-overflow-tooltip="true"/>
      <el-table-column label="烷烃含量" align="center" prop="paraffine" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烯含量" align="center" prop="propylene" :show-overflow-tooltip="true"/>
      <el-table-column label="甲醇含量" align="center" prop="methanol" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS5010" :data="s5010List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烯" align="center" prop="propylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙二烯" align="center" prop="propadiene" :show-overflow-tooltip="true"/>
      <el-table-column label="乙炔" align="center" prop="acetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="1,2-丁二烯" align="center" prop="butadiene12" :show-overflow-tooltip="true"/>
      <el-table-column label="1,3-丁二烯" align="center" prop="butadiene13" :show-overflow-tooltip="true"/>
      <el-table-column label="甲基乙炔" align="center" prop="methylacetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烷" align="center" prop="propane" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS5012" :data="s5012List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烯" align="center" prop="propylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙二烯" align="center" prop="propadiene" :show-overflow-tooltip="true"/>
      <el-table-column label="乙炔" align="center" prop="acetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="1,2-丁二烯" align="center" prop="butadiene12" :show-overflow-tooltip="true"/>
      <el-table-column label="1,3-丁二烯" align="center" prop="butadiene13" :show-overflow-tooltip="true"/>
      <el-table-column label="甲基乙炔" align="center" prop="methylacetylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烷" align="center" prop="propane" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS6101" :data="s6101List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="苯" align="center" prop="benzene" :show-overflow-tooltip="true"/>
      <el-table-column label="甲苯" align="center" prop="toluene" :show-overflow-tooltip="true"/>
      <el-table-column label="双环戊二烯" align="center" prop="dcpd" :show-overflow-tooltip="true"/>
      <el-table-column label="乙苯" align="center" prop="ethylbenzene" :show-overflow-tooltip="true"/>
      <el-table-column label="间-二甲苯" align="center" prop="mXylene" :show-overflow-tooltip="true"/>
      <el-table-column label="邻-二甲苯" align="center" prop="oXylene" :show-overflow-tooltip="true"/>
      <el-table-column label="对-二甲苯" align="center" prop="pXylene" :show-overflow-tooltip="true"/>
      <el-table-column label="苯乙烯" align="center" prop="styrene" :show-overflow-tooltip="true"/>
      <el-table-column label="C5 非芳烃" align="center" prop="c5Na" :show-overflow-tooltip="true"/>
      <el-table-column label="C6 非芳烃" align="center" prop="c6Na" :show-overflow-tooltip="true"/>
      <el-table-column label="C7 非芳烃" align="center" prop="c7Na" :show-overflow-tooltip="true"/>
      <el-table-column label="C8 非芳烃" align="center" prop="c8Na" :show-overflow-tooltip="true"/>
      <el-table-column label="C9以上" align="center" prop="c9" :show-overflow-tooltip="true"/>
      <el-table-column label="C8 芳烃" align="center" prop="c8A" :show-overflow-tooltip="true"/>
      <el-table-column label="C4 -C5 非芳烃" align="center" prop="c4C5Na" :show-overflow-tooltip="true"/>
      <el-table-column label="C6 -C8 非芳烃" align="center" prop="c6C8Na" :show-overflow-tooltip="true"/>
      <el-table-column label="C4-C8非芳烃" align="center" prop="c4C8Na" :show-overflow-tooltip="true"/>
      <el-table-column label="密度" align="center" prop="density1" :show-overflow-tooltip="true"/>
      <el-table-column label="溴价" align="center" prop="brNumber" :show-overflow-tooltip="true"/>
      <el-table-column label="总硫" align="center" prop="totalSulfur" :show-overflow-tooltip="true"/>
      <el-table-column label="总氮" align="center" prop="totalNitrogen" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS6107" :data="s6107List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="化学需氧量" align="center" prop="cod" :show-overflow-tooltip="true"/>
      <el-table-column label="pH值" align="center" prop="ph" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingS6301" :data="s6301List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="异戊二烯" align="center" prop="ic5" :show-overflow-tooltip="true"/>
      <el-table-column label="双环戊二烯" align="center" prop="dcpd" :show-overflow-tooltip="true"/>
      <el-table-column label="C5总量" align="center" prop="c5" :show-overflow-tooltip="true"/>
      <el-table-column label="碳五共轭双烯烃+双环戊二烯>=30" align="center" prop="c5ConjugatedDienesDcpd30" :show-overflow-tooltip="true"/>
      <el-table-column label="间戊二烯+环戊二烯" align="center" prop="pentadieneCycc5" :show-overflow-tooltip="true"/>
      <el-table-column label="C4及C4以下组分含量" align="center" prop="c4" :show-overflow-tooltip="true"/>
      <el-table-column label="碳五共轭双烯烃+双环戊二烯>=40" align="center" prop="c5ConjugatedDienesDcpd40" :show-overflow-tooltip="true"/>
      <el-table-column label="C4及C4以下组分含量<10" align="center" prop="c410" :show-overflow-tooltip="true"/>
      <el-table-column label="总硫" align="center" prop="totalSulfur" :show-overflow-tooltip="true"/>
      <el-table-column label="总硫<=150" align="center" prop="totalSulfur150" :show-overflow-tooltip="true"/>
      <el-table-column label="硅" align="center" prop="silicon" :show-overflow-tooltip="true"/>
      <el-table-column label="C250 灵敏板T" align="center" prop="c250" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-table v-loading="loadingZ404" :data="z404List" border>
      <el-table-column label="装置名称" width="100" align="center" prop="locationName" :show-overflow-tooltip="true"/>
      <el-table-column label="采样点" width="100" align="center" prop="samplePoint" :show-overflow-tooltip="true"/>
      <el-table-column label="采样日期" align="center" prop="sampleDate" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.sampleDate, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="样品名称" width="100" align="center" prop="sampleName" :show-overflow-tooltip="true"/>
      <el-table-column label="甲烷" align="center" prop="methane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烷" align="center" prop="ethane" :show-overflow-tooltip="true"/>
      <el-table-column label="乙烯" align="center" prop="ethylene" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烷" align="center" prop="propane" :show-overflow-tooltip="true"/>
      <el-table-column label="丙烯" align="center" prop="propylene" :show-overflow-tooltip="true"/>
      <el-table-column label="未知组分" align="center" prop="unknown" :show-overflow-tooltip="true"/>
      <el-table-column label="氢气" align="center" prop="hydrogen" :show-overflow-tooltip="true"/>
      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['production:quality:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['production:quality:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>

    <!-- 添加或修改质量月报S0501对话框 -->
    <el-dialog :title="title" :visible.sync="openS0501" width="500px" append-to-body>
      <el-form ref="formS0501" :model="formS0501" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS0501.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS0501.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
            v-model="formS0501.sampleDate"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS0501.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="正构烷烃" prop="p">
          <el-input v-model="formS0501.p" placeholder="请输入正构烷烃" />
        </el-form-item>
        <el-form-item label="异构烷烃" prop="i">
          <el-input v-model="formS0501.i" placeholder="请输入异构烷烃" />
        </el-form-item>
        <el-form-item label="烯烃" prop="o">
          <el-input v-model="formS0501.o" placeholder="请输入烯烃" />
        </el-form-item>
        <el-form-item label="环烷烃" prop="n">
          <el-input v-model="formS0501.n" placeholder="请输入环烷烃" />
        </el-form-item>
        <el-form-item label="芳烃" prop="a">
          <el-input v-model="formS0501.a" placeholder="请输入芳烃" />
        </el-form-item>
        <el-form-item label="正构烷烃+异构烷烃" prop="pI">
          <el-input v-model="formS0501.pI" placeholder="请输入正构烷烃+异构烷烃" />
        </el-form-item>
        <el-form-item label="密度" prop="density2">
          <el-input v-model="formS0501.density2" placeholder="请输入密度" />
        </el-form-item>
        <el-form-item label="初馏点" prop="ibp">
          <el-input v-model="formS0501.ibp" placeholder="请输入初馏点" />
        </el-form-item>
        <el-form-item label="5%" prop="five">
          <el-input v-model="formS0501.five" placeholder="请输入5%" />
        </el-form-item>
        <el-form-item label="10%" prop="ten">
          <el-input v-model="formS0501.ten" placeholder="请输入10%" />
        </el-form-item>
        <el-form-item label="30%" prop="thrity">
          <el-input v-model="formS0501.thrity" placeholder="请输入30%" />
        </el-form-item>
        <el-form-item label="50%" prop="fifty">
          <el-input v-model="formS0501.fifty" placeholder="请输入50%" />
        </el-form-item>
        <el-form-item label="70%" prop="seventy">
          <el-input v-model="formS0501.seventy" placeholder="请输入70%" />
        </el-form-item>
        <el-form-item label="90%" prop="ninety">
          <el-input v-model="formS0501.ninety" placeholder="请输入90%" />
        </el-form-item>
        <el-form-item label="95%" prop="ninetyFive">
          <el-input v-model="formS0501.ninetyFive" placeholder="请输入95%" />
        </el-form-item>
        <el-form-item label="终馏点" prop="fbp">
          <el-input v-model="formS0501.fbp" placeholder="请输入终馏点" />
        </el-form-item>
        <el-form-item label="总硫" prop="totalSulfur">
          <el-input v-model="formS0501.totalSulfur" placeholder="请输入总硫" />
        </el-form-item>
          <el-form-item label="归属部门" prop="deptId">
              <treeselect v-model="formS0501.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
          </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S1301对话框 -->
    <el-dialog :title="title" :visible.sync="openS1301" width="500px" append-to-body>
      <el-form ref="formS1301" :model="formS1301" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS1301.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS1301.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS1301.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS1301.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="非芳烃" prop="na">
          <el-input v-model="formS1301.na" placeholder="请输入非芳烃" />
        </el-form-item>
        <el-form-item label="苯" prop="benzene">
          <el-input v-model="formS1301.benzene" placeholder="请输入苯" />
        </el-form-item>
        <el-form-item label="甲苯" prop="toluene">
          <el-input v-model="formS1301.toluene" placeholder="请输入甲苯" />
        </el-form-item>
        <el-form-item label="乙苯" prop="ethylbenzene">
          <el-input v-model="formS1301.ethylbenzene" placeholder="请输入乙苯" />
        </el-form-item>
        <el-form-item label="对-二甲苯" prop="pXylene">
          <el-input v-model="formS1301.pXylene" placeholder="请输入对-二甲苯" />
        </el-form-item>
        <el-form-item label="间-二甲苯" prop="mXylene">
          <el-input v-model="formS1301.mXylene" placeholder="请输入间-二甲苯" />
        </el-form-item>
        <el-form-item label="邻-二甲苯" prop="oXylene">
          <el-input v-model="formS1301.oXylene" placeholder="请输入邻-二甲苯" />
        </el-form-item>
        <el-form-item label="苯乙烯" prop="styrene">
          <el-input v-model="formS1301.styrene" placeholder="请输入苯乙烯" />
        </el-form-item>
        <el-form-item label="苯乙炔" prop="phenylacetylene">
          <el-input v-model="formS1301.phenylacetylene" placeholder="请输入苯乙炔" />
        </el-form-item>
        <el-form-item label="总芳烃" prop="totalAromatics">
          <el-input v-model="formS1301.totalAromatics" placeholder="请输入总芳烃" />
        </el-form-item>
        <el-form-item label="溴价" prop="brNumber">
          <el-input v-model="formS1301.brNumber" placeholder="请输入溴价" />
        </el-form-item>
        <el-form-item label="双烯值" prop="dieneValue">
          <el-input v-model="formS1301.dieneValue" placeholder="请输入双烯值" />
        </el-form-item>
        <el-form-item label="总氮" prop="totalNitrogen">
          <el-input v-model="formS1301.totalNitrogen" placeholder="请输入总氮" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS1301.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S2002对话框 -->
    <el-dialog :title="title" :visible.sync="openS2002" width="500px" append-to-body>
      <el-form ref="formS2002" :model="formS2002" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS2002.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS2002.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS2002.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS2002.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="化学需氧量" prop="cod">
          <el-input v-model="formS2002.cod" placeholder="请输入化学需氧量" />
        </el-form-item>
        <el-form-item label="pH值" prop="ph">
          <el-input v-model="formS2002.ph" placeholder="请输入pH值" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS2002.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S2005对话框 -->
    <el-dialog :title="title" :visible.sync="openS2005" width="500px" append-to-body>
      <el-form ref="formS2005" :model="formS2005" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS2005.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS2005.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS2005.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS2005.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="pH值" prop="ph">
          <el-input v-model="formS2005.ph" placeholder="请输入pH值" />
        </el-form-item>
        <el-form-item label="油层比例" prop="oilRatio">
          <el-input v-model="formS2005.oilRatio" placeholder="请输入油层比例" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS2005.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S2007对话框 -->
    <el-dialog :title="title" :visible.sync="openS2007" width="500px" append-to-body>
      <el-form ref="formS2007" :model="formS2007" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS2007.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS2007.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS2007.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS2007.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="运动粘度,50℃" prop="viscosity">
          <el-input v-model="formS2007.viscosity" placeholder="请输入运动粘度,50℃" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS2007.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S2011对话框 -->
    <el-dialog :title="title" :visible.sync="openS2011" width="500px" append-to-body>
      <el-form ref="formS2011" :model="formS2011" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS2011.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS2011.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS2011.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS2011.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="密度" prop="density1">
          <el-input v-model="formS2011.density1" placeholder="请输入密度" />
        </el-form-item>
        <el-form-item label="初馏点" prop="ibp">
          <el-input v-model="formS2011.ibp" placeholder="请输入初馏点" />
        </el-form-item>
        <el-form-item label="终馏点" prop="fbp">
          <el-input v-model="formS2011.fbp" placeholder="请输入终馏点" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS2011.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S2400对话框 -->
    <el-dialog :title="title" :visible.sync="openS2400" width="500px" append-to-body>
      <el-form ref="formS2400" :model="formS2400" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS2400.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS2400.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS2400.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS2400.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="化学需氧量" prop="cod">
          <el-input v-model="formS2400.cod" placeholder="请输入化学需氧量" />
        </el-form-item>
        <el-form-item label="pH值" prop="ph">
          <el-input v-model="formS2400.ph" placeholder="请输入pH值" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS2400.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S3004对话框 -->
    <el-dialog :title="title" :visible.sync="openS3004" width="500px" append-to-body>
      <el-form ref="formS3004" :model="formS3004" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS3004.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS3004.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS3004.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS3004.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="氢氧化钠" prop="naOh">
          <el-input v-model="formS3004.naOh" placeholder="请输入氢氧化钠" />
        </el-form-item>
        <el-form-item label="碳酸钠" prop="na2Co3">
          <el-input v-model="formS3004.na2Co3" placeholder="请输入碳酸钠" />
        </el-form-item>
        <el-form-item label="硫化钠" prop="na2S">
          <el-input v-model="formS3004.na2S" placeholder="请输入硫化钠" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS3004.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S3009对话框 -->
    <el-dialog :title="title" :visible.sync="openS3009" width="500px" append-to-body>
      <el-form ref="formS3009" :model="formS3009" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS3009.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS3009.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS3009.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS3009.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="一氧化碳含量" prop="carbonMonoxide">
          <el-input v-model="formS3009.carbonMonoxide" placeholder="请输入一氧化碳含量" />
        </el-form-item>
        <el-form-item label="甲烷" prop="methane">
          <el-input v-model="formS3009.methane" placeholder="请输入甲烷" />
        </el-form-item>
        <el-form-item label="乙烷" prop="ethane">
          <el-input v-model="formS3009.ethane" placeholder="请输入乙烷" />
        </el-form-item>
        <el-form-item label="乙烯" prop="ethylene">
          <el-input v-model="formS3009.ethylene" placeholder="请输入乙烯" />
        </el-form-item>
        <el-form-item label="丙烷" prop="propane">
          <el-input v-model="formS3009.propane" placeholder="请输入丙烷" />
        </el-form-item>
        <el-form-item label="环丙烷" prop="cycPropane">
          <el-input v-model="formS3009.cycPropane" placeholder="请输入环丙烷" />
        </el-form-item>
        <el-form-item label="丙烯" prop="propylene">
          <el-input v-model="formS3009.propylene" placeholder="请输入丙烯" />
        </el-form-item>
        <el-form-item label="丙二烯" prop="propadiene">
          <el-input v-model="formS3009.propadiene" placeholder="请输入丙二烯" />
        </el-form-item>
        <el-form-item label="乙炔" prop="acetylene">
          <el-input v-model="formS3009.acetylene" placeholder="请输入乙炔" />
        </el-form-item>
        <el-form-item label="氢气" prop="hydrogen">
          <el-input v-model="formS3009.hydrogen" placeholder="请输入氢气" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS3009.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S3010对话框 -->
    <el-dialog :title="title" :visible.sync="openS3010" width="500px" append-to-body>
      <el-form ref="formS3010" :model="formS3010" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS3010.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS3010.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS3010.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS3010.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="乙炔含量	" prop="acetylene">
          <el-input v-model="formS3010.acetylene" placeholder="请输入乙炔含量	" />
        </el-form-item>
        <el-form-item label="一氧化碳含量" prop="carbonMonoxide">
          <el-input v-model="formS3010.carbonMonoxide" placeholder="请输入一氧化碳含量" />
        </el-form-item>
        <el-form-item label="甲烷	" prop="methane">
          <el-input v-model="formS3010.methane" placeholder="请输入甲烷	" />
        </el-form-item>
        <el-form-item label="乙烷" prop="ethane">
          <el-input v-model="formS3010.ethane" placeholder="请输入乙烷" />
        </el-form-item>
        <el-form-item label="乙烯" prop="ethylene">
          <el-input v-model="formS3010.ethylene" placeholder="请输入乙烯" />
        </el-form-item>
        <el-form-item label="丙烷	" prop="propane">
          <el-input v-model="formS3010.propane" placeholder="请输入丙烷	" />
        </el-form-item>
        <el-form-item label="环丙烷	" prop="cycPropane">
          <el-input v-model="formS3010.cycPropane" placeholder="请输入环丙烷	" />
        </el-form-item>
        <el-form-item label="丙烯	" prop="propylene">
          <el-input v-model="formS3010.propylene" placeholder="请输入丙烯	" />
        </el-form-item>
        <el-form-item label="丙二烯	" prop="propadiene">
          <el-input v-model="formS3010.propadiene" placeholder="请输入丙二烯	" />
        </el-form-item>
        <el-form-item label="氢气" prop="hydrogen">
          <el-input v-model="formS3010.hydrogen" placeholder="请输入氢气" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS3010.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S3011对话框 -->
    <el-dialog :title="title" :visible.sync="openS3011" width="500px" append-to-body>
      <el-form ref="formS3011" :model="formS3011" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS3011.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS3011.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS3011.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS3011.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="一氧化碳含量" prop="carbonMonoxide">
          <el-input v-model="formS3011.carbonMonoxide" placeholder="请输入一氧化碳含量" />
        </el-form-item>
        <el-form-item label="甲烷	" prop="methane">
          <el-input v-model="formS3011.methane" placeholder="请输入甲烷	" />
        </el-form-item>
        <el-form-item label="乙烷" prop="ethane">
          <el-input v-model="formS3011.ethane" placeholder="请输入乙烷" />
        </el-form-item>
        <el-form-item label="乙烯" prop="ethylene">
          <el-input v-model="formS3011.ethylene" placeholder="请输入乙烯" />
        </el-form-item>
        <el-form-item label="丙烷	" prop="propane">
          <el-input v-model="formS3011.propane" placeholder="请输入丙烷	" />
        </el-form-item>
        <el-form-item label="环丙烷	" prop="cycPropane">
          <el-input v-model="formS3011.cycPropane" placeholder="请输入环丙烷	" />
        </el-form-item>
        <el-form-item label="丙烯	" prop="propylene">
          <el-input v-model="formS3011.propylene" placeholder="请输入丙烯	" />
        </el-form-item>
        <el-form-item label="丙二烯	" prop="propadiene">
          <el-input v-model="formS3011.propadiene" placeholder="请输入丙二烯	" />
        </el-form-item>
        <el-form-item label="乙炔" prop="acetylene">
          <el-input v-model="formS3011.acetylene" placeholder="请输入乙炔" />
        </el-form-item>
        <el-form-item label="氢气" prop="hydrogen">
          <el-input v-model="formS3011.hydrogen" placeholder="请输入氢气" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS3011.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S3012对话框 -->
    <el-dialog :title="title" :visible.sync="openS3012" width="500px" append-to-body>
      <el-form ref="formS3012" :model="formS3012" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS3012.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS3012.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS3012.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS3012.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="乙炔含量" prop="acetylene">
          <el-input v-model="formS3012.acetylene" placeholder="请输入乙炔含量" />
        </el-form-item>
        <el-form-item label="一氧化碳含量" prop="carbonMonoxide">
          <el-input v-model="formS3012.carbonMonoxide" placeholder="请输入一氧化碳含量" />
        </el-form-item>
        <el-form-item label="甲烷" prop="methane">
          <el-input v-model="formS3012.methane" placeholder="请输入甲烷" />
        </el-form-item>
        <el-form-item label="乙烷" prop="ethane">
          <el-input v-model="formS3012.ethane" placeholder="请输入乙烷" />
        </el-form-item>
        <el-form-item label="乙烯" prop="ethylene">
          <el-input v-model="formS3012.ethylene" placeholder="请输入乙烯" />
        </el-form-item>
        <el-form-item label="丙烷" prop="propane">
          <el-input v-model="formS3012.propane" placeholder="请输入丙烷" />
        </el-form-item>
        <el-form-item label="环丙烷" prop="cycPropane">
          <el-input v-model="formS3012.cycPropane" placeholder="请输入环丙烷" />
        </el-form-item>
        <el-form-item label="丙烯" prop="propylene">
          <el-input v-model="formS3012.propylene" placeholder="请输入丙烯" />
        </el-form-item>
        <el-form-item label="丙二烯" prop="propadiene">
          <el-input v-model="formS3012.propadiene" placeholder="请输入丙二烯" />
        </el-form-item>
        <el-form-item label="氢气" prop="hydrogen">
          <el-input v-model="formS3012.hydrogen" placeholder="请输入氢气" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS3012.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S3022对话框 -->
    <el-dialog :title="title" :visible.sync="openS3022" width="500px" append-to-body>
      <el-form ref="formS3022" :model="formS3022" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS3022.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS3022.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS3022.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS3022.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="氢氧化钠" prop="naoh">
          <el-input v-model="formS3022.naoh" placeholder="请输入氢氧化钠" />
        </el-form-item>
        <el-form-item label="碳酸钠" prop="na2co3">
          <el-input v-model="formS3022.na2co3" placeholder="请输入碳酸钠" />
        </el-form-item>
        <el-form-item label="硫化钠" prop="na2s">
          <el-input v-model="formS3022.na2s" placeholder="请输入硫化钠" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS3022.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S4012对话框 -->
    <el-dialog :title="title" :visible.sync="openS4012" width="500px" append-to-body>
      <el-form ref="formS4012" :model="formS4012" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS4012.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS4012.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS4012.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS4012.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="甲烷" prop="methane">
          <el-input v-model="formS4012.methane" placeholder="请输入甲烷" />
        </el-form-item>
        <el-form-item label="乙烷" prop="ethane">
          <el-input v-model="formS4012.ethane" placeholder="请输入乙烷" />
        </el-form-item>
        <el-form-item label="乙烯" prop="ethylene">
          <el-input v-model="formS4012.ethylene" placeholder="请输入乙烯" />
        </el-form-item>
        <el-form-item label="丙烷" prop="propane">
          <el-input v-model="formS4012.propane" placeholder="请输入丙烷" />
        </el-form-item>
        <el-form-item label="丙烯" prop="propylene">
          <el-input v-model="formS4012.propylene" placeholder="请输入丙烯" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS4012.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S4013对话框 -->
    <el-dialog :title="title" :visible.sync="openS4013" width="500px" append-to-body>
      <el-form ref="formS4013" :model="formS4013" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS4013.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS4013.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS4013.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS4013.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="乙烷" prop="ethane">
          <el-input v-model="formS4013.ethane" placeholder="请输入乙烷" />
        </el-form-item>
        <el-form-item label="甲烷和乙烷含量" prop="methaneEthane">
          <el-input v-model="formS4013.methaneEthane" placeholder="请输入甲烷和乙烷含量" />
        </el-form-item>
        <el-form-item label="乙烯含量" prop="ethylene">
          <el-input v-model="formS4013.ethylene" placeholder="请输入乙烯含量" />
        </el-form-item>
        <el-form-item label="乙炔含量" prop="acetylene">
          <el-input v-model="formS4013.acetylene" placeholder="请输入乙炔含量" />
        </el-form-item>
        <el-form-item label="一氧化碳含量" prop="carbonMonoxide">
          <el-input v-model="formS4013.carbonMonoxide" placeholder="请输入一氧化碳含量" />
        </el-form-item>
        <el-form-item label="二氧化碳含量" prop="carbonDioxide">
          <el-input v-model="formS4013.carbonDioxide" placeholder="请输入二氧化碳含量" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS4013.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S4501对话框 -->
    <el-dialog :title="title" :visible.sync="openS4501" width="500px" append-to-body>
      <el-form ref="formS4501" :model="formS4501" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS4501.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS4501.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS4501.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS4501.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="苯" prop="benzene">
          <el-input v-model="formS4501.benzene" placeholder="请输入苯" />
        </el-form-item>
        <el-form-item label="甲苯" prop="toluene">
          <el-input v-model="formS4501.toluene" placeholder="请输入甲苯" />
        </el-form-item>
        <el-form-item label="乙苯" prop="ethylbenzene">
          <el-input v-model="formS4501.ethylbenzene" placeholder="请输入乙苯" />
        </el-form-item>
        <el-form-item label="间-二甲苯" prop="mXylene">
          <el-input v-model="formS4501.mXylene" placeholder="请输入间-二甲苯" />
        </el-form-item>
        <el-form-item label="邻-二甲苯" prop="oXylene">
          <el-input v-model="formS4501.oXylene" placeholder="请输入邻-二甲苯" />
        </el-form-item>
        <el-form-item label="对-二甲苯" prop="pXylene">
          <el-input v-model="formS4501.pXylene" placeholder="请输入对-二甲苯" />
        </el-form-item>
        <el-form-item label="C5 非芳烃" prop="c5Na">
          <el-input v-model="formS4501.c5Na" placeholder="请输入C5 非芳烃" />
        </el-form-item>
        <el-form-item label="C6 非芳烃" prop="c6Na">
          <el-input v-model="formS4501.c6Na" placeholder="请输入C6 非芳烃" />
        </el-form-item>
        <el-form-item label="C7 非芳烃" prop="c7Na">
          <el-input v-model="formS4501.c7Na" placeholder="请输入C7 非芳烃" />
        </el-form-item>
        <el-form-item label="C8 非芳烃" prop="c8Na">
          <el-input v-model="formS4501.c8Na" placeholder="请输入C8 非芳烃" />
        </el-form-item>
        <el-form-item label="C9以上" prop="c9">
          <el-input v-model="formS4501.c9" placeholder="请输入C9以上" />
        </el-form-item>
        <el-form-item label="C8 芳烃" prop="c8A">
          <el-input v-model="formS4501.c8A" placeholder="请输入C8 芳烃" />
        </el-form-item>
        <el-form-item label="C4 -C5 非芳烃" prop="c4C5Na">
          <el-input v-model="formS4501.c4C5Na" placeholder="请输入C4 -C5 非芳烃" />
        </el-form-item>
        <el-form-item label="C6 -C8 非芳烃" prop="c6C8Na">
          <el-input v-model="formS4501.c6C8Na" placeholder="请输入C6 -C8 非芳烃" />
        </el-form-item>
        <el-form-item label="C4-C8非芳烃" prop="c4C8Na">
          <el-input v-model="formS4501.c4C8Na" placeholder="请输入C4-C8非芳烃" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS4501.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S5001对话框 -->
    <el-dialog :title="title" :visible.sync="openS5001" width="500px" append-to-body>
      <el-form ref="formS5001" :model="formS5001" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS5001.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS5001.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS5001.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS5001.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="丙烷" prop="propane">
          <el-input v-model="formS5001.propane" placeholder="请输入丙烷" />
        </el-form-item>
        <el-form-item label="环丙烷" prop="cycPropane">
          <el-input v-model="formS5001.cycPropane" placeholder="请输入环丙烷" />
        </el-form-item>
        <el-form-item label="丙烯" prop="propylene">
          <el-input v-model="formS5001.propylene" placeholder="请输入丙烯" />
        </el-form-item>
        <el-form-item label="丙二烯" prop="propadiene">
          <el-input v-model="formS5001.propadiene" placeholder="请输入丙二烯" />
        </el-form-item>
        <el-form-item label="甲基乙炔" prop="methylacetylene">
          <el-input v-model="formS5001.methylacetylene" placeholder="请输入甲基乙炔" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS5001.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S5003对话框 -->
    <el-dialog :title="title" :visible.sync="openS5003" width="500px" append-to-body>
      <el-form ref="formS5003" :model="formS5003" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS5003.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS5003.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS5003.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS5003.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="甲烷" prop="methane">
          <el-input v-model="formS5003.methane" placeholder="请输入甲烷" />
        </el-form-item>
        <el-form-item label="乙烷" prop="ethane">
          <el-input v-model="formS5003.ethane" placeholder="请输入乙烷" />
        </el-form-item>
        <el-form-item label="乙烯含量" prop="ethylene">
          <el-input v-model="formS5003.ethylene" placeholder="请输入乙烯含量" />
        </el-form-item>
        <el-form-item label="丙烷" prop="propane">
          <el-input v-model="formS5003.propane" placeholder="请输入丙烷" />
        </el-form-item>
        <el-form-item label="丙二烯" prop="propadiene">
          <el-input v-model="formS5003.propadiene" placeholder="请输入丙二烯" />
        </el-form-item>
        <el-form-item label="甲基乙炔" prop="methylacetylene">
          <el-input v-model="formS5003.methylacetylene" placeholder="请输入甲基乙炔" />
        </el-form-item>
        <el-form-item label="丁烯+1,3-丁二烯" prop="buteneButadiene">
          <el-input v-model="formS5003.buteneButadiene" placeholder="请输入丁烯+1,3-丁二烯" />
        </el-form-item>
        <el-form-item label="丙二烯和甲基乙炔含量" prop="propadieneMethylacetylene">
          <el-input v-model="formS5003.propadieneMethylacetylene" placeholder="请输入丙二烯和甲基乙炔含量" />
        </el-form-item>
        <el-form-item label="总量" prop="totals">
          <el-input v-model="formS5003.totals" placeholder="请输入总量" />
        </el-form-item>
        <el-form-item label="烷烃含量" prop="paraffine">
          <el-input v-model="formS5003.paraffine" placeholder="请输入烷烃含量" />
        </el-form-item>
        <el-form-item label="丙烯含量" prop="propylene">
          <el-input v-model="formS5003.propylene" placeholder="请输入丙烯含量" />
        </el-form-item>
        <el-form-item label="甲醇含量" prop="methanol">
          <el-input v-model="formS5003.methanol" placeholder="请输入甲醇含量" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS5003.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S5010对话框 -->
    <el-dialog :title="title" :visible.sync="openS5010" width="500px" append-to-body>
      <el-form ref="formS5010" :model="formS5010" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS5010.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS5010.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS5010.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS5010.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="丙烯" prop="propylene">
          <el-input v-model="formS5010.propylene" placeholder="请输入丙烯" />
        </el-form-item>
        <el-form-item label="丙二烯" prop="propadiene">
          <el-input v-model="formS5010.propadiene" placeholder="请输入丙二烯" />
        </el-form-item>
        <el-form-item label="乙炔" prop="acetylene">
          <el-input v-model="formS5010.acetylene" placeholder="请输入乙炔" />
        </el-form-item>
        <el-form-item label="1,2-丁二烯" prop="butadiene12">
          <el-input v-model="formS5010.butadiene12" placeholder="请输入1,2-丁二烯" />
        </el-form-item>
        <el-form-item label="1,3-丁二烯" prop="butadiene13">
          <el-input v-model="formS5010.butadiene13" placeholder="请输入1,3-丁二烯" />
        </el-form-item>
        <el-form-item label="甲基乙炔" prop="methylacetylene">
          <el-input v-model="formS5010.methylacetylene" placeholder="请输入甲基乙炔" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS5010.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S5012对话框 -->
    <el-dialog :title="title" :visible.sync="openS5012" width="500px" append-to-body>
      <el-form ref="formS5012" :model="formS5012" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS5012.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS5012.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS5012.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS5012.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="丙烯" prop="propylene">
          <el-input v-model="formS5012.propylene" placeholder="请输入丙烯" />
        </el-form-item>
        <el-form-item label="丙二烯" prop="propadiene">
          <el-input v-model="formS5012.propadiene" placeholder="请输入丙二烯" />
        </el-form-item>
        <el-form-item label="乙炔" prop="acetylene">
          <el-input v-model="formS5012.acetylene" placeholder="请输入乙炔" />
        </el-form-item>
        <el-form-item label="1,2-丁二烯" prop="butadiene12">
          <el-input v-model="formS5012.butadiene12" placeholder="请输入1,2-丁二烯" />
        </el-form-item>
        <el-form-item label="1,3-丁二烯" prop="butadiene13">
          <el-input v-model="formS5012.butadiene13" placeholder="请输入1,3-丁二烯" />
        </el-form-item>
        <el-form-item label="甲基乙炔" prop="methylacetylene">
          <el-input v-model="formS5012.methylacetylene" placeholder="请输入甲基乙炔" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS5012.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S6101对话框 -->
    <el-dialog :title="title" :visible.sync="openS6101" width="500px" append-to-body>
      <el-form ref="formS6101" :model="formS6101" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS6101.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS6101.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS6101.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS6101.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="苯" prop="benzene">
          <el-input v-model="formS6101.benzene" placeholder="请输入苯" />
        </el-form-item>
        <el-form-item label="甲苯" prop="toluene">
          <el-input v-model="formS6101.toluene" placeholder="请输入甲苯" />
        </el-form-item>
        <el-form-item label="双环戊二烯" prop="dcpd">
          <el-input v-model="formS6101.dcpd" placeholder="请输入双环戊二烯" />
        </el-form-item>
        <el-form-item label="乙苯" prop="ethylbenzene">
          <el-input v-model="formS6101.ethylbenzene" placeholder="请输入乙苯" />
        </el-form-item>
        <el-form-item label="间-二甲苯" prop="mXylene">
          <el-input v-model="formS6101.mXylene" placeholder="请输入间-二甲苯" />
        </el-form-item>
        <el-form-item label="邻-二甲苯" prop="oXylene">
          <el-input v-model="formS6101.oXylene" placeholder="请输入邻-二甲苯" />
        </el-form-item>
        <el-form-item label="对-二甲苯" prop="pXylene">
          <el-input v-model="formS6101.pXylene" placeholder="请输入对-二甲苯" />
        </el-form-item>
        <el-form-item label="苯乙烯" prop="styrene">
          <el-input v-model="formS6101.styrene" placeholder="请输入苯乙烯" />
        </el-form-item>
        <el-form-item label="C5 非芳烃" prop="c5Na">
          <el-input v-model="formS6101.c5Na" placeholder="请输入C5 非芳烃" />
        </el-form-item>
        <el-form-item label="C6 非芳烃" prop="c6Na">
          <el-input v-model="formS6101.c6Na" placeholder="请输入C6 非芳烃" />
        </el-form-item>
        <el-form-item label="C7 非芳烃" prop="c7Na">
          <el-input v-model="formS6101.c7Na" placeholder="请输入C7 非芳烃" />
        </el-form-item>
        <el-form-item label="C8 非芳烃" prop="c8Na">
          <el-input v-model="formS6101.c8Na" placeholder="请输入C8 非芳烃" />
        </el-form-item>
        <el-form-item label="C9以上" prop="c9">
          <el-input v-model="formS6101.c9" placeholder="请输入C9以上" />
        </el-form-item>
        <el-form-item label="C8 芳烃" prop="c8A">
          <el-input v-model="formS6101.c8A" placeholder="请输入C8 芳烃" />
        </el-form-item>
        <el-form-item label="C4 -C5 非芳烃" prop="c4C5Na">
          <el-input v-model="formS6101.c4C5Na" placeholder="请输入C4 -C5 非芳烃" />
        </el-form-item>
        <el-form-item label="C6 -C8 非芳烃" prop="c6C8Na">
          <el-input v-model="formS6101.c6C8Na" placeholder="请输入C6 -C8 非芳烃" />
        </el-form-item>
        <el-form-item label="C4-C8非芳烃" prop="c4C8Na">
          <el-input v-model="formS6101.c4C8Na" placeholder="请输入C4-C8非芳烃" />
        </el-form-item>
        <el-form-item label="密度" prop="density1">
          <el-input v-model="formS6101.density1" placeholder="请输入密度" />
        </el-form-item>
        <el-form-item label="溴价" prop="brNumber">
          <el-input v-model="formS6101.brNumber" placeholder="请输入溴价" />
        </el-form-item>
        <el-form-item label="总硫" prop="totalSulfur">
          <el-input v-model="formS6101.totalSulfur" placeholder="请输入总硫" />
        </el-form-item>
        <el-form-item label="总氮" prop="totalNitrogen">
          <el-input v-model="formS6101.totalNitrogen" placeholder="请输入总氮" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS6101.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S6107对话框 -->
    <el-dialog :title="title" :visible.sync="openS6107" width="500px" append-to-body>
      <el-form ref="formS6107" :model="formS6107" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS6107.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS6107.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS6107.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS6107.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="化学需氧量" prop="cod">
          <el-input v-model="formS6107.cod" placeholder="请输入化学需氧量" />
        </el-form-item>
        <el-form-item label="pH值" prop="ph">
          <el-input v-model="formS6107.ph" placeholder="请输入pH值" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS6107.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报S6301对话框 -->
    <el-dialog :title="title" :visible.sync="openS6301" width="500px" append-to-body>
      <el-form ref="formS6301" :model="formS6301" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formS6301.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formS6301.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formS6301.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formS6301.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="异戊二烯" prop="ic5">
          <el-input v-model="formS6301.ic5" placeholder="请输入异戊二烯" />
        </el-form-item>
        <el-form-item label="双环戊二烯" prop="dcpd">
          <el-input v-model="formS6301.dcpd" placeholder="请输入双环戊二烯" />
        </el-form-item>
        <el-form-item label="C5总量" prop="c5">
          <el-input v-model="formS6301.c5" placeholder="请输入C5总量" />
        </el-form-item>
        <el-form-item label="碳五共轭双烯烃+双环戊二烯>=30" prop="c5ConjugatedDienesDcpd30">
          <el-input v-model="formS6301.c5ConjugatedDienesDcpd30" placeholder="请输入碳五共轭双烯烃+双环戊二烯>=30" />
        </el-form-item>
        <el-form-item label="间戊二烯+环戊二烯" prop="pentadieneCycc5">
          <el-input v-model="formS6301.pentadieneCycc5" placeholder="请输入间戊二烯+环戊二烯" />
        </el-form-item>
        <el-form-item label="碳五共轭双烯烃+双环戊二烯>=40" prop="c5ConjugatedDienesDcpd40">
          <el-input v-model="formS6301.c5ConjugatedDienesDcpd40" placeholder="请输入碳五共轭双烯烃+双环戊二烯>=40" />
        </el-form-item>
        <el-form-item label="总硫" prop="totalSulfur">
          <el-input v-model="formS6301.totalSulfur" placeholder="请输入总硫" />
        </el-form-item>
        <el-form-item label="硅" prop="silicon">
          <el-input v-model="formS6301.silicon" placeholder="请输入硅" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formS6301.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 添加或修改质量月报Z404对话框 -->
    <el-dialog :title="title" :visible.sync="openZ404" width="500px" append-to-body>
      <el-form ref="formZ404" :model="formZ404" label-width="80px">
        <el-form-item label="装置名称" prop="locationName">
          <el-input v-model="formZ404.locationName" placeholder="请输入装置名称" />
        </el-form-item>
        <el-form-item label="采样点" prop="samplePoint">
          <el-input v-model="formZ404.samplePoint" placeholder="请输入采样点" />
        </el-form-item>
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker clearable size="small" style="width: 200px"
                          v-model="formZ404.sampleDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="选择采样日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="样品名称" prop="sampleName">
          <el-input v-model="formZ404.sampleName" placeholder="请输入样品名称" />
        </el-form-item>
        <el-form-item label="甲烷" prop="methane">
          <el-input v-model="formZ404.methane" placeholder="请输入甲烷" />
        </el-form-item>
        <el-form-item label="乙烷" prop="ethane">
          <el-input v-model="formZ404.ethane" placeholder="请输入乙烷" />
        </el-form-item>
        <el-form-item label="乙烯" prop="ethylene">
          <el-input v-model="formZ404.ethylene" placeholder="请输入乙烯" />
        </el-form-item>
        <el-form-item label="丙烷" prop="propane">
          <el-input v-model="formZ404.propane" placeholder="请输入丙烷" />
        </el-form-item>
        <el-form-item label="丙烯" prop="propylene">
          <el-input v-model="formZ404.propylene" placeholder="请输入丙烯" />
        </el-form-item>
        <el-form-item label="未知组分" prop="unknown">
          <el-input v-model="formZ404.unknown" placeholder="请输入未知组分" />
        </el-form-item>
        <el-form-item label="氢气" prop="hydrogen">
          <el-input v-model="formZ404.hydrogen" placeholder="请输入氢气" />
        </el-form-item>
        <el-form-item label="归属部门" prop="deptId">
          <treeselect v-model="formZ404.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

    <!-- 批量导入对话框 -->
    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
          <el-upload
                  ref="upload"
                  :limit="1"
                  accept=".xlsx, .xls"
                  :headers="upload.headers"
                  :action="upload.url + '?updateSupport=' + upload.updateSupport"
                  :disabled="upload.isUploading"
                  :on-progress="handleFileUploadProgress"
                  :on-success="handleFileSuccess"
                  :auto-upload="false"
                  drag
          >
              <i class="el-icon-upload"></i>
              <div class="el-upload__text">
                  将文件拖到此处，或
                  <em>点击上传</em>
              </div>
              <div class="el-upload__tip" slot="tip">
                  <el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>
              </div>
              <form ref="downloadFileForm" :action="upload.downloadAction" target="FORMSUBMIT">
                <input name="type" :value="upload.type" hidden />
              </form>
              <div class="el-upload__tip" style="color:red" slot="tip">提示：仅允许导入“xls”或“xlsx”格式文件！</div>
          </el-upload>
          <div slot="footer" class="dialog-footer">
              <el-button type="primary" @click="submitFileForm">确 定</el-button>
              <el-button @click="upload.open = false">取 消</el-button>
          </div>
      </el-dialog>

    <!-- 趋势分析对话框 -->
    <el-dialog :title="analysis.title" :visible.sync="analysis.open" width="1000px" append-to-body @close="disposeChart">
      <el-form :model="analysisQueryParams" ref="analysisQueryParams" :inline="true" label-width="68px">
        <el-form-item label="采样日期" prop="sampleDate">
          <el-date-picker
            v-model="analysisSampleDate"
            type="daterange"
            value-format="yyyy-MM-dd"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="内容" prop="analysisValue">
          <el-select v-model="analysisValue" placeholder="请选择内容">
            <el-option
              v-for="item in analysisOptions"
              :key="item.dictValue"
              :label="item.dictLabel"
              :value="item.dictValue">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleAnalysisQuery">搜索</el-button>
        </el-form-item>
      </el-form>
      <div id="chart" :style="{width:width,height:height}"></div>
      <table id="tableC2" v-if="showC2Table">
        <tr>
          <td colspan="5" class="td-transparent">BYC performance of C2 reactor</td>
        </tr>
        <tr>
          <td class="td-transparent"></td>
          <td class="td-transparent">1st inlet</td>
          <td class="td-transparent">2nd inlet</td>
          <td class="td-transparent">3rd inlet</td>
          <td class="td-transparent">3rd outlet</td>
        </tr>
        <tr>
          <td class="td-dark-blue">ethane</td>
          <td class="td-dark-blue">{{c2ReactorTableData.ethane1InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.ethane2InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.ethane3InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.ethane3OutAvg}}</td>
        </tr>
        <tr>
          <td class="td-dark-blue">ethylene</td>
          <td class="td-dark-blue">{{c2ReactorTableData.ethylene1InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.ethylene2InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.ethylene3InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.ethylene3OutAvg}}</td>
        </tr>
        <tr>
          <td class="td-dark-blue">acetylene</td>
          <td class="td-dark-blue">{{c2ReactorTableData.acetylene1InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.acetylene2InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.acetylene3InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.acetylene3OutAvg}}</td>
        </tr>
        <tr>
          <td class="td-dark-blue">propane</td>
          <td class="td-dark-blue">{{c2ReactorTableData.propane1InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.propane2InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.propane3InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.propane3OutAvg}}</td>
        </tr>
        <tr>
          <td class="td-dark-blue">propylene</td>
          <td class="td-dark-blue">{{c2ReactorTableData.propylene1InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.propylene2InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.propylene3InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.propylene3OutAvg}}</td>
        </tr>
        <tr>
          <td class="td-dark-blue">PD</td>
          <td class="td-dark-blue">{{c2ReactorTableData.pd1InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.pd2InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.pd3InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.pd3OutAvg}}</td>
        </tr>
        <tr>
          <td class="td-dark-blue">MA</td>
          <td class="td-dark-blue">{{c2ReactorTableData.ma1InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.ma2InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.ma3InAvg}}</td>
          <td class="td-dark-blue">{{c2ReactorTableData.ma3OutAvg}}</td>
        </tr>
        <tr>
          <td class="td-dark-green">acetylene Conversion</td>
          <td class="td-transparent">{{c2ReactorTableData.acetyleneConversion1stIn}}%</td>
          <td class="td-transparent">{{c2ReactorTableData.acetyleneConversion2ndIn}}%</td>
          <td class="td-transparent">{{c2ReactorTableData.acetyleneConversion3rdIn}}%</td>
          <td class="td-dark-green">{{c2ReactorTableData.acetyleneConversion3rdOut}}%</td>
        </tr>
        <tr>
          <td class="td-dark-green">Conversion load%</td>
          <td class="td-transparent">{{c2ReactorTableData.conversionLoad1stIn}}%</td>
          <td class="td-transparent">{{c2ReactorTableData.conversionLoad2ndIn}}%</td>
          <td class="td-transparent">{{c2ReactorTableData.conversionLoad3rdIn}}%</td>
          <td class="td-dark-green"></td>
        </tr>
        <tr>
          <td class="td-dark-green">Ethylene Selectivity</td>
          <td class="td-transparent">{{c2ReactorTableData.ethyleneSelectivity1stIn}}%</td>
          <td class="td-transparent">{{c2ReactorTableData.ethyleneSelectivity2ndIn}}%</td>
          <td class="td-transparent">{{c2ReactorTableData.ethyleneSelectivity3rdIn}}%</td>
          <td class="td-dark-green">{{c2ReactorTableData.ethyleneSelectivity3rdOut}}%</td>
        </tr>
        <tr>
          <td class="td-dark-green">MAPD Conversion</td>
          <td class="td-transparent">{{c2ReactorTableData.mapdConversion1stIn}}%</td>
          <td class="td-transparent">{{c2ReactorTableData.mapdConversion2ndIn}}%</td>
          <td class="td-transparent">{{c2ReactorTableData.mapdConversion3rdIn}}%</td>
          <td class="td-yellow">{{c2ReactorTableData.mapdConversion3rdOut}}%</td>
        </tr>
        <tr>
          <td class="td-dark-green">Propylene Selectivity</td>
          <td class="td-transparent">{{c2ReactorTableData.propyleneSelectivity1stIn}}%</td>
          <td class="td-transparent">{{c2ReactorTableData.propyleneSelectivity2ndIn}}%</td>
          <td class="td-transparent">{{c2ReactorTableData.propyleneSelectivity3rdIn}}%</td>
          <td class="td-yellow">{{c2ReactorTableData.propyleneSelectivity3rdOut}}%</td>
        </tr>
      </table>
      <table id="tableC3" v-if="showC3Table">
        <tr>
          <td colspan="2" class="td-transparent">BYC performance of C3 reactor </td>
          <td class="td-transparent">R520B</td>
        </tr>
        <tr>
          <td class="td-blue"></td>
          <td class="td-blue">reactor inlet</td>
          <td class="td-blue">reactor outlet</td>
        </tr>
        <tr>
          <td class="td-blue">propane</td>
          <td class="td-blue">{{c3ReactorTableData.propaneInAvg}}</td>
          <td class="td-blue">{{c3ReactorTableData.propaneOutAvg}}</td>
        </tr>
        <tr>
          <td class="td-blue">propylene</td>
          <td class="td-blue">{{c3ReactorTableData.propyleneInAvg}}</td>
          <td class="td-blue">{{c3ReactorTableData.propyleneOutAvg}}</td>
        </tr>
        <tr>
          <td class="td-blue">PD</td>
          <td class="td-blue">{{c3ReactorTableData.pdInAvg}}</td>
          <td class="td-blue">{{c3ReactorTableData.pdOutAvg}}</td>
        </tr>
        <tr>
          <td class="td-blue">MA</td>
          <td class="td-blue">{{c3ReactorTableData.maInAvg}}</td>
          <td class="td-blue">{{c3ReactorTableData.maOutAvg}}</td>
        </tr>
        <tr>
          <td class="td-green">conversion</td>
          <td class="td-green">{{c3ReactorTableData.conversion}}%</td>
          <td class="td-transparent"></td>
        </tr>
        <tr>
          <td class="td-green">Propylene Selectivity</td>
          <td class="td-green">{{c3ReactorTableData.propyleneSelectivity}}%</td>
          <td class="td-transparent"></td>
        </tr>
      </table>
      <div style="white-space: pre-wrap; margin: 0px auto; margin-top: 25px;text-align: center;">{{analysisDescription}}</div>
      <el-input type="textarea" :rows="6" placeholder="请输入内容" v-model="comment" style="margin-top: 25px;"></el-input>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitComment">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { listS0501, listS0501Month, getS0501, delS0501, addS0501, updateS0501, exportS0501 } from "@/api/production/s0501";
import { listS1301, getS1301, delS1301, addS1301, updateS1301, exportS1301 } from "@/api/production/s1301";
import { listS2002, getS2002, delS2002, addS2002, updateS2002, exportS2002 } from "@/api/production/s2002";
import { listS2005, getS2005, delS2005, addS2005, updateS2005, exportS2005 } from "@/api/production/s2005";
import { listS2007, getS2007, delS2007, addS2007, updateS2007, exportS2007 } from "@/api/production/s2007";
import { listS2011, getS2011, delS2011, addS2011, updateS2011, exportS2011 } from "@/api/production/s2011";
import { listS2400, getS2400, delS2400, addS2400, updateS2400, exportS2400 } from "@/api/production/s2400";
import { listS3004, getS3004, delS3004, addS3004, updateS3004, exportS3004 } from "@/api/production/s3004";
import { listS3009, getS3009, delS3009, addS3009, updateS3009, exportS3009 } from "@/api/production/s3009";
import { listS3010, getS3010, delS3010, addS3010, updateS3010, exportS3010 } from "@/api/production/s3010";
import { listS3011, getS3011, delS3011, addS3011, updateS3011, exportS3011 } from "@/api/production/s3011";
import { listS3012, getS3012, delS3012, addS3012, updateS3012, exportS3012 } from "@/api/production/s3012";
import { listS3022, getS3022, delS3022, addS3022, updateS3022, exportS3022 } from "@/api/production/s3022";
import { listS4012, getS4012, delS4012, addS4012, updateS4012, exportS4012 } from "@/api/production/s4012";
import { listS4013, getS4013, delS4013, addS4013, updateS4013, exportS4013 } from "@/api/production/s4013";
import { listS4501, getS4501, delS4501, addS4501, updateS4501, exportS4501 } from "@/api/production/s4501";
import { listS5001, getS5001, delS5001, addS5001, updateS5001, exportS5001 } from "@/api/production/s5001";
import { listS5003, getS5003, delS5003, addS5003, updateS5003, exportS5003 } from "@/api/production/s5003";
import { listS5010, getS5010, delS5010, addS5010, updateS5010, exportS5010 } from "@/api/production/s5010";
import { listS5012, getS5012, delS5012, addS5012, updateS5012, exportS5012 } from "@/api/production/s5012";
import { listS6101, getS6101, delS6101, addS6101, updateS6101, exportS6101 } from "@/api/production/s6101";
import { listS6107, getS6107, delS6107, addS6107, updateS6107, exportS6107 } from "@/api/production/s6107";
import { listS6301, getS6301, delS6301, addS6301, updateS6301, exportS6301 } from "@/api/production/s6301";
import { listZ404, getZ404, delZ404, addZ404, updateZ404, exportZ404 } from "@/api/production/z404";
import { exportQuality, c3ReactorTable, c3ReactorAnalysis, c2ReactorAnalysis, c2ReactorTable } from "@/api/production/quality";
import { submitComment, getCommentInfo } from "@/api/production/comment";
import { treeselect } from "@/api/system/dept";
import { getToken } from "@/utils/auth";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";

export default {
  props: {
    width: {
      type: String,
      default: '100%'
    },
    height: {
      type: String,
      default: '400px'
    },
  },
  name: "MonthlyQualityReport",
  components: { Treeselect },
  data() {
    return {
      comment: '',
      analysisDescription: null,
      c3ReactorTableData: {},
      c2ReactorTableData: {},
      showC3Table: false,
      showC2Table: false,
      chart: null,
      chartData : [],
      analysisOptions: [],
      analysisValue: '',
      // 遮罩层
      loadingS0501: true,
      loadingS1301: true,
      loadingS2002: true,
      loadingS2005: true,
      loadingS2007: true,
      loadingS2011: true,
      loadingS2400: true,
      loadingS3004: true,
      loadingS3009: true,
      loadingS3010: true,
      loadingS3011: true,
      loadingS3012: true,
      loadingS3022: true,
      loadingS4012: true,
      loadingS4013: true,
      loadingS4501: true,
      loadingS5001: true,
      loadingS5003: true,
      loadingS5010: true,
      loadingS5012: true,
      loadingS6101: true,
      loadingS6107: true,
      loadingS6301: true,
      loadingZ404: true,
      // 显示搜索条件
      showSearch: true,
      // 质量月报表格数据
      s0501List: [],
      s1301List: [],
      s2002List: [],
      s2005List: [],
      s2007List: [],
      s2011List: [],
      s2400List: [],
      s3004List: [],
      s3009List: [],
      s3010List: [],
      s3011List: [],
      s3012List: [],
      s3022List: [],
      s4012List: [],
      s4013List: [],
      s4501List: [],
      s5001List: [],
      s5003List: [],
      s5010List: [],
      s5012List: [],
      s6101List: [],
      s6107List: [],
      s6301List: [],
      z404List: [],
      // 弹出层标题
      title: "",
      // 部门树选项
      deptOptions: undefined,
      // 是否显示弹出层
      openS0501: false,
      openS1301: false,
      openS2002: false,
      openS2005: false,
      openS2007: false,
      openS2011: false,
      openS2400: false,
      openS3004: false,
      openS3009: false,
      openS3010: false,
      openS3011: false,
      openS3012: false,
      openS3022: false,
      openS4012: false,
      openS4013: false,
      openS4501: false,
      openS5001: false,
      openS5003: false,
      openS5010: false,
      openS5012: false,
      openS6101: false,
      openS6107: false,
      openS6301: false,
      openZ404: false,
      // 用户导入参数
      upload: {
          //下载模板请求地址
          downloadAction: process.env.VUE_APP_BASE_API + '/common/template',
          //下载模板类型
          type: 'quality',
          // 是否显示弹出层（用户导入）
          open: false,
          // 弹出层标题（用户导入）
          title: "",
          // 是否禁用上传
          isUploading: false,
          // 是否更新已经存在的用户数据
          updateSupport: 0,
          // 设置上传的请求头部
          headers: { Authorization: "Bearer " + getToken() },
          // 上传的地址
          url: process.env.VUE_APP_BASE_API + "/production/quality/importData"
      },
      // 趋势分析参数
      analysis: {
        open: false,
        title: "",
      },
      // 查询参数
      queryParams: {
        startDate: null,
        endDate: null,
      },
      analysisQueryParams: {
        startDate: null,
        endDate: null,
      },
      sampleDate: [],
      analysisSampleDate: [],
      samplePoint: null,
      // 表单参数
      formS0501: {},
      formS1301: {},
      formS2002: {},
      formS2005: {},
      formS2007: {},
      formS2011: {},
      formS2400: {},
      formS3004: {},
      formS3009: {},
      formS3010: {},
      formS3011: {},
      formS3012: {},
      formS3022: {},
      formS4012: {},
      formS4013: {},
      formS4501: {},
      formS5001: {},
      formS5003: {},
      formS5010: {},
      formS5012: {},
      formS6101: {},
      formS6107: {},
      formS6301: {},
      formZ404: {},
    };
  },
  watch: {
        // 根据名称筛选部门树
        deptName(val) {
            this.$refs.tree.filter(val);
        }
   },
  created() {
    this.setDefaultSampleDate();
    this.setAnalysisDefaultSampleDate();
    //设置表格高度对应屏幕高度
    this.$nextTick(() => {
        this.clientHeight = document.body.clientHeight -250
    })
    this.getList();
    this.getTreeselect();
    // 加载质量月报趋势分析内容字典
    this.getDicts("quality_analysis_content").then(response => {
      this.analysisOptions = response.data;
    });
  },
  methods: {
    /** 处理评价提交 */
    submitComment() {
      submitComment({
        "commentType": this.analysisValue,
        "startDate": this.sampleDate[0],
        "endDate": this.sampleDate[1],
        "qualityComment": this.comment
      }).then(response => {
        this.msgSuccess("修改成功");
      });
    },
    /** 销毁趋势图 */
    disposeChart() {
      this.showC3Table = false;
      this.showC2Table = false;
      if(this.chart != null) {
        this.echarts.dispose(this.chart);
      }
    },
    /** 设置默认时间范围 */
    setDefaultSampleDate() {
      let startDate = new Date();
      startDate.setMonth(startDate.getMonth() - 1);
      startDate.setDate(1);
      this.sampleDate[0] = startDate.getFullYear() + "-" + Number(startDate.getMonth() + 1) + "-" + startDate.getDate();
      let endDate = new Date();
      endDate.setDate(0);
      this.sampleDate[1] = endDate.getFullYear() + "-" + Number(endDate.getMonth() + 1) + "-" + endDate.getDate();
    },
    setAnalysisDefaultSampleDate() {
      let startDate = new Date();
      startDate.setMonth(startDate.getMonth() - 1);
      startDate.setDate(1);
      this.analysisSampleDate[0] = startDate.getFullYear() + "-" + Number(startDate.getMonth() + 1) + "-" + startDate.getDate();
      let endDate = new Date();
      endDate.setDate(0);
      this.analysisSampleDate[1] = endDate.getFullYear() + "-" + Number(endDate.getMonth() + 1) + "-" + endDate.getDate();
    },
    /** 查询质量月报列表 */
    getList() {
      this.queryParams.startDate = this.sampleDate[0];
      this.queryParams.endDate = this.sampleDate[1];
      this.getListS0501();
      this.getListS1301();
      this.getListS2002();
      this.getListS2005();
      this.getListS2007();
      this.getListS2011();
      this.getListS2400();
      this.getListS3004();
      this.getListS3009();
      this.getListS3010();
      this.getListS3011();
      this.getListS3012();
      this.getListS3022();
      this.getListS4012();
      this.getListS4013();
      this.getListS4501();
      this.getListS5001();
      this.getListS5003();
      this.getListS5010();
      this.getListS5012();
      this.getListS6101();
      this.getListS6107();
      this.getListS6301();
      this.getListZ404();
    },
    getListS0501() {
      this.loadingS0501 = true;
      listS0501(this.queryParams).then(response => {
        this.s0501List = response.data.dataList;
        this.loadingS0501 = false;
      });
    },
    getListS1301() {
      this.loadingS1301 = true;
      listS1301(this.queryParams).then(response => {
        this.s1301List = response.data.dataList;
        this.loadingS1301 = false;
      });
    },
    getListS2002() {
      this.loadingS2002 = true;
      listS2002(this.queryParams).then(response => {
        this.s2002List = response.data.dataList;
        this.loadingS2002 = false;
      });
    },
    getListS2005() {
      this.loadingS2005 = true;
      listS2005(this.queryParams).then(response => {
        this.s2005List = response.data;
        this.loadingS2005 = false;
      });
    },
    getListS2007() {
      this.loadingS2007 = true;
      listS2007(this.queryParams).then(response => {
        this.s2007List = response.data.dataList;
        this.loadingS2007 = false;
      });
    },
    getListS2011() {
      this.loadingS2011 = true;
      listS2011(this.queryParams).then(response => {
        this.s2011List = response.data;
        this.loadingS2011 = false;
      });
    },
    getListS2400() {
      this.loadingS2400 = true;
      listS2400(this.queryParams).then(response => {
        this.s2400List = response.data.dataList;
        this.loadingS2400 = false;
      });
    },
    getListS3004() {
      this.loadingS3004 = true;
      listS3004(this.queryParams).then(response => {
        this.s3004List = response.data.dataList;
        this.loadingS3004 = false;
      });
    },
    getListS3009() {
      this.loadingS3009 = true;
      listS3009(this.queryParams).then(response => {
        this.s3009List = response.data;
        this.loadingS3009 = false;
      });
    },
    getListS3010() {
      this.loadingS3010 = true;
      listS3010(this.queryParams).then(response => {
        this.s3010List = response.data;
        this.loadingS3010 = false;
      });
    },
    getListS3011() {
      this.loadingS3011 = true;
      listS3011(this.queryParams).then(response => {
        this.s3011List = response.data;
        this.loadingS3011 = false;
      });
    },
    getListS3012() {
      this.loadingS3012 = true;
      listS3012(this.queryParams).then(response => {
        this.s3012List = response.data;
        this.loadingS3012 = false;
      });
    },
    getListS3022() {
      this.loadingS3022 = true;
      listS3022(this.queryParams).then(response => {
        this.s3022List = response.data;
        this.loadingS3022 = false;
      });
    },
    getListS4012() {
      this.loadingS4012 = true;
      listS4012(this.queryParams).then(response => {
        this.s4012List = response.data.dataList;
        this.loadingS4012 = false;
      });
    },
    getListS4013() {
      this.loadingS4013 = true;
      listS4013(this.queryParams).then(response => {
        this.s4013List = response.data.dataList;
        this.loadingS4013 = false;
      });
    },
    getListS4501() {
      this.loadingS4501 = true;
      listS4501(this.queryParams).then(response => {
        this.s4501List = response.data.dataList;
        this.loadingS4501 = false;
      });
    },
    getListS5001() {
      this.loadingS5001 = true;
      listS5001(this.queryParams).then(response => {
        this.s5001List = response.data.dataList;
        this.loadingS5001 = false;
      });
    },
    getListS5003() {
      this.loadingS5003 = true;
      listS5003(this.queryParams).then(response => {
        this.s5003List = response.data.dataList;
        this.loadingS5003 = false;
      });
    },
    getListS5010() {
      this.loadingS5010 = true;
      listS5010(this.queryParams).then(response => {
        this.s5010List = response.data;
        this.loadingS5010 = false;
      });
    },
    getListS5012() {
      this.loadingS5012 = true;
      listS5012(this.queryParams).then(response => {
        this.s5012List = response.data;
        this.loadingS5012 = false;
      });
    },
    getListS6101() {
      this.loadingS6101 = true;
      listS6101(this.queryParams).then(response => {
        this.s6101List = response.data.dataList;
        this.loadingS6101 = false;
      });
    },
    getListS6107() {
      this.loadingS6107 = true;
      listS6107(this.queryParams).then(response => {
        this.s6107List = response.data.dataList;
        this.loadingS6107 = false;
      });
    },
    getListS6301() {
      this.loadingS6301 = true;
      listS6301(this.queryParams).then(response => {
        this.s6301List = response.data.dataList;
        this.loadingS6301 = false;
      });
    },
    getListZ404() {
      this.loadingZ404 = true;
      listZ404(this.queryParams).then(response => {
        this.z404List = response.data;
        this.loadingZ404 = false;
      });
    },
    /** 查询部门下拉树结构 */
    getTreeselect() {
          treeselect().then(response => {
              this.deptOptions = response.data;
          });
     },
    // 取消按钮
    cancel() {
      if (this.openS0501 == true) {
        this.openS0501 = false;
        this.resetS0501();
      } else if (this.openS1301 == true) {
        this.openS1301 = false;
        this.resetS1301();
      } else if (this.openS2002 == true) {
        this.openS2002 = false;
        this.resetS2002();
      } else if (this.openS2005 == true) {
        this.openS2005 = false;
        this.resetS2005();
      } else if (this.openS2007 == true) {
        this.openS2007 = false;
        this.resetS2007();
      } else if (this.openS2011 == true) {
        this.openS2011 = false;
        this.resetS2011();
      } else if (this.openS2400 == true) {
        this.openS2400 = false;
        this.resetS2400();
      } else if (this.openS3004 == true) {
        this.openS3004 = false;
        this.resetS3004();
      } else if (this.openS3009 == true) {
        this.openS3009 = false;
        this.resetS3009();
      } else if (this.openS3010 == true) {
        this.openS3010 = false;
        this.resetS3010();
      } else if (this.openS3011 == true) {
        this.openS3011 = false;
        this.resetS3011();
      } else if (this.openS3012 == true) {
        this.openS3012 = false;
        this.resetS3012();
      } else if (this.openS3022 == true) {
        this.openS3022 = false;
        this.resetS3022();
      } else if (this.openS4012 == true) {
        this.openS4012 = false;
        this.resetS4012();
      } else if (this.openS4013 == true) {
        this.openS4013 = false;
        this.resetS4013();
      } else if (this.openS4501 == true) {
        this.openS4501 = false;
        this.resetS4501();
      } else if (this.openS5001 == true) {
        this.openS5001 = false;
        this.resetS5001();
      } else if (this.openS5003 == true) {
        this.openS5003 = false;
        this.resetS5003();
      } else if (this.openS5010 == true) {
        this.openS5010 = false;
        this.resetS5010();
      } else if (this.openS5012 == true) {
        this.openS5012 = false;
        this.resetS5012();
      } else if (this.openS6101 == true) {
        this.openS6101 = false;
        this.resetS6101();
      } else if (this.openS6107 == true) {
        this.openS6107 = false;
        this.resetS6107();
      } else if (this.openS6301 == true) {
        this.openS6301 = false;
        this.resetS6301();
      } else if (this.openZ404 == true) {
        this.openZ404 = false;
        this.resetZ404();
      }
    },
    // 表单重置
    resetS0501() {
      this.formS0501 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        p: null,
        i: null,
        o: null,
        n: null,
        a: null,
        pI: null,
        density2: null,
        ibp: null,
        five: null,
        ten: null,
        thrity: null,
        fifty: null,
        seventy: null,
        ninety: null,
        ninetyFive: null,
        fbp: null,
        totalSulfur: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS0501");
    },
    resetS1301() {
      this.formS1301 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        na: null,
        benzene: null,
        toluene: null,
        ethylbenzene: null,
        pXylene: null,
        mXylene: null,
        oXylene: null,
        styrene: null,
        phenylacetylene: null,
        totalAromatics: null,
        brNumber: null,
        dieneValue: null,
        totalNitrogen: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS1301");
    },
    resetS2002() {
      this.formS2002 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        cod: null,
        ph: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS2002");
    },
    resetS2005() {
      this.formS2005 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        ph: null,
        oilRatio: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS2005");
    },
    resetS2007() {
      this.formS2007 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        viscosity: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS2007");
    },
    resetS2011() {
      this.formS2011 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        density1: null,
        ibp: null,
        fbp: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS2011");
    },
    resetS2400() {
      this.formS2400 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        cod: null,
        ph: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS2400");
    },
    resetS3004() {
      this.formS3004 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        naOh: null,
        na2Co3: null,
        na2S: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS3004");
    },
    resetS3009() {
      this.formS3009 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        carbonMonoxide: null,
        methane: null,
        ethane: null,
        ethylene: null,
        propane: null,
        cycPropane: null,
        propylene: null,
        propadiene: null,
        acetylene: null,
        hydrogen: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS3009");
    },
    resetS3010() {
      this.formS3010 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        acetylene: null,
        carbonMonoxide: null,
        methane: null,
        ethane: null,
        ethylene: null,
        propane: null,
        cycPropane: null,
        propylene: null,
        propadiene: null,
        hydrogen: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS3010");
    },
    resetS3011() {
      this.formS3011 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        carbonMonoxide: null,
        methane: null,
        ethane: null,
        ethylene: null,
        propane: null,
        cycPropane: null,
        propylene: null,
        propadiene: null,
        acetylene: null,
        hydrogen: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS3011");
    },
    resetS3012() {
      this.formS3012 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        acetylene: null,
        carbonMonoxide: null,
        methane: null,
        ethane: null,
        ethylene: null,
        propane: null,
        cycPropane: null,
        propylene: null,
        propadiene: null,
        hydrogen: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS3012");
    },
    resetS3022() {
      this.formS3022 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        naoh: null,
        na2co3: null,
        na2s: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS3022");
    },
    resetS4012() {
      this.formS4012 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        methane: null,
        ethane: null,
        ethylene: null,
        propane: null,
        propylene: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS4012");
    },
    resetS4013() {
      this.formS4013 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        ethane: null,
        methaneEthane: null,
        ethylene: null,
        acetylene: null,
        carbonMonoxide: null,
        carbonDioxide: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS4013");
    },
    resetS4501() {
      this.formS4501 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        benzene: null,
        toluene: null,
        ethylbenzene: null,
        mXylene: null,
        oXylene: null,
        pXylene: null,
        c5Na: null,
        c6Na: null,
        c7Na: null,
        c8Na: null,
        c9: null,
        c8A: null,
        c4C5Na: null,
        c6C8Na: null,
        c4C8Na: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS4501");
    },
    resetS5001() {
      this.formS5001 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        propane: null,
        cycPropane: null,
        propylene: null,
        propadiene: null,
        methylacetylene: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS5001");
    },
    resetS5003() {
      this.formS5003 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        methane: null,
        ethane: null,
        ethylene: null,
        propane: null,
        propadiene: null,
        methylacetylene: null,
        buteneButadiene: null,
        propadieneMethylacetylene: null,
        totals: null,
        paraffine: null,
        propylene: null,
        methanol: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS5003");
    },
    resetS5010() {
      this.formS5010 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        propylene: null,
        propadiene: null,
        acetylene: null,
        butadiene12: null,
        butadiene13: null,
        methylacetylene: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS5010");
    },
    resetS5012() {
      this.formS5012 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        propylene: null,
        propadiene: null,
        acetylene: null,
        butadiene12: null,
        butadiene13: null,
        methylacetylene: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS5012");
    },
    resetS6101() {
      this.formS6101 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        benzene: null,
        toluene: null,
        dcpd: null,
        ethylbenzene: null,
        mXylene: null,
        oXylene: null,
        pXylene: null,
        styrene: null,
        c5Na: null,
        c6Na: null,
        c7Na: null,
        c8Na: null,
        c9: null,
        c8A: null,
        c4C5Na: null,
        c6C8Na: null,
        c4C8Na: null,
        density1: null,
        brNumber: null,
        totalSulfur: null,
        totalNitrogen: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS6101");
    },
    resetS6107() {
      this.formS6107 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        cod: null,
        ph: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS6107");
    },
    resetS6301() {
      this.formS6301 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        ic5: null,
        dcpd: null,
        c5: null,
        c5ConjugatedDienesDcpd30: null,
        pentadieneCycc5: null,
        c5ConjugatedDienesDcpd40: null,
        totalSulfur: null,
        silicon: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formS6301");
    },
    resetZ404() {
      this.formZ404 = {
        id: null,
        locationName: null,
        samplePoint: null,
        sampleDate: null,
        sampleName: null,
        methane: null,
        ethane: null,
        ethylene: null,
        propane: null,
        propylene: null,
        unknown: null,
        hydrogen: null,
        deptId: null,
        delFlag: null,
        createBy: null,
        createTime: null,
        updateBy: null,
        updateTime: null
      };
      this.resetForm("formZ404");
    },
    handleAnalysisQuery() {
      this.analysisDescription = null;
      this.comment = null;
      this.analysisQueryParams.startDate = this.analysisSampleDate[0];
      this.analysisQueryParams.endDate = this.analysisSampleDate[1];
      let dictLabel = "";
      for(let i = 0; i < this.analysisOptions.length; i++) {
        if (this.analysisOptions[i].dictValue == this.analysisValue) {
          dictLabel = this.analysisOptions[i].dictLabel;
        }
      }
      switch (this.analysisValue) {
        case "1":
          this.disposeChart();
          listS0501Month(this.analysisQueryParams).then(response => {
            let data = response.data.dataMap;
            this.analysisDescription = response.data.description;
            let pArray = [];
            let iArray = [];
            let oArray = [];
            let nArray = [];
            let fiftyArray = [];
            let sampleDateArray = [];
            for(const key in data) {
              sampleDateArray.push(key);
              pArray.push(data[key].p);
              iArray.push(data[key].i);
              oArray.push(data[key].o);
              nArray.push(data[key].n);
              fiftyArray.push(data[key].fifty);
            }
            let option = {
              title: {
                text: dictLabel,
                left: 'center',
                textStyle: {
                  fontSize: 16
                }
              },
              tooltip: {
                trigger: 'axis'
              },
              legend: {
                x: 'center',
                y: 'bottom',
                data: ['正构烷烃', '异构烷烃', '芳烃', '烷烃', '50%BP']
              },
              grid: {
                top: '10%',
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
              },
              toolbox: {
                feature: {
                  saveAsImage: {}
                }
              },
              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: sampleDateArray,
                axisLabel: {
                  interval: 0,
                  rotate: 45
                }
              },
              yAxis: {
                type: 'value'
              },
              series: [
                {
                  name: '正构烷烃',
                  type: 'line',
                  data: pArray
                },
                {
                  name: '异构烷烃',
                  type: 'line',
                  data: iArray
                },
                {
                  name: '芳烃',
                  type: 'line',
                  data: oArray
                },
                {
                  name: '烷烃',
                  type: 'line',
                  data: nArray
                },
                {
                  name: '50%BP',
                  type: 'line',
                  data: fiftyArray
                }
              ]
            };
            this.chart = this.echarts.init(document.getElementById('chart'));
            this.chart.setOption(option);
          });
          break;
        case "2":
          this.disposeChart();
          listS0501(this.analysisQueryParams).then(response => {
            let data = response.data.dataList;
            this.analysisDescription = response.data.description;
            let pArray = [];
            let iArray = [];
            let aArray = [];
            let nArray = [];
            let fiftyArray = [];
            let sampleDateArray = [];
            for(let i = 0 ; i < data.length; i++){
              pArray.push(data[i].p);
              iArray.push(data[i].i);
              aArray.push(data[i].a);
              nArray.push(data[i].n);
              fiftyArray.push(data[i].fifty);
              sampleDateArray.push(data[i].sampleDate);
            }
            let option = {
              title: {
                text: dictLabel,
                left: 'center',
                textStyle: {
                  fontSize: 16
                }
              },
              tooltip: {
                trigger: 'axis'
              },
              legend: {
                x: 'center',
                y: 'bottom',
                data: ['正构烷烃', '异构烷烃', '芳烃', '烷烃', '50%BP']
              },
              grid: {
                top: '10%',
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
              },
              toolbox: {
                feature: {
                  saveAsImage: {}
                }
              },
              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: sampleDateArray,
                axisLabel: {
                  interval: 0,
                  rotate: 45
                }
              },
              yAxis: {
                type: 'value'
              },
              series: [
                {
                  name: '正构烷烃',
                  type: 'line',
                  data: pArray
                },
                {
                  name: '异构烷烃',
                  type: 'line',
                  data: iArray
                },
                {
                  name: '芳烃',
                  type: 'line',
                  data: aArray
                },
                {
                  name: '烷烃',
                  type: 'line',
                  data: nArray
                },
                {
                  name: '50%BP',
                  type: 'line',
                  data: fiftyArray
                }
              ]
            };
            this.chart = this.echarts.init(document.getElementById('chart'));
            this.chart.setOption(option);
          });
          break;
        case "3":
          this.disposeChart();
          listS4013(this.analysisQueryParams).then(response => {
            let data = response.data.dataList;
            let description4013 = response.data.description;
            let ethyleneArray = [];
            let ethyleneIndexArray = [];
            let propyleneArray = [];
            let propyleneIndexArray = [];
            let sampleDateArray = [];
            for(let i = 0 ; i < data.length; i++){
              ethyleneArray.push(data[i].ethylene);
              ethyleneIndexArray.push("99.95");
              sampleDateArray.push(data[i].sampleDate);
            }
            listS5003(this.analysisQueryParams).then(response => {
              let data = response.data.dataList;
              let description5003 = response.data.description;
              this.analysisDescription = description4013 + description5003;
              for(let i = 0 ; i < data.length; i++){
                propyleneArray.push(data[i].propylene);
                propyleneIndexArray.push("99.6");
              }
              let option = {
                title: {
                  text: dictLabel,
                  left: 'center',
                  textStyle: {
                    fontSize: 16
                  }
                },
                tooltip: {
                  trigger: 'axis'
                },
                legend: {
                  x: 'center',
                  y: 'bottom',
                  data: ['Ethylene', '乙烯指标', 'Propylene', '丙烯指标']
                },
                grid: {
                  top: '10%',
                  left: '3%',
                  right: '4%',
                  bottom: '10%',
                  containLabel: true
                },
                toolbox: {
                  feature: {
                    saveAsImage: {}
                  }
                },
                xAxis: {
                  type: 'category',
                  boundaryGap: false,
                  data: sampleDateArray,
                  axisLabel: {
                    interval: 0,
                    rotate: 45
                  }
                },
                yAxis: {
                  type: 'value',
                  min: 99.5,
                  max: 100,
                },
                series: [
                  {
                    name: 'Ethylene',
                    type: 'line',
                    data: ethyleneArray
                  },
                  {
                    name: '乙烯指标',
                    type: 'line',
                    data: ethyleneIndexArray
                  },
                  {
                    name: 'Propylene',
                    type: 'line',
                    data: propyleneArray
                  },
                  {
                    name: '丙烯指标',
                    type: 'line',
                    data: propyleneIndexArray
                  }
                ]
              };
              this.chart = this.echarts.init(document.getElementById('chart'));
              this.chart.setOption(option);
            });
          });
          break;
        case "4":
          this.disposeChart();
          listS2007(this.analysisQueryParams).then(response => {
            let data = response.data.dataList;
            this.analysisDescription = response.data.description;
            let viscosityArray = [];
            let endPointArray = [];
            let pressureDifferenceArray = [];
            let productionArray = [];
            let sampleDateArray = [];
            for(let i = 0 ; i < data.length; i++){
              viscosityArray.push(data[i].viscosity);
              endPointArray.push(data[i].endPoint);
              pressureDifferenceArray.push(data[i].pressureDifference);
              productionArray.push(data[i].production);
              sampleDateArray.push(data[i].sampleDate);
            }
            let option = {
              title: {
                text: dictLabel,
                left: 'center',
                textStyle: {
                  fontSize: 16
                }
              },
              tooltip: {
                trigger: 'axis'
              },
              legend: {
                x: 'center',
                y: 'bottom',
                data: ['QO粘度', '汽油终馏点', '汽油段压差', 'HVGO产量']
              },
              grid: {
                top: '10%',
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
              },
              toolbox: {
                feature: {
                  saveAsImage: {}
                }
              },
              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: sampleDateArray,
                axisLabel: {
                  interval: 0,
                  rotate: 45
                }
              },
              yAxis: {
                type: 'value'
              },
              series: [
                {
                  name: 'QO粘度',
                  type: 'line',
                  data: viscosityArray
                },
                {
                  name: '汽油终馏点',
                  type: 'line',
                  data: endPointArray
                },
                {
                  name: '汽油段压差',
                  type: 'line',
                  data: pressureDifferenceArray
                },
                {
                  name: 'HVGO产量',
                  type: 'line',
                  data: productionArray
                }
              ]
            };
            this.chart = this.echarts.init(document.getElementById('chart'));
            this.chart.setOption(option);
          });
          break;
        case "5":
          listS2002(this.analysisQueryParams).then(response => {
            let data = response.data.dataList;
            let description2002 = response.data.description;
            let cod2002Array = [];
            let ph2002Array = [];
            let cod2400Array = [];
            let ph2400Array = [];
            let codIndexArray = [];
            let phIndexArray = [];
            let sampleDateArray = [];
            for(let i = 0 ; i < data.length; i++){
              cod2002Array.push(data[i].cod);
              ph2002Array.push(data[i].ph);
              codIndexArray .push("1400");
              phIndexArray .push("8.5");
              sampleDateArray.push(data[i].sampleDate);
            }
            listS2400(this.analysisQueryParams).then(response => {
              let data = response.data.dataList;
              let description2400 = response.data.description;
              this.analysisDescription = description2002 + description2400;
              for(let i = 0 ; i < data.length; i++){
                cod2400Array.push(data[i].cod);
                ph2400Array.push(data[i].ph);
              }
              let option = {
                title: {
                  text: dictLabel,
                  left: 'center',
                  textStyle: {
                    fontSize: 16
                  }
                },
                tooltip: {
                  trigger: 'axis'
                },
                legend: {
                  x: 'center',
                  y: 'bottom',
                  data: ['C270 COD', 'C290 COD', 'COD指标', 'C270 PH', 'C290 PH', 'PH指标',]
                },
                grid: {
                  top: '10%',
                  left: '3%',
                  right: '4%',
                  bottom: '10%',
                  containLabel: true
                },
                toolbox: {
                  feature: {
                    saveAsImage: {}
                  }
                },
                xAxis: {
                  type: 'category',
                  boundaryGap: false,
                  data: sampleDateArray,
                  axisLabel: {
                    interval: 0,
                    rotate: 45
                  }
                },
                yAxis: [
                  {
                    type: 'value',
                    position: 'left'
                  },
                  {
                    type: 'value',
                    position: 'right'
                  }
                ],
                series: [
                  {
                    name: 'C270 COD',
                    type: 'line',
                    data: cod2002Array,
                    yAxisIndex: 0
                  },
                  {
                    name: 'C290 COD',
                    type: 'line',
                    data: cod2400Array,
                    yAxisIndex: 0
                  },
                  {
                    name: 'COD指标',
                    type: 'line',
                    data: codIndexArray,
                    yAxisIndex: 0
                  },
                  {
                    name: 'C270 PH',
                    type: 'line',
                    data: ph2002Array,
                    yAxisIndex: 1
                  },
                  {
                    name: 'C290 PH',
                    type: 'line',
                    data: ph2400Array,
                    yAxisIndex: 1
                  },
                  {
                    name: 'PH指标',
                    type: 'line',
                    data: phIndexArray,
                    yAxisIndex: 1
                  }
                ]
              };
              this.chart = this.echarts.init(document.getElementById('chart'));
              this.chart.setOption(option);
            });
          });
          break;
        case "6":
          this.disposeChart();
          listS3004(this.analysisQueryParams).then(response => {
            let data = response.data.dataList;
            this.analysisDescription = response.data.description;
            let naOhArray = [];
            let controlArray = [];
            let sampleDateArray = [];
            for(let i = 0 ; i < data.length; i++){
              naOhArray.push(data[i].naOh);
              controlArray.push(1);
              sampleDateArray.push(data[i].sampleDate);
            }
            let option = {
              title: {
                text: dictLabel,
                left: 'center',
                textStyle: {
                  fontSize: 16
                }
              },
              tooltip: {
                trigger: 'axis'
              },
              legend: {
                x: 'center',
                y: 'bottom',
                data: ['弱碱段NaOH浓度', 'C340排出NaOH控制']
              },
              grid: {
                top: '10%',
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
              },
              toolbox: {
                feature: {
                  saveAsImage: {}
                }
              },
              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: sampleDateArray,
                axisLabel: {
                  interval: 0,
                  rotate: 45
                }
              },
              yAxis: {
                type: 'value'
              },
              series: [
                {
                  name: '弱碱段NaOH浓度',
                  type: 'line',
                  data: naOhArray
                },
                {
                  name: 'C340排出NaOH控制',
                  type: 'line',
                  data: controlArray
                }
              ]
            };
            this.chart = this.echarts.init(document.getElementById('chart'));
            this.chart.setOption(option);
          });
          break;
        case "7":
          this.disposeChart();
          listS6107(this.analysisQueryParams).then(response => {
            let data = response.data.dataList;
            this.analysisDescription = response.data.description;
            let codArray = [];
            let controlArray = [];
            let phArray = [];
            let sampleDateArray = [];
            for(let i = 0 ; i < data.length; i++){
              codArray.push(data[i].cod);
              controlArray.push(1000);
              phArray.push(data[i].ph);
              sampleDateArray.push(data[i].sampleDate);
            }
            let option = {
              title: {
                text: dictLabel,
                left: 'center',
                textStyle: {
                  fontSize: 16
                }
              },
              tooltip: {
                trigger: 'axis'
              },
              legend: {
                x: 'center',
                y: 'bottom',
                data: ['废碱处理pH', 'COD控制', '废碱处理COD']
              },
              grid: {
                top: '10%',
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
              },
              toolbox: {
                feature: {
                  saveAsImage: {}
                }
              },
              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: sampleDateArray,
                axisLabel: {
                  interval: 0,
                  rotate: 45
                }
              },
              yAxis: [
                {
                  type: 'value',
                  position: 'left'
                },
                {
                  type: 'value',
                  position: 'right'
                }
              ],
              series: [
                {
                  name: '废碱处理pH',
                  type: 'line',
                  data: codArray,
                  yAxisIndex: 0
                },
                {
                  name: 'COD控制',
                  type: 'line',
                  data: controlArray,
                  yAxisIndex: 0
                },
                {
                  name: '废碱处理COD',
                  type: 'line',
                  data: phArray,
                  yAxisIndex: 1
                }
              ]
            };
            this.chart = this.echarts.init(document.getElementById('chart'));
            this.chart.setOption(option);
          });
          break;
        case "8":
          this.disposeChart();
          listS4012(this.analysisQueryParams).then(response => {
            let data = response.data.dataList;
            this.analysisDescription = response.data.description;
            let ethyleneArray = [];
            let propyleneArray = [];
            let sampleDateArray = [];
            for(let i = 0 ; i < data.length; i++){
              ethyleneArray.push(data[i].ethylene);
              propyleneArray.push(data[i].propylene);
              sampleDateArray.push(data[i].sampleDate);
            }
            let option = {
              title: {
                text: dictLabel,
                left: 'center',
                textStyle: {
                  fontSize: 16
                }
              },
              tooltip: {
                trigger: 'axis'
              },
              legend: {
                x: 'center',
                y: 'bottom',
                data: ['乙烯', '丙烯']
              },
              grid: {
                top: '10%',
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
              },
              toolbox: {
                feature: {
                  saveAsImage: {}
                }
              },
              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: sampleDateArray,
                axisLabel: {
                  interval: 0,
                  rotate: 45
                }
              },
              yAxis: {
                type: 'value'
              },
              series: [
                {
                  name: '乙烯',
                  type: 'line',
                  data: ethyleneArray
                },
                {
                  name: '丙烯',
                  type: 'line',
                  data: propyleneArray
                }
              ]
            };
            this.chart = this.echarts.init(document.getElementById('chart'));
            this.chart.setOption(option);
          });
          break;
        case "9":
          this.disposeChart();
          listS5001(this.analysisQueryParams).then(response => {
            let data = response.data.dataList;
            this.analysisDescription = response.data.description;
            let buteneArray = [];
            let propyleneArray = [];
            let sampleDateArray = [];
            let mapdArray = [];
            for(let i = 0 ; i < data.length; i++){
              buteneArray.push(data[i].butene);
              propyleneArray.push(data[i].propylene);
              mapdArray.push(data[i].mapd);
              sampleDateArray.push(data[i].sampleDate);
            }
            let option = {
              title: {
                text: dictLabel,
                left: 'center',
                textStyle: {
                  fontSize: 16
                }
              },
              tooltip: {
                trigger: 'axis'
              },
              legend: {
                x: 'center',
                y: 'bottom',
                data: ['丁烯', '丙烯', "MAPD"]
              },
              grid: {
                top: '10%',
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
              },
              toolbox: {
                feature: {
                  saveAsImage: {}
                }
              },
              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: sampleDateArray,
                axisLabel: {
                  interval: 0,
                  rotate: 45
                }
              },
              yAxis: [
                {
                  type: 'value',
                  position: 'left'
                },
                {
                  type: 'value',
                  position: 'right'
                }
              ],
              series: [
                {
                  name: '丁烯',
                  type: 'line',
                  data: buteneArray,
                  yAxisIndex: 0
                },
                {
                  name: '丙烯',
                  type: 'line',
                  data: propyleneArray,
                  yAxisIndex: 0
                },
                {
                  name: 'MAPD',
                  type: 'line',
                  data: mapdArray,
                  yAxisIndex: 1
                }
              ]
            };
            this.chart = this.echarts.init(document.getElementById('chart'));
            this.chart.setOption(option);
          });
          break;
        case "10":
          this.disposeChart();
          c2ReactorAnalysis(this.analysisQueryParams).then(response => {
            let data = response.data.dataMap;
            this.analysisDescription = response.data.description;
            let ethyleneSelectivity3rdOutArray = [];
            let mapdConversion3rdOutArray = [];
            let sampleDateArray = [];
            for(const key in data) {
              sampleDateArray.push(key);
              ethyleneSelectivity3rdOutArray.push(data[key].ethyleneSelectivity3rdOut);
              mapdConversion3rdOutArray.push(data[key].mapdConversion3rdOut);
            }
            let option = {
              title: {
                text: dictLabel,
                left: 'center',
                textStyle: {
                  fontSize: 16
                }
              },
              tooltip: {
                trigger: 'axis'
              },
              legend: {
                x: 'center',
                y: 'bottom',
                data: ['Ethylene Selectivity', 'MAPD Conversion']
              },
              grid: {
                top: '10%',
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
              },
              toolbox: {
                feature: {
                  saveAsImage: {}
                }
              },
              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: sampleDateArray,
                axisLabel: {
                  interval: 0,
                  rotate: 45
                }
              },
              yAxis: {
                type: 'value'
              },
              series: [
                {
                  name: 'Ethylene Selectivity',
                  type: 'line',
                  data: ethyleneSelectivity3rdOutArray
                },
                {
                  name: 'MAPD Conversion',
                  type: 'line',
                  data: mapdConversion3rdOutArray
                }
              ]
            };
            this.chart = this.echarts.init(document.getElementById('chart'));
            this.chart.setOption(option);
          });
          c2ReactorTable({
            "startDate": this.analysisSampleDate[0],
            "endDate": this.analysisSampleDate[1]
          }).then(response => {
            let data = response.data;
            this.c2ReactorTableData = data;
            this.showC2Table = true;
          });
          break;
        case "11":
          this.disposeChart();
          c3ReactorAnalysis(this.analysisQueryParams).then(response => {
            let data = response.data.dataMap;
            this.analysisDescription = response.data.description;
            let conversionArray = [];
            let propyleneSelectivityArray = [];
            let sampleDateArray = [];
            for(const key in data) {
              sampleDateArray.push(key);
              conversionArray.push(data[key].conversion);
              propyleneSelectivityArray.push(data[key].propyleneSelectivity);
            }
            let option = {
              title: {
                text: dictLabel,
                left: 'center',
                textStyle: {
                  fontSize: 16
                }
              },
              tooltip: {
                trigger: 'axis'
              },
              legend: {
                x: 'center',
                y: 'bottom',
                data: ['conversion', 'Selectivity']
              },
              grid: {
                top: '10%',
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
              },
              toolbox: {
                feature: {
                  saveAsImage: {}
                }
              },
              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: sampleDateArray,
                axisLabel: {
                  interval: 0,
                  rotate: 45
                }
              },
              yAxis: {
                type: 'value'
              },
              series: [
                {
                  name: 'conversion',
                  type: 'line',
                  data: conversionArray
                },
                {
                  name: 'Selectivity',
                  type: 'line',
                  data: propyleneSelectivityArray
                }
              ]
            };
            this.chart = this.echarts.init(document.getElementById('chart'));
            this.chart.setOption(option);
          });
          c3ReactorTable({
            "startDate": this.analysisSampleDate[0],
            "endDate": this.analysisSampleDate[1]
          }).then(response => {
            let data = response.data;
            this.c3ReactorTableData = data;
            this.showC3Table = true;
          });
          break;
        case "12":
          this.disposeChart();
          listS6301(this.analysisQueryParams).then(response => {
            let data = response.data.dataList;
            this.analysisDescription = response.data.description;
            let c5ConjugatedDienesDcpdArray = [];
            let c250Array = [];
            let c4Array = [];
            let sampleDateArray = [];
            for(let i = 0 ; i < data.length; i++){
              let c5ConjugatedDienesDcpd30 = data[i].c5ConjugatedDienesDcpd30;
              let c5ConjugatedDienesDcpd40 = data[i].c5ConjugatedDienesDcpd40;
              if (c5ConjugatedDienesDcpd30 != null) {
                c5ConjugatedDienesDcpdArray.push(c5ConjugatedDienesDcpd30);
              } else if (c5ConjugatedDienesDcpd40 != null) {
                c5ConjugatedDienesDcpdArray.push(c5ConjugatedDienesDcpd40);
              } else {
                c5ConjugatedDienesDcpdArray.push("");
              }
              c250Array.push(data[i].c250);
              let c4 = data[i].c4;
              let c410 = data[i].c410;
              if (c4 != null) {
                c4Array.push(c4);
              } else if (c410 != null) {
                c4Array.push(c410);
              } else {
                c4Array.push("");
              }
              sampleDateArray.push(data[i].sampleDate);
            }
            let option = {
              title: {
                text: dictLabel,
                left: 'center',
                textStyle: {
                  fontSize: 16
                }
              },
              tooltip: {
                trigger: 'axis'
              },
              legend: {
                x: 'center',
                y: 'bottom',
                data: ['碳五共轭双烯烃+双环戊二烯', 'C250 灵敏板T', 'C4及C4以下组分含量']
              },
              grid: {
                top: '10%',
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
              },
              toolbox: {
                feature: {
                  saveAsImage: {}
                }
              },
              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: sampleDateArray,
                axisLabel: {
                  interval: 0,
                  rotate: 45
                }
              },

              yAxis: [
                {
                  type: 'value',
                  position: 'left'
                },
                {
                  type: 'value',
                  position: 'right'
                }
              ],
              series: [
                {
                  name: '碳五共轭双烯烃+双环戊二烯',
                  type: 'line',
                  data: c5ConjugatedDienesDcpdArray,
                  yAxisIndex: 0
                },
                {
                  name: 'C250 灵敏板T',
                  type: 'line',
                  data: c250Array,
                  yAxisIndex: 0
                },
                {
                  name: 'C4及C4以下组分含量',
                  type: 'line',
                  data: c4Array,
                  yAxisIndex: 1
                }
              ]
            };
            this.chart = this.echarts.init(document.getElementById('chart'));
            this.chart.setOption(option);
          });
          break;
        case "13":
          this.disposeChart();
          listS6101(this.analysisQueryParams).then(response => {
            let data = response.data.dataList;
            this.analysisDescription = response.data.description;
            let brNumberArray = [];
            let totalSulfurArray = [];
            let totalNitrogenArray = [];
            let sampleDateArray = [];
            for(let i = 0 ; i < data.length; i++){
              brNumberArray.push(data[i].brNumber);
              totalSulfurArray.push(data[i].totalSulfur);
              totalNitrogenArray.push(data[i].totalNitrogen);
              sampleDateArray.push(data[i].sampleDate);
            }
            let option = {
              title: {
                text: dictLabel,
                left: 'center',
                textStyle: {
                  fontSize: 16
                }
              },
              tooltip: {
                trigger: 'axis'
              },
              legend: {
                x: 'center',
                y: 'bottom',
                data: ['溴价gBr/100g', '总硫mg/kg', '总氮mg/kg']
              },
              grid: {
                top: '10%',
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
              },
              toolbox: {
                feature: {
                  saveAsImage: {}
                }
              },
              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: sampleDateArray,
                axisLabel: {
                  interval: 0,
                  rotate: 45
                }
              },
              yAxis: {
                type: 'value'
              },
              series: [
                {
                  name: '溴价gBr/100g',
                  type: 'scatter',
                  data: brNumberArray
                },
                {
                  name: '总硫mg/kg',
                  type: 'scatter',
                  data: totalSulfurArray
                },
                {
                  name: '总氮mg/kg',
                  type: 'scatter',
                  data: totalNitrogenArray
                }
              ]
            };
            this.chart = this.echarts.init(document.getElementById('chart'));
            this.chart.setOption(option);
          });
          break;
        case "14":
          this.disposeChart();
          listS1301(this.analysisQueryParams).then(response => {
            let data = response.data.dataList;
            this.analysisDescription = response.data.description;
            let temperatureInArray = [];
            let temperatureRaiseArray = [];
            let styreneArray = [];
            let dieneValueArray = [];
            let sampleDateArray = [];
            for(let i = 0 ; i < data.length; i++){
              temperatureInArray.push(data[i].temperatureIn);
              temperatureRaiseArray.push(data[i].temperatureRaise);
              styreneArray.push(data[i].styrene);
              dieneValueArray.push(data[i].dieneValue);
              sampleDateArray.push(data[i].sampleDate);
            }
            let option = {
              title: {
                text: dictLabel,
                left: 'center',
                textStyle: {
                  fontSize: 16
                }
              },
              tooltip: {
                trigger: 'axis'
              },
              legend: {
                x: 'center',
                y: 'bottom',
                data: ['入口温度', '一段温升', '苯乙烯(0.18-0.8)', '双烯值(0.2-1.5)']
              },
              grid: {
                top: '10%',
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
              },
              toolbox: {
                feature: {
                  saveAsImage: {}
                }
              },
              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: sampleDateArray,
                axisLabel: {
                  interval: 0,
                  rotate: 45
                }
              },
              yAxis: [
                {
                  type: 'value',
                  position: 'left'
                },
                {
                  type: 'value',
                  position: 'right'
                }
              ],
              series: [
                {
                  name: '入口温度',
                  type: 'line',
                  data: temperatureInArray,
                  yAxisIndex: 0
                },
                {
                  name: '一段温升',
                  type: 'line',
                  data: temperatureRaiseArray,
                  yAxisIndex: 0
                },
                {
                  name: '苯乙烯(0.18-0.8)',
                  type: 'line',
                  data: styreneArray,
                  yAxisIndex: 1
                },
                {
                  name: '双烯值(0.2-1.5)',
                  type: 'line',
                  data: dieneValueArray,
                  yAxisIndex: 1
                }
              ]
            };
            this.chart = this.echarts.init(document.getElementById('chart'));
            this.chart.setOption(option);
          });
          break;
        case "15":
          this.disposeChart();
          listS4501(this.analysisQueryParams).then(response => {
            let data = response.data.dataList;
            this.analysisDescription = response.data.description;
            let temperatureInArray = [];
            let temperatureRaiseArray = [];
            let pressureDiffArray = [];
            let c6C8NaArray = [];
            let brNumberArray = [];
            let sampleDateArray = [];
            for(let i = 0 ; i < data.length; i++){
              temperatureInArray.push(data[i].temperatureIn);
              temperatureRaiseArray.push(data[i].temperatureRaise);
              pressureDiffArray.push(data[i].pressureDiff);
              c6C8NaArray.push(data[i].c6C8Na);
              brNumberArray.push(data[i].brNumber);
              sampleDateArray.push(data[i].sampleDate);
            }
            let option = {
              title: {
                text: dictLabel,
                left: 'center',
                textStyle: {
                  fontSize: 16
                }
              },
              tooltip: {
                trigger: 'axis'
              },
              legend: {
                x: 'center',
                y: 'bottom',
                data: ['入口温度', '温升', '压差 100Pa', '新鲜C6-C8', '溴价指数']
              },
              grid: {
                top: '10%',
                left: '3%',
                right: '4%',
                bottom: '10%',
                containLabel: true
              },
              toolbox: {
                feature: {
                  saveAsImage: {}
                }
              },
              xAxis: {
                type: 'category',
                boundaryGap: false,
                data: sampleDateArray,
                axisLabel: {
                  interval: 0,
                  rotate: 45
                }
              },
              yAxis: [
                {
                  type: 'value',
                  position: 'left'
                },
                {
                  type: 'value',
                  position: 'right'
                }
              ],
              series: [
                {
                  name: '入口温度',
                  type: 'line',
                  data: temperatureInArray,
                  yAxisIndex: 0
                },
                {
                  name: '温升',
                  type: 'line',
                  data: temperatureRaiseArray,
                  yAxisIndex: 0
                },
                {
                  name: '压差 100Pa',
                  type: 'line',
                  data: pressureDiffArray,
                  yAxisIndex: 0
                },
                {
                  name: '新鲜C6-C8',
                  type: 'line',
                  data: c6C8NaArray,
                  yAxisIndex: 1
                },
                {
                  name: '溴价指数',
                  type: 'line',
                  data: brNumberArray,
                  yAxisIndex: 1
                }
              ]
            };
            this.chart = this.echarts.init(document.getElementById('chart'));
            this.chart.setOption(option);
          });
          break;
      }
      getCommentInfo({
        "commentType": this.analysisValue,
        "startDate": this.sampleDate[0],
        "endDate": this.sampleDate[1]
      }).then(response => {
        this.comment = response.data.qualityComment;
      });
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.getList();
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      if (row.samplePoint == 'S0501' || row.samplePoint == 'S-0501') {
        this.resetS0501();
        getS0501(row.id).then(response => {
          this.formS0501 = response.data;
          this.openS0501 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S1301' || row.samplePoint == 'S-1301') {
        this.resetS1301();
        getS1301(row.id).then(response => {
          this.formS1301 = response.data;
          this.openS1301 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S2002' || row.samplePoint == 'S-2002') {
        this.resetS2002();
        getS2002(row.id).then(response => {
          this.formS2002 = response.data;
          this.openS2002 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S2005' || row.samplePoint == 'S-2005') {
        this.resetS2005();
        getS2005(row.id).then(response => {
          this.formS2005 = response.data;
          this.openS2005 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S2007' || row.samplePoint == 'S-2007') {
        this.resetS2007();
        getS2007(row.id).then(response => {
          this.formS2007 = response.data;
          this.openS2007 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S2011' || row.samplePoint == 'S-2011') {
        this.resetS2011();
        getS2011(row.id).then(response => {
          this.formS2011 = response.data;
          this.openS2011 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S2400' || row.samplePoint == 'S-2400') {
        this.resetS2400();
        getS2400(row.id).then(response => {
          this.formS2400 = response.data;
          this.openS2400 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S3004' || row.samplePoint == 'S-3004') {
        this.resetS3004();
        getS3004(row.id).then(response => {
          this.formS3004 = response.data;
          this.openS3004 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S3009' || row.samplePoint == 'S-3009') {
        this.resetS3009();
        getS3009(row.id).then(response => {
          this.formS3009 = response.data;
          this.openS3009 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S3010' || row.samplePoint == 'S-3010') {
        this.resetS3010();
        getS3010(row.id).then(response => {
          this.formS3010 = response.data;
          this.openS3010 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S3011' || row.samplePoint == 'S-3011') {
        this.resetS3011();
        getS3011(row.id).then(response => {
          this.formS3011 = response.data;
          this.openS3011 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S3012' || row.samplePoint == 'S-3012') {
        this.resetS3012();
        getS3012(row.id).then(response => {
          this.formS3012 = response.data;
          this.openS3012 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S3022' || row.samplePoint == 'S-3022') {
        this.resetS3022();
        getS3022(row.id).then(response => {
          this.formS3022 = response.data;
          this.openS3022 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S4012' || row.samplePoint == 'S-4012') {
        this.resetS4012();
        getS4012(row.id).then(response => {
          this.formS4012 = response.data;
          this.openS4012 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S4013' || row.samplePoint == 'S-4013') {
        this.resetS4013();
        getS4013(row.id).then(response => {
          this.formS4013 = response.data;
          this.openS4013 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S4501' || row.samplePoint == 'S-4501') {
        this.resetS4501();
        getS4501(row.id).then(response => {
          this.formS4501 = response.data;
          this.openS4501 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S5001' || row.samplePoint == 'S-5001') {
        this.resetS5001();
        getS5001(row.id).then(response => {
          this.formS5001 = response.data;
          this.openS5001 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S5003' || row.samplePoint == 'S-5003') {
        this.resetS5003();
        getS5003(row.id).then(response => {
          this.formS5003 = response.data;
          this.openS5003 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S5010' || row.samplePoint == 'S-5010') {
        this.resetS5010();
        getS5010(row.id).then(response => {
          this.formS5010 = response.data;
          this.openS5010 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S5012' || row.samplePoint == 'S-5012') {
        this.resetS5012();
        getS5012(row.id).then(response => {
          this.formS5012 = response.data;
          this.openS5012 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S6101' || row.samplePoint == 'S-6101') {
        this.resetS6101();
        getS6101(row.id).then(response => {
          this.formS6101 = response.data;
          this.openS6101 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S6107' || row.samplePoint == 'S-6107') {
        this.resetS6107();
        getS6107(row.id).then(response => {
          this.formS6107 = response.data;
          this.openS6107 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'S6301' || row.samplePoint == 'S-6301') {
        this.resetS6301();
        getS6301(row.id).then(response => {
          this.formS6301 = response.data;
          this.openS6301 = true;
          this.title = "修改质量月报";
        });
      } else if (row.samplePoint == 'Z404' || row.samplePoint == 'Z-404') {
        this.resetZ404();
        getZ404(row.id).then(response => {
          this.formZ404 = response.data;
          this.openZ404 = true;
          this.title = "修改质量月报";
        });
      }
    },
    /** 提交按钮 */
    submitForm() {
      if (this.openS0501 == true) {
        this.$refs["formS0501"].validate(valid => {
          if (valid) {
            if (this.formS0501.id != null) {
              updateS0501(this.formS0501).then(response => {
                this.msgSuccess("修改成功");
                this.openS0501 = false;
                this.getListS0501();
              });
            }
          }
        });
      } else if (this.openS1301 == true) {
        this.$refs["formS1301"].validate(valid => {
          if (valid) {
            if (this.formS1301.id != null) {
              updateS1301(this.formS1301).then(response => {
                this.msgSuccess("修改成功");
                this.openS1301 = false;
                this.getListS1301();
              });
            }
          }
        });
      } else if (this.openS2002 == true) {
        this.$refs["formS2002"].validate(valid => {
          if (valid) {
            if (this.formS2002.id != null) {
              updateS2002(this.formS2002).then(response => {
                this.msgSuccess("修改成功");
                this.openS2002 = false;
                this.getListS2002();
              });
            }
          }
        });
      } else if (this.openS2005 == true) {
        this.$refs["formS2005"].validate(valid => {
          if (valid) {
            if (this.formS2005.id != null) {
              updateS2005(this.formS2005).then(response => {
                this.msgSuccess("修改成功");
                this.openS2005 = false;
                this.getListS2005();
              });
            }
          }
        });
      } else if (this.openS2007 == true) {
        this.$refs["formS2007"].validate(valid => {
          if (valid) {
            if (this.formS2007.id != null) {
              updateS2007(this.formS2007).then(response => {
                this.msgSuccess("修改成功");
                this.openS2007 = false;
                this.getListS2007();
              });
            }
          }
        });
      } else if (this.openS2011 == true) {
        this.$refs["formS2011"].validate(valid => {
          if (valid) {
            if (this.formS2011.id != null) {
              updateS2011(this.formS2011).then(response => {
                this.msgSuccess("修改成功");
                this.openS2011 = false;
                this.getListS2011();
              });
            }
          }
        });
      } else if (this.openS2400 == true) {
        this.$refs["formS2400"].validate(valid => {
          if (valid) {
            if (this.formS2400.id != null) {
              updateS2400(this.formS2400).then(response => {
                this.msgSuccess("修改成功");
                this.openS2400 = false;
                this.getListS2400();
              });
            }
          }
        });
      } else if (this.openS3004 == true) {
        this.$refs["formS3004"].validate(valid => {
          if (valid) {
            if (this.formS3004.id != null) {
              updateS3004(this.formS3004).then(response => {
                this.msgSuccess("修改成功");
                this.openS3004 = false;
                this.getListS3004();
              });
            }
          }
        });
      } else if (this.openS3009 == true) {
        this.$refs["formS3009"].validate(valid => {
          if (valid) {
            if (this.formS3009.id != null) {
              updateS3009(this.formS3009).then(response => {
                this.msgSuccess("修改成功");
                this.openS3009 = false;
                this.getListS3009();
              });
            }
          }
        });
      } else if (this.openS3010 == true) {
        this.$refs["formS3010"].validate(valid => {
          if (valid) {
            if (this.formS3010.id != null) {
              updateS3010(this.formS3010).then(response => {
                this.msgSuccess("修改成功");
                this.openS3010 = false;
                this.getListS3010();
              });
            }
          }
        });
      } else if (this.openS3011 == true) {
        this.$refs["formS3011"].validate(valid => {
          if (valid) {
            if (this.formS3011.id != null) {
              updateS3011(this.formS3011).then(response => {
                this.msgSuccess("修改成功");
                this.openS3011 = false;
                this.getListS3011();
              });
            }
          }
        });
      } else if (this.openS3012 == true) {
        this.$refs["formS3012"].validate(valid => {
          if (valid) {
            if (this.formS3012.id != null) {
              updateS3012(this.formS3012).then(response => {
                this.msgSuccess("修改成功");
                this.openS3012 = false;
                this.getListS3012();
              });
            }
          }
        });
      } else if (this.openS3022 == true) {
        this.$refs["formS3022"].validate(valid => {
          if (valid) {
            if (this.formS3022.id != null) {
              updateS3022(this.formS3022).then(response => {
                this.msgSuccess("修改成功");
                this.openS3022 = false;
                this.getListS3022();
              });
            }
          }
        });
      } else if (this.openS4012 == true) {
        this.$refs["formS4012"].validate(valid => {
          if (valid) {
            if (this.formS4012.id != null) {
              updateS4012(this.formS4012).then(response => {
                this.msgSuccess("修改成功");
                this.openS4012 = false;
                this.getListS4012();
              });
            }
          }
        });
      } else if (this.openS4013 == true) {
        this.$refs["formS4013"].validate(valid => {
          if (valid) {
            if (this.formS4013.id != null) {
              updateS4013(this.formS4013).then(response => {
                this.msgSuccess("修改成功");
                this.openS4013 = false;
                this.getListS4013();
              });
            }
          }
        });
      } else if (this.openS4501 == true) {
        this.$refs["formS4501"].validate(valid => {
          if (valid) {
            if (this.formS4501.id != null) {
              updateS4501(this.formS4501).then(response => {
                this.msgSuccess("修改成功");
                this.openS4501 = false;
                this.getListS4501();
              });
            }
          }
        });
      } else if (this.openS5001 == true) {
        this.$refs["formS5001"].validate(valid => {
          if (valid) {
            if (this.formS5001.id != null) {
              updateS5001(this.formS5001).then(response => {
                this.msgSuccess("修改成功");
                this.openS5001 = false;
                this.getListS5001();
              });
            }
          }
        });
      } else if (this.openS5003 == true) {
        this.$refs["formS5003"].validate(valid => {
          if (valid) {
            if (this.formS5003.id != null) {
              updateS5003(this.formS5003).then(response => {
                this.msgSuccess("修改成功");
                this.openS5003 = false;
                this.getListS5003();
              });
            }
          }
        });
      } else if (this.openS5010 == true) {
        this.$refs["formS5010"].validate(valid => {
          if (valid) {
            if (this.formS5010.id != null) {
              updateS5010(this.formS5010).then(response => {
                this.msgSuccess("修改成功");
                this.openS5010 = false;
                this.getListS5010();
              });
            }
          }
        });
      } else if (this.openS5012 == true) {
        this.$refs["formS5012"].validate(valid => {
          if (valid) {
            if (this.formS5012.id != null) {
              updateS5012(this.formS5012).then(response => {
                this.msgSuccess("修改成功");
                this.openS5012 = false;
                this.getListS5012();
              });
            }
          }
        });
      } else if (this.openS6101 == true) {
        this.$refs["formS6101"].validate(valid => {
          if (valid) {
            if (this.formS6101.id != null) {
              updateS6101(this.formS6101).then(response => {
                this.msgSuccess("修改成功");
                this.openS6101 = false;
                this.getListS6101();
              });
            }
          }
        });
      } else if (this.openS6107 == true) {
        this.$refs["formS6107"].validate(valid => {
          if (valid) {
            if (this.formS6107.id != null) {
              updateS6107(this.formS6107).then(response => {
                this.msgSuccess("修改成功");
                this.openS6107 = false;
                this.getListS6107();
              });
            }
          }
        });
      } else if (this.openS6301 == true) {
        this.$refs["formS6301"].validate(valid => {
          if (valid) {
            if (this.formS6301.id != null) {
              updateS6301(this.formS6301).then(response => {
                this.msgSuccess("修改成功");
                this.openS6301 = false;
                this.getListS6301();
              });
            }
          }
        });
      } else if (this.openZ404 == true) {
        this.$refs["formZ404"].validate(valid => {
          if (valid) {
            if (this.formZ404.id != null) {
              updateZ404(this.formZ404).then(response => {
                this.msgSuccess("修改成功");
                this.openZ404 = false;
                this.getListZ404();
              });
            }
          }
        });
      }
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      this.$confirm('是否确认删除?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          if (row.samplePoint == 'S0501') {
            return delS0501(row.id);
          } else if (row.samplePoint == 'S1301') {
            return delS1301(row.id);
          } else if (row.samplePoint == 'S2002') {
            return delS2002(row.id);
          } else if (row.samplePoint == 'S2005') {
            return delS2005(row.id);
          } else if (row.samplePoint == 'S2007') {
            return delS2007(row.id);
          } else if (row.samplePoint == 'S2011') {
            return delS2011(row.id);
          } else if (row.samplePoint == 'S2400') {
            return delS2400(row.id);
          } else if (row.samplePoint == 'S3004') {
            return delS3004(row.id);
          } else if (row.samplePoint == 'S3009') {
            return delS3009(row.id);
          } else if (row.samplePoint == 'S3010') {
            return delS3010(row.id);
          } else if (row.samplePoint == 'S3011') {
            return delS3011(row.id);
          } else if (row.samplePoint == 'S3012') {
            return delS3012(row.id);
          } else if (row.samplePoint == 'S3022') {
            return delS3022(row.id);
          } else if (row.samplePoint == 'S4012') {
            return delS4012(row.id);
          } else if (row.samplePoint == 'S4013') {
            return delS4013(row.id);
          } else if (row.samplePoint == 'S4501') {
            return delS4501(row.id);
          } else if (row.samplePoint == 'S5001') {
            return delS5001(row.id);
          } else if (row.samplePoint == 'S5003') {
            return delS5003(row.id);
          } else if (row.samplePoint == 'S5010') {
            return delS5010(row.id);
          } else if (row.samplePoint == 'S5012') {
            return delS5012(row.id);
          } else if (row.samplePoint == 'S6101') {
            return delS6101(row.id);
          } else if (row.samplePoint == 'S6107') {
            return delS6107(row.id);
          } else if (row.samplePoint == 'S6301') {
            return delS6301(row.id);
          } else if (row.samplePoint == 'Z404') {
            return delZ404(row.id);
          }
        }).then(() => {
          if (row.samplePoint == 'S0501') {
            this.getListS0501();
          } else if (row.samplePoint == 'S1301') {
            this.getListS1301();
          } else if (row.samplePoint == 'S2002') {
            this.getListS2002();
          } else if (row.samplePoint == 'S2005') {
            this.getListS2005();
          } else if (row.samplePoint == 'S2007') {
            this.getListS2007();
          } else if (row.samplePoint == 'S2011') {
            this.getListS2011();
          } else if (row.samplePoint == 'S2400') {
            this.getListS2400();
          } else if (row.samplePoint == 'S3004') {
            this.getListS3004();
          } else if (row.samplePoint == 'S3009') {
            this.getListS3009();
          } else if (row.samplePoint == 'S3010') {
            this.getListS3010();
          } else if (row.samplePoint == 'S3011') {
            this.getListS3011();
          } else if (row.samplePoint == 'S3012') {
            this.getListS3012();
          } else if (row.samplePoint == 'S3022') {
            this.getListS3022();
          } else if (row.samplePoint == 'S4012') {
            this.getListS4012();
          } else if (row.samplePoint == 'S4013') {
            this.getListS4013();
          } else if (row.samplePoint == 'S4501') {
            this.getListS4501();
          } else if (row.samplePoint == 'S5001') {
            this.getListS5001();
          } else if (row.samplePoint == 'S5003') {
            this.getListS5003();
          } else if (row.samplePoint == 'S5010') {
            this.getListS5010();
          } else if (row.samplePoint == 'S5012') {
            this.getListS5012();
          } else if (row.samplePoint == 'S6101') {
            this.getListS6101();
          } else if (row.samplePoint == 'S6107') {
            this.getListS6107();
          } else if (row.samplePoint == 'S6301') {
            this.getListS6301();
          } else if (row.samplePoint == 'Z404') {
            this.getListZ404();
          }
          this.msgSuccess("删除成功");
        })
    },
    /** 趋势分析 */
    handleAnalysis() {
      this.analysis.open = true;
      this.analysis.title = "趋势分析";
      this.setAnalysisDefaultSampleDate();
      this.analysisValue = "1";
      this.handleAnalysisQuery();
    },
    /** 生成报告 */
    handleReport(){
      this.$router.push({
        name: "report",
        params: this.sampleDate
      });
    },
    /** 导出按钮操作 */
    handleExport() {
      const queryParams = this.queryParams;
      this.$confirm('是否确认导出所有质量月报数据项?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          return exportQuality(queryParams);
        }).then(response => {
          this.download(response.msg);
        })
    },
    /** 导入按钮操作 */
    handleImport() {
        this.upload.title = "批量导入";
        this.upload.open = true;
    },
    /** 下载模板操作 */
    importTemplate() {
      this.$refs['downloadFileForm'].submit()
    },
    // 文件上传中处理
    handleFileUploadProgress(event, file, fileList) {
        this.upload.isUploading = true;
    },
    // 文件上传成功处理
    handleFileSuccess(response, file, fileList) {
        this.upload.open = false;
        this.upload.isUploading = false;
        this.$refs.upload.clearFiles();
        this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
        this.getList();
    },
    // 提交上传文件
    submitFileForm() {
        this.$refs.upload.submit();
    }
  }
};
</script>
<style scoped>
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .td-blue{
    background-color: #00CCFF;
    color: black;
    border: 1px solid;
    padding: 5px;
  }
  .td-green{
    background-color: #00FF00;
    color: black;
    border: 1px solid;
    padding: 5px;
  }
  .td-yellow{
     background-color: #FFFF00;
     color: black;
     border: 1px solid;
     padding: 5px;
   }
  .td-dark-green{
    background-color: #92D050;
    color: black;
    border: 1px solid;
    padding: 5px;
  }
  .td-dark-blue{
    background-color: #00B0F0;
    color: black;
    border: 1px solid;
    padding: 5px;
  }
  .td-transparent{
     background-color: transparent;
    color: black;
    border: 1px solid;
    padding: 5px;
   }
  #tableC2,#tableC3{
    width: 80%;
    margin: 0px auto;
    margin-top: 25px;
  }
</style>