feat: 算力配置模块静态交互完成，layout底部菜单完成构建
parent
6c0e7a2220
commit
daf7c98e5a
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 660 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 4.1 MiB |
@ -0,0 +1,27 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
>
|
||||
<path
|
||||
d="M12 22C14.7614 22 17.2614 20.8807 19.0711 19.0711C20.8807 17.2614 22 14.7614 22 12C22 9.2386 20.8807 6.7386 19.0711 4.92893C17.2614 3.11929 14.7614 2 12 2C9.2386 2 6.7386 3.11929 4.92893 4.92893C3.11929 6.7386 2 9.2386 2 12C2 14.7614 3.11929 17.2614 4.92893 19.0711C6.7386 20.8807 9.2386 22 12 22Z"
|
||||
stroke="#FAAD14"
|
||||
stroke-width="2"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M12 18.5C12.6904 18.5 13.25 17.9404 13.25 17.25C13.25 16.5597 12.6904 16 12 16C11.3097 16 10.75 16.5597 10.75 17.25C10.75 17.9404 11.3097 18.5 12 18.5Z"
|
||||
fill="#FAAD14"
|
||||
/>
|
||||
<path
|
||||
d="M12 6V14"
|
||||
stroke="#FAAD14"
|
||||
stroke-width="2"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 869 B |
@ -0,0 +1,24 @@
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
>
|
||||
<path
|
||||
d="M8.948 8.7975V7.3675C9.08911 7.35702 9.23051 7.35102 9.372 7.3495C13.294 7.2255 15.865 10.7235
|
||||
15.865 10.7235C15.865 10.7235 13.091 14.5745 10.115 14.5745C9.72158 14.5753 9.33059 14.5128 8.957
|
||||
14.3895V10.0435C10.485 10.2285 10.794 10.9005 11.704 12.4285L13.744 10.7145C13.744 10.7145 12.252
|
||||
8.7625 9.744 8.7625C9.47818 8.75656 9.21227 8.76826 8.948 8.7975ZM8.948 4.0625V6.2005L9.372
|
||||
6.1735C14.822 5.9885 18.382 10.6435 18.382 10.6435C18.382 10.6435 14.302 15.6075 10.052
|
||||
15.6075C9.68491 15.6063 9.31858 15.5739 8.957 15.5105V16.8355C9.257 16.8705 9.567 16.8975 9.867
|
||||
16.8975C13.824 16.8975 16.687 14.8745 19.46 12.4895C19.919 12.8605 21.8 13.7525 22.19 14.1415C19.557
|
||||
16.3495 13.418 18.1255 9.937 18.1255C9.602 18.1255 9.284 18.1075 8.966
|
||||
18.0725V19.9365H24V4.0625H8.948ZM8.948 14.3885V15.5195C5.291 14.8655 4.275 11.0595 4.275
|
||||
11.0595C4.275 11.0595 6.033 9.1155 8.948 8.7975V10.0345H8.94C7.412 9.8485 6.21 11.2795 6.21
|
||||
11.2795C6.21 11.2795 6.89 13.6915 8.949 14.3895M2.456 10.8995C2.456 10.8995 4.62 7.7025 8.956
|
||||
7.3665V6.2005C4.153 6.5895 0 10.6525 0 10.6525C0 10.6525 2.35 17.4545 8.948 18.0725V16.8355C4.108
|
||||
16.2355 2.456 10.8995 2.456 10.8995Z"
|
||||
fill="#76B900"
|
||||
/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 66 KiB |
@ -0,0 +1,14 @@
|
||||
<svg width="24" height="55" viewBox="0 0 24 55" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.74248 13.0508L22.1538 0L0 11.1864V47.5424L22.1538 55L6.74248 43.8136V13.0508Z" fill="url(#paint0_linear_9562_48379)"/>
|
||||
<path d="M24 27.5L15.6923 32.2631L15.6923 22.7369L24 27.5Z" fill="url(#paint1_linear_9562_48379)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_9562_48379" x1="1.5" y1="27.8056" x2="13" y2="27.8056" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#3397F4"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_9562_48379" x1="24" y1="27.5" x2="12.9231" y2="27.5" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#3397F4"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 759 B |
@ -0,0 +1,21 @@
|
||||
<svg width="32" height="872" viewBox="0 0 32 872" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M30 1L2 35.6269V841.938L27.5 871" stroke="url(#paint0_linear_9562_48210)" stroke-width="3"/>
|
||||
<path d="M10 36L31 11L30.5 3.5L3 36V166L10 160V36Z" fill="url(#paint1_linear_9562_48210)" stroke="#54DFFE"/>
|
||||
<path d="M11 841L28.5 861.5L28 869L4 841.215V711L11 717V841Z" fill="url(#paint2_linear_9562_48210)" stroke="#54DFFE"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_9562_48210" x1="16" y1="1" x2="16" y2="871" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#6AA7FF" stop-opacity="0"/>
|
||||
<stop offset="0.266666" stop-color="#A1E5FF"/>
|
||||
<stop offset="0.731666" stop-color="#6AA7FF"/>
|
||||
<stop offset="0.976666" stop-color="#6AA7FF" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_9562_48210" x1="17" y1="3.5" x2="17" y2="166" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#249BFF"/>
|
||||
<stop offset="1" stop-color="#1777F2"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_9562_48210" x1="16.25" y1="869" x2="16.25" y2="711" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#249BFF"/>
|
||||
<stop offset="1" stop-color="#1777F2"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 8.1 KiB After Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
@ -1,3 +1,13 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-02-23 11:38:23
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-02-26 10:36:35
|
||||
* @FilePath: \General-AI-Platform-Web-Client\src\components\DsBox\index.ts
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
import dsBox1 from "./src/dsBox1";
|
||||
import dsTag1 from "./src/dsTag1";
|
||||
|
||||
export const DsBox1 = dsBox1;
|
||||
export const DsTag1 = dsTag1;
|
||||
|
||||
@ -0,0 +1,21 @@
|
||||
.dsTag1_wrap {
|
||||
&.cube_tag {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
// top: -8px;
|
||||
width: 200px;
|
||||
}
|
||||
.show_info {
|
||||
position: absolute;
|
||||
left: 61px;
|
||||
.show_line {
|
||||
width: 18px;
|
||||
height: 1px;
|
||||
}
|
||||
.show_dot {
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
// background: #C1C1C1;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,91 @@
|
||||
/**
|
||||
* @交互说明
|
||||
*
|
||||
*
|
||||
*/
|
||||
import { defineComponent } from "vue";
|
||||
import "./dsTag1.scss";
|
||||
|
||||
export default defineComponent({
|
||||
name: "DsTag1",
|
||||
props: {
|
||||
type: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
info: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {
|
||||
proportion: 0,
|
||||
name: ""
|
||||
};
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
setup(props) {
|
||||
return () => {
|
||||
let options = {
|
||||
fill: "#FFBD5C",
|
||||
stroke: "#FA8916"
|
||||
};
|
||||
switch (props.type) {
|
||||
case 3:
|
||||
options = {
|
||||
fill: "#FFBD5C",
|
||||
stroke: "#FA8916"
|
||||
};
|
||||
break;
|
||||
case 4:
|
||||
options = {
|
||||
fill: "#74A5FB",
|
||||
stroke: "#3778F2"
|
||||
};
|
||||
break;
|
||||
default:
|
||||
options = {
|
||||
fill: "#FFBD5C",
|
||||
stroke: "#FA8916"
|
||||
};
|
||||
break;
|
||||
}
|
||||
return (
|
||||
<div class="dsTag1_wrap flex items-center cube_tag">
|
||||
<div class="bg-black h-[2px] w-[56px]" />
|
||||
{/* <svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="20"
|
||||
height="16"
|
||||
viewBox="0 0 20 16"
|
||||
fill="none"
|
||||
>
|
||||
<path
|
||||
d="M18 1C18.8284 1 19.5 1.67157 19.5 2.5V13.5C19.5 14.3284 18.8284 15 18 15H7.74624C7.32544 15 6.924 14.8233 6.63986 14.5129L1.60508 9.01334C1.08028 8.4401 1.08025 7.56095 1.605 6.98766L6.63987 1.4872C6.92402 1.17678 7.32549 1 7.74633 1H18Z"
|
||||
fill={options.fill}
|
||||
stroke={options.stroke}
|
||||
/>
|
||||
</svg> */}
|
||||
|
||||
<div
|
||||
class="show_info flex items-center"
|
||||
style={{ top: props.info.value / 2 - 10 + "px" }}
|
||||
>
|
||||
<div
|
||||
class="show_line"
|
||||
style={{ backgroundColor: props.info.color }}
|
||||
></div>
|
||||
<div
|
||||
class="show_dot"
|
||||
style={{ backgroundColor: props.info.color }}
|
||||
></div>
|
||||
<p class="w-[188px] h-[20px] single-line text-sm">
|
||||
<span class="px-[8px]">{props.info.proportion}%</span>
|
||||
<span>{props.info.name}</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,29 @@
|
||||
<script setup lang="ts">
|
||||
// TODO 完善整个导航栏交互
|
||||
defineOptions({
|
||||
name: "DsNavbar"
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="flex justify-between h-full align-middle dsNavbar_wrap">
|
||||
<div class="left">logo</div>
|
||||
<h1>苏胜天人工智能检测平台</h1>
|
||||
<div class="right">time</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.dsNavbar_wrap {
|
||||
.left {
|
||||
width: 30vw;
|
||||
}
|
||||
h1 {
|
||||
color: white;
|
||||
line-height: 2;
|
||||
}
|
||||
.right {
|
||||
width: 30vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,21 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-02-23 11:00:08
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-02-26 14:18:27
|
||||
* @FilePath: \General-AI-Platform-Web-Client\src\pages\dataScreen\router\modules\device.ts
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
import { $t } from "@/plugins/i18n";
|
||||
|
||||
export default {
|
||||
path: "/alarmInfo",
|
||||
meta: {
|
||||
title: $t("menus.dsAlarmInfoList"),
|
||||
icon: "alarmInfoIcon",
|
||||
rank: 5,
|
||||
roles: ["admin", "common"]
|
||||
},
|
||||
component: () => import("@/pages/dataScreen/views/device/deviceList.vue"),
|
||||
name: "alarmInfo"
|
||||
} as RouteConfigsTable;
|
||||
@ -0,0 +1,21 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-02-23 11:00:08
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-02-26 14:18:56
|
||||
* @FilePath: \General-AI-Platform-Web-Client\src\pages\dataScreen\router\modules\device.ts
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
import { $t } from "@/plugins/i18n";
|
||||
|
||||
export default {
|
||||
path: "/modelList",
|
||||
meta: {
|
||||
title: $t("menus.hsModelList"),
|
||||
icon: "modelListIcon",
|
||||
rank: 4,
|
||||
roles: ["admin", "common"]
|
||||
},
|
||||
component: () => import("@/pages/dataScreen/views/device/deviceList.vue"),
|
||||
name: "modelList"
|
||||
} as RouteConfigsTable;
|
||||
@ -0,0 +1,21 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-02-23 11:00:08
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-02-26 14:17:58
|
||||
* @FilePath: \General-AI-Platform-Web-Client\src\pages\dataScreen\router\modules\device.ts
|
||||
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||||
*/
|
||||
import { $t } from "@/plugins/i18n";
|
||||
|
||||
export default {
|
||||
path: "/serverList",
|
||||
meta: {
|
||||
title: $t("menus.hsserver"),
|
||||
icon: "serverListIcon",
|
||||
rank: 3,
|
||||
roles: ["admin", "common"]
|
||||
},
|
||||
component: () => import("@/pages/dataScreen/views/device/deviceList.vue"),
|
||||
name: "ServerList"
|
||||
} as RouteConfigsTable;
|
||||
Loading…
Reference in New Issue