Merge remote-tracking branch 'origin/master'
# Conflicts: # public/index.html # src/components/yyAnslysis.vue # src/views/Home.vue
Showing
10 changed files
with
402 additions
and
35 deletions
| ... | @@ -27,4 +27,26 @@ | ... | @@ -27,4 +27,26 @@ | 
| 27 | <div id="app"></div> | 27 | <div id="app"></div> | 
| 28 | <!-- built files will be auto injected --> | 28 | <!-- built files will be auto injected --> | 
| 29 | </body> | 29 | </body> | 
| 30 | </html> | 30 | |
| 31 | <head> | ||
| 32 | <meta charset="utf-8"> | ||
| 33 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| 34 | <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||
| 35 | <link rel="icon" href="<%= BASE_URL %>favicon.ico"> | ||
| 36 | <title><%= htmlWebpackPlugin.options.title %></title> | ||
| 37 | <script src="https://cesium.com/downloads/cesiumjs/releases/1.71/Build/Cesium/Cesium.js"></script> | ||
| 38 | <link href="https://cesium.com/downloads/cesiumjs/releases/1.71/Build/Cesium/Widgets/widgets.css" rel="stylesheet"> | ||
| 39 | |||
| 40 | <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script> | ||
| 41 | </head> | ||
| 42 | |||
| 43 | <body> | ||
| 44 | <noscript> | ||
| 45 | <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. | ||
| 46 | Please enable it to continue.</strong> | ||
| 47 | </noscript> | ||
| 48 | <div id="app"></div> | ||
| 49 | <!-- built files will be auto injected --> | ||
| 50 | </body> | ||
| 51 | |||
| 52 | </html> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... | 
| ... | @@ -2,16 +2,16 @@ | ... | @@ -2,16 +2,16 @@ | 
| 2 | <template> | 2 | <template> | 
| 3 | <div class="container"> | 3 | <div class="container"> | 
| 4 | <div class="wrapper"> | 4 | <div class="wrapper"> | 
| 5 | <div class="nav-box" :class="[isYZT?'selected':'no-selected']" @click="jumpNav('isYZT')"> | 5 | <div class="nav-box" :class="[isYZT?'selected':'no-selected']" @click="jumpNav('isYZT', '一张图')"> | 
| 6 | <span>一张图</span> | 6 | <span>一张图</span> | 
| 7 | </div> | 7 | </div> | 
| 8 | <div class="nav-box" :class="[isCGSC?'selected':'no-selected']" @click="jumpNav('isCGSC')"> | 8 | <div class="nav-box" :class="[isCGSC?'selected':'no-selected']" @click="jumpNav('isCGSC', '1')"> | 
| 9 | <span>成果审查管理</span> | 9 | <span>规划成果审查</span> | 
| 10 | </div> | 10 | </div> | 
| 11 | <div class="nav-box" :class="[isSSJD?'selected':'no-selected']" @click="jumpNav('isSSJD')"> | 11 | <div class="nav-box" :class="[isSSJD?'selected':'no-selected']" @click="jumpNav('isSSJD', '2')"> | 
| 12 | <span>实施监督预警</span> | 12 | <span>实施监督预警</span> | 
| 13 | </div> | 13 | </div> | 
| 14 | <div class="nav-box" :class="[isPGJG?'selected':'no-selected']" @click="jumpNav('isPGJG')"> | 14 | <div class="nav-box" :class="[isPGJG?'selected':'no-selected']" @click="jumpNav('isPGJG', '3')"> | 
| 15 | <span>批后监管</span> | 15 | <span>批后监管</span> | 
| 16 | </div> | 16 | </div> | 
| 17 | </div> | 17 | </div> | 
| ... | @@ -33,12 +33,30 @@ | ... | @@ -33,12 +33,30 @@ | 
| 33 | }, | 33 | }, | 
| 34 | mounted() {}, | 34 | mounted() {}, | 
| 35 | methods: { | 35 | methods: { | 
| 36 | jumpNav(val) { | 36 | jumpNav(val, label) { | 
| 37 | this.flagArr.forEach(ele => { | 37 | // this.flagArr.forEach(ele => { | 
| 38 | if (ele == val) this[val] = true; | 38 | // if (ele == val) this[val] = true; | 
| 39 | else this[ele] = false; | 39 | // else this[ele] = false; | 
| 40 | }); | 40 | // }); | 
| 41 | if(val != 'isYZT') { | ||
| 42 | this.login(val, label); | ||
| 43 | }; | ||
| 41 | }, | 44 | }, | 
| 45 | login(val, label) { | ||
| 46 | $.ajax({ | ||
| 47 | type:"POST", | ||
| 48 | url: this.config.loginUrl + '/api/v1/user/login', | ||
| 49 | dataType:"json", | ||
| 50 | async:false, | ||
| 51 | data:{username:'案件查处',password:'123'}, | ||
| 52 | success:(res) => { | ||
| 53 | window.open(`http://10.6.144.88:10001/frontweb/index.jsp?type=${label}`) | ||
| 54 | }, | ||
| 55 | fail: () => { | ||
| 56 | |||
| 57 | } | ||
| 58 | }) | ||
| 59 | } | ||
| 42 | } | 60 | } | 
| 43 | } | 61 | } | 
| 44 | </script> | 62 | </script> | ... | ... | 
| ... | @@ -10,12 +10,10 @@ | ... | @@ -10,12 +10,10 @@ | 
| 10 | <span>控高分析</span> | 10 | <span>控高分析</span> | 
| 11 | <span @click="closePop" class="close">×</span> | 11 | <span @click="closePop" class="close">×</span> | 
| 12 | </div> | 12 | </div> | 
| 13 | |||
| 14 | <div class="" style="padding: 18px 24px 0px 24px;"> | 13 | <div class="" style="padding: 18px 24px 0px 24px;"> | 
| 15 | <el-slider v-model="height" :min='0' :max='1000' :format-tooltip="formatTooltip" | 14 | <el-slider v-model="height" :min='0' :max='1000' :format-tooltip="formatTooltip" | 
| 16 | @change='EheightChange'></el-slider> | 15 | @change='EheightChange'></el-slider> | 
| 17 | </div> | 16 | </div> | 
| 18 | |||
| 19 | <div class="func-btn"> | 17 | <div class="func-btn"> | 
| 20 | <div class="btn-wrapper add-bg" @click="startAnalysis"> | 18 | <div class="btn-wrapper add-bg" @click="startAnalysis"> | 
| 21 | <img style="width: 20px; height: 20px; margin: 0 5px 0 44px" src="../assets/icon_开始分析.png" alt=""> | 19 | <img style="width: 20px; height: 20px; margin: 0 5px 0 44px" src="../assets/icon_开始分析.png" alt=""> | 
| ... | @@ -26,7 +24,6 @@ | ... | @@ -26,7 +24,6 @@ | 
| 26 | <span>清除分析结果</span> | 24 | <span>清除分析结果</span> | 
| 27 | </div> | 25 | </div> | 
| 28 | </div> | 26 | </div> | 
| 29 | |||
| 30 | <div class="table-box" style="padding: 18px 24px 30px 24px;"> | 27 | <div class="table-box" style="padding: 18px 24px 30px 24px;"> | 
| 31 | <el-table :data="tableData" :highlight-current-row='false' height="242" border style="width: 100%"> | 28 | <el-table :data="tableData" :highlight-current-row='false' height="242" border style="width: 100%"> | 
| 32 | <el-table-column prop="name" label="名称" align='center'> | 29 | <el-table-column prop="name" label="名称" align='center'> | 
| ... | @@ -64,7 +61,7 @@ | ... | @@ -64,7 +61,7 @@ | 
| 64 | name: '1号楼', | 61 | name: '1号楼', | 
| 65 | height: '34', | 62 | height: '34', | 
| 66 | superelevation: '4' | 63 | superelevation: '4' | 
| 67 | }, ] | 64 | },] | 
| 68 | } | 65 | } | 
| 69 | }, | 66 | }, | 
| 70 | mounted() {}, | 67 | mounted() {}, | ... | ... | 
| ... | @@ -102,6 +102,12 @@ | ... | @@ -102,6 +102,12 @@ | 
| 102 | </el-tooltip> | 102 | </el-tooltip> | 
| 103 | </div> | 103 | </div> | 
| 104 | 104 | ||
| 105 | <!--可视域分析 --> | ||
| 106 | <div class="func-ico" :class="[visualField?'selected':'']" @click="handlevisualField('visualField')"> | ||
| 107 | <el-tooltip class="item" effect="dark" content="可视域分析" placement="left"> | ||
| 108 | <img src="../assets/一张图/icon_通视.png" alt=""> | ||
| 109 | </el-tooltip> | ||
| 110 | </div> | ||
| 105 | 111 | ||
| 106 | <!-- <div class="func-ico" :class="[is2D?'selected':'']" @click="handleIs2D()"> | 112 | <!-- <div class="func-ico" :class="[is2D?'selected':'']" @click="handleIs2D()"> | 
| 107 | <img src="../assets/toolbar_icon_ 展开.png" alt=""> | 113 | <img src="../assets/toolbar_icon_ 展开.png" alt=""> | 
| ... | @@ -117,8 +123,8 @@ | ... | @@ -117,8 +123,8 @@ | 
| 117 | components: {}, | 123 | components: {}, | 
| 118 | props: ['isReturn', 'enlarge', 'narrow', 'coordinate', 'distance', | 124 | props: ['isReturn', 'enlarge', 'narrow', 'coordinate', 'distance', | 
| 119 | 'area', 'marker', 'rollerShutter', 'splitScreen', 'toNorth', | 125 | 'area', 'marker', 'rollerShutter', 'splitScreen', 'toNorth', | 
| 120 | 'topSee', 'roundSee', 'horizon', 'allSee','ymAnslysis', | 126 | 'topSee', 'roundSee', 'horizon', 'allSee', 'ymAnslysis', | 
| 121 | 'tjxAnslysis', 'yyAnslysis', 'kgAnalusis' | 127 | 'tjxAnslysis', 'yyAnslysis', 'kgAnalusis', 'visualField' | 
| 122 | ], | 128 | ], | 
| 123 | data() { | 129 | data() { | 
| 124 | return {} | 130 | return {} | 
| ... | @@ -181,6 +187,9 @@ | ... | @@ -181,6 +187,9 @@ | 
| 181 | }, | 187 | }, | 
| 182 | handlekgAnalusis(val) { | 188 | handlekgAnalusis(val) { | 
| 183 | this.$emit('kgAnalusis', val, this.kgAnalusis); | 189 | this.$emit('kgAnalusis', val, this.kgAnalusis); | 
| 190 | }, | ||
| 191 | handlevisualField(val) { | ||
| 192 | this.$emit('visualField', val, this.visualField); | ||
| 184 | } | 193 | } | 
| 185 | } | 194 | } | 
| 186 | } | 195 | } | ... | ... | 
| ... | @@ -21,7 +21,7 @@ | ... | @@ -21,7 +21,7 @@ | 
| 21 | </div> | 21 | </div> | 
| 22 | </div> | 22 | </div> | 
| 23 | 23 | ||
| 24 | <div class="kg-img"> | 24 | <div class="kg-img"> | 
| 25 | <div class="kg-box"> | 25 | <div class="kg-box"> | 
| 26 | <img :src="src" alt="" style="width: 100%; height: 100%;"> | 26 | <img :src="src" alt="" style="width: 100%; height: 100%;"> | 
| 27 | <div class="btn-wrapper2"> | 27 | <div class="btn-wrapper2"> | 
| ... | @@ -46,7 +46,7 @@ | ... | @@ -46,7 +46,7 @@ | 
| 46 | components: {}, | 46 | components: {}, | 
| 47 | data() { | 47 | data() { | 
| 48 | return { | 48 | return { | 
| 49 | src: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3820738330,1510784229&fm=26&gp=0.jpg' | 49 | src: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3820738330,1510784229&fm=26&gp=0.jpg' | 
| 50 | } | 50 | } | 
| 51 | }, | 51 | }, | 
| 52 | mounted() {}, | 52 | mounted() {}, | 
| ... | @@ -198,15 +198,15 @@ | ... | @@ -198,15 +198,15 @@ | 
| 198 | } | 198 | } | 
| 199 | 199 | ||
| 200 | .kg-img { | 200 | .kg-img { | 
| 201 | width: 410px; | 201 | width: 410px; | 
| 202 | padding: 0px 24px 0px 24px; | 202 | padding: 0px 24px 0px 24px; | 
| 203 | padding-bottom: 10px; | 203 | padding-bottom: 10px; | 
| 204 | } | 204 | } | 
| 205 | 205 | ||
| 206 | .kg-box { | 206 | .kg-box { | 
| 207 | width: 100%; | 207 | width: 100%; | 
| 208 | height: 180px; | 208 | height: 180px; | 
| 209 | position: relative; | 209 | position: relative; | 
| 210 | margin-bottom: 20px; | 210 | margin-bottom: 20px; | 
| 211 | } | 211 | } | 
| 212 | 212 | ... | ... | 
src/components/visualField.vue
0 → 100644
| 1 | // 淹没分析弹窗 | ||
| 2 | <template> | ||
| 3 | <div class="container"> | ||
| 4 | <div class="wrapper"> | ||
| 5 | <div class="box"> | ||
| 6 | </div> | ||
| 7 | </div> | ||
| 8 | <div class="mian"> | ||
| 9 | <div class="title"> | ||
| 10 | <span>可视域分析</span> | ||
| 11 | <span @click="closePop" class="close">×</span> | ||
| 12 | </div> | ||
| 13 | <div class="func-input"> | ||
| 14 | <span class="width-class">方向</span> | ||
| 15 | <el-slider style="width: 150px;" v-model="direction" :min='0' :max='360' :step='1'></el-slider> | ||
| 16 | <el-input-number v-model="direction" controls-position="right" | ||
| 17 | style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360"> | ||
| 18 | </el-input-number> | ||
| 19 | <span style="margin-left: 12px;">度</span> | ||
| 20 | </div> | ||
| 21 | <div class="func-input"> | ||
| 22 | <span class="width-class">翻转</span> | ||
| 23 | <el-slider style="width: 150px;" v-model="flip" :min='0' :max='360' :step='1'></el-slider> | ||
| 24 | <el-input-number v-model="flip" controls-position="right" | ||
| 25 | style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360"> | ||
| 26 | </el-input-number> | ||
| 27 | <span style="margin-left: 12px;">度</span> | ||
| 28 | </div> | ||
| 29 | <div class="func-input"> | ||
| 30 | <span class="width-class">距离</span> | ||
| 31 | <el-slider style="width: 150px;" v-model="distance" :min='0' :max='10000' :step='1'></el-slider> | ||
| 32 | <el-input-number v-model="distance" controls-position="right" | ||
| 33 | style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="10000"> | ||
| 34 | </el-input-number> | ||
| 35 | <span style="margin-left: 12px;">米</span> | ||
| 36 | </div> | ||
| 37 | <div class="func-input"> | ||
| 38 | <span class="width-class">水平视场角</span> | ||
| 39 | <el-slider style="width: 150px;" v-model="level" :min='0' :max='360' :step='1'></el-slider> | ||
| 40 | <el-input-number v-model="level" controls-position="right" | ||
| 41 | style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360"> | ||
| 42 | </el-input-number> | ||
| 43 | <span style="margin-left: 12px;">度</span> | ||
| 44 | </div> | ||
| 45 | <div class="func-input"> | ||
| 46 | <span class="width-class">垂直视场角</span> | ||
| 47 | <el-slider style="width: 150px;" v-model="vertical" :min='0' :max='360' :step='1'></el-slider> | ||
| 48 | <el-input-number v-model="vertical" controls-position="right" | ||
| 49 | style="width:100px; height:38px; margin-left: 12px;" :step='step' :min="0" :max="360"> | ||
| 50 | </el-input-number> | ||
| 51 | <span style="margin-left: 12px;">度</span> | ||
| 52 | </div> | ||
| 53 | <div class="select-color"> | ||
| 54 | <div class="block"> | ||
| 55 | <div class="demonstration">可见区域颜色</div> | ||
| 56 | <el-color-picker v-model="yesColor"></el-color-picker> | ||
| 57 | </div> | ||
| 58 | <div class="block"> | ||
| 59 | <div class="demonstration">不可见区域颜色</div> | ||
| 60 | <el-color-picker v-model="noColor"></el-color-picker> | ||
| 61 | </div> | ||
| 62 | </div> | ||
| 63 | </div> | ||
| 64 | </div> | ||
| 65 | </template> | ||
| 66 | |||
| 67 | <script> | ||
| 68 | export default { | ||
| 69 | name: 'allSee', | ||
| 70 | components: {}, | ||
| 71 | data() { | ||
| 72 | return { | ||
| 73 | step: 1, | ||
| 74 | num: 1, | ||
| 75 | direction: 180, // 方向 | ||
| 76 | flip: 90, // 翻转 | ||
| 77 | distance: 0, // 距离 | ||
| 78 | level: 180, // 水平视场角 | ||
| 79 | vertical: 180, // 垂直视场角 | ||
| 80 | yesColor: 'red', // 可见区域颜色 | ||
| 81 | noColor: 'rgba(255, 69, 0, 0.68)', // 不可见区域颜色 | ||
| 82 | |||
| 83 | isXmbj: true, | ||
| 84 | // isAnalysis: true | ||
| 85 | } | ||
| 86 | }, | ||
| 87 | mounted() {}, | ||
| 88 | methods: { | ||
| 89 | closePop() { | ||
| 90 | this.$emit('closePop', 'visualField') | ||
| 91 | }, | ||
| 92 | handleChange() { | ||
| 93 | |||
| 94 | }, | ||
| 95 | startAnalysis() { | ||
| 96 | // this.isAnalysis = true; | ||
| 97 | }, | ||
| 98 | stopAnalysis() { | ||
| 99 | // this.isAnalysis = false; | ||
| 100 | }, | ||
| 101 | handleIsXmbj(flag) { | ||
| 102 | this.isXmbj = flag; | ||
| 103 | } | ||
| 104 | } | ||
| 105 | } | ||
| 106 | </script> | ||
| 107 | |||
| 108 | <style scoped> | ||
| 109 | .container { | ||
| 110 | position: relative; | ||
| 111 | color: #fff; | ||
| 112 | font-size: 16px; | ||
| 113 | width: 450px; | ||
| 114 | } | ||
| 115 | |||
| 116 | .wrapper { | ||
| 117 | position: absolute; | ||
| 118 | width: 100%; | ||
| 119 | height: 100%; | ||
| 120 | z-index: 1; | ||
| 121 | border: 1px solid rgba(151, 151, 151, 0.58); | ||
| 122 | } | ||
| 123 | |||
| 124 | .box { | ||
| 125 | background: rgba(4, 10, 10, 0.58); | ||
| 126 | box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.5); | ||
| 127 | /* filter: blur(10px); */ | ||
| 128 | height: 100px; | ||
| 129 | position: absolute; | ||
| 130 | width: 100%; | ||
| 131 | height: 100%; | ||
| 132 | z-index: 1; | ||
| 133 | } | ||
| 134 | |||
| 135 | .mian { | ||
| 136 | position: relative; | ||
| 137 | width: 100%; | ||
| 138 | height: 100%; | ||
| 139 | z-index: 1000; | ||
| 140 | } | ||
| 141 | |||
| 142 | .list-box span:nth-of-type(1) { | ||
| 143 | display: inline-block; | ||
| 144 | width: 98px; | ||
| 145 | margin-right: 20px; | ||
| 146 | color: rgba(255, 255, 255, .7); | ||
| 147 | } | ||
| 148 | |||
| 149 | .list-box span:nth-of-type(2) { | ||
| 150 | margin-top: 14px; | ||
| 151 | display: inline-block; | ||
| 152 | } | ||
| 153 | |||
| 154 | |||
| 155 | .title { | ||
| 156 | display: flex; | ||
| 157 | justify-content: space-between; | ||
| 158 | border-bottom: 1px solid rgba(255, 255, 255, 0.15); | ||
| 159 | padding: 18px 24px; | ||
| 160 | font-size: 20px; | ||
| 161 | } | ||
| 162 | |||
| 163 | |||
| 164 | .func-input { | ||
| 165 | display: flex; | ||
| 166 | align-items: center; | ||
| 167 | /* justify-content: space-between; */ | ||
| 168 | padding: 18px 24px 0px 24px; | ||
| 169 | font-size: 18px; | ||
| 170 | cursor: pointer; | ||
| 171 | } | ||
| 172 | |||
| 173 | .func { | ||
| 174 | padding: 18px 24px; | ||
| 175 | } | ||
| 176 | |||
| 177 | |||
| 178 | |||
| 179 | .func-btn { | ||
| 180 | display: flex; | ||
| 181 | padding: 18px 24px 37px 24px; | ||
| 182 | align-items: center; | ||
| 183 | font-size: 18px; | ||
| 184 | cursor: pointer; | ||
| 185 | } | ||
| 186 | |||
| 187 | .btn-wrapper { | ||
| 188 | display: flex; | ||
| 189 | align-items: center; | ||
| 190 | width: 190px; | ||
| 191 | height: 36px; | ||
| 192 | background-image: url('../assets/弹窗按钮背景-默认.png'); | ||
| 193 | background-size: 100% 100%; | ||
| 194 | background-repeat: no-repeat; | ||
| 195 | line-height: 36px; | ||
| 196 | } | ||
| 197 | |||
| 198 | .add-bg { | ||
| 199 | background-image: url('../assets/弹窗按钮背景-选中.png'); | ||
| 200 | } | ||
| 201 | |||
| 202 | |||
| 203 | .btn-wrapper2 { | ||
| 204 | display: flex; | ||
| 205 | align-items: center; | ||
| 206 | width: 116px; | ||
| 207 | height: 38px; | ||
| 208 | background-image: url('../assets/一张图/bg_专题分析.png'); | ||
| 209 | background-size: 100% 100%; | ||
| 210 | background-repeat: no-repeat; | ||
| 211 | text-align: center; | ||
| 212 | line-height: 38px; | ||
| 213 | margin-left: 13px; | ||
| 214 | } | ||
| 215 | |||
| 216 | .add-bg2 { | ||
| 217 | background-image: url('../assets/一张图/bg_资源目录.png'); | ||
| 218 | } | ||
| 219 | |||
| 220 | .close { | ||
| 221 | cursor: pointer; | ||
| 222 | } | ||
| 223 | |||
| 224 | .center { | ||
| 225 | display: inline-block; | ||
| 226 | width: 100%; | ||
| 227 | height: 100%; | ||
| 228 | text-align: center; | ||
| 229 | } | ||
| 230 | |||
| 231 | .width-class { | ||
| 232 | width: 90px; | ||
| 233 | font-size: 16px; | ||
| 234 | } | ||
| 235 | |||
| 236 | .select-color { | ||
| 237 | display: flex; | ||
| 238 | justify-content: space-around; | ||
| 239 | text-align: center; | ||
| 240 | padding: 30px 0px; | ||
| 241 | } | ||
| 242 | |||
| 243 | .demonstration { | ||
| 244 | margin-bottom: 10px; | ||
| 245 | font-size: 16px; | ||
| 246 | } | ||
| 247 | |||
| 248 | >>>input::-webkit-input-placeholder { | ||
| 249 | font-size: 16px; | ||
| 250 | color: rgba(255, 255, 255, 0.78) !important; | ||
| 251 | } | ||
| 252 | |||
| 253 | >>>.el-input__inner { | ||
| 254 | background: rgba(4, 10, 10, 0.58) !important; | ||
| 255 | border: 1px solid rgba(23, 34, 38, 0.57); | ||
| 256 | color: #fff; | ||
| 257 | } | ||
| 258 | |||
| 259 | >>>.el-input-number.is-controls-right .el-input__inner { | ||
| 260 | text-align: left; | ||
| 261 | } | ||
| 262 | |||
| 263 | >>>.el-input__suffix { | ||
| 264 | color: #fff; | ||
| 265 | font-size: 17px; | ||
| 266 | } | ||
| 267 | |||
| 268 | >>>.el-input-number__increase, | ||
| 269 | >>>.el-input-number__decrease { | ||
| 270 | background: rgba(4, 10, 10, 0.58); | ||
| 271 | } | ||
| 272 | |||
| 273 | >>>.el-input-number.is-controls-right .el-input-number__decrease, | ||
| 274 | >>>.el-input-number__increase { | ||
| 275 | border-left: 1px solid rgba(4, 10, 10, 0.58); | ||
| 276 | } | ||
| 277 | |||
| 278 | >>>.el-icon-arrow-up:before, | ||
| 279 | >>>.el-icon-arrow-down:before { | ||
| 280 | color: #fff; | ||
| 281 | } | ||
| 282 | |||
| 283 | >>>.el-input-number.is-controls-right .el-input-number__increase { | ||
| 284 | border-bottom: 1px solid rgba(4, 10, 10, 0.58); | ||
| 285 | } | ||
| 286 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | 
| ... | @@ -10,7 +10,6 @@ | ... | @@ -10,7 +10,6 @@ | 
| 10 | <span>淹没分析</span> | 10 | <span>淹没分析</span> | 
| 11 | <span @click="closePop" class="close">×</span> | 11 | <span @click="closePop" class="close">×</span> | 
| 12 | </div> | 12 | </div> | 
| 13 | |||
| 14 | <div class="func-input"> | 13 | <div class="func-input"> | 
| 15 | <span>分析区域</span> | 14 | <span>分析区域</span> | 
| 16 | <div class="btn-wrapper2" :class="[isXmbj?'add-bg2': '']" @click="handleIsXmbj(true)"> | 15 | <div class="btn-wrapper2" :class="[isXmbj?'add-bg2': '']" @click="handleIsXmbj(true)"> | 
| ... | @@ -20,7 +19,6 @@ | ... | @@ -20,7 +19,6 @@ | 
| 20 | <span class="center">绘制</span> | 19 | <span class="center">绘制</span> | 
| 21 | </div> | 20 | </div> | 
| 22 | </div> | 21 | </div> | 
| 23 | |||
| 24 | <div class="func-input"> | 22 | <div class="func-input"> | 
| 25 | <span>水底高程</span> | 23 | <span>水底高程</span> | 
| 26 | <el-input-number v-model="sdgc" controls-position="right" | 24 | <el-input-number v-model="sdgc" controls-position="right" | 
| ... | @@ -28,7 +26,6 @@ | ... | @@ -28,7 +26,6 @@ | 
| 28 | </el-input-number> | 26 | </el-input-number> | 
| 29 | <span style="margin-left: 12px;">米</span> | 27 | <span style="margin-left: 12px;">米</span> | 
| 30 | </div> | 28 | </div> | 
| 31 | |||
| 32 | <div class="func-input"> | 29 | <div class="func-input"> | 
| 33 | <span>水位深度</span> | 30 | <span>水位深度</span> | 
| 34 | <el-input-number v-model="swsd" controls-position="right" | 31 | <el-input-number v-model="swsd" controls-position="right" | 
| ... | @@ -43,7 +40,6 @@ | ... | @@ -43,7 +40,6 @@ | 
| 43 | </el-input-number> | 40 | </el-input-number> | 
| 44 | <span style="margin-left: 12px;">米</span> | 41 | <span style="margin-left: 12px;">米</span> | 
| 45 | </div> | 42 | </div> | 
| 46 | |||
| 47 | <div class="func-input"> | 43 | <div class="func-input"> | 
| 48 | <span>当前水位</span> | 44 | <span>当前水位</span> | 
| 49 | <span style="margin-left: 36px;">1263.7米</span> | 45 | <span style="margin-left: 36px;">1263.7米</span> | 
| ... | @@ -58,7 +54,6 @@ | ... | @@ -58,7 +54,6 @@ | 
| 58 | <span>暂停分析</span> | 54 | <span>暂停分析</span> | 
| 59 | </div> | 55 | </div> | 
| 60 | </div> | 56 | </div> | 
| 61 | |||
| 62 | </div> | 57 | </div> | 
| 63 | </div> | 58 | </div> | 
| 64 | </template> | 59 | </template> | ... | ... | 
| ... | @@ -16,7 +16,38 @@ | ... | @@ -16,7 +16,38 @@ | 
| 16 | <el-date-picker v-model="anslysisTime" type="date" style="margin-left: 12px; width: 245px;" | 16 | <el-date-picker v-model="anslysisTime" type="date" style="margin-left: 12px; width: 245px;" | 
| 17 | placeholder="选择分析日期"> | 17 | placeholder="选择分析日期"> | 
| 18 | </el-date-picker> | 18 | </el-date-picker> | 
| 19 | </div> | 19 | </div> | 
| 20 | |||
| 21 | <div class="func-input"> | ||
| 22 | <span>开始时间</span> | ||
| 23 | <el-time-picker style="margin:0 12px; width: 245px;" v-model="staTime" | ||
| 24 | :picker-options="pickerOptions" placeholder="选择开始时间"> | ||
| 25 | </el-time-picker> | ||
| 26 | </div> | ||
| 27 | <div class="func-input"> | ||
| 28 | <span>结束时间</span> | ||
| 29 | <el-time-picker style="margin:0 12px; width: 245px;" v-model="endTime" | ||
| 30 | :picker-options="pickerOptions" placeholder="选择结束时间"> | ||
| 31 | </el-time-picker> | ||
| 32 | </div> | ||
| 33 | |||
| 34 | <!-- <div class="func-input"> | ||
| 35 | <div class="btn-wrapper2" :class="[isCF?'add-bg2': '']" @click="handleIsXmbj('isCF')"> | ||
| 36 | <span class="center">春分</span> | ||
| 37 | </div> | ||
| 38 | <div class="btn-wrapper2" :class="[isXZ?'add-bg2': '']" @click="handleIsXmbj('isXZ')"> | ||
| 39 | <span class="center">夏至</span> | ||
| 40 | </div> | ||
| 41 | <div class="btn-wrapper2" :class="[isQF?'add-bg2': '']" @click="handleIsXmbj('isQF')"> | ||
| 42 | <span class="center">秋分</span> | ||
| 43 | </div> | ||
| 44 | <div class="btn-wrapper2" :class="[isLD?'add-bg2': '']" @click="handleIsXmbj('isLD')"> | ||
| 45 | <span class="center">立冬</span> | ||
| 46 | </div> | ||
| 47 | <div class="btn-wrapper2" :class="[isDZ?'add-bg2': '']" @click="handleIsXmbj('isDZ')"> | ||
| 48 | <span class="center">冬至</span> | ||
| 49 | </div> | ||
| 50 | </div> --> | ||
| 20 | 51 | ||
| 21 | <div class="func-input"> | 52 | <div class="func-input"> | 
| 22 | <span>时间间隔 </span> | 53 | <span>时间间隔 </span> | 
| ... | @@ -45,7 +76,6 @@ | ... | @@ -45,7 +76,6 @@ | 
| 45 | </template> | 76 | </template> | 
| 46 | 77 | ||
| 47 | <script> | 78 | <script> | 
| 48 | import shadow from "../assets/js/map/shadow"; | ||
| 49 | let maxW = 24 * 60 * 60 * 1000 - 1 * 60 * 1000 | 79 | let maxW = 24 * 60 * 60 * 1000 - 1 * 60 * 1000 | 
| 50 | export default { | 80 | export default { | 
| 51 | name: 'yyAnslysis', | 81 | name: 'yyAnslysis', | 
| ... | @@ -62,7 +92,7 @@ | ... | @@ -62,7 +92,7 @@ | 
| 62 | anslysisTime: '', | 92 | anslysisTime: '', | 
| 63 | timeS: 30, // 时间间隔 | 93 | timeS: 30, // 时间间隔 | 
| 64 | time: 0 * 60 * 60 * 1000, // 滑块时间 | 94 | time: 0 * 60 * 60 * 1000, // 滑块时间 | 
| 65 | max: (24 * 60 * 60 * 1000 - 1* 60 * 1000), | 95 | max: (24 * 60 * 60 * 1000 - 1 * 60 * 1000), | 
| 66 | marks: { | 96 | marks: { | 
| 67 | 0: '0:00', | 97 | 0: '0:00', | 
| 68 | [maxW]: '23:59', | 98 | [maxW]: '23:59', | 
| ... | @@ -72,9 +102,17 @@ | ... | @@ -72,9 +102,17 @@ | 
| 72 | // }, | 102 | // }, | 
| 73 | // label: this.$createElement('strong', '50%') | 103 | // label: this.$createElement('strong', '50%') | 
| 74 | // } | 104 | // } | 
| 75 | } | 105 | }, | 
| 106 | pickerOptions: { // 时间选择器 时间范围限制 | ||
| 107 | selectableRange: '00:00:00 - 23:59:59' | ||
| 108 | }, | ||
| 109 | staTime: '', // 开始时间 | ||
| 110 | endTime: '', // 结束时间 | ||
| 76 | } | 111 | } | 
| 77 | }, | 112 | }, | 
| 113 | watch: { | ||
| 114 | |||
| 115 | }, | ||
| 78 | mounted() { | 116 | mounted() { | 
| 79 | this.shadow instanceof shadow || (this.shadow = new shadow()); | 117 | this.shadow instanceof shadow || (this.shadow = new shadow()); | 
| 80 | }, | 118 | }, | 
| ... | @@ -112,7 +150,7 @@ | ... | @@ -112,7 +150,7 @@ | 
| 112 | formatTooltip(val) { | 150 | formatTooltip(val) { | 
| 113 | let nowTime = this.commons.dateZhuan('yyyy-MM-dd 00:00:00', new Date()); | 151 | let nowTime = this.commons.dateZhuan('yyyy-MM-dd 00:00:00', new Date()); | 
| 114 | let nowSjc = new Date(nowTime).getTime(); | 152 | let nowSjc = new Date(nowTime).getTime(); | 
| 115 | nowSjc+=val; | 153 | nowSjc += val; | 
| 116 | let sfd = this.commons.dateZhuan('hh:mm', new Date(nowSjc)); | 154 | let sfd = this.commons.dateZhuan('hh:mm', new Date(nowSjc)); | 
| 117 | return sfd; | 155 | return sfd; | 
| 118 | } | 156 | } | 
| ... | @@ -283,6 +321,7 @@ | ... | @@ -283,6 +321,7 @@ | 
| 283 | >>>.el-icon-arrow-up:before, | 321 | >>>.el-icon-arrow-up:before, | 
| 284 | >>>.el-icon-arrow-down:before { | 322 | >>>.el-icon-arrow-down:before { | 
| 285 | color: #fff; | 323 | color: #fff; | 
| 324 | cursor: pointer; | ||
| 286 | } | 325 | } | 
| 287 | 326 | ||
| 288 | >>>.el-input-number.is-controls-right .el-input-number__increase { | 327 | >>>.el-input-number.is-controls-right .el-input-number__increase { | 
| ... | @@ -295,7 +334,7 @@ | ... | @@ -295,7 +334,7 @@ | 
| 295 | box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.20); | 334 | box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.20); | 
| 296 | } | 335 | } | 
| 297 | 336 | ||
| 298 | >>> .el-slider__marks-text { | 337 | >>>.el-slider__marks-text { | 
| 299 | color: #fff; | 338 | color: #fff; | 
| 300 | } | 339 | } | 
| 301 | </style> | 340 | </style> | 
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... | 
| ... | @@ -6,5 +6,6 @@ | ... | @@ -6,5 +6,6 @@ | 
| 6 | */ | 6 | */ | 
| 7 | export default { | 7 | export default { | 
| 8 | url: '', | 8 | url: '', | 
| 9 | loginUrl: 'http://10.6.144.88:10001/orup', | ||
| 9 | mapToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhMzMwMjAwZS1lODRmLTRhNzQtODBkOS01YjZkM2ZkYzRmOGMiLCJpZCI6MzE3MzEsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1OTU5MDA0Njd9.K5Rnvdzv5vDjlEbBH-2vEPMJYPgBDs__uvQHZz6jXTc' | 10 | mapToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhMzMwMjAwZS1lODRmLTRhNzQtODBkOS01YjZkM2ZkYzRmOGMiLCJpZCI6MzE3MzEsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1OTU5MDA0Njd9.K5Rnvdzv5vDjlEbBH-2vEPMJYPgBDs__uvQHZz6jXTc' | 
| 10 | } | 11 | } | 
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... | 
This diff is collapsed.
Click to expand it.
- 
Please register or sign in to post a comment