Merge remote-tracking branch 'origin/master'
This commit is contained in:
BIN
public/template/各取水点取水量情况表.xlsx
Normal file
BIN
public/template/各取水点取水量情况表.xlsx
Normal file
Binary file not shown.
@@ -23,12 +23,12 @@
|
|||||||
</a-select>
|
</a-select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
<!-- <a-col :lg="6" :md="12" :sm="24" :xs="24">
|
<a-col :lg="6" :md="12" :sm="24" :xs="24">
|
||||||
<a-form-item label="区域:">
|
<a-form-item label="区域:">
|
||||||
<a-select mode="multiple" v-model:value="queryParams.areaList" :options="areaOptions" placeholder="请选择区域">
|
<a-select mode="multiple" v-model:value="queryParams.areaList" :options="areaOptions" placeholder="请选择区域">
|
||||||
</a-select>
|
</a-select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col> -->
|
</a-col>
|
||||||
<a-col :lg="6" :md="12" :sm="24" :xs="24">
|
<a-col :lg="6" :md="12" :sm="24" :xs="24">
|
||||||
<a-form-item label="测点名称:">
|
<a-form-item label="测点名称:">
|
||||||
<a-select mode="multiple" v-model:value="queryParams.placeList" :options="placeOptions" placeholder="请选择测点名称">
|
<a-select mode="multiple" v-model:value="queryParams.placeList" :options="placeOptions" placeholder="请选择测点名称">
|
||||||
@@ -86,8 +86,8 @@
|
|||||||
return {
|
return {
|
||||||
queryParams: {
|
queryParams: {
|
||||||
yearList: ["2021"],
|
yearList: ["2021"],
|
||||||
areaList: [],
|
areaList: ['南宁市'],
|
||||||
placeList: ['广西大学'], // 测点名称
|
placeList: [], // 测点名称
|
||||||
quarterList: [], // 季度
|
quarterList: [], // 季度
|
||||||
regionLevel: '市级', // 区域等级
|
regionLevel: '市级', // 区域等级
|
||||||
xco: '年度' ,// 横坐标
|
xco: '年度' ,// 横坐标
|
||||||
@@ -187,6 +187,7 @@
|
|||||||
value: item.dictDataName,
|
value: item.dictDataName,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
this.areaOptions.unshift({ label: '所有县', value: '所有县'})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 测点名称下拉列表
|
// 测点名称下拉列表
|
||||||
|
|||||||
@@ -29,6 +29,13 @@
|
|||||||
</a-select>
|
</a-select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
|
<a-col :lg="4" :md="8" :sm="24" :xs="24">
|
||||||
|
<a-form-item label="昼夜">
|
||||||
|
<a-select v-model:value="queryParams.timeSlot" allowClear>
|
||||||
|
<a-select-option v-for="(item) in timeSlotOptions" :key="item.value">{{ item.label }}</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
</a-col>
|
||||||
<a-col :lg="4" :md="8" :sm="24" :xs="24">
|
<a-col :lg="4" :md="8" :sm="24" :xs="24">
|
||||||
<a-form-item label="横坐标:">
|
<a-form-item label="横坐标:">
|
||||||
<a-select v-model:value="queryParams.xco" :options="xOptions" allowClear placeholder="请选择横坐标">
|
<a-select v-model:value="queryParams.xco" :options="xOptions" allowClear placeholder="请选择横坐标">
|
||||||
@@ -70,10 +77,12 @@
|
|||||||
areaList: ['南宁市'],
|
areaList: ['南宁市'],
|
||||||
placeList: [],
|
placeList: [],
|
||||||
regionLevel: '市级', // 区域等级
|
regionLevel: '市级', // 区域等级
|
||||||
|
timeSlot: '昼',
|
||||||
xco: '年度' // 横坐标
|
xco: '年度' // 横坐标
|
||||||
},
|
},
|
||||||
trendData: [],
|
trendData: [],
|
||||||
regionLevelOptions: [],
|
regionLevelOptions: [],
|
||||||
|
timeSlotOptions: [],
|
||||||
placeOptions: [],
|
placeOptions: [],
|
||||||
areaOptions: [],
|
areaOptions: [],
|
||||||
yearOptions: [],
|
yearOptions: [],
|
||||||
@@ -112,6 +121,14 @@
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
getColumnOptions("time_slot").then((res) => {
|
||||||
|
this.timeSlotOptions = res.data.data.map((item) => {
|
||||||
|
return {
|
||||||
|
label: item,
|
||||||
|
value: item,
|
||||||
|
};
|
||||||
|
});
|
||||||
|
});
|
||||||
this.getArea()
|
this.getArea()
|
||||||
this.getPlace('市级')
|
this.getPlace('市级')
|
||||||
},
|
},
|
||||||
@@ -136,6 +153,7 @@
|
|||||||
value: item.dictDataName,
|
value: item.dictDataName,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
this.areaOptions.unshift({ label: '所有县', value: '所有县'})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 测点名称下拉列表
|
// 测点名称下拉列表
|
||||||
|
|||||||
@@ -153,6 +153,7 @@
|
|||||||
value: item.dictDataName,
|
value: item.dictDataName,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
this.areaOptions.unshift({ label: '所有县', value: '所有县'})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 测点名称下拉列表
|
// 测点名称下拉列表
|
||||||
|
|||||||
@@ -76,6 +76,7 @@
|
|||||||
<a-menu-item @click="download('县级(在用)地表水饮用水','xlsm')" > 县级(在用)地表水饮用水 </a-menu-item>
|
<a-menu-item @click="download('县级(在用)地表水饮用水','xlsm')" > 县级(在用)地表水饮用水 </a-menu-item>
|
||||||
<a-menu-item @click="download('县级(备用、规划)地表水饮用水','xls')"> 县级(备用、规划)地表水饮用水 </a-menu-item>
|
<a-menu-item @click="download('县级(备用、规划)地表水饮用水','xls')"> 县级(备用、规划)地表水饮用水 </a-menu-item>
|
||||||
<a-menu-item @click="download('县级地下水饮用水','xlsx')" > 县级地下水饮用水 </a-menu-item>
|
<a-menu-item @click="download('县级地下水饮用水','xlsx')" > 县级地下水饮用水 </a-menu-item>
|
||||||
|
<a-menu-item @click="download('各取水点取水量情况表','xlsx')" > 各取水点取水量取水量表 </a-menu-item>
|
||||||
</a-menu>
|
</a-menu>
|
||||||
</template>
|
</template>
|
||||||
<a-button type="primary" style="left: 60px">
|
<a-button type="primary" style="left: 60px">
|
||||||
|
|||||||
@@ -162,8 +162,9 @@
|
|||||||
>
|
>
|
||||||
</a-popconfirm>
|
</a-popconfirm>
|
||||||
<a-upload
|
<a-upload
|
||||||
:before-upload="importWaterWithdrawal"
|
:before-upload="file=>importWaterWithdrawal(file,record)"
|
||||||
:showUploadList="false"
|
:showUploadList="false"
|
||||||
|
|
||||||
accept=".xls,.xlsx,.csv"
|
accept=".xls,.xlsx,.csv"
|
||||||
>
|
>
|
||||||
<a-button
|
<a-button
|
||||||
@@ -333,7 +334,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
/*市级取水量导入 */
|
/*市级取水量导入 */
|
||||||
importWaterWithdrawal(file) {
|
importWaterWithdrawal(file,record) {
|
||||||
const hide = this.$message.loading("导入中..", 0);
|
const hide = this.$message.loading("导入中..", 0);
|
||||||
let reader = new FileReader();
|
let reader = new FileReader();
|
||||||
|
|
||||||
@@ -343,23 +344,29 @@ export default {
|
|||||||
let workbook = XLSX.read(data, {
|
let workbook = XLSX.read(data, {
|
||||||
type: "array",
|
type: "array",
|
||||||
});
|
});
|
||||||
//0.昼间数据 1.夜间数据 2.其他信息
|
|
||||||
// let sheetNames = workbook.SheetNames;
|
let sheetNames = workbook.SheetNames;
|
||||||
// 解析成二维数组
|
// 解析成二维数组
|
||||||
let aoa1 = XLSX.utils.sheet_to_json(workbook.Sheets["Sheet1"], {
|
let aoa1 = XLSX.utils.sheet_to_json(
|
||||||
|
workbook.Sheets[sheetNames[0]], {
|
||||||
header: 1,
|
header: 1,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
const drinkingWaterList = aoa1.filter((item) => {
|
const drinkingWaterList = aoa1.filter((item) => {
|
||||||
return (
|
return (
|
||||||
item[0] && !item[0].includes("取水点") && !item[0].includes("合计")
|
item[0] && !item[0].includes("取水点") && !item[0].includes("合计")
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
const id=record.drinkingWaterBillId;
|
||||||
|
|
||||||
|
// drinkingWaterList.drinkingWaterBillId=record.drinkingWaterBillId;
|
||||||
// 解析成对象数组
|
// 解析成对象数组
|
||||||
// const billName1 = file.name;
|
// const billName1 = file.name;
|
||||||
const billData1 = utils.importWaterWithdrawalData(drinkingWaterList);
|
const billData1 = utils.importWaterWithdrawalData(drinkingWaterList);
|
||||||
console.log(billData1);
|
// console.log(drinkingWaterList.length);
|
||||||
// console.log(billData1.place);
|
// console.log(billData1.place);
|
||||||
if (!billData1 || billData1.length == 0) {
|
if (!billData1 || billData1.length == 0) {
|
||||||
hide();
|
hide();
|
||||||
@@ -369,9 +376,11 @@ export default {
|
|||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (billData1.length > 0) {
|
if (billData1.length > 0) {
|
||||||
updateWaterWithdrawal({
|
updateWaterWithdrawal({
|
||||||
|
// drinkingWaterBillId:record.drinkingWaterBillId,
|
||||||
|
drinkingWaterBillId:id,
|
||||||
drinkingWaterList: billData1,
|
drinkingWaterList: billData1,
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
@@ -384,7 +393,7 @@ export default {
|
|||||||
Modal.error({
|
Modal.error({
|
||||||
title: "导入失败",
|
title: "导入失败",
|
||||||
content: "数据上传出错1",
|
content: "数据上传出错1",
|
||||||
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -397,7 +406,7 @@ export default {
|
|||||||
.finally(() => {
|
.finally(() => {
|
||||||
hide();
|
hide();
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
// if (billData1.length > 0) {
|
// if (billData1.length > 0) {
|
||||||
// // 上传到服务器
|
// // 上传到服务器
|
||||||
@@ -633,4 +642,4 @@ export default {
|
|||||||
.editable-cell:hover .editable-cell-icon {
|
.editable-cell:hover .editable-cell-icon {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -50,7 +50,18 @@
|
|||||||
<a-form-item label="点位名称" name="sectionName">
|
<a-form-item label="点位名称" name="sectionName">
|
||||||
<a-input v-model:value="form.sectionName" placeholder="请输入点位名称" allow-clear />
|
<a-input v-model:value="form.sectionName" placeholder="请输入点位名称" allow-clear />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
<a-form-item label="经度" name="longitude">
|
||||||
|
<a-input v-model:value="form.longitude" placeholder="请输入点位经度" allow-clear />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="纬度" name="latitude">
|
||||||
|
<a-input v-model:value="form.latitude" placeholder="请输入点位纬度" allow-clear />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="类别" name="type">
|
||||||
|
<a-input v-model:value="form.type" placeholder="请输入类别" allow-clear />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="排序" name="sort">
|
||||||
|
<a-input-number v-model:value="form.sort" placeholder="请输入排序" allow-clear />
|
||||||
|
</a-form-item>
|
||||||
</a-form>
|
</a-form>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
<!-- 表格 -->
|
<!-- 表格 -->
|
||||||
@@ -136,6 +147,23 @@
|
|||||||
title: "点位名称",
|
title: "点位名称",
|
||||||
dataIndex: "sectionName",
|
dataIndex: "sectionName",
|
||||||
sorter: true,
|
sorter: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "点位经度",
|
||||||
|
dataIndex: "longitude",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "点位纬度",
|
||||||
|
dataIndex: "latitude",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "类别",
|
||||||
|
dataIndex: "type",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "排序",
|
||||||
|
dataIndex: "sort",
|
||||||
|
sorter: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "操作",
|
title: "操作",
|
||||||
@@ -171,6 +199,22 @@
|
|||||||
required: true,
|
required: true,
|
||||||
message: '请输入点位名称'
|
message: '请输入点位名称'
|
||||||
}],
|
}],
|
||||||
|
longitude: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入点位经度'
|
||||||
|
}],
|
||||||
|
latitude: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入点位纬度'
|
||||||
|
}],
|
||||||
|
type: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入类型'
|
||||||
|
}],
|
||||||
|
sort: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入排序'
|
||||||
|
}],
|
||||||
},
|
},
|
||||||
yearOptions: [],
|
yearOptions: [],
|
||||||
showNYear: false,
|
showNYear: false,
|
||||||
|
|||||||
@@ -107,7 +107,18 @@
|
|||||||
<a-form-item label="水期代码" name="waterCode">
|
<a-form-item label="水期代码" name="waterCode">
|
||||||
<a-input v-model:value="form.waterCode" placeholder="请输入水期代码" allow-clear />
|
<a-input v-model:value="form.waterCode" placeholder="请输入水期代码" allow-clear />
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
<a-form-item label="经度" name="longitude">
|
||||||
|
<a-input v-model:value="form.longitude" placeholder="请输入点位经度" allow-clear />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="纬度" name="latitude">
|
||||||
|
<a-input v-model:value="form.latitude" placeholder="请输入点位纬度" allow-clear />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="类别" name="type">
|
||||||
|
<a-input v-model:value="form.type" placeholder="请输入类别" allow-clear />
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item label="排序" name="sort">
|
||||||
|
<a-input-number v-model:value="form.sort" placeholder="请输入排序" allow-clear />
|
||||||
|
</a-form-item>
|
||||||
</a-form>
|
</a-form>
|
||||||
</a-modal>
|
</a-modal>
|
||||||
<!-- 表格 -->
|
<!-- 表格 -->
|
||||||
@@ -251,6 +262,23 @@ export default {
|
|||||||
title: "水期代码",
|
title: "水期代码",
|
||||||
dataIndex: "waterCode",
|
dataIndex: "waterCode",
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: "点位经度",
|
||||||
|
dataIndex: "longitude",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "点位纬度",
|
||||||
|
dataIndex: "latitude",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "类别",
|
||||||
|
dataIndex: "type",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "排序",
|
||||||
|
dataIndex: "sort",
|
||||||
|
sorter: true,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: "操作",
|
title: "操作",
|
||||||
key: "action",
|
key: "action",
|
||||||
@@ -276,7 +304,23 @@ export default {
|
|||||||
year: [{required: true, message: '请输入年份'}],
|
year: [{required: true, message: '请输入年份'}],
|
||||||
sectionName:[{
|
sectionName:[{
|
||||||
required:true,message: "请输入点位名称",
|
required:true,message: "请输入点位名称",
|
||||||
}]
|
}],
|
||||||
|
longitude: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入点位经度'
|
||||||
|
}],
|
||||||
|
latitude: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入点位纬度'
|
||||||
|
}],
|
||||||
|
type: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入类型'
|
||||||
|
}],
|
||||||
|
sort: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入排序'
|
||||||
|
}],
|
||||||
},
|
},
|
||||||
yearOptions: [],
|
yearOptions: [],
|
||||||
showNYear:false,
|
showNYear:false,
|
||||||
|
|||||||
Reference in New Issue
Block a user