|
@@ -1,758 +0,0 @@
|
|
|
-<template>
|
|
|
- <div class="app-container">
|
|
|
- <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
- <el-form-item label="装置名称" prop="locationName">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.locationName"
|
|
|
- placeholder="请输入装置名称"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="采样点" prop="samplePoint">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.samplePoint"
|
|
|
- placeholder="请输入采样点"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="采样日期" prop="sampleDate">
|
|
|
- <el-date-picker clearable size="small" style="width: 200px"
|
|
|
- v-model="queryParams.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="queryParams.sampleName"
|
|
|
- placeholder="请输入样品名称"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="苯" prop="benzene">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.benzene"
|
|
|
- placeholder="请输入苯"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="甲苯" prop="toluene">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.toluene"
|
|
|
- placeholder="请输入甲苯"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="双环戊二烯" prop="dcpd">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.dcpd"
|
|
|
- placeholder="请输入双环戊二烯"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="乙苯" prop="ethylbenzene">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.ethylbenzene"
|
|
|
- placeholder="请输入乙苯"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="间-二甲苯" prop="mXylene">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.mXylene"
|
|
|
- placeholder="请输入间-二甲苯"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="邻-二甲苯" prop="oXylene">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.oXylene"
|
|
|
- placeholder="请输入邻-二甲苯"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="对-二甲苯" prop="pXylene">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.pXylene"
|
|
|
- placeholder="请输入对-二甲苯"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="苯乙烯" prop="styrene">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.styrene"
|
|
|
- placeholder="请输入苯乙烯"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C5 非芳烃" prop="c5Na">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.c5Na"
|
|
|
- placeholder="请输入C5 非芳烃"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C6 非芳烃" prop="c6Na">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.c6Na"
|
|
|
- placeholder="请输入C6 非芳烃"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C7 非芳烃" prop="c7Na">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.c7Na"
|
|
|
- placeholder="请输入C7 非芳烃"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C8 非芳烃" prop="c8Na">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.c8Na"
|
|
|
- placeholder="请输入C8 非芳烃"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C9以上" prop="c9">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.c9"
|
|
|
- placeholder="请输入C9以上"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C8 芳烃" prop="c8A">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.c8A"
|
|
|
- placeholder="请输入C8 芳烃"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C4 -C5 非芳烃" prop="c4C5Na">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.c4C5Na"
|
|
|
- placeholder="请输入C4 -C5 非芳烃"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C6 -C8 非芳烃" prop="c6C8Na">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.c6C8Na"
|
|
|
- placeholder="请输入C6 -C8 非芳烃"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C4-C8非芳烃" prop="c4C8Na">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.c4C8Na"
|
|
|
- placeholder="请输入C4-C8非芳烃"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="密度" prop="density1">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.density1"
|
|
|
- placeholder="请输入密度"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="溴价" prop="brNumber">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.brNumber"
|
|
|
- placeholder="请输入溴价"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="总硫" prop="totalSulfur">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.totalSulfur"
|
|
|
- placeholder="请输入总硫"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="总氮" prop="totalNitrogen">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.totalNitrogen"
|
|
|
- placeholder="请输入总氮"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="部门id" prop="deptId">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.deptId"
|
|
|
- placeholder="请输入部门id"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
-
|
|
|
- <el-row :gutter="10" class="mb8">
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- icon="el-icon-plus"
|
|
|
- size="mini"
|
|
|
- @click="handleAdd"
|
|
|
- v-hasPermi="['production:s6101:add']"
|
|
|
- >新增</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="success"
|
|
|
- icon="el-icon-edit"
|
|
|
- size="mini"
|
|
|
- :disabled="single"
|
|
|
- @click="handleUpdate"
|
|
|
- v-hasPermi="['production:s6101:edit']"
|
|
|
- >修改</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="danger"
|
|
|
- icon="el-icon-delete"
|
|
|
- size="mini"
|
|
|
- :disabled="multiple"
|
|
|
- @click="handleDelete"
|
|
|
- v-hasPermi="['production:s6101:remove']"
|
|
|
- >删除</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="info"
|
|
|
- icon="el-icon-upload2"
|
|
|
- size="mini"
|
|
|
- @click="handleImport"
|
|
|
- v-hasPermi="['production:s6101:edit']"
|
|
|
- >导入</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="warning"
|
|
|
- icon="el-icon-download"
|
|
|
- size="mini"
|
|
|
- @click="handleExport"
|
|
|
- v-hasPermi="['production:s6101:export']"
|
|
|
- >导出</el-button>
|
|
|
- </el-col>
|
|
|
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-table v-loading="loading" :data="s6101List" @selection-change="handleSelectionChange" :height="clientHeight" border>
|
|
|
- <el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column label="装置名称" align="center" prop="locationName" :show-overflow-tooltip="true"/>
|
|
|
- <el-table-column label="采样点" 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="样品名称" 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="部门id" align="center" prop="deptId" :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:s6101:edit']"
|
|
|
- >修改</el-button>
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="text"
|
|
|
- icon="el-icon-delete"
|
|
|
- @click="handleDelete(scope.row)"
|
|
|
- v-hasPermi="['production:s6101:remove']"
|
|
|
- >删除</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
-
|
|
|
- <pagination
|
|
|
- v-show="total>0"
|
|
|
- :total="total"
|
|
|
- :page.sync="queryParams.pageNum"
|
|
|
- :limit.sync="queryParams.pageSize"
|
|
|
- @pagination="getList"
|
|
|
- />
|
|
|
-
|
|
|
- <!-- 添加或修改质量月报S6101对话框 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
- <el-form-item label="更新时间" prop="id">
|
|
|
- <el-input v-model="form.id" placeholder="请输入更新时间" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="装置名称" prop="locationName">
|
|
|
- <el-input v-model="form.locationName" placeholder="请输入装置名称" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="采样点" prop="samplePoint">
|
|
|
- <el-input v-model="form.samplePoint" placeholder="请输入采样点" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="采样日期" prop="sampleDate">
|
|
|
- <el-date-picker clearable size="small" style="width: 200px"
|
|
|
- v-model="form.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="form.sampleName" placeholder="请输入样品名称" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="苯" prop="benzene">
|
|
|
- <el-input v-model="form.benzene" placeholder="请输入苯" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="甲苯" prop="toluene">
|
|
|
- <el-input v-model="form.toluene" placeholder="请输入甲苯" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="双环戊二烯" prop="dcpd">
|
|
|
- <el-input v-model="form.dcpd" placeholder="请输入双环戊二烯" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="乙苯" prop="ethylbenzene">
|
|
|
- <el-input v-model="form.ethylbenzene" placeholder="请输入乙苯" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="间-二甲苯" prop="mXylene">
|
|
|
- <el-input v-model="form.mXylene" placeholder="请输入间-二甲苯" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="邻-二甲苯" prop="oXylene">
|
|
|
- <el-input v-model="form.oXylene" placeholder="请输入邻-二甲苯" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="对-二甲苯" prop="pXylene">
|
|
|
- <el-input v-model="form.pXylene" placeholder="请输入对-二甲苯" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="苯乙烯" prop="styrene">
|
|
|
- <el-input v-model="form.styrene" placeholder="请输入苯乙烯" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C5 非芳烃" prop="c5Na">
|
|
|
- <el-input v-model="form.c5Na" placeholder="请输入C5 非芳烃" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C6 非芳烃" prop="c6Na">
|
|
|
- <el-input v-model="form.c6Na" placeholder="请输入C6 非芳烃" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C7 非芳烃" prop="c7Na">
|
|
|
- <el-input v-model="form.c7Na" placeholder="请输入C7 非芳烃" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C8 非芳烃" prop="c8Na">
|
|
|
- <el-input v-model="form.c8Na" placeholder="请输入C8 非芳烃" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C9以上" prop="c9">
|
|
|
- <el-input v-model="form.c9" placeholder="请输入C9以上" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C8 芳烃" prop="c8A">
|
|
|
- <el-input v-model="form.c8A" placeholder="请输入C8 芳烃" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C4 -C5 非芳烃" prop="c4C5Na">
|
|
|
- <el-input v-model="form.c4C5Na" placeholder="请输入C4 -C5 非芳烃" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C6 -C8 非芳烃" prop="c6C8Na">
|
|
|
- <el-input v-model="form.c6C8Na" placeholder="请输入C6 -C8 非芳烃" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="C4-C8非芳烃" prop="c4C8Na">
|
|
|
- <el-input v-model="form.c4C8Na" placeholder="请输入C4-C8非芳烃" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="密度" prop="density1">
|
|
|
- <el-input v-model="form.density1" placeholder="请输入密度" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="溴价" prop="brNumber">
|
|
|
- <el-input v-model="form.brNumber" placeholder="请输入溴价" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="总硫" prop="totalSulfur">
|
|
|
- <el-input v-model="form.totalSulfur" placeholder="请输入总硫" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="总氮" prop="totalNitrogen">
|
|
|
- <el-input v-model="form.totalNitrogen" placeholder="请输入总氮" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="部门id" prop="deptId">
|
|
|
- <el-input v-model="form.deptId" placeholder="请输入部门id" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="删除标志" prop="delFlag">
|
|
|
- <el-input v-model="form.delFlag" placeholder="请输入删除标志" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="归属部门" prop="deptId">
|
|
|
- <treeselect v-model="form.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-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
|
|
|
- <el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>
|
|
|
- </div>
|
|
|
- <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>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import { listS6101, getS6101, delS6101, addS6101, updateS6101, exportS6101, importTemplate} from "@/api/production/s6101";
|
|
|
-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 {
|
|
|
- name: "S6101",
|
|
|
- components: { Treeselect },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- // 遮罩层
|
|
|
- loading: true,
|
|
|
- // 选中数组
|
|
|
- ids: [],
|
|
|
- // 非单个禁用
|
|
|
- single: true,
|
|
|
- // 非多个禁用
|
|
|
- multiple: true,
|
|
|
- // 显示搜索条件
|
|
|
- showSearch: false,
|
|
|
- // 总条数
|
|
|
- total: 0,
|
|
|
- // 质量月报S6101表格数据
|
|
|
- s6101List: [],
|
|
|
- // 弹出层标题
|
|
|
- title: "",
|
|
|
- // 部门树选项
|
|
|
- deptOptions: undefined,
|
|
|
- clientHeight:300,
|
|
|
- // 是否显示弹出层
|
|
|
- open: false,
|
|
|
- // 用户导入参数
|
|
|
- upload: {
|
|
|
- // 是否显示弹出层(用户导入)
|
|
|
- open: false,
|
|
|
- // 弹出层标题(用户导入)
|
|
|
- title: "",
|
|
|
- // 是否禁用上传
|
|
|
- isUploading: false,
|
|
|
- // 是否更新已经存在的用户数据
|
|
|
- updateSupport: 0,
|
|
|
- // 设置上传的请求头部
|
|
|
- headers: { Authorization: "Bearer " + getToken() },
|
|
|
- // 上传的地址
|
|
|
- url: process.env.VUE_APP_BASE_API + "/production/s6101/importData"
|
|
|
- },
|
|
|
- // 查询参数
|
|
|
- queryParams: {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 20,
|
|
|
- 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,
|
|
|
- },
|
|
|
- // 表单参数
|
|
|
- form: {},
|
|
|
- // 表单校验
|
|
|
- rules: {
|
|
|
- id: [
|
|
|
- { required: true, message: "更新时间不能为空", trigger: "blur" }
|
|
|
- ],
|
|
|
- }
|
|
|
- };
|
|
|
- },
|
|
|
- watch: {
|
|
|
- // 根据名称筛选部门树
|
|
|
- deptName(val) {
|
|
|
- this.$refs.tree.filter(val);
|
|
|
- }
|
|
|
- },
|
|
|
- created() {
|
|
|
- //设置表格高度对应屏幕高度
|
|
|
- this.$nextTick(() => {
|
|
|
- this.clientHeight = document.body.clientHeight -250
|
|
|
- })
|
|
|
- this.getList();
|
|
|
- this.getTreeselect();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- /** 查询质量月报S6101列表 */
|
|
|
- getList() {
|
|
|
- this.loading = true;
|
|
|
- listS6101(this.queryParams).then(response => {
|
|
|
- this.s6101List = response.rows;
|
|
|
- this.total = response.total;
|
|
|
- this.loading = false;
|
|
|
- });
|
|
|
- },
|
|
|
- /** 查询部门下拉树结构 */
|
|
|
- getTreeselect() {
|
|
|
- treeselect().then(response => {
|
|
|
- this.deptOptions = response.data;
|
|
|
- });
|
|
|
- },
|
|
|
- // 取消按钮
|
|
|
- cancel() {
|
|
|
- this.open = false;
|
|
|
- this.reset();
|
|
|
- },
|
|
|
- // 表单重置
|
|
|
- reset() {
|
|
|
- this.form = {
|
|
|
- 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("form");
|
|
|
- },
|
|
|
- /** 搜索按钮操作 */
|
|
|
- handleQuery() {
|
|
|
- this.queryParams.pageNum = 1;
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- /** 重置按钮操作 */
|
|
|
- resetQuery() {
|
|
|
- this.resetForm("queryForm");
|
|
|
- this.handleQuery();
|
|
|
- },
|
|
|
- // 多选框选中数据
|
|
|
- handleSelectionChange(selection) {
|
|
|
- this.ids = selection.map(item => item.id)
|
|
|
- this.single = selection.length!==1
|
|
|
- this.multiple = !selection.length
|
|
|
- },
|
|
|
- /** 新增按钮操作 */
|
|
|
- handleAdd() {
|
|
|
- this.reset();
|
|
|
- this.open = true;
|
|
|
- this.title = "添加质量月报S6101";
|
|
|
- },
|
|
|
- /** 修改按钮操作 */
|
|
|
- handleUpdate(row) {
|
|
|
- this.reset();
|
|
|
- const id = row.id || this.ids
|
|
|
- getS6101(id).then(response => {
|
|
|
- this.form = response.data;
|
|
|
- this.open = true;
|
|
|
- this.title = "修改质量月报S6101";
|
|
|
- });
|
|
|
- },
|
|
|
- /** 提交按钮 */
|
|
|
- submitForm() {
|
|
|
- this.$refs["form"].validate(valid => {
|
|
|
- if (valid) {
|
|
|
- if (this.form.id != null) {
|
|
|
- updateS6101(this.form).then(response => {
|
|
|
- this.msgSuccess("修改成功");
|
|
|
- this.open = false;
|
|
|
- this.getList();
|
|
|
- });
|
|
|
- } else {
|
|
|
- addS6101(this.form).then(response => {
|
|
|
- this.msgSuccess("新增成功");
|
|
|
- this.open = false;
|
|
|
- this.getList();
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- /** 删除按钮操作 */
|
|
|
- handleDelete(row) {
|
|
|
- const ids = row.id || this.ids;
|
|
|
- this.$confirm('是否确认删除?', "警告", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning"
|
|
|
- }).then(function() {
|
|
|
- return delS6101(ids);
|
|
|
- }).then(() => {
|
|
|
- this.getList();
|
|
|
- this.msgSuccess("删除成功");
|
|
|
- })
|
|
|
- },
|
|
|
- /** 导出按钮操作 */
|
|
|
- handleExport() {
|
|
|
- const queryParams = this.queryParams;
|
|
|
- this.$confirm('是否确认导出所有质量月报S6101数据项?', "警告", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning"
|
|
|
- }).then(function() {
|
|
|
- return exportS6101(queryParams);
|
|
|
- }).then(response => {
|
|
|
- this.download(response.msg);
|
|
|
- })
|
|
|
- },
|
|
|
- /** 导入按钮操作 */
|
|
|
- handleImport() {
|
|
|
- this.upload.title = "用户导入";
|
|
|
- this.upload.open = true;
|
|
|
- },
|
|
|
- /** 下载模板操作 */
|
|
|
- importTemplate() {
|
|
|
- importTemplate().then(response => {
|
|
|
- this.download(response.msg);
|
|
|
- });
|
|
|
- },
|
|
|
- // 文件上传中处理
|
|
|
- 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>
|