Squashed commit of the following:
All checks were successful
local-test-CICD / Docker-Build (push) Successful in 1m35s
All checks were successful
local-test-CICD / Docker-Build (push) Successful in 1m35s
commita4e63a4ab6Author: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Mon Nov 18 17:07:07 2024 +0800 电子地图管理 commit2544f5e131Author: joylink_fanyuhong <18706759286@163.com> Date: Thu Nov 14 14:23:30 2024 +0800 代码调整 commit5400acf7e3Author: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Wed Nov 13 17:59:00 2024 +0800 电子地图绘制备用 commitc06acfd0b8Merge:3c41293fdca6c4Author: joylink_fanyuhong <18706759286@163.com> Date: Tue Nov 12 13:41:21 2024 +0800 Merge branch 'develop' of https://gitea.joylink.club/joylink/rtsa-client into develop commit3c41293f0bAuthor: joylink_fanyuhong <18706759286@163.com> Date: Tue Nov 12 13:41:17 2024 +0800 获取用户id调整 commitfdca6c490bAuthor: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Tue Nov 12 13:18:57 2024 +0800 密码去掉加盐 commitb429bf5ce3Author: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Tue Nov 12 10:51:32 2024 +0800 登录注册备用 commit1d2c1c337eAuthor: joylink_fanyuhong <18706759286@163.com> Date: Mon Nov 11 17:56:21 2024 +0800 代码调整 commitdee2b5ca7fAuthor: joylink_fanyuhong <18706759286@163.com> Date: Mon Nov 11 17:30:55 2024 +0800 烟感设备调整 commitf4812c7187Author: joylink_fanyuhong <18706759286@163.com> Date: Fri Nov 8 09:52:43 2024 +0800 代码提交 commit23ed471da1Author: joylink_fanyuhong <18706759286@163.com> Date: Thu Nov 7 17:30:32 2024 +0800 代码暂提 commit429d6679f4Author: joylink_fanyuhong <18706759286@163.com> Date: Wed Nov 6 21:12:19 2024 +0800 问题调整 commit28859d0fc1Merge:cffefa0f76ec13Author: joylink_fanyuhong <18706759286@163.com> Date: Wed Nov 6 20:59:49 2024 +0800 Merge branch 'develop' of https://gitea.joylink.club/joylink/rtsa-client into develop commitcffefa06c6Author: joylink_fanyuhong <18706759286@163.com> Date: Wed Nov 6 20:59:43 2024 +0800 代码暂提 commitf76ec13940Author: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Wed Nov 6 16:54:44 2024 +0800 模式控制暂提 commitd353afa5ddAuthor: joylink_fanyuhong <18706759286@163.com> Date: Tue Nov 5 18:05:09 2024 +0800 代码暂提 commit9e5905cb55Author: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Thu Oct 31 16:58:01 2024 +0800 更新子模块 commitcac4f38d64Author: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Thu Oct 31 16:53:45 2024 +0800 删除旧的子模块 commita36b425b12Author: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Wed Oct 30 10:15:47 2024 +0800 调整 commit8260753cf7Merge:3f240a79e0bc3eAuthor: joylink_fanyuhong <18706759286@163.com> Date: Tue Oct 29 13:29:38 2024 +0800 Merge branch 'develop' of https://gitea.joylink.club/joylink/rtss-simulation-app-client into develop commit3f240a7b57Author: joylink_fanyuhong <18706759286@163.com> Date: Tue Oct 29 13:29:36 2024 +0800 代码提交 commit9e0bc3ea0bAuthor: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Mon Oct 28 16:53:12 2024 +0800 屏蔽门系统图 commit3c67d4b5b7Merge:f5d87aceb9d073Author: joylink_fanyuhong <18706759286@163.com> Date: Thu Oct 24 09:30:11 2024 +0800 Merge branch 'develop' of https://gitea.joylink.club/joylink/rtss-simulation-app-client into develop commitf5d87acd4cAuthor: joylink_fanyuhong <18706759286@163.com> Date: Thu Oct 24 09:29:44 2024 +0800 fas设备添加 commiteb9d0734aeAuthor: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Wed Oct 23 15:51:18 2024 +0800 垂直电梯备用 commitafd27d4b3eAuthor: joylink_fanyuhong <18706759286@163.com> Date: Tue Oct 22 17:52:37 2024 +0800 消防泵代码提交 commit61911d9ee5Merge:98b1db6a7968d1Author: joylink_fanyuhong <18706759286@163.com> Date: Tue Oct 22 17:20:47 2024 +0800 Merge branch 'develop' of https://gitea.joylink.club/joylink/rtss-simulation-app-client into develop commit98b1db6290Author: joylink_fanyuhong <18706759286@163.com> Date: Tue Oct 22 17:16:24 2024 +0800 设备添加 commita7968d11daAuthor: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Mon Oct 21 18:03:30 2024 +0800 bas自动扶梯备用 commitd16bedfbf4Author: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Fri Oct 18 16:21:27 2024 +0800 绘制组件调整 commit124c9a2784Merge:b451f4f07b35b5Author: joylink_fanyuhong <18706759286@163.com> Date: Thu Oct 17 17:52:03 2024 +0800 Merge branch 'develop' of https://gitea.joylink.club/joylink/rtss-simulation-app-client into develop commitb451f4fa3eAuthor: joylink_fanyuhong <18706759286@163.com> Date: Thu Oct 17 17:52:02 2024 +0800 FAS新增设备 commit07b35b5360Author: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Thu Oct 17 14:50:52 2024 +0800 cctv加分层 commitd03f30d4ccAuthor: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Thu Oct 17 13:50:52 2024 +0800 CCTV设备布局图 commit31d09306b4Author: joylink_fanyuhong <18706759286@163.com> Date: Thu Oct 17 11:45:40 2024 +0800 调整icon commitcfc5adb953Author: joylink_fanyuhong <18706759286@163.com> Date: Thu Oct 17 11:45:18 2024 +0800 调整警铃icon commit083c17edd1Author: joylink_fanyuhong <18706759286@163.com> Date: Thu Oct 17 11:31:38 2024 +0800 添加火灾警铃设备 commitdbed83df26Merge:5bddef1259d351Author: joylink_fanyuhong <18706759286@163.com> Date: Thu Oct 17 09:34:31 2024 +0800 Merge branch 'develop' of https://gitea.joylink.club/joylink/rtss-simulation-app-client into develop commit5bddef10cdAuthor: joylink_fanyuhong <18706759286@163.com> Date: Thu Oct 17 09:32:55 2024 +0800 添加火灾报警主机 commit259d3518bbAuthor: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Wed Oct 16 17:25:10 2024 +0800 增加button label颜色 commit3c91608189Author: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Wed Oct 16 17:09:36 2024 +0800 通用的button-类似组件button commitf5bc7c9aa9Author: fan <fanyuhong@joylink.club> Date: Wed Oct 16 16:55:57 2024 +0800 protoc commit7ab75c722eAuthor: fan <fanyuhong@joylink.club> Date: Wed Oct 16 16:54:53 2024 +0800 fas数据调整 commitd8c55a011bAuthor: joylink_fanyuhong <18706759286@163.com> Date: Wed Oct 16 14:01:58 2024 +0800 添加FAS平面图分区 commit9948e87fa0Author: fan <fanyuhong@joylink.club> Date: Wed Oct 16 09:39:34 2024 +0800 protoc commit702cc229a3Author: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Tue Oct 15 18:16:18 2024 +0800 加滚动条 commited3392d378Author: joylink_zhaoerwei <Bob_Engineer@163.com> Date: Tue Oct 15 17:37:56 2024 +0800 绘制加组件显示 commit1891981a23Author: joylink_fanyuhong <18706759286@163.com> Date: Tue Oct 15 16:50:36 2024 +0800 抽屉调整
This commit is contained in:
joylink_zhaoerwei
parent
ca12e4d1a9
commit
f50704c476
6
.gitmodules
vendored
6
.gitmodules
vendored
@ -1,3 +1,3 @@
|
||||
[submodule "rtss-proto-msg"]
|
||||
path = rtss-proto-msg
|
||||
url = https://gitea.joylink.club/joylink/rtss-proto-msg.git
|
||||
[submodule "rtsa-proto-msg"]
|
||||
path = rtsa-proto-msg
|
||||
url = https://gitea.joylink.club/joylink/rtsa-proto-msg.git
|
||||
|
||||
16
package-lock.json
generated
16
package-lock.json
generated
@ -11,7 +11,7 @@
|
||||
"@quasar/extras": "^1.16.4",
|
||||
"axios": "^1.2.1",
|
||||
"google-protobuf": "^3.21.4",
|
||||
"jl-graphic": "git+http://120.46.212.6:3000/joylink/graphic-pixi.git#v0.1.18",
|
||||
"jl-graphic": "git+https://gitea.joylink.club/joylink/graphic-pixi.git#v0.1.19",
|
||||
"js-base64": "^3.7.5",
|
||||
"pinia": "^2.0.11",
|
||||
"quasar": "^2.16.0",
|
||||
@ -30,6 +30,7 @@
|
||||
"eslint-config-prettier": "^8.1.0",
|
||||
"eslint-plugin-vue": "^9.0.0",
|
||||
"prettier": "^2.5.1",
|
||||
"ts-md5": "^1.3.1",
|
||||
"typescript": "~5.5.4",
|
||||
"vite-plugin-checker": "^0.7.2",
|
||||
"vue-tsc": "2.0.29"
|
||||
@ -4436,8 +4437,8 @@
|
||||
},
|
||||
"node_modules/jl-graphic": {
|
||||
"name": "graphic-pixi",
|
||||
"version": "0.1.14",
|
||||
"resolved": "git+http://120.46.212.6:3000/joylink/graphic-pixi.git#8b0ad14f7324a5eaba58239645a1fa0452e87ab4",
|
||||
"version": "0.1.18",
|
||||
"resolved": "git+https://gitea.joylink.club/joylink/graphic-pixi.git#1c803d096585e258be3f60d3d95d1bd0c318d316",
|
||||
"dependencies": {
|
||||
"@pixi/graphics-extras": "^7.3.2",
|
||||
"@pixi/utils": "^7.3.2",
|
||||
@ -6398,6 +6399,15 @@
|
||||
"typescript": ">=4.2.0"
|
||||
}
|
||||
},
|
||||
"node_modules/ts-md5": {
|
||||
"version": "1.3.1",
|
||||
"resolved": "https://registry.npmmirror.com/ts-md5/-/ts-md5-1.3.1.tgz",
|
||||
"integrity": "sha512-DiwiXfwvcTeZ5wCE0z+2A9EseZsztaiZtGrtSaY5JOD7ekPnR/GoIVD5gXZAlK9Na9Kvpo9Waz5rW64WKAWApg==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=12"
|
||||
}
|
||||
},
|
||||
"node_modules/tslib": {
|
||||
"version": "2.7.0",
|
||||
"resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.7.0.tgz",
|
||||
|
||||
@ -39,7 +39,8 @@
|
||||
"prettier": "^2.5.1",
|
||||
"typescript": "~5.5.4",
|
||||
"vite-plugin-checker": "^0.7.2",
|
||||
"vue-tsc": "2.0.29"
|
||||
"vue-tsc": "2.0.29",
|
||||
"ts-md5": "^1.3.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": "^20 || ^18 || ^16",
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 57 KiB |
1
rtsa-proto-msg
Submodule
1
rtsa-proto-msg
Submodule
@ -0,0 +1 @@
|
||||
Subproject commit 64e48a0441eedd0b7bc926ca922b2fb58075467b
|
||||
@ -1 +0,0 @@
|
||||
Subproject commit 87726ae0917aedf814210d9725ee354aa15bb1f9
|
||||
@ -7,7 +7,7 @@ const os = require('os');
|
||||
|
||||
const { exec } = require('child_process');
|
||||
|
||||
const messageDir = resolve(__dirname, '../rtss-proto-msg');
|
||||
const messageDir = resolve(__dirname, '../rtsa-proto-msg');
|
||||
const protoDir = resolve(messageDir, 'src');
|
||||
const destDir = resolve(__dirname, '../src/protos');
|
||||
|
||||
|
||||
18
src/App.vue
18
src/App.vue
@ -3,30 +3,20 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { watch, onMounted } from 'vue';
|
||||
import { useRoute } from 'vue-router';
|
||||
import { onMounted } from 'vue';
|
||||
import { useAuthStore } from 'src/stores/auth-store';
|
||||
import { getLoginUserInfo } from 'src/api/UserApi';
|
||||
import { saveJwtToken } from 'src/configs/TokenManage';
|
||||
import { getJwtToken } from './configs/TokenManage';
|
||||
defineOptions({
|
||||
name: 'App',
|
||||
});
|
||||
|
||||
const route = useRoute();
|
||||
const authStore = useAuthStore();
|
||||
watch(
|
||||
() => route.params.token,
|
||||
async () => {
|
||||
if (route.params.token) {
|
||||
saveJwtToken(route.params.token as string);
|
||||
const res = await getLoginUserInfo();
|
||||
authStore.setUserId(res.loginUserInfo.id);
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
onMounted(async () => {
|
||||
if (getJwtToken()) {
|
||||
const res = await getLoginUserInfo();
|
||||
authStore.setUserId(res.loginUserInfo.id);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
138
src/api/ElectronicMapDraftApi.ts
Normal file
138
src/api/ElectronicMapDraftApi.ts
Normal file
@ -0,0 +1,138 @@
|
||||
import { api } from 'src/boot/axios';
|
||||
import { PageDto } from './ApiCommon';
|
||||
import { DraftDataType } from './DraftApi';
|
||||
|
||||
export enum LineType {
|
||||
UNKNOWN,
|
||||
UR = 'UR',
|
||||
IR = 'IR',
|
||||
CR = 'CR',
|
||||
}
|
||||
|
||||
export const lineTypeOption = [
|
||||
{
|
||||
label: '城市轨道交通',
|
||||
value: LineType.UR,
|
||||
},
|
||||
{
|
||||
label: '城际轨道交通',
|
||||
value: LineType.IR,
|
||||
},
|
||||
{
|
||||
label: '市域轨道交通',
|
||||
value: LineType.CR,
|
||||
},
|
||||
];
|
||||
|
||||
export const searchLineTypeOption = [
|
||||
{
|
||||
label: '全部',
|
||||
value: LineType.UNKNOWN,
|
||||
},
|
||||
...lineTypeOption,
|
||||
];
|
||||
|
||||
export interface DraftItem {
|
||||
id: number;
|
||||
name: string;
|
||||
dataType: DraftDataType;
|
||||
options: string;
|
||||
data: string;
|
||||
userId: number;
|
||||
defaultReleaseDataId: number;
|
||||
isShared: boolean;
|
||||
createdAt: string;
|
||||
updatedAt: string;
|
||||
defaultReleaseDataName: string;
|
||||
userName: string;
|
||||
}
|
||||
export interface LineInfoOptionsInput {
|
||||
lineType: LineType;
|
||||
city?: string;
|
||||
lineCode?: string;
|
||||
}
|
||||
export interface PagingQueryParams {
|
||||
paging: {
|
||||
page: number;
|
||||
itemsPerPage: number;
|
||||
};
|
||||
query: {
|
||||
dataType: DraftDataType;
|
||||
options?: LineInfoOptionsInput;
|
||||
name?: string;
|
||||
isShared?: boolean;
|
||||
userId?: number;
|
||||
};
|
||||
}
|
||||
export interface DraftEmDataDto {
|
||||
draftData: DraftItem;
|
||||
options: LineInfoOptionsInput;
|
||||
}
|
||||
|
||||
export async function draftPageQuery(
|
||||
params: PagingQueryParams
|
||||
): Promise<PageDto<DraftEmDataDto>> {
|
||||
const query = `
|
||||
query userDraftEmDataPaging($paging: PageQueryDto, $query: UserDraftEmDataFilterDto) {
|
||||
userDraftEmDataPaging(paging: $paging, query: $query) {
|
||||
total
|
||||
items {
|
||||
draftData {id name dataType userName defaultReleaseDataId createdAt updatedAt isShared defaultReleaseDataName}
|
||||
options {lineType city lineCode}
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
const response = await api.post('', {
|
||||
query,
|
||||
variables: params,
|
||||
});
|
||||
return response.data.data.userDraftEmDataPaging;
|
||||
}
|
||||
|
||||
export async function sharedDraftPageQuery(
|
||||
params: PagingQueryParams
|
||||
): Promise<PageDto<DraftEmDataDto>> {
|
||||
const query = `
|
||||
query sharedDraftEmDataPaging($paging: PageQueryDto, $query: SharedDraftEmDataFilterDto) {
|
||||
sharedDraftEmDataPaging(paging: $paging, query: $query) {
|
||||
total
|
||||
items {
|
||||
draftData {id name dataType userName userId defaultReleaseDataId createdAt updatedAt isShared defaultReleaseDataName}
|
||||
options {lineType city lineCode}
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
const response = await api.post('', {
|
||||
query,
|
||||
variables: params,
|
||||
});
|
||||
return response.data.data.sharedDraftEmDataPaging;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 创建草稿
|
||||
* @param params
|
||||
* @returns
|
||||
*/
|
||||
interface CreateDraftEmDto {
|
||||
input: {
|
||||
name: string;
|
||||
options: LineInfoOptionsInput;
|
||||
};
|
||||
}
|
||||
export function createDraft(params: CreateDraftEmDto) {
|
||||
const mutation = `
|
||||
mutation createDraftEmData($input: CreateDraftEmDto) {
|
||||
createDraftEmData(input: $input) {
|
||||
name
|
||||
}
|
||||
}
|
||||
`;
|
||||
return api.post('', {
|
||||
query: mutation,
|
||||
variables: params,
|
||||
});
|
||||
}
|
||||
63
src/api/ElectronicMapPublishApi.ts
Normal file
63
src/api/ElectronicMapPublishApi.ts
Normal file
@ -0,0 +1,63 @@
|
||||
import { api } from 'src/boot/axios';
|
||||
import { PageDto } from './ApiCommon';
|
||||
import { DraftDataType } from './DraftApi';
|
||||
import { LineInfoOptionsInput } from './ElectronicMapDraftApi';
|
||||
|
||||
export interface PublishItem {
|
||||
id: number;
|
||||
name: string;
|
||||
dataType: DraftDataType;
|
||||
options: string;
|
||||
data: string;
|
||||
usedVersionId: number;
|
||||
userId: number;
|
||||
isPublished: boolean;
|
||||
createdAt: string;
|
||||
updatedAt: string;
|
||||
description: string;
|
||||
userName: string;
|
||||
}
|
||||
|
||||
interface PagingQueryParams {
|
||||
page: {
|
||||
page: number;
|
||||
itemsPerPage: number;
|
||||
};
|
||||
query: {
|
||||
dataType: DraftDataType;
|
||||
userId?: number;
|
||||
name?: string;
|
||||
isPublished?: boolean;
|
||||
options?: LineInfoOptionsInput;
|
||||
};
|
||||
}
|
||||
export interface PublishEmDataDto {
|
||||
releaseData: PublishItem;
|
||||
options: LineInfoOptionsInput;
|
||||
}
|
||||
|
||||
/**
|
||||
* 分页查询
|
||||
* @param params
|
||||
* @returns
|
||||
*/
|
||||
export async function publishPageQuery(
|
||||
params: PagingQueryParams
|
||||
): Promise<PageDto<PublishEmDataDto>> {
|
||||
const query = `
|
||||
query releaseEmDataPaging($page: PageQueryDto, $query: ReleaseEmDataFilterDto) {
|
||||
releaseEmDataPaging(page: $page, query: $query) {
|
||||
total
|
||||
items {
|
||||
releaseData {id name dataType usedVersionId userName isPublished createdAt updatedAt description }
|
||||
options {lineType city lineCode}
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
const response = await api.post('', {
|
||||
query,
|
||||
variables: params,
|
||||
});
|
||||
return response.data.data.releaseEmDataPaging;
|
||||
}
|
||||
@ -1,9 +1,123 @@
|
||||
import { api } from 'src/boot/axios';
|
||||
import { PageDto } from './ApiCommon';
|
||||
import { Md5 } from 'ts-md5';
|
||||
|
||||
interface RegisterInfo {
|
||||
username: string;
|
||||
nickname: string;
|
||||
password: string;
|
||||
mobile?: string;
|
||||
email?: string;
|
||||
}
|
||||
|
||||
//const PasswordSult = '4a6d74126bfd06d69406fcccb7e7d5d9'; // 密码加盐
|
||||
function encryptPassword(password: string): string {
|
||||
const md5 = new Md5();
|
||||
return md5.appendStr(password).end() as string;
|
||||
}
|
||||
|
||||
/**
|
||||
* 用户注册
|
||||
* @param info
|
||||
* @returns
|
||||
*/
|
||||
export async function register(registerInfo: RegisterInfo) {
|
||||
const register = {
|
||||
...registerInfo,
|
||||
password: encryptPassword(registerInfo.password),
|
||||
};
|
||||
const mutation = `
|
||||
mutation registerUser($register: RegisterUserDto) {
|
||||
registerUser(register: $register){
|
||||
username
|
||||
}
|
||||
}
|
||||
`;
|
||||
return api.post('', {
|
||||
query: mutation,
|
||||
variables: { register },
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 检查用户名是否存在
|
||||
* @param username
|
||||
*/
|
||||
export function usernameExists(username: string) {
|
||||
const query = `
|
||||
query usernameExists($username: String) {
|
||||
usernameExists(username: $username,)
|
||||
}
|
||||
`;
|
||||
return api.post('', {
|
||||
query,
|
||||
variables: { username },
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 检查邮箱是否存在
|
||||
* @param email
|
||||
*/
|
||||
export function emailExists(email: string) {
|
||||
const query = `
|
||||
query emailExists($email: String) {
|
||||
emailExists(email: $email,)
|
||||
}
|
||||
`;
|
||||
return api.post('', {
|
||||
query,
|
||||
variables: { email },
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* 检查手机号是否存在
|
||||
* @param mobile
|
||||
*/
|
||||
export function mobileExists(mobile: string) {
|
||||
const query = `
|
||||
query mobileExists($mobile: String) {
|
||||
mobileExists(mobile: $mobile,)
|
||||
}
|
||||
`;
|
||||
return api.post('', {
|
||||
query,
|
||||
variables: { mobile },
|
||||
});
|
||||
}
|
||||
|
||||
interface LoginInfo {
|
||||
username: string;
|
||||
password: string;
|
||||
orgId?: number;
|
||||
}
|
||||
|
||||
/**
|
||||
* 用户登录
|
||||
* @param loginInfo
|
||||
* @returns
|
||||
*/
|
||||
export async function login(userLoginDto: LoginInfo) {
|
||||
const info = {
|
||||
...userLoginDto,
|
||||
password: encryptPassword(userLoginDto.password),
|
||||
};
|
||||
const query = `
|
||||
query userLogin($info: UserLoginDto) {
|
||||
userLogin(info: $info)
|
||||
}
|
||||
`;
|
||||
return api.post('', {
|
||||
query,
|
||||
variables: { info },
|
||||
});
|
||||
}
|
||||
|
||||
export interface User {
|
||||
id: string;
|
||||
name: string;
|
||||
id: number;
|
||||
username: string;
|
||||
nickname: string;
|
||||
mobile: string;
|
||||
email: string;
|
||||
roles: [];
|
||||
@ -18,7 +132,8 @@ export interface PagingQueryParams {
|
||||
};
|
||||
query: {
|
||||
id?: string;
|
||||
name?: string;
|
||||
username?: string;
|
||||
nickname?: string;
|
||||
mobile?: string;
|
||||
email?: string;
|
||||
roles?: [];
|
||||
@ -38,7 +153,7 @@ export async function userPageQuery(
|
||||
userPaging(page: $page, query: $query) {
|
||||
total
|
||||
items {
|
||||
id name mobile email roles createdAt updatedAt
|
||||
id username nickname mobile email roles createdAt updatedAt
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -57,7 +172,7 @@ export async function getLoginUserInfo() {
|
||||
const query = `
|
||||
query loginUserInfo {
|
||||
loginUserInfo{
|
||||
id
|
||||
id username nickname mobile email roles createdAt updatedAt
|
||||
}
|
||||
}
|
||||
`;
|
||||
@ -67,32 +182,148 @@ export async function getLoginUserInfo() {
|
||||
return response.data.data;
|
||||
}
|
||||
|
||||
export enum Role {
|
||||
UNKNOWN,
|
||||
ADMIN = 'ADMIN',
|
||||
USER = 'USER',
|
||||
ORG_MANAGER = 'ORG_MANAGER', //组织管理员
|
||||
ORG_TEACHER = 'ORG_TEACHER', //组织教师
|
||||
ORG_STUDENT = 'ORG_STUDENT', //组织学生
|
||||
ORG_GUEST = 'ORG_GUEST', //组织访客
|
||||
}
|
||||
|
||||
export const rolesOptions = [
|
||||
{ label: '系统管理员', value: Role.ADMIN },
|
||||
{ label: '普通用户', value: Role.USER },
|
||||
{ label: '组织管理员', value: Role.ORG_MANAGER },
|
||||
{ label: '组织教师', value: Role.ORG_TEACHER },
|
||||
{ label: '组织学生', value: Role.ORG_STUDENT },
|
||||
{ label: '组织访客', value: Role.ORG_GUEST },
|
||||
];
|
||||
|
||||
/**
|
||||
* 同步用户
|
||||
* 更改用户角色
|
||||
* @param variables
|
||||
* @returns
|
||||
*/
|
||||
export async function syncUsersInfo() {
|
||||
export async function updateUserRoles(variables: {
|
||||
userId: number;
|
||||
roles: Role[];
|
||||
}) {
|
||||
const mutation = `
|
||||
mutation syncUser {
|
||||
syncUser
|
||||
mutation updateUserRoles($userId: Int,$roles: [Role!]) {
|
||||
updateUserRoles(userId: $userId,roles: $roles,){
|
||||
id
|
||||
}
|
||||
}
|
||||
`;
|
||||
const response = await api.post('', {
|
||||
return api.post('', {
|
||||
query: mutation,
|
||||
variables,
|
||||
});
|
||||
return response.data.data;
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取jwt令牌(mqtt验证)
|
||||
* 获取默认组织信息
|
||||
*/
|
||||
export async function getJwt() {
|
||||
export async function getDefaultOrg() {
|
||||
const query = `
|
||||
query getJwt {
|
||||
getJwt
|
||||
query getDefaultOrg {
|
||||
getDefaultOrg{
|
||||
id code name creatorId
|
||||
}
|
||||
}
|
||||
`;
|
||||
const response = await api.post('', {
|
||||
query: query,
|
||||
});
|
||||
return response.data.data.getDefaultOrg;
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取组织信息
|
||||
* @param id
|
||||
* @returns
|
||||
*/
|
||||
export async function getOrgById(id: number) {
|
||||
const query = `
|
||||
query getOrg($id: Int) {
|
||||
getOrg(id: $id){
|
||||
id code name creatorId
|
||||
}
|
||||
}
|
||||
`;
|
||||
const variables = {
|
||||
id,
|
||||
};
|
||||
const response = await api.post('', {
|
||||
query,
|
||||
variables,
|
||||
});
|
||||
return response.data.data.getOrg;
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取组织信息
|
||||
* @param code
|
||||
* @returns
|
||||
*/
|
||||
export async function getOrgByCode(code: string) {
|
||||
const query = `
|
||||
query getOrgByCode($code: String) {
|
||||
getOrgByCode(code: $code){
|
||||
id code name creatorId
|
||||
}
|
||||
}
|
||||
`;
|
||||
const variables = {
|
||||
code,
|
||||
};
|
||||
const response = await api.post('', {
|
||||
query,
|
||||
variables,
|
||||
});
|
||||
return response.data.data.getOrg;
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取组织用户信息
|
||||
* @param orgId
|
||||
* @param userId
|
||||
* @returns
|
||||
*/
|
||||
export async function getOrgUserInfo(orgId: number, userId: number) {
|
||||
const query = `
|
||||
query orgUserInfo($orgId: Int,$userId: Int) {
|
||||
orgUserInfo(orgId: $orgId,userId: $userId){
|
||||
id orgId userId studentId roles
|
||||
}
|
||||
}
|
||||
`;
|
||||
const variables = {
|
||||
orgId,
|
||||
userId,
|
||||
};
|
||||
const response = await api.post('', {
|
||||
query,
|
||||
variables,
|
||||
});
|
||||
return response.data.data;
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取登录用户的组织用户信息
|
||||
*/
|
||||
export async function loginOrgUserInfo() {
|
||||
const query = `
|
||||
query loginOrgUserInfo {
|
||||
loginOrgUserInfo{
|
||||
id orgId userId studentId roles
|
||||
}
|
||||
}
|
||||
`;
|
||||
const response = await api.post('', {
|
||||
query: query,
|
||||
});
|
||||
return response.data.data.getDefaultOrg;
|
||||
}
|
||||
|
||||
BIN
src/assets/ISCS/PSD/duanmenAlarm.png
Normal file
BIN
src/assets/ISCS/PSD/duanmenAlarm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
src/assets/ISCS/PSD/duanmenClose.png
Normal file
BIN
src/assets/ISCS/PSD/duanmenClose.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
src/assets/ISCS/PSD/duanmenConnectBreak.png
Normal file
BIN
src/assets/ISCS/PSD/duanmenConnectBreak.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
src/assets/ISCS/PSD/train1.png
Normal file
BIN
src/assets/ISCS/PSD/train1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
BIN
src/assets/ISCS/PSD/train2.png
Normal file
BIN
src/assets/ISCS/PSD/train2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
400
src/components/Iscs/CCTVMonitoring.vue
Normal file
400
src/components/Iscs/CCTVMonitoring.vue
Normal file
@ -0,0 +1,400 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="monitoring-title">{{ props.stationName }}摄像头监控</div>
|
||||
<div class="monitoring-layout">
|
||||
<div class="video-control-text">视频控制</div>
|
||||
<div class="video-control-content">
|
||||
<div>
|
||||
<div class="video-control-item">
|
||||
<div>画面布局：</div>
|
||||
<q-select
|
||||
dense
|
||||
outlined
|
||||
v-model="pictureLayout"
|
||||
:options="pictureLayoutOtions"
|
||||
style="width: 125px"
|
||||
/>
|
||||
<q-btn
|
||||
class="btn-padding"
|
||||
style="margin-left: 15px"
|
||||
label="全屏显示"
|
||||
color="white"
|
||||
text-color="black"
|
||||
/>
|
||||
</div>
|
||||
<div class="video-control-item">
|
||||
<div>选择车站：</div>
|
||||
<q-select
|
||||
dense
|
||||
outlined
|
||||
disable
|
||||
v-model="chooseStation"
|
||||
:options="stationOptions"
|
||||
style="width: 220px"
|
||||
/>
|
||||
</div>
|
||||
<div class="video-control-item">
|
||||
<div>选择列车：</div>
|
||||
<q-select
|
||||
dense
|
||||
outlined
|
||||
disable
|
||||
v-model="chooseTrain"
|
||||
:options="trainOptions"
|
||||
style="width: 220px"
|
||||
/>
|
||||
</div>
|
||||
<div class="video-control-item">
|
||||
<div>选择摄像头：</div>
|
||||
<q-select
|
||||
dense
|
||||
outlined
|
||||
v-model="chooseCamera"
|
||||
:options="cameraOptions"
|
||||
emit-value
|
||||
map-options
|
||||
options-dense
|
||||
style="width: 205px"
|
||||
/>
|
||||
</div>
|
||||
<q-separator />
|
||||
<div class="mode-handle">
|
||||
<div>模式操作</div>
|
||||
<div class="video-control-item">
|
||||
<div>显示模式选择：</div>
|
||||
<q-select
|
||||
dense
|
||||
outlined
|
||||
v-model="chooseDisplayMode"
|
||||
:options="displayModeOptions"
|
||||
style="width: 190px"
|
||||
/>
|
||||
</div>
|
||||
<div class="display-mode-button">
|
||||
<q-btn
|
||||
class="btn-padding"
|
||||
label="新增"
|
||||
color="white"
|
||||
text-color="black"
|
||||
/>
|
||||
<q-btn
|
||||
class="btn-padding"
|
||||
label="删除"
|
||||
color="white"
|
||||
text-color="black"
|
||||
/>
|
||||
</div>
|
||||
<div class="video-control-item poll-mode">
|
||||
<div>轮询模式选择：</div>
|
||||
<q-select
|
||||
dense
|
||||
outlined
|
||||
v-model="choosePollMode"
|
||||
:options="pollModeOptions"
|
||||
style="width: 190px"
|
||||
/>
|
||||
</div>
|
||||
<div class="poll-mode-button">
|
||||
<q-btn
|
||||
class="btn-padding"
|
||||
label="启动"
|
||||
color="white"
|
||||
text-color="black"
|
||||
/>
|
||||
<q-btn
|
||||
class="btn-padding"
|
||||
label="停止"
|
||||
color="white"
|
||||
text-color="black"
|
||||
/>
|
||||
<q-btn
|
||||
class="btn-padding"
|
||||
label="新增"
|
||||
color="white"
|
||||
text-color="black"
|
||||
/>
|
||||
<q-btn
|
||||
class="btn-padding"
|
||||
label="修改"
|
||||
color="white"
|
||||
text-color="black"
|
||||
/>
|
||||
<q-btn
|
||||
class="btn-padding"
|
||||
label="删除"
|
||||
color="white"
|
||||
text-color="black"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<q-separator />
|
||||
<div>
|
||||
<div>预置位管理</div>
|
||||
<div class="preset-manage">
|
||||
<div class="video-control-item">
|
||||
<div>预置位选择：</div>
|
||||
<q-select
|
||||
dense
|
||||
outlined
|
||||
v-model="choosePresetPosition"
|
||||
:options="presetPositionOptions"
|
||||
style="width: 175px"
|
||||
/>
|
||||
</div>
|
||||
<div class="video-control-item">
|
||||
<div>预置位名称：</div>
|
||||
<q-input
|
||||
dense
|
||||
outlined
|
||||
v-model="presetPositionName"
|
||||
style="width: 175px"
|
||||
/>
|
||||
</div>
|
||||
<div class="perset-button">
|
||||
<q-btn
|
||||
class="btn-padding"
|
||||
label="保存"
|
||||
color="white"
|
||||
text-color="black"
|
||||
/>
|
||||
<q-btn
|
||||
class="btn-padding"
|
||||
label="重命名"
|
||||
color="white"
|
||||
text-color="black"
|
||||
/>
|
||||
<q-btn
|
||||
class="btn-padding"
|
||||
label="删除"
|
||||
color="white"
|
||||
text-color="black"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<q-separator />
|
||||
<div class="ptz-control">云台控制</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted, ref } from 'vue';
|
||||
import { CCTV_Camera_name } from 'src/configs/cctvCamera';
|
||||
|
||||
const props = defineProps<{
|
||||
stationName: string;
|
||||
}>();
|
||||
|
||||
const pictureLayout = ref('2x2');
|
||||
const pictureLayoutOtions = ['1x1', '2x2'];
|
||||
const chooseStation = ref('');
|
||||
const stationOptions = [];
|
||||
const chooseTrain = ref('');
|
||||
const trainOptions = [];
|
||||
const chooseCamera = ref(0);
|
||||
const cameraOptions = [
|
||||
{
|
||||
label: '备品柜',
|
||||
value: CCTV_Camera_name.SparePartsCabinet,
|
||||
},
|
||||
{
|
||||
label: '备品区',
|
||||
value: CCTV_Camera_name.PartsArea,
|
||||
},
|
||||
{
|
||||
label: '站厅',
|
||||
value: CCTV_Camera_name.StationHall,
|
||||
},
|
||||
{
|
||||
label: '上行站台',
|
||||
value: CCTV_Camera_name.UpPlatform,
|
||||
},
|
||||
{
|
||||
label: '下行站台',
|
||||
value: CCTV_Camera_name.DownPlatform,
|
||||
},
|
||||
{
|
||||
label: '站厅A出口',
|
||||
value: CCTV_Camera_name.StationHallAExit,
|
||||
},
|
||||
{
|
||||
label: 'A入口',
|
||||
value: CCTV_Camera_name.AEntrance,
|
||||
},
|
||||
{
|
||||
label: 'A口通道',
|
||||
value: CCTV_Camera_name.APassage,
|
||||
},
|
||||
{
|
||||
label: '站厅B出口',
|
||||
value: CCTV_Camera_name.StationHallBExit,
|
||||
},
|
||||
{
|
||||
label: 'B入口',
|
||||
value: CCTV_Camera_name.BEntrance,
|
||||
},
|
||||
{
|
||||
label: 'B口通道',
|
||||
value: CCTV_Camera_name.BPassage,
|
||||
},
|
||||
{
|
||||
label: '站厅C出口',
|
||||
value: CCTV_Camera_name.StationHallCExit,
|
||||
},
|
||||
{
|
||||
label: 'C入口',
|
||||
value: CCTV_Camera_name.CEntrance,
|
||||
},
|
||||
{
|
||||
label: 'C口通道',
|
||||
value: CCTV_Camera_name.CPassage,
|
||||
},
|
||||
{
|
||||
label: '站厅D出口',
|
||||
value: CCTV_Camera_name.StationHallDExit,
|
||||
},
|
||||
{
|
||||
label: 'D入口',
|
||||
value: CCTV_Camera_name.DEntrance,
|
||||
},
|
||||
{
|
||||
label: 'D口通道',
|
||||
value: CCTV_Camera_name.DPassage,
|
||||
},
|
||||
{
|
||||
label: 'A端扶梯下部开关',
|
||||
value: CCTV_Camera_name.ALowerStepSwitch,
|
||||
},
|
||||
{
|
||||
label: 'A端TVM',
|
||||
value: CCTV_Camera_name.ATVM,
|
||||
},
|
||||
{
|
||||
label: 'A端进站闸机',
|
||||
value: CCTV_Camera_name.AInboundGate,
|
||||
},
|
||||
{
|
||||
label: 'A端出站闸机',
|
||||
value: CCTV_Camera_name.AExitGate,
|
||||
},
|
||||
{
|
||||
label: 'A端扶梯上部',
|
||||
value: CCTV_Camera_name.AUpperStep,
|
||||
},
|
||||
{
|
||||
label: 'A端扶梯下部',
|
||||
value: CCTV_Camera_name.ALowerStep,
|
||||
},
|
||||
{
|
||||
label: 'A端站厅步梯口',
|
||||
value: CCTV_Camera_name.AGangway,
|
||||
},
|
||||
{
|
||||
label: 'B端扶梯下部开关',
|
||||
value: CCTV_Camera_name.BLowerStepSwitch,
|
||||
},
|
||||
{
|
||||
label: 'B端TVM',
|
||||
value: CCTV_Camera_name.BTVM,
|
||||
},
|
||||
{
|
||||
label: 'B端进站闸机',
|
||||
value: CCTV_Camera_name.BInboundGate,
|
||||
},
|
||||
{
|
||||
label: 'B端出站闸机',
|
||||
value: CCTV_Camera_name.BExitGate,
|
||||
},
|
||||
{
|
||||
label: 'B端扶梯上部',
|
||||
value: CCTV_Camera_name.BUpperStep,
|
||||
},
|
||||
{
|
||||
label: 'B端扶梯下部',
|
||||
value: CCTV_Camera_name.BLowerStep,
|
||||
},
|
||||
{
|
||||
label: 'B端站厅步梯口',
|
||||
value: CCTV_Camera_name.BGangway,
|
||||
},
|
||||
{
|
||||
label: '商铺',
|
||||
value: CCTV_Camera_name.Shop,
|
||||
},
|
||||
];
|
||||
const chooseDisplayMode = ref('');
|
||||
const displayModeOptions = [];
|
||||
const choosePollMode = ref('');
|
||||
const pollModeOptions = [];
|
||||
const choosePresetPosition = ref('');
|
||||
const presetPositionOptions = [];
|
||||
const presetPositionName = ref('');
|
||||
|
||||
onMounted(() => {
|
||||
chooseStation.value = props.stationName;
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.monitoring-title {
|
||||
height: 50px;
|
||||
margin-bottom: 10px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
}
|
||||
.monitoring-layout {
|
||||
width: 320px;
|
||||
background-color: white;
|
||||
.video-control-text {
|
||||
margin-left: 5px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.video-control-content {
|
||||
margin-bottom: 8px;
|
||||
padding: 0 15px;
|
||||
.video-control-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.mode-handle {
|
||||
margin-bottom: 10px;
|
||||
.display-mode-button {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 45px;
|
||||
}
|
||||
.poll-mode {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.poll-mode-button {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.preset-manage {
|
||||
margin-left: 28px;
|
||||
}
|
||||
.perset-button {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.ptz-control {
|
||||
margin-left: 5px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.btn-padding {
|
||||
padding: 0px 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
91
src/components/Iscs/FASPlaneGraph.vue
Normal file
91
src/components/Iscs/FASPlaneGraph.vue
Normal file
@ -0,0 +1,91 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="row">
|
||||
<q-btn
|
||||
:color="`${
|
||||
drawStore.selectSubmenuAndStation.partition === '设备分区一'
|
||||
? 'yellow-5'
|
||||
: 'grey-9'
|
||||
}`"
|
||||
label="设备分区一"
|
||||
@click="changePartition('设备分区一')"
|
||||
></q-btn>
|
||||
<q-btn
|
||||
:color="`${
|
||||
drawStore.selectSubmenuAndStation.partition === '设备分区二'
|
||||
? 'yellow-5'
|
||||
: 'grey-9'
|
||||
}`"
|
||||
label="设备分区二"
|
||||
@click="changePartition('设备分区二')"
|
||||
></q-btn>
|
||||
<q-btn
|
||||
:color="`${
|
||||
drawStore.selectSubmenuAndStation.partition === '设备分区三'
|
||||
? 'yellow-5'
|
||||
: 'grey-9'
|
||||
}`"
|
||||
label="设备分区三"
|
||||
@click="changePartition('设备分区三')"
|
||||
></q-btn>
|
||||
<q-btn
|
||||
:color="`${
|
||||
drawStore.selectSubmenuAndStation.partition === '设备分区四'
|
||||
? 'yellow-5'
|
||||
: 'grey-9'
|
||||
}`"
|
||||
label="设备分区四"
|
||||
@click="changePartition('设备分区四')"
|
||||
></q-btn>
|
||||
</div>
|
||||
<div class="row">
|
||||
<q-btn
|
||||
:color="`${
|
||||
drawStore.selectSubmenuAndStation.partition === '设备分区五'
|
||||
? 'yellow-5'
|
||||
: 'grey-9'
|
||||
}`"
|
||||
label="设备分区五"
|
||||
@click="changePartition('设备分区五')"
|
||||
></q-btn>
|
||||
<q-btn
|
||||
:color="`${
|
||||
drawStore.selectSubmenuAndStation.partition === '设备分区六'
|
||||
? 'yellow-5'
|
||||
: 'grey-9'
|
||||
}`"
|
||||
label="设备分区六"
|
||||
@click="changePartition('设备分区六')"
|
||||
></q-btn>
|
||||
<q-btn
|
||||
:color="`${
|
||||
drawStore.selectSubmenuAndStation.partition === '设备分区七'
|
||||
? 'yellow-5'
|
||||
: 'grey-9'
|
||||
}`"
|
||||
label="设备分区七"
|
||||
@click="changePartition('设备分区七')"
|
||||
></q-btn>
|
||||
<q-btn
|
||||
:color="`${
|
||||
drawStore.selectSubmenuAndStation.partition === '设备分区八'
|
||||
? 'yellow-5'
|
||||
: 'grey-9'
|
||||
}`"
|
||||
label="设备分区八"
|
||||
@click="changePartition('设备分区八')"
|
||||
></q-btn>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { useDrawStore } from 'src/stores/draw-store';
|
||||
const drawStore = useDrawStore();
|
||||
|
||||
function changePartition(partition: string) {
|
||||
drawStore.selectSubmenuAndStation.partition = partition;
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@ -46,10 +46,7 @@
|
||||
</q-markup-table>
|
||||
<div class="bottom-alarm-right">
|
||||
<div class="right-text">
|
||||
<q-img
|
||||
src="https://joylink.club/oss-rtss/logo/favicon_login.png"
|
||||
class="right-img"
|
||||
/>玖链科技
|
||||
<q-img :src="icon" class="right-img" />玖链科技
|
||||
</div>
|
||||
<div class="right-icon">
|
||||
<q-btn flat class="icon-button">
|
||||
@ -71,6 +68,7 @@ import { reactive, onMounted } from 'vue';
|
||||
import { useQuasar, type QTableColumn } from 'quasar';
|
||||
import { PagingQueryParams, userPageQuery } from 'src/api/UserApi';
|
||||
import { ApiError } from 'src/boot/axios';
|
||||
import icon from '/icons/favicon-96x96.png';
|
||||
|
||||
const $q = useQuasar();
|
||||
|
||||
|
||||
158
src/components/Iscs/ModeControl.vue
Normal file
158
src/components/Iscs/ModeControl.vue
Normal file
@ -0,0 +1,158 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="title">{{ props.stationName }}{{ currentModeSheet }}</div>
|
||||
<q-markup-table
|
||||
v-if="currentModeSheet == '模式总览图'"
|
||||
class="table"
|
||||
separator="cell"
|
||||
>
|
||||
<thead class="table-head">
|
||||
<tr>
|
||||
<th class="table-head-tr" style="width: 280px">系统</th>
|
||||
<th class="table-head-tr" style="width: 500px">模式号说明</th>
|
||||
<th class="table-head-tr">当前模式号</th>
|
||||
<th class="table-head-tr">查看当前系统</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td align="center">大系统</td>
|
||||
<td>{{ rows[0].modeNumberDec }}</td>
|
||||
<td>{{ rows[0].currentModeNumber }}</td>
|
||||
<td>
|
||||
<q-btn
|
||||
color="grey-9"
|
||||
label="查看模式对照表"
|
||||
@click="lookModeSheet('大系统操作控制表')"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="tbody-td">
|
||||
<div class="tbody-td-left">小系统</div>
|
||||
<div class="tbody-td-up">A端</div>
|
||||
</td>
|
||||
<td>{{ rows[1].modeNumberDec }}</td>
|
||||
<td>{{ rows[1].currentModeNumber }}</td>
|
||||
<td><q-btn color="grey-9" label="查看模式对照表" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbody-td">
|
||||
<div class="tbody-td-up">B端</div>
|
||||
</td>
|
||||
<td>{{ rows[2].modeNumberDec }}</td>
|
||||
<td>{{ rows[2].currentModeNumber }}</td>
|
||||
<td><q-btn color="grey-9" label="查看模式对照表" /></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="tbody-td">
|
||||
<div class="tbody-td-left">隧道通风系统</div>
|
||||
<div class="tbody-td-up">兴~科区间隧道模式</div>
|
||||
</td>
|
||||
<td>{{ rows[3].modeNumberDec }}</td>
|
||||
<td>{{ rows[3].currentModeNumber }}</td>
|
||||
<td><q-btn color="grey-9" label="查看模式对照表" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbody-td">
|
||||
<div class="tbody-td-up">科站后区间隧道模式</div>
|
||||
</td>
|
||||
<td>{{ rows[4].modeNumberDec }}</td>
|
||||
<td>{{ rows[4].currentModeNumber }}</td>
|
||||
<td><q-btn color="grey-9" label="查看模式对照表" /></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</q-markup-table>
|
||||
<mode-control-OfBigSystem
|
||||
v-else-if="currentModeSheet == '大系统操作控制表'"
|
||||
:stationName="props.stationName"
|
||||
@close="goBack"
|
||||
@selectedSubMenu="selectedSubMenu"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted, reactive, ref } from 'vue';
|
||||
import ModeControlOfBigSystem from 'src/components/Iscs/ModeControlOfBigSystem.vue';
|
||||
|
||||
const props = defineProps<{
|
||||
stationName: string;
|
||||
}>();
|
||||
const emit = defineEmits(['selectedSubMenu']);
|
||||
|
||||
const chooseStation = ref('');
|
||||
const currentModeSheet = ref('模式总览图');
|
||||
|
||||
const rows = reactive([
|
||||
{ modeNumberDec: '无', currentModeNumber: '无' },
|
||||
{ modeNumberDec: '无', currentModeNumber: '无' },
|
||||
{ modeNumberDec: '无', currentModeNumber: '无' },
|
||||
{ modeNumberDec: '无', currentModeNumber: '无' },
|
||||
{ modeNumberDec: '无', currentModeNumber: '无' },
|
||||
]);
|
||||
|
||||
function lookModeSheet(sheetName: string) {
|
||||
currentModeSheet.value = sheetName;
|
||||
}
|
||||
|
||||
function goBack() {
|
||||
currentModeSheet.value = '模式总览图';
|
||||
}
|
||||
|
||||
function selectedSubMenu() {
|
||||
emit('selectedSubMenu', '大系统');
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
chooseStation.value = props.stationName;
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.title {
|
||||
height: 50px;
|
||||
margin-bottom: 10px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
}
|
||||
.table {
|
||||
margin-top: 100px;
|
||||
border: 2px solid black;
|
||||
.table-head {
|
||||
height: 50px;
|
||||
.table-head-tr {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.tbody-td {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
height: 51px;
|
||||
position: relative;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
.tbody-td-left {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 140px;
|
||||
height: 100px;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
line-height: 100px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.tbody-td-up {
|
||||
width: 50%;
|
||||
height: 51px;
|
||||
padding-left: 10px;
|
||||
line-height: 51px;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
319
src/components/Iscs/ModeControlOfBigSystem.vue
Normal file
319
src/components/Iscs/ModeControlOfBigSystem.vue
Normal file
@ -0,0 +1,319 @@
|
||||
<template>
|
||||
<q-btn
|
||||
class="topButton"
|
||||
color="grey-9"
|
||||
label="大系统原理图"
|
||||
@click="goToSubBigSystem"
|
||||
/>
|
||||
<div class="top">
|
||||
<div>
|
||||
<span class="spanGutter"
|
||||
>A端操作场所:<span class="spanGutterLeft">!!!</span></span
|
||||
>
|
||||
<span class="spanGutter"
|
||||
>A端执行状态: <span class="spanGutterLeft">无</span></span
|
||||
>
|
||||
<span class="spanGutter"
|
||||
>A端当前控制方式:<span class="spanGutterLeft">手动控制</span></span
|
||||
>
|
||||
<span>灾害提示:<span class="spanGutterLeft">正常</span></span>
|
||||
<q-btn color="grey-9" label="退出灾害模式" style="margin-left: 30px" />
|
||||
</div>
|
||||
<div class="flex-row" style="margin-top: 15px">
|
||||
<span class="spanGutter"
|
||||
>B端操作场所:<span class="spanGutterLeft">!!!</span></span
|
||||
>
|
||||
<span class="spanGutter"
|
||||
>B端执行状态:<span class="spanGutterLeft">无</span></span
|
||||
>
|
||||
<span class="spanGutter"
|
||||
>B端当前控制方式:<span class="spanGutterLeft">手动控制</span></span
|
||||
>
|
||||
<q-select
|
||||
dense
|
||||
outlined
|
||||
v-model="changeControlMode"
|
||||
:options="controlModeOptions"
|
||||
style="width: 190px; margin-right: 30px"
|
||||
/>
|
||||
<q-btn color="grey-9" label="执行" style="margin-right: 30px" />
|
||||
<q-btn color="grey-9" label="PID调节" style="margin-right: 30px" />
|
||||
<q-btn color="grey-9" label="返回" @click="goBack" />
|
||||
</div>
|
||||
<div class="tableContainer flex-row">
|
||||
<div class="table-left">
|
||||
<div class="title">工况条件判断</div>
|
||||
<div
|
||||
class="flex-row boder-bottom"
|
||||
style="height: 400px; border-right: 1px solid black"
|
||||
>
|
||||
<div style="width: 30px; padding: 5px">正常工况</div>
|
||||
<div style="flex-grow: 1">
|
||||
<div class="flex-row text-center boder-bottom">
|
||||
<div class="middle" style="height: 100px; padding: 5px">
|
||||
小新风空调<br />iw≥in
|
||||
</div>
|
||||
<div style="flex-grow: 1">
|
||||
<div class="boder-bottom" style="height: 50px">
|
||||
Δin<0<br />(负偏差)
|
||||
</div>
|
||||
<div style="height: 50px">Δin>0<br />(正偏差)</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-row text-center boder-bottom">
|
||||
<div class="middle" style="height: 150px; padding: 30px 0">
|
||||
全新风空调<br />in><br />iw≥io
|
||||
</div>
|
||||
<div style="flex-grow: 1">
|
||||
<div class="boder-bottom" style="height: 75px; padding: 12px">
|
||||
Δin<0<br />(负偏差)
|
||||
</div>
|
||||
<div style="height: 75px; padding: 12px">
|
||||
Δin>0<br />(正偏差)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-row text-center boder-bottom">
|
||||
<div class="middle" style="height: 125px; padding: 40px 0">
|
||||
通风iw<io
|
||||
</div>
|
||||
<div>
|
||||
<div class="boder-bottom height">tn≥25°C</div>
|
||||
<div class="boder-bottom height">25°C≥tn≥20°C</div>
|
||||
<div class="flex-row">
|
||||
<div
|
||||
style="
|
||||
width: 68px;
|
||||
height: 75px;
|
||||
line-height: 76px;
|
||||
text-align: center;
|
||||
border-right: 1px solid black;
|
||||
"
|
||||
>
|
||||
tn<20°C
|
||||
</div>
|
||||
<div>
|
||||
<div class="boder-bottom height">C≥1000ppm</div>
|
||||
<div class="boder-bottom height">500ppm~1000ppm</div>
|
||||
<div class="height">C≤500ppm</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="text-center height"
|
||||
style="border-left: 1px solid black"
|
||||
>
|
||||
夜间
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="flex-row boder-bottom"
|
||||
style="height: 100px; border-right: 1px solid black"
|
||||
>
|
||||
<div style="width: 26px; height: 100px; padding: 5px">工况火灾</div>
|
||||
<div style="flex-grow: 1">
|
||||
<div class="flex-row boder-bottom">
|
||||
<div class="middle" style="height: 75px"></div>
|
||||
<div style="flex-grow: 1; padding: 1px">
|
||||
<div class="boder-bottom height">站厅火灾</div>
|
||||
<div class="boder-bottom height">站台A端火灾 防烟分区三</div>
|
||||
<div class="height">站台B端火灾 防烟分区四</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="text-center height"
|
||||
style="border-left: 1px solid black"
|
||||
>
|
||||
站内任何其它区域火灾
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="text-center boder-bottom height"
|
||||
style="border-right: 1px solid black"
|
||||
>
|
||||
当前模式-状态
|
||||
</div>
|
||||
<div class="text-center height" style="border-right: 1px solid black">
|
||||
模式对比
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="table-top">
|
||||
<div
|
||||
style="
|
||||
width: 46px;
|
||||
height: 125px;
|
||||
padding: 28px 5px;
|
||||
border-right: 1px solid black;
|
||||
border-bottom: 1px solid black;
|
||||
"
|
||||
class="text-center"
|
||||
>
|
||||
模<br />式<br />号
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
class="text-center"
|
||||
style="
|
||||
height: 25px;
|
||||
border-bottom: 1px solid black;
|
||||
border-right: 1px solid black;
|
||||
"
|
||||
>
|
||||
A端设备
|
||||
</div>
|
||||
<modeControl-OfBigSystemTable />
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
class="text-center"
|
||||
style="height: 25px; border-bottom: 1px solid black"
|
||||
>
|
||||
B端设备
|
||||
</div>
|
||||
<modeControl-OfBigSystemTable isNoRightBorder />
|
||||
</div>
|
||||
</div>
|
||||
<q-markup-table
|
||||
separator="cell"
|
||||
ref="tableRef"
|
||||
class="table"
|
||||
style="width: 1610px"
|
||||
>
|
||||
<tbody style="">
|
||||
<tr
|
||||
v-for="row in 22"
|
||||
:key="row"
|
||||
:class="{
|
||||
changeBackground: row % 2 == 1,
|
||||
}"
|
||||
>
|
||||
<td
|
||||
class="table-body-tr"
|
||||
:class="{
|
||||
noBottomBorder: row == 22,
|
||||
noRightBorder: col == 35,
|
||||
}"
|
||||
align="center"
|
||||
v-for="col in 35"
|
||||
:key="col"
|
||||
style="width: 20px"
|
||||
>
|
||||
{{ rows[(row, col)] }}
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</q-markup-table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted, reactive, ref } from 'vue';
|
||||
import ModeControlOfBigSystemTable from './ModeControlOfBigSystemTable.vue';
|
||||
|
||||
const props = defineProps<{
|
||||
stationName: string;
|
||||
}>();
|
||||
|
||||
const emit = defineEmits(['close', 'selectedSubMenu']);
|
||||
function goBack() {
|
||||
emit('close');
|
||||
}
|
||||
function goToSubBigSystem() {
|
||||
emit('selectedSubMenu');
|
||||
}
|
||||
|
||||
const chooseStation = ref('');
|
||||
const changeControlMode = ref('设备单控');
|
||||
const controlModeOptions = ['设备单控', '模式控制', '时间表控制', '焓值控制'];
|
||||
|
||||
const rows = reactive([]);
|
||||
|
||||
onMounted(() => {
|
||||
chooseStation.value = props.stationName;
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.topButton {
|
||||
position: absolute;
|
||||
left: 80px;
|
||||
top: 20px;
|
||||
}
|
||||
.top {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-top: 25px;
|
||||
.spanGutter {
|
||||
margin-right: 100px;
|
||||
}
|
||||
.spanGutterLeft {
|
||||
margin-left: 30px;
|
||||
color: green;
|
||||
}
|
||||
}
|
||||
.flex-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.tableContainer {
|
||||
margin: 30px 0;
|
||||
border: 1px solid black;
|
||||
.table-left {
|
||||
width: 260px;
|
||||
background-color: #99a7b9;
|
||||
.title {
|
||||
height: 125px;
|
||||
line-height: 125px;
|
||||
text-align: center;
|
||||
border-right: 1px solid black;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.middle {
|
||||
width: 45px;
|
||||
padding: 1px;
|
||||
border-left: 1px solid black;
|
||||
border-right: 1px solid black;
|
||||
}
|
||||
|
||||
.boder-bottom {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.height {
|
||||
height: 25px;
|
||||
}
|
||||
}
|
||||
.table-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #99a7b9;
|
||||
}
|
||||
.table {
|
||||
.table-tr {
|
||||
width: 10px !important;
|
||||
}
|
||||
.table-body-tr {
|
||||
width: 46px !important;
|
||||
height: 25px !important;
|
||||
padding: 0;
|
||||
border-right: 1px solid black;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.changeBackground {
|
||||
background-color: #c8d0f1;
|
||||
}
|
||||
.noBottomBorder {
|
||||
border-bottom: 0 solid black;
|
||||
}
|
||||
.noRightBorder {
|
||||
border-right: 0 solid black;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
122
src/components/Iscs/ModeControlOfBigSystemTable.vue
Normal file
122
src/components/Iscs/ModeControlOfBigSystemTable.vue
Normal file
@ -0,0 +1,122 @@
|
||||
<template>
|
||||
<div
|
||||
class="style father"
|
||||
style="width: 782px; border-right: 0px; border-bottom: 0px"
|
||||
>
|
||||
<div style="width: 92px">组合空调柜<br />及其二通阀</div>
|
||||
<div style="width: 92px">回/排风机<br />及其连锁阀</div>
|
||||
<div style="width: 92px">排烟风机<br />及其连锁阀</div>
|
||||
<div>排风阀</div>
|
||||
<div>回风阀</div>
|
||||
<div>小新<br />风阀</div>
|
||||
<div>空调柜</div>
|
||||
<div></div>
|
||||
<div>送风<br />站台</div>
|
||||
<div class="otherStyle">
|
||||
<div class="up">排风</div>
|
||||
<div class="down">
|
||||
<div class="down-left down-right">站厅</div>
|
||||
<div class="down-right">站台</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>防烟<br />防火</div>
|
||||
<div>空气幕</div>
|
||||
<div
|
||||
class="style"
|
||||
:class="{
|
||||
noRightBorder: props.isNoRightBorder,
|
||||
}"
|
||||
>
|
||||
空气幕
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="style"
|
||||
style="width: 782px; border-right: 0px; border-bottom: 0px"
|
||||
>
|
||||
<div
|
||||
class="style"
|
||||
v-for="(title, index) in thirdTitle"
|
||||
:key="title"
|
||||
:class="{
|
||||
noRightBorder: index == 16 && props.isNoRightBorder,
|
||||
}"
|
||||
>
|
||||
{{ title }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
const props = withDefaults(
|
||||
defineProps<{
|
||||
isNoRightBorder?: boolean;
|
||||
}>(),
|
||||
{
|
||||
isNoRightBorder: false,
|
||||
}
|
||||
);
|
||||
|
||||
const thirdTitle = [
|
||||
'AHU-A01',
|
||||
'MOV-A01',
|
||||
'RAF-A01',
|
||||
'MDD-A03',
|
||||
'SEF-A01',
|
||||
'MDD-A04',
|
||||
'MDA-A02',
|
||||
'MDA-A03',
|
||||
'MDA-A01',
|
||||
'MDD-A02',
|
||||
'MDD-A01',
|
||||
'MDD-A07',
|
||||
'MDD-A05',
|
||||
'MDD-A06',
|
||||
'DFD-A01',
|
||||
'KQM-A01',
|
||||
'KQM-A02',
|
||||
];
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.style,
|
||||
.father > div:not(:nth-child(10)):not(:nth-child(13)) {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 46px;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
border-right: 1px solid black;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.otherStyle {
|
||||
width: 92px;
|
||||
height: 50px;
|
||||
border-right: 1px solid black;
|
||||
border-bottom: 1px solid black;
|
||||
.up {
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.down {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.down-left {
|
||||
border-right: 1px solid black;
|
||||
}
|
||||
.down-right {
|
||||
width: 46px;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.noRightBorder {
|
||||
border-right: 0 solid black;
|
||||
}
|
||||
</style>
|
||||
383
src/components/Iscs/PSD.vue
Normal file
383
src/components/Iscs/PSD.vue
Normal file
@ -0,0 +1,383 @@
|
||||
<template>
|
||||
<div class="psd-title">{{ props.stationName }}屏蔽门系统图</div>
|
||||
<div class="up-train">
|
||||
<q-img :src="train1" />
|
||||
</div>
|
||||
<div class="down-train">
|
||||
<q-img :src="train2" />
|
||||
</div>
|
||||
<div class="duanmen up-first-duanmen">
|
||||
<q-img :src="allDuanmenImg.upFirst" class="img" />
|
||||
<div>上行首端门</div>
|
||||
</div>
|
||||
<div class="duanmen up-end-duanmen">
|
||||
<q-img :src="allDuanmenImg.upEnd" class="img" />
|
||||
<div>上行尾端门</div>
|
||||
</div>
|
||||
<div class="duanmen down-first-duanmen">
|
||||
<q-img :src="allDuanmenImg.downFirst" class="img" />
|
||||
<div>下行首端门</div>
|
||||
</div>
|
||||
<div class="duanmen down-end-duanmen">
|
||||
<q-img :src="allDuanmenImg.downEnd" class="img" />
|
||||
<div>下行尾端门</div>
|
||||
</div>
|
||||
<div
|
||||
v-for="(tableData, index) in allTableDatas"
|
||||
:key="index"
|
||||
:class="`tableItem-${index}`"
|
||||
>
|
||||
<q-markup-table separator="cell" ref="tableRef" class="table">
|
||||
<thead class="table-head">
|
||||
<tr class="table-head-tr">
|
||||
<th v-for="header in tableData.columnDefs" :key="header.name">
|
||||
{{ header.label }}
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="row in tableData.rows" :key="row.name">
|
||||
<td
|
||||
class="table-body-tr"
|
||||
align="center"
|
||||
v-for="header in tableData.columnDefs"
|
||||
:key="header.name"
|
||||
>
|
||||
{{ row[header.name] }}
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</q-markup-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted, reactive, ref } from 'vue';
|
||||
import train1 from 'src/assets/ISCS/PSD/train1.png';
|
||||
import train2 from 'src/assets/ISCS/PSD/train2.png';
|
||||
import duanmenClose from 'src/assets/ISCS/PSD/duanmenClose.png';
|
||||
import duanmenAlarm from 'src/assets/ISCS/PSD/duanmenAlarm.png';
|
||||
import duanmenConnectBreak from 'src/assets/ISCS/PSD/duanmenConnectBreak.png';
|
||||
|
||||
const props = defineProps<{
|
||||
stationName: string;
|
||||
}>();
|
||||
const chooseStation = ref('');
|
||||
const allDuanmenImg = reactive({
|
||||
upFirst: duanmenClose,
|
||||
upEnd: duanmenClose,
|
||||
downFirst: duanmenAlarm,
|
||||
downEnd: duanmenConnectBreak,
|
||||
});
|
||||
const allTableDatas = reactive([
|
||||
{
|
||||
columnDefs: [
|
||||
{ name: 'name', label: '上行首PSL', align: 'center' },
|
||||
{
|
||||
name: 'state',
|
||||
label: '状态',
|
||||
align: 'center',
|
||||
},
|
||||
],
|
||||
rows: [
|
||||
{ name: '操作允许状态', state: '不允许' },
|
||||
{ name: '开门命令触发', state: '无效' },
|
||||
{ name: '关门命令触发', state: '无效' },
|
||||
{ name: '互锁解除命令', state: '无效' },
|
||||
],
|
||||
},
|
||||
{
|
||||
columnDefs: [
|
||||
{ name: 'name', label: '下行尾PSL', align: 'center' },
|
||||
{
|
||||
name: 'state',
|
||||
label: '状态',
|
||||
align: 'center',
|
||||
},
|
||||
],
|
||||
rows: [
|
||||
{ name: '操作允许状态', state: '不允许' },
|
||||
{ name: '开门命令触发', state: '无效' },
|
||||
{ name: '关门命令触发', state: '无效' },
|
||||
{ name: '互锁解除命令', state: '无效' },
|
||||
],
|
||||
},
|
||||
{
|
||||
columnDefs: [
|
||||
{ name: 'name', label: '名称', align: 'center' },
|
||||
{
|
||||
name: 'state',
|
||||
label: '状态',
|
||||
align: 'center',
|
||||
},
|
||||
],
|
||||
rows: [
|
||||
{ name: '驱动电源故障报警', state: '正常' },
|
||||
{ name: '控制电源故障报警', state: '正常' },
|
||||
{ name: '驱动电源输入故障报警', state: '正常' },
|
||||
{ name: '控制电源输入故障报警', state: '正常' },
|
||||
{ name: '驱动电源低电压故障报警', state: '正常' },
|
||||
{ name: '控制电源电压故障报警', state: '正常' },
|
||||
],
|
||||
},
|
||||
{
|
||||
columnDefs: [
|
||||
{ name: 'name', label: '名称', align: 'center' },
|
||||
{
|
||||
name: 'state',
|
||||
label: '状态',
|
||||
align: 'center',
|
||||
},
|
||||
],
|
||||
rows: [
|
||||
{ name: '上行控制系统故障报警', state: '正常' },
|
||||
{ name: '上行SIG使用', state: '正常' },
|
||||
{ name: '上行SIG开门命令', state: '正常' },
|
||||
],
|
||||
},
|
||||
{
|
||||
columnDefs: [
|
||||
{ name: 'name', label: '名称', align: 'center' },
|
||||
{
|
||||
name: 'state',
|
||||
label: '状态',
|
||||
align: 'center',
|
||||
},
|
||||
],
|
||||
rows: [
|
||||
{ name: '下行控制系统故障报警', state: '正常' },
|
||||
{ name: '下行SIG使用', state: '正常' },
|
||||
{ name: '下行SIG开门命令', state: '正常' },
|
||||
],
|
||||
},
|
||||
{
|
||||
columnDefs: [
|
||||
{ name: 'name', label: '名称', align: 'center' },
|
||||
{
|
||||
name: 'state',
|
||||
label: '状态',
|
||||
align: 'center',
|
||||
},
|
||||
],
|
||||
rows: [
|
||||
{ name: '上行所有门关闭且锁紧', state: '正常' },
|
||||
{ name: '上行滑动门和应急门开门故障', state: '正常' },
|
||||
{ name: '上行滑动门和应急门关门故障', state: '正常' },
|
||||
],
|
||||
},
|
||||
{
|
||||
columnDefs: [
|
||||
{ name: 'name', label: '名称', align: 'center' },
|
||||
{
|
||||
name: 'state',
|
||||
label: '状态',
|
||||
align: 'center',
|
||||
},
|
||||
],
|
||||
rows: [
|
||||
{ name: '下行所有门关闭且锁紧', state: '正常' },
|
||||
{ name: '下行滑动门和应急门开门故障', state: '正常' },
|
||||
{ name: '下行滑动门和应急门关门故障', state: '正常' },
|
||||
],
|
||||
},
|
||||
{
|
||||
columnDefs: [
|
||||
{ name: 'name', label: '名称', align: 'center' },
|
||||
{
|
||||
name: 'state',
|
||||
label: '状态',
|
||||
align: 'center',
|
||||
},
|
||||
],
|
||||
rows: [
|
||||
{ name: '上行IBP盘使能', state: '正常' },
|
||||
{ name: '上行IBP盘开门命令', state: '正常' },
|
||||
{ name: '上行IBP盘关门命令', state: '正常' },
|
||||
],
|
||||
},
|
||||
{
|
||||
columnDefs: [
|
||||
{ name: 'name', label: '名称', align: 'center' },
|
||||
{
|
||||
name: 'state',
|
||||
label: '状态',
|
||||
align: 'center',
|
||||
},
|
||||
],
|
||||
rows: [
|
||||
{ name: '下行IBP盘使能', state: '正常' },
|
||||
{ name: '下行IBP盘开门命令', state: '正常' },
|
||||
{ name: '下行IBP盘关门命令', state: '正常' },
|
||||
],
|
||||
},
|
||||
{
|
||||
columnDefs: [
|
||||
{ name: 'name', label: '上行尾PSL', align: 'center' },
|
||||
{
|
||||
name: 'state',
|
||||
label: '状态',
|
||||
align: 'center',
|
||||
},
|
||||
],
|
||||
rows: [
|
||||
{ name: '操作允许状态', state: '不允许' },
|
||||
{ name: '开门命令触发', state: '无效' },
|
||||
{ name: '关门命令触发', state: '无效' },
|
||||
{ name: '互锁解除命令', state: '无效' },
|
||||
],
|
||||
},
|
||||
{
|
||||
columnDefs: [
|
||||
{ name: 'name', label: '下行首PSL', align: 'center' },
|
||||
{
|
||||
name: 'state',
|
||||
label: '状态',
|
||||
align: 'center',
|
||||
},
|
||||
],
|
||||
rows: [
|
||||
{ name: '操作允许状态', state: '不允许' },
|
||||
{ name: '开门命令触发', state: '无效' },
|
||||
{ name: '关门命令触发', state: '无效' },
|
||||
{ name: '互锁解除命令', state: '无效' },
|
||||
],
|
||||
},
|
||||
]);
|
||||
|
||||
onMounted(() => {
|
||||
chooseStation.value = props.stationName;
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
$first-top: 20vh;
|
||||
$second-top: 37vh;
|
||||
.psd-title {
|
||||
height: 50px;
|
||||
margin-bottom: 10px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
}
|
||||
.up-train {
|
||||
position: absolute;
|
||||
top: 10vh;
|
||||
width: 55vw;
|
||||
}
|
||||
.down-train {
|
||||
position: absolute;
|
||||
top: 55vh;
|
||||
width: 55vw;
|
||||
}
|
||||
.img {
|
||||
width: 15px;
|
||||
}
|
||||
.duanmen {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
}
|
||||
.up-first-duanmen {
|
||||
left: 22vw;
|
||||
top: 8vh;
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
.up-end-duanmen {
|
||||
right: 22vw;
|
||||
top: 8vh;
|
||||
transform: translateX(100%);
|
||||
}
|
||||
.down-first-duanmen {
|
||||
left: 22vw;
|
||||
top: 58vh;
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
.down-end-duanmen {
|
||||
right: 22vw;
|
||||
top: 58vh;
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
.table {
|
||||
.table-head {
|
||||
background-image: linear-gradient(to bottom, #c1c9ea, #8e97ba);
|
||||
.table-head-tr {
|
||||
height: 33px !important;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.table-body-tr {
|
||||
height: 33px !important;
|
||||
padding: 0 5px;
|
||||
}
|
||||
}
|
||||
.tableItem-0 {
|
||||
position: absolute;
|
||||
top: 15vh;
|
||||
right: calc(50vw + 380px);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
.tableItem-1 {
|
||||
position: absolute;
|
||||
top: $second-top;
|
||||
right: calc(50vw + 380px);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
.tableItem-2 {
|
||||
position: absolute;
|
||||
top: $first-top;
|
||||
right: calc(50vw + 50px);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
.tableItem-3 {
|
||||
position: absolute;
|
||||
top: $first-top;
|
||||
left: 49vw;
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
.tableItem-4 {
|
||||
position: absolute;
|
||||
top: $second-top;
|
||||
left: 49vw;
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
.tableItem-5 {
|
||||
position: absolute;
|
||||
top: $first-top;
|
||||
right: 49vw;
|
||||
transform: translateX(100%);
|
||||
}
|
||||
.tableItem-6 {
|
||||
position: absolute;
|
||||
top: $second-top;
|
||||
right: 49vw;
|
||||
transform: translateX(100%);
|
||||
}
|
||||
.tableItem-7 {
|
||||
position: absolute;
|
||||
top: $first-top;
|
||||
left: calc(50vw + 110px);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
.tableItem-8 {
|
||||
position: absolute;
|
||||
top: $second-top;
|
||||
left: calc(50vw + 110px);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
.tableItem-9 {
|
||||
position: absolute;
|
||||
top: 15vh;
|
||||
left: calc(50vw + 380px);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
.tableItem-10 {
|
||||
position: absolute;
|
||||
top: $second-top;
|
||||
left: calc(50vw + 380px);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
</style>
|
||||
@ -39,8 +39,14 @@
|
||||
<circle-property
|
||||
v-else-if="drawStore.selectedGraphicType === Circle.Type"
|
||||
/>
|
||||
<cctv-button-property
|
||||
v-else-if="drawStore.selectedGraphicType === CCTVButton.Type"
|
||||
<button-property
|
||||
v-else-if="drawStore.selectedGraphicType === Button.Type"
|
||||
/>
|
||||
<escalator-property
|
||||
v-else-if="drawStore.selectedGraphicType === Escalator.Type"
|
||||
/>
|
||||
<vertical-elevator-property
|
||||
v-else-if="drawStore.selectedGraphicType === VerticalElevator.Type"
|
||||
/>
|
||||
</q-card-section>
|
||||
</template>
|
||||
@ -56,8 +62,6 @@ import { useDrawStore } from 'src/stores/draw-store';
|
||||
import CanvasProperty from './properties/CanvasIscsProperty.vue';
|
||||
import IscsTextProperty from './properties/IscsTextProperty.vue';
|
||||
import { TextContent } from 'src/graphics/textContent/TextContent';
|
||||
import cctvButtonProperty from './properties/CCTV/CCTVButtonProperty.vue';
|
||||
import { CCTVButton } from 'src/graphics/CCTV/cctvButton/CCTVButton';
|
||||
import RectProperty from './properties/RectProperty.vue';
|
||||
import { Rect } from 'src/graphics/rect/Rect';
|
||||
import LineTemplate from './templates/LineTemplate.vue';
|
||||
@ -65,6 +69,13 @@ import LineProperty from './properties/LineProperty.vue';
|
||||
import { Line } from 'src/graphics/line/Line';
|
||||
import CircleProperty from './properties/CircleProperty.vue';
|
||||
import { Circle } from 'src/graphics/circle/Circle';
|
||||
import ButtonProperty from './properties/ButtonProperty.vue';
|
||||
import { Button } from 'src/graphics/button/Button';
|
||||
import EscalatorProperty from './properties/BAS/EscalatorProperty.vue';
|
||||
import { Escalator } from 'src/graphics/BAS/escalator/Escalator';
|
||||
import VerticalElevatorProperty from './properties/BAS/VerticalElevatorProperty.vue';
|
||||
import { VerticalElevator } from 'src/graphics/BAS/verticalElevator/VerticalElevator';
|
||||
|
||||
import { watch } from 'vue';
|
||||
|
||||
const drawStore = useDrawStore();
|
||||
|
||||
49
src/components/draw-app/electronicMapDrawProperties.vue
Normal file
49
src/components/draw-app/electronicMapDrawProperties.vue
Normal file
@ -0,0 +1,49 @@
|
||||
<template>
|
||||
<!-- 绘制图形模板属性 -->
|
||||
<div v-if="drawStore.drawMode">
|
||||
<q-card flat>
|
||||
<q-card-section>
|
||||
<div class="text-h6">{{ drawStore.drawGraphicName + ' 模板' }}</div>
|
||||
</q-card-section>
|
||||
<q-separator inset></q-separator>
|
||||
</q-card>
|
||||
</div>
|
||||
<!-- 画布或图形对象属性 -->
|
||||
<div v-else-if="drawStore.selectedGraphics !== null">
|
||||
<q-card flat>
|
||||
<q-card-section>
|
||||
<div class="text-h6">{{ drawStore.selectedObjName + ' 属性' }}</div>
|
||||
</q-card-section>
|
||||
<q-separator inset></q-separator>
|
||||
<template v-if="drawStore.selectedGraphics.length === 0">
|
||||
<q-card-section>
|
||||
<canvas-property></canvas-property>
|
||||
</q-card-section>
|
||||
</template>
|
||||
<template v-else-if="drawStore.selectedGraphics.length === 1">
|
||||
<q-card-section>
|
||||
<platform-property
|
||||
v-if="drawStore.selectedGraphicType === Platform.Type"
|
||||
></platform-property>
|
||||
</q-card-section>
|
||||
</template>
|
||||
<!-- <template v-else-if="drawStore.selectedGraphics.length > 1">
|
||||
<multiple-select-property></multiple-select-property>
|
||||
</template> -->
|
||||
</q-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { useDrawStore } from 'src/stores/electronicMap-draw-store';
|
||||
import CanvasProperty from './properties/CanvasElectronicMapProperty.vue';
|
||||
import PlatformProperty from './properties/electronicMap/PlatformProperty.vue';
|
||||
import { Platform } from 'src/graphics/electronicMap/platform/Platform';
|
||||
import { watch } from 'vue';
|
||||
|
||||
const drawStore = useDrawStore();
|
||||
watch(
|
||||
() => drawStore.selectedGraphics,
|
||||
() => {}
|
||||
);
|
||||
</script>
|
||||
23
src/components/draw-app/properties/BAS/EscalatorProperty.vue
Normal file
23
src/components/draw-app/properties/BAS/EscalatorProperty.vue
Normal file
@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<q-form class="q-gutter-sm">
|
||||
<q-input outlined readonly v-model="escalatorModel.id" label="id" />
|
||||
<q-input
|
||||
outlined
|
||||
v-model="escalatorModel.code"
|
||||
@blur="onUpdate"
|
||||
label="code"
|
||||
lazy-rules
|
||||
/>
|
||||
</q-form>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { useFormData } from 'src/components/DrawAppFormUtils';
|
||||
import { useDrawStore } from 'src/stores/draw-store';
|
||||
import { EscalatorData } from 'src/drawApp/graphics/BAS/EscalatorInteraction';
|
||||
|
||||
const { data: escalatorModel, onUpdate } = useFormData(
|
||||
new EscalatorData(),
|
||||
useDrawStore().getDrawApp()
|
||||
);
|
||||
</script>
|
||||
@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<q-form class="q-gutter-sm">
|
||||
<q-input outlined readonly v-model="verticalElevatorModel.id" label="id" />
|
||||
<q-input
|
||||
outlined
|
||||
v-model="verticalElevatorModel.code"
|
||||
@blur="onUpdate"
|
||||
label="code"
|
||||
lazy-rules
|
||||
/>
|
||||
</q-form>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { useFormData } from 'src/components/DrawAppFormUtils';
|
||||
import { VerticalElevatorData } from 'src/drawApp/graphics/BAS/VerticalElevatorInteraction';
|
||||
import { useDrawStore } from 'src/stores/draw-store';
|
||||
|
||||
const { data: verticalElevatorModel, onUpdate } = useFormData(
|
||||
new VerticalElevatorData(),
|
||||
useDrawStore().getDrawApp()
|
||||
);
|
||||
</script>
|
||||
136
src/components/draw-app/properties/ButtonProperty.vue
Normal file
136
src/components/draw-app/properties/ButtonProperty.vue
Normal file
@ -0,0 +1,136 @@
|
||||
<template>
|
||||
<q-form class="q-gutter-sm">
|
||||
<q-input outlined readonly v-model="buttonModel.id" label="id" />
|
||||
<q-input
|
||||
outlined
|
||||
v-model="buttonModel.code"
|
||||
@blur="onUpdate"
|
||||
label="label"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-input
|
||||
outlined
|
||||
v-model.number="buttonModel.codeFontSize"
|
||||
type="number"
|
||||
@blur="onUpdate"
|
||||
label="label字体大小"
|
||||
lazy-rules
|
||||
:rules="[(val) => val >= 0 || '宽度必须大于等于0']"
|
||||
/>
|
||||
<q-input
|
||||
outlined
|
||||
v-model="buttonModel.codeColor"
|
||||
@change="onUpdate"
|
||||
label="字体颜色"
|
||||
lazy-rules
|
||||
:rules="[(val) => (val && val.length > 0) || '线色不能为空']"
|
||||
>
|
||||
<template v-slot:append>
|
||||
<q-icon name="colorize" class="cursor-pointer">
|
||||
<q-popup-proxy cover transition-show="scale" transition-hide="scale">
|
||||
<q-color
|
||||
v-model="buttonModel.codeColor"
|
||||
@change="
|
||||
(val) => {
|
||||
buttonModel.codeColor = val;
|
||||
onUpdate();
|
||||
}
|
||||
"
|
||||
/>
|
||||
</q-popup-proxy>
|
||||
</q-icon>
|
||||
</template>
|
||||
</q-input>
|
||||
<q-select
|
||||
outlined
|
||||
class="q-mt-sm"
|
||||
v-model="buttonModel.buttonType"
|
||||
:options="optionsButtonType"
|
||||
:map-options="true"
|
||||
:emit-value="true"
|
||||
@update:model-value="onUpdate"
|
||||
label="按钮类型"
|
||||
/>
|
||||
<q-input
|
||||
outlined
|
||||
v-model="buttonModel.fillColor"
|
||||
@change="onUpdate"
|
||||
label="button颜色"
|
||||
lazy-rules
|
||||
:rules="[(val) => (val && val.length > 0) || '线色不能为空']"
|
||||
>
|
||||
<template v-slot:append>
|
||||
<q-icon name="colorize" class="cursor-pointer">
|
||||
<q-popup-proxy cover transition-show="scale" transition-hide="scale">
|
||||
<q-color
|
||||
v-model="buttonModel.fillColor"
|
||||
@change="
|
||||
(val) => {
|
||||
buttonModel.fillColor = val;
|
||||
onUpdate();
|
||||
}
|
||||
"
|
||||
/>
|
||||
</q-popup-proxy>
|
||||
</q-icon>
|
||||
</template>
|
||||
</q-input>
|
||||
<q-input
|
||||
outlined
|
||||
v-model="buttonModel.alpha"
|
||||
mask="#.###"
|
||||
@blur="onUpdate"
|
||||
label="透明度"
|
||||
lazy-rules
|
||||
:rules="[
|
||||
(val) => (val && val > 0 && val <= 1) || '透明度必须大于0且小于等于1',
|
||||
]"
|
||||
/>
|
||||
<q-input
|
||||
outlined
|
||||
v-model.number="buttonModel.width"
|
||||
type="number"
|
||||
@blur="onUpdate"
|
||||
label="宽度"
|
||||
lazy-rules
|
||||
:rules="[(val) => val >= 0 || '宽度必须大于0']"
|
||||
/>
|
||||
<q-input
|
||||
outlined
|
||||
v-model.number="buttonModel.height"
|
||||
type="number"
|
||||
@blur="onUpdate"
|
||||
label="高度"
|
||||
lazy-rules
|
||||
:rules="[(val) => val >= 0 || '高度必须大于等于0']"
|
||||
/>
|
||||
<q-input
|
||||
outlined
|
||||
v-model.number="buttonModel.radius"
|
||||
type="number"
|
||||
@blur="onUpdate"
|
||||
label="圆角半径"
|
||||
lazy-rules
|
||||
:rules="[(val) => val >= 0 || '圆角半径必须大于等于0']"
|
||||
/>
|
||||
</q-form>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { useFormData } from 'src/components/DrawAppFormUtils';
|
||||
import { useDrawStore } from 'src/stores/draw-store';
|
||||
import { ButtonData } from 'src/drawApp/graphics/ButtonInteraction';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
const { data: buttonModel, onUpdate } = useFormData(
|
||||
new ButtonData(),
|
||||
useDrawStore().getDrawApp()
|
||||
);
|
||||
|
||||
const optionsButtonType = [
|
||||
{ label: '无Icon', value: iscsGraphicData.Button.ButtonType.noIcon },
|
||||
{ label: '方形', value: iscsGraphicData.Button.ButtonType.cctvRect },
|
||||
{ label: '枪机', value: iscsGraphicData.Button.ButtonType.cctvMonitor },
|
||||
{ label: '球机', value: iscsGraphicData.Button.ButtonType.cctvSemicircle },
|
||||
];
|
||||
</script>
|
||||
@ -1,40 +0,0 @@
|
||||
<template>
|
||||
<q-form class="q-gutter-sm">
|
||||
<q-input outlined readonly v-model="cctvButtonModel.id" label="id" />
|
||||
<q-input
|
||||
outlined
|
||||
v-model="cctvButtonModel.code"
|
||||
@blur="onUpdate"
|
||||
label="CCTV按钮"
|
||||
lazy-rules
|
||||
/>
|
||||
<q-select
|
||||
outlined
|
||||
class="q-mt-sm"
|
||||
v-model="cctvButtonModel.buttonType"
|
||||
:options="optionsButtonType"
|
||||
:map-options="true"
|
||||
:emit-value="true"
|
||||
@update:model-value="onUpdate"
|
||||
label="按钮类型"
|
||||
/>
|
||||
</q-form>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { useFormData } from 'src/components/DrawAppFormUtils';
|
||||
import { useDrawStore } from 'src/stores/draw-store';
|
||||
import { CCTVButtonData } from 'src/drawApp/graphics/CCTV/CCTVButtonInteraction';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
const { data: cctvButtonModel, onUpdate } = useFormData(
|
||||
new CCTVButtonData(),
|
||||
useDrawStore().getDrawApp()
|
||||
);
|
||||
|
||||
const optionsButtonType = [
|
||||
{ label: '方形', value: iscsGraphicData.CCTVButton.ButtonType.rect },
|
||||
{ label: '监视器', value: iscsGraphicData.CCTVButton.ButtonType.monitor },
|
||||
{ label: '半圆', value: iscsGraphicData.CCTVButton.ButtonType.semicircle },
|
||||
];
|
||||
</script>
|
||||
@ -0,0 +1,80 @@
|
||||
<template>
|
||||
<q-form>
|
||||
<q-input
|
||||
outlined
|
||||
v-model.number="canvas.width"
|
||||
@blur="onUpdate"
|
||||
label="画布宽 *"
|
||||
lazy-rules
|
||||
:rules="[(val) => (val && val > 0) || '画布宽必须大于0']"
|
||||
/>
|
||||
|
||||
<q-input
|
||||
outlined
|
||||
type="number"
|
||||
v-model.number="canvas.height"
|
||||
@blur="onUpdate"
|
||||
label="画布高 *"
|
||||
lazy-rules
|
||||
:rules="[(val) => val > 0 || '画布高必须大于0']"
|
||||
/>
|
||||
|
||||
<q-input
|
||||
outlined
|
||||
v-model="canvas.backgroundColor"
|
||||
@blur="onUpdate"
|
||||
label="画布背景色 *"
|
||||
lazy-rules
|
||||
:rules="[(val) => (val && val.length > 0) || '画布背景色必须设置']"
|
||||
>
|
||||
<template v-slot:append>
|
||||
<q-icon name="colorize" class="cursor-pointer">
|
||||
<q-popup-proxy cover transition-show="scale" transition-hide="scale">
|
||||
<q-color
|
||||
:model-value="canvas.backgroundColor"
|
||||
@change="
|
||||
(val) => {
|
||||
canvas.backgroundColor = val;
|
||||
onUpdate();
|
||||
}
|
||||
"
|
||||
/>
|
||||
</q-popup-proxy>
|
||||
</q-icon>
|
||||
</template>
|
||||
</q-input>
|
||||
</q-form>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { useDrawStore } from 'src/stores/electronicMap-draw-store';
|
||||
import { onMounted, onUnmounted, reactive } from 'vue';
|
||||
const drawStore = useDrawStore();
|
||||
|
||||
const canvas = reactive({
|
||||
width: 1920,
|
||||
height: 1080,
|
||||
backgroundColor: '#ffffff',
|
||||
});
|
||||
|
||||
onMounted(() => {
|
||||
// console.log('画布属性表单mounted');
|
||||
const jc = drawStore.getJlCanvas();
|
||||
canvas.width = jc.properties.width;
|
||||
canvas.height = jc.properties.height;
|
||||
canvas.backgroundColor = jc.properties.backgroundColor;
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
// console.log('画布属性表单unmounted');
|
||||
});
|
||||
|
||||
function onUpdate() {
|
||||
// console.log('画布属性更新');
|
||||
const app = drawStore.getDrawApp();
|
||||
app.updateCanvasAndRecord({
|
||||
...canvas,
|
||||
viewportTransform: app.canvas.properties.viewportTransform,
|
||||
});
|
||||
}
|
||||
</script>
|
||||
@ -85,7 +85,7 @@
|
||||
@blur="onUpdate"
|
||||
label="高度"
|
||||
lazy-rules
|
||||
:rules="[(val) => (val && val > 0) || '宽度必须大于0']"
|
||||
:rules="[(val) => (val && val > 0) || '高度必须大于0']"
|
||||
/>
|
||||
<q-input
|
||||
outlined
|
||||
|
||||
@ -0,0 +1,188 @@
|
||||
<template>
|
||||
<q-card class="q-gutter-sm q-pa-sm">
|
||||
<q-card-section>
|
||||
<div class="text-h6">一键生成计轴配置</div>
|
||||
</q-card-section>
|
||||
<q-form ref="myForm">
|
||||
<selectConfig-utils ref="selectConfigUtils" :drawStore="drawStore" />
|
||||
<div class="q-mt-md q-gutter-md">
|
||||
<q-btn label="确认修改" color="primary" @click="onSubmit" />
|
||||
<q-btn label="返回" color="red" @click="goBack" />
|
||||
<q-btn label="生成计轴" color="primary" @click="generateAxleCounting" />
|
||||
</div>
|
||||
<div class="q-mt-md q-gutter-md">
|
||||
<q-btn
|
||||
label="检查计轴"
|
||||
color="primary"
|
||||
@click="showErrorAxleCounting"
|
||||
/>
|
||||
<q-btn
|
||||
v-if="showCheck"
|
||||
label="上一个"
|
||||
color="primary"
|
||||
@click="clickSelectCenter(-1)"
|
||||
/>
|
||||
<q-btn
|
||||
v-if="showCheck"
|
||||
label="下一个"
|
||||
color="primary"
|
||||
@click="clickSelectCenter(1)"
|
||||
/>
|
||||
</div>
|
||||
</q-form>
|
||||
</q-card>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted, ref, provide } from 'vue';
|
||||
import { QForm, useQuasar } from 'quasar';
|
||||
import { JlGraphic } from 'jl-graphic';
|
||||
import { useDrawStore } from 'src/stores/electronicMap-draw-store';
|
||||
import { electronicMapGraphicData } from 'src/protos/electronicMap_graphic_data';
|
||||
import { Turnout } from 'src/graphics/electronicMap/turnout/Turnout';
|
||||
import {
|
||||
loadGenerateAxleCountingConfig,
|
||||
setGenerateAxleCountingConfig,
|
||||
} from 'src/drawApp/electronicMapApp';
|
||||
import SelectConfigUtils from 'src/components/common/SelectConfigUtils.vue';
|
||||
import { OneClickGenerate } from 'src/graphics/electronicMap/trainWindow/oneClickDrawAssistant';
|
||||
import { AxleCounting } from 'src/graphics/electronicMap/axleCounting/AxleCounting';
|
||||
|
||||
//供公共选择组件使用
|
||||
const filterSelect = (g: JlGraphic) => g instanceof Turnout;
|
||||
const selectConfigUtils = ref<InstanceType<typeof SelectConfigUtils> | null>(
|
||||
null
|
||||
);
|
||||
provide('filter', filterSelect);
|
||||
|
||||
const emit = defineEmits(['close']);
|
||||
|
||||
const drawStore = useDrawStore();
|
||||
const $q = useQuasar();
|
||||
|
||||
onMounted(() => {
|
||||
selectConfigUtils.value.selectConfig = [
|
||||
{
|
||||
code: 'bb连接的道岔',
|
||||
refDevices: [],
|
||||
refDevicesCode: [],
|
||||
expanded: false,
|
||||
},
|
||||
{
|
||||
code: '不生成计轴的道岔组',
|
||||
refDevices: [],
|
||||
refDevicesCode: [],
|
||||
expanded: false,
|
||||
},
|
||||
];
|
||||
const generateAxleCountingConfig = loadGenerateAxleCountingConfig();
|
||||
if (generateAxleCountingConfig !== undefined) {
|
||||
selectConfigUtils.value.selectConfig.forEach(
|
||||
(generate: {
|
||||
code: string;
|
||||
refDevices: number[];
|
||||
refDevicesCode: string[];
|
||||
}) => {
|
||||
if (generate.code == 'bb连接的道岔') {
|
||||
generate.refDevices = generateAxleCountingConfig.bbConnect;
|
||||
generateAxleCountingConfig.bbConnect.forEach((id) => {
|
||||
const g = drawStore.getDrawApp().queryStore.queryById(id);
|
||||
generate.refDevicesCode.push(g.code);
|
||||
});
|
||||
} else if (generate.code == '不生成计轴的道岔组') {
|
||||
generate.refDevices = generateAxleCountingConfig.noGenerateGroup;
|
||||
generateAxleCountingConfig.noGenerateGroup.forEach((id) => {
|
||||
const g = drawStore.getDrawApp().queryStore.queryById(id);
|
||||
generate.refDevicesCode.push(g.code);
|
||||
});
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
const myForm = ref<QForm | null>(null);
|
||||
async function onSubmit() {
|
||||
myForm.value?.validate().then(async (res) => {
|
||||
if (res) {
|
||||
try {
|
||||
const generateAxleCountingConfig =
|
||||
new electronicMapGraphicData.GenerateAxleCountingConfig();
|
||||
selectConfigUtils.value.selectConfig.forEach(
|
||||
(generate: { code: string; refDevices: number[] }) => {
|
||||
if (generate.code == 'bb连接的道岔') {
|
||||
generateAxleCountingConfig.bbConnect = generate.refDevices;
|
||||
} else if (generate.code == '不生成计轴的道岔组') {
|
||||
generateAxleCountingConfig.noGenerateGroup = generate.refDevices;
|
||||
}
|
||||
}
|
||||
);
|
||||
setGenerateAxleCountingConfig(generateAxleCountingConfig);
|
||||
$q.notify({
|
||||
type: 'positive',
|
||||
message: '更新成功',
|
||||
});
|
||||
} catch (err) {
|
||||
$q.notify({
|
||||
type: 'negative',
|
||||
message: '更新失败',
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function goBack() {
|
||||
emit('close');
|
||||
}
|
||||
|
||||
function generateAxleCounting() {
|
||||
drawStore.oneClickType = 'AxleCounting';
|
||||
drawStore.getDrawApp().interactionPlugin(OneClickGenerate.Type).resume();
|
||||
}
|
||||
|
||||
const selectConfig = ref<
|
||||
{
|
||||
axleCountingId: number;
|
||||
axleCountingCode: string;
|
||||
}[]
|
||||
>([]);
|
||||
function showErrorAxleCounting() {
|
||||
showCheck.value = true;
|
||||
const axleCountings = drawStore
|
||||
.getDrawApp()
|
||||
.queryStore.queryByType<AxleCounting>(AxleCounting.Type);
|
||||
const erroeAxleCountings = axleCountings
|
||||
.filter(
|
||||
(g) =>
|
||||
g.datas.type ==
|
||||
electronicMapGraphicData.AxleCounting.TypeDetectionPoint.AxleCounting &&
|
||||
g.datas.axleCountingRef.length < 2
|
||||
)
|
||||
.sort((a, b) => a.position.x - b.position.x);
|
||||
erroeAxleCountings.forEach((axleCounting) => {
|
||||
selectConfig.value.push({
|
||||
axleCountingId: axleCounting.id,
|
||||
axleCountingCode: axleCounting.datas.code,
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
const currentIndex = ref(-1);
|
||||
const showCheck = ref(false);
|
||||
function clickSelectCenter(add: number) {
|
||||
if (
|
||||
currentIndex.value + add < 0 ||
|
||||
currentIndex.value + add >= selectConfig.value.length
|
||||
)
|
||||
return;
|
||||
currentIndex.value = currentIndex.value + add;
|
||||
const target = drawStore
|
||||
.getDrawApp()
|
||||
.queryStore.queryById(
|
||||
selectConfig.value[currentIndex.value].axleCountingId
|
||||
);
|
||||
drawStore.getDrawApp().makeGraphicCenterShow(target);
|
||||
drawStore.getDrawApp().updateSelected(target);
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,108 @@
|
||||
<template>
|
||||
<q-form class="q-gutter-sm">
|
||||
<q-input outlined readonly v-model="platformModel.id" label="id" />
|
||||
<q-input
|
||||
outlined
|
||||
label="站台编号"
|
||||
type="textarea"
|
||||
@blur="onUpdate"
|
||||
v-model="platformModel.code"
|
||||
lazy-rules
|
||||
autogrow
|
||||
/>
|
||||
<q-input
|
||||
outlined
|
||||
label="紧急停车继电器的编号"
|
||||
type="textarea"
|
||||
@blur="onUpdate"
|
||||
v-model="platformModel.refEsbRelayCode"
|
||||
lazy-rules
|
||||
autogrow
|
||||
/>
|
||||
<q-select
|
||||
outlined
|
||||
v-model="platformModel.type"
|
||||
:options="platformTypeOptions"
|
||||
:map-options="true"
|
||||
:emit-value="true"
|
||||
label="站台类型"
|
||||
@update:model-value="onUpdate"
|
||||
/>
|
||||
<q-list bordered separator class="rounded-borders">
|
||||
<q-item>
|
||||
<q-item-section no-wrap class="q-gutter-y-sm column">
|
||||
<q-item-label> 关联的车站 </q-item-label>
|
||||
<div class="q-gutter-sm row">
|
||||
<q-chip square color="primary" text-color="white">
|
||||
{{ stationRelation }}
|
||||
</q-chip>
|
||||
</div>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item>
|
||||
<q-item-section no-wrap class="q-gutter-y-sm column">
|
||||
<q-item-label> 关联的物理区段 </q-item-label>
|
||||
<div class="q-gutter-sm row">
|
||||
<q-chip square color="primary" text-color="white">
|
||||
{{ sectionRelation }}
|
||||
</q-chip>
|
||||
</div>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-form>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PlatformData } from 'src/drawApp/graphics/electronicMap/PlatformInteraction';
|
||||
import { useFormData } from 'src/components/DrawAppFormUtils';
|
||||
import { useDrawStore } from 'src/stores/electronicMap-draw-store';
|
||||
import { computed } from 'vue';
|
||||
import { Platform } from 'src/graphics/electronicMap/platform/Platform';
|
||||
import { Station } from 'src/graphics/electronicMap/station/Station';
|
||||
import { Section } from 'src/graphics/electronicMap/section/Section';
|
||||
import { electronicMapGraphicData } from 'src/protos/electronicMap_graphic_data';
|
||||
|
||||
const drawStore = useDrawStore();
|
||||
const { data: platformModel, onUpdate } = useFormData(
|
||||
new PlatformData(),
|
||||
drawStore.getDrawApp()
|
||||
);
|
||||
const platformTypeOptions = [
|
||||
{
|
||||
label: '请选择',
|
||||
value: electronicMapGraphicData.Platform.TypeOfPlatform.Unknown,
|
||||
},
|
||||
{
|
||||
label: '上行站台',
|
||||
value: electronicMapGraphicData.Platform.TypeOfPlatform.up,
|
||||
},
|
||||
{
|
||||
label: '下行站台',
|
||||
value: electronicMapGraphicData.Platform.TypeOfPlatform.down,
|
||||
},
|
||||
];
|
||||
|
||||
const stationRelation = computed(() => {
|
||||
const platform = drawStore.selectedGraphic as Platform;
|
||||
const refStations = platform?.relationManage
|
||||
.getRelationsOfGraphicAndOtherType(platform, Station.Type)
|
||||
.map((relation) => relation.getOtherGraphic<Station>(platform).datas.code);
|
||||
let refStation;
|
||||
if (refStations) {
|
||||
refStation = refStations[0];
|
||||
}
|
||||
return refStation;
|
||||
});
|
||||
const sectionRelation = computed(() => {
|
||||
const platform = drawStore.selectedGraphic as Platform;
|
||||
const refSections = platform?.relationManage
|
||||
.getRelationsOfGraphicAndOtherType(platform, Section.Type)
|
||||
.map((relation) => relation.getOtherGraphic<Section>(platform).datas.code);
|
||||
let refStation;
|
||||
if (refSections) {
|
||||
refStation = refSections[0];
|
||||
}
|
||||
return refStation;
|
||||
});
|
||||
</script>
|
||||
41
src/configs/cctvCamera.ts
Normal file
41
src/configs/cctvCamera.ts
Normal file
@ -0,0 +1,41 @@
|
||||
export enum CCTV_Camera_name{
|
||||
//VehicleControlRoom,//车控室
|
||||
SparePartsCabinet,//备品柜
|
||||
PartsArea,//备品区
|
||||
StationHall,//站厅
|
||||
UpPlatform,//上行站台
|
||||
DownPlatform,//下行站台
|
||||
//APassageway,//A出入口
|
||||
StationHallAExit,//站厅A出口
|
||||
AEntrance,//A入口
|
||||
APassage,//A口通道
|
||||
//BPassageway,//B出入口
|
||||
StationHallBExit,//站厅B出口
|
||||
BEntrance,//B入口
|
||||
BPassage,//B口通道
|
||||
//CPassageway,//C出入口
|
||||
StationHallCExit,//站厅C出口
|
||||
CEntrance,//C入口
|
||||
CPassage,//C口通道
|
||||
//DPassageway,//D出入口
|
||||
StationHallDExit,//站厅D出口
|
||||
DEntrance,//D入口
|
||||
DPassage,//D口通道
|
||||
//StaionHallA,//站厅A端
|
||||
ALowerStepSwitch,//A端扶梯下部开关
|
||||
ATVM,//A端TVM
|
||||
AInboundGate,//A端进站闸机
|
||||
AExitGate,//A端出站闸机
|
||||
AUpperStep,//A端扶梯上部
|
||||
ALowerStep,//A端扶梯下部
|
||||
AGangway,//A端站厅步梯口
|
||||
//StationHallB,//站厅B端
|
||||
BLowerStepSwitch,//B端扶梯下部开关
|
||||
BTVM,//B端TVM
|
||||
BInboundGate,//B端进站闸机
|
||||
BExitGate,//B端出站闸机
|
||||
BUpperStep,//B端扶梯上部
|
||||
BLowerStep,//B端扶梯下部
|
||||
BGangway,//B端站厅步梯口
|
||||
Shop,//商铺
|
||||
}
|
||||
@ -60,7 +60,7 @@ const DA_SHI_ZHI_NENG: I_DA_SHI_ZHI_NENG[] = [
|
||||
{ sunMenuName: '导向标识/广告', displayForm: DisplayForm.draw },
|
||||
{ sunMenuName: '人防门', displayForm: DisplayForm.draw },
|
||||
{ sunMenuName: 'BAS系统', displayForm: DisplayForm.draw },
|
||||
{ sunMenuName: '模式控制', displayForm: DisplayForm.draw },
|
||||
{ sunMenuName: '模式控制', displayForm: DisplayForm.component },
|
||||
{ sunMenuName: '时间表', displayForm: DisplayForm.draw },
|
||||
{ sunMenuName: '操作场所切换', displayForm: DisplayForm.draw },
|
||||
],
|
||||
@ -96,7 +96,7 @@ const DA_SHI_ZHI_NENG: I_DA_SHI_ZHI_NENG[] = [
|
||||
icon: 'svguse:../iscsMenuIcon.svg#icon-CCTV',
|
||||
activeIcon: 'svguse:../iscsMenuIcon.svg#icon-CCTV-active',
|
||||
sunMenu: [
|
||||
{ sunMenuName: '监控布局图', displayForm: DisplayForm.draw },
|
||||
{ sunMenuName: '监控布局图', displayForm: DisplayForm.component },
|
||||
{ sunMenuName: 'CCTV设备布局图', displayForm: DisplayForm.draw },
|
||||
],
|
||||
},
|
||||
@ -132,7 +132,9 @@ const DA_SHI_ZHI_NENG: I_DA_SHI_ZHI_NENG[] = [
|
||||
menuName: 'PSD',
|
||||
icon: 'svguse:../iscsMenuIcon.svg#icon-PSD',
|
||||
activeIcon: 'svguse:../iscsMenuIcon.svg#icon-PSD-active',
|
||||
sunMenu: [{ sunMenuName: '屏蔽门系统图', displayForm: DisplayForm.draw }],
|
||||
sunMenu: [
|
||||
{ sunMenuName: '屏蔽门系统图', displayForm: DisplayForm.component },
|
||||
],
|
||||
},
|
||||
{
|
||||
menuName: 'FG',
|
||||
|
||||
@ -29,6 +29,9 @@ import { LineData } from './graphics/LineInteraction';
|
||||
import { CircleDraw } from 'src/graphics/circle/CircleDrawAssistant';
|
||||
import { Circle, CircleTemplate } from 'src/graphics/circle/Circle';
|
||||
import { CircleData } from './graphics/CircleInteraction';
|
||||
import { ButtonDraw } from 'src/graphics/button/ButtonDrawAssistant';
|
||||
import { Button, ButtonTemplate } from 'src/graphics/button/Button';
|
||||
import { ButtonData } from './graphics/ButtonInteraction';
|
||||
|
||||
const UndoOptions: MenuItemOptions = {
|
||||
name: '撤销',
|
||||
@ -58,6 +61,7 @@ export function initCommonDrawApp(app: IDrawApp) {
|
||||
new RectDraw(app, new RectTemplate(new RectData()));
|
||||
new LineDraw(app, new LineTemplate(new LineData()));
|
||||
new CircleDraw(app, new CircleTemplate(new CircleData()));
|
||||
new ButtonDraw(app, new ButtonTemplate(new ButtonData()));
|
||||
// 画布右键菜单
|
||||
app.registerMenu(DefaultCanvasMenu);
|
||||
|
||||
@ -88,6 +92,7 @@ interface ICommonStorage {
|
||||
rects: iscsGraphicData.Rect[];
|
||||
lines: iscsGraphicData.Line[];
|
||||
circles: iscsGraphicData.Circle[];
|
||||
buttons: iscsGraphicData.Button[];
|
||||
};
|
||||
}
|
||||
export function loadCommonDrawDatas(storage: ICommonStorage): GraphicData[] {
|
||||
@ -108,6 +113,9 @@ export function loadCommonDrawDatas(storage: ICommonStorage): GraphicData[] {
|
||||
storage.commonGraphicStorage.circles.forEach((circle) => {
|
||||
datas.push(new CircleData(circle));
|
||||
});
|
||||
storage.commonGraphicStorage.buttons.forEach((button) => {
|
||||
datas.push(new ButtonData(button));
|
||||
});
|
||||
return datas;
|
||||
}
|
||||
|
||||
@ -140,6 +148,11 @@ export function saveCommonDrawDatas(app: IDrawApp, storage: ICommonStorage) {
|
||||
storage.commonGraphicStorage.circles.push(
|
||||
(circleData as CircleData).data
|
||||
);
|
||||
} else if (g instanceof Button) {
|
||||
const buttonData = g.saveData();
|
||||
storage.commonGraphicStorage.buttons.push(
|
||||
(buttonData as ButtonData).data
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
279
src/drawApp/electronicMapApp.ts
Normal file
279
src/drawApp/electronicMapApp.ts
Normal file
@ -0,0 +1,279 @@
|
||||
import { fromUint8Array, toUint8Array } from 'js-base64';
|
||||
import {
|
||||
calculateDistanceFromPointToLine,
|
||||
CombinationKey,
|
||||
ContextMenu,
|
||||
distance2,
|
||||
getRectangleCenter,
|
||||
GraphicData,
|
||||
IDrawApp,
|
||||
IGraphicStorage,
|
||||
KeyListener,
|
||||
MenuItemOptions,
|
||||
newDrawApp,
|
||||
} from 'jl-graphic';
|
||||
import { getDraft, saveDraft } from 'src/api/DraftApi';
|
||||
import { electronicMapGraphicData } from 'src/protos/electronicMap_graphic_data';
|
||||
import { useDrawStore } from 'src/stores/electronicMap-draw-store';
|
||||
import { PlatformDraw } from 'src/graphics/electronicMap/platform/PlatformDrawAssistant';
|
||||
import {
|
||||
Platform,
|
||||
PlatformTemplate,
|
||||
} from 'src/graphics/electronicMap/platform/Platform';
|
||||
import { PlatformData } from './graphics/electronicMap/PlatformInteraction';
|
||||
import { errorNotify, successNotify } from 'src/utils/CommonNotify';
|
||||
import { common } from 'src/protos/common';
|
||||
import { toStorageTransform } from './graphics/GraphicDataBase';
|
||||
import { Section } from 'src/graphics/electronicMap/section/Section';
|
||||
import { OneClickGenerateDraw, OneClickGenerateTemplate } from 'src/graphics/electronicMap/trainWindow/oneClickDrawAssistant';
|
||||
|
||||
let electronicMapDrawApp: IDrawApp | null = null;
|
||||
|
||||
export function getElectronicMapDrawApp(): IDrawApp | null {
|
||||
return electronicMapDrawApp;
|
||||
}
|
||||
|
||||
export function destroyElectronicMapDrawApp(): void {
|
||||
if (electronicMapDrawApp) {
|
||||
electronicMapDrawApp.destroy();
|
||||
electronicMapDrawApp = null;
|
||||
}
|
||||
}
|
||||
|
||||
const UndoOptions: MenuItemOptions = {
|
||||
name: '撤销',
|
||||
};
|
||||
const RedoOptions: MenuItemOptions = {
|
||||
name: '重做',
|
||||
};
|
||||
const SelectAllOptions: MenuItemOptions = {
|
||||
name: '全选',
|
||||
};
|
||||
|
||||
export const DefaultEmCanvasMenu = new ContextMenu({
|
||||
name: '绘制-画布菜单',
|
||||
groups: [
|
||||
{
|
||||
items: [UndoOptions, RedoOptions],
|
||||
},
|
||||
{
|
||||
items: [SelectAllOptions],
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
export function initElectronicMapDrawApp(): IDrawApp {
|
||||
electronicMapDrawApp = newDrawApp({
|
||||
dataLoader: loadElectronicMapDrawDatas,
|
||||
});
|
||||
const app = electronicMapDrawApp;
|
||||
new OneClickGenerateDraw(app, new OneClickGenerateTemplate()),
|
||||
new PlatformDraw(app, new PlatformTemplate(new PlatformData()));
|
||||
|
||||
// 画布右键菜单
|
||||
app.registerMenu(DefaultEmCanvasMenu);
|
||||
|
||||
app.canvas.on('_rightclick', (e) => {
|
||||
if (app.drawing) return;
|
||||
UndoOptions.disabled = !app.opRecord.hasUndo;
|
||||
RedoOptions.disabled = !app.opRecord.hasRedo;
|
||||
|
||||
UndoOptions.handler = () => {
|
||||
app.opRecord.undo();
|
||||
};
|
||||
RedoOptions.handler = () => {
|
||||
app.opRecord.redo();
|
||||
};
|
||||
SelectAllOptions.handler = () => {
|
||||
app.selectAllGraphics();
|
||||
};
|
||||
DefaultEmCanvasMenu.open(e.global);
|
||||
});
|
||||
app.on('destroy', () => {
|
||||
generateAxleCountingConfig =
|
||||
new electronicMapGraphicData.GenerateAxleCountingConfig();
|
||||
});
|
||||
app.addKeyboardListener(
|
||||
new KeyListener({
|
||||
value: 'KeyS',
|
||||
global: true,
|
||||
combinations: [CombinationKey.Ctrl],
|
||||
onPress: () => {
|
||||
saveDrawToServer(saveDrawDatas(app));
|
||||
},
|
||||
})
|
||||
);
|
||||
// KeyA 用于区段复制--控制生成的区段位置
|
||||
const graphicCopyPlugin = app.app.graphicCopyPlugin;
|
||||
const copySectionListener = new KeyListener({
|
||||
value: 'KeyA',
|
||||
global: true,
|
||||
onPress: () => {
|
||||
graphicCopyPlugin.updateMoveLimit('sectionPointLimit');
|
||||
},
|
||||
});
|
||||
graphicCopyPlugin.addGraphicControlers([
|
||||
{
|
||||
controlerList: [copySectionListener],
|
||||
check: () => {
|
||||
if (
|
||||
graphicCopyPlugin.copys.length == 1 &&
|
||||
graphicCopyPlugin.copys[0].type == Section.Type
|
||||
)
|
||||
return true;
|
||||
return false;
|
||||
},
|
||||
moveLimitOption: {
|
||||
moveLimitName: 'sectionPointLimit',
|
||||
moveLimit: (e) => {
|
||||
const mousePos = app.toCanvasCoordinates(e.global);
|
||||
const selectSection = app.selectedGraphics[0] as Section;
|
||||
let selectSectionLeft = selectSection.localToCanvasPoint(
|
||||
selectSection.getStartPoint()
|
||||
);
|
||||
let selectSectionRight = selectSection.localToCanvasPoint(
|
||||
selectSection.getEndPoint()
|
||||
);
|
||||
[selectSectionLeft, selectSectionRight] =
|
||||
selectSectionLeft.x < selectSectionRight.x
|
||||
? [selectSectionLeft, selectSectionRight]
|
||||
: [selectSectionRight, selectSectionLeft];
|
||||
//要移动到目标位的区段
|
||||
const sections = app.queryStore.queryByType<Section>(Section.Type);
|
||||
const minDistanceSection = sections.reduce((prev, cur) => {
|
||||
const prevDistance = calculateDistanceFromPointToLine(
|
||||
prev.localToCanvasPoint(prev.getStartPoint()),
|
||||
prev.localToCanvasPoint(prev.getEndPoint()),
|
||||
mousePos
|
||||
);
|
||||
const curDistance = calculateDistanceFromPointToLine(
|
||||
cur.localToCanvasPoint(cur.getStartPoint()),
|
||||
cur.localToCanvasPoint(cur.getEndPoint()),
|
||||
mousePos
|
||||
);
|
||||
return prevDistance > curDistance ||
|
||||
(prevDistance == curDistance &&
|
||||
distance2(
|
||||
prev.localToCanvasPoint(prev.getStartPoint()),
|
||||
mousePos
|
||||
) >
|
||||
distance2(
|
||||
cur.localToCanvasPoint(cur.getStartPoint()),
|
||||
mousePos
|
||||
))
|
||||
? cur
|
||||
: prev;
|
||||
});
|
||||
const minDistanceRefSectionsPos =
|
||||
minDistanceSection.localToCanvasPoint(
|
||||
getRectangleCenter(
|
||||
minDistanceSection.lineGraphic.getLocalBounds()
|
||||
)
|
||||
);
|
||||
let minDistanceSectionLeft = minDistanceSection.localToCanvasPoint(
|
||||
minDistanceSection.getStartPoint()
|
||||
);
|
||||
let minDistanceSectionRight = minDistanceSection.localToCanvasPoint(
|
||||
minDistanceSection.getEndPoint()
|
||||
);
|
||||
[minDistanceSectionLeft, minDistanceSectionRight] =
|
||||
minDistanceSectionLeft.x < minDistanceSectionRight.x
|
||||
? [minDistanceSectionLeft, minDistanceSectionRight]
|
||||
: [minDistanceSectionRight, minDistanceSectionLeft];
|
||||
|
||||
if (mousePos.x > minDistanceRefSectionsPos.x) {
|
||||
graphicCopyPlugin.container.position.x =
|
||||
minDistanceSectionRight.x - selectSectionLeft.x;
|
||||
graphicCopyPlugin.container.position.y =
|
||||
minDistanceSectionRight.y - selectSectionLeft.y;
|
||||
} else {
|
||||
graphicCopyPlugin.container.position.x =
|
||||
minDistanceSectionLeft.x - selectSectionRight.x;
|
||||
graphicCopyPlugin.container.position.y =
|
||||
minDistanceSectionLeft.y - selectSectionRight.y;
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
]);
|
||||
return electronicMapDrawApp;
|
||||
}
|
||||
|
||||
export async function loadElectronicMapDrawDatas(): Promise<IGraphicStorage> {
|
||||
const drawStore = useDrawStore();
|
||||
const id = drawStore.draftId;
|
||||
if (!id) {
|
||||
throw new Error('获取数据异常：为获取到草稿地图ID');
|
||||
}
|
||||
const base64 = (await getDraft(id)).data;
|
||||
if (base64) {
|
||||
const storage =
|
||||
electronicMapGraphicData.ElectronicMapGraphicStorage.deserialize(
|
||||
toUint8Array(base64)
|
||||
);
|
||||
const datas: GraphicData[] = [];
|
||||
generateAxleCountingConfig = storage.generateAxleCountingConfig;
|
||||
storage.Platforms.forEach((platform) => {
|
||||
datas.push(new PlatformData(platform));
|
||||
});
|
||||
console.log(storage, 'storage');
|
||||
return Promise.resolve({
|
||||
canvasProperty: storage.canvas,
|
||||
datas: datas,
|
||||
});
|
||||
} else {
|
||||
return Promise.resolve({
|
||||
datas: [],
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export function saveDrawDatas(app: IDrawApp) {
|
||||
const storage = new electronicMapGraphicData.ElectronicMapGraphicStorage();
|
||||
const canvasData = app.canvas.saveData();
|
||||
storage.canvas = new common.Canvas({
|
||||
width: canvasData.width,
|
||||
height: canvasData.height,
|
||||
backgroundColor: canvasData.backgroundColor,
|
||||
viewportTransform: toStorageTransform(canvasData.viewportTransform),
|
||||
});
|
||||
const graphics = app.queryStore.getAllGraphics();
|
||||
graphics.forEach((g) => {
|
||||
if (g instanceof Platform) {
|
||||
const platformData = g.saveData();
|
||||
storage.Platforms.push((platformData as PlatformData).data);
|
||||
}
|
||||
});
|
||||
storage.generateAxleCountingConfig = generateAxleCountingConfig;
|
||||
const base64 = fromUint8Array(storage.serialize());
|
||||
console.log('保存数据', storage);
|
||||
return base64;
|
||||
}
|
||||
|
||||
export function saveDrawToServer(base64: string) {
|
||||
const drawStore = useDrawStore();
|
||||
const id = drawStore.draftId;
|
||||
if (!id) {
|
||||
return;
|
||||
}
|
||||
saveDraft({ id, data: base64 })
|
||||
.then(() => {
|
||||
successNotify('保存数据成功！');
|
||||
})
|
||||
.catch((err) => {
|
||||
errorNotify(err.message, err);
|
||||
});
|
||||
}
|
||||
|
||||
//一键生成计轴配置
|
||||
let generateAxleCountingConfig =
|
||||
new electronicMapGraphicData.GenerateAxleCountingConfig();
|
||||
export function loadGenerateAxleCountingConfig() {
|
||||
return generateAxleCountingConfig;
|
||||
}
|
||||
|
||||
export function setGenerateAxleCountingConfig(
|
||||
newScreenDoorConfig: electronicMapGraphicData.GenerateAxleCountingConfig
|
||||
) {
|
||||
generateAxleCountingConfig = newScreenDoorConfig;
|
||||
}
|
||||
41
src/drawApp/graphics/BAS/EscalatorInteraction.ts
Normal file
41
src/drawApp/graphics/BAS/EscalatorInteraction.ts
Normal file
@ -0,0 +1,41 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import {
|
||||
IescalatorData,
|
||||
Escalator,
|
||||
} from 'src/graphics/BAS/escalator/Escalator';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class EscalatorData extends GraphicDataBase implements IescalatorData {
|
||||
constructor(data?: iscsGraphicData.Escalator) {
|
||||
let escalator;
|
||||
if (data) {
|
||||
escalator = data;
|
||||
} else {
|
||||
escalator = new iscsGraphicData.Escalator({
|
||||
common: GraphicDataBase.defaultCommonInfo(Escalator.Type),
|
||||
});
|
||||
}
|
||||
super(escalator);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.Escalator {
|
||||
return this.getData<iscsGraphicData.Escalator>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): EscalatorData {
|
||||
return new EscalatorData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: EscalatorData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: EscalatorData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
41
src/drawApp/graphics/BAS/VerticalElevatorInteraction.ts
Normal file
41
src/drawApp/graphics/BAS/VerticalElevatorInteraction.ts
Normal file
@ -0,0 +1,41 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import {
|
||||
IverticalElevatorData,
|
||||
VerticalElevator,
|
||||
} from 'src/graphics/BAS/verticalElevator/VerticalElevator';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class VerticalElevatorData extends GraphicDataBase implements IverticalElevatorData {
|
||||
constructor(data?: iscsGraphicData.VerticalElevator) {
|
||||
let verticalElevator;
|
||||
if (data) {
|
||||
verticalElevator = data;
|
||||
} else {
|
||||
verticalElevator = new iscsGraphicData.VerticalElevator({
|
||||
common: GraphicDataBase.defaultCommonInfo(VerticalElevator.Type),
|
||||
});
|
||||
}
|
||||
super(verticalElevator);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.VerticalElevator {
|
||||
return this.getData<iscsGraphicData.VerticalElevator>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): VerticalElevatorData {
|
||||
return new VerticalElevatorData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: VerticalElevatorData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: VerticalElevatorData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
92
src/drawApp/graphics/ButtonInteraction.ts
Normal file
92
src/drawApp/graphics/ButtonInteraction.ts
Normal file
@ -0,0 +1,92 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from './GraphicDataBase';
|
||||
import { Button, IButtonData } from 'src/graphics/button/Button';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class ButtonData extends GraphicDataBase implements IButtonData {
|
||||
constructor(data?: iscsGraphicData.Button) {
|
||||
let button;
|
||||
if (data) {
|
||||
button = data;
|
||||
} else {
|
||||
button = new iscsGraphicData.Button({
|
||||
common: GraphicDataBase.defaultCommonInfo(Button.Type),
|
||||
});
|
||||
}
|
||||
super(button);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.Button {
|
||||
return this.getData<iscsGraphicData.Button>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
get codeColor(): string {
|
||||
return this.data.codeColor;
|
||||
}
|
||||
set codeColor(v: string) {
|
||||
this.data.codeColor = v;
|
||||
}
|
||||
get codeFontSize(): number {
|
||||
return this.data.codeFontSize;
|
||||
}
|
||||
set codeFontSize(v: number) {
|
||||
this.data.codeFontSize = v;
|
||||
}
|
||||
get belongSubMenu(): string {
|
||||
return this.data.codeColor;
|
||||
}
|
||||
set belongSubMenu(v: string) {
|
||||
this.data.codeColor = v;
|
||||
}
|
||||
get buttonType(): iscsGraphicData.Button.ButtonType {
|
||||
return this.data.buttonType;
|
||||
}
|
||||
set buttonType(v: iscsGraphicData.Button.ButtonType) {
|
||||
this.data.buttonType = v;
|
||||
}
|
||||
get width(): number {
|
||||
return this.data.width;
|
||||
}
|
||||
set width(v: number) {
|
||||
this.data.width = v;
|
||||
}
|
||||
get height(): number {
|
||||
return this.data.height;
|
||||
}
|
||||
set height(v: number) {
|
||||
this.data.height = v;
|
||||
}
|
||||
get radius(): number {
|
||||
return this.data.radius;
|
||||
}
|
||||
set radius(v: number) {
|
||||
this.data.radius = v;
|
||||
}
|
||||
get fillColor(): string {
|
||||
return this.data.fillColor;
|
||||
}
|
||||
set fillColor(v: string) {
|
||||
this.data.fillColor = v;
|
||||
}
|
||||
get alpha(): number {
|
||||
return this.data.alpha;
|
||||
}
|
||||
set alpha(v: number) {
|
||||
this.data.alpha = v;
|
||||
}
|
||||
clone(): ButtonData {
|
||||
return new ButtonData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: ButtonData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: ButtonData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
@ -1,47 +0,0 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
CCTVButton,
|
||||
ICCTVButtonData,
|
||||
} from 'src/graphics/CCTV/cctvButton/CCTVButton';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class CCTVButtonData extends GraphicDataBase implements ICCTVButtonData {
|
||||
constructor(data?: iscsGraphicData.CCTVButton) {
|
||||
let cctvButton;
|
||||
if (data) {
|
||||
cctvButton = data;
|
||||
} else {
|
||||
cctvButton = new iscsGraphicData.CCTVButton({
|
||||
common: GraphicDataBase.defaultCommonInfo(CCTVButton.Type),
|
||||
});
|
||||
}
|
||||
super(cctvButton);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.CCTVButton {
|
||||
return this.getData<iscsGraphicData.CCTVButton>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
get buttonType(): iscsGraphicData.CCTVButton.ButtonType {
|
||||
return this.data.buttonType;
|
||||
}
|
||||
set buttonType(v: iscsGraphicData.CCTVButton.ButtonType) {
|
||||
this.data.buttonType = v;
|
||||
}
|
||||
clone(): CCTVButtonData {
|
||||
return new CCTVButtonData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: CCTVButtonData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: CCTVButtonData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
38
src/drawApp/graphics/FAS/AcsInteraction.ts
Normal file
38
src/drawApp/graphics/FAS/AcsInteraction.ts
Normal file
@ -0,0 +1,38 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import { Acs, IAcsData } from 'src/graphics/FAS/acs/Acs';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class AcsData extends GraphicDataBase implements IAcsData {
|
||||
constructor(data?: iscsGraphicData.Acs) {
|
||||
let acs;
|
||||
if (data) {
|
||||
acs = data;
|
||||
} else {
|
||||
acs = new iscsGraphicData.Acs({
|
||||
common: GraphicDataBase.defaultCommonInfo(Acs.Type),
|
||||
});
|
||||
}
|
||||
super(acs);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.Acs {
|
||||
return this.getData<iscsGraphicData.Acs>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): AcsData {
|
||||
return new AcsData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: AcsData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: AcsData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
38
src/drawApp/graphics/FAS/AfcInteraction.ts
Normal file
38
src/drawApp/graphics/FAS/AfcInteraction.ts
Normal file
@ -0,0 +1,38 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import { Afc, IAfcData } from 'src/graphics/FAS/afc/Afc';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class AfcData extends GraphicDataBase implements IAfcData {
|
||||
constructor(data?: iscsGraphicData.Afc) {
|
||||
let afc;
|
||||
if (data) {
|
||||
afc = data;
|
||||
} else {
|
||||
afc = new iscsGraphicData.Afc({
|
||||
common: GraphicDataBase.defaultCommonInfo(Afc.Type),
|
||||
});
|
||||
}
|
||||
super(afc);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.Afc {
|
||||
return this.getData<iscsGraphicData.Afc>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): AfcData {
|
||||
return new AfcData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: AfcData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: AfcData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
ElectricButterflyValve,
|
||||
IElectricButterflyValveData,
|
||||
} from 'src/graphics/FAS/electricButterflyValve/ElectricButterflyValve';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class ElectricButterflyValveData
|
||||
extends GraphicDataBase
|
||||
implements IElectricButterflyValveData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.ElectricButterflyValve) {
|
||||
let electricButterflyValve;
|
||||
if (data) {
|
||||
electricButterflyValve = data;
|
||||
} else {
|
||||
electricButterflyValve = new iscsGraphicData.ElectricButterflyValve({
|
||||
common: GraphicDataBase.defaultCommonInfo(ElectricButterflyValve.Type),
|
||||
});
|
||||
}
|
||||
super(electricButterflyValve);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.ElectricButterflyValve {
|
||||
return this.getData<iscsGraphicData.ElectricButterflyValve>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): ElectricButterflyValveData {
|
||||
return new ElectricButterflyValveData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: ElectricButterflyValveData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: ElectricButterflyValveData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,47 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
ElectricFireExtinguishingValve,
|
||||
IElectricFireExtinguishingValveData,
|
||||
} from 'src/graphics/FAS/electricFireExtinguishingValve/ElectricFireExtinguishingValve';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class ElectricFireExtinguishingValveData
|
||||
extends GraphicDataBase
|
||||
implements IElectricFireExtinguishingValveData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.ElectricFireExtinguishingValve) {
|
||||
let electricFireExtinguishingValve;
|
||||
if (data) {
|
||||
electricFireExtinguishingValve = data;
|
||||
} else {
|
||||
electricFireExtinguishingValve =
|
||||
new iscsGraphicData.ElectricFireExtinguishingValve({
|
||||
common: GraphicDataBase.defaultCommonInfo(
|
||||
ElectricFireExtinguishingValve.Type
|
||||
),
|
||||
});
|
||||
}
|
||||
super(electricFireExtinguishingValve);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.ElectricFireExtinguishingValve {
|
||||
return this.getData<iscsGraphicData.ElectricFireExtinguishingValve>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): ElectricFireExtinguishingValveData {
|
||||
return new ElectricFireExtinguishingValveData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: ElectricFireExtinguishingValveData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: ElectricFireExtinguishingValveData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
44
src/drawApp/graphics/FAS/ElevatorLiftToTopInteraction.ts
Normal file
44
src/drawApp/graphics/FAS/ElevatorLiftToTopInteraction.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
ElevatorLiftToTop,
|
||||
IElevatorLiftToTopData,
|
||||
} from 'src/graphics/FAS/elevatorLiftToTop/ElevatorLiftToTop';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class ElevatorLiftToTopData
|
||||
extends GraphicDataBase
|
||||
implements IElevatorLiftToTopData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.ElevatorLiftToTop) {
|
||||
let elevatorLiftToTop;
|
||||
if (data) {
|
||||
elevatorLiftToTop = data;
|
||||
} else {
|
||||
elevatorLiftToTop = new iscsGraphicData.ElevatorLiftToTop({
|
||||
common: GraphicDataBase.defaultCommonInfo(ElevatorLiftToTop.Type),
|
||||
});
|
||||
}
|
||||
super(elevatorLiftToTop);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.ElevatorLiftToTop {
|
||||
return this.getData<iscsGraphicData.ElevatorLiftToTop>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): ElevatorLiftToTopData {
|
||||
return new ElevatorLiftToTopData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: ElevatorLiftToTopData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: ElevatorLiftToTopData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
44
src/drawApp/graphics/FAS/EmergencyLightingInteraction.ts
Normal file
44
src/drawApp/graphics/FAS/EmergencyLightingInteraction.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
EmergencyLighting,
|
||||
IEmergencyLightingData,
|
||||
} from 'src/graphics/FAS/emergencyLighting/EmergencyLighting';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class EmergencyLightingData
|
||||
extends GraphicDataBase
|
||||
implements IEmergencyLightingData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.EmergencyLighting) {
|
||||
let emergencyLighting;
|
||||
if (data) {
|
||||
emergencyLighting = data;
|
||||
} else {
|
||||
emergencyLighting = new iscsGraphicData.EmergencyLighting({
|
||||
common: GraphicDataBase.defaultCommonInfo(EmergencyLighting.Type),
|
||||
});
|
||||
}
|
||||
super(emergencyLighting);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.EmergencyLighting {
|
||||
return this.getData<iscsGraphicData.EmergencyLighting>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): EmergencyLightingData {
|
||||
return new EmergencyLightingData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: EmergencyLightingData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: EmergencyLightingData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
38
src/drawApp/graphics/FAS/FasAlarmInteraction.ts
Normal file
38
src/drawApp/graphics/FAS/FasAlarmInteraction.ts
Normal file
@ -0,0 +1,38 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import { FasAlarm, IFasAlarmData } from 'src/graphics/FAS/fasAlarm/FasAlarm';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class FasAlarmData extends GraphicDataBase implements IFasAlarmData {
|
||||
constructor(data?: iscsGraphicData.FasAlarm) {
|
||||
let fasAlarm;
|
||||
if (data) {
|
||||
fasAlarm = data;
|
||||
} else {
|
||||
fasAlarm = new iscsGraphicData.FasAlarm({
|
||||
common: GraphicDataBase.defaultCommonInfo(FasAlarm.Type),
|
||||
});
|
||||
}
|
||||
super(fasAlarm);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.FasAlarm {
|
||||
return this.getData<iscsGraphicData.FasAlarm>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): FasAlarmData {
|
||||
return new FasAlarmData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: FasAlarmData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: FasAlarmData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
44
src/drawApp/graphics/FAS/FasFailureControlHostInteraction.ts
Normal file
44
src/drawApp/graphics/FAS/FasFailureControlHostInteraction.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
FasFailureControlHost,
|
||||
IFasFailureControlHostData,
|
||||
} from 'src/graphics/FAS/fireFailureControlHost/FasFailureControlHost';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class FasFailureControlHostData
|
||||
extends GraphicDataBase
|
||||
implements IFasFailureControlHostData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.FasFailureControlHost) {
|
||||
let fasFailureControlHost;
|
||||
if (data) {
|
||||
fasFailureControlHost = data;
|
||||
} else {
|
||||
fasFailureControlHost = new iscsGraphicData.FasFailureControlHost({
|
||||
common: GraphicDataBase.defaultCommonInfo(FasFailureControlHost.Type),
|
||||
});
|
||||
}
|
||||
super(fasFailureControlHost);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.FasFailureControlHost {
|
||||
return this.getData<iscsGraphicData.FasFailureControlHost>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): FasFailureControlHostData {
|
||||
return new FasFailureControlHostData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: FasFailureControlHostData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: FasFailureControlHostData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
41
src/drawApp/graphics/FAS/FaultValveInteraction.ts
Normal file
41
src/drawApp/graphics/FAS/FaultValveInteraction.ts
Normal file
@ -0,0 +1,41 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
FaultValve,
|
||||
IFaultValveData,
|
||||
} from 'src/graphics/FAS/faultValve/FaultValve';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class FaultValveData extends GraphicDataBase implements IFaultValveData {
|
||||
constructor(data?: iscsGraphicData.FaultValve) {
|
||||
let faultValve;
|
||||
if (data) {
|
||||
faultValve = data;
|
||||
} else {
|
||||
faultValve = new iscsGraphicData.FaultValve({
|
||||
common: GraphicDataBase.defaultCommonInfo(FaultValve.Type),
|
||||
});
|
||||
}
|
||||
super(faultValve);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.FaultValve {
|
||||
return this.getData<iscsGraphicData.FaultValve>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): FaultValveData {
|
||||
return new FaultValveData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: FaultValveData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: FaultValveData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,47 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
FireIntercommunicationSignal,
|
||||
IFireIntercommunicationSignalData,
|
||||
} from 'src/graphics/FAS/fireIntercommunicationSignal/FireIntercommunicationSignal';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class FireIntercommunicationSignalData
|
||||
extends GraphicDataBase
|
||||
implements IFireIntercommunicationSignalData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.FireIntercommunicationSignal) {
|
||||
let fireIntercommunicationSignal;
|
||||
if (data) {
|
||||
fireIntercommunicationSignal = data;
|
||||
} else {
|
||||
fireIntercommunicationSignal =
|
||||
new iscsGraphicData.FireIntercommunicationSignal({
|
||||
common: GraphicDataBase.defaultCommonInfo(
|
||||
FireIntercommunicationSignal.Type
|
||||
),
|
||||
});
|
||||
}
|
||||
super(fireIntercommunicationSignal);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.FireIntercommunicationSignal {
|
||||
return this.getData<iscsGraphicData.FireIntercommunicationSignal>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): FireIntercommunicationSignalData {
|
||||
return new FireIntercommunicationSignalData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: FireIntercommunicationSignalData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: FireIntercommunicationSignalData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
38
src/drawApp/graphics/FAS/FirePumpInteraction.ts
Normal file
38
src/drawApp/graphics/FAS/FirePumpInteraction.ts
Normal file
@ -0,0 +1,38 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import { FirePump, IFirePumpData } from 'src/graphics/FAS/firePump/FirePump';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class FirePumpData extends GraphicDataBase implements IFirePumpData {
|
||||
constructor(data?: iscsGraphicData.FirePump) {
|
||||
let firePump;
|
||||
if (data) {
|
||||
firePump = data;
|
||||
} else {
|
||||
firePump = new iscsGraphicData.FirePump({
|
||||
common: GraphicDataBase.defaultCommonInfo(FirePump.Type),
|
||||
});
|
||||
}
|
||||
super(firePump);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.FirePump {
|
||||
return this.getData<iscsGraphicData.FirePump>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): FirePumpData {
|
||||
return new FirePumpData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: FirePumpData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: FirePumpData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
44
src/drawApp/graphics/FAS/FireShutterInteraction.ts
Normal file
44
src/drawApp/graphics/FAS/FireShutterInteraction.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
FireShutter,
|
||||
IFireShutterData,
|
||||
} from 'src/graphics/FAS/fireShutter/FireShutter';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class FireShutterData
|
||||
extends GraphicDataBase
|
||||
implements IFireShutterData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.FireShutter) {
|
||||
let fireShutter;
|
||||
if (data) {
|
||||
fireShutter = data;
|
||||
} else {
|
||||
fireShutter = new iscsGraphicData.FireShutter({
|
||||
common: GraphicDataBase.defaultCommonInfo(FireShutter.Type),
|
||||
});
|
||||
}
|
||||
super(fireShutter);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.FireShutter {
|
||||
return this.getData<iscsGraphicData.FireShutter>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): FireShutterData {
|
||||
return new FireShutterData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: FireShutterData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: FireShutterData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
41
src/drawApp/graphics/FAS/FireValveInteraction.ts
Normal file
41
src/drawApp/graphics/FAS/FireValveInteraction.ts
Normal file
@ -0,0 +1,41 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
FireValve,
|
||||
IFireValveData,
|
||||
} from 'src/graphics/FAS/fireValve/FireValve';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class FireValveData extends GraphicDataBase implements IFireValveData {
|
||||
constructor(data?: iscsGraphicData.FireValve) {
|
||||
let fireValve;
|
||||
if (data) {
|
||||
fireValve = data;
|
||||
} else {
|
||||
fireValve = new iscsGraphicData.FireValve({
|
||||
common: GraphicDataBase.defaultCommonInfo(FireValve.Type),
|
||||
});
|
||||
}
|
||||
super(fireValve);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.FireValve {
|
||||
return this.getData<iscsGraphicData.FireValve>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): FireValveData {
|
||||
return new FireValveData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: FireValveData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: FireValveData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
44
src/drawApp/graphics/FAS/ManualAlarmButtonInteraction.ts
Normal file
44
src/drawApp/graphics/FAS/ManualAlarmButtonInteraction.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
ManualAlarmButton,
|
||||
IManualAlarmButtonData,
|
||||
} from 'src/graphics/FAS/manualAlarmButton/ManualAlarmButton';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class ManualAlarmButtonData
|
||||
extends GraphicDataBase
|
||||
implements IManualAlarmButtonData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.ManualAlarmButton) {
|
||||
let manualAlarmButton;
|
||||
if (data) {
|
||||
manualAlarmButton = data;
|
||||
} else {
|
||||
manualAlarmButton = new iscsGraphicData.ManualAlarmButton({
|
||||
common: GraphicDataBase.defaultCommonInfo(ManualAlarmButton.Type),
|
||||
});
|
||||
}
|
||||
super(manualAlarmButton);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.ManualAlarmButton {
|
||||
return this.getData<iscsGraphicData.ManualAlarmButton>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): ManualAlarmButtonData {
|
||||
return new ManualAlarmButtonData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: ManualAlarmButtonData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: ManualAlarmButtonData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
44
src/drawApp/graphics/FAS/NonFirePowerSupplyInteraction.ts
Normal file
44
src/drawApp/graphics/FAS/NonFirePowerSupplyInteraction.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
NonFirePowerSupply,
|
||||
INonFirePowerSupplyData,
|
||||
} from 'src/graphics/FAS/nonFirePowerSupply/NonFirePowerSupply';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class NonFirePowerSupplyData
|
||||
extends GraphicDataBase
|
||||
implements INonFirePowerSupplyData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.NonFirePowerSupply) {
|
||||
let nonFirePowerSupply;
|
||||
if (data) {
|
||||
nonFirePowerSupply = data;
|
||||
} else {
|
||||
nonFirePowerSupply = new iscsGraphicData.NonFirePowerSupply({
|
||||
common: GraphicDataBase.defaultCommonInfo(NonFirePowerSupply.Type),
|
||||
});
|
||||
}
|
||||
super(nonFirePowerSupply);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.NonFirePowerSupply {
|
||||
return this.getData<iscsGraphicData.NonFirePowerSupply>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): NonFirePowerSupplyData {
|
||||
return new NonFirePowerSupplyData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: NonFirePowerSupplyData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: NonFirePowerSupplyData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
44
src/drawApp/graphics/FAS/PressureSwitchInteraction.ts
Normal file
44
src/drawApp/graphics/FAS/PressureSwitchInteraction.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
PressureSwitch,
|
||||
IPressureSwitchData,
|
||||
} from 'src/graphics/FAS/pressureSwitch/PressureSwitch';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class PressureSwitchData
|
||||
extends GraphicDataBase
|
||||
implements IPressureSwitchData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.PressureSwitch) {
|
||||
let pressureSwitch;
|
||||
if (data) {
|
||||
pressureSwitch = data;
|
||||
} else {
|
||||
pressureSwitch = new iscsGraphicData.PressureSwitch({
|
||||
common: GraphicDataBase.defaultCommonInfo(PressureSwitch.Type),
|
||||
});
|
||||
}
|
||||
super(pressureSwitch);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.PressureSwitch {
|
||||
return this.getData<iscsGraphicData.PressureSwitch>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): PressureSwitchData {
|
||||
return new PressureSwitchData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: PressureSwitchData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: PressureSwitchData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
44
src/drawApp/graphics/FAS/SignalButterflyValveInteraction.ts
Normal file
44
src/drawApp/graphics/FAS/SignalButterflyValveInteraction.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
SignalButterflyValve,
|
||||
ISignalButterflyValveData,
|
||||
} from 'src/graphics/FAS/signalButterflyValve/SignalButterflyValve';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class SignalButterflyValveData
|
||||
extends GraphicDataBase
|
||||
implements ISignalButterflyValveData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.SignalButterflyValve) {
|
||||
let signalButterflyValve;
|
||||
if (data) {
|
||||
signalButterflyValve = data;
|
||||
} else {
|
||||
signalButterflyValve = new iscsGraphicData.SignalButterflyValve({
|
||||
common: GraphicDataBase.defaultCommonInfo(SignalButterflyValve.Type),
|
||||
});
|
||||
}
|
||||
super(signalButterflyValve);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.SignalButterflyValve {
|
||||
return this.getData<iscsGraphicData.SignalButterflyValve>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): SignalButterflyValveData {
|
||||
return new SignalButterflyValveData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: SignalButterflyValveData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: SignalButterflyValveData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
44
src/drawApp/graphics/FAS/SmokeDetectorInteraction.ts
Normal file
44
src/drawApp/graphics/FAS/SmokeDetectorInteraction.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
SmokeDetector,
|
||||
ISmokeDetectorData,
|
||||
} from 'src/graphics/FAS/smokeDetector/SmokeDetector';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class SmokeDetectorData
|
||||
extends GraphicDataBase
|
||||
implements ISmokeDetectorData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.SmokeDetector) {
|
||||
let smokeDetector;
|
||||
if (data) {
|
||||
smokeDetector = data;
|
||||
} else {
|
||||
smokeDetector = new iscsGraphicData.SmokeDetector({
|
||||
common: GraphicDataBase.defaultCommonInfo(SmokeDetector.Type),
|
||||
});
|
||||
}
|
||||
super(smokeDetector);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.SmokeDetector {
|
||||
return this.getData<iscsGraphicData.SmokeDetector>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): SmokeDetectorData {
|
||||
return new SmokeDetectorData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: SmokeDetectorData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: SmokeDetectorData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
41
src/drawApp/graphics/FAS/SprayPumpInteraction.ts
Normal file
41
src/drawApp/graphics/FAS/SprayPumpInteraction.ts
Normal file
@ -0,0 +1,41 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
SprayPump,
|
||||
ISprayPumpData,
|
||||
} from 'src/graphics/FAS/sprayPump/SprayPump';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class SprayPumpData extends GraphicDataBase implements ISprayPumpData {
|
||||
constructor(data?: iscsGraphicData.SprayPump) {
|
||||
let sprayPump;
|
||||
if (data) {
|
||||
sprayPump = data;
|
||||
} else {
|
||||
sprayPump = new iscsGraphicData.SprayPump({
|
||||
common: GraphicDataBase.defaultCommonInfo(SprayPump.Type),
|
||||
});
|
||||
}
|
||||
super(sprayPump);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.SprayPump {
|
||||
return this.getData<iscsGraphicData.SprayPump>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): SprayPumpData {
|
||||
return new SprayPumpData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: SprayPumpData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: SprayPumpData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
import {
|
||||
StabilizedPressurePump,
|
||||
IStabilizedPressurePumpData,
|
||||
} from 'src/graphics/FAS/stabilizedPressurePump/StabilizedPressurePump';
|
||||
|
||||
export class StabilizedPressurePumpData
|
||||
extends GraphicDataBase
|
||||
implements IStabilizedPressurePumpData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.StabilizedPressurePump) {
|
||||
let stabilizedPressurePump;
|
||||
if (data) {
|
||||
stabilizedPressurePump = data;
|
||||
} else {
|
||||
stabilizedPressurePump = new iscsGraphicData.StabilizedPressurePump({
|
||||
common: GraphicDataBase.defaultCommonInfo(StabilizedPressurePump.Type),
|
||||
});
|
||||
}
|
||||
super(stabilizedPressurePump);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.StabilizedPressurePump {
|
||||
return this.getData<iscsGraphicData.StabilizedPressurePump>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): StabilizedPressurePumpData {
|
||||
return new StabilizedPressurePumpData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: StabilizedPressurePumpData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: StabilizedPressurePumpData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
44
src/drawApp/graphics/FAS/StartPumpButtonInteraction.ts
Normal file
44
src/drawApp/graphics/FAS/StartPumpButtonInteraction.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
StartPumpButton,
|
||||
IStartPumpButtonData,
|
||||
} from 'src/graphics/FAS/startPumpButton/StartPumpButton';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class StartPumpButtonData
|
||||
extends GraphicDataBase
|
||||
implements IStartPumpButtonData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.StartPumpButton) {
|
||||
let startPumpButton;
|
||||
if (data) {
|
||||
startPumpButton = data;
|
||||
} else {
|
||||
startPumpButton = new iscsGraphicData.StartPumpButton({
|
||||
common: GraphicDataBase.defaultCommonInfo(StartPumpButton.Type),
|
||||
});
|
||||
}
|
||||
super(startPumpButton);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.StartPumpButton {
|
||||
return this.getData<iscsGraphicData.StartPumpButton>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): StartPumpButtonData {
|
||||
return new StartPumpButtonData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: StartPumpButtonData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: StartPumpButtonData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
44
src/drawApp/graphics/FAS/TemperatureCableInteraction.ts
Normal file
44
src/drawApp/graphics/FAS/TemperatureCableInteraction.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
TemperatureCable,
|
||||
ITemperatureCableData,
|
||||
} from 'src/graphics/FAS/temperatureCable/TemperatureCable';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class TemperatureCableData
|
||||
extends GraphicDataBase
|
||||
implements ITemperatureCableData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.TemperatureCable) {
|
||||
let temperatureCable;
|
||||
if (data) {
|
||||
temperatureCable = data;
|
||||
} else {
|
||||
temperatureCable = new iscsGraphicData.TemperatureCable({
|
||||
common: GraphicDataBase.defaultCommonInfo(TemperatureCable.Type),
|
||||
});
|
||||
}
|
||||
super(temperatureCable);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.TemperatureCable {
|
||||
return this.getData<iscsGraphicData.TemperatureCable>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): TemperatureCableData {
|
||||
return new TemperatureCableData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: TemperatureCableData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: TemperatureCableData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
44
src/drawApp/graphics/FAS/TemperatureDetectorInteraction.ts
Normal file
44
src/drawApp/graphics/FAS/TemperatureDetectorInteraction.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
TemperatureDetector,
|
||||
ITemperatureDetectorData,
|
||||
} from 'src/graphics/FAS/temperatureDetector/TemperatureDetector';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class TemperatureDetectorData
|
||||
extends GraphicDataBase
|
||||
implements ITemperatureDetectorData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.TemperatureDetector) {
|
||||
let cctvButton;
|
||||
if (data) {
|
||||
cctvButton = data;
|
||||
} else {
|
||||
cctvButton = new iscsGraphicData.TemperatureDetector({
|
||||
common: GraphicDataBase.defaultCommonInfo(TemperatureDetector.Type),
|
||||
});
|
||||
}
|
||||
super(cctvButton);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.TemperatureDetector {
|
||||
return this.getData<iscsGraphicData.TemperatureDetector>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): TemperatureDetectorData {
|
||||
return new TemperatureDetectorData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: TemperatureDetectorData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: TemperatureDetectorData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
44
src/drawApp/graphics/FAS/WaterFlowIndicatorInteraction.ts
Normal file
44
src/drawApp/graphics/FAS/WaterFlowIndicatorInteraction.ts
Normal file
@ -0,0 +1,44 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
import {
|
||||
WaterFlowIndicator,
|
||||
IWaterFlowIndicatorData,
|
||||
} from 'src/graphics/FAS/waterFlowIndicator/WaterFlowIndicator';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
export class WaterFlowIndicatorData
|
||||
extends GraphicDataBase
|
||||
implements IWaterFlowIndicatorData
|
||||
{
|
||||
constructor(data?: iscsGraphicData.WaterFlowIndicator) {
|
||||
let waterFlowIndicator;
|
||||
if (data) {
|
||||
waterFlowIndicator = data;
|
||||
} else {
|
||||
waterFlowIndicator = new iscsGraphicData.WaterFlowIndicator({
|
||||
common: GraphicDataBase.defaultCommonInfo(WaterFlowIndicator.Type),
|
||||
});
|
||||
}
|
||||
super(waterFlowIndicator);
|
||||
}
|
||||
|
||||
public get data(): iscsGraphicData.WaterFlowIndicator {
|
||||
return this.getData<iscsGraphicData.WaterFlowIndicator>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
clone(): WaterFlowIndicatorData {
|
||||
return new WaterFlowIndicatorData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: WaterFlowIndicatorData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: WaterFlowIndicatorData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,71 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import {
|
||||
AxleCounting,
|
||||
IAxleCountingData,
|
||||
} from 'src/graphics/axleCounting/AxleCounting';
|
||||
import { graphicData } from 'src/protos/stationLayoutGraphics';
|
||||
import { GraphicDataBase } from './GraphicDataBase';
|
||||
import { KilometerSystem } from 'src/graphics/signal/Signal';
|
||||
|
||||
export class AxleCountingData
|
||||
extends GraphicDataBase
|
||||
implements IAxleCountingData
|
||||
{
|
||||
constructor(data?: graphicData.AxleCounting) {
|
||||
let axleCounting;
|
||||
if (!data) {
|
||||
axleCounting = new graphicData.AxleCounting({
|
||||
common: GraphicDataBase.defaultCommonInfo(AxleCounting.Type),
|
||||
});
|
||||
} else {
|
||||
axleCounting = data;
|
||||
}
|
||||
super(axleCounting);
|
||||
}
|
||||
|
||||
public get data(): graphicData.AxleCounting {
|
||||
return this.getData<graphicData.AxleCounting>();
|
||||
}
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
get kilometerSystem(): KilometerSystem {
|
||||
if (!this.data.kilometerSystem) {
|
||||
this.data.kilometerSystem = new graphicData.KilometerSystem();
|
||||
}
|
||||
return this.data.kilometerSystem;
|
||||
}
|
||||
set kilometerSystem(v: KilometerSystem) {
|
||||
this.data.kilometerSystem = new graphicData.KilometerSystem(v);
|
||||
}
|
||||
get axleCountingRef(): graphicData.RelatedRef[] {
|
||||
return this.data.axleCountingRef;
|
||||
}
|
||||
set axleCountingRef(points: graphicData.RelatedRef[]) {
|
||||
this.data.axleCountingRef = points;
|
||||
}
|
||||
get type(): graphicData.AxleCounting.TypeDetectionPoint {
|
||||
return this.data.type;
|
||||
}
|
||||
set type(type: graphicData.AxleCounting.TypeDetectionPoint) {
|
||||
this.data.type = type;
|
||||
}
|
||||
get centralizedStations(): number[] {
|
||||
return this.data.centralizedStations;
|
||||
}
|
||||
set centralizedStations(v: number[]) {
|
||||
this.data.centralizedStations = v;
|
||||
}
|
||||
clone(): AxleCountingData {
|
||||
return new AxleCountingData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: AxleCountingData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: AxleCountingData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
148
src/drawApp/graphics/electronicMap/PlatformInteraction.ts
Normal file
148
src/drawApp/graphics/electronicMap/PlatformInteraction.ts
Normal file
@ -0,0 +1,148 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import {
|
||||
IPlatformData,
|
||||
Platform,
|
||||
} from 'src/graphics/electronicMap/platform/Platform';
|
||||
import { electronicMapGraphicData } from 'src/protos/electronicMap_graphic_data';
|
||||
import { GraphicDataBase } from '../GraphicDataBase';
|
||||
|
||||
import { IGraphicScene, GraphicInteractionPlugin, JlGraphic } from 'jl-graphic';
|
||||
|
||||
export class PlatformData extends GraphicDataBase implements IPlatformData {
|
||||
constructor(data?: electronicMapGraphicData.Platform) {
|
||||
let platform;
|
||||
if (!data) {
|
||||
platform = new electronicMapGraphicData.Platform({
|
||||
common: GraphicDataBase.defaultCommonInfo(Platform.Type),
|
||||
});
|
||||
} else {
|
||||
platform = data;
|
||||
}
|
||||
super(platform);
|
||||
}
|
||||
|
||||
public get data(): electronicMapGraphicData.Platform {
|
||||
return this.getData<electronicMapGraphicData.Platform>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
get refStation(): number {
|
||||
return this.data.refStationId;
|
||||
}
|
||||
set refStation(v: number) {
|
||||
this.data.refStationId = v;
|
||||
}
|
||||
get refSection(): number {
|
||||
return this.data.refSectionId;
|
||||
}
|
||||
set refSection(v: number) {
|
||||
this.data.refSectionId = v;
|
||||
}
|
||||
get refEsbRelayCode(): string {
|
||||
return this.data.refEsbRelayCode;
|
||||
}
|
||||
set refEsbRelayCode(v: string) {
|
||||
this.data.refEsbRelayCode = v;
|
||||
}
|
||||
get type(): electronicMapGraphicData.Platform.TypeOfPlatform {
|
||||
return this.data.type;
|
||||
}
|
||||
set type(v: electronicMapGraphicData.Platform.TypeOfPlatform) {
|
||||
this.data.type = v;
|
||||
}
|
||||
clone(): PlatformData {
|
||||
return new PlatformData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: PlatformData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: PlatformData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
|
||||
/* export class PlatformState extends GraphicStateBase implements IPlatformState {
|
||||
constructor(proto?: state.PlatformState) {
|
||||
let states;
|
||||
if (proto) {
|
||||
states = proto;
|
||||
} else {
|
||||
states = new state.PlatformState();
|
||||
}
|
||||
super(states, Platform.Type);
|
||||
}
|
||||
get id(): number {
|
||||
return this.states.id;
|
||||
}
|
||||
get code(): string {
|
||||
return this.states.id + '';
|
||||
}
|
||||
get states(): state.PlatformState {
|
||||
return this.getState<state.PlatformState>();
|
||||
}
|
||||
get empj(): boolean {
|
||||
return this.states.empj;
|
||||
}
|
||||
get spksState(): state.ReplyState[] {
|
||||
if (!this.states.spksState) {
|
||||
this.states.spksState = [new state.ReplyState()];
|
||||
}
|
||||
return this.states.spksState;
|
||||
}
|
||||
set spksState(v: state.ReplyState[]) {
|
||||
this.states.spksState = v;
|
||||
}
|
||||
get mkxJState(): state.MkxJState {
|
||||
if (!this.states.mkxJState) {
|
||||
this.states.mkxJState = new state.MkxJState();
|
||||
}
|
||||
return this.states.mkxJState;
|
||||
}
|
||||
set mkxJState(v: state.MkxJState) {
|
||||
this.states.mkxJState = v;
|
||||
}
|
||||
clone(): PlatformState {
|
||||
return new PlatformState(this.states.cloneMessage());
|
||||
}
|
||||
copyFrom(data: GraphicStateBase): void {
|
||||
pb_1.Message.copyInto(data._state, this._state);
|
||||
}
|
||||
eq(data: GraphicStateBase): boolean {
|
||||
return pb_1.Message.equals(this._state, data._state);
|
||||
}
|
||||
} */
|
||||
|
||||
export class PlatformOperateInteraction extends GraphicInteractionPlugin<Platform> {
|
||||
static Name = 'platform_operate_menu';
|
||||
constructor(app: IGraphicScene) {
|
||||
super(PlatformOperateInteraction.Name, app);
|
||||
}
|
||||
static init(app: IGraphicScene) {
|
||||
return new PlatformOperateInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): Platform[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === Platform.Type)
|
||||
.map((g) => g as Platform);
|
||||
}
|
||||
bind(g: Platform): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.selectable = true;
|
||||
g.on('_leftclick', this.onLeftClick, this);
|
||||
}
|
||||
|
||||
unbind(g: Platform): void {
|
||||
g.selectable = false;
|
||||
g.eventMode = 'none';
|
||||
g.off('_leftclick', this.onLeftClick, this);
|
||||
}
|
||||
onLeftClick() {
|
||||
//useLineStore().stateProCountIncrease();
|
||||
}
|
||||
}
|
||||
192
src/drawApp/graphics/electronicMap/ScreenDoorInteraction.ts
Normal file
192
src/drawApp/graphics/electronicMap/ScreenDoorInteraction.ts
Normal file
@ -0,0 +1,192 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import {
|
||||
IScreenDoorData,
|
||||
IScreenDoorState,
|
||||
ScreenDoor,
|
||||
} from 'src/graphics/screenDoor/ScreenDoor';
|
||||
import { graphicData } from 'src/protos/stationLayoutGraphics';
|
||||
import { GraphicDataBase, GraphicStateBase } from './GraphicDataBase';
|
||||
import { state } from 'src/protos/device_state';
|
||||
import { useLineStore } from 'src/stores/line-store';
|
||||
import {
|
||||
ContextMenu,
|
||||
GraphicInteractionPlugin,
|
||||
IGraphicScene,
|
||||
JlGraphic,
|
||||
MenuItemOptions,
|
||||
} from 'jl-graphic';
|
||||
import { loadScreenDoorConfig } from '../commonApp';
|
||||
import { Dialog } from 'quasar';
|
||||
import { DisplayObject, FederatedMouseEvent } from 'pixi.js';
|
||||
import ScreenDoorOperation from 'src/components/draw-app/dialogs/ScreenDoorOperation.vue';
|
||||
import { request } from 'src/protos/request';
|
||||
|
||||
export class ScreenDoorData extends GraphicDataBase implements IScreenDoorData {
|
||||
constructor(data?: graphicData.ScreenDoor) {
|
||||
let screenDoor;
|
||||
if (!data) {
|
||||
screenDoor = new graphicData.ScreenDoor({
|
||||
common: GraphicDataBase.defaultCommonInfo(ScreenDoor.Type),
|
||||
});
|
||||
} else {
|
||||
screenDoor = data;
|
||||
}
|
||||
super(screenDoor);
|
||||
}
|
||||
|
||||
public get data(): graphicData.ScreenDoor {
|
||||
return this.getData<graphicData.ScreenDoor>();
|
||||
}
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
get refPlatform(): number {
|
||||
return this.data.refPlatformId;
|
||||
}
|
||||
set refPlatform(v: number) {
|
||||
this.data.refPlatformId = v;
|
||||
}
|
||||
get sonDoorAmount(): number {
|
||||
return loadScreenDoorConfig()?.sonDoorAmount || 30;
|
||||
}
|
||||
|
||||
clone(): ScreenDoorData {
|
||||
return new ScreenDoorData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: ScreenDoorData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: ScreenDoorData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
|
||||
export class ScreenDoorState
|
||||
extends GraphicStateBase
|
||||
implements IScreenDoorState
|
||||
{
|
||||
constructor(proto?: state.PsdState) {
|
||||
let states;
|
||||
if (proto) {
|
||||
states = proto;
|
||||
} else {
|
||||
states = new state.PsdState();
|
||||
}
|
||||
super(states, ScreenDoor.Type);
|
||||
}
|
||||
get code(): string {
|
||||
return this.states.id + '';
|
||||
}
|
||||
get id(): number {
|
||||
return this.states.id;
|
||||
}
|
||||
set id(id: number) {
|
||||
this.states.id = id;
|
||||
}
|
||||
get asdStates(): state.AsdState[] {
|
||||
return this.states.asdStates;
|
||||
}
|
||||
set asdStates(v: state.AsdState[]) {
|
||||
this.states.asdStates = v;
|
||||
}
|
||||
get mgj() {
|
||||
return this.states.mgj;
|
||||
}
|
||||
set mgj(v: boolean) {
|
||||
this.states.mgj = v;
|
||||
}
|
||||
get zaw() {
|
||||
return this.states.zaw;
|
||||
}
|
||||
set zaw(v: boolean) {
|
||||
this.states.zaw = v;
|
||||
}
|
||||
get param(): request.PsdParam {
|
||||
return this.states.param;
|
||||
}
|
||||
set param(param: request.PsdParam) {
|
||||
this.states.param = param;
|
||||
}
|
||||
get states(): state.PsdState {
|
||||
return this.getState<state.PsdState>();
|
||||
}
|
||||
clone(): ScreenDoorState {
|
||||
return new ScreenDoorState(this.states.cloneMessage());
|
||||
}
|
||||
copyFrom(data: GraphicStateBase): void {
|
||||
pb_1.Message.copyInto(data._state, this._state);
|
||||
}
|
||||
eq(data: GraphicStateBase): boolean {
|
||||
return pb_1.Message.equals(this._state, data._state);
|
||||
}
|
||||
}
|
||||
|
||||
const setSceenDoorParam: MenuItemOptions = { name: '设置参数' };
|
||||
const sceenDoorOperateMenu: ContextMenu = ContextMenu.init({
|
||||
name: '屏蔽门操作菜单',
|
||||
groups: [
|
||||
{
|
||||
items: [setSceenDoorParam],
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
export class ScreenDoorOperateInteraction extends GraphicInteractionPlugin<ScreenDoor> {
|
||||
static Name = 'screen_door_operate_menu';
|
||||
constructor(app: IGraphicScene) {
|
||||
super(ScreenDoorOperateInteraction.Name, app);
|
||||
app.registerMenu(sceenDoorOperateMenu);
|
||||
}
|
||||
static init(app: IGraphicScene) {
|
||||
return new ScreenDoorOperateInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): ScreenDoor[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === ScreenDoor.Type)
|
||||
.map((g) => g as ScreenDoor);
|
||||
}
|
||||
bind(g: ScreenDoor): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.selectable = true;
|
||||
g.on('_leftclick', this.onLeftClick, this);
|
||||
g.on('rightclick', this.onContextMenu, this);
|
||||
}
|
||||
|
||||
unbind(g: ScreenDoor): void {
|
||||
g.selectable = false;
|
||||
g.eventMode = 'none';
|
||||
g.off('_leftclick', this.onLeftClick, this);
|
||||
g.off('rightclick', this.onContextMenu, this);
|
||||
}
|
||||
onLeftClick() {
|
||||
useLineStore().stateProCountIncrease();
|
||||
}
|
||||
onContextMenu(e: FederatedMouseEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const screenDoor = target.getGraphic<ScreenDoor>();
|
||||
if (!screenDoor) return;
|
||||
this.app.updateSelected(screenDoor);
|
||||
const lineStore = useLineStore();
|
||||
setSceenDoorParam.handler = async () => {
|
||||
if (lineStore.deviceOpreratDialogInstance) return;
|
||||
lineStore.deviceOpreratDialogInstance = Dialog.create({
|
||||
component: ScreenDoorOperation,
|
||||
componentProps: {
|
||||
id: screenDoor.id,
|
||||
code: screenDoor.datas.code,
|
||||
sonDoorAmount: screenDoor.datas.sonDoorAmount,
|
||||
asdCodesProp: screenDoor.states.param.asdCodes,
|
||||
screenDoorForceProp: screenDoor.states.param.force,
|
||||
screenDoorFaultProp: screenDoor.states.param.fault,
|
||||
},
|
||||
cancel: true,
|
||||
persistent: true,
|
||||
});
|
||||
};
|
||||
sceenDoorOperateMenu.open(e.global);
|
||||
}
|
||||
}
|
||||
317
src/drawApp/graphics/electronicMap/SectionInteraction.ts
Normal file
317
src/drawApp/graphics/electronicMap/SectionInteraction.ts
Normal file
@ -0,0 +1,317 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase, GraphicStateBase } from './GraphicDataBase';
|
||||
import {
|
||||
ISectionData,
|
||||
ISectionState,
|
||||
Section,
|
||||
SectionType,
|
||||
} from 'src/graphics/section/Section';
|
||||
import { graphicData } from 'src/protos/stationLayoutGraphics';
|
||||
import { DisplayObject, FederatedMouseEvent, IPointData } from 'pixi.js';
|
||||
import {
|
||||
GraphicInteractionPlugin,
|
||||
IGraphicScene,
|
||||
JlGraphic,
|
||||
MenuItemOptions,
|
||||
ContextMenu,
|
||||
} from 'jl-graphic';
|
||||
import { useLineStore } from 'src/stores/line-store';
|
||||
import { SectionGraphicHitArea } from 'src/graphics/section/SectionDrawAssistant';
|
||||
import { Dialog } from 'quasar';
|
||||
import AddTrainDialog from '../../components/draw-app/dialogs/AddTrainDialog.vue';
|
||||
import { AxleCounting } from 'src/graphics/axleCounting/AxleCounting';
|
||||
import { state } from 'src/protos/device_state';
|
||||
import { getKmDistance } from '../lineScene';
|
||||
import SectionOperation from 'src/components/draw-app/dialogs/SectionOperation.vue';
|
||||
import { request } from 'src/protos/request';
|
||||
import { setAxleSectionState } from 'src/api/Simulation';
|
||||
import { errorNotify } from 'src/utils/CommonNotify';
|
||||
|
||||
export class SectionData extends GraphicDataBase implements ISectionData {
|
||||
constructor(data?: graphicData.Section) {
|
||||
let section;
|
||||
if (!data) {
|
||||
section = new graphicData.Section({
|
||||
common: GraphicDataBase.defaultCommonInfo(Section.Type),
|
||||
});
|
||||
} else {
|
||||
section = data;
|
||||
}
|
||||
super(section);
|
||||
}
|
||||
public get data(): graphicData.Section {
|
||||
return this.getData<graphicData.Section>();
|
||||
}
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
get points(): IPointData[] {
|
||||
return this.data.points;
|
||||
}
|
||||
set points(points: IPointData[]) {
|
||||
this.data.points = points.map(
|
||||
(p) => new graphicData.Point({ x: p.x, y: p.y })
|
||||
);
|
||||
}
|
||||
get paRef(): graphicData.RelatedRef {
|
||||
return this.data.paRef;
|
||||
}
|
||||
set paRef(ref: graphicData.RelatedRef) {
|
||||
this.data.paRef = ref;
|
||||
}
|
||||
get pbRef(): graphicData.RelatedRef {
|
||||
return this.data.pbRef;
|
||||
}
|
||||
set pbRef(ref: graphicData.RelatedRef) {
|
||||
this.data.pbRef = ref;
|
||||
}
|
||||
get sectionType(): graphicData.Section.SectionType {
|
||||
return this.data.sectionType;
|
||||
}
|
||||
set sectionType(type: graphicData.Section.SectionType) {
|
||||
this.data.sectionType = type;
|
||||
}
|
||||
get axleCountings(): number[] {
|
||||
return this.data.axleCountings;
|
||||
}
|
||||
set axleCountings(axleCountings: number[]) {
|
||||
this.data.axleCountings = axleCountings;
|
||||
}
|
||||
get trackSectionId(): number {
|
||||
return this.data.trackSectionId;
|
||||
}
|
||||
set trackSectionId(v: number) {
|
||||
this.data.trackSectionId = v;
|
||||
}
|
||||
get isCurve(): boolean {
|
||||
return this.data.isCurve;
|
||||
}
|
||||
set isCurve(v: boolean) {
|
||||
this.data.isCurve = v;
|
||||
}
|
||||
get segmentsCount(): number {
|
||||
return this.data.segmentsCount;
|
||||
}
|
||||
set segmentsCount(v: number) {
|
||||
this.data.segmentsCount = v;
|
||||
}
|
||||
get centralizedStations(): number[] {
|
||||
return this.data.centralizedStations;
|
||||
}
|
||||
set centralizedStations(v: number[]) {
|
||||
this.data.centralizedStations = v;
|
||||
}
|
||||
get normalRunningDirection(): graphicData.Section.RunningDirection {
|
||||
return this.data.normalRunningDirection;
|
||||
}
|
||||
set normalRunningDirection(v: graphicData.Section.RunningDirection) {
|
||||
this.data.normalRunningDirection = v;
|
||||
}
|
||||
get isTurnBackZone(): boolean {
|
||||
return this.data.isTurnBackZone;
|
||||
}
|
||||
set isTurnBackZone(v: boolean) {
|
||||
this.data.isTurnBackZone = v;
|
||||
}
|
||||
get direction(): graphicData.Direction {
|
||||
return this.data.direction;
|
||||
}
|
||||
set direction(v: graphicData.Direction) {
|
||||
this.data.direction = v;
|
||||
}
|
||||
clone(): SectionData {
|
||||
return new SectionData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: SectionData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: SectionData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
|
||||
export class SectionStates extends GraphicStateBase implements ISectionState {
|
||||
constructor(proto?: state.SectionState) {
|
||||
let states;
|
||||
if (proto) {
|
||||
states = proto;
|
||||
} else {
|
||||
states = new state.SectionState();
|
||||
}
|
||||
super(states, Section.Type);
|
||||
}
|
||||
get code(): string {
|
||||
return this.states.id + '';
|
||||
}
|
||||
get id(): number {
|
||||
return this.states.id;
|
||||
}
|
||||
set id(id: number) {
|
||||
this.states.id = id;
|
||||
}
|
||||
get occupied(): boolean {
|
||||
return this.states.occupied;
|
||||
}
|
||||
set occupied(occupied: boolean) {
|
||||
this.states.occupied = occupied;
|
||||
}
|
||||
get axleFault(): boolean {
|
||||
return this.states.axleFault;
|
||||
}
|
||||
set axleFault(axleFault: boolean) {
|
||||
this.states.axleFault = axleFault;
|
||||
}
|
||||
get axleDrst(): boolean {
|
||||
return this.states.axleDrst;
|
||||
}
|
||||
set axleDrst(axleDrst: boolean) {
|
||||
this.states.axleDrst = axleDrst;
|
||||
}
|
||||
get axlePdrst(): boolean {
|
||||
return this.states.axlePdrst;
|
||||
}
|
||||
set axlePdrst(axlePdrst: boolean) {
|
||||
this.states.axlePdrst = axlePdrst;
|
||||
}
|
||||
get states(): state.SectionState {
|
||||
return this.getState<state.SectionState>();
|
||||
}
|
||||
clone(): SectionStates {
|
||||
return new SectionStates(this.states.cloneMessage());
|
||||
}
|
||||
copyFrom(data: GraphicStateBase): void {
|
||||
pb_1.Message.copyInto(data._state, this._state);
|
||||
}
|
||||
eq(data: GraphicStateBase): boolean {
|
||||
return pb_1.Message.equals(this._state, data._state);
|
||||
}
|
||||
}
|
||||
|
||||
const addTrainConfig: MenuItemOptions = {
|
||||
name: '添加列车',
|
||||
};
|
||||
const setSectionParam: MenuItemOptions = { name: '设置参数' };
|
||||
const setFaultOcc: MenuItemOptions = { name: '设置故障占用' };
|
||||
const SectionOperateMenu: ContextMenu = ContextMenu.init({
|
||||
name: '区段操作菜单',
|
||||
groups: [
|
||||
{
|
||||
items: [setSectionParam, setFaultOcc, addTrainConfig],
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
export class SectionOperateInteraction extends GraphicInteractionPlugin<Section> {
|
||||
static Name = 'section_operate_menu';
|
||||
constructor(app: IGraphicScene) {
|
||||
super(SectionOperateInteraction.Name, app);
|
||||
app.registerMenu(SectionOperateMenu);
|
||||
}
|
||||
static init(app: IGraphicScene) {
|
||||
return new SectionOperateInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): Section[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === Section.Type)
|
||||
.map((g) => g as Section);
|
||||
}
|
||||
bind(g: Section): void {
|
||||
g.lineGraphic.eventMode = 'static';
|
||||
g.lineGraphic.cursor = 'pointer';
|
||||
g.lineGraphic.hitArea = new SectionGraphicHitArea(g);
|
||||
g.lineGraphic.selectable = true;
|
||||
g.selectable = true;
|
||||
g.labelGraphic.eventMode = 'static';
|
||||
g.labelGraphic.cursor = 'pointer';
|
||||
g.labelGraphic.selectable = true;
|
||||
g.on('_leftclick', this.onLeftClick, this);
|
||||
g.on('rightclick', this.onContextMenu, this);
|
||||
}
|
||||
|
||||
unbind(g: Section): void {
|
||||
g.lineGraphic.eventMode = 'none';
|
||||
g.lineGraphic.scalable = false;
|
||||
g.lineGraphic.selectable = false;
|
||||
g.selectable = false;
|
||||
g.labelGraphic.eventMode = 'none';
|
||||
g.labelGraphic.selectable = false;
|
||||
g.off('_leftclick', this.onLeftClick, this);
|
||||
g.off('rightclick', this.onContextMenu, this);
|
||||
}
|
||||
onLeftClick() {
|
||||
useLineStore().stateProCountIncrease();
|
||||
}
|
||||
onContextMenu(e: FederatedMouseEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const section = target.getGraphic<Section>();
|
||||
if (!section || section.datas.sectionType != SectionType.Physical) return;
|
||||
this.app.updateSelected(section);
|
||||
const lineStore = useLineStore();
|
||||
setSectionParam.handler = async () => {
|
||||
if (lineStore.deviceOpreratDialogInstance) return;
|
||||
lineStore.deviceOpreratDialogInstance = Dialog.create({
|
||||
component: SectionOperation,
|
||||
componentProps: {
|
||||
id: section.id,
|
||||
code: section.datas.code,
|
||||
axleDrst: section.states.axleDrst,
|
||||
axlePdrst: section.states.axlePdrst,
|
||||
},
|
||||
cancel: true,
|
||||
persistent: true,
|
||||
});
|
||||
};
|
||||
setFaultOcc.handler = async () => {
|
||||
const obj = {
|
||||
simulationId: lineStore?.simulationId || '',
|
||||
mapId: lineStore.mapId as number,
|
||||
deviceId: section.id,
|
||||
operation: request.Section.Operation.SetFaultOcc,
|
||||
};
|
||||
setAxleSectionState(obj).catch((e) =>
|
||||
errorNotify('区段操作失败：' + e.title, e)
|
||||
);
|
||||
};
|
||||
addTrainConfig.disabled = !lineStore.trainConfigList;
|
||||
addTrainConfig.handler = () => {
|
||||
const relations =
|
||||
section.relationManage.getRelationsOfGraphicAndOtherType(
|
||||
section,
|
||||
AxleCounting.Type
|
||||
);
|
||||
let AKm;
|
||||
let BKm;
|
||||
relations.forEach((item) => {
|
||||
const rp = item.getRelationParam(section);
|
||||
const other = item.getOtherGraphic(section) as AxleCounting;
|
||||
if (
|
||||
(other.datas.axleCountingRef.length > 1 &&
|
||||
other.datas.type ==
|
||||
graphicData.AxleCounting.TypeDetectionPoint.AxleCounting) ||
|
||||
other.datas.axleCountingRef.length == 1
|
||||
) {
|
||||
if (rp.getParam() == 'A') {
|
||||
AKm = other.datas.kilometerSystem;
|
||||
}
|
||||
if (rp.getParam() == 'B') {
|
||||
BKm = other.datas.kilometerSystem;
|
||||
}
|
||||
}
|
||||
});
|
||||
const d = getKmDistance(BKm, AKm);
|
||||
if (lineStore.deviceOpreratDialogInstance) return;
|
||||
lineStore.deviceOpreratDialogInstance = Dialog.create({
|
||||
title: '创建列车',
|
||||
message: '',
|
||||
component: AddTrainDialog,
|
||||
componentProps: { dev: section, kmLength: d },
|
||||
cancel: true,
|
||||
persistent: true,
|
||||
});
|
||||
};
|
||||
SectionOperateMenu.open(e.global);
|
||||
}
|
||||
}
|
||||
253
src/drawApp/graphics/electronicMap/SignalInteraction.ts
Normal file
253
src/drawApp/graphics/electronicMap/SignalInteraction.ts
Normal file
@ -0,0 +1,253 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import {
|
||||
ISignalData,
|
||||
Signal,
|
||||
ISignalState,
|
||||
KilometerSystem,
|
||||
} from 'src/graphics/signal/Signal';
|
||||
import { graphicData } from 'src/protos/stationLayoutGraphics';
|
||||
import { GraphicDataBase, GraphicStateBase } from './GraphicDataBase';
|
||||
import {
|
||||
GraphicInteractionPlugin,
|
||||
IGraphicScene,
|
||||
JlGraphic,
|
||||
MenuItemOptions,
|
||||
ContextMenu,
|
||||
} from 'jl-graphic';
|
||||
import { FederatedMouseEvent, DisplayObject } from 'pixi.js';
|
||||
import { state } from 'src/protos/device_state';
|
||||
import { useLineStore } from 'src/stores/line-store';
|
||||
import { SignalGraphicHitArea } from 'src/graphics/signal/SignalDrawAssistant';
|
||||
import { request } from 'src/protos/request';
|
||||
import { Dialog } from 'quasar';
|
||||
import SignalOperation from 'src/components/draw-app/dialogs/SignalOperation.vue'
|
||||
|
||||
export class SignalData extends GraphicDataBase implements ISignalData {
|
||||
constructor(data?: graphicData.Signal) {
|
||||
let signal;
|
||||
if (!data) {
|
||||
signal = new graphicData.Signal({
|
||||
common: GraphicDataBase.defaultCommonInfo(Signal.Type),
|
||||
});
|
||||
} else {
|
||||
signal = data;
|
||||
}
|
||||
super(signal);
|
||||
}
|
||||
public get data(): graphicData.Signal {
|
||||
return this.getData<graphicData.Signal>();
|
||||
}
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
get mirror(): boolean {
|
||||
return this.data.mirror;
|
||||
}
|
||||
set mirror(v: boolean) {
|
||||
this.data.mirror = v;
|
||||
}
|
||||
get kilometerSystem(): KilometerSystem {
|
||||
if (!this.data.kilometerSystem) {
|
||||
this.data.kilometerSystem = new graphicData.KilometerSystem();
|
||||
}
|
||||
return this.data.kilometerSystem;
|
||||
}
|
||||
set kilometerSystem(v: KilometerSystem) {
|
||||
this.data.kilometerSystem = new graphicData.KilometerSystem(v);
|
||||
}
|
||||
get refDev(): graphicData.RelatedRef {
|
||||
return this.data.refDev ?? new graphicData.RelatedRef();
|
||||
}
|
||||
set refDev(v: graphicData.RelatedRef) {
|
||||
this.data.refDev = v;
|
||||
}
|
||||
get centralizedStations(): number[] {
|
||||
return this.data.centralizedStations;
|
||||
}
|
||||
set centralizedStations(v: number[]) {
|
||||
this.data.centralizedStations = v;
|
||||
}
|
||||
get mt(): graphicData.Signal.Model {
|
||||
return this.data.mt;
|
||||
}
|
||||
set mt(v: graphicData.Signal.Model) {
|
||||
this.data.mt = v;
|
||||
}
|
||||
get direction(): graphicData.Direction {
|
||||
return this.data.direction;
|
||||
}
|
||||
set direction(v: graphicData.Direction) {
|
||||
this.data.direction = v;
|
||||
}
|
||||
clone(): SignalData {
|
||||
return new SignalData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: SignalData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: SignalData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
|
||||
export class SignalState extends GraphicStateBase implements ISignalState {
|
||||
constructor(proto?: state.SignalState) {
|
||||
let states;
|
||||
if (proto) {
|
||||
states = proto;
|
||||
} else {
|
||||
states = new state.SignalState();
|
||||
}
|
||||
super(states, Signal.Type);
|
||||
}
|
||||
get code(): string {
|
||||
return this.states.id + '';
|
||||
}
|
||||
get aspect(): number {
|
||||
return this.states.aspect;
|
||||
}
|
||||
set aspect(v: number) {
|
||||
this.states.aspect = v;
|
||||
}
|
||||
get param(): request.SignalParam {
|
||||
return this.states.param;
|
||||
}
|
||||
set param(v: request.SignalParam) {
|
||||
this.states.param = v;
|
||||
}
|
||||
get states(): state.SignalState {
|
||||
return this.getState<state.SignalState>();
|
||||
}
|
||||
clone(): SignalState {
|
||||
return new SignalState(this.states.cloneMessage());
|
||||
}
|
||||
copyFrom(data: GraphicStateBase): void {
|
||||
pb_1.Message.copyInto(data._state, this._state);
|
||||
}
|
||||
eq(data: GraphicStateBase): boolean {
|
||||
return pb_1.Message.equals(this._state, data._state);
|
||||
}
|
||||
}
|
||||
|
||||
const mirrorFlipConfig: MenuItemOptions = {
|
||||
name: '镜像翻转',
|
||||
};
|
||||
const setSignalParam: MenuItemOptions = {
|
||||
name: '设置参数'
|
||||
}
|
||||
const SignalEditMenu: ContextMenu = ContextMenu.init({
|
||||
name: '信号机编辑菜单',
|
||||
groups: [
|
||||
{
|
||||
items: [mirrorFlipConfig],
|
||||
},
|
||||
],
|
||||
});
|
||||
const SignalOperateMenu: ContextMenu = ContextMenu.init({
|
||||
name: '信号机操作菜单',
|
||||
groups: [
|
||||
{
|
||||
items: [
|
||||
setSignalParam
|
||||
// signalRedConfig,
|
||||
// signalGreenConfig,
|
||||
// signalYellowConfig,
|
||||
// signalGuideConfig,
|
||||
// signalCloseConfig,
|
||||
],
|
||||
},
|
||||
],
|
||||
});
|
||||
export class DrawSignalInteraction extends GraphicInteractionPlugin<Signal> {
|
||||
static Name = 'signal_draw_right_menu';
|
||||
constructor(app: IGraphicScene) {
|
||||
super(DrawSignalInteraction.Name, app);
|
||||
app.registerMenu(SignalEditMenu);
|
||||
}
|
||||
static init(app: IGraphicScene) {
|
||||
return new DrawSignalInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): Signal[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === Signal.Type)
|
||||
.map((g) => g as Signal);
|
||||
}
|
||||
bind(g: Signal): void {
|
||||
g.on('_rightclick', this.onContextMenu, this);
|
||||
}
|
||||
|
||||
unbind(g: Signal): void {
|
||||
g.off('_rightclick', this.onContextMenu, this);
|
||||
}
|
||||
|
||||
onContextMenu(e: FederatedMouseEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const signal = target.getGraphic() as Signal;
|
||||
this.app.updateSelected(signal);
|
||||
mirrorFlipConfig.handler = () => {
|
||||
signal.mirror = !signal.mirror;
|
||||
};
|
||||
SignalEditMenu.open(e.global);
|
||||
}
|
||||
}
|
||||
|
||||
export class SignalOperateInteraction extends GraphicInteractionPlugin<Signal> {
|
||||
static Name = 'signal_operate_menu';
|
||||
constructor(app: IGraphicScene) {
|
||||
super(SignalOperateInteraction.Name, app);
|
||||
app.registerMenu(SignalOperateMenu);
|
||||
}
|
||||
static init(app: IGraphicScene) {
|
||||
return new SignalOperateInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): Signal[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === Signal.Type)
|
||||
.map((g) => g as Signal);
|
||||
}
|
||||
bind(g: Signal): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.selectable = true;
|
||||
g.lampMainBody.hitArea = new SignalGraphicHitArea(g);
|
||||
g.on('_leftclick', this.onLeftClick, this);
|
||||
g.on('rightclick', this.onContextMenu, this);
|
||||
}
|
||||
|
||||
unbind(g: Signal): void {
|
||||
g.selectable = false;
|
||||
g.eventMode = 'none';
|
||||
g.off('_leftclick', this.onLeftClick, this);
|
||||
g.off('rightclick', this.onContextMenu);
|
||||
}
|
||||
onLeftClick() {
|
||||
useLineStore().stateProCountIncrease();
|
||||
}
|
||||
onContextMenu(e: FederatedMouseEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const signal = target.getGraphic() as Signal;
|
||||
this.app.updateSelected(signal);
|
||||
const lineStore = useLineStore();
|
||||
|
||||
setSignalParam.handler = () => {
|
||||
if (lineStore.deviceOpreratDialogInstance) return;
|
||||
lineStore.deviceOpreratDialogInstance = Dialog.create({
|
||||
title: '信号机设置参数',
|
||||
message: '',
|
||||
component: SignalOperation,
|
||||
componentProps: {
|
||||
id: signal.datas.id,
|
||||
code: signal.datas.code,
|
||||
mt: signal.datas.mt,
|
||||
param: signal.states.param,
|
||||
},
|
||||
cancel: true,
|
||||
persistent: true,
|
||||
});
|
||||
}
|
||||
SignalOperateMenu.open(e.global);
|
||||
}
|
||||
}
|
||||
168
src/drawApp/graphics/electronicMap/StationInteraction.ts
Normal file
168
src/drawApp/graphics/electronicMap/StationInteraction.ts
Normal file
@ -0,0 +1,168 @@
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import {
|
||||
IStationData,
|
||||
IStationState,
|
||||
Station,
|
||||
} from 'src/graphics/station/Station';
|
||||
import { graphicData } from 'src/protos/stationLayoutGraphics';
|
||||
import { GraphicDataBase, GraphicStateBase } from './GraphicDataBase';
|
||||
import { state } from 'src/protos/device_state';
|
||||
import { IGraphicScene, GraphicInteractionPlugin, JlGraphic } from 'jl-graphic';
|
||||
import { KilometerSystem } from 'src/graphics/signal/Signal';
|
||||
import { useLineStore } from 'src/stores/line-store';
|
||||
|
||||
export class StationData extends GraphicDataBase implements IStationData {
|
||||
constructor(data?: graphicData.Station) {
|
||||
let station;
|
||||
if (!data) {
|
||||
station = new graphicData.Station({
|
||||
common: GraphicDataBase.defaultCommonInfo(Station.Type),
|
||||
});
|
||||
} else {
|
||||
station = data;
|
||||
}
|
||||
super(station);
|
||||
}
|
||||
|
||||
public get data(): graphicData.Station {
|
||||
return this.getData<graphicData.Station>();
|
||||
}
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
get stationName(): string {
|
||||
return this.data.stationName;
|
||||
}
|
||||
set stationName(v: string) {
|
||||
this.data.stationName = v;
|
||||
}
|
||||
get stationNameAcronym(): string {
|
||||
return this.data.stationNameAcronym;
|
||||
}
|
||||
set stationNameAcronym(v: string) {
|
||||
this.data.stationNameAcronym = v;
|
||||
}
|
||||
get kilometerSystem(): KilometerSystem {
|
||||
if (!this.data.kilometerSystem) {
|
||||
this.data.kilometerSystem = new graphicData.KilometerSystem();
|
||||
}
|
||||
return this.data.kilometerSystem;
|
||||
}
|
||||
set kilometerSystem(v: KilometerSystem) {
|
||||
this.data.kilometerSystem = new graphicData.KilometerSystem(v);
|
||||
}
|
||||
get concentrationStations(): boolean {
|
||||
return this.data.concentrationStations;
|
||||
}
|
||||
set concentrationStations(v: boolean) {
|
||||
this.data.concentrationStations = v;
|
||||
}
|
||||
get depots(): boolean {
|
||||
return this.data.depots;
|
||||
}
|
||||
set depots(v: boolean) {
|
||||
this.data.depots = v;
|
||||
}
|
||||
get manageStations(): number[] {
|
||||
return this.data.manageStations;
|
||||
}
|
||||
set manageStations(v: number[]) {
|
||||
this.data.manageStations = v;
|
||||
}
|
||||
clone(): StationData {
|
||||
return new StationData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: StationData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: StationData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
|
||||
export class StationState extends GraphicStateBase implements IStationState {
|
||||
constructor(proto?: state.StationState) {
|
||||
let states;
|
||||
if (proto) {
|
||||
states = proto;
|
||||
} else {
|
||||
states = new state.StationState();
|
||||
}
|
||||
super(states, Station.Type);
|
||||
}
|
||||
get id(): number {
|
||||
return this.states.id;
|
||||
}
|
||||
get code(): string {
|
||||
return this.states.id + '';
|
||||
}
|
||||
// get ipRtuStusDown(): boolean {
|
||||
// return this.states.ipRtuStusDown;
|
||||
// }
|
||||
// set ipRtuStusDown(v: boolean) {
|
||||
// this.states.ipRtuStusDown = v;
|
||||
// }
|
||||
// get ipRtuStusInLocalCtrl(): boolean {
|
||||
// return this.states.ipRtuStusInLocalCtrl;
|
||||
// }
|
||||
// set ipRtuStusInLocalCtrl(v: boolean) {
|
||||
// this.states.ipRtuStusInLocalCtrl = v;
|
||||
// }
|
||||
// get ipRtuStusInCentralCtrl(): boolean {
|
||||
// return this.states.ipRtuStusInCentralCtrl;
|
||||
// }
|
||||
// set ipRtuStusInCentralCtrl(v: boolean) {
|
||||
// this.states.ipRtuStusInCentralCtrl = v;
|
||||
// }
|
||||
// get ipRtuStusInEmergencyCtrl(): boolean {
|
||||
// return this.states.ipRtuStusInEmergencyCtrl;
|
||||
// }
|
||||
// set ipRtuStusInEmergencyCtrl(v: boolean) {
|
||||
// this.states.ipRtuStusInEmergencyCtrl = v;
|
||||
// }
|
||||
get states(): state.StationState {
|
||||
return this.getState<state.StationState>();
|
||||
}
|
||||
clone(): StationState {
|
||||
return new StationState(this.states.cloneMessage());
|
||||
}
|
||||
copyFrom(data: GraphicStateBase): void {
|
||||
pb_1.Message.copyInto(data._state, this._state);
|
||||
}
|
||||
eq(data: GraphicStateBase): boolean {
|
||||
return pb_1.Message.equals(this._state, data._state);
|
||||
}
|
||||
}
|
||||
|
||||
export class StationOperateInteraction extends GraphicInteractionPlugin<Station> {
|
||||
static Name = 'station_operate_menu';
|
||||
constructor(app: IGraphicScene) {
|
||||
super(StationOperateInteraction.Name, app);
|
||||
}
|
||||
static init(app: IGraphicScene) {
|
||||
return new StationOperateInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): Station[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === Station.Type)
|
||||
.map((g) => g as Station);
|
||||
}
|
||||
bind(g: Station): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.selectable = true;
|
||||
g.on('_leftclick', this.onLeftClick, this);
|
||||
}
|
||||
|
||||
unbind(g: Station): void {
|
||||
g.selectable = false;
|
||||
g.eventMode = 'none';
|
||||
g.off('_leftclick', this.onLeftClick, this);
|
||||
}
|
||||
onLeftClick() {
|
||||
useLineStore().stateProCountIncrease();
|
||||
}
|
||||
}
|
||||
378
src/drawApp/graphics/electronicMap/TurnoutInteraction.ts
Normal file
378
src/drawApp/graphics/electronicMap/TurnoutInteraction.ts
Normal file
@ -0,0 +1,378 @@
|
||||
import {
|
||||
ITurnoutData,
|
||||
ITurnoutState,
|
||||
Turnout,
|
||||
TurnoutSection,
|
||||
} from 'src/graphics/turnout/Turnout';
|
||||
import * as pb_1 from 'google-protobuf';
|
||||
import { GraphicDataBase, GraphicStateBase } from './GraphicDataBase';
|
||||
import { graphicData } from 'src/protos/stationLayoutGraphics';
|
||||
import { DisplayObject, FederatedMouseEvent, IPointData } from 'pixi.js';
|
||||
import { KilometerSystem } from 'src/graphics/signal/Signal';
|
||||
import { state } from 'src/protos/device_state';
|
||||
import {
|
||||
IGraphicScene,
|
||||
GraphicInteractionPlugin,
|
||||
JlGraphic,
|
||||
MenuItemOptions,
|
||||
ContextMenu,
|
||||
} from 'jl-graphic';
|
||||
import {
|
||||
ForkHitArea,
|
||||
TurnoutSectionHitArea,
|
||||
} from 'src/graphics/turnout/TurnoutDrawAssistant';
|
||||
import { useLineStore } from 'src/stores/line-store';
|
||||
import { Dialog } from 'quasar';
|
||||
// import AddTrainDialog from '../../components/draw-app/dialogs/AddTrainDialog.vue';
|
||||
// import { AxleCounting } from 'src/graphics/axleCounting/AxleCounting';
|
||||
import TurnoutOperation from 'src/components/draw-app/dialogs/TurnoutOperation.vue';
|
||||
// import { getKmDistance } from '../lineScene';
|
||||
import { request } from 'src/protos/request';
|
||||
|
||||
function getDefaultEndPoint() {
|
||||
return {
|
||||
pointA: [new graphicData.Point([50, 0])],
|
||||
pointB: [new graphicData.Point([-50, 0])],
|
||||
pointC: [new graphicData.Point([-50, -50])],
|
||||
};
|
||||
}
|
||||
|
||||
const setTurnoutParam: MenuItemOptions = { name: '设置参数' };
|
||||
|
||||
// const addTrainConfig: MenuItemOptions = {
|
||||
// name: '添加列车',
|
||||
// };
|
||||
|
||||
const TurnoutOperationMenu: ContextMenu = ContextMenu.init({
|
||||
name: 'Turnout操作',
|
||||
groups: [{ items: [setTurnoutParam] }],
|
||||
});
|
||||
|
||||
export class TurnoutOperationPlugin extends GraphicInteractionPlugin<Turnout> {
|
||||
static Name = 'turnout_operate_menu';
|
||||
constructor(app: IGraphicScene) {
|
||||
super(TurnoutOperationPlugin.Name, app);
|
||||
app.registerMenu(TurnoutOperationMenu);
|
||||
}
|
||||
static init(app: IGraphicScene) {
|
||||
return new TurnoutOperationPlugin(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): Turnout[] | undefined {
|
||||
return grahpics.filter<Turnout>((g): g is Turnout => g instanceof Turnout);
|
||||
}
|
||||
bind(g: Turnout): void {
|
||||
g.graphics.fork.eventMode = 'static';
|
||||
g.graphics.fork.cursor = 'pointer';
|
||||
g.selectable = true;
|
||||
g.graphics.fork.hitArea = new ForkHitArea(g);
|
||||
g.graphics.sections.forEach((sectionGraphic) => {
|
||||
sectionGraphic.eventMode = 'static';
|
||||
sectionGraphic.cursor = 'pointer';
|
||||
sectionGraphic.hitArea = new TurnoutSectionHitArea(sectionGraphic);
|
||||
});
|
||||
g.on('rightclick', this.onContextMenu, this);
|
||||
g.on('_leftclick', this.onLeftClick, this);
|
||||
}
|
||||
unbind(g: Turnout): void {
|
||||
g.graphics.fork.eventMode = 'none';
|
||||
g.selectable = false;
|
||||
g.graphics.sections.forEach((sectionGraphic) => {
|
||||
sectionGraphic.eventMode = 'none';
|
||||
});
|
||||
g.off('rightclick', this.onContextMenu);
|
||||
g.off('_leftclick', this.onLeftClick, this);
|
||||
}
|
||||
onLeftClick() {
|
||||
useLineStore().stateProCountIncrease();
|
||||
}
|
||||
onContextMenu(e: FederatedMouseEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const turnout = target.getGraphic<Turnout>();
|
||||
if (!turnout) return;
|
||||
const lineStore = useLineStore();
|
||||
this.app.updateSelected(turnout);
|
||||
setTurnoutParam.handler = async () => {
|
||||
if (lineStore.deviceOpreratDialogInstance) return;
|
||||
lineStore.deviceOpreratDialogInstance = Dialog.create({
|
||||
title: '道岔设置参数',
|
||||
message: '',
|
||||
component: TurnoutOperation,
|
||||
componentProps: {
|
||||
id: turnout.id,
|
||||
code: turnout.datas.code,
|
||||
force: turnout.states.param.forcePosition,
|
||||
},
|
||||
cancel: true,
|
||||
persistent: true,
|
||||
});
|
||||
};
|
||||
|
||||
// const port = (target as TurnoutSection).port;
|
||||
// addTrainConfig.disabled = !port || !lineStore.trainConfigList;
|
||||
// addTrainConfig.handler = () => {
|
||||
// const relations =
|
||||
// turnout.relationManage.getRelationsOfGraphicAndOtherType(
|
||||
// turnout,
|
||||
// AxleCounting.Type
|
||||
// );
|
||||
// const findAc = relations.find((item) => {
|
||||
// const rp = item.getRelationParam(turnout);
|
||||
// const orp = item.getOtherRelationParam(turnout as Turnout);
|
||||
// const ac = orp.g as AxleCounting;
|
||||
// return (
|
||||
// rp.getParam() == port &&
|
||||
// ((ac.datas.axleCountingRef.length > 1 &&
|
||||
// ac.datas.type ==
|
||||
// graphicData.AxleCounting.TypeDetectionPoint.AxleCounting) ||
|
||||
// ac.datas.axleCountingRef.length == 1)
|
||||
// );
|
||||
// });
|
||||
// const oKm = turnout.datas.kilometerSystem;
|
||||
// let pKm;
|
||||
// if (findAc) {
|
||||
// const other = findAc.getOtherGraphic(turnout) as AxleCounting;
|
||||
// pKm = other.datas.kilometerSystem;
|
||||
// } else {
|
||||
// const relations =
|
||||
// turnout.relationManage.getRelationsOfGraphicAndOtherType(
|
||||
// turnout,
|
||||
// Turnout.Type
|
||||
// );
|
||||
// const findT = relations.find((item) => {
|
||||
// const rp = item.getRelationParam(turnout);
|
||||
// return rp.getParam() == port;
|
||||
// });
|
||||
// if (findT) {
|
||||
// const other = findT.getOtherGraphic(turnout) as Turnout;
|
||||
// pKm = other.datas.kilometerSystem;
|
||||
// }
|
||||
// }
|
||||
// const d = getKmDistance(pKm, oKm);
|
||||
// if (lineStore.deviceOpreratDialogInstance) return;
|
||||
// lineStore.deviceOpreratDialogInstance = Dialog.create({
|
||||
// title: '创建列车',
|
||||
// message: '',
|
||||
// component: AddTrainDialog,
|
||||
// componentProps: { dev: turnout, kmLength: d },
|
||||
// cancel: true,
|
||||
// persistent: true,
|
||||
// });
|
||||
// };
|
||||
TurnoutOperationMenu.open(e.global);
|
||||
}
|
||||
}
|
||||
|
||||
export class TurnoutData extends GraphicDataBase implements ITurnoutData {
|
||||
constructor(data?: graphicData.Turnout) {
|
||||
let turnout = new graphicData.Turnout();
|
||||
if (!data) {
|
||||
turnout.common = GraphicDataBase.defaultCommonInfo(Turnout.Type);
|
||||
const p = getDefaultEndPoint();
|
||||
turnout.pointA = p.pointA;
|
||||
turnout.pointB = p.pointB;
|
||||
turnout.pointC = p.pointC;
|
||||
} else {
|
||||
turnout = data;
|
||||
}
|
||||
super(turnout);
|
||||
}
|
||||
get data(): graphicData.Turnout {
|
||||
return this.getData<graphicData.Turnout>();
|
||||
}
|
||||
|
||||
get code(): string {
|
||||
return this.data.code;
|
||||
}
|
||||
set code(v: string) {
|
||||
this.data.code = v;
|
||||
}
|
||||
get pointA(): IPointData[] {
|
||||
return this.data.pointA;
|
||||
}
|
||||
set pointA(v: IPointData[]) {
|
||||
this.data.pointA = v.map((p) => new graphicData.Point({ x: p.x, y: p.y }));
|
||||
}
|
||||
get pointB(): IPointData[] {
|
||||
return this.data.pointB;
|
||||
}
|
||||
set pointB(v: IPointData[]) {
|
||||
this.data.pointB = v.map((p) => new graphicData.Point({ x: p.x, y: p.y }));
|
||||
}
|
||||
get pointC(): IPointData[] {
|
||||
return this.data.pointC;
|
||||
}
|
||||
set pointC(v: IPointData[]) {
|
||||
this.data.pointC = v.map((p) => new graphicData.Point({ x: p.x, y: p.y }));
|
||||
}
|
||||
get paRef(): graphicData.RelatedRef {
|
||||
return this.data.paRef;
|
||||
}
|
||||
set paRef(ref: graphicData.RelatedRef) {
|
||||
this.data.paRef = ref;
|
||||
}
|
||||
get pbRef(): graphicData.RelatedRef {
|
||||
return this.data.pbRef;
|
||||
}
|
||||
set pbRef(ref: graphicData.RelatedRef) {
|
||||
this.data.pbRef = ref;
|
||||
}
|
||||
get pcRef(): graphicData.RelatedRef {
|
||||
return this.data.pcRef;
|
||||
}
|
||||
set pcRef(ref: graphicData.RelatedRef) {
|
||||
this.data.pcRef = ref;
|
||||
}
|
||||
get kilometerSystem(): KilometerSystem {
|
||||
if (!this.data.kilometerSystem[0]) {
|
||||
this.data.kilometerSystem = [new graphicData.KilometerSystem()];
|
||||
}
|
||||
return this.data.kilometerSystem[0];
|
||||
}
|
||||
set kilometerSystem(v: KilometerSystem) {
|
||||
this.data.kilometerSystem = [new graphicData.KilometerSystem(v)];
|
||||
}
|
||||
get paTrackSectionId(): number {
|
||||
return this.data.paTrackSectionId;
|
||||
}
|
||||
set paTrackSectionId(v: number) {
|
||||
this.data.paTrackSectionId = v;
|
||||
}
|
||||
get pbTrackSectionId(): number {
|
||||
return this.data.pbTrackSectionId;
|
||||
}
|
||||
set pbTrackSectionId(v: number) {
|
||||
this.data.pbTrackSectionId = v;
|
||||
}
|
||||
get pcTrackSectionId(): number {
|
||||
return this.data.pcTrackSectionId;
|
||||
}
|
||||
set pcTrackSectionId(v: number) {
|
||||
this.data.pcTrackSectionId = v;
|
||||
}
|
||||
get switchMachineType(): graphicData.Turnout.SwitchMachineType {
|
||||
return this.data.switchMachineType;
|
||||
}
|
||||
set switchMachineType(v: graphicData.Turnout.SwitchMachineType) {
|
||||
this.data.switchMachineType = v;
|
||||
}
|
||||
get centralizedStations(): number[] {
|
||||
return this.data.centralizedStations;
|
||||
}
|
||||
set centralizedStations(v: number[]) {
|
||||
this.data.centralizedStations = v;
|
||||
}
|
||||
clone(): TurnoutData {
|
||||
return new TurnoutData(this.data.cloneMessage());
|
||||
}
|
||||
copyFrom(data: TurnoutData): void {
|
||||
pb_1.Message.copyInto(data.data, this.data);
|
||||
}
|
||||
eq(other: TurnoutData): boolean {
|
||||
return pb_1.Message.equals(this.data, other.data);
|
||||
}
|
||||
}
|
||||
|
||||
export class TurnoutStates extends GraphicStateBase implements ITurnoutState {
|
||||
constructor(proto?: state.SwitchState) {
|
||||
let states;
|
||||
if (proto) {
|
||||
states = proto;
|
||||
} else {
|
||||
states = new state.SwitchState();
|
||||
}
|
||||
super(states, Turnout.Type);
|
||||
}
|
||||
get code(): string {
|
||||
return this.states.id + '';
|
||||
}
|
||||
get id(): number {
|
||||
return this.states.id;
|
||||
}
|
||||
set id(id: number) {
|
||||
this.states.id = id;
|
||||
}
|
||||
get normal(): boolean {
|
||||
return this.states.normal;
|
||||
}
|
||||
set normal(normal: boolean) {
|
||||
this.states.normal = normal;
|
||||
}
|
||||
get reverse(): boolean {
|
||||
return this.states.reverse;
|
||||
}
|
||||
set reverse(reverse: boolean) {
|
||||
this.states.reverse = reverse;
|
||||
}
|
||||
get dw(): boolean {
|
||||
return this.states.dw;
|
||||
}
|
||||
set dw(dw: boolean) {
|
||||
this.states.dw = dw;
|
||||
}
|
||||
get fw(): boolean {
|
||||
return this.states.fw;
|
||||
}
|
||||
set fw(v: boolean) {
|
||||
this.states.fw = v;
|
||||
}
|
||||
get param(): request.PointsParam {
|
||||
return this.states.param;
|
||||
}
|
||||
set param(param: request.PointsParam) {
|
||||
this.states.param = param;
|
||||
}
|
||||
get qdc(): boolean {
|
||||
return this.states.qdc;
|
||||
}
|
||||
set qdc(v: boolean) {
|
||||
this.states.qdc = v;
|
||||
}
|
||||
get qfc(): boolean {
|
||||
return this.states.qfc;
|
||||
}
|
||||
set qfc(v: boolean) {
|
||||
this.states.qfc = v;
|
||||
}
|
||||
get qyc(): boolean {
|
||||
return this.states.qyc;
|
||||
}
|
||||
set qyc(v: boolean) {
|
||||
this.states.qyc = v;
|
||||
}
|
||||
get dc(): boolean {
|
||||
return this.states.dc;
|
||||
}
|
||||
set dc(v: boolean) {
|
||||
this.states.dc = v;
|
||||
}
|
||||
get fc(): boolean {
|
||||
return this.states.fc;
|
||||
}
|
||||
set fc(v: boolean) {
|
||||
this.states.fc = v;
|
||||
}
|
||||
get yc(): boolean {
|
||||
return this.states.yc;
|
||||
}
|
||||
set yc(v: boolean) {
|
||||
this.states.yc = v;
|
||||
}
|
||||
get occupied(): boolean {
|
||||
return this.states.occupied;
|
||||
}
|
||||
set occupied(v: boolean) {
|
||||
this.states.occupied = v;
|
||||
}
|
||||
get states(): state.SwitchState {
|
||||
return this.getState<state.SwitchState>();
|
||||
}
|
||||
clone(): TurnoutStates {
|
||||
return new TurnoutStates(this.states.cloneMessage());
|
||||
}
|
||||
copyFrom(data: GraphicStateBase): void {
|
||||
pb_1.Message.copyInto(data._state, this._state);
|
||||
}
|
||||
eq(data: GraphicStateBase): boolean {
|
||||
return pb_1.Message.equals(this._state, data._state);
|
||||
}
|
||||
}
|
||||
@ -17,22 +17,160 @@ import {
|
||||
saveDrawToServer,
|
||||
handlerNoEditCommonData,
|
||||
} from './commonApp';
|
||||
import { CCTVButtonData } from './graphics/CCTV/CCTVButtonInteraction';
|
||||
import { CCTVButtonDraw } from 'src/graphics/CCTV/cctvButton/CCTVButtonDrawAssistant';
|
||||
import {
|
||||
CCTVButton,
|
||||
CCTVButtonTemplate,
|
||||
} from 'src/graphics/CCTV/cctvButton/CCTVButton';
|
||||
import { useDrawStore } from 'src/stores/draw-store';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
import { getDraft } from 'src/api/DraftApi';
|
||||
import { getJwt } from 'src/api/UserApi';
|
||||
import { fromUint8Array, toUint8Array } from 'js-base64';
|
||||
import { getWebsocketUrl } from 'src/configs/UrlManage';
|
||||
import { sync_data_message } from 'src/protos/sync_data_message';
|
||||
import { useAuthStore } from 'src/stores/auth-store';
|
||||
import { common } from 'src/protos/common';
|
||||
import {
|
||||
FasFailureControlHost,
|
||||
FasFailureControlHostTemplate,
|
||||
} from 'src/graphics/FAS/fireFailureControlHost/FasFailureControlHost';
|
||||
import { FasFailureControlHostData } from './graphics/FAS/FasFailureControlHostInteraction';
|
||||
import { FasFailureControlHostDraw } from 'src/graphics/FAS/fireFailureControlHost/FasFailureContorlHostAssistant';
|
||||
import { FasAlarm, FasAlarmTemplate } from 'src/graphics/FAS/fasAlarm/FasAlarm';
|
||||
import { FasAlarmData } from './graphics/FAS/FasAlarmInteraction';
|
||||
import { FasAlarmDraw } from 'src/graphics/FAS/fasAlarm/FasAlarmAssistant';
|
||||
import {
|
||||
ManualAlarmButton,
|
||||
ManualAlarmButtonTemplate,
|
||||
} from 'src/graphics/FAS/manualAlarmButton/ManualAlarmButton';
|
||||
import { ManualAlarmButtonData } from './graphics/FAS/ManualAlarmButtonInteraction';
|
||||
import { ManualAlarmButtonDraw } from 'src/graphics/FAS/manualAlarmButton/ManualAlarmButtonAssistant';
|
||||
import {
|
||||
SmokeDetector,
|
||||
SmokeDetectorTemplate,
|
||||
} from 'src/graphics/FAS/smokeDetector/SmokeDetector';
|
||||
import { SmokeDetectorData } from './graphics/FAS/SmokeDetectorInteraction';
|
||||
import { SmokeDetectorDraw } from 'src/graphics/FAS/smokeDetector/SmokeDetectorAssistant';
|
||||
import {
|
||||
TemperatureDetector,
|
||||
TemperatureDetectorTemplate,
|
||||
} from 'src/graphics/FAS/temperatureDetector/TemperatureDetector';
|
||||
import { TemperatureDetectorData } from './graphics/FAS/TemperatureDetectorInteraction';
|
||||
import { TemperatureDetectorDraw } from 'src/graphics/FAS/temperatureDetector/TemperatureDetectorAssistant';
|
||||
import {
|
||||
FireShutter,
|
||||
FireShutterTemplate,
|
||||
} from 'src/graphics/FAS/fireShutter/FireShutter';
|
||||
import { FireShutterData } from './graphics/FAS/FireShutterInteraction';
|
||||
import { FireShutterDraw } from 'src/graphics/FAS/fireShutter/FireShutterAssistant';
|
||||
import { EscalatorDraw } from 'src/graphics/BAS/escalator/EscalatorDrawAssistant';
|
||||
import {
|
||||
Escalator,
|
||||
EscalatorTemplate,
|
||||
} from 'src/graphics/BAS/escalator/Escalator';
|
||||
import { EscalatorData } from './graphics/BAS/EscalatorInteraction';
|
||||
import {
|
||||
VerticalElevator,
|
||||
VerticalElevatorTemplate,
|
||||
} from 'src/graphics/BAS/verticalElevator/VerticalElevator';
|
||||
import { VerticalElevatorData } from './graphics/BAS/VerticalElevatorInteraction';
|
||||
import { VerticalElevatorDraw } from 'src/graphics/BAS/verticalElevator/VerticalElevatorDrawAssistant';
|
||||
import { FirePump, FirePumpTemplate } from 'src/graphics/FAS/firePump/FirePump';
|
||||
import { FirePumpDraw } from 'src/graphics/FAS/firePump/FirePumpAssistant';
|
||||
import { FirePumpData } from './graphics/FAS/FirePumpInteraction';
|
||||
import { SprayPumpDraw } from 'src/graphics/FAS/sprayPump/SprayPumpAssistant';
|
||||
import {
|
||||
SprayPump,
|
||||
SprayPumpTemplate,
|
||||
} from 'src/graphics/FAS/sprayPump/SprayPump';
|
||||
import { SprayPumpData } from './graphics/FAS/SprayPumpInteraction';
|
||||
import { StabilizedPressurePumpData } from './graphics/FAS/StabilizedPressurePumpInteraction';
|
||||
import { StabilizedPressurePumpDraw } from 'src/graphics/FAS/stabilizedPressurePump/StabilizedPressurePumpAssistant';
|
||||
import {
|
||||
StabilizedPressurePump,
|
||||
StabilizedPressurePumpTemplate,
|
||||
} from 'src/graphics/FAS/stabilizedPressurePump/StabilizedPressurePump';
|
||||
import { AcsDraw } from 'src/graphics/FAS/acs/AcsAssistant';
|
||||
import { Acs, AcsTemplate } from 'src/graphics/FAS/acs/Acs';
|
||||
import { AcsData } from './graphics/FAS/AcsInteraction';
|
||||
import { AfcDraw } from 'src/graphics/FAS/afc/AfcAssistant';
|
||||
import { Afc, AfcTemplate } from 'src/graphics/FAS/afc/Afc';
|
||||
import { AfcData } from './graphics/FAS/AfcInteraction';
|
||||
import { NonFirePowerSupplyDraw } from 'src/graphics/FAS/nonFirePowerSupply/NonFirePowerSupplyAssistant';
|
||||
import {
|
||||
NonFirePowerSupply,
|
||||
NonFirePowerSupplyTemplate,
|
||||
} from 'src/graphics/FAS/nonFirePowerSupply/NonFirePowerSupply';
|
||||
import { NonFirePowerSupplyData } from './graphics/FAS/NonFirePowerSupplyInteraction';
|
||||
import { WaterFlowIndicatorDraw } from 'src/graphics/FAS/waterFlowIndicator/WaterFlowIndicatorAssistant';
|
||||
import {
|
||||
WaterFlowIndicator,
|
||||
WaterFlowIndicatorTemplate,
|
||||
} from 'src/graphics/FAS/waterFlowIndicator/WaterFlowIndicator';
|
||||
import { WaterFlowIndicatorData } from './graphics/FAS/WaterFlowIndicatorInteraction';
|
||||
import { SignalButterflyValveDraw } from 'src/graphics/FAS/signalButterflyValve/SignalButterflyValveAssistant';
|
||||
import {
|
||||
SignalButterflyValve,
|
||||
SignalButterflyValveTemplate,
|
||||
} from 'src/graphics/FAS/signalButterflyValve/SignalButterflyValve';
|
||||
import { SignalButterflyValveData } from './graphics/FAS/SignalButterflyValveInteraction';
|
||||
import { PressureSwitchDraw } from 'src/graphics/FAS/pressureSwitch/PressureSwitchAssistant';
|
||||
import {
|
||||
PressureSwitch,
|
||||
PressureSwitchTemplate,
|
||||
} from 'src/graphics/FAS/pressureSwitch/PressureSwitch';
|
||||
import { PressureSwitchData } from './graphics/FAS/PressureSwitchInteraction';
|
||||
import { FaultValveDraw } from 'src/graphics/FAS/faultValve/FaultValveAssistant';
|
||||
import {
|
||||
FaultValve,
|
||||
FaultValveTemplate,
|
||||
} from 'src/graphics/FAS/faultValve/FaultValve';
|
||||
import { FaultValveData } from './graphics/FAS/FaultValveInteraction';
|
||||
import { StartPumpButtonDraw } from 'src/graphics/FAS/startPumpButton/StartPumpButtonAssistant';
|
||||
import {
|
||||
StartPumpButton,
|
||||
StartPumpButtonTemplate,
|
||||
} from 'src/graphics/FAS/startPumpButton/StartPumpButton';
|
||||
import { StartPumpButtonData } from './graphics/FAS/StartPumpButtonInteraction';
|
||||
import { TemperatureCableDraw } from 'src/graphics/FAS/temperatureCable/TemperatureCableAssistant';
|
||||
import {
|
||||
TemperatureCable,
|
||||
TemperatureCableTemplate,
|
||||
} from 'src/graphics/FAS/temperatureCable/TemperatureCable';
|
||||
import { TemperatureCableData } from './graphics/FAS/TemperatureCableInteraction';
|
||||
import { EmergencyLightingDraw } from 'src/graphics/FAS/emergencyLighting/EmergencyLightingAssistant';
|
||||
import {
|
||||
EmergencyLighting,
|
||||
EmergencyLightingTemplate,
|
||||
} from 'src/graphics/FAS/emergencyLighting/EmergencyLighting';
|
||||
import { EmergencyLightingData } from './graphics/FAS/EmergencyLightingInteraction';
|
||||
import { ElevatorLiftToTopDraw } from 'src/graphics/FAS/elevatorLiftToTop/ElevatorLiftToTopAssistant';
|
||||
import {
|
||||
ElevatorLiftToTop,
|
||||
ElevatorLiftToTopTemplate,
|
||||
} from 'src/graphics/FAS/elevatorLiftToTop/ElevatorLiftToTop';
|
||||
import { ElevatorLiftToTopData } from './graphics/FAS/ElevatorLiftToTopInteraction';
|
||||
import { ElectricButterflyValveDraw } from 'src/graphics/FAS/electricButterflyValve/ElectricButterflyValveAssistant';
|
||||
import {
|
||||
ElectricButterflyValve,
|
||||
ElectricButterflyValveTemplate,
|
||||
} from 'src/graphics/FAS/electricButterflyValve/ElectricButterflyValve';
|
||||
import { ElectricButterflyValveData } from './graphics/FAS/ElectricButterflyValveInteraction';
|
||||
import { FireValveDraw } from 'src/graphics/FAS/fireValve/FireValveAssistant';
|
||||
import {
|
||||
FireValve,
|
||||
FireValveTemplate,
|
||||
} from 'src/graphics/FAS/fireValve/FireValve';
|
||||
import { FireValveData } from './graphics/FAS/FireValveInteraction';
|
||||
import { ElectricFireExtinguishingValveData } from './graphics/FAS/ElectricFireExtinguishingValveInteraction';
|
||||
import { ElectricFireExtinguishingValveDraw } from 'src/graphics/FAS/electricFireExtinguishingValve/ElectricFireExtinguishingValveAssistant';
|
||||
import {
|
||||
ElectricFireExtinguishingValve,
|
||||
ElectricFireExtinguishingValveTemplate,
|
||||
} from 'src/graphics/FAS/electricFireExtinguishingValve/ElectricFireExtinguishingValve';
|
||||
import { FireIntercommunicationSignalData } from './graphics/FAS/FireIntercommunicationSignalInteraction';
|
||||
import { FireIntercommunicationSignalDraw } from 'src/graphics/FAS/fireIntercommunicationSignal/FireIntercommunicationSignalAssistant';
|
||||
import {
|
||||
FireIntercommunicationSignal,
|
||||
FireIntercommunicationSignalTemplate,
|
||||
} from 'src/graphics/FAS/fireIntercommunicationSignal/FireIntercommunicationSignal';
|
||||
// import { getOnlyToken } from 'src/configs/TokenManage';
|
||||
import { getJwtToken } from 'src/configs/TokenManage';
|
||||
|
||||
let drawApp: IDrawApp | null = null;
|
||||
|
||||
@ -56,17 +194,95 @@ export function initIscsDrawApp(): IDrawApp {
|
||||
dataLoader: loadDrawDatas,
|
||||
isSupportDeletion: isSupportDeletion,
|
||||
});
|
||||
getJwt().then((res) => {
|
||||
drawApp.enableWsMassaging({
|
||||
engine: ClientEngine.MQTT,
|
||||
wsUrl: `${getWebsocketUrl()}`,
|
||||
token: res.getJwt as string,
|
||||
});
|
||||
token: getJwtToken() as string,
|
||||
});
|
||||
|
||||
const app = drawApp;
|
||||
initCommonDrawApp(app);
|
||||
new CCTVButtonDraw(app, new CCTVButtonTemplate(new CCTVButtonData()));
|
||||
new EscalatorDraw(app, new EscalatorTemplate(new EscalatorData()));
|
||||
new VerticalElevatorDraw(
|
||||
app,
|
||||
new VerticalElevatorTemplate(new VerticalElevatorData())
|
||||
);
|
||||
new FasFailureControlHostDraw(
|
||||
app,
|
||||
new FasFailureControlHostTemplate(new FasFailureControlHostData())
|
||||
);
|
||||
new FasAlarmDraw(app, new FasAlarmTemplate(new FasAlarmData()));
|
||||
new ManualAlarmButtonDraw(
|
||||
app,
|
||||
new ManualAlarmButtonTemplate(new ManualAlarmButtonData())
|
||||
);
|
||||
new SmokeDetectorDraw(
|
||||
app,
|
||||
new SmokeDetectorTemplate(new SmokeDetectorData())
|
||||
);
|
||||
new TemperatureDetectorDraw(
|
||||
app,
|
||||
new TemperatureDetectorTemplate(new TemperatureDetectorData())
|
||||
);
|
||||
new FireShutterDraw(app, new FireShutterTemplate(new FireShutterData()));
|
||||
new FirePumpDraw(app, new FirePumpTemplate(new FirePumpData()));
|
||||
new SprayPumpDraw(app, new SprayPumpTemplate(new SprayPumpData()));
|
||||
new StabilizedPressurePumpDraw(
|
||||
app,
|
||||
new StabilizedPressurePumpTemplate(new StabilizedPressurePumpData())
|
||||
);
|
||||
new AcsDraw(app, new AcsTemplate(new AcsData()));
|
||||
new AfcDraw(app, new AfcTemplate(new AfcData()));
|
||||
new NonFirePowerSupplyDraw(
|
||||
app,
|
||||
new NonFirePowerSupplyTemplate(new NonFirePowerSupplyData())
|
||||
);
|
||||
new WaterFlowIndicatorDraw(
|
||||
app,
|
||||
new WaterFlowIndicatorTemplate(new WaterFlowIndicatorData())
|
||||
);
|
||||
new SignalButterflyValveDraw(
|
||||
app,
|
||||
new SignalButterflyValveTemplate(new SignalButterflyValveData())
|
||||
);
|
||||
new PressureSwitchDraw(
|
||||
app,
|
||||
new PressureSwitchTemplate(new PressureSwitchData())
|
||||
);
|
||||
new FaultValveDraw(app, new FaultValveTemplate(new FaultValveData()));
|
||||
new StartPumpButtonDraw(
|
||||
app,
|
||||
new StartPumpButtonTemplate(new StartPumpButtonData())
|
||||
);
|
||||
new TemperatureCableDraw(
|
||||
app,
|
||||
new TemperatureCableTemplate(new TemperatureCableData())
|
||||
);
|
||||
new EmergencyLightingDraw(
|
||||
app,
|
||||
new EmergencyLightingTemplate(new EmergencyLightingData())
|
||||
);
|
||||
new ElevatorLiftToTopDraw(
|
||||
app,
|
||||
new ElevatorLiftToTopTemplate(new ElevatorLiftToTopData())
|
||||
);
|
||||
new ElectricButterflyValveDraw(
|
||||
app,
|
||||
new ElectricButterflyValveTemplate(new ElectricButterflyValveData())
|
||||
);
|
||||
new FireValveDraw(app, new FireValveTemplate(new FireValveData()));
|
||||
new ElectricFireExtinguishingValveDraw(
|
||||
app,
|
||||
new ElectricFireExtinguishingValveTemplate(
|
||||
new ElectricFireExtinguishingValveData()
|
||||
)
|
||||
);
|
||||
new FireIntercommunicationSignalDraw(
|
||||
app,
|
||||
new FireIntercommunicationSignalTemplate(
|
||||
new FireIntercommunicationSignalData()
|
||||
)
|
||||
);
|
||||
|
||||
app.addKeyboardListener(
|
||||
new KeyListener({
|
||||
@ -150,18 +366,19 @@ function handleSubscribe(app: IDrawApp) {
|
||||
console.log(fasPlatformAlarm, 'fasPlatformAlarm');
|
||||
}
|
||||
}
|
||||
} else if (syncData.submenu === '监控布局图') {
|
||||
} else if (syncData.submenu === 'CCTV设备布局图') {
|
||||
for (
|
||||
let i = 0;
|
||||
i < storage.cctvOfStationControlStorages.length;
|
||||
i < storage.cctvOfEquipmentLayoutStorages.length;
|
||||
i++
|
||||
) {
|
||||
const ctvOfStationControl = storage.cctvOfStationControlStorages[i];
|
||||
if (ctvOfStationControl.stationName == syncData.station) {
|
||||
const cctvOfEquipmentLayout =
|
||||
storage.cctvOfEquipmentLayoutStorages[i];
|
||||
if (cctvOfEquipmentLayout.stationName == syncData.station) {
|
||||
syncData.datas.forEach((data) => {
|
||||
handlerNoEditCommonData(
|
||||
data,
|
||||
ctvOfStationControl,
|
||||
cctvOfEquipmentLayout,
|
||||
syncData.operationType
|
||||
);
|
||||
});
|
||||
@ -225,25 +442,156 @@ export async function loadDrawDatas(): Promise<IGraphicStorage> {
|
||||
) {
|
||||
canvasProperty = fasOfPlatformAlarm.canvas;
|
||||
datas = loadCommonDrawDatas(fasOfPlatformAlarm);
|
||||
fasOfPlatformAlarm.fasFailureControlHosts.forEach(
|
||||
(fasFailureControlHost) => {
|
||||
datas.push(
|
||||
new FasFailureControlHostData(fasFailureControlHost)
|
||||
);
|
||||
}
|
||||
);
|
||||
fasOfPlatformAlarm.fasAlarms.forEach((fasAlarm) => {
|
||||
datas.push(new FasAlarmData(fasAlarm));
|
||||
});
|
||||
fasOfPlatformAlarm.manualAlarmButtons.forEach(
|
||||
(manualAlarmButton) => {
|
||||
datas.push(new ManualAlarmButtonData(manualAlarmButton));
|
||||
}
|
||||
);
|
||||
fasOfPlatformAlarm.smokeDetectors.forEach((smokeDetector) => {
|
||||
datas.push(new SmokeDetectorData(smokeDetector));
|
||||
});
|
||||
fasOfPlatformAlarm.temperatureDetectors.forEach(
|
||||
(temperatureDetector) => {
|
||||
datas.push(new TemperatureDetectorData(temperatureDetector));
|
||||
}
|
||||
);
|
||||
fasOfPlatformAlarm.fireShutters.forEach((fireShutter) => {
|
||||
datas.push(new FireShutterData(fireShutter));
|
||||
});
|
||||
fasOfPlatformAlarm.firePumps.forEach((firePump) => {
|
||||
datas.push(new FirePumpData(firePump));
|
||||
});
|
||||
fasOfPlatformAlarm.sprayPumps.forEach((sprayPump) => {
|
||||
datas.push(new SprayPumpData(sprayPump));
|
||||
});
|
||||
fasOfPlatformAlarm.stabilizedPressurePumps.forEach(
|
||||
(stabilizedPressurePump) => {
|
||||
datas.push(
|
||||
new StabilizedPressurePumpData(stabilizedPressurePump)
|
||||
);
|
||||
}
|
||||
);
|
||||
fasOfPlatformAlarm.acs.forEach((acs) => {
|
||||
datas.push(new AcsData(acs));
|
||||
});
|
||||
fasOfPlatformAlarm.afc.forEach((afc) => {
|
||||
datas.push(new AfcData(afc));
|
||||
});
|
||||
fasOfPlatformAlarm.nonFirePowerSupplies.forEach(
|
||||
(nonFirePowerSupply) => {
|
||||
datas.push(new NonFirePowerSupplyData(nonFirePowerSupply));
|
||||
}
|
||||
);
|
||||
fasOfPlatformAlarm.waterFlowIndicators.forEach(
|
||||
(waterFlowIndicator) => {
|
||||
datas.push(new WaterFlowIndicatorData(waterFlowIndicator));
|
||||
}
|
||||
);
|
||||
fasOfPlatformAlarm.signalButterflyValves.forEach(
|
||||
(signalButterflyValve) => {
|
||||
datas.push(new SignalButterflyValveData(signalButterflyValve));
|
||||
}
|
||||
);
|
||||
fasOfPlatformAlarm.pressureSwitches.forEach((pressureSwitch) => {
|
||||
datas.push(new PressureSwitchData(pressureSwitch));
|
||||
});
|
||||
fasOfPlatformAlarm.faultValves.forEach((faultValve) => {
|
||||
datas.push(new FaultValveData(faultValve));
|
||||
});
|
||||
fasOfPlatformAlarm.startPumpButtons.forEach((startPumpButton) => {
|
||||
datas.push(new StartPumpButtonData(startPumpButton));
|
||||
});
|
||||
fasOfPlatformAlarm.temperatureCables.forEach((temperatureCable) => {
|
||||
datas.push(new TemperatureCableData(temperatureCable));
|
||||
});
|
||||
fasOfPlatformAlarm.emergencyLightings.forEach(
|
||||
(emergencyLighting) => {
|
||||
datas.push(new EmergencyLightingData(emergencyLighting));
|
||||
}
|
||||
);
|
||||
fasOfPlatformAlarm.elevatorLiftToTops.forEach(
|
||||
(elevatorLiftToTop) => {
|
||||
datas.push(new ElevatorLiftToTopData(elevatorLiftToTop));
|
||||
}
|
||||
);
|
||||
fasOfPlatformAlarm.electricButterflyValves.forEach(
|
||||
(electricButterflyValve) => {
|
||||
datas.push(
|
||||
new ElectricButterflyValveData(electricButterflyValve)
|
||||
);
|
||||
}
|
||||
);
|
||||
fasOfPlatformAlarm.fireValves.forEach((fireValve) => {
|
||||
datas.push(new FireValveData(fireValve));
|
||||
});
|
||||
fasOfPlatformAlarm.electricFireExtinguishingValves.forEach(
|
||||
(electricFireExtinguishingValve) => {
|
||||
datas.push(
|
||||
new ElectricFireExtinguishingValveData(
|
||||
electricFireExtinguishingValve
|
||||
)
|
||||
);
|
||||
}
|
||||
);
|
||||
fasOfPlatformAlarm.fireIntercommunicationSignals.forEach(
|
||||
(fireIntercommunicationSignal) => {
|
||||
datas.push(
|
||||
new FireIntercommunicationSignalData(
|
||||
fireIntercommunicationSignal
|
||||
)
|
||||
);
|
||||
}
|
||||
);
|
||||
break;
|
||||
}
|
||||
}
|
||||
break;
|
||||
case '监控布局图':
|
||||
for (let i = 0; i < storage.cctvOfStationControlStorages.length; i++) {
|
||||
const ctvOfStationControl = storage.cctvOfStationControlStorages[i];
|
||||
case 'CCTV设备布局图':
|
||||
for (let i = 0; i < storage.cctvOfEquipmentLayoutStorages.length; i++) {
|
||||
const cctvOfEquipmentLayout =
|
||||
storage.cctvOfEquipmentLayoutStorages[i];
|
||||
if (
|
||||
ctvOfStationControl.stationName ==
|
||||
cctvOfEquipmentLayout.stationName ==
|
||||
drawStore.selectSubmenuAndStation.station
|
||||
) {
|
||||
canvasProperty = ctvOfStationControl.canvas;
|
||||
datas = loadCommonDrawDatas(ctvOfStationControl);
|
||||
ctvOfStationControl.cctvButtons.forEach((cctvButton) => {
|
||||
canvasProperty = cctvOfEquipmentLayout.canvas;
|
||||
datas = loadCommonDrawDatas(cctvOfEquipmentLayout);
|
||||
/* ctvOfStationControl.cctvButtons.forEach((cctvButton) => {
|
||||
datas.push(new CCTVButtonData(cctvButton));
|
||||
}); */
|
||||
break;
|
||||
}
|
||||
}
|
||||
break;
|
||||
case '电扶梯':
|
||||
for (let i = 0; i < storage.basOfEscalatorStorages.length; i++) {
|
||||
const basOfEscalator = storage.basOfEscalatorStorages[i];
|
||||
if (
|
||||
basOfEscalator.stationName ==
|
||||
drawStore.selectSubmenuAndStation.station
|
||||
) {
|
||||
canvasProperty = basOfEscalator.canvas;
|
||||
datas = loadCommonDrawDatas(basOfEscalator);
|
||||
basOfEscalator.escalators.forEach((escalator) => {
|
||||
datas.push(new EscalatorData(escalator));
|
||||
});
|
||||
basOfEscalator.verticalElevators.forEach((verticalElevator) => {
|
||||
datas.push(new VerticalElevatorData(verticalElevator));
|
||||
});
|
||||
break;
|
||||
}
|
||||
}
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
@ -273,14 +621,28 @@ export function saveDrawDatas(app: IDrawApp) {
|
||||
new iscsGraphicData.FASOfPlatformAlarmStorage({
|
||||
stationName: station,
|
||||
commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
|
||||
partition: '设备分区一',
|
||||
})
|
||||
)
|
||||
);
|
||||
}
|
||||
if (!storage?.cctvOfStationControlStorages.length) {
|
||||
if (!storage?.cctvOfEquipmentLayoutStorages.length) {
|
||||
stationOption.forEach((station) => {
|
||||
for (let layer = 0; layer < 3; layer++) {
|
||||
storage?.cctvOfEquipmentLayoutStorages.push(
|
||||
new iscsGraphicData.CCTVOfEquipmentLayoutStorage({
|
||||
stationName: station,
|
||||
commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
|
||||
layer,
|
||||
})
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
if (!storage?.basOfEscalatorStorages.length) {
|
||||
stationOption.forEach((station) =>
|
||||
storage?.cctvOfStationControlStorages.push(
|
||||
new iscsGraphicData.CCTVOfStationControlStorage({
|
||||
storage?.basOfEscalatorStorages.push(
|
||||
new iscsGraphicData.BASOfEscalatorStorage({
|
||||
stationName: station,
|
||||
commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
|
||||
})
|
||||
@ -299,42 +661,192 @@ export function saveDrawDatas(app: IDrawApp) {
|
||||
fasOfPlatformAlarm = new iscsGraphicData.FASOfPlatformAlarmStorage({
|
||||
stationName: drawStore.selectSubmenuAndStation.station,
|
||||
commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
|
||||
partition: drawStore.selectSubmenuAndStation.partition,
|
||||
});
|
||||
const fasStorage = saveCommonDrawDatas(
|
||||
app,
|
||||
fasOfPlatformAlarm
|
||||
) as iscsGraphicData.FASOfPlatformAlarmStorage;
|
||||
graphics.forEach((g) => {
|
||||
if (g instanceof FasFailureControlHost) {
|
||||
const fasFailureControlHostData = g.saveData();
|
||||
fasStorage.fasFailureControlHosts.push(
|
||||
(fasFailureControlHostData as FasFailureControlHostData).data
|
||||
);
|
||||
} else if (g instanceof FasAlarm) {
|
||||
const fasAlarmData = g.saveData();
|
||||
fasStorage.fasAlarms.push((fasAlarmData as FasAlarmData).data);
|
||||
} else if (g instanceof ManualAlarmButton) {
|
||||
const manualAlarmButtonData = g.saveData();
|
||||
fasStorage.manualAlarmButtons.push(
|
||||
(manualAlarmButtonData as ManualAlarmButtonData).data
|
||||
);
|
||||
} else if (g instanceof SmokeDetector) {
|
||||
const smokeDetectorData = g.saveData();
|
||||
fasStorage.smokeDetectors.push(
|
||||
(smokeDetectorData as SmokeDetectorData).data
|
||||
);
|
||||
} else if (g instanceof TemperatureDetector) {
|
||||
const temperatureDetectorData = g.saveData();
|
||||
fasStorage.temperatureDetectors.push(
|
||||
(temperatureDetectorData as TemperatureDetectorData).data
|
||||
);
|
||||
} else if (g instanceof FireShutter) {
|
||||
const fireShutterData = g.saveData();
|
||||
fasStorage.fireShutters.push(
|
||||
(fireShutterData as FireShutterData).data
|
||||
);
|
||||
} else if (g instanceof FirePump) {
|
||||
const firePumpData = g.saveData();
|
||||
fasStorage.firePumps.push((firePumpData as FirePumpData).data);
|
||||
} else if (g instanceof SprayPump) {
|
||||
const sprayPumpData = g.saveData();
|
||||
fasStorage.sprayPumps.push((sprayPumpData as SprayPumpData).data);
|
||||
} else if (g instanceof StabilizedPressurePump) {
|
||||
const stabilizedPressurePumpData = g.saveData();
|
||||
fasStorage.stabilizedPressurePumps.push(
|
||||
(stabilizedPressurePumpData as StabilizedPressurePumpData).data
|
||||
);
|
||||
} else if (g instanceof Acs) {
|
||||
const acsData = g.saveData();
|
||||
fasStorage.acs.push((acsData as AcsData).data);
|
||||
} else if (g instanceof Afc) {
|
||||
const afcData = g.saveData();
|
||||
fasStorage.afc.push((afcData as AfcData).data);
|
||||
} else if (g instanceof NonFirePowerSupply) {
|
||||
const nonFirePowerSupplyData = g.saveData();
|
||||
fasStorage.nonFirePowerSupplies.push(
|
||||
(nonFirePowerSupplyData as NonFirePowerSupplyData).data
|
||||
);
|
||||
} else if (g instanceof WaterFlowIndicator) {
|
||||
const waterFlowIndicatorData = g.saveData();
|
||||
fasStorage.waterFlowIndicators.push(
|
||||
(waterFlowIndicatorData as WaterFlowIndicatorData).data
|
||||
);
|
||||
} else if (g instanceof SignalButterflyValve) {
|
||||
const signalButterflyValveData = g.saveData();
|
||||
fasStorage.signalButterflyValves.push(
|
||||
(signalButterflyValveData as SignalButterflyValveData).data
|
||||
);
|
||||
} else if (g instanceof PressureSwitch) {
|
||||
const pressureSwitchData = g.saveData();
|
||||
fasStorage.pressureSwitches.push(
|
||||
(pressureSwitchData as PressureSwitchData).data
|
||||
);
|
||||
} else if (g instanceof FaultValve) {
|
||||
const faultValveData = g.saveData();
|
||||
fasStorage.faultValves.push(
|
||||
(faultValveData as FaultValveData).data
|
||||
);
|
||||
} else if (g instanceof StartPumpButton) {
|
||||
const startPumpButtonData = g.saveData();
|
||||
fasStorage.startPumpButtons.push(
|
||||
(startPumpButtonData as StartPumpButtonData).data
|
||||
);
|
||||
} else if (g instanceof TemperatureCable) {
|
||||
const temperatureCableData = g.saveData();
|
||||
fasStorage.temperatureCables.push(
|
||||
(temperatureCableData as TemperatureCableData).data
|
||||
);
|
||||
} else if (g instanceof EmergencyLighting) {
|
||||
const emergencyLightingData = g.saveData();
|
||||
fasStorage.emergencyLightings.push(
|
||||
(emergencyLightingData as EmergencyLightingData).data
|
||||
);
|
||||
} else if (g instanceof ElevatorLiftToTop) {
|
||||
const elevatorLiftToTopData = g.saveData();
|
||||
fasStorage.elevatorLiftToTops.push(
|
||||
(elevatorLiftToTopData as ElevatorLiftToTopData).data
|
||||
);
|
||||
} else if (g instanceof ElectricButterflyValve) {
|
||||
const electricButterflyValveData = g.saveData();
|
||||
fasStorage.electricButterflyValves.push(
|
||||
(electricButterflyValveData as ElectricButterflyValveData).data
|
||||
);
|
||||
} else if (g instanceof FireValve) {
|
||||
const fireValveData = g.saveData();
|
||||
fasStorage.fireValves.push((fireValveData as FireValveData).data);
|
||||
} else if (g instanceof ElectricFireExtinguishingValve) {
|
||||
const electricFireExtinguishingValveData = g.saveData();
|
||||
fasStorage.electricFireExtinguishingValves.push(
|
||||
(
|
||||
electricFireExtinguishingValveData as ElectricFireExtinguishingValveData
|
||||
).data
|
||||
);
|
||||
} else if (g instanceof FireIntercommunicationSignal) {
|
||||
const fireIntercommunicationSignalData = g.saveData();
|
||||
fasStorage.fireIntercommunicationSignals.push(
|
||||
(
|
||||
fireIntercommunicationSignalData as FireIntercommunicationSignalData
|
||||
).data
|
||||
);
|
||||
}
|
||||
});
|
||||
storage.fasOfPlatformAlarmStorages[i] = fasStorage;
|
||||
break;
|
||||
}
|
||||
}
|
||||
break;
|
||||
case '监控布局图':
|
||||
for (let i = 0; i < storage.cctvOfStationControlStorages.length; i++) {
|
||||
let cctvOfStationControl = storage.cctvOfStationControlStorages[i];
|
||||
case 'CCTV设备布局图':
|
||||
for (let i = 0; i < storage.cctvOfEquipmentLayoutStorages.length; i++) {
|
||||
let cctvOfEquipmentLayout = storage.cctvOfEquipmentLayoutStorages[i];
|
||||
if (
|
||||
cctvOfStationControl.stationName ==
|
||||
cctvOfEquipmentLayout.stationName ==
|
||||
drawStore.selectSubmenuAndStation.station
|
||||
) {
|
||||
cctvOfStationControl =
|
||||
new iscsGraphicData.CCTVOfStationControlStorage({
|
||||
cctvOfEquipmentLayout =
|
||||
new iscsGraphicData.CCTVOfEquipmentLayoutStorage({
|
||||
stationName: drawStore.selectSubmenuAndStation.station,
|
||||
commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
|
||||
});
|
||||
const cctvStorage = saveCommonDrawDatas(
|
||||
app,
|
||||
cctvOfStationControl
|
||||
) as iscsGraphicData.CCTVOfStationControlStorage;
|
||||
cctvOfEquipmentLayout
|
||||
) as iscsGraphicData.CCTVOfEquipmentLayoutStorage;
|
||||
|
||||
graphics.forEach((g) => {
|
||||
/* graphics.forEach((g) => {
|
||||
if (g instanceof CCTVButton) {
|
||||
const cctvButtonData = g.saveData();
|
||||
cctvStorage.cctvButtons.push(
|
||||
(cctvButtonData as CCTVButtonData).data
|
||||
);
|
||||
}
|
||||
}); */
|
||||
storage.cctvOfEquipmentLayoutStorages[i] = cctvStorage;
|
||||
break;
|
||||
}
|
||||
}
|
||||
break;
|
||||
case '电扶梯':
|
||||
for (let i = 0; i < storage.basOfEscalatorStorages.length; i++) {
|
||||
let basOfEscalator = storage.basOfEscalatorStorages[i];
|
||||
if (
|
||||
basOfEscalator.stationName ==
|
||||
drawStore.selectSubmenuAndStation.station
|
||||
) {
|
||||
basOfEscalator = new iscsGraphicData.BASOfEscalatorStorage({
|
||||
stationName: drawStore.selectSubmenuAndStation.station,
|
||||
commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
|
||||
});
|
||||
storage.cctvOfStationControlStorages[i] = cctvStorage;
|
||||
const basOfEscalatorStorage = saveCommonDrawDatas(
|
||||
app,
|
||||
basOfEscalator
|
||||
) as iscsGraphicData.BASOfEscalatorStorage;
|
||||
|
||||
graphics.forEach((g) => {
|
||||
if (g instanceof Escalator) {
|
||||
const escalatorData = g.saveData();
|
||||
basOfEscalatorStorage.escalators.push(
|
||||
(escalatorData as EscalatorData).data
|
||||
);
|
||||
} else if (g instanceof VerticalElevator) {
|
||||
const verticalElevatorData = g.saveData();
|
||||
basOfEscalatorStorage.verticalElevators.push(
|
||||
(verticalElevatorData as VerticalElevatorData).data
|
||||
);
|
||||
}
|
||||
});
|
||||
storage.basOfEscalatorStorages[i] = basOfEscalatorStorage;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
74
src/graphics/BAS/escalator/Escalator.ts
Normal file
74
src/graphics/BAS/escalator/Escalator.ts
Normal file
@ -0,0 +1,74 @@
|
||||
import { GraphicData, JlGraphic, JlGraphicTemplate } from 'jl-graphic';
|
||||
import tcc_Light_Assets from './escalator-spritesheet.png';
|
||||
import tcc_Light_JSON from './escalator-data.json';
|
||||
|
||||
import { Assets, Sprite, Spritesheet, Texture } from 'pixi.js';
|
||||
|
||||
interface EscalatorTextures {
|
||||
redOn: Texture;
|
||||
redOff: Texture;
|
||||
greenOn: Texture;
|
||||
greenOff: Texture;
|
||||
blueOn: Texture;
|
||||
blueOff: Texture;
|
||||
}
|
||||
|
||||
export interface IescalatorData extends GraphicData {
|
||||
get code(): string;
|
||||
set code(v: string);
|
||||
}
|
||||
|
||||
export class Escalator extends JlGraphic {
|
||||
static Type = 'Escalator';
|
||||
_escalator: Sprite;
|
||||
escalatorTextures: EscalatorTextures;
|
||||
__state = 0;
|
||||
|
||||
constructor(escalatorTextures: EscalatorTextures) {
|
||||
super(Escalator.Type);
|
||||
this.escalatorTextures = escalatorTextures;
|
||||
this._escalator = new Sprite();
|
||||
this._escalator.texture = this.escalatorTextures.greenOff;
|
||||
this._escalator.anchor.set(0.5);
|
||||
this.addChild(this._escalator);
|
||||
}
|
||||
get code(): string {
|
||||
return this.datas.code;
|
||||
}
|
||||
get datas(): IescalatorData {
|
||||
return this.getDatas<IescalatorData>();
|
||||
}
|
||||
doRepaint(): void {
|
||||
this._escalator.texture = this.escalatorTextures.greenOn;
|
||||
}
|
||||
}
|
||||
|
||||
export class EscalatorTemplate extends JlGraphicTemplate<Escalator> {
|
||||
escalatorTextures?: EscalatorTextures;
|
||||
constructor(dataTemplate: IescalatorData) {
|
||||
super(Escalator.Type, { dataTemplate });
|
||||
this.loadAssets();
|
||||
}
|
||||
new(): Escalator {
|
||||
if (this.escalatorTextures) {
|
||||
const g = new Escalator(this.escalatorTextures);
|
||||
g.loadData(this.datas);
|
||||
return g;
|
||||
}
|
||||
throw new Error('资源未加载/加载失败');
|
||||
}
|
||||
async loadAssets(): Promise<EscalatorTextures> {
|
||||
const texture = await Assets.load(tcc_Light_Assets);
|
||||
const escalatorSheet = new Spritesheet(texture, tcc_Light_JSON);
|
||||
const result = await escalatorSheet.parse();
|
||||
this.escalatorTextures = {
|
||||
redOff: result['red-off.png'],
|
||||
redOn: result['red-on.png'],
|
||||
blueOff: result['blue-off.png'],
|
||||
blueOn: result['blue-on.png'],
|
||||
greenOff: result['green-off.png'],
|
||||
greenOn: result['green-on.png'],
|
||||
};
|
||||
return this.escalatorTextures as EscalatorTextures;
|
||||
}
|
||||
}
|
||||
117
src/graphics/BAS/escalator/EscalatorDrawAssistant.ts
Normal file
117
src/graphics/BAS/escalator/EscalatorDrawAssistant.ts
Normal file
@ -0,0 +1,117 @@
|
||||
import { DisplayObject, FederatedMouseEvent, Point } from 'pixi.js';
|
||||
import {
|
||||
AbsorbableLine,
|
||||
AbsorbablePosition,
|
||||
GraphicDrawAssistant,
|
||||
GraphicInteractionPlugin,
|
||||
GraphicTransformEvent,
|
||||
IDrawApp,
|
||||
JlGraphic,
|
||||
} from 'jl-graphic';
|
||||
import { IescalatorData, Escalator, EscalatorTemplate } from './Escalator';
|
||||
|
||||
export class EscalatorDraw extends GraphicDrawAssistant<
|
||||
EscalatorTemplate,
|
||||
IescalatorData
|
||||
> {
|
||||
_escalator: Escalator | null = null;
|
||||
constructor(app: IDrawApp, template: EscalatorTemplate) {
|
||||
super(app, template, 'escalator', '自动扶梯');
|
||||
EscalatorInteraction.init(app);
|
||||
}
|
||||
|
||||
bind(): void {
|
||||
super.bind();
|
||||
if (!this._escalator) {
|
||||
this._escalator = this.graphicTemplate.new();
|
||||
this.container.addChild(this._escalator);
|
||||
}
|
||||
}
|
||||
|
||||
public get escalator(): Escalator {
|
||||
if (!this._escalator) {
|
||||
this._escalator = this.graphicTemplate.new();
|
||||
this.container.addChild(this._escalator);
|
||||
}
|
||||
return this._escalator;
|
||||
}
|
||||
|
||||
redraw(cp: Point): void {
|
||||
this.escalator.position.copyFrom(cp);
|
||||
}
|
||||
onLeftUp(e: FederatedMouseEvent): void {
|
||||
this.escalator.position.copyFrom(this.toCanvasCoordinates(e.global));
|
||||
this.createAndStore(true);
|
||||
}
|
||||
prepareData(data: IescalatorData): boolean {
|
||||
data.transform = this.escalator.saveTransform();
|
||||
return true;
|
||||
}
|
||||
onEsc(): void {
|
||||
this.finish();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建吸附线
|
||||
* @param escalator
|
||||
*/
|
||||
function buildAbsorbablePositions(escalator: Escalator): AbsorbablePosition[] {
|
||||
const aps: AbsorbablePosition[] = [];
|
||||
const escalators = escalator.queryStore.queryByType<Escalator>(
|
||||
Escalator.Type
|
||||
);
|
||||
const canvas = escalator.getCanvas();
|
||||
escalators.forEach((item) => {
|
||||
if (item.id === escalator.id) {
|
||||
return;
|
||||
}
|
||||
const ala = new AbsorbableLine(
|
||||
new Point(item.x, 0),
|
||||
new Point(item.x, canvas.height)
|
||||
);
|
||||
const alb = new AbsorbableLine(
|
||||
new Point(0, item.y),
|
||||
new Point(canvas.width, item.y)
|
||||
);
|
||||
aps.push(ala);
|
||||
aps.push(alb);
|
||||
});
|
||||
|
||||
return aps;
|
||||
}
|
||||
|
||||
export class EscalatorInteraction extends GraphicInteractionPlugin<Escalator> {
|
||||
static Name = 'escalator_transform';
|
||||
constructor(app: IDrawApp) {
|
||||
super(EscalatorInteraction.Name, app);
|
||||
}
|
||||
static init(app: IDrawApp) {
|
||||
return new EscalatorInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): Escalator[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === Escalator.Type)
|
||||
.map((g) => g as Escalator);
|
||||
}
|
||||
bind(g: Escalator): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.scalable = true;
|
||||
g.rotatable = true;
|
||||
g.on('transformstart', this.transformstart, this);
|
||||
}
|
||||
unbind(g: Escalator): void {
|
||||
g.eventMode = 'none';
|
||||
g.scalable = false;
|
||||
g.rotatable = false;
|
||||
g.off('transformstart', this.transformstart, this);
|
||||
}
|
||||
transformstart(e: GraphicTransformEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const escalator = target.getGraphic() as Escalator;
|
||||
escalator.getGraphicApp().setOptions({
|
||||
absorbablePositions: buildAbsorbablePositions(escalator),
|
||||
});
|
||||
}
|
||||
}
|
||||
29
src/graphics/BAS/escalator/escalator-data.json
Normal file
29
src/graphics/BAS/escalator/escalator-data.json
Normal file
@ -0,0 +1,29 @@
|
||||
{
|
||||
"frames": {
|
||||
"green-off.png": {
|
||||
"frame": { "x": 0, "y": 0, "w": 45, "h": 46 },
|
||||
"rotated": false,
|
||||
"trimmed": false,
|
||||
"spriteSourceSize": { "x": 0, "y": 0, "w": 46, "h": 46 },
|
||||
"sourceSize": { "w": 46, "h": 46 },
|
||||
"anchor": { "x": 0.5, "y": 0.5 }
|
||||
},
|
||||
"green-on.png": {
|
||||
"frame": { "x": 45, "y": 0, "w": 45, "h": 46 },
|
||||
"rotated": false,
|
||||
"trimmed": false,
|
||||
"spriteSourceSize": { "x": 0, "y": 0, "w": 46, "h": 46 },
|
||||
"sourceSize": { "w": 46, "h": 64 },
|
||||
"anchor": { "x": 0.5, "y": 0.5 }
|
||||
}
|
||||
},
|
||||
"meta": {
|
||||
"app": "https://www.codeandweb.com/texturepacker",
|
||||
"version": "1.1",
|
||||
"image": "tcc-light.png",
|
||||
"format": "RGBA8888",
|
||||
"size": { "w": 271, "h": 46 },
|
||||
"scale": "0.5",
|
||||
"smartupdate": "$TexturePacker:SmartUpdate:e7620bd2d73cc0b3e2deea9704e7eefc:f129a1d9e4b9ba57720b3861c22b155b:eb2d421f7759984b7713aa4aa5354134$"
|
||||
}
|
||||
}
|
||||
BIN
src/graphics/BAS/escalator/escalator-spritesheet.png
Normal file
BIN
src/graphics/BAS/escalator/escalator-spritesheet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
75
src/graphics/BAS/verticalElevator/VerticalElevator.ts
Normal file
75
src/graphics/BAS/verticalElevator/VerticalElevator.ts
Normal file
@ -0,0 +1,75 @@
|
||||
import { GraphicData, JlGraphic, JlGraphicTemplate } from 'jl-graphic';
|
||||
import tcc_Light_Assets from './verticalElevator-spritesheet.png';
|
||||
import tcc_Light_JSON from './verticalElevator-data.json';
|
||||
|
||||
import { Assets, Sprite, Spritesheet, Texture } from 'pixi.js';
|
||||
|
||||
interface VerticalElevatorTextures {
|
||||
redOn: Texture;
|
||||
redOff: Texture;
|
||||
greenOn: Texture;
|
||||
greenOff: Texture;
|
||||
blueOn: Texture;
|
||||
blueOff: Texture;
|
||||
}
|
||||
|
||||
export interface IverticalElevatorData extends GraphicData {
|
||||
get code(): string;
|
||||
set code(v: string);
|
||||
}
|
||||
|
||||
export class VerticalElevator extends JlGraphic {
|
||||
static Type = 'VerticalElevator';
|
||||
_verticalElevator: Sprite;
|
||||
verticalElevatorTextures: VerticalElevatorTextures;
|
||||
__state = 0;
|
||||
|
||||
constructor(verticalElevatorTextures: VerticalElevatorTextures) {
|
||||
super(VerticalElevator.Type);
|
||||
this.verticalElevatorTextures = verticalElevatorTextures;
|
||||
this._verticalElevator = new Sprite();
|
||||
this._verticalElevator.texture = this.verticalElevatorTextures.greenOff;
|
||||
this._verticalElevator.scale.set(1);
|
||||
this._verticalElevator.anchor.set(0.5);
|
||||
this.addChild(this._verticalElevator);
|
||||
}
|
||||
get code(): string {
|
||||
return this.datas.code;
|
||||
}
|
||||
get datas(): IverticalElevatorData {
|
||||
return this.getDatas<IverticalElevatorData>();
|
||||
}
|
||||
doRepaint(): void {
|
||||
this._verticalElevator.texture = this.verticalElevatorTextures.greenOn;
|
||||
}
|
||||
}
|
||||
|
||||
export class VerticalElevatorTemplate extends JlGraphicTemplate<VerticalElevator> {
|
||||
verticalElevatorTextures?: VerticalElevatorTextures;
|
||||
constructor(dataTemplate: IverticalElevatorData) {
|
||||
super(VerticalElevator.Type, { dataTemplate });
|
||||
this.loadAssets();
|
||||
}
|
||||
new(): VerticalElevator {
|
||||
if (this.verticalElevatorTextures) {
|
||||
const g = new VerticalElevator(this.verticalElevatorTextures);
|
||||
g.loadData(this.datas);
|
||||
return g;
|
||||
}
|
||||
throw new Error('资源未加载/加载失败');
|
||||
}
|
||||
async loadAssets(): Promise<VerticalElevatorTextures> {
|
||||
const texture = await Assets.load(tcc_Light_Assets);
|
||||
const verticalElevatorSheet = new Spritesheet(texture, tcc_Light_JSON);
|
||||
const result = await verticalElevatorSheet.parse();
|
||||
this.verticalElevatorTextures = {
|
||||
redOff: result['red-off.png'],
|
||||
redOn: result['red-on.png'],
|
||||
blueOff: result['blue-off.png'],
|
||||
blueOn: result['blue-on.png'],
|
||||
greenOff: result['green-off.png'],
|
||||
greenOn: result['green-on.png'],
|
||||
};
|
||||
return this.verticalElevatorTextures as VerticalElevatorTextures;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,124 @@
|
||||
import { DisplayObject, FederatedMouseEvent, Point } from 'pixi.js';
|
||||
import {
|
||||
AbsorbableLine,
|
||||
AbsorbablePosition,
|
||||
GraphicDrawAssistant,
|
||||
GraphicInteractionPlugin,
|
||||
GraphicTransformEvent,
|
||||
IDrawApp,
|
||||
JlGraphic,
|
||||
} from 'jl-graphic';
|
||||
import {
|
||||
IverticalElevatorData,
|
||||
VerticalElevator,
|
||||
VerticalElevatorTemplate,
|
||||
} from './VerticalElevator';
|
||||
|
||||
export class VerticalElevatorDraw extends GraphicDrawAssistant<
|
||||
VerticalElevatorTemplate,
|
||||
IverticalElevatorData
|
||||
> {
|
||||
_verticalElevator: VerticalElevator | null = null;
|
||||
constructor(app: IDrawApp, template: VerticalElevatorTemplate) {
|
||||
super(app, template, 'elevator', '垂直电梯');
|
||||
VerticalElevatorInteraction.init(app);
|
||||
}
|
||||
|
||||
bind(): void {
|
||||
super.bind();
|
||||
if (!this._verticalElevator) {
|
||||
this._verticalElevator = this.graphicTemplate.new();
|
||||
this.container.addChild(this._verticalElevator);
|
||||
}
|
||||
}
|
||||
|
||||
public get verticalElevator(): VerticalElevator {
|
||||
if (!this._verticalElevator) {
|
||||
this._verticalElevator = this.graphicTemplate.new();
|
||||
this.container.addChild(this._verticalElevator);
|
||||
}
|
||||
return this._verticalElevator;
|
||||
}
|
||||
|
||||
redraw(cp: Point): void {
|
||||
this.verticalElevator.position.copyFrom(cp);
|
||||
}
|
||||
onLeftUp(e: FederatedMouseEvent): void {
|
||||
this.verticalElevator.position.copyFrom(this.toCanvasCoordinates(e.global));
|
||||
this.createAndStore(true);
|
||||
}
|
||||
prepareData(data: IverticalElevatorData): boolean {
|
||||
data.transform = this.verticalElevator.saveTransform();
|
||||
return true;
|
||||
}
|
||||
onEsc(): void {
|
||||
this.finish();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建吸附线
|
||||
* @param verticalElevator
|
||||
*/
|
||||
function buildAbsorbablePositions(
|
||||
verticalElevator: VerticalElevator
|
||||
): AbsorbablePosition[] {
|
||||
const aps: AbsorbablePosition[] = [];
|
||||
const verticalElevators =
|
||||
verticalElevator.queryStore.queryByType<VerticalElevator>(
|
||||
VerticalElevator.Type
|
||||
);
|
||||
const canvas = verticalElevator.getCanvas();
|
||||
verticalElevators.forEach((item) => {
|
||||
if (item.id === verticalElevator.id) {
|
||||
return;
|
||||
}
|
||||
const ala = new AbsorbableLine(
|
||||
new Point(item.x, 0),
|
||||
new Point(item.x, canvas.height)
|
||||
);
|
||||
const alb = new AbsorbableLine(
|
||||
new Point(0, item.y),
|
||||
new Point(canvas.width, item.y)
|
||||
);
|
||||
aps.push(ala);
|
||||
aps.push(alb);
|
||||
});
|
||||
|
||||
return aps;
|
||||
}
|
||||
|
||||
export class VerticalElevatorInteraction extends GraphicInteractionPlugin<VerticalElevator> {
|
||||
static Name = 'vertical_elevator_transform';
|
||||
constructor(app: IDrawApp) {
|
||||
super(VerticalElevatorInteraction.Name, app);
|
||||
}
|
||||
static init(app: IDrawApp) {
|
||||
return new VerticalElevatorInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): VerticalElevator[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === VerticalElevator.Type)
|
||||
.map((g) => g as VerticalElevator);
|
||||
}
|
||||
bind(g: VerticalElevator): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.scalable = true;
|
||||
g.rotatable = true;
|
||||
g.on('transformstart', this.transformstart, this);
|
||||
}
|
||||
unbind(g: VerticalElevator): void {
|
||||
g.eventMode = 'none';
|
||||
g.scalable = false;
|
||||
g.rotatable = false;
|
||||
g.off('transformstart', this.transformstart, this);
|
||||
}
|
||||
transformstart(e: GraphicTransformEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const verticalElevator = target.getGraphic() as VerticalElevator;
|
||||
verticalElevator.getGraphicApp().setOptions({
|
||||
absorbablePositions: buildAbsorbablePositions(verticalElevator),
|
||||
});
|
||||
}
|
||||
}
|
||||
29
src/graphics/BAS/verticalElevator/verticalElevator-data.json
Normal file
29
src/graphics/BAS/verticalElevator/verticalElevator-data.json
Normal file
@ -0,0 +1,29 @@
|
||||
{
|
||||
"frames": {
|
||||
"green-off.png": {
|
||||
"frame": { "x": 0, "y": 0, "w": 32, "h": 33 },
|
||||
"rotated": false,
|
||||
"trimmed": false,
|
||||
"spriteSourceSize": { "x": 0, "y": 0, "w": 33, "h": 33 },
|
||||
"sourceSize": { "w": 128, "h": 33 },
|
||||
"anchor": { "x": 0.5, "y": 0.5 }
|
||||
},
|
||||
"green-on.png": {
|
||||
"frame": { "x": 33, "y": 0, "w": 32, "h": 33 },
|
||||
"rotated": false,
|
||||
"trimmed": false,
|
||||
"spriteSourceSize": { "x": 0, "y": 0, "w": 33, "h": 33 },
|
||||
"sourceSize": { "w": 128, "h": 33 },
|
||||
"anchor": { "x": 0.5, "y": 0.5 }
|
||||
}
|
||||
},
|
||||
"meta": {
|
||||
"app": "https://www.codeandweb.com/texturepacker",
|
||||
"version": "1.1",
|
||||
"image": "tcc-light.png",
|
||||
"format": "RGBA8888",
|
||||
"size": { "w": 129, "h": 33 },
|
||||
"scale": "0.5",
|
||||
"smartupdate": "$TexturePacker:SmartUpdate:e7620bd2d73cc0b3e2deea9704e7eefc:f129a1d9e4b9ba57720b3861c22b155b:eb2d421f7759984b7713aa4aa5354134$"
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
@ -1,81 +0,0 @@
|
||||
import { GraphicData, JlGraphic, JlGraphicTemplate } from 'jl-graphic';
|
||||
import CCTV_Button_Assets from './cctv-button-spritesheet.png';
|
||||
import CCTV_Button_JSON from './cctv-button-data.json';
|
||||
import { Assets, Sprite, Spritesheet, Texture } from 'pixi.js';
|
||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
|
||||
interface CCTVButtonTextures {
|
||||
rectPressBtn: Texture;
|
||||
rectBtn: Texture;
|
||||
monitorBtn: Texture;
|
||||
semicircleBtn: Texture;
|
||||
}
|
||||
|
||||
export interface ICCTVButtonData extends GraphicData {
|
||||
get code(): string;
|
||||
set code(v: string);
|
||||
get buttonType(): iscsGraphicData.CCTVButton.ButtonType;
|
||||
set buttonType(v: iscsGraphicData.CCTVButton.ButtonType);
|
||||
}
|
||||
|
||||
export class CCTVButton extends JlGraphic {
|
||||
static Type = 'CCTVButton';
|
||||
_cctvButton: Sprite;
|
||||
cctvButtonTextures: CCTVButtonTextures;
|
||||
__state = 0;
|
||||
|
||||
constructor(cctvButtonTextures: CCTVButtonTextures) {
|
||||
super(CCTVButton.Type);
|
||||
this.cctvButtonTextures = cctvButtonTextures;
|
||||
this._cctvButton = new Sprite();
|
||||
this._cctvButton.texture = this.cctvButtonTextures.rectBtn;
|
||||
this._cctvButton.anchor.set(0.5);
|
||||
this.addChild(this._cctvButton);
|
||||
}
|
||||
get code(): string {
|
||||
return this.datas.code;
|
||||
}
|
||||
get datas(): ICCTVButtonData {
|
||||
return this.getDatas<ICCTVButtonData>();
|
||||
}
|
||||
|
||||
doRepaint(): void {
|
||||
if (this.datas.buttonType == iscsGraphicData.CCTVButton.ButtonType.rect) {
|
||||
this._cctvButton.texture = this.cctvButtonTextures.rectBtn;
|
||||
} else if (
|
||||
this.datas.buttonType == iscsGraphicData.CCTVButton.ButtonType.monitor
|
||||
) {
|
||||
this._cctvButton.texture = this.cctvButtonTextures.monitorBtn;
|
||||
} else {
|
||||
this._cctvButton.texture = this.cctvButtonTextures.semicircleBtn;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export class CCTVButtonTemplate extends JlGraphicTemplate<CCTVButton> {
|
||||
cctvButtonTextures?: CCTVButtonTextures;
|
||||
constructor(dataTemplate: ICCTVButtonData) {
|
||||
super(CCTVButton.Type, { dataTemplate });
|
||||
this.loadAssets();
|
||||
}
|
||||
new(): CCTVButton {
|
||||
if (this.cctvButtonTextures) {
|
||||
const g = new CCTVButton(this.cctvButtonTextures);
|
||||
g.loadData(this.datas);
|
||||
return g;
|
||||
}
|
||||
throw new Error('资源未加载/加载失败');
|
||||
}
|
||||
async loadAssets(): Promise<CCTVButtonTextures> {
|
||||
const texture = await Assets.load(CCTV_Button_Assets);
|
||||
const cctvButtonSheet = new Spritesheet(texture, CCTV_Button_JSON);
|
||||
const result = await cctvButtonSheet.parse();
|
||||
this.cctvButtonTextures = {
|
||||
rectPressBtn: result['rect-press-btn.png'],
|
||||
rectBtn: result['rect-btn.png'],
|
||||
monitorBtn: result['monitor-btn.png'],
|
||||
semicircleBtn: result['semicircle-btn.png'],
|
||||
};
|
||||
return this.cctvButtonTextures as CCTVButtonTextures;
|
||||
}
|
||||
}
|
||||
@ -1,122 +0,0 @@
|
||||
import { DisplayObject, FederatedMouseEvent, Point } from 'pixi.js';
|
||||
import {
|
||||
AbsorbableLine,
|
||||
AbsorbablePosition,
|
||||
GraphicDrawAssistant,
|
||||
GraphicInteractionPlugin,
|
||||
GraphicTransformEvent,
|
||||
IDrawApp,
|
||||
JlGraphic,
|
||||
} from 'jl-graphic';
|
||||
import { ICCTVButtonData, CCTVButton, CCTVButtonTemplate } from './CCTVButton';
|
||||
|
||||
export class CCTVButtonDraw extends GraphicDrawAssistant<
|
||||
CCTVButtonTemplate,
|
||||
ICCTVButtonData
|
||||
> {
|
||||
_cctvButton: CCTVButton | null = null;
|
||||
constructor(app: IDrawApp, template: CCTVButtonTemplate) {
|
||||
super(
|
||||
app,
|
||||
template,
|
||||
'svguse:../drawIcon.svg#icon-psl-button',
|
||||
'cctv按钮'
|
||||
);
|
||||
CCTVButtonInteraction.init(app);
|
||||
}
|
||||
|
||||
bind(): void {
|
||||
super.bind();
|
||||
if (!this._cctvButton) {
|
||||
this._cctvButton = this.graphicTemplate.new();
|
||||
this.container.addChild(this._cctvButton);
|
||||
}
|
||||
}
|
||||
|
||||
public get cctvButton(): CCTVButton {
|
||||
if (!this._cctvButton) {
|
||||
this._cctvButton = this.graphicTemplate.new();
|
||||
this.container.addChild(this._cctvButton);
|
||||
}
|
||||
return this._cctvButton;
|
||||
}
|
||||
|
||||
redraw(cp: Point): void {
|
||||
this.cctvButton.position.copyFrom(cp);
|
||||
}
|
||||
onLeftUp(e: FederatedMouseEvent): void {
|
||||
this.cctvButton.position.copyFrom(this.toCanvasCoordinates(e.global));
|
||||
this.createAndStore(true);
|
||||
}
|
||||
prepareData(data: ICCTVButtonData): boolean {
|
||||
data.transform = this.cctvButton.saveTransform();
|
||||
return true;
|
||||
}
|
||||
onEsc(): void {
|
||||
this.finish();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建吸附线
|
||||
* @param cctvButton
|
||||
*/
|
||||
function buildAbsorbablePositions(cctvButton: CCTVButton): AbsorbablePosition[] {
|
||||
const aps: AbsorbablePosition[] = [];
|
||||
const cctvButtons = cctvButton.queryStore.queryByType<CCTVButton>(
|
||||
CCTVButton.Type
|
||||
);
|
||||
const canvas = cctvButton.getCanvas();
|
||||
cctvButtons.forEach((item) => {
|
||||
if (item.id === cctvButton.id) {
|
||||
return;
|
||||
}
|
||||
const ala = new AbsorbableLine(
|
||||
new Point(item.x, 0),
|
||||
new Point(item.x, canvas.height)
|
||||
);
|
||||
const alb = new AbsorbableLine(
|
||||
new Point(0, item.y),
|
||||
new Point(canvas.width, item.y)
|
||||
);
|
||||
aps.push(ala);
|
||||
aps.push(alb);
|
||||
});
|
||||
|
||||
return aps;
|
||||
}
|
||||
|
||||
export class CCTVButtonInteraction extends GraphicInteractionPlugin<CCTVButton> {
|
||||
static Name = 'cctv_button_transform';
|
||||
constructor(app: IDrawApp) {
|
||||
super(CCTVButtonInteraction.Name, app);
|
||||
}
|
||||
static init(app: IDrawApp) {
|
||||
return new CCTVButtonInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): CCTVButton[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === CCTVButton.Type)
|
||||
.map((g) => g as CCTVButton);
|
||||
}
|
||||
bind(g: CCTVButton): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.scalable = true;
|
||||
g.rotatable = true;
|
||||
g.on('transformstart', this.transformstart, this);
|
||||
}
|
||||
unbind(g: CCTVButton): void {
|
||||
g.eventMode = 'none';
|
||||
g.scalable = false;
|
||||
g.rotatable = false;
|
||||
g.off('transformstart', this.transformstart, this);
|
||||
}
|
||||
transformstart(e: GraphicTransformEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const cctvButton = target.getGraphic() as CCTVButton;
|
||||
cctvButton.getGraphicApp().setOptions({
|
||||
absorbablePositions: buildAbsorbablePositions(cctvButton),
|
||||
});
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
68
src/graphics/FAS/acs/Acs.ts
Normal file
68
src/graphics/FAS/acs/Acs.ts
Normal file
@ -0,0 +1,68 @@
|
||||
import { Graphics } from 'pixi.js';
|
||||
import {
|
||||
GraphicData,
|
||||
JlGraphic,
|
||||
JlGraphicTemplate,
|
||||
VectorText,
|
||||
} from 'jl-graphic';
|
||||
|
||||
export interface IAcsData extends GraphicData {
|
||||
get code(): string; // 编号
|
||||
set code(v: string);
|
||||
clone(): IAcsData;
|
||||
copyFrom(data: IAcsData): void;
|
||||
eq(other: IAcsData): boolean;
|
||||
}
|
||||
|
||||
const acsConsts = {
|
||||
rectWidth: 64,
|
||||
rectHeight: 24,
|
||||
rectBackground: '0x99ccff',
|
||||
textColor: '0x33cc00',
|
||||
text: 'ACS联动',
|
||||
fontSize: 12,
|
||||
};
|
||||
|
||||
export class Acs extends JlGraphic {
|
||||
static Type = 'Acs';
|
||||
rectGraphic: Graphics = new Graphics();
|
||||
textGraphic: VectorText = new VectorText();
|
||||
constructor() {
|
||||
super(Acs.Type);
|
||||
this.addChild(this.rectGraphic);
|
||||
this.addChild(this.textGraphic);
|
||||
}
|
||||
|
||||
get datas(): IAcsData {
|
||||
return this.getDatas<IAcsData>();
|
||||
}
|
||||
doRepaint(): void {
|
||||
const rectGraphic = this.rectGraphic;
|
||||
rectGraphic.clear();
|
||||
rectGraphic.beginFill(acsConsts.rectBackground);
|
||||
rectGraphic.drawRect(0, 0, acsConsts.rectWidth, acsConsts.rectHeight);
|
||||
rectGraphic.endFill();
|
||||
|
||||
this.textGraphic.text = acsConsts.text;
|
||||
this.textGraphic.setVectorFontSize(acsConsts.fontSize);
|
||||
this.textGraphic.anchor.set(0.5);
|
||||
this.textGraphic.style.fill = acsConsts.textColor;
|
||||
this.textGraphic.position.set(
|
||||
acsConsts.rectWidth / 2,
|
||||
acsConsts.rectHeight / 2
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export class AcsTemplate extends JlGraphicTemplate<Acs> {
|
||||
constructor(dataTemplate: IAcsData) {
|
||||
super(Acs.Type, {
|
||||
dataTemplate,
|
||||
});
|
||||
}
|
||||
new(): Acs {
|
||||
const acs = new Acs();
|
||||
acs.loadData(this.datas);
|
||||
return acs;
|
||||
}
|
||||
}
|
||||
111
src/graphics/FAS/acs/AcsAssistant.ts
Normal file
111
src/graphics/FAS/acs/AcsAssistant.ts
Normal file
@ -0,0 +1,111 @@
|
||||
import { DisplayObject, FederatedMouseEvent, Point } from 'pixi.js';
|
||||
import {
|
||||
AbsorbableLine,
|
||||
AbsorbablePosition,
|
||||
GraphicDrawAssistant,
|
||||
GraphicInteractionPlugin,
|
||||
GraphicTransformEvent,
|
||||
IDrawApp,
|
||||
JlGraphic,
|
||||
} from 'jl-graphic';
|
||||
import { IAcsData, Acs, AcsTemplate } from './Acs';
|
||||
|
||||
export class AcsDraw extends GraphicDrawAssistant<AcsTemplate, IAcsData> {
|
||||
_acs: Acs | null = null;
|
||||
constructor(app: IDrawApp, template: AcsTemplate) {
|
||||
super(app, template, 'svguse:../drawIcon.svg#icon-acs', 'ACS');
|
||||
AcsInteraction.init(app);
|
||||
}
|
||||
|
||||
bind(): void {
|
||||
super.bind();
|
||||
if (!this._acs) {
|
||||
this._acs = this.graphicTemplate.new();
|
||||
this.container.addChild(this._acs);
|
||||
this._acs.doRepaint();
|
||||
}
|
||||
}
|
||||
|
||||
public get acs(): Acs {
|
||||
if (!this._acs) {
|
||||
this._acs = this.graphicTemplate.new();
|
||||
this.container.addChild(this._acs);
|
||||
}
|
||||
return this._acs;
|
||||
}
|
||||
|
||||
redraw(cp: Point): void {
|
||||
this.acs.position.copyFrom(cp);
|
||||
}
|
||||
onLeftUp(e: FederatedMouseEvent): void {
|
||||
this.acs.position.copyFrom(this.toCanvasCoordinates(e.global));
|
||||
this.createAndStore(true);
|
||||
}
|
||||
prepareData(data: IAcsData): boolean {
|
||||
data.transform = this.acs.saveTransform();
|
||||
return true;
|
||||
}
|
||||
onEsc(): void {
|
||||
this.finish();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建吸附线
|
||||
* @param acs
|
||||
*/
|
||||
function buildAbsorbablePositions(acs: Acs): AbsorbablePosition[] {
|
||||
const aps: AbsorbablePosition[] = [];
|
||||
const acses = acs.queryStore.queryByType<Acs>(Acs.Type);
|
||||
const canvas = acs.getCanvas();
|
||||
acses.forEach((item) => {
|
||||
if (item.id === acs.id) {
|
||||
return;
|
||||
}
|
||||
const ala = new AbsorbableLine(
|
||||
new Point(item.x, 0),
|
||||
new Point(item.x, canvas.height)
|
||||
);
|
||||
const alb = new AbsorbableLine(
|
||||
new Point(0, item.y),
|
||||
new Point(canvas.width, item.y)
|
||||
);
|
||||
aps.push(ala);
|
||||
aps.push(alb);
|
||||
});
|
||||
|
||||
return aps;
|
||||
}
|
||||
|
||||
export class AcsInteraction extends GraphicInteractionPlugin<Acs> {
|
||||
static Name = 'acs_transform';
|
||||
constructor(app: IDrawApp) {
|
||||
super(AcsInteraction.Name, app);
|
||||
}
|
||||
static init(app: IDrawApp) {
|
||||
return new AcsInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): Acs[] | undefined {
|
||||
return grahpics.filter((g) => g.type === Acs.Type).map((g) => g as Acs);
|
||||
}
|
||||
bind(g: Acs): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.scalable = true;
|
||||
g.rotatable = true;
|
||||
g.on('transformstart', this.transformstart, this);
|
||||
}
|
||||
unbind(g: Acs): void {
|
||||
g.eventMode = 'none';
|
||||
g.scalable = false;
|
||||
g.rotatable = false;
|
||||
g.off('transformstart', this.transformstart, this);
|
||||
}
|
||||
transformstart(e: GraphicTransformEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const acs = target.getGraphic() as Acs;
|
||||
acs.getGraphicApp().setOptions({
|
||||
absorbablePositions: buildAbsorbablePositions(acs),
|
||||
});
|
||||
}
|
||||
}
|
||||
68
src/graphics/FAS/afc/Afc.ts
Normal file
68
src/graphics/FAS/afc/Afc.ts
Normal file
@ -0,0 +1,68 @@
|
||||
import { Graphics } from 'pixi.js';
|
||||
import {
|
||||
GraphicData,
|
||||
JlGraphic,
|
||||
JlGraphicTemplate,
|
||||
VectorText,
|
||||
} from 'jl-graphic';
|
||||
|
||||
export interface IAfcData extends GraphicData {
|
||||
get code(): string; // 编号
|
||||
set code(v: string);
|
||||
clone(): IAfcData;
|
||||
copyFrom(data: IAfcData): void;
|
||||
eq(other: IAfcData): boolean;
|
||||
}
|
||||
|
||||
const afcConsts = {
|
||||
rectWidth: 64,
|
||||
rectHeight: 24,
|
||||
rectBackground: '0x99ccff',
|
||||
textColor: '0x33cc00',
|
||||
text: 'AFC联动',
|
||||
fontSize: 12,
|
||||
};
|
||||
|
||||
export class Afc extends JlGraphic {
|
||||
static Type = 'Afc';
|
||||
rectGraphic: Graphics = new Graphics();
|
||||
textGraphic: VectorText = new VectorText();
|
||||
constructor() {
|
||||
super(Afc.Type);
|
||||
this.addChild(this.rectGraphic);
|
||||
this.addChild(this.textGraphic);
|
||||
}
|
||||
|
||||
get datas(): IAfcData {
|
||||
return this.getDatas<IAfcData>();
|
||||
}
|
||||
doRepaint(): void {
|
||||
const rectGraphic = this.rectGraphic;
|
||||
rectGraphic.clear();
|
||||
rectGraphic.beginFill(afcConsts.rectBackground);
|
||||
rectGraphic.drawRect(0, 0, afcConsts.rectWidth, afcConsts.rectHeight);
|
||||
rectGraphic.endFill();
|
||||
|
||||
this.textGraphic.text = afcConsts.text;
|
||||
this.textGraphic.setVectorFontSize(afcConsts.fontSize);
|
||||
this.textGraphic.anchor.set(0.5);
|
||||
this.textGraphic.style.fill = afcConsts.textColor;
|
||||
this.textGraphic.position.set(
|
||||
afcConsts.rectWidth / 2,
|
||||
afcConsts.rectHeight / 2
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export class AfcTemplate extends JlGraphicTemplate<Afc> {
|
||||
constructor(dataTemplate: IAfcData) {
|
||||
super(Afc.Type, {
|
||||
dataTemplate,
|
||||
});
|
||||
}
|
||||
new(): Afc {
|
||||
const afc = new Afc();
|
||||
afc.loadData(this.datas);
|
||||
return afc;
|
||||
}
|
||||
}
|
||||
111
src/graphics/FAS/afc/AfcAssistant.ts
Normal file
111
src/graphics/FAS/afc/AfcAssistant.ts
Normal file
@ -0,0 +1,111 @@
|
||||
import { DisplayObject, FederatedMouseEvent, Point } from 'pixi.js';
|
||||
import {
|
||||
AbsorbableLine,
|
||||
AbsorbablePosition,
|
||||
GraphicDrawAssistant,
|
||||
GraphicInteractionPlugin,
|
||||
GraphicTransformEvent,
|
||||
IDrawApp,
|
||||
JlGraphic,
|
||||
} from 'jl-graphic';
|
||||
import { IAfcData, Afc, AfcTemplate } from './Afc';
|
||||
|
||||
export class AfcDraw extends GraphicDrawAssistant<AfcTemplate, IAfcData> {
|
||||
_afc: Afc | null = null;
|
||||
constructor(app: IDrawApp, template: AfcTemplate) {
|
||||
super(app, template, 'svguse:../drawIcon.svg#icon-afc', 'Afc');
|
||||
AfcInteraction.init(app);
|
||||
}
|
||||
|
||||
bind(): void {
|
||||
super.bind();
|
||||
if (!this._afc) {
|
||||
this._afc = this.graphicTemplate.new();
|
||||
this.container.addChild(this._afc);
|
||||
this._afc.doRepaint();
|
||||
}
|
||||
}
|
||||
|
||||
public get afc(): Afc {
|
||||
if (!this._afc) {
|
||||
this._afc = this.graphicTemplate.new();
|
||||
this.container.addChild(this._afc);
|
||||
}
|
||||
return this._afc;
|
||||
}
|
||||
|
||||
redraw(cp: Point): void {
|
||||
this.afc.position.copyFrom(cp);
|
||||
}
|
||||
onLeftUp(e: FederatedMouseEvent): void {
|
||||
this.afc.position.copyFrom(this.toCanvasCoordinates(e.global));
|
||||
this.createAndStore(true);
|
||||
}
|
||||
prepareData(data: IAfcData): boolean {
|
||||
data.transform = this.afc.saveTransform();
|
||||
return true;
|
||||
}
|
||||
onEsc(): void {
|
||||
this.finish();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建吸附线
|
||||
* @param afc
|
||||
*/
|
||||
function buildAbsorbablePositions(afc: Afc): AbsorbablePosition[] {
|
||||
const aps: AbsorbablePosition[] = [];
|
||||
const afcs = afc.queryStore.queryByType<Afc>(Afc.Type);
|
||||
const canvas = afc.getCanvas();
|
||||
afcs.forEach((item) => {
|
||||
if (item.id === afc.id) {
|
||||
return;
|
||||
}
|
||||
const ala = new AbsorbableLine(
|
||||
new Point(item.x, 0),
|
||||
new Point(item.x, canvas.height)
|
||||
);
|
||||
const alb = new AbsorbableLine(
|
||||
new Point(0, item.y),
|
||||
new Point(canvas.width, item.y)
|
||||
);
|
||||
aps.push(ala);
|
||||
aps.push(alb);
|
||||
});
|
||||
|
||||
return aps;
|
||||
}
|
||||
|
||||
export class AfcInteraction extends GraphicInteractionPlugin<Afc> {
|
||||
static Name = 'afc_transform';
|
||||
constructor(app: IDrawApp) {
|
||||
super(AfcInteraction.Name, app);
|
||||
}
|
||||
static init(app: IDrawApp) {
|
||||
return new AfcInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): Afc[] | undefined {
|
||||
return grahpics.filter((g) => g.type === Afc.Type).map((g) => g as Afc);
|
||||
}
|
||||
bind(g: Afc): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.scalable = true;
|
||||
g.rotatable = true;
|
||||
g.on('transformstart', this.transformstart, this);
|
||||
}
|
||||
unbind(g: Afc): void {
|
||||
g.eventMode = 'none';
|
||||
g.scalable = false;
|
||||
g.rotatable = false;
|
||||
g.off('transformstart', this.transformstart, this);
|
||||
}
|
||||
transformstart(e: GraphicTransformEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const afc = target.getGraphic() as Afc;
|
||||
afc.getGraphicApp().setOptions({
|
||||
absorbablePositions: buildAbsorbablePositions(afc),
|
||||
});
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,70 @@
|
||||
import { GraphicData, JlGraphic, JlGraphicTemplate } from 'jl-graphic';
|
||||
import { Assets, Sprite, Spritesheet, Texture } from 'pixi.js';
|
||||
import FasDeviceJson from '../pndDevice/PngDevice.json';
|
||||
import FasDeviceAssets from '../pndDevice/FasDevice.png';
|
||||
|
||||
export interface IElectricButterflyValveData extends GraphicData {
|
||||
get code(): string;
|
||||
set code(v: string);
|
||||
}
|
||||
|
||||
interface ElectricButterflyValveTextures {
|
||||
normal: Texture;
|
||||
fireFault: Texture;
|
||||
fault: Texture;
|
||||
interruption: Texture;
|
||||
}
|
||||
|
||||
export class ElectricButterflyValve extends JlGraphic {
|
||||
static Type = 'ElectricButterflyValve';
|
||||
_electricButterflyValve: Sprite;
|
||||
electricButterflyValveTextures: ElectricButterflyValveTextures;
|
||||
__state = 0;
|
||||
|
||||
constructor(electricButterflyValveTextures: ElectricButterflyValveTextures) {
|
||||
super(ElectricButterflyValve.Type);
|
||||
this._electricButterflyValve = new Sprite();
|
||||
this.electricButterflyValveTextures = electricButterflyValveTextures;
|
||||
this._electricButterflyValve.anchor.set(0.5);
|
||||
this.addChild(this._electricButterflyValve);
|
||||
this._electricButterflyValve.texture =
|
||||
this.electricButterflyValveTextures.normal;
|
||||
}
|
||||
get code(): string {
|
||||
return this.datas.code;
|
||||
}
|
||||
get datas(): IElectricButterflyValveData {
|
||||
return this.getDatas<IElectricButterflyValveData>();
|
||||
}
|
||||
|
||||
doRepaint(): void {}
|
||||
}
|
||||
|
||||
export class ElectricButterflyValveTemplate extends JlGraphicTemplate<ElectricButterflyValve> {
|
||||
electricButterflyValveTextures?: ElectricButterflyValveTextures;
|
||||
constructor(dataTemplate: IElectricButterflyValveData) {
|
||||
super(ElectricButterflyValve.Type, { dataTemplate });
|
||||
this.loadAssets();
|
||||
}
|
||||
new(): ElectricButterflyValve {
|
||||
if (this.electricButterflyValveTextures) {
|
||||
const g = new ElectricButterflyValve(this.electricButterflyValveTextures);
|
||||
g.loadData(this.datas);
|
||||
return g;
|
||||
}
|
||||
throw new Error('资源未加载/加载失败');
|
||||
}
|
||||
async loadAssets(): Promise<ElectricButterflyValveTextures> {
|
||||
const texture = await Assets.load(FasDeviceAssets);
|
||||
const electricButterflyValveSheet = new Spritesheet(texture, FasDeviceJson);
|
||||
const result = await electricButterflyValveSheet.parse();
|
||||
this.electricButterflyValveTextures = {
|
||||
normal: result['electricButterflyValveNormal.png'],
|
||||
fireFault: result['electricButterflyValveFireFault.png'],
|
||||
fault: result['electricButterflyValveFault.png'],
|
||||
interruption: result['electricButterflyValveInterruption.png'],
|
||||
};
|
||||
return this
|
||||
.electricButterflyValveTextures as ElectricButterflyValveTextures;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,132 @@
|
||||
import { DisplayObject, FederatedMouseEvent, Point } from 'pixi.js';
|
||||
import {
|
||||
AbsorbableLine,
|
||||
AbsorbablePosition,
|
||||
GraphicDrawAssistant,
|
||||
GraphicInteractionPlugin,
|
||||
GraphicTransformEvent,
|
||||
IDrawApp,
|
||||
JlGraphic,
|
||||
} from 'jl-graphic';
|
||||
import {
|
||||
ElectricButterflyValve,
|
||||
IElectricButterflyValveData,
|
||||
ElectricButterflyValveTemplate,
|
||||
} from './ElectricButterflyValve';
|
||||
|
||||
export class ElectricButterflyValveDraw extends GraphicDrawAssistant<
|
||||
ElectricButterflyValveTemplate,
|
||||
IElectricButterflyValveData
|
||||
> {
|
||||
_electricButterflyValve: ElectricButterflyValve | null = null;
|
||||
constructor(app: IDrawApp, template: ElectricButterflyValveTemplate) {
|
||||
super(
|
||||
app,
|
||||
template,
|
||||
'svguse:../drawIcon.svg#icon-elevator-lift-to-top',
|
||||
'电动蝶阀'
|
||||
);
|
||||
ElectricButterflyValveInteraction.init(app);
|
||||
}
|
||||
|
||||
bind(): void {
|
||||
super.bind();
|
||||
if (!this._electricButterflyValve) {
|
||||
this._electricButterflyValve = this.graphicTemplate.new();
|
||||
this.container.addChild(this._electricButterflyValve);
|
||||
}
|
||||
}
|
||||
|
||||
public get electricButterflyValve(): ElectricButterflyValve {
|
||||
if (!this._electricButterflyValve) {
|
||||
this._electricButterflyValve = this.graphicTemplate.new();
|
||||
this.container.addChild(this._electricButterflyValve);
|
||||
}
|
||||
return this._electricButterflyValve;
|
||||
}
|
||||
|
||||
redraw(cp: Point): void {
|
||||
this.electricButterflyValve.position.copyFrom(cp);
|
||||
}
|
||||
onLeftUp(e: FederatedMouseEvent): void {
|
||||
this.electricButterflyValve.position.copyFrom(
|
||||
this.toCanvasCoordinates(e.global)
|
||||
);
|
||||
this.createAndStore(true);
|
||||
}
|
||||
prepareData(data: IElectricButterflyValveData): boolean {
|
||||
data.transform = this.electricButterflyValve.saveTransform();
|
||||
return true;
|
||||
}
|
||||
onEsc(): void {
|
||||
this.finish();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建吸附线
|
||||
* @param electricButterflyValve
|
||||
*/
|
||||
function buildAbsorbablePositions(
|
||||
electricButterflyValve: ElectricButterflyValve
|
||||
): AbsorbablePosition[] {
|
||||
const aps: AbsorbablePosition[] = [];
|
||||
const electricButterflyValves =
|
||||
electricButterflyValve.queryStore.queryByType<ElectricButterflyValve>(
|
||||
ElectricButterflyValve.Type
|
||||
);
|
||||
const canvas = electricButterflyValve.getCanvas();
|
||||
electricButterflyValves.forEach((item) => {
|
||||
if (item.id === electricButterflyValve.id) {
|
||||
return;
|
||||
}
|
||||
const ala = new AbsorbableLine(
|
||||
new Point(item.x, 0),
|
||||
new Point(item.x, canvas.height)
|
||||
);
|
||||
const alb = new AbsorbableLine(
|
||||
new Point(0, item.y),
|
||||
new Point(canvas.width, item.y)
|
||||
);
|
||||
aps.push(ala);
|
||||
aps.push(alb);
|
||||
});
|
||||
|
||||
return aps;
|
||||
}
|
||||
|
||||
export class ElectricButterflyValveInteraction extends GraphicInteractionPlugin<ElectricButterflyValve> {
|
||||
static Name = 'electric_butter_fly_valve_transform';
|
||||
constructor(app: IDrawApp) {
|
||||
super(ElectricButterflyValveInteraction.Name, app);
|
||||
}
|
||||
static init(app: IDrawApp) {
|
||||
return new ElectricButterflyValveInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): ElectricButterflyValve[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === ElectricButterflyValve.Type)
|
||||
.map((g) => g as ElectricButterflyValve);
|
||||
}
|
||||
bind(g: ElectricButterflyValve): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.scalable = true;
|
||||
g.rotatable = true;
|
||||
g.on('transformstart', this.transformstart, this);
|
||||
}
|
||||
unbind(g: ElectricButterflyValve): void {
|
||||
g.eventMode = 'none';
|
||||
g.scalable = false;
|
||||
g.rotatable = false;
|
||||
g.off('transformstart', this.transformstart, this);
|
||||
}
|
||||
transformstart(e: GraphicTransformEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const electricButterflyValve =
|
||||
target.getGraphic() as ElectricButterflyValve;
|
||||
electricButterflyValve.getGraphicApp().setOptions({
|
||||
absorbablePositions: buildAbsorbablePositions(electricButterflyValve),
|
||||
});
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,78 @@
|
||||
import { GraphicData, JlGraphic, JlGraphicTemplate } from 'jl-graphic';
|
||||
import { Assets, Sprite, Spritesheet, Texture } from 'pixi.js';
|
||||
import FasDeviceJson from '../pndDevice/PngDevice.json';
|
||||
import FasDeviceAssets from '../pndDevice/FasDevice.png';
|
||||
|
||||
export interface IElectricFireExtinguishingValveData extends GraphicData {
|
||||
get code(): string;
|
||||
set code(v: string);
|
||||
}
|
||||
|
||||
interface ElectricFireExtinguishingValveTextures {
|
||||
normal: Texture;
|
||||
fireAlarm: Texture;
|
||||
fault: Texture;
|
||||
interruption: Texture;
|
||||
}
|
||||
|
||||
export class ElectricFireExtinguishingValve extends JlGraphic {
|
||||
static Type = 'ElectricFireExtinguishingValve';
|
||||
_electricFireExtinguishingValve: Sprite;
|
||||
electricFireExtinguishingValveTextures: ElectricFireExtinguishingValveTextures;
|
||||
__state = 0;
|
||||
|
||||
constructor(
|
||||
electricFireExtinguishingValveTextures: ElectricFireExtinguishingValveTextures
|
||||
) {
|
||||
super(ElectricFireExtinguishingValve.Type);
|
||||
this._electricFireExtinguishingValve = new Sprite();
|
||||
this.electricFireExtinguishingValveTextures =
|
||||
electricFireExtinguishingValveTextures;
|
||||
this._electricFireExtinguishingValve.anchor.set(0.5);
|
||||
this.addChild(this._electricFireExtinguishingValve);
|
||||
this._electricFireExtinguishingValve.texture =
|
||||
this.electricFireExtinguishingValveTextures.normal;
|
||||
}
|
||||
get code(): string {
|
||||
return this.datas.code;
|
||||
}
|
||||
get datas(): IElectricFireExtinguishingValveData {
|
||||
return this.getDatas<IElectricFireExtinguishingValveData>();
|
||||
}
|
||||
|
||||
doRepaint(): void {}
|
||||
}
|
||||
|
||||
export class ElectricFireExtinguishingValveTemplate extends JlGraphicTemplate<ElectricFireExtinguishingValve> {
|
||||
electricFireExtinguishingValveTextures?: ElectricFireExtinguishingValveTextures;
|
||||
constructor(dataTemplate: IElectricFireExtinguishingValveData) {
|
||||
super(ElectricFireExtinguishingValve.Type, { dataTemplate });
|
||||
this.loadAssets();
|
||||
}
|
||||
new(): ElectricFireExtinguishingValve {
|
||||
if (this.electricFireExtinguishingValveTextures) {
|
||||
const g = new ElectricFireExtinguishingValve(
|
||||
this.electricFireExtinguishingValveTextures
|
||||
);
|
||||
g.loadData(this.datas);
|
||||
return g;
|
||||
}
|
||||
throw new Error('资源未加载/加载失败');
|
||||
}
|
||||
async loadAssets(): Promise<ElectricFireExtinguishingValveTextures> {
|
||||
const texture = await Assets.load(FasDeviceAssets);
|
||||
const electricFireExtinguishingValveSheet = new Spritesheet(
|
||||
texture,
|
||||
FasDeviceJson
|
||||
);
|
||||
const result = await electricFireExtinguishingValveSheet.parse();
|
||||
this.electricFireExtinguishingValveTextures = {
|
||||
normal: result['electricFireExtinguishingValveNormal.png'],
|
||||
fireAlarm: result['_electricFireExtinguishingValveFireAlarm.png'],
|
||||
fault: result['_electricFireExtinguishingValveFault.png'],
|
||||
interruption: result['electricFireExtinguishingValveInterruption.png'],
|
||||
};
|
||||
return this
|
||||
.electricFireExtinguishingValveTextures as ElectricFireExtinguishingValveTextures;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,136 @@
|
||||
import { DisplayObject, FederatedMouseEvent, Point } from 'pixi.js';
|
||||
import {
|
||||
AbsorbableLine,
|
||||
AbsorbablePosition,
|
||||
GraphicDrawAssistant,
|
||||
GraphicInteractionPlugin,
|
||||
GraphicTransformEvent,
|
||||
IDrawApp,
|
||||
JlGraphic,
|
||||
} from 'jl-graphic';
|
||||
import {
|
||||
ElectricFireExtinguishingValve,
|
||||
IElectricFireExtinguishingValveData,
|
||||
ElectricFireExtinguishingValveTemplate,
|
||||
} from './ElectricFireExtinguishingValve';
|
||||
|
||||
export class ElectricFireExtinguishingValveDraw extends GraphicDrawAssistant<
|
||||
ElectricFireExtinguishingValveTemplate,
|
||||
IElectricFireExtinguishingValveData
|
||||
> {
|
||||
_electricFireExtinguishingValve: ElectricFireExtinguishingValve | null = null;
|
||||
constructor(app: IDrawApp, template: ElectricFireExtinguishingValveTemplate) {
|
||||
super(
|
||||
app,
|
||||
template,
|
||||
'svguse:../drawIcon.svg#icon-electric-fire-extinguishing-valve',
|
||||
'电动防烟防火阀'
|
||||
);
|
||||
ElectricFireExtinguishingValveInteraction.init(app);
|
||||
}
|
||||
|
||||
bind(): void {
|
||||
super.bind();
|
||||
if (!this._electricFireExtinguishingValve) {
|
||||
this._electricFireExtinguishingValve = this.graphicTemplate.new();
|
||||
this.container.addChild(this._electricFireExtinguishingValve);
|
||||
}
|
||||
}
|
||||
|
||||
public get electricFireExtinguishingValve(): ElectricFireExtinguishingValve {
|
||||
if (!this._electricFireExtinguishingValve) {
|
||||
this._electricFireExtinguishingValve = this.graphicTemplate.new();
|
||||
this.container.addChild(this._electricFireExtinguishingValve);
|
||||
}
|
||||
return this._electricFireExtinguishingValve;
|
||||
}
|
||||
|
||||
redraw(cp: Point): void {
|
||||
this.electricFireExtinguishingValve.position.copyFrom(cp);
|
||||
}
|
||||
onLeftUp(e: FederatedMouseEvent): void {
|
||||
this.electricFireExtinguishingValve.position.copyFrom(
|
||||
this.toCanvasCoordinates(e.global)
|
||||
);
|
||||
this.createAndStore(true);
|
||||
}
|
||||
prepareData(data: IElectricFireExtinguishingValveData): boolean {
|
||||
data.transform = this.electricFireExtinguishingValve.saveTransform();
|
||||
return true;
|
||||
}
|
||||
onEsc(): void {
|
||||
this.finish();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建吸附线
|
||||
* @param electricFireExtinguishingValve
|
||||
*/
|
||||
function buildAbsorbablePositions(
|
||||
electricFireExtinguishingValve: ElectricFireExtinguishingValve
|
||||
): AbsorbablePosition[] {
|
||||
const aps: AbsorbablePosition[] = [];
|
||||
const electricFireExtinguishingValves =
|
||||
electricFireExtinguishingValve.queryStore.queryByType<ElectricFireExtinguishingValve>(
|
||||
ElectricFireExtinguishingValve.Type
|
||||
);
|
||||
const canvas = electricFireExtinguishingValve.getCanvas();
|
||||
electricFireExtinguishingValves.forEach((item) => {
|
||||
if (item.id === electricFireExtinguishingValve.id) {
|
||||
return;
|
||||
}
|
||||
const ala = new AbsorbableLine(
|
||||
new Point(item.x, 0),
|
||||
new Point(item.x, canvas.height)
|
||||
);
|
||||
const alb = new AbsorbableLine(
|
||||
new Point(0, item.y),
|
||||
new Point(canvas.width, item.y)
|
||||
);
|
||||
aps.push(ala);
|
||||
aps.push(alb);
|
||||
});
|
||||
|
||||
return aps;
|
||||
}
|
||||
|
||||
export class ElectricFireExtinguishingValveInteraction extends GraphicInteractionPlugin<ElectricFireExtinguishingValve> {
|
||||
static Name = 'electric_fire_extinguishing_valve_transform';
|
||||
constructor(app: IDrawApp) {
|
||||
super(ElectricFireExtinguishingValveInteraction.Name, app);
|
||||
}
|
||||
static init(app: IDrawApp) {
|
||||
return new ElectricFireExtinguishingValveInteraction(app);
|
||||
}
|
||||
filter(
|
||||
...grahpics: JlGraphic[]
|
||||
): ElectricFireExtinguishingValve[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === ElectricFireExtinguishingValve.Type)
|
||||
.map((g) => g as ElectricFireExtinguishingValve);
|
||||
}
|
||||
bind(g: ElectricFireExtinguishingValve): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.scalable = true;
|
||||
g.rotatable = true;
|
||||
g.on('transformstart', this.transformstart, this);
|
||||
}
|
||||
unbind(g: ElectricFireExtinguishingValve): void {
|
||||
g.eventMode = 'none';
|
||||
g.scalable = false;
|
||||
g.rotatable = false;
|
||||
g.off('transformstart', this.transformstart, this);
|
||||
}
|
||||
transformstart(e: GraphicTransformEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const electricFireExtinguishingValve =
|
||||
target.getGraphic() as ElectricFireExtinguishingValve;
|
||||
electricFireExtinguishingValve.getGraphicApp().setOptions({
|
||||
absorbablePositions: buildAbsorbablePositions(
|
||||
electricFireExtinguishingValve
|
||||
),
|
||||
});
|
||||
}
|
||||
}
|
||||
68
src/graphics/FAS/elevatorLiftToTop/ElevatorLiftToTop.ts
Normal file
68
src/graphics/FAS/elevatorLiftToTop/ElevatorLiftToTop.ts
Normal file
@ -0,0 +1,68 @@
|
||||
import { GraphicData, JlGraphic, JlGraphicTemplate } from 'jl-graphic';
|
||||
import { Assets, Sprite, Spritesheet, Texture } from 'pixi.js';
|
||||
import FasDeviceJson from '../pndDevice/PngDevice.json';
|
||||
import FasDeviceAssets from '../pndDevice/FasDevice.png';
|
||||
|
||||
export interface IElevatorLiftToTopData extends GraphicData {
|
||||
get code(): string;
|
||||
set code(v: string);
|
||||
}
|
||||
|
||||
interface ElevatorLiftToTopTextures {
|
||||
normal: Texture;
|
||||
fireFault: Texture;
|
||||
fault: Texture;
|
||||
interruption: Texture;
|
||||
}
|
||||
|
||||
export class ElevatorLiftToTop extends JlGraphic {
|
||||
static Type = 'ElevatorLiftToTop';
|
||||
_elevatorLiftToTop: Sprite;
|
||||
elevatorLiftToTopTextures: ElevatorLiftToTopTextures;
|
||||
__state = 0;
|
||||
|
||||
constructor(elevatorLiftToTopTextures: ElevatorLiftToTopTextures) {
|
||||
super(ElevatorLiftToTop.Type);
|
||||
this._elevatorLiftToTop = new Sprite();
|
||||
this.elevatorLiftToTopTextures = elevatorLiftToTopTextures;
|
||||
this._elevatorLiftToTop.anchor.set(0.5);
|
||||
this.addChild(this._elevatorLiftToTop);
|
||||
this._elevatorLiftToTop.texture = this.elevatorLiftToTopTextures.normal;
|
||||
}
|
||||
get code(): string {
|
||||
return this.datas.code;
|
||||
}
|
||||
get datas(): IElevatorLiftToTopData {
|
||||
return this.getDatas<IElevatorLiftToTopData>();
|
||||
}
|
||||
|
||||
doRepaint(): void {}
|
||||
}
|
||||
|
||||
export class ElevatorLiftToTopTemplate extends JlGraphicTemplate<ElevatorLiftToTop> {
|
||||
elevatorLiftToTopTextures?: ElevatorLiftToTopTextures;
|
||||
constructor(dataTemplate: IElevatorLiftToTopData) {
|
||||
super(ElevatorLiftToTop.Type, { dataTemplate });
|
||||
this.loadAssets();
|
||||
}
|
||||
new(): ElevatorLiftToTop {
|
||||
if (this.elevatorLiftToTopTextures) {
|
||||
const g = new ElevatorLiftToTop(this.elevatorLiftToTopTextures);
|
||||
g.loadData(this.datas);
|
||||
return g;
|
||||
}
|
||||
throw new Error('资源未加载/加载失败');
|
||||
}
|
||||
async loadAssets(): Promise<ElevatorLiftToTopTextures> {
|
||||
const texture = await Assets.load(FasDeviceAssets);
|
||||
const elevatorLiftToTopSheet = new Spritesheet(texture, FasDeviceJson);
|
||||
const result = await elevatorLiftToTopSheet.parse();
|
||||
this.elevatorLiftToTopTextures = {
|
||||
normal: result['elevatorLiftToTopNormal.png'],
|
||||
fireFault: result['elevatorLiftToTopFireFault.png'],
|
||||
fault: result['elevatorLiftToTopFault.png'],
|
||||
interruption: result['elevatorLiftToTopInterruption.png'],
|
||||
};
|
||||
return this.elevatorLiftToTopTextures as ElevatorLiftToTopTextures;
|
||||
}
|
||||
}
|
||||
131
src/graphics/FAS/elevatorLiftToTop/ElevatorLiftToTopAssistant.ts
Normal file
131
src/graphics/FAS/elevatorLiftToTop/ElevatorLiftToTopAssistant.ts
Normal file
@ -0,0 +1,131 @@
|
||||
import { DisplayObject, FederatedMouseEvent, Point } from 'pixi.js';
|
||||
import {
|
||||
AbsorbableLine,
|
||||
AbsorbablePosition,
|
||||
GraphicDrawAssistant,
|
||||
GraphicInteractionPlugin,
|
||||
GraphicTransformEvent,
|
||||
IDrawApp,
|
||||
JlGraphic,
|
||||
} from 'jl-graphic';
|
||||
import {
|
||||
ElevatorLiftToTop,
|
||||
IElevatorLiftToTopData,
|
||||
ElevatorLiftToTopTemplate,
|
||||
} from './ElevatorLiftToTop';
|
||||
|
||||
export class ElevatorLiftToTopDraw extends GraphicDrawAssistant<
|
||||
ElevatorLiftToTopTemplate,
|
||||
IElevatorLiftToTopData
|
||||
> {
|
||||
_elevatorLiftToTop: ElevatorLiftToTop | null = null;
|
||||
constructor(app: IDrawApp, template: ElevatorLiftToTopTemplate) {
|
||||
super(
|
||||
app,
|
||||
template,
|
||||
'svguse:../drawIcon.svg#icon-elevator-lift-to-top',
|
||||
'电梯归首'
|
||||
);
|
||||
ElevatorLiftToTopInteraction.init(app);
|
||||
}
|
||||
|
||||
bind(): void {
|
||||
super.bind();
|
||||
if (!this._elevatorLiftToTop) {
|
||||
this._elevatorLiftToTop = this.graphicTemplate.new();
|
||||
this.container.addChild(this._elevatorLiftToTop);
|
||||
}
|
||||
}
|
||||
|
||||
public get elevatorLiftToTop(): ElevatorLiftToTop {
|
||||
if (!this._elevatorLiftToTop) {
|
||||
this._elevatorLiftToTop = this.graphicTemplate.new();
|
||||
this.container.addChild(this._elevatorLiftToTop);
|
||||
}
|
||||
return this._elevatorLiftToTop;
|
||||
}
|
||||
|
||||
redraw(cp: Point): void {
|
||||
this.elevatorLiftToTop.position.copyFrom(cp);
|
||||
}
|
||||
onLeftUp(e: FederatedMouseEvent): void {
|
||||
this.elevatorLiftToTop.position.copyFrom(
|
||||
this.toCanvasCoordinates(e.global)
|
||||
);
|
||||
this.createAndStore(true);
|
||||
}
|
||||
prepareData(data: IElevatorLiftToTopData): boolean {
|
||||
data.transform = this.elevatorLiftToTop.saveTransform();
|
||||
return true;
|
||||
}
|
||||
onEsc(): void {
|
||||
this.finish();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建吸附线
|
||||
* @param elevatorLiftToTop
|
||||
*/
|
||||
function buildAbsorbablePositions(
|
||||
elevatorLiftToTop: ElevatorLiftToTop
|
||||
): AbsorbablePosition[] {
|
||||
const aps: AbsorbablePosition[] = [];
|
||||
const elevatorLiftToTops =
|
||||
elevatorLiftToTop.queryStore.queryByType<ElevatorLiftToTop>(
|
||||
ElevatorLiftToTop.Type
|
||||
);
|
||||
const canvas = elevatorLiftToTop.getCanvas();
|
||||
elevatorLiftToTops.forEach((item) => {
|
||||
if (item.id === elevatorLiftToTop.id) {
|
||||
return;
|
||||
}
|
||||
const ala = new AbsorbableLine(
|
||||
new Point(item.x, 0),
|
||||
new Point(item.x, canvas.height)
|
||||
);
|
||||
const alb = new AbsorbableLine(
|
||||
new Point(0, item.y),
|
||||
new Point(canvas.width, item.y)
|
||||
);
|
||||
aps.push(ala);
|
||||
aps.push(alb);
|
||||
});
|
||||
|
||||
return aps;
|
||||
}
|
||||
|
||||
export class ElevatorLiftToTopInteraction extends GraphicInteractionPlugin<ElevatorLiftToTop> {
|
||||
static Name = 'elevator_lift_to_top_transform';
|
||||
constructor(app: IDrawApp) {
|
||||
super(ElevatorLiftToTopInteraction.Name, app);
|
||||
}
|
||||
static init(app: IDrawApp) {
|
||||
return new ElevatorLiftToTopInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): ElevatorLiftToTop[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === ElevatorLiftToTop.Type)
|
||||
.map((g) => g as ElevatorLiftToTop);
|
||||
}
|
||||
bind(g: ElevatorLiftToTop): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.scalable = true;
|
||||
g.rotatable = true;
|
||||
g.on('transformstart', this.transformstart, this);
|
||||
}
|
||||
unbind(g: ElevatorLiftToTop): void {
|
||||
g.eventMode = 'none';
|
||||
g.scalable = false;
|
||||
g.rotatable = false;
|
||||
g.off('transformstart', this.transformstart, this);
|
||||
}
|
||||
transformstart(e: GraphicTransformEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const elevatorLiftToTop = target.getGraphic() as ElevatorLiftToTop;
|
||||
elevatorLiftToTop.getGraphicApp().setOptions({
|
||||
absorbablePositions: buildAbsorbablePositions(elevatorLiftToTop),
|
||||
});
|
||||
}
|
||||
}
|
||||
68
src/graphics/FAS/emergencyLighting/EmergencyLighting.ts
Normal file
68
src/graphics/FAS/emergencyLighting/EmergencyLighting.ts
Normal file
@ -0,0 +1,68 @@
|
||||
import { GraphicData, JlGraphic, JlGraphicTemplate } from 'jl-graphic';
|
||||
import { Assets, Sprite, Spritesheet, Texture } from 'pixi.js';
|
||||
import FasDeviceJson from '../pndDevice/PngDevice.json';
|
||||
import FasDeviceAssets from '../pndDevice/FasDevice.png';
|
||||
|
||||
export interface IEmergencyLightingData extends GraphicData {
|
||||
get code(): string;
|
||||
set code(v: string);
|
||||
}
|
||||
|
||||
interface EmergencyLightingTextures {
|
||||
normal: Texture;
|
||||
run: Texture;
|
||||
fault: Texture;
|
||||
interruption: Texture;
|
||||
}
|
||||
|
||||
export class EmergencyLighting extends JlGraphic {
|
||||
static Type = 'EmergencyLighting';
|
||||
_emergencyLighting: Sprite;
|
||||
emergencyLightingTextures: EmergencyLightingTextures;
|
||||
__state = 0;
|
||||
|
||||
constructor(emergencyLightingTextures: EmergencyLightingTextures) {
|
||||
super(EmergencyLighting.Type);
|
||||
this._emergencyLighting = new Sprite();
|
||||
this.emergencyLightingTextures = emergencyLightingTextures;
|
||||
this._emergencyLighting.anchor.set(0.5);
|
||||
this.addChild(this._emergencyLighting);
|
||||
this._emergencyLighting.texture = this.emergencyLightingTextures.normal;
|
||||
}
|
||||
get code(): string {
|
||||
return this.datas.code;
|
||||
}
|
||||
get datas(): IEmergencyLightingData {
|
||||
return this.getDatas<IEmergencyLightingData>();
|
||||
}
|
||||
|
||||
doRepaint(): void {}
|
||||
}
|
||||
|
||||
export class EmergencyLightingTemplate extends JlGraphicTemplate<EmergencyLighting> {
|
||||
emergencyLightingTextures?: EmergencyLightingTextures;
|
||||
constructor(dataTemplate: IEmergencyLightingData) {
|
||||
super(EmergencyLighting.Type, { dataTemplate });
|
||||
this.loadAssets();
|
||||
}
|
||||
new(): EmergencyLighting {
|
||||
if (this.emergencyLightingTextures) {
|
||||
const g = new EmergencyLighting(this.emergencyLightingTextures);
|
||||
g.loadData(this.datas);
|
||||
return g;
|
||||
}
|
||||
throw new Error('资源未加载/加载失败');
|
||||
}
|
||||
async loadAssets(): Promise<EmergencyLightingTextures> {
|
||||
const texture = await Assets.load(FasDeviceAssets);
|
||||
const emergencyLightingSheet = new Spritesheet(texture, FasDeviceJson);
|
||||
const result = await emergencyLightingSheet.parse();
|
||||
this.emergencyLightingTextures = {
|
||||
normal: result['emergencyLightingNormal.png'],
|
||||
run: result['emergencyLightingRun.png'],
|
||||
fault: result['emergencyLightingFault.png'],
|
||||
interruption: result['emergencyLightingInterruption.png'],
|
||||
};
|
||||
return this.emergencyLightingTextures as EmergencyLightingTextures;
|
||||
}
|
||||
}
|
||||
131
src/graphics/FAS/emergencyLighting/EmergencyLightingAssistant.ts
Normal file
131
src/graphics/FAS/emergencyLighting/EmergencyLightingAssistant.ts
Normal file
@ -0,0 +1,131 @@
|
||||
import { DisplayObject, FederatedMouseEvent, Point } from 'pixi.js';
|
||||
import {
|
||||
AbsorbableLine,
|
||||
AbsorbablePosition,
|
||||
GraphicDrawAssistant,
|
||||
GraphicInteractionPlugin,
|
||||
GraphicTransformEvent,
|
||||
IDrawApp,
|
||||
JlGraphic,
|
||||
} from 'jl-graphic';
|
||||
import {
|
||||
IEmergencyLightingData,
|
||||
EmergencyLighting,
|
||||
EmergencyLightingTemplate,
|
||||
} from './EmergencyLighting';
|
||||
|
||||
export class EmergencyLightingDraw extends GraphicDrawAssistant<
|
||||
EmergencyLightingTemplate,
|
||||
IEmergencyLightingData
|
||||
> {
|
||||
_emergencyLighting: EmergencyLighting | null = null;
|
||||
constructor(app: IDrawApp, template: EmergencyLightingTemplate) {
|
||||
super(
|
||||
app,
|
||||
template,
|
||||
'svguse:../drawIcon.svg#icon-emergency-lighting',
|
||||
'应急照明'
|
||||
);
|
||||
EmergencyLightingInteraction.init(app);
|
||||
}
|
||||
|
||||
bind(): void {
|
||||
super.bind();
|
||||
if (!this._emergencyLighting) {
|
||||
this._emergencyLighting = this.graphicTemplate.new();
|
||||
this.container.addChild(this._emergencyLighting);
|
||||
}
|
||||
}
|
||||
|
||||
public get emergencyLighting(): EmergencyLighting {
|
||||
if (!this._emergencyLighting) {
|
||||
this._emergencyLighting = this.graphicTemplate.new();
|
||||
this.container.addChild(this._emergencyLighting);
|
||||
}
|
||||
return this._emergencyLighting;
|
||||
}
|
||||
|
||||
redraw(cp: Point): void {
|
||||
this.emergencyLighting.position.copyFrom(cp);
|
||||
}
|
||||
onLeftUp(e: FederatedMouseEvent): void {
|
||||
this.emergencyLighting.position.copyFrom(
|
||||
this.toCanvasCoordinates(e.global)
|
||||
);
|
||||
this.createAndStore(true);
|
||||
}
|
||||
prepareData(data: IEmergencyLightingData): boolean {
|
||||
data.transform = this.emergencyLighting.saveTransform();
|
||||
return true;
|
||||
}
|
||||
onEsc(): void {
|
||||
this.finish();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建吸附线
|
||||
* @param emergencyLighting
|
||||
*/
|
||||
function buildAbsorbablePositions(
|
||||
emergencyLighting: EmergencyLighting
|
||||
): AbsorbablePosition[] {
|
||||
const aps: AbsorbablePosition[] = [];
|
||||
const emergencyLightings =
|
||||
emergencyLighting.queryStore.queryByType<EmergencyLighting>(
|
||||
EmergencyLighting.Type
|
||||
);
|
||||
const canvas = emergencyLighting.getCanvas();
|
||||
emergencyLightings.forEach((item) => {
|
||||
if (item.id === emergencyLighting.id) {
|
||||
return;
|
||||
}
|
||||
const ala = new AbsorbableLine(
|
||||
new Point(item.x, 0),
|
||||
new Point(item.x, canvas.height)
|
||||
);
|
||||
const alb = new AbsorbableLine(
|
||||
new Point(0, item.y),
|
||||
new Point(canvas.width, item.y)
|
||||
);
|
||||
aps.push(ala);
|
||||
aps.push(alb);
|
||||
});
|
||||
|
||||
return aps;
|
||||
}
|
||||
|
||||
export class EmergencyLightingInteraction extends GraphicInteractionPlugin<EmergencyLighting> {
|
||||
static Name = 'emergency_lighting_transform';
|
||||
constructor(app: IDrawApp) {
|
||||
super(EmergencyLightingInteraction.Name, app);
|
||||
}
|
||||
static init(app: IDrawApp) {
|
||||
return new EmergencyLightingInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): EmergencyLighting[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === EmergencyLighting.Type)
|
||||
.map((g) => g as EmergencyLighting);
|
||||
}
|
||||
bind(g: EmergencyLighting): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.scalable = true;
|
||||
g.rotatable = true;
|
||||
g.on('transformstart', this.transformstart, this);
|
||||
}
|
||||
unbind(g: EmergencyLighting): void {
|
||||
g.eventMode = 'none';
|
||||
g.scalable = false;
|
||||
g.rotatable = false;
|
||||
g.off('transformstart', this.transformstart, this);
|
||||
}
|
||||
transformstart(e: GraphicTransformEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const emergencyLighting = target.getGraphic() as EmergencyLighting;
|
||||
emergencyLighting.getGraphicApp().setOptions({
|
||||
absorbablePositions: buildAbsorbablePositions(emergencyLighting),
|
||||
});
|
||||
}
|
||||
}
|
||||
71
src/graphics/FAS/fasAlarm/FasAlarm.ts
Normal file
71
src/graphics/FAS/fasAlarm/FasAlarm.ts
Normal file
@ -0,0 +1,71 @@
|
||||
import { GraphicData, JlGraphic, JlGraphicTemplate } from 'jl-graphic';
|
||||
import { Assets, Sprite, Spritesheet, Texture } from 'pixi.js';
|
||||
// import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||
import FasDeviceJson from '../pndDevice/PngDevice.json';
|
||||
import FasDeviceAssets from '../pndDevice/FasDevice.png';
|
||||
|
||||
export interface IFasAlarmData extends GraphicData {
|
||||
get code(): string;
|
||||
set code(v: string);
|
||||
}
|
||||
|
||||
interface FasAlarmTextures {
|
||||
normal: Texture;
|
||||
alarm: Texture;
|
||||
isolate: Texture;
|
||||
fault: Texture;
|
||||
interruption: Texture;
|
||||
}
|
||||
|
||||
export class FasAlarm extends JlGraphic {
|
||||
static Type = 'FasAlarm';
|
||||
_fasAlarm: Sprite;
|
||||
fasAlarmTextures: FasAlarmTextures;
|
||||
__state = 0;
|
||||
|
||||
constructor(fasAlarmTextures: FasAlarmTextures) {
|
||||
super(FasAlarm.Type);
|
||||
this._fasAlarm = new Sprite();
|
||||
this.fasAlarmTextures = fasAlarmTextures;
|
||||
this._fasAlarm.anchor.set(0.5);
|
||||
this.addChild(this._fasAlarm);
|
||||
this._fasAlarm.texture = this.fasAlarmTextures.normal;
|
||||
}
|
||||
get code(): string {
|
||||
return this.datas.code;
|
||||
}
|
||||
get datas(): IFasAlarmData {
|
||||
return this.getDatas<IFasAlarmData>();
|
||||
}
|
||||
|
||||
doRepaint(): void {}
|
||||
}
|
||||
|
||||
export class FasAlarmTemplate extends JlGraphicTemplate<FasAlarm> {
|
||||
fasAlarmTextures?: FasAlarmTextures;
|
||||
constructor(dataTemplate: IFasAlarmData) {
|
||||
super(FasAlarm.Type, { dataTemplate });
|
||||
this.loadAssets();
|
||||
}
|
||||
new(): FasAlarm {
|
||||
if (this.fasAlarmTextures) {
|
||||
const g = new FasAlarm(this.fasAlarmTextures);
|
||||
g.loadData(this.datas);
|
||||
return g;
|
||||
}
|
||||
throw new Error('资源未加载/加载失败');
|
||||
}
|
||||
async loadAssets(): Promise<FasAlarmTextures> {
|
||||
const texture = await Assets.load(FasDeviceAssets);
|
||||
const fasAlarmSheet = new Spritesheet(texture, FasDeviceJson);
|
||||
const result = await fasAlarmSheet.parse();
|
||||
this.fasAlarmTextures = {
|
||||
normal: result['fasAlarmNormal.png'],
|
||||
alarm: result['fasAlarmAlarm.png'],
|
||||
isolate: result['fasAlarmIsolate.png'],
|
||||
fault: result['fasAlarmFault.png'],
|
||||
interruption: result['fasAlarmInterruption.png'],
|
||||
};
|
||||
return this.fasAlarmTextures as FasAlarmTextures;
|
||||
}
|
||||
}
|
||||
115
src/graphics/FAS/fasAlarm/FasAlarmAssistant.ts
Normal file
115
src/graphics/FAS/fasAlarm/FasAlarmAssistant.ts
Normal file
@ -0,0 +1,115 @@
|
||||
import { DisplayObject, FederatedMouseEvent, Point } from 'pixi.js';
|
||||
import {
|
||||
AbsorbableLine,
|
||||
AbsorbablePosition,
|
||||
GraphicDrawAssistant,
|
||||
GraphicInteractionPlugin,
|
||||
GraphicTransformEvent,
|
||||
IDrawApp,
|
||||
JlGraphic,
|
||||
} from 'jl-graphic';
|
||||
import { IFasAlarmData, FasAlarm, FasAlarmTemplate } from './FasAlarm';
|
||||
|
||||
export class FasAlarmDraw extends GraphicDrawAssistant<
|
||||
FasAlarmTemplate,
|
||||
IFasAlarmData
|
||||
> {
|
||||
_fasAlarm: FasAlarm | null = null;
|
||||
constructor(app: IDrawApp, template: FasAlarmTemplate) {
|
||||
super(app, template, 'svguse:../drawIcon.svg#icon-fas-alarm', '警铃');
|
||||
FasAlarmInteraction.init(app);
|
||||
}
|
||||
|
||||
bind(): void {
|
||||
super.bind();
|
||||
if (!this._fasAlarm) {
|
||||
this._fasAlarm = this.graphicTemplate.new();
|
||||
this.container.addChild(this._fasAlarm);
|
||||
}
|
||||
}
|
||||
|
||||
public get fasAlarm(): FasAlarm {
|
||||
if (!this._fasAlarm) {
|
||||
this._fasAlarm = this.graphicTemplate.new();
|
||||
this.container.addChild(this._fasAlarm);
|
||||
}
|
||||
return this._fasAlarm;
|
||||
}
|
||||
|
||||
redraw(cp: Point): void {
|
||||
this.fasAlarm.position.copyFrom(cp);
|
||||
}
|
||||
onLeftUp(e: FederatedMouseEvent): void {
|
||||
this.fasAlarm.position.copyFrom(this.toCanvasCoordinates(e.global));
|
||||
this.createAndStore(true);
|
||||
}
|
||||
prepareData(data: IFasAlarmData): boolean {
|
||||
data.transform = this.fasAlarm.saveTransform();
|
||||
return true;
|
||||
}
|
||||
onEsc(): void {
|
||||
this.finish();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建吸附线
|
||||
* @param fasAlarm
|
||||
*/
|
||||
function buildAbsorbablePositions(fasAlarm: FasAlarm): AbsorbablePosition[] {
|
||||
const aps: AbsorbablePosition[] = [];
|
||||
const fasAlarms = fasAlarm.queryStore.queryByType<FasAlarm>(FasAlarm.Type);
|
||||
const canvas = fasAlarm.getCanvas();
|
||||
fasAlarms.forEach((item) => {
|
||||
if (item.id === fasAlarm.id) {
|
||||
return;
|
||||
}
|
||||
const ala = new AbsorbableLine(
|
||||
new Point(item.x, 0),
|
||||
new Point(item.x, canvas.height)
|
||||
);
|
||||
const alb = new AbsorbableLine(
|
||||
new Point(0, item.y),
|
||||
new Point(canvas.width, item.y)
|
||||
);
|
||||
aps.push(ala);
|
||||
aps.push(alb);
|
||||
});
|
||||
|
||||
return aps;
|
||||
}
|
||||
|
||||
export class FasAlarmInteraction extends GraphicInteractionPlugin<FasAlarm> {
|
||||
static Name = 'fas_alarm_transform';
|
||||
constructor(app: IDrawApp) {
|
||||
super(FasAlarmInteraction.Name, app);
|
||||
}
|
||||
static init(app: IDrawApp) {
|
||||
return new FasAlarmInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): FasAlarm[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === FasAlarm.Type)
|
||||
.map((g) => g as FasAlarm);
|
||||
}
|
||||
bind(g: FasAlarm): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.scalable = true;
|
||||
g.rotatable = true;
|
||||
g.on('transformstart', this.transformstart, this);
|
||||
}
|
||||
unbind(g: FasAlarm): void {
|
||||
g.eventMode = 'none';
|
||||
g.scalable = false;
|
||||
g.rotatable = false;
|
||||
g.off('transformstart', this.transformstart, this);
|
||||
}
|
||||
transformstart(e: GraphicTransformEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const fasAlarm = target.getGraphic() as FasAlarm;
|
||||
fasAlarm.getGraphicApp().setOptions({
|
||||
absorbablePositions: buildAbsorbablePositions(fasAlarm),
|
||||
});
|
||||
}
|
||||
}
|
||||
74
src/graphics/FAS/faultValve/FaultValve.ts
Normal file
74
src/graphics/FAS/faultValve/FaultValve.ts
Normal file
@ -0,0 +1,74 @@
|
||||
import { GraphicData, JlGraphic, JlGraphicTemplate } from 'jl-graphic';
|
||||
import { Assets, Sprite, Spritesheet, Texture } from 'pixi.js';
|
||||
import FasDeviceJson from '../pndDevice/PngDevice.json';
|
||||
import FasDeviceAssets from '../pndDevice/FasDevice.png';
|
||||
|
||||
export interface IFaultValveData extends GraphicData {
|
||||
get code(): string;
|
||||
set code(v: string);
|
||||
}
|
||||
|
||||
interface FaultValveTextures {
|
||||
normal: Texture;
|
||||
run: Texture;
|
||||
fault: Texture;
|
||||
interruption: Texture;
|
||||
}
|
||||
|
||||
export class FaultValve extends JlGraphic {
|
||||
static Type = 'FaultValve';
|
||||
_faultValve: Sprite;
|
||||
faultValveTextures: FaultValveTextures;
|
||||
__state = 0;
|
||||
|
||||
constructor(faultValveTextures: FaultValveTextures) {
|
||||
super(FaultValve.Type);
|
||||
this._faultValve = new Sprite();
|
||||
this.faultValveTextures = faultValveTextures;
|
||||
this._faultValve.anchor.set(0.5);
|
||||
this.addChild(this._faultValve);
|
||||
this._faultValve.texture = this.faultValveTextures.normal;
|
||||
}
|
||||
get code(): string {
|
||||
return this.datas.code;
|
||||
}
|
||||
get datas(): IFaultValveData {
|
||||
return this.getDatas<IFaultValveData>();
|
||||
}
|
||||
|
||||
doRepaint(): void {}
|
||||
}
|
||||
|
||||
export class FaultValveTemplate extends JlGraphicTemplate<FaultValve> {
|
||||
faultValveTextures?: FaultValveTextures;
|
||||
constructor(dataTemplate: IFaultValveData) {
|
||||
super(FaultValve.Type, { dataTemplate });
|
||||
this.loadAssets();
|
||||
}
|
||||
new(): FaultValve {
|
||||
if (this.faultValveTextures) {
|
||||
const g = new FaultValve(this.faultValveTextures);
|
||||
g.loadData(this.datas);
|
||||
return g;
|
||||
}
|
||||
throw new Error('资源未加载/加载失败');
|
||||
}
|
||||
async loadAssets(): Promise<FaultValveTextures> {
|
||||
const texture = await Assets.load(FasDeviceAssets);
|
||||
const faultValveSheet = new Spritesheet(texture, FasDeviceJson);
|
||||
const result = await faultValveSheet.parse();
|
||||
this.faultValveTextures = {
|
||||
normal: result['faultValveNormal.png'],
|
||||
run: result['faultValveRun.png'],
|
||||
fault: result['faultValveFault.png'],
|
||||
interruption: result['faultValveInterruption.png'],
|
||||
};
|
||||
console.log(
|
||||
this.faultValveTextures,
|
||||
'faultValveTextures',
|
||||
texture,
|
||||
faultValveSheet
|
||||
);
|
||||
return this.faultValveTextures as FaultValveTextures;
|
||||
}
|
||||
}
|
||||
124
src/graphics/FAS/faultValve/FaultValveAssistant.ts
Normal file
124
src/graphics/FAS/faultValve/FaultValveAssistant.ts
Normal file
@ -0,0 +1,124 @@
|
||||
import { DisplayObject, FederatedMouseEvent, Point } from 'pixi.js';
|
||||
import {
|
||||
AbsorbableLine,
|
||||
AbsorbablePosition,
|
||||
GraphicDrawAssistant,
|
||||
GraphicInteractionPlugin,
|
||||
GraphicTransformEvent,
|
||||
IDrawApp,
|
||||
JlGraphic,
|
||||
} from 'jl-graphic';
|
||||
import { FaultValve, IFaultValveData, FaultValveTemplate } from './FaultValve';
|
||||
|
||||
export class FaultValveDraw extends GraphicDrawAssistant<
|
||||
FaultValveTemplate,
|
||||
IFaultValveData
|
||||
> {
|
||||
_faultValve: FaultValve | null = null;
|
||||
constructor(app: IDrawApp, template: FaultValveTemplate) {
|
||||
super(
|
||||
app,
|
||||
template,
|
||||
'svguse:../drawIcon.svg#icon-pressure-switch',
|
||||
'故障阀'
|
||||
);
|
||||
FaultValveInteraction.init(app);
|
||||
}
|
||||
|
||||
bind(): void {
|
||||
super.bind();
|
||||
if (!this._faultValve) {
|
||||
this._faultValve = this.graphicTemplate.new();
|
||||
this.container.addChild(this._faultValve);
|
||||
}
|
||||
}
|
||||
|
||||
public get faultValve(): FaultValve {
|
||||
if (!this._faultValve) {
|
||||
this._faultValve = this.graphicTemplate.new();
|
||||
this.container.addChild(this._faultValve);
|
||||
}
|
||||
return this._faultValve;
|
||||
}
|
||||
|
||||
redraw(cp: Point): void {
|
||||
this.faultValve.position.copyFrom(cp);
|
||||
}
|
||||
onLeftUp(e: FederatedMouseEvent): void {
|
||||
this.faultValve.position.copyFrom(this.toCanvasCoordinates(e.global));
|
||||
this.createAndStore(true);
|
||||
}
|
||||
prepareData(data: IFaultValveData): boolean {
|
||||
data.transform = this.faultValve.saveTransform();
|
||||
return true;
|
||||
}
|
||||
onEsc(): void {
|
||||
this.finish();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 构建吸附线
|
||||
* @param faultValve
|
||||
*/
|
||||
function buildAbsorbablePositions(
|
||||
faultValve: FaultValve
|
||||
): AbsorbablePosition[] {
|
||||
const aps: AbsorbablePosition[] = [];
|
||||
const faultValves = faultValve.queryStore.queryByType<FaultValve>(
|
||||
FaultValve.Type
|
||||
);
|
||||
const canvas = faultValve.getCanvas();
|
||||
faultValves.forEach((item) => {
|
||||
if (item.id === faultValve.id) {
|
||||
return;
|
||||
}
|
||||
const ala = new AbsorbableLine(
|
||||
new Point(item.x, 0),
|
||||
new Point(item.x, canvas.height)
|
||||
);
|
||||
const alb = new AbsorbableLine(
|
||||
new Point(0, item.y),
|
||||
new Point(canvas.width, item.y)
|
||||
);
|
||||
aps.push(ala);
|
||||
aps.push(alb);
|
||||
});
|
||||
|
||||
return aps;
|
||||
}
|
||||
|
||||
export class FaultValveInteraction extends GraphicInteractionPlugin<FaultValve> {
|
||||
static Name = 'fault_valve_transform';
|
||||
constructor(app: IDrawApp) {
|
||||
super(FaultValveInteraction.Name, app);
|
||||
}
|
||||
static init(app: IDrawApp) {
|
||||
return new FaultValveInteraction(app);
|
||||
}
|
||||
filter(...grahpics: JlGraphic[]): FaultValve[] | undefined {
|
||||
return grahpics
|
||||
.filter((g) => g.type === FaultValve.Type)
|
||||
.map((g) => g as FaultValve);
|
||||
}
|
||||
bind(g: FaultValve): void {
|
||||
g.eventMode = 'static';
|
||||
g.cursor = 'pointer';
|
||||
g.scalable = true;
|
||||
g.rotatable = true;
|
||||
g.on('transformstart', this.transformstart, this);
|
||||
}
|
||||
unbind(g: FaultValve): void {
|
||||
g.eventMode = 'none';
|
||||
g.scalable = false;
|
||||
g.rotatable = false;
|
||||
g.off('transformstart', this.transformstart, this);
|
||||
}
|
||||
transformstart(e: GraphicTransformEvent) {
|
||||
const target = e.target as DisplayObject;
|
||||
const faultValve = target.getGraphic() as FaultValve;
|
||||
faultValve.getGraphicApp().setOptions({
|
||||
absorbablePositions: buildAbsorbablePositions(faultValve),
|
||||
});
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user