<studio-view-style2 viewName="competitormpickupview" viewTitle="竞争对手数据多项选择视图" class='dempickupview competitor-mpickup-view'>
    <div class="content-container pickup-view">
            <div class="translate-contant">
                <div class="center" :style="{width : !isShowButton ? '100%' : ''}">
        <view_pickupviewpanel 
            :viewState="viewState"  
            :viewparams="JSON.parse(JSON.stringify(viewparams))" 
            :context="JSON.parse(JSON.stringify(context))" 
            :isSingleSelect="isSingleSelect"
            :selectedData="selectedData"
            :isShowButton="isShowButton"
            name="pickupviewpanel"  
            ref='pickupviewpanel' 
            @selectionchange="pickupviewpanel_selectionchange($event)"  
            @activated="pickupviewpanel_activated($event)"  
            @load="pickupviewpanel_load($event)"  
            @closeview="closeView($event)">
        </view_pickupviewpanel>
                </div>
                <div v-if="isShowButton" class="translate-buttons">
                    <div class="buttons">
                        <i-button type="primary" :title="this.containerModel.view_rightbtn.text"
                            :disabled="this.containerModel.view_rightbtn.disabled"
                            @click="onCLickRight.apply(_self, arguments)">
                            <i class="el-icon-arrow-right"></i>
                        </i-button>
                        <i-button type="primary" :title="this.containerModel.view_leftbtn.text"
                            :disabled="this.containerModel.view_leftbtn.disabled"
                            @click="onCLickLeft.apply(_self, arguments)">
                            <i class="el-icon-arrow-left"></i>
                        </i-button>
                        <i-button type="primary" :title="this.containerModel.view_allrightbtn.text"
                            @click="onCLickAllRight.apply(_self, arguments)">
                            <i class="el-icon-d-arrow-right"></i>
                        </i-button>
                        <i-button type="primary" :title="this.containerModel.view_allleftbtn.text"
                            @click="onCLickAllLeft.apply(_self, arguments)">
                            <i class="el-icon-d-arrow-left"></i>
                        </i-button>
                    </div>
                </div>
                <div v-if="isShowButton" class="right">
                    <div class="mpicker-select">
                        <div v-for="(item, index) in viewSelections" :key="index" :class="item._select ? 'select' : ''" @click="selectionsClick(item)" @dblclick="selectionsDBLClick(item)">
                            <span>{{item.srfmajortext}}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <template slot="footer">
            <div v-if="isShowButton" :style="{ textAlign: 'right' }">
                <i-button type="primary"  :disabled="this.viewSelections.length > 0 ? false : true" @click="onClickOk.apply(_self, arguments)">{{this.containerModel.view_okbtn.text}}</i-button>
                    &nbsp;&nbsp;
                <i-button @click="onClickCancel.apply(_self, arguments)">{{this.containerModel.view_cancelbtn.text}}</i-button>
            </div>
        </template>
</studio-view-style2>