| | |
| | | ></el-option> |
| | | </el-select> |
| | | </p> |
| | | <p class="p-date" style="width:19%"> |
| | | <p class="p-date" style="width:19%;vertical-align: top;"> |
| | | <el-date-picker |
| | | size="mini" |
| | | v-model="searchTime" |
| | |
| | | <b class="clear-searching" @click="clearSearch">重置</b> |
| | | </p> |
| | | </div> |
| | | <div ref="mid" style="height:calc(100% - 72px)"> |
| | | <!-- <div id="searchMid" class="mid" ref="scrollContain" v-if="!VideoPhotoData.uploadDiaplay"> |
| | | <Card |
| | | :class="item.activeObject.id === VideoPhotoData.activeCard ? 'my-active-card' : ''" |
| | | v-for="(item, index) in VideoPhotoData.cards" |
| | | :key="index + 'a'" |
| | | :outHeight="'155px'" |
| | | :outWidth="cardWidth" |
| | | :data="item" |
| | | :showType="showType" |
| | | @detailsClick="getDetails($event, index)" |
| | | @addToBase="toAdd" |
| | | ></Card> |
| | | </div>--> |
| | | <div ref="mid" style="height:100%;overflow-y:auto;"> |
| | | |
| | | <div id="searchMid" class="mid"> |
| | | <div class="left-selection" v-if="VideoPhotoData.uploadDiaplay"> |
| | | <upload-img ref="uploadImg" @labelDisabled="disabled"></upload-img> |
| | |
| | | @addToBase="toAdd" |
| | | ></Card> |
| | | </div> |
| | | <div class="foot"> |
| | | <el-pagination |
| | | :current-page="VideoPhotoData.page" |
| | | @current-change="changePages" |
| | | @size-change="sizeChange" |
| | | :page-sizes="VideoPhotoData.pageSizeOption" |
| | | :page-size="VideoPhotoData.size" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="VideoPhotoData.total" |
| | | ></el-pagination> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | <div class="foot"> |
| | | <!-- <div class="foot"> |
| | | <el-pagination |
| | | :current-page="VideoPhotoData.page" |
| | | @current-change="changePages" |
| | |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="VideoPhotoData.total" |
| | | ></el-pagination> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | <!-- <hsc-window-style-metal class="windown-model"> |
| | | <hsc-window |
| | | v-for="(item, index) in CardList.addBaseList" |
| | | :closeButton="true" |
| | | @closebuttonclick="closeWindow(index)" |
| | | :key="index" |
| | | @update:height="resizeHeight" |
| | | @update:width="resizeWidth" |
| | | style="background:white; height:475px" |
| | | :left="center.x + index * 10" |
| | | :top="center.y + index * 10" |
| | | :resizable="true" |
| | | positionHint="center" |
| | | :isScrollable="true" |
| | | :minWidth="662" |
| | | :minHeight="479" |
| | | :maxWidth="10000" |
| | | :maxHeight="7000" |
| | | :height="defaultHeight" |
| | | :width="defaultWidth" |
| | | > |
| | | <div class="addToBase"> |
| | | <div class="topLabel">加入底库</div> |
| | | <div class="items"> |
| | | <div class="lable"> |
| | | <p>黑名单 ></p> |
| | | </div> |
| | | <div class="baseList"> |
| | | <el-checkbox-group v-model="VideoPhotoData.selectBlacks" @change="blackAngWhite"> |
| | | <div class="base" v-for="(item, index) in VideoPhotoData.blackList" :key="index"> |
| | | <el-checkbox |
| | | :label="item.value" |
| | | :title="item.title" |
| | | :disabled="item.disabled" |
| | | >{{item.title}}</el-checkbox> |
| | | </div> |
| | | </el-checkbox-group> |
| | | </div> |
| | | </div> |
| | | <div class="items"> |
| | | <div class="lable"> |
| | | <p>白名单 ></p> |
| | | </div> |
| | | <div class="baseList"> |
| | | <el-checkbox-group v-model="VideoPhotoData.selectWhites" @change="blackAngWhite"> |
| | | <div class="base" v-for="(item, index) in VideoPhotoData.whiteList" :key="index"> |
| | | <el-checkbox |
| | | :label="item.value" |
| | | :title="item.title" |
| | | :disabled="item.disabled" |
| | | >{{item.title}}</el-checkbox> |
| | | </div> |
| | | </el-checkbox-group> |
| | | </div> |
| | | </div> |
| | | <div class="buttons"> |
| | | <el-button type="primary" @click="saveAddBase(item, index)">保存</el-button> |
| | | <el-button type="default" @click="closeWindow(index)">取消</el-button> |
| | | </div> |
| | | </div> |
| | | </hsc-window> |
| | | </hsc-window-style-metal>--> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | } |
| | | } |
| | | .mid { |
| | | width: 100%; |
| | | height: 100%; |
| | | //width: 100%; |
| | | //height: 100%; |
| | | padding: 10px; |
| | | overflow: auto; |
| | | position: relative; |