|
@@ -7,6 +7,7 @@
|
|
|
v-model="formInline.anemometerName"
|
|
|
placeholder="请输入测风塔名称"
|
|
|
size="small"
|
|
|
+ class="search-input"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="选择日期:" size="small">
|
|
@@ -27,13 +28,16 @@
|
|
|
<el-button @click="reset" size="small">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- </div>
|
|
|
- <div class="list-page">
|
|
|
- <div class="newly">
|
|
|
- <el-button type="primary" @click="newnuedialog" size="small"
|
|
|
+ <div>
|
|
|
+ <el-button @click="newnuedialog" size="small"
|
|
|
>新增</el-button
|
|
|
>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <div class="list-page">
|
|
|
+ <!-- <div class="newly">
|
|
|
+
|
|
|
+ </div> -->
|
|
|
|
|
|
<el-table
|
|
|
class="center-align-table"
|
|
@@ -66,21 +70,18 @@
|
|
|
>
|
|
|
</el-table-column>
|
|
|
|
|
|
- <el-table-column
|
|
|
- prop="longitude"
|
|
|
- align="center"
|
|
|
- label="经度"
|
|
|
- min-width="150"
|
|
|
- >
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column prop="longitude" align="center" label="经度" min-width="150">
|
|
|
+ <template v-slot="{ row }">
|
|
|
+ {{ row.longitude ? `${row.longitude}°` : '-' }}
|
|
|
+ </template>
|
|
|
+</el-table-column>
|
|
|
+
|
|
|
+<el-table-column prop="latitude" align="center" label="纬度" min-width="150">
|
|
|
+ <template v-slot="{ row }">
|
|
|
+ {{ row.latitude ? `${row.latitude}°` : '-' }}
|
|
|
+ </template>
|
|
|
+</el-table-column>
|
|
|
|
|
|
- <el-table-column
|
|
|
- prop="latitude"
|
|
|
- align="center"
|
|
|
- label="纬度"
|
|
|
- min-width="150"
|
|
|
- >
|
|
|
- </el-table-column>
|
|
|
<el-table-column
|
|
|
prop="state"
|
|
|
align="center"
|
|
@@ -459,61 +460,67 @@ export default {
|
|
|
|
|
|
// 修改的
|
|
|
submitForm(formName) {
|
|
|
- this.$refs[formName].validate((valid) => {
|
|
|
- if (!valid) {
|
|
|
- this.$message.error("请填写必填项");
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- // 处理经纬度格式转换
|
|
|
- let latitude = this.dynamicValidateForm.latitude;
|
|
|
- let longitude = this.dynamicValidateForm.longitude;
|
|
|
+ this.$refs[formName].validate((valid) => {
|
|
|
+ if (!valid) {
|
|
|
+ this.$message.error("请填写必填项");
|
|
|
+ return;
|
|
|
+ }
|
|
|
|
|
|
- // 如果 SFMvalue 为 2(表示使用度分秒格式),则转换经纬度
|
|
|
- if (this.SFMvalue === "2") {
|
|
|
- latitude = this.$convertDMSToDecimal(latitude);
|
|
|
- longitude = this.$convertDMSToDecimal(longitude);
|
|
|
- }
|
|
|
+ // 处理经纬度格式转换
|
|
|
+ let latitude = this.dynamicValidateForm.latitude;
|
|
|
+ let longitude = this.dynamicValidateForm.longitude;
|
|
|
|
|
|
- // 构建提交参数
|
|
|
- let paramsData = {
|
|
|
- anemometerName: this.dynamicValidateForm.anemometerName,
|
|
|
- latitude: latitude, // 使用转换后的纬度
|
|
|
- longitude: longitude, // 使用转换后的经度
|
|
|
- };
|
|
|
+ // 如果 SFMvalue 为 2(表示使用度分秒格式),则转换经纬度
|
|
|
+ if (this.SFMvalue === "2") {
|
|
|
+ latitude = this.$convertDMSToDecimal(latitude);
|
|
|
+ longitude = this.$convertDMSToDecimal(longitude);
|
|
|
+ }
|
|
|
|
|
|
- let API;
|
|
|
- if (!this.isEdit) {
|
|
|
- // 新增操作
|
|
|
- paramsData.anemometerTowerHeightDtoList = this.dynamicValidateForm.anemometerTowerHeightDtoList;
|
|
|
- API = createAnemometerTower(paramsData);
|
|
|
- } else {
|
|
|
- // 编辑操作
|
|
|
- paramsData.anemometerTowerHeightListDtos = this.dynamicValidateForm.anemometerTowerHeightDtoList;
|
|
|
- paramsData.anemometerCode = this.detail.anemometerCode;
|
|
|
- API = updateAnemometerTower(paramsData);
|
|
|
- }
|
|
|
+ // 构建提交参数
|
|
|
+ let paramsData = {
|
|
|
+ anemometerName: this.dynamicValidateForm.anemometerName,
|
|
|
+ latitude: latitude, // 使用转换后的纬度
|
|
|
+ longitude: longitude, // 使用转换后的经度
|
|
|
+ };
|
|
|
+
|
|
|
+ let API;
|
|
|
+ if (!this.isEdit) {
|
|
|
+ // 新增操作
|
|
|
+ paramsData.anemometerTowerHeightDtoList =
|
|
|
+ this.dynamicValidateForm.anemometerTowerHeightDtoList;
|
|
|
+ API = createAnemometerTower(paramsData);
|
|
|
+ } else {
|
|
|
+ // 编辑操作
|
|
|
+ paramsData.anemometerTowerHeightListDtos =
|
|
|
+ this.dynamicValidateForm.anemometerTowerHeightDtoList;
|
|
|
+ paramsData.anemometerCode = this.detail.anemometerCode;
|
|
|
+ API = updateAnemometerTower(paramsData);
|
|
|
+ }
|
|
|
|
|
|
- API.then((res) => {
|
|
|
- this.nuedialog = false;
|
|
|
- if (this.isEdit) {
|
|
|
- this.isEdit = false;
|
|
|
- this.$message.success("编辑成功");
|
|
|
- } else {
|
|
|
- this.$message.success("新增成功");
|
|
|
- }
|
|
|
- this.onSubmit();
|
|
|
- }).catch((error) => {
|
|
|
- console.error(error); // 捕获 API 错误
|
|
|
- });
|
|
|
- });
|
|
|
-},
|
|
|
- // xz
|
|
|
- addDomain() {
|
|
|
- this.dynamicValidateForm.anemometerTowerHeightDtoList.push({
|
|
|
- anemometerHeight: "",
|
|
|
+ API.then((res) => {
|
|
|
+ this.nuedialog = false;
|
|
|
+ if (this.isEdit) {
|
|
|
+ this.isEdit = false;
|
|
|
+ this.$message.success("编辑成功");
|
|
|
+ } else {
|
|
|
+ this.$message.success("新增成功");
|
|
|
+ }
|
|
|
+ this.onSubmit();
|
|
|
+ }).catch((error) => {
|
|
|
+ console.error(error); // 捕获 API 错误
|
|
|
+ });
|
|
|
});
|
|
|
},
|
|
|
+ // xz
|
|
|
+ addDomain() {
|
|
|
+ if (this.dynamicValidateForm.anemometerTowerHeightDtoList.length >= 9) {
|
|
|
+ this.$message.warning("测风塔最多添加9个高度");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.dynamicValidateForm.anemometerTowerHeightDtoList.push({
|
|
|
+ anemometerHeight: "",
|
|
|
+ });
|
|
|
+ },
|
|
|
// 删除
|
|
|
removeTower(index) {
|
|
|
this.dynamicValidateForm.anemometerTowerHeightDtoList.splice(index, 1);
|
|
@@ -577,7 +584,7 @@ export default {
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
.condition {
|
|
|
- width: 50%;
|
|
|
+ // width: 50%;
|
|
|
display: flex;
|
|
|
|
|
|
p {
|
|
@@ -613,7 +620,12 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.el-select{
|
|
|
+.el-select {
|
|
|
width: 300px;
|
|
|
}
|
|
|
+
|
|
|
+.condition{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
</style>
|