baoshi-was/resources/views/maintenance/expressPrinting/template/_select.blade.php

<div class="container-fluid p-0"  id="select-panel" style="cursor: pointer; overflow-y: scroll;border-radius:5px;" >
    <div class="card">
        <div class="card-header">组件列表</div>
        <div class="card-body m-0 p-0">
            <ul class="list-group" >
                <li class="list-group-item align-text-top hover"
                    v-for="(printPart,i) in printParts"
                    @dblclick="_addPartToProductionPanel(printPart)">
                    @{{ printPart.name }}
                    <span class="text-right float-right btn btn-sm btn-outline-success" @click="_addPartToProductionPanel(printPart)">添加</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="card" v-if="productionParts.editPart && productionParts.editPart.type === 'image'">
        <div class="card-header">图片选择</div>
        <div class="card-body p-0">
            <ul class="list-group">
                <template v-for="(image,i) in images">
                    <li class="list-group-item" :class="{'list-group-item active' : productionParts.editPart.value === 'image.name'}">
                        <img :src="getImageSrc(image)" alt="image.name"  width="150">
                        <button class="btn btn-sm btn-outline-primary" @click="setImageBg(image)">替换</button>
                    </li>
                </template>

            </ul>
        </div>
    </div>
</div>