From 6629a283cbcc12494e12b57b8c67fcc2b7ac0855 Mon Sep 17 00:00:00 2001
From: jsy_zjg <31502350@qq.com>
Date: Tue, 14 Jan 2025 10:40:02 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A6=96=E9=83=A8=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development           |  10 +-
 pages/head/index.vue       |  16 +-
 pages/work/land/index.vue  |   2 +-
 pages/work/user/device.vue | 528 ++++++++++++++++++++-----------------
 4 files changed, 308 insertions(+), 248 deletions(-)

diff --git a/.env.development b/.env.development
index bfeb333..c11ac1e 100644
--- a/.env.development
+++ b/.env.development
@@ -1,9 +1,13 @@
 VITE_ENV = 'development'
 
 #  dev	prod	stage
-VITE_APP_BASE_API = '/dev-api'
-VITE_APP_BASE_IP = 'localhost'
-VITE_APP_BASE_PORT = 3006
+#VITE_APP_BASE_API = '/dev-api'
+#VITE_APP_BASE_IP = 'localhost'
+#VITE_APP_BASE_PORT = 3006
+
+VITE_APP_BASE_API = '/stage-api'
+VITE_APP_BASE_IP = '39.105.121.219'
+VITE_APP_BASE_PORT = 80
 
 # Mqtt
 VITE_BASE_MQTT = '39.105.121.219:8083/mqtt'
diff --git a/pages/head/index.vue b/pages/head/index.vue
index 471980c..91f67cf 100644
--- a/pages/head/index.vue
+++ b/pages/head/index.vue
@@ -8,11 +8,11 @@
 					</template>
 				</custom-nav-bar>
 			</template>
-			<view class="text-intel">
+			<view class="text-intel" v-if="landName">
 				<view class="iconfont icon-ditu">
 				</view>
 				<view>
-					<span>塔尕尔其乡5村1组-A地-(4G)</span>
+					<span>{{landName}}</span>
 				</view>
 			</view>
 			<template #cell="{item}">
@@ -34,12 +34,12 @@
 						<view class="cards-content">
 							<view class="txt-list">
 								<view class="left">
-									<view><text>状态：</text><text class="font-red">停止</text></view>
-									<view><text>水流：</text><text>--</text></view>
+									<view><text>状态：</text><text class="font-red">{{item.status=="online"?"在线":"离线"}}</text></view>
+									<view><text>水流：</text><text>{{item.deviceData.fs == 1 ? "有" : "无"}}</text></view>
 								</view>
 								<view class="left">
-									<view><text>水泵开关：</text><text>开泵</text></view>
-									<view><text>压力：</text><text>--Mpa</text></view>
+									<view><text>水泵开关：</text><text>{{item.deviceData.sc=="1"?"启动":"停止"}}</text></view>
+									<view><text>压力：</text><text>{{item.deviceData.wip?item.deviceData.wip:"--"}}Mpa</text></view>
 								</view>
 								<view class="right">
 									<view class="iconfont icon-you">
@@ -48,7 +48,6 @@
 							</view>
 						</view>
 					</view>
-					
 				</view>
 			</template>
 		</z-paging>
@@ -73,6 +72,7 @@
 				title: "",
 				isFirst: true,
 				user: store.state.user.user,
+				landName:null,
 				query: {
 					landId: null,
 					landName: null
@@ -81,6 +81,7 @@
 		},
 		onShow(){
 			if(this.ijs.land){
+				this.landName = this.ijs.land.landName;
 				this.query.landId = this.ijs.land.id;
 				this.queryList();
 			}
@@ -89,6 +90,7 @@
 			queryList() {
 				if (this.query.landId) {
 					getHeadDeviceList(this.query.landId).then(res => {
+						console.log(res)
 						this.$refs.paging.complete(res.data)
 					});
 				}
diff --git a/pages/work/land/index.vue b/pages/work/land/index.vue
index e0b9e4a..1ac1893 100644
--- a/pages/work/land/index.vue
+++ b/pages/work/land/index.vue
@@ -52,7 +52,7 @@
 										</view>
 									</view>
 									<view class="title-r">
-										<u-button type="success" size="mini" text="编辑" @click="edit(item)"></u-button>
+										<u-button type="success" size="mini" text="编辑" v-hasPermi="['system:land:edit']" @click="edit(item)"></u-button>
 									</view>
 								</view>
 							</template>
diff --git a/pages/work/user/device.vue b/pages/work/user/device.vue
index 6516ae6..adb594b 100644
--- a/pages/work/user/device.vue
+++ b/pages/work/user/device.vue
@@ -1,246 +1,300 @@
 <template>
-  <view class="index-container">
-    <z-paging class="paging" ref="paging" use-virtual-list bg-color="#F6F3F3" :loading-more-enabled="false">
-      <template #top>
-        <view class="search">
-          <u-search placeholder="请输入出水口编号" @search="onSearchValue" @custom="onSearchValue" @clear="onSearchValue(null)" shape="square"></u-search>
-        </view>
-      </template>
-      <view class="tips">
-        <text style="color: red">注意：</text>
-        <text>1.选中为有控制权限开关;</text>
-        <view style="float: right; margin-right: 15px; border: 1px solid;">
-          <u-button style="height: 25px;" type="primary" size="small" :plain="true" :hairline="true" @click="handleChangeAllRow">
-            {{ selectAll ? '反选' : '全选' }}
-          </u-button>
-        </view>
-      </view>
-      <template #cell="{ item }">
-        <view class="item-container">
-          <view class="flex-text" style="padding: 5px;">
-            <view class="flex-text-one">出水口：</view>
-            <view>
-              <text>{{ item.showName }}</text>
-            </view>
-            <view style="margin-left: 30px; height: 25px;">
-              <u-checkbox-group class="checkBox" style="margin: 0;" icon-placement="left" placement="row" @change="handleChangeRow($event, item)">
-                <u-checkbox active-color="#35842E" label="全选"  :checked="isAllSelected(item)" name="all"></u-checkbox>
-              </u-checkbox-group>
-            </view>
-            <view style="margin-left: 110px; height: 25px;">
-              <u-radio-group class="checkBox" style="margin: 0;"  v-if="item.landWaterOutletPermissionVo.showDevice==0" icon-placement="left" placement="row" v-model="item.landWaterOutletPermissionVo.deviceTypeKey" @change="handleChangeDeviceType($event, item)">
-                <u-radio active-color="#35842E" label="三通" name="valve"></u-radio>
-                <u-radio active-color="#35842E" label="五通" name="fiveValve"></u-radio>
-              </u-radio-group>
-            </view>
-          </view>
-          <u-gap height="1" bg-color="#D2D2D2"></u-gap>
-          <view v-if="isValve(item)">
-            <u-checkbox-group class="checkBox" icon-placement="left" placement="row" @change="handleChange($event, item)">
-            <!--  <u-checkbox active-color="#35842E" label="全关" :checked="item.landWaterOutletPermissionVo.valveClose == 0" name="valveClose"></u-checkbox>
+	<view class="index-container">
+		<z-paging class="paging" ref="paging" use-virtual-list bg-color="#F6F3F3" :loading-more-enabled="false">
+			<template #top>
+				<view class="search">
+					<u-search placeholder="请输入出水口编号" @search="onSearchValue" @custom="onSearchValue"
+						@clear="onSearchValue(null)" shape="square"></u-search>
+				</view>
+			</template>
+			<view class="tips">
+				<text style="color: red">注意：</text>
+				<text>1.选中为有控制权限开关;</text>
+				<view style="float: right; margin-right: 15px; border: 1px solid;">
+					<u-button style="height: 25px;" type="primary" size="small" :plain="true" :hairline="true"
+						@click="handleChangeAllRow">
+						{{ selectAll ? '反选' : '全选' }}
+					</u-button>
+				</view>
+			</view>
+			<template #cell="{ item }">
+				<view class="item-container">
+					<view class="flex-text" style="padding: 5px;">
+						<view class="flex-text-one">出水口：</view>
+						<view>
+							<text>{{ item.showName }}</text>
+						</view>
+						<view style="margin-left: 30px; height: 25px;">
+							<u-checkbox-group class="checkBox" style="margin: 0;" icon-placement="left" placement="row"
+								@change="handleChangeRow($event, item)">
+								<u-checkbox active-color="#35842E" label="全选" :checked="isAllSelected(item)"
+									name="all"></u-checkbox>
+							</u-checkbox-group>
+						</view>
+						<view style="margin-left: 110px; height: 25px;">
+							<u-radio-group class="checkBox" style="margin: 0;"
+								v-if="item.landWaterOutletPermissionVo.showDevice==0" icon-placement="left"
+								placement="row" v-model="item.landWaterOutletPermissionVo.deviceTypeKey"
+								@change="handleChangeDeviceType($event, item)">
+								<u-radio active-color="#35842E" label="三通" name="valve"></u-radio>
+								<u-radio active-color="#35842E" label="五通" name="fiveValve"></u-radio>
+							</u-radio-group>
+						</view>
+					</view>
+					<u-gap height="1" bg-color="#D2D2D2"></u-gap>
+					<view v-if="isValve(item)">
+						<u-checkbox-group class="checkBox" icon-placement="left" placement="row"
+							@change="handleChange($event, item)">
+							<!--  <u-checkbox active-color="#35842E" label="全关" :checked="item.landWaterOutletPermissionVo.valveClose == 0" name="valveClose"></u-checkbox>
               <u-checkbox active-color="#35842E" label="全开" :checked="item.landWaterOutletPermissionVo.valveOpen == 0" name="valveOpen"></u-checkbox> -->
-              <u-checkbox active-color="#35842E" label="①开" :checked="item.landWaterOutletPermissionVo.valveOneOpen == 0" name="valveOneOpen"></u-checkbox>
-              <u-checkbox active-color="#35842E" label="②开" :checked="item.landWaterOutletPermissionVo.valveTwoOpen == 0" name="valveTwoOpen"></u-checkbox>
-            </u-checkbox-group>
-          </view>
-          <view v-if="isFiveValve(item)">
-            <u-checkbox-group class="checkBox" icon-placement="left" placement="row" @change="handleChange($event, item)">
-              <u-checkbox active-color="#35842E" label="①开" :checked="item.landWaterOutletPermissionVo.valveOneOpen == 0" name="valveOneOpen"></u-checkbox>
-              <u-checkbox active-color="#35842E" label="②开" :checked="item.landWaterOutletPermissionVo.valveTwoOpen == 0" name="valveTwoOpen"></u-checkbox>
-              <u-checkbox active-color="#35842E" label="③开" :checked="item.landWaterOutletPermissionVo.valveThreeOpen == 0" name="valveThreeOpen"></u-checkbox>
-              <u-checkbox active-color="#35842E" label="④开" :checked="item.landWaterOutletPermissionVo.valveFourOpen == 0" name="valveFourOpen"></u-checkbox>
-            </u-checkbox-group>
-          </view>
-        </view>
-      </template>
-      <template #bottom>
-        <view class="button">
-          <u-button style="width: 200px; height: 40px; border-radius: 4px" type="success" text="设 置" @click="submit" :disabled="disabled"></u-button>
-        </view>
-      </template>
-    </z-paging>
-  </view>
+							<u-checkbox active-color="#35842E" label="①开"
+								:checked="item.landWaterOutletPermissionVo.valveOneOpen == 0"
+								name="valveOneOpen"></u-checkbox>
+							<u-checkbox active-color="#35842E" label="②开"
+								:checked="item.landWaterOutletPermissionVo.valveTwoOpen == 0"
+								name="valveTwoOpen"></u-checkbox>
+						</u-checkbox-group>
+					</view>
+					<view v-if="isFiveValve(item)">
+						<u-checkbox-group class="checkBox" icon-placement="left" placement="row"
+							@change="handleChange($event, item)">
+							<u-checkbox active-color="#35842E" label="①开"
+								:checked="item.landWaterOutletPermissionVo.valveOneOpen == 0"
+								name="valveOneOpen"></u-checkbox>
+							<u-checkbox active-color="#35842E" label="②开"
+								:checked="item.landWaterOutletPermissionVo.valveTwoOpen == 0"
+								name="valveTwoOpen"></u-checkbox>
+							<u-checkbox active-color="#35842E" label="③开"
+								:checked="item.landWaterOutletPermissionVo.valveThreeOpen == 0"
+								name="valveThreeOpen"></u-checkbox>
+							<u-checkbox active-color="#35842E" label="④开"
+								:checked="item.landWaterOutletPermissionVo.valveFourOpen == 0"
+								name="valveFourOpen"></u-checkbox>
+						</u-checkbox-group>
+					</view>
+				</view>
+			</template>
+			<template #bottom>
+				<view class="button">
+					<u-button style="width: 200px; height: 40px; border-radius: 4px" type="success" text="设 置"
+						@click="submit" :disabled="disabled"></u-button>
+				</view>
+			</template>
+		</z-paging>
+	</view>
 </template>
 
 <script>
-import plugin from "@/plugins";
-import { getLandWaterOutletPermissionList, saveLandWaterOutletPermission } from "@/api/system/landWaterOutletPermission";
+	import plugin from "@/plugins";
+	import {
+		getLandWaterOutletPermissionList,
+		saveLandWaterOutletPermission
+	} from "@/api/system/landWaterOutletPermission";
 
-export default {
-  data() {
-    return {
-      landId: null,
-      dataList: [],
-      selectAll: false,
-      query: {
-        landId: null,
-        showName: null,
-        userId: null
-      },
-      disabled: false
-    };
-  },
-  onLoad(options) {
-    this.landId = options.landId;
-    this.query.landId = options.landId;
-    this.query.userId = options.userId;
-    this.queryList();
-  },
-  methods: {
-    queryList() {
-      if (!this.query.landId) {
-        return;
-      }
-      this.dataList = [];
-      getLandWaterOutletPermissionList(this.query).then(res => {
-        this.dataList = res.data;
-        this.$refs.paging.complete(this.dataList);
-      });
-    },
-    onSearchValue(e) {
-      this.query.showName = e;
-      this.queryList();
-    },
-    submit() {
-      let saveObj = {
-        landId: this.query.landId,
-        userId: this.query.userId,
-        landWaterOutlets: this.dataList
-      };
-      plugin.modal.loading("设置中...");
-      this.disabled = true;
-      saveLandWaterOutletPermission(saveObj).then(res => {
-        plugin.modal.msgSuccess("设置成功!");
-        this.queryList();
-        this.disabled = false;
-      });
-    },
-    handleChangeAllRow() {
-      this.selectAll = !this.selectAll;
-      const selectAll = this.selectAll;
-      this.dataList.forEach(item => {
-        this.handleRowPermissions(item, selectAll);
-      });
-    },
-    handleChangeRow(e, row) {
-      this.handleRowPermissions(row, e && e.length);
-    },
-    handleChangeDeviceType(e, obj) {
-      const permissions = obj.landWaterOutletPermissionVo;
-      permissions.deviceTypeKey = e;
-      this.setDefaultPermissions(permissions);
-    },
-    handleChange(e, obj) {
-      this.judgeValue(e, obj);
-    },
-    judgeValue(e, itemSample) {
-      const permissions = itemSample.landWaterOutletPermissionVo;
-      ['valveClose', 'valveOpen', 'valveOneOpen', 'valveTwoOpen', 'valveThreeOpen', 'valveFourOpen'].forEach(property => {
-        permissions[property] = e.includes(property) ? 0 : 1;
-      });
-    },
-    handleRowPermissions(row, selectAll) {
-      const permissions = row.landWaterOutletPermissionVo;
-      this.setDefaultPermissions(permissions);
-      if (selectAll) {
-        if (this.isValve(row)) {
-          permissions.valveClose = 0;
-          permissions.valveOpen = 0;
-          permissions.valveOneOpen = 0;
-          permissions.valveTwoOpen = 0;
-        } else if (this.isFiveValve(row)) {
-          permissions.valveOneOpen = 0;
-          permissions.valveTwoOpen = 0;
-          permissions.valveThreeOpen = 0;
-          permissions.valveFourOpen = 0;
-        }
-      }
-    },
-    setDefaultPermissions(permissions) {
-      permissions.valveClose = 1;
-      permissions.valveOpen = 1;
-      permissions.valveOneOpen = 1;
-      permissions.valveTwoOpen = 1;
-      permissions.valveThreeOpen = 1;
-      permissions.valveFourOpen = 1;
-    },
-    isValve(item) {
-      return item.landWaterOutletPermissionVo.deviceTypeKey === 'valve';
-    },
-    isFiveValve(item) {
-      return item.landWaterOutletPermissionVo.deviceTypeKey === 'fiveValve';
-    },
-    isAllSelected(item) {
-      if (this.isValve(item)) {
-        return item.landWaterOutletPermissionVo.valveClose === 0 &&
-               item.landWaterOutletPermissionVo.valveOpen === 0 &&
-               item.landWaterOutletPermissionVo.valveOneOpen === 0 &&
-               item.landWaterOutletPermissionVo.valveTwoOpen === 0;
-      } else if (this.isFiveValve(item)) {
-        return item.landWaterOutletPermissionVo.valveOneOpen === 0 &&
-               item.landWaterOutletPermissionVo.valveTwoOpen === 0 &&
-               item.landWaterOutletPermissionVo.valveThreeOpen === 0 &&
-               item.landWaterOutletPermissionVo.valveFourOpen === 0;
-      }
-      return false;
-    }
-  }
-};
+	export default {
+		data() {
+			return {
+				landId: null,
+				dataList: [],
+				selectAll: false,
+				query: {
+					landId: null,
+					showName: null,
+					userId: null
+				},
+				disabled: false
+			};
+		},
+		onLoad(options) {
+			this.landId = options.landId;
+			this.query.landId = options.landId;
+			this.query.userId = options.userId;
+			this.queryList();
+		},
+		methods: {
+			queryList() {
+				if (!this.query.landId) {
+					return;
+				}
+				this.dataList = [];
+				getLandWaterOutletPermissionList(this.query).then(res => {
+					this.dataList = res.data;
+					this.$refs.paging.complete(this.dataList);
+				});
+			},
+			onSearchValue(e) {
+				this.query.showName = e;
+				this.queryList();
+			},
+			submit() {
+				let saveObj = {
+					landId: this.query.landId,
+					userId: this.query.userId,
+					landWaterOutlets: this.dataList
+				};
+				plugin.modal.loading("设置中...");
+				this.disabled = true;
+				saveLandWaterOutletPermission(saveObj).then(res => {
+					plugin.modal.msgSuccess("设置成功!");
+					this.queryList();
+					this.disabled = false;
+				});
+			},
+			handleChangeAllRow() {
+				this.selectAll = !this.selectAll;
+				const selectAll = this.selectAll;
+				this.dataList.forEach(item => {
+					this.handleRowPermissions(item, selectAll);
+				});
+			},
+			handleChangeRow(e, row) {
+				this.handleRowPermissions(row, e && e.length);
+			},
+			handleChangeDeviceType(e, obj) {
+				const permissions = obj.landWaterOutletPermissionVo;
+				permissions.deviceTypeKey = e;
+				this.setDefaultPermissions(permissions);
+			},
+			handleChange(e, obj) {
+				this.judgeValue(e, obj);
+			},
+			judgeValue(e, itemSample) {
+				const permissions = itemSample.landWaterOutletPermissionVo;
+				['valveClose', 'valveOpen', 'valveOneOpen', 'valveTwoOpen', 'valveThreeOpen', 'valveFourOpen'].forEach(
+					property => {
+						permissions[property] = e.includes(property) ? 0 : 1;
+						console.log(property + permissions[property])
+						console.log(permissions.deviceTypeKey)
+						if (permissions.deviceTypeKey == "valve" ) {
+									console.log(permissions.deviceTypeKey)
+							if (permissions.valveOneOpen == 0 || permissions.valveTwoOpen == 0) {
+								permissions.valveClose = 0;
+							}
+							if (permissions.valveOneOpen == 0 && permissions.valveTwoOpen == 0) {
+								permissions.valveOpen = 0;
+							}
+							if(permissions.valveOneOpen == 1 || permissions.valveTwoOpen == 1){
+								permissions.valveOpen = 1;
+							}
+							if(permissions.valveOneOpen == 1 && permissions.valveTwoOpen == 1){
+								permissions.valveClose = 1;
+							}
+						}
+					});
+					console.log(permissions)
+			},
+			handleRowPermissions(row, selectAll) {
+				const permissions = row.landWaterOutletPermissionVo;
+				this.setDefaultPermissions(permissions);
+				if (selectAll) {
+					if (this.isValve(row)) {
+						permissions.valveClose = 0;
+						permissions.valveOpen = 0;
+						permissions.valveOneOpen = 0;
+						permissions.valveTwoOpen = 0;
+					} else if (this.isFiveValve(row)) {
+						permissions.valveOneOpen = 0;
+						permissions.valveTwoOpen = 0;
+						permissions.valveThreeOpen = 0;
+						permissions.valveFourOpen = 0;
+					}
+				}
+			},
+			setDefaultPermissions(permissions) {
+				permissions.valveClose = 1;
+				permissions.valveOpen = 1;
+				permissions.valveOneOpen = 1;
+				permissions.valveTwoOpen = 1;
+				permissions.valveThreeOpen = 1;
+				permissions.valveFourOpen = 1;
+			},
+			isValve(item) {
+				return item.landWaterOutletPermissionVo.deviceTypeKey === 'valve';
+			},
+			isFiveValve(item) {
+				return item.landWaterOutletPermissionVo.deviceTypeKey === 'fiveValve';
+			},
+			isAllSelected(item) {
+				if (this.isValve(item)) {
+					return item.landWaterOutletPermissionVo.valveClose === 0 &&
+						item.landWaterOutletPermissionVo.valveOpen === 0 &&
+						item.landWaterOutletPermissionVo.valveOneOpen === 0 &&
+						item.landWaterOutletPermissionVo.valveTwoOpen === 0;
+				} else if (this.isFiveValve(item)) {
+					return item.landWaterOutletPermissionVo.valveOneOpen === 0 &&
+						item.landWaterOutletPermissionVo.valveTwoOpen === 0 &&
+						item.landWaterOutletPermissionVo.valveThreeOpen === 0 &&
+						item.landWaterOutletPermissionVo.valveFourOpen === 0;
+				}
+				return false;
+			}
+		}
+	};
 </script>
 
 <style lang="scss" scoped>
-.index-container {
-  background-color: #f6f3f3;
-  height: 100%;
-  .search {
-    background-color: white;
-    padding: 10px;
-  }
-  .title {
-    height: 50px;
-    display: flex;
-    padding: 15px 15px;
-    background: white;
-    align-items: center;
-    text {
-      font-size: 14px;
-      margin-right: 10px;
-    }
-  }
-  .button {
-    padding: 10px 20px;
-    display: flex;
-    background: white;
-  }
-  .item-container {
-    margin-top: 10px;
-    background-color: white;
-    padding-bottom: 10px;
-  }
-  .flex-text {
-    display: flex;
-    align-items: center;
-    font-size: 16px;
-    .flex-text-one {
-      color: #939393;
-      font-weight: bold;
-    }
-  }
-  .checkBox {
-    margin: 10px 0px 0px 0px;
-    display: flex;
-    justify-content: space-around;
-  }
-}
-.tips {
-  padding: 10px;
-  line-height: 20px;
-  font-size: 14px;
-  color: gray;
-  background-color: #fff;
-  border-top: 1px solid #eee;
-}
-::v-deep.zp-paging-container {
-  background: #f3f3f3 !important;
-}
-</style>
+	.index-container {
+		background-color: #f6f3f3;
+		height: 100%;
+
+		.search {
+			background-color: white;
+			padding: 10px;
+		}
+
+		.title {
+			height: 50px;
+			display: flex;
+			padding: 15px 15px;
+			background: white;
+			align-items: center;
+
+			text {
+				font-size: 14px;
+				margin-right: 10px;
+			}
+		}
+
+		.button {
+			padding: 10px 20px;
+			display: flex;
+			background: white;
+		}
+
+		.item-container {
+			margin-top: 10px;
+			background-color: white;
+			padding-bottom: 10px;
+		}
+
+		.flex-text {
+			display: flex;
+			align-items: center;
+			font-size: 16px;
+
+			.flex-text-one {
+				color: #939393;
+				font-weight: bold;
+			}
+		}
+
+		.checkBox {
+			margin: 10px 0px 0px 0px;
+			display: flex;
+			justify-content: space-around;
+		}
+	}
+
+	.tips {
+		padding: 10px;
+		line-height: 20px;
+		font-size: 14px;
+		color: gray;
+		background-color: #fff;
+		border-top: 1px solid #eee;
+	}
+
+	::v-deep.zp-paging-container {
+		background: #f3f3f3 !important;
+	}
+</style>
\ No newline at end of file