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: [
{ required: true, message: "请选择所在路段", trigger: "change" },
],
diseElaDecs:[
{ required: true, message: "请填写详细说明", trigger: "blur" },
]
};
},
isStakeStartRequired() {

View File

@ -2,24 +2,35 @@
* @Author: SunTao 328867980@qq.com
* @Date: 2025-03-25 11:10:16
* @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
* @Description: 地图展示病害-首页
-->
<template>
<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-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-select>
</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>
</div>
<fssm-map class="map-diease-map"></fssm-map>
</div>
</template>
<script>
import { getSegment } from '@/api/xj/mapDisease'
import fssmMap from '@/components/map/fssm-map.vue'
export default {
components: { fssmMap },
@ -29,7 +40,19 @@ export default {
//
queryParams: {
//
segmentId: '',
segmentId: "",
//
maxLength: "",
},
//
rules: {
maxLength: [
{ required: false, message: '请选择路段', trigger: 'blur' },
{
pattern: /^\d+$/,
message: "请输入非负整数",
}
]
},
//
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>
@ -59,10 +104,17 @@ export default {
.map-diease-content {
width: 100%;
height: calc(100vh - 5.3rem);
padding: 0.5rem;
box-sizing: border-box;
.diease-form {
width: 100%;
height: 6%;
}
.map-diease-map {
width: 100%;
height: 100%;
height: 94%;
}
}
</style>