'图标'

Your Name

2022-05-25 d8d0025816b2199686977a7c1d8dc15fc3b62361

 src/components/Tab/Marker.vue

@@ -9,66 +9,73 @@
            <!--      />-->
        </div>
        <div class="model-panel-list">
            <el-row :gutter="10">
                <el-col :span="6">
                    <el-button
                        icon="el-icon-plus"
                        size="small"
                        type="primary"
                        @click="showCreateHandle"
                    >
                        创建
                    </el-button>
<!--            <el-row :gutter="10">-->
<!--                <el-col :span="6">-->
<!--                    <el-button-->
<!--                        icon="el-icon-plus"-->
<!--                        size="small"-->
<!--                        type="primary"-->
<!--                        @click="showCreateHandle"-->
<!--                    >-->
<!--                        创建-->
<!--                    </el-button>-->
<!--                </el-col>-->
<!--                <el-col :span="6">-->
<!--                    <el-button-->
<!--                        icon="el-icon-delete"-->
<!--                        size="small"-->
<!--                        type="danger"-->
<!--                        @click="clearHandle"-->
<!--                    >-->
<!--                        清空-->
<!--                    </el-button>-->
<!--                </el-col>-->
<!--                <el-col :span="6">-->
<!--                    <el-button-->
<!--                        icon="el-icon-view"-->
<!--                        size="small"-->
<!--                        :type="showPlot ? 'success' : 'info'"-->
<!--                        @click="toggleVisible"-->
<!--                    >-->
<!--                        {{ showPlot ? '隐藏' : '显示' }}-->
<!--                    </el-button>-->
<!--                </el-col>-->
<!--            </el-row>-->
<!--            <el-row :gutter="10" v-for="marker in markers" :key="marker.attr.id">-->
            <el-row :gutter="10" v-for="item in labels" :key="item.id">
                <el-col :span="18">
                    <img :src="item.url" style="width:30px;height:30px;" />
                </el-col>
                <el-col :span="6">
                    <el-button
                        icon="el-icon-delete"
                        size="small"
                        type="danger"
                        @click="clearHandle"
                    >
                        清空
                    </el-button>
                    {{ item.name || ' ' }}
                </el-col>
                <el-col :span="6">
                    <el-button
                        icon="el-icon-view"
                        size="small"
                        :type="showPlot ? 'success' : 'info'"
                        @click="toggleVisible"
                    >
                        {{ showPlot ? '隐藏' : '显示' }}
                    </el-button>
                </el-col>
            </el-row>
            <el-row :gutter="10" v-for="marker in markers" :key="marker.attr.id">
                <el-col :span="2">
                    <img :src="marker.style.image" style="width:22px;height:22px;" />
                </el-col>
                <el-col :span="12">
                    {{ marker.attr.name || ' ' }}
                </el-col>
                <el-col :span="10" style="textAlign:right">
                    <el-button
                        icon="el-icon-s-promotion"
                        size="mini"
                        circle
                        @click="() => focusHandle(marker.attr.id)"
                    />
                    <el-button
                        icon="el-icon-edit"
                        size="mini"
                        circle
                        @click="() => editHandle(marker)"
                    />
                    <el-button
                        icon="el-icon-delete"
                        type="danger"
                        size="mini"
                        circle
                        @click="() => removeHandle(marker.attr.id)"
                    />
                </el-col>
<!--                <el-col :span="20">-->
<!--                    <img :src="marker.style.image" style="width:22px;height:22px;" />-->
<!--                </el-col>-->
<!--                <el-col :span="4">-->
<!--                    {{ marker.attr.name || ' ' }}-->
<!--                </el-col>-->
<!--                <el-col :span="10" style="textAlign:right">-->
<!--                    <el-button-->
<!--                        icon="el-icon-s-promotion"-->
<!--                        size="mini"-->
<!--                        circle-->
<!--                        @click="() => focusHandle(marker.attr.id)"-->
<!--                    />-->
<!--                    <el-button-->
<!--                        icon="el-icon-edit"-->
<!--                        size="mini"-->
<!--                        circle-->
<!--                        @click="() => editHandle(marker)"-->
<!--                    />-->
<!--                    <el-button-->
<!--                        icon="el-icon-delete"-->
<!--                        type="danger"-->
<!--                        size="mini"-->
<!--                        circle-->
<!--                        @click="() => removeHandle(marker.attr.id)"-->
<!--                    />-->
<!--                </el-col>-->
            </el-row>
        </div>
        <el-dialog
@@ -108,6 +115,16 @@
        components: {},
        data() {
            return {
                labels:[
                    {id:1,url:'../../../src/assets/icon_donghuo_s.png',name:'动火作业'},
                    {id:2,url:'../../../src/assets/icon_diaozhuang_s.png',name:'吊装作业'},
                    {id:3,url:'../../../src/assets/icon_gaochu_s.png',name:'高处作业'},
                    {id:4,url:'../../../src/assets/icon_kongjian_s.png',name:'受限空间'},
                    {id:5,url:'../../../src/assets/icon_mangban_s.png',name:'盲板抽堵'},
                    {id:6,url:'../../../src/assets/icon_yongdian_s.png',name:'临时用电'},
                    {id:7,url:'../../../src/assets/icon_wajue_s.png',name:'动土作业'},
                    {id:8,url:'../../../src/assets/sidebar_icon4.png',name:'断路作业'},
                ],
                images: [
                    { url: '../../../public/images/icon/1.png', type: '消防预警' },
                    { url: '../../../public/images/icon/2.png', type: '风险预警' },