2023.7.24

ruoyi-ui/src/api/bigScreen.js

@@ -9,6 +9,24 @@ export function getOldmanMarkers(params) {
   })
 }
 
+// // 老人详情数据
+// export function getOldmanDetails(params) {
+//   return request({
+//     url: '/system/xzqhWl/lr/dc',
+//     method: 'get',
+//     params: params
+//   })
+// }
+
+// 老人详情数据
+export function getOldmanDetails(params) {
+  var xhr = new XMLHttpRequest()
+  xhr.open("get", '/getxflrinfo?lrid=' + params.lrid, false);
+  xhr.setRequestHeader("Content-Type","application/json;charset=utf-8");
+  xhr.send();
+  return  JSON.parse(xhr.responseText);
+}
+
 // 养老机构点位数据
 export function getOrgMarkers(params) {
   return request({
@@ -18,6 +36,15 @@ export function getOrgMarkers(params) {
   })
 }
 
+// 养老机构详情数据
+export function getOrgDetails(params) {
+  return request({
+    url: '/system/xzqhWl/fwz/dc',
+    method: 'get',
+    params: params
+  })
+}
+
 // 为老服务商点位数据
 export function getServiceMarkers(params) {
   return request({
@@ -27,6 +54,15 @@ export function getServiceMarkers(params) {
   })
 }
 
+// 为老服务商详情数据
+export function getServiceDetails(params) {
+  return request({
+    url: '/system/xzqhWl/fws/dc',
+    method: 'get',
+    params: params
+  })
+}
+
 // 为老服务产品滚动列表
 export function getProductList(params) {
   return request({
@@ -45,6 +81,15 @@ export function getMonitorMarkers(params) {
   })
 }
 
+// 摄像头点位详情数据
+export function getMonitorDetails(params) {
+  return request({
+    url: '/system/xzqhWl/sst/dc',
+    method: 'get',
+    params: params
+  })
+}
+
 // 智能设备点位数据
 export function getSmartMarkers(params) {
   return request({
@@ -54,7 +99,16 @@ export function getSmartMarkers(params) {
   })
 }
 
-// 智能设备点位数据
+// 智能设备详情数据
+export function getSmartDetails(params) {
+  return request({
+    url: '/system/xzqhWl/znsb/dc',
+    method: 'get',
+    params: params
+  })
+}
+
+// 养老机构下社区
 export function getRegion(params) {
   return request({
     url: '/system/xzqhWl/xq',

ruoyi-ui/src/views/bigScreen/resources/details/MonitorInfo.vue

@@ -12,6 +12,8 @@
 </template>
 
 <script>
+import { getMonitorDetails, } from '@/api/bigScreen'
+
 export default {
 	name: 'MonitorInfo',
 	props: {

ruoyi-ui/src/views/bigScreen/resources/details/OldmanInfo.vue

@@ -2,19 +2,179 @@
 	<div>
 		<el-dialog :visible.sync="isOpen" width="800px" @close="handleClose" append-to-body>
 			<el-scrollbar wrapClass="scroll-wrap">
-				<article>
-					<p>老人姓名：柰女</p>
-					<p>出生日期：1960-1-14</p>
-					<p>家庭地址：英雄街道108号</p>
-					<p>联系电话：18812341234</p>
-					<p>身体状况：半失能</p>
-				</article>
+				<h5>老人信息介绍</h5>
+				<table>
+					<tr>
+						<td>姓名:</td>
+						<td colspan="2">阴胜江</td>
+						<td rowspan="5">
+							<el-image
+								style="width: 100%; height: 100%" fit="cover"
+								:src="require('@/assets/images/bigScreen/jg_1.png')"
+								:preview-src-list="[require('@/assets/images/bigScreen/jg_1.png')]"
+							>
+							</el-image>
+						</td>
+					</tr>
+					<tr>
+						<td>性别:</td>
+						<td colspan="2">阴胜江</td>
+					</tr>
+					<tr>
+						<td>民族:</td>
+						<td colspan="2">阴胜江</td>
+					</tr>
+					<tr>
+						<td>身份证号:</td>
+						<td colspan="2">阴胜江</td>
+					</tr>
+					<tr>
+						<td>联系电话:</td>
+						<td colspan="2">阴胜江</td>
+					</tr>
+					<tr>
+						<td>户籍地址:</td>
+						<td colspan="3"></td>
+					</tr>
+					<tr>
+						<td>户籍地址详细:</td>
+						<td colspan="3"></td>
+					</tr>
+					<tr>
+						<td>是否户籍地址和现居地址一致:</td>
+						<td colspan="3"></td>
+					</tr>
+					<tr>
+						<td>现居地址:</td>
+						<td colspan="3"></td>
+					</tr>
+					<tr>
+						<td>现居地址详细:</td>
+						<td colspan="3"></td>
+					</tr>
+					<tr>
+						<td>婚姻及配偶情况:</td>
+						<td></td>
+						<td>配偶姓名:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>配偶身份证号:</td>
+						<td></td>
+						<td>健康状况:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>残疾类别:</td>
+						<td></td>
+						<td>残疾人等级:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>重特大疾病类别:</td>
+						<td></td>
+						<td>老年人能力状况:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>生活经济状况:</td>
+						<td></td>
+						<td>收入来源:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>其它收入来源:</td>
+						<td></td>
+						<td>本人上年度可支配收入:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>家庭救助帮扶情况:</td>
+						<td></td>
+						<td>其它家庭救助帮扶情况:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>是否为失独家庭:</td>
+						<td></td>
+						<td>陪伴居住情况:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>其他陪伴居住情况:</td>
+						<td></td>
+						<td>日常生活照料人:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>其他日常生活照料人:</td>
+						<td></td>
+						<td>主要照料人姓名:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>主要照料人性别:</td>
+						<td></td>
+						<td>主要照料人电话:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>关爱服务需求:</td>
+						<td></td>
+						<td>其它关爱服务需求:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>老年人类别:</td>
+						<td colspan="3"></td>
+					</tr>
+				</table>
+
+				<h5>子女信息详情</h5>
+				<table style="margin-bottom: 10px">
+					<tr>
+						<td>姓名:</td>
+						<td></td>
+						<td>性别:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>常用联系电话:</td>
+						<td></td>
+						<td>是否外出:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>外出原因:</td>
+						<td></td>
+						<td>外出地点:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>最后一次离家时间:</td>
+						<td></td>
+						<td>是否有配偶:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>子女配偶姓名:</td>
+						<td></td>
+						<td>子女配偶电话:</td>
+						<td></td>
+					</tr>
+					<tr>
+						<td>平均一年探望次数:</td>
+						<td colspan="3"></td>
+					</tr>
+				</table>
 			</el-scrollbar>
 		</el-dialog>
 	</div>
 </template>
 
 <script>
+import { getOldmanDetails } from '@/api/bigScreen'
+
 export default {
 	name: 'OldmanInfo',
 	props: {
@@ -30,27 +190,38 @@ export default {
 	data() {
 		return {
 			isOpen: false,
-		};
+			activeNames: ['1'],
+			info:{},
+		}
 	},
 	computed: {},
 	watch: {
-		visible(newVal) {this.isOpen = newVal;},
+		visible(newVal) {this.isOpen = newVal},
 		id: {
 			immediate: true,
 			deep: true,
 			handler(newVal) {
 				if (newVal) {
-					console.log(newVal);
+					let result = getOldmanDetails({ lrid: '5dde3f1b0e2c4d237088d122' })
+					this.info = result[0]
 				}
 			}
 		}
 	},
+	created() {
+		getOldmanDetails({ lrid: '5dde3f1b0e2c4d237088d122' }).then((res) => {
+			console.log(res)
+		})
+	},
 	methods: {
 		handleClose() {
-			this.$emit('update:visible', this.isOpen);
+			this.$emit('update:visible', this.isOpen)
 		},
+		handleChange() {
+			console.log(this.activeNames)
+		}
 	}
-};
+}
 </script>
 
 <style scoped lang="scss">
@@ -60,31 +231,63 @@ export default {
 	}
 
 	.el-dialog__headerbtn {
-		top: 10px;
-		right: 10px;
+		top: 5px;
+		right: 5px;
 		z-index: 1;
 		font-size: 24px;
 	}
 
 	.el-dialog__body {
-		padding: 20px 10px 20px 20px;
+		padding: 25px 10px 25px 20px;
 
 		.scroll-wrap {
-			height: 30vh;
+			height: 82vh;
 			padding-right: 10px;
 		}
 	}
 }
 
-article {
-	display: flex;
-	justify-content: flex-start;
-	flex-wrap: wrap;
-	font-size: 16px;
+h5 {
+	font-size: 18px;
+	font-weight: bold;
+	padding: 7px 10px;
+	color: #fff;
+	background-image: linear-gradient(to right, #548cd6, transparent);
+}
+
+table {
+	$borderColor: #e1e1e1;
+	width: 100%;
+	margin: 10px 0 40px;
+	border-collapse: collapse;
+	border-spacing: 2px;
+	box-sizing: border-box;
 
-	p {
-		width: 33%;
-		margin-bottom: 10px;
+	tr {
+		&:first-child {
+			border-top: 2px solid $borderColor;
+		}
+
+		td {
+			width: 25%;
+			padding: 10px;
+			border-right: 2px solid $borderColor;
+			border-bottom: 2px solid $borderColor;
+			white-space: nowrap;
+		}
+
+		td:first-child {
+			//width: 28%;
+			border-left: 2px solid $borderColor;
+		}
+
+		td:nth-child(odd) {
+			background-color: #ECF5FF;
+		}
 	}
 }
+
+::v-deep .el-image {
+	box-shadow: 0 0 0 3px #fff;
+}
 </style>

ruoyi-ui/src/views/bigScreen/resources/details/OrgInfo.vue

@@ -52,21 +52,24 @@
 									<el-image
 										style="width: 100%; height: 100%" fit="cover"
 										:src="require('@/assets/images/bigScreen/jg_1.png')"
-										:preview-src-list="[require('@/assets/images/bigScreen/jg_1.png')]">
+										:preview-src-list="[require('@/assets/images/bigScreen/jg_1.png')]"
+									>
 									</el-image>
 								</el-carousel-item>
 								<el-carousel-item>
 									<el-image
 										style="width: 100%; height: 100%" fit="cover"
 										:src="require('@/assets/images/bigScreen/jg_2.png')"
-										:preview-src-list="[require('@/assets/images/bigScreen/jg_2.png')]">
+										:preview-src-list="[require('@/assets/images/bigScreen/jg_2.png')]"
+									>
 									</el-image>
 								</el-carousel-item>
 								<el-carousel-item>
 									<el-image
 										style="width: 100%; height: 100%" fit="cover"
 										:src="require('@/assets/images/bigScreen/jg_3.png')"
-										:preview-src-list="[require('@/assets/images/bigScreen/jg_3.png')]">
+										:preview-src-list="[require('@/assets/images/bigScreen/jg_3.png')]"
+									>
 									</el-image>
 								</el-carousel-item>
 							</el-carousel>
@@ -133,6 +136,9 @@
 </template>
 
 <script>
+import { getOrgDetails } from '@/api/bigScreen'
+import { decryptData_ECB, decryptRowData_ECB } from '@/api/tool/sm4'
+
 export default {
 	name: 'OrgInfo',
 	props: {
@@ -150,6 +156,7 @@ export default {
 			isOpen: false,
 			activeName: '0',
 			evaluate: '0',    // 评价
+			infomation: {},
 			ratesData: [
 				{ lb: '床位费', xm: '双人间（无卫生间）', price: '￥5500', note: '' },
 				{ lb: '床位费', xm: '单人间（小）', price: '￥6000', note: '' },
@@ -157,42 +164,46 @@ export default {
 				{ lb: '床位费', xm: '单人间（大）', price: '￥6500', note: '' },
 				{ lb: '护理费', xm: '自理、轻度失能、中度失能、重度失能 （护理费2800-9800）', price: '￥2800', note: '' },
 				{ lb: '护理费', xm: '一对一护理', price: '￥12800', note: '' },
-				{ lb: '伙食费', xm: '伙食费', price: '￥1500', note: '' },
+				{ lb: '伙食费', xm: '伙食费', price: '￥1500', note: '' }
 			],
 			tradeData: [
 				{ time: '20230719', addr: '英雄街道', lb: '护理费', price: '￥2800', name: '五晓峰' },
 				{ time: '20230719', addr: '英雄街道', lb: '护理费', price: '￥2800', name: '五晓峰' },
 				{ time: '20230719', addr: '英雄街道', lb: '护理费', price: '￥2800', name: '五晓峰' },
 				{ time: '20230719', addr: '英雄街道', lb: '护理费', price: '￥2800', name: '五晓峰' },
-				{ time: '20230719', addr: '英雄街道', lb: '护理费', price: '￥2800', name: '五晓峰' },
-			],
-		};
+				{ time: '20230719', addr: '英雄街道', lb: '护理费', price: '￥2800', name: '五晓峰' }
+			]
+		}
 	},
 	computed: {},
 	watch: {
-		visible(newVal) {this.isOpen = newVal;},
+		visible(newVal) {this.isOpen = newVal},
 		id: {
 			immediate: true,
 			deep: true,
 			handler(newVal) {
 				if (newVal) {
-					console.log(newVal);
+					getOrgDetails({ id: newVal }).then(({ code, data }) => {
+						if (code !== 200) return
+						this.infomation = decryptData_ECB(data, ['frxm', 'frzjhm', 'frlxfs', 'txdz'],[99,99,99,99])
+						console.log(this.infomation)
+					})
 				}
 			}
 		}
 	},
 	methods: {
 		handleClose() {
-			this.$emit('update:visible', this.isOpen);
+			this.$emit('update:visible', this.isOpen)
 		},
 		tabClick(tab) {
-			console.log(this.activeName);
+			console.log(this.activeName)
 		},
 		evaluateChange(value) {
-			console.log(value);
-		},
+			console.log(value)
+		}
 	}
-};
+}
 </script>
 
 <style scoped lang="scss">

ruoyi-ui/src/views/bigScreen/resources/details/ServiceInfo.vue

@@ -133,6 +133,8 @@
 </template>
 
 <script>
+import { getServiceDetails, } from '@/api/bigScreen'
+
 export default {
 	name: 'ServiceInfo',
 	props: {

ruoyi-ui/src/views/bigScreen/resources/details/SmartInfo.vue

@@ -13,6 +13,8 @@
 </template>
 
 <script>
+import { 	getSmartDetails, } from '@/api/bigScreen'
+
 export default {
 	name: 'SmartInfo',
 	props: {