fix:修改详细说明为必填

This commit is contained in:
SunTao 2025-03-25 16:46:10 +08:00
parent 674c19464a
commit 1f73bab9ec
3 changed files with 87 additions and 14 deletions

18
src/api/xj/mapDisease.js Normal file
View File

@ -0,0 +1,18 @@
/*
* @Author: SunTao 328867980@qq.com
* @Date: 2024-10-08 09:26:24
* @LastEditors: SunTao 328867980@qq.com
* @LastEditTime: 2024-11-05 13:40:07
* @FilePath: \znxjxt-ui\src\api\xj\mapDisease.js
* @Description: 巡检信息-病害管理接口
*/
import request from "@/utils/request";
// 路段下拉数据
export function getSegment() {
return request({
url: "/api/v2/segment/selectList",
method: "post",
});
}

View File

@ -506,6 +506,9 @@ export default {
diseRoadPart: [ diseRoadPart: [
{ required: true, message: "请选择所在路段", trigger: "change" }, { required: true, message: "请选择所在路段", trigger: "change" },
], ],
diseElaDecs:[
{ required: true, message: "请填写详细说明", trigger: "blur" },
]
}; };
}, },
isStakeStartRequired() { isStakeStartRequired() {

View File

@ -2,24 +2,35 @@
* @Author: SunTao 328867980@qq.com * @Author: SunTao 328867980@qq.com
* @Date: 2025-03-25 11:10:16 * @Date: 2025-03-25 11:10:16
* @LastEditors: SunTao 328867980@qq.com * @LastEditors: SunTao 328867980@qq.com
* @LastEditTime: 2025-03-25 11:55:23 * @LastEditTime: 2025-03-25 16:25:50
* @FilePath: \znxjxt-ui\src\views\xj\inspection\map-diease\index.vue * @FilePath: \znxjxt-ui\src\views\xj\inspection\map-diease\index.vue
* @Description: 地图展示病害-首页 * @Description: 地图展示病害-首页
--> -->
<template> <template>
<div class="map-diease-content"> <div class="map-diease-content">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px"> <div class="diease-form">
<el-form :model="queryParams" :rules="rules" ref="queryForm" size="small" :inline="true" label-width="100px">
<el-form-item label="道路名称" prop="segmentId"> <el-form-item label="道路名称" prop="segmentId">
<el-select v-model="queryParams.segmentId" placeholder="请选择路段" filterable clearable> <el-select v-model="queryParams.segmentId" placeholder="请选择路段" filterable clearable>
<el-option v-for="item in segmentList" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in segmentList" :key="item.value" :label="item.label" :value="item.value" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="距离" prop="maxLength">
<el-input placeholder="请输入内容" v-model="queryParams.maxLength">
<template slot="prepend">小于:</template>
</el-input>
</el-form-item>
<el-form-item label="">
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">筛选</el-button>
</el-form-item>
</el-form> </el-form>
</div>
<fssm-map class="map-diease-map"></fssm-map> <fssm-map class="map-diease-map"></fssm-map>
</div> </div>
</template> </template>
<script> <script>
import { getSegment } from '@/api/xj/mapDisease'
import fssmMap from '@/components/map/fssm-map.vue' import fssmMap from '@/components/map/fssm-map.vue'
export default { export default {
components: { fssmMap }, components: { fssmMap },
@ -29,7 +40,19 @@ export default {
// //
queryParams: { queryParams: {
// //
segmentId: '', segmentId: "",
//
maxLength: "",
},
//
rules: {
maxLength: [
{ required: false, message: '请选择路段', trigger: 'blur' },
{
pattern: /^\d+$/,
message: "请输入非负整数",
}
]
}, },
// //
segmentList: [] segmentList: []
@ -51,6 +74,28 @@ export default {
} }
}); });
}, },
/**
* @description: 筛选事件
* @param {*}
* @return {*}
*/
handleQuery() {
this.$refs.queryForm.validate(valid => {
if (valid) {
this.drawMapPoint();
}
});
},
/**
* @description: 绘制点位
* @param {*}
* @return {*}
*/
drawMapPoint() {
}
} }
} }
</script> </script>
@ -59,10 +104,17 @@ export default {
.map-diease-content { .map-diease-content {
width: 100%; width: 100%;
height: calc(100vh - 5.3rem); height: calc(100vh - 5.3rem);
padding: 0.5rem;
box-sizing: border-box;
.diease-form {
width: 100%;
height: 6%;
}
.map-diease-map { .map-diease-map {
width: 100%; width: 100%;
height: 100%; height: 94%;
} }
} }
</style> </style>