You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<div id="transfer-app">
|
|
|
|
|
<div id="transfer">
|
|
|
|
|
<div class="tra-left">
|
|
|
|
|
<div class="tra-header">
|
|
|
|
|
<div class="tra-header-left"><i class="tra-pointer" :class="selectIconLeft" @click="allInitSelect" aria-hidden="true"></i></div>
|
|
|
|
|
<div class="tra-header-center">{{leftTitle}}</div>
|
|
|
|
|
<div class="tra-header-right">{{leftSelectNum}} / {{initNum}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tra-search">
|
|
|
|
|
<input type="text" class="form-control" v-model="traLeftInput"/>
|
|
|
|
|
<span class="fa fa-search searchicon" aria-hidden="true"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tra-content" v-show="!leftEmpty">
|
|
|
|
|
<div class="tra-item" v-for="item in initList" v-if="item.isSearch">
|
|
|
|
|
<i class="tra-pointer tra-icon fa" :class="item.type ? 'fa-check-square-o':'fa-square-o'" @click="selectLeft(item.id)" aria-hidden="true"></i>
|
|
|
|
|
<span>{{item.name}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tra-empty-content" v-show="leftEmpty">
|
|
|
|
|
无数据
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tra-center">
|
|
|
|
|
<button class="btn" type="button" @click="toRight" :disabled="leftDisabled" :class="leftDisabled ? '': 'btn-primary'"><i class="fa fa-angle-double-right" aria-hidden="true"></i></button>
|
|
|
|
|
<button class="btn" type="button" @click="toLeft" :disabled="rightDisabled" :class="rightDisabled ? '': 'btn-primary'"><i class="fa fa-angle-double-left" aria-hidden="true"></i></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tra-right">
|
|
|
|
|
<div class="tra-header">
|
|
|
|
|
<div class="tra-header-left"><i class="tra-pointer" :class="selectIconRight" @click="allTargetSelect" aria-hidden="true"></i></div>
|
|
|
|
|
<div class="tra-header-center">{{rightTitle}}</div>
|
|
|
|
|
<div class="tra-header-right">{{rightSelectNum}} / {{targetNum}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tra-search">
|
|
|
|
|
<input type="text" class="form-control" v-model="traRightInput"/>
|
|
|
|
|
<span class="fa fa-search searchicon" aria-hidden="true"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tra-content" v-show="!rightEmpty">
|
|
|
|
|
<div class="tra-item" v-for="item in targetList" v-if="item.isSearch">
|
|
|
|
|
<i class="tra-pointer tra-icon fa" :class="item.type ? 'fa-check-square-o':'fa-square-o'" @click="selectRight(item.id)" aria-hidden="true"></i>
|
|
|
|
|
<span>{{item.name}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tra-empty-content" v-show="rightEmpty">
|
|
|
|
|
无数据
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
