Merge branch 'main' of http://123.132.248.154:10000/gitY/LinYeFangHuo
commit
9628dba9b8
|
|
@ -14,7 +14,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="wind-speed">
|
<div class="wind-speed">
|
||||||
<span style="margin-right: 25px;">{{`风速:${windPower}m/s`}}</span>{{`风向: ${winddirection}`}}</div>
|
<Icon style="font-size: 35px;" icon="mdi:weather-windy" />
|
||||||
|
<span style="margin-right: 25px;">{{`${windPower}m/s`}}</span>
|
||||||
|
<Icon style="font-size: 35px;" icon="mdi:windsock" />
|
||||||
|
{{`${winddirection}`}}</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -24,6 +27,7 @@
|
||||||
import dayjs from 'dayjs';
|
import dayjs from 'dayjs';
|
||||||
import { CreateComponentType } from '@/packages/index.d';
|
import { CreateComponentType } from '@/packages/index.d';
|
||||||
import { GoIconify } from '@/components/GoIconify';
|
import { GoIconify } from '@/components/GoIconify';
|
||||||
|
import Icon from '@/components/Icon/Icon.vue';
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
chartConfig: {
|
chartConfig: {
|
||||||
type: Object as PropType<CreateComponentType>,
|
type: Object as PropType<CreateComponentType>,
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@
|
||||||
v-for="(item, index) in sectionDatas"
|
v-for="(item, index) in sectionDatas"
|
||||||
@click="handlerFireDetail(item)"
|
@click="handlerFireDetail(item)"
|
||||||
>
|
>
|
||||||
<div class="flex jc-sb">
|
<div class="flex jc-sb ai-c" style="height: 27px;">
|
||||||
<div class="titleText">{{ item.describe }}</div>
|
<div class="titleText">{{ item.describe }}</div>
|
||||||
<div class="mr-2 desStyle">{{ item.degreeType }}</div>
|
<div class="mr-2 desStyle">{{ item.degreeType }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -389,6 +389,7 @@ const getFileImage = (type) => {
|
||||||
height: calc(100% - 40px);
|
height: calc(100% - 40px);
|
||||||
margin-left: 4%;
|
margin-left: 4%;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
padding-right: 5px;
|
||||||
img {
|
img {
|
||||||
width: 21px;
|
width: 21px;
|
||||||
height: 21px;
|
height: 21px;
|
||||||
|
|
@ -397,6 +398,7 @@ const getFileImage = (type) => {
|
||||||
width: 15px;
|
width: 15px;
|
||||||
height: 15px;
|
height: 15px;
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.sectionLi {
|
.sectionLi {
|
||||||
|
|
@ -410,7 +412,9 @@ const getFileImage = (type) => {
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
color: v-bind('titleColor');
|
color: v-bind('titleColor');
|
||||||
font-size: v-bind('titleSize+"px"');
|
// font-size: v-bind('titleSize+"px"');
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
.dataStyle {
|
.dataStyle {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
@ -434,6 +438,9 @@ const getFileImage = (type) => {
|
||||||
.desStyle {
|
.desStyle {
|
||||||
color: v-bind('desColor');
|
color: v-bind('desColor');
|
||||||
font-size: v-bind('desSize+"px"');
|
font-size: v-bind('desSize+"px"');
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
.desImg {
|
.desImg {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
|
@ -445,7 +452,7 @@ const getFileImage = (type) => {
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
}
|
}
|
||||||
.mt-1 {
|
.mt-1 {
|
||||||
margin-top: 8px;
|
// margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -19,6 +19,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
|
||||||
public attr = { ...chartInitConfig, w: 117, h: 168, zIndex: 1 }
|
public attr = { ...chartInitConfig, w: 117, h: 168, zIndex: 1 }
|
||||||
public chartConfig = cloneDeep(WuRenJiConfig)
|
public chartConfig = cloneDeep(WuRenJiConfig)
|
||||||
public option = cloneDeep(option)
|
public option = cloneDeep(option)
|
||||||
public request = { ...requestSqlConfig, requestSQLContent: { sql: 'select * from ' }, }
|
|
||||||
public filter = "return res.result;"
|
public filter = "return res.result;"
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -38,9 +38,8 @@ onMounted(() => {
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
// 数据callback处理(预览时触发)
|
// 数据callback处理(预览时触发)
|
||||||
useChartDataFetch(props.chartConfig, useChartEditStore, (resData: any[]) => {
|
// useChartDataFetch(props.chartConfig, useChartEditStore, (resData: any[]) => {
|
||||||
// props.chartConfig.option.dataset = resData;
|
// });
|
||||||
});
|
|
||||||
|
|
||||||
const chartEditStore = useChartEditStore();
|
const chartEditStore = useChartEditStore();
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
<div class="flex column sectionsbox">
|
<div class="flex column sectionsbox">
|
||||||
<div class="flex mt-1" v-for="item in dataset.data">
|
<div class="flex mt-1" v-for="item in dataset.data">
|
||||||
<div class="flex ai-c jc-c tasktitlesbox">
|
<div class="flex ai-c jc-c tasktitlesbox">
|
||||||
<div class="dots"></div>
|
<!-- <div class="dots"></div> -->
|
||||||
<div class="titleText">{{ item.title }}</div>
|
<div class="titleText">{{ item.title }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="desStyle">{{ item.desc }}</div>
|
<div class="desStyle">{{ item.desc }}</div>
|
||||||
|
|
@ -162,7 +162,7 @@ const handlerShowColumns = ()=> {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
.tasktitlesbox{
|
.tasktitlesbox{
|
||||||
width: 120px;
|
width: 90px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
}
|
}
|
||||||
.dots{
|
.dots{
|
||||||
|
|
@ -175,6 +175,11 @@ const handlerShowColumns = ()=> {
|
||||||
.titleText{
|
.titleText{
|
||||||
color: v-bind('titleColor');
|
color: v-bind('titleColor');
|
||||||
font-size: v-bind('titleSize+"px"');
|
font-size: v-bind('titleSize+"px"');
|
||||||
|
width: 72px;
|
||||||
|
text-align: right;
|
||||||
|
margin-right: 10px;
|
||||||
|
color: #9aa4af;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
.desStyle{
|
.desStyle{
|
||||||
width: calc(100% - 120px);
|
width: calc(100% - 120px);
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="resource-analysis-report-content">
|
<div class="resource-analysis-report-content">
|
||||||
<div class="lnglat-div" v-if="clueInfo.lng && clueInfo.lat">线索地点:{{ `${clueInfo.lng}°E` }}, {{ `${clueInfo.lat}°N` }}</div>
|
<div class="lnglat-div" v-if="clueInfo.lng && clueInfo.lat">线索地点:{{ `${clueInfo.lng.toFixed(6)}°E` }}, {{ `${clueInfo.lat.toFixed(6)}°N` }}</div>
|
||||||
<div class="lnglat-div" v-else></div>
|
<div class="lnglat-div" v-else></div>
|
||||||
<div class="count-div">
|
<div class="count-div">
|
||||||
<div class="scope-count">
|
<div class="scope-count">
|
||||||
|
|
|
||||||
|
|
@ -24,18 +24,6 @@ export const option = {
|
||||||
export default class Config extends PublicConfigClass implements CreateComponentType {
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
||||||
public key = ZhiGan_DroneListConfig.key
|
public key = ZhiGan_DroneListConfig.key
|
||||||
public attr = { ...chartInitConfig, w: 506, h: 378, zIndex: -1 }
|
public attr = { ...chartInitConfig, w: 506, h: 378, zIndex: -1 }
|
||||||
public request = {
|
|
||||||
...requestSqlConfig,
|
|
||||||
requestHttpType: "get",
|
|
||||||
requestContentType: 0,
|
|
||||||
requestUrl: VITE_GLOB_API_URL_SITUATION+"/api/Manage/GetUavPageList",
|
|
||||||
requestParams: {
|
|
||||||
Params: {
|
|
||||||
page: "1",
|
|
||||||
limit: "999"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
public filter = "return res.result.items;"
|
public filter = "return res.result.items;"
|
||||||
public chartConfig = cloneDeep(ZhiGan_DroneListConfig)
|
public chartConfig = cloneDeep(ZhiGan_DroneListConfig)
|
||||||
public option = cloneDeep(option)
|
public option = cloneDeep(option)
|
||||||
|
|
|
||||||
|
|
@ -67,7 +67,6 @@
|
||||||
if (!getClient() || !getClient().connected) {
|
if (!getClient() || !getClient().connected) {
|
||||||
// createConnection();
|
// createConnection();
|
||||||
}
|
}
|
||||||
// 获取eventBus传过来的值
|
|
||||||
GetUavPageList().then(resData => {
|
GetUavPageList().then(resData => {
|
||||||
option.dataset = resData.items;
|
option.dataset = resData.items;
|
||||||
resData.items.forEach(item => {
|
resData.items.forEach(item => {
|
||||||
|
|
@ -99,9 +98,9 @@
|
||||||
}, 1000);
|
}, 1000);
|
||||||
});
|
});
|
||||||
|
|
||||||
// 数据callback处理(预览时触发)
|
// // 数据callback处理(预览时触发)
|
||||||
useChartDataFetch(props.chartConfig, useChartEditStore, (resData: any[]) => {
|
// useChartDataFetch(props.chartConfig, useChartEditStore, (resData: any[]) => {
|
||||||
});
|
// });
|
||||||
const flyControl = (item) => {
|
const flyControl = (item) => {
|
||||||
activeDrone.value = item.id
|
activeDrone.value = item.id
|
||||||
airPortStoreVal.setAirPort('sn', item.psn);
|
airPortStoreVal.setAirPort('sn', item.psn);
|
||||||
|
|
|
||||||
|
|
@ -26,4 +26,4 @@ const bigscreen: AppRouteModule = {
|
||||||
],
|
],
|
||||||
};
|
};
|
||||||
|
|
||||||
export default bigscreen;
|
// export default bigscreen;
|
||||||
|
|
|
||||||
|
|
@ -11,13 +11,14 @@ const dashboard: AppRouteModule = {
|
||||||
meta: {
|
meta: {
|
||||||
orderNo: 10,
|
orderNo: 10,
|
||||||
icon: 'ion:grid-outline',
|
icon: 'ion:grid-outline',
|
||||||
title: t('routes.dashboard.dashboard'),
|
title: '首页',
|
||||||
},
|
},
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
path: '/dashboard/analysis',
|
path: '/dashboard/analysis',
|
||||||
name: 'Analysis',
|
name: 'Analysis',
|
||||||
meta: {
|
meta: {
|
||||||
|
icon: 'material-symbols:house-outline-rounded',
|
||||||
title: t('routes.dashboard.analysis'),
|
title: t('routes.dashboard.analysis'),
|
||||||
},
|
},
|
||||||
component: () => import('@/views/home/index.vue'),
|
component: () => import('@/views/home/index.vue'),
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue