内蒙运维系统-应急系统20240221

pages/yjxt/check/dangerareacheck.vue

@@ -0,0 +1,649 @@
+<!--
+*危险区现场巡查
+*
+-->
+<template>
+	<view class="container">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<uni-forms ref="baseForm" :model="formData">
+			<uni-section title="行政区及危险区选择" type="circle">
+				<view class="search-block">
+					<view style="padding-left: 15px;padding-right: 15px;margin-top: 0px;">
+						<uni-forms-item v-if="checkType==1" name="cityRegionValue" label="盟市" label-width="120px"
+							required>
+							<uni-data-select v-model="formData.cityRegionValue" :localdata="cityRegionData"
+								@change="cityRegionChange" :clear="false" placeholder="请选择盟市"></uni-data-select>
+						</uni-forms-item>
+						<uni-forms-item v-if="checkType==1" name="districtRegionValue" label="区旗县" label-width="120px"
+							required>
+							<uni-data-select v-model="formData.districtRegionValue" :localdata="districtRegionData"
+								@change="districtRegionChange" placeholder="请选择区旗县"></uni-data-select>
+						</uni-forms-item>
+						<uni-forms-item v-if="checkType==1" name="townRegionValue" label="乡镇" label-width="120px"
+							required>
+							<uni-data-select v-model="formData.townRegionValue" :localdata="townRegionData"
+								@change="townRegionChange" placeholder="请选择乡镇"></uni-data-select>
+						</uni-forms-item>
+						<uni-forms-item v-if="checkType==1" name="countryRegionValue" label="村" label-width="120px"
+							required>
+							<uni-data-select v-model="formData.countryRegionValue" :localdata="countryRegionData"
+								@change="countryRegionChange" placeholder="请选择村"></uni-data-select>
+						</uni-forms-item>
+						<uni-forms-item name="dangerAreaValue" label="危险区" label-width="120px">
+							<uni-data-select v-model="formData.dangerAreaValue" :localdata="dangerAreaData"
+								@change="dangerAreaChange" placeholder="请选择危险区"></uni-data-select>
+						</uni-forms-item>
+					</view>
+				</view>
+			</uni-section>
+			<uni-section title="定位信息" type="circle">
+				<view style="padding-left: 15px;padding-right: 15px;">
+					<view class="view-flex-inline" style="margin-bottom: 10px;">
+						<view style="width: 100px;">经纬度</view>
+						<view v-if="longitude != '' && latitude != ''">{{longitude}},{{latitude}}</view>
+					</view>
+					<view style="margin-bottom: 5px;font-size: 0.6rem;color:skyblue;">
+						备注：定位地址可进行人工修改</view>
+					<uni-forms-item name='address' label="定位地址" label-width="120px">
+						<uni-easyinput v-model="formData.address" placeholder="请录入定位地址" />
+					</uni-forms-item>
+
+					<uni-forms-item name='riverName' label="山洪沟名称" label-width="120px">
+						<uni-easyinput v-model="formData.riverName" placeholder="请录入山洪沟名称" />
+					</uni-forms-item>
+				</view>
+			</uni-section>
+			<!-- 			<uni-card title="定位信息" :is-shadow="false">
+				<view class="view-flex-inline" style="margin-bottom: 10px;">
+					<view style="width: 100px;">经纬度</view>
+					<view v-if="longitude != '' && latitude != ''">{{longitude}},{{latitude}}</view>
+				</view>
+				<view style="margin-bottom: 5px;font-size: 0.6rem;color:skyblue;">
+					备注：定位地址可进行人工修改</view>
+				<uni-forms-item name='lng' label="定位地址" label-width="80px">
+					<uni-easyinput v-model="formData.address" placeholder="请录入定位地址" />
+				</uni-forms-item>
+			</uni-card> -->
+			<uni-section title="巡查反馈" type="circle">
+				<view style="padding-left: 15px;padding-right: 15px;">
+					<!-- <uni-card title="巡查反馈" :is-shadow="false"> -->
+					<uni-forms-item name="isFlood" label="是否有山洪" label-width="120px" required>
+						<uni-data-checkbox v-model="formData.isFlood" :localdata="checkItems.items"
+							style="padding-top: 4px;">
+						</uni-data-checkbox>
+					</uni-forms-item>
+					<uni-forms-item name="isDamage" label="是否成灾" label-width="120px" required>
+						<uni-data-checkbox v-model="formData.isDamage" :localdata="checkItems.items"
+							style="padding-top: 4px;">
+						</uni-data-checkbox>
+					</uni-forms-item>
+					<uni-forms-item name="isWarn" label="是否发布预警" label-width="120px" required>
+						<uni-data-checkbox v-model="formData.isWarn" :localdata="checkItems.items"
+							style="padding-top: 4px;">
+						</uni-data-checkbox>
+					</uni-forms-item>
+					<uni-forms-item v-if="formData.isWarn==1" name='warnInfo' label="预警信息" label-width="120px">
+						<uni-easyinput v-model="formData.warnInfo" placeholder="请录入预警信息" />
+					</uni-forms-item>
+					<uni-forms-item name="isTransfer" label="是否人员转移" label-width="120px" required>
+						<uni-data-checkbox v-model="formData.isTransfer" :localdata="checkItems.items"
+							style="padding-top: 4px;">
+						</uni-data-checkbox>
+					</uni-forms-item>
+					<uni-forms-item v-if="formData.isTransfer==1" name='transferInfo' label="人员转移信息"
+						label-width="120px">
+						<uni-easyinput v-model="formData.transferInfo" placeholder="请录入转移人数" />
+					</uni-forms-item>
+					<uni-forms-item name='remark' label="备注" label-width="120px">
+						<uni-easyinput v-model="formData.remark" placeholder="请录入人员转移及人员伤亡、损失等灾害情况" />
+					</uni-forms-item>
+					<!-- </uni-card> -->
+				</view>
+			</uni-section>
+			<uni-section title="巡查图片" sub-title="点击下方按钮开始拍摄" type="circle">
+				<!-- 	<uni-card title="巡查图片" extra="点击下方按钮开始拍摄" :is-shadow="false"> -->
+				<view style="padding-left: 15px;padding-right: 15px;">
+					<view class="view-flex-inline">
+						<view v-for="(item, index) in checkPhotos" :key="index" class="view-flex-block-center"
+							style="width: 100px;">
+							<view class="img-container">
+								<view class="note-image-box">
+									<view class="note-image-item">
+										<view class="close-icon" @click="onCheckPhotoDel(index)">
+											<uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
+										</view>
+										<view class="image-box">
+											<image :src="toOss(item)" mode="widthFix">
+											</image>
+										</view>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view class="view-flex-block-center" style="width: 80px;">
+							<view class="img-container">
+								<view class="note-image-box">
+									<view class="note-image-item" @click="onCheckPhotoAdd()">
+										<view class="image-box">
+											<uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
+										</view>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				<!-- </uni-card> -->
+			</uni-section>
+		</uni-forms>
+		<view class="footer">
+			<view class="control">
+				<view class="view-flex-inline-center">
+					<view class="block"
+						style="width: 120px;height:28px;margin-left: 10px;margin-right: 10px;border-radius:7px;background-color:lightpink"
+						@click="toSubmit()">
+						<view class="view-flex-block-center">
+							<uni-icons class="input-uni-icon" type="checkmarkempty" size="18" color="#999" />
+						</view>
+						<view class="view-flex-block-center" style="padding-left:5px;">
+							<text style="color:black;font-size:0.7rem">立即提交</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		role
+	} from "@/api/role.js";
+	import http from '@/http/api.js';
+	import {
+		oss,
+		devUrl,
+		prodUrl
+	} from '@/common/setting';
+	import {
+		gcoord
+	} from '@/static/js/gcoord.global.prod.js'
+	export default {
+		data() {
+			return {
+				title: '现场巡查',
+				baseURL: '',
+				baseOSS: '',
+				checkType: 0,
+				warnId: '',
+				warnAdcd: '',
+				latitude: '',
+				longitude: '',
+				formData: {
+					cityRegionValue: '',
+					districtRegionValue: '',
+					townRegionValue: '',
+					countryRegionValue: '',
+					dangerAreaValue: '',
+					address: '',
+					riverName: '',
+					isFlood: 0,
+					isDamage: 0,
+					isWarn: 0,
+					isTransfer: 0,
+					warnInfo: '',
+					transferInfo: '',
+					remark: '',
+				},
+				rules: {
+					cityRegionValue: {
+						rules: [{
+							required: true,
+							errorMessage: '必选项',
+						}]
+					},
+					districtRegionValue: {
+						rules: [{
+							required: true,
+							errorMessage: '必选项',
+						}, ]
+					},
+					townRegionValue: {
+						rules: [{
+							required: true,
+							errorMessage: '必选项',
+						}, ]
+					},
+					countryRegionValue: {
+						rules: [{
+							required: true,
+							errorMessage: '必选项',
+						}, ]
+					},
+					isFlood: {
+						rules: [{
+							required: true,
+							errorMessage: '必选项',
+						}, ]
+					},
+					isDamage: {
+						rules: [{
+							required: true,
+							errorMessage: '必选项',
+						}, ]
+					},
+					isWarn: {
+						rules: [{
+							required: true,
+							errorMessage: '必选项',
+						}, ]
+					},
+					isTransfer: {
+						rules: [{
+							required: true,
+							errorMessage: '必选项',
+						}, ]
+					},
+				},
+				checkPhotos: [],
+				checkItems: {
+					items: [{
+						'value': 0,
+						'text': '否'
+					}, {
+						'value': 1,
+						'text': '是'
+					}],
+					current: 0,
+				},
+				cityRegionData: [],
+				districtRegionData: [],
+				townRegionData: [],
+				countryRegionData: [],
+				dangerAreaData: [],
+			}
+		},
+		onLoad(option) {
+			let that = this;
+			this.baseOSS = oss;
+			this.baseURL = process.env.NODE_ENV === 'development' ? devUrl : prodUrl;
+			this.checkType = option.type;
+			if (this.checkType == 2) {
+				this.warnId = option.warnId;
+				this.warnAdcd = option.warnAdcd;
+				this.formData.isWarn = 1;
+			}
+			uni.getLocation({
+				type: 'wgs84',
+				success: function(res) {
+					//console.log('当前位置：' + JSON.stringify(res));
+					that.latitude = res.latitude;
+					that.longitude = res.longitude;
+					that.getAddress(res.longitude, res.latitude);
+				},
+				fail(res) {
+					uni.showModal({
+						content: '获取经纬度失败',
+						showCancel: false
+					});
+				}
+			});
+			if (this.checkType == 1) {
+				this.getCityRegion({});
+			} else if (this.checkType == 2) {
+				this.getDangerAreaList({
+					'adcd': this.warnAdcd
+				})
+			}
+		},
+		computed: {},
+		onShow() {},
+		onReady() {
+			this.$refs.baseForm.setRules(this.rules)
+		},
+		methods: {
+			toOss(path) {
+				let url = this.baseOSS + path;
+				return url;
+			},
+			//返回上一页
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			onBackPress() {
+				// #ifdef APP-PLUS
+				plus.key.hideSoftKeybord();
+				// #endif
+			},
+			getAddress(lng, lat) {
+				let that = this;
+				let url = 'https://apis.map.qq.com/ws/geocoder/v1/?location=' + lat + ',' + lng +
+					'&key=4HYBZ-EB23D-SLC42-HQ5R3-LP3LQ-OZFU5';
+				console.log(url);
+				http.request({
+					url: url,
+					method: 'GET',
+				}).then(res => {
+					//console.log(JSON.stringify(res));
+				}).catch(err => {
+					//console.log(JSON.stringify(err))
+					that.formData.address = err.data.result.address;
+				})
+			},
+			cityRegionChange(e) {
+				this.formData.cityRegionValue = e;
+				this.districtRegionData = [];
+				this.formData.districtRegionValue = '';
+				this.townRegionData = [];
+				this.formData.townRegionValue = '';
+				this.countryRegionData = [];
+				this.formData.countryRegionValue = '';
+				this.dangerAreaData = [];
+				this.formData.dangerAreaValue = '';
+				let p = {
+					'parentCode': this.formData.cityRegionValue
+				}
+				this.getDistrictRegion(p);
+			},
+			districtRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.formData.districtRegionValue = '';
+					this.townRegionData = [];
+					this.formData.townRegionValue = '';
+					this.countryRegionData = [];
+					this.formData.countryRegionValue = '';
+					this.dangerAreaData = [];
+					this.formData.dangerAreaValue = '';
+				} else {
+					this.formData.districtRegionValue = e;
+					this.townRegionData = [];
+					this.formData.townRegionValue = '';
+					this.countryRegionData = [];
+					this.formData.countryRegionValue = '';
+					this.dangerAreaData = [];
+					this.formData.dangerAreaValue = '';
+					let p = {
+						'parentCode': this.formData.districtRegionValue
+					}
+					this.getTownRegion(p);
+				}
+			},
+			townRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.formData.townRegionValue = '';
+					this.countryRegionData = [];
+					this.formData.countryRegionValue = '';
+					this.dangerAreaData = [];
+					this.formData.dangerAreaValue = '';
+				} else {
+					this.formData.townRegionValue = e;
+					this.countryRegionData = [];
+					this.formData.countryRegionValue = '';
+					this.dangerAreaData = [];
+					this.formData.dangerAreaValue = '';
+					let p = {
+						'parentCode': this.formData.townRegionValue
+					}
+					this.getCountryRegion(p);
+				}
+			},
+			countryRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.formData.countryRegionValue = '';
+					this.formData.dangerAreaValue = '';
+					this.dangerAreaData = [];
+				} else {
+					this.formData.countryRegionValue = e;
+					this.formData.dangerAreaValue = '';
+					this.dangerAreaData = [];
+					this.getDangerAreaList({
+						'adcd': this.formData.countryRegionValue
+					})
+				}
+			},
+			dangerAreaChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.formData.dangerAreaValue = '';
+				} else {
+					this.formData.dangerAreaValue = e;
+				}
+			},
+			getCityRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.cityRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getDistrictRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.districtRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getTownRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.townRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getCountryRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.countryRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getDangerAreaList(params = {}) {
+				let postData = Object.assign(params, this.query);
+				let that = this;
+				http.request({
+					url: '/galaxy-business/map/dangerarea/select',
+					method: 'GET',
+					data: postData,
+				}).then(res => {
+					that.dangerAreaData = res.data.map(item => {
+						return {
+							value: item.dangerAreaPid,
+							text: item.dangerAreaName,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			onCheckPhotoAdd() {
+				let that = this;
+				uni.chooseImage({
+					sourceType: ['camera'],
+					sizeType: ['compressed'],
+					success: (res) => {
+						const len = res.tempFilePaths.length;
+						if (len === 1) {
+							res.tempFilePaths.forEach(path => {
+								that.uploadCheckPhoto(path);
+							})
+						} else {
+							uni.showModal({
+								content: '只能选择一张图片，请确认！',
+								showCancel: false
+							});
+						}
+					}
+				})
+			},
+			uploadCheckPhoto(imagePath) {
+				let that = this;
+				uni.showLoading({
+					title: '上传中'
+				});
+				uni.uploadFile({
+					url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
+						uni.getStorageSync('accessToken'),
+					fileType: 'image',
+					filePath: imagePath,
+					name: 'file',
+					success: (uploadFileRes) => {
+						if (uploadFileRes.statusCode == 200) {
+							let data = JSON.parse(uploadFileRes.data);
+							if (data.success) {
+								let path = data.data['name'];
+								that.checkPhotos.push(path);
+							}
+						}
+					},
+					fail: (err) => {
+						console.log(err);
+						reject('err')
+					},
+					complete() {
+						uni.hideLoading()
+					}
+				});
+			},
+			onCheckPhotoDel(index) {
+				this.checkPhotos.splice(index, 1);
+			},
+			toSubmit() {
+				let that = this;
+				this.$refs.baseForm.validate().then(res => {
+					//console.log('表单数据信息1：', res);
+					that.submit();
+				}).catch(err => {
+					//console.log('表单错误信息：', err);
+					uni.showModal({
+						content: "录入错误，请根据提示信息检查录入内容!",
+						showCancel: false,
+						success(res) {
+							if (res.confirm) {
+								//that.$refs.baseForm.clearValidate();
+							}
+						}
+					});
+				})
+			},
+			submit() {
+				let formdata = this.formData;
+				formdata['checkType'] = this.checkType;
+				if (this.checkType == 1) {
+					if (this.formData.countryRegionValue != undefined && this.formData.countryRegionValue != '' && this
+						.formData.countryRegionValue.length > 0) {
+						formdata['adcd'] = this.formData.countryRegionValue;
+					}
+				} else if (this.checkType == 2) {
+					formdata['warnId'] = this.warnId;
+				}
+				if (this.formData.dangerAreaValue != undefined && this.formData.dangerAreaValue != '' && this.formData
+					.dangerAreaValue.length > 0) {
+					formdata['dangerAreaPid'] = this.formData.dangerAreaValue;
+				}
+				formdata['longitude'] = this.longitude;
+				formdata['latitude'] = this.latitude;
+				if (this.checkPhotos.length > 0) {
+					let photos = '';
+					for (let i = 0; i < this.checkPhotos.length; i++) {
+						if (photos.length > 0) {
+							photos = photos + ',';
+						}
+						photos = photos + this.checkPhotos[i];
+					}
+					formdata['checkPhotos'] = photos;
+				}
+				//console.log('toSubmit事件:', JSON.stringify(formdata));
+				let that = this;
+				http.request({
+					url: '/galaxy-business/yj/check/report',
+					method: 'POST',
+					data: formdata
+				}).then(res => {
+					//console.log('res ', JSON.stringify(res));
+					if (res.success) {
+						if (res.code == 200) {
+							//that.clearCache();
+							uni.showModal({
+								content: '巡查信息已成功提交',
+								showCancel: false,
+								success(res) {
+									if (res.confirm) {
+										that.toBack();
+									}
+								}
+							});
+						} else {
+							uni.showModal({
+								content: '提交失败',
+								showCancel: false
+							});
+						}
+					} else {
+						uni.showModal({
+							content: '提交失败',
+							showCancel: false
+						});
+					}
+				}).catch(err => {
+					//	console.log('errr3',JSON.stringify(err));
+					uni.showModal({
+						content: '' + err.data.msg,
+						showCancel: false
+					});
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.container {
+		padding: 0 0 100rpx;
+	}
+</style>

pages/yjxt/check/dangerareacheckdetail.vue

@@ -0,0 +1,157 @@
+<!--
+ * @Title: 
+ * @Description: 巡查历史信息
+ * @Author: swp
+ * @Date: 2022-08-24 10:49:21
+ * @LastEditors: 
+ * @LastEditTime: 2022-08-24 10:49:21
+-->
+<template>
+	<view class="wrap">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="container">
+			<uni-card title="行政区及危险区">
+				<view class="list-item-block">
+					<view class="line">
+						<text class="text text-ellipsis">行政区：{{data.adName}}</text>
+					</view>
+					<view class="line">
+						<text class="text text-ellipsis">危险区：{{data.dangerAreaName}}</text>
+					</view>
+				</view>
+			</uni-card>
+			<uni-card title="定位信息">
+				<view class="list-item-block">
+					<view class="line">
+						<text class="text text-ellipsis">经纬度：{{data.longitude}},{{data.latitude}}</text>
+					</view>
+					<view class="line">
+						<text class="text text-ellipsis">定位地址：{{data.address}}</text>
+					</view>
+					<view class="line">
+						<text class="text text-ellipsis">山洪沟名称：{{data.riverName}}</text>
+					</view>
+				</view>
+			</uni-card>
+			<uni-card title="巡查反馈">
+				<view class="list-item-block">
+					<view class="line">
+						<text v-if="data.isFlood==1" class="text">是否有山洪：有</text>
+						<text v-else class="text">是否有山洪：无</text>
+					</view>
+					<view class="line">
+						<text v-if="data.isDamage==1" class="text">是否成灾：是</text>
+						<text v-else class="text">是否成灾：否</text>
+					</view>
+					<view v-if="data.isWarn ==1" class="line">
+						<text class="text">是否预警：是</text>
+					</view>
+					<view v-else class="line">
+						<text class="text">是否预警：否</text>
+					</view>
+					<view v-if="data.isWarn ==1" class="line">
+						<text class="text">预警信息：{{data.warnInfo}}</text>
+					</view>
+					<view v-if="data.isTransfer ==1" class="line">
+						<text class="text">是否转移：是</text>
+					</view>
+					<view v-else class="line">
+						<text class="text">是否转移：否</text>
+					</view>
+					<view v-if="data.isTransfer ==1" class="line">
+						<text class="text">转移信息：{{data.transferInfo}}</text>
+					</view>
+					<view class="line">
+						<text class="text">备注：{{data.remark}}</text>
+					</view>
+				</view>
+			</uni-card>
+			<uni-card title="巡查照片">
+				<view class="view-flex-cc">
+					<image v-for="(item, index) in checkPhotos" :key="index" class="cover-image" mode="widthFix"
+						style="width: 100%;margin-bottom: 10px;" :src="toOss(item)">
+					</image>
+				</view>
+			</uni-card>
+		</view>
+	</view>
+</template>
+
+<script>
+	// import {
+	// 	role
+	// } from "@/api/role.js";
+	import http from '@/http/api.js';
+	import {
+		oss
+	} from '@/common/setting';
+	export default {
+		components: {},
+		onLoad(option) {
+			let params = {};
+			params['id'] = option.id;
+			this.getDetail(params);
+		},
+		data() {
+			return {
+				title: '巡查详情',
+				pageSize: 10,
+				pageCurrent: 1,
+				total: 0,
+				list: [],
+				query: {},
+				checkPhotos: [],
+				data: {},
+			}
+		},
+		computed: {},
+		onShow() {},
+		methods: {
+			toOss(path) {
+				return oss + path;
+			},
+			//返回上一页
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			// 分页触发
+			pageChange(e) {
+				this.pageCurrent = e.current;
+				this.getPage()
+			},
+			getDetail(params = {}) {
+				//console.log("111" + JSON.stringify(params))
+				let that = this;
+				Object.assign(this.query, params);
+				http.request({
+					url: '/galaxy-business/yj/check/detail',
+					method: 'GET',
+					params: this.query
+				}).then(res => {
+					if (res.success) {
+						//console.log(JSON.stringify(res))
+						that.data = res.data;
+						let photos = res.data['checkPhotos'];
+						if (null != photos && photos.length > 0) {
+							let photoList = photos.split(",");
+							that.checkPhotos = photoList;
+						}
+					}
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

pages/yjxt/check/dangerareachecklist.vue

@@ -0,0 +1,429 @@
+<!--
+ * @Title: 
+ * @Description: 转移人员清单
+ * @Author: swp
+ * @Date: 2022-08-24 10:49:21
+ * @LastEditors: 
+ * @LastEditTime: 2022-08-24 10:49:21
+-->
+<template>
+	<view class="wrap">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="container">
+			<view v-if="type==1">
+				<uni-collapse @change="searchAreaStatus">
+					<uni-collapse-item :show-animation="true" :open="true">
+						<template v-slot:title>
+							<view class="view-flex-block-center" style="height: 40px;width: 100%;">
+								<view class="view-flex-inline-center">
+									<text v-if="showSearch" style="color: coral;font-size: 1rem;">点击收起查询区</text>
+									<text v-else style="color: coral;font-size: 1rem;">点击展开查询区</text>
+								</view>
+							</view>
+						</template>
+					</uni-collapse-item>
+				</uni-collapse>
+				<view v-if="showSearch" class="search-block">
+					<view style="padding-left: 10px;padding-right: 10px;margin-top: 10px;">
+						<view>
+							<uni-data-select v-model="cityRegionValue" :localdata="cityRegionData"
+								@change="cityRegionChange" :clear="false" placeholder="请选择盟市"></uni-data-select>
+						</view>
+						<view style="margin-top: 10px;">
+							<uni-data-select v-model="districtRegionValue" :localdata="districtRegionData"
+								@change="districtRegionChange" placeholder="请选择区旗县"></uni-data-select>
+						</view>
+						<view style="margin-top: 10px;">
+							<uni-data-select v-model="townRegionValue" :localdata="townRegionData"
+								@change="townRegionChange" placeholder="请选择乡镇"></uni-data-select>
+						</view>
+						<view style="margin-top: 10px;">
+							<uni-data-select v-model="countryRegionValue" :localdata="countryRegionData"
+								@change="countryRegionChange" placeholder="请选择村"></uni-data-select>
+						</view>
+						<view style="margin-top: 10px;">
+							<uni-data-select v-model="dangerAreaValue" :localdata="dangerAreaData"
+								@change="dangerAreaChange" placeholder="请选择危险区"></uni-data-select>
+						</view>
+					</view>
+				</view>
+			</view>
+			<view v-if="list.length>0">
+				<uni-list>
+					<uni-list-item v-for="item in list" :key="item.id">
+						<template v-slot:body>
+							<view class="list-item-block">
+								<view v-if="item.checkType == 1" class="line">
+									<text class="content" style="color: blue;">独立巡查</text>
+								</view>
+								<view v-else class="line">
+									<text class="content" style="color: blue;">应急发起巡查</text>
+								</view>
+								<view class="line">
+									<text class="content">巡查时间：{{item.createTime}}</text>
+								</view>
+								<view class="line">
+									<text class="content text-ellipsis">行政区：{{item.adName}}</text>
+								</view>
+								<view class="line">
+									<text class="content text-ellipsis">危险区：{{item.dangerAreaName}}</text>
+								</view>
+								<view v-if="item.isFlood == 0" class="line">
+									<text class="content">是否有山洪：否</text>
+								</view>
+								<view v-else class="line">
+									<text class="content">是否有山洪：有</text>
+								</view>
+								<view v-if="item.isDamage == 0" class="line">
+									<text class="content">是否成灾：否</text>
+								</view>
+								<view v-else class="line">
+									<text class="content">是否成灾：是</text>
+								</view>
+								<view v-if="item.isWarn == 0" class="line">
+									<text class="content">是否预警：否</text>
+								</view>
+								<view v-else class="line">
+									<text class="content">是否预警：是</text>
+								</view>
+								<view v-if="item.isTransfer == 0" class="line">
+									<text class="content">是否转移：否</text>
+								</view>
+								<view v-else class="line">
+									<text class="content">是否转移：是</text>
+								</view>
+								<!-- 					<view class="line">
+									<text class="content text-ellipsis">备注：{{item.remark}}</text>
+								</view> -->
+								<view class="item-button-group" style="padding-right: 10px;">
+									<!-- 					<view class="item-button mid-size" @click="onCheckPhotoClick(item)">
+										<view class="items-line">
+											<uni-icons class="input-uni-icon" type="location" size="18" color="coral" />
+											<text class="button-text">查看图片</text>
+										</view>
+									</view> -->
+									<view class="item-button mid-size" @click="onCheckPhotoClick(item)">
+										<view class="items-line">
+											<uni-icons class="input-uni-icon" type="location" size="18" color="coral" />
+											<text class="button-text">查看详情</text>
+										</view>
+									</view>
+								</view>
+							</view>
+						</template>
+					</uni-list-item>
+				</uni-list>
+				<uni-group>
+					<view class="pagination-block">
+						<uni-pagination show-icon :pageSize="pageSize" :current="pageCurrent" :total="total"
+							@change="pageChange" />
+					</view>
+				</uni-group>
+			</view>
+			<view v-else class="view-flex-inline-center">
+				<view style="margin-top: 10px;color: gray;font-size: 1rem;">暂无数据</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import http from '@/http/api.js';
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '巡查信息',
+				showSearch: true,
+				cityRegionValue: '',
+				cityRegionData: [],
+				districtRegionValue: '',
+				districtRegionData: [],
+				townRegionValue: '',
+				townRegionData: [],
+				countryRegionValue: '',
+				countryRegionData: [],
+				dangerAreaValue: '',
+				dangerAreaData: [],
+				pageSize: 10,
+				pageCurrent: 1,
+				total: 0,
+				list: [],
+				query: {},
+				type: 1,
+				warnId: '',
+			}
+		},
+		computed: {},
+		onLoad(option) {
+			this.type = option.type;
+			this.query = {};
+			if (this.type == 1) {
+				this.getCityRegion({});
+			} else if (this.type == 2) {
+				this.warnId = option.warnId;
+				this.query['warnId'] = this.warnId;
+			}
+		},
+		onShow() {
+			this.pageCurrent = 1;
+			this.getPage();
+		},
+		methods: {
+			//返回上一页
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			searchAreaStatus(e) {
+				if (e.length > 0) {
+					this.showSearch = true;
+				} else {
+					this.showSearch = false;
+				}
+			},
+			cityRegionChange(e) {
+				this.cityRegionValue = e;
+				this.districtRegionData = [];
+				this.districtRegionValue = '';
+				this.townRegionData = [];
+				this.townRegionValue = '';
+				this.countryRegionData = [];
+				this.countryRegionValue = '';
+				this.dangerAreaData = [];
+				this.dangerAreaValue = '';
+				let p = {
+					'parentCode': this.cityRegionValue
+				}
+				this.getDistrictRegion(p);
+				this.query['adcd'] = this.cityRegionValue;
+				this.pageCurrent = 1;
+				this.list = [];
+				this.getPage({});
+			},
+			districtRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.districtRegionValue = '';
+					this.townRegionData = [];
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					this.dangerAreaData = [];
+					this.dangerAreaValue = '';
+					this.query['adcd'] = this.cityRegionValue;
+					this.pageCurrent = 1;
+					this.list = [];
+					this.getPage({});
+				} else {
+					this.districtRegionValue = e;
+					this.townRegionData = [];
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					this.dangerAreaData = [];
+					this.dangerAreaValue = '';
+					let p = {
+						'parentCode': this.districtRegionValue
+					}
+					this.getTownRegion(p);
+					this.query['adcd'] = this.districtRegionValue;
+					this.pageCurrent = 1;
+					this.list = [];
+					this.getPage({});
+				}
+			},
+			townRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					this.dangerAreaData = [];
+					this.dangerAreaValue = '';
+					this.query['adcd'] = this.districtRegionValue;
+					this.pageCurrent = 1;
+					this.list = [];
+					this.getPage({});
+				} else {
+					this.townRegionValue = e;
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					this.dangerAreaData = [];
+					this.dangerAreaValue = '';
+					let p = {
+						'parentCode': this.townRegionValue
+					}
+					this.getCountryRegion(p);
+					this.query['adcd'] = this.townRegionValue;
+					this.pageCurrent = 1;
+					this.list = [];
+					this.getPage({});
+				}
+			},
+			countryRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.countryRegionValue = '';
+					this.dangerAreaValue = '';
+					this.dangerAreaData = [];
+					this.query['adcd'] = this.townRegionValue;
+					this.pageCurrent = 1;
+					this.list = [];
+					this.getPage({});
+				} else {
+					this.countryRegionValue = e;
+					this.dangerAreaValue = '';
+					this.dangerAreaData = [];
+					this.query['adcd'] = this.countryRegionValue;
+					this.getDangerAreaList({})
+					this.pageCurrent = 1;
+					this.list = [];
+					this.getPage({});
+				}
+			},
+			dangerAreaChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.dangerAreaValue = '';
+					this.pageCurrent = 1;
+					this.list = [];
+					this.getPage({});
+				} else {
+					this.dangerAreaValue = e;
+					this.pageCurrent = 1;
+					this.list = [];
+					this.getPage({
+						dangerAreaPid: this.dangerAreaValue
+					});
+				}
+			},
+			getCityRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.cityRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getDistrictRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.districtRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getTownRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.townRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getCountryRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.countryRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getDangerAreaList(params = {}) {
+				let postData = Object.assign(params, this.query);
+				let that = this;
+				http.request({
+					url: '/galaxy-business/map/dangerarea/select',
+					method: 'GET',
+					data: postData,
+				}).then(res => {
+					that.dangerAreaData = res.data.map(item => {
+						return {
+							value: item.dangerAreaPid,
+							text: item.dangerAreaName,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			// 分页触发
+			pageChange(e) {
+				this.pageCurrent = e.current;
+				this.getPage()
+			},
+			onCheckPhotoClick(item) {
+				let url = '/pages/yjxt/check/dangerareacheckdetail?id=' + item.id;;
+				uni.navigateTo({
+					url: url
+				})
+
+			},
+			getPage(params = {}) {
+				const current = this.pageCurrent;
+				const size = this.pageSize;
+				let postData = Object.assign(params, this.query);
+				let that = this;
+				http.request({
+					url: '/galaxy-business/yj/check/page',
+					method: 'GET',
+					params: {
+						current,
+						size,
+					},
+					data: postData,
+				}).then(res => {
+					if (res.data.records != null) {
+						that.list = res.data.records;
+					}
+					this.total = res.data.total;
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

pages/yjxt/check/dangerareawarnchecklist.vue

@@ -0,0 +1,147 @@
+<!--
+ * @Title: 
+ * @Description: 转移人员清单
+ * @Author: swp
+ * @Date: 2022-08-24 10:49:21
+ * @LastEditors: 
+ * @LastEditTime: 2022-08-24 10:49:21
+-->
+<template>
+	<view class="wrap">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="container">
+			<uni-list>
+				<uni-list-item v-for="item in list" :key="item.id">
+					<template v-slot:body>
+						<view class="list-item-block">
+							<view v-if="item.checkType == 1" class="items-line">
+								<text class="item-text-content">独立巡查</text>
+							</view>
+							<view v-else class="items-line">
+								<text class="item-text-content">应急发起巡查</text>
+							</view>
+							<view class="items-line">
+								<text class="item-text-content">经纬度：{{item.longitude}}/{{item.latitude}}</text>
+							</view>
+							<view class="items-line">
+								<text class="item-text-content">巡查时间：{{item.createTime}}</text>
+							</view>
+							<view v-if="item.isFlood == 0" class="items-line">
+								<text class="item-text-content">是否有山洪：否</text>
+							</view>
+							<view v-else class="items-line">
+								<text class="item-text-content">是否有山洪：有</text>
+							</view>
+							<view v-if="item.isDamage == 0" class="items-line">
+								<text class="item-text-content">是否成灾：否</text>
+							</view>
+							<view v-else class="items-line">
+								<text class="item-text-content">是否成灾：是</text>
+							</view>
+							<view class="items-line">
+								<text class="item-text-content">巡查说明：{{item.remark}}</text>
+							</view>
+							<view class="item-button-group" style="padding-right: 10px;">
+								<view class="item-button mid-size" @click="onCheckPhotoClick(item)">
+									<view class="items-line">
+										<uni-icons class="input-uni-icon" type="location" size="18" color="coral" />
+										<text class="button-text">查看图片</text>
+									</view>
+								</view>
+							</view>
+						</view>
+					</template>
+				</uni-list-item>
+			</uni-list>
+			<uni-group>
+				<view class="pagination-block">
+					<uni-pagination show-icon :pageSize="pageSize" :current="pageCurrent" :total="total"
+						@change="pageChange" />
+				</view>
+			</uni-group>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		role
+	} from "@/api/role.js";
+	import http from '@/http/api.js';
+	export default {
+		components: {},
+		onLoad(option) {
+			this.type = option.type;
+			this.warnId = option.warnId;
+			this.query = {};
+			if (this.type == 2) {
+				this.query['warnId'] = this.warnId;
+			}
+			this.getPage();
+		},
+		data() {
+			return {
+				title: '巡查信息',
+				pageSize: 10,
+				pageCurrent: 1,
+				total: 0,
+				list: [],
+				query: {},
+				type: 1,
+				warnId: '',
+			}
+		},
+		computed: {},
+		onShow() {},
+		methods: {
+			//返回上一页
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			// 分页触发
+			pageChange(e) {
+				this.pageCurrent = e.current;
+				this.getPage()
+			},
+			onCheckPhotoClick(item){
+				let url='/pages/yjxt/check/dangerareacheckdetail?id=' + item.id;;
+				uni.navigateTo({
+					url: url
+				})
+			},
+			getPage(params = {}) {
+				const current = this.pageCurrent;
+				const size = this.pageSize;
+				let postData = Object.assign(params, this.query);
+				let that = this;
+				http.request({
+					url: '/galaxy-business/yj/check/page',
+					method: 'GET',
+					params: {
+						current,
+						size,
+					},
+					data: postData,
+				}).then(res => {
+					if (res.data.records != null) {
+						that.list = res.data.records;
+					}
+					this.total = res.data.total;
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

pages/yjxt/dangerarea/dangerarea.vue

@@ -0,0 +1,480 @@
+<!--
+ * @Title: 
+ * @Description: 危险区信息
+ * @Author: swp
+ * @Date: 2022-08-24 10:49:21
+ * @LastEditors: 
+ * @LastEditTime: 2022-08-24 10:49:21
+-->
+<template>
+	<view class="container">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="container">
+			<uni-collapse @change="searchAreaStatus">
+				<uni-collapse-item :show-animation="true" :open="true">
+					<template v-slot:title>
+						<view class="view-flex-block-center" style="height: 40px;width: 100%;">
+							<view class="view-flex-inline-center">
+								<text v-if="showSearch" style="color: coral;">点击收起查询区</text>
+								<text v-else style="color: coral;">点击展开查询区</text>
+							</view>
+						</view>
+					</template>
+				</uni-collapse-item>
+			</uni-collapse>
+			<view v-if="showSearch" class="search-block">
+				<view style="padding-left: 10px;padding-right: 10px;margin-top: 10px;">
+					<view>
+						<uni-data-select v-model="cityRegionValue" :localdata="cityRegionData"
+							@change="cityRegionChange" :clear="false" placeholder="请选择盟市"></uni-data-select>
+					</view>
+					<view style="margin-top: 10px;">
+						<uni-data-select v-model="districtRegionValue" :localdata="districtRegionData"
+							@change="districtRegionChange" placeholder="请选择区旗县"></uni-data-select>
+					</view>
+					<view style="margin-top: 10px;">
+						<uni-data-select v-model="townRegionValue" :localdata="townRegionData"
+							@change="townRegionChange" placeholder="请选择乡镇"></uni-data-select>
+					</view>
+					<view style="margin-top: 10px;">
+						<uni-data-select v-model="countryRegionValue" :localdata="countryRegionData"
+							@change="countryRegionChange" placeholder="请选择村"></uni-data-select>
+					</view>
+					<!-- 					<view style="margin-top: 10px;">
+						<uni-data-select v-model="dangerAreaValue" :localdata="dangerAreaData" @change="dangerAreaChange"
+							placeholder="请选择危险区"></uni-data-select>
+					</view> -->
+				</view>
+				<view class="rtu-code">
+					<uni-easyinput :styles="inputStyles" @input="dangerAreaNameValInput" prefixIcon="search"
+						v-model="dangerAreaNameVal" placeholder="请录入危险区名称">
+					</uni-easyinput>
+				</view>
+				<view class="submit-btn">
+					<button type="default" @click="search">查 询</button>
+				</view>
+			</view>
+
+			<!-- 			<uni-section title="查询" type="line">
+				<view class="search-block">
+					<view class="name">
+						<uni-easyinput :styles="inputStyles" @input="adNameValInput" prefixIcon="search"
+							v-model="adNameVal" placeholder="请输入行政区名称">
+						</uni-easyinput>
+					</view>
+					<view class="name">
+						<uni-easyinput :styles="inputStyles" @input="dangerAreaNameValInput" prefixIcon="search"
+							v-model="dangerAreaNameVal" placeholder="请输入危险区名称">
+						</uni-easyinput>
+					</view>
+					<view class="submit-btn">
+						<button type="default" @click="search">查 询</button>
+					</view>
+				</view>
+			</uni-section> -->
+			<view v-if="list.length>0">
+				<uni-list>
+					<uni-list-item v-for="item in list" :key="item.id">
+						<template v-slot:body>
+							<view class="list-item-block">
+								<view class="line">
+									<text class="title text-ellipsis">{{item.dangerAreaName}}</text>
+								</view>
+								<view class="line" style="margin-top: 5px;">
+									<uni-icons class="input-uni-icon" type="map-pin-ellipse" size="18"
+										color="orangered" />
+									<text class="lable">行政区划：</text>
+									<text class="content" style="color: gray;">{{item.adnm}}</text>
+								</view>
+								<view class="item-button-group">
+									<view class="item-button mid-size" @click="toResidentRegQr(item)">
+										<view class="view-flex-inline-center">
+											<uni-icons class="input-uni-icon" type="scan" size="18" color="coral" />
+											<text class="button-text">群众登记二维码</text>
+										</view>
+									</view>
+<!-- 									<view class="item-button mid-size" @click="toQr(item)">
+										<view class="view-flex-inline-center">
+											<uni-icons class="input-uni-icon" type="scan" size="18" color="coral" />
+											<text class="button-text">危险区二维码</text>
+										</view>
+									</view> -->
+									<view class="item-button mid-size" @click="toMap(item)">
+										<view class="view-flex-inline-center">
+											<uni-icons class="input-uni-icon" type="location" size="18" color="coral" />
+											<text class="button-text">地图查看</text>
+										</view>
+									</view>
+								</view>
+							</view>
+						</template>
+					</uni-list-item>
+				</uni-list>
+				<uni-group>
+					<view class="pagination-block">
+						<uni-pagination show-icon :pageSize="pageSize" :current="pageCurrent" :total="total"
+							@change="pageChange" />
+					</view>
+				</uni-group>
+			</view>
+			<view v-else class="view-flex-inline-center">
+				<view style="margin-top: 10px;color: gray;font-size: 1rem;">暂无数据</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import http from '@/http/api.js';
+	import {
+		devUrl,
+		prodUrl
+	} from '@/common/setting';
+	export default {
+		components: {
+
+		},
+		data() {
+			return {
+				title: '危险区信息',
+				showSearch: true,
+				cityRegionValue: '',
+				cityRegionData: [],
+				districtRegionValue: '',
+				districtRegionData: [],
+				townRegionValue: '',
+				townRegionData: [],
+				countryRegionValue: '',
+				countryRegionData: [],
+				// dangerAreaValue: '',
+				// dangerAreaData: [],
+				pageSize: 10,
+				pageCurrent: 1,
+				total: 0,
+				list: [],
+				query: {},
+				// adNameVal: '',
+				dangerAreaNameVal: '',
+				inputStyles: {
+					color: '#808080',
+					borderColor: '#d3d3d3'
+				},
+			}
+		},
+		computed: {
+
+		},
+		onInit(option) {
+			console.log("onInit")
+		},
+		onLoad(option) {
+			console.log("onLoad")
+			this.getCityRegion({});
+		},
+		onShow() {
+			console.log("onShow")
+			this.pageCurrent = 1;
+			this.getPage();
+		},
+		onReady() {
+			console.log("onReady")
+		},
+		methods: {
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			searchAreaStatus(e) {
+				if (e.length > 0) {
+					this.showSearch = true;
+				} else {
+					this.showSearch = false;
+				}
+			},
+			cityRegionChange(e) {
+				this.cityRegionValue = e;
+				this.districtRegionData = [];
+				this.districtRegionValue = '';
+				this.townRegionData = [];
+				this.townRegionValue = '';
+				this.countryRegionData = [];
+				this.countryRegionValue = '';
+				// this.dangerAreaData = [];
+				// this.dangerAreaValue='';
+				let p = {
+					'parentCode': this.cityRegionValue
+				}
+				this.getDistrictRegion(p);
+				this.pageCurrent = 1;
+				this.list = [];
+				this.query['adcd'] = this.cityRegionValue;
+				this.getPage({});
+			},
+			districtRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.districtRegionValue = '';
+					this.townRegionData = [];
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					//this.dangerAreaData = [];
+					//this.dangerAreaValue='';
+					this.pageCurrent = 1;
+					this.list = [];
+					this.query['adcd'] = this.cityRegionValue;
+					this.getPage({});
+				} else {
+					this.districtRegionValue = e;
+					this.townRegionData = [];
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					//this.dangerAreaData = [];
+					//this.dangerAreaValue='';
+					let p = {
+						'parentCode': this.districtRegionValue
+					}
+					this.getTownRegion(p);
+					this.pageCurrent = 1;
+					this.list = [];
+					this.query['adcd'] = this.districtRegionValue;
+					this.getPage({});
+				}
+			},
+			townRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					//this.dangerAreaData = [];
+					//this.dangerAreaValue='';
+					this.pageCurrent = 1;
+					this.list = [];
+					this.query['adcd'] = this.districtRegionValue;
+					this.getPage({});
+				} else {
+					this.townRegionValue = e;
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					//this.dangerAreaData = [];
+					//this.dangerAreaValue='';
+					let p = {
+						'parentCode': this.townRegionValue
+					}
+					this.getCountryRegion(p);
+					this.pageCurrent = 1;
+					this.list = [];
+					this.query['adcd'] = this.townRegionValue;
+					this.getPage({});
+				}
+			},
+			countryRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.countryRegionValue = '';
+					//this.dangerAreaValue = '';
+					//this.dangerAreaData = [];
+					//this.dangerAreaValue='';
+					this.pageCurrent = 1;
+					this.list = [];
+					this.query['adcd'] = this.townRegionValue;
+					this.getPage({});
+				} else {
+					this.countryRegionValue = e;
+					//this.dangerAreaValue = '';
+					//this.dangerAreaData = [];
+					//this.dangerAreaValue='';
+					// this.getDangerAreaList({
+					// 	'adcd': this.countryRegionValue
+					// })
+					this.pageCurrent = 1;
+					this.list = [];
+					this.query['adcd'] = this.countryRegionValue;
+					this.getPage({});
+				}
+			},
+			// dangerAreaChange(e) {
+			// 	if (e == undefined || e == null || e == '') {
+			// 		this.dangerAreaValue = '';
+			// 		this.pageCurrent = 1;
+			// 		this.list = [];
+			// 		this.getPage({});
+			// 	} else {
+			// 		this.dangerAreaValue = e;
+			// 		this.pageCurrent = 1;
+			// 		this.list = [];
+			// 		this.getPage({
+			// 			dangerAreaPid: this.dangerAreaValue
+			// 		});
+			// 	}
+			// },
+			getCityRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.cityRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getDistrictRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.districtRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getTownRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.townRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getCountryRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.countryRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			// getDangerAreaList(params = {}) {
+			// 	let postData = Object.assign(params, this.query);
+			// 	let that = this;
+			// 	http.request({
+			// 		url: '/galaxy-business/map/dangerarea/select',
+			// 		method: 'GET',
+			// 		data: postData,
+			// 	}).then(res => {
+			// 		that.dangerAreaData = res.data.map(item => {
+			// 			return {
+			// 				value: item.dangerAreaPid,
+			// 				text: item.dangerAreaName,
+			// 			}
+			// 		})
+			// 	}).catch(err => {
+			// 		console.log(err)
+			// 	})
+			// },
+			// adNameValInput(e) {
+			// 	if (e == null || e.length == 0) {
+			// 		this.adNameVal = '';
+			// 	}
+			// },
+			dangerAreaNameValInput(e) {
+				if (e == null || e == '' || e.length == 0) {
+					this.dangerAreaNameVal = '';
+					this.pageCurrent = 1;
+					this.getPage({});
+				}
+			},
+			search() {
+				this.pageCurrent = 1;
+				let params = {};
+				if (this.dangerAreaNameVal != '' && this.dangerAreaNameVal.length > 0) {
+					params['dangerAreaName'] = this.dangerAreaNameVal;
+				}
+				this.getPage(params);
+			},
+			toMap(item) {
+				let url = '/pages/yjxt/dangerarea/dangerareamap?id=' + item.id;
+				uni.navigateTo({
+					url: url
+				})
+			},
+			toQr(item) {
+				let url = '/pages/yjxt/dangerarea/dangerareaqr?qrType=1&id=' + item.dangerAreaPid;
+				uni.navigateTo({
+					url: url
+				})
+			},
+			toResidentRegQr(item) {
+				let url = '/pages/yjxt/dangerarea/dangerareaqr?qrType=2&id=' + item.dangerAreaPid;
+				uni.navigateTo({
+					url: url
+				})
+			},
+			pageChange(e) {
+				this.pageCurrent = e.current;
+				this.getPage()
+			},
+			getPage(params = {}) {
+				// if (this.adNameVal.length > 0) {
+				// 	params['adName'] = this.adNameVal;
+				// }
+				// if (this.dangerAreaNameVal.length > 0) {
+				// 	params['dangerAreaName'] = this.dangerAreaNameVal;
+				// }
+				const current = this.pageCurrent;
+				const size = this.pageSize;
+				let postData = Object.assign(params, this.query);
+				let that = this;
+				http.request({
+					url: '/galaxy-business/map/dangerarea/page',
+					method: 'GET',
+					params: {
+						current,
+						size,
+					},
+					data: postData,
+				}).then(res => {
+					if (res.data.records != null) {
+						that.list = res.data.records;
+					}
+					this.total = res.data.total;
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+		}
+	}
+</script>
+
+<style>
+	.uni-body {
+		font-size: 0.7rem;
+	}
+</style>

pages/yjxt/dangerarea/dangerareamap.vue

@@ -0,0 +1,501 @@
+<!--
+ * @Title: 
+ * @Description: 危险区地图
+ * @Author: swp
+ * @Date: 2022-08-24 10:49:21
+ * @LastEditors: 
+ * @LastEditTime: 2022-08-24 10:49:21
+-->
+<template>
+	<view class="container">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="page-body">
+			<view class="page-section page-section-gap">
+				<map id="myMap" :style="mapStyles" :latitude="latitude" :longitude="longitude" :markers="markets"
+					enable-zoom="true" :polygons="polygons" :polyline="polylines" :scale="scale">
+				</map>
+			</view>
+			<view :style="dataStyles">
+				<uni-collapse @change="searchAreaStatus">
+					<uni-collapse-item :show-animation="true" :open="true">
+						<template v-slot:title>
+							<view class="view-flex-block-center" style="height: 40px;width: 100%;">
+								<view class="view-flex-inline-center">
+									<text v-if="showSearch" style="color: coral;font-size: 1rem;">点击全屏地图</text>
+									<text v-else style="color: coral;font-size: 1rem;">点击还原</text>
+								</view>
+							</view>
+						</template>
+					</uni-collapse-item>
+				</uni-collapse>
+				<view v-if="showSearch">
+					<view class="view-flex-inline" style="color: gray;margin-left: 10px;">图层: </view>
+					<view class="view-flex-inline" style="margin-top: 5px;padding-left: 10px;">
+						<uni-data-checkbox :multiple="true" mode="button" v-model="mapCheck" :localdata="mapItems"
+							@change="mapChange"></uni-data-checkbox>
+					</view>
+					<view class="view-flex-inline" style="color: gray;margin-left: 10px;">关联转移路线: </view>
+					<view class="view-flex-inline" style="margin-top: 5px;">
+						<view v-for="leaveline in leaveLines" :key="leaveline.id"
+							class="view-flex-block-center view-border" style="border-radius: 5px; margin-left: 10px;"
+							@click="onYjDangerAreaLinkLineClick(leaveline)">
+							<view class="view-btn-text text-under-line"
+								style="color: deepskyblue;font-size: 0.7rem;padding-left: 10px;padding-right: 10px;padding-bottom: 2px;">
+								{{leaveline.leaveLineName}}
+							</view>
+						</view>
+					</view>
+					<view class="view-flex-inline" style="color: gray;margin-left: 10px;margin-top: 5px;">关联站点: </view>
+					<view class="view-flex-inline" style="margin-top: 5px;">
+						<view v-for="rtu in rtuPoints" :key="rtu.id" class="view-flex-block-center view-border"
+							style="border-radius: 5px; margin-left: 10px;" @click="onYjDangerAreaLinkRtuClick(rtu)">
+							<view class="view-btn-text text-under-line"
+								style="color: deepskyblue;font-size: 0.7rem;padding-left: 10px;padding-right: 10px;padding-bottom: 2px;">
+								{{rtu.stName}}
+							</view>
+						</view>
+					</view>
+					<view class="view-flex-inline" style="color: gray;margin-left: 10px;margin-top: 5px;">关联家庭户: </view>
+					<view class="view-flex-inline" style="margin-top: 5px;">
+						<view v-if="data.familyCount>0" class="view-flex-block-center view-border"
+							style="border-radius: 5px; margin-left: 10px;" @click="onYjDangerAreaLinkFamilyClick()">
+							<view class="view-btn-text text-under-line"
+								style="color: deepskyblue;font-size: 0.7rem;padding-left: 10px;padding-right: 10px;padding-bottom: 2px;">
+								共有{{data.familyCount}}户
+							</view>
+						</view>
+						<view v-else>
+							<view style="color: deepskyblue;font-size: 0.7rem;padding-left: 10px;">暂无关联家庭户</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	import {
+		gcoord
+	} from '@/static/js/gcoord.global.prod.js'
+	import http from '@/http/api.js';
+	import {
+		devUrl,
+		prodUrl
+	} from '@/common/setting';
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '',
+				id: 0,
+				showSearch: true,
+				areaList: [],
+				areaIndex: 0,
+				latitude: 40.848119,
+				longitude: 111.755426,
+				zoom: true,
+				scale: 13,
+				dangerAreaPoints: [],
+				markets: [],
+				polygons: [],
+				polylines: [],
+				mapStyles: {
+					width: '100%',
+					height: '600px'
+				},
+				dataStyles: {
+					width: '100%',
+					height: '300px',
+				},
+				data: {},
+				mapCheck: [0],
+				mapItems: [{
+						text: '危险区',
+						value: 0
+					},
+					{
+						text: '转移路线',
+						value: 1
+					},
+					{
+						text: '站点',
+						value: 2
+					},
+					{
+						text: '家庭户',
+						value: 3
+					}
+				],
+				leaveLines: [],
+				rtuPoints: [],
+				familyPoints: [],
+				mapContext: null,
+				dangerStatus: '1',
+				isShowDangerArea: true,
+				isShowLine: false,
+				isShowSite: false,
+				isShowFamily: false
+			}
+		},
+		computed: {},
+		onShow() {
+
+		},
+		onLoad(options) {
+			//this.mapContext = uni.createMapContext('myMap', this);
+			this.mapStyles.height = (uni.getWindowInfo().windowHeight - 50 - 300) + "px";
+			this.id = options.id;
+			this.baseURL = process.env.NODE_ENV === 'development' ? devUrl : prodUrl;
+			this.getDetail();
+		},
+		onReady() {
+			//console.log("onReady" + JSON.stringify(uni.getWindowInfo()))
+			//this.mapStyles.height = (uni.getWindowInfo().windowHeight - 75 - 20) + "px";
+			this.mapContext = uni.createMapContext('myMap', this);
+		},
+		methods: {
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			searchAreaStatus(e) {
+				if (e.length > 0) {
+					this.showSearch = true;
+					this.mapStyles.height = (uni.getWindowInfo().windowHeight - 50 - 300) + "px";
+					this.dataStyles.height = "300px";
+				} else {
+					this.showSearch = false;
+					this.mapStyles.height = (uni.getWindowInfo().windowHeight - 50 - 50) + "px";
+					this.dataStyles.height = "50px";
+				}
+			},
+			getDetail() {
+				let that = this;
+				let postData = {};
+				postData['id'] = this.id;
+				http.request({
+					url: '/galaxy-business/map/dangerarea/detail',
+					method: 'GET',
+					data: postData
+				}).then(res => {
+					if (res.data != null) {
+						that.data = res.data;
+						that.title = res.data.dangerAreaName;
+						that.leaveLines = res.data.leaveLines;
+						that.rtuPoints = res.data.rtus;
+						that.familyPoints = res.data.familyPoints;
+						that.dangerStatus = res.data.dangerStatus;
+						that.dangerAreaPoints = res.data.points;
+						let p = {};
+						let ps = res.data.points.map(item => {
+							let l = gcoord.transform(
+								[item.pointLng, item.pointLat],
+								gcoord.WGS84,
+								gcoord.GCJ02
+							);
+							return {
+								latitude: l[1],
+								longitude: l[0],
+							}
+						})
+						p['points'] = ps;
+						let dashArray = [];
+						dashArray.push(4);
+						dashArray.push(10);
+						p['dashArray'] = dashArray;
+						if (res.data.dangerStatus == '1') {
+							p['strokeColor'] = '#FF0000';
+							p['fillColor'] = '#F72C5B7D';
+						} else {
+							p['strokeColor'] = '#FC8452';
+							p['fillColor'] = '#FAC8587D';
+						}
+						that.polygons.push(p);
+
+
+						// let marketPoints = res.data.rtus.map(item => {
+						// 	let rtu = {};
+						// 	rtu['iconPath'] = '/static/images/icon_warning.png';
+						// 	rtu['id'] = parseInt(item.id);
+						// 	let r = gcoord.transform(
+						// 		[item.stLong, item.stLat],
+						// 		gcoord.WGS84,
+						// 		gcoord.GCJ02
+						// 	);
+						// 	rtu['latitude'] = r[1];
+						// 	rtu['longitude'] = r[0];
+						// 	rtu['width'] = 20;
+						// 	rtu['height'] = 20;
+						// 	let label = {};
+						// 	label['content'] = item.stName;
+						// 	label['color'] = '#000000';
+						// 	label['bgColor'] = '#ffffff';
+						// 	label['anchorY'] = -40;
+						// 	label['borderWidth'] = 1;
+						// 	label['borderColor'] = '#ff0000';
+						// 	label['padding'] = 4;
+						// 	rtu['label'] = label;
+						// 	return rtu;
+						// });
+						// that.markets = marketPoints;
+
+
+						let c = gcoord.transform(
+							[res.data.centerPointLng, res.data.centerPointLat],
+							gcoord.WGS84,
+							gcoord.GCJ02
+						);
+						that.latitude = c[1];
+						that.longitude = c[0];
+					}
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			mapChange(e) {
+				let selectDangerArea = false;
+				let selectLine = false;
+				let selectSite = false;
+				let selectFamily = false;
+				for (let i = 0; i < this.mapCheck.length; i++) {
+					let value = this.mapCheck[i];
+					if (value == 0) {
+						selectDangerArea = true;
+					} else if (value == 1) {
+						selectLine = true;
+					} else if (value == 2) {
+						selectSite = true;
+					} else if (value == 3) {
+						selectFamily = true;
+					}
+				}
+				if (selectDangerArea) {
+					if (!this.isShowDangerArea) {
+						let p = {};
+						let ps = this.dangerAreaPoints.map(item => {
+							let l = gcoord.transform(
+								[item.pointLng, item.pointLat],
+								gcoord.WGS84,
+								gcoord.GCJ02
+							);
+							return {
+								latitude: l[1],
+								longitude: l[0],
+							}
+						})
+						p['points'] = ps;
+						let dashArray = [];
+						dashArray.push(4);
+						dashArray.push(10);
+						p['dashArray'] = dashArray;
+						if (this.dangerStatus == '1') {
+							p['strokeColor'] = '#FF0000';
+							p['fillColor'] = '#F72C5B7D';
+						} else {
+							p['strokeColor'] = '#FC8452';
+							p['fillColor'] = '#FAC8587D';
+						}
+						this.polygons.push(p);
+						this.isShowDangerArea = true;
+					}
+				} else {
+					this.polygons = [];
+					this.isShowDangerArea = false;
+				}
+				if (selectLine) {
+					if (!this.isShowLine) {
+						if (this.leaveLines != undefined && this.leaveLines != null && this.leaveLines.length > 0) {
+							let line = this.leaveLines[0];
+							this.getYjDangerAreaLineDetail(line);
+						}
+						this.isShowLine = true;
+					}
+				} else {
+					this.polylines = [];
+					this.isShowLine = false;
+				}
+				let rtus = [];
+				if (selectSite) {
+					rtus = this.rtuPoints.map(item => {
+						let rtu = {};
+						rtu['iconPath'] = '/static/images/icon_warning.png';
+						rtu['id'] = parseInt(item.id);
+						let r = gcoord.transform(
+							[item.stLong, item.stLat],
+							gcoord.WGS84,
+							gcoord.GCJ02
+						);
+						rtu['latitude'] = r[1];
+						rtu['longitude'] = r[0];
+						rtu['width'] = 20;
+						rtu['height'] = 20;
+						let label = {};
+						label['content'] = item.stName;
+						label['color'] = '#000000';
+						label['bgColor'] = '#ffffff';
+						label['anchorY'] = -40;
+						label['borderWidth'] = 1;
+						label['borderColor'] = '#ff0000';
+						label['padding'] = 4;
+						rtu['label'] = label;
+						return rtu;
+					});
+
+					this.isShowSite = true;
+				} else {
+					this.isShowSite = false;
+				}
+				let familys = [];
+				if (selectFamily) {
+					familys = this.familyPoints.map(item => {
+						let rtu = {};
+						rtu['iconPath'] = '/static/images/home.png';
+						rtu['id'] = parseInt(item.id);
+						let r = gcoord.transform(
+							[item.longitude, item.latitude],
+							gcoord.WGS84,
+							gcoord.GCJ02
+						);
+						rtu['latitude'] = r[1];
+						rtu['longitude'] = r[0];
+						rtu['width'] = 20;
+						rtu['height'] = 20;
+						let label = {};
+						label['content'] = item.personName;
+						label['color'] = '#000000';
+						label['bgColor'] = '#ffffff';
+						label['anchorY'] = -40;
+						label['borderWidth'] = 1;
+						label['borderColor'] = '#ff0000';
+						label['padding'] = 4;
+						rtu['label'] = label;
+						return rtu;
+					});
+
+					this.isShowFamily = true;
+				} else {
+					this.isShowFamily = false;
+				}
+				let markets = rtus.concat(familys)
+				console.log(JSON.stringify(markets))
+				this.markets = markets;
+			},
+			onYjDangerAreaLinkLineClick(line) {
+				let that = this;
+				if (this.isShowLine) {
+					this.$nextTick(() => {
+						that.getYjDangerAreaLineDetail(line);
+					})
+				}
+			},
+			getYjDangerAreaLineDetail(line) {
+				let that = this;
+				let postData = {};
+				postData['id'] =line.id;
+				http.request({
+					url: '/galaxy-business/map/leaveline/detail',
+					method: 'GET',
+					data: postData
+				}).then(res => {
+					if (res.data != null) {
+						that.polylines = [];
+						let p = {};
+						let ps = res.data.points.map(item => {
+							let l = gcoord.transform(
+								[item.pointLng, item.pointLat],
+								gcoord.WGS84,
+								gcoord.GCJ02
+							);
+							return {
+								latitude: l[1],
+								longitude: l[0],
+							}
+						})
+						p['points'] = ps;
+						if (that.dangerStatus == '1') {
+							p['color'] = '#FAC858FF';
+						} else {
+							p['color'] = '#F72C5BFF';
+						}
+						p['width'] = 4;
+						that.polylines.push(p);
+						let c = gcoord.transform(
+							[line.centerPointLng, line.centerPointLat],
+							gcoord.WGS84,
+							gcoord.GCJ02
+						);
+						that.mapContext.moveToLocation({
+							longitude: c[0],
+							latitude: c[1],
+							success: (res) => {
+
+							}
+						});
+					}
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			onYjDangerAreaLinkRtuClick(rtu) {
+				let c = gcoord.transform(
+					[rtu.stLong, rtu.stLat],
+					gcoord.WGS84,
+					gcoord.GCJ02
+				);
+				let lat = c[1];
+				let long = c[0];
+				this.mapContext.moveToLocation({
+					longitude: long,
+					latitude: lat,
+					success: (res) => {
+
+					}
+				});
+			},
+			onYjDangerAreaLinkFamilyClick() {
+				let f = this.familyPoints[0];
+				let c = gcoord.transform(
+					[f.longitude, f.latitude],
+					gcoord.WGS84,
+					gcoord.GCJ02
+				);
+				this.mapContext.moveToLocation({
+					longitude: c[0],
+					latitude: c[1],
+					success: (res) => {
+
+					}
+				});
+				// let includePoints = this.familyPoints.map(item => {
+				// 	let p = {};
+				// 	let r = gcoord.transform(
+				// 		[item.longitude, item.latitude],
+				// 		gcoord.WGS84,
+				// 		gcoord.GCJ02
+				// 	);
+				// 	p['latitude'] = r[1];
+				// 	p['longitude'] = r[0];
+				// 	return p;
+				// });
+				// this.mapContext.includePoints({
+				// 	points: includePoints
+				// });
+			}
+		}
+	}
+</script>
+
+<style>
+	/* page {
+		background-color: rgb(240, 242, 244);
+	} */
+	.uni-body {
+		font-size: 0.7rem;
+	}
+</style>

pages/yjxt/dangerarea/dangerareaqr.vue

@@ -0,0 +1,86 @@
+<template>
+	<view class="container">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="page-body">
+			<uni-card :title="dangerAreaName">
+				<image style="width: 100%;" :src="toQr" mode="widthFix"></image>
+			</uni-card>
+		</view>
+	</view>
+</template>
+<script>
+	import http from '@/http/api.js';
+	import {
+		oss
+	} from '@/common/setting';
+	export default {
+		components: {
+		},
+		data() {
+			return {
+				title: '危险区二维码',
+				qrType: 1,
+				dangerAreaName: '',
+				dangerAreaPid: '',
+				baseOSS: '',
+				qrImageUrl: '',
+			}
+		},
+		computed: {
+			toQr() {
+				if (this.qrImageUrl.length > 0) {
+					return this.baseOSS + this.qrImageUrl;
+					return url;
+				} else {
+					return '';
+				}
+			},
+		},
+		onLoad(options) {
+			let that = this;
+			this.baseOSS = oss;
+			this.dangerAreaPid = options.id;
+			this.qrType = options.qrType;
+			let postData = {};
+			postData['dangerAreaPid'] = this.dangerAreaPid;
+			let url = "/galaxy-business/map/dangerarea/qr";
+			if (this.qrType == 2) {
+				this.title = "危险区群众注册二维码";
+				url = "/galaxy-business/map/dangerarea/resident/reg/qr";
+			}
+			http.request({
+				url: url,
+				method: 'GET',
+				data: postData
+			}).then(res => {
+				if (res.data != null) {
+					if (that.qrType == 1) {
+						that.qrImageUrl = res.data.qrUrl;
+					} else if (that.qrType == 2) {
+						that.qrImageUrl = res.data.residentRegQrUrl;
+					}
+					that.dangerAreaName = res.data.dangerAreaName;
+				}
+			}).catch(err => {
+				console.log(err)
+			})
+		},
+		onShow() {
+		},
+		methods: {
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+		}
+	}
+</script>
+
+<style>
+</style>

pages/yjxt/dangerarealeaveline/leaveline.vue

@@ -0,0 +1,169 @@
+<!--
+ * @Title: 
+ * @Description: 转移路线信息
+ * @Author: swp
+ * @Date: 2022-08-24 10:49:21
+ * @LastEditors: 
+ * @LastEditTime: 2022-08-24 10:49:21
+-->
+<template>
+	<view class="container">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="container">
+			<uni-section title="查询" type="line">
+				<view class="search-block">
+					<view class="name">
+						<uni-easyinput :styles="inputStyles" @input="adNameValInput" prefixIcon="search"
+							v-model="adNameVal" placeholder="请输入行政区名称">
+						</uni-easyinput>
+					</view>
+					<view class="name">
+						<uni-easyinput :styles="inputStyles" @input="leaveLineNameValInput" prefixIcon="search"
+							v-model="leaveLineNameVal" placeholder="请输入转移路线名称">
+						</uni-easyinput>
+					</view>
+					<view class="submit-btn">
+						<button type="default" @click="search">查 询</button>
+					</view>
+				</view>
+			</uni-section>
+			<uni-list>
+				<uni-list-item v-for="item in list" :key="item.id">
+					<template v-slot:body>
+						<view class="list-item-block">
+							<view class="line">
+								<text class="title text-ellipsis">{{item.leaveLineName}}</text>
+							</view>
+							<view class="line">
+								<uni-icons class="input-uni-icon" type="map-pin-ellipse" size="18" color="orangered" />
+								<text class="lable">行政区划：</text>
+								<text class="content">{{item.adnm}}</text>
+							</view>
+							<view class="item-button-group">
+								<view class="item-button" @click="toMap(item)">
+									<view class="items-line">
+										<uni-icons class="input-uni-icon" type="location" size="18" color="coral" />
+										<text class="button-text">地图查看</text>
+									</view>
+								</view>
+							</view>
+						</view>
+					</template>
+				</uni-list-item>
+			</uni-list>
+			<uni-group>
+				<view class="pagination-block">
+					<uni-pagination show-icon :pageSize="pageSize" :current="pageCurrent" :total="total"
+						@change="pageChange" />
+				</view>
+			</uni-group>
+		</view>
+	</view>
+</template>
+
+<script>
+	import http from '@/http/api.js';
+	import {
+		oss,
+		devUrl,
+		prodUrl
+	} from '@/common/setting';
+
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '转移路线信息',
+				pageSize: 10,
+				pageCurrent: 1,
+				total: 0,
+				list: [],
+				query: {},
+				adNameVal: '',
+				leaveLineNameVal: '',
+				inputStyles: {
+					color: '#808080',
+					borderColor: '#d3d3d3'
+				},
+			}
+		},
+		computed: {},
+		onLoad(options) {
+			this.id = options.id;
+			this.baseURL = process.env.NODE_ENV === 'development' ? devUrl : prodUrl;
+			this.getPage();
+		},
+		onShow() {},
+		methods: {
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			adNameValInput(e) {
+				if (e == null || e.length == 0) {
+					this.adNameVal = '';
+				}
+			},
+			leaveLineNameValInput(e) {
+				if (e == null || e.length == 0) {
+					this.leaveLineNameVal = '';
+				}
+			},
+			search() {
+				this.pageCurrent = 1;
+				this.getPage();
+			},
+			toMap(item) {
+				let url = '/pages/yjxt/dangerarealeaveline/leavelinemap?id=' + item.id;
+				uni.navigateTo({
+					url: url
+				})
+			},
+			pageChange(e) {
+				this.pageCurrent = e.current;
+				this.getPage()
+			},
+			getPage(params = {}) {
+				if (this.adNameVal.length > 0) {
+					params['adnm'] = this.adNameVal;
+				}
+				if (this.leaveLineNameVal.length > 0) {
+					params['leaveLineName'] = this.leaveLineNameVal;
+				}
+				console.log(JSON.stringify(params))
+				const current = this.pageCurrent;
+				const size = this.pageSize;
+				let postData = Object.assign(params, this.query);
+				let that = this;
+				http.request({
+					url: '/galaxy-business/map/leaveline/page',
+					method: 'GET',
+					params: {
+						current,
+						size,
+					},
+					data: postData,
+				}).then(res => {
+					if (res.data.records != null) {
+						that.list = res.data.records;
+					}
+					this.total = res.data.total;
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+		}
+	}
+</script>
+
+<style>
+	.uni-body {
+		font-size: 0.7rem;
+	}
+</style>

pages/yjxt/dangerarealeaveline/leavelinemap.vue

@@ -0,0 +1,124 @@
+<!--
+ * @Title: 
+ * @Description: 转移路线地图信息
+ * @Author: swp
+ * @Date: 2022-08-24 10:49:21
+ * @LastEditors: 
+ * @LastEditTime: 2022-08-24 10:49:21
+-->
+<template>
+	<view class="container">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="page-body">
+			<view class="page-section page-section-gap">
+				<map :style="mapStyles" :latitude="latitude" :longitude="longitude" :markers="markets"
+					enable-zoom="true" :polyline="polylines" :scale="scale">
+				</map>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	import {
+		gcoord
+	} from '@/static/js/gcoord.global.prod.js'
+	import http from '@/http/api.js';
+	import {
+		pathToBase64,
+		base64ToPath
+	} from '@/js_sdk/mmmm-image-tools/index.js';
+	import {
+		oss,
+		devUrl,
+		prodUrl
+	} from '@/common/setting';
+
+	export default {
+		components: {
+
+		},
+		data() {
+			return {
+				title: '转移路线地图',
+				id: 0,
+				areaList: [],
+				areaIndex: 0,
+				latitude: 40.848119,
+				longitude: 111.755426,
+				zoom: true,
+				scale: 16,
+				markets: [],
+				polylines: [],
+				mapStyles: {
+					width: '100%',
+					height: '600px'
+				},
+			}
+		},
+		computed: {
+		},
+		onShow() {
+		},
+		onLoad(options) {
+			this.mapStyles.height = (uni.getWindowInfo().windowHeight - 50) + "px";
+			this.id = options.id;
+			this.baseURL = process.env.NODE_ENV === 'development' ? devUrl : prodUrl;
+			let that = this;
+			let postData = {};
+			postData['id'] = this.id;
+			http.request({
+				url: '/galaxy-business/map/leaveline/detail',
+				method: 'GET',
+				data: postData
+			}).then(res => {
+				console.log(res)
+				if (res.data != null) {
+					let p = {};
+					let ps = res.data.points.map(item => {
+						let l = gcoord.transform(
+							[item.pointLng, item.pointLat],
+							gcoord.WGS84,
+							gcoord.GCJ02
+						);
+						return {
+							latitude: l[1],
+							longitude: l[0],
+						}
+					})
+					p['points'] = ps;
+					p['color'] = '#EE6666';
+					that.polylines.push(p);
+					let c = gcoord.transform(
+						[res.data.centerPointLng, res.data.centerPointLat],
+						gcoord.WGS84,
+						gcoord.GCJ02
+					);
+					console.log(c)
+					that.latitude = c[1];
+					that.longitude = c[0];
+					that.scale = 16;
+				}
+			}).catch(err => {
+				console.log(err)
+			})
+		},
+		methods: {
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+		}
+	}
+</script>
+
+<style>
+	.uni-body {
+		font-size: 0.7rem;
+	}
+</style>

pages/yjxt/region/region.vue

@@ -0,0 +1,342 @@
+<!--
+ * @Title: 
+ * @Description: 管理工作台
+ * @Author: swp
+ * @Date: 2022-08-24 10:49:21
+ * @LastEditors: 
+ * @LastEditTime: 2022-08-24 10:49:21
+-->
+<template>
+	<view class="container">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<uni-section title="行政区选择" type="line">
+			<view class="search-block">
+				<view style="padding-left: 10px;padding-right: 10px;">
+					<uni-data-select v-model="cityRegionValue" :localdata="cityRegionData" @change="cityRegionChange"
+						:clear="false" placeholder="请选择盟市"></uni-data-select>
+				</view>
+				<view style="padding-left: 10px;padding-right: 10px;margin-top: 10px;">
+					<uni-data-select v-model="districtRegionValue" :localdata="districtRegionData"
+						@change="districtRegionChange" placeholder="请选择区旗县"></uni-data-select>
+				</view>
+				<view style="padding-left: 10px;padding-right: 10px;margin-top: 10px;">
+					<uni-data-select v-model="townRegionValue" :localdata="townRegionData" @change="townRegionChange"
+						placeholder="请选择乡镇"></uni-data-select>
+				</view>
+				<view style="padding-left: 10px;padding-right: 10px;margin-top: 10px;">
+					<uni-data-select v-model="countryRegionValue" :localdata="countryRegionData"
+						@change="countryRegionChange" placeholder="请选择村"></uni-data-select>
+				</view>
+			</view>
+		</uni-section>
+		<view class="search-block">
+			<view class="rtu-code">
+				<uni-easyinput :styles="inputStyles" @input="searchRtuCodeValClear" prefixIcon="search"
+					v-model="searchRtuCodeVal" placeholder="请录入危险区名称">
+				</uni-easyinput>
+			</view>
+			<view class="submit-btn">
+				<button type="default" @click="search">查 询</button>
+			</view>
+		</view>
+		<view v-if="list.length>0">
+			<uni-list>
+				<uni-list-item v-for="item in list" :key="item.id">
+					<template v-slot:body>
+						<view class="list-item-block">
+							<view class="line">
+								<text class="title text-ellipsis text-underline" style="color: blue;"
+									@click="selectDangerArea(item)">{{item.dangerAreaName}}</text>
+							</view>
+							<view class="line" style="margin-top: 5px;">
+								<!-- <uni-icons class="input-uni-icon" type="map-pin-ellipse" size="18" color="orangered" /> -->
+								<text class="lable">所属行政区：</text>
+								<text class="content" style="color: gray;">{{item.adnm}}</text>
+							</view>
+						</view>
+					</template>
+				</uni-list-item>
+			</uni-list>
+			<uni-group>
+				<view class="pagination-block">
+					<uni-pagination show-icon :page-size="pageSize" :current="pageCurrent" :total="total"
+						@change="pageChange" />
+				</view>
+			</uni-group>
+		</view>
+		<view v-else class="view-flex-inline-center">
+			<view style="margin-top: 10px;color: gray;font-size: 1rem;">暂无数据</view>
+		</view>
+	</view>
+	</view>
+</template>
+
+<script>
+	import http from '@/http/api.js';
+	export default {
+		name: 'regionSelect',
+		components: {},
+		data() {
+			return {
+				title: '危险区选择',
+				cityRegionValue: '',
+				districtRegionValue: '',
+				townRegionValue: '',
+				countryRegionValue: '',
+				cityRegionData: [],
+				districtRegionData: [],
+				townRegionData: [],
+				countryRegionData: [],
+				pageSize: 10,
+				pageCurrent: 1,
+				total: 0,
+				list: [],
+				searchRtuCodeVal: '',
+				query: {},
+				inputStyles: {
+					color: '#808080',
+					borderColor: '#d3d3d3'
+				},
+				loading: false,
+				searchViewStyles: {
+					width: '100%',
+					height: '40px'
+				},
+			}
+		},
+		computed: {
+
+		},
+		onInit(option) {
+
+		},
+		onLoad(option) {
+			this.getCityRegion({});
+		},
+		onShow() {
+
+		},
+		onReady() {
+
+		},
+		methods: {
+			//返回上一页
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			// 分页触发
+			pageChange(e) {
+				this.pageCurrent = e.current;
+				let params = {};
+				if (this.searchRtuCodeVal != '' && this.searchRtuCodeVal.length > 0) {
+					params['dangerAreaName'] = this.searchRtuCodeVal;
+				}
+				this.getDangerAreaPage(params);
+			},
+			cityRegionChange(e) {
+				this.cityRegionValue = e;
+				this.districtRegionData = [];
+				this.districtRegionValue = '';
+				this.townRegionData = [];
+				this.townRegionValue = '';
+				this.countryRegionData = [];
+				this.countryRegionValue = '';
+				let p = {
+					'parentCode': this.cityRegionValue
+				}
+				this.getDistrictRegion(p);
+				this.pageCurrent = 1;
+				this.query['adcd'] = this.cityRegionValue;
+				this.getDangerAreaPage({});
+			},
+			districtRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.districtRegionValue = '';
+					this.townRegionData = [];
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					this.pageCurrent = 1;
+					this.query['adcd'] = this.cityRegionValue;
+					this.getDangerAreaPage({});
+				} else {
+					this.districtRegionValue = e;
+					this.townRegionData = [];
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					let p = {
+						'parentCode': this.districtRegionValue
+					}
+					this.getTownRegion(p);
+					this.pageCurrent = 1;
+					this.query['adcd'] = this.districtRegionValue;
+					this.getDangerAreaPage({});
+				}
+			},
+			townRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					this.pageCurrent = 1;
+					this.query['adcd'] = this.districtRegionValue;
+					this.getDangerAreaPage({});
+				} else {
+					this.townRegionValue = e;
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					let p = {
+						'parentCode': this.townRegionValue
+					}
+					this.getCountryRegion(p);
+					this.pageCurrent = 1;
+					this.query['adcd'] = this.townRegionValue;
+					this.getDangerAreaPage({});
+				}
+			},
+			countryRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.countryRegionValue = '';
+					this.pageCurrent = 1;
+					this.query['adcd'] = this.townRegionValue;
+					this.getDangerAreaPage({});
+				} else {
+					this.countryRegionValue = e;
+					this.pageCurrent = 1;
+					this.query['adcd'] = this.countryRegionValue;
+					this.getDangerAreaPage({});
+				}
+			},
+			getCityRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.cityRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getDistrictRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.districtRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getTownRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.townRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getCountryRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.countryRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getDangerAreaPage(params = {}) {
+				const current = this.pageCurrent;
+				const size = this.pageSize;
+				let postData = Object.assign(params, this.query);
+				let that = this;
+				http.request({
+					url: '/galaxy-business/map/dangerarea/page',
+					method: 'GET',
+					params: {
+						current,
+						size,
+					},
+					data: postData,
+				}).then(res => {
+					if (res.data.records != null) {
+						that.list = res.data.records;
+					}
+					this.total = res.data.total;
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			search() {
+				this.pageCurrent = 1;
+				let params = {};
+				if (this.searchRtuCodeVal != '' && this.searchRtuCodeVal.length > 0) {
+					params['dangerAreaName'] = this.searchRtuCodeVal;
+				}
+				this.getDangerAreaPage(params);
+			},
+			searchRtuCodeValClear(e) {
+				if (e == null || e == '' || e.length == 0) {
+					this.searchRtuCodeVal = '';
+					this.getDangerAreaPage({});
+				}
+			},
+			onBackPress() {
+				// #ifdef APP-PLUS
+				plus.key.hideSoftKeybord();
+				// #endif
+			},
+			selectDangerArea(item) {
+				let p = {
+					'dangerAreaId': item.dangerAreaPid,
+					'dangerAreaName': item.dangerAreaName
+				};
+				uni.$emit('dangerAreaId', JSON.stringify(p))
+				this.toBack();
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	$nav-height: 75px;
+
+</style>

pages/yjxt/resident/dangerarearesidentfamilylist.vue

@@ -0,0 +1,96 @@
+<!--
+ * @Title: 
+ * @Description: 家庭成员清单
+ * @Author: swp
+ * @Date: 2022-08-24 10:49:21
+ * @LastEditors: 
+ * @LastEditTime: 2022-08-24 10:49:21
+-->
+<template>
+	<view class="wrap">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="container">
+			<uni-list>
+				<uni-list-item v-for="item in list" :key="item.id">
+					<template v-slot:body>
+						<view class="list-item-block">
+							<view v-if="item.isHouseholder ===1" class="line">
+								<text class="text" style="color: blue;">户主</text>
+							</view>
+							<view v-else class="line">
+								<text class="text" style="color: blue;">家庭成员</text>
+							</view>
+							<view class="line">
+								<text class="text text-ellipsis">姓名：{{item.personName}}</text>
+							</view>
+							<view class="line">
+								<text class="text text-ellipsis">手机号：{{item.personId}}</text>
+							</view>
+						</view>
+					</template>
+				</uni-list-item>
+			</uni-list>
+		</view>
+	</view>
+</template>
+
+<script>
+	import http from '@/http/api.js';
+	export default {
+		components: {},
+		onLoad(option) {
+			this.query = {};
+			this.query['personId'] = option.personId;
+			this.getList();
+		},
+		data() {
+			return {
+				title: '家庭成员表',
+				list: [],
+				query: {},
+			}
+		},
+		computed: {},
+		onShow() {},
+		methods: {
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			getList(params = {}) {
+				let postData = Object.assign(params, this.query);
+				let that = this;
+				http.request({
+					url: '/galaxy-business/yj/resident/family/list',
+					method: 'GET',
+					data: postData,
+				}).then(res => {
+					if (res.data != null) {
+						that.list = res.data;
+						// that.list = res.data.map(item => {
+						// 	let id = item.personId.replace(/^(\d{6})\d+(\d{4})$/, '$1******$2')
+						// 	return {
+						// 		'id': item.id,
+						// 		'isHouseholder':item.isHouseholder,
+						// 		'personName':item.personName,
+						// 		'personId':id
+						// 	}
+						// })
+					}
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

pages/yjxt/resident/dangerarearesidentlocation.vue

@@ -0,0 +1,283 @@
+<template>
+	<view class="container">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view style="width: 100%;height: 160px;">
+			<uni-forms ref="baseForm" :model="formData">
+				<uni-card title="定位信息" :is-shadow="false">
+					<view class="view-flex-inline">
+						<uni-icons class="input-uni-icon" type="location" size="18" color="coral" />
+						<text style="color: black;font-size: 1rem;margin-left: 4px;">经纬度:</text>
+						<text
+							style="color: blue;font-size: 0.8rem;padding-left: 5px">{{formData.longitude}},{{formData.latitude}}</text>
+					</view>
+					<view class="view-flex-inline" style="margin-top: 5px;">
+						<uni-icons class="input-uni-icon" type="map-pin-ellipse" size="18" color="coral" />
+						<text style="color: black;font-size: 1rem;margin-left: 4px;">地址:</text>
+						<text style="color: blue;font-size: 0.8rem;padding-left: 5px">{{formData.address}}</text>
+					</view>
+					<view class="item-button-group " style="margin-top: 10px;padding-right: 0px; justify-content: center;">
+						<!-- 定位返回 -->
+						<view v-if="type==1" class="item-button mid-size" style="background-color: coral;" @click="onGetLngLat()">
+							<view class="items-line">
+								<uni-icons class="input-uni-icon" type="checkmarkempty" size="18" color="black" />
+								<text class="button-text">确定</text>
+							</view>
+						</view>
+						<!-- 提交补录定位 -->
+						<view v-else-if="type==2" class="item-button mid-size" style="background-color: coral;" @click="toSubmit()">
+							<view class="items-line">
+								<uni-icons class="input-uni-icon" type="checkmarkempty" size="18" color="black" />
+								<text class="button-text">立即提交</text>
+							</view>
+						</view>
+					</view>
+				</uni-card>
+			</uni-forms>
+		</view>
+		<view style="width: 100%;height: 30px;">
+			<view class="view-flex-inline-center">
+				<text style="font-size: 0.8rem;color: orange;">点击下方地图重新拾取坐标信息</text>
+			</view>
+		</view>
+		<view class="page-section page-section-gap">
+			<map id="myMap" ref="myMap" :style="mapStyles" enable-zoom="true" :circles="circles" :scale="scale"
+				:latitude="formData.latitude" :longitude="formData.longitude" @tap="tap">
+			</map>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		gcoord
+	} from '@/static/js/gcoord.global.prod.js'
+	import http from '@/http/api.js';
+	import {
+		devUrl,
+		prodUrl
+	} from '@/common/setting';
+	export default {
+		data() {
+			return {
+				title: '地图拾取坐标',
+				baseURL: '',
+				type: 1,
+				scale: 13,
+				circles: [],
+				formData: {
+					id: '',
+					latitude: '',
+					longitude: '',
+					address: '',
+				},
+				rules: {
+					latitude: {
+						rules: [{
+							required: true,
+							errorMessage: '必填项',
+						}]
+					},
+					longitude: {
+						rules: [{
+							required: true,
+							errorMessage: '必填项',
+						}, ]
+					},
+				},
+				mapStyles: {
+					width: '100%',
+					height: '600px'
+				},
+			}
+		},
+		onLoad(option) {
+			this.baseURL = process.env.NODE_ENV === 'development' ? devUrl : prodUrl;
+			this.type = option.type;
+			if (this.type == 1) {
+				this.restartLocation();
+			} else if (this.type == 2) {
+				this.formData.id = option.id;
+				let lng = option.lng;
+				let lat = option.lat;
+				if (lng != undefined && lng != null && lng != '' && lat != undefined && lat != null && lat != '') {
+					this.formData.longitude = lng;
+					this.formData.latitude = lat;
+					if (option.add != undefined && option.add != null) {
+						this.formData.address = option.add;
+					}
+					this.setMapPoint();
+				} else {
+					this.restartLocation();
+				}
+			}
+			this.mapStyles.height = (uni.getWindowInfo().windowHeight - 50 - 160 - 30 - 10) + "px";
+		},
+		computed: {},
+		onShow() {},
+		onReady() {
+			// 需要在onReady中设置规则
+			// this.$refs.baseForm.setRules(this.rules)
+			this.mapContext = uni.createMapContext('myMap', this);
+		},
+		mounted() {
+			// #ifdef APP-PLUS
+			this.addMapEvent();
+			// #endif
+		},
+		methods: {
+			addMapEvent() {
+				let that = this;
+				var maps = uni.createMapContext('myMap', this).$getAppMap();
+				maps.onclick = function(point) {
+					that.formData.longitude = new Number(point.longitude).toFixed(6);
+					that.formData.latitude = new Number(point.latitude).toFixed(6);
+					that.getAddress(point.longitude, point.latitude);
+					that.setMapPoint();
+				}
+			},
+			tap(e) {
+				// #ifdef MP-WEIXIN
+				let lat = e.target.latitude;
+				let lng = e.target.longitude;
+				this.formData.longitude = new Number(lng).toFixed(6);
+				this.formData.latitude = new Number(lat).toFixed(6);
+				this.getAddress(lng, lat);
+				this.setMapPoint();
+				// #endif
+			},
+			//返回上一页
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			onBackPress() {
+				// #ifdef APP-PLUS
+				plus.key.hideSoftKeybord();
+				// #endif
+			},
+			restartLocation() {
+				console.log('重新定位***********************');
+				let that = this;
+				uni.getLocation({
+					type: 'wgs84',
+					success: function(res) {
+						console.log('当前位置：' + JSON.stringify(res));
+						let p = gcoord.transform(
+							[res.longitude, res.latitude],
+							gcoord.WGS84,
+							gcoord.GCJ02
+						);
+						that.formData.latitude = new Number(p[1]).toFixed(6);
+						that.formData.longitude = new Number(p[0]).toFixed(6);
+						that.getAddress(res.longitude, res.latitude);
+						that.setMapPoint();
+					}
+				});
+			},
+			setMapPoint() {
+				let circles = [];
+				let rtu = {};
+				rtu['longitude'] = parseFloat(this.formData.longitude);
+				rtu['latitude'] = parseFloat(this.formData.latitude);
+				rtu['color'] = '#FF0000';
+				rtu['fillColor'] = '#FFFF00';
+				rtu['radius'] = 100;
+				circles.push(rtu);
+				this.circles = circles;
+			},
+			getAddress(lng, lat) {
+				let that = this;
+				let url = 'https://apis.map.qq.com/ws/geocoder/v1/?location=' + lat + ',' + lng +
+					'&key=4HYBZ-EB23D-SLC42-HQ5R3-LP3LQ-OZFU5';
+				http.request({
+					url: url,
+					method: 'GET',
+				}).then(res => {
+					//console.log(JSON.stringify(res));
+				}).catch(err => {
+					//console.log(JSON.stringify(err))
+					that.formData.address = err.data.result.address;
+				})
+			},
+			onGetLngLat() {
+				let p = {
+					'lng': this.formData.longitude,
+					'lat': this.formData.latitude,
+					'add': this.formData.address,
+				};
+				uni.$emit('lngLat', JSON.stringify(p))
+				this.toBack();
+			},
+			toSubmit() {
+				let that = this;
+				let lng = this.formData.longitude;
+				let lat = this.formData.latitude;
+				if (lng != undefined && lng != null && lng != '' && lat != undefined && lat != null && lat != '') {
+					this.submit();
+				} else {
+					uni.showModal({
+						content: "经纬度不能为空，请重新再试!",
+						showCancel: false,
+						success(res) {
+							if (res.confirm) {
+
+							}
+						}
+					});
+				}
+			},
+			submit() {
+				let that = this;
+				console.log('toSubmit事件:', JSON.stringify(this.formData));
+				http.request({
+					url: '/galaxy-business/yj/resident/location/add',
+					method: 'POST',
+					data: this.formData
+				}).then(res => {
+					//console.log('res ', JSON.stringify(res));
+					if (res.success) {
+						if (res.code == 200) {
+							//that.clearCache();
+							uni.showModal({
+								content: '操作已成功',
+								showCancel: false,
+								success(res) {
+									if (res.confirm) {
+										that.toBack();
+									}
+								}
+							});
+						} else {
+							uni.showModal({
+								content: '提交失败',
+								showCancel: false
+							});
+						}
+					} else {
+						uni.showModal({
+							content: '提交失败',
+							showCancel: false
+						});
+					}
+				}).catch(err => {
+					uni.showModal({
+						content: '' + err.data.msg,
+						showCancel: false
+					});
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.container {
+		padding: 0 0 100rpx;
+	}
+</style>

pages/yjxt/resident/dangerarearesidentrecord.vue

@@ -0,0 +1,505 @@
+<template>
+	<view class="container">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<uni-forms ref="baseForm" :model="formData">
+			<uni-card title="危险区" :is-shadow="false">
+				<uni-forms-item name='dangerAreaPid' label="危险区编码" label-width="100px" required>
+					<uni-row>
+						<uni-col :span="24">
+							<view v-if="formData.dangerAreaPid == ''"
+								style="border-radius: 5px;border-width: 1px;border-color: lightgray;border-style: solid;height: 32px;width: 100%;"
+								@click="toDangerAreaSelect">
+								<view
+									style="color: gray;font-size: 0.6rem;padding-left: 8px;height: 32px;display: flex;flex-direction: column;justify-content: center;">
+									点击选择危险区</view>
+							</view>
+							<view v-else
+								style="border-radius: 5px;border-width: 1px;border-color: lightgray;border-style: solid;height: 32px;width: 100%;"
+								@click="toDangerAreaSelect">
+
+								<view
+									style="font-size: 0.7rem;color: dimgray;padding-left: 8px;height: 32px;display: flex;flex-direction: column;justify-content: center;">
+									{{formData.dangerAreaName}}
+								</view>
+							</view>
+							<!-- <uni-easyinput v-model="formData.dangerAreaPid" placeholder="请录入危险区编码" /> -->
+						</uni-col>
+						<!-- 			<uni-col :span="7" class="view-flex-inline-end">
+							<image class="scan-icon" mode="widthFix" src="/static/images/scan.png"
+								@click="onQrCodeClick">
+							</image>
+						</uni-col> -->
+					</uni-row>
+				</uni-forms-item>
+			</uni-card>
+			<uni-card title="住址定位信息" :is-shadow="false">
+				<uni-forms-item name='longitude' label="经度" label-width="100px">
+					<uni-easyinput v-model="formData.longitude" placeholder="请录入经度" />
+				</uni-forms-item>
+				<uni-forms-item name='latitude' label="纬度" label-width="100px">
+					<uni-easyinput v-model="formData.latitude" placeholder="请录入纬度" />
+				</uni-forms-item>
+				<uni-forms-item name='address' label="地址" label-width="100px">
+					<uni-easyinput v-model="formData.address" placeholder="请录入地址" />
+				</uni-forms-item>
+				<view class="item-button-group">
+					<view class="item-button mid-size" @click="onMapAddClick()">
+						<view class="items-line">
+							<uni-icons class="input-uni-icon" type="map-pin-ellipse" size="18" color="coral" />
+							<text class="button-text">地图定位</text>
+						</view>
+					</view>
+				</view>
+			</uni-card>
+			<uni-card title="群众家庭信息" :is-shadow="false">
+				<uni-forms-item name='personName' label="户主姓名" label-width="100px" required>
+					<uni-easyinput v-model="formData.personName" placeholder="请录入户主姓名" />
+				</uni-forms-item>
+				<uni-forms-item name='personId' label="手机号" label-width="100px" required>
+					<uni-easyinput v-model="formData.personId" placeholder="请录入手机号" />
+				</uni-forms-item>
+			</uni-card>
+			<uni-card title="家庭成员" :is-shadow="false">
+				<uni-card v-for="(item, index) in familyMembersList" :key="index">
+					<template v-slot:title>
+						<view style="border-width: 0px 0px 1px 0px;border-color: lightgrey;border-style: solid">
+							<uni-row>
+								<uni-col :span="12">
+									<view style="margin-top: 8px;font-size: 1rem;">{{index+1}}</view>
+								</uni-col>
+								<uni-col :span="12">
+									<view style="display: flex;flex-direction: row;justify-content: flex-end;">
+										<button class="button" size="mini"
+											style="margin-left: 0px;margin-right: 0px;margin-top: 4px;margin-bottom: 3px;"
+											type="default" @click="delFamilyMembers(index)">删除</button>
+									</view>
+								</uni-col>
+							</uni-row>
+						</view>
+					</template>
+					<uni-forms-item label="姓名" label-width="100px">
+						<uni-easyinput v-model="formData.familyMembersFormData[item.personName]"
+							placeholder="请录入户主姓名" />
+					</uni-forms-item>
+					<uni-forms-item label="手机号" label-width="100px">
+						<uni-easyinput v-model="formData.familyMembersFormData[item.personId]" placeholder="请录入手机号" />
+					</uni-forms-item>
+				</uni-card>
+				<view class="item-button-group">
+					<view class="item-button" @click="onResidentAddClick()">
+						<view class="items-line">
+							<uni-icons class="input-uni-icon" type="plusempty" size="18" color="coral" />
+							<text class="button-text">添加</text>
+						</view>
+					</view>
+				</view>
+			</uni-card>
+		</uni-forms>
+		<view class="footer">
+			<view class="control">
+				<view class="view-flex-rc">
+					<view class="block"
+						style="width: 120px;height:28px;margin-left: 10px;margin-right: 10px;border-radius:7px;background-color:lightpink"
+						@click="toSubmit()">
+						<view class="view-flex-cc">
+							<uni-icons class="input-uni-icon" type="checkmarkempty" size="18" color="#999" />
+						</view>
+						<view class="view-flex-cc" style="padding-left:5px;">
+							<text style="color:black;font-size:0.7rem">立即提交</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 		<uni-popup ref="popup">
+			<view style="width: 100%;height: 400px;background-color: white;">
+				<view class="view-flex-inline" style="width: 100%;height: 40px;background-color: #3F9EFF;">
+					<text class="text" style="margin-left: 5px;font-size: 1rem;color:white">添加成员</text>
+				</view>
+				<uni-group>
+					<uni-forms ref="familyMembersForm" :model="familyMembersFormData">
+						<uni-forms-item name='personName' label="姓名" label-width="90px" required>
+							<uni-easyinput @input="nameinput" placeholder="请录入姓名" />
+						</uni-forms-item>
+						<uni-forms-item name='personId' label="身份证号" label-width="90px" required>
+							<uni-easyinput @input="idinput" placeholder="请录入身份证号" />
+						</uni-forms-item>
+					</uni-forms>
+				</uni-group>
+				<view class="item-button-group" style="padding-right: 10px;">
+					<view class="item-button" @click="onResidentEditCloseClick()">
+						<view class="items-line">
+							<uni-icons class="input-uni-icon" type="closeempty" size="18" color="coral" />
+							<text class="button-text">取消</text>
+						</view>
+					</view>
+					<view class="item-button" @click="onResidentEditSubmitClick()">
+						<view class="items-line">
+							<uni-icons class="input-uni-icon" type="checkmarkempty" size="18" color="coral" />
+							<text class="button-text">确定</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</uni-popup> -->
+	</view>
+</template>
+
+<script>
+	import {
+		role
+	} from "@/api/role.js";
+	import http from '@/http/api.js';
+	import {
+		devUrl,
+		prodUrl
+	} from '@/common/setting';
+	export default {
+		data() {
+			return {
+				title: '危险区群众登记',
+				baseURL: '',
+				warnId: '',
+				formData: {
+					latitude: '',
+					longitude: '',
+					address: '',
+					personName: '',
+					personId: '',
+					dangerAreaPid: '',
+					dangerAreaName: '',
+					isHouseholder: 1,
+					familyMembersFormData: {
+						personName_1: '',
+						personId_1: '',
+					}
+				},
+				familyMembersFormData: {
+					personName: '',
+					personId: '',
+				},
+				rules: {
+					personName: {
+						rules: [{
+							required: true,
+							errorMessage: '必填项',
+						}]
+					},
+					personId: {
+						rules: [{
+							required: true,
+							errorMessage: '必填项',
+						}, ]
+					},
+					dangerAreaPid: {
+						rules: [{
+							required: true,
+							errorMessage: '必填项',
+						}, ]
+					},
+				},
+				keepPhotos: [],
+				familyMembersList: [{
+
+					personName: 'personName_1',
+					personId: 'personId_1',
+				}],
+				checkItems: {
+					items: [{
+						'value': 0,
+						'text': '否'
+					}, {
+						'value': 1,
+						'text': '是'
+					}],
+					current: 0,
+				},
+				drawerWidth: 300,
+				membersIndex: 1,
+			}
+		},
+		onLoad(option) {
+			let that = this;
+			this.baseURL = process.env.NODE_ENV === 'development' ? devUrl : prodUrl;
+			this.drawerWidth = uni.getWindowInfo().windowWidth - 100;
+			uni.getLocation({
+				type: 'wgs84',
+				success: function(res) {
+					that.formData.latitude = res.latitude;
+					that.formData.longitude = res.longitude;
+					that.getAddress(res.longitude, res.latitude);
+				}
+			});
+		},
+		computed: {
+
+		},
+		onShow() {
+			let that = this;
+			uni.$once("dangerAreaId", function(data) {
+				//console.log("dangerAreaId "+data)
+				let p = JSON.parse(data)
+				that.formData.dangerAreaPid = p.dangerAreaId;
+				that.formData.dangerAreaName = p.dangerAreaName;
+			})
+			
+			uni.$once("lngLat", function(data) {
+				//console.log("dangerAreaId "+data)
+				let p = JSON.parse(data)
+				that.formData.longitude = p.lng;
+				that.formData.latitude = p.lat;
+				that.formData.address = p.add;
+			})
+		},
+		onReady() {
+			// 需要在onReady中设置规则
+			this.$refs.baseForm.setRules(this.rules)
+		},
+		methods: {
+			//返回上一页
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			onBackPress() {
+				// #ifdef APP-PLUS
+				plus.key.hideSoftKeybord();
+				// #endif
+			},
+			getAddress(lng, lat) {
+				let that = this;
+				let url = 'https://apis.map.qq.com/ws/geocoder/v1/?location=' + lat + ',' + lng +
+					'&key=4HYBZ-EB23D-SLC42-HQ5R3-LP3LQ-OZFU5';
+			//	console.log(url);
+				http.request({
+					url: url,
+					method: 'GET',
+				}).then(res => {
+					//console.log(JSON.stringify(res));
+				}).catch(err => {
+					//console.log(JSON.stringify(err))
+					that.formData.address = err.data.result.address;
+				})
+			},
+			onMapAddClick(){
+				var url = '/pages/yjxt/resident/dangerarearesidentlocation?type=1';
+				uni.navigateTo({
+					url: url
+				})
+			},
+			onResidentAddClick() {
+				//let index = this.familyMembersList.length + 1;
+				this.membersIndex += 1;
+				this.familyMembersList.push({
+					personId: 'personId_' + this.membersIndex,
+					personName: 'personName_' + this.membersIndex,
+				})
+				//this.familyMembersFormData.personId = '';
+				//this.familyMembersFormData.personName = '';
+				// this.$refs['showRight'].open();
+				//this.$refs.popup.open('bottom')
+			},
+			delFamilyMembers(index) {
+				//let index = this.dynamicLists.findIndex(v => v.id === id)
+				this.formData.familyMembersFormData['' + this.familyMembersList[index].personId] = '';
+				this.formData.familyMembersFormData['' + this.familyMembersList[index].personName] = '';
+				this.familyMembersList.splice(index, 1)
+			},
+			onResidentEditCloseClick() {
+				this.$refs.popup.close();
+			},
+			nameinput(e) {
+				//console.log('输入内容：', e);
+				this.familyMembersFormData.personName = e;
+			},
+			idinput(e) {
+				//console.log('输入内容：', e);
+				this.familyMembersFormData.personId = e;
+			},
+			toDangerAreaSelect() {
+				var url = '/pages/yjxt/region/region';
+				uni.navigateTo({
+					url: url
+				})
+			},
+			onResidentEditSubmitClick() {
+				// this.$refs['showRight'].close();
+				this.$refs.popup.close();
+				if (this.familyMembersFormData.personId.length > 0 && this.familyMembersFormData.personName.length > 0) {
+					let familyMember = {};
+					familyMember['personId'] = this.familyMembersFormData.personId;
+					familyMember['personName'] = this.familyMembersFormData.personName;
+					this.familyMembersList.push(familyMember);
+				} else {
+					uni.showModal({
+						content: "录入错误",
+						showCancel: false
+					});
+				}
+			},
+			onCheckPhotoAdd() {
+				let that = this;
+				uni.chooseImage({
+					sourceType: ['camera'],
+					sizeType: ['compressed'],
+					success: (res) => {
+						const len = res.tempFilePaths.length;
+						if (len === 1) {
+							res.tempFilePaths.forEach(path => {
+								that.uploadCheckPhoto(path);
+							})
+						} else {
+							uni.showModal({
+								content: '只能选择一张图片，请确认！',
+								showCancel: false
+							});
+						}
+					}
+				})
+			},
+			uploadCheckPhoto(imagePath) {
+				let that = this;
+				uni.showLoading({
+					title: '上传中'
+				});
+				uni.uploadFile({
+					url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
+						uni.getStorageSync('accessToken'),
+					fileType: 'image',
+					filePath: imagePath,
+					name: 'file',
+					success: (uploadFileRes) => {
+						if (uploadFileRes.statusCode == 200) {
+							let data = JSON.parse(uploadFileRes.data);
+							if (data.success) {
+								let path = data.data['name'];
+								that.keepPhotos.push(path);
+							}
+						}
+					},
+					fail: (err) => {
+						console.log(err);
+						reject('err')
+					},
+					complete() {
+						uni.hideLoading()
+					}
+				});
+			},
+			onCheckPhotoDel(index) {
+				this.keepPhotos.splice(index, 1);
+			},
+			onQrCodeClick() {
+				let that = this;
+				uni.scanCode({
+					scanType: ['qrCode'],
+					success: function(res) {
+						console.log('条码类型：' + res.scanType);
+						console.log('条码内容：' + res.result);
+						that.formData.dangerAreaPid = res.result;
+					}
+				});
+			},
+			toSubmit() {
+				let that = this;
+				this.$refs.baseForm.validate().then(res => {
+					console.log('表单数据信息1：', res);
+					that.submit();
+				}).catch(err => {
+					console.log('表单错误信息：', err);
+					uni.showModal({
+						content: "内容录入错误，请根据提示信息检查录入内容!",
+						showCancel: false,
+						success(res) {
+							if (res.confirm) {
+								//that.$refs.baseForm.clearValidate();
+							}
+						}
+					});
+				})
+			},
+			submit() {
+				let familyMembers = [];
+				for (let i = 0; i < this.familyMembersList.length; i++) {
+					let personId = this.formData.familyMembersFormData['' + this.familyMembersList[i].personId];
+					let personName = this.formData.familyMembersFormData['' + this.familyMembersList[i].personName];
+					if (personId != undefined && personId != null && personId != '') {
+						if (personName != undefined && personName != null && personName != '') {
+							let f = {};
+							f['personId'] = personId;
+							f['personName'] = personName;
+							familyMembers.push(f)
+						}
+					}
+				}
+				let formdata = this.formData;
+				formdata.familyMembersFormData = {};
+				formdata['familyMembers'] = familyMembers;
+				console.log('toSubmit事件:', JSON.stringify(formdata));
+				let that = this;
+				http.request({
+					url: '/galaxy-business/yj/resident/record',
+					method: 'POST',
+					data: formdata
+				}).then(res => {
+					//console.log('res ', JSON.stringify(res));
+					if (res.success) {
+						if (res.code == 200) {
+							//that.clearCache();
+							uni.showModal({
+								content: '填报信息已成功提交',
+								showCancel: false,
+								success(res) {
+									if (res.confirm) {
+										that.toBack();
+									}
+								}
+							});
+						} else {
+							uni.showModal({
+								content: '提交失败',
+								showCancel: false
+							});
+						}
+					} else {
+
+						uni.showModal({
+							content: '提交失败',
+							showCancel: false
+						});
+					}
+				}).catch(err => {
+					uni.showModal({
+						content: '' + err.data.msg,
+						showCancel: false
+					});
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.container {
+		padding: 0 0 100rpx;
+	}
+
+	.scan-icon {
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+		// margin-right: 10px;
+		width: 30px;
+		height: 30px;
+	}
+
+	.close {
+		padding: 10px;
+	}
+</style>

pages/yjxt/resident/dangerarearesidentrecordlist.vue

@@ -0,0 +1,487 @@
+<!--
+ * @Title: 
+ * @Description: 危险区人员清单
+ * @Author: swp
+ * @Date: 2022-08-24 10:49:21
+ * @LastEditors: 
+ * @LastEditTime: 2022-08-24 10:49:21
+-->
+<template>
+	<view>
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<!-- 		<scroll-view scroll-y="true" :refresher-enabled="true" :refresher-triggered='triggered'
+			:refresher-threshold="100" refresher-background="lightpink" @refresherpulling="onPulling"
+			@refresherrefresh="onRefresh" @refresherrestore="onRestore" @refresherabort="onAbort"> -->
+		<uni-collapse @change="searchAreaStatus">
+			<uni-collapse-item :show-animation="true" :open="true">
+				<template v-slot:title>
+					<view class="view-flex-block-center" style="height: 40px;width: 100%;">
+						<view class="view-flex-inline-center">
+							<text v-if="showSearch" style="color: coral;">点击收起查询区</text>
+							<text v-else style="color: coral;">点击展开查询区</text>
+						</view>
+					</view>
+				</template>
+			</uni-collapse-item>
+		</uni-collapse>
+		<view v-if="showSearch" class="search-block">
+			<view style="padding-left: 10px;padding-right: 10px;margin-top: 10px;">
+				<view>
+					<uni-data-select v-model="cityRegionValue" :localdata="cityRegionData" @change="cityRegionChange"
+						placeholder="请选择盟市"></uni-data-select>
+				</view>
+				<view style="margin-top: 10px;">
+					<uni-data-select v-model="districtRegionValue" :localdata="districtRegionData"
+						@change="districtRegionChange" placeholder="请选择区旗县"></uni-data-select>
+				</view>
+				<view style="margin-top: 10px;">
+					<uni-data-select v-model="townRegionValue" :localdata="townRegionData" @change="townRegionChange"
+						placeholder="请选择乡镇"></uni-data-select>
+				</view>
+				<view style="margin-top: 10px;">
+					<uni-data-select v-model="countryRegionValue" :localdata="countryRegionData"
+						@change="countryRegionChange" placeholder="请选择村"></uni-data-select>
+				</view>
+				<view style="margin-top: 10px;">
+					<uni-data-select v-model="dangerAreaValue" :localdata="dangerAreaData" @change="dangerAreaChange"
+						placeholder="请选择危险区"></uni-data-select>
+				</view>
+			</view>
+			<view class="rtu-code" style="margin-top: 10px;">
+				<uni-easyinput :styles="inputStyles" @input="personNameValInput" prefixIcon="search"
+					v-model="personNameVal" placeholder="请录入户主名称">
+				</uni-easyinput>
+			</view>
+			<view class="submit-btn">
+				<button type="default" @click="search">查 询</button>
+			</view>
+		</view>
+		<view class="container">
+			<uni-list>
+				<uni-list-item v-for="item in list" :key="item.id">
+					<template v-slot:body>
+						<view class="list-item-block">
+							<view class="line">
+								<text class="text text-ellipsis">户主姓名：{{item.personName}}</text>
+							</view>
+							<view class="line">
+								<text class="text text-ellipsis">手机号：{{item.personId}}</text>
+							</view>
+							<view class="line">
+								<text class="text text-ellipsis">危险区：{{item.dangerAreaName}}</text>
+							</view>
+							<view class="line">
+								<text class="text text-ellipsis">所属行政区：{{item.adName}}</text>
+							</view>
+							<view class="line">
+								<text class="text text-ellipsis">住址经纬度：{{item.longitude}},{{item.latitude}}</text>
+							</view>
+							<view class="line">
+								<text class="text text-ellipsis">住址：{{item.address}}</text>
+							</view>
+							<view class="item-button-group" style="padding-right: 10px;">
+								<view class="item-button mid-size" @click="onAddLocationClick(item)">
+									<view class="items-line">
+										<uni-icons class="input-uni-icon" type="location" size="18" color="coral" />
+										<text class="button-text">定位补录</text>
+									</view>
+								</view>
+								<view class="item-button mid-size" @click="onOpenFamilyListClick(item)">
+									<view class="items-line">
+										<uni-icons class="input-uni-icon" type="staff" size="18" color="coral" />
+										<text class="button-text">家庭成员表</text>
+									</view>
+								</view>
+							</view>
+						</view>
+					</template>
+				</uni-list-item>
+			</uni-list>
+			<uni-group>
+				<view class="pagination-block">
+					<uni-pagination show-icon :pageSize="pageSize" :current="pageCurrent" :total="total"
+						@change="pageChange" />
+				</view>
+			</uni-group>
+		</view>
+		<!-- 	</scroll-view> -->
+	</view>
+</template>
+
+<script>
+	import http from '@/http/api.js';
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '登记人员清单',
+				showSearch: true,
+				cityRegionValue: '',
+				cityRegionData: [],
+				districtRegionValue: '',
+				districtRegionData: [],
+				townRegionValue: '',
+				townRegionData: [],
+				countryRegionValue: '',
+				countryRegionData: [],
+				dangerAreaValue: '',
+				dangerAreaData: [],
+				pageSize: 10,
+				pageCurrent: 1,
+				total: 0,
+				list: [],
+				query: {},
+				personNameVal: '',
+				inputStyles: {
+					color: '#808080',
+					borderColor: '#d3d3d3'
+				},
+				triggered: false
+			}
+		},
+		computed: {
+
+		},
+		onLoad(option) {
+			this.query = {};
+			this.query['isHouseholder'] = 1;
+			this.getCityRegion({});
+			//this._freshing = false;
+			this.getPage();
+		},
+		onShow() {
+			
+		},
+		methods: {
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			// onPulling(e) {
+			// 	console.log("onpulling", e);
+			// },
+			// onRefresh() {
+			// 	if (this._freshing) return;
+			// 	this._freshing = true;
+			// 	this.triggered = true;
+			// 	this.pageCurrent = 1;
+			// 	let params = {};
+			// 	if (this.dangerAreaValue != '' && this.dangerAreaValue.length > 0) {
+			// 		params['dangerAreaPid'] = this.dangerAreaValue;
+			// 	}
+			// 	if (this.personNameVal != '' && this.personNameVal.length > 0) {
+			// 		params['personName'] = this.personNameVal;
+			// 	}
+			// 	this.getPage(params);
+			// },
+			// onRestore() {
+			// 	this.triggered = 'restore'; 
+			// 	console.log("onRestore");
+			// },
+			// onAbort() {
+			// 	console.log("onAbort");
+			// },
+			pageChange(e) {
+				this.pageCurrent = e.current;
+				let params = {};
+				if (this.dangerAreaValue != '' && this.dangerAreaValue.length > 0) {
+					params['dangerAreaPid'] = this.dangerAreaValue;
+				}
+				if (this.personNameVal != '' && this.personNameVal.length > 0) {
+					params['personName'] = this.personNameVal;
+				}
+				this.getPage(params)
+			},
+			searchAreaStatus(e) {
+				if (e.length > 0) {
+					this.showSearch = true;
+				} else {
+					this.showSearch = false;
+				}
+			},
+			cityRegionChange(e) {
+				this.cityRegionValue = e;
+				this.districtRegionData = [];
+				this.districtRegionValue = '';
+				this.townRegionData = [];
+				this.townRegionValue = '';
+				this.countryRegionData = [];
+				this.countryRegionValue = '';
+				this.dangerAreaData = [];
+				this.dangerAreaValue = '';
+				let p = {
+					'parentCode': this.cityRegionValue
+				}
+				this.getDistrictRegion(p);
+				this.pageCurrent = 1;
+				this.list = [];
+				this.query['dangerAreaCode'] = this.cityRegionValue;
+				this.getPage({});
+			},
+			districtRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.districtRegionValue = '';
+					this.townRegionData = [];
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					this.dangerAreaData = [];
+					this.dangerAreaValue = '';
+					this.pageCurrent = 1;
+					this.list = [];
+					this.query['dangerAreaCode'] = this.cityRegionValue;
+					this.getPage({});
+				} else {
+					this.districtRegionValue = e;
+					this.townRegionData = [];
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					this.dangerAreaData = [];
+					this.dangerAreaValue = '';
+					let p = {
+						'parentCode': this.districtRegionValue
+					}
+					this.getTownRegion(p);
+					this.pageCurrent = 1;
+					this.list = [];
+					this.query['dangerAreaCode'] = this.districtRegionValue;
+					this.getPage({});
+				}
+			},
+			townRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					this.dangerAreaData = [];
+					this.dangerAreaValue = '';
+					this.pageCurrent = 1;
+					this.list = [];
+					this.query['dangerAreaCode'] = this.districtRegionValue;
+					this.getPage({});
+				} else {
+					this.townRegionValue = e;
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					this.dangerAreaData = [];
+					this.dangerAreaValue = '';
+					let p = {
+						'parentCode': this.townRegionValue
+					}
+					this.getCountryRegion(p);
+					this.pageCurrent = 1;
+					this.list = [];
+					this.query['dangerAreaCode'] = this.townRegionValue;
+					this.getPage({});
+				}
+			},
+			countryRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.countryRegionValue = '';
+					this.dangerAreaValue = '';
+					this.dangerAreaData = [];
+					this.dangerAreaValue = '';
+					this.pageCurrent = 1;
+					this.list = [];
+					this.query['dangerAreaCode'] = this.townRegionValue;
+					this.getPage({});
+				} else {
+					this.countryRegionValue = e;
+					this.dangerAreaValue = '';
+					this.dangerAreaData = [];
+					this.dangerAreaValue = '';
+					this.getDangerAreaList({
+						'adcd': this.countryRegionValue
+					})
+					this.pageCurrent = 1;
+					this.list = [];
+					this.query['dangerAreaCode'] = this.countryRegionValue;
+					this.getPage({});
+				}
+			},
+			dangerAreaChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.dangerAreaValue = '';
+					this.pageCurrent = 1;
+					this.list = [];
+					this.getPage({});
+				} else {
+					this.dangerAreaValue = e;
+					this.pageCurrent = 1;
+					this.list = [];
+					this.getPage({
+						dangerAreaPid: this.dangerAreaValue
+					});
+				}
+			},
+			getCityRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					//console.log(JSON.stringify(res.data))
+					that.cityRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getDistrictRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.districtRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getTownRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.townRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getCountryRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.countryRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getDangerAreaList(params = {}) {
+				let postData = Object.assign(params, this.query);
+				let that = this;
+				http.request({
+					url: '/galaxy-business/map/dangerarea/select',
+					method: 'GET',
+					data: postData,
+				}).then(res => {
+					that.dangerAreaData = res.data.map(item => {
+						return {
+							value: item.dangerAreaPid,
+							text: item.dangerAreaName,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			personNameValInput(e) {
+				if (e == null || e == '' || e.length == 0) {
+					this.personNameVal = '';
+					this.pageCurrent = 1;
+					let params = {};
+					if (this.dangerAreaValue != '' && this.dangerAreaValue.length > 0) {
+						params['dangerAreaPid'] = this.dangerAreaValue;
+					}
+					this.getPage(params);
+				}
+			},
+			search() {
+				this.pageCurrent = 1;
+				let params = {};
+				if (this.dangerAreaValue != '' && this.dangerAreaValue.length > 0) {
+					params['dangerAreaPid'] = this.dangerAreaValue;
+				}
+				if (this.personNameVal != '' && this.personNameVal.length > 0) {
+					params['personName'] = this.personNameVal;
+				}
+				this.getPage(params);
+			},
+			onAddLocationClick(item) {
+				var url = '/pages/yjxt/resident/dangerarearesidentlocation?type=2&id=' + item.id + '&lng=' + item
+					.longitude +
+					'&lat=' + item.latitude + '&add=' + item.address;
+				uni.navigateTo({
+					url: url
+				})
+			},
+			onOpenFamilyListClick(item) {
+				var url = '/pages/yjxt/resident/dangerarearesidentfamilylist?personId=' + item.personId;
+				uni.navigateTo({
+					url: url
+				})
+			},
+			getPage(params = {}) {
+				const current = this.pageCurrent;
+				const size = this.pageSize;
+				let postData = Object.assign(params, this.query);
+				//let that = this;
+				http.request({
+					url: '/galaxy-business/yj/resident/page',
+					method: 'GET',
+					params: {
+						current,
+						size,
+					},
+					data: postData,
+				}).then(res => {
+					//console.log("get page +++++++++")
+					if (res.data.records != null) {
+						// that.list = res.data.records.map(item => {
+						// 	let id = item.personId.replace(/^(\d{6})\d+(\d{4})$/, '$1******$2')
+						// 	return {
+						// 		...item,
+						// 		'pId': id
+						// 	}
+						// })
+						this.list = res.data.records;
+					}
+					this.total = res.data.total;
+				}).catch(err => {
+					console.log(err)
+				}).finally(() => {
+					//console.log("get page finally +++++++++")
+					//this.triggered = false;
+					//this._freshing = false;
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

pages/yjxt/transfer/residenttransferrecord.vue

@@ -0,0 +1,506 @@
+<template>
+	<view class="container">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<uni-forms ref="baseForm" :model="formData">
+			<uni-card title="转移人员信息" :is-shadow="false">
+				<uni-forms-item name='personName' label="姓名" label-width="100px" required>
+					<uni-easyinput v-model="formData.personName" placeholder="请录入姓名" @input="nameInput"/>
+				</uni-forms-item>
+				<uni-forms-item name='personId' label="手机号" label-width="100px" required>
+					<uni-easyinput v-model="formData.personId" placeholder="请录入手机号" @input="phoneInput"/>
+				</uni-forms-item>
+<!-- 				<uni-forms-item name="familyMembersTransferStatus" label="登记家庭户其他人员" label-width="100px" required>
+					<uni-data-checkbox v-model="formData.familyMembersTransferStatus" :localdata="checkItems.items">
+					</uni-data-checkbox>
+				</uni-forms-item> -->
+				<uni-forms-item name="familyMembers" label="家庭成员" label-width="100px" required>
+					<uni-data-checkbox multiple v-model="formData.familyMembers"
+						:localdata="familyMembersItems">
+					</uni-data-checkbox>
+				</uni-forms-item>
+		<!-- 		<uni-forms-item name='remark' label="补充说明" label-width="100px">
+					<uni-easyinput v-model="formData.remark" placeholder="请录入其他需要说明的情况" />
+				</uni-forms-item> -->
+			</uni-card>
+			<uni-card title="补充说明" :is-shadow="false">
+				<uni-forms-item name='remark' >
+					<uni-easyinput type="textarea"  v-model="formData.remark" placeholder="请录入其他需要说明的情况" />
+				</uni-forms-item>
+			</uni-card>
+			<uni-card title="留存图片" extra="点击下方按钮开始拍摄" :is-shadow="false">
+				<view class="view-flex-rs-flex-wrap">
+					<view v-for="(item, index) in keepPhotos" :key="index" class="view-flex-cc" style="width: 100px;">
+						<view class="img-container">
+							<view class="note-image-box">
+								<view class="note-image-item">
+									<view class="close-icon" @click="onCheckPhotoDel(index)">
+										<uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
+									</view>
+									<view class="image-box">
+										<image :src="toOss(item)" mode="widthFix">
+										</image>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+					<view class="view-flex-cc" style="width: 80px;">
+						<view class="img-container">
+							<view class="note-image-box">
+								<view class="note-image-item" @click="onCheckPhotoAdd()">
+									<view class="image-box">
+										<uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</uni-card>
+		</uni-forms>
+		<view class="footer">
+			<view class="control">
+				<view class="view-flex-rc">
+					<view class="block"
+						style="width: 120px;height:28px;margin-left: 10px;margin-right: 10px;border-radius:7px;background-color:lightpink"
+						@click="toSubmit()">
+						<view class="view-flex-cc">
+							<uni-icons class="input-uni-icon" type="checkmarkempty" size="18" color="#999" />
+						</view>
+						<view class="view-flex-cc" style="padding-left:5px;">
+							<text style="color:black;font-size:0.7rem">立即提交</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// import {
+	// 	role
+	// } from "@/api/role.js";
+	import http from '@/http/api.js';
+	import {
+		oss,
+		devUrl,
+		prodUrl
+	} from '@/common/setting';
+	export default {
+		data() {
+			return {
+				title: '转移登记',
+				baseURL: '',
+				baseOSS: '',
+				warnId: '',
+				formData: {
+					personName: '',
+					personId: '',
+					familyMembersTransferStatus: 0,
+					remark: '',
+					familyMembers: [],
+				},
+				keepPhotos: [],
+				familyMembersItems:[],
+				checkItems: {
+					items: [{
+						'value': 0,
+						'text': '否'
+					}, {
+						'value': 1,
+						'text': '是'
+					}],
+					current: 0,
+				},
+				rules: {
+					personName: {
+						rules: [{
+							required: true,
+							errorMessage: '必填项',
+						}]
+					},
+					personId: {
+						rules: [{
+							required: true,
+							errorMessage: '必填项',
+						}, ]
+					},
+					familyMembers: {
+						rules: [{
+							required: true,
+							errorMessage: '必填项',
+						}, ]
+					},
+				},
+			}
+		},
+		onLoad(option) {
+			let that = this;
+			this.baseOSS = oss;
+			this.baseURL = process.env.NODE_ENV === 'development' ? devUrl : prodUrl;
+			this.warnId = option.id;
+		},
+		computed: {
+
+		},
+		onShow() {},
+		onReady(){
+			this.$refs.baseForm.setRules(this.rules)
+		},
+		methods: {
+			toOss(path) {
+				let url = this.baseOSS + path;
+				return url;
+			},
+			onBackPress() {
+				// #ifdef APP-PLUS
+				plus.key.hideSoftKeybord();
+				// #endif
+			},
+			//返回上一页
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			nameInput(e){
+				console.log(e)
+				//this.formData.personName=e;
+				if(e!=undefined&&e.length>0){
+					if(this.formData.personId!=undefined&&this.formData.personId.length>0){
+						console.log("find+++++++++++")
+						let p ={
+							personId: this.formData.personId,
+							personName: e
+						}
+						this.getFamilyList(p);
+					}
+				}
+			},
+			phoneInput(e){
+				console.log(e)
+				//this.formData.personId=e;
+				if(e!=undefined&&e.length>0){
+					if(this.formData.personName!=undefined&&this.formData.personName.length>0){
+						console.log("find+++++++++++")
+						
+						let p ={
+							personId: e,
+							personName:this.formData.personName
+						}
+						this.getFamilyList(p);
+					}
+				}
+			},
+			getFamilyList(params = {}) {
+				let postData = Object.assign(params, this.query);
+				let that = this;
+				http.request({
+					url: '/galaxy-business/yj/resident/family/list',
+					method: 'GET',
+					data: postData,
+				}).then(res => {
+						console.log("111"+JSON.stringify(res))
+					if (res.data != null) {
+						//console.log(JSON.stringify(res.data))
+						//that.list = res.data;
+						that.familyMembersItems = res.data.map(item => {
+							//let id = item.personId.replace(/^(\d{6})\d+(\d{4})$/, '$1******$2')
+							return {
+								'value': item.id,
+								'text':item.personName,
+							}
+						})
+						that.formData.familyMembers=[];
+						if(res.data.length>0){
+							for(let i=0;i<res.data.length;i++){
+								if(res.data[i].personId == that.formData.personId && res.data[i].personName == that.formData.personName){
+									that.formData.familyMembers.push(res.data[i].id);
+									break;
+								}
+							}
+						}
+					}
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getAddress(lng, lat) {
+				let url = 'https://apis.map.qq.com/ws/geocoder/v1/?location=' + lat + ',' + lng +
+					'&key=4HYBZ-EB23D-SLC42-HQ5R3-LP3LQ-OZFU5';
+				console.log(url);
+				http.request({
+					url: url,
+					method: 'GET',
+				}).then(res => {
+					console.log('当前位置：' + JSON.stringify(res));
+
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			onCheckPhotoAdd() {
+				let that = this;
+				uni.chooseImage({
+					sourceType: ['camera'],
+					sizeType: ['compressed'],
+					success: (res) => {
+						const len = res.tempFilePaths.length;
+						if (len === 1) {
+							res.tempFilePaths.forEach(path => {
+								that.uploadCheckPhoto(path);
+							})
+						} else {
+							uni.showModal({
+								content: '只能选择一张图片，请确认！',
+								showCancel: false
+							});
+						}
+					}
+				})
+			},
+			uploadCheckPhoto(imagePath) {
+				let that = this;
+				uni.showLoading({
+					title: '上传中'
+				});
+				uni.uploadFile({
+					url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
+						uni.getStorageSync('accessToken'),
+					fileType: 'image',
+					filePath: imagePath,
+					name: 'file',
+					success: (uploadFileRes) => {
+						if (uploadFileRes.statusCode == 200) {
+							let data = JSON.parse(uploadFileRes.data);
+							if (data.success) {
+								let path = data.data['name'];
+								that.keepPhotos.push(path);
+
+							}
+						}
+					},
+					fail: (err) => {
+						console.log(err);
+						reject('err')
+					},
+					complete() {
+						uni.hideLoading()
+					}
+				});
+			},
+			onCheckPhotoDel(index) {
+				this.keepPhotos.splice(index, 1);
+			},
+			toSubmit() {
+				let that = this;
+				this.$refs.baseForm.validate().then(res => {
+					console.log('表单数据信息1：', JSON.stringify(res));
+					that.submit();
+				}).catch(err => {
+					console.log('表单错误信息：', err);
+					uni.showModal({
+						content: "内容填报错误，请根据提示信息检查录入内容!",
+						showCancel: false,
+						success(res) {
+							if (res.confirm) {
+								//that.$refs.baseForm.clearValidate();
+							}
+						}
+					});
+				})
+			},
+			submit() {
+				let formdata = this.formData;
+				formdata['warnId'] = this.warnId;
+				if (this.keepPhotos.length > 0) {
+					let photos = '';
+					for (let i = 0; i < this.keepPhotos.length; i++) {
+						if (photos.length > 0) {
+							photos = photos + ',';
+						}
+						photos = photos + this.keepPhotos[i];
+					}
+					formdata['keepPhotos'] = photos;
+				}
+				let that = this;
+				http.request({
+					url: '/galaxy-business/yj/transfer/person/record',
+					method: 'POST',
+					data: formdata
+				}).then(res => {
+					//console.log('res ', JSON.stringify(res));
+					if (res.success) {
+						if (res.code == 200) {
+							uni.showModal({
+								content: '填报信息已成功提交',
+								showCancel: false,
+								success(res) {
+									if (res.confirm) {
+										that.toBack();
+									}
+								}
+							});
+						} else {
+							uni.showModal({
+								content: '提交失败',
+								showCancel: false
+							});
+						}
+					} else {
+						uni.showModal({
+							content: '提交失败',
+							showCancel: false
+						});
+					}
+				}).catch(err => {
+					uni.showModal({
+						content: '' + err.data.msg,
+						showCancel: false
+					});
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.container {
+		padding: 0 0 100rpx;
+	}
+
+	.view-flex-rs-flex-wrap {
+		display: flex;
+		flex-direction: row;
+		justify-content: flex-start;
+		flex-wrap: wrap;
+	}
+
+	.img-container {
+		margin-bottom: 0px;
+		width: 100px;
+		height: 100px;
+
+		.note-image-box {
+			margin-top: 0px;
+			display: flex;
+			flex-wrap: wrap;
+			padding: 10px;
+
+			.note-image-item {
+				position: relative;
+				width: 100%;
+				height: 0;
+				padding-top: 100%;
+				box-sizing: border-box;
+				// background-color: #18B566;
+
+				.close-icon {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					position: absolute;
+					right: 0px;
+					top: 0px;
+					width: 22px;
+					height: 22px;
+					border-radius: 50%;
+					background-color: #d5d5d5;
+					z-index: 2;
+				}
+
+				.image-box {
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					position: absolute;
+					top: 0px;
+					right: 0px;
+					border: 0px;
+					left: 0px;
+					border: 1px #eee solid;
+					border-radius: 5px;
+					overflow: hidden;
+					width: 99%;
+					height: 99%;
+				}
+			}
+		}
+	}
+
+	.view-flex-rc {
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.view-flex-cc {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.footer {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		z-index: 1;
+		height: 100rpx;
+		padding: 20rpx;
+		box-sizing: border-box;
+		display: flex;
+		align-items: center;
+		justify-content: flex-end;
+		background-color: whitesmoke;
+
+		.ipt {
+			width: 380rpx;
+			height: 77rpx;
+			background: #f7f7f7;
+			border-radius: 38px;
+			padding: 0 37rpx;
+			box-sizing: border-box;
+			margin-right: 20rpx;
+		}
+
+		.control {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			justify-content: flex-end;
+
+			.block {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				flex: 1;
+			}
+
+			.icon {
+				height: auto;
+			}
+
+			.c {
+				width: 41rpx;
+				margin-right: 10rpx;
+			}
+
+			.s {
+				width: 36rpx;
+			}
+
+			.t {
+				width: 31rpx;
+			}
+		}
+	}
+</style>

pages/yjxt/transfer/transferresidentlist.vue

@@ -0,0 +1,122 @@
+<!--
+ * @Title: 
+ * @Description: 转移人员清单
+ * @Author: swp
+ * @Date: 2022-08-24 10:49:21
+ * @LastEditors: 
+ * @LastEditTime: 2022-08-24 10:49:21
+-->
+<template>
+	<view class="wrap">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="container">
+			<uni-list>
+				<uni-list-item v-for="item in list" :key="item.id">
+					<template v-slot:body>
+						<view class="list-item-block">
+							<view class="items-line">
+								<text class="item-text-content">姓名：{{item.personName}}</text>
+							</view>
+							<view class="items-line">
+								<text class="item-text-content">手机号：{{item.personId}}</text>
+							</view>
+							<view v-if="item.warnId" class="items-line">
+								<text class="item-text-content">转移记录时间：{{item.recordTime}}</text>
+							</view>
+							<view v-else class="items-line">
+								<text class="item-text-content" style="color: red;">未转移</text>
+							</view>
+						</view>
+					</template>
+				</uni-list-item>
+			</uni-list>
+			<uni-group>
+				<view class="pagination-block">
+					<uni-pagination show-icon :pageSize="pageSize" :current="pageCurrent" :total="total"
+						@change="pageChange" />
+				</view>
+			</uni-group>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		role
+	} from "@/api/role.js";
+	import http from '@/http/api.js';
+	export default {
+		components: {},
+		onLoad(option) {
+			this.warnId = option.id;
+			this.query = {};
+			this.query['warnId'] = this.warnId;
+			this.getPage();
+		},
+		data() {
+			return {
+				title: '转移人员清单',
+				pageSize: 10,
+				pageCurrent: 1,
+				total: 0,
+				list: [],
+				query: {},
+				warnId: '',
+			}
+		},
+		computed: {},
+		onShow() {},
+		methods: {
+			//返回上一页
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			// 分页触发
+			pageChange(e) {
+				this.pageCurrent = e.current;
+				this.getPage()
+			},
+			getPage(params = {}) {
+				const current = this.pageCurrent;
+				const size = this.pageSize;
+				let postData = Object.assign(params, this.query);
+				let that = this;
+				http.request({
+					url: '/galaxy-business/yj/transfer/page',
+					method: 'GET',
+					params: {
+						current,
+						size,
+					},
+					data: postData,
+				}).then(res => {
+					if (res.data.records != null) {
+						that.list = res.data.records;
+						//console.log(JSON.stringify(that.list))
+						// that.list =res.data.records.map(item => {
+						// 	let id = item.personId.replace(/^(\d{6})\d+(\d{4})$/, '$1******$2')
+						// 	return {
+						// 		...item,
+						// 		'pId':id
+						// 	}
+						// })
+					}
+					this.total = res.data.total;
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

pages/yjxt/warn/yjwarn.vue

@@ -0,0 +1,1740 @@
+<!--
+ * @Title: 
+ * @Description: 监测预警
+ * @Author: swp
+ * @Date: 2022-08-24 10:49:21
+ * @LastEditors: 
+ * @LastEditTime: 2022-08-24 10:49:21
+-->
+<template>
+	<view class="wrap">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="container">
+			<view style="width: 100%;">
+				<map id="myMap" ref="myMap" :style="mapStyles" :latitude="latitude" :longitude="longitude"
+					:markers="markets" :polygons="polygons" :scale="scale" :polyline="polylines">
+					<cover-view style="line-height: normal;width: 100%;">
+						<cover-view style="width:50px;height:50px;position: absolute;top: 20px;right: 10px;">
+							<cover-view v-if="mapScreenMin" style="width:50px;height:50px;background-color: orange;">
+								<cover-image style="width: 50px;height: 50px;" src="/static/images/icon_quanping.png"
+									@click="onMapScreenMax"></cover-image>
+							</cover-view>
+							<cover-view v-if="mapScreenMax" style="width:50px;height:50px;background-color: orange;">
+								<cover-image style="width: 50px;height: 50px;" src="/static/images/icon_feiquanping.png"
+									@click="onMapScreenMin"></cover-image>
+							</cover-view>
+						</cover-view>
+					</cover-view>
+				</map>
+				<view :style="popViewStyles">
+					<view :style="searchViewStyles">
+						<uni-section title="实时监测数据" titleFontSize="1rem" type="circle">
+							<template v-slot:right>
+								<view v-if="contentViewStatus==0" class="view-flex-inline" style="margin-right: 10px;"
+									@click="onYjRainDataRefreshClick">
+									<uni-icons class="input-uni-icon" type="refresh" size="18" color="skyblue" />
+									<view style="color: gray;font-size: 0.9rem;margin-left: 5px;margin-right: 5px;">
+										刷新</view>
+								</view>
+								<view v-else-if="contentViewStatus==1" class="view-flex-inline"
+									style="margin-right: 10px;" @click="onYjWarnBackClick">
+									<uni-icons class="input-uni-icon" type="close" size="18" color="skyblue" />
+									<view style="color: gray;font-size: 0.9rem;margin-left: 5px;margin-right: 5px;">
+										关闭预警</view>
+								</view>
+								<view v-else-if="contentViewStatus==2" class="view-flex-inline"
+									style="margin-right: 10px;" @click="onYjDangerAreaBackClick">
+									<uni-icons class="input-uni-icon" type="close" size="18" color="skyblue" />
+									<view style="color: gray;font-size: 0.9rem;margin-left: 5px;margin-right: 5px;">
+										关闭危险区</view>
+								</view>
+							</template>
+						</uni-section>
+					</view>
+					<scroll-view scroll-y="true" :style="popScrollViewStyles">
+						<view v-if="contentViewStatus==0">
+							<view class="search-block">
+								<uni-collapse @change="searchAreaStatus"
+									style="padding-left: 10px;padding-right: 10px;">
+									<uni-collapse-item :show-animation="true">
+										<template v-slot:title>
+											<view class="view-flex-block-center" style="height: 40px;width: 100%;">
+												<view class="view-flex-inline-center">
+													<text v-if="showSearch"
+														style="color: orange;font-size: 0.8rem;">点击收起</text>
+													<text v-else
+														style="color: orange;font-size: 0.8rem;">点击展开录入查询</text>
+												</view>
+											</view>
+										</template>
+									</uni-collapse-item>
+								</uni-collapse>
+								<view v-if="showSearch">
+									<view style="padding-left: 10px;padding-right: 10px;">
+										<uni-data-select v-model="cityRegionValue" :localdata="cityRegionData"
+											@change="cityRegionChange" placeholder="请选择盟市"></uni-data-select>
+									</view>
+									<view style="margin-top: 10px;padding-left: 10px;padding-right: 10px;">
+										<uni-data-select v-model="districtRegionValue" :localdata="districtRegionData"
+											@change="districtRegionChange" placeholder="请选择区旗县"></uni-data-select>
+									</view>
+									<view style="margin-top: 10px;padding-left: 10px;padding-right: 10px;">
+										<uni-data-select v-model="townRegionValue" :localdata="townRegionData"
+											@change="townRegionChange" placeholder="请选择乡镇"></uni-data-select>
+									</view>
+									<view style="margin-top: 10px;padding-left: 10px;padding-right: 10px;">
+										<uni-data-select v-model="countryRegionValue" :localdata="countryRegionData"
+											@change="countryRegionChange" placeholder="请选择村"></uni-data-select>
+									</view>
+									<view class="rtu-code">
+										<uni-easyinput :styles="inputStyles" @input="searchRtuCodeValClear"
+											prefixIcon="search" v-model="searchRtuCodeVal" placeholder="请输入测站编码">
+										</uni-easyinput>
+									</view>
+									<view class="rtu-name">
+										<uni-easyinput :styles="inputStyles" @input="searchRtuNameValClear"
+											prefixIcon="search" v-model="searchRtuNameVal" placeholder="请输入测站名称">
+										</uni-easyinput>
+									</view>
+									<view class="submit-btn">
+										<button type="default" @click="onSearch">查询</button>
+									</view>
+								</view>
+								<uni-group>
+									<radio-group @change="onYjRainCountTypeRadioChange" class="view-flex-rs">
+										<label style="margin-right: 5px;margin-bottom: 5px;;width:100px;"
+											class="view-flex-inline" v-for="(item, index) in yjRainCountType.items"
+											:key="item.id">
+											<view>
+												<radio :value="item.id" :checked="index === yjRainCountType.value" />
+											</view>
+											<view style="font-size: 0.7rem;">{{item.dictValue}}</view>
+										</label>
+									</radio-group>
+								</uni-group>
+							</view>
+							<uni-list style="min-height: 40px;">
+								<uni-list-item v-for="item in tableData" :key="item.id">
+									<template v-slot:body>
+										<view class="list-item-block">
+											<view class="line" @click="onYjRainDataRtuClick(item)">
+												<view class="title text-ellipsis text-underline "
+													style="color: royalblue;">
+													{{item.rtuName}}/{{item.rtuCode}}
+												</view>
+											</view>
+											<view class="line">
+												<text class="title" style="color: black;">上报时间:</text>
+												<text class="text"
+													style="color: gray;margin-left: 5px;">{{item.tm}}</text>
+											</view>
+											<view class="line">
+												<text class="title" style="color: black;">累计雨量(mm):</text>
+												<text class="text"
+													style="color: gray;margin-left: 5px;">{{item.drp}}</text>
+											</view>
+											<view v-if="item.isWarn ==1">
+												<view class="line">
+													<text class="title" style="color: black;">预警信息:</text>
+													<view class="text text-underline" style="color: coral;"
+														@click="onYjWarnClick(item)">{{item.warnName}}</view>
+												</view>
+											</view>
+											<view v-else>
+												<view class="line">
+													<text class="title" style="color: black;">预警信息:</text>
+													<text class="text" style="color: coral;">暂无预警</text>
+												</view>
+											</view>
+											<view v-if="item.isLinkDanger==1">
+												<view class="line">
+													<text class="title" style="color: black;">危险区信息:</text>
+													<view v-for="da in item.dangerAreaList" :key="da.id"
+														class="text text-underline" style="color: coral;"
+														@click="onYjDangerAreaDataClick(da)">{{da.dangerAreaName}}
+													</view>
+												</view>
+											</view>
+											<view v-else>
+												<view class="line">
+													<text class="title" style="color: black;">危险区信息:</text>
+													<view class="text" style="color: coral;">暂无数据</view>
+												</view>
+											</view>
+										</view>
+									</template>
+								</uni-list-item>
+							</uni-list>
+							<uni-group>
+								<view class="pagination-block" style="margin-top: 5px;">
+									<uni-pagination :page-size="pageSize" :current="pageCurrent" :total="listTotal"
+										@change="pageChange" prevText="前一页" nextText="后一页" />
+								</view>
+							</uni-group>
+						</view>
+						<view v-else-if="contentViewStatus==1">
+							<view style="padding-left: 10px;padding-right: 10px;padding-top: 10px;">
+								<view v-if="warnData.warnResponseStatus==1">
+									<view class="point">
+										<view class="dot">
+											4
+										</view>
+										<view class="time-title">响应反馈【{{warnData.replyTm}}】</view>
+									</view>
+									<view class="time-info">
+										<view class="time-line">
+											<uni-list style="width: 100%;">
+												<uni-list-item v-for="(r,index) in warnData.warnResponseInfoList"
+													:key="index" direction="column">
+													<template v-slot:body>
+														<view class="list-item-block">
+															<view class="line">
+																<view class="text">责任人：<span
+																		style="color: deepskyblue;"></span></view>
+															</view>
+															<view class="line">
+																<view class="text">责任人类型：<span
+																		style="color: deepskyblue;"></span></view>
+															</view>
+															<view class="line">
+																<view class="text">反馈情况：<span
+																		style="color: deepskyblue;">{{r.repltStatus}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text">反馈时间：<span
+																		style="color: deepskyblue;">{{r.replyTm}}</span>
+																</view>
+															</view>
+															<!-- 	<view>反馈内容：<span style="color: skyblue;"></span></view> -->
+															<view class="line">
+																<view class="text">是否收到预警短信：<span
+																		style="color: deepskyblue;">{{r.isReceive}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text">是否发生沟道山洪：<span
+																		style="color: deepskyblue;">{{r.isFloodBoot}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text">山洪是否出沟：<span
+																		style="color: deepskyblue;">{{r.isFloodOut}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text">降雨是否持续：<span
+																		style="color: deepskyblue;">{{r.isRainContu}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text">是否人员转移：<span
+																		style="color: deepskyblue;">{{r.isTrans}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text">有无人员伤亡：<span
+																		style="color: deepskyblue;">{{r.isDeady}}</span>
+																</view>
+															</view>
+														</view>
+													</template>
+												</uni-list-item>
+											</uni-list>
+										</view>
+									</view>
+								</view>
+								<view v-if="warnData.ousideWarnStatus==1">
+									<view class="point">
+										<view class="dot">
+											3
+										</view>
+										<view class="time-title">外部预警【{{warnData.extTime}}】</view>
+									</view>
+									<view class="time-info">
+										<view class="time-line">
+											<uni-list style="width: 100%;">
+												<uni-list-item v-for="(out,index) in warnData.outsideWarnInfoList"
+													:key="index" direction="column">
+													<template v-slot:body>
+														<view class="list-item-block">
+															<view class="line">
+																<view class="text ">发布单位：<span
+																		style="color: deepskyblue;">{{out.deptName}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text ">发布人：<span
+																		style="color: deepskyblue;">{{out.senderName}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text">发布内容：<span
+																		style="color: deepskyblue;">{{out.messageInfo}}</span>
+																</view>
+															</view>
+														</view>
+													</template>
+												</uni-list-item>
+											</uni-list>
+										</view>
+									</view>
+								</view>
+								<view>
+									<view class="point">
+										<view class="dot">
+											2
+										</view>
+										<view class="time-title">内部预警【{{warnData.warnTime}}】</view>
+									</view>
+									<view class="time-info">
+										<view class="time-line">
+											<uni-list style="width: 100%;">
+												<uni-list-item direction="column">
+													<template v-slot:body>
+														<view class="list-item-block">
+															<view class="line">
+																<view class="text">发布单位：<span
+																		style="color: deepskyblue;">系统自动</span></view>
+															</view>
+														</view>
+													</template>
+												</uni-list-item>
+												<uni-list-item direction="column">
+													<template v-slot:body>
+														<view class="list-item-block">
+															<view class="line">
+																<view class="text">预警名称：<span
+																		style="color: deepskyblue;">{{warnData.warnName}}</span>
+																</view>
+															</view>
+														</view>
+													</template>
+												</uni-list-item>
+												<uni-list-item v-for="(inside,index) in warnData.insideWarnInfoList"
+													:key="index" direction="column">
+													<template v-slot:body>
+														<view class="list-item-block">
+															<view class="line">
+																<view class="text ">类型：<span
+																		style="color: deepskyblue;">{{inside.sendObjectName}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text ">接收人：<span
+																		style="color: deepskyblue;">{{inside.userName}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text">所在单位：<span
+																		style="color: deepskyblue;">{{inside.deptName}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text">职务：<span
+																		style="color: deepskyblue;">{{inside.posiTion}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text">电话：<span
+																		style="color: deepskyblue;">{{inside.userTel}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text">短信内容：<span
+																		style="color: deepskyblue;">{{inside.messageInfo}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text">发送时间：<span
+																		style="color: deepskyblue;">{{inside.sendTime}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view class="text">发送单位：<span
+																		style="color: deepskyblue;"></span></view>
+															</view>
+															<view class="line">
+																<view class="text">发送人：<span
+																		style="color: deepskyblue;">{{inside.senderName}}</span>
+																</view>
+															</view>
+															<view class="line">
+																<view v-if="inside.sendStatus ==0" class="text">
+																	发送状态：<span style="color: deepskyblue;">失败</span>
+																</view>
+																<view v-else-if="inside.sendStatus ==1" class="text">
+																	发送状态：<span style="color: deepskyblue;">成功</span>
+																</view>
+															</view>
+														</view>
+													</template>
+												</uni-list-item>
+											</uni-list>
+										</view>
+									</view>
+								</view>
+								<view>
+									<view class="point">
+										<view class="dot">
+											1
+										</view>
+										<view class="time-title">产生预警【{{warnData.warnTime}}】</view>
+									</view>
+									<view class="time-info">
+										<view class="time-line">
+											<uni-list style="width: 100%;">
+												<uni-list-item direction="column">
+													<template v-slot:body>
+														<view class="list-item-block">
+															<view class="line">
+																<view class="text"><span
+																		style="color: deepskyblue;">{{warnData.warnInfo}}</span>
+																</view>
+															</view>
+														</view>
+													</template>
+												</uni-list-item>
+											</uni-list>
+										</view>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view v-else-if="contentViewStatus==2">
+							<view class="view-flex-inline" style="color: gray;margin-left: 10px;font-size: 0.9rem;">
+								图层选择: </view>
+							<view class="view-flex-inline" style="margin-top: 0px;padding-left: 10px;">
+								<uni-data-checkbox :multiple="true" mode="button" v-model="mapCheck"
+									:localdata="mapItems" @change="mapChange"></uni-data-checkbox>
+							</view>
+							<view class="list-item-block" style="color: gray;padding-left: 10px;">
+								<view class="line">
+									<text class="title" style="color: gray;">危险区:</text>
+								</view>
+								<view class="line">
+									<view class="view-flex-block-center view-border"
+										style="border-radius: 5px;;margin-top: 2px;" @click="moveToYjDangerArea()">
+										<view class="view-btn-text text-under-line"
+											style="color: deepskyblue;font-size: 0.7rem;padding-left: 10px;padding-right: 10px;padding-bottom: 2px;">
+											{{dangerAreaData.dangerAreaName}}
+										</view>
+									</view>
+								</view>
+							</view>
+							<view class="list-item-block" style="color: gray;padding-left: 10px;margin-top: 5px;">
+								<view class="line">
+									<text class="title" style="color: gray;">关联站点:</text>
+								</view>
+								<view class="line">
+									<view v-for="rtu in dangerAreaData.rtus" :key="rtu.id"
+										class="view-flex-block-center view-border"
+										style="border-radius: 5px; padding-right: 10px;margin-top: 2px;"
+										@click="moveToYjDangerAreaLinkRtu(rtu)">
+										<view class="view-btn-text text-under-line"
+											style="color: deepskyblue;font-size: 0.7rem;padding-left: 10px;padding-right: 10px;padding-bottom: 2px;">
+											{{rtu.stName}}
+										</view>
+									</view>
+								</view>
+							</view>
+							<view class="list-item-block" style="color: gray;padding-left: 10px;margin-top: 5px;">
+								<view class="line">
+									<text class="title" style="color: gray;">关联转移路线:</text>
+								</view>
+								<view class="line">
+									<view v-for="leaveline in dangerAreaData.leaveLines" :key="leaveline.id"
+										class="view-flex-block-center view-border"
+										style="border-radius: 5px; padding-right: 10px;margin-top: 2px;"
+										@click="moveToYjDangerAreaLinkLine(leaveline)">
+										<view class="view-btn-text text-under-line"
+											style="color: deepskyblue;font-size: 0.7rem;padding-left: 10px;padding-right: 10px;padding-bottom: 2px;">
+											{{leaveline.leaveLineName}}
+										</view>
+									</view>
+								</view>
+							</view>
+							<view class="list-item-block" style="color: gray;padding-left: 10px;">
+								<view class="line">
+									<text class="title" style="color: gray;">关联家庭户:</text>
+								</view>
+								<view class="line">
+									<view v-if="dangerAreaData.familyCount>0" class="view-flex-block-center view-border"
+										style="border-radius: 5px;;margin-top: 2px;"
+										@click="moveToYjDangerAreaFamily()">
+										<view class="view-btn-text text-under-line"
+											style="color: deepskyblue;font-size: 0.7rem;padding-left: 10px;padding-right: 10px;padding-bottom: 2px;">
+											共有{{dangerAreaData.familyCount}}户
+										</view>
+									</view>
+									<view v-else>
+										<view class="text" style="color: deepskyblue;font-size: 0.7rem;">暂无关联家庭户</view>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view v-else></view>
+					</scroll-view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		gcoord
+	} from '@/static/js/gcoord.global.prod.js'
+	import
+	navBtns
+	from "@/api/home.js";
+	import http from '@/http/api.js';
+	export default {
+		name: 'rtuManageView',
+		components: {},
+		data() {
+			return {
+				title: '实时监测预警',
+				query: {},
+				inputStyles: {
+					color: '#808080',
+					borderColor: '#d3d3d3'
+				},
+				loading: false,
+				mapScreenMax: false,
+				mapScreenMin: true,
+				showSearch: false,
+				contentViewStatus: 0,
+				cityRegionValue: '',
+				cityRegionData: [],
+				districtRegionValue: '',
+				districtRegionData: [],
+				townRegionValue: '',
+				townRegionData: [],
+				countryRegionValue: '',
+				countryRegionData: [],
+				//adCode: '',
+				// yjRainDataCoverView: false,
+				// yjWarnInfoCoverView: false,
+				// yjDangerAreaCoverView: false,
+				// yjPreCoverView: 0,
+				latitude: 40.848119,
+				longitude: 111.755426,
+				zoom: true,
+				scale: 13,
+				markets: [],
+				polygons: [],
+				polylines: [],
+				includepoints: [],
+				mapStyles: {
+					width: '100%',
+					height: '200px'
+				},
+				popViewStyles: {
+					width: '100%',
+					height: '500px'
+				},
+				popScrollViewStyles: {
+					width: '100%',
+					height: '100px'
+				},
+				searchViewStyles: {
+					width: '100%',
+					height: '40px'
+				},
+				mapHeight: 200,
+				popViewHeight: 500,
+				horizontal: 'right',
+				vertical: 'bottom',
+				direction: 'horizontal',
+				pattern: {
+					color: '#7A7E83',
+					backgroundColor: '#fff',
+					selectedColor: '#007AFF',
+					buttonColor: '#007AFF',
+					iconColor: '#fff'
+				},
+				content: [{
+						iconPath: '/static/images/tabbar/home.png',
+						selectedIconPath: '/static/images/tabbar/home_selected.png',
+						text: '雨情',
+						active: false
+					},
+					{
+						iconPath: '/static/images/tabbar/warn.png',
+						selectedIconPath: '/static/images/tabbar/warn_selected.png',
+						text: '预警',
+						active: false
+					},
+					{
+						iconPath: '/static/images/tabbar/workbench.png',
+						selectedIconPath: '/static/images/tabbar/workbench_selected.png',
+						text: '危险区',
+						active: false
+					}
+				],
+				// popMenu: false,
+				// popBoxIndex: 0,
+				// yjDrawerWidth: 200,
+				//应急雨量参数
+				yjRainCountType: {
+					items: [{
+						'id': '0',
+						'dictValue': '默认'
+					}, {
+						'id': '1',
+						'dictValue': '近1小时'
+					}, {
+						'id': '2',
+						'dictValue': '近3小时'
+					}, {
+						'id': '3',
+						'dictValue': '近6小时'
+					}, {
+						'id': '4',
+						'dictValue': '近12小时'
+					}, {
+						'id': '5',
+						'dictValue': '近24小时'
+					}],
+					value: 0,
+				},
+				pageSize: 10,
+				pageCurrent: 1,
+				listTotal: 0,
+				tableData: [],
+				searchRtuNameVal: '',
+				searchRtuCodeVal: '',
+				//应急预警参数
+				// yjSearchWarnNameVal: '',
+				// yjSearchAdNameVal: '',
+				// yjWarnPageSize: 10,
+				// yjWarnPageCurrent: 1,
+				// yjWarnTotal: 0,
+				// yjWarnTableData: [],
+				//应急危险区参数
+				// yjDangerAreaNameVal: '',
+				// yjDangerAreaAdNameVal: '',
+				// yjDangerAreaPageSize: 10,
+				// yjDangerAreaPageCurrent: 1,
+				// yjDangerAreaTotal: 0,
+				// yjDangerAreaTableData: [],
+				// yjDangerAreaRtus: [],
+				// yjDangerAreaLeaveLines: [],
+				// yjDangerAreas: [],
+				mapContext: null,
+				mapCheck: [0, 1, 2, 3],
+				mapItems: [{
+						text: '危险区',
+						value: 0
+					},
+					{
+						text: '转移路线',
+						value: 1
+					},
+					{
+						text: '站点',
+						value: 2
+					},
+					{
+						text: '家庭户',
+						value: 3
+					}
+				],
+				isShowDangerArea: true,
+				isShowLine: true,
+				isShowSite: true,
+				isShowFamily: true,
+				warnData: {},
+				dangerAreaData: {},
+			}
+		},
+		computed: {
+			toLocation(l) {
+				return new Number(l).toFixed(6);
+			}
+		},
+		onInit(option) {
+			console.log("onInit" + JSON.stringify(uni.getWindowInfo()))
+		},
+		onLoad(option) {
+			this.getCityRegion({});
+			this.$nextTick(() => {
+				this.getPage({});
+			})
+		},
+		onShow() {
+			if (this.$u.func.checkLogin()) {} else {
+				this.$u.func.logout();
+			}
+		},
+		onReady() {
+			//console.log("onReady" + JSON.stringify(uni.getWindowInfo()))
+			this.mapHeight = 200;
+			//uni.getWindowInfo().windowHeight - 50 - 500;
+			this.mapStyles.height = this.mapHeight + "px";
+			this.popViewHeight = uni.getWindowInfo().windowHeight - 50 - 200;
+			this.popScrollViewStyles.height = (this.popViewHeight - 40) + "px";
+			this.mapContext = uni.createMapContext('myMap', this);
+		},
+		methods: {
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			onBackPress() {
+				// #ifdef APP-PLUS
+				plus.key.hideSoftKeybord();
+				// #endif
+			},
+			onMapScreenMax() {
+				console.log("max")
+				this.mapScreenMax = true;
+				this.mapScreenMin = false;
+				this.mapHeight = uni.getWindowInfo().windowHeight - 50 - 200;
+				this.mapStyles.height = this.mapHeight + "px";
+				this.popViewHeight = 200;
+				this.popScrollViewStyles.height = (this.popViewHeight - 40) + "px";
+			},
+			onMapScreenMin() {
+				console.log("min")
+				this.mapScreenMax = false;
+				this.mapScreenMin = true;
+				this.mapHeight = 200;
+				this.mapStyles.height = this.mapHeight + "px";
+				this.popViewHeight = uni.getWindowInfo().windowHeight - 50 - 200;
+				this.popScrollViewStyles.height = (this.popViewHeight - 40) + "px";
+
+			},
+			searchAreaStatus(e) {
+				console.log(JSON.stringify(e))
+				if (e.length > 0 && e[0] == '0') {
+					this.showSearch = true;
+				} else {
+					this.showSearch = false;
+				}
+			},
+			onYjRainDataRefreshClick() {
+				this.pageCurrent = 1;
+				this.query = {};
+				this.searchRtuNameVal = '';
+				this.searchRtuCodeVal = '';
+				this.getPage({});
+			},
+			onYjWarnBackClick() {
+				this.contentViewStatus = 0;
+			},
+			onYjDangerAreaBackClick() {
+				this.contentViewStatus = 0;
+			},
+			//定位到测站
+			onYjRainDataRtuClick(item) {
+				this.isShowSite = true;
+				this.mapCheck = [2];
+				this.$nextTick(() => {
+					this.markets = [];
+					let marker = {};
+					let c = gcoord.transform(
+						[item.lng, item.lat],
+						gcoord.WGS84,
+						gcoord.GCJ02
+					);
+					marker['id'] = item.id;
+					marker['latitude'] = c[1];
+					marker['longitude'] = c[0];
+					let label = {};
+					label['content'] = item.rtuName + "(" + item.drp + "mm)";
+					label['color'] = '#ff0000';
+					label['bgColor'] = '#ffffff';
+					label['anchorY'] = -40;
+					marker['label'] = label;
+					marker['iconPath'] = "/static/images/icon_warning.png";
+					this.markets.push(marker)
+					this.mapContext.moveToLocation({
+						longitude: c[0],
+						latitude: c[1],
+						success: (res) => {
+
+						}
+					});
+				})
+			},
+			//打开预警信息子页面
+			onYjWarnClick(item) {
+				let that = this;
+				this.contentViewStatus = 1;
+				this.$nextTick(() => {
+					this.getWarnInfoDetail(item.warnId);
+				})
+			},
+			//打开危险区信息子页面
+			onYjDangerAreaDataClick(item) {
+				let that = this;
+				this.dangerAreaData.dangerAreaName = item.dangerAreaName;
+				this.isShowDangerArea = true;
+				this.isShowLine = true;
+				this.isShowSite = true;
+				this.isShowFamily = true;
+				this.mapCheck = [0, 1, 2, 3];
+				this.markets = [];
+				this.polygons = [];
+				this.polylines = [];
+				this.contentViewStatus = 2;
+				this.$nextTick(() => {
+					let postData = {};
+					postData['dangerAreaPid'] = item.dangerAreaPid;
+					http.request({
+						url: '/galaxy-business/map/dangerarea/detail',
+						method: 'GET',
+						data: postData
+					}).then(res => {
+						if (res.data != null) {
+							//console.log(JSON.stringify(res.data))
+							that.dangerAreaData = res.data;
+							let centerPointLng = res.data.centerPointLng;
+							let centerPointLat = res.data.centerPointLat;
+							let dangerStatus = res.data.dangerStatus;
+							if (that.isShowDangerArea) {
+								let dangerAreaPoints = res.data.points;
+								let p = {};
+								let ps = dangerAreaPoints.map(item => {
+									let l = gcoord.transform(
+										[item.pointLng, item.pointLat],
+										gcoord.WGS84,
+										gcoord.GCJ02
+									);
+									return {
+										latitude: l[1],
+										longitude: l[0],
+									}
+								})
+								p['points'] = ps;
+								let dashArray = [];
+								dashArray.push(4);
+								dashArray.push(10);
+								p['dashArray'] = dashArray;
+								if (dangerStatus == '1') {
+									p['strokeColor'] = '#FF0000';
+									p['fillColor'] = '#F72C5B7D';
+								} else {
+									p['strokeColor'] = '#FC8452';
+									p['fillColor'] = '#FAC8587D';
+								}
+								that.polygons.push(p);
+							}
+							if (that.isShowLine) {
+								if (that.dangerAreaData.leaveLines != undefined && that.dangerAreaData
+									.leaveLines != null && that
+									.dangerAreaData.leaveLines.length > 0) {
+									let line = that.dangerAreaData.leaveLines[0];
+									that.getYjDangerAreaLineDetail(line);
+								}
+							}
+							let rtus = [];
+							if (that.isShowSite) {
+								rtus = that.dangerAreaData.rtus.map(item => {
+									let rtu = {};
+									rtu['iconPath'] = '/static/images/icon_warning.png';
+									rtu['id'] = parseInt(item.id);
+									let r = gcoord.transform(
+										[item.stLong, item.stLat],
+										gcoord.WGS84,
+										gcoord.GCJ02
+									);
+									rtu['latitude'] = r[1];
+									rtu['longitude'] = r[0];
+									rtu['width'] = 20;
+									rtu['height'] = 20;
+									let label = {};
+									label['content'] = item.stName;
+									label['color'] = '#000000';
+									label['bgColor'] = '#ffffff';
+									label['anchorY'] = -40;
+									label['borderWidth'] = 1;
+									label['borderColor'] = '#ff0000';
+									label['padding'] = 4;
+									rtu['label'] = label;
+									return rtu;
+								});
+							}
+							let familys = [];
+							if (that.isShowFamily) {
+								familys = that.dangerAreaData.familyPoints.map(item => {
+									let rtu = {};
+									rtu['iconPath'] = '/static/images/home.png';
+									rtu['id'] = parseInt(item.id);
+									let r = gcoord.transform(
+										[item.longitude, item.latitude],
+										gcoord.WGS84,
+										gcoord.GCJ02
+									);
+									rtu['latitude'] = r[1];
+									rtu['longitude'] = r[0];
+									rtu['width'] = 20;
+									rtu['height'] = 20;
+									let label = {};
+									label['content'] = item.personName;
+									label['color'] = '#000000';
+									label['bgColor'] = '#ffffff';
+									label['anchorY'] = -40;
+									label['borderWidth'] = 1;
+									label['borderColor'] = '#ff0000';
+									label['padding'] = 4;
+									rtu['label'] = label;
+									return rtu;
+								});
+							}
+							let markets = rtus.concat(familys)
+							that.markets = markets;
+							let c = gcoord.transform(
+								[centerPointLng, centerPointLat],
+								gcoord.WGS84,
+								gcoord.GCJ02
+							);
+							that.latitude = c[1];
+							that.longitude = c[0];
+						}
+					}).catch(err => {
+						console.log(err)
+					})
+				})
+			},
+			moveToYjDangerArea() {
+				if (this.isShowDangerArea) {
+					this.$nextTick(() => {
+						let c = gcoord.transform(
+							[this.dangerAreaData.centerPointLng, this.dangerAreaData.centerPointLat],
+							gcoord.WGS84,
+							gcoord.GCJ02
+						);
+						this.latitude = c[1];
+						this.longitude = c[0];
+						this.mapContext.moveToLocation({
+							longitude: this.longitude,
+							latitude: this.latitude,
+							success: (res) => {
+
+							}
+						});
+					})
+				}
+			},
+			moveToYjDangerAreaLinkRtu(rtu) {
+				if (this.isShowSite) {
+					this.$nextTick(() => {
+						let c = gcoord.transform(
+							[rtu.stLong, rtu.stLat],
+							gcoord.WGS84,
+							gcoord.GCJ02
+						);
+						let lat = c[1];
+						let long = c[0];
+						this.mapContext.moveToLocation({
+							longitude: long,
+							latitude: lat,
+							success: (res) => {
+
+							}
+						});
+					})
+				}
+			},
+			moveToYjDangerAreaLinkLine(line) {
+				//console.log(JSON.stringify(line))
+				//let that = this;
+				if (this.isShowLine) {
+					this.$nextTick(() => {
+
+						let c = gcoord.transform(
+							[line.centerPointLng, line.centerPointLat],
+							gcoord.WGS84,
+							gcoord.GCJ02
+						);
+						let lat = c[1];
+						let long = c[0];
+						this.mapContext.moveToLocation({
+							longitude: long,
+							latitude: lat,
+							success: (res) => {
+
+							}
+						});
+
+						this.getYjDangerAreaLineDetail(line);
+					})
+				}
+			},
+			moveToYjDangerAreaFamily() {
+				if (this.isShowFamily) {
+					this.$nextTick(() => {
+						if (this.dangerAreaData.familyPoints != undefined && this.dangerAreaData.familyPoints !=
+							null && this
+							.dangerAreaData.familyPoints.length > 0) {
+							let f = this.dangerAreaData.familyPoints[0];
+							let c = gcoord.transform(
+								[f.longitude, f.latitude],
+								gcoord.WGS84,
+								gcoord.GCJ02
+							);
+							this.mapContext.moveToLocation({
+								longitude: c[0],
+								latitude: c[1],
+								success: (res) => {
+
+								}
+							});
+						}
+					})
+
+				}
+			},
+			mapChange(e) {
+				let selectDangerArea = false;
+				let selectLine = false;
+				let selectSite = false;
+				let selectFamily = false;
+				for (let i = 0; i < this.mapCheck.length; i++) {
+					let value = this.mapCheck[i];
+					if (value == 0) {
+						selectDangerArea = true;
+					} else if (value == 1) {
+						selectLine = true;
+					} else if (value == 2) {
+						selectSite = true;
+					} else if (value == 3) {
+						selectFamily = true;
+					}
+				}
+				if (selectDangerArea) {
+					if (!this.isShowDangerArea) {
+						let p = {};
+						let ps = this.dangerAreaData.points.map(item => {
+							let l = gcoord.transform(
+								[item.pointLng, item.pointLat],
+								gcoord.WGS84,
+								gcoord.GCJ02
+							);
+							return {
+								latitude: l[1],
+								longitude: l[0],
+							}
+						})
+						p['points'] = ps;
+						let dashArray = [];
+						dashArray.push(4);
+						dashArray.push(10);
+						p['dashArray'] = dashArray;
+						if (this.dangerAreaData.dangerStatus == '1') {
+							p['strokeColor'] = '#FF0000';
+							p['fillColor'] = '#F72C5B7D';
+						} else {
+							p['strokeColor'] = '#FC8452';
+							p['fillColor'] = '#FAC8587D';
+						}
+						this.polygons.push(p);
+						this.isShowDangerArea = true;
+					}
+				} else {
+					this.polygons = [];
+					this.isShowDangerArea = false;
+				}
+				if (selectLine) {
+					if (!this.isShowLine) {
+						if (this.dangerAreaData.leaveLines != undefined && this.dangerAreaData.leaveLines != null && this
+							.dangerAreaData.leaveLines.length > 0) {
+							let line = this.dangerAreaData.leaveLines[0];
+							this.getYjDangerAreaLineDetail(line);
+						}
+						this.isShowLine = true;
+					}
+				} else {
+					this.polylines = [];
+					this.isShowLine = false;
+				}
+				let rtus = [];
+				if (selectSite) {
+					rtus = this.dangerAreaData.rtus.map(item => {
+						let rtu = {};
+						rtu['iconPath'] = '/static/images/icon_warning.png';
+						rtu['id'] = parseInt(item.id);
+						let r = gcoord.transform(
+							[item.stLong, item.stLat],
+							gcoord.WGS84,
+							gcoord.GCJ02
+						);
+						rtu['latitude'] = r[1];
+						rtu['longitude'] = r[0];
+						rtu['width'] = 20;
+						rtu['height'] = 20;
+						let label = {};
+						label['content'] = item.stName;
+						label['color'] = '#000000';
+						label['bgColor'] = '#ffffff';
+						label['anchorY'] = -40;
+						label['borderWidth'] = 1;
+						label['borderColor'] = '#ff0000';
+						label['padding'] = 4;
+						rtu['label'] = label;
+						return rtu;
+					});
+					this.isShowSite = true;
+				} else {
+					this.isShowSite = false;
+				}
+				let familys = [];
+				if (selectFamily) {
+					console.log(JSON.stringify(this.dangerAreaData.familyPoints))
+					familys = this.dangerAreaData.familyPoints.map(item => {
+						let rtu = {};
+						rtu['iconPath'] = '/static/images/home.png';
+						rtu['id'] = parseInt(item.id);
+						let r = gcoord.transform(
+							[item.longitude, item.latitude],
+							gcoord.WGS84,
+							gcoord.GCJ02
+						);
+						rtu['latitude'] = r[1];
+						rtu['longitude'] = r[0];
+						rtu['width'] = 20;
+						rtu['height'] = 20;
+						let label = {};
+						label['content'] = item.personName;
+						label['color'] = '#000000';
+						label['bgColor'] = '#ffffff';
+						label['anchorY'] = -40;
+						label['borderWidth'] = 1;
+						label['borderColor'] = '#ff0000';
+						label['padding'] = 4;
+						rtu['label'] = label;
+						return rtu;
+					});
+					this.isShowFamily = true;
+				} else {
+					this.isShowFamily = false;
+				}
+				let markets = rtus.concat(familys)
+				this.markets = markets;
+			},
+			cityRegionChange(e) {
+				this.cityRegionValue = e;
+				this.districtRegionData = [];
+				this.districtRegionValue = '';
+				this.townRegionData = [];
+				this.townRegionValue = '';
+				this.countryRegionData = [];
+				this.countryRegionValue = '';
+				let p = {
+					'parentCode': this.cityRegionValue
+				}
+				this.getDistrictRegion(p);
+				this.query['adCode'] = this.cityRegionValue;
+			},
+			districtRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.districtRegionValue = '';
+					this.townRegionData = [];
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					this.query['adCode'] = this.cityRegionValue;
+				} else {
+					this.districtRegionValue = e;
+					this.townRegionData = [];
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					let p = {
+						'parentCode': this.districtRegionValue
+					}
+					this.getTownRegion(p);
+					this.query['adCode'] = this.districtRegionValue;
+				}
+			},
+			townRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.townRegionValue = '';
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					this.query['adCode'] = this.districtRegionValue;
+				} else {
+					this.townRegionValue = e;
+					this.countryRegionData = [];
+					this.countryRegionValue = '';
+					let p = {
+						'parentCode': this.townRegionValue
+					}
+					this.getCountryRegion(p);
+					this.query['adCode'] = this.townRegionValue;
+				}
+			},
+			countryRegionChange(e) {
+				if (e == undefined || e == null || e == '') {
+					this.countryRegionValue = '';
+					this.query['adCode'] = this.townRegionValue;
+				} else {
+					this.countryRegionValue = e;
+					this.query['adCode'] = this.countryRegionValue;
+				}
+			},
+			getCityRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					//console.log(JSON.stringify(res.data))
+					that.cityRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getDistrictRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.districtRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getTownRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.townRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getCountryRegion(params = {}) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/baseinfo/region/whole/yj/list',
+					method: 'GET',
+					data: params,
+				}).then(res => {
+					that.countryRegionData = res.data.map(item => {
+						return {
+							value: item.adcd,
+							text: item.adnm,
+						}
+					})
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			getWarnInfoDetail(warnId) {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/yj/warn/detail/all?warnId=' + warnId,
+					method: 'GET'
+				}).then(res => {
+					if (res && res.success) {
+						that.warnData = res.data;
+					}
+				}).catch(err => {
+					console.log(JOSN.stringify(err))
+				})
+			},
+			// openRainDataView() {
+			// 	let that = this;
+			// 	this.mapStyles.height = "200px";
+			// 	this.yjWarnInfoCoverView = false;
+			// 	this.yjDangerAreaCoverView = false;
+			// 	if (this.yjPreCoverView != 1) {
+			// 		this.yjMapMarkers = [];
+			// 		this.polygons = [];
+			// 		this.polylines = [];
+			// 	}
+			// 	this.yjPreCoverView = 1;
+			// 	this.yjRainDataCoverView = true;
+			// 	this.$nextTick(() => {
+			// 		let p = {};
+			// 		that.getYjRainDataPage(p);
+			// 	})
+			// },
+			// openWarnInfoView() {
+			// 	let that = this;
+			// 	this.mapStyles.height = "200px";
+			// 	this.yjRainDataCoverView = false;
+			// 	this.yjDangerAreaCoverView = false;
+			// 	if (this.yjPreCoverView != 2) {
+			// 		this.yjMapMarkers = [];
+			// 		this.polygons = [];
+			// 		this.polylines = [];
+			// 	}
+			// 	this.yjPreCoverView = 2;
+			// 	this.yjWarnInfoCoverView = true;
+			// 	this.$nextTick(() => {
+			// 		let p = {};
+			// 		that.getYjWarnDataPage(p);
+			// 	})
+			// },
+			// openDangerAreaView() {
+			// 	let that = this;
+			// 	this.mapStyles.height = "200px";
+			// 	this.yjRainDataCoverView = false;
+			// 	this.yjWarnInfoCoverView = false;
+			// 	if (this.yjPreCoverView != 3) {
+			// 		this.yjMapMarkers = [];
+			// 		this.polygons = [];
+			// 		this.polylines = [];
+			// 	}
+			// 	this.yjPreCoverView = 3;
+			// 	this.yjDangerAreaCoverView = true;
+			// 	this.$nextTick(() => {
+			// 		let p = {};
+			// 		that.getYjDangerAreaDataPage(p);
+			// 	})
+			// },
+			// yjPopMenuClose() {
+			// 	this.mapStyles.height = this.mapHeight + "px";
+			// 	this.yjRainDataCoverView = false;
+			// 	this.yjWarnInfoCoverView = false;
+			// 	this.yjDangerAreaCoverView = false;
+			// },
+			//雨量数据业务
+			pageChange(e) {
+				this.pageCurrent = e.current;
+				let params = {};
+				if (this.searchRtuCodeVal.length > 0) {
+					params['rtuCode'] = this.searchRtuCodeVal;
+				}
+				if (this.searchRtuNameVal.length > 0) {
+					params['rtuName'] = this.searchRtuNameVal;
+				}
+				this.getPage(params)
+			},
+			onSearch() {
+				this.pageCurrent = 1;
+				this.tableData = [];
+				let params = {};
+				if (this.searchRtuCodeVal.length > 0) {
+					params['rtuCode'] = this.searchRtuCodeVal;
+				}
+				if (this.searchRtuNameVal.length > 0) {
+					params['rtuName'] = this.searchRtuNameVal;
+				}
+				this.getPage(params);
+				// this.$nextTick(() => {
+				// 	this.showSearch = false;
+				// })
+			},
+			getPage(params = {}) {
+				const current = this.pageCurrent;
+				const size = this.pageSize;
+				const isSubmit = '0';
+				if (this.yjRainCountType.value == 1) {
+					params['rainCountType'] = 1;
+				} else if (this.yjRainCountType.value == 2) {
+					params['rainCountType'] = 3;
+				} else if (this.yjRainCountType.value == 3) {
+					params['rainCountType'] = 6;
+				} else if (this.yjRainCountType.value == 4) {
+					params['rainCountType'] = 12;
+				} else if (this.yjRainCountType.value == 5) {
+					params['rainCountType'] = 24;
+				} else {
+					params['rainCountType'] = 0;
+				}
+				let postData = Object.assign(params, this.query);
+				//console.log(JSON.stringify(postData))
+				var that = this;
+				http.request({
+					url: '/galaxy-business/yj/rain/page',
+					method: 'GET',
+					params: {
+						current,
+						size,
+						isSubmit
+					},
+					data: postData,
+				}).then(res => {
+					console.log(JSON.stringify(res))
+					if (res.data.records != null) {
+						that.tableData = res.data.records;
+					}
+					that.listTotal = res.data.total;
+					if (that.listTotal == 0) {
+						that.pageCurrent = 1;
+					}
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			onYjRainCountTypeRadioChange: function(evt) {
+				for (let i = 0; i < this.yjRainCountType.items.length; i++) {
+					if (this.yjRainCountType.items[i].id === evt.detail.value) {
+						this.yjRainCountType.value = i;
+						break;
+					}
+				}
+				this.getPage({});
+			},
+			searchRtuNameValClear(e) {
+				if (e == null || e.length == 0) {
+					this.searchRtuNameVal = '';
+				}
+			},
+			searchRtuCodeValClear(e) {
+				if (e == null || e.length == 0) {
+					this.searchRtuCodeValL = '';
+				}
+			},
+			//应急预警信息
+			yjSearchWarnNameValClear(e) {
+				if (e == null || e.length == 0) {
+					this.yjSearchWarnNameVal = '';
+				}
+			},
+			yjSearchAdNameValClear(e) {
+				if (e == null || e.length == 0) {
+					this.yjSearchAdNameVal = '';
+				}
+			},
+			// yjWarnPageChange(e) {
+			// 	this.yjDangerAreaPageCurrent = e.current;
+			// 	let params = {};
+			// 	if (this.yjSearchWarnNameVal.length > 0) {
+			// 		params['warnName'] = this.yjSearchWarnNameVal;
+			// 	}
+			// 	if (this.yjSearchAdNameVal.length > 0) {
+			// 		params['dangerAreaName'] = this.yjSearchAdNameVal;
+			// 	}
+			// 	this.getYjWarnDataPage(params)
+			// },
+			// yjWarnDataSearch() {
+			// 	let params = {};
+			// 	if (this.yjSearchWarnNameVal.length > 0) {
+			// 		params['warnName'] = this.yjSearchWarnNameVal;
+			// 	}
+			// 	if (this.yjSearchAdNameVal.length > 0) {
+			// 		params['dangerAreaName'] = this.yjSearchAdNameVal;
+			// 	}
+			// 	this.getYjWarnDataPage(params);
+			// },
+			// getYjWarnDataPage(params = {}) {
+			// 	const current = this.yjWarnPageCurrent;
+			// 	const size = this.yjWarnPageSize;
+			// 	const isSubmit = '0';
+			// 	let postData = Object.assign(params, this.query);
+			// 	let that = this;
+			// 	http.request({
+			// 		url: '/galaxy-business/yj/warn/page',
+			// 		method: 'GET',
+			// 		params: {
+			// 			current,
+			// 			size,
+			// 		},
+			// 		data: postData,
+			// 	}).then(res => {
+
+			// 		if (res.data.records != null) {
+			// 			that.yjWarnTableData = res.data.records;
+			// 		}
+			// 		that.yjWarnTotal = res.data.total;
+			// 		if (that.yjWarnTotal == 0) {
+			// 			that.yjWarnPageCurrent = 1;
+			// 		}
+			// 	}).catch(err => {
+			// 		console.log(err)
+			// 	})
+			// },
+			//应急危险区业务
+			// yjDangerAreaNameValClear(e) {
+			// 	if (e == null || e.length == 0) {
+			// 		this.yjDangerAreaNameVal = '';
+			// 	}
+			// },
+			// yjDangerAreaAdNameValClear(e) {
+			// 	if (e == null || e.length == 0) {
+			// 		this.yjDangerAreaAdNameVal = '';
+			// 	}
+			// },
+			// yjDangerAreaDataSearch() {
+			// 	let params = {};
+			// 	if (this.yjDangerAreaNameVal.length > 0) {
+			// 		params['dangerAreaName'] = this.yjDangerAreaNameVal;
+			// 	}
+			// 	this.getYjDangerAreaDataPage(params);
+			// },
+			// yjDangerAreaPageChange(e) {
+			// 	this.yjDangerAreaPageCurrent = e.current;
+			// 	let params = {};
+			// 	if (this.yjDangerAreaNameVal.length > 0) {
+			// 		params['dangerAreaName'] = this.yjDangerAreaNameVal;
+			// 	}
+			// 	this.getYjDangerAreaDataPage(params)
+			// },
+			// 	getYjDangerAreaDataPage(params = {}) {
+			// 		const current = this.yjDangerAreaPageCurrent;
+			// 		const size = this.yjDangerAreaPageSize;
+			// 		const isSubmit = '0';
+			// 		let postData = Object.assign(params, this.query);
+			// 		let that = this;
+			// 		http.request({
+			// 			url: '/galaxy-business/map/dangerarea/page',
+			// 			method: 'GET',
+			// 			params: {
+			// 				current,
+			// 				size,
+			// 			},
+			// 			data: postData,
+			// 		}).then(res => {
+
+			// 			if (res.data.records != null) {
+			// 				that.yjDangerAreaTableData = res.data.records;
+			// 			}
+			// 			that.yjDangerAreaTotal = res.data.total;
+			// 			if (that.yjDangerAreaTotal == 0) {
+			// 				that.yjDangerAreaPageCurrent = 1;
+			// 			}
+			// 		}).catch(err => {
+			// 			console.log(err)
+			// 		})
+			// 	},
+			// getDangerAreaDataGcoord(id) {
+			// 	let that = this;
+			// 	let postData = {};
+			// 	postData['id'] = id;
+			// 	http.request({
+			// 		url: '/galaxy-business/map/dangerarea/detail',
+			// 		method: 'GET',
+			// 		data: postData
+			// 	}).then(res => {
+			// 		if (res.data != null) {
+			// 			that.includepoints = [];
+			// 			that.polygons = [];
+			// 			let p = {};
+			// 			let ps = res.data.points.map(item => {
+			// 				let l = gcoord.transform(
+			// 					[item.pointLng, item.pointLat],
+			// 					gcoord.WGS84,
+			// 					gcoord.GCJ02
+			// 				);
+			// 				return {
+			// 					latitude: l[1],
+			// 					longitude: l[0],
+			// 				}
+			// 			})
+			// 			p['points'] = ps;
+			// 			that.includepoints.push(ps[0]);
+			// 			let dashArray = [];
+			// 			dashArray.push(4);
+			// 			dashArray.push(10);
+			// 			p['dashArray'] = dashArray;
+			// 			if (res.data.dangerStatus == '1') {
+			// 				p['strokeColor'] = '#FF0000';
+			// 				p['fillColor'] = '#F72C5B7D';
+			// 			} else {
+			// 				p['strokeColor'] = '#FC8452';
+			// 				p['fillColor'] = '#FAC8587D';
+			// 			}
+			// 			that.polygons.push(p);
+			// 			that.scale = 14;
+			// 		}
+			// 	}).catch(err => {
+			// 		console.log(err)
+			// 	})
+			// },
+			// onYjDangerAreaLinkRtuClick(rtu) {
+			// 	console.log(JSON.stringify(rtu))
+			// 	this.yjMapMarkers = [];
+			// 	let marker = {};
+			// 	marker['id'] = rtu.id;
+			// 	let l = gcoord.transform(
+			// 		[rtu.stLong, rtu.stLat],
+			// 		gcoord.WGS84,
+			// 		gcoord.GCJ02
+			// 	);
+			// 	marker['latitude'] = l[1];
+			// 	marker['longitude'] = l[0];
+			// 	let label = {};
+			// 	label['content'] = rtu.stName;
+			// 	label['color'] = '#ff0000';
+			// 	label['bgColor'] = '#ffffff';
+			// 	label['anchorY'] = -40;
+			// 	marker['label'] = label;
+			// 	marker['iconPath'] = "/static/images/icon_warning.png";
+			// 	this.yjMapMarkers.push(marker)
+			// 	this.latitude = l[1];
+			// 	this.longitude = l[0];
+			// 	this.scale = 14;
+			// },
+			// onYjDangerAreaLinkLineClick(line) {
+			// 	console.log(JSON.stringify(line))
+			// 	let that = this;
+			// 	this.polylines = [];
+			// 	let c = gcoord.transform(
+			// 		[line.centerPointLng, line.centerPointLat],
+			// 		gcoord.WGS84,
+			// 		gcoord.GCJ02
+			// 	);
+			// 	this.latitude = c[1];
+			// 	this.longitude = c[0];
+			// 	this.scale = 14;
+			// 	//let id = line.id;
+			// 	this.$nextTick(() => {
+			// 		that.getYjDangerAreaLineDetail(line);
+			// 	})
+			// },
+			getYjDangerAreaLineDetail(line) {
+				let that = this;
+				let postData = {};
+				postData['id'] = line.id;
+				http.request({
+					url: '/galaxy-business/map/leaveline/detail',
+					method: 'GET',
+					data: postData
+				}).then(res => {
+					if (res.data != null) {
+						that.polylines = [];
+						let p = {};
+						let ps = res.data.points.map(item => {
+							let l = gcoord.transform(
+								[item.pointLng, item.pointLat],
+								gcoord.WGS84,
+								gcoord.GCJ02
+							);
+							return {
+								latitude: l[1],
+								longitude: l[0],
+							}
+						})
+						p['points'] = ps;
+						if (that.dangerAreaData.dangerStatus == '1') {
+							p['color'] = '#FAC858FF';
+						} else {
+							p['color'] = '#F72C5BFF';
+						}
+						p['width'] = 4;
+						that.polylines.push(p);
+					}
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+			// onYjDangerAreaClick(item) {
+			// 	let that = this;
+			// 	this.polygons = [];
+			// 	this.$nextTick(() => {
+			// 		let c = gcoord.transform(
+			// 			[item.lng, item.lat],
+			// 			gcoord.WGS84,
+			// 			gcoord.GCJ02
+			// 		);
+			// 		that.latitude = c[1];
+			// 		that.longitude = c[0];
+			// 		this.scale = 14;
+			// 		that.getDangerAreaDataGcoord(item.id);
+			// 	})
+			// }
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.tag {
+		display: flex;
+		flex-direction: row;
+		justify-content: flex-start;
+		align-items: center;
+		margin-bottom: 10px;
+		padding-left: 10px;
+		flex-wrap: wrap;
+
+		view {
+			margin: 5px;
+		}
+	}
+
+	.select-checkbox {
+		margin-top: 0px;
+		margin-bottom: 5px;
+		padding-left: 15px;
+	}
+
+	.scroll-view {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		height: 100%;
+		/* #endif */
+		flex: 1
+	}
+
+	// 处理抽屉内容滚动
+	.scroll-view-box {
+		flex: 1;
+		position: absolute;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+	}
+
+	.point {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		margin: 15rpx 0;
+	}
+
+	.dot {
+		//margin-left: -22rpx;
+		background-color: #19be6b;
+		box-shadow: 0 0 5rpx 5rpx #71d5a1;
+		color: white;
+		width: 50rpx;
+		height: 50rpx;
+		padding: 5rpx;
+		font-size: 28rpx;
+		text-align: center;
+		border-radius: 50rpx;
+	}
+
+	.time-title {
+		font-size: 30rpx;
+		margin-left: 15rpx;
+		background-color: whitesmoke;
+		padding: 12rpx 25rpx;
+		border-radius: 50rpx;
+		color: orangered;
+	}
+
+	.time-info {
+		padding: 0rpx 0rpx 0rpx 25rpx;
+	}
+
+	.time-line {
+		border-left: 3rpx solid #71d5a1;
+		padding: 10rpx 10rpx 30rpx 20rpx;
+	}
+</style>

pages/yjxt/warn/yjwarndetail.vue

@@ -0,0 +1,322 @@
+<template>
+	<view class="wrap">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="container" style="padding-left: 10px;padding-right: 10px;padding-top: 10px;">
+			<view v-if="data.warnResponseStatus==1">
+				<view class="point">
+					<view class="dot">
+						4
+					</view>
+					<view class="time-title">响应反馈【{{data.replyTm}}】</view>
+				</view>
+				<view class="time-info">
+					<view class="time-line">
+						<uni-list style="width: 100%;">
+							<uni-list-item v-for="(item,index) in data.warnResponseInfoList" :key="index"
+								direction="column">
+								<template v-slot:body>
+									<view class="list-item-block">
+										<view class="line">
+											<view class="text">责任人：<span style="color: deepskyblue;"></span></view>
+										</view>
+										<view class="line">
+											<view class="text">责任人类型：<span style="color: deepskyblue;"></span></view>
+										</view>
+										<view class="line">
+											<view class="text">反馈情况：<span
+													style="color: deepskyblue;">{{item.repltStatus}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text">反馈时间：<span
+													style="color: deepskyblue;">{{item.replyTm}}</span></view>
+										</view>
+										<!-- 	<view>反馈内容：<span style="color: skyblue;"></span></view> -->
+										<view class="line">
+											<view class="text">是否收到预警短信：<span
+													style="color: deepskyblue;">{{item.isReceive}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text">是否发生沟道山洪：<span
+													style="color: deepskyblue;">{{item.isFloodBoot}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text">山洪是否出沟：<span
+													style="color: deepskyblue;">{{item.isFloodOut}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text">降雨是否持续：<span
+													style="color: deepskyblue;">{{item.isRainContu}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text">是否人员转移：<span
+													style="color: deepskyblue;">{{item.isTrans}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text">有无人员伤亡：<span
+													style="color: deepskyblue;">{{item.isDeady}}</span></view>
+										</view>
+									</view>
+								</template>
+							</uni-list-item>
+						</uni-list>
+					</view>
+				</view>
+			</view>
+			<view v-if="data.ousideWarnStatus==1">
+				<view class="point">
+					<view class="dot">
+						3
+					</view>
+					<view class="time-title">外部预警【{{data.extTime}}】</view>
+				</view>
+				<view class="time-info">
+					<view class="time-line">
+						<uni-list style="width: 100%;">
+							<uni-list-item v-for="(item,index) in data.outsideWarnInfoList" :key="index"
+								direction="column">
+								<template v-slot:body>
+									<view class="list-item-block">
+										<view class="line">
+											<view class="text ">发布单位：<span
+													style="color: deepskyblue;">{{item.deptName}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text ">发布人：<span
+													style="color: deepskyblue;">{{item.senderName}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text">发布内容：<span
+													style="color: deepskyblue;">{{item.messageInfo}}</span></view>
+										</view>
+									</view>
+								</template>
+							</uni-list-item>
+						</uni-list>
+					</view>
+				</view>
+			</view>
+			<view>
+				<view class="point">
+					<view class="dot">
+						2
+					</view>
+					<view class="time-title">内部预警【{{data.warnTime}}】</view>
+				</view>
+				<view class="time-info">
+					<view class="time-line">
+						<uni-list style="width: 100%;">
+							<uni-list-item direction="column">
+								<template v-slot:body>
+									<view class="list-item-block">
+										<view class="line">
+											<view class="text">发布单位：<span style="color: deepskyblue;">系统自动</span></view>
+										</view>
+									</view>
+								</template>
+							</uni-list-item>
+							<uni-list-item direction="column">
+								<template v-slot:body>
+									<view class="list-item-block">
+
+										<view class="line">
+											<view class="text">预警名称：<span
+													style="color: deepskyblue;">{{data.warnName}}</span>
+											</view>
+										</view>
+									</view>
+								</template>
+							</uni-list-item>
+							<uni-list-item v-for="(item,index) in data.insideWarnInfoList" :key="index"
+								direction="column">
+								<template v-slot:body>
+									<view class="list-item-block">
+										<view class="line">
+											<view class="text ">类型：<span
+													style="color: deepskyblue;">{{item.sendObjectName}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text ">接收人：<span
+													style="color: deepskyblue;">{{item.userName}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text">所在单位：<span
+													style="color: deepskyblue;">{{item.deptName}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text">职务：<span
+													style="color: deepskyblue;">{{item.posiTion}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text">电话：<span
+													style="color: deepskyblue;">{{item.userTel}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text">短信内容：<span
+													style="color: deepskyblue;">{{item.messageInfo}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text">发送时间：<span
+													style="color: deepskyblue;">{{item.sendTime}}</span></view>
+										</view>
+										<view class="line">
+											<view class="text">发送单位：<span style="color: deepskyblue;"></span></view>
+										</view>
+										<view class="line">
+											<view class="text">发送人：<span
+													style="color: deepskyblue;">{{item.senderName}}</span></view>
+										</view>
+										<view class="line">
+											<view v-if="item.sendStatus ==0" class="text">发送状态：<span
+													style="color: deepskyblue;">失败</span></view>
+											<view v-else-if="item.sendStatus ==1" class="text">发送状态：<span
+													style="color: deepskyblue;">成功</span></view>
+										</view>
+									</view>
+								</template>
+							</uni-list-item>
+						</uni-list>
+					</view>
+				</view>
+			</view>
+			<view>
+				<view class="point">
+					<view class="dot">
+						1
+					</view>
+					<view class="time-title">产生预警【{{data.warnTime}}】</view>
+				</view>
+				<view class="time-info">
+					<view class="time-line">
+						<uni-list style="width: 100%;">
+							<uni-list-item direction="column">
+								<template v-slot:body>
+									<view class="list-item-block">
+										<view class="line">
+											<view class="text"><span
+													style="color: deepskyblue;">{{data.warnInfo}}</span></view>
+										</view>
+									</view>
+								</template>
+							</uni-list-item>
+						</uni-list>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 		<uni-card title="预警信息" :is-shadow="false">
+			<view>预警名称：<span style="color: skyblue;">{{formData.warnName}}</span></view>
+			<view>预警时间：<span style="color: skyblue;">{{formData.warnTime}}</span></view>
+			<view>预警状态：<span style="color: skyblue;">{{formData.warnStatusText}}</span></view>
+			<view>审核状态：<span style="color: skyblue;">{{formData.reviewStatusText}}</span></view>
+			<view>预警信息：<span style="color: skyblue;">{{formData.warnInfo}}</span></view>
+			<view>预警政区：<span style="color: skyblue;">{{formData.warnAdcd}}</span></view>
+			<view>预警点经纬度：<span style="color: skyblue;">{{formData.warnLgtd}},{{formData.warnLttd}}</span></view>
+		</uni-card>
+		<uni-card title="站点信息" :is-shadow="false">
+			<view>测站编码：<span style="color: skyblue;">{{formData.stcd}}</span></view>
+			<view>站类：<span style="color: skyblue;">{{formData.typeText}}</span></view>
+			<view>雨量站预警频率：<span style="color: skyblue;">{{formData.rainWarnRateText}}</span></view>
+			<view>降雨时段：<span style="color: skyblue;">{{formData.intv}}</span></view>
+			<view>降雨总量：<span style="color: skyblue;">{{formData.drp}}</span></view>
+			<view v-if="formData.z">河道水位：<span style="color: skyblue;">{{formData.z}}</span></view>
+			<view v-if="formData.q">河道流量：<span style="color: skyblue;">{{formData.q}}</span></view>
+			<view v-if="formData.wptn">河道水势：<span style="color: skyblue;">{{formData.wptn}}</span></view>
+			<view v-if="formData.rz">水库水位：<span style="color: skyblue;">{{formData.rz}}</span></view>
+			<view v-if="formData.rwptn">水库水势：<span style="color: skyblue;">{{formData.rwptn}}</span></view>
+			<view v-if="formData.inq">水库流量：<span style="color: skyblue;">{{formData.inq}}</span></view>
+		</uni-card> -->
+	</view>
+</template>
+
+<script>
+	// import {
+	// 	role
+	// } from "@/api/role.js";
+	import http from '@/http/api.js';
+	export default {
+		data() {
+			return {
+				title: '预警详情',
+				warnId: '',
+				data: {},
+			}
+		},
+		onLoad(option) {
+			this.warnId = option.id;
+			this.getDetail();
+		},
+		computed: {
+
+		},
+		methods: {
+			//返回上一页
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			getDetail() {
+				let that = this;
+				http.request({
+					url: '/galaxy-business/yj/warn/detail/all?id=' + this.warnId,
+					method: 'GET'
+				}).then(res => {
+					if (res && res.success) {
+						that.data = res.data;
+					}
+				}).catch(err => {
+					console.log(JOSN.stringify(err))
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.container {
+		padding: 0 0 100rpx;
+	}
+
+	.point {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		margin: 15rpx 0;
+	}
+
+	.dot {
+		//margin-left: -22rpx;
+		background-color: #19be6b;
+		box-shadow: 0 0 5rpx 5rpx #71d5a1;
+		color: white;
+		width: 50rpx;
+		height: 50rpx;
+		padding: 5rpx;
+		font-size: 28rpx;
+		text-align: center;
+		border-radius: 50rpx;
+	}
+
+	.time-title {
+		font-size: 30rpx;
+		margin-left: 15rpx;
+		background-color: whitesmoke;
+		padding: 12rpx 25rpx;
+		border-radius: 50rpx;
+		color: orangered;
+	}
+
+	.time-info {
+		padding: 0rpx 0rpx 0rpx 25rpx;
+	}
+
+	.time-line {
+		border-left: 3rpx solid #71d5a1;
+		padding: 10rpx 10rpx 30rpx 20rpx;
+	}
+</style>

pages/yjxt/warn/yjwarnlist.vue

@@ -0,0 +1,193 @@
+<!--
+ * @Title: 
+ * @Description: 预警响应数据列表页
+ * @Author: swp
+ * @Date: 2022-08-24 10:49:21
+ * @LastEditors: 
+ * @LastEditTime: 2022-08-24 10:49:21
+-->
+<template>
+	<view class="wrap">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="container">
+			<uni-list>
+				<uni-list-item v-for="item in list" :key="item.id">
+					<template v-slot:body>
+						<view class="list-item-block">
+							<view class="line" @click="toWarnDetailView(item)">
+								<view class="block">
+									<uni-icons class="input-uni-icon" type="notification" size="18" color="red" />
+								</view>
+								<text class="title text-ellipsis text-underline"
+									style="color: blue;">{{item.warnName}}</text>
+							</view>
+							<view class="line">
+								<text class="text text-ellipsis" style="color: gray;">预警信息：{{item.warnInfo}}</text>
+							</view>
+							<view class="line">
+								<text class="text text-ellipsis" style="color: gray;">预警时间：{{item.warnTime}}</text>
+							</view>
+							<view class="line">
+								<text class="text text-ellipsis"
+									style="color: gray;">应转移人员：{{item.totalTransferPerson}}</text>
+							</view>
+							<view class="line">
+								<text class="text text-ellipsis"
+									style="color: gray;">已转移：{{item.safetyTransferPerson}}</text>
+							</view>
+							<uni-row>
+								<uni-col :span="8">
+									<image style="height: 80px;" :src="toOss(item.warnQrUrl)" mode="heightFix"
+										@click="toFullQrImage(item)"></image>
+								</uni-col>
+								<uni-col :span="16">
+									<view class="item-button-group">
+										<view class="item-button" @click="onDangerAreaCheckClick(item)">
+											<view class="view-flex-inline-center">
+												<uni-icons class="input-uni-icon" type="map-pin-ellipse" size="18"
+													color="coral" />
+												<text class="button-text">巡查</text>
+											</view>
+										</view>
+										<view class="item-button" @click="onTransferRecordClick(item)">
+											<view class="view-flex-inline-center">
+												<uni-icons class="input-uni-icon" type="auth" size="18" color="coral" />
+												<text class="button-text">转移登记</text>
+											</view>
+										</view>
+										<view class="item-button" @click="onTransferResidentListClick(item)">
+											<view class="view-flex-inline-center">
+												<uni-icons class="input-uni-icon" type="staff" size="18"
+													color="coral" />
+												<text class="button-text">转移清单</text>
+											</view>
+										</view>
+									</view>
+								</uni-col>
+							</uni-row>
+						</view>
+					</template>
+				</uni-list-item>
+			</uni-list>
+			<uni-group>
+				<view class="pagination-block">
+					<uni-pagination show-icon :pageSize="pageSize" :current="pageCurrent" :total="total"
+						@change="pageChange" />
+				</view>
+			</uni-group>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		role
+	} from "@/api/role.js";
+	import {
+		oss
+	} from '@/common/setting';
+	import http from '@/http/api.js';
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '预警响应',
+				pageSize: 10,
+				pageCurrent: 1,
+				baseOSS: '',
+				total: 0,
+				list: [],
+				query: {},
+			}
+		},
+		computed: {},
+		onLoad(option) {
+			this.baseOSS = oss;
+			this.query = {};
+			this.query['warnStatus'] = 5;
+			this.getPage();
+		},
+		onShow() {},
+		methods: {
+			toOss(path) {
+				return this.baseOSS + path;
+			},
+			//返回上一页
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			onBackPress() {
+				// #ifdef APP-PLUS
+				plus.key.hideSoftKeybord();
+				// #endif
+			},
+			// 分页触发
+			pageChange(e) {
+				this.pageCurrent = e.current;
+				this.getPage()
+			},
+			onDangerAreaCheckClick(item) {
+				let url =
+					'/pages/yjxt/check/dangerareacheck?type=2&id=' + item.warnId;
+				uni.navigateTo({
+					url: url
+				})
+			},
+			onTransferRecordClick(item) {
+				let url = '/pages/yjxt/transfer/residenttransferrecord?id=' + item.warnId;
+				uni.navigateTo({
+					url: url
+				})
+			},
+			onTransferResidentListClick(item) {
+				let url = '/pages/yjxt/transfer/transferresidentlist?id=' + item.warnId;
+				uni.navigateTo({
+					url: url
+				})
+			},
+			toWarnDetailView(item) {
+				uni.navigateTo({
+					url: '/pages/yjxt/warn/yjwarndetail?id=' + item.id
+				})
+			},
+			toFullQrImage(item) {
+				uni.navigateTo({
+					url: '/pages/yjxt/warn/yjwarnqr?id=' + item.id
+				})
+			},
+			getPage(params = {}) {
+				const current = this.pageCurrent;
+				const size = this.pageSize;
+				let postData = Object.assign(params, this.query);
+				let that = this;
+				http.request({
+					url: '/galaxy-business/yj/warn/page',
+					method: 'GET',
+					params: {
+						current,
+						size,
+					},
+					data: postData,
+				}).then(res => {
+					if (res.data.records != null) {
+						that.list = res.data.records;
+					}
+					this.total = res.data.total;
+				}).catch(err => {
+					console.log(err)
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

pages/yjxt/warn/yjwarnqr.vue

@@ -0,0 +1,82 @@
+<template>
+	<view class="container">
+		<uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
+			@clickLeft="toBack">
+			<view class="nav-title">
+				<text>{{title}}</text>
+			</view>
+		</uni-nav-bar>
+		<view class="page-body">
+			<uni-card :title="warnName">
+				<image style="width: 100%;" :src="toQr" mode="widthFix"></image>
+			</uni-card>
+		</view>
+	</view>
+</template>
+<script>
+	import http from '@/http/api.js';
+	import {
+		oss
+	} from '@/common/setting';
+	export default {
+		components: {
+
+		},
+		data() {
+			return {
+				title: '预警响应二维码',
+				warnName: '',
+				warnId: '',
+				baseOSS: '',
+				qrImageUrl: '',
+			}
+		},
+		computed: {
+			toQr() {
+				if (this.qrImageUrl != undefined && this.qrImageUrl.length > 0) {
+					let url = this.baseOSS + this.qrImageUrl;
+					return url;
+				} else {
+					return '';
+				}
+			},
+		},
+		onLoad(options) {
+			this.baseOSS = oss;
+			this.warnId = options.id;
+			let that = this;
+			let postData = {};
+			postData['id'] = this.warnId;
+			http.request({
+				url: '/galaxy-business/yj/warn/detail',
+				method: 'GET',
+				data: postData
+			}).then(res => {
+				if (res.data != null) {
+					that.qrImageUrl = res.data.warnQrUrl;
+					that.warnName = res.data.warnName;
+				}
+			}).catch(err => {
+				console.log(err)
+			})
+		},
+		onShow() {
+
+		},
+		methods: {
+			toOss(path) {
+				let url = this.baseOSS + path;
+				return url;
+			},
+			toBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+		}
+	}
+</script>
+
+<style>
+
+</style>