|
|
|
@ -1,7 +1,8 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="head-container"> |
|
|
|
<el-select slot="prepend" v-model="query.isType" style="width: 80px" @change="initData"> |
|
|
|
<div class="head-container header"> |
|
|
|
<div class="head-left"> |
|
|
|
<el-select slot="prepend" v-model="query.isType" class="filter-item" style="width: 130px;height:30px;margin-right:10px" @change="initData"> |
|
|
|
<el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
</el-select> |
|
|
|
<el-input v-model="query[inputSelect]" clearable size="small" placeholder="请输入关键词" style="width: 200px;" class="input-prepend filter-item" @keyup.enter.native="initData"> |
|
|
|
@ -9,12 +10,15 @@ |
|
|
|
<el-option v-for="item in queryOptions" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
</el-select> |
|
|
|
</el-input> |
|
|
|
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="initData">搜索</el-button> |
|
|
|
</div> |
|
|
|
<div class="archives-handler-btn"> |
|
|
|
<!-- iconfont icon-weibiaoti-2 --> |
|
|
|
<el-button class="lending-btn" type="primary" :loading="unbindBtnLoading" @click="unbind()">解除绑定</el-button> |
|
|
|
<el-button class="lending-btn" type="primary" :loading="unbindBtnLoading" @click="unbind()"> |
|
|
|
<svg-icon icon-class="remove_bind" class-name="svg-style" style="margin-right:8px" />解除绑定</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-table ref="table" v-loading="loading" :data="bindTagList" style="width: 100%;" height="calc(100vh - 463px)" @row-click="clickRowHandler" @selection-change="selectionChangeHandler"> |
|
|
|
<el-table ref="table" v-loading="loading" :data="bindTagList" style="width: 100%;" height="calc(100vh - 357px)" @row-click="clickRowHandler" @selection-change="selectionChangeHandler"> |
|
|
|
<el-table-column type="selection" width="55" align="center" /> |
|
|
|
<el-table-column type="index" label="序号" width="55" align="center" /> |
|
|
|
<el-table-column prop="tid" label="TID" align="center" /> |
|
|
|
@ -173,4 +177,23 @@ export default { |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "~@/assets/styles/archives-manage.scss"; |
|
|
|
.header{ |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
padding-top: 0; |
|
|
|
margin-top: -10px; |
|
|
|
.head-left{ |
|
|
|
.el-button{ |
|
|
|
margin-left:-10px ; |
|
|
|
background-color: #3A99FD; |
|
|
|
&:hover{ |
|
|
|
background-color: #02255F; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.archives-handler-btn .el-button{ |
|
|
|
height: 30px; |
|
|
|
width: 106px; |
|
|
|
} |
|
|
|
</style> |
