FUXA源码添加自定义资源-svg

        在FUXA进行组态模拟时，通常需要根据工控业务中使用不同的模型，在FUXA中可以通过上传图片或者源码上传资源实现，源码上传SVG实现的好处是直接集成到FUXA项目的服务端，不用每次都从文件夹上传。

1、源码添加SVG

其中Pipes和Tanks是开源项目中自带的，文件夹的名称将作为下拉菜单的名称，对应的SVG将会显示在其中。可以新建目录，每个目录下可以添加多个svg文件(一定是.svg文件)。

源码HTML代码：

FUXA\client\src\app\resources\lib-images\lib-images.component.html

<div>
    <h1 mat-dialog-title style="display:inline-block; cursor:move;" mat-dialog-draggable>{{'resources.lib-images' | translate}}</h1>
    <mat-icon (click)="onNoClick()" style="float:right;margin-right:-10px;margin-top:-10px;cursor:pointer;color:gray;">clear</mat-icon>
    <div mat-dialog-content>
        <mat-accordion multi="true">
            <mat-expansion-panel *ngFor="let grpImages of resImages" class="my-expansion-panel lib-image-panel">
                <mat-expansion-panel-header class="header" [collapsedHeight]="'40px'" [expandedHeight]="'40px'">
                    <mat-panel-title>
                        {{grpImages.name}}
                    </mat-panel-title>
                    <mat-panel-description>

                    </mat-panel-description>
                </mat-expansion-panel-header>
                <div *ngFor="let item of grpImages.items" (click)="onSelect(item.path)" class="lib-image-item" matTooltip="{{item.name}}">
                    <img src="{{item.path}}" id="{{item.path}}">
                </div>

            </mat-expansion-panel>
            <!-- <mat-expansion-panel class="my-expansion-panel">
                <mat-expansion-panel-header class="header" [collapsedHeight]="'40px'" [expandedHeight]="'40px'">
                    <mat-panel-title>
                        Page editor
                    </mat-panel-title>
                    <mat-panel-description>

                    </mat-panel-description>
                </mat-expansion-panel-header>
                Page editor content
            </mat-expansion-panel> -->
        </mat-accordion>
        <div style="display: block;width: 660px; padding-bottom: 20px;">

        </div>
    </div>
    <div mat-dialog-actions class="dialog-action">
        <button mat-raised-button (click)="onNoClick()">{{'dlg.cancel' | translate}}</button>
    </div>
</div>

2、ifconfont

可以从iconfont-阿里巴巴矢量图标库https://www.iconfont.cn/?spm=a313x.home_index.i3.d4d0a486a.36113a81yPSjfa获取SVG，进行测试，期间FUXA Server 不需要重新启动。