diff --git a/src/drawApp/commonApp.ts b/src/drawApp/commonApp.ts
index 5c91d8f..a55396c 100644
--- a/src/drawApp/commonApp.ts
+++ b/src/drawApp/commonApp.ts
@@ -19,6 +19,7 @@ import { useDrawStore } from 'src/stores/draw-store';
 import { Rect, RectTemplate } from 'src/graphics/rect/Rect';
 import { RectDraw } from 'src/graphics/rect/RectDrawAssistant';
 import { RectData } from './graphics/RectInteraction';
+import { common } from 'src/protos/common';
 
 const UndoOptions: MenuItemOptions = {
   name: '撤销',
@@ -69,7 +70,7 @@ export function initCommonDrawApp(app: IDrawApp) {
 }
 
 interface ICommonStorage {
-  canvas: iscsGraphicData.Canvas;
+  canvas: common.Canvas;
   arrows: iscsGraphicData.Arrow[];
   iscsTexts: iscsGraphicData.IscsText[];
   rects: iscsGraphicData.Rect[];
@@ -91,7 +92,7 @@ export function loadCommonDrawDatas(storage: ICommonStorage): GraphicData[] {
 
 export function saveCommonDrawDatas(app: IDrawApp, storage: ICommonStorage) {
   const canvasData = app.canvas.saveData();
-  storage.canvas = new iscsGraphicData.Canvas({
+  storage.canvas = new common.Canvas({
     width: canvasData.width,
     height: canvasData.height,
     backgroundColor: canvasData.backgroundColor,
diff --git a/src/drawApp/graphics/ArrowInteraction.ts b/src/drawApp/graphics/ArrowInteraction.ts
index bff1dbc..3e0d0ff 100644
--- a/src/drawApp/graphics/ArrowInteraction.ts
+++ b/src/drawApp/graphics/ArrowInteraction.ts
@@ -4,6 +4,7 @@ import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
 import { IArrowData, Arrow } from 'src/graphics/arrow/Arrow';
 import { GraphicDataBase } from './GraphicDataBase';
 import { IPointData } from 'pixi.js';
+import { common } from 'src/protos/common';
 
 export class ArrowData extends GraphicDataBase implements IArrowData {
   constructor(data?: iscsGraphicData.Arrow) {
@@ -33,7 +34,7 @@ export class ArrowData extends GraphicDataBase implements IArrowData {
   }
   set points(points: IPointData[]) {
     this.data.points = points.map(
-      (p) => new iscsGraphicData.Point({ x: p.x, y: p.y })
+      (p) => new common.Point({ x: p.x, y: p.y })
     );
   }
   clone(): ArrowData {
diff --git a/src/drawApp/graphics/GraphicDataBase.ts b/src/drawApp/graphics/GraphicDataBase.ts
index f96c3a2..f026ba8 100644
--- a/src/drawApp/graphics/GraphicDataBase.ts
+++ b/src/drawApp/graphics/GraphicDataBase.ts
@@ -8,8 +8,8 @@ import {
   IGraphicTransform,
 } from 'jl-graphic';
 // import { toStorageTransform } from '..';
-import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
 import { IPointData, Point } from 'pixi.js';
+import { common } from 'src/protos/common';
 
 export interface ICommonInfo {
   id: number;
@@ -17,15 +17,15 @@ export interface ICommonInfo {
   transform: IGraphicTransform;
   childTransforms: IChildTransform[];
 }
-export function fromStoragePoint(p: iscsGraphicData.Point): Point {
+export function fromStoragePoint(p: common.Point): Point {
   return new Point(p.x, p.y);
 }
 
-export function toStoragePoint(p: IPointData): iscsGraphicData.Point {
-  return new iscsGraphicData.Point({ x: p.x, y: p.y });
+export function toStoragePoint(p: IPointData): common.Point {
+  return new common.Point({ x: p.x, y: p.y });
 }
 export function fromStorageTransfrom(
-  transfrom: iscsGraphicData.Transform
+  transfrom: common.Transform
 ): GraphicTransform {
   return new GraphicTransform(
     fromStoragePoint(transfrom.position),
@@ -37,8 +37,8 @@ export function fromStorageTransfrom(
 
 export function toStorageTransform(
   transform: GraphicTransform
-): iscsGraphicData.Transform {
-  return new iscsGraphicData.Transform({
+): common.Transform {
+  return new common.Transform({
     position: toStoragePoint(transform.position),
     scale: toStoragePoint(transform.scale),
     rotation: transform.rotation,
@@ -57,15 +57,15 @@ export abstract class GraphicDataBase implements GraphicData {
     this._data = data;
   }
 
-  static defaultCommonInfo(graphicType: string): iscsGraphicData.CommonInfo {
-    return new iscsGraphicData.CommonInfo({
+  static defaultCommonInfo(graphicType: string): common.CommonInfo {
+    return new common.CommonInfo({
       id: 0,
       graphicType: graphicType,
-      transform: new iscsGraphicData.Transform({
-        position: new iscsGraphicData.Point({ x: 0, y: 0 }),
-        scale: new iscsGraphicData.Point({ x: 1, y: 1 }),
+      transform: new common.Transform({
+        position: new common.Point({ x: 0, y: 0 }),
+        scale: new common.Point({ x: 1, y: 1 }),
         rotation: 0,
-        skew: new iscsGraphicData.Point({ x: 0, y: 0 }),
+        skew: new common.Point({ x: 0, y: 0 }),
       }),
       childTransforms: [],
     });
@@ -104,10 +104,10 @@ export abstract class GraphicDataBase implements GraphicData {
   }
   set childTransforms(v: ChildTransform[] | undefined) {
     if (v) {
-      const cts: iscsGraphicData.ChildTransform[] = [];
+      const cts: common.ChildTransform[] = [];
       v.forEach((ct) =>
         cts.push(
-          new iscsGraphicData.ChildTransform({
+          new common.ChildTransform({
             ...ct,
             transform: toStorageTransform(ct.transform),
           })
diff --git a/src/drawApp/graphics/RectInteraction.ts b/src/drawApp/graphics/RectInteraction.ts
index 47a7104..1e14626 100644
--- a/src/drawApp/graphics/RectInteraction.ts
+++ b/src/drawApp/graphics/RectInteraction.ts
@@ -3,6 +3,7 @@ import { IPointData } from 'pixi.js';
 import { IRectData, Rect } from 'src/graphics/rect/Rect';
 import { iscsGraphicData } from 'src/protos/iscs_graphic_data';
 import { GraphicDataBase } from './GraphicDataBase';
+import { common } from 'src/protos/common';
 
 export class RectData extends GraphicDataBase implements IRectData {
   constructor(data?: iscsGraphicData.Rect) {
@@ -43,7 +44,7 @@ export class RectData extends GraphicDataBase implements IRectData {
     return this.data.point;
   }
   set point(point: IPointData) {
-    this.data.point = new iscsGraphicData.Point({ x: point.x, y: point.y });
+    this.data.point = new common.Point({ x: point.x, y: point.y });
   }
   get width(): number {
     return this.data.width;
diff --git a/src/layouts/CCTVDrawLayout.vue b/src/layouts/IscsDrawLayout.vue
similarity index 100%
rename from src/layouts/CCTVDrawLayout.vue
rename to src/layouts/IscsDrawLayout.vue
diff --git a/src/pages/IscsDraftManage.vue b/src/pages/IscsDraftManage.vue
index f0009a7..2507815 100644
--- a/src/pages/IscsDraftManage.vue
+++ b/src/pages/IscsDraftManage.vue
@@ -139,9 +139,10 @@ import {
   IscsStyle,
 } from '../api/DraftApi';
 import { ApiError } from 'src/boot/axios';
+import { useRouter } from 'vue-router';
 
 const $q = useQuasar();
-
+const router = useRouter();
 const props = withDefaults(
   defineProps<{
     sizeHeight: number;
@@ -310,4 +311,9 @@ async function deleteData(row: DraftItem) {
       operateDisabled.value = false;
     });
 }
+
+function goToPath(row: DraftItem) {
+  let path = `/iscsPainting/${row.id}`;
+  router.push({ path: path });
+}
 </script>
diff --git a/src/protos/common.ts b/src/protos/common.ts
index 104b3c0..8cf4591 100644
--- a/src/protos/common.ts
+++ b/src/protos/common.ts
@@ -12,6 +12,10 @@ export namespace common {
         DataType_Psl = 3,
         DataType_Iscs = 4
     }
+    export enum IscsStyle {
+        IscsStyle_Unknown = 0,
+        DaShiZhiNeng = 1
+    }
     export enum FeatureType {
         FeatureType_Unknown = 0,
         FeatureType_Simulation = 1,
@@ -22,9 +26,9 @@ export namespace common {
         constructor(data?: any[] | {
             width?: number;
             height?: number;
-            background_color?: string;
-            viewport_transform?: Transform;
-            grid_background?: Grid;
+            backgroundColor?: string;
+            viewportTransform?: Transform;
+            gridBackground?: Grid;
         }) {
             super();
             pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
@@ -35,14 +39,14 @@ export namespace common {
                 if ("height" in data && data.height != undefined) {
                     this.height = data.height;
                 }
-                if ("background_color" in data && data.background_color != undefined) {
-                    this.background_color = data.background_color;
+                if ("backgroundColor" in data && data.backgroundColor != undefined) {
+                    this.backgroundColor = data.backgroundColor;
                 }
-                if ("viewport_transform" in data && data.viewport_transform != undefined) {
-                    this.viewport_transform = data.viewport_transform;
+                if ("viewportTransform" in data && data.viewportTransform != undefined) {
+                    this.viewportTransform = data.viewportTransform;
                 }
-                if ("grid_background" in data && data.grid_background != undefined) {
-                    this.grid_background = data.grid_background;
+                if ("gridBackground" in data && data.gridBackground != undefined) {
+                    this.gridBackground = data.gridBackground;
                 }
             }
         }
@@ -58,36 +62,36 @@ export namespace common {
         set height(value: number) {
             pb_1.Message.setField(this, 2, value);
         }
-        get background_color() {
+        get backgroundColor() {
             return pb_1.Message.getFieldWithDefault(this, 3, "") as string;
         }
-        set background_color(value: string) {
+        set backgroundColor(value: string) {
             pb_1.Message.setField(this, 3, value);
         }
-        get viewport_transform() {
+        get viewportTransform() {
             return pb_1.Message.getWrapperField(this, Transform, 4) as Transform;
         }
-        set viewport_transform(value: Transform) {
+        set viewportTransform(value: Transform) {
             pb_1.Message.setWrapperField(this, 4, value);
         }
-        get has_viewport_transform() {
+        get has_viewportTransform() {
             return pb_1.Message.getField(this, 4) != null;
         }
-        get grid_background() {
+        get gridBackground() {
             return pb_1.Message.getWrapperField(this, Grid, 5) as Grid;
         }
-        set grid_background(value: Grid) {
+        set gridBackground(value: Grid) {
             pb_1.Message.setWrapperField(this, 5, value);
         }
-        get has_grid_background() {
+        get has_gridBackground() {
             return pb_1.Message.getField(this, 5) != null;
         }
         static fromObject(data: {
             width?: number;
             height?: number;
-            background_color?: string;
-            viewport_transform?: ReturnType<typeof Transform.prototype.toObject>;
-            grid_background?: ReturnType<typeof Grid.prototype.toObject>;
+            backgroundColor?: string;
+            viewportTransform?: ReturnType<typeof Transform.prototype.toObject>;
+            gridBackground?: ReturnType<typeof Grid.prototype.toObject>;
         }): Canvas {
             const message = new Canvas({});
             if (data.width != null) {
@@ -96,14 +100,14 @@ export namespace common {
             if (data.height != null) {
                 message.height = data.height;
             }
-            if (data.background_color != null) {
-                message.background_color = data.background_color;
+            if (data.backgroundColor != null) {
+                message.backgroundColor = data.backgroundColor;
             }
-            if (data.viewport_transform != null) {
-                message.viewport_transform = Transform.fromObject(data.viewport_transform);
+            if (data.viewportTransform != null) {
+                message.viewportTransform = Transform.fromObject(data.viewportTransform);
             }
-            if (data.grid_background != null) {
-                message.grid_background = Grid.fromObject(data.grid_background);
+            if (data.gridBackground != null) {
+                message.gridBackground = Grid.fromObject(data.gridBackground);
             }
             return message;
         }
@@ -111,9 +115,9 @@ export namespace common {
             const data: {
                 width?: number;
                 height?: number;
-                background_color?: string;
-                viewport_transform?: ReturnType<typeof Transform.prototype.toObject>;
-                grid_background?: ReturnType<typeof Grid.prototype.toObject>;
+                backgroundColor?: string;
+                viewportTransform?: ReturnType<typeof Transform.prototype.toObject>;
+                gridBackground?: ReturnType<typeof Grid.prototype.toObject>;
             } = {};
             if (this.width != null) {
                 data.width = this.width;
@@ -121,14 +125,14 @@ export namespace common {
             if (this.height != null) {
                 data.height = this.height;
             }
-            if (this.background_color != null) {
-                data.background_color = this.background_color;
+            if (this.backgroundColor != null) {
+                data.backgroundColor = this.backgroundColor;
             }
-            if (this.viewport_transform != null) {
-                data.viewport_transform = this.viewport_transform.toObject();
+            if (this.viewportTransform != null) {
+                data.viewportTransform = this.viewportTransform.toObject();
             }
-            if (this.grid_background != null) {
-                data.grid_background = this.grid_background.toObject();
+            if (this.gridBackground != null) {
+                data.gridBackground = this.gridBackground.toObject();
             }
             return data;
         }
@@ -140,12 +144,12 @@ export namespace common {
                 writer.writeInt32(1, this.width);
             if (this.height != 0)
                 writer.writeInt32(2, this.height);
-            if (this.background_color.length)
-                writer.writeString(3, this.background_color);
-            if (this.has_viewport_transform)
-                writer.writeMessage(4, this.viewport_transform, () => this.viewport_transform.serialize(writer));
-            if (this.has_grid_background)
-                writer.writeMessage(5, this.grid_background, () => this.grid_background.serialize(writer));
+            if (this.backgroundColor.length)
+                writer.writeString(3, this.backgroundColor);
+            if (this.has_viewportTransform)
+                writer.writeMessage(4, this.viewportTransform, () => this.viewportTransform.serialize(writer));
+            if (this.has_gridBackground)
+                writer.writeMessage(5, this.gridBackground, () => this.gridBackground.serialize(writer));
             if (!w)
                 return writer.getResultBuffer();
         }
@@ -162,13 +166,13 @@ export namespace common {
                         message.height = reader.readInt32();
                         break;
                     case 3:
-                        message.background_color = reader.readString();
+                        message.backgroundColor = reader.readString();
                         break;
                     case 4:
-                        reader.readMessage(message.viewport_transform, () => message.viewport_transform = Transform.deserialize(reader));
+                        reader.readMessage(message.viewportTransform, () => message.viewportTransform = Transform.deserialize(reader));
                         break;
                     case 5:
-                        reader.readMessage(message.grid_background, () => message.grid_background = Grid.deserialize(reader));
+                        reader.readMessage(message.gridBackground, () => message.gridBackground = Grid.deserialize(reader));
                         break;
                     default: reader.skipField();
                 }
@@ -185,34 +189,34 @@ export namespace common {
     export class Grid extends pb_1.Message {
         #one_of_decls: number[][] = [];
         constructor(data?: any[] | {
-            has_grid?: boolean;
-            line_color?: string;
+            hasGrid?: boolean;
+            lineColor?: string;
             space?: number;
         }) {
             super();
             pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
             if (!Array.isArray(data) && typeof data == "object") {
-                if ("has_grid" in data && data.has_grid != undefined) {
-                    this.has_grid = data.has_grid;
+                if ("hasGrid" in data && data.hasGrid != undefined) {
+                    this.hasGrid = data.hasGrid;
                 }
-                if ("line_color" in data && data.line_color != undefined) {
-                    this.line_color = data.line_color;
+                if ("lineColor" in data && data.lineColor != undefined) {
+                    this.lineColor = data.lineColor;
                 }
                 if ("space" in data && data.space != undefined) {
                     this.space = data.space;
                 }
             }
         }
-        get has_grid() {
+        get hasGrid() {
             return pb_1.Message.getFieldWithDefault(this, 1, false) as boolean;
         }
-        set has_grid(value: boolean) {
+        set hasGrid(value: boolean) {
             pb_1.Message.setField(this, 1, value);
         }
-        get line_color() {
+        get lineColor() {
             return pb_1.Message.getFieldWithDefault(this, 2, "") as string;
         }
-        set line_color(value: string) {
+        set lineColor(value: string) {
             pb_1.Message.setField(this, 2, value);
         }
         get space() {
@@ -222,16 +226,16 @@ export namespace common {
             pb_1.Message.setField(this, 3, value);
         }
         static fromObject(data: {
-            has_grid?: boolean;
-            line_color?: string;
+            hasGrid?: boolean;
+            lineColor?: string;
             space?: number;
         }): Grid {
             const message = new Grid({});
-            if (data.has_grid != null) {
-                message.has_grid = data.has_grid;
+            if (data.hasGrid != null) {
+                message.hasGrid = data.hasGrid;
             }
-            if (data.line_color != null) {
-                message.line_color = data.line_color;
+            if (data.lineColor != null) {
+                message.lineColor = data.lineColor;
             }
             if (data.space != null) {
                 message.space = data.space;
@@ -240,15 +244,15 @@ export namespace common {
         }
         toObject() {
             const data: {
-                has_grid?: boolean;
-                line_color?: string;
+                hasGrid?: boolean;
+                lineColor?: string;
                 space?: number;
             } = {};
-            if (this.has_grid != null) {
-                data.has_grid = this.has_grid;
+            if (this.hasGrid != null) {
+                data.hasGrid = this.hasGrid;
             }
-            if (this.line_color != null) {
-                data.line_color = this.line_color;
+            if (this.lineColor != null) {
+                data.lineColor = this.lineColor;
             }
             if (this.space != null) {
                 data.space = this.space;
@@ -259,10 +263,10 @@ export namespace common {
         serialize(w: pb_1.BinaryWriter): void;
         serialize(w?: pb_1.BinaryWriter): Uint8Array | void {
             const writer = w || new pb_1.BinaryWriter();
-            if (this.has_grid != false)
-                writer.writeBool(1, this.has_grid);
-            if (this.line_color.length)
-                writer.writeString(2, this.line_color);
+            if (this.hasGrid != false)
+                writer.writeBool(1, this.hasGrid);
+            if (this.lineColor.length)
+                writer.writeString(2, this.lineColor);
             if (this.space != 0)
                 writer.writeInt32(3, this.space);
             if (!w)
@@ -275,10 +279,10 @@ export namespace common {
                     break;
                 switch (reader.getFieldNumber()) {
                     case 1:
-                        message.has_grid = reader.readBool();
+                        message.hasGrid = reader.readBool();
                         break;
                     case 2:
-                        message.line_color = reader.readString();
+                        message.lineColor = reader.readString();
                         break;
                     case 3:
                         message.space = reader.readInt32();
@@ -627,9 +631,9 @@ export namespace common {
         #one_of_decls: number[][] = [];
         constructor(data?: any[] | {
             id?: number;
-            graphic_type?: string;
+            graphicType?: string;
             transform?: Transform;
-            children_transform?: ChildTransform[];
+            childTransforms?: ChildTransform[];
         }) {
             super();
             pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [4], this.#one_of_decls);
@@ -637,14 +641,14 @@ export namespace common {
                 if ("id" in data && data.id != undefined) {
                     this.id = data.id;
                 }
-                if ("graphic_type" in data && data.graphic_type != undefined) {
-                    this.graphic_type = data.graphic_type;
+                if ("graphicType" in data && data.graphicType != undefined) {
+                    this.graphicType = data.graphicType;
                 }
                 if ("transform" in data && data.transform != undefined) {
                     this.transform = data.transform;
                 }
-                if ("children_transform" in data && data.children_transform != undefined) {
-                    this.children_transform = data.children_transform;
+                if ("childTransforms" in data && data.childTransforms != undefined) {
+                    this.childTransforms = data.childTransforms;
                 }
             }
         }
@@ -654,10 +658,10 @@ export namespace common {
         set id(value: number) {
             pb_1.Message.setField(this, 1, value);
         }
-        get graphic_type() {
+        get graphicType() {
             return pb_1.Message.getFieldWithDefault(this, 2, "") as string;
         }
-        set graphic_type(value: string) {
+        set graphicType(value: string) {
             pb_1.Message.setField(this, 2, value);
         }
         get transform() {
@@ -669,51 +673,51 @@ export namespace common {
         get has_transform() {
             return pb_1.Message.getField(this, 3) != null;
         }
-        get children_transform() {
+        get childTransforms() {
             return pb_1.Message.getRepeatedWrapperField(this, ChildTransform, 4) as ChildTransform[];
         }
-        set children_transform(value: ChildTransform[]) {
+        set childTransforms(value: ChildTransform[]) {
             pb_1.Message.setRepeatedWrapperField(this, 4, value);
         }
         static fromObject(data: {
             id?: number;
-            graphic_type?: string;
+            graphicType?: string;
             transform?: ReturnType<typeof Transform.prototype.toObject>;
-            children_transform?: ReturnType<typeof ChildTransform.prototype.toObject>[];
+            childTransforms?: ReturnType<typeof ChildTransform.prototype.toObject>[];
         }): CommonInfo {
             const message = new CommonInfo({});
             if (data.id != null) {
                 message.id = data.id;
             }
-            if (data.graphic_type != null) {
-                message.graphic_type = data.graphic_type;
+            if (data.graphicType != null) {
+                message.graphicType = data.graphicType;
             }
             if (data.transform != null) {
                 message.transform = Transform.fromObject(data.transform);
             }
-            if (data.children_transform != null) {
-                message.children_transform = data.children_transform.map(item => ChildTransform.fromObject(item));
+            if (data.childTransforms != null) {
+                message.childTransforms = data.childTransforms.map(item => ChildTransform.fromObject(item));
             }
             return message;
         }
         toObject() {
             const data: {
                 id?: number;
-                graphic_type?: string;
+                graphicType?: string;
                 transform?: ReturnType<typeof Transform.prototype.toObject>;
-                children_transform?: ReturnType<typeof ChildTransform.prototype.toObject>[];
+                childTransforms?: ReturnType<typeof ChildTransform.prototype.toObject>[];
             } = {};
             if (this.id != null) {
                 data.id = this.id;
             }
-            if (this.graphic_type != null) {
-                data.graphic_type = this.graphic_type;
+            if (this.graphicType != null) {
+                data.graphicType = this.graphicType;
             }
             if (this.transform != null) {
                 data.transform = this.transform.toObject();
             }
-            if (this.children_transform != null) {
-                data.children_transform = this.children_transform.map((item: ChildTransform) => item.toObject());
+            if (this.childTransforms != null) {
+                data.childTransforms = this.childTransforms.map((item: ChildTransform) => item.toObject());
             }
             return data;
         }
@@ -723,12 +727,12 @@ export namespace common {
             const writer = w || new pb_1.BinaryWriter();
             if (this.id != 0)
                 writer.writeUint32(1, this.id);
-            if (this.graphic_type.length)
-                writer.writeString(2, this.graphic_type);
+            if (this.graphicType.length)
+                writer.writeString(2, this.graphicType);
             if (this.has_transform)
                 writer.writeMessage(3, this.transform, () => this.transform.serialize(writer));
-            if (this.children_transform.length)
-                writer.writeRepeatedMessage(4, this.children_transform, (item: ChildTransform) => item.serialize(writer));
+            if (this.childTransforms.length)
+                writer.writeRepeatedMessage(4, this.childTransforms, (item: ChildTransform) => item.serialize(writer));
             if (!w)
                 return writer.getResultBuffer();
         }
@@ -742,13 +746,13 @@ export namespace common {
                         message.id = reader.readUint32();
                         break;
                     case 2:
-                        message.graphic_type = reader.readString();
+                        message.graphicType = reader.readString();
                         break;
                     case 3:
                         reader.readMessage(message.transform, () => message.transform = Transform.deserialize(reader));
                         break;
                     case 4:
-                        reader.readMessage(message.children_transform, () => pb_1.Message.addToRepeatedWrapperField(message, 4, ChildTransform.deserialize(reader), ChildTransform));
+                        reader.readMessage(message.childTransforms, () => pb_1.Message.addToRepeatedWrapperField(message, 4, ChildTransform.deserialize(reader), ChildTransform));
                         break;
                     default: reader.skipField();
                 }
diff --git a/src/protos/iscs_graphic_data.ts b/src/protos/iscs_graphic_data.ts
index a3a858b..e5c9796 100644
--- a/src/protos/iscs_graphic_data.ts
+++ b/src/protos/iscs_graphic_data.ts
@@ -3,705 +3,118 @@
  * compiler version: 5.27.4
  * source: iscs_graphic_data.proto
  * git: https://github.com/thesayyn/protoc-gen-ts */
+import * as dependency_1 from "./common";
 import * as pb_1 from "google-protobuf";
 export namespace iscsGraphicData {
-    export class Canvas extends pb_1.Message {
+    export class IscsGraphicStorage extends pb_1.Message {
         #one_of_decls: number[][] = [];
         constructor(data?: any[] | {
-            width?: number;
-            height?: number;
-            backgroundColor?: string;
-            viewportTransform?: Transform;
-            gridBackground?: Grid;
+            canvas?: dependency_1.common.Canvas;
+            arrows?: Arrow[];
+            iscsTexts?: IscsText[];
+            rects?: Rect[];
+            cctvButtons?: CCTVButton[];
         }) {
             super();
-            pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
+            pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [2, 3, 4, 5], this.#one_of_decls);
             if (!Array.isArray(data) && typeof data == "object") {
-                if ("width" in data && data.width != undefined) {
-                    this.width = data.width;
+                if ("canvas" in data && data.canvas != undefined) {
+                    this.canvas = data.canvas;
                 }
-                if ("height" in data && data.height != undefined) {
-                    this.height = data.height;
+                if ("arrows" in data && data.arrows != undefined) {
+                    this.arrows = data.arrows;
                 }
-                if ("backgroundColor" in data && data.backgroundColor != undefined) {
-                    this.backgroundColor = data.backgroundColor;
+                if ("iscsTexts" in data && data.iscsTexts != undefined) {
+                    this.iscsTexts = data.iscsTexts;
                 }
-                if ("viewportTransform" in data && data.viewportTransform != undefined) {
-                    this.viewportTransform = data.viewportTransform;
+                if ("rects" in data && data.rects != undefined) {
+                    this.rects = data.rects;
                 }
-                if ("gridBackground" in data && data.gridBackground != undefined) {
-                    this.gridBackground = data.gridBackground;
+                if ("cctvButtons" in data && data.cctvButtons != undefined) {
+                    this.cctvButtons = data.cctvButtons;
                 }
             }
         }
-        get width() {
-            return pb_1.Message.getFieldWithDefault(this, 1, 0) as number;
+        get canvas() {
+            return pb_1.Message.getWrapperField(this, dependency_1.common.Canvas, 1) as dependency_1.common.Canvas;
         }
-        set width(value: number) {
-            pb_1.Message.setField(this, 1, value);
-        }
-        get height() {
-            return pb_1.Message.getFieldWithDefault(this, 2, 0) as number;
-        }
-        set height(value: number) {
-            pb_1.Message.setField(this, 2, value);
-        }
-        get backgroundColor() {
-            return pb_1.Message.getFieldWithDefault(this, 3, "") as string;
-        }
-        set backgroundColor(value: string) {
-            pb_1.Message.setField(this, 3, value);
-        }
-        get viewportTransform() {
-            return pb_1.Message.getWrapperField(this, Transform, 4) as Transform;
-        }
-        set viewportTransform(value: Transform) {
-            pb_1.Message.setWrapperField(this, 4, value);
-        }
-        get has_viewportTransform() {
-            return pb_1.Message.getField(this, 4) != null;
-        }
-        get gridBackground() {
-            return pb_1.Message.getWrapperField(this, Grid, 5) as Grid;
-        }
-        set gridBackground(value: Grid) {
-            pb_1.Message.setWrapperField(this, 5, value);
-        }
-        get has_gridBackground() {
-            return pb_1.Message.getField(this, 5) != null;
-        }
-        static fromObject(data: {
-            width?: number;
-            height?: number;
-            backgroundColor?: string;
-            viewportTransform?: ReturnType<typeof Transform.prototype.toObject>;
-            gridBackground?: ReturnType<typeof Grid.prototype.toObject>;
-        }): Canvas {
-            const message = new Canvas({});
-            if (data.width != null) {
-                message.width = data.width;
-            }
-            if (data.height != null) {
-                message.height = data.height;
-            }
-            if (data.backgroundColor != null) {
-                message.backgroundColor = data.backgroundColor;
-            }
-            if (data.viewportTransform != null) {
-                message.viewportTransform = Transform.fromObject(data.viewportTransform);
-            }
-            if (data.gridBackground != null) {
-                message.gridBackground = Grid.fromObject(data.gridBackground);
-            }
-            return message;
-        }
-        toObject() {
-            const data: {
-                width?: number;
-                height?: number;
-                backgroundColor?: string;
-                viewportTransform?: ReturnType<typeof Transform.prototype.toObject>;
-                gridBackground?: ReturnType<typeof Grid.prototype.toObject>;
-            } = {};
-            if (this.width != null) {
-                data.width = this.width;
-            }
-            if (this.height != null) {
-                data.height = this.height;
-            }
-            if (this.backgroundColor != null) {
-                data.backgroundColor = this.backgroundColor;
-            }
-            if (this.viewportTransform != null) {
-                data.viewportTransform = this.viewportTransform.toObject();
-            }
-            if (this.gridBackground != null) {
-                data.gridBackground = this.gridBackground.toObject();
-            }
-            return data;
-        }
-        serialize(): Uint8Array;
-        serialize(w: pb_1.BinaryWriter): void;
-        serialize(w?: pb_1.BinaryWriter): Uint8Array | void {
-            const writer = w || new pb_1.BinaryWriter();
-            if (this.width != 0)
-                writer.writeInt32(1, this.width);
-            if (this.height != 0)
-                writer.writeInt32(2, this.height);
-            if (this.backgroundColor.length)
-                writer.writeString(3, this.backgroundColor);
-            if (this.has_viewportTransform)
-                writer.writeMessage(4, this.viewportTransform, () => this.viewportTransform.serialize(writer));
-            if (this.has_gridBackground)
-                writer.writeMessage(5, this.gridBackground, () => this.gridBackground.serialize(writer));
-            if (!w)
-                return writer.getResultBuffer();
-        }
-        static deserialize(bytes: Uint8Array | pb_1.BinaryReader): Canvas {
-            const reader = bytes instanceof pb_1.BinaryReader ? bytes : new pb_1.BinaryReader(bytes), message = new Canvas();
-            while (reader.nextField()) {
-                if (reader.isEndGroup())
-                    break;
-                switch (reader.getFieldNumber()) {
-                    case 1:
-                        message.width = reader.readInt32();
-                        break;
-                    case 2:
-                        message.height = reader.readInt32();
-                        break;
-                    case 3:
-                        message.backgroundColor = reader.readString();
-                        break;
-                    case 4:
-                        reader.readMessage(message.viewportTransform, () => message.viewportTransform = Transform.deserialize(reader));
-                        break;
-                    case 5:
-                        reader.readMessage(message.gridBackground, () => message.gridBackground = Grid.deserialize(reader));
-                        break;
-                    default: reader.skipField();
-                }
-            }
-            return message;
-        }
-        serializeBinary(): Uint8Array {
-            return this.serialize();
-        }
-        static deserializeBinary(bytes: Uint8Array): Canvas {
-            return Canvas.deserialize(bytes);
-        }
-    }
-    export class Grid extends pb_1.Message {
-        #one_of_decls: number[][] = [];
-        constructor(data?: any[] | {
-            hasGrid?: boolean;
-            lineColor?: string;
-            space?: number;
-        }) {
-            super();
-            pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
-            if (!Array.isArray(data) && typeof data == "object") {
-                if ("hasGrid" in data && data.hasGrid != undefined) {
-                    this.hasGrid = data.hasGrid;
-                }
-                if ("lineColor" in data && data.lineColor != undefined) {
-                    this.lineColor = data.lineColor;
-                }
-                if ("space" in data && data.space != undefined) {
-                    this.space = data.space;
-                }
-            }
-        }
-        get hasGrid() {
-            return pb_1.Message.getFieldWithDefault(this, 1, false) as boolean;
-        }
-        set hasGrid(value: boolean) {
-            pb_1.Message.setField(this, 1, value);
-        }
-        get lineColor() {
-            return pb_1.Message.getFieldWithDefault(this, 2, "") as string;
-        }
-        set lineColor(value: string) {
-            pb_1.Message.setField(this, 2, value);
-        }
-        get space() {
-            return pb_1.Message.getFieldWithDefault(this, 3, 0) as number;
-        }
-        set space(value: number) {
-            pb_1.Message.setField(this, 3, value);
-        }
-        static fromObject(data: {
-            hasGrid?: boolean;
-            lineColor?: string;
-            space?: number;
-        }): Grid {
-            const message = new Grid({});
-            if (data.hasGrid != null) {
-                message.hasGrid = data.hasGrid;
-            }
-            if (data.lineColor != null) {
-                message.lineColor = data.lineColor;
-            }
-            if (data.space != null) {
-                message.space = data.space;
-            }
-            return message;
-        }
-        toObject() {
-            const data: {
-                hasGrid?: boolean;
-                lineColor?: string;
-                space?: number;
-            } = {};
-            if (this.hasGrid != null) {
-                data.hasGrid = this.hasGrid;
-            }
-            if (this.lineColor != null) {
-                data.lineColor = this.lineColor;
-            }
-            if (this.space != null) {
-                data.space = this.space;
-            }
-            return data;
-        }
-        serialize(): Uint8Array;
-        serialize(w: pb_1.BinaryWriter): void;
-        serialize(w?: pb_1.BinaryWriter): Uint8Array | void {
-            const writer = w || new pb_1.BinaryWriter();
-            if (this.hasGrid != false)
-                writer.writeBool(1, this.hasGrid);
-            if (this.lineColor.length)
-                writer.writeString(2, this.lineColor);
-            if (this.space != 0)
-                writer.writeInt32(3, this.space);
-            if (!w)
-                return writer.getResultBuffer();
-        }
-        static deserialize(bytes: Uint8Array | pb_1.BinaryReader): Grid {
-            const reader = bytes instanceof pb_1.BinaryReader ? bytes : new pb_1.BinaryReader(bytes), message = new Grid();
-            while (reader.nextField()) {
-                if (reader.isEndGroup())
-                    break;
-                switch (reader.getFieldNumber()) {
-                    case 1:
-                        message.hasGrid = reader.readBool();
-                        break;
-                    case 2:
-                        message.lineColor = reader.readString();
-                        break;
-                    case 3:
-                        message.space = reader.readInt32();
-                        break;
-                    default: reader.skipField();
-                }
-            }
-            return message;
-        }
-        serializeBinary(): Uint8Array {
-            return this.serialize();
-        }
-        static deserializeBinary(bytes: Uint8Array): Grid {
-            return Grid.deserialize(bytes);
-        }
-    }
-    export class Point extends pb_1.Message {
-        #one_of_decls: number[][] = [];
-        constructor(data?: any[] | {
-            x?: number;
-            y?: number;
-        }) {
-            super();
-            pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
-            if (!Array.isArray(data) && typeof data == "object") {
-                if ("x" in data && data.x != undefined) {
-                    this.x = data.x;
-                }
-                if ("y" in data && data.y != undefined) {
-                    this.y = data.y;
-                }
-            }
-        }
-        get x() {
-            return pb_1.Message.getFieldWithDefault(this, 1, 0) as number;
-        }
-        set x(value: number) {
-            pb_1.Message.setField(this, 1, value);
-        }
-        get y() {
-            return pb_1.Message.getFieldWithDefault(this, 2, 0) as number;
-        }
-        set y(value: number) {
-            pb_1.Message.setField(this, 2, value);
-        }
-        static fromObject(data: {
-            x?: number;
-            y?: number;
-        }): Point {
-            const message = new Point({});
-            if (data.x != null) {
-                message.x = data.x;
-            }
-            if (data.y != null) {
-                message.y = data.y;
-            }
-            return message;
-        }
-        toObject() {
-            const data: {
-                x?: number;
-                y?: number;
-            } = {};
-            if (this.x != null) {
-                data.x = this.x;
-            }
-            if (this.y != null) {
-                data.y = this.y;
-            }
-            return data;
-        }
-        serialize(): Uint8Array;
-        serialize(w: pb_1.BinaryWriter): void;
-        serialize(w?: pb_1.BinaryWriter): Uint8Array | void {
-            const writer = w || new pb_1.BinaryWriter();
-            if (this.x != 0)
-                writer.writeFloat(1, this.x);
-            if (this.y != 0)
-                writer.writeFloat(2, this.y);
-            if (!w)
-                return writer.getResultBuffer();
-        }
-        static deserialize(bytes: Uint8Array | pb_1.BinaryReader): Point {
-            const reader = bytes instanceof pb_1.BinaryReader ? bytes : new pb_1.BinaryReader(bytes), message = new Point();
-            while (reader.nextField()) {
-                if (reader.isEndGroup())
-                    break;
-                switch (reader.getFieldNumber()) {
-                    case 1:
-                        message.x = reader.readFloat();
-                        break;
-                    case 2:
-                        message.y = reader.readFloat();
-                        break;
-                    default: reader.skipField();
-                }
-            }
-            return message;
-        }
-        serializeBinary(): Uint8Array {
-            return this.serialize();
-        }
-        static deserializeBinary(bytes: Uint8Array): Point {
-            return Point.deserialize(bytes);
-        }
-    }
-    export class Transform extends pb_1.Message {
-        #one_of_decls: number[][] = [];
-        constructor(data?: any[] | {
-            position?: Point;
-            scale?: Point;
-            rotation?: number;
-            skew?: Point;
-        }) {
-            super();
-            pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
-            if (!Array.isArray(data) && typeof data == "object") {
-                if ("position" in data && data.position != undefined) {
-                    this.position = data.position;
-                }
-                if ("scale" in data && data.scale != undefined) {
-                    this.scale = data.scale;
-                }
-                if ("rotation" in data && data.rotation != undefined) {
-                    this.rotation = data.rotation;
-                }
-                if ("skew" in data && data.skew != undefined) {
-                    this.skew = data.skew;
-                }
-            }
-        }
-        get position() {
-            return pb_1.Message.getWrapperField(this, Point, 1) as Point;
-        }
-        set position(value: Point) {
+        set canvas(value: dependency_1.common.Canvas) {
             pb_1.Message.setWrapperField(this, 1, value);
         }
-        get has_position() {
+        get has_canvas() {
             return pb_1.Message.getField(this, 1) != null;
         }
-        get scale() {
-            return pb_1.Message.getWrapperField(this, Point, 2) as Point;
+        get arrows() {
+            return pb_1.Message.getRepeatedWrapperField(this, Arrow, 2) as Arrow[];
         }
-        set scale(value: Point) {
-            pb_1.Message.setWrapperField(this, 2, value);
+        set arrows(value: Arrow[]) {
+            pb_1.Message.setRepeatedWrapperField(this, 2, value);
         }
-        get has_scale() {
-            return pb_1.Message.getField(this, 2) != null;
+        get iscsTexts() {
+            return pb_1.Message.getRepeatedWrapperField(this, IscsText, 3) as IscsText[];
         }
-        get rotation() {
-            return pb_1.Message.getFieldWithDefault(this, 3, 0) as number;
+        set iscsTexts(value: IscsText[]) {
+            pb_1.Message.setRepeatedWrapperField(this, 3, value);
         }
-        set rotation(value: number) {
-            pb_1.Message.setField(this, 3, value);
+        get rects() {
+            return pb_1.Message.getRepeatedWrapperField(this, Rect, 4) as Rect[];
         }
-        get skew() {
-            return pb_1.Message.getWrapperField(this, Point, 4) as Point;
-        }
-        set skew(value: Point) {
-            pb_1.Message.setWrapperField(this, 4, value);
-        }
-        get has_skew() {
-            return pb_1.Message.getField(this, 4) != null;
-        }
-        static fromObject(data: {
-            position?: ReturnType<typeof Point.prototype.toObject>;
-            scale?: ReturnType<typeof Point.prototype.toObject>;
-            rotation?: number;
-            skew?: ReturnType<typeof Point.prototype.toObject>;
-        }): Transform {
-            const message = new Transform({});
-            if (data.position != null) {
-                message.position = Point.fromObject(data.position);
-            }
-            if (data.scale != null) {
-                message.scale = Point.fromObject(data.scale);
-            }
-            if (data.rotation != null) {
-                message.rotation = data.rotation;
-            }
-            if (data.skew != null) {
-                message.skew = Point.fromObject(data.skew);
-            }
-            return message;
-        }
-        toObject() {
-            const data: {
-                position?: ReturnType<typeof Point.prototype.toObject>;
-                scale?: ReturnType<typeof Point.prototype.toObject>;
-                rotation?: number;
-                skew?: ReturnType<typeof Point.prototype.toObject>;
-            } = {};
-            if (this.position != null) {
-                data.position = this.position.toObject();
-            }
-            if (this.scale != null) {
-                data.scale = this.scale.toObject();
-            }
-            if (this.rotation != null) {
-                data.rotation = this.rotation;
-            }
-            if (this.skew != null) {
-                data.skew = this.skew.toObject();
-            }
-            return data;
-        }
-        serialize(): Uint8Array;
-        serialize(w: pb_1.BinaryWriter): void;
-        serialize(w?: pb_1.BinaryWriter): Uint8Array | void {
-            const writer = w || new pb_1.BinaryWriter();
-            if (this.has_position)
-                writer.writeMessage(1, this.position, () => this.position.serialize(writer));
-            if (this.has_scale)
-                writer.writeMessage(2, this.scale, () => this.scale.serialize(writer));
-            if (this.rotation != 0)
-                writer.writeFloat(3, this.rotation);
-            if (this.has_skew)
-                writer.writeMessage(4, this.skew, () => this.skew.serialize(writer));
-            if (!w)
-                return writer.getResultBuffer();
-        }
-        static deserialize(bytes: Uint8Array | pb_1.BinaryReader): Transform {
-            const reader = bytes instanceof pb_1.BinaryReader ? bytes : new pb_1.BinaryReader(bytes), message = new Transform();
-            while (reader.nextField()) {
-                if (reader.isEndGroup())
-                    break;
-                switch (reader.getFieldNumber()) {
-                    case 1:
-                        reader.readMessage(message.position, () => message.position = Point.deserialize(reader));
-                        break;
-                    case 2:
-                        reader.readMessage(message.scale, () => message.scale = Point.deserialize(reader));
-                        break;
-                    case 3:
-                        message.rotation = reader.readFloat();
-                        break;
-                    case 4:
-                        reader.readMessage(message.skew, () => message.skew = Point.deserialize(reader));
-                        break;
-                    default: reader.skipField();
-                }
-            }
-            return message;
-        }
-        serializeBinary(): Uint8Array {
-            return this.serialize();
-        }
-        static deserializeBinary(bytes: Uint8Array): Transform {
-            return Transform.deserialize(bytes);
-        }
-    }
-    export class ChildTransform extends pb_1.Message {
-        #one_of_decls: number[][] = [];
-        constructor(data?: any[] | {
-            name?: string;
-            transform?: Transform;
-        }) {
-            super();
-            pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
-            if (!Array.isArray(data) && typeof data == "object") {
-                if ("name" in data && data.name != undefined) {
-                    this.name = data.name;
-                }
-                if ("transform" in data && data.transform != undefined) {
-                    this.transform = data.transform;
-                }
-            }
-        }
-        get name() {
-            return pb_1.Message.getFieldWithDefault(this, 1, "") as string;
-        }
-        set name(value: string) {
-            pb_1.Message.setField(this, 1, value);
-        }
-        get transform() {
-            return pb_1.Message.getWrapperField(this, Transform, 2) as Transform;
-        }
-        set transform(value: Transform) {
-            pb_1.Message.setWrapperField(this, 2, value);
-        }
-        get has_transform() {
-            return pb_1.Message.getField(this, 2) != null;
-        }
-        static fromObject(data: {
-            name?: string;
-            transform?: ReturnType<typeof Transform.prototype.toObject>;
-        }): ChildTransform {
-            const message = new ChildTransform({});
-            if (data.name != null) {
-                message.name = data.name;
-            }
-            if (data.transform != null) {
-                message.transform = Transform.fromObject(data.transform);
-            }
-            return message;
-        }
-        toObject() {
-            const data: {
-                name?: string;
-                transform?: ReturnType<typeof Transform.prototype.toObject>;
-            } = {};
-            if (this.name != null) {
-                data.name = this.name;
-            }
-            if (this.transform != null) {
-                data.transform = this.transform.toObject();
-            }
-            return data;
-        }
-        serialize(): Uint8Array;
-        serialize(w: pb_1.BinaryWriter): void;
-        serialize(w?: pb_1.BinaryWriter): Uint8Array | void {
-            const writer = w || new pb_1.BinaryWriter();
-            if (this.name.length)
-                writer.writeString(1, this.name);
-            if (this.has_transform)
-                writer.writeMessage(2, this.transform, () => this.transform.serialize(writer));
-            if (!w)
-                return writer.getResultBuffer();
-        }
-        static deserialize(bytes: Uint8Array | pb_1.BinaryReader): ChildTransform {
-            const reader = bytes instanceof pb_1.BinaryReader ? bytes : new pb_1.BinaryReader(bytes), message = new ChildTransform();
-            while (reader.nextField()) {
-                if (reader.isEndGroup())
-                    break;
-                switch (reader.getFieldNumber()) {
-                    case 1:
-                        message.name = reader.readString();
-                        break;
-                    case 2:
-                        reader.readMessage(message.transform, () => message.transform = Transform.deserialize(reader));
-                        break;
-                    default: reader.skipField();
-                }
-            }
-            return message;
-        }
-        serializeBinary(): Uint8Array {
-            return this.serialize();
-        }
-        static deserializeBinary(bytes: Uint8Array): ChildTransform {
-            return ChildTransform.deserialize(bytes);
-        }
-    }
-    export class CommonInfo extends pb_1.Message {
-        #one_of_decls: number[][] = [];
-        constructor(data?: any[] | {
-            graphicType?: string;
-            transform?: Transform;
-            childTransforms?: ChildTransform[];
-            id?: number;
-        }) {
-            super();
-            pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [4], this.#one_of_decls);
-            if (!Array.isArray(data) && typeof data == "object") {
-                if ("graphicType" in data && data.graphicType != undefined) {
-                    this.graphicType = data.graphicType;
-                }
-                if ("transform" in data && data.transform != undefined) {
-                    this.transform = data.transform;
-                }
-                if ("childTransforms" in data && data.childTransforms != undefined) {
-                    this.childTransforms = data.childTransforms;
-                }
-                if ("id" in data && data.id != undefined) {
-                    this.id = data.id;
-                }
-            }
-        }
-        get graphicType() {
-            return pb_1.Message.getFieldWithDefault(this, 2, "") as string;
-        }
-        set graphicType(value: string) {
-            pb_1.Message.setField(this, 2, value);
-        }
-        get transform() {
-            return pb_1.Message.getWrapperField(this, Transform, 3) as Transform;
-        }
-        set transform(value: Transform) {
-            pb_1.Message.setWrapperField(this, 3, value);
-        }
-        get has_transform() {
-            return pb_1.Message.getField(this, 3) != null;
-        }
-        get childTransforms() {
-            return pb_1.Message.getRepeatedWrapperField(this, ChildTransform, 4) as ChildTransform[];
-        }
-        set childTransforms(value: ChildTransform[]) {
+        set rects(value: Rect[]) {
             pb_1.Message.setRepeatedWrapperField(this, 4, value);
         }
-        get id() {
-            return pb_1.Message.getFieldWithDefault(this, 5, 0) as number;
+        get cctvButtons() {
+            return pb_1.Message.getRepeatedWrapperField(this, CCTVButton, 5) as CCTVButton[];
         }
-        set id(value: number) {
-            pb_1.Message.setField(this, 5, value);
+        set cctvButtons(value: CCTVButton[]) {
+            pb_1.Message.setRepeatedWrapperField(this, 5, value);
         }
         static fromObject(data: {
-            graphicType?: string;
-            transform?: ReturnType<typeof Transform.prototype.toObject>;
-            childTransforms?: ReturnType<typeof ChildTransform.prototype.toObject>[];
-            id?: number;
-        }): CommonInfo {
-            const message = new CommonInfo({});
-            if (data.graphicType != null) {
-                message.graphicType = data.graphicType;
+            canvas?: ReturnType<typeof dependency_1.common.Canvas.prototype.toObject>;
+            arrows?: ReturnType<typeof Arrow.prototype.toObject>[];
+            iscsTexts?: ReturnType<typeof IscsText.prototype.toObject>[];
+            rects?: ReturnType<typeof Rect.prototype.toObject>[];
+            cctvButtons?: ReturnType<typeof CCTVButton.prototype.toObject>[];
+        }): IscsGraphicStorage {
+            const message = new IscsGraphicStorage({});
+            if (data.canvas != null) {
+                message.canvas = dependency_1.common.Canvas.fromObject(data.canvas);
             }
-            if (data.transform != null) {
-                message.transform = Transform.fromObject(data.transform);
+            if (data.arrows != null) {
+                message.arrows = data.arrows.map(item => Arrow.fromObject(item));
             }
-            if (data.childTransforms != null) {
-                message.childTransforms = data.childTransforms.map(item => ChildTransform.fromObject(item));
+            if (data.iscsTexts != null) {
+                message.iscsTexts = data.iscsTexts.map(item => IscsText.fromObject(item));
             }
-            if (data.id != null) {
-                message.id = data.id;
+            if (data.rects != null) {
+                message.rects = data.rects.map(item => Rect.fromObject(item));
+            }
+            if (data.cctvButtons != null) {
+                message.cctvButtons = data.cctvButtons.map(item => CCTVButton.fromObject(item));
             }
             return message;
         }
         toObject() {
             const data: {
-                graphicType?: string;
-                transform?: ReturnType<typeof Transform.prototype.toObject>;
-                childTransforms?: ReturnType<typeof ChildTransform.prototype.toObject>[];
-                id?: number;
+                canvas?: ReturnType<typeof dependency_1.common.Canvas.prototype.toObject>;
+                arrows?: ReturnType<typeof Arrow.prototype.toObject>[];
+                iscsTexts?: ReturnType<typeof IscsText.prototype.toObject>[];
+                rects?: ReturnType<typeof Rect.prototype.toObject>[];
+                cctvButtons?: ReturnType<typeof CCTVButton.prototype.toObject>[];
             } = {};
-            if (this.graphicType != null) {
-                data.graphicType = this.graphicType;
+            if (this.canvas != null) {
+                data.canvas = this.canvas.toObject();
             }
-            if (this.transform != null) {
-                data.transform = this.transform.toObject();
+            if (this.arrows != null) {
+                data.arrows = this.arrows.map((item: Arrow) => item.toObject());
             }
-            if (this.childTransforms != null) {
-                data.childTransforms = this.childTransforms.map((item: ChildTransform) => item.toObject());
+            if (this.iscsTexts != null) {
+                data.iscsTexts = this.iscsTexts.map((item: IscsText) => item.toObject());
             }
-            if (this.id != null) {
-                data.id = this.id;
+            if (this.rects != null) {
+                data.rects = this.rects.map((item: Rect) => item.toObject());
+            }
+            if (this.cctvButtons != null) {
+                data.cctvButtons = this.cctvButtons.map((item: CCTVButton) => item.toObject());
             }
             return data;
         }
@@ -709,34 +122,39 @@ export namespace iscsGraphicData {
         serialize(w: pb_1.BinaryWriter): void;
         serialize(w?: pb_1.BinaryWriter): Uint8Array | void {
             const writer = w || new pb_1.BinaryWriter();
-            if (this.graphicType.length)
-                writer.writeString(2, this.graphicType);
-            if (this.has_transform)
-                writer.writeMessage(3, this.transform, () => this.transform.serialize(writer));
-            if (this.childTransforms.length)
-                writer.writeRepeatedMessage(4, this.childTransforms, (item: ChildTransform) => item.serialize(writer));
-            if (this.id != 0)
-                writer.writeUint32(5, this.id);
+            if (this.has_canvas)
+                writer.writeMessage(1, this.canvas, () => this.canvas.serialize(writer));
+            if (this.arrows.length)
+                writer.writeRepeatedMessage(2, this.arrows, (item: Arrow) => item.serialize(writer));
+            if (this.iscsTexts.length)
+                writer.writeRepeatedMessage(3, this.iscsTexts, (item: IscsText) => item.serialize(writer));
+            if (this.rects.length)
+                writer.writeRepeatedMessage(4, this.rects, (item: Rect) => item.serialize(writer));
+            if (this.cctvButtons.length)
+                writer.writeRepeatedMessage(5, this.cctvButtons, (item: CCTVButton) => item.serialize(writer));
             if (!w)
                 return writer.getResultBuffer();
         }
-        static deserialize(bytes: Uint8Array | pb_1.BinaryReader): CommonInfo {
-            const reader = bytes instanceof pb_1.BinaryReader ? bytes : new pb_1.BinaryReader(bytes), message = new CommonInfo();
+        static deserialize(bytes: Uint8Array | pb_1.BinaryReader): IscsGraphicStorage {
+            const reader = bytes instanceof pb_1.BinaryReader ? bytes : new pb_1.BinaryReader(bytes), message = new IscsGraphicStorage();
             while (reader.nextField()) {
                 if (reader.isEndGroup())
                     break;
                 switch (reader.getFieldNumber()) {
+                    case 1:
+                        reader.readMessage(message.canvas, () => message.canvas = dependency_1.common.Canvas.deserialize(reader));
+                        break;
                     case 2:
-                        message.graphicType = reader.readString();
+                        reader.readMessage(message.arrows, () => pb_1.Message.addToRepeatedWrapperField(message, 2, Arrow.deserialize(reader), Arrow));
                         break;
                     case 3:
-                        reader.readMessage(message.transform, () => message.transform = Transform.deserialize(reader));
+                        reader.readMessage(message.iscsTexts, () => pb_1.Message.addToRepeatedWrapperField(message, 3, IscsText.deserialize(reader), IscsText));
                         break;
                     case 4:
-                        reader.readMessage(message.childTransforms, () => pb_1.Message.addToRepeatedWrapperField(message, 4, ChildTransform.deserialize(reader), ChildTransform));
+                        reader.readMessage(message.rects, () => pb_1.Message.addToRepeatedWrapperField(message, 4, Rect.deserialize(reader), Rect));
                         break;
                     case 5:
-                        message.id = reader.readUint32();
+                        reader.readMessage(message.cctvButtons, () => pb_1.Message.addToRepeatedWrapperField(message, 5, CCTVButton.deserialize(reader), CCTVButton));
                         break;
                     default: reader.skipField();
                 }
@@ -746,8 +164,8 @@ export namespace iscsGraphicData {
         serializeBinary(): Uint8Array {
             return this.serialize();
         }
-        static deserializeBinary(bytes: Uint8Array): CommonInfo {
-            return CommonInfo.deserialize(bytes);
+        static deserializeBinary(bytes: Uint8Array): IscsGraphicStorage {
+            return IscsGraphicStorage.deserialize(bytes);
         }
     }
     export class UniqueIdOfStationLayout extends pb_1.Message {
@@ -866,9 +284,9 @@ export namespace iscsGraphicData {
     export class Arrow extends pb_1.Message {
         #one_of_decls: number[][] = [];
         constructor(data?: any[] | {
-            common?: CommonInfo;
+            common?: dependency_1.common.CommonInfo;
             code?: string;
-            points?: Point[];
+            points?: dependency_1.common.Point[];
         }) {
             super();
             pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [3], this.#one_of_decls);
@@ -885,9 +303,9 @@ export namespace iscsGraphicData {
             }
         }
         get common() {
-            return pb_1.Message.getWrapperField(this, CommonInfo, 1) as CommonInfo;
+            return pb_1.Message.getWrapperField(this, dependency_1.common.CommonInfo, 1) as dependency_1.common.CommonInfo;
         }
-        set common(value: CommonInfo) {
+        set common(value: dependency_1.common.CommonInfo) {
             pb_1.Message.setWrapperField(this, 1, value);
         }
         get has_common() {
@@ -900,33 +318,33 @@ export namespace iscsGraphicData {
             pb_1.Message.setField(this, 2, value);
         }
         get points() {
-            return pb_1.Message.getRepeatedWrapperField(this, Point, 3) as Point[];
+            return pb_1.Message.getRepeatedWrapperField(this, dependency_1.common.Point, 3) as dependency_1.common.Point[];
         }
-        set points(value: Point[]) {
+        set points(value: dependency_1.common.Point[]) {
             pb_1.Message.setRepeatedWrapperField(this, 3, value);
         }
         static fromObject(data: {
-            common?: ReturnType<typeof CommonInfo.prototype.toObject>;
+            common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
             code?: string;
-            points?: ReturnType<typeof Point.prototype.toObject>[];
+            points?: ReturnType<typeof dependency_1.common.Point.prototype.toObject>[];
         }): Arrow {
             const message = new Arrow({});
             if (data.common != null) {
-                message.common = CommonInfo.fromObject(data.common);
+                message.common = dependency_1.common.CommonInfo.fromObject(data.common);
             }
             if (data.code != null) {
                 message.code = data.code;
             }
             if (data.points != null) {
-                message.points = data.points.map(item => Point.fromObject(item));
+                message.points = data.points.map(item => dependency_1.common.Point.fromObject(item));
             }
             return message;
         }
         toObject() {
             const data: {
-                common?: ReturnType<typeof CommonInfo.prototype.toObject>;
+                common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
                 code?: string;
-                points?: ReturnType<typeof Point.prototype.toObject>[];
+                points?: ReturnType<typeof dependency_1.common.Point.prototype.toObject>[];
             } = {};
             if (this.common != null) {
                 data.common = this.common.toObject();
@@ -935,7 +353,7 @@ export namespace iscsGraphicData {
                 data.code = this.code;
             }
             if (this.points != null) {
-                data.points = this.points.map((item: Point) => item.toObject());
+                data.points = this.points.map((item: dependency_1.common.Point) => item.toObject());
             }
             return data;
         }
@@ -948,7 +366,7 @@ export namespace iscsGraphicData {
             if (this.code.length)
                 writer.writeString(2, this.code);
             if (this.points.length)
-                writer.writeRepeatedMessage(3, this.points, (item: Point) => item.serialize(writer));
+                writer.writeRepeatedMessage(3, this.points, (item: dependency_1.common.Point) => item.serialize(writer));
             if (!w)
                 return writer.getResultBuffer();
         }
@@ -959,13 +377,13 @@ export namespace iscsGraphicData {
                     break;
                 switch (reader.getFieldNumber()) {
                     case 1:
-                        reader.readMessage(message.common, () => message.common = CommonInfo.deserialize(reader));
+                        reader.readMessage(message.common, () => message.common = dependency_1.common.CommonInfo.deserialize(reader));
                         break;
                     case 2:
                         message.code = reader.readString();
                         break;
                     case 3:
-                        reader.readMessage(message.points, () => pb_1.Message.addToRepeatedWrapperField(message, 3, Point.deserialize(reader), Point));
+                        reader.readMessage(message.points, () => pb_1.Message.addToRepeatedWrapperField(message, 3, dependency_1.common.Point.deserialize(reader), dependency_1.common.Point));
                         break;
                     default: reader.skipField();
                 }
@@ -982,7 +400,7 @@ export namespace iscsGraphicData {
     export class IscsText extends pb_1.Message {
         #one_of_decls: number[][] = [];
         constructor(data?: any[] | {
-            common?: CommonInfo;
+            common?: dependency_1.common.CommonInfo;
             code?: string;
             content?: string;
             color?: string;
@@ -1009,9 +427,9 @@ export namespace iscsGraphicData {
             }
         }
         get common() {
-            return pb_1.Message.getWrapperField(this, CommonInfo, 1) as CommonInfo;
+            return pb_1.Message.getWrapperField(this, dependency_1.common.CommonInfo, 1) as dependency_1.common.CommonInfo;
         }
-        set common(value: CommonInfo) {
+        set common(value: dependency_1.common.CommonInfo) {
             pb_1.Message.setWrapperField(this, 1, value);
         }
         get has_common() {
@@ -1042,7 +460,7 @@ export namespace iscsGraphicData {
             pb_1.Message.setField(this, 5, value);
         }
         static fromObject(data: {
-            common?: ReturnType<typeof CommonInfo.prototype.toObject>;
+            common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
             code?: string;
             content?: string;
             color?: string;
@@ -1050,7 +468,7 @@ export namespace iscsGraphicData {
         }): IscsText {
             const message = new IscsText({});
             if (data.common != null) {
-                message.common = CommonInfo.fromObject(data.common);
+                message.common = dependency_1.common.CommonInfo.fromObject(data.common);
             }
             if (data.code != null) {
                 message.code = data.code;
@@ -1068,7 +486,7 @@ export namespace iscsGraphicData {
         }
         toObject() {
             const data: {
-                common?: ReturnType<typeof CommonInfo.prototype.toObject>;
+                common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
                 code?: string;
                 content?: string;
                 color?: string;
@@ -1115,7 +533,7 @@ export namespace iscsGraphicData {
                     break;
                 switch (reader.getFieldNumber()) {
                     case 1:
-                        reader.readMessage(message.common, () => message.common = CommonInfo.deserialize(reader));
+                        reader.readMessage(message.common, () => message.common = dependency_1.common.CommonInfo.deserialize(reader));
                         break;
                     case 2:
                         message.code = reader.readString();
@@ -1144,14 +562,14 @@ export namespace iscsGraphicData {
     export class Rect extends pb_1.Message {
         #one_of_decls: number[][] = [];
         constructor(data?: any[] | {
-            common?: CommonInfo;
+            common?: dependency_1.common.CommonInfo;
             code?: string;
             lineWidth?: number;
             lineColor?: string;
             width?: number;
             height?: number;
             radius?: number;
-            point?: Point;
+            point?: dependency_1.common.Point;
         }) {
             super();
             pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
@@ -1183,9 +601,9 @@ export namespace iscsGraphicData {
             }
         }
         get common() {
-            return pb_1.Message.getWrapperField(this, CommonInfo, 1) as CommonInfo;
+            return pb_1.Message.getWrapperField(this, dependency_1.common.CommonInfo, 1) as dependency_1.common.CommonInfo;
         }
-        set common(value: CommonInfo) {
+        set common(value: dependency_1.common.CommonInfo) {
             pb_1.Message.setWrapperField(this, 1, value);
         }
         get has_common() {
@@ -1228,27 +646,27 @@ export namespace iscsGraphicData {
             pb_1.Message.setField(this, 7, value);
         }
         get point() {
-            return pb_1.Message.getWrapperField(this, Point, 8) as Point;
+            return pb_1.Message.getWrapperField(this, dependency_1.common.Point, 8) as dependency_1.common.Point;
         }
-        set point(value: Point) {
+        set point(value: dependency_1.common.Point) {
             pb_1.Message.setWrapperField(this, 8, value);
         }
         get has_point() {
             return pb_1.Message.getField(this, 8) != null;
         }
         static fromObject(data: {
-            common?: ReturnType<typeof CommonInfo.prototype.toObject>;
+            common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
             code?: string;
             lineWidth?: number;
             lineColor?: string;
             width?: number;
             height?: number;
             radius?: number;
-            point?: ReturnType<typeof Point.prototype.toObject>;
+            point?: ReturnType<typeof dependency_1.common.Point.prototype.toObject>;
         }): Rect {
             const message = new Rect({});
             if (data.common != null) {
-                message.common = CommonInfo.fromObject(data.common);
+                message.common = dependency_1.common.CommonInfo.fromObject(data.common);
             }
             if (data.code != null) {
                 message.code = data.code;
@@ -1269,20 +687,20 @@ export namespace iscsGraphicData {
                 message.radius = data.radius;
             }
             if (data.point != null) {
-                message.point = Point.fromObject(data.point);
+                message.point = dependency_1.common.Point.fromObject(data.point);
             }
             return message;
         }
         toObject() {
             const data: {
-                common?: ReturnType<typeof CommonInfo.prototype.toObject>;
+                common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
                 code?: string;
                 lineWidth?: number;
                 lineColor?: string;
                 width?: number;
                 height?: number;
                 radius?: number;
-                point?: ReturnType<typeof Point.prototype.toObject>;
+                point?: ReturnType<typeof dependency_1.common.Point.prototype.toObject>;
             } = {};
             if (this.common != null) {
                 data.common = this.common.toObject();
@@ -1340,7 +758,7 @@ export namespace iscsGraphicData {
                     break;
                 switch (reader.getFieldNumber()) {
                     case 1:
-                        reader.readMessage(message.common, () => message.common = CommonInfo.deserialize(reader));
+                        reader.readMessage(message.common, () => message.common = dependency_1.common.CommonInfo.deserialize(reader));
                         break;
                     case 2:
                         message.code = reader.readString();
@@ -1361,7 +779,7 @@ export namespace iscsGraphicData {
                         message.radius = reader.readInt32();
                         break;
                     case 8:
-                        reader.readMessage(message.point, () => message.point = Point.deserialize(reader));
+                        reader.readMessage(message.point, () => message.point = dependency_1.common.Point.deserialize(reader));
                         break;
                     default: reader.skipField();
                 }
@@ -1375,4 +793,592 @@ export namespace iscsGraphicData {
             return Rect.deserialize(bytes);
         }
     }
+    export class CCTVButton extends pb_1.Message {
+        #one_of_decls: number[][] = [];
+        constructor(data?: any[] | {
+            common?: dependency_1.common.CommonInfo;
+            code?: string;
+            buttonType?: CCTVButton.ButtonType;
+        }) {
+            super();
+            pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
+            if (!Array.isArray(data) && typeof data == "object") {
+                if ("common" in data && data.common != undefined) {
+                    this.common = data.common;
+                }
+                if ("code" in data && data.code != undefined) {
+                    this.code = data.code;
+                }
+                if ("buttonType" in data && data.buttonType != undefined) {
+                    this.buttonType = data.buttonType;
+                }
+            }
+        }
+        get common() {
+            return pb_1.Message.getWrapperField(this, dependency_1.common.CommonInfo, 1) as dependency_1.common.CommonInfo;
+        }
+        set common(value: dependency_1.common.CommonInfo) {
+            pb_1.Message.setWrapperField(this, 1, value);
+        }
+        get has_common() {
+            return pb_1.Message.getField(this, 1) != null;
+        }
+        get code() {
+            return pb_1.Message.getFieldWithDefault(this, 2, "") as string;
+        }
+        set code(value: string) {
+            pb_1.Message.setField(this, 2, value);
+        }
+        get buttonType() {
+            return pb_1.Message.getFieldWithDefault(this, 3, CCTVButton.ButtonType.rect) as CCTVButton.ButtonType;
+        }
+        set buttonType(value: CCTVButton.ButtonType) {
+            pb_1.Message.setField(this, 3, value);
+        }
+        static fromObject(data: {
+            common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
+            code?: string;
+            buttonType?: CCTVButton.ButtonType;
+        }): CCTVButton {
+            const message = new CCTVButton({});
+            if (data.common != null) {
+                message.common = dependency_1.common.CommonInfo.fromObject(data.common);
+            }
+            if (data.code != null) {
+                message.code = data.code;
+            }
+            if (data.buttonType != null) {
+                message.buttonType = data.buttonType;
+            }
+            return message;
+        }
+        toObject() {
+            const data: {
+                common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
+                code?: string;
+                buttonType?: CCTVButton.ButtonType;
+            } = {};
+            if (this.common != null) {
+                data.common = this.common.toObject();
+            }
+            if (this.code != null) {
+                data.code = this.code;
+            }
+            if (this.buttonType != null) {
+                data.buttonType = this.buttonType;
+            }
+            return data;
+        }
+        serialize(): Uint8Array;
+        serialize(w: pb_1.BinaryWriter): void;
+        serialize(w?: pb_1.BinaryWriter): Uint8Array | void {
+            const writer = w || new pb_1.BinaryWriter();
+            if (this.has_common)
+                writer.writeMessage(1, this.common, () => this.common.serialize(writer));
+            if (this.code.length)
+                writer.writeString(2, this.code);
+            if (this.buttonType != CCTVButton.ButtonType.rect)
+                writer.writeEnum(3, this.buttonType);
+            if (!w)
+                return writer.getResultBuffer();
+        }
+        static deserialize(bytes: Uint8Array | pb_1.BinaryReader): CCTVButton {
+            const reader = bytes instanceof pb_1.BinaryReader ? bytes : new pb_1.BinaryReader(bytes), message = new CCTVButton();
+            while (reader.nextField()) {
+                if (reader.isEndGroup())
+                    break;
+                switch (reader.getFieldNumber()) {
+                    case 1:
+                        reader.readMessage(message.common, () => message.common = dependency_1.common.CommonInfo.deserialize(reader));
+                        break;
+                    case 2:
+                        message.code = reader.readString();
+                        break;
+                    case 3:
+                        message.buttonType = reader.readEnum();
+                        break;
+                    default: reader.skipField();
+                }
+            }
+            return message;
+        }
+        serializeBinary(): Uint8Array {
+            return this.serialize();
+        }
+        static deserializeBinary(bytes: Uint8Array): CCTVButton {
+            return CCTVButton.deserialize(bytes);
+        }
+    }
+    export namespace CCTVButton {
+        export enum ButtonType {
+            rect = 0,
+            monitor = 1,
+            semicircle = 2
+        }
+    }
+    export class ManualAlarmButton extends pb_1.Message {
+        #one_of_decls: number[][] = [];
+        constructor(data?: any[] | {
+            common?: dependency_1.common.CommonInfo;
+            code?: string;
+        }) {
+            super();
+            pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
+            if (!Array.isArray(data) && typeof data == "object") {
+                if ("common" in data && data.common != undefined) {
+                    this.common = data.common;
+                }
+                if ("code" in data && data.code != undefined) {
+                    this.code = data.code;
+                }
+            }
+        }
+        get common() {
+            return pb_1.Message.getWrapperField(this, dependency_1.common.CommonInfo, 1) as dependency_1.common.CommonInfo;
+        }
+        set common(value: dependency_1.common.CommonInfo) {
+            pb_1.Message.setWrapperField(this, 1, value);
+        }
+        get has_common() {
+            return pb_1.Message.getField(this, 1) != null;
+        }
+        get code() {
+            return pb_1.Message.getFieldWithDefault(this, 2, "") as string;
+        }
+        set code(value: string) {
+            pb_1.Message.setField(this, 2, value);
+        }
+        static fromObject(data: {
+            common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
+            code?: string;
+        }): ManualAlarmButton {
+            const message = new ManualAlarmButton({});
+            if (data.common != null) {
+                message.common = dependency_1.common.CommonInfo.fromObject(data.common);
+            }
+            if (data.code != null) {
+                message.code = data.code;
+            }
+            return message;
+        }
+        toObject() {
+            const data: {
+                common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
+                code?: string;
+            } = {};
+            if (this.common != null) {
+                data.common = this.common.toObject();
+            }
+            if (this.code != null) {
+                data.code = this.code;
+            }
+            return data;
+        }
+        serialize(): Uint8Array;
+        serialize(w: pb_1.BinaryWriter): void;
+        serialize(w?: pb_1.BinaryWriter): Uint8Array | void {
+            const writer = w || new pb_1.BinaryWriter();
+            if (this.has_common)
+                writer.writeMessage(1, this.common, () => this.common.serialize(writer));
+            if (this.code.length)
+                writer.writeString(2, this.code);
+            if (!w)
+                return writer.getResultBuffer();
+        }
+        static deserialize(bytes: Uint8Array | pb_1.BinaryReader): ManualAlarmButton {
+            const reader = bytes instanceof pb_1.BinaryReader ? bytes : new pb_1.BinaryReader(bytes), message = new ManualAlarmButton();
+            while (reader.nextField()) {
+                if (reader.isEndGroup())
+                    break;
+                switch (reader.getFieldNumber()) {
+                    case 1:
+                        reader.readMessage(message.common, () => message.common = dependency_1.common.CommonInfo.deserialize(reader));
+                        break;
+                    case 2:
+                        message.code = reader.readString();
+                        break;
+                    default: reader.skipField();
+                }
+            }
+            return message;
+        }
+        serializeBinary(): Uint8Array {
+            return this.serialize();
+        }
+        static deserializeBinary(bytes: Uint8Array): ManualAlarmButton {
+            return ManualAlarmButton.deserialize(bytes);
+        }
+    }
+    export class HydrantAlarmButton extends pb_1.Message {
+        #one_of_decls: number[][] = [];
+        constructor(data?: any[] | {
+            common?: dependency_1.common.CommonInfo;
+            code?: string;
+        }) {
+            super();
+            pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
+            if (!Array.isArray(data) && typeof data == "object") {
+                if ("common" in data && data.common != undefined) {
+                    this.common = data.common;
+                }
+                if ("code" in data && data.code != undefined) {
+                    this.code = data.code;
+                }
+            }
+        }
+        get common() {
+            return pb_1.Message.getWrapperField(this, dependency_1.common.CommonInfo, 1) as dependency_1.common.CommonInfo;
+        }
+        set common(value: dependency_1.common.CommonInfo) {
+            pb_1.Message.setWrapperField(this, 1, value);
+        }
+        get has_common() {
+            return pb_1.Message.getField(this, 1) != null;
+        }
+        get code() {
+            return pb_1.Message.getFieldWithDefault(this, 2, "") as string;
+        }
+        set code(value: string) {
+            pb_1.Message.setField(this, 2, value);
+        }
+        static fromObject(data: {
+            common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
+            code?: string;
+        }): HydrantAlarmButton {
+            const message = new HydrantAlarmButton({});
+            if (data.common != null) {
+                message.common = dependency_1.common.CommonInfo.fromObject(data.common);
+            }
+            if (data.code != null) {
+                message.code = data.code;
+            }
+            return message;
+        }
+        toObject() {
+            const data: {
+                common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
+                code?: string;
+            } = {};
+            if (this.common != null) {
+                data.common = this.common.toObject();
+            }
+            if (this.code != null) {
+                data.code = this.code;
+            }
+            return data;
+        }
+        serialize(): Uint8Array;
+        serialize(w: pb_1.BinaryWriter): void;
+        serialize(w?: pb_1.BinaryWriter): Uint8Array | void {
+            const writer = w || new pb_1.BinaryWriter();
+            if (this.has_common)
+                writer.writeMessage(1, this.common, () => this.common.serialize(writer));
+            if (this.code.length)
+                writer.writeString(2, this.code);
+            if (!w)
+                return writer.getResultBuffer();
+        }
+        static deserialize(bytes: Uint8Array | pb_1.BinaryReader): HydrantAlarmButton {
+            const reader = bytes instanceof pb_1.BinaryReader ? bytes : new pb_1.BinaryReader(bytes), message = new HydrantAlarmButton();
+            while (reader.nextField()) {
+                if (reader.isEndGroup())
+                    break;
+                switch (reader.getFieldNumber()) {
+                    case 1:
+                        reader.readMessage(message.common, () => message.common = dependency_1.common.CommonInfo.deserialize(reader));
+                        break;
+                    case 2:
+                        message.code = reader.readString();
+                        break;
+                    default: reader.skipField();
+                }
+            }
+            return message;
+        }
+        serializeBinary(): Uint8Array {
+            return this.serialize();
+        }
+        static deserializeBinary(bytes: Uint8Array): HydrantAlarmButton {
+            return HydrantAlarmButton.deserialize(bytes);
+        }
+    }
+    export class GasExtinguishing extends pb_1.Message {
+        #one_of_decls: number[][] = [];
+        constructor(data?: any[] | {
+            common?: dependency_1.common.CommonInfo;
+            code?: string;
+        }) {
+            super();
+            pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
+            if (!Array.isArray(data) && typeof data == "object") {
+                if ("common" in data && data.common != undefined) {
+                    this.common = data.common;
+                }
+                if ("code" in data && data.code != undefined) {
+                    this.code = data.code;
+                }
+            }
+        }
+        get common() {
+            return pb_1.Message.getWrapperField(this, dependency_1.common.CommonInfo, 1) as dependency_1.common.CommonInfo;
+        }
+        set common(value: dependency_1.common.CommonInfo) {
+            pb_1.Message.setWrapperField(this, 1, value);
+        }
+        get has_common() {
+            return pb_1.Message.getField(this, 1) != null;
+        }
+        get code() {
+            return pb_1.Message.getFieldWithDefault(this, 2, "") as string;
+        }
+        set code(value: string) {
+            pb_1.Message.setField(this, 2, value);
+        }
+        static fromObject(data: {
+            common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
+            code?: string;
+        }): GasExtinguishing {
+            const message = new GasExtinguishing({});
+            if (data.common != null) {
+                message.common = dependency_1.common.CommonInfo.fromObject(data.common);
+            }
+            if (data.code != null) {
+                message.code = data.code;
+            }
+            return message;
+        }
+        toObject() {
+            const data: {
+                common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
+                code?: string;
+            } = {};
+            if (this.common != null) {
+                data.common = this.common.toObject();
+            }
+            if (this.code != null) {
+                data.code = this.code;
+            }
+            return data;
+        }
+        serialize(): Uint8Array;
+        serialize(w: pb_1.BinaryWriter): void;
+        serialize(w?: pb_1.BinaryWriter): Uint8Array | void {
+            const writer = w || new pb_1.BinaryWriter();
+            if (this.has_common)
+                writer.writeMessage(1, this.common, () => this.common.serialize(writer));
+            if (this.code.length)
+                writer.writeString(2, this.code);
+            if (!w)
+                return writer.getResultBuffer();
+        }
+        static deserialize(bytes: Uint8Array | pb_1.BinaryReader): GasExtinguishing {
+            const reader = bytes instanceof pb_1.BinaryReader ? bytes : new pb_1.BinaryReader(bytes), message = new GasExtinguishing();
+            while (reader.nextField()) {
+                if (reader.isEndGroup())
+                    break;
+                switch (reader.getFieldNumber()) {
+                    case 1:
+                        reader.readMessage(message.common, () => message.common = dependency_1.common.CommonInfo.deserialize(reader));
+                        break;
+                    case 2:
+                        message.code = reader.readString();
+                        break;
+                    default: reader.skipField();
+                }
+            }
+            return message;
+        }
+        serializeBinary(): Uint8Array {
+            return this.serialize();
+        }
+        static deserializeBinary(bytes: Uint8Array): GasExtinguishing {
+            return GasExtinguishing.deserialize(bytes);
+        }
+    }
+    export class SmokeDetector extends pb_1.Message {
+        #one_of_decls: number[][] = [];
+        constructor(data?: any[] | {
+            common?: dependency_1.common.CommonInfo;
+            code?: string;
+        }) {
+            super();
+            pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
+            if (!Array.isArray(data) && typeof data == "object") {
+                if ("common" in data && data.common != undefined) {
+                    this.common = data.common;
+                }
+                if ("code" in data && data.code != undefined) {
+                    this.code = data.code;
+                }
+            }
+        }
+        get common() {
+            return pb_1.Message.getWrapperField(this, dependency_1.common.CommonInfo, 1) as dependency_1.common.CommonInfo;
+        }
+        set common(value: dependency_1.common.CommonInfo) {
+            pb_1.Message.setWrapperField(this, 1, value);
+        }
+        get has_common() {
+            return pb_1.Message.getField(this, 1) != null;
+        }
+        get code() {
+            return pb_1.Message.getFieldWithDefault(this, 2, "") as string;
+        }
+        set code(value: string) {
+            pb_1.Message.setField(this, 2, value);
+        }
+        static fromObject(data: {
+            common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
+            code?: string;
+        }): SmokeDetector {
+            const message = new SmokeDetector({});
+            if (data.common != null) {
+                message.common = dependency_1.common.CommonInfo.fromObject(data.common);
+            }
+            if (data.code != null) {
+                message.code = data.code;
+            }
+            return message;
+        }
+        toObject() {
+            const data: {
+                common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
+                code?: string;
+            } = {};
+            if (this.common != null) {
+                data.common = this.common.toObject();
+            }
+            if (this.code != null) {
+                data.code = this.code;
+            }
+            return data;
+        }
+        serialize(): Uint8Array;
+        serialize(w: pb_1.BinaryWriter): void;
+        serialize(w?: pb_1.BinaryWriter): Uint8Array | void {
+            const writer = w || new pb_1.BinaryWriter();
+            if (this.has_common)
+                writer.writeMessage(1, this.common, () => this.common.serialize(writer));
+            if (this.code.length)
+                writer.writeString(2, this.code);
+            if (!w)
+                return writer.getResultBuffer();
+        }
+        static deserialize(bytes: Uint8Array | pb_1.BinaryReader): SmokeDetector {
+            const reader = bytes instanceof pb_1.BinaryReader ? bytes : new pb_1.BinaryReader(bytes), message = new SmokeDetector();
+            while (reader.nextField()) {
+                if (reader.isEndGroup())
+                    break;
+                switch (reader.getFieldNumber()) {
+                    case 1:
+                        reader.readMessage(message.common, () => message.common = dependency_1.common.CommonInfo.deserialize(reader));
+                        break;
+                    case 2:
+                        message.code = reader.readString();
+                        break;
+                    default: reader.skipField();
+                }
+            }
+            return message;
+        }
+        serializeBinary(): Uint8Array {
+            return this.serialize();
+        }
+        static deserializeBinary(bytes: Uint8Array): SmokeDetector {
+            return SmokeDetector.deserialize(bytes);
+        }
+    }
+    export class TemperatureDetector extends pb_1.Message {
+        #one_of_decls: number[][] = [];
+        constructor(data?: any[] | {
+            common?: dependency_1.common.CommonInfo;
+            code?: string;
+        }) {
+            super();
+            pb_1.Message.initialize(this, Array.isArray(data) ? data : [], 0, -1, [], this.#one_of_decls);
+            if (!Array.isArray(data) && typeof data == "object") {
+                if ("common" in data && data.common != undefined) {
+                    this.common = data.common;
+                }
+                if ("code" in data && data.code != undefined) {
+                    this.code = data.code;
+                }
+            }
+        }
+        get common() {
+            return pb_1.Message.getWrapperField(this, dependency_1.common.CommonInfo, 1) as dependency_1.common.CommonInfo;
+        }
+        set common(value: dependency_1.common.CommonInfo) {
+            pb_1.Message.setWrapperField(this, 1, value);
+        }
+        get has_common() {
+            return pb_1.Message.getField(this, 1) != null;
+        }
+        get code() {
+            return pb_1.Message.getFieldWithDefault(this, 2, "") as string;
+        }
+        set code(value: string) {
+            pb_1.Message.setField(this, 2, value);
+        }
+        static fromObject(data: {
+            common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
+            code?: string;
+        }): TemperatureDetector {
+            const message = new TemperatureDetector({});
+            if (data.common != null) {
+                message.common = dependency_1.common.CommonInfo.fromObject(data.common);
+            }
+            if (data.code != null) {
+                message.code = data.code;
+            }
+            return message;
+        }
+        toObject() {
+            const data: {
+                common?: ReturnType<typeof dependency_1.common.CommonInfo.prototype.toObject>;
+                code?: string;
+            } = {};
+            if (this.common != null) {
+                data.common = this.common.toObject();
+            }
+            if (this.code != null) {
+                data.code = this.code;
+            }
+            return data;
+        }
+        serialize(): Uint8Array;
+        serialize(w: pb_1.BinaryWriter): void;
+        serialize(w?: pb_1.BinaryWriter): Uint8Array | void {
+            const writer = w || new pb_1.BinaryWriter();
+            if (this.has_common)
+                writer.writeMessage(1, this.common, () => this.common.serialize(writer));
+            if (this.code.length)
+                writer.writeString(2, this.code);
+            if (!w)
+                return writer.getResultBuffer();
+        }
+        static deserialize(bytes: Uint8Array | pb_1.BinaryReader): TemperatureDetector {
+            const reader = bytes instanceof pb_1.BinaryReader ? bytes : new pb_1.BinaryReader(bytes), message = new TemperatureDetector();
+            while (reader.nextField()) {
+                if (reader.isEndGroup())
+                    break;
+                switch (reader.getFieldNumber()) {
+                    case 1:
+                        reader.readMessage(message.common, () => message.common = dependency_1.common.CommonInfo.deserialize(reader));
+                        break;
+                    case 2:
+                        message.code = reader.readString();
+                        break;
+                    default: reader.skipField();
+                }
+            }
+            return message;
+        }
+        serializeBinary(): Uint8Array {
+            return this.serialize();
+        }
+        static deserializeBinary(bytes: Uint8Array): TemperatureDetector {
+            return TemperatureDetector.deserialize(bytes);
+        }
+    }
 }
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 30a346b..29a7123 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -46,6 +46,14 @@ const routes: RouteRecordRaw[] = [
       },
     ],
   },
+  {
+    path: '/iscsPainting/:id',
+    name: 'iscsPainting',
+    component: () => import('layouts/IscsDrawLayout.vue'),
+    meta: {
+      hidden: true,
+    },
+  },
   {
     path: '/:catchAll(.*)*',
     meta: {
@@ -53,22 +61,6 @@ const routes: RouteRecordRaw[] = [
     },
     component: () => import('pages/ErrorNotFound.vue'),
   },
-  {
-    path: '/cctvPainting',
-    name: 'cctvPainting',
-    meta: {
-      label: 'CCTV绘制',
-    },
-    component: () => import('layouts/CCTVDrawLayout.vue'),
-  },
-  {
-    path: '/fasPaint',
-    name: 'fasPaint',
-    meta: {
-      label: '火灾报警绘制',
-    },
-    component: () => import('layouts/FASDrawLayout.vue'),
-  },
 ];
 
 export default routes;