|
@@ -15,11 +15,18 @@
|
|
|
<el-row>
|
|
|
<el-col :span="8" v-for="item in data">
|
|
|
<div class="frame">
|
|
|
- <img :src="item.ICON_IMAGE">
|
|
|
+ <img src="@/assets/imgs/commonTools.png" v-if="'常用工具' == item.NAME">
|
|
|
+ <img src="@/assets/imgs/special.png" v-if="'专题图' == item.NAME">
|
|
|
+ <img src="@/assets/imgs/spatialAnalysis.png" v-if="'空间分析' == item.NAME">
|
|
|
+ <img src="@/assets/imgs/basicFunction.png" v-if="'地图基本功能' == item.NAME">
|
|
|
+ <img src="@/assets/imgs/location.png" v-if="'定位' == item.NAME">
|
|
|
+ <img src="@/assets/imgs/mapDrawing.png" v-if="'地图绘制' == item.NAME">
|
|
|
</div>
|
|
|
- <div class="button-div">
|
|
|
+ <div class="button-div"
|
|
|
+ :style="'地图基本功能' != item.NAME ? {}:{left:'60px'}">
|
|
|
<el-button class="font-ht" type="primary" @click="jump('interface-page',item.CODE,item.NAME)">
|
|
|
- {{ item.NAME }}({{ item.TOTAL }})个
|
|
|
+ <span style="text-align: center"> {{ item.NAME }}({{ item.TOTAL }})个</span>
|
|
|
+
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</el-col>
|
|
@@ -48,6 +55,25 @@ const title = ref('')
|
|
|
|
|
|
const data = ref([])
|
|
|
|
|
|
+function getImagePath(name) {
|
|
|
+ console.log(name, '123')
|
|
|
+ switch (name) {
|
|
|
+ case '常用工具':
|
|
|
+ return '/src/assets/imgs/commonTools.png'
|
|
|
+ case '专题图':
|
|
|
+ return '/src/assets/imgs/special.png'
|
|
|
+ case '空间分析':
|
|
|
+ return '/src/assets/imgs/spatialAnalysis.png'
|
|
|
+ case '地图基本功能':
|
|
|
+ return '/src/assets/imgs/basicFunction.png'
|
|
|
+ case '定位':
|
|
|
+ return '/src/assets/imgs/location.png'
|
|
|
+ case '地图绘制':
|
|
|
+ return '/src/assets/imgs/mapDrawing.png'
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
function goBack() {
|
|
|
router.go(-1)
|
|
|
}
|
|
@@ -99,7 +125,7 @@ function listByType() {
|
|
|
|
|
|
.button-div {
|
|
|
position: relative;
|
|
|
- left: 20%;
|
|
|
+ left: 19%;
|
|
|
bottom: 10%;
|
|
|
}
|
|
|
|