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"]
|
[submodule "rtsa-proto-msg"]
|
||||||
path = rtss-proto-msg
|
path = rtsa-proto-msg
|
||||||
url = https://gitea.joylink.club/joylink/rtss-proto-msg.git
|
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",
|
"@quasar/extras": "^1.16.4",
|
||||||
"axios": "^1.2.1",
|
"axios": "^1.2.1",
|
||||||
"google-protobuf": "^3.21.4",
|
"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",
|
"js-base64": "^3.7.5",
|
||||||
"pinia": "^2.0.11",
|
"pinia": "^2.0.11",
|
||||||
"quasar": "^2.16.0",
|
"quasar": "^2.16.0",
|
||||||
@ -30,6 +30,7 @@
|
|||||||
"eslint-config-prettier": "^8.1.0",
|
"eslint-config-prettier": "^8.1.0",
|
||||||
"eslint-plugin-vue": "^9.0.0",
|
"eslint-plugin-vue": "^9.0.0",
|
||||||
"prettier": "^2.5.1",
|
"prettier": "^2.5.1",
|
||||||
|
"ts-md5": "^1.3.1",
|
||||||
"typescript": "~5.5.4",
|
"typescript": "~5.5.4",
|
||||||
"vite-plugin-checker": "^0.7.2",
|
"vite-plugin-checker": "^0.7.2",
|
||||||
"vue-tsc": "2.0.29"
|
"vue-tsc": "2.0.29"
|
||||||
@ -4436,8 +4437,8 @@
|
|||||||
},
|
},
|
||||||
"node_modules/jl-graphic": {
|
"node_modules/jl-graphic": {
|
||||||
"name": "graphic-pixi",
|
"name": "graphic-pixi",
|
||||||
"version": "0.1.14",
|
"version": "0.1.18",
|
||||||
"resolved": "git+http://120.46.212.6:3000/joylink/graphic-pixi.git#8b0ad14f7324a5eaba58239645a1fa0452e87ab4",
|
"resolved": "git+https://gitea.joylink.club/joylink/graphic-pixi.git#1c803d096585e258be3f60d3d95d1bd0c318d316",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@pixi/graphics-extras": "^7.3.2",
|
"@pixi/graphics-extras": "^7.3.2",
|
||||||
"@pixi/utils": "^7.3.2",
|
"@pixi/utils": "^7.3.2",
|
||||||
@ -6398,6 +6399,15 @@
|
|||||||
"typescript": ">=4.2.0"
|
"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": {
|
"node_modules/tslib": {
|
||||||
"version": "2.7.0",
|
"version": "2.7.0",
|
||||||
"resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.7.0.tgz",
|
"resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.7.0.tgz",
|
||||||
|
|||||||
@ -39,7 +39,8 @@
|
|||||||
"prettier": "^2.5.1",
|
"prettier": "^2.5.1",
|
||||||
"typescript": "~5.5.4",
|
"typescript": "~5.5.4",
|
||||||
"vite-plugin-checker": "^0.7.2",
|
"vite-plugin-checker": "^0.7.2",
|
||||||
"vue-tsc": "2.0.29"
|
"vue-tsc": "2.0.29",
|
||||||
|
"ts-md5": "^1.3.1"
|
||||||
},
|
},
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": "^20 || ^18 || ^16",
|
"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 { exec } = require('child_process');
|
||||||
|
|
||||||
const messageDir = resolve(__dirname, '../rtss-proto-msg');
|
const messageDir = resolve(__dirname, '../rtsa-proto-msg');
|
||||||
const protoDir = resolve(messageDir, 'src');
|
const protoDir = resolve(messageDir, 'src');
|
||||||
const destDir = resolve(__dirname, '../src/protos');
|
const destDir = resolve(__dirname, '../src/protos');
|
||||||
|
|
||||||
|
|||||||
18
src/App.vue
18
src/App.vue
@ -3,30 +3,20 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { watch, onMounted } from 'vue';
|
import { onMounted } from 'vue';
|
||||||
import { useRoute } from 'vue-router';
|
|
||||||
import { useAuthStore } from 'src/stores/auth-store';
|
import { useAuthStore } from 'src/stores/auth-store';
|
||||||
import { getLoginUserInfo } from 'src/api/UserApi';
|
import { getLoginUserInfo } from 'src/api/UserApi';
|
||||||
import { saveJwtToken } from 'src/configs/TokenManage';
|
import { getJwtToken } from './configs/TokenManage';
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'App',
|
name: 'App',
|
||||||
});
|
});
|
||||||
|
|
||||||
const route = useRoute();
|
|
||||||
const authStore = useAuthStore();
|
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 () => {
|
onMounted(async () => {
|
||||||
|
if (getJwtToken()) {
|
||||||
const res = await getLoginUserInfo();
|
const res = await getLoginUserInfo();
|
||||||
authStore.setUserId(res.loginUserInfo.id);
|
authStore.setUserId(res.loginUserInfo.id);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</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 { api } from 'src/boot/axios';
|
||||||
import { PageDto } from './ApiCommon';
|
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 {
|
export interface User {
|
||||||
id: string;
|
id: number;
|
||||||
name: string;
|
username: string;
|
||||||
|
nickname: string;
|
||||||
mobile: string;
|
mobile: string;
|
||||||
email: string;
|
email: string;
|
||||||
roles: [];
|
roles: [];
|
||||||
@ -18,7 +132,8 @@ export interface PagingQueryParams {
|
|||||||
};
|
};
|
||||||
query: {
|
query: {
|
||||||
id?: string;
|
id?: string;
|
||||||
name?: string;
|
username?: string;
|
||||||
|
nickname?: string;
|
||||||
mobile?: string;
|
mobile?: string;
|
||||||
email?: string;
|
email?: string;
|
||||||
roles?: [];
|
roles?: [];
|
||||||
@ -38,7 +153,7 @@ export async function userPageQuery(
|
|||||||
userPaging(page: $page, query: $query) {
|
userPaging(page: $page, query: $query) {
|
||||||
total
|
total
|
||||||
items {
|
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 = `
|
const query = `
|
||||||
query loginUserInfo {
|
query loginUserInfo {
|
||||||
loginUserInfo{
|
loginUserInfo{
|
||||||
id
|
id username nickname mobile email roles createdAt updatedAt
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
@ -67,32 +182,148 @@ export async function getLoginUserInfo() {
|
|||||||
return response.data.data;
|
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 = `
|
const mutation = `
|
||||||
mutation syncUser {
|
mutation updateUserRoles($userId: Int,$roles: [Role!]) {
|
||||||
syncUser
|
updateUserRoles(userId: $userId,roles: $roles,){
|
||||||
|
id
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
const response = await api.post('', {
|
return api.post('', {
|
||||||
query: mutation,
|
query: mutation,
|
||||||
|
variables,
|
||||||
});
|
});
|
||||||
return response.data.data;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 获取jwt令牌(mqtt验证)
|
* 获取默认组织信息
|
||||||
*/
|
*/
|
||||||
export async function getJwt() {
|
export async function getDefaultOrg() {
|
||||||
const query = `
|
const query = `
|
||||||
query getJwt {
|
query getDefaultOrg {
|
||||||
getJwt
|
getDefaultOrg{
|
||||||
|
id code name creatorId
|
||||||
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
const response = await api.post('', {
|
const response = await api.post('', {
|
||||||
query: query,
|
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;
|
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>
|
</q-markup-table>
|
||||||
<div class="bottom-alarm-right">
|
<div class="bottom-alarm-right">
|
||||||
<div class="right-text">
|
<div class="right-text">
|
||||||
<q-img
|
<q-img :src="icon" class="right-img" />玖链科技
|
||||||
src="https://joylink.club/oss-rtss/logo/favicon_login.png"
|
|
||||||
class="right-img"
|
|
||||||
/>玖链科技
|
|
||||||
</div>
|
</div>
|
||||||
<div class="right-icon">
|
<div class="right-icon">
|
||||||
<q-btn flat class="icon-button">
|
<q-btn flat class="icon-button">
|
||||||
@ -71,6 +68,7 @@ import { reactive, onMounted } from 'vue';
|
|||||||
import { useQuasar, type QTableColumn } from 'quasar';
|
import { useQuasar, type QTableColumn } from 'quasar';
|
||||||
import { PagingQueryParams, userPageQuery } from 'src/api/UserApi';
|
import { PagingQueryParams, userPageQuery } from 'src/api/UserApi';
|
||||||
import { ApiError } from 'src/boot/axios';
|
import { ApiError } from 'src/boot/axios';
|
||||||
|
import icon from '/icons/favicon-96x96.png';
|
||||||
|
|
||||||
const $q = useQuasar();
|
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
|
<circle-property
|
||||||
v-else-if="drawStore.selectedGraphicType === Circle.Type"
|
v-else-if="drawStore.selectedGraphicType === Circle.Type"
|
||||||
/>
|
/>
|
||||||
<cctv-button-property
|
<button-property
|
||||||
v-else-if="drawStore.selectedGraphicType === CCTVButton.Type"
|
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>
|
</q-card-section>
|
||||||
</template>
|
</template>
|
||||||
@ -56,8 +62,6 @@ import { useDrawStore } from 'src/stores/draw-store';
|
|||||||
import CanvasProperty from './properties/CanvasIscsProperty.vue';
|
import CanvasProperty from './properties/CanvasIscsProperty.vue';
|
||||||
import IscsTextProperty from './properties/IscsTextProperty.vue';
|
import IscsTextProperty from './properties/IscsTextProperty.vue';
|
||||||
import { TextContent } from 'src/graphics/textContent/TextContent';
|
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 RectProperty from './properties/RectProperty.vue';
|
||||||
import { Rect } from 'src/graphics/rect/Rect';
|
import { Rect } from 'src/graphics/rect/Rect';
|
||||||
import LineTemplate from './templates/LineTemplate.vue';
|
import LineTemplate from './templates/LineTemplate.vue';
|
||||||
@ -65,6 +69,13 @@ import LineProperty from './properties/LineProperty.vue';
|
|||||||
import { Line } from 'src/graphics/line/Line';
|
import { Line } from 'src/graphics/line/Line';
|
||||||
import CircleProperty from './properties/CircleProperty.vue';
|
import CircleProperty from './properties/CircleProperty.vue';
|
||||||
import { Circle } from 'src/graphics/circle/Circle';
|
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';
|
import { watch } from 'vue';
|
||||||
|
|
||||||
const drawStore = useDrawStore();
|
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"
|
@blur="onUpdate"
|
||||||
label="高度"
|
label="高度"
|
||||||
lazy-rules
|
lazy-rules
|
||||||
:rules="[(val) => (val && val > 0) || '宽度必须大于0']"
|
:rules="[(val) => (val && val > 0) || '高度必须大于0']"
|
||||||
/>
|
/>
|
||||||
<q-input
|
<q-input
|
||||||
outlined
|
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: '人防门', displayForm: DisplayForm.draw },
|
{ sunMenuName: '人防门', displayForm: DisplayForm.draw },
|
||||||
{ sunMenuName: 'BAS系统', displayForm: DisplayForm.draw },
|
{ sunMenuName: 'BAS系统', displayForm: DisplayForm.draw },
|
||||||
{ sunMenuName: '模式控制', displayForm: DisplayForm.draw },
|
{ sunMenuName: '模式控制', displayForm: DisplayForm.component },
|
||||||
{ sunMenuName: '时间表', displayForm: DisplayForm.draw },
|
{ sunMenuName: '时间表', displayForm: DisplayForm.draw },
|
||||||
{ 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',
|
icon: 'svguse:../iscsMenuIcon.svg#icon-CCTV',
|
||||||
activeIcon: 'svguse:../iscsMenuIcon.svg#icon-CCTV-active',
|
activeIcon: 'svguse:../iscsMenuIcon.svg#icon-CCTV-active',
|
||||||
sunMenu: [
|
sunMenu: [
|
||||||
{ sunMenuName: '监控布局图', displayForm: DisplayForm.draw },
|
{ sunMenuName: '监控布局图', displayForm: DisplayForm.component },
|
||||||
{ sunMenuName: 'CCTV设备布局图', displayForm: DisplayForm.draw },
|
{ sunMenuName: 'CCTV设备布局图', displayForm: DisplayForm.draw },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
@ -132,7 +132,9 @@ const DA_SHI_ZHI_NENG: I_DA_SHI_ZHI_NENG[] = [
|
|||||||
menuName: 'PSD',
|
menuName: 'PSD',
|
||||||
icon: 'svguse:../iscsMenuIcon.svg#icon-PSD',
|
icon: 'svguse:../iscsMenuIcon.svg#icon-PSD',
|
||||||
activeIcon: 'svguse:../iscsMenuIcon.svg#icon-PSD-active',
|
activeIcon: 'svguse:../iscsMenuIcon.svg#icon-PSD-active',
|
||||||
sunMenu: [{ sunMenuName: '屏蔽门系统图', displayForm: DisplayForm.draw }],
|
sunMenu: [
|
||||||
|
{ sunMenuName: '屏蔽门系统图', displayForm: DisplayForm.component },
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
menuName: 'FG',
|
menuName: 'FG',
|
||||||
|
|||||||
@ -29,6 +29,9 @@ import { LineData } from './graphics/LineInteraction';
|
|||||||
import { CircleDraw } from 'src/graphics/circle/CircleDrawAssistant';
|
import { CircleDraw } from 'src/graphics/circle/CircleDrawAssistant';
|
||||||
import { Circle, CircleTemplate } from 'src/graphics/circle/Circle';
|
import { Circle, CircleTemplate } from 'src/graphics/circle/Circle';
|
||||||
import { CircleData } from './graphics/CircleInteraction';
|
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 = {
|
const UndoOptions: MenuItemOptions = {
|
||||||
name: '撤销',
|
name: '撤销',
|
||||||
@ -58,6 +61,7 @@ export function initCommonDrawApp(app: IDrawApp) {
|
|||||||
new RectDraw(app, new RectTemplate(new RectData()));
|
new RectDraw(app, new RectTemplate(new RectData()));
|
||||||
new LineDraw(app, new LineTemplate(new LineData()));
|
new LineDraw(app, new LineTemplate(new LineData()));
|
||||||
new CircleDraw(app, new CircleTemplate(new CircleData()));
|
new CircleDraw(app, new CircleTemplate(new CircleData()));
|
||||||
|
new ButtonDraw(app, new ButtonTemplate(new ButtonData()));
|
||||||
// 画布右键菜单
|
// 画布右键菜单
|
||||||
app.registerMenu(DefaultCanvasMenu);
|
app.registerMenu(DefaultCanvasMenu);
|
||||||
|
|
||||||
@ -88,6 +92,7 @@ interface ICommonStorage {
|
|||||||
rects: iscsGraphicData.Rect[];
|
rects: iscsGraphicData.Rect[];
|
||||||
lines: iscsGraphicData.Line[];
|
lines: iscsGraphicData.Line[];
|
||||||
circles: iscsGraphicData.Circle[];
|
circles: iscsGraphicData.Circle[];
|
||||||
|
buttons: iscsGraphicData.Button[];
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
export function loadCommonDrawDatas(storage: ICommonStorage): GraphicData[] {
|
export function loadCommonDrawDatas(storage: ICommonStorage): GraphicData[] {
|
||||||
@ -108,6 +113,9 @@ export function loadCommonDrawDatas(storage: ICommonStorage): GraphicData[] {
|
|||||||
storage.commonGraphicStorage.circles.forEach((circle) => {
|
storage.commonGraphicStorage.circles.forEach((circle) => {
|
||||||
datas.push(new CircleData(circle));
|
datas.push(new CircleData(circle));
|
||||||
});
|
});
|
||||||
|
storage.commonGraphicStorage.buttons.forEach((button) => {
|
||||||
|
datas.push(new ButtonData(button));
|
||||||
|
});
|
||||||
return datas;
|
return datas;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -140,6 +148,11 @@ export function saveCommonDrawDatas(app: IDrawApp, storage: ICommonStorage) {
|
|||||||
storage.commonGraphicStorage.circles.push(
|
storage.commonGraphicStorage.circles.push(
|
||||||
(circleData as CircleData).data
|
(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,
|
saveDrawToServer,
|
||||||
handlerNoEditCommonData,
|
handlerNoEditCommonData,
|
||||||
} from './commonApp';
|
} 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 { useDrawStore } from 'src/stores/draw-store';
|
||||||
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
|
||||||
import { getDraft } from 'src/api/DraftApi';
|
import { getDraft } from 'src/api/DraftApi';
|
||||||
import { getJwt } from 'src/api/UserApi';
|
|
||||||
import { fromUint8Array, toUint8Array } from 'js-base64';
|
import { fromUint8Array, toUint8Array } from 'js-base64';
|
||||||
import { getWebsocketUrl } from 'src/configs/UrlManage';
|
import { getWebsocketUrl } from 'src/configs/UrlManage';
|
||||||
import { sync_data_message } from 'src/protos/sync_data_message';
|
import { sync_data_message } from 'src/protos/sync_data_message';
|
||||||
import { useAuthStore } from 'src/stores/auth-store';
|
import { useAuthStore } from 'src/stores/auth-store';
|
||||||
import { common } from 'src/protos/common';
|
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 { getOnlyToken } from 'src/configs/TokenManage';
|
||||||
|
import { getJwtToken } from 'src/configs/TokenManage';
|
||||||
|
|
||||||
let drawApp: IDrawApp | null = null;
|
let drawApp: IDrawApp | null = null;
|
||||||
|
|
||||||
@ -56,17 +194,95 @@ export function initIscsDrawApp(): IDrawApp {
|
|||||||
dataLoader: loadDrawDatas,
|
dataLoader: loadDrawDatas,
|
||||||
isSupportDeletion: isSupportDeletion,
|
isSupportDeletion: isSupportDeletion,
|
||||||
});
|
});
|
||||||
getJwt().then((res) => {
|
|
||||||
drawApp.enableWsMassaging({
|
drawApp.enableWsMassaging({
|
||||||
engine: ClientEngine.MQTT,
|
engine: ClientEngine.MQTT,
|
||||||
wsUrl: `${getWebsocketUrl()}`,
|
wsUrl: `${getWebsocketUrl()}`,
|
||||||
token: res.getJwt as string,
|
token: getJwtToken() as string,
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
const app = drawApp;
|
const app = drawApp;
|
||||||
initCommonDrawApp(app);
|
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(
|
app.addKeyboardListener(
|
||||||
new KeyListener({
|
new KeyListener({
|
||||||
@ -150,18 +366,19 @@ function handleSubscribe(app: IDrawApp) {
|
|||||||
console.log(fasPlatformAlarm, 'fasPlatformAlarm');
|
console.log(fasPlatformAlarm, 'fasPlatformAlarm');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else if (syncData.submenu === '监控布局图') {
|
} else if (syncData.submenu === 'CCTV设备布局图') {
|
||||||
for (
|
for (
|
||||||
let i = 0;
|
let i = 0;
|
||||||
i < storage.cctvOfStationControlStorages.length;
|
i < storage.cctvOfEquipmentLayoutStorages.length;
|
||||||
i++
|
i++
|
||||||
) {
|
) {
|
||||||
const ctvOfStationControl = storage.cctvOfStationControlStorages[i];
|
const cctvOfEquipmentLayout =
|
||||||
if (ctvOfStationControl.stationName == syncData.station) {
|
storage.cctvOfEquipmentLayoutStorages[i];
|
||||||
|
if (cctvOfEquipmentLayout.stationName == syncData.station) {
|
||||||
syncData.datas.forEach((data) => {
|
syncData.datas.forEach((data) => {
|
||||||
handlerNoEditCommonData(
|
handlerNoEditCommonData(
|
||||||
data,
|
data,
|
||||||
ctvOfStationControl,
|
cctvOfEquipmentLayout,
|
||||||
syncData.operationType
|
syncData.operationType
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
@ -225,25 +442,156 @@ export async function loadDrawDatas(): Promise<IGraphicStorage> {
|
|||||||
) {
|
) {
|
||||||
canvasProperty = fasOfPlatformAlarm.canvas;
|
canvasProperty = fasOfPlatformAlarm.canvas;
|
||||||
datas = loadCommonDrawDatas(fasOfPlatformAlarm);
|
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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case '监控布局图':
|
case 'CCTV设备布局图':
|
||||||
for (let i = 0; i < storage.cctvOfStationControlStorages.length; i++) {
|
for (let i = 0; i < storage.cctvOfEquipmentLayoutStorages.length; i++) {
|
||||||
const ctvOfStationControl = storage.cctvOfStationControlStorages[i];
|
const cctvOfEquipmentLayout =
|
||||||
|
storage.cctvOfEquipmentLayoutStorages[i];
|
||||||
if (
|
if (
|
||||||
ctvOfStationControl.stationName ==
|
cctvOfEquipmentLayout.stationName ==
|
||||||
drawStore.selectSubmenuAndStation.station
|
drawStore.selectSubmenuAndStation.station
|
||||||
) {
|
) {
|
||||||
canvasProperty = ctvOfStationControl.canvas;
|
canvasProperty = cctvOfEquipmentLayout.canvas;
|
||||||
datas = loadCommonDrawDatas(ctvOfStationControl);
|
datas = loadCommonDrawDatas(cctvOfEquipmentLayout);
|
||||||
ctvOfStationControl.cctvButtons.forEach((cctvButton) => {
|
/* ctvOfStationControl.cctvButtons.forEach((cctvButton) => {
|
||||||
datas.push(new CCTVButtonData(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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
break;
|
||||||
default:
|
default:
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
@ -273,14 +621,28 @@ export function saveDrawDatas(app: IDrawApp) {
|
|||||||
new iscsGraphicData.FASOfPlatformAlarmStorage({
|
new iscsGraphicData.FASOfPlatformAlarmStorage({
|
||||||
stationName: station,
|
stationName: station,
|
||||||
commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
|
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) =>
|
stationOption.forEach((station) =>
|
||||||
storage?.cctvOfStationControlStorages.push(
|
storage?.basOfEscalatorStorages.push(
|
||||||
new iscsGraphicData.CCTVOfStationControlStorage({
|
new iscsGraphicData.BASOfEscalatorStorage({
|
||||||
stationName: station,
|
stationName: station,
|
||||||
commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
|
commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
|
||||||
})
|
})
|
||||||
@ -299,42 +661,192 @@ export function saveDrawDatas(app: IDrawApp) {
|
|||||||
fasOfPlatformAlarm = new iscsGraphicData.FASOfPlatformAlarmStorage({
|
fasOfPlatformAlarm = new iscsGraphicData.FASOfPlatformAlarmStorage({
|
||||||
stationName: drawStore.selectSubmenuAndStation.station,
|
stationName: drawStore.selectSubmenuAndStation.station,
|
||||||
commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
|
commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
|
||||||
|
partition: drawStore.selectSubmenuAndStation.partition,
|
||||||
});
|
});
|
||||||
const fasStorage = saveCommonDrawDatas(
|
const fasStorage = saveCommonDrawDatas(
|
||||||
app,
|
app,
|
||||||
fasOfPlatformAlarm
|
fasOfPlatformAlarm
|
||||||
) as iscsGraphicData.FASOfPlatformAlarmStorage;
|
) 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;
|
storage.fasOfPlatformAlarmStorages[i] = fasStorage;
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case '监控布局图':
|
case 'CCTV设备布局图':
|
||||||
for (let i = 0; i < storage.cctvOfStationControlStorages.length; i++) {
|
for (let i = 0; i < storage.cctvOfEquipmentLayoutStorages.length; i++) {
|
||||||
let cctvOfStationControl = storage.cctvOfStationControlStorages[i];
|
let cctvOfEquipmentLayout = storage.cctvOfEquipmentLayoutStorages[i];
|
||||||
if (
|
if (
|
||||||
cctvOfStationControl.stationName ==
|
cctvOfEquipmentLayout.stationName ==
|
||||||
drawStore.selectSubmenuAndStation.station
|
drawStore.selectSubmenuAndStation.station
|
||||||
) {
|
) {
|
||||||
cctvOfStationControl =
|
cctvOfEquipmentLayout =
|
||||||
new iscsGraphicData.CCTVOfStationControlStorage({
|
new iscsGraphicData.CCTVOfEquipmentLayoutStorage({
|
||||||
stationName: drawStore.selectSubmenuAndStation.station,
|
stationName: drawStore.selectSubmenuAndStation.station,
|
||||||
commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
|
commonGraphicStorage: new iscsGraphicData.CommonGraphicStorage(),
|
||||||
});
|
});
|
||||||
const cctvStorage = saveCommonDrawDatas(
|
const cctvStorage = saveCommonDrawDatas(
|
||||||
app,
|
app,
|
||||||
cctvOfStationControl
|
cctvOfEquipmentLayout
|
||||||
) as iscsGraphicData.CCTVOfStationControlStorage;
|
) as iscsGraphicData.CCTVOfEquipmentLayoutStorage;
|
||||||
|
|
||||||
graphics.forEach((g) => {
|
/* graphics.forEach((g) => {
|
||||||
if (g instanceof CCTVButton) {
|
if (g instanceof CCTVButton) {
|
||||||
const cctvButtonData = g.saveData();
|
const cctvButtonData = g.saveData();
|
||||||
cctvStorage.cctvButtons.push(
|
cctvStorage.cctvButtons.push(
|
||||||
(cctvButtonData as CCTVButtonData).data
|
(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;
|
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