ShangHaiYuan-AnXin/src/app/ui/plan-template/plan-template.component.html

<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2021-05-19 15:50:20
 * @LastEditors: sueRimn
 * @LastEditTime: 2021-05-21 16:56:26
-->
<div class="box">
    <div class="boxleft">
        <div class="lefthead">
            <div class="leftheadone">
                <span>预案列表</span>
            </div>
            <div class="leftheadtwo" (click)='addKeyunit()'>
                <img src="../../../assets/images/add.png">
                <span>新增</span>
            </div>
        </div>
        <div class="leftbox">
            <div class="leftbody" [ngClass]="{'selectedTr': item.name == planName}" *ngFor="let item of newleftTabledata;let i=index" (click)='planClick(item)'>
                <div class="bodyname">
                    <span>{{item.name}}</span>
                </div>
                <div class="bodycz">
                    <span>{{item.level}}</span>
                    <img  [src]="item.name == planName? '../../../assets/images/update.png':'../../../assets/images/updatehui.png'" (click)='upPlan(item,i)'>
                    <img  [src]="item.name == planName? '../../../assets/images/deleteblue.png':'../../../assets/images/deletehui.png'" (click)='deletePlan(i)'>
                </div>
            </div>
        </div>
    </div>
    <div class="boxright">
        <div class="righthead">
            <div class="rightheadone">
                <span>{{planName}}</span>
            </div>
            <div class="rightheadtwo">
                <button mat-raised-button color="primary">新增分组</button>
            </div>
        </div>
        <div class="rightbody"></div>
    </div>
</div>