gxwebsoft/jczxw-java
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

导入跳转

Browse Source
This commit is contained in:
weicw
2021-10-24 17:00:41 +08:00
parent 2a59762ef5
commit e3b8cafdac
45 changed files with 2856 additions and 2972 deletions
Download Patch File Download Diff File Expand all files Collapse all files

197
src/views/sound/function/dict/place.vue
View File

@@ -71,8 +71,11 @@
<a-form-item label="点位编码" name="placeCode">
<a-input v-model:value="form.placeCode" placeholder="请输入点位编码" allow-clear />
</a-form-item>
<a-form-item label="测点高度" name="placeHeight">
<a-input v-model:value="form.placeHeight" placeholder="请输入测点高度" allow-clear />
<a-form-item label="所属路段" name="road">
<a-input v-model:value="form.road" placeholder="请输入所属路段" allow-clear />
</a-form-item>
<a-form-item label="所属城区" name="area">
<a-input v-model:value="form.area" placeholder="请输入所属城区" allow-clear />
</a-form-item>
<a-form-item label="功能区类型" name="functionType">
<a-input v-model:value="form.functionType" placeholder="请输入功能区类型" allow-clear />
@@ -80,38 +83,17 @@
<a-form-item label="功能区代码" name="functionCode">
<a-input v-model:value="form.functionCode" placeholder="请输入功能区代码" allow-clear />
</a-form-item>
<a-form-item label="测点高度" name="placeHeight">
<a-input v-model:value="form.placeHeight" placeholder="请输入测点高度" allow-clear />
</a-form-item>
<a-form-item label="测点经度" name="placeLng">
<a-input v-model:value="form.placeLng" placeholder="请输入测点经度" allow-clear />
<a-input type="number" v-model:value="form.placeLng" placeholder="请输入测点经度" allow-clear />
</a-form-item>
<a-form-item label="测点纬度" name="placeLat">
<a-input v-model:value="form.placeLat" placeholder="请输入测点纬度" allow-clear />
<a-input type="number" v-model:value="form.placeLat" placeholder="请输入测点纬度" allow-clear />
</a-form-item>
<a-form-item label="测点参照物" name="refObj">
<a-input v-model:value="form.refObj" placeholder="请输入测点参照物" allow-clear />
</a-form-item>
<a-form-item label="监测站名" name="station">
<a-input v-model:value="form.station" placeholder="请输入监测站名" allow-clear />
</a-form-item>
<a-form-item label="监测仪器型号" name="monitorInstrumentModel">
<a-input v-model:value="form.monitorInstrumentModel" placeholder="请输入测监测仪器型号" allow-clear />
</a-form-item>
<a-form-item label="监测仪器编号" name="monitorInstrumentCode">
<a-input v-model:value="form.monitorInstrumentCode" placeholder="请输入监测仪器编号" allow-clear />
</a-form-item>
<a-form-item label="监测前校准值" name="beforeMonitorValue">
<a-input v-model:value="form.beforeMonitorValue" placeholder="请输入监测前校准值" allow-clear />
</a-form-item>
<a-form-item label="监测后校准值" name="afterMonitorValue">
<a-input v-model:value="form.afterMonitorValue" placeholder="请输入监测后校准值" allow-clear />
</a-form-item>
<a-form-item label="声校准器测量声压值" name="soundPressureValue">
<a-input v-model:value="form.soundPressureValue" placeholder="请输入声校准器测量声压值" allow-clear />
</a-form-item>
<a-form-item label="声校准仪器型号" name="soundInstrumentModel">
<a-input v-model:value="form.soundInstrumentModel" placeholder="请输入声校准仪器型号" allow-clear />
</a-form-item>
<a-form-item label="声校准仪器编号" name="soundInstrumentCode">
<a-input v-model:value="form.soundInstrumentCode" placeholder="请输入声校准仪器编号" allow-clear />
<a-form-item label="点位等级" name="regionLevel">
<a-input v-model:value="form.regionLevel" placeholder="请输入点位等级" allow-clear />
</a-form-item>
</a-form>
</a-modal>
@@ -156,6 +138,13 @@
>删除
</a-button>
</a-popconfirm>
<a-upload
:before-upload="importFile"
:showUploadList="false"
accept=".xls,.xlsx,.csv"
>
<a-button>导入</a-button>
</a-upload>
<a-button @click="exportData" type="primary">导出</a-button>
</a-space>
</template>
@@ -195,9 +184,11 @@ import {
removePlace,
removeBatchPlace,
getColumnOptions,
copyBatchPlace
copyBatchPlace,
savePlaceBatch
} from "@/api/ecology/noise/function-noise-place";
import XLSX from "xlsx";
import {Modal} from "ant-design-vue";
// import moment from "moment";
export default {
name: "FunctionNoisePlace",
@@ -230,62 +221,15 @@ export default {
dataIndex: "functionType",
sorter: true,
},
{
title: "功能区代码",
dataIndex: "functionCode",
sorter: true,
},
{title: "功能区代码",dataIndex: "functionCode",sorter: true, },
{
title: "测点经度",
dataIndex: "placeLng",
sorter: true,
},
{
title: "测点纬度",
dataIndex: "placeLat",
sorter: true,
},
{title: "测点纬度",dataIndex: "placeLat",sorter: true,},
{title: "点位等级",dataIndex: "regionLevel",sorter: true,},
{
title: "测点参照物",
dataIndex: "refObj",
sorter: true,
},
{
title: "监测站名",
dataIndex: "station",
sorter: true,
},
{
title: "监测仪器型号",
dataIndex: "monitorInstrumentModel",
sorter: true,
},
{
title: "监测仪器编号",
dataIndex: "monitorInstrumentCode",
sorter: true,
},
{
title: "监测前校准值",
dataIndex: "beforeMonitorValue",
sorter: true,
},
{
title: "声校准器测量声压值",
dataIndex: "soundPressureValue",
sorter: true,
},
{
title: "声校准仪器型号",
dataIndex: "soundInstrumentModel",
sorter: true,
},
{
title: "声校准仪器编号",
dataIndex: "soundInstrumentCode",
sorter: true,
},
{
title: "操作",
key: "action",
@@ -465,6 +409,97 @@ export default {
hide();
})
},
importFile(file) {
const hide = this.$message.loading("导入中..", 0);
let reader = new FileReader();
reader.onload = (e) => {
try {
let data = new Uint8Array(e.target.result);
let workbook = XLSX.read(data, {
type: "array",
});
let sheetNames = workbook.SheetNames;
// 解析成二维数组
let aoa = XLSX.utils.sheet_to_json(workbook.Sheets[sheetNames[0]], {
header: 1,
});
// const reportDate = aoa[1][0].replace(/[^\d]+/g, "-");
const roadNoiseList = aoa.filter(
(item) => {
return item.length >= 10 && item[0] && !item[0].toString().includes("年")
}
);
// 解析成对象数组
const billData = roadNoiseList.map(item=>{
return {
year:item[0],
placeCode:item[1],
placeName:item[2],
road:item[3],
area:item[4],
functionCode:item[5],
functionType:item[6],
placeHeight:item[7],
placeLng:item[8],
placeLat:item[9],
regionLevel:item[10],
}
});
if (!billData || billData.length == 0) {
hide();
Modal.error({
title: "导入失败",
content: "找不到可用数据",
});
return;
}
if (billData.length > 0) {
// 上传到服务器
savePlaceBatch(billData)
.then((res) => {
if (res.data.code == 0) {
Modal.success({
title: "导入成功",
content: `成功导入${
billData.length
}条数据`,
});
this.reload();
this.getOptions();
} else {
Modal.error({
title: "导入失败",
content: "数据上传出错",
});
}
})
.catch(() => {
Modal.error({
title: "导入失败",
content: "数据上传出错",
});
})
.finally(() => {
hide();
});
}
} catch (error) {
hide();
Modal.error({
title: "导入失败",
content: error.message,
});
}
// console.log(billData);
};
reader.readAsArrayBuffer(file);
return false;
},
},
};