ljf
/
shuili-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix: 修改样式

sy-water-data-board-ui
panyuyi 1 month ago
parent
f8ebc0739e
commit
834688a256
6 changed files with 4 additions and 129 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      src/views/components/Legend.vue
  2. 2
      src/views/dike/safeOperation/index.vue
  3. 63
      src/views/reservoir/safeOperation/components/Legend.vue
  4. 2
      src/views/reservoir/safeOperation/index.vue
  5. 63
      src/views/sluice/safeOperation/components/Legend.vue
  6. 2
      src/views/sluice/safeOperation/index.vue

1
src/views/dike/safeOperation/components/Legend.vue → src/views/components/Legend.vue
View File

@ -50,6 +50,7 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.legend-comp { .legend-comp {
width: 100%; width: 100%;
font-size: 14px;
.row { .row {
display: flex; display: flex;
align-items: center; align-items: center;

2
src/views/dike/safeOperation/index.vue
View File

@ -94,7 +94,7 @@ import {
} from "@/views/aiSupervision/waterSetting/runScene/layerTree/index"; } from "@/views/aiSupervision/waterSetting/runScene/layerTree/index";
import { queryLayersByPos, getSelectedLayersLegend } from "@/utils/mapUtils"; import { queryLayersByPos, getSelectedLayersLegend } from "@/utils/mapUtils";
import Legend from "./components/Legend.vue"; import Legend from "@/views/components/Legend.vue";
import { throttle } from "lodash-es"; import { throttle } from "lodash-es";
import { devRun } from "@/utils"; import { devRun } from "@/utils";

63
src/views/reservoir/safeOperation/components/Legend.vue
View File

@ -1,63 +0,0 @@
<template>
<div class="legend-comp">
<div class="row">
<img class="icon" src="@/assets/image/reservoir_big.png" alt="" />
<span>大型水库</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/reservoir_normal.png" alt="" />
<span>中型水库</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/reservoir_small.png" alt="" />
<span>小型水库</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/dike_one.png" alt="" />
<span>一级堤防</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/dike_two_three.png" alt="" />
<span>二三级堤防</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/dike_four.png" alt="" />
<span>四级堤防</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/sluice_big.png" alt="" />
<span>大型水闸</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/sluice_middle.png" alt="" />
<span>中型水闸</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/sluice_small.png" alt="" />
<span>小型水闸</span>
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
created() {},
methods: {},
};
</script>
<style scoped lang="scss">
.legend-comp {
width: 100%;
.row {
display: flex;
align-items: center;
}
.icon {
width: 24px;
height: 24px;
margin-right: 4px;
}
}
</style>

2
src/views/reservoir/safeOperation/index.vue
View File

@ -112,7 +112,7 @@ import {
} from "@/views/aiSupervision/waterSetting/runScene/layerTree/index"; } from "@/views/aiSupervision/waterSetting/runScene/layerTree/index";
import { queryLayersByPos, getSelectedLayersLegend } from "@/utils/mapUtils"; import { queryLayersByPos, getSelectedLayersLegend } from "@/utils/mapUtils";
import Legend from "./components/Legend.vue"; import Legend from "@/views/components/Legend.vue";
import { throttle } from "lodash-es"; import { throttle } from "lodash-es";
import { devRun } from "@/utils"; import { devRun } from "@/utils";

63
src/views/sluice/safeOperation/components/Legend.vue
View File

@ -1,63 +0,0 @@
<template>
<div class="legend-comp">
<div class="row">
<img class="icon" src="@/assets/image/reservoir_big.png" alt="" />
<span>大型水库</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/reservoir_normal.png" alt="" />
<span>中型水库</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/reservoir_small.png" alt="" />
<span>小型水库</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/dike_one.png" alt="" />
<span>一级堤防</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/dike_two_three.png" alt="" />
<span>二三级堤防</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/dike_four.png" alt="" />
<span>四级堤防</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/sluice_big.png" alt="" />
<span>大型水闸</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/sluice_middle.png" alt="" />
<span>中型水闸</span>
</div>
<div class="row">
<img class="icon" src="@/assets/image/sluice_small.png" alt="" />
<span>小型水闸</span>
</div>
</div>
</template>
<script>
export default {
data() {
return {};
},
created() {},
methods: {},
};
</script>
<style scoped lang="scss">
.legend-comp {
width: 100%;
.row {
display: flex;
align-items: center;
}
.icon {
width: 24px;
height: 24px;
margin-right: 4px;
}
}
</style>

2
src/views/sluice/safeOperation/index.vue
View File

@ -94,7 +94,7 @@ import {
import { queryLayersByPos, getSelectedLayersLegend } from "@/utils/mapUtils"; import { queryLayersByPos, getSelectedLayersLegend } from "@/utils/mapUtils";
import { throttle } from "lodash-es"; import { throttle } from "lodash-es";
import Legend from "./components/Legend.vue"; import Legend from "@/views/components/Legend.vue";
import { devRun } from "@/utils"; import { devRun } from "@/utils";
const emitter = mitt(); const emitter = mitt();

Write Preview
Loading…
Cancel
Save