|
@@ -3,31 +3,23 @@
|
|
|
<div class="tabbar">
|
|
|
<div class="nav">
|
|
|
<el-button-group class="ml-4">
|
|
|
- <el-button
|
|
|
- :type="currentType(0) ? 'primary' : 'default'"
|
|
|
- @click="handleSelect(0)"
|
|
|
+ <el-button :type="currentType(0) ? 'primary' : 'default'" @click="handleSelect(0)"
|
|
|
>地图</el-button
|
|
|
>
|
|
|
- <el-button
|
|
|
- :type="currentType(1) ? 'primary' : 'default'"
|
|
|
- @click="handleSelect(1)"
|
|
|
+ <el-button :type="currentType(1) ? 'primary' : 'default'" @click="handleSelect(1)"
|
|
|
>卡片</el-button
|
|
|
>
|
|
|
</el-button-group>
|
|
|
</div>
|
|
|
<el-form-item label="所属架构:" class="filter">
|
|
|
- <com-company v-model="state.deptId" :id="state.caseId" />
|
|
|
+ <com-company v-model="state.deptId" :id="state.caseId" hideAll />
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div ref="mapEl" class="map-container" v-show="currentType(0)"></div>
|
|
|
<div class="card-container" v-show="currentType(1)">
|
|
|
<div class="card-list">
|
|
|
<template v-for="item of list" v-if="list.length > 0">
|
|
|
- <el-card
|
|
|
- style="width: 480px"
|
|
|
- shadow="hover"
|
|
|
- @click="handCardClick(item.caseId)"
|
|
|
- >
|
|
|
+ <el-card style="width: 480px" shadow="hover" @click="handCardClick(item.caseId)">
|
|
|
<img
|
|
|
class="cover"
|
|
|
:src="
|
|
@@ -89,11 +81,7 @@ const handleSelect = (type: number) => {
|
|
|
current.value = type;
|
|
|
};
|
|
|
|
|
|
-const getQuery = (
|
|
|
- caseId: number,
|
|
|
- share: boolean = false,
|
|
|
- single: boolean = false
|
|
|
-) =>
|
|
|
+const getQuery = (caseId: number, share: boolean = false, single: boolean = false) =>
|
|
|
`${getFuseCodeLink(caseId, true)}${share ? "&share=1" : ""}${
|
|
|
single ? "&single=1" : ""
|
|
|
}#show/summary`;
|
|
@@ -134,7 +122,7 @@ const refresh = async () => {
|
|
|
background: "rgba(0, 0, 0, 0.7)",
|
|
|
});
|
|
|
|
|
|
- const data = (await getDataQuest()) as any as any[];
|
|
|
+ const data = ((await getDataQuest()) as any) as any[];
|
|
|
console.log("data", data);
|
|
|
list.value = data as any[];
|
|
|
loading.close();
|
|
@@ -177,7 +165,7 @@ const loadMap = async () => {
|
|
|
console.log("map", map);
|
|
|
|
|
|
const initMakers = async () => {
|
|
|
- const data = (await getDataQuest()) as any as any[];
|
|
|
+ const data = ((await getDataQuest()) as any) as any[];
|
|
|
console.log("data", data);
|
|
|
const positions: any[] = [];
|
|
|
list.value = data as any[];
|
|
@@ -190,8 +178,7 @@ const loadMap = async () => {
|
|
|
const url = getQuery(item.caseId, true);
|
|
|
console.log("url", url);
|
|
|
const icon = new AMap.Icon({
|
|
|
- image:
|
|
|
- "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
|
|
|
+ image: "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png",
|
|
|
size: new AMap.Size(22, 28), //图标所处区域大小
|
|
|
imageSize: new AMap.Size(22, 28), //图标大小
|
|
|
});
|