zc

pages.json

@@ -130,6 +130,14 @@
 				"navigationBarTextStyle": "white", //导航文字颜色
 				"navigationBarBackgroundColor": "#0183FA" //导航背景色
 			}
+		},
+		{
+			"path": "pages/exploitDemoPage", //开发测试页面
+			"style": {
+				"navigationBarTitleText": "开发测试页面",
+				"navigationBarTextStyle": "white", //导航文字颜色
+				"navigationBarBackgroundColor": "#0183FA" //导航背景色
+			}
 		}
 	],
 	"subPackages": [

pages/checkItemModule.vue

@@ -0,0 +1,525 @@
+<!-- 
+	//参数说明
+ 	propsData参数下 
+ 	infoType 为必要参数 0.检查 1.复查 2.整改
+ 	checkType 为必要参数 infoType为0时 代表检查状态 为1时代表复查状态 为2时代表整改状态
+ 	
+ 	//检查时的必要参数 
+ 	manageId 
+ 	
+ 	//复查时的必要参数 
+ 	planId 
+ 	planSetId 
+ 	subId 
+  
+ 	
+ 	//隐患时的必要参数 
+ 	planId 
+ 	planSetId 
+ 	subId 
+	
+	//引用方法
+	
+	<checkItemModule :propsData="propsData" v-if="checkItemModuleType"></checkItemModule>
+	
+	import {
+		checkItemModule
+	} from '@/pages/checkItemModule.vue'
+	
+	components: {
+		checkItemModule
+	},
+	
+	checkItemModuleType:false,
+	propsData:{
+		infoType:0,
+		manageId:'1839113478692855815',
+		checkType:0,
+		planId:'',
+		planSetId:'',
+		subId:'',
+		searchValue:'',
+	},
+	
+	checkItemModuleButton(type,item){
+		if(type = 'open'){
+			this.$set(this,'propsData',{
+				infoType:0,
+				manageId:'1839113478692855815',
+				checkType:0,
+				planId:'',
+				planSetId:'',
+				subId:'',
+				searchValue:'',
+			});
+			this.$set(this,'checkItemModuleType',true);
+		}else if(type = 'out'){
+			this.$set(this,'checkItemModuleType',false);
+			this.$set(this,'propsData',{});
+		}else if(type = 'submit'){
+			console.log('已选中-item', item)
+		}
+	},
+ -->
+<template>
+	<view class="checkItemModule">
+		<!-- 标签选项卡 -->
+		<view class="checkItemModule-title-box">
+			<view class="checkItemModule-title-p" @click="checkTitleButton(1)"
+				:class="pageType==1?'.checkItemModule-title-check':''">
+				<view>关键字</view>
+				<view></view>
+			</view>
+			<view class="checkItemModule-title-p" @click="checkTitleButton(2)"
+				:class="pageType==2?'.checkItemModule-title-check':''">
+				<view>按层级</view>
+				<view></view>
+			</view>
+		</view>
+		<!-- 输入搜索模块 -->
+		<view class="input-max-big-box" v-if="pageType == 1">
+			<view class="input-big-box">
+				<view class="input-box">
+					<view class="left-icons">
+						<uni-icons color="#A2A2A2" type="search" size="20"></uni-icons>
+					</view>
+					<input type="text" v-model="searchValue" placeholder="搜索检查项" name="search" @confirm='getSearchValue'
+						confirm-type='search' maxlength="50" placeholder-style="color: #666;font-size:24rpx;">
+					<view class="left-icons" @click="delSearchValue()">
+						<uni-icons color="#0183FA" type="clear" size="20"></uni-icons>
+					</view>
+				</view>
+				<view class="out-button" @click="outButton()">取消</view>
+			</view>
+			<view class="input-for-max-box">
+				<view class="for-box" @click="checkItemButton(item)" v-for="(item,index) in dataList" :key="index">
+					{{item.hazardCheckCode}}{{item.hazardCheckName}}
+				</view>
+			</view>
+		</view>
+		<!-- 级联选择模块 -->
+		<view class="check-max-big-box" v-if="pageType == 2">
+			<view class="check-big-box">
+				<view v-if="levelListOne" @click="cascadeButton(1)">一级检查</view>
+				<view v-if="levelListTwo" @click="cascadeButton(2)">二级检查</view>
+				<view v-if="levelListThree" @click="cascadeButton(3)">三级检查</view>
+			</view>
+			<view class="check-for-max-box">
+				<view v-for="(item,index) in checkList" :key="index" @click="cascadeItemButton(item)">
+				{{item.hazardCheckCode?item.hazardCheckCode:item.code}} {{item.hazardCheckName?item.hazardCheckName:item.name}}
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		securityCheckOptionList,
+		securityAppCheckSetOptionList,
+		securityAppCheckDangerReviewList,
+		securityAppCheckDangerGetCheckDangerSubId,
+	} from '@/pages_safetyCheck/api/index.js'
+	export default {
+		name: "checkItemModule",
+		props: {
+			propsData: {}
+		},
+		data() {
+			return {
+				//父级参数
+				optionData: {},
+				//选项卡状态
+				pageType: 1,
+				//输入框数据
+				searchValue: "",
+				//输入搜索返回列表
+				dataList: [],
+				//一级-级联数据
+				levelListOne:null,
+				//二级-级联数据
+				levelListTwo:null,
+				//三级-级联数据
+				levelListThree:null,
+				//级联列表
+				checkList: [],
+			}
+		},
+		onLoad() {
+
+		},
+		mounted() {
+			this.$set(this, 'optionData', JSON.parse(JSON.stringify(this.propsData)));
+			this.$nextTick(() => {
+				this.securityCheckOptionList();
+			})
+		},
+		methods: {
+			//输入框查询
+			getSearchValue(){
+				if (this.optionData.infoType == 0) {
+					//检查
+					this.securityAppCheckSetOptionList();
+				} else if (this.optionData.infoType == 1) {
+					//复查
+					this.securityAppCheckDangerReviewList();
+				} else if (this.optionData.infoType == 2) {
+					//整改
+					this.securityAppCheckDangerGetCheckDangerSubId();
+				}
+			},
+			//选项卡title切换
+			checkTitleButton(type) {
+				if (this.pageType != type) {
+					this.$set(this, 'pageType', type);
+				}
+			},
+			//退出页面
+			outButton() {
+				this.$parent.checkItemModuleButton('out');
+			},
+			//清除输入框内容
+			delSearchValue() {
+				if (this.searchValue) {
+					this.$set(this, 'searchValue', '');
+					this.$set(this, 'dataList', []);
+					this.getSearchValue();
+				}
+			},
+			//级联等级点击
+			cascadeButton(type){
+				if(type == 1){
+					this.$set(this,'levelListTwo',null);
+					this.$set(this,'levelListThree',null);
+					this.$set(this,'checkList',this.levelListOne.children);
+				}else if(type == 2){
+					this.$set(this,'levelListThree',null);
+					this.$set(this,'checkList',this.levelListTwo.children);
+				}
+			},
+			//级联检查项选中
+			cascadeItemButton(item){
+				if(item.level == 1){
+					this.$set(this,'levelListTwo',item);
+					this.$set(this,'checkList',item.children);
+				}else if(item.level == 2){
+					this.$set(this,'levelListThree',item);
+					this.$set(this,'checkList',item.children);
+				}else if(item.level == 3){
+					this.checkItemButton(item);
+				}
+			},
+			//选中检查项
+			checkItemButton(item) {
+				this.$parent.checkItemModuleButton('submit',item);
+			},
+			//基础检查项检查
+			async securityCheckOptionList() {
+				let self = this;
+				const {
+					data
+				} = await securityCheckOptionList({});
+				if (data.code == 200) {
+					let maxList = this.getCascaderData(JSON.parse(JSON.stringify(data.data)), 2)
+					this.$nextTick(() => {
+						if(this.pageType == 1){
+							this.securityAppCheckSetOptionList(maxList);
+						}else if(this.pageType == 2){
+							this.securityAppCheckDangerReviewList(maxList);
+						}else if(this.pageType == 3){
+							this.securityAppCheckDangerGetCheckDangerSubId(maxList);
+						}
+					})
+				}
+			},
+			/********************** 检查相关查询 **********************/
+			async securityAppCheckSetOptionList(maxList) {
+				let self = this;
+				const {
+					data
+				} = await securityAppCheckSetOptionList({
+					manageId: this.optionData.manageId,
+					checkStatus: this.optionData.checkType,
+					searchValue: this.searchValue
+				});
+				if (data.code == 200) {
+					//级联数据
+					if (maxList) {
+						let minList = JSON.parse(JSON.stringify(data.data.records))
+						this.cascadeData(maxList,minList);
+					}
+					//查询数据
+					this.$set(this,'dataList',JSON.parse(JSON.stringify(data.data.records)));
+				}
+			},
+			/********************** 复查相关查询 **********************/
+			async securityAppCheckDangerReviewList(maxList) {
+				let self = this;
+				const {
+					data
+				} = await securityAppCheckDangerReviewList({
+					planId: this.optionData.planId,
+					planSetId: this.optionData.planSetId,
+					subId: this.optionData.subId,
+					appReviewStatus: this.optionData.checkType,
+					searchValue: this.searchValue
+				});
+				if (data.code == 200) {
+					//级联数据
+					if (maxList) {
+						let minList = JSON.parse(JSON.stringify(data.data.records))
+						this.cascadeData(maxList,minList);
+					}
+					//查询数据
+					this.$set(this,'dataList',JSON.parse(JSON.stringify(data.data.records)));
+				}
+			},
+			/********************** 整改相关查询 **********************/
+			async securityAppCheckDangerGetCheckDangerSubId(maxList) {
+				let self = this;
+				const {
+					data
+				} = await securityAppCheckDangerGetCheckDangerSubId({
+					planId: this.optionData.planId,
+					planSetId: this.optionData.planSetId,
+					subId: this.optionData.subId,
+					appReviewStatus: this.optionData.checkType,
+					searchValue: this.searchValue
+				});
+				if (data.code == 200) {
+					//级联数据
+					if (maxList) {
+						let minList = JSON.parse(JSON.stringify(data.data.records))
+						this.cascadeData(maxList,minList);
+					}
+					//查询数据
+					this.$set(this,'dataList',JSON.parse(JSON.stringify(data.data.records)));
+				}
+			},
+			/********************** 处理级联数据 **********************/
+			cascadeData(maxList,minList) {
+				for (let i = 0; i < maxList.length; i++) {
+					for (let o = 0; o < maxList[i].children.length; o++) {
+						for (let x = 0; x < minList.length; x++) {
+							if (maxList[i].children[o].id == minList[x].hazardCheckPro2) {
+								minList[x].level = 3;
+								if (maxList[i].children[o].children) {
+									maxList[i].children[o].children.push(minList[x])
+								} else {
+									maxList[i].children[o].children = [minList[x]]
+								}
+							}
+						}
+					}
+				}
+				let list = this.getCascaderData(JSON.parse(JSON.stringify(maxList)),3)
+				this.$nextTick(()=>{
+					this.$set(this,'levelListOne',JSON.parse(JSON.stringify({level:0,children:list})));
+					this.$set(this,'checkList',JSON.parse(JSON.stringify(list)));
+				})
+			},
+			/********************** 检查项格式处理 **********************/
+			getCascaderData(list, type) {
+				let self = this
+				for (let i = 0; i < list.length; i++) {
+					if (list[i].level == type) {
+						delete list[i].children
+					} else if (list[i].children) {
+						if (list[i].children[0]) {
+							list[i].children = self.getCascaderData(list[i].children, type)
+						} else {
+							list.splice(i, 1)
+							i--
+						}
+					} else {
+						list.splice(i, 1)
+						i--
+					}
+				}
+				for (let i = 0; i < list.length; i++) {
+					if (list[i].level == type) {
+						delete list[i].children
+					} else if (list[i].children) {
+						if (list[i].children[0]) {
+							list[i].children = self.getCascaderData(list[i].children, type)
+						} else {
+							list.splice(i, 1)
+							i--
+						}
+					} else {
+						list.splice(i, 1)
+						i--
+					}
+				}
+				for (let i = 0; i < list.length; i++) {
+					if (list[i].level == type) {
+						delete list[i].children
+					} else if (list[i].children) {
+						if (list[i].children[0]) {
+							list[i].children = self.getCascaderData(list[i].children, type)
+						} else {
+							list.splice(i, 1)
+							i--
+						}
+					} else {
+						list.splice(i, 1)
+						i--
+					}
+				}
+				return list
+			},
+		}
+	}
+</script>
+
+
+<style lang="stylus" scoped>
+	.checkItemModule {
+		position: fixed;
+		top:0;
+		left:0;
+		height: 100%;
+		width: 100%;
+		flex: 1;
+		overflow: hidden;
+		display: flex;
+		flex-direction: column;
+
+		.checkItemModule-title-box {
+			display: flex;
+			height: 104rpx;
+			background-color: #FFFFFF;
+			margin-bottom: 12rpx;
+
+			.checkItemModule-title-p {
+				width: 140rpx;
+				height: 93rpx;
+
+				>view:nth-child(1) {
+					color: #333;
+					text-align: center;
+					font-size: 29rpx;
+					line-height: 87rpx;
+				}
+
+				>view:nth-child(2) {
+					width: 56rpx;
+					height: 6rpx;
+					border-radius: 14rpx;
+					margin: 0 auto;
+				}
+			}
+
+			.checkItemModule-title-check {
+				>view:nth-child(1) {
+					color: #0183FA;
+				}
+
+				>view:nth-child(2) {
+					background: #0183FA;
+				}
+			}
+		}
+
+		.input-max-big-box {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+			overflow: hidden;
+
+			.input-big-box {
+				height: 104rpx;
+				display: flex;
+				background-color: #fff;
+				border-bottom: 1rpx solid #E0E0E0;
+
+				.input-box {
+					width: 611rpx;
+					height: 69rpx;
+					border: 1px solid #E0E0E0;
+					display: flex;
+					border-radius: 35px 35px 35px 35px;
+					margin: 17rpx 0 17rpx 21rpx;
+
+					.left-icons {
+						padding: 15rpx 18rpx 0 22rpx;
+					}
+
+					.right-icons {
+						padding: 15rpx 15rpx 0 22rpx;
+					}
+
+					>input {
+						flex: 1;
+						height: 69rpx;
+						line-height: 69rpx;
+					}
+				}
+
+				.out-button {
+					width: 100rpx;
+					margin: 17rpx 0 17rpx 15rpx;
+					text-align: center;
+					line-height: 69rpx;
+					color: #0183FA;
+					font-size: 29rpx;
+				}
+			}
+
+			.input-for-max-box {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				overflow-y: scroll;
+				background-color: #fff;
+
+				.for-box {
+					margin: 0 21rpx;
+					font-size: 29rpx;
+					line-height: 40rpx;
+					padding: 20rpx 0;
+					background-color: #fff;
+					border-bottom: 1rpx solid #E0E0E0;
+				}
+			}
+		}
+
+		.check-max-big-box {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+			overflow: hidden;
+
+			.check-big-box {
+				height: 70rpx;
+				display: flex;
+				background-color: #fff;
+				border-bottom: 1rpx solid #E0E0E0;
+				>view{
+					width:200rpx;
+					line-height:70rpx;
+					text-align: center;
+					color:#333;
+					font-size:29rpx;
+				}
+				.checkView{
+					color:#0183FA;
+				}
+			}
+
+			.check-for-max-box {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				overflow-y: scroll;
+				background-color: #fff;
+				>view{
+					font-size:25rpx;
+					line-height:70rpx;
+					margin:0 21rpx;
+					border-bottom:1px solid #dedede;
+				}
+			}
+		}
+	}
+</style>

pages/exploitDemoPage.vue

@@ -0,0 +1,66 @@
+<template>
+	<view class="exploitDemoPage">
+		<view @click="checkItemModuleButton('open')">开启</view>
+		<checkItemModule :propsData="propsData" v-if="checkItemModuleType"></checkItemModule>
+	</view>
+</template>
+
+<script>
+	import {
+		checkItemModule
+	} from '@/pages/checkItemModule.vue'
+	export default {
+		name: "exploitDemoPage",
+		components: {
+			checkItemModule
+		},
+		data() {
+			return {
+				pageType:1,
+				checkItemModuleType:false,
+				propsData:{
+					infoType:0,
+					manageId:'1839113478692855815',
+					checkType:0,
+					planId:'',
+					planSetId:'',
+					subId:'',
+					searchValue:'',
+				},
+			}
+		},
+		onLoad(option) {
+			
+		},
+		onShow() {
+
+		},
+		mounted() {
+
+		},
+		methods: {
+			checkItemModuleButton(type,item){
+				if(type == 'open'){
+					this.$set(this,'propsData',{
+						infoType:0,
+						manageId:'1839113478692855815',
+						checkType:0,
+						planId:'',
+						planSetId:'',
+						subId:'',
+						searchValue:'',
+					});
+					this.$set(this,'checkItemModuleType',true);
+				}else if(type == 'out'){
+					this.$set(this,'checkItemModuleType',false);
+					this.$set(this,'propsData',{});
+				}else if(type == 'submit'){
+					console.log('已选中-item', item)
+				}
+			},
+		}
+	}
+</script>
+
+<style lang="stylus" scoped>
+</style>

pages_safetyCheck/api/index.js

@@ -128,6 +128,14 @@ export const securityAppCheckDangerGetCheckDangerSubId = (data) => {
        data: { ...data }
     })
 };
+//查询计划内实验室下-未检查的检查项
+export const securityCheckSetOptionUnCheckList = (data) => {
+    return apiResquest({
+        url: '/security/checkSetOption/unCheckList',
+       method: 'GET',
+       data: { ...data }
+    })
+};