|
@@ -1,36 +1,36 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
|
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
|
|
|
|
+ <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
<el-form-item label="测站编码" prop="stcd">
|
|
<el-form-item label="测站编码" prop="stcd">
|
|
|
- <el-input v-model="queryParams.stcd" placeholder="请输入测站编码" clearable @keyup.enter="handleQuery" />
|
|
|
|
|
|
|
+ <el-input v-model="queryParams.stcd" placeholder="请输入测站编码" clearable @keyup.enter="handleQuery"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="测站名称" prop="stnm">
|
|
<el-form-item label="测站名称" prop="stnm">
|
|
|
- <el-input v-model="queryParams.stnm" placeholder="请输入测站名称" clearable @keyup.enter="handleQuery" />
|
|
|
|
|
|
|
+ <el-input v-model="queryParams.stnm" placeholder="请输入测站名称" clearable @keyup.enter="handleQuery"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="站点类型" prop="sttp">
|
|
<el-form-item label="站点类型" prop="sttp">
|
|
|
<el-select v-model="queryParams.sttp" placeholder="请选择站点类型" clearable>
|
|
<el-select v-model="queryParams.sttp" placeholder="请选择站点类型" clearable>
|
|
|
- <el-option label="水位站" value="SW" />
|
|
|
|
|
- <el-option label="流量站" value="LL" />
|
|
|
|
|
- <el-option label="水质站" value="SZ" />
|
|
|
|
|
|
|
+ <el-option label="水位站" value="SW"/>
|
|
|
|
|
+ <el-option label="流量站" value="LL"/>
|
|
|
|
|
+ <el-option label="水质站" value="SZ"/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="数据来源" prop="addvcd">
|
|
<el-form-item label="数据来源" prop="addvcd">
|
|
|
<el-select v-model="queryParams.addvcd" placeholder="请选择数据来源" clearable>
|
|
<el-select v-model="queryParams.addvcd" placeholder="请选择数据来源" clearable>
|
|
|
- <el-option label="江苏" value="JS" />
|
|
|
|
|
- <el-option label="无锡" value="WX" />
|
|
|
|
|
- <el-option label="上海" value="SH" />
|
|
|
|
|
- <el-option label="浙江" value="ZJ" />
|
|
|
|
|
|
|
+ <el-option label="江苏" value="JS"/>
|
|
|
|
|
+ <el-option label="无锡" value="WX"/>
|
|
|
|
|
+ <el-option label="上海" value="SH"/>
|
|
|
|
|
+ <el-option label="浙江" value="ZJ"/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="年份" prop="year">
|
|
<el-form-item label="年份" prop="year">
|
|
|
<el-date-picker
|
|
<el-date-picker
|
|
|
- v-model="queryParams.year"
|
|
|
|
|
- type="year"
|
|
|
|
|
- placeholder="请选择年份"
|
|
|
|
|
- format="YYYY"
|
|
|
|
|
- value-format="YYYY"
|
|
|
|
|
- clearable
|
|
|
|
|
- @change="handleQuery"
|
|
|
|
|
|
|
+ v-model="queryParams.year"
|
|
|
|
|
+ type="year"
|
|
|
|
|
+ placeholder="请选择年份"
|
|
|
|
|
+ format="YYYY"
|
|
|
|
|
+ value-format="YYYY"
|
|
|
|
|
+ clearable
|
|
|
|
|
+ @change="handleQuery"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
@@ -42,127 +42,136 @@
|
|
|
<el-row :gutter="10" class="mb8">
|
|
<el-row :gutter="10" class="mb8">
|
|
|
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList">
|
|
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList">
|
|
|
<template #right>
|
|
<template #right>
|
|
|
- <el-button type="primary" icon="Plus" @click="handleAdd" v-hasPermi="['yjjtgl:station:add']">新增站点</el-button>
|
|
|
|
|
- <el-button type="success" icon="Download" @click="handleExport" v-hasPermi="['yjjtgl:station:export']">导出</el-button>
|
|
|
|
|
- <el-button type="warning" icon="Upload" @click="handleImport" v-hasPermi="['yjjtgl:station:import']">导入</el-button>
|
|
|
|
|
- <el-button type="danger" icon="Delete" @click="handleBatchDelete" v-hasPermi="['yjjtgl:station:remove']" :disabled="selectedIds.length === 0">批量删除</el-button>
|
|
|
|
|
|
|
+ <el-button type="primary" icon="Plus" @click="handleAdd" v-hasPermi="['yjjtgl:station:add']">新增站点
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button type="success" icon="Download" @click="handleExport" v-hasPermi="['yjjtgl:station:export']">导出
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button type="warning" icon="Upload" @click="handleImport" v-hasPermi="['yjjtgl:station:import']">导入
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button type="danger" icon="Delete" @click="handleBatchDelete" v-hasPermi="['yjjtgl:station:remove']"
|
|
|
|
|
+ :disabled="selectedIds.length === 0">批量删除
|
|
|
|
|
+ </el-button>
|
|
|
</template>
|
|
</template>
|
|
|
</right-toolbar>
|
|
</right-toolbar>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
|
|
<el-table v-loading="loading" :data="tableData" @selection-change="handleSelectionChange">
|
|
<el-table v-loading="loading" :data="tableData" @selection-change="handleSelectionChange">
|
|
|
- <el-table-column type="selection" width="55" align="center" />
|
|
|
|
|
- <el-table-column type="index" label="序号" width="60" align="center" />
|
|
|
|
|
- <el-table-column prop="stcd" label="测站编码" width="120" />
|
|
|
|
|
- <el-table-column prop="stnm" label="测站名称" width="150" />
|
|
|
|
|
- <el-table-column prop="year" label="年份" width="80" />
|
|
|
|
|
|
|
+ <el-table-column type="selection" width="55" align="center"/>
|
|
|
|
|
+ <el-table-column type="index" label="序号" width="60" align="center"/>
|
|
|
|
|
+ <el-table-column prop="stcd" label="测站编码" width="120"/>
|
|
|
|
|
+ <el-table-column prop="stnm" label="测站名称" width="150"/>
|
|
|
|
|
+ <el-table-column prop="year" label="年份" width="80"/>
|
|
|
<el-table-column prop="sttp" label="站点类型" width="100">
|
|
<el-table-column prop="sttp" label="站点类型" width="100">
|
|
|
<template #default="scope">{{ getSttpLabel(scope.row.sttp) }}</template>
|
|
<template #default="scope">{{ getSttpLabel(scope.row.sttp) }}</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column prop="rvnm" label="河流名称" width="120" />
|
|
|
|
|
- <el-table-column prop="hnnm" label="湖泊名称" width="120" />
|
|
|
|
|
- <el-table-column prop="bsnm" label="水系名称" width="120" />
|
|
|
|
|
- <el-table-column prop="stlc" label="站点位置" width="200" />
|
|
|
|
|
-<!-- <el-table-column prop="lgtd" label="经度" width="130" align="right">-->
|
|
|
|
|
-<!-- <template #default="scope">{{ scope.row.lgtd ? scope.row.lgtd.toFixed(6) : '' }}</template>-->
|
|
|
|
|
-<!-- </el-table-column>-->
|
|
|
|
|
-<!-- <el-table-column prop="lttd" label="纬度" width="130" align="right">-->
|
|
|
|
|
-<!-- <template #default="scope">{{ scope.row.lttd ? scope.row.lttd.toFixed(6) : '' }}</template>-->
|
|
|
|
|
-<!-- </el-table-column>-->
|
|
|
|
|
|
|
+ <el-table-column prop="rvnm" label="河流名称" width="120"/>
|
|
|
|
|
+ <el-table-column prop="hnnm" label="湖泊名称" width="120"/>
|
|
|
|
|
+ <el-table-column prop="bsnm" label="水系名称" width="120"/>
|
|
|
|
|
+ <el-table-column prop="stlc" label="站点位置" width="200"/>
|
|
|
|
|
+ <!-- <el-table-column prop="lgtd" label="经度" width="130" align="right">-->
|
|
|
|
|
+ <!-- <template #default="scope">{{ scope.row.lgtd ? scope.row.lgtd.toFixed(6) : '' }}</template>-->
|
|
|
|
|
+ <!-- </el-table-column>-->
|
|
|
|
|
+ <!-- <el-table-column prop="lttd" label="纬度" width="130" align="right">-->
|
|
|
|
|
+ <!-- <template #default="scope">{{ scope.row.lttd ? scope.row.lttd.toFixed(6) : '' }}</template>-->
|
|
|
|
|
+ <!-- </el-table-column>-->
|
|
|
<el-table-column prop="addvcd" label="数据来源" width="100">
|
|
<el-table-column prop="addvcd" label="数据来源" width="100">
|
|
|
<template #default="scope">{{ getAddvcdLabel(scope.row.addvcd) }}</template>
|
|
<template #default="scope">{{ getAddvcdLabel(scope.row.addvcd) }}</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column prop="jcdw" label="监测单位" width="220" />
|
|
|
|
|
- <el-table-column prop="jcpc" label="监测频次" width="120" />
|
|
|
|
|
- <el-table-column prop="jcxm" label="监测项目" width="150" />
|
|
|
|
|
|
|
+ <el-table-column prop="jcdw" label="监测单位" width="220"/>
|
|
|
|
|
+ <el-table-column prop="jcpc" label="监测频次" width="120"/>
|
|
|
|
|
+ <el-table-column prop="jcxm" label="监测项目" width="150"/>
|
|
|
<el-table-column prop="flag" label="标志" width="80">
|
|
<el-table-column prop="flag" label="标志" width="80">
|
|
|
<template #default="scope">{{ getFlagLabel(scope.row.flag) }}</template>
|
|
<template #default="scope">{{ getFlagLabel(scope.row.flag) }}</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column prop="dbcd" label="数据库编码" width="120" />
|
|
|
|
|
- <el-table-column prop="prov" label="所属省份" width="100" />
|
|
|
|
|
|
|
+ <el-table-column prop="dbcd" label="数据库编码" width="120"/>
|
|
|
|
|
+ <el-table-column prop="prov" label="所属省份" width="100"/>
|
|
|
<el-table-column label="操作" width="200" align="center">
|
|
<el-table-column label="操作" width="200" align="center">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <el-button size="mini" type="primary" icon="Edit" @click="handleEdit(scope.row)" v-hasPermi="['yjjtgl:station:edit']">修改</el-button>
|
|
|
|
|
- <el-button size="mini" type="text" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['yjjtgl:station:remove']">删除</el-button>
|
|
|
|
|
|
|
+ <el-button size="mini" type="primary" icon="Edit" @click="handleEdit(scope.row)"
|
|
|
|
|
+ v-hasPermi="['yjjtgl:station:edit']">修改
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button size="mini" type="text" icon="Delete" @click="handleDelete(scope.row)"
|
|
|
|
|
+ v-hasPermi="['yjjtgl:station:remove']">删除
|
|
|
|
|
+ </el-button>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
</el-table>
|
|
</el-table>
|
|
|
|
|
|
|
|
<pagination
|
|
<pagination
|
|
|
- v-show="total>0"
|
|
|
|
|
- :total="total"
|
|
|
|
|
- :page.sync="queryParams.pageNum"
|
|
|
|
|
- :limit.sync="queryParams.pageSize"
|
|
|
|
|
- @pagination="getList"
|
|
|
|
|
|
|
+ v-show="total>0"
|
|
|
|
|
+ :total="total"
|
|
|
|
|
+ :page.sync="queryParams.pageNum"
|
|
|
|
|
+ :limit.sync="queryParams.pageSize"
|
|
|
|
|
+ @pagination="getList"
|
|
|
/>
|
|
/>
|
|
|
|
|
|
|
|
<!-- 新增/修改弹窗 -->
|
|
<!-- 新增/修改弹窗 -->
|
|
|
<el-dialog title="站点信息" v-model="formVisible" width="700px" append-to-body>
|
|
<el-dialog title="站点信息" v-model="formVisible" width="700px" append-to-body>
|
|
|
<el-form :model="form" ref="formRef" label-width="100px">
|
|
<el-form :model="form" ref="formRef" label-width="100px">
|
|
|
<el-form-item label="测站编码" prop="stcd" required>
|
|
<el-form-item label="测站编码" prop="stcd" required>
|
|
|
- <el-input v-model="form.stcd" :disabled="isEdit" placeholder="请输入测站编码" />
|
|
|
|
|
|
|
+ <el-input v-model="form.stcd" :disabled="isEdit" placeholder="请输入测站编码"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="年份" prop="year" required>
|
|
<el-form-item label="年份" prop="year" required>
|
|
|
- <el-input v-model="form.year" :disabled="isEdit" placeholder="请输入年份" />
|
|
|
|
|
|
|
+ <el-input v-model="form.year" :disabled="isEdit" placeholder="请输入年份"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="测站名称" prop="stnm" required>
|
|
<el-form-item label="测站名称" prop="stnm" required>
|
|
|
- <el-input v-model="form.stnm" placeholder="请输入测站名称" />
|
|
|
|
|
|
|
+ <el-input v-model="form.stnm" placeholder="请输入测站名称"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="站点类型" prop="sttp">
|
|
<el-form-item label="站点类型" prop="sttp">
|
|
|
<el-select v-model="form.sttp" placeholder="请选择站点类型">
|
|
<el-select v-model="form.sttp" placeholder="请选择站点类型">
|
|
|
- <el-option label="水位站" value="SW" />
|
|
|
|
|
- <el-option label="流量站" value="LL" />
|
|
|
|
|
- <el-option label="水质站" value="SZ" />
|
|
|
|
|
|
|
+ <el-option label="水位站" value="SW"/>
|
|
|
|
|
+ <el-option label="流量站" value="LL"/>
|
|
|
|
|
+ <el-option label="水质站" value="SZ"/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="河流名称" prop="rvnm">
|
|
<el-form-item label="河流名称" prop="rvnm">
|
|
|
- <el-input v-model="form.rvnm" placeholder="请输入河流名称" />
|
|
|
|
|
|
|
+ <el-input v-model="form.rvnm" placeholder="请输入河流名称"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="湖泊名称" prop="hnnm">
|
|
<el-form-item label="湖泊名称" prop="hnnm">
|
|
|
- <el-input v-model="form.hnnm" placeholder="请输入湖泊名称" />
|
|
|
|
|
|
|
+ <el-input v-model="form.hnnm" placeholder="请输入湖泊名称"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="水系名称" prop="bsnm">
|
|
<el-form-item label="水系名称" prop="bsnm">
|
|
|
- <el-input v-model="form.bsnm" placeholder="请输入水系名称" />
|
|
|
|
|
|
|
+ <el-input v-model="form.bsnm" placeholder="请输入水系名称"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="站点位置" prop="stlc">
|
|
<el-form-item label="站点位置" prop="stlc">
|
|
|
- <el-input v-model="form.stlc" placeholder="请输入站点位置" />
|
|
|
|
|
|
|
+ <el-input v-model="form.stlc" placeholder="请输入站点位置"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="经度" prop="lgtd">
|
|
<el-form-item label="经度" prop="lgtd">
|
|
|
- <el-input v-model="form.lgtd" placeholder="请输入经度" type="number" />
|
|
|
|
|
|
|
+ <el-input v-model="form.lgtd" placeholder="请输入经度" type="number"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="纬度" prop="lttd">
|
|
<el-form-item label="纬度" prop="lttd">
|
|
|
- <el-input v-model="form.lttd" placeholder="请输入纬度" type="number" />
|
|
|
|
|
|
|
+ <el-input v-model="form.lttd" placeholder="请输入纬度" type="number"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="数据来源" prop="addvcd">
|
|
<el-form-item label="数据来源" prop="addvcd">
|
|
|
<el-select v-model="form.addvcd" placeholder="请选择数据来源">
|
|
<el-select v-model="form.addvcd" placeholder="请选择数据来源">
|
|
|
- <el-option label="江苏" value="JS" />
|
|
|
|
|
- <el-option label="上海" value="SH" />
|
|
|
|
|
- <el-option label="浙江" value="ZJ" />
|
|
|
|
|
|
|
+ <el-option label="江苏" value="JS"/>
|
|
|
|
|
+ <el-option label="上海" value="SH"/>
|
|
|
|
|
+ <el-option label="浙江" value="ZJ"/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="监测单位" prop="jcdw">
|
|
<el-form-item label="监测单位" prop="jcdw">
|
|
|
- <el-input v-model="form.jcdw" placeholder="请输入监测单位" />
|
|
|
|
|
|
|
+ <el-input v-model="form.jcdw" placeholder="请输入监测单位"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="监测频次" prop="jcpc">
|
|
<el-form-item label="监测频次" prop="jcpc">
|
|
|
- <el-input v-model="form.jcpc" placeholder="请输入监测频次" />
|
|
|
|
|
|
|
+ <el-input v-model="form.jcpc" placeholder="请输入监测频次"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="监测项目" prop="jcxm">
|
|
<el-form-item label="监测项目" prop="jcxm">
|
|
|
- <el-input v-model="form.jcxm" placeholder="请输入监测项目" />
|
|
|
|
|
|
|
+ <el-input v-model="form.jcxm" placeholder="请输入监测项目"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="标志" prop="flag">
|
|
<el-form-item label="标志" prop="flag">
|
|
|
<el-select v-model="form.flag" placeholder="请选择标志">
|
|
<el-select v-model="form.flag" placeholder="请选择标志">
|
|
|
- <el-option label="启用" value="1" />
|
|
|
|
|
- <el-option label="停用" value="0" />
|
|
|
|
|
|
|
+ <el-option label="启用" value="1"/>
|
|
|
|
|
+ <el-option label="停用" value="0"/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="数据库编码" prop="dbcd">
|
|
<el-form-item label="数据库编码" prop="dbcd">
|
|
|
- <el-input v-model="form.dbcd" placeholder="请输入数据库编码" />
|
|
|
|
|
|
|
+ <el-input v-model="form.dbcd" placeholder="请输入数据库编码"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="所属省份" prop="prov">
|
|
<el-form-item label="所属省份" prop="prov">
|
|
|
- <el-input v-model="form.prov" placeholder="请输入所属省份" />
|
|
|
|
|
|
|
+ <el-input v-model="form.prov" placeholder="请输入所属省份"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="备注" prop="remark">
|
|
<el-form-item label="备注" prop="remark">
|
|
|
- <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
|
|
|
|
|
|
|
+ <el-input v-model="form.remark" type="textarea" placeholder="请输入备注"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
<template #footer>
|
|
<template #footer>
|
|
@@ -176,22 +185,26 @@
|
|
|
<el-form :model="importForm" ref="importForm" label-width="100px">
|
|
<el-form :model="importForm" ref="importForm" label-width="100px">
|
|
|
<el-form-item label="上传文件">
|
|
<el-form-item label="上传文件">
|
|
|
<el-upload
|
|
<el-upload
|
|
|
- class="upload-demo"
|
|
|
|
|
- drag
|
|
|
|
|
- :action="uploadUrl"
|
|
|
|
|
- :data="{ bizType: importForm.bizType }"
|
|
|
|
|
- :on-success="handleUploadSuccess"
|
|
|
|
|
- :on-error="handleUploadError"
|
|
|
|
|
- :file-list="fileList"
|
|
|
|
|
- accept=".xlsx,.xls"
|
|
|
|
|
- :auto-upload="false"
|
|
|
|
|
- ref="uploadRef"
|
|
|
|
|
|
|
+ class="upload-demo"
|
|
|
|
|
+ drag
|
|
|
|
|
+ :action="uploadUrl"
|
|
|
|
|
+ :data="{ bizType: importForm.bizType }"
|
|
|
|
|
+ :on-success="handleUploadSuccess"
|
|
|
|
|
+ :on-error="handleUploadError"
|
|
|
|
|
+ :file-list="fileList"
|
|
|
|
|
+ accept=".xlsx,.xls"
|
|
|
|
|
+ :auto-upload="false"
|
|
|
|
|
+ ref="uploadRef"
|
|
|
>
|
|
>
|
|
|
- <el-icon class="el-icon--upload"><upload-filled /></el-icon>
|
|
|
|
|
|
|
+ <el-icon class="el-icon--upload">
|
|
|
|
|
+ <upload-filled/>
|
|
|
|
|
+ </el-icon>
|
|
|
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
|
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
|
|
<template #tip>
|
|
<template #tip>
|
|
|
<div class="el-upload__tip">
|
|
<div class="el-upload__tip">
|
|
|
- <el-icon><warning /></el-icon>
|
|
|
|
|
|
|
+ <el-icon>
|
|
|
|
|
+ <warning/>
|
|
|
|
|
+ </el-icon>
|
|
|
<span>仅支持上传Excel文件(.xlsx,.xls)</span>
|
|
<span>仅支持上传Excel文件(.xlsx,.xls)</span>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -211,9 +224,19 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script setup name="YjjtStation">
|
|
<script setup name="YjjtStation">
|
|
|
-import { ref, reactive } from 'vue'
|
|
|
|
|
-import { ElMessage, ElMessageBox } from 'element-plus'
|
|
|
|
|
-import { listStation, getStation, addStation, updateStation, delStation, delStationBatch, exportStation, importStation, importStationTemplate } from '@/api/yjjt/station'
|
|
|
|
|
|
|
+import {ref, reactive} from 'vue'
|
|
|
|
|
+import {ElMessage, ElMessageBox} from 'element-plus'
|
|
|
|
|
+import {
|
|
|
|
|
+ listStation,
|
|
|
|
|
+ getStation,
|
|
|
|
|
+ addStation,
|
|
|
|
|
+ updateStation,
|
|
|
|
|
+ delStation,
|
|
|
|
|
+ delStationBatch,
|
|
|
|
|
+ exportStation,
|
|
|
|
|
+ importStation,
|
|
|
|
|
+ importStationTemplate
|
|
|
|
|
+} from '@/api/yjjt/station'
|
|
|
|
|
|
|
|
const loading = ref(false)
|
|
const loading = ref(false)
|
|
|
const tableData = ref([])
|
|
const tableData = ref([])
|
|
@@ -342,8 +365,8 @@ const submitForm = async () => {
|
|
|
|
|
|
|
|
const handleDelete = async (row) => {
|
|
const handleDelete = async (row) => {
|
|
|
try {
|
|
try {
|
|
|
- await ElMessageBox.confirm('确定删除该站点吗?', '提示', { type: 'warning' })
|
|
|
|
|
- await delStation({ stcd: row.stcd, year: row.year })
|
|
|
|
|
|
|
+ await ElMessageBox.confirm('确定删除该站点吗?', '提示', {type: 'warning'})
|
|
|
|
|
+ await delStation({stcd: row.stcd, year: row.year})
|
|
|
ElMessage.success('删除成功')
|
|
ElMessage.success('删除成功')
|
|
|
getList()
|
|
getList()
|
|
|
} catch (error) {
|
|
} catch (error) {
|
|
@@ -355,7 +378,7 @@ const handleDelete = async (row) => {
|
|
|
|
|
|
|
|
const handleBatchDelete = async () => {
|
|
const handleBatchDelete = async () => {
|
|
|
try {
|
|
try {
|
|
|
- await ElMessageBox.confirm('确定删除选中的站点吗?', '提示', { type: 'warning' })
|
|
|
|
|
|
|
+ await ElMessageBox.confirm('确定删除选中的站点吗?', '提示', {type: 'warning'})
|
|
|
await delStationBatch(selectedIds.value)
|
|
await delStationBatch(selectedIds.value)
|
|
|
ElMessage.success('批量删除成功')
|
|
ElMessage.success('批量删除成功')
|
|
|
getList()
|
|
getList()
|
|
@@ -455,7 +478,53 @@ getList()
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|
|
|
|
|
+.app-container {
|
|
|
|
|
+ padding: 20px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.year-picker {
|
|
|
|
|
+ width: 150px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.source-select {
|
|
|
|
|
+ width: 150px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.type-select {
|
|
|
|
|
+ width: 150px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.mb8 {
|
|
.mb8 {
|
|
|
margin-bottom: 8px;
|
|
margin-bottom: 8px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+:deep(.el-table) {
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+:deep(.el-table th) {
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+:deep(.el-table td) {
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+:deep(.el-form-item__label) {
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+:deep(.el-input__inner) {
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+:deep(.el-button) {
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+:deep(.el-pagination) {
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ margin-top: 15px;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|