修复Angular代码中的组件渲染位置错误

这段代码存在问题，app-jjdqsb组件渲染的位置错误，它不应该渲染在第一个nz-card中。要解决这个问题，你需要将第二个nz-card中的app-jjdqsb组件移动到正确的位置。

以下是修改后的代码示例：

<nz-card style='width: 50%;' class='panel1'>
    <div class='panel-body' style='margin-bottom: 20px;'>
        <div class='mycardchart'>
            <div class='contenttitle'>
                <div>全部设备</div>
            </div>
            <div class='contentnumber'> 
                总数:
                <span style='font-size: 22px;'>123</span>
            </div>
            <app-piechartofequipments [depId]='123'></app-piechartofequipments>
        </div>
    </div>
</nz-card>

<nz-card style='width: 50%;' class='panel1'>
    <div class='panel-body' style='margin-bottom: 20px;'>
        <div class='mycardchart'>
            <div class='contenttitle'>
                <div>设备状态</div>
            </div>
            <div class='contentnumber'>
                在用设备总数:
                <span style='font-size: 22px;'>123</span>
            </div>
        </div>
    </div>
    <app-jjdqsb [depId]='123'></app-jjdqsb>
</nz-card>

在这个示例中，app-jjdqsb组件被移动到了第二个nz-card的内部div中，这样就可以确保它在正确的位置渲染。