FE-lab-xcx/pages_safetyCheck/views/itemsManage/hiddenDangerItems.vue

<!-- 隐患项 -->
<template>
	<view class="hiddenDangerItems">
		<view class="header">
			<view class="lotName" :class="pageType != 0?'lotNameOne':''" v-if="lotName">{{lotName}}</view>
			<view class="line"></view>
			<view class="tabTitle_tow" :style="pageType==0?'width:320rpx;':'width:520rpx;'">
				<view class="tabTitle_tow_li" @tap="tabClickTow(item.value)" :key="index"
					v-for="(item,index) in tabTextTow">
					<view :class="{on:curTabTow==item.value}" class="tabTitle_tow_text">{{item.label}}</view>
					<view :class="{on:curTabTow==item.value}" class="tabTitle_tow_across"></view>
				</view>
			</view>
			<view class="line"></view>
			<view class="search">
				<view class="search-r search-r-margin" @click="checkItemModuleButton('open')">
					<img src="@/pages_safetyCheck/images/icon_aqjc_ss.png">
					搜索检查项
				</view>
			</view>
			<view class="line"></view>
		</view>
		<scroll-view scroll-y style="overflow-y: scroll;flex:1;" @scrolltolower="scrollGet" class="info-max-box">
			<view class="list">
				<view class="total"
					:class="curTabTow == 0?'total-color-1':(curTabTow == 2?'total-color-3':(curTabTow == 1?'total-color-2':''))"
					v-if="pageType == 0">
					{{curTabTow == 0?'待检查共'+total+'项':(curTabTow == 1?'已检查共'+total+'项':'')}}
				</view>
				<view class="total"
					:class="curTabTow == 0?'total-color-1':(curTabTow == 1?'total-color-2':(curTabTow == 2?'total-color-3':''))"
					v-if="pageType == 1">
					{{curTabTow == 0?'待复查共'+total+'项':(curTabTow == 1?'复查完毕共'+total+'项':(curTabTow == 2?'退回整改共'+total+'项':''))}}
				</view>
				<view class="total"
					:class="curTabTow == 2?'total-color-1':(curTabTow == 0?'total-color-2':(curTabTow == 4?'total-color-3':''))"
					v-if="pageType == 2">
					{{curTabTow == 2?'待整改共'+total+'项':(curTabTow == 1?'已整改共'+total+'项':(curTabTow == 4?'暂无法整改共'+total+'项':''))}}
				</view>
				<view class="list-li" v-for="(item,index) in dataList" :key="index">
					<view class="list-li-t" @click="itemsClick(item)">
						<view v-if="pageType == 0">
							<img v-if="item.checkFlag==null" src="@/pages_safetyCheck/images/icon_zg_zh@1x.png">
							<img v-if="item.checkFlag==false" src="@/pages_safetyCheck/images/icon_xz_zg@1x.png">
							<img v-if="item.checkFlag==true" src="@/pages_safetyCheck/images/icon_xz_fc@1x.png">
						</view>
						<view v-if="pageType == 1">
							<img v-if="curTabTow==0" src="@/pages_safetyCheck/images/icon_zg_zh@1x.png">
							<img v-if="curTabTow==1" src="@/pages_safetyCheck/images/icon_xz_fc@1x.png">
							<img v-if="curTabTow==2" src="@/pages_safetyCheck/images/icon_xz_zg@1x.png">
						</view>
						<view v-if="pageType == 2">
							<img v-if="curTabTow==2" src="@/pages_safetyCheck/images/icon_zg_zh@1x.png">
							<img v-if="curTabTow==1" src="@/pages_safetyCheck/images/icon_xz_zg@1x.png">
							<img v-if="curTabTow==4" src="@/pages_safetyCheck/images/icon_xz_fc@1x.png">
						</view>
						<view>{{item.hazardCheckCode}}{{item.hazardCheckName}}</view>
					</view>
					<view v-if="pageType == 1 && item.hazardNum" class="list-li-b" @click="hiddenDangerClick(item)">
						此检查项在当前实验室累计出现<text>{{item.hazardNum}}</text>次隐患
					</view>
					<view v-if="pageType == 2 && item.dangerNum" class="list-li-b" @click="hiddenDangerClick(item)">
						此检查项在当前实验室累计出现<text>{{item.dangerNum}}</text>次隐患
					</view>
				</view>
			</view>
			<view class="get-data-p" v-if="!getDataType">
				<img class="get-data-img" src="@/pages_safetyCheck/images/icon_aqjc_sl.png">
				<view class="get-data-text">上拉加载</view>
			</view>
			<view class="get-data-null-p" v-if="getDataType">- 没有更多数据 -</view>
			
		</scroll-view>
		<checkItemModule :propsData="propsData" v-if="checkItemModuleType"></checkItemModule>
		<!-- 	<view class="sub-btn" @click="submitBtn(1)" v-if="pageType==0 && inspectRemporary">开展检查</view> -->

		<view class="subBtn">
			<img @click="saoCode()" v-if="pageType==0" src="@/pages_safetyCheck/images/icon_aqjc_saoma.png">
			<img @click="submitBtn(1)" v-if="pageType==0 && inspectRemporary" style="margin-left: 184rpx;"
				src="@/pages_safetyCheck/images/icon_aqjc_jiancha.png" />
		</view>

	</view>

</template>

<script>
	import {
		config
	} from '@/api/request/config.js'
	import {
		securityAppCheckSetOptionList,
		securityAppCheckDangerReviewList,
		securityAppCheckDangerGetCheckDangerSubId,
		securityAppCheckSetOptionFinishCheck,
		securityAppCheckDangerGetCheckDangerSubList,
		securityAppCheckDangerReviewSubList,
		securityAppCheckManageList,
	} from '@/pages_safetyCheck/api/index.js'
	import {
		checkItemModule
	} from '@/pages_safetyCheck/component/checkItemModule.vue'
	export default {
		name: "hiddenDangerItems",
		components: {
			checkItemModule
		},
		data() {
			return {
				baseUrl: config.base_url,
				pageType: 1,
				tabTextTow: [],
				curTabTow: null,
				form: {
					imgDtoList: [],
				},
				lotName: null,
				optionData: {

				},
				dialogVisible: false,
				// 查询参数
				queryParams: {
					page: 1,
					pageSize: 20,
				},
				//符合/不符合
				checkFlag: null,
				total: 0,
				dataList: [],
				getDataType: false,
				searchIndex: 0,
				//检查项组件数据
				checkItemModuleType: false,
				propsData: {},
				inspectRemporary: false, //待检查
				inspectRemporaryList: [], //待检查
				optionData: {},
			}
		},
		onLoad(option) {
			let optionData = JSON.parse(decodeURIComponent(option.infoData));
			console.log('检查项列表', optionData)
			uni.setNavigationBarTitle({
				title: optionData.subName + '(' + (optionData.pageType == 0 ? (optionData.roomNum ? optionData
					.roomNum : '-') : (optionData
					.subRoom ? optionData
					.subRoom : '-')) + ')'
			})
			this.$set(this, 'pageType', optionData.pageType);
			this.$set(this, 'lotName',
				optionData.pageType == 0 ? optionData.checkPlanSetVoList.checkName : 
				(optionData.checkPlanSetVoList.overdueUnrectify ? '整改期限' + optionData.checkPlanSetVoList.rectifyDeadline +'（逾期未完成整改关闭实验室）' : '整改期限' + optionData.checkPlanSetVoList.rectifyDeadline));
			this.$set(this, 'tabTextTow',
				optionData.pageType == 0 ? (optionData.manageStatus == 2 ? [{
					value: '1',
					label: '已检查'
				}] : [{
					value: '0',
					label: '待检查'
				}, {
					value: '1',
					label: '已检查'
				}]) : (
					optionData.pageType == 1 ? [{
						value: '0',
						label: '待复查'
					}, {
						value: '1',
						label: '复查完毕'
					}, {
						value: '2',
						label: '退回整改'
					}] : (
						optionData.pageType == 2 ? [{
							value: '2',
							label: '待整改'
						}, {
							value: '1',
							label: '已整改'
						}, {
							value: '4',
							label: '暂无法整改'
						}] : []
					)))
			if (optionData.pageType == 0) {
				if (optionData.manageStatus == 2) {
					this.$set(this, 'curTabTow', '1');
				}
			} else {
				this.$set(this, 'curTabTow', 
				optionData.pageType == 0 ? (optionData.curTabTow == 1 ? '1' : '0') : (
					optionData.pageType == 1 ? '0' : (
					optionData.pageType == 2 ? '2' : '')));
			}

			this.$set(this, 'optionData', optionData);
			this.$nextTick(() => {
				this.getList()
			})
		},
		onShow() {

		},
		mounted() {
			if (this.optionData.pageType == 0) {
				if (this.optionData.manageStatus == 2) {
					this.securityAppCheckSetOptionList(this.optionData, 1)
				} else {
					this.securityAppCheckSetOptionList(this.optionData, 0)
				}
			}
		},
		methods: {
			//滚动事件
			scrollGet() {
				let self = this;
				if (self.total / self.queryParams.pageSize <= self.queryParams.page) {
					this.$set(this, 'getDataType', true);
				} else {
					this.queryParams.page += 1;
					this.$nextTick(() => {
						this.getList();
					})
				}
			},
			//顶部tab点击
			tabClickTow(value) {
				console.log(this.curTabTow)
				this.$set(this, 'checkFlag', null);
				this.$set(this.queryParams, 'page', 1);
				this.$set(this, 'curTabTow', value);
				this.$set(this, 'total', 0);
				this.$set(this, 'dataList', []);
				this.$nextTick(() => {
					this.getList();
				})
			},
			dialogOpen() {
				this.dialogVisible = true;
			},
			dialogClose() {
				this.dialogVisible = false;
			},
			//符合/不符合
			checkFlagChange(type) {
				if (this.checkFlag == type) {
					this.$set(this, 'checkFlag', null);
				} else {
					this.$set(this, 'checkFlag', type);
				}
				this.$set(this.queryParams, 'page', 1);
				this.getList()
			},
			checkItemModuleButton(type, item) {
				if (type == 'open') {
					let obj = {
						infoType: this.pageType,
						checkType: this.curTabTow,
					}
					if (this.pageType == 0) {
						//检查
						obj.manageId = this.optionData.manageId
						if (this.optionData.manageStatus == 2) {
							obj.checkType = 1
						}
					} else if (this.pageType != 0) {
						//复查/整改
						obj.planId = this.optionData.checkPlanSetVoList.planId;
						obj.planSetId = this.optionData.checkPlanSetVoList.planSetId;
						obj.subId = this.optionData.subId;
					}
					this.$set(this, 'propsData', obj);
					this.$set(this, 'checkItemModuleType', true);
				} else if (type == 'out') {
					this.$set(this, 'checkItemModuleType', false);
					this.$set(this, 'propsData', {});
				} else if (type == 'submit') {
					this.itemsClick(item);
				}
			},
			/******调用摄像头******/
			saoCode() {
				let self = this;
				uni.scanCode({
					onlyFromCamera: true,
					success: function(res) {
						let list = res.result.split("?")[1].split("&");
						let codeData = {};
						list.forEach((item) => {
							codeData[item.split("=")[0]] = item.split("=")[1];
						})
						if (codeData.code) {

							self.saoList(codeData.subId);
						} else {
							uni.showToast({
								title: '请扫描正确的二维码',
								icon: "none",
								mask: true,
								duration: 2000
							});
						}
					}
				});
			},
			//扫一扫查询数据
			async saoList(subId) {
				let obj = {
					planSetId: this.optionData.checkPlanSetVoList.planSetId,
					subId: subId,
				}
				if (this.pageType == 0) {
					//检查计划
					const {
						data
					} = await securityAppCheckManageList(obj);
					if (data.code == 200) {
						if (data.data.records[0]) {
							this.securityAppCheckSetOptionListTow(data.data.records[0], 0)
							//跳转检查项列表页面
							/* let infoData = data.data.records[0];
							infoData.pageType = this.tabIndexTow;
							infoData.checkPlanSetVoList = this.optionData.checkPlanSetVoList;
							uni.navigateTo({
								url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItems?infoData=' +
									encodeURIComponent(
										JSON.stringify(infoData))
							}); */
						} else {
							//未找到数据提示
							uni.showToast({
								title: '未找到该实验室与本计划批次关联的数据',
								icon: "none",
								mask: true,
								duration: 2000
							});
						}
					}
				} else if (this.pageType == 1) {
					//复查计划
					obj.planId = this.optionData.checkPlanSetVoList.planId;
					obj.userId = uni.getStorageSync('userId');
					const {
						data
					} = await securityAppCheckDangerReviewSubList(obj);
					if (data.code == 200) {
						if (data.data[0] && data.data[0].stayExamineCheckNum != 0) {
							//跳转检查项列表页面
							let infoData = data.data[0];
							infoData.pageType = this.pageType;
							infoData.checkPlanSetVoList = this.optionData.checkPlanSetVoList;
							uni.navigateTo({
								url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItems?infoData=' +
									encodeURIComponent(
										JSON.stringify(infoData))
							});
						} else {
							//未找到数据提示
							uni.showToast({
								title: '未找到该实验室与本计划批次关联的数据',
								icon: "none",
								mask: true,
								duration: 2000
							});
						}
					}
				} else if (this.pageType == 2) {
					//整改计划
					obj.planId = this.optionData.checkPlanSetVoList.planId;
					obj.userId = uni.getStorageSync('userId');
					const {
						data
					} = await securityAppCheckDangerGetCheckDangerSubList(obj);
					if (data.code == 200) {
						if (data.data[0]) {
							//跳转检查项列表页面
							let infoData = data.data[0];
							infoData.pageType = this.tabIndexTow;
							infoData.checkPlanSetVoList = this.optionData.checkPlanSetVoList;
							uni.navigateTo({
								url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItems?infoData=' +
									encodeURIComponent(
										JSON.stringify(infoData))
							});
						} else {
							//未找到数据提示
							uni.showToast({
								title: '未找到该实验室与本计划批次关联的数据',
								icon: "none",
								mask: true,
								duration: 2000
							});
						}
					}
				}
			},
			//检查项选中
			itemsClick(row) {
				let infoData = this.optionData;
				infoData.pageType = this.pageType;
				infoData.checkDraftVo = row.checkDraftVo;
				infoData.itemsStatus = this.curTabTow;
				infoData.setOptionId = row.setOptionId;
				infoData.hazardCheckPro = row.hazardCheckPro;
				/* infoData.checkCategory = this.optionData.checkCategory;
				infoData.checkPlanSetVoList = this.optionData.checkPlanSetVoList; */
				if (this.pageType == 0 && this.curTabTow == 0) {
					//待检查
					uni.redirectTo({
						url: '/pages_safetyCheck/views/inspectManage/conductInspections?infoData=' +
							encodeURIComponent(
								JSON
								.stringify(infoData))
					});
				}
				if (this.pageType == 0 && this.curTabTow == 1) {
					//已检查
					uni.redirectTo({
						url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItemsDetail?infoData=' +
							encodeURIComponent(JSON
								.stringify(infoData))
					});
				} else if (this.pageType == 1 && this.curTabTow == 0) {
					//待复查
					uni.redirectTo({
						url: '/pages_safetyCheck/views/itemsManage/hiddenDangerRectification?infoData=' +
							encodeURIComponent(JSON
								.stringify(infoData))
					});
				} else if (this.pageType == 1 && this.curTabTow == 1) {
					//复查完毕
					uni.redirectTo({
						url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItemsDetail?infoData=' +
							encodeURIComponent(JSON
								.stringify(infoData))
					});
				} else if (this.pageType == 1 && this.curTabTow == 2) {
					//退回整改
					uni.redirectTo({
						url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItemsDetail?infoData=' +
							encodeURIComponent(JSON
								.stringify(infoData))
					});
				} else if (this.pageType == 2 && this.curTabTow == 2) {
					//待整改
					uni.redirectTo({
						url: '/pages_safetyCheck/views/itemsManage/hiddenDangerRectification?infoData=' +
							encodeURIComponent(JSON
								.stringify(infoData))
					});
				} else if (this.pageType == 2 && this.curTabTow == 1) {
					//已完成
					uni.redirectTo({
						url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItemsDetail?infoData=' +
							encodeURIComponent(JSON
								.stringify(infoData))
					});
				} else if (this.pageType == 2 && this.curTabTow == 4) {
					//暂无法整改
					uni.redirectTo({
						url: '/pages_safetyCheck/views/itemsManage/hiddenDangerItemsDetail?infoData=' +
							encodeURIComponent(JSON
								.stringify(infoData))
					});
				}

			},
			hiddenDangerClick(row) {
				let infoData = this.optionData;
				infoData.hazardCheckPro = row.hazardCheckPro;
				infoData.pageType = this.pageType;
				infoData.itemsStatus = this.curTabTow;
				infoData.hiddenDangerRecordStatus = true; //判断是否跳转隐患列表
				uni.redirectTo({
					url: '/pages_safetyCheck/views/inspectManage/hiddenDangerRecord?infoData=' +
						encodeURIComponent(JSON.stringify(infoData))
				});
			},

			//
			async getList() {
				let self = this;
				let obj = JSON.parse(JSON.stringify(this.queryParams))
				if (this.pageType == 0) {
					//检查任务
					obj.manageId = this.optionData.manageId;
					obj.checkFlag = this.checkFlag;
					if (this.optionData.pageType == 0) {
						if (this.optionData.manageStatus == 2) {
							obj.checkStatus = 1
						} else {
							obj.checkStatus = this.curTabTow;
						}
					}
					const {
						data
					} = await securityAppCheckSetOptionList(obj);
					if (data.code == 200) {
						if (self.queryParams.page == 1) {
							this.dataList = data.data.records;
							this.total = data.data.total;
							if (data.data.total / self.queryParams.pageSize <= self.queryParams.page) {
								this.$set(this, 'getDataType', true);
							}
						} else {
							this.dataList = [...this.dataList, ...data.data.records]
							this.total = data.data.total;
							if (data.data.total / self.queryParams.pageSize <= self.queryParams.page) {
								this.$set(this, 'getDataType', true);
							}
						}

					}
				} else if (this.pageType == 1) {
					//复查验证
					obj.planId = this.optionData.checkPlanSetVoList.planId;
					obj.planSetId = this.optionData.checkPlanSetVoList.planSetId;
					obj.subId = this.optionData.subId;
					obj.appReviewStatus = this.curTabTow;
					obj.pageFlag = true;
					const {
						data
					} = await securityAppCheckDangerReviewList(obj);
					if (data.code == 200) {
						if (self.queryParams.page == 1) {
							this.dataList = data.data.records;
							this.total = data.data.total;
							if (data.data.total / self.queryParams.pageSize <= self.queryParams.page) {
								this.$set(this, 'getDataType', true);
							}
						} else {
							this.dataList = [...this.dataList, ...data.data.records]
							this.total = data.data.total;
							if (data.data.total / self.queryParams.pageSize <= self.queryParams.page) {
								this.$set(this, 'getDataType', true);
							}
						}
					}
				} else if (this.pageType == 2) {
					//隐患整改
					obj.planId = this.optionData.checkPlanSetVoList.planId;
					obj.planSetId = this.optionData.checkPlanSetVoList.planSetId;
					obj.subId = this.optionData.subId;
					obj.rectifyStatus = this.curTabTow;
					obj.pageFlag = true;
					const {
						data
					} = await securityAppCheckDangerGetCheckDangerSubId(obj);
					if (data.code == 200) {
						if (self.queryParams.page == 1) {
							this.dataList = data.data.records;
							this.total = data.data.total;
							if (data.data.total / self.queryParams.pageSize <= self.queryParams.page) {
								this.$set(this, 'getDataType', true);
							}
						} else {
							this.dataList = [...this.dataList, ...data.data.records]
							this.total = data.data.total;
							if (data.data.total / self.queryParams.pageSize <= self.queryParams.page) {
								this.$set(this, 'getDataType', true);
							}
						}
					}
				}
			},
			//查询当前实验室检查项
			async securityAppCheckSetOptionList(item, checkStatus) {
				let self = this;
				let upData = item;
				let obj = {
					page: 1,
					pageSize: 20,
					checkStatus: checkStatus,
					manageId: upData.manageId,
				}
				this.inspectRemporaryList = [];
				const {
					data
				} = await securityAppCheckSetOptionList(obj);
				if (data.code == 200 && checkStatus == 0) { //先查询待检查数据
					if (data.data.records[0]) {
						self.inspectRemporary = true;
						this.inspectRemporaryList = JSON.parse(JSON.stringify(data.data.records))
					}
				}
			},
			//查询扫码进入的实验室检查项
			async securityAppCheckSetOptionListTow(item, checkStatus) {
				let self = this;
				let upData = item;
				let obj = {
					page: 1,
					pageSize: 20,
					checkStatus: checkStatus,
					manageId: upData.manageId,
				}
				this.inspectRemporaryList = [];
				const {
					data
				} = await securityAppCheckSetOptionList(obj);
				if (data.code == 200 && checkStatus == 0) { //先查询待检查数据
					if (data.data.records[0]) {
						let infoData = self.optionData;
						infoData.pageType = 0;
						infoData.subName = upData.subName;
						infoData.roomNum = upData.roomNum;
						infoData.subId = data.data.records[0].subId;
						infoData.manageId = data.data.records[0].manageId;
						infoData.setOptionId = data.data.records[0].setOptionId;
						infoData.hazardCheckPro = data.data.records[0].hazardCheckPro;
						infoData.checkCategory = data.data.records[0].checkCategory;
						uni.navigateTo({
							url: '/pages_safetyCheck/views/inspectManage/conductInspections?infoData=' +
								encodeURIComponent(
									JSON
									.stringify(infoData))
						});
					} else {
						uni.showToast({
							title: '该实验室暂无检查工作!',
							icon: "none",
							mask: true,
							duration: 2000
						});
					}
				}
			},
			//检查完成
			async submitBtn(status) {
				if (status == 1) {
					//开展检查
					let infoData = this.inspectRemporaryList[0];
					infoData.pageType = this.pageType;
					infoData.itemsStatus = this.curTabTow;
					infoData.checkCategory = this.optionData.checkCategory;
					infoData.checkPlanSetVoList = this.optionData.checkPlanSetVoList;
					infoData.subName = this.optionData.subName;
					infoData.roomNum = this.optionData.roomNum;
					infoData.subRoom = this.optionData.subRoom;
					uni.redirectTo({
						url: '/pages_safetyCheck/views/inspectManage/conductInspections?infoData=' +
							encodeURIComponent(
								JSON
								.stringify(infoData))
					});
				}
			},

		}
	}
</script>

<style lang="stylus" scoped>
	.hiddenDangerItems {
		height: 100%;
		display flex;
		flex-direction: column;
		overflow: hidden;
		box-sizing: border-box;

		#totalColor-A {
			color: #0183FA;
			background: rgba(1, 131, 250, 0.2);
		}

		#totalColor-B {
			color: #16B531;
			background: rgba(22, 181, 49, 0.2);
		}

		#totalColor-C {
			color: #FF8C00;
			background: rgba(255, 140, 0, 0.2);
		}

		.header {
			width: 100%;
			height: 268rpx;
			overflow: hidden;
			background: #fff;

			.lotName {
				height: 70rpx;
				line-height: 70rpx;
				font-size: 28rpx;
				background: rgba(1, 131, 250, 0.2);
				color: #0183FA;
				text-align: center;
			}

			.lotNameOne {
				background: #F7E0C4;
				color: #FF8C00;
			}

			.tabTitle_tow {
				width: 320rpx;
				height: 80rpx;

				display flex;
				justify-content: flex-start;
				align-items: center;

				.tabTitle_tow_li {
					flex: 1;
					position: relative;
					text-align center;

					.tabTitle_tow_text {
						display: inline-block;
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #333333;
						line-height: 46rpx;
						position: relative;

						&.on {
							color: #0183FA;
						}
					}

					.tabTitle_tow_across {
						width: 50rpx;
						height: 4rpx;
						background: #0183FA;
						border-radius: 2rpx;
						margin-left: 38%;
						display none;

						&.on {
							display block;
						}
					}

				}
			}

			.line {
				width: 100%;
				height: 13rpx;
				background: #F5F5F5;
			}

			.search {
				width: 750rpx;
				height: 80rpx;
				background: #FFFFFF;
				border-radius: 0rpx 0rpx 0rpx 0rpx;
				display: flex;
				justify-content: flex-start;
				align-items: center;

				.search-l {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					margin: 0 20rpx 0 30rpx;

					.search-A {
						border-radius: 50rpx 50rpx 50rpx 50rpx;
						border: 1rpx solid #E0E0E0;
						width: 100rpx;
						height: 60rpx;
						background: #E0E0E0;
						font-weight: normal;
						font-size: 24rpx;
						color: #333333;
						line-height: 60rpx;
						text-align: center;
						margin-right: 10rpx;
					}

					.search-B {
						border-radius: 50rpx 50rpx 50rpx 50rpx;
						border: 1rpx solid #0183FA;
						width: 100rpx;
						height: 60rpx;
						background: #0183FA;
						font-weight: normal;
						font-size: 24rpx;
						color: #FFFFFF;
						line-height: 60rpx;
						text-align: center;
						margin-right: 10rpx;
					}
				}

				.search-r-margin {
					width: 700rpx !important;
					margin: 0 auto;
				}

				.search-r {
					width: 440rpx;
					height: 60rpx;
					background: #FFFFFF;
					border-radius: 50rpx 50rpx 50rpx 50rpx;
					border: 1rpx solid #E0E0E0;
					font-size: 24rpx;
					color: #999999;
					line-height: 60rpx;
					text-align: left;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					padding: 0 20rpx;
					box-sizing: border-box;

					>img {
						width: 30rpx;
						height: 30rpx;
						margin-right: 20rpx;
					}
				}
			}
		}

		.list {
			width: 750rpx;
			background: #FFFFFF;
			padding-bottom: 20rpx;
			box-sizing: border-box;

			.total {
				display: inline-block;
				height: 50rpx;
				background: rgba(1, 131, 250, 0.2);
				border-radius: 0rpx 0rpx 20rpx 0rpx;
				font-size: 24rpx;
				color: #0183FA;
				line-height: 50rpx;
				text-align: left;
				padding: 0rpx 22rpx;
				box-sizing: border-box;
				margin-bottom: 20rpx;
			}

			.total-color-1 {
				background: rgba(1, 131, 250, 0.2);
				color: #0183FA;
			}

			.total-color-2 {
				background: rgba(22, 181, 49, 0.2);
				color: #16B531;
			}

			.total-color-3 {
				background: #F7E0C4;
				color: #FF8C00;
			}

			.list-li {
				margin: 0 30rpx;

				.list-li-t {
					width: 690rpx;
					background: #F5F5F5;
					border-radius: 10rpx 10rpx 10rpx 10rpx;
					display: flex;
					justify-content: flex-start;
					padding: 12rpx 20rpx 14rpx 14rpx;
					box-sizing: border-box;
					margin: 20rpx 0;

					>view:nth-of-type(1) {
						>img {
							width: 24rpx;
							height: 24rpx;
							margin-right: 30rpx;
						}
					}

					>view:nth-of-type(2) {
						flex: 1;
						font-size: 28rpx;
						color: #3D3D3D;
						line-height: 40rpx;
						text-align: left;
					}
				}

				.list-li-b {
					font-size: 28rpx;
					color: #3D3D3D;
					line-height: 40rpx;
					text-align: right;

					>text {
						color: #FF0000;
					}
				}

			}
		}

		.get-data-p {
			height: 100rpx;
			text-align: center;

			.get-data-img {
				width: 30rpx;
				height: 30rpx;
				margin: 0 auto;
				margin-top: 15rpx;
			}

			.get-data-text {
				text-align: center;
			}
		}

		.get-data-null-p {
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
		}

		.subBtn {
			display: flex;
			justify-content: center;
			position: fixed;
			bottom: 30rpx;
			width: 750rpx;
			padding: 0 46rpx;
			box-sizing: border-box;

			>img {
				width: 160rpx;
				height: 160rpx;
			}
		}

		.sub-btn {
			display: flex;
			justify-content: center;
			position: fixed;
			left: 30rpx;
			bottom: 30rpx;
			width: 690rpx;
			height: 100rpx;
			background: #0183FA;
			border-radius: 50rpx 50rpx 50rpx 50rpx;
			font-size: 30rpx;
			color: #FFFFFF;
			line-height: 100rpx;
			text-align: center;
		}
	}
</style>