修改了目录结构和路由模式

package-lock.json

@@ -9836,6 +9836,11 @@
       "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=",
       "dev": true
     },
+    "tiny-cookie": {
+      "version": "1.0.1",
+      "resolved": "https://registry.nlark.com/tiny-cookie/download/tiny-cookie-1.0.1.tgz",
+      "integrity": "sha1-dTeGB5xkKjw9CyrMrWAPjeEZrCo="
+    },
     "to-arraybuffer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
@@ -10312,6 +10317,14 @@
       "resolved": "https://registry.nlark.com/vue-axios/download/vue-axios-3.3.7.tgz",
       "integrity": "sha1-GVi2+3EutAEash20M7I1DiptaE8="
     },
+    "vue-cookie": {
+      "version": "1.1.4",
+      "resolved": "https://registry.nlark.com/vue-cookie/download/vue-cookie-1.1.4.tgz",
+      "integrity": "sha1-uLRtESvan5Oi9HAXwu1SgtIGT9o=",
+      "requires": {
+        "tiny-cookie": "^1.0"
+      }
+    },
     "vue-drag-resize": {
       "version": "1.5.4",
       "resolved": "https://registry.npmjs.org/vue-drag-resize/-/vue-drag-resize-1.5.4.tgz",

src/main.js

@@ -3,24 +3,19 @@ import App from './App.vue'
 import router from './router'
 import store from './store'
 import ElementUI from 'element-ui';
-import 'element-ui/lib/theme-chalk/index.css';
-import './assets/css/global.css'
 import VueCookie from 'vue-cookie'  
 import axios from "axios";
 import VueAxios from 'vue-axios'
-
-
-
-
-
+import 'element-ui/lib/theme-chalk/index.css';
+import './assets/css/global.css'
 
 import {postRequest} from "./utils/api";
 import {putRequest} from "./utils/api";
 import {deleteRequest} from "./utils/api";
 import {getRequest} from "./utils/api";
 import {postKeyValueRequest} from "./utils/api";
-
 import VueDragResize from "vue-drag-resize"
+
 // import httpRequest from '@/utils/httpRequest'
 Vue.component('vue-drag-resize', VueDragResize)
 // 挂载全局

src/router.js → src/router/index.js

@@ -5,21 +5,21 @@ import Router from 'vue-router'
 Vue.use(Router)
 
 export default new Router({
-    mode: 'history',
+    mode: 'hash',
     base: process.env.BASE_URL,
 
     routes: [{
         path: '/',
         name: '系统列表',
         component: () =>
-            import ('./views/Home.vue'),
+            import ('../views/Home.vue'),
         hidden: false,
         children: [{
                 path: '/coal_mining',
                 name: ' 采煤工作面',
                 id: 100,
                 component: () =>
-                    import ('./views/mining/mining.vue'),
+                    import ('../views/mining/mining.vue'),
                 hidden: false,
 
             }, {
@@ -27,21 +27,21 @@ export default new Router({
                 name: ' 采煤机页面',
                 id: 1001,
                 component: () =>
-                    import ('./views/mining/coalcutter.vue'),
+                    import ('../views/mining/coalcutter.vue'),
                 hidden: true,
             }, {
                 path: '/main_pump',
                 name: ' 采煤机本体页面',
                 id: 1002,
                 component: () =>
-                    import ('./views/mining/main_pump.vue'),
+                    import ('../views/mining/main_pump.vue'),
                 hidden: true,
             }, {
                 path: '/miningdataQualityDevice',
                 name: ' 设备',
                 id: 1003,
                 component: () =>
-                    import ('./views/mining/dataStandard/dataQualityDevice.vue'),
+                    import ('../views/mining/dataStandard/dataQualityDevice.vue'),
                 hidden: true,
             },
             {
@@ -50,7 +50,7 @@ export default new Router({
                 path: '/miningdataQualitySubdevice',
                 hidden: true,
                 component:() =>
-                import ('./views/mining/dataStandard/dataQualitySubdevice.vue'),
+                import ('../views/mining/dataStandard/dataQualitySubdevice.vue'),
                  
             }, {
                 id: 1005,
@@ -58,14 +58,14 @@ export default new Router({
                 path: '/miningdataQualityMeasurePoint',
                 hidden: true,
                 component: () =>
-                import ('./views/mining/dataStandard/dataQualityMeasurePoint.vue'),
+                import ('../views/mining/dataStandard/dataQualityMeasurePoint.vue'),
             },
             {
                 path: '/tunnelling',
                 name: ' 掘进工作面',
                 id: 101,
                 component: () =>
-                    import ('./views/tunnelling/tunnelling.vue'),
+                    import ('../views/tunnelling/tunnelling.vue'),
                 hidden: false,
 
             }, 
@@ -74,7 +74,7 @@ export default new Router({
                 name: ' 设备',
                 id: 1010,
                 component: () =>
-                    import ('./views/tunnelling/dataStandard/dataQualityDevice.vue'),
+                    import ('../views/tunnelling/dataStandard/dataQualityDevice.vue'),
                 hidden: true,
             },
             {
@@ -83,7 +83,7 @@ export default new Router({
                 path: '/tunneldataQualitySubdevice',
                 hidden: true,
                 component:() =>
-                import ('./views/tunnelling/dataStandard/dataQualitySubdevice.vue'),
+                import ('../views/tunnelling/dataStandard/dataQualitySubdevice.vue'),
                  
             }, {
                 id: 1012,
@@ -91,13 +91,13 @@ export default new Router({
                 path: '/tunneldataQualityMeasurePoint',
                 hidden: true,
                 component: () =>
-                import ('./views/tunnelling/dataStandard/dataQualityMeasurePoint.vue'),
+                import ('../views/tunnelling/dataStandard/dataQualityMeasurePoint.vue'),
             },{
                 path: '/monitor',
                 name: ' 安全监控',
                 id: 102,
                 component: () =>
-                    import ('./views/monitor/monitor.vue'),
+                    import ('../views/monitor/monitor.vue'),
                 hidden: false,
 
             }, {
@@ -106,35 +106,35 @@ export default new Router({
                 id: 1020,
                 hidden: true,
                 component: () =>
-                    import ('./views/monitor/checkSubSys.vue')
+                    import ('../views/monitor/checkSubSys.vue')
             }, {
                 path: '/checkCheckPoint',
                 name: '查看测点数据',
                 id: 1021,
                 hidden: true,
                 component: () =>
-                    import ('./views/monitor/checkCheckPoint.vue')
+                    import ('../views/monitor/checkCheckPoint.vue')
             }, {
                 path: '/monitorDetail',
                 name: '查看测点数据',
                 id: 1022,
                 hidden: true,
                 component: () =>
-                    import ('./views/monitor/detail.vue')
+                    import ('../views/monitor/detail.vue')
             }, {
                 path: '/monitorThreshold',
                 name: '查看超标数据',
                 id: 1024,
                 hidden: true,
                 component: () =>
-                    import ('./views/monitor/monitorThreshold.vue')
+                    import ('../views/monitor/monitorThreshold.vue')
             }, {
                 id: 1025,
                 name: '设备',
                 path: '/monitordataQualityDevice',
                 hidden: true,
                 component:() =>
-                import ('./views/monitor/dataStandard/dataQualityDevice.vue'),
+                import ('../views/monitor/dataStandard/dataQualityDevice.vue'),
                 
             }, {
                 id: 1026,
@@ -142,7 +142,7 @@ export default new Router({
                 path: '/monitordataQualitySubdevice',
                 hidden: true,
                 component:() =>
-                import ('./views/monitor/dataStandard/dataQualitySubdevice.vue'),
+                import ('../views/monitor/dataStandard/dataQualitySubdevice.vue'),
                  
             }, {
                 id: 1027,
@@ -150,20 +150,20 @@ export default new Router({
                 path: '/monitordataQualityMeasurePoint',
                 hidden: true,
                 component: () =>
-                import ('./views/monitor/dataStandard/dataQualityMeasurePoint.vue'),
+                import ('../views/monitor/dataStandard/dataQualityMeasurePoint.vue'),
             }, {
                 path: '/transportation',
                 name: ' 主运输系统',
                 id: 103,
                 component: () =>
-                    import ('./views/transportation/transportation.vue'),
+                    import ('../views/transportation/transportation.vue'),
                 hidden: false,
             }, {
                 path: '/coalCentral',
                 name: ' 煤中央皮带',
                 id: 1030,
                 component: () =>
-                    import ('./views/transportation/subSystem/coalCentral.vue'),
+                    import ('../views/transportation/subSystem/coalCentral.vue'),
                 hidden: true,
             },
             {
@@ -171,7 +171,7 @@ export default new Router({
                 name: ' 皮带本体',
                 id: 10300,
                 component: () =>
-                    import ('./views/transportation/subSystem/belt_body.vue'),
+                    import ('../views/transportation/subSystem/belt_body.vue'),
                 hidden: true,
             },
             {
@@ -179,7 +179,7 @@ export default new Router({
                 name: ' 详细信息',
                 id: 103001,
                 component: () =>
-                    import ('./views/transportation/subSystem/beltbody/detail.vue'),
+                    import ('../views/transportation/subSystem/beltbody/detail.vue'),
                 hidden: true,
             },
             {
@@ -187,7 +187,7 @@ export default new Router({
                 name: ' 超出阈值',
                 id: 103002,
                 component: () =>
-                    import ('./views/transportation/subSystem/threshold.vue'),
+                    import ('../views/transportation/subSystem/threshold.vue'),
                 hidden: true,
             },
             {
@@ -195,7 +195,7 @@ export default new Router({
                 name: ' 主平硐皮带',
                 id: 1031,
                 component: () =>
-                    import ('./views/transportation/subSystem/mainAdit.vue'),
+                    import ('../views/transportation/subSystem/mainAdit.vue'),
                 hidden: true,
             },
             {
@@ -203,14 +203,14 @@ export default new Router({
                 name: ' 上仓皮带',
                 id: 1032,
                 component: () =>
-                    import ('./views/transportation/subSystem/warehouse.vue'),
+                    import ('../views/transportation/subSystem/warehouse.vue'),
                 hidden: true,
             }, {
                 path: '/ventilate',
                 name: ' 通风系统',
                 id: 104,
                 component: () =>
-                    import ('./views/ventilate/ventilate.vue'),
+                    import ('../views/ventilate/ventilate.vue'),
                 hidden: false,
 
             },
@@ -219,7 +219,7 @@ export default new Router({
                 name: ' 通风系统系统数据',
                 id: 1041,
                 component: () =>
-                    import ('./views/ventilate/venDataDetail.vue'),
+                    import ('../views/ventilate/venDataDetail.vue'),
                 hidden: true,
 
             },
@@ -228,7 +228,7 @@ export default new Router({
                 name: ' 一号通风机',
                 id: 1040,
                 component: () =>
-                    import ('./views/ventilate/firstVentilator.vue'),
+                    import ('../views/ventilate/firstVentilator.vue'),
                 hidden: true,
 
             }, 
@@ -238,7 +238,7 @@ export default new Router({
                 path: '/vendataQualityDevice',
                 hidden: true,
                 component:() =>
-                import ('./views/ventilate/dataStandard/dataQualityDevice.vue'),
+                import ('../views/ventilate/dataStandard/dataQualityDevice.vue'),
                 
             }, {
                 id: 1043,
@@ -246,7 +246,7 @@ export default new Router({
                 path: '/vendataQualitySubdevice',
                 hidden: true,
                 component:() =>
-                import ('./views/ventilate/dataStandard/dataQualitySubdevice.vue'),
+                import ('../views/ventilate/dataStandard/dataQualitySubdevice.vue'),
                  
             }, {
                 id: 1044,
@@ -254,13 +254,13 @@ export default new Router({
                 path: '/vendataQualityMeasurePoint',
                 hidden: true,
                 component: () =>
-                import ('./views/ventilate/dataStandard/dataQualityMeasurePoint.vue'),
+                import ('../views/ventilate/dataStandard/dataQualityMeasurePoint.vue'),
             },{
                 path: '/compressed',
                 name: ' 压风系统',
                 id: 105,
                 component: () =>
-                    import ('./views/compressed/compressed.vue'),
+                    import ('../views/compressed/compressed.vue'),
                 hidden: false,
 
             }, {
@@ -268,7 +268,7 @@ export default new Router({
                 name: ' 主排水系统',
                 id: 106,
                 component: () =>
-                    import ('./views/drain/drain.vue'),
+                    import ('../views/drain/drain.vue'),
                 hidden: false,
             },
             {
@@ -277,7 +277,7 @@ export default new Router({
                 path: '/draindataQualityDevice',
                 hidden: true,
                 component:() =>
-                import ('./views/drain/dataStandard/dataQualityDevice.vue'),
+                import ('../views/drain/dataStandard/dataQualityDevice.vue'),
                 
             }, {
                 id: 1061,
@@ -285,7 +285,7 @@ export default new Router({
                 path: '/draindataQualitySubdevice',
                 hidden: true,
                 component:() =>
-                import ('./views/drain/dataStandard/dataQualitySubdevice.vue'),
+                import ('../views/drain/dataStandard/dataQualitySubdevice.vue'),
                  
             }, {
                 id: 1062,
@@ -293,14 +293,14 @@ export default new Router({
                 path: '/draindataQualityMeasurePoint',
                 hidden: true,
                 component: () =>
-                import ('./views/drain/dataStandard/dataQualityMeasurePoint.vue'),
+                import ('../views/drain/dataStandard/dataQualityMeasurePoint.vue'),
             },
             {
                 path: '/power_supply',
                 name: ' 供电系统',
                 id: 107,
                 component: () =>
-                    import ('./views/power_supply/power.vue'),
+                    import ('../views/power_supply/power.vue'),
                 hidden: false,
 
             },
@@ -310,7 +310,7 @@ export default new Router({
                 path: '/powerdataQualityDevice',
                 hidden: true,
                 component:() =>
-                import ('./views/power_supply/dataStandard/dataQualityDevice.vue'),
+                import ('../views/power_supply/dataStandard/dataQualityDevice.vue'),
                 
             }, {
                 id: 1071,
@@ -318,7 +318,7 @@ export default new Router({
                 path: '/powerdataQualitySubdevice',
                 hidden: true,
                 component:() =>
-                import ('./views/power_supply/dataStandard/dataQualitySubdevice.vue'),
+                import ('../views/power_supply/dataStandard/dataQualitySubdevice.vue'),
                  
             }, {
                 id: 1072,
@@ -326,7 +326,7 @@ export default new Router({
                 path: '/powerdataQualityMeasurePoint',
                 hidden: true,
                 component: () =>
-                import ('./views/power_supply/dataStandard/dataQualityMeasurePoint.vue'),
+                import ('../views/power_supply/dataStandard/dataQualityMeasurePoint.vue'),
             },
             
             {
@@ -334,7 +334,7 @@ export default new Router({
                 name: ' 辅运输系统',
                 id: 108,
                 component: () =>
-                    import ('./views/auxiliary_transport/auxiliarytrans.vue'),
+                    import ('../views/auxiliary_transport/auxiliarytrans.vue'),
                 hidden: false,
 
             },
@@ -344,7 +344,7 @@ export default new Router({
                 path: '/auxdataQualityDevice',
                 hidden: true,
                 component:() =>
-                import ('./views/auxiliary_transport/dataStandard/dataQualityDevice.vue'),
+                import ('../views/auxiliary_transport/dataStandard/dataQualityDevice.vue'),
                 
             }, {
                 id: 1081,
@@ -352,7 +352,7 @@ export default new Router({
                 path: '/auxdataQualitySubdevice',
                 hidden: true,
                 component:() =>
-                import ('./views/auxiliary_transport/dataStandard/dataQualitySubdevice.vue'),
+                import ('../views/auxiliary_transport/dataStandard/dataQualitySubdevice.vue'),
                  
             }, {
                 id: 1082,
@@ -360,13 +360,13 @@ export default new Router({
                 path: '/auxdataQualityMeasurePoint',
                 hidden: true,
                 component: () =>
-                import ('./views/auxiliary_transport/dataStandard/dataQualityMeasurePoint.vue'),
+                import ('../views/auxiliary_transport/dataStandard/dataQualityMeasurePoint.vue'),
             }, {
                 path: '/beam_tube',
                 name: ' 束管检测',
                 id: 109,
                 component: () =>
-                    import ('./views/beam_tube/beam.vue'),
+                    import ('../views/beam_tube/beam.vue'),
                 hidden: false,
             },
             {
@@ -375,7 +375,7 @@ export default new Router({
                 path: '/beamdataQualityDevice',
                 hidden: true,
                 component:() =>
-                import ('./views/beam_tube/dataStandard/dataQualityDevice.vue'),
+                import ('../views/beam_tube/dataStandard/dataQualityDevice.vue'),
                 
             }, {
                 id: 1091,
@@ -383,7 +383,7 @@ export default new Router({
                 path: '/beamdataQualitySubdevice',
                 hidden: true,
                 component:() =>
-                import ('./views/beam_tube/dataStandard/dataQualitySubdevice.vue'),
+                import ('../views/beam_tube/dataStandard/dataQualitySubdevice.vue'),
                  
             }, {
                 id: 1092,
@@ -391,14 +391,14 @@ export default new Router({
                 path: '/beamdataQualityMeasurePoint',
                 hidden: true,
                 component: () =>
-                import ('./views/beam_tube/dataStandard/dataQualityMeasurePoint.vue'),
+                import ('../views/beam_tube/dataStandard/dataQualityMeasurePoint.vue'),
             },
             {
                 path: '/gas',
                 name: ' 瓦斯抽放设备',
                 id: 110,
                 component: () =>
-                    import ('./views/gas/gas.vue'),
+                    import ('../views/gas/gas.vue'),
                 hidden: false,
 
             }, {
@@ -407,7 +407,7 @@ export default new Router({
                 path: '/gasdataQualityDevice',
                 hidden: true,
                 component:() =>
-                import ('./views/gas/dataQualityDevice.vue'),
+                import ('../views/gas/dataQualityDevice.vue'),
                 
             }, {
                 id: 1101,
@@ -415,7 +415,7 @@ export default new Router({
                 path: '/gasdataQualitySubdevice',
                 hidden: true,
                 component:() =>
-                import ('./views/gas/dataQualitySubdevice.vue'),
+                import ('../views/gas/dataQualitySubdevice.vue'),
                  
             }, {
                 id: 1102,
@@ -423,14 +423,14 @@ export default new Router({
                 path: '/gasdataQualityMeasurePoint',
                 hidden: true,
                 component: () =>
-                import ('./views/gas/dataQualityMeasurePoint.vue'),
+                import ('../views/gas/dataQualityMeasurePoint.vue'),
             },
             {
                 path: '/dataDetail',
                 name: 'dataDetail_chart',
                 id: 1104,
                 component: () =>
-                    import ('./views/gas/dataDetail.vue'),
+                    import ('../views/gas/dataDetail.vue'),
                 hidden: true,
 
             }, {
@@ -438,7 +438,7 @@ export default new Router({
                 name: ' 瓦斯抽放测点',
                 id: 1105,
                 component: () =>
-                    import ('./views/gas/gasCheckPoint.vue'),
+                    import ('../views/gas/gasCheckPoint.vue'),
                 hidden: true,
 
             }, {
@@ -446,7 +446,7 @@ export default new Router({
                 name: ' 人员定位',
                 id: 111,
                 component: () =>
-                    import ('./views/personnel_location/location.vue'),
+                    import ('../views/personnel_location/location.vue'),
                 hidden: false,
 
             },{
@@ -455,7 +455,7 @@ export default new Router({
                 path: '/persondataQualityDevice',
                 hidden: true,
                 component:() =>
-                import ('./views/personnel_location/dataStandard/dataQualityDevice.vue'),
+                import ('../views/personnel_location/dataStandard/dataQualityDevice.vue'),
                 
             }, {
                 id: 1111,
@@ -463,7 +463,7 @@ export default new Router({
                 path: '/persondataQualitySubdevice',
                 hidden: true,
                 component:() =>
-                import ('./views/personnel_location/dataStandard/dataQualitySubdevice.vue'),
+                import ('../views/personnel_location/dataStandard/dataQualitySubdevice.vue'),
                  
             }, {
                 id: 1112,
@@ -471,7 +471,7 @@ export default new Router({
                 path: '/persondataQualityMeasurePoint',
                 hidden: true,
                 component: () =>
-                import ('./views/personnel_location/dataStandard/dataQualityMeasurePoint.vue'),
+                import ('../views/personnel_location/dataStandard/dataQualityMeasurePoint.vue'),
             },
             {
                 id: 112,
@@ -479,84 +479,84 @@ export default new Router({
                 path: '/term',
                 hidden: false,
                 component: () =>
-                import ('./views/term/term.vue'),
+                import ('../views/term/term.vue'),
             },
         ]
     }, {
         path: '/',
         name: '应用列表',
         component: () =>
-            import ('./views/Home.vue'),
+            import ('../views/Home.vue'),
         hidden: false,
         children: [{
             path: '/belt_coal_quantity',
             name: '皮带煤量',
             id: 200,
             component: () =>
-                import ('./views/app_belt_coal_quantity/beltCoalQuantity.vue'),
+                import ('../views/app_belt_coal_quantity/beltCoalQuantity.vue'),
             hidden: false,
         }, {
             path: '/safety_monitoring',
             name: '安全监测',
             id: 201,
             component: () =>
-                import ('./views/app_safety_monitoring/safetyMonitoring.vue'),
+                import ('../views/app_safety_monitoring/safetyMonitoring.vue'),
             hidden: false,
         }, {
             path: '/hazard_warning',
             name: '危险源预警',
             id: 202,
             component: () =>
-                import ('./views/app_hazard_warning/hazardWarning.vue'),
+                import ('../views/app_hazard_warning/hazardWarning.vue'),
             hidden: false,
         }, {
             path: '/beam_tube_inspection',
             name: '束管检测',
             id: 203,
             component: () =>
-                import ('./views/app_beam_tube_inspection/beamTubeInspection.vue'),
+                import ('../views/app_beam_tube_inspection/beamTubeInspection.vue'),
             hidden: false,
         }, {
             path: '/hydrological_monitoring',
             name: '水文监测',
             id: 204,
             component: () =>
-                import ('./views/app_hydrological_monitoring/hydrologicalMonitoring.vue'),
+                import ('../views/app_hydrological_monitoring/hydrologicalMonitoring.vue'),
             hidden: false,
         }, {
             path: '/mine_pressure_monitoring',
             name: '矿压监测',
             id: 205,
             component: () =>
-                import ('./views/app_mine_pressure_monitoring/minePressureMonitoring.vue'),
+                import ('../views/app_mine_pressure_monitoring/minePressureMonitoring.vue'),
             hidden: false,
         }, {
             path: '/risk_monitoring',
             name: '风险监控',
             id: 206,
             component: () =>
-                import ('./views/app_risk_monitoring/riskMonitoring.vue'),
+                import ('../views/app_risk_monitoring/riskMonitoring.vue'),
             hidden: false,
         }, {
             path: '/personnel_positioning',
             name: '人员定位',
             id: 207,
             component: () =>
-                import ('./views/app_personnel_positioning/personnelPositioning.vue'),
+                import ('../views/app_personnel_positioning/personnelPositioning.vue'),
             hidden: false,
         }, {
             path: '/area_monitoring',
             name: '区域监控',
             id: 208,
             component: () =>
-                import ('./views/app_area_monitoring/areaMonitoring.vue'),
+                import ('../views/app_area_monitoring/areaMonitoring.vue'),
             hidden: false,
         }, {
             path: '/industrial_video',
             name: '工业视频',
             id: 209,
             component: () =>
-                import ('./views/app_industrial_video/industrialVideo.vue'),
+                import ('../views/app_industrial_video/industrialVideo.vue'),
             hidden: false,
         }]
     }]

src/utils/api.js

@@ -1,6 +1,6 @@
 import axios from 'axios'  //前后端连接的
 import { Message } from "element-ui";  //这个浏览器弹窗
-import router from '@/router'
+import router from '../router'
 import Vue from 'vue'
 
 axios.interceptors.request.use(config => {

src/views/Home.vue

@@ -11,7 +11,7 @@
                 style="color: #00ffff; font-size: 10px;position: absolute;top: 27%;text-align: center;">系统列表</span>
         </div>
 			<el-menu class="el-menu-vertical-demo" default-active="1-4-1" @open="handleOpen" @close="handleClose" router>
-				<template v-for="(item,index) in $router.options.routes[0].children" v-if="!item.hidden">
+				<template v-for="item in $router.options.routes[0].children" v-if="!item.hidden">
 					<el-menu-item :index="item.path">
 						<div
 							style="background-color: #06235B;width: 53px;height: 53px;position: relative;border-radius: 5px;border:1px solid #fff">